html { scroll-behavior: smooth; }
/* INNER PAGE BACKGROUND */
.preformanceMarktingPage { background-image: url(../../img/Innerpages/preformanceMarketing/BgPerfomanceMarketing.webp); background-size: cover; background-position: right center; background-repeat: no-repeat; }
.customServicesPage { background-image: url(../../img/Innerpages/customerservices/BgCustomerService.webp); background-size: cover; background-position: right center; background-repeat: no-repeat; }
.webDevpage { background-image: url(../../img/Innerpages/webdev/WebDevelopmentPage.webp); background-size: cover; background-position: right center; background-repeat: no-repeat; }
.smmServicesPage { background-image: url(../../img/Innerpages/customerservices/BgCustomerService.webp); background-size: cover; background-position: right center; background-repeat: no-repeat; }
.CareersPage { background-image: url(../../img/Innerpages/careers/BgCareersPage.webp); background-size: cover; background-position: right center; background-repeat: no-repeat; }
.portfolioBanner { background-image: url(../../img/Innerpages/portfolio/bg_image.webp); background-size: cover; background-position: right center; background-repeat: no-repeat; }
.creativeServicesBannerImage { background-image: url(../../img/Innerpages/creativeservices/heroBannerImage.webp); background-size: contain; background-position: right center; background-repeat: no-repeat; }
.aboutusPage { background-image: url(../../img/Innerpages/customerservices/BgCustomerService.webp); background-size: cover; background-position: right center; background-repeat: no-repeat; }
.PortfolioPage { background-image: url(../../img/Innerpages/portfolio/portfolio.webp); background-size: cover; background-position: center top; background-repeat: no-repeat; }
/* IMAGE PLUS ANIMATION */
.pointImage img,.wwuCardImage img,.ppsolveCardSvg img,.indusvServImg img { animation: scaleUp 1s ease-out infinite alternate; }
@keyframes scaleUp {
  from { transform: scale(0.8); }
  to { transform: scale(1); }
}
/* IMAGE PLUS ANIMATION */
.innerpage-banner img.banner-img { height: 100vh; object-fit: cover; }
img.banner-img-left.img-fluid { position: absolute; left: 0; width: 30vw; top: 0; }
.innerpage-banner { height: 100vh; display: flex; align-items: center; justify-content: center; }
.innerpage-banner .banenrinner { display: block; width: 100%; }
.innerpage-banner .herosec-content { position: relative; top: 0; left: 0; transform: none; z-index: 99999; }
.webdevBannerImage { background-image: url(../../img/Innerpages/webdev/bannerimage.webp); background-size: contain; background-position: right center; background-repeat: no-repeat; }
.preformanceMarktBanner { background-image: url(../../img/Innerpages/preformanceMarketing/Bannersaturn.webp); background-size: contain; background-position: right center; background-repeat: no-repeat; }
.seoaeoservices { background-image: url(../../img/Innerpages/seoaeoservices/seobgimage.webp); background-size: contain; background-position: right center; background-repeat: no-repeat; }
.customerservices { background-image: url(../../img/Innerpages/customerservices/csbgimages.webp); background-size: contain; background-position: right center; background-repeat: no-repeat; }
.smmservice { background-image: url(../../img/Innerpages/smmservices/banneriamgesmm.webp); background-size: contain; background-position: right center; background-repeat: no-repeat; }
.subHeading { font-family: "HaasGrot-Disp" !important; font-size: 22px !important; line-height: 28px !important; color: #fff !important; letter-spacing: 20% !important; margin-bottom: 20px !important; }
.innerpage-banner h1.bannerHed { font-family: "spaced"  !important; font-size: 100px !important; line-height: 110px !important; margin-bottom: 20px !important; }
.seoaeoservices h1.bannerHed { margin-bottom: 10px !important; }
.seoaeoservices .herosec-content p.subHeading,.customerservices .herosec-content p.subHeading,.smmservice .herosec-content p.subHeadingbig { font-size: 40px !important; font-family: 'Spaced' !important; margin-bottom: 30px !important; display: block; }
.customerservices h1.spaceText .word .before .char:nth-child(4),.customerservices h1.spaceText .word .after .char:nth-child(4) { margin-right: 20px; }
.innerpage-banner p.spaceText.bannerDesc { margin-bottom: 40px !important; }
.bran-difference { padding: 100px 0; position: relative; overflow: hidden; color: #fff; }
.bran-difference h2.section-title { font-family: "Return-Space" !important; font-size: 80px !important; line-height: 90px !important; margin-bottom: 40px; }
.bran-difference h2.section-title .smalltext { font-family: "Return-Space" !important; font-size: 60px !important; line-height: 70px !important; }
.bran-difference p.section-desc { font-family: "HaasGrot-Disp" !important; font-size: 18px !important; line-height: 28px !important; color: #fff !important; letter-spacing: 10% !important; margin-bottom: 20px !important; }
img.banner-right-image { position: absolute; top: 50%; right: 0; width: 1100px; transform: translateY(-50%); height: 75%; }
.mobileImage { display: none; }
.smmservice img.banner-right-image { top: 46%; }
.mobilerocketImage { display: none; }
.avgrevenue { border: 3px solid #fff; border-radius: 180px; padding: 30px; display: flex; flex-direction: column; justify-content: center; align-items: center; background: linear-gradient(258.09deg,rgba(0,0,0,0.2) -3.44%,rgba(156,30,197,0.2) 99.24%); transition: 0.5s; width: 405px; height: 438px; text-align: center; }
.avgrevenue-content { display: flex; justify-content: center; gap: 35px; text-align: center; padding: 60px 60px; }
.avgrevenuee-mobile { display: none; }
.howitworkCardsmobile { display: none; }
h2.avgrevenue-heading { font-family: 'Spaced'; font-size: 70px !important; color: #FFE550; line-height: 1; text-align: center; }
section.avgrevenuee { padding-bottom: 100px; }
section.avgrevenuee .swiper-slide { padding: 0 15px; overflow: visible; z-index: 9; position: relative; }
p.subheading { font-size: 30px; font-family: 'Spaced'; line-height: 1; margin-bottom: 10px; margin-top: 10px; text-transform: uppercase; }
p.avgrevText { letter-spacing: 10%; }
.avgrevenue:hover { transform: scale(1.2); background: linear-gradient(257.94deg,#000000 -34.79%,#9C1EC5 99.23%); }
.avgrevenue-button { margin-top: 35px; }
section.seoservice .innerPoints { padding: 5px; }
.preformanceMarketingProcess-content { padding: 60px 120px; }
.preformanceMarketingProcess-content h2.section-title { font-family: "Return-Space" !important; font-size: 90px !important; line-height: 90px !important; margin-bottom: 10px; }
.preformanceMarketingProcess-content h2.section-title .smalltext { font-family: "Return-Space" !important; font-size: 60px !important; line-height: 70px !important; }
.preformanceMarketingProcess-content .sectionSubHeading { font-family: "Spaced" !important; font-size: 40px !important; line-height: 1.2 !important; margin-bottom: 10px; }
.preformanceMarketingProcess-content p.section-desc { font-family: "HaasGrot-Disp" !important; font-size: 18px !important; line-height: 28px !important; color: #fff !important; letter-spacing: 10% !important; margin-bottom: 20px !important; }
.rightsticky .preformanceMarketingProcessPoints { display: flex; align-items: center; justify-content: center; text-align: center; gap: 25px !important; height: auto; margin-bottom: 25px; }
.preformanceMarketingProcessPoints .innerPoints { display: flex; align-items: center; justify-content: center; text-align: center; gap: 25px !important; height: auto; margin-bottom: 25px; }
.preformanceMarketingProcessPoints .innerPoints { border: 2px solid #fff; width: 405px; height: 265px; padding: 35px; display: flex; flex-direction: column; justify-content: center; border-radius: 26px; background: linear-gradient(258.09deg,rgba(0,0,0,0.3) -3.44%,rgba(156,30,197,0.3) 99.24%); background: linear-gradient(50deg,#000000 0%,#9c1ec5 100%); background-size: 300% 300%; transition: all 0.8s ease; }
.innerPoints:hover { background-position: 100% 50%; transform: translate(2px,0px) !important; }
.preformanceMarketingProcessPoints .innerPoints img { width: 60px; height: 60px; }
.preformanceMarketingProcessPoints .innerPoints .pointDesc { font-family: "Spaced" !important; font-size: 36px !important; line-height: 1.2 !important; margin-top: 10px; }
.rightsticky { position: absolute; left: 0; top: 0; width: 100% }
.rightstickymobile { display: none; }
.preformanceMarketingProcessPoints .swiper-slide { width: auto !important; }
.shadowAfter { overflow: hidden; }
section.howitworks { padding: 0px 0 100px; position: relative; overflow: hidden; }
.howitworkheading .htwheading { font-family: "Return-Space" !important; font-size: 90px !important; line-height: 90px !important; margin-bottom: 40px; }
.howitworkheading .htwheading .smalltext { font-family: "Return-Space" !important; font-size: 60px !important; line-height: 70px !important; }
.howitworkCards { padding: 30px 60px; display: flex; flex-wrap: wrap; justify-content: center; overflow: hidden; }
.howitworkCard { position: relative; padding: 0 20px; margin-bottom: 60px; }
span.cardNumber::before { width: 100%; position: absolute; content: ""; height: 2px; background-color: #fff; }
span.cardNumber { width: 100px; height: 100px; border: 2px solid #fff; display: flex; align-items: center; justify-content: center; border-radius: 50%; margin: auto; margin-bottom: 30px; font-size: 40px; background-color: #9C1EC5; font-family: 'Spaced'; }
.howitworkCard .cardContent { width: 400px; background: linear-gradient(258.09deg,rgba(0,0,0,0.3) -3.44%,rgba(156,30,197,0.3) 99.24%); border: 2px solid #FFFFFF; backdrop-filter: blur(20px); text-align: center; padding: 70px 30px 40px 30px; height: 395px; vertical-align: middle; max-height: 100%; border-radius: 26px !important; }
.howitworkCard h3.cardTitle { font-family: "Spaced" !important; font-size: 40px !important; line-height: 1.2 !important; margin-bottom: 20px; }
.howitworkCard p.cardDesc { letter-spacing: 10%; font-weight: 500 !important; }
.howitworkCard number { position: relative; }
span.cardNumber::before { width: 100%; position: absolute; content: ""; height: 2px; background-color: #fff; z-index: -1; }
.mb-custom-form { margin-bottom: 20px; }
form#contactForm { margin-top: 55px; }
.contacttopsubheading { font-family: "HaasGrot-Disp"; font-weight: 500; font-size: 22px !important; line-height: 28px !important; letter-spacing: 20%; }
.contacttopheading { font-family: "Return-Space"; font-weight: 400; font-style: Regular; font-size: 90px !important; line-height: 100px !important; }
.contactbottomsubheading { font-family: "Spaced"; font-weight: 400; font-size: 40px !important; line-height: 1; }
section.ContactForm input,section.ContactForm textarea { background: linear-gradient(258.09deg,rgba(0,0,0,0.3) -3.44%,rgba(156,30,197,0.3) 99.24%); }
.faqs { padding: 100px 100px; }
.faqheading { font-family: "Return-Space"; font-weight: 400; font-size: 100px !important; line-height: 100px !important; color: #8FF8FF !important; }
.faqSubheading { font-family: "Spaced"; font-weight: 400; font-size: 40px !important; line-height: 60px !important; }
.accordion .accordion-group { border-bottom: 1px solid #fff; padding: 15px 0; }
.accordion-menu { font-size: 32px; font-family: "Spaced"; color: white; padding: 10px 0 10px 0; cursor: pointer; box-shadow: 0 2px 5px 0 rgba(0,0,0,.26); }
.accordion-content { height: 0; overflow: hidden; font-size: 18px; Letter-spacing: 10%; }
.accordion-content.expanded { height: 0; overflow: hidden; }
.accordion-menu { display: flex; justify-content: space-between; align-items: center; cursor: pointer; }
.accoridanArrow { width: 10px; height: 10px; border-right: 2px solid #ffffff; border-bottom: 2px solid #ffffff; transform: rotate(45deg); transition: transform 0.3s ease; margin-left: 10px; flex-shrink: 0; }
/* Open state */
.accoridanArrow { transition: transform 0.3s ease; }
.accordion-menu.active .accoridanArrow { transform: rotate(220deg); }
/* MARQUE */
.logo-scroller { position: relative; display: block; width: 100%; margin: 0 auto; }
.logo-scroller-content { padding: 80px 0; }
.logo-scroller-items { margin: -58px 0; overflow: hidden; cursor: default; }
.logo-scroller-row { display: flex; margin: 50px 0; position: relative; white-space: nowrap; justify-content: space-around; gap: 40px; }
.logo-scroller-item { position: relative; flex: 1 1 auto; min-width: 150px; text-align: center; display: flex; justify-content: center; align-items: center; }
.logo-scroller-item span { position: relative; display: inline-block; z-index: 1; }
.logo-scroller-item span img {
  max-width:100%;/* Ensure the logo doesn't overflow horizontally */
  max-height:100px;/* Set consistent max height for logos */
  object-fit:contain;/* Ensure logos maintain aspect ratio */
  display:block;/* Remove inline spacing issues */
  
}
/* For larger screens (desktop) */
@media (min-width:1024px) {
  .logo-scroller-item span img { max-height: 150px; /* Larger height for big screens */ }
}
/* For smaller screens (tablets) */
@media (max-width:768px) {
  .logo-scroller-item { min-width: 110px; /* Adjust minimum width for smaller screens */ }
  .logo-scroller-item span img { max-height: 60px; /* Smaller height for tablets */ }
  .portfolioBanner.innerpage-banner h1.bannerHed { font-size: 60px !important; line-height: 1.2 !important; }
  .portfolioBanner.innerpage-banner h1.bannerHed { font-size: 60px !important; line-height: 1.2 !important; }
  .desktopImage { display: none; }
  .managerName { font-family: "spaced"; font-size: 18px; text-align: center; }
  .mobileImage { display: block; }
}
/* GET WEBSITE */
.getwebsite { padding: 0 0 100px 0; }
.getwebsitesliderMobile { display: none; }
.sectionTitle .Hedtitle { font-family: "Return-Space" !important; font-size: 90px !important; line-height: 90px !important; }
.sectionTitle .subhed { font-family: 'Spaced'; font-size: 38px !important; margin: 10px 0; }
.sectionTitle .smalltext { font-family: "Return-Space" !important; font-size: 60px !important; line-height: 70px !important; }
.sectionTitle .secTitlePera { letter-spacing: 10%; }
section.getwebsite .sectionTitle { margin-bottom: 80px; }
.expContent { margin-top: 35px; text-align: center; }
.expSvg { border: 2px solid #fff; width: fit-content; margin: auto; padding: 30px; border-radius: 50%; background: linear-gradient(258.09deg,rgba(0,0,0,0.2) -3.44%,rgba(156,30,197,0.2) 99.24%); }
.expSvg img { width: 70px; height: 70px; }
h2.counter { font-family: Spaced; font-weight: 400; font-size: 70px !important; line-height: 1; letter-spacing: 0%; text-align: center; color: #FFE550; margin-bottom: 20px; }
p.expSubTxt { font-family: Spaced; font-weight: 400; font-size: 30px; line-height: 100%; letter-spacing: 0%; text-align: center; margin: 10px 0 30px 0; }
p.expPera { font-weight: 500; letter-spacing: 10%; }
.experties:hover .expSvg { transform: scale(1.5); background: linear-gradient(257.94deg,#000000 -34.79%,#9C1EC5 99.23%); transition: 0.5s; }
.experties .expSvg img { animation: pulse 2s ease-in-out infinite alternate; }
@keyframes pulse {
  0% { transform: scale(0.8); }
  100% { transform: scale(1); }
}
.experties { transition: 0.5s !important; }
/* WORK WITH US */
.workWithUs { padding: 0 0 100px 0; }
.workwithusSlider { overflow: hidden; }
section.workWithUs .sectionTitle { margin-bottom: 60px; }
section.workWithUs .swiper-slide { padding: 0 10px; height: 100%; }
.wwuCardImage { width: fit-content; padding: 30px; border: 2px solid #fff; border-radius: 50%; margin: auto; margin-top: 40px; margin-bottom: 40px; }
.wwu.wwucustomcard { border: 2px solid #FFFFFF; border-radius: 16px !important; padding: 0 20px 20px 20px; transition: 0.5s; background: linear-gradient(50deg,#000000 0%,#9c1ec5 100%); background-size: 200% 200%; background-position: left center; transition: background-position 0.6s ease; height: 100%; }
.wwu.wwucustomcard:hover { background-position: right center; }
.wwuCardImage img { width: 70px; height: 70px; }
.wwuCardImage { width: fit-content; padding: 30px; border: 0px solid #fff; border-radius: 50%; margin: auto; margin-top: 40px; margin-bottom: 40px; background-color: rgb(156 30 197/30%); }
.wwu.wwucustomcard .content h3 { font-family: Spaced; font-weight: 400; font-size: 28px !important; line-height: 100%; letter-spacing: 13%; margin-bottom: 25px; }
.wwu.wwucustomcard .content p { font-weight: 500; line-height: 34px; letter-spacing: 10%; text-align: center; }
/* WEB DESIGN DEVELOPMENT */
.ppsolveCard { background: linear-gradient(258.09deg,rgba(0,0,0,0.3) -3.44%,rgba(156,30,197,0.3) 99.24%); border: 2px solid #FFFFFF; backdrop-filter: blur(20px); padding: 40px 20px; border-radius: 26px; display: flex; align-items: center; gap: 20px; margin-bottom: 30px; flex-wrap: wrap; background: linear-gradient(50deg,#000000 0%,#9c1ec5 80%); background-size: 200% 200%; background-position: left center; transition: background-position 0.6s ease; height: 100%; }
section.wednd .ppsolve .col-md-6 { margin-bottom: 20px; }
.ppsolveCard:hover { background-position: right center; }
section.wednd .ppsolve { margin-top: 30px; }
.ppsolveCardContent { width: min-content; flex: 1 1 auto; }
.ppsolveCardSvg { background-color: #9C1EC54D; border-radius: 50%; width: 100px; height: 100px; display: flex; align-items: center; justify-content: center; flex: 0 0 auto; }
.seoppsolveCardSvg { width: 80px; height: 80px; }
.ppsolveCardSvg img { width: 40px; height: 40px; }
.ppsolveCardContent p.prob { font-family: Spaced; font-weight: 400; font-size: 28px; line-height: 100%; letter-spacing: 13%; color: #FFE550; margin-bottom: 15px; }
.seoaeoservice .ppsolveCardContent p.prob { display: flex; align-items: baseline; gap: 8px; }
.ppsolveCardContent p.sol { display: flex; gap: 12px; letter-spacing: 10%; }
.ppsolveCardContent p.sol span.dd { text-transform: uppercase; font-weight: 700; }
.ppsolveCardContent p.sol span.dd { flex: none; }
.ppsolveCardContent img { width: 20px !important; margin-right: 5px; }
.ppsolveCardContent .prob img { top: 2px; position: relative; }
/* INDUSTRIES WE SERVE */
.idustvServ { padding: 80px 0; }
.indsvservCards.indsvservCardsDesktop .indusvServCard { background: linear-gradient(258.09deg,rgba(0,0,0,0.3) -3.44%,rgba(156,30,197,0.3) 99.24%); border: 2px solid #FFFFFF; backdrop-filter: blur(20px); flex: 1 1 23.33%; text-align: center; padding: 45px 10px; border-radius: 26px; background: linear-gradient(50deg,#000000 0%,#9c1ec5 100%); background-size: 200% 200%; background-position: left center; transition: background-position 0.6s ease; }
.indsvservCardsMobile .indusvServCard { width: 100%; background: linear-gradient(258.09deg,rgba(0,0,0,0.3) -3.44%,rgba(156,30,197,0.3) 99.24%); border: 2px solid #FFFFFF; backdrop-filter: blur(20px); text-align: center; padding: 45px 10px; border-radius: 26px; background: linear-gradient(50deg,#000000 0%,#9c1ec5 100%); background-size: 200% 200%; background-position: left center; transition: background-position 0.6s ease; }
.indusvServCard:hover { background-position: right center; }
.indsvservCardsDesktop .indsvservInner { display: flex; flex-wrap: wrap; justify-content: center; gap: 20px; }
.indsvservCardsMobile { display: none; }
.indusvServImg { background-color: #9C1EC54D; border-radius: 50%; width: 100px; height: 100px; display: flex; align-items: center; justify-content: center; flex: 0 0 auto; margin: auto; margin-bottom: 20px; }
.indusvServImg img { width: 40px; height: 40px; }
.indusvServContent { font-family: Spaced; font-weight: 400; font-size: 28px; line-height: 100%; letter-spacing: 13%; text-align: center; }
.indsvservInner { margin-top: 70px; }
/* SYWPT */
.sywtp { padding: 40px 0 30px 0; }
/* SLIDER ARROW UNIVERSAL CSS */
.ccArrowCss { background-color: #9C1EC5 !important; border-radius: 50%; width: 20px; height: 20px; top: 55%; }
.ccArrowCss::after { font-size: 9px; color: #fff; height: auto !important; }
/* CUSTOMER SERVICES */
section.csgetwebsite { margin-top: 60px; }
.csleftsticky { padding-bottom: 175px; }
/* SMM SERVICES */
.smmservice.innerpage-banner h1.bannerHed { margin-bottom: 0px !important; }
section.social-process.smmprocess h2.Hedtitle { margin-bottom: 30px; }
/* .smmservicesProcess */
/* SMM CIRCLE PROCESS */
.process-icon img { width: 50px; }
.process-slider-mobile { display: none; }
.social-process { width: 100%; padding: 50px 0 100px; overflow: hidden; }
.social-process h2 { text-align: center; color: #fff; font-size: 44px; line-height: 1.15; letter-spacing: 4px; font-weight: 800; margin-bottom: 95px; }
.social-process h2 span { color: #74eaff; }
.process-row { padding: 0 15px; width: 100%; height: 430px; margin: 0 auto; display: flex; align-items: center; justify-content: center; gap: 30px; overflow: visible; }
.process-item { width: 250px; height: 250px; flex: 0 0 250px; position: relative; border: 1px solid rgba(255,255,255,.85); border-radius: 50%; display: flex; align-items: center; justify-content: center; text-align: center; color: #fff; background: linear-gradient(50deg,#000000 0%,#9c1ec5 100%); background-size: 200% 200%; cursor: pointer; z-index: 2; will-change: width,height,flex-basis; transition: width 0.65s cubic-bezier(.22,1,.36,1),height 0.65s cubic-bezier(.22,1,.36,1),flex-basis 0.65s cubic-bezier(.22,1,.36,1),background 0.45s ease,box-shadow 0.45s ease; }
/* SEMI DASHED LINES */
.process-item::before { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 105%; height: 105%; border: 1px dashed rgba(255,255,255,.65); border-radius: 50%; pointer-events: none; transition: width 0.65s cubic-bezier(.22,1,.36,1),height 0.65s cubic-bezier(.22,1,.36,1); }
.process-content { position: relative; z-index: 5; padding: 14px; width: 100%; }
.process-content h4 { font-family: 'Spaced'; line-height: 1; font-size: 24px !important; transition: transform 0.5s cubic-bezier(.22,1,.36,1),margin 0.5s ease; }
.process-content p { opacity: 0; visibility: hidden; max-height: 0; overflow: hidden; margin: 0; padding: 0 20px; font-size: 18px !important; font-family: 'HaasGrot-Disp'; transform: translateY(15px); transition: opacity 0.35s ease,transform 0.5s cubic-bezier(.22,1,.36,1),max-height 0.55s cubic-bezier(.22,1,.36,1),visibility 0s linear 0.55s; }
.process-icon { opacity: 0; visibility: hidden; max-height: 0; margin-bottom: 0; transform: translateY(15px); transition: opacity 0.35s ease,transform 0.5s cubic-bezier(.22,1,.36,1),max-height 0.5s cubic-bezier(.22,1,.36,1),margin 0.5s ease,visibility 0s linear 0.5s; }
.process-icon img { width: 50px; }
/* HOVER EFFECT */
.process-item.active { width: 400px; height: 400px; flex-basis: 400px; z-index: 20; background: radial-gradient(circle at center,#b94cff 0%,#8b24d7 48%,#5d108a 100%); box-shadow: 0 0 25px rgba(185,76,255,.5),0 0 70px rgba(185,76,255,.3); }
.process-item.active .process-icon { opacity: 1; visibility: visible; max-height: 80px; margin-bottom: 10px; transform: translateY(0); transition-delay: 0.15s,0.15s,0s,0s,0s; }
.process-item.active h4 { margin-bottom: 8px; }
.process-item.active .process-content p { opacity: 1; visibility: visible; max-height: 180px; transform: translateY(0); transition-delay: 0.2s,0.2s,0s,0s; }
/* SMM PROCESS END */
/*-------------------------------------------------------
     ABOUT US PAGE
-------------------------------------------------------*/#aboutPage { background-image: url(../../img/Innerpages/aboutus/banner.webp); background-size: cover; background-position: right center; background-repeat: no-repeat; padding: 17% 0 12% 0; }
.bannerHed .smalltext { font-size: 60px !important; display: block; line-height: 1; margin-bottom: 0; }
section#aboutUs { padding: 100px 60px 60px 60px; }
h2.section-title { font-family: "Return-Space" !important; font-size: 80px !important; line-height: 90px !important; margin-bottom: 40px; }
h2.section-title .smalltext { font-family: "Return-Space" !important; font-size: 60px !important; line-height: 70px !important; }
p.section-desc { font-family: "HaasGrot-Disp" !important; font-size: 18px !important; line-height: 28px !important; color: #fff !important; letter-spacing: 10% !important; margin-bottom: 20px !important; }
#mmSSSlide { padding: 60px 0; }
#whyChosBran { padding: 60px 60px; }
h3.secHedDisheding { font-family: 'Return-Space'; }
.mmslide { border-radius: 25px; overflow: hidden; }
/*-------------------------------------------------------
     CONTACT US PAGE
-------------------------------------------------------*/.contactInnerPage::before { content: ""; position: absolute; inset: 0; opacity: 0.7; background-image: url(../../img/Innerpages/contactpage/ContactBanner.webp); background-size: 100% 100%; pointer-events: none; background-position: bottom center; }
section.contactInnerPage .contact-wrap { margin: auto; padding: 120px 0 0 0; }
section.contactInnerPage h1 { font-family: 'Spaced'; font-size: 75px !important; line-height: 1; }
.contactpage footer.modern-footer::before { content: ""; position: fixed; inset: 0; opacity: 0.7; background-image: url(../../img/Innerpages/contactpage/blurelayer.webp); background-size: contain; pointer-events: none; background-position: left bottom; z-index: 9; background-repeat: no-repeat; }
/*-------------------------------------------------------
     CAREERS PAGE
-------------------------------------------------------*/.careersSection { padding-top: 60px; }
.jobsOpeningSec { padding: 60px 60px; }
.accordion-menu.jobsOpeningAccordian { flex-direction: column; align-items: flex-start; }
.accordion-menu.jobsOpeningAccordian img { width: 90px; }
.jobsOpeningSecInnerDiv .accordion-menu.jobsOpeningAccordian { box-shadow: none !important; }
/*-------------------------------------------------------
     PORTFOLIO PAGE
-------------------------------------------------------*/section#Socialgrid { padding: 100px 0; }
img.liquid-img-left.img-fluid { width: 20vw; object-fit: contain; z-index: 9999999; position: absolute; left: 0; bottom: 0; }
img.liquid-img-right.img-fluid { width: 15vw; right: 0; position: absolute; top: 15%; }
.portfolioBanner .herosec-content p.subHeading { font-size: 60px !important; font-family: 'Return-Space' !important; letter-spacing: 1px !important; }
.portfolioBanner .innerpage-banner p.spaceText.bannerDesc { font-weight: 300 !important; margin-bottom: 40px !important; }
.ffCtImg { text-align: center; }
.ffCtImg h2.ffctTitle { font-family: 'Return-Space'; text-transform: uppercase; font-size: 48px !important; margin-top: 25px; }
h2.socialgrid-heading { font-family: 'Return-Space'; line-height: 1; font-size: 136px !important; text-transform: uppercase; }
h2.socialgrid-heading span.socialSmallText { font-size: 58px !important; }
.GridCol.girdColMid.pb-5 { padding-bottom: 60px !important; }
p.gridTextSub { padding-bottom: 60px; }
.girdCollast img { padding: 0 30px; }
.socialgrid-content { padding-right: 30px; }
.storiesSliderInt .swiper-slide { padding: 0 10px; }
.storiesSliderInt { width: 100%; }
.storiesSliderInt .swiper-wrapper { align-items: stretch; }
.storiesSliderInt .swiper-slide { /* height: auto; */ }
.story-video-box { position: relative; width: 100%; height: 100%; object-fit: contain; aspect-ratio: 9/16; overflow: hidden; background: #000; border-radius: 30px; }
.story-poster,.story-video { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.story-video { opacity: 0; z-index: 2; }
.story-video.is-playing { opacity: 1; }
.story-poster { z-index: 1; }
.story-play-btn { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 58px; height: 58px; border-radius: 50%; border: none; background: rgba(0,0,0,0.6); color: #fff; font-size: 24px; cursor: pointer; z-index: 5; }
.story-play-btn.hide { display: none; }
section#storiesVideosSlider { padding: 60px 0; }
.weMarqueSliderLeft .swiper-slide,.weMarqueSliderRight .swiper-slide { padding: 0 10px; }
.MarktingNewsletterSliderSec .swiper-slide { width: 18.75rem; display: flex; flex-direction: column; justify-content: end; align-items: self-start; }
.MarktingNewsletterSliderSec .swiper-slide-img { position: relative; width: 100%; height: 100%; overflow: hidden; line-height: 0; bottom: -0.063rem; }
.MarktingNewsletterSliderSec .swiper-container-3d .swiper-slide-shadow-left,.MarktingNewsletterSliderSec .swiper-container-3d .swiper-slide-shadow-right { background: none !important; }
.MarktingNewsletterSliderSec .swiper-slide-content { position: absolute; bottom: 100px; left: 50%; transform: translateX(-50%); width: 100%; text-align: center; }
.MarktingNewsletterSliderSec .swiper-slide-content h2 { font-family: "Return-Space"; font-size: 48px !important; line-height: 1.2 !important; }
.MarktingNewsletterSliderSec.swiper-slide-img img { width: 100%; height: 100%; position: absolute; inset: 0; object-fit: cover; z-index: -1; transition: 0.3s ease-in-out; }
.MarktingNewsletterSliderSec .swiper-slide-content .show-more:hover { background: #1184ac; }
.MarktingNewsletterSliderSec .swiper-slide-content .show-more svg { width: 1.75rem; color: #fff; }
.swiper-slide-active:hover .show-more { opacity: 1; height: 3.125rem; }
.MarktingNewsletterSliderSec .swiper-3d .swiper-slide-shadow-left,.MarktingNewsletterSliderSec .swiper-3d .swiper-slide-shadow-right { background-image: none; }
#newsletterImages { padding: 60px 0; }
/* SLIDER Why Chose us */
.smmMobileSlider { display: none; }
/*-------------------------------------------------------
     CREATIVE PAGE
-------------------------------------------------------*/section.workWithUs.creativeWorkWithUs { padding-bottom: 30px; }
.creativeWorkWithUs .wwuCardImage.wwuCardImagee { width: 100px; height: 100px; display: flex; align-items: center; justify-content: center; padding: 0 !important; }
.creativeWorkWithUs .wwuCardImage.wwuCardImagee div { font-size: 48px; font-family: 'Spaced'; line-height: 1; position: relative; display: flex; align-items: center; justify-content: center; }
.creativeWorkWithUs .wwuCardImage.wwuCardImagee { margin-bottom: 20px; }
.creativeWorkWithUs .wwu.wwucustomcard .content p.step { font-size: 28px; font-family: 'Spaced'; margin-bottom: 15px; }
.creativeSywtp p.secTitlePera { width: 65%; margin: auto; margin-top: 30px; }
.creativeSywtp .avgrevenue-button { margin-top: 40px; }
section.workWithUs.creativeWorkWithUs .wwu.wwucustomcard { padding-top: 30px; padding-bottom: 30px; }
.graphicDesinginSection { padding: 60px 0; }
.titlemb20 { margin-bottom: 20px !important; }
.photoShootSection { padding: 60px 0; }
.creativeServicesBannerImage h1.spaceText.bannerHed { font-size: 90px !important; line-height: 1 !important; }
.videoEditingsection { width: 100%; padding: 60px 20px; }
.videoEditinSlider .swiper-slide { width: 475px; opacity: 0; position: relative; overflow: hidden; border-radius: 6px; transition: opacity 0.3s ease,transform 0.3s ease; }
.videoEditinSlider .swiper-slide img { width: 100%; height: 100%; display: block; object-fit: cover; /* border-radius: 6px; */ }
.videoEditinSlider .swiper-slide-active { opacity: 1; }
.videoEditinSlider .swiper-slide-prev,.videoEditinSlider .swiper-slide-next { opacity: 1; }
.videoEditinSlider .swiper-slide-next+.swiper-slide,.videoEditinSlider .swiper-slide:has(+ .swiper-slide-prev) { opacity: 1; }
.videoEditinSlider .swiper-button-prev,.videoEditinSlider .swiper-button-next { color: #ffffff; }
.videoEditinSlider .swiper-button-prev::after,.videoEditinSlider .swiper-button-next::after { font-size: 28px; }
/*-------------------------------------------------------
     LANDING PAGE
-------------------------------------------------------*/.LandingPageBanner { background-image: url(../../img/landingpage/banner.png); background-size: cover; background-position: right center; background-repeat: no-repeat; }
.LandingPageBanner .subHeading { font-family: 'Spaced' !important; font-size: 40px !important; line-height: 1; letter-spacing: 10%; margin-bottom: 20px; }
.magazine-section.landingPage {     padding: 0px 0 80px 0; }
.landingPagesection-content { text-align: center; }
.landingPagesection-content h2.landingPagesection-title { font-size: 90px !important; line-height: 1 !important; font-family: 'Spaced' !important; letter-spacing: 1%; font-weight: 400 !important; margin-bottom: 20px !important; }
.landingPagesection-content h2.landingPagesection-title .smalltext { font-size: 60px !important; }
p.landingPagesectionSubHeading { font-size: 34px !important; font-family: "Montserrat" !important; line-height: 1.2 !important; }
section.accuracySection .avgrevenue { height: 300px !important; width: 100%; border-radius: 30px !important; border-color: #9C1EC5 !important; }
section.accuracySection .avgrevenue:hover { transform: scale(1) !important; background: linear-gradient(257.94deg,#000000 -34.79%,#9C1EC5 99.23%); }
section.accuracySection div.container > .row:first-child { margin-bottom: 30px; }
.landingPagesection-content p { letter-spacing: 10%; font-weight: 400 !important; }
section.testimonialSection { padding: 100px 0 120px 0; }
.testimonialInner { position: relative; }
.testimonialInner .card.panel { text-align: center; }
.testimonialPagination span.swiper-pagination-bullet { opacity: 1; background-color: #9C1EC5; width: 15px; height: 15px; }
.testimonialPagination span.swiper-pagination-bullet-active { border: 1px solid #fff; width: 20px; height: 20px; }
.testimonialPagination { bottom: -15px !important; display: flex; align-items: center; justify-content: center; }
.services-showcase { padding: 80px 30px; overflow: hidden; }
.GrothSection { background-image: url(../../img/landingpage/3rdsection.png); background-size: contain; background-position: center center; background-repeat: no-repeat; height: 100vh; align-items: center; display: flex; justify-content: center; width: 100%; margin: 40px 0; }
.wpntrfSec { background-image: url(../../img/landingpage/anotherAgency.png); background-size: contain; background-position: center center; background-repeat: no-repeat; height: 100vh; align-items: center; display: flex; justify-content: center; width: 100%; }
section.services-showcase { background-image: url(../../img/landingpage/ntgo.png); background-size: contain; background-position: bottom center; background-repeat: no-repeat; }
.service-item:after { content: ""; background-color: #61218e; width: 100%; height: 2px; position: absolute; bottom: 0; border-radius: 50%; }
.services-wrapper { width: 100%; margin-top: 50px !important; max-width: 1440px; margin: auto; display: grid; grid-template-columns: 0.9fr 1.1fr; align-items: center; gap: clamp(40px,7vw,100px); }
.services-media { position: relative; width: 100%; aspect-ratio: 0.83/1; /*border: 5px solid #a633ff;*/ border-radius: 15px; overflow: hidden; background: #0b0b0b; background: rgba(30,15,30,2.1); background: linear-gradient(180deg,rgba(30,15,30,0.2) 14%,rgba(156,30,197,0.2) 100%); }
.service-media.service-media4 { padding: 60px; }
.service-media { position: absolute; inset: 0; width: 100%; height: 100%; opacity: 0; visibility: hidden; transform: scale(1.04); transition: opacity 0.45s ease,visibility 0.45s ease,transform 0.7s ease; }
.service-media.active { opacity: 1; visibility: visible; transform: scale(1); z-index: 2; }
.service-media img,.service-media video { width: 100%; height: 100%; display: block; object-fit: cover; }
.services-accordion { width: 100%; }
.service-item { position: relative; cursor: pointer; transition: 0.3s ease; display: flex; width: 100%; gap: 20px; padding: 30px 0; }
.service-top { display: flex; align-items: center; padding: 0 0 0px 0; }
.service-number { width: 45px; height: 45px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 10px; background: rgba(166,51,255,0.1); transition: 0.3s ease; background: #9C1EC5; background: linear-gradient(180deg,rgba(156,30,197,0) 40%,rgba(156,30,197,1) 100%); border: 1px solid #8922ac; font-size: 16px !important; font-family: 'HaasGrot-Disp' !important; }
.service-top h3 { margin: 0; font-size: 40px !important; line-height: 1.2; font-family: 'Spaced'; font-weight: 400; transition: color 0.3s ease,transform 0.3s ease; }
.service-plus { font-size: 23px; font-weight: 200; line-height: 1; transition: transform 0.35s ease,color 0.35s ease; }
.service-description { display: grid; grid-template-rows: 0fr; opacity: 0; transition: grid-template-rows 0.45s cubic-bezier(.22,1,.36,1),opacity 0.3s ease; }
.service-description > div { overflow: hidden; }
.service-description p { max-width: 550px; }
.service-item.active .service-description { grid-template-rows: 1fr; opacity: 1; padding: 20px 0 10px 0; }
.service-item.active .service-top h3 { color: #fff; }
.service-item.active .service-plus { transform: rotate(45deg); color: #a633ff; }
@media (hover:hover) and (pointer:fine) {
  .service-item:hover .service-top h3 { color: #b95cff; }
}
@media (max-width:991px) {
  .services-showcase { padding: 60px 25px; }
  .services-wrapper { gap: 35px; }
}
@media (max-width:767px) {
  .services-showcase { padding: 50px 20px; }
  .services-wrapper { display: flex; gap: 25px; flex-direction: column-reverse; margin-top: 0px !important; }
  .services-media { aspect-ratio: 1/1.05; }
  .service-number { width: 29px; height: 29px; }
  .service-top h3 { font-size: 14px; }
  .service-description p { padding: 0 10px 20px50px; font-size: 12px; }
}
/*-------------------------------------------------------
     RESPONSIVE
-------------------------------------------------------*/@media (max-width:1600px) {
  img.banner-img-left.img-fluid { width: 25vw; }
  img.banner-right-image { width: 900px; height: auto; }
  .social-process h2 { margin-bottom: 20px; }
  .innerpage-banner h1.bannerHed { font-size: 60px !important; line-height: 70px !important; }
  a.themeBtn { font-size: 18px; }
  .bran-difference h2.section-title,.preformanceMarketingProcess-content h2.section-title,.howitworkheading .htwheading,.contacttopheading,.faqheading,.sectionTitle .Hedtitle { font-size: 65px !important; line-height: 70px !important; }
  .bran-difference h2.section-title .smalltext,.preformanceMarketingProcess-content h2.section-title .smalltext,.howitworkheading .htwheading .smalltext,.faqSubheading,.sectionTitle .smalltext { font-size: 35px !important; line-height: 45px !important; }
  p.subheading,.preformanceMarketingProcess-content .sectionSubHeading,.contactbottomsubheading,.sectionTitle .subhed { font-size: 24px !important; }
  .bran-difference p.section-desc { font-size: 16px !important; line-height: 26px !important; }
  h2.avgrevenue-heading { font-size: 40px !important; }
  p.avgrevText,.preformanceMarketingProcess-content p.section-desc,.howitworkCard p.cardDesc { font-size: 16px !important; }
  .preformanceMarketingProcessPoints .innerPoints .pointDesc { font-size: 28px !important; }
  .preformanceMarketingProcessPoints .innerPoints img { width: 50px; height: 50px; }
  span.cardNumber { width: 80px; height: 80px; font-size: 28px; }
  .howitworkCard number { position: relative; }
  .howitworkCard h3.cardTitle { font-size: 28px !important; line-height: 1 !important; }
  .howitworkCard h3.cardTitle br { display: none; }
  .howitworkCard .cardContent { height: 300px; }
  .accordion-menu { font-size: 22px; }
  .process-content p,.process-icon { font-size: 14px !important; }
  .process-item { height: 250px; width: 250px !important; flex: 0 0 250px; }
  .process-content h4 { font-size: 24px !important; }
  .process-item.active { height: 390px; }
  .portfolioBanner .herosec-content p.subHeading { font-size: 50px !important; }
  .portfolioBanner.innerpage-banner h1.bannerHed { font-size: 80px !important; line-height: 1.2 !important; }
  .MarktingNewsletterSliderSec .swiper-slide-content h2 { font-size: 40px !important; }
  p.gridTextSub { font-size: 14px; }
  .services-wrapper { max-width: 1320px; }
}
@media (max-width:1440px) {
  .process-content h4 { font-size: 22px !important; }
  .process-item { height: 215px; width: 215px !important; flex: 0 0 215px; }
  .process-item.active { height: 370px !important; width: 370px !important; flex-basis: 370px !important; }
  img.banner-right-image { width: 800px; height: auto; }
  .creativeServicesBannerImage h1.spaceText.bannerHed { font-size: 70px !important; line-height: 1 !important; }
  img.banner-right-image { top: 53%; }
  img.banner-img-left.img-fluid { top: 30px; }
}
@media (max-width:1366px) {
  .howitworkCard .cardContent { height: 340px; width: 350px; }
  .howitworkCard h3.cardTitle br { display: none !important; }
  .contact-heading h1 { font-size: 30px !important; line-height: 1 !important; }
  form#contactForm .field,form#contactForm .phone-field { height: 35px; }
  form#contactForm .message-field { min-height: 120px; }
  form#contactForm .field::placeholder,form#contactForm .phone-field::placeholder form#contactForm textarea::placeholder { font-size: 14px; }
  .avgrevenue-content { gap: 10px; }
  .process-content p,.process-icon { font-size: 14px !important; }
  .process-item { height: 200px; width: 200px !important; flex: 0 0 200px; }
  p.expSubTxt { font-size: 22px; }
  .process-item.active { height: 350px !important; width: 350px !important; flex-basis: 350px !important; }
  .ppsolveCard { padding: 20px 15px; }
  .ppsolveCardContent p.sol { flex-direction: column; }
  .wwuCardImage img { width: 55px; height: 55px; }
  .seoaeoservice .ppsolveCardContent p.prob img.img-fluid { position: relative; }
  img.banner-img-left.img-fluid { position: absolute; width: 30vw; top: 20px; }
  .subHeading { line-height: 28px !important; margin-bottom: 5px !important; }
  .ppsolveCardContent p.prob { font-size: 22px; }
  section.workWithUs .container { max-width: 100%; }
  .wwu.wwucustomcard .content p { letter-spacing: 10%; font-size: 16px; line-height: 26px; }
  .wwu.wwucustomcard .content h3 { font-size: 22px !important; margin-bottom: 20px; }
  .ppsolveCardContent p.sol { font-size: 14px; }
  .seoaeoservices .herosec-content p.subHeading,.customerservices .herosec-content p.subHeading,.smmservice .herosec-content p.subHeadingbig { font-size: 30px !important; margin-bottom: 20px !important; }
  .socialGridRow { gap: 20px !important; }
  h2.section-title { font-size: 60px !important; line-height: 70px !important; }
  h2.section-title .smalltext { font-size: 40px !important; line-height: 50px !important; }
  p.section-desc { font-size: 16px !important; line-height: 26px !important; }
  section.contactInnerPage h1 { font-family: 'Spaced'; font-size: 55px !important; }
  .MarktingNewsletterSliderSec .swiper-slide-content h2 { font-size: 30px !important; }
  p.gridTextSub { font-size: 13px !important; }
  h2.socialgrid-heading { font-size: 115px !important; }
  h2.socialgrid-heading span.socialSmallText { font-size: 50px !important; }
}
@media (max-width:1280px) {
  .howitworkCard .cardContent { height: 360px; width: 320px; }
  .bran-difference { padding: 30px 0; }
  .process-item.active { height: 300px; }
  .process-item { width: 180px !important; height: 180px; flex: 0 0 180px; }
  .preformanceMarketingProcessPoints .innerPoints { height: 220px; }
  .preformanceMarketingProcessPoints .innerPoints .pointDesc { font-size: 22px !important; }
  .bran-difference h2.section-title,.preformanceMarketingProcess-content h2.section-title,.howitworkheading .htwheading,.contacttopheading,.faqheading,.sectionTitle .Hedtitle { font-size: 50px !important; line-height: 60px !important; }
  .social-process { padding: 20px 0; }
  .ppsolveCardContent p.prob { font-size: 16px; line-height: 100%; }
  .seoaeoservice .ppsolveCardContent p.prob { align-items: center; }
  .ppsolveCardContent p.sol { flex-direction: column; font-size: 14px; }
  .ppsolveCard { padding: 25px 20px; }
  .creativeServicesBannerImage h1.spaceText.bannerHed { font-size: 60px !important; line-height: 1 !important; }
}
@media (min-width:1199px) {
  p.spaceText.bannerDesc { width: 60%; margin: auto; }
  .paddingsectionSubHeading { padding: 20px 0 30px 0; }
  .preformanceMarketingProcess-content p.section-desc { padding-right: 40px; }
  a.themeBtn.leftalignBtn.mt-20 { margin-top: 60px !important; }
}
@media (max-width:1199px) {
  .subHeading { font-size: 18px !important; margin-bottom: 10px !important; }
  img.banner-img-left.img-fluid { width: 35vw; top: 40px; }
  img.banner-right-image { width: 700px; }
  .innerpage-banner h1.bannerHed { font-size: 50px !important; line-height: 60px !important; }
  .innerpage-banner p.spaceText.bannerDesc { margin-bottom: 40px !important; font-size: 16px !important; width: 80%; margin: auto; }
  .avgrevenue-content { flex-wrap: wrap; }
  .avgrevenue { width: 380px; height: 438px; }
  .avgrevenue-button { margin-top: 15px; }
  .preformanceMarketingProcess-content.position-relative { padding: 60px 20px; }
  .preformanceMarketingProcessPoints .innerPoints { padding: 15px; }
  .howitworkCard .cardContent { height: 400px; width: 255px; }
  .howitworkCards { padding: 30px 20px; width: 100%; }
  .accordion-content p { font-size: 16px; }
  section.preformanceMarketingProcess { padding: 30px 0 0 0; }
  h2.counter { font-size: 40px !important; }
  p.expSubTxt { font-size: 22px; margin: 0px 0 20px 0; }
  .getwebsite { padding: 0 0 20px 0; }
  .process-rowDesktop { display: none; }
  .process-slider-mobile { display: block; }
  .MarktingNewsletterSliderSec .swiper-slide-content { bottom: 50px; }
  .MarktingNewsletterSliderSec .swiper-slide-content h2 { font-size: 25px !important; }
  .seoaeoservices .herosec-content p.subHeading,.customerservices .herosec-content p.subHeading,.smmservice .herosec-content p.subHeadingbig { font-size: 30px !important; margin-bottom: 15px !important; }
}
@media (max-width:1024px) {
  .faqs { padding: 50px 40px; }
  .process-slider.swiper.process-slider-mobile .process-item { height: 400px; width: 400px !important; display: flex; flex-direction: column; }
  a.themeBtn { padding: 3px 20px 6px 20px; font-size: 14px; }
  .process-slider.swiper.process-slider-mobile .process-item::before { top: 50% !important; left: 50% !important; transform: translate(-50%,-50%) !important; border: 1px dashed #fff; width: 105% !important; height: 105%; border-radius: 50% !important; bottom: auto !important; }
  .process-slider.swiper.process-slider-mobile .swiper-slide { padding: 30px 0; }
  .wwu.wwucustomcard .content p { line-height: 24px; font-size: 14px; }
  p.avgrevText,.preformanceMarketingProcess-content p.section-desc,.howitworkCard p.cardDesc { font-size: 14px !important; line-height: 24px !important; }
  .wwuCardImage { padding: 25px; margin-top: 25px; margin-bottom: 25px; }
  .wwuCardImage img { width: 40px; height: 40px; }
  .sywtp { padding: 0px 0; }
  p.expSubTxt { font-size: 16px; }
  #mmSSSlide { padding: 10px 0; }
  section#aboutUs { padding: 30px 30px; }
  section#mmSSSlide .mmSlider.swiper .swiper-slide,section#teamTheBranp .swiper-slide,section#moThBr .swiper-slide { padding: 0 15px; }
  h2.section-title { font-size: 50px !important; line-height: 60px !important; margin-bottom: 10px; }
  p.section-desc { font-size: 14px !important; line-height: 24px !important; }
  .social-process h2 { margin-bottom: 40px; }
  .portfolioBanner { background-position: center center !important; }
  .portfolioBanner .herosec-content p.subHeading { font-size: 40px !important; }
  p.gridTextSub { font-size: 13px !important; width: 260px; padding-bottom: 40px; }
  p.gridTextSub br { display: none; }
  .girdCollast img { padding: 0 40px; }
  h2.socialgrid-heading { font-size: 90px !important; }
  h2.socialgrid-heading span.socialSmallText { font-size: 40px !important; }
  section#Socialgrid { padding: 50px 0 30px 0; }
  section#storiesVideosSlider { padding: 30px 0 30px 0; }
  #newsletterImages { padding: 30px 0 30px 0; }
  img.banner-right-image { width: 600px; right: -50px; top: 50%; }
  .wwu.wwucustomcard .content h3 { font-size: 16px !important; }
}
@media (max-width:991px) {
  .innerpage-banner img.banner-img { height: auto; }
  section#branpackDiffSec { text-align: center; }
  section#branpackDiffSec .row { flex-direction: column-reverse; }
  .avgrevenue-content.avgrevenuee-desktop,.howitworkCardsdesktop { display: none; }
  .avgrevenuee-mobile,.howitworkCardsmobile { display: block; }
  .avgrevenuee-mobile .avgrevenue { background: linear-gradient(257.94deg,#000000 -34.79%,#9C1EC5 99.23%); border-radius: 16px !important; }
  section.preformanceMarketingProcess { padding: 0px 0 0 0; }
  .howitworkCardsmobile span.cardNumber::before { content: none !important; }
  .faqs { padding: 30px 20px; }
  h2.faqheading,p.faqSubheading { text-align: center; }
  .avgrevenuee-mobile .avgrevenue:hover { transform: scale(1) !important; }
  p.subheading,.preformanceMarketingProcess-content .sectionSubHeading,.contactbottomsubheading { font-size: 18px !important; }
  .preformanceMarketingProcess-content.position-relative { padding: 60px 0px 30px 0px !important; }
  .section-content.leftsticky { padding: 0 10px; }
  .desktoprocketImage { display: none; }
  .mobilerocketImage { display: block; }
  img.banner-right-image { width: 170px; top: 35%; }
  .preformanceMarketingProcessPoints .innerPoints .pointDesc { font-size: 22px !important; }
  .contactInnerPage::before { background-size: cover; }
  .girdCollast img { padding: 0 0px; }
  .socialgrid-content { padding-right: 0px; }
  p.gridTextSub { font-size: 18px !important; width: 100%; padding: 25px 0; text-align: center; }
  section.futCreation .container { max-width: 100%; }
  section#Socialgrid .container { max-width: 100%; }
  img.banner-right-image { width: 417px; right: 0px; top: 45%; }
}
@media (max-width:767px) {
  .section-content.leftsticky { text-align: center; }
  section.workWithUs .container { max-width: 100%; }
  .wwu.wwucustomcard .content p { line-height: 24px; }
  .smmMobileSlider { display: block; }
  .smmdesktopGrid { display: none; }
  section.csgetwebsite { margin-top: 60px; padding-bottom: 0; }
  .seoaeoservices .herosec-content p.subHeading,.customerservices .herosec-content p.subHeading,.smmservice .herosec-content p.subHeadingbig { font-size: 16px !important; line-height: 1 !important; }
  img.banner-img-left.img-fluid { width: 35vw; top: 60px; }
  .subHeading { font-size: 16px !important; margin-bottom: 10px !important; }
  .rightsticky { display: none; }
  .rightstickymobile { display: block; }
  .logo-scroller-content { padding-bottom: 10px !important; }
  .preformanceMarketingProcessPoints.swiper-wrapper .swiper-slide { padding-left: 5px !important; padding-right: 5px !important; }
  .preformanceMarketingProcessPoints .innerPoints { width: 370px; height: 210px; padding: 35px; }
  .preformanceMarketingProcessPoints .innerPoints .pointDesc { font-size: 18px !important; text-wrap: wrap; }
  .indsvservCardsMobile { display: block; }
  .indsvservCardsDesktop { display: none; }
  .indsvservInner { margin-top: 0; }
  .indsvservCards.indsvservCardsMobile .swiper-slide { min-width: 340px; padding: 0 !important; }
  .shadowAfter::after { content: none !important; }
  section.idustvServ h2.Hedtitle { margin-bottom: 40px; }
  section.getwebsite .sectionTitle { margin-bottom: 40px; }
  p { font-size: 14px; }
  .expContent { margin-top: 0px; text-align: center; }
  .getwebsitesliderDesktop { display: none; }
  .getwebsitesliderMobile { display: block; }
  .experties .expSvg { background: linear-gradient(257.94deg,#000000 -34.79%,#9C1EC5 99.23%); }
  .getwebsite { padding: 0 0 40px 0; }
  h2.counter { font-size: 48px !important; margin-bottom: 10px; }
  p.expSubTxt { font-size: 22px; margin: 0px 0 10px 0; }
  .webdevBannerImage { background-image: url(../../img/Innerpages/webdev/earthimage.webp); background-size: contain; background-position: right center; background-repeat: no-repeat; }
  .preformanceMarktBanner { background-image: url(../../img/Innerpages/preformanceMarketing/setrunmobile.webp); background-size: contain; background-position: right center; background-repeat: no-repeat; }
  .seoaeoservices { background-image: url(../../img/Innerpages/seoaeoservices/mobileplanet.webp); background-size: contain; background-position: right center; background-repeat: no-repeat; }
  .customerservices { background-image: url(../../img/Innerpages/customerservices/csmobilebanner.webp); background-size: contain; background-position: right center; background-repeat: no-repeat; }
  .smmservice { background-image: url(../../img/Innerpages/smmservices/mobileBannerImage.webp); background-size: contain; background-position: right center; background-repeat: no-repeat; }
  .creativeServicesBannerImage { background-image: url(../../img/Innerpages/creativeservices/heroBannerImageMobile.png); background-size: contain; background-position: right center; background-repeat: no-repeat; }
  .experties:hover .expSvg { transform: none !important; }
  section.workWithUs .sectionTitle { margin-bottom: 30px; }
  section.sywtp h2.Hedtitle br { display: none; }
}
@media (min-width:768px) {
  .mmSlider .swiper-wrapper { display: grid; grid-template-columns: repeat(3,1fr); transform: none !important; }
  .mmSlider .swiper-slide { width: auto !important; }
  .mmSlider .swiper-button-next,.mmSlider .swiper-button-prev { display: none; }
}
@media (max-width:690px) {
  section.avgrevenuee { padding-bottom: 0; }
  section#herosec img.banner-img.img-fluid { object-fit: cover; }
  .cspreformanceMarketingProcess .preformanceMarketingProcess-content { padding-top: 20px !important; }
  section.workWithUs.csworkWithUs p.subhed { font-size: 16px !important; }
  .csworkWithUs .workwithusSlider .wwu.wwucustomcard { height: 250px; }
  .subHeading { font-size: 14px !important; margin-bottom: 10px !important; line-height: 1.5 !important; }
  /* .innerpage-banner .herosec-content{position: absolute; top: 58%; z-index: 999; left: 50%; transform: translate(-50%,-50%); width: 100%; }*/
  section#herosec { position: relative; z-index: 9; padding-bottom: 0; }
  .howitworkCard h3.cardTitle { font-size: 18px !important; line-height: 1 !important; width: 80%; margin-left: auto; margin-right: auto; }
  span.cardNumber { width: 55px; height: 55px; font-size: 20px; }
  .workWithUs .container { max-width: 100%; padding: 0 15px; }
  p.avgrevText,.preformanceMarketingProcess-content p.section-desc,.howitworkCard p.cardDesc { font-size: 11px !important; line-height: 1.5 !important; }
  .howitworkCard { padding: 0 0px; margin: 0 !important; }
  .howitworkCard .cardContent { height: 200px; width: 100%; min-width: 100% !important; padding: 20px 5px; }
  .bran-difference h2.section-title .smalltext,.preformanceMarketingProcess-content h2.section-title .smalltext,.howitworkheading .htwheading .smalltext,.faqSubheading,.sectionTitle .smalltext { font-size: 28px !important; line-height: 38px !important; }
  .accordion-content p { font-size: 13px; }
  .bran-difference h2.section-title,.preformanceMarketingProcess-content h2.section-title,.howitworkheading .htwheading,.contacttopheading,.faqheading,.sectionTitle .Hedtitle { font-size: 40px !important; line-height: 1.2 !important; margin-bottom: 15px; }
  section.howitworks { padding: 30px 0 40px; position: relative; }
  .accordion-menu { font-size: 16px; }
  .avgrevenuee-mobile .avgrevenue { height: 264px; }
  .innerpage-banner h1.bannerHed { font-size: 30px !important; line-height: 40px !important; }
  .innerpage-banner p.spaceText.bannerDesc { margin-bottom: 40px !important; font-size: 14px !important; padding: 0 20px !important; }
  img.banner-img-left.img-fluid { width: 35vw; top: 90px; left: 30px; }
  section#branpackDiffSec { text-align: center; padding-top: 30px; }
  img.banner-right-image { width: 260px; top: 40%; z-index: -1; }
  .preformanceMarketingProcessPoints .innerPoints { width: 290px; height: 180px; padding: 35px; }
  section#aboutUs { text-align: center; }
  section#aboutUs .section-heading { margin-bottom: 25px; }
  section#aboutUs .section-heading a.themeBtn.leftalignBtn { margin: auto !important; }
  .mmSlider.swiper .swiper-slide,.ttbpSlider .swiper-slide { transform: scale(0.8); transition: all 200ms linear; padding: 0 !important; }
  .mmSlider.swiper .swiper-slide.swiper-slide-active,.ttbpSlider .swiper-slide.swiper-slide-active { transform: scale(1); }
  section#whyChosBran { text-align: center; }
  section#whyChosBran .row { flex-direction: column-reverse; }
  section#whyChosBran .row a.themeBtn.leftalignBtn { margin: auto !important; }
  section#whyChosBran .row .section-heading { margin-bottom: 25px; }
  #whyChosBran { padding: 10px 15px; }
  .sywtp a.themeBtn.leftalignBtn { margin: auto !important; margin-bottom: 36px !important; }
  h2.faqheading,p.faqSubheading { text-align: center; line-height: 1 !important; }
  .portfolioBanner .herosec-content p.subHeading { font-size: 40px !important; margin-bottom: 0 !important; }
  h2.socialgrid-heading { font-size: 50px !important; }
  h2.socialgrid-heading span.socialSmallText { font-size: 22px !important; }
  .socialGridRow { gap: 20px !important; }
  .wwu.wwucustomcard .content h3 { font-size: 22px !important; }
  .creativeWorkWithUs .wwuCardImage.wwuCardImagee { width: 50px; height: 50px; margin-bottom: 5px; }
  .creativeWorkWithUs .wwuCardImage.wwuCardImagee div { font-size: 24px; }
  .creativeWorkWithUs .wwu.wwucustomcard .content p.step { font-size: 20px; margin-bottom: 5px; }
  .videoEditinSlider .swiper-slide { height: 290px; }
  .graphicDesinginSection { padding: 15px 0; }
  .videoEditingsection { width: 100%; padding: 15px 20px; }
  .photoShootSection { padding: 15px 0; }
  .creativeSywtp p.secTitlePera { width: 100%; }
  .videoEditingsection p br { display: none; }
  .videoEditinSlider .swiper-slide-next+.swiper-slide,.videoEditinSlider .swiper-slide:has(+ .swiper-slide-prev) { opacity: 0; }
  .landingPagesection-content h2.landingPagesection-title { font-size: 24px !important; line-height: 1.2 !important; font-family: 'spaced' !important; letter-spacing: 1%; font-weight: 400 !important; margin-bottom: 20px !important; }
  .landingPagesection-content h2.landingPagesection-title .smalltext { font-size: 18px !important; }
  p.landingPagesectionSubHeading { font-size: 14px !important; font-family: 'Spaced' !important; line-height: 1.5 !important; margin-bottom: 8px !important; }
  p.landingPagesectionSubHeading br { display: none !important; }
  .service-top h3 { font-size: 18px !important; line-height: 1.2; }
  .service-top { justify-content: space-between; }
  .service-number { width: 55px !important; height: 30px !important; font-size: 12px !important; }
  section.magazine-section.landingPage { padding-top: 30px; }
  .LandingPageBanner .subHeading { font-size: 18px !important; line-height: 1 !important; }
  .LandingPageBanner { background-image: url(../../img/landingpage/mobileBanner.png); background-size: cover; background-position: right center; background-repeat: no-repeat; }
  .GrothSection { background-image: url(../../img/landingpage/3rdsectionMobile.png); background-size: contain; background-position: center center; background-repeat: no-repeat; height: auto; align-items: center; display: flex; justify-content: center; width: 100%; padding: 60px 0; }
  .wpntrfSec { background-image: url(../../img/landingpage/anotherAgencymobile.png); background-size: contain; background-position: center center; background-repeat: no-repeat; height: auto; align-items: center; display: flex; justify-content: center; width: 100%; padding: 0px 0 60px 0; }
  section.services-showcase { background-image: url(../../img/landingpage/ntgomobile.png); background-size: contain; background-position: bottom center; background-repeat: no-repeat; }
  .card.panel img.img-fluid { width: 80px !important; }
  .wpntrfSecInner h2.landingPagesection-title span.smalltext { font-size: 30px !important; }
  .wpntrfSecInner .row.juctify-content-center,.wpntrfSecInner .row.juctify-content-center div { margin-top: 0 !important; }
  p.faqDescription { text-align: center; }
  section.accuracySection div.container > .row:first-child { margin-bottom: 5px; }
  section.accuracySection .col-md-6 { padding: 5px; }
  section.accuracySection .col-6 { padding: 5px !important; }
  section.accuracySection .avgrevenue { height: 180px !important; width: 100%; border-radius: 30px !important; border-color: #9C1EC5 !important; }
  section.accuracySection h2.avgrevenue-heading { font-size: 26px !important; }
  section.accuracySection .avgrevenue { padding: 15px 5px !important; }
}
@media (max-width:480px) {
  .popup-controls button { padding: 1px 10px !important; font-size: 12px !important; }
  .graphicDesinginSection { padding: 50px 0 60px 0; }
  .videoEditingsection { width: 100%; padding: 50px 20px 15px 20px; }
  .photoShootSection { padding: 40px 0 0 0; }
  section.wednd.scwednd { padding-top: 20px !important; }
  section.workWithUs.csworkWithUs { padding-top: 40px !important; }
  .indsvservCards.indsvservCardsMobile .swiper-slide { min-width: 290px; padding: 0 !important; }
  .preformanceMarketingProcessPoints .innerPoints { margin-bottom: 0 !important; }
  .smmservicesProcess .preformanceMarketingProcess-content.position-relative { padding: 20px 0px 30px 0px !important; }
  .howitworkCard .cardContent { height: 180px; width: 100%; min-width: 100% !important; padding: 20px 5px; }
  .seoservice { margin-top: 20px !important; }
  .webdevfaq { margin-top: 20px !important; }
  section#branpackDiffSec { text-align: center; padding-top: 30px; }
  .howitworkCard number { position: relative; }
  span.cardNumber { width: 55px; height: 55px; font-size: 16px; margin-bottom: 10px; margin-top: 20px; }
  .indusvServImg { width: 70px; height: 70px; }
  .indusvServContent { font-size: 18px; }
  .indusvServImg img { width: 30px; height: 30px; }
  .sywtp { padding: 30px 0; text-align: center; }
  .logo-scroller-content { padding: 0 0 0px 0; }
  img.banner-right-image { width: 229px !important; top: 33% !important; }
  .ppsolveCardContent img { width: 12px !important; margin-right: 4px; position: relative; }
  .ppsolveCardContent p.sol img.img-fluid { position: relative; top: -2px; }
  .subHeading { width: 50%; margin: auto; }
  .innerpage-banner p.spaceText.bannerDesc { margin-bottom: 20px !important; }
  .innerpage-banner p.spaceText.bannerDesc br { display: none !important; }
  a.themeBtn { padding: 7px 20px 10px 20px; font-size: 14px; }
  img.banner-img-left.img-fluid { width: 50vw; top: 45px; left: 0px; }
  .wwuCardImage img { width: 30px; height: 30px; }
  section.logo-scroller { margin-top: 50px; }
  .wwuCardImage { padding: 15px; margin-top: 5px; margin-bottom: 15px; background-color: #9C1EC5; border: 0; }
  section.sywtp .avgrevenue-button { margin-top: 15px !important; }
  .workWithUs { padding: 0 0 20px 0; }
  .ppsolveCardContent p.prob { font-size: 13px; }
  .ppsolveCardContent p.sol,.ppsolveCardContent p.sol span { display: block; font-size: 12px; margin-bottom: 5px; }
  .ppsolveCardSvg img { width: 20px; height: 20px; }
  .idustvServ { padding: 20px 0; }
  .ppsolveCardSvg { width: 45px; height: 45px; }
  .ppsolveCardContent img { width: 12px !important; margin-right: 5px; }
  .ppsolveCardContent p.sol { display: block; }
  .wwu.wwucustomcard .content p { font-size: 12px; line-height: 1.5; }
  .wwu.wwucustomcard { padding: 10px 5px; height: 290px; }
  .wwu.wwucustomcard .content h3 { font-size: 16px !important; margin-bottom: 10px; }
  h2.faqheading { margin-bottom: 0; }
  .faqs { padding: 0 20px 30px 20px; }
  .bran-difference h2.section-title,.preformanceMarketingProcess-content h2.section-title,.howitworkheading .htwheading,.contacttopheading,.faqheading,.sectionTitle .Hedtitle,.bran-difference h2.section-title .smalltext,.preformanceMarketingProcess-content h2.section-title .smalltext,.howitworkheading .htwheading .smalltext,.faqSubheading,.sectionTitle .smalltext { font-size: 32px !important; line-height: 42px !important; margin-bottom: 5px !important; }
  .bran-difference p.section-desc { font-size: 12px !important; line-height: 22px !important; }
  .seoaeoservice .ppsolveCardContent p.prob { gap: 1px; }
  .seoaeoservice .ppsolveCardContent p.prob { gap: 1px; margin-bottom: 10px; }
  .ppsolveCard { margin-bottom: 15px; padding: 15px; gap: 5px; }
  h2.section-title { font-size: 30px !important; line-height: 40px !important; }
  h2.section-title .smalltext { font-size: 20px !important; line-height: 30px !important; }
  #aboutPage { background-image: url(../../img/Innerpages/aboutus/mobileBannerabb.webp) !important; background-size: cover; background-position: right center; background-repeat: no-repeat; padding: 45% 0 35% 0; }
  .bannerHed .smalltext { font-size: 28px !important; display: block; line-height: 1; margin-bottom: 0; }
  section#aboutPage h1.bannerHed { font-size: 50px !important; line-height: 50px !important; }
  section#aboutUs { padding: 30px 15px; }
  .portfolioBanner.innerpage-banner h1.bannerHed { font-size: 50px !important; line-height: 1.2 !important; display: flex; justify-content: center; gap: 10px; }
  .portfolioBanner .herosec-content p.subHeading { font-size: 25px !important; margin-bottom: 0 !important; width: 100%; }
  .portfolioBanner { background-image: url(../../img/Innerpages/portfolio/bg_mobile_Image.webp) !important; background-size: cover; background-position: right center; background-repeat: no-repeat; padding: 45% 0 35% 0; }
  .portfolioBanner.innerpage-banner .herosec-content { top: 58%; }
  p.bannerDesc br { display: none !important; }
  img.liquid-img-left.img-fluid { width: 25vw; bottom: 0px; }
  img.liquid-img-right.img-fluid { width: 22vw; top: 16%; }
  .ffCtImg h2.ffctTitle { font-size: 25px !important; }
  p.gridTextSub { font-size: 14px !important; }
  section#storiesVideosSlider { padding: 0px 0 30px 0; }
  .MarktingNewsletterSliderSec .swiper-slide-content h2 { font-size: 18px !important; }
  .story-play-btn { width: 40px; font-size: 15px !important; height: 40px; }
  .creativeServicesBannerImage h1.spaceText.bannerHed { font-size: 32px !important; line-height: 1 !important; display: flex; flex-wrap: wrap; justify-content: center; }
  .creativeServicesBannerImage h1.spaceText.bannerHed span.textWriter.mobilesmall { font-size: 26px; }
  .creativeServiceslogo-scroller { margin-top: 50px !important; }
  h2.section-title.titlemb20 br { display: none; }
  .preformanceMarketingProcessCS .section-content.leftsticky { margin-bottom: 20px !important; }
  .preformanceMarketingProcessCS .section-content.leftsticky .section-desc { margin-bottom: 0px !important; }
  .preformanceMarktBanner img.banner-right-image.mobilerocketImage.img-fluid { top: 28% !important; }
  .logo-scroller-item span img { max-height: 40px; /* Even smaller size for mobile phones */ }
  section.preformanceMarketingProcess.seoservice { padding-bottom: 45px; }
  .seowednd { padding-top: 30px; }
}
@media (max-width:430px) {
  section#herosec { position: relative; z-index: 9; }
  section.contactInnerPage h1 { font-family: 'Spaced'; font-size: 35px !important; }
  .subHeading { width: 60%; margin: auto; }
  .howitworkCard .cardContent { height: 210px; width: 100%; min-width: 100% !important; padding: 20px 5px; }
  img.banner-right-image { width: 174px !important; top: 28% !important; }
  .masked-text { font-size: 20.333vw !important; }
  .footerLogo { margin-bottom: 0; }
  h2.socialgrid-heading { font-size: 38px !important; }
  h2.socialgrid-heading span.socialSmallText { font-size: 18px !important; }
  .webdevBannerImage img.banner-img-left.img-fluid { /* top: 60px; */ }
  .webdevBannerImage img.banner-right-image { /* top: 30% !important; */ }
  .innerpage-banner p.spaceText.bannerDesc { width: 100%; }
  .seoaeoservices img.banner-right-image.mobilerocketImage { top: 28% !important; }
}
@media (max-width:414px) {
  img.banner-right-image { width: 185px !important; }
  .subHeading { width: 100%; margin: auto; }
  .subHeading { width: 70%; margin: auto; }
  .process-slider.swiper.process-slider-mobile .process-item { height: 330px !important; width: 330px !important; flex-basis: 330px !important; }
  .howitworkCard .cardContent { height: 225px; width: 100%; min-width: 100% !important; padding: 20px 5px; }
  .wwu.wwucustomcard { padding: 10px 5px; /*height: 310px; */ }
  .wwu.wwucustomcard .content h3 { font-size: 14px !important; margin-bottom: 10px; }
  .workWithUs .container { max-width: 100%; padding: 0 5px; }
  section.workWithUs .swiper-slide { padding: 0 3px; }
  h2.socialgrid-heading { font-size: 32px !important; padding-bottom: 15px; }
}
@media (max-width:375px) {
  .howitworkCard .cardContent { height: 240px; min-width: 100% !important; padding: 20px 5px; }
  .creativeServicesBannerImage img.banner-img-left.img-fluid { left: 0; }
  img.banner-img-left.img-fluid { width: 50vw; top: 45px; left: 0px; }
  img.banner-right-image { width: 185px !important; }
  .webdevBannerImage img.banner-img-left.img-fluid { left: 0px; }
}
/* RESPONSIVE IN LOWER HEIGHT DEVICES */
@media (max-width:1600px) and (max-height:800px) {
  img.banner-right-image { width: 700px; height: auto; }
  .creativeServicesBannerImage h1.spaceText.bannerHed { font-size: 70px !important; line-height: 1 !important; }
  .paddingsectionSubHeading { padding: 5px 0 5px 0; }
  .ppsolveCardContent p.prob { font-size: 22px; }
  .ppsolveCardContent img { width: 15px !important; }
  .ppsolveCardContent p.sol { font-size: 16px; }
  .bran-difference h2.section-title,.preformanceMarketingProcess-content h2.section-title,.howitworkheading .htwheading,.contacttopheading,.faqheading,.sectionTitle .Hedtitle { font-size: 50px !important; line-height: 60px !important; }
  p { font-size: 16px !important; line-height: 26px !important; }
  .wwuCardImage img { width: 55px; height: 55px; }
}