@import url('https://fonts.googleapis.com/css2?family=Funnel+Display:wght@300..800&family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Space+Grotesk:wght@300..700&display=swap');

/*TEXT COLORS*/
:root {
  --primary: #EC3F3A;
  --primary-hover: #d83631;

  --secondary: #3A2E2E;
  --secondary-hover: #2c2323;

  --white: #FFFFFF;
  --white-90: rgb(255 255 255 / 90%);
  --white-80: rgb(255 255 255 / 80%);
  --white-70: rgb(255 255 255 / 70%);
  --text-dark: #212121;
  --text-dark-80: rgb(33 33 33 / 80%);

  --font-family2: "Funnel Display", sans-serif;
  --font-family3: "Space Grotesk", sans-serif;

}

html,body { width: 100%; height: 100%; margin: 0;  padding: 0;}
body { line-height: 1.7; font-size: 15px; color:#555761; font-family: "Inter", sans-serif;  font-weight:400;-webkit-text-size-adjust: 100%;overflow-x: hidden;}
body:has(.inner-banner) {margin-top: 0;}
.btn, a, button, .transition { webkit-transition: all 250ms linear; -moz-transition: all 250ms linear; -o-transition: all 250ms linear; -ms-transition: all 250ms linear; transition: all 250ms linear;}
a { text-decoration: none;color: #000;}
a:hover, a:focus, a:active {color:#50575a; text-decoration: none; outline: 0; }
.btn.active.focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn:active:focus, .btn:focus {outline:none !important; color:#F9F9F9}
a:focus, :focus {outline: 0  !important; box-shadow:none !important}
ul{ list-style:none; padding:0}
button:focus{ outline:none}

.font-family3{font-family: var(--font-family3);}
/*FONT WEIGHTS*/
.fw100 { font-weight: 100 !important; }.fw200 { font-weight: 200 !important; }.fw300 { font-weight: 300 !important; }.fw400 { font-weight: 400 !important; }.fw500 { font-weight: 500 !important; }.fw600 { font-weight: 600 !important; }.fw700 { font-weight: 700 !important; }.fw800 { font-weight: 800 !important; }.fw900 { font-weight: 900 !important; }

/*HEADINGS*/
 h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6{font-family: var(--font-family2);}


/*BUTTONS*/
.btn {font-size:12px; padding: 19px 40px; font-weight:600;border-radius:8px;letter-spacing:0.05em; border-radius: 50px; text-transform:uppercase; border: 0;font-family: var(--font-family2);}
.lg-btn{width: 240px; height: 56px;}

/* primary */
.btn-primary {background-color: var(--primary); border-color: var(--primary);}
.btn-primary:hover {background-color: var(--primary-hover); border-color: var(--primary-hover);}

/* secondary */
.btn-secondary {background-color: var(--secondary); border-color: var(--secondary);}
.btn-secondary:hover {background-color: var(--secondary-hover); border-color: var(--secondary-hover);}

.btn-white{background-color: var(--white); color: var(--black);}
.btn-white:hover{background-color: var(--primary); color: var(--white);}

/* HEADING STYLE */
.all-heading{line-height: 42px;color: var(--text-dark);; font-size: 40px; letter-spacing: -0.01rem; font-weight: 600;}
.sub-heading{ font-weight: 500;font-size: 13px;line-height: 160%;letter-spacing: .08em; text-transform:uppercase; color:#CDB27B;margin-bottom: 10px;}


/*FORM CONTROL*/
.form-group{position: relative;}
.form-group .label {position: absolute;top: -11px;color: #262020;text-transform: capitalize;font-weight: 500;background-color: #fff;left: 12px;font-size: 14px;padding: 0px 4px;}
.form-control{border: 1px solid rgb(38 32 32 / 40%); color: #5E5252; font-weight: 500; height: 62px; border-radius:12px; text-transform: capitalize; font-size: 15px;}
.form-control:focus {color: #000;background-color: #fff; outline: 0; border-color:var(--secondary)}
textarea{resize: none;}
textarea.form-control { height: auto !important;}
.form-control::placeholder{color: #5E5252;}

/*FONT SIZE 8 to 72px */
.fs8{font-size: 8px;} .fs9{font-size: 9px;} .fs10{font-size: 10px;} .fs11{font-size: 11px;} .fs12{font-size: 12px!important;} .fs13{font-size: 13px;} .fs14{font-size: 14px;} .fs15{font-size: 15px;} .fs16{font-size: 16px;} .fs17{font-size: 17px;} .fs18{font-size: 18px;} .fs19{font-size: 19px;} .fs20{font-size: 20px;} .fs21{font-size: 21px;} .fs22{font-size: 22px;} .fs23{font-size: 23px;} .fs24{font-size: 24px;} .fs25{font-size: 25px;} .fs26{font-size: 26px;} .fs27{font-size: 27px;} .fs28{font-size: 28px;} .fs29{font-size: 29px;} .fs30{font-size: 30px;} .fs31{font-size: 31px;} .fs32{font-size: 32px;} .fs33{font-size: 33px;} .fs34{font-size: 34px;} .fs35{font-size: 35px;} .fs36{font-size: 36px;} .fs37{font-size: 37px;} .fs38{font-size: 38px;} .fs39{font-size: 39px;} .fs40{font-size: 40px;} .fs41{font-size: 41px;} .fs42{font-size: 42px;} .fs43{font-size: 43px;} .fs44{font-size: 44px;} .fs45{font-size: 45px;} .fs46{font-size: 46px;} .fs47{font-size: 47px;} .fs48{font-size: 48px;} .fs49{font-size: 49px;} .fs50{font-size: 50px;} .fs51{font-size: 51px;} .fs52{font-size: 52px;} .fs53{font-size: 53px;} .fs54{font-size: 54px;} .fs55{font-size: 55px;} .fs56{font-size: 56px;} .fs57{font-size: 57px;} .fs58{font-size: 58px;} .fs59{font-size: 59px;} .fs60{font-size: 60px;} .fs61{font-size: 61px;} .fs62{font-size: 62px;} .fs63{font-size: 63px;} .fs64{font-size: 64px;} .fs65{font-size: 65px;} .fs66{font-size: 66px;} .fs67{font-size: 67px;} .fs68{font-size: 68px;} .fs69{font-size: 69px;} .fs70{font-size: 70px;} .fs71{font-size: 71px;} .fs72{font-size: 72px;}

/*LETTER SPACING SIZE 1 to 5px */
.ls1{letter-spacing: 0.01rem;}.ls2{letter-spacing: 0.02rem;}.ls3{letter-spacing: 0.03rem;}.ls4{letter-spacing: 0.04rem;}.ls5{letter-spacing: 0.05rem;}.ls6{letter-spacing: 0.06rem;}.ls12{letter-spacing: 0.12rem;}
.lh-20{line-height: 20px;}
.lh-25{line-height: 25px;}
.lh-45{line-height: 45px;}
.ms-100{margin-left: 100px;}

.check-list li {font-size: 15px;padding: 5px 0px;letter-spacing: 0.01rem; color: var(--text-dark-80);}
.check-list li i {color: #47B43D;font-size: 18px;}

/*CONTAINER*/
.custom-width{max-width: 1260px} 

/* Text Color */
.text-primary{color: var(--primary) !important;}
.text-secondary{color: var(--secondary) !important;}
.text-dark{color: var(--text-dark) !important;}
.text-dark-80{color: var(--text-dark-80);}
.text-white-70{color: var(--white-70);}
.text-white-80{color: var(--white-80);}
.text-white-90{color: var(--white-90);}
/* Background Classes */
.bg-light{}
.bg-primary{background-color: var(--primary) !important;}
.bg-secondary{background-color: var(--secondary);}

.bg-pattern{background-image: url(../images/bg-pattern.jpg);background-repeat: repeat;background-size: 12px !important;}


/* Border Classes */
.br12{border-radius: 12px;} .br16{border-radius: 16px;} .br24{border-radius: 24px;} .br20{border-radius: 20px;} .br22{border-radius: 22px;}

/* Spacing */
.Mypadding{ padding:80px 0}


/*SWIPER PAGINATION*/
.swiper-pagination{margin-top: 10px;}
.swiper-pagination-bullet-active{background-color: var(--primary);}

/*SWIPER NAV BUTTONS*/

.swiper-button-next, .swiper-button-prev{z-index: 1;}
.swiper-button-prev:after, .swiper-button-next:after{font-size: 15px; color: #000;  display: flex; border-radius: 20px; justify-content: center; align-items: center;  }
.swiper-button-next, .swiper-button-prev {width: 56px;height: 56px;background-color: #ffffff;border-radius: 50%;box-shadow: 0px 0px 5px 1px rgb(0 0 0 / 18%);top: 50%;transform: translateY(-50%);}


/*EFFECTS*/
.zoom-hover img {-webkit-transform: scale(1); transform: scale(1);transition: all .4s ease-in-out;}
.zoom-hover:hover img{transform: scale(1.02);}

/* circle btn */
.btn-circle-icon {background-color: #ffffff;width: 56px;height: 56px;display: inline-flex;border-radius: 50%;align-items: center;justify-content: center;color: #000000;}

/*#################################################################*/
/*##################_________MAIN STYLES_________##################*/
/*#################################################################*/
.navbar-brand img{ width:195px}
.site-header .navbar .nav-item a{ margin-left: 10px; margin-right:10px; font-family: var(--font-family2); font-weight:500;height: 70px;align-items: center;display: flex; font-size:14px;  color:var(--white); text-transform: uppercase;}
.site-header .navbar .nav-item a:hover{color: var(--primary);}
 
  
/*#########________HAMBURGER MENU BUTTON START________#########*/
.site-header {position: absolute;top: 0px;z-index: 9999;width: 100%;background-color: rgb(0 0 0 / 50%); backdrop-filter: blur(4px);}
.site-header .navbar-toggler{margin-left: 16px; padding: 0; outline: 0; color: transparent; background-color: transparent; border-color: transparent; height: 32px; width: 32px; align-items: center; justify-content: center;}
.site-header .navbar-toggler:focus,
.site-header .navbar-toggler:active{outline: 0;}
.site-header .navbar-toggler .navbar-toggler-icon{position: relative; height: 2px; background-color: transparent;background-image: none; width: 35px; border-radius: 4px; transition: 0.3s all ease-in-out; }
.site-header .navbar-toggler .navbar-toggler-icon:before,
.site-header .navbar-toggler .navbar-toggler-icon:after{content: ""; position: absolute; display: block; height: 2px; width: 100%; background-color: var(--white); border-radius: 4px; transition: 0.3s all ease-in-out; }
.site-header .navbar-toggler-icon:before{top: 0; transform: rotate(45deg);}
.site-header .navbar-toggler-icon:after{bottom: 0; transform: rotate(-45deg);}
.site-header .navbar-toggler.collapsed .navbar-toggler-icon{background-color: var(--white);}
.site-header .navbar-toggler.collapsed .navbar-toggler-icon:before{top:-12px; transform: rotate(0);}
.site-header .navbar-toggler.collapsed .navbar-toggler-icon:after{bottom:-12px; transform: rotate(0);}
.site-header .nav-item.dropdown:hover .dropdown-menu{display: block; visibility: visible; opacity: 1; top:100%;} 

/*HEADER FIXED ON SCROLL*/
.isFixed {position: fixed !important; top: 0; right: 0; left: 0; background-color: rgb(0 0 0 / 70%); box-shadow: 0 .125rem .25rem rgba(0,0,0,.075); z-index: 99999;animation: smoothScroll 1s forwards;-webkit-backdrop-filter: blur(8px);backdrop-filter: blur(8px);padding: 0;}

@keyframes smoothScroll { 0% {transform: translateY(-40px); }100% { transform: translateY(0px); }}

/*NAVIGATION DROPDOWN ON HOVER*/
.site-header .dropdown-item.active, 
.site-header .dropdown-item:active,
.site-header .dropdown-item:hover { }
.site-header .dropdown-menu .dropdown-item{ padding-bottom: 5px; padding-top: 5px;}
.site-header .navbar .nav-item .dropdown-menu a{ margin:0; font-size:12px; color: var(--text-primary);height: auto;}
.site-header .navbar .nav-item .dropdown-menu a:hover{ background-color: var(--primary); color:#fff}
.site-header .isFixed .navbar-brand .logo { width:195px}

/* NEW CSS HOME PAGE */
.custom-arrow {background-color: #fff;width: 40px;height: 40px;border-radius: 50%; box-shadow: inset 0 0 0 1px rgb(0 0 0 / 0%), 0 2px 3px rgba(0, 0, 0, 0.12) !important;}
.custom-arrow::after {font-size: 16px;}
.custom-arrow.swiper-button-prev{left: 0px;}
.custom-arrow.swiper-button-next{right: 0px;}
 

/*###################__________BANNER SECTION___________######################*/ 

.video-container {width: 100%;position: relative;}
.video-container video {position: relative;min-width: 100%;min-height: 100%;width: 100vw;height: 100vh;z-index: -100;background-repeat: no-repeat;background-size: cover;background-position: center center;object-fit: cover;}


/*###################__________PLATFORM SECTION___________######################*/ 

.platforms__subtitle {font-size: 15px;letter-spacing: 0.02rem;color: var(--text-dark);}
.platforms:before {position: absolute;content: '';bottom: 0;background-color: #D9D9D9;height: 1px;width: calc(100% - 18%);right: 15px;}
.platforms__wrapper {display: flex;justify-content: space-between;flex-wrap: wrap; gap: 30px;}
.platforms__item img {width: 48px;}
.platforms__item .brand-name {font-size: 13px;font-weight: 500;color: var(--secondary);margin-bottom: 0;margin-top: 15px;}


/*###################__________SERVICES SECTION___________######################*/ 

.services__title {max-width: 400px;}
.services__desc {max-width: 580px;}
.services__tab {display: flex;padding: 0px;overflow: hidden;justify-content: space-between;width: 100%;border-radius: 24px;position: relative;}
.services__tab:before {position: absolute;content: '';background-color: var(--text-dark);width: calc(100% - 100px);height: 1px;right: 0;bottom: 0;}
.services__tab-left {margin-right: 15px;margin-left: 15px;display: flex;align-items: center;}
.services__tab-left img {width: 80px;display: none;}
.services__tab-content {padding: 26px 0px;padding-right: 15px;}
.services__tab-title {font-size: 40px;color: var(--text-dark);text-align: left;font-weight: 800;}
.services__tab-text {font-size: 14px;text-align: left;letter-spacing: 0.02rem;color: var(--white-80);margin-bottom: 0;display: none;}
.services__tab-arrow {padding: 0px 14px;color: rgb(33 33 33 / 40%);font-size: 24px;display: flex;align-items: center;transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out;}
.services__tab-number {font-size: 46px;color: rgb(33 33 33 / 20%);font-weight: 200;}

/* ACTIVE */
.services__tab.active .services__tab-title {color: var(--white);font-size: 32px;}
.services__tab.active {background-color: var(--primary);}
.services__tab.active .services__tab-number {display: none;}
.services__tab.active .services__tab-title {font-size: 32px;}
.services__tab.active .services__tab-text,
.services__tab.active .services__tab-left img {display: block;}
.services__tab.active .services__tab-arrow {background-color: #C9110C;color: #ffffff;}
.services__stats {background-color: rgb(255 255 255 / 12%);backdrop-filter: blur(20px);position: absolute;bottom: 9px;width: calc(100% - 18px);border-radius: 20px;margin: 0 auto;left: 0;right: 0;padding: 20px;display: flex;align-items: center;gap: 20px;}
.services__stats .services__number {font-size: 52px;font-weight: 800;}
.services__stats p {font-size: 14px;font-weight: 500;text-transform: uppercase;max-width: 180px;margin-bottom: 0;}

.services__tab::before {
  position: absolute;
  content: '';
  background-color: var(--text-dark);
  width: calc(100% - 100px);
  height: 1px;
  right: 0;
  bottom: 0;
}

/* active pe hide */
.services__tab.active-custom::before {
  display: none;
}

/* next wale ka upar ka effect hide */
.services__tab.hide-border-top::before {
  display: none;
}

/*###################__________WHY CHOOSE SECTION___________######################*/ 

.why-choose__item {margin-bottom: 30px;padding-bottom: 30px;border-bottom: solid 1px rgb(38 32 32 / 8%);}
.why-choose__icon {width: 64px;}
.why-choose__info {width: calc(100% - 90px);}
.why-choose__item-title {font-size: 18px;font-weight: 600;letter-spacing: 0.02rem;color: var(--text-dark);}


/*###################__________STATS SECTION___________######################*/ 

.stats__wrapper {display: flex;gap: 13px;}
.stats__card {position: relative;border-radius: 20px;overflow: hidden;height: 141px;flex-shrink: 0;}
.stats__card--lg {flex: 2;}
.stats__card--sm {flex: 1.2;}
.stats__card img {width: 100%;height: 100%;object-fit: cover;}
.stats__overlay {position: absolute;inset: 0;opacity: 0.75;}
.stats__overlay--red { background: #EC3F3A; mix-blend-mode: multiply; opacity: 1; }
.stats__overlay--dark { background: #262020; }
.stats__overlay--purple { background: #841F72;mix-blend-mode: multiply; opacity: 1; }
.stats__overlay--green { background: #367813; }
.stats__card--blue {background: #1A2C87;}
.stats__content {position: absolute;inset: 0;display: flex;flex-direction: column;justify-content: center;align-items: center;color: #fff;text-align: center;padding: 0px 15px;}
.stats__title {font-size: 48px;font-weight: 600;}
.stats__content p {font-size: 15px;font-weight: 500;letter-spacing: 0.02rem;}


/*###################__________COMPARE SECTION___________######################*/ 


.compare-header {display: flex;align-items: center;justify-content: space-between;border-radius: 50px;overflow: hidden;border: 1px solid #ddd;position: relative;}
.compare-left {width: 50%;padding: 20px;text-align: center;background: #fff;}
.compare-left p{font-weight: 600;font-size: 20px;margin-bottom: 0;color: #262020;}
.compare-right {width: 50%;padding: 20px;text-align: center;background: var(--primary);}
.compare-right p{color: #fff;font-weight: 600;font-size: 20px;margin-bottom: 0;letter-spacing: 0.02rem;}
.vs-circle {position: absolute;left: 50%;transform: translateX(-50%);width: 50px; font-size: 13px; height: 50px;border-radius: 50%;display: flex;align-items: center;justify-content: center;font-weight: bold;z-index: 2;color: #262020; letter-spacing: 0.02rem;}
.vs-circle:after {position: absolute;content: '';background: linear-gradient(45deg, #212121, #EC3F3A);width: 100%;height: 100%;border-radius: 50%;z-index: -11;}
.vs-circle:before {position: absolute;content: '';background-color: #ffffff;width: calc(100% - 5px);height: calc(100% - 5px);border-radius: 50%;top: 0;left: 0;right: 0;bottom: 0;margin: auto;z-index: -1;}
.compare-box {margin-top: 30px;border-radius: 16px;overflow: hidden;border: 2px solid #E5D8D7;display: flex;}
.box-left {width: 50%;padding: 25px;background: #fff;color: #262020;font-size: 14px;letter-spacing: 0.01rem;}
.box-right {width: 50%;padding: 25px;background: #E5D8D7;color: #262020;font-size: 14px;letter-spacing: 0.01rem;}
.arrow-btn {position: absolute;left: 50%;transform: translate(-50%, -50%);top: 50%;background: #ef3b2d;color: #fff;width: 40px;height: 40px;border-radius: 50%;display: flex;align-items: center;justify-content: center;font-weight: bold;}


/*###################__________RESOURCS SECTION___________######################*/ 


.resources-content p {letter-spacing: 0.02rem;font-size: 14px;}
.resources-content02 p {font-size: 12px;color: rgb(38 32 32 / 60%);line-height: 16px;font-weight: 400;letter-spacing: 0.01rem;}
.resources__card .img-card .tag {background-color: #E6DBDE;padding: 12px 18px;border-radius: 36px;color: #262020;font-size: 10px;text-transform: uppercase;letter-spacing: 0.08rem;font-weight: 600;position: absolute;bottom: -15px;left: 20px;margin-bottom: 0;}
.resources__card .title {font-size: 16px;font-weight: 600;letter-spacing: 0.02rem;}


/*###################__________TESTIMONIALS SECTION___________######################*/ 

.ready-text {width: 140px;text-align: right;}
.testimonials__card {background-color: #ffffff;border: solid 1px rgb(38 32 32 / 24%);border-radius: 20px;padding: 10px;}
.testimonials__card .client-message {font-size: 22px;font-weight: 400;letter-spacing: 0.01rem;line-height: 32px;color: var(--text-dark-80);}
.testimonials__card .testimonials__content {padding-top: 35px;padding-bottom: 20px;}
.testimonials__card .quote {font-size: 40px;position: absolute;left: 47px;top: 30px;color: var(--primary);}
.testimonials__client--details{display: flex;justify-content: space-between;align-items: end;}

/*###################__________NEWSLETTER SECTION___________######################*/ 

.newsletter-wrapper {background: linear-gradient(155deg, #EC3F3A 60%, #7A6F6F 90%);padding: 60px 0px;}
.newsletter_form .form-control {background-color: transparent;height: 58px;color: #fff;border: solid 2px #fff;width: 340px;font-size: 12px;}
.newsletter_form .form-control::placeholder{font-size: 12px;color: rgb(255 255 255 / 70%);}
.newsletter_title{font-size: 32px;}

/*###################__________FOOTER SECTION___________######################*/ 
.site-footer{background-color:#1C0606}
.footerlogo img{ padding-bottom:15px; width: 270px;}
.footer-main{ font-size: 14px;padding-top:20px}
.footer-main .headings{color:#fff; margin-bottom: 20px; font-weight:600;letter-spacing:.03em;font-size: 14px;text-transform: uppercase;}
.footer-main .social-handles a{background-color: #fff; color: #1C2B33; font-size: 20px; height: 40px; width: 40px; border-radius: 50px; display: inline-flex; justify-content: center; align-items: center;margin-right: 5px;}
.footer-main .social-handles a:hover{background-color:var(--primary); color: #fff;}
.footer-main .footer-links ul li{margin-bottom:15px;}
.footer-main .footer-links ul li a{display: block; font-size: 13px;}
.footer-main .footer-links ul li a,
.footer-main p,
.footer-main address,
.footer-main p a, .footer-btm .lst-links a{color:rgba(255, 255, 255, 0.65)}
.footer-main .footer-links ul li a:hover,
.footer-main p a:hover, .footer-btm .lst-links a:hover{color:var(--primary);}
.footer-main .footer-links ul{list-style: none; margin: 0;padding: 0;}
.footer-main .ftr-contact-info .info-block h6{color:#b8c0c0; text-transform: uppercase; font-size: 12px; margin-bottom: 5px;}
.footer-btm{ font-size:12px;color:#ccdfe3}
.border-pre { border-top: 1px solid #323f35;}
.Privacy-lnk{ color:#fff; text-decoration:underline} 
.footer-btm{padding-top:10px;padding-bottom:10px; border-top:1px solid rgb(255 255 255 / 16%);}
.footer-btm .lst-links a{ font-size: 13px;text-decoration: none;margin-right: 15px;border-right: solid 1px #fff;padding-right: 15px;}
.info-block .icon {font-size: 28px;color: var(--primary);}
/*****back to top******/

.gototopbtn {background-color: rgb(255 255 255 / 24%);display: inline-block;padding: 5px 15px 5px 15px;border-radius: 40px; border: solid 1px #000;}
.footer-btm .go-icon {display: inline-flex; align-items: center; justify-content: center; border-radius: 50%;}
.footer-btm .go-icon:hover{background-color: #fff; color:#000}
.footer-border{border-top: solid 1px rgb(255 255 255 / 16%);opacity: 1;}
.border-right-footer {border-right: solid rgb(255 255 255 / 16%);}


/*###################__________PAGINATION SECTION___________######################*/ 

.custom-pagination .page-btn{width:40px;height:40px;border:2px solid #D9D9D9;border-radius:50px;display:flex;align-items:center;justify-content:center;text-decoration:none;color:#333;font-weight:500;background:#fff;transition:0.3s;}
.custom-pagination .page-btn.wide{width:140px;}
.custom-pagination .page-btn.active{background: var(--primary-light);color:#fff;border-color:var(--primary-light);}
.custom-pagination .page-btn:hover{background:var(--primary-light);color:#fff;border-color:var(--primary-light);}
.custom-pagination .page-btn.wide {width: 90px;height: 40px;font-size: 11px;color: #282122;border: solid 1px #D9D9D9;background-color: #ffff;}


/*###################__________INNER BANNER SECTION___________######################*/ 

.inner-banner{background-size: cover;background-position: center;background-repeat: no-repeat;width: 100%;min-height: 566px;}
.inner-banner .inner-banner-heading {position: relative;padding: 20px 60px;z-index: 9; margin-top: 80px;}
.inner-banner .inner-banner-heading:after {position: absolute;background-color: rgb(0 0 0);content: '';border-radius: 50%;opacity: 0.4;filter: blur(64px);width: 100%;height: 100%;left: 0;top: 0;z-index: -1;}

/*###################__________STATS SECTION___________######################*/ 

.stats-section {display: grid;grid-template-columns: 151px 1fr;overflow: hidden;margin-top: -20px;margin-left: 15px;}
.stats-section .stats-left {background: #ef3d36;color: #fff;padding: 30px 20px;border-radius: 12px;font-size: 17px;margin-bottom: 0;}
.stats-section .stats-left h4 {margin: 0;font-weight: 700;line-height: 1.4;}
.stats-section .stats-right {display: grid;grid-template-columns: 176px 127px 87px;text-align: left;align-items: end;justify-content: space-between;}
.stats-section .stat-item .number {margin: 0;font-weight: 700;color: #3a2f2f;font-size: 41px;}
.stats-section .stat-item .number .plusx,
.stats-section .stat-item .number .currency{font-size: 25px;font-weight: 500;}
.stats-section .stat-item p {color: rgb(33 33 33 / 65%);font-size: 15px;margin-bottom: 0;text-transform: uppercase;font-weight: 500;}


/*###################__________WHY CHOOSE SECTION___________######################*/ 

.why-choose-wrapper {background-size: cover;background-position: center;}
.why-choose-card {border: solid 2px #fff;border-radius: 12px 12px 22px 22px;padding: 0px 5px 5px 5px;position: relative;background-color: rgb(0 0 0 / 8%);backdrop-filter: blur(10px);}
.why-choose-card-header {background-color: var(--primary);border: solid #fff;border-radius: 22px;display: flex;align-items: center;text-align: left;gap: 15px;padding: 10px 10px;margin-bottom: 20px;margin-top: -40px;}
.why-choose-card-header img {width: 64px;}
.why-choose-card-header .title {font-size: 24px;font-weight: 500;margin-bottom: 0;}
.why-choose-card p {padding: 0px 20px;font-size: 14px;line-height: 24px;}

/*###################__________VISION SECTION___________######################*/ 

.vision-card{background-color: #3A2E2E;border-radius: 16px;padding: 24px;}
.vision-card .vision-header{display: flex;align-items: center;gap: 15px;margin-bottom: 15px;}
.vision-card .vision-header img {width: 56px;}
.vision-card .vision-header .title {font-size: 24px;margin-bottom: 0;}
.vision-card p {font-size: 14px;margin-bottom: 0;letter-spacing: -0.01rem;line-height: 22px;}

/*###################__________ALL BRANDS SECTION___________######################*/ 

.all-brands-logo {display: flex;align-items: center;gap: 35px;justify-content: center;margin: 0 auto;flex-wrap: wrap;}
.all-brands-logo .item {display: flex;align-items: center;justify-content: center;}
.all-brands-logo .item img {max-height: 100%;width: auto;max-width: 130px;object-fit: contain;opacity: 0.8;transition: 0.3s;}
.all-brands-logo .item:hover img {opacity: 1;transform: scale(1.05);}


/*###################__________ALL BRANDS SECTION___________######################*/ 


.feature-box {position: relative;margin-top: 40px;}
.feature-box:after {position: absolute;content: '';height: calc(100% + 12px);width: 85px;background: var(--primary);left: 0;top: -12px;z-index: -1;border-radius: 50px;}
.feature-item {display: flex;gap: 25px;margin-bottom: 15px; align-items: center;}
.feature-item .content {width: calc(100% - 85px);}
.feature-item .icon {width: 85px;height: 85px;background: var(--primary);border-radius: 50%;display: flex;align-items: center;justify-content: center;}
.feature-item .icon img{width: 65px;}
.feature-item .content h4 {font-weight: 600;font-size: 18px;color: var(--text-dark);}
.feature-item .content .disc {color: rgb(33 33 33 / 70%);margin: 0;font-size: 14px;}


/*###################__________SERVICE SECTION___________######################*/ 


.service-grid {display: grid;grid-template-columns: repeat(3, 1fr);border: 1px solid var(--primary);border-radius: 20px;overflow: hidden;background-color: rgb(255 255 255 / 48%);backdrop-filter: blur(8px);}
.service-item {padding: 40px 30px;border-right: 1px solid var(--primary);border-bottom: 1px solid var(--primary);}
.service-item:nth-child(3n) {border-right: none;}
.service-item:nth-last-child(-n+3) {border-bottom: none;}
.service-item .icon {width: 64px;height: 64px;border: 1px solid rgb(38 32 32 / 16%);border-radius: 50%;display: flex;align-items: center;justify-content: center;padding: 10px;background-color: #ffffff;}
.service-item .service-title {font-size: 21px;font-weight: 600;color: var(--text-dark);width: calc(100% - 64px);padding-left: 15px;}
.service-item .disc {color: var(--text-dark-80);font-size: 14px;line-height: 1.6;margin: 0;}



/*###################__________TIMELINE SECTION___________######################*/ 


.timeline {position: relative;}
.timeline-item {display: flex;gap: 24px;position: relative;background-color: #fff;padding: 20px;border-radius: 20px;margin-bottom: 15px;}
.timeline-left {min-width: 56px;display: flex;justify-content: center;}
.step-circle {width: 56px;height: 56px;background: #2B2121;color: #fff;border-radius: 50%;display: flex;align-items: center;justify-content: center;font-size: 21px;font-weight: 400;z-index: 2;}
.timeline-right {flex: 1;}
.step-label {color: #EC3F3A;font-weight: 600;letter-spacing: 0.08rem;font-size: 11px;}
.timeline-right .title {font-size: 17px;letter-spacing: 0.02rem;font-weight: 600;color: var(--text-dark);}
.timeline-right .disc {color: var(--text-dark-80);font-size: 14px;}
.chips {display: flex;flex-wrap: wrap;gap: 8px;margin-top: 15px;}
.chips .chip {background: #F6F0EF;padding: 10px 18px;border-radius: 30px;font-size: 9px;text-transform: uppercase;color: #433A3A;font-weight: 500;}
.timeline-item .timeline-right hr {margin: 20px 0px;}
.capabilities-list {list-style: disc;font-size: 14px;padding-left: 15px;}

/*###################__________STATS CARD SECTION___________######################*/ 


.stats-card {padding: 30px;background: var(--primary);border-radius: 22px; min-height: 300px;}
.stats-card .label {display: inline-block;background: #F4EAE9;color: #262020;font-size: 11px;font-weight: 700;padding: 5px 20px;border-radius: 30px;letter-spacing: 0.08rem;margin-bottom: 20px;}
.stats-card .number {font-size: 48px;font-weight: 800;margin-bottom: 15px;line-height: 40px;}
.stats-card .desc {font-size: 14px;line-height: 1.5;margin-bottom: 30px;}
.stats-card .badge {display: inline-block;border: 1.5px solid rgba(255,255,255,0.5);padding: 10px 20px;border-radius: 30px;font-size: 12px;}
.stats-slider .swiper-pagination {text-align: left; margin-left: 20px;}
.stats-slider .swiper-pagination .swiper-pagination-bullet {background-color: rgb(255 255 255 / 40%); opacity: 1;}
.stats-slider .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {background-color: rgb(255 255 255); opacity: 1;}


/*###################__________WHY CHOOSE SECTION___________######################*/ 

.why-choose-widget {border: solid 1px #E5D8D7;border-radius: 12px;padding: 22px;box-shadow: 0px 0px 0px 2px rgb(236 63 58 / 8%);height: 100%;}
.why-choose-widget .title {font-size: 17px;font-weight: 600;margin-bottom: 12px;}
.why-choose-widget .disc {font-size: 14px;letter-spacing: 0.02rem;margin-bottom: 0;}
.why-choose-widget.light{background-color: #FFFFFF;}
.why-choose-widget.light .title{color: #212121;}
.why-choose-widget.light .disc{color: rgb(38 32 32 / 80%);}
.why-choose-widget.dark{background-color: #3A2E2E;}
.why-choose-widget.dark .title{color: #ffffff;}
.why-choose-widget.dark .disc{color: rgb(255 255 255 / 81%);}


/*###################__________PLATFORM INTEGRATION SECTION___________######################*/ 

.platform-integrations-wrapper{position: relative;z-index: 999;}
.platform-integrations-widget {border: solid 1px #E5D8D7;border-radius: 12px;padding: 80px 45px 50px 50px;background-color: #ffffff;box-shadow: 0px 0px 0px 2px rgb(236 63 58 / 8%);}
.platform-integrations-widget .title {font-size: 28px;max-width: 370px;color: #262020;margin-bottom: 20px;letter-spacing: 0.01rem;}
.platform-card {background-color: #EC3F3A;display: inline-flex;border-radius: 90px;align-items: center;justify-content: center;font-size: 17px;padding: 35px 30px;text-align: center;}
.integrations {display: grid;grid-template-columns: repeat(2, 1fr);gap: 15px;}




.ads-platforms {position: relative;}
.platform-grid {display: grid;grid-template-columns: repeat(7, 1fr);gap: 25px;margin: auto;}
.platform-box {border: solid 1px #E5D8D7;border-radius: 22px;text-align: center;padding: 30px 10px;background-color: #fff;transition: 0.3s;}
.platform-box img {width: 45px;margin-bottom: 10px;}
.platform-box p {font-size: 13px;margin-bottom: 0;font-weight: 500;color: #3A2E2E;}
.platform-box:hover {transform: translateY(-5px);box-shadow: 0 10px 20px rgba(0,0,0,0.08);}


.audit-review {background-color: #262020;border-radius: 40px;display: inline-flex;gap: 15px;padding: 15px 40px 15px 26px;align-items: center;width: fit-content;flex-wrap: wrap;}
.audit-review img {width: 49px;height: 49px;border-radius: 50%;object-fit: cover;margin-left: -8px;border: solid 2px #fff;}




.contact-widget {top: -50px;position: relative;}
.contact-wrapper{background-color: #ecf4fd;padding-bottom: 80px;}
.contact-form {position: relative; margin-top: -40px;padding: 45px 60px;border-radius: 16px 16px 16px 0px;}
.contact-left {padding: 50px;border-radius: 16px 0px 0px 16px; background-size: 16px !important;}
.contact-form .form-group {position: relative;}
.contact-form .form-group .form-control {height: 62px;background-color: transparent;border: solid 1px #fff;color: #fff;font-size: 15px; font-weight: 500;}
.contact-form .form-group label {position: absolute;color: #fff;font-size: 14px;font-weight: 600;top: -11px;left: 15px;z-index: 99999;background-color: var(--primary);}
.contact-form .form-group .form-control::placeholder{color: #ffffff;}
.contact-form .title {font-size: 44px;font-weight: 700; max-width: 420px;}
.contact-left .icon img {width: 40px;}
.contact-item .title {font-size: 21px;font-weight: 500;}
.contact-left .contact-desc {max-width: 330px; font-size: 18px;}


.blog-details-img img {border-radius: 12px;margin-bottom: 20px;}
.blog-details-title {font-weight: 600;margin: 12px 0;}
.blog-meta {display: flex;gap: 15px;font-size: 13px;color: #777;padding: 0;list-style: none;margin-bottom: 20px;}
.blog-details-content blockquote {background: #ffeae9;border-left: 4px solid var(--primary);padding: 15px 20px;margin: 20px 0;font-style: italic;}
.sidebar-box {margin-bottom: 30px;margin-bottom: 30px;background-color: rgb(240 240 240 / 56%);padding: 15px;border-radius: 12px;box-shadow: inset 0 calc(-1 * 1px) 0 #d3d3d3;}
.sidebar-title {font-weight: 600;margin-bottom: 15px;}
.sidebar-list {list-style: none;padding: 0;}
.sidebar-list li {margin-bottom: 8px;}
.recent-post {display: flex;gap: 12px;margin-bottom: 15px;}
.recent-post img {width: 70px;height: 70px;object-fit: cover;border-radius: 6px;}
.tag-list a {display: inline-block;padding: 6px 12px;border: 1px solid #ddd;margin: 5px 5px 0 0;font-size: 13px;}
.blog-details-content .blog-category {color: var(--text-dark);font-size: 13px;background-color: #ffeae9;padding: 2px 8px;display: inline-block;border-radius: 40px;margin-bottom: 15px;}
.blog-details-content .blog-details-title {font-size: 32px;color: #262020;font-weight: 500;}
.blog-details-content p {color: var(--text-dark);font-size: 15px;margin-top: 10px;}
.blog-details-content .blog-meta li {list-style: disc;margin-left: 15px;color: var(--text-dark);font-size: 14px;}
.sidebar-title {margin-bottom: 15px;font-size: 20px;color: #262020;font-weight: 600;}



.sidebar-box .sidebar-list li a {padding: 4px 0px;display: block;color: var(--text-dark);font-size: 15px;margin-top: 10px;border-bottom: solid 1px #ccc;}
.sidebar-box .sidebar-list li:last-child a{border: 0;}
.sidebar-box .sidebar-list li a:hover {font-weight: 500;}
.sidebar-box .tag-list a {color: rgb(255 255 255);font-size: 14px;background-color: var(--primary);padding: 4px 16px;display: inline-block;border-radius: 40px;margin-bottom: 10px;border: 0;}
.recent-post span {color: var(--text-dark);font-size: 14px;}
.recent-post a {display: block;color: var(--text-dark);font-size: 16px;font-weight: 500;}
.recent-post:last-child{margin-bottom: 0;}
.recent-post > div {width: calc(100% - 90px);}






.job-card {background-color: #ffffff;border-radius: 12px;padding: 0px 20px;box-shadow: 0px 2px 4px 1px rgb(0 0 0 / 13%);margin-bottom: 25px;}
.job-card:hover {background-color: #fff5f5;}
.job-card .job-title {font-size: 20px;color: var(--text-dark);}
.job-card .badge {background-color: #ffe8e7;color: var(--primary);font-weight: 400;font-size: 12px;}
.job-card .job-req span i {color: var(--primary-light);}
.job-card .job-req span {font-size: 12px;color: var(--text-primary-80);}

.job-details .heading {font-size: 24px;font-weight: 600;color: var(--text-dark);}
.job-details p{font-size: 16px;color: var(--text-primary-80);}
.job-details ul li {position: relative;font-size: 16px;color: var(--text-primary-80);padding-left: 20px;padding-top: 4px;padding-bottom: 4px;}
.job-details ul li::after {position: absolute;content: '';width: 8px;height: 8px;border-radius: 50%;background-color: var(--primary-light);left: 0;top: 13px;}


.job-card .title {font-size: 24px;font-weight: 600;color: var(--text-dark);}
.job-card .item i{color: var(--primary-light);}
.job-card .item .job-label {text-transform: uppercase;font-size: 12px;}
.job-card .item .job-value {color: #000;line-height: 15px;font-size: 14px;}

.services__media img {
    height: 100%;
    object-fit: cover;
}
.services__media {
    height: 700px;
}
.services__stats-btn {
    position: absolute;
    bottom: 20px;
    left: 0;
    right: 0;
    width: calc(100% - 30px);
    margin: 0 auto;
}
.resources__card .img-card img {width: 100%; height: 260px; object-fit: cover;}
.blog-details-wrapper {margin-top: 80px;}
.resources__card .img-card {border-radius: 16px;}
.widget.how-deliver-img {
    height: 800px;
}
.widget.how-deliver-img img {
    height: 100%;
    object-fit: cover;
}
.banner-video-wrapper .banner-content {
    position: absolute;
    top: 50%;
    
    max-width: 900px;
    text-align: center;
    left: 0;
    right: 0;
    margin: 0 auto;
    padding: 40px 40px;
    transform: translateY(-30%);
}
.banner-video-wrapper .banner-content .heading {
    font-size: 60px;
    color: #fff;
}

.overlay {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #00000082;
    z-index: -1;
}
.careers-details-wrapper {
    margin-top: 80px;
}
/*#################################################################*/
/*################___________MEDIAQUERIES____________##############*/
/*#################################################################*/

@media screen and (min-width: 1900px) {
}
 
@media screen and (min-width: 1600px) {

}
  
@media screen and (max-width: 1200px) {
    .all-brands-logo {grid-template-columns: repeat(6, 1fr);}

} 
@media (min-width: 992px){
  .site-header .dropdown-menu{display: block; visibility: hidden; opacity: 0; padding: 0; overflow: hidden; transition: all 400ms ease-in-out; -moz-transition: all 400ms ease-in-out; -webkit-transition: all 400ms ease-in-out; -ms-transition: all 400ms ease-in-out; -o-transition: all 400ms ease-in-out; top:120%;  border: 1px solid rgba(120,130,140,.13);border-radius: 0; box-shadow: 0 3px 12px rgba(0,0,0,.05)!important;-webkit-box-shadow: 0!important;-moz-box-shadow: 0!important; margin-top: -1px;}
  .mt-md-150{margin-top: 150px !important;}
  .mt-md-80{margin-top: 80px !important;}
  .mt-md-50{margin-top: 50px !important;}
  .mb-md-60{margin-bottom: 60px !important;}
  
} 

@media (min-width: 767px) {

}

@media (max-width: 1439.98px) {  
 
}

@media (max-width: 1199.98px) {
 
}

@media (max-width: 991.98px) {.site-header .navbar-toggler{display: flex;}}

@media (max-width: 991px){
  .site-header .navbar-nav .nav-link {font-size: 14px;padding-top: 10px;padding-bottom: 10px;}
  .site-header .nav-item.active .nav-link {border-bottom: none; }
  .site-header .navbar .nav-item a {height: auto;}
  .site-header .navbar-nav {padding: 50px 0px;}
  .platforms__item {width: 25%;}
  .platforms__wrapper {justify-content: center;}
  .stats__wrapper {flex-wrap: wrap;}
  .stats__card--lg,
  .stats__card--sm {flex: 1 1 calc(50% - 10px);}
  .service-grid {grid-template-columns: repeat(2, 1fr);}
  .service-item:nth-child(2n) {border-right: none;}
  .service-item:nth-last-child(-n+2) {border-bottom: none;}
  .service-item:nth-child(3n) {border-right: 1px solid var(--primary);}
  .service-item:nth-child(2n){border-bottom: 1px solid var(--primary);}
  .service-item:last-child {border: 0;}
  .platform-grid {grid-template-columns: repeat(5, 1fr);}
    .site-header {background-color: rgb(0 0 0 / 100%);}
  .site-header .nav-item .nav-link {justify-content: center;}
  .site-header .navbar-nav.login-top a.btn {width: 100%;}
  .site-header .navbar .nav-item a{ font-size:20px;}
  .site-header .nav-item.dropdown:hover .dropdown-menu{display: none;}
  .site-header .nav-item.dropdown .dropdown-menu.show {display: block; background-color: transparent;}
    .site-header .navbar .nav-item .dropdown-menu a {margin: 0;font-size: 18px;justify-content: center; color: #fff;}
      .banner-video-wrapper .banner-content .heading {font-size: 50px;}
.site-header .navbar .nav-item .dropdown-toggle::after {right: 0;position: absolute;}
.site-header .nav-item {border-bottom: solid 1px #2a2a2a;}
}

@media (max-width: 767.98px) {
  .compare-box {flex-direction: column;}
  .box-left, .box-right {width: 100%;}
  .arrow-btn {display: none;}
  .stats-section .stats-left {display: flex;align-items: center;margin-bottom: 20px;}
  .stats-section .stat-item .number {font-size: 28px;}
  .stats-section .stat-item p {color: rgb(33 33 33 / 65%);font-size: 13px;}
  .stats-section {display: flex;justify-content: space-between;margin-top: 10px;flex-direction: column; margin-left: 0;}
  .inner-banner .inner-banner-heading{padding: 30px 0px;}
  .platform-grid {grid-template-columns: repeat(4, 1fr);}
  .all-heading {font-size: 28px;line-height: 32px;}
  .Mypadding {padding: 40px 0;}
  .platform-integrations-widget {padding: 40px 20px 30px 20px;}
  .newsletter_form .form-control{width: 100%;}
  .ready-text {width: 100%;text-align: left;}
  .testimonials__card .quote {left: 11px;}
  .services__tab-title {font-size: 20px;}
  .services__tab.active .services__tab-title {font-size: 22px;}
  .services__tab-number {font-size: 36px;}
  .services__tab-left img {width: 60px;}
  .compare-right p, .compare-left p {font-size: 14px;}
  .testimonials__card .client-message {font-size: 16px;line-height: 24px;}
  .testimonials__client--details {flex-direction: column;align-items: flex-start;}
  .testimonials__client--name .name{margin-top: 15px; margin-bottom: 0px !important;}
  .newsletter_title {font-size: 24px;}
  .inner-banner {min-height: 300px;}
  .contact-left, .contact-form {border-radius: 16px;margin-top: 20px;}
  .swiper-button-next, .swiper-button-prev{display: none;}
}
@media (max-width: 600px) {
  .platform-grid {grid-template-columns: repeat(3, 1fr);}
.timeline-left {display: none;}
.banner-video-wrapper .banner-content .heading {font-size: 40px;
}
}

@media (max-width: 576.98px) {
  .platforms__item {width: 38%;}
  .stats__card--lg,
  .stats__card--sm {flex: 1 1 100%;}
  .service-grid {grid-template-columns: 1fr;}
  .service-item {border-right: none;}
  .service-item:last-child {border-bottom: none;}
  .service-item:nth-child(3n) {border-right: none;}
  .integrations {grid-template-columns: repeat(1, 1fr);}
    .contact-left, .contact-form {padding: 20px;}
    .banner-video-wrapper .banner-content .heading {font-size: 32px;}

}
@media (max-width: 475px) {
  .platform-grid {grid-template-columns: repeat(2, 1fr);}
    .banner-video-wrapper .banner-content .heading {font-size: 27px;}


}