@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;500;600;700;800&family=Poppins:wght@100;200;300;400;500;600;700;800;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;500;600;700;800&family=PT+Sans:ital,wght@0,400;0,700;1,400&family=Poppins:wght@100;200;300;400;500;600;700;800;900&display=swap');
* { margin: 0; padding: 0; box-sizing: border-box; }
ul,
li,
ol { list-style: none; margin: 0; padding: 0; }
.main_header { width: 100%; background: #fff; }
section.about-us-sec .container { position: relative; z-index: 1; }
nav.navbar.navbar-expand-md {
    padding: 2px 0;
}
.brand-logo { max-width: 80px; }
.headertop {    padding: 10px 0; background: linear-gradient(90deg, rgba(240, 196, 246, 1) 20%, rgba(178, 238, 235, 1) 75%);}
.headertop p { font-size: 15px; color: #663398; margin: 0; font-weight: 600; }
.navbar-nav li { margin: 0 40px 0 0; }
.navbar-nav li:last-child { margin: 0; }
.navbar-expand-md .navbar-nav .nav-link { padding: 0; }
.navbar-expand-md .navbar-nav .nav-link.active { color: #663398; }
.social li { display: inline-block; vertical-align: middle; margin: 0 25px 0 0 }
.social li:last-child { margin: 0; }
.social li a { color: #663398; }
.main_header .container-fluid { padding: 0; }
.about-us-sec { background: linear-gradient(90deg, #37aaed 20%, #a2d7f6 75%); position: relative; padding: 60px 0; }
.nav-item .nav-link { font-size: 18px; line-height: 45px; color: #400640; }
.about-us-sec .busniess h1 { font-size: 60px; line-height: 71px; font-weight: bold; color: #fff; }
.about-us-sec .busniess p { font-size: 16px; line-height: 22px; color: #fff; font-style: normal; font-weight: 500; }
.get-more .know-more { border: 1px solid #663398; padding: 8px 35px; border-radius: 10px; font-weight: bold; font-size: 15px; line-height: 45px; background-color: #663398; color: #ffffff; }
.carousel-item img { max-height: 500px; object-fit: cover; }
.carousel-caption { top: 100px; text-align: center; z-index: 1; }
.carousel-caption h5 { font-weight: 800; font-size: 60px; color: #fff; }
.carousel-caption p { font-size: 25px; }
.carousel-inner:before { content: ''; position: absolute; left: 0; right: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); z-index: 1; }
.carousel-indicators [data-bs-target] { width: 18px; height: 18px; border-radius: 60px; padding: 0; border: mediumpurple;     opacity: 1;}

.carousel-indicators .active { background: #663398; }
.get-more .know-more:hover { border: 1px solid #ffffff; background-color: #ffffff; color: #663398; box-shadow: 0px 19px 24px #00000038; }
.busniess_img_right { text-align: right; }
.busniess_img_right img { width: 100%; max-width: 340px; object-fit: contain; }

.who-we-are { padding: 50px 0; }

.who-we-are-text h2 {font-size: 24px; line-height: 25px; color: #663398; font-weight: bold; margin: 0 0 11px;}
.who-we-are-text p { font-size: 16px; line-height: 22px; color: #6a5d77; }
.read-more { padding: 15px 30px; border-radius: 10px; border: 1px solid #663398; background-color: #663398; color: #FFFFFF; font-size: 16px; font-weight: bold; }
.read-more:hover { border: 1px solid #663398; color: #663398; background-color: #ffffff; box-shadow: 0px 19px 24px #00000038; }
.see-all { padding: 15px 50px; border-radius: 10px; border: 1px solid #663398; background-color: #663398; color: #FFFFFF; font-size: 16px; font-weight: bold; }
.see-all:hover { border: 1px solid #663398; color: #663398; background-color: #ffffff; box-shadow: 0px 19px 24px #00000038; }
.our-icon-box { height: 100%; width: 100%; padding-left: 75px; }
.our-icon-box:before { content: ''; background: rgb(240, 196, 246); background: linear-gradient(90deg, rgba(240, 196, 246, 1) 20%, rgba(178, 238, 235, 1) 75%); padding: 20px 0 20px 20px; margin-top: 40px; border-radius: 20px 0 0 20px; position: absolute; right: 0; top: 0; width: 55%; height: 55%; }
.our-icon-box .card { margin-top: 90px; border-radius: 10px; box-shadow: 0px 8px 10px #00000038; align-items: center; right: 0px; }
.our-services { position: relative; padding: 30px 0; }
.our-services .container,
.our-services .row,
.our-services .col-md-7 { position: static; }
.our-icon-box .card img { height: 60px; width: 60px; margin-top: 20px; }
.our-icon-box .card-body { text-align: center; }
.our-services .card h4 { font-weight: bold; color: #663398; font-size: 22px; line-height: 22px; }
.Workshop-sec { text-align: center; padding: 50px 0 70px; }
.Workshop-sec h2 { font-weight: bold; color: #663398; font-size: 36px; line-height: 71px; }
.Workshop-sec p { font-size: 16px; line-height: 22px; color: #6a5d77; font-weight: 500; }
.potfolio-box { position: relative; border: 1px solid #f0f0f0; background: #f0f0f0;}
.potfolio-box img { display: block; width: 100%; height: 195px; object-fit: cover; }
.over-lay { position: absolute; bottom: 100%; left: 0; right: 0; background-color: #663398bf; overflow: hidden; width: 100%; height: 0; transition: .5s ease; }
.potfolio-box:hover .over-lay { bottom: 0; height: 100%; }
.text { color: white; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); text-align: center; }
.text h4 { font-weight: bold; }
.have-an-idea { background: rgb(240, 196, 246); background: linear-gradient(90deg, rgba(240, 196, 246, 1) 20%, rgba(178, 238, 235, 1) 75%); position: relative; padding: 70px 0; }
.have-an-idea .busniess h1 { font-size: 60px; line-height: 71px; font-weight: bold; color: #663398; }
.have-an-idea .busniess p { font-size: 16px; line-height: 22px; padding: 20px 0; color: #6a5d77; }
.have-an-idea .busniess { padding: 50px 0 50px }
.have-an-idea .have-an-box { padding: 0 40px; background-color: #ffffff61; border-radius: 40px; }
.upr-footar { padding: 50px 0; }
.upr-footar .footar-logo img { max-width: 130px; margin-bottom: 20px;}
.upr-footar .footar-logo p { font-size: 16px; line-height: 22px; color: #6a5d77; font-weight: 500; }
.footar-navbar { padding-left: 100px; }
.footar-navbar h3 { font-size: 24px; line-height: 45px; font-weight: bold; color: #400640; }
.footar-navbar ul li { margin: 0 0 10px; }
.footar-navbar ul li a { text-decoration: none; color: #400640; font-size: 16px; }
.footar-contact h3 { font-size: 24px; line-height: 45px; font-weight: bold; color: #400640; }
.footar-contact i { font-size: 20px; color: #663398; margin-left: 10px; }
.footar-contact p { font-size: 16px; color: #663398; }
footer.footar { border-top: 1px solid #f0c4f6; }
.footer { background: rgb(240, 196, 246); background: linear-gradient(90deg, rgba(240, 196, 246, 1) 33%, rgba(178, 238, 235, 1) 65%); padding: 18px 0 1px; text-align: center; }
.footer p { font-size: 16px; color: #400640; }
.nav-link { --s: 0.1em; --c: #663398; color: #0000; padding-bottom: var(--s); background: linear-gradient(90deg, var(--c) 50%, #000 0) calc(100% - var(--_p, 0%))/200% 100%, linear-gradient(var(--c) 0 0) 0% 100%/var(--_p, 0%) var(--s) no-repeat; -webkit-background-clip: text, padding-box; background-clip: text, padding-box; transition: 0.5s; }
.nav-link.active, .nav-link:hover { --_p: 100% }
#elevator_item{width:40px;height:50px;position:fixed;right:15px;bottom:10px;-webkit-transition:opacity .4s ease-in-out;-moz-transition:opacity .4s ease-in-out;-o-transition:opacity .4s ease-in-out;opacity:1;z-index:100020;display:none;}
#elevator_item.off{opacity:0;visibility:hidden}
#elevator{display:block;width:40px;height:40px;background:url(../img/icon_top.webp) center center no-repeat;background-size:15px;background-color:rgb(102 51 152);border-radius:2px;box-shadow:0 1px 3px rgba(0,0,0,.2);cursor:pointer;margin-bottom:10px;}
#elevator:hover{background-color:rgba(0,0,0,.7)}

/*____________aboutus_______________*/
.what-we-do-img img { height: 60px; width: 60px; margin-top: 15px; }
.what-we-do-img .card-body { text-align: center; }
.what-we-do-img .card { border-radius: 10px; box-shadow: 0px 8px 10px #00000038; align-items: center; }
.what-we-do-card { padding: 12px 4px; }
.what-we-do h2 { font-size: 36px; line-height: 71px; color: #663398; font-weight: bold; }
.what-we-do p { font-size: 16px; line-height: 22px; color: #6a5d77; }
.what-we-do { padding-bottom: 50px; }
.meet-tha-team-hading { text-align: center; padding: 0 0 30px; }
.meet-tha-team-hading h2 { font-size: 36px; color: #663398; line-height: 71px; font-weight: bold; }
.team-employe .card { padding: 40px 40px 20px 40px; border-radius: 20px; text-align: center; background-color: #ffffff61; border: 0px; min-height: 370px;}
.team-employe .card .card-body h4 { font-size: 22px; color: #5b2c8a; line-height: 22px; font-weight: bold; }
.fa-twitter { font-size: 30px; color: #00b9ff; margin: 0 10px; }
.fa-facebook { font-size: 28px; color: #4267B2; margin: 0 10px; }

/* --------------service--------------- */
.procces-box .card { border: 0px; box-shadow: 0px 0px 0px #fff; }
.procces-box .card:hover { box-shadow: 0px 2px 15px 3px #3a3a3a4f; transition: 0.5s; }
.procces-box .card h4 { color: #663398; }
.procces-box .card p { color: #817b87; font-weight: 500; }
.meet-tha-team-hading p { color: #817b87; font-weight: 500; }
.mic-service { padding: 40px 0; }
.mic-service-box h2 { font-size: 36px; line-height: 50px; color: #663398; font-weight: bold; }
.mic-service .card { border-radius: 10px; border: 0px; margin: 25px 10px 0 25px#3a3a3a4f; transition: 0.5s; margin-top: 25px; }
.marketing-box { margin: 25px 10px 0 25px; background: linear-gradient(90deg, rgba(240, 196, 246, 1) 20%, rgba(178, 238, 235, 1) 75%); border-radius: 5px; text-align: center; }
.marketing-box img { padding: 22px; }
.mic-service .card:hover { background: linear-gradient(90deg, rgba(240, 196, 246, 1) 20%, rgba(178, 238, 235, 1) 75%); transition: 0.5s; }
.mic-service .card h5 { font-size: 27px; line-height: 25px; color: #663398; font-weight: bold; }
.mic-service .card p { color: #817b87; font-weight: 500; }
.mic-service .card a { font-weight: bold; color: #663398; font-size: 14px; }
.marketing-man-box img { float: right; }
.mic-service .card:hover .marketing-box { background: #fff; }

/* -----------workshop----------- */
.business-marketing-box { margin-top: 40px; }
.business-marketing-box .card { text-align: center; border: 0px; }
.business-marketing-box img { border-radius: 15px; }
.business-marketing-box h5 { font-size: 27px; line-height: 25px; color: #663398; font-weight: bold; }
.business-marketing-box p { color: #817b87; font-weight: 500; }
.business-marketing-box a { padding: 10px 50px; background-color: #663398; border: 1px solid #663398; border-radius: 10px; color: #fff; font-weight: 500; }
.business-marketing-box a:hover { background-color: #fff; border: 0px; color: #663398; box-shadow: 0px 2px 15px 3px #3a3a3a4f; }
.busniess h1 br { display: none; }
.add-mail-num { text-align: center; }
.add-mail-num .card { border: 0px; }
.add-mail-num h5 { font-size: 27px; line-height: 25px; color: #663398; font-weight: bold; }
.add-mail-num p { color: #817b87; font-weight: 500; }
.add-box img { width: 60px; }
.mail-box img { width: 110px; }
.num-box img { width: 80px; }
.form-sec { padding: 40px 0; background-color: #f3f3f3; }
.form-sec input { border: 1px solid #663398; background-color: transparent; border-radius: 5px; }
.form-sec textarea { border: 1px solid #663398; background-color: transparent; border-radius: 5px; }
.form-sec button { padding: 10px 100px; background-color: #663398; color: #fff; border-radius: 5px; border: 0px; }
.form-sec button:hover { background-color: #fff; border: 0px; color: #663398; box-shadow: 0px 2px 15px 3px #3a3a3a4f; }
.form-sec input::placeholder { color: #663398; }
.form-sec textarea::placeholder { color: #663398; }
.form-man img { max-width: 330px; }
.footar-navbar ul li a::before { content: "-"; }
@media(max-width:1199px) {
  .marketing-box img { padding: 17px; }
  .marketing-box { margin: 20px 0px 0 25px; }
  .busniess h1 br { display: block; }
}
@media(max-width:991px) {
  .about-us-sec { padding: 100px 0 70px; }
  .about-us-sec .busniess { padding: 30px 0 30px; }
  .about-us-sec .busniess h1 { font-size: 50px; line-height: 55px; }
  .about-us-sec .busniess p { line-height: 22px; }
  .get-more { padding-top: 10px; }
  .get-more .know-more { padding: 7px 25px; border-radius: 8px; margin-left: 0px; line-height: 40px; }
  .who-we-are-text h2 { font-size: 33px; line-height: 35px; }
  .read-more { padding: 13px 28px; border-radius: 8px; }
  .our-icon-box { padding: 30px 0 0; }
  .our-icon-box:before { display: none; }
  .our-icon-box .card { margin-top: 0px; }
  .Workshop-sec { text-align: center; padding: 25px 0 50px; }
  .Workshop-sec h2 { font-size: 34px; line-height: 50px; }
  .have-an-idea { padding: 50px 0; }
  .have-an-idea .have-an-box { padding: 0px 32px; border-radius: 26px; }
  .have-an-idea .busniess { padding: 25px 0 30px; }
  .have-an-idea .busniess h1 { font-size: 50px; line-height: 52px; }
  .have-an-idea .busniess p { line-height: 20px; padding: 10px 0; }
  .upr-footar { padding: 36px 0; }
  .upr-footar .footar-logo img { max-width: 190px; }
  .upr-footar .footar-logo p { font-size: 16px; line-height: 19px; color: #6a5d77; font-weight: 500; }
  .footar-navbar h3 { margin-left: 12px; }
  .nav-item .nav-link { font-size: 18px; line-height: 22px; }
  .team-employe .card { padding: 30px 25px 10px 25px; }
  .what-we-do-img { margin-top: 20px; }
  .marketing-box { margin: 25px 10px 0 25px; }
  .marketing-man-box { margin-top: 25px; display: flex; justify-content: center; }
  .form-sec button { padding: 9px 60px; }
}
@media(max-width:767px) {
  .about-us-sec .busniess { padding: 30px 0 5px; text-align: center; }
  .about-us-sec .busniess { padding: 30px 0 5px; }
  .busniess h1 br { display: none; }
  .about-us-sec .busniess h1 { font-size: 46px; line-height: 50px; margin-bottom: 20px; }
  .get-more { padding-top: 0px; }
  .get-more .know-more { padding: 6px 22px; line-height: 37px; }
  .busniess_img_right img { padding: 20px 0 20px; }
  .who-we-are { padding: 20px 0; }
  .who-we-are img { padding-top: 20px; }
  .navbar-collapse { right: 0px; position: absolute; top: 69px; width: 264px; background-color: white; }
  .navbar-collapse ul li a { font-weight: bold; font-size: 16px; font-weight: 400; padding: 10px 0px; }
  .navbar-collapse ul li:not(:last-child) { border-bottom: 1px solid rgb(207 205 205); }
  .navbar-collapse ul li:hover { background-color: #ebebeb; transition: 0.5s; }
  .nav-link:hover { --_p: 0%; }
  .about-us-sec { padding: 100px 0 10px; }
  .our-icon-box .card { margin-top: 30px; }
  .potfolio-box img { margin-top: 20px; border-radius: 5px; }
  .Workshop-sec { padding: 25px 0 35px; }
  .have-an-idea { padding: 35px 0; }
  .have-an-idea .busniess h1 { font-size: 40px; line-height: 42px; }
  .get-more .know-more { padding: 6px 20px; line-height: 35px; }
  .read-more { padding: 10px 22px; }
  .team-employe .card { margin-top: 10px; }
  .meet-tha-team-hading { padding: 0 0 0; }
  .what-we-do h2 { font-size: 30px; line-height: 33px; margin-top: 15px; }
  .meet-tha-team-hading h2 { font-size: 30px; line-height: 30px; }
  .marketing-box img { padding: 10px; }
  .form-man { text-align: center; margin-top: 25px; }
  .add-mail-num h5 { font-size: 24px; line-height: 20px; }
  .mail-box img { width: 100px; }
  .who-we-are .align-items-center { align-items: center !important; flex-direction: column-reverse; }
}
@media(max-width:576px) {
  .about-us-sec { padding: 75px 0 10px; }
  .about-us-sec .busniess { padding: 50px 0 30px; }
  .busniess_img_right img { padding: 10px 0 20px; }
  .who-we-are img { padding-top: 5px; }
  .meet-tha-team-hading h2 { font-size: 22px; line-height: 30px; }
  .procces-box .card h4 { font-size: 18px; }
  .mic-service-box h2 { font-size: 22px; line-height: 20px; }
  .what-we-do h2 { font-size: 24px; line-height: 30px; }
  .marketing-man-box img { max-width: 170px; }
  .about-us-sec .busniess { padding: 20px 0 0px; }
  .marketing-man-box { margin-top: 0; }
  .about-us-sec .busniess h1 { font-size: 25px; line-height: 32px; margin-bottom: 18px; }
  .mic-service .card h5 { font-size: 19px; }
  .mic-service .card p { line-height: 20px; }
  .about-us-sec .busniess p { line-height: 20px; }
  .get-more .know-more { padding: 4px 13px; line-height: 34px; font-size: 14px; }
  .who-we-are { padding: 10px 0 0; }
  .meet-tha-team-hading p { margin-bottom: 0px; }
  .who-we-are-text h2 { font-size: 24px; line-height: 30px; margin-top: 25px; }
  .who-we-are-text p { line-height: 20px; }
  .read-more { padding: 8px 18px; font-size: 14px; }
  .see-all { padding: 7px 32px; font-size: 14px; }
  .our-icon-box { padding: 5px 0 0; }
  .our-services .card h4 { font-size: 20px; line-height: 19px; }
  .Workshop-sec { padding: 0 0 35px; }
  .Workshop-sec h2 { font-size: 22px; line-height: 30px; }
  .Workshop-sec p { line-height: 20px; font-weight: 400; }
  .Workshop-sec { padding: 0px 0 20px; }
  .have-an-idea { padding: 20px 0; }
  .have-an-idea .have-an-box { padding: 0px 18px; border-radius: 26px; }
  .have-an-idea .busniess { padding: 17px 0 20px; }
  .have-an-idea .busniess p { line-height: 20px; padding: 0px 0; }
  .upr-footar { padding: 20px 0; }
  .upr-footar .footar-logo img { max-width: 160px; }
  .upr-footar .footar-logo p { font-size: 16px; line-height: 22px; font-weight: 400; }
  .navbar-collapse { width: 100%; }
  .marketing-box img { padding: 20px; }
  .marketing-box { margin: 0 18px; }
  .have-an-idea .busniess h1 { font-size: 22px; line-height: 28px; }
  .get-more .know-more { padding: 4px 12px; line-height: 29px; font-size: 14px; }
  .footar-navbar h3 { font-size: 22px; line-height: 27px; }
  .business-marketing-box h5 { font-size: 22px; line-height: 25px; }
  .business-marketing-box p { line-height: 22px; }
  .business-marketing-box a { padding: 7px 43px; }
  .business-marketing-box { margin-top: 10px; }
  .add-mail-num h5 { font-size: 20px; line-height: 26px; }
  .add-box img { width: 50px; }
  .mail-box img { width: 80px; }
  .num-box img { width: 50px; }
  .brand-logo { max-width: 140px; }
  .upr-footar .footar-logo img { max-width: 140px; }
  .mic-service { padding: 20px 0; }
  .form-sec { padding: 0px 0px; }
}