*,
*::before,
*::after { box-sizing: border-box; margin: 0;padding: 0;}

html {height: 100%;scroll-behavior: smooth; position: relative}
body { margin: 0; background: var(--background); color: var(--light-text); font-family: 'Circular Std', system-ui, -apple-system, BlinkMacSystemFont, sans-serif; line-height: 1.7; position: relative; --bs-body-font-family: 'Circular Std', system-ui, -apple-system, BlinkMacSystemFont, sans-serif}


/******** Typography ***********/
/* Headings */
.head-xl, .head-lg, .head-md {font-family: 'Circular Std', sans-serif;}
.head-xl, .head-md, .head-sm-2 {font-weight: bold;}
.head-xl {font-size: 90px;line-height: 1;margin-bottom: 50px;color: var(--dark-text);}
.head-2xl{font-size: 90px; line-height: 1;margin-bottom: 50px;color: var(--dark-text); font-weight: bold;}
.head-md {font-size: 50px;color: var(--dark-text);margin-bottom: 10px;line-height: 1.3; font-weight: 700;}
.head-sm {font-size: 35px;margin-bottom: 15px;color: var(--dark-text);font-weight: bold;line-height: 1.3;}
.head-xs{font-size: 22px;margin-bottom: 10px;line-height: 1.3;}
.head-sm-2 {font-size: 24px;color: var(--dark-text);margin-bottom: 20px;line-height: 1.4;}
.sub-head{font-size: 22px;}
.sub-head-2 {font-size: 20px; color: var(--light-text); p{font-size: inherit;}}
.head-md-2 {font-size: 40px;margin-bottom: 20px; color: var(--black-2);}
.head-xl-3{font-size: 65px; line-height: 1.1; font-weight: bold; color: var(--dark-text);}
.head-xs-2{font-size: 16px; font-weight: 600; color: #080808;}

.small-hd{font-size: 18px;letter-spacing: 2.99px;margin-bottom: 10px;}


p{font-size: 16px;letter-spacing: 0.41px;}

.text-md{font-size: 18px;}
.text-xxs{font-size: 14px;}


/* Font-weights */
.bolder {font-weight: 800 !important;}
.f-light {font-weight: 300;}
.f-bold{font-weight: bold;}
.f-semi{font-weight: 600;}
.fw-normal{font-weight: 400 !important;}
.fw-bold {font-weight: 600 !important;}

/* Font colors */
.theme-txt{color: var(--primary);}
.dark-txt {color: var(--dark-text);}
.text-black {color: var(--text-black);}
/* .light-txt {color: #BFBFBF;} Need to verify */
.theme-btn.sub-head-2{color:var(--white);}

/******** Typography ***********/


/***************Layouts***************/
/* Containers */
.inner-container {margin: 0 auto;padding: 0 15px;width: 100%;}
.inner-container {max-width: 100%;width: 92%;}
.md-container {max-width: 100%;width: 79%;}
.sm-container {max-width: 100%;width: 1000px;}
.main-wrapper{min-height: calc(100vh - 475px);}
.main-wrapper{padding-top: var(--headerHeight);}
/* Paddings */
.sec-pd {padding: 60px 0;}
.sec-pd-sm {padding: 50px 0;}

/***************Layouts***************/


/* Button */
a, .theme-btn, .theme-box {-webkit-transition: 0.3s ease;-moz-transition: 0.3s ease;-ms-transition: 0.3s ease;-o-transition: 0.3s ease;transition: 0.3s ease;}
.theme-btn{display: inline-block;border: 1px solid;white-space: nowrap;cursor: pointer;background-color: var(--primary);color: var(--white);min-width: 217px;text-align: center;text-transform: uppercase;font-weight: bold;padding: 16px 40px;box-shadow: 0 9px 25px 0 rgba(2, 99, 93, 0.26);position: relative; z-index: 1; font-size: 18px;}
.theme-btn:after {width: 100%;height: 0;top: 0;left: 0;background: var(--dark-text); content: '';position: absolute;z-index: -1;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;transition: all 0.3s;}
.theme-btn span {color: var(--white);z-index: 2;position: relative;}
.theme-btn:hover, .theme-btn.active{color: var(--white);}
.theme-btn .fa-angle-right {position: relative;z-index: 2;}
.theme-btn.alter {background-color: transparent;}
.theme-btn.alter-2 {background-color: var(--white);color: var(--primary);border:1px solid var(--primary);box-shadow: 0 0;}
.theme-btn.alter-2:after{background: var(--dark-text);}
.theme-btn.alter-2 span{color: var(--primary);}
.theme-btn.alter-2:hover span{color: var(--white);}
.theme-btn.alter-2:hover{border:1px solid var(--primary);}
.theme-btn .btn-icon{color: inherit; display: inline-block; transition: transform ease-in-out .3s;}
.theme-btn .btn-icon svg path{fill: currentColor; stroke: currentColor; transition: fill ease-in-out .3s;}
.theme-btn.sm.border-btn{background: transparent;}
.theme-btn.sm.border-btn span{color: var(--text-black);}
.theme-btn.sm.border-btn:hover span{color: var(--white);}
.head-btn span:first-child{display: inline-block; color: #6d6d6d; padding-right: 5px; margin-bottom: -2px; font-size: x-large; vertical-align: middle; transition: transform ease-in-out .3s;}
.head-btn:hover span:first-child{color: var(--primary); transform: scale(1.1) rotate(25deg);}
.head-btn span:last-child{text-decoration: underline; text-underline-offset: 3px;}
.theme-border-1{border: 1px solid var(--primary); box-shadow: unset;}
.theme-btn:hover:after, .theme-btn:active:after {height: 100%;}

.z-2 {z-index: 2;}

/* Theme Inputs */
.theme-input {border: 1px solid #dedede;height: 57px;border-radius: 0;}
.theme-input:focus{box-shadow: 0 0;border-color: var(--primary);}
.theme-textarea.form-control{height: 130px;}

/* Site Background */
.bg-dark-theme{background-color: var(--black-2); color: #C1C1C1;}
.pink{color: var(--white);background-color: var(--primary);}
.bg-lightblue,.light{background: var(--bg-light); background-color: var(--bg-light);}
.bg-matedark, .dark{background: var(--black-2); color: var(--white);}
.bg-lightyellow{background: #F8F7F2; background-color: #F8F7F2 !important;}
.block-quote.dark {background: rgba(255, 255, 255, 0.10) !important; color: var(--white); border-color: var(--white);}


/* Flex related changes */
.g-1{gap: 1rem;}
.g-2{gap: 1.6rem;}
.md-row{margin: 0 -10px;}
.md-row > .col, .md-row>div[class*=col-]{padding: 0 10px;}
.lg-row {margin: 0 -30px;}
.lg-row > .col, .lg-row>div[class*=col-] {padding: 0 30px;}
.full-vh{height: 100vh;}


/********************** header css here **********************/
.site-header {padding: 15px 0;transition: 0.4s ease;background: var(--white);}
.site-header .navbar-brand img {max-height: 54px;}
.home_page_header{background: transparent;}
.site-header .darklogo{opacity: 0;visibility: hidden;width: 0;}
.my-nav-links li {margin-right: 65px;}
.my-nav-links >li>a {padding-top: 7px;padding-bottom: 7px;display: inline-block;}
.my-nav-links a {color: var(--dark-text);font-weight: 400;font-size: 15px;text-transform: uppercase;}
.my-nav-links li.active > a, .my-nav-links a:hover {color: var(--primary);}
.my-nav-links li:has(.sub-menu li.active)> a {color: var(--primary);}
.icon-bar {width: 22px;height: 2px;background-color: var(--dark-text);display: block;transition:0.2s ease;margin-top: 4px;border-radius: 10px;}
.navbar-toggler {border: none;background: transparent;margin: 0 0 0 15px;padding: 0;vertical-align: middle;}
.tp-bar {transform:rotate(45deg);transform-origin:10% 10%;}
.bottom-bar {transform:rotate(-45deg);transform-origin:10% 90%;}
.darkHeader {background: var(--white);box-shadow: 0 0 5px 0 var(--text-black);}
body.dark .darkHeader {box-shadow: 0 0 5px 0 rgba(255, 255, 255, 0.23);}
.darkHeader .darklogo{opacity: 1;visibility: visible;width: auto;}
.darkHeader .whitelogo{opacity: 0; visibility: hidden;width: 0;}
.closebtn{width: 32px;height: 32px;display: inline-block;position: relative;}
.closebtn:before, .closebtn:after {position: absolute;left: 15px;content: ' ';height: 33px;width: 2px;background-color: var(--white);}
.closebtn:before {transform: rotate(45deg);}
.closebtn:after {transform: rotate(-45deg);}
.mobile-header, .nav-bottom{display: none;}
.darkHeader .icon-bar{background: var(--dark-text);}
.phone-icon {font-size: 25px;color: var(--dark-text);line-height: 18px;display: inline-block;margin-top: 10px;}
.darkHeader  .phone-icon {color: var(--dark-text);}

.my-nav-links .menu-item {position: relative;}
.my-nav-links .sub-menu {position: absolute;top: 61px; left:0px; min-width: 150px;padding: 8px 0;background-color: var(--white);box-shadow: 0 3px 65px rgb(0 0 0 / 14%);pointer-events: none;opacity: 0;transition: 0.3s ease;}
.my-nav-links .sub-menu a {padding: 10px 15px 9px;display: block;white-space: nowrap;}
.my-nav-links .sub-menu .menu-item {margin-right: 0 !important;margin-left: 0 !important;}
/* .my-nav-links .sub-menu a:hover {background-color: #f7f7f7;}  */

body.dark:not(.page-template-ui-ux-template)  { background: #121212; color: #B1B1B1;}
body.dark:not(.page-template-ui-ux-template) .site-header {background: #121212;}
body.dark:not(.page-template-ui-ux-template) .sec-info p{font-size: inherit;}
body.dark .my-nav-links a{color: var(--white);}
body.dark .my-nav-links a:hover{color: var(--primary);}
body.dark .my-nav-links .sub-menu a:hover {background-color: var(--text-black);}
body.dark .my-nav-links .sub-menu:after {background-color: var(--black-2);}
body.dark .my-nav-links .sub-menu{background-color: var(--black-2);}
body.dark .faq-wrapper{background: var(--white); color: var(--text-black);}
.menu-toggle-btn {display: none;}
.my-nav-links .menu-item-has-children:hover > .sub-menu {opacity: 1;pointer-events: auto;}
.mega-menu.menu-item-has-children:hover > .sub-menu {transform: translateX(-50%) scaleY(1); opacity: 1;pointer-events: auto;}

/* Sunaina */
.mega-menu .sub-menu {position:fixed; top:var(--headerHeight);  left: 50%;transform: translateX(-50%) scaleY(0);transform-origin: top; display: flex;flex-wrap: wrap; min-width: 60vw; padding: 75px 25px 30px 40px; transition: transform ease-in-out 0.3s; line-height: 1.4; opacity: 0;}
.menu-item-has-children::after{content: '';position: absolute;top: 100%;left: 50%;transform: translateX(-50%);height: 40px;width: 150px;}
.site-header .mega-menu .sub-menu .menu-item{width: 33.3%; display: flex;}
.sub-menu > li.menu-item >a{text-transform: capitalize; position: relative; padding-right:40px;}
.sub-menu-head {position: absolute;color: rgb(61 61 61 / 50%); font-weight: 600; top: 30px;border-bottom: 1px solid rgba(0, 0, 0, 0.1); width: calc(100% - 80px);font-size: 13px;text-transform: uppercase;left: 50%;transform: translatex(-50%);padding-bottom: 10px;}
.mega-menu .sub-menu a {background:#FCFCFC; margin: 5px 10px;color: rgba(85, 85, 85, 1); font-weight: 500; padding:10px; border-radius: 5px;white-space: wrap; border: 1px solid #F3F3F3;margin-left: 0px;width:100%; display: flex; align-items: center;min-height: 60px;}
.mega-menu .sub-menu  a:hover{border: 1px solid var(--primary); background:#FCFCFC;color: var(--primary);}
.mega-menu .sub-menu .menu-item a::after {content: "";border: 1px solid rgba(0, 0, 0, 20%); border-width: 0 2px 2px 0;display: inline-block; padding: 3px;  position: absolute;top: 50%;transform: translatey(-50%) rotate(-45deg); right: 20px;}
.mega-menu .sub-menu .menu-item a:hover::after{border-color: var(--primary);} 
.mega-menu .sub-menu li.active a::after { border-color:  var(--primary);}
.mega-menu .sub-menu li.active  a {border: 1px solid var(--primary);}
.mega-menu .sub-menu:after { background-color: unset;}

/*End*/

.navbar-toggler .line {fill: none !important;stroke: var(--text-black);stroke-width: 8;stroke-linecap: round;transition: stroke-dasharray 600ms cubic-bezier(0.4, 0, 0.2, 1), stroke-dashoffset 600ms cubic-bezier(0.4, 0, 0.2, 1);}
.navbar-toggler .line1 {stroke-dasharray: 60 207;stroke-width: 8;}
.navbar-toggler .line2 {stroke-dasharray: 60 60;stroke-width: 8;}
.navbar-toggler .line3 {stroke-dasharray: 60 207;stroke-width: 8;}

.navbar-toggler.open {z-index: 9;}
.navbar-toggler.open .line {fill: none;stroke: var(--white);}
.navbar-toggler.open .line1 {stroke-dasharray: 90 207;stroke-dashoffset: -134;stroke-width: 7;}
.navbar-toggler.open .line2 {stroke-dasharray: 1 60;stroke-dashoffset: -30;stroke-width: 8;}
.navbar-toggler.open .line3 {stroke-dasharray: 90 207;stroke-dashoffset: -134;stroke-width: 8;}

/********************** header css here **********************/


/* New Banner section */
.slider-data {min-height: 180px;}
/* .banner-sec was replaced by the unified .hero component (see below). */
.sec-bg-img{position: absolute; z-index: -2; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; height: 100% !important; object-fit: cover; object-position: center; opacity: 70%; }
 .page-template-landing-premium{
  .hero__inner { display: flex; min-height: 75dvh;
    .hero__content{max-width: unset;
    .widget-container{max-width: unset;}
  }
  }
 }

.page-template-landing-premium{
.card-list-sec ,.blog-list , .spotlight-sec ,.cta-sec {
  .banner-btns{ 
    .arrow-link {  background: transparent; border: 0; box-shadow: none; padding: 0; min-width: unset;
      &::after {background: transparent;height: 0 !important;}
      .btn-icon {color: var(--primary);}
     }
  }
 }
} 
.page-template-landing-premium ,.page-template-portfolio{
  :not(.hero__content) {
    .banner-btns {
      .arrow-link {
        background: transparent;
        border: 0;
        box-shadow: none;

        &::after {
          background: transparent;
          height: 0 !important;
        }

        .btn-icon {
          color: var(--primary);
        }
      }
    }
  }
}

/* ──────────────────────────────────────────────────────────────────────────
   Hero / banner component  (templates/partials/hero.php)
   One layout for every hero. Flex column: the body is centred in the available
   space and the client-logo slider is anchored at the bottom. Short content →
   the section stays exactly one viewport tall with logos near the bottom; more
   content → it grows past the viewport with no overlap, clipping or excess
   whitespace. The fixed header is cleared with padding (not a negative-margin
   hack), and the shared SVG grid scales identically via background-size:cover.
   ────────────────────────────────────────────────────────────────────────── */
.hero { position: relative; min-height: 100vh;            /* fallback for browsers without dvh */ min-height: 100dvh;           /* dynamic viewport — accounts for mobile UI bars */width: 100%;display: flex;flex-direction: column;padding-top: var(--headerHeight, 80px);background-color: var(--white);background-repeat: no-repeat;background-position: center;background-size: cover;}
/* Shared SVG grid background — consistent scaling across every page. */
.hero--pattern { background-image: url('../images/perspective-wireframe-grid.svg'); }
/* Optional darken overlay over the background (content stays above it). */
.hero.overlay::after { content: ""; position: absolute; inset: 0; background: var(--overlaybanner-color); z-index: 0; pointer-events: none; }
.hero.overlay .hero__inner, .hero.overlay .hero__logos { position: relative; z-index: 1; }
/* Optional media above the heading (top image / decorative graphic). */
.hero__media-top { margin-bottom: 1.5rem; }
.hero__media-top img { max-width: 100%; height: auto; }
/* Full-bleed background image inside a hero (e.g. digital-marketing). */
.hero .sec-bg-img { object-position: bottom; opacity: 0.6; filter: grayscale(100%) brightness(120%); }
/* Body region: grows to fill, centring content vertically + horizontally. */
body:not(.page-template-landing-premium) .hero__inner { flex: 1 1 auto; display: flex; flex-direction: column;justify-content: center;align-items: center;padding-top: 2rem; padding-bottom: 2rem;}
.hero__inner > .row { width: 100%; }
.hero__content { margin-bottom: 0 !important; max-width: 900px; }
.hero__content .readmore-content { max-width: 800px; }
.hero__content .widget-container { margin-top: 4vw; margin-bottom: 2.5vw; }
/* Client logos pinned to the bottom of the hero (no negative-margin overlap). */
.hero__logos { flex: 0 0 auto; width: 100%; margin-top: auto; }
.hero__logos .client-sec { margin: 0; }
/* Pin the logo strip to its final (one-row) height. Before Swiper builds, the
   logo <figure>s stack into a tall column and — though visibility:hidden — still
   reserve that height, squeezing the centred hero content to the top until the
   slider collapses. Capping the height keeps the reserved space stable (no CLS). */
.hero__logos .client-box-inner { min-height: 100px; max-height: 100px; overflow: hidden; }
.hero .horizontal-list.dark { background: none !important; color: var(--dark-text) !important; }


/* NEW */
.horizontal-list ul{list-style: none; margin-bottom: 0; display: inline-flex; flex-wrap: wrap;}
.horizontal-list li{position: relative; margin-right: 37px;}
.horizontal-list li:last-child{margin-right: 0;}
.horizontal-list li::after{content: ""; position: absolute; top: 50%; transform: translateY(-50%); width: 1px; height: 90%; right: -18px;}
.horizontal-list.dark li::after{background: rgb(0, 0, 0,35%);}
.horizontal-list li:last-child::after{display: none;}
.horizontal-list.dynamic li::after{background: var(--h-line-color);}
/* NEW */
.arrow-link ,.text-link {display:inline-block;font-weight: bold;font-size: 18px;}
.arrow-link span ,.text-link span {color:var(--dark-text);}
.arrow-link i , .text-link i {font-size:larger; -webkit-transition: all .6s cubic-bezier(.2,.59,.21,.6);-o-transition: all .6s cubic-bezier(.2,.59,.21,.6);transition: all .6s cubic-bezier(.2,.59,.21,.6);display: -webkit-inline-box;position: relative;}
.arrow-link:hover i , .text-link:hover i {-webkit-transform: translateX(6px);-ms-transform: translateX(6px);transform: translateX(6px);-webkit-transition: all .6s cubic-bezier(.2,.59,.21,.6);-o-transition: all .6s cubic-bezier(.2,.59,.21,.6);transition: all .6s cubic-bezier(.2,.59,.21,.6);}
.arrow-link:hover, .arrow-link:hover span,  .arrow-link:hover i , .text-link i:hover , .text-link:hover span , .text-link:hover i {color: var(--primary);}
.bg-theme {background: var(--primary);}
.dark-bg {background: var(--dark-text);}
.banner-content{height: 100%;padding-top: 85px;}
.slide-1, .slide-2, .slide-3, .slide-4{background-repeat:no-repeat;position: relative;background-size: cover;background-position: center;height:827px;}
.banner-slider .swiper-pagination{bottom: auto;width: auto;right: 30px;top: 50%;transform: translateY(-50%);}
.banner-slider .swiper-pagination-bullet{display: block;margin: 15px;}
.banner-slider .swiper-pagination-bullet{font-size: 14px;color: var(--white);padding:0;font-weight: 600;}
.banner-slider .swiper-pagination-bullet:before{content: none;}
.banner-slider .swiper-pagination-bullet.swiper-slide-active{margin-bottom: 60px;}
.banner-slider .swiper-pagination .swiper-slide-active:after {content: "";height: 2px;width: 40px;background: var(--primary);display: inline-block;transform: rotate(90deg);position: absolute;left: -9px;bottom: -30px;}
.banner-slider .swiper-pagination-bullet-active{color: var(--primary);}
.animate-trigger {position: absolute;bottom:-40px;height: 85px;width: 85px;border-radius: 50%;background-color: var(--white);left:0;right: 0;margin: auto;text-align: center;z-index: 2;}
.sec-info {margin-bottom: 60px;}
.wrap-sec {position: relative;padding: 30px 30px 0;background: rgba(255,255,255,0.1);border-radius: 5px;}

/********************** Home Abous sec css here **********************/
/* .about-sec .counter .data{line-height: 1.4;} */
.progress-board{padding-bottom: 90%; max-width: 95%; background: #FAFAFA; border-radius: 12px; position: relative; z-index: 0; overflow: hidden; border-radius: 12px;}
.progress-board .wrapper{position: absolute; width: 100%;height: 100%; bottom: 0;}
.progress-item{width: 100%;}
.progress-info{padding:12%;}
.progress-info .count{font-size: 28px;font-weight: 500;}
.progress-bar{width: 100%; border-radius: 12px; background-color: #f7f7f7; position: relative; margin-top: 40px; height: 100%;}
.progress-item:nth-child(1) .progress-bar {background-color: #363636; border-bottom-right-radius: 0;}
.progress-item:nth-child(2) .progress-bar {background-color: #191919;border-bottom-left-radius: 0; border-bottom-right-radius: 0;}
.progress-item:nth-child(3) .progress-bar {background-color: var(--text-black);border-bottom-left-radius: 0;}
.progress-bar::after{content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: calc(100% + 40px); border-radius: 12px; background-color: #EEECEC; transition: all 0.3s ease-in-out; z-index: -1;}
/********************** Home Abous sec css here **********************/

/********************** what we do css here **********************/
body {counter-reset: theme-box-count;}
.student-testimonial, .training-cta{background-color: var(--dark-text);}
.service-row .col, .training-row>div[class*="col"] .theme-box {position: relative;}
.service-row .col:after, .training-row>div[class*="col"] .theme-box:after {counter-increment: theme-box-count;content: "0" counter(theme-box-count);font-weight: bold;position: absolute;left: 20px;top: 0px;font-size: 60px;color: var(--text-black);opacity: 0.1;line-height: 1.4;}
.bg-lighter {background-color: #fafafa;}
.service-row{justify-content: space-between;}
.squre-card-row .col,.service-row .col {transition: 0.3s ease;flex-basis: 30%;text-align: center;padding: 45px 15px;border: 4px solid transparent;margin-bottom: 35px;box-shadow:52px 56px 99px 0 rgba(148, 148, 148, 0.23);background: var(--white);margin: 15px;border-radius: 10px;}
.theme-box .arrow-link * {color: inherit;}
.theme-box .arrow-link {color: #b2b2b2;font-size: 16px;font-weight: bold;}
.service-row .col:hover, .training-row>div[class*="col"] .theme-box:hover {transform: scale(1.05);}
.service-row .col .arrow-link, .training-row>div[class*="col"] .theme-box .arrow-link {opacity: 0;transform: translateY(20px);}
.service-row .col:hover .arrow-link, .training-row>div[class*="col"] .theme-box:hover .arrow-link {color: var(--primary);opacity: 1;transform: translateY(0);}
.service-row .col img ,.squre-card-row .col img, .training-row>div[class*="col"] .theme-box img {transition: 0.3s ease-in-out;max-height: 60px;}
.service-row .col:hover img, .training-row>div[class*="col"] .theme-box:hover img {transform: rotate(20deg);}
.theme-box .head-sm {text-transform: uppercase;font-size: 21px;}
.theme-box p {margin-bottom: 20px;}
.service-icon  {margin: 0 auto 40px auto;}
.service-icon img{width: 60px;height: 60px;}
.with-b:before {content: "";background: var(--primary);width: 50px;height: 3px;display: inline-block;vertical-align: middle;margin-right: 10px;}
.with-b.abs {position: relative;padding-left: 65px;}
.with-b.abs:before {position: absolute;top: 20px;left: 0;}
/********************** what we do css here **********************/

/********************** Certification css here **********************/
.dark-bg-img{display: inline-block; position: absolute; top: 20%; left: 0; transform: translateY(-20%); width: 100%; height: 100%; z-index: -1;}
.dark-layer{overflow: hidden; color: var(--white);}
.dark-layer::after{position: absolute; content: ""; height: 100%; width: 100%; top: 0; left: 0; background: rgba(0, 0, 0, 0.8); z-index: -1;}
.brand-wrapper{margin-top: 60px;}
.certification-row img{min-width: 100px;}
/********************** Certification css here **********************/

/********************** FAQ css here **********************/
/* .faq-wrapper{padding: 40px 50px; border-radius: 10px; box-shadow: 0px 4.58px 22.91px 0px rgba(0, 0, 0, 0.21);} */
.faq-wrapper .acc {min-height: 50px; max-width: 95%; padding-bottom: 25px; margin: 0 auto; margin-bottom: 20px;border-bottom: 1px solid rgba(0, 0, 0, 0.05);}
.faq-accordion .toggle-icon i{font-weight: bold;}
.faq-accordion .acc-head div.d-flex{gap: 20px;}
.faq-accordion .acc-head , .progress-steps-wrapper .acc-head {cursor: pointer;}
.acc-head h3{font-size: 18px; color: var(--dark-text);}
.acc-head .toggle-icon i{transition: transform ease-in-out .3s;}
.acc-head.active .toggle-icon i{transform:rotate(180deg); transform-origin: center;}
.faq-accordion .acc-content{padding-top: 15px; z-index: 1; width: 100%;}
.faq-accordion .acc:last-child, .our-process-sec .acc:last-child .acc-content{border-bottom: none; margin-bottom: 0; padding-bottom: 0;}
/********************** FAQ css here **********************/

/********************** client css here **********************/
/* .client-box-inner{position: relative; background: transparent;padding: 10px 0; min-height: 100px; transition: all 0.3s ease-in-out; visibility: hidden; opacity: 0;}
.client-box-inner::after , .client-box-inner::before{width: 10%; height: 100%; content: ""; position: absolute; top: 0; z-index: 99;}
.client-box-inner::after{left: 0;background: linear-gradient(90deg,var(--white) 20%, rgba(255, 255, 255, 0));}
.client-box-inner::before{right: 0;background: linear-gradient(90deg,rgba(255, 255, 255, 0), var(--white) 80%);} */

.client-box-inner { position: relative; overflow: hidden;

/* Fade the content instead of placing a white overlay */
  -webkit-mask-image: linear-gradient(  to right,   transparent 0%,   #000 8%,  #000 92%, transparent 100%);
    mask-image: linear-gradient(  to right, transparent 0%, #000 8%, #000 92%, transparent 100% );
}

.steps-sec .head-sm{font-size: 20px;}
.count-box .count{font-size: 90px; opacity: 0.07;}
.logo-slide-wrap {text-align: center;float: none;height: auto;padding:10px;margin: 0 10px;}
.logo-slide-wrap img { max-height:50px;width: auto;margin: auto;filter: grayscale(1);transition: 0.3s ease;height: auto;max-width: 100%;}
.logo-slide-wrap:hover img {filter: none;}
.page-template-home2-template .logo-slide-wrap img, .color_theme .logo-slide-wrap img{filter:none;}
.logo-slider .swiper-wrapper {display: -webkit-flex;display: -ms-flex;display: flex;align-items: center;}
/* Swiper (logo marquee): vertical-center logos; spacing via spaceBetween, so
   drop the slide's own horizontal margin to avoid width overflow. */
.logo-slider .swiper-wrapper {align-items: center;}
.logo-slider .swiper-slide.logo-slide-wrap {margin-left: 0; margin-right: 0;}
/* Continuous marquee: constant-velocity scroll (no per-slide ease stutter). */
.logo-slider .swiper-wrapper, .text-slider .swiper-wrapper, .services-slider .swiper-wrapper {transition-timing-function: linear !important;}
.services-slider .swiper-slide {width: auto;}
/* Work slider (center-mode): emulate Slick centerPadding 22% via slide width so
   the active slide centres with neighbours peeking; ~3% peek on mobile. */
.work-slider .swiper-slide {width: 56%;}
@media (max-width: 575px) { .work-slider .swiper-slide {width: 94%;} }
/********************** client css here **********************/

/********************** case css here **********************/
.case-box {padding: 100px 65px;color: var(--white);}
.case-box.theme {background-color: var(--primary);margin-right: -43px;z-index: 1;position: relative;}
.case-box .head-sm {color: var(--white);}
.case-box p {margin-bottom: 30px;}
.case-box.grey {background-color: var(--dark-text);margin-left: -57px;}
.img.right {margin-top: -98px;}
.row-pd{padding: 6rem 0 4rem;}
.img img{max-width: 100%;height: auto;}
/********************** case css here **********************/
/********************** testimonial css here **********************/
.slide {padding: 0 25px;}
.slider-card {padding: 0 20px;}
.testimonial-info .fa-slider-data{color: #fac917;gap: 3px;}
.slider-card .user-img {margin-right: 20px;background: #ccc;width: 50px;height: 50px;border-radius: 50%;display: inline-block;flex-shrink: 0;overflow: visible;;}
.user-img img {max-width: 100%;max-height: 100%;object-fit: cover;border-radius: 50%;}
.slider-data::before {content: '';display: inline-block;background: url('../icons/testimonial_quote.svg') no-repeat center center;background-size: contain;width: 35px;height: 30px;margin: 0 -18px 24px;vertical-align: middle;}
.slider-data .head-sm-2{line-height: 1.6;}

.user-name{font-size: 18px; font-weight: 500;}
.testimonial-slider .swiper-slide {height: auto;}
.slider-card .user-img {position: relative;z-index: 1;}
.testimonial-sec .slider-btn-wrapper{display: flex;}
.slider-btn-wrapper .circle-border-btn{font-size: unset; width: 50px; height: 50px; display: inline-flex; align-items: center; justify-content: center; border-radius: 50%; background: transparent; transition: all 0.3s ease; border: 1px solid #D4D4D4;}
.circle-border-btn:hover{box-shadow: 0 4px 4px 0px rgba(0, 0, 0, 0.25);}
/********************** testimonial css here **********************/
/********************** explore css here **********************/
.explore-bg{background:url('../../images/explore-bg.webp') no-repeat;position: relative;background-size: cover;}
.head-xl-2 {font-size: 80px;color: var(--white);line-height: 1;font-weight: bold;}
.minus-m{margin-top: -80px;}
.explore-data p {color: var(--white);margin: 25px 0;}
.explore-data{padding: 50px 0;}
/********************** explore css here **********************/

/********************** choose css here **********************/
.light-pattern-bg{background: url(../../images/light-pattern-bg.webp) no-repeat;background-size: cover;}
.choose-box {padding: 30px;margin-bottom: 30px;box-shadow: 3px 59px 95px 0 rgba(0, 0, 0, 0.15);background: var(--white);height: calc(100% - 30px);}
.page-template-qa-service-template .choose-box {box-shadow: 0 10px 50px 0 rgba(0, 0, 0, 0.05);}
.choose-box .head-sm {font-size: 20px;}
.choose-box .icon, .card-list-sec .icon {width: 50px;margin-right: 20px;margin-bottom: 15px;}
.choose-box .icon, .card-list-sec .icon img {max-width: 100%;height: auto;}
.card-list-sec{padding-bottom: 40px;}

/********************** choose css here **********************/
/********************** talk css here **********************/
#talk-sec { scroll-margin-top: 100px;}
.talk-sec{background: url('../images/home_cta_bg.png') no-repeat; background-size: cover;}
.talk-sec a {font-weight: 400;font-size: 18px;}
.talk-sec a i{font-size: 23px;}
.talk-sec .border-ip{background: transparent;padding: 10px 0;border: none;border-bottom: 1px solid rgba(0, 0, 0, 0.15);border-radius: 0;font-size: 16px;height: 45px;}
.talk-sec .form-control:focus{outline: none;box-shadow: 0 0;}
.talk-sec .form-group{margin-bottom: 40px;}
.talk-sec textarea.border-ip {height: 100px;resize: none;}
.talk-sec .wpcf7 .ajax-loader, .contact-sec .wpcf7 .ajax-loader{vertical-align:middle;}
.talk-sec .head-md {position: relative;z-index: 1;}
.talk-sec .text-white {color: var(--dark-text) !important;}
.gm-style .gm-style-iw-c {background: var(--primary) !important;color: var(--white) !important;}
.gm-style .gm-style-iw-c .gm-style-iw-d {overflow: auto;}
/********************** talk css here **********************/

/********************** footer  css here **********************/
.site-footer {background-color: #0a0a0a;color: var(--white);font-size: 0.9rem;}
body.dark .site-footer{background-color: unset; background: linear-gradient(0deg, var(--text-black), rgba(0, 0, 0, 0));}
.site-footer a, .site-footer p {color: #a0a0a0 !important;font-size: 16px;}
.site-footer .text {color: #a0a0a0;}
.site-footer a:hover {color: var(--primary);}
.site-footer .head-sm-2 {color: var(--white);}
.ftr-list li {margin-bottom: 10px;}
.footer-inline-row {margin-top: 25px;}
.footer-inline-row li {position: relative;margin-right: 15px;padding-right: 15px;position: relative;list-style: none;
display: inline-block;}
.footer-inline-row li:last-child {margin-right: 0;padding-right: 0;}
.footer-inline-row li:last-child:after {display: none;}
.footer-inline-row li:after {content: '';position: absolute;right: 0;top: 50%;height: 12px;transform: translateY(-50%);width: 1px;background-color: #a0a0a0;opacity: 0.3;}
.footer-r-sec {padding-top: 34px;padding-left: 90px;}
.chat-sec{font-weight: bold;position: absolute;bottom: -31px;right: 0;text-align: center;-webkit-animation: pulse 2s infinite;animation: pulse 2s infinite;}
.footer-r-sec h2 {font-size: 24px;font-weight: bold;margin-bottom: 20px;}
.footer-r-sec li.widget {list-style: none;}
.footer-inline-row > li, .footer-inline-row ul {margin-bottom: 0;}
.grecaptcha-badge { visibility: visible;}
.footer-r-sec #text-4 .row {margin: 0;}
.footer-r-sec li {margin-bottom: 5px;}
.footer-r-sec li .sub-menu {margin-top: 5px;}
/********************** footer  css here **********************/

/********************** about page css here **********************/
.num-sec{background: url(../../images/path.svg) no-repeat center 50px;padding: 200px 0 50px;}
.num-sec .head-xl{font-size: 90px;line-height: 1.22;font-weight: 800;margin-bottom: 30px;}
.num-box:after{content: "";position: absolute;right: 0;height: 60px;width: 1px;background: #dee2e6;display: inline-block;top: 50%;transform: translateY(-50%);}
.num-box.br-none:after{content:none;}
.num-ratio {font-size: 47px;font-weight: bold;line-height: 1.47;color: var(--dark-text);}
.num-box p {color: #959595;font-size: 14px;text-transform: uppercase;font-weight: 600;}
.num-box {position: relative;z-index: 1;}
.num-box:before {content: '';position: absolute;opacity: 0;transform: scale(0);border-radius: 15px;background: var(--white);height: 100%;width: 100%;top: 0;left: 0;z-index: -1;box-shadow: 0 0 25px rgba(0,0,0,0.1);transition: 0.3s ease;}
.num-box:hover::before {opacity: 1;transform: scale(1.05);}
.num-box:hover::after {opacity: 0;}
.icon-box {display: inline-block;text-align: right;flex-shrink: 0;width: 60px}
.icon-box:before {content: "";background: #fdf0f5;opacity: 0.6;width: 49px;height: 49px;border-radius: 50%;display: inline-block;position: absolute;left: 0;top: 0;z-index: -1;}
.year-box {position: absolute;top: 50%;left: -60px;width: 213px;height: 222px;background: var(--primary);color: var(--white);text-align: center;transform: translateY(-50%);box-shadow: 0 0 0px 30px var(--white);}
.year-num {font-size: 53px;line-height: 1.15;font-weight: bold;}
.year-box p{font-weight: 600;line-height: 1.5;}
.video-bg-sec{background: url('../../images/video-bg.jpg') no-repeat center;height: 665px;background-size: cover;}
.play-icon {position: absolute;top: 50%;left: 50%;transform: translate(-50% , -50%);color: var(--white);width: 150px;height: 150px;border: 1px solid #7c7c7c;text-align: center;border-radius: 50%;padding: 15px;display: none;}
.play-icon i {width: 120px;height: 120px;line-height: 120px;border-radius: 50%;background: rgba(124, 124, 124, 0.64);font-size: 20px;}
.do-it {max-width: 545px;position: absolute;bottom: 50px;padding: 40px 25px;color: var(--white);background: rgba(104, 0, 40, 0.77);z-index: 4;margin: 10px;}
.tab-link {border-left: 3px solid #ddd;margin-top: 25px;}
.tab-link .nav-link {color: var(--dark-text);font-weight: 500;padding: 10px 0;transition: 0.4s ease;position: relative;padding-left: 15px;}
.tab-link .nav-link:hover, .tab-link .nav-link.active{color: var(--primary);transition: 0.4s ease;}
.tab-link .nav-link:before {content: "";background: var(--light-text);box-shadow: 0 0 0 5px rgba(0,0,0,0.1);transform: translateY(-50%);position: absolute;left: -8px;top: 50%;height: 12px;flex-shrink: 0;width: 12px;border: 3px solid var(--white);border-radius: 50%;display: inline-block;vertical-align: middle;margin-right: 10px;transition: 0.4s ease;}
.tab-link .nav-link:hover:before, .tab-link .nav-link.active:before{background: var(--primary);transition: 0.4s ease;box-shadow: 0 0 0 5px rgb(216 11 90 / 10%);}
.who-we-sec .tab-content{max-width: 600px;}
.innovation_services {display: -webkit-flex;display: -ms-flexbox;display: flex;width: 100%;height: 515px;white-space: nowrap;overflow: hidden;transition: opacity .3s ease .2s;-webkit-transition: opacity .3s ease .2s;position: relative;z-index: 0;}
.industries_box {transform: translate3d(0, 0, 0) scale(1);-webkit-transform: translate3d(0, 0, 0) scale(1);position: relative;display: inline-block;width: 20vw;line-height: 0;overflow: hidden;white-space: normal;background-color: var(--text-black);transition-property: opacity, -webkit-transform;transition-property: transform, opacity;transition-property: transform, opacity, -webkit-transform;transition-duration: .45s;transition-delay: 0s;transition-timing-function: cubic-bezier(.5, 0, .1, 1);transition: all .6s ease-in-out;-webkit-transition: all .6s ease-in-out;-moz-transition: all .6s ease-in-out;-o-transition: all .6s ease-in-out;}
.industries_box:hover {width: 26vw;z-index: 2;opacity: 1;}
.industries_box_img {position: relative;display: inline-block;pointer-events: none;width: 25vw;overflow: hidden;cursor: inherit;white-space: normal;background-color: var(--text-black);transition-property: opacity, -webkit-transform;transition-property: transform, opacity;transition-property: transform, opacity, -webkit-transform;transition-duration: .45s;transition-delay: 0s;opacity: .7;transition: opacity .3s ease-out;transition: all .6s ease-in-out;-webkit-transition: all .6s ease-in-out;-moz-transition: all .6s ease-in-out;-o-transition: all .6s ease-in-out;filter: grayscale(100%);-webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);-o-filter: grayscale(100%);}
.innovation_services .industries_box:hover .industries_box_img {filter: grayscale(0);-webkit-filter: grayscale(0);-moz-filter: grayscale(0);-o-filter: grayscale(0);}
.industries_box_img img {width: 100%;height: 100%;object-fit: cover;}
.industries_box_cont {width: 100%;position: absolute;top: 50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);left: 0;right: 0;text-align: center;}
.industries_box_cont h3 {color: var(--white);font-size: 29px;font-weight: 500;}
.check-list li {position: relative;padding-left: 40px;margin: 18px 0;font-weight: 600;font-size: 17px;}
.round-check{width: 30px;height: 30px;border-radius: 50%;background: #f8f4ee;display: inline-block;margin-right: 10px;position: absolute;left: 0;top: 2px;text-align: center;}
.round-check:before {display: inline-block;transform: rotate(45deg);height: 13px;width: 8px;border-bottom: 3px solid var(--primary);border-right: 3px solid var(--primary);content: "";position: absolute;left: 11px;top: 7px;}
.round-check:after {content: '';position: absolute;left: -5px;height: 100%;width: 100%;top: -5px;background: var(--primary);opacity: 0.3;z-index: -1;border-radius: 50%;}
.team-box:hover{background: var(--white);box-shadow: 0 6px 68px 0 rgba(0, 0, 0, 0.1);transition: 0.4s ease;}
.team-box p{color: #949494;}
.team-box:hover h3{color: var(--primary);}
.team-box:hover p{color: var(--dark-text);}
.team-box img{object-fit: cover;width: 100%;}
.lets-talk-sec{background: linear-gradient(261deg, var(--dark-text) 104%, #c2004b -58%);}
.blog-box{margin: 30px;overflow: hidden;position: relative;    height: 445px;}
.blog-detail {position: absolute;bottom: -135px;background: var(--white);width: 100%;left: 50%;padding: 13px;max-width: 547px;margin: 0 auto;transform: translateX(-50%);border-top:3px solid var(--primary);}
.blog-detail span{font-size: 14px;}
.blog-detail a, .blog-detail:hover{color: var(--primary);}
/* Sunaina */
 .blog-detail-page {
  code {color:var(--dark-text);background:var(--bg-light);border: 1px solid var(--bg-light); font-size: 16px; border-radius: 10px; padding: 20px; margin: 5px 0; margin-top: 15px; border-left: 3px solid var(--light-text);border-radius: 10px; font-family: 'Courier New', Courier, monospace;display: block; line-height: 2; white-space:break-spaces;}
  li>code{display: inline-block; border: unset; border-radius: 5px;  padding: 0px 5px;margin: 2px;}
  code.warning{ background:#d8901b10;color: var(--dark-text); border: 1px solid  #d8cbcc;border-left: 3px solid #f49500;}
  h2 {font-size: 36px; margin: 15px 0;  font-weight: 500;}
 }
 /* CTA-BLOG -SUNAINA */
 .cta-blog{text-align:center; padding: 50px 90px; margin:15px 0;line-height:1.8; }
 .cta-blog.dark .theme-btn{border:1px solid transparent;}
 .cta-blog.dark .theme-btn:hover{border:1px solid white;}
.cta-blog.dark h2,.cta-blog.pink h2{color: var(--white) ;}
.cta-blog .theme-btn, .case-study-sec .theme-btn{text-transform: capitalize; padding: 14px 25px;font-weight: 500; margin-top: 30px;} 
.case-study-sec .theme-btn{border: none;}

 /* END CTA_BLOG */

 /* Table of contents */
.bd_toc_wrapper .bd_toc_wrapper_item .bd_toc_content .bd_toc_content_list ul li a:hover, .bd_toc_container .bd_toc_wrapper .bd_toc_content_list_item ul li .collaps-button .toggle-icon:hover { text-decoration: none !important;}
.blog-sidebar .bd_toc_wrapper .bd_toc_wrapper_item .bd_toc_content .bd_toc_content_list ul li a {background-color: rgba(0, 0, 0, 0) !important;}
.bd_toc_container .bd_toc_wrapper .bd_toc_wrapper_item .bd_toc_header .bd_toc_header_title {font-weight:500;color: var(--dark-text) !important; font-size: 22px !important;}
.bd_toc_content_list_item ul li > a {color: var(--light-text) !important;}
.bd_toc_content_list_item ul li > a:hover {color: var(--dark-text) !important;}
li.current { background-color:unset !important;border: none!important; color: var(--dark-text) !important;}
.bd_toc_container .bd_toc_wrapper .bd_toc_content_list_item ul li.first.current.active a {color: var(--dark-text) !important;}
.bd_toc_container .bd_toc_wrapper .bd_toc_content_list_item ul {margin: 15px 0px;}
.bd_toc_container .bd_toc_wrapper .bd_toc_content_list_item ul li a {white-space: unset ;text-overflow:unset; line-height: 1.9; display: inline-flex;}
.bd_toc_content_list_item { background: var(--white);}
.bd_toc_switcher_hide_show_icon{display: none;}
/* End table of contents */

/****Trinity-audio*********/
.trinity-player-iframe-wrapper{ position: relative;}
.trinity-player-iframe-wrapper::after {content: "Powered by Techmarcos";position: absolute;bottom: 19px;left: 76px;font-size: 12px; color: var(--dark-text);background: white;padding: 0px 20px 16px 6px; line-height: 1;}
/***** End Trinity-audio******/

/* Author Section */
.auth-sec {border-top: 1px solid rgb(0 0 0 / 10%);border-bottom: 1px solid rgb(0 0 0 / 10%);margin: 35px 0 15px 0;}
.auth-sec .avtar{background: none; border: 1px solid rgba(244, 233, 233, 1);}
.blog-detail-page .auth-img .avtar { width: 50px; height: 50px; object-fit: contain;}

/*  End Author Section  */
/* Post Tags */
.post-tag {min-width: 80px;line-height: 30px;border: 1px solid rgba(216, 216, 216, 1);display: inline-block; text-align: center; border-radius: 50px;margin-right: 6px ; color: var(--dark-text);padding: 0 10px; margin-top: 5px;}
/* End post tag */
.recent-blog-slider{padding-bottom: 40px;}
.recent-blog-slider .swiper-slide{height: auto;}
.blog-box:hover .blog-detail{bottom: 60px;transition: 0.4s ease;}
.blog-box img{width: 100%;height: 100%;object-fit: cover;}
.arrow-container{max-width: 320px;text-align: center;margin: 0 auto 30px;}
.prev, .next{width: 70px;height: 70px;background: var(--white);box-shadow: 0 9px 46px 0 rgba(0, 0, 0, 0.13);color: var(--primary);opacity: 1;margin:0 20px;border:none;}
.prev i, .next i{font-size: 20px;color: var(--primary);}
.prev:hover, .prev:focus, .next:hover, .next:focus {color: var(--white);outline: none;background: var(--primary);}
.prev:hover i, .prev:focus i, .next:hover i, .next:focus i{color: var(--white);}
.tech-text {
  /* font-family: Source Sans Pro; */
  font-weight: 300;font-size: 200px;margin-right: 50px;line-height: 240px;}
.services-slider .service-box img{display: inline-block;}
.service-box{padding: 20px 50px;white-space: nowrap;}
.services-slider .swiper-slide {height: auto;}
.services-img img {max-width: 100%;height: auto;}

.user_bobble {background: var(--white);display: inline-block;position: absolute;border-radius: 6px;z-index: 1;box-shadow:  0 3px 25px rgba(0,0,0,0.2);padding: 5px;}
.user_bobble {animation-name: floating;animation-duration: 3s;animation-iteration-count: infinite;animation-timing-function: ease-in-out;}
.user_bobble .img {border-radius: 5px;height: 50px;width: 50px;display: flex;flex-direction: column;align-items: center;justify-content: center;}
.user_bobble.us1 img {width: 30px;}
.user_bobble.us2 img {width: 30px;}
.user_bobble.us3 img {width: 38px;}
.user_bobble.us4 img {width: 30px;}
.user_bobble.us5 img {width: 20px;}
.user_bobble.us1 .img {background-color: #3EA5F5;}
.user_bobble.us2 .img {background-color: #FFAA39;}
.user_bobble.us3 .img {height: 60px;width: 60px;background-color: #EF5490;}
.user_bobble.us4 .img {background-color: #F2C81F;}
.user_bobble.us5 .img {height: 35px;width: 35px;background-color: #E17FE1;}
.user_bobble.us5:after {height: 12px;width: 12px;}
.user_bobble.us1 {left: 16%;top: 21%;}
.user_bobble.us2 {left: 86%;top: 26%;animation-delay: 0.2s;animation-duration: 2.5s;}
.user_bobble.us3 {left: 58%;top: 42%;animation-delay: 0.6s;animation-duration: 2.7s;}
.user_bobble.us4 {left: 33%;top: 63%;animation-delay: 0.8s;animation-duration: 2.9s;}
.user_bobble.us5 {left: 41%;top: -1%;padding: 4px;animation-delay: 0.3s;animation-duration: 2s;}
.user_bobble:after {content: '';position: absolute;left: 0;margin: auto;right: 0;height: 14px;width: 14px;top: calc(100% + -9px);border-radius: 2px;box-shadow: 0 2px 10px rgb(0 0 0 / 10%);transform: rotate(45deg);background: white;z-index: -1;}


@keyframes floating {
    from { transform: translate(0,  0px); }
    65%  { transform: translate(0, 5px); }
    to   { transform: translate(0, -0px); }
}
/********************** about page css here **********************/
/********************** Blog page css here **********************/
.blog-banner-sec {position: relative;}
.blog-banner-sec .cursor {position: absolute;z-index: 1;animation: float 6s ease-in-out infinite;}
.blog-banner-sec .cursor.ui {left: 6%;top: 15%;animation-delay: 0s; animation-duration: 5s;}
.blog-banner-sec .cursor.dm {left: 7%;bottom: 13%;animation-delay: 1s;animation-duration: 6.5s;}
.blog-banner-sec .cursor.tm {right: 18%;top: 52%;animation-delay: 0.5s;animation-duration: 5.5s;}
.blog-banner-sec .cursor.lp {right: 10%;top: 8%;animation-delay: 1.2s;  animation-duration: 7s;}
.blog-banner-sec .cursor.dev {right: 2%;bottom: 10%;animation-delay: 0.8s;animation-duration: 6s;}

/* Common button floating animation */
@keyframes float {
  0%   { transform: translate(0px, 0px); }
  25%  { transform: translate(5px, -5px); }
  50%  { transform: translate(-5px, 5px); }
  75%  { transform: translate(2px, -2px); }
  100% { transform: translate(0px, 0px); }
}
.blog-page{background: url(../../images/path-inner.svg) no-repeat center 50px;}
.font-sm {font-size: 14px;}
.grey-link{color: #777777;font-size: 16px;font-weight: 600;}
.share-sec a{color: #777;}
.grey-link:hover, .share-sec a:hover{color: var(--primary);}
.blog-banner-img img{max-width: 100%;height: auto;}
.blog-banner-detail {max-width: 750px;background: var(--white);box-shadow: 0 7px 55px 0 rgba(0, 0, 0, 0.06);margin: auto;position: absolute;bottom: 0;right: 60px;padding: 30px 20px;}
.blog-col{margin-left: -10px;margin-right: -10px;}
.blog-col [class*="col-"] {padding-left: 10px;padding-right: 10px;}
.blog-col img{width:100%;height: 100%;object-fit: cover;}
.blog-list-box{margin-bottom: 40px;transition: 0.3s ease-in-out;position: relative;background: var(--white);overflow: hidden;height: calc(100% - 40px);}
.page-template-home2-template .blog-list-box,.page-template-qa-service-template .blog-list-box {height: unset;}
.blog-sidebar .blog-list-box {height: auto !important;}
.bg-grey {background: #f2f2f2;}
.blog-list-box:hover {box-shadow: 0 0 15px rgba(0,0,0,0.1);transform: scale(1.01);}
.blog-detail-page {padding: 200px 0 0;}
.share-sec {margin: 50px 0;}
.other-blog-list a {background: #e3e3e3;padding: 17px 44px;margin-right: 10px;color: #3b3b3b;font-weight: bold;text-transform: uppercase;margin-bottom: 10px;display: inline-block;}
.blog-list-box .theme-txt.f-semi {color: var(--text-black);opacity: 0.6;font-weight: normal;}
.blog-list-box p {line-height: 1.6;}
.blog-list-box .arrow-link {font-weight: 500;font-size: 14px; font-weight: bold;opacity: 0; display: block; transform: translateY(-10px); transition: all ease-in-out .3s;}
.blog-list-box:hover .arrow-link{ opacity: 1; transform: translateY(0);}
.blog-list-box .arrow-link span{color: var(--primary);}
.blog-list-detail {padding: 20px;}
.blog-list-detail p {display: -webkit-box;-webkit-line-clamp: 3;line-clamp: 3;-webkit-box-orient: vertical;  overflow: hidden;}
.share-sec  .footer-inline-row li{margin-right: 25px;padding-right: 25px;}
.blog-list-img img {max-width: 100%;height: auto;width: 100%;background: #f7f7f7;}
.blog-listing-container {display: flex;margin-left: -15px !important;margin-right: -15px !important;flex-wrap: wrap;}
.alm-btn-wrap .alm-load-more-btn.done[disabled] {opacity: 0;}
.blog-cat-list {display: -webkit-flex;display: -ms-flex;display: flex;list-style: none;border-bottom: 1px solid #d5d5d5;margin-bottom: 40px;}
.blog-cat-list .item {margin-right: 30px;font-size: 18px;}
.blog-cat-list .active .link {color: var(--primary);padding-bottom: 15px;display: inline-block;position: relative;}
.blog-cat-list .active .link:after {content: '';position: absolute;bottom: -1px;height: 2px;border-radius: 2px;width: 100%;background: var(--primary);left: 0;}
.blog-cat-list .link:hover {color: var(--primary);}
.blog-cat-list .link {color: #aaa;}
/* .page-template-blog-template {background: #f2f2f2;} */
.scrollup.active {bottom: 170px;}
.scrollup {bottom: -50px;right: 15px;width: 45px;height: 45px;z-index: 9;background-color: var(--light-text);border-radius: 50%;text-align: center;cursor: pointer;-webkit-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
.scrollup i {margin-top: -5px;font-size: 22px;color: var(--white);line-height: 1;}
.share-icons-row {list-style: none;}
.share-icons-row a {display: inline-flex; color:var(--dark-text); border-radius: 50%;height: 40px;padding-top: 1px;width: 40px;align-items: center;justify-content: center; border: 1px solid var(--dark-text); margin:20px 0;}
.share-icons-row a:hover {color: var(--white);background: var(--primary); border: 1px solid transparent;}
.share-icons-row li:not(:last-child) {margin-right: 10px;}
/********************** Blog page css here **********************/
/********************** contact page css here **********************/
.contact-sec{background: linear-gradient(to bottom, rgba(250, 250, 250, 0.01), rgba(233, 233, 233, 0.52));}
.contact-ls-sec{background: url(../../images/contact.png) no-repeat;background-size: cover;}
.contact-form {background: var(--white);box-shadow: 8px 14px 89px 0 rgb(0 0 0 / 2%);}
.contact-form form, .contact-list {padding: 40px 50px;}
.add-icon {width: 80px;height: 80px;background: var(--white);border-radius: 50%;text-align: center;line-height: 80px;font-size: 30px;margin-right: 20px;flex-shrink: 0;color: #da445b;}
.add-icon i{line-height: 80px;}
.address-box p{font-size: 21px;font-weight: 500;line-height: 1.2;}
.address-box{padding: 40px 0 20px;}
.custm-select i {position: absolute;right: 13px;top: 50%;transform: translateY(-50%);color: #a5a5a5;}
/********************** contact page css here **********************/

/********************** service page css here **********************/
.site-list{padding-left: 0;}
.site-list li ,.rel-content li {position: relative;padding-left: 20px;margin-bottom: 8px;}
.site-list li:before ,.rel-content li:before {content: '';position: absolute;top: 11px;left: 0;height: 6px;width: 6px;background: #646871;border-radius: 50%;aspect-ratio: 1;}
.site-list.theme li:before {background: var(--primary);}
.crop-slider .swiper{padding:0 25% 0 0;}
.crop-slider .slide {padding: 0px 40px 0px 0;}
.small-col {max-width: 500px;margin-left: auto;padding: 0 15px;}
.crop-slider .swiper-pagination-bullet {margin-right: 20px;}
.crop-slider .swiper-pagination-bullet {height: 37px;width: 37px;border-radius: 50%;border: 2px solid transparent;position: relative;background: transparent;}
.crop-slider .swiper-pagination-bullet:after {content: '';position: absolute;top: 50%;left: 50%;transform:translate(-50%, -50%);height: 9px;width: 9px;background: #3b3b3b;border-radius: 50%;}
.crop-slider .swiper-pagination {position: relative;bottom: 0;text-align: left;margin-top: 30px;}
.crop-slider .swiper-pagination-bullet-active {border-color: #3b3b3b;}
.crop-slider .swiper-pagination-bullet:before {display: none;}

/* New Service page */
.m-bottom{margin-bottom: 100px;}
.service-list .row.m-bottom:last-child { margin-bottom: 0 !important;}
.service-list .theme-btn{padding: 14px 25px;font-weight: 500;} 
.service-img img{border-radius: 12px;}
.case-study-sec h3:first-child{ margin-top: unset !important;}
/********************** service page css here **********************/


/********************** cannabis page css here **********************/
.work-slider {position: relative;}
.work-slider .inner {position: relative;display: block;z-index: 1;}
.work-slider .layer {background-image: linear-gradient(to bottom, rgba(0,0,0,.2), #080808);position: absolute;bottom: 0;left: 0;top: 0;right: 0;display: flex;flex-direction: column;justify-content: flex-end;color: var(--white);padding: 30px;width: 100%;z-index: 2;}
.work-slider .layer * {opacity: 0;}
.work-slider .swiper-slide-active .layer * {opacity: 1;}
.work-slider .swiper-button-prev, .work-slider .swiper-button-next {position: absolute;top: 10px;height: 40px;width: 40px;border-radius: 50%;background: rgba(0,0,0,0.5);z-index: 2;transform: translateX(-50%);font-size: 16px;margin-top: 0;}
.work-slider .swiper-button-prev {left: calc(50% - 25px);}
.work-slider .swiper-button-next {left: calc(50% + 25px);}
.work-slider .swiper-slide {padding: 0 15px;}
.work-slider .swiper-pagination {bottom: -40px;}
.work-slider .swiper-button-prev:after, .work-slider .swiper-button-next:after {font: normal normal 900 24px/1 "Font Awesome 7 Free";position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);opacity: 1;}
.work-slider .swiper-button-prev:after {content: "\f104";padding-right: 2px;}
.work-slider .swiper-button-next:after {content: "\f105";padding-left: 2px;}
.pattern-cb {position: absolute;right: 0;bottom: 0;max-height: 100%;max-width: 100%;}
.sec-listing .site-list , .rel-content li {list-style: none;}

/* Center-mode scaling: non-active slides shrink, the centered one is full size. */
.work-slider .swiper-slide {transform: scale(0.85, 0.85);transition: all 0.4s ease-in-out;}
.work-slider .swiper-slide-active {transform: scale(1);}

/********************** cannabis page css here **********************/
.page-template-portfolio-template{overflow-x: hidden;}
.portfolio-container{ opacity: 0; min-height: 60vh; position: relative; display: flex; justify-content: center; align-items: center;}
.sticky-container{opacity: 1;}
.portfolio-item:first-child{position: static; transform: none;}
.portfolio-item{width: calc(100% - 60px); position: absolute; z-index: 1;}
.pf-list {max-width: 1200px; margin: 0 auto;}
.pf-list .pf-wrap .content {padding: 15px 3% 0px;}
.pf-list .sm-title { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; line-clamp: 2; line-height: 1.5;  max-height: 0; opacity: 0; transition: max-height 0.3s ease, opacity 0.3s ease;}
.tag-list ul {list-style: none;display: flex;flex-wrap: wrap;margin-bottom: 20px;}
.tag-list ul li {margin-right: 5px; margin-bottom: 5px; padding: 0 12px; background: rgba(0, 0, 0, 0.68); font-size: 14px; text-transform: uppercase; line-height: 32px; text-align: center; vertical-align: middle; color: rgba(255, 255, 255, 0.7); border-radius: 50px;display: inline-block;}
.pf-wrap img {min-height: 250px;height: 100%;object-fit: cover;aspect-ratio: 16/8; transition: all ease-in-out .3s;}
.pf-wrap {position: relative;overflow: hidden;display: block;position: relative;}
.pf-wrap .content {position: absolute;height: 100%;left: 0;bottom: 0;width: 100%;padding: 15px 10px;color: #f5f6f7;z-index: 2;background-image: linear-gradient(transparent,rgba(0,0,0,.5));display: flex;justify-content: end;flex-direction: column;}
.pf-wrap .content, .pf-wrap .content * {transition: 0.3s ease;}
.pf-wrap .sm-title {margin-bottom: 20px;}
.pf-wrap .content .sm-title {transition-delay: 0.1s;}
.pf-wrap .content .action {transition-delay: 0.2s;}
.pf-wrap:hover .content {opacity: 1;}
/* .pf-wrap:hover:hover .content > * {transform: translateY(0px);opacity: 1;} */
.pf-wrap:hover .top-content {transform: translateY(20%);}
.pf-wrap:hover .sm-title {max-height: 3em; opacity: 1;}
.pf-wrap:hover img {transform: scale(1.1) rotate(2deg);}
.pf-wrap::after{ content: '';position: absolute;top: 0;left: 0;height: 100%;width: 100%;z-index: 1;inset: 0;opacity: .5;transition: all .3s ease; background: linear-gradient(to bottom, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 40%, rgba(0,0,0,0) 60%, rgba(0,0,0,0.8) 100%);}
.pf-wrap:hover::after{opacity: 1;}
.pf-wrap .inn {width: 100%;}
.pf-wrap .action {margin-left: auto;}

.grad-banner {position: relative;}
.grad-banner .img {position: relative;}
.grad-banner .img img {min-height: 480px;object-fit: cover; height: calc(100vh - var(--headerHeight)); width: 100%;}
.grad-banner .img:after {content: '';position: absolute;top: 0;left: 0;height: 100%;width: 100%;background-image: linear-gradient(to top, rgb(0 0 0 / 98%), rgb(0 0 0 / 25%));}
.grad-banner .content {content: '';position: absolute;left: 0;bottom: 0;width: 100%;z-index: 1;color: var(--white);padding-bottom: 40px;}
.specs-row {display: flex;flex-wrap: wrap;width: 800px;max-width: 100%;}
.specs-row .spec {margin-bottom: 20px;}
.specs-row .head {color: #606060;text-transform: uppercase;margin-bottom: 15px;}
.specs-row .spec ul {list-style: none;margin-bottom: 0;display: flex;flex-wrap: wrap;}
.specs-row .spec li {margin-bottom: 5px;margin-right: 15px;}
.big-head {font-size: 110px;text-transform: uppercase;opacity: 0.25;font-weight: 800;margin-bottom: 20px;}
/*.quote-sec {max-width: 1000px;}*/
.full-pagin {display: flex;justify-content: space-between;list-style: none;}
.full-pagin .sm {color: var(--light-text);text-transform: uppercase;opacity: .4;}
.full-pagin .name {font-size: 30px;color: var(--dark-text);text-transform: uppercase;font-weight: 600;line-height: normal;}
.full-pagin .right {text-align: right;}
.full-pagin img {width: 150px;}
.full-pagin .link {display: flex;gap: 15px;}
.full-pagin .left .link {flex-direction: row-reverse;}
.page-template-portfolio-detail .site-header {background: transparent;position: fixed;width: 100%;}
.page-template-portfolio-detail .site-header.darkHeader {background: white;}

.tech-list ul {list-style: none;display: flex;flex-wrap: wrap;justify-content:center;}
.tech-list ul li {display: inline-block;padding: 8px 30px;border: 1px solid var(--primary);border-radius: 50px;margin: 12px;}

.mouse-anime {position: fixed;right: 50px;bottom: 50px;z-index: 2;}

.mouse {width: 26px;height: 40px;border-radius: 15px;border: 2px solid var(--white);position: relative;overflow: hidden;margin: 10px auto;}
.mouse .roll {position: absolute;top: 8px;left: 50%;width: 4px;margin-left: -2px;height: 4px;border-radius: 4px;background: var(--white);-webkit-animation: mouseScroll .8s cubic-bezier(.7,0,.3,1) infinite alternate;animation: mouseScroll .8s cubic-bezier(.7,0,.3,1) infinite alternate;z-index: 2;}
.mouse .rollshadow {position: absolute;top: 8px;left: 50%;width: 4px;margin-left: -2px;height: 4px;background: #aaa;border-radius: 4px;-webkit-animation: mouseScroll .8s cubic-bezier(.7,0,.3,1) infinite alternate;animation: mouseScroll .8s cubic-bezier(.7,0,.3,1) infinite alternate;animation-delay: 0s;-webkit-animation-delay: 80ms;animation-delay: 80ms;z-index: 1;}
@-webkit-keyframes mouseScroll {
0% {-webkit-transform:translateY(0);transform:translateY(0)}
100% {-webkit-transform:translateY(14px);transform:translateY(14px)}
}
@keyframes mouseScroll {
0% {-webkit-transform:translateY(0);transform:translateY(0)}
100% {-webkit-transform:translateY(14px);transform:translateY(14px)}
}


.page-template-portfolio-detail .site-header:not(.darkHeader) .navbar-brand {filter: brightness(100);}
.plx-gallery img {position: sticky;top: 0;}
.portfolio-detail .site-header:not(.darkHeader) .navbar-brand {filter: brightness(100);}
.portfolio-detail .site-header:not(.darkHeader) {background: transparent;}
.portfolio-detail .grad-banner {margin-top: -95px;}
.portfolio-detail .site-header:not(.darkHeader) .navbar-toggler .line {stroke: var(--white);}
.portfolio-detail .site-header:not(.darkHeader) .phone-icon {color: var(--white);}
.portfolio-detail .site-header:not(.darkHeader) .my-nav-links>.menu-item>a {color: var(--white);}
/********************** portfolio page css here **********************/

/********************* Sunaina : portfolio-listng-page css ***********/
.portfolio-wrapper{margin-top: 30px;}
.portfolio-sec .custom-tab .nav-link { min-width: 100px; text-align: center; border-radius: 10px;}
.portfolio-card{border: 1px solid #E8E8E8; padding: 25px;}
.portfolio-content h3, .portfolio-content a{font-weight: 500;}
.portfolio-content h3{margin-bottom: 10px;}
.portfolio-btn{margin-top: 10px;}
.tags-logo{margin-top: 20px;}
.portfolio-card .post-tag{color: var(--light-text);}
.portfolio-card .logo img{width: 130px;max-width: 150px;max-height: 60px;object-fit: contain; width: auto}
/**********Our result-sec***************/
.our-results .card-data{border-bottom: 1px solid #ECECEC; ;border-right: 1px solid #ECECEC; padding: 30px;  position: relative; height: 100%;}
/* when row have 2 col */
.our-results .row  .col-md-6:nth-child(2n) .card-data{border-right: 0;}
/* when row have 3 col */
.our-results .row  .col-md-4:nth-child(3n) .card-data{border-right: 0; }
/* when row have 4 col */
.our-results .row  .col-md-3:nth-child(4n) .card-data{border-right: 0;}
.our-results .row  .col-md-4:nth-last-child(-n+3) .card-data{border-bottom: 0; }
.our-results .row  .col-md-3:nth-last-child(-n+4) .card-data{border-bottom: 0; }
.our-results .row .col-md-6:nth-last-child(-n+2) .card-data { border-bottom: 0;}



/************End Our Results sec*************/
/************Portfolio detail page***********/
.grad-banner .portfolio-banner p{opacity: 50%;}
.grad-banner .portfolio-banner h1{margin-bottom: 15px;}
.project-logo{padding: 40px 0 100px;}
.project-sec .sec-info img{height: 50px;}
.key-point-description  {padding-bottom: 100px;}
.case-study-sec .full-pagin{margin-top: 0;}
.case-study-sec h2 { opacity: 0.2;}
.case-study-sec h2:hover,.case-study-sec h2.active {  opacity: 1;color: var(--dark-text);}
blockquote span{ flex-shrink: 0;width: 94px; height: 94px; border-radius: 50%; border: 3px solid var(--white);overflow: hidden; margin-right: 10px; display: block;position: relative; }
.testimonial li{display: inline-block;}
.testimonial .testimonial-content ul { margin: 0; padding: 0; color: #FFA600; display: flex; gap: 10px;line-height: 1.9;}
blockquote span img {position: absolute; top: 0;}
.tech-logos .logo-slide-wrap{ box-shadow: 0 4px 30px 0 rgba(0, 0, 0, 10%);}
.tech-logos .logo-text{margin-top: 30px;}


/*******************End Portfolio detail page******************/
/********************** decision page css here **********************/
.dc-grad-banner {position: relative;min-height: 300px;z-index: 1;}
.dc-grad-banner .img {position: absolute;left: 0;top: 0;height: 100%;width: 100%;object-fit: cover;z-index: -1;}
.dc-grad-banner:after {content: '';position: absolute;left: 0;top: 0;width: 100%;height: 100%;background-image: linear-gradient(to bottom, rgba(0,0,0,0%), rgb(0,0,0,100%));z-index: -1;}
.dc-steps {position: relative;}
.dc-steps .row {margin-bottom: 70px;}
.dc-steps .head-sm-2 {margin-bottom: 5px;margin-top: 12px;}
.dc-steps .icon img {max-width: 100px;max-height: 100px;margin: 20px 0;}
.dc-steps>.row:nth-child(even) {flex-direction: row-reverse;}
.dc-steps .count {height: 25px;width: 25px;border-radius: 50px;color: var(--white);background: var(--primary);display: flex;flex-direction: column;align-items: center;justify-content: center;}
/********************** decision page css here **********************/

/********************** team page css here **********************/
/********************** team page css here **********************/
/* Team lead order css */
.team-list:not(.members) .row:nth-child(odd) {flex-direction: row-reverse;}
.team-list:not(.members) .row:nth-child(even) {flex-direction: row;}
.team-list:not(.members) .row:nth-child(even) .member-card{margin-left: auto;}
.team-list:not(.members) .row:nth-child(odd) .member-card{margin-right: auto;}
/* Team lead order css */

.team-banner {min-height: 100vh;position: relative;z-index: 1; padding-top: calc(var(--headerHeight) + 30px);}
.team-banner img {position: absolute;left: 0;top: 0;width: 100%;height: 100% !important;object-fit: cover;z-index: -1;max-height: 100%;}
.team-banner .content {position: relative;z-index: 1;text-align: center;color: var(--white);}
.team-banner .head-xl {text-shadow: 0 7px 16px rgba(0,0,0,0.5);}
.team-banner{overflow: hidden; cursor: none;}
.team-banner .circle{ position: absolute;left: 0%;top: 0;height: 200%;width: 200%; background: rgba(0, 0, 0, 90%); -webkit-mask-image: radial-gradient(circle 0 at center, transparent 50%, black 200%); -webkit-mask-repeat: no-repeat; -webkit-mask-position: 50% 50%, 0 0; -webkit-mask-size: 100%, cover; mask-image: radial-gradient(circle 0 at center, transparent 50%, black 200%); mask-repeat: no-repeat; mask-position: 50% 50%, 0 0; mask-size: 100%, cover;}
/* .team-banner .circle{transform: translate(-50%, -50%);} */

/* Member card */
.member-card{position: relative; background: url('../images/leadership_card_bg.png') no-repeat center center;background-size: cover; overflow: hidden; border-radius: 20px; max-width: 100%;}
.member-card > img{object-position: bottom;height: 100% !important;object-fit: contain;}
.member-card.lead{width: 445px;}
.member-info{position: absolute; bottom: 10px; left: 50%; transform: translateX(-50%); width: calc(100% - 20px);background: rgba(255, 255, 255, 0.6);-webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px);border-radius: 14px; padding: 20px 20px 15px;border: 1px solid rgba(255, 255, 255, 0.72); transition: all ease-in-out .3s;}
.member-info .short-desc{overflow: auto;max-height: 0;margin-bottom: 0; transition: all ease-in-out .3s;}
.member-info .short-desc::-webkit-scrollbar {width: 2px;}
.member-info .short-desc::-webkit-scrollbar-track {background: var(--white);}
.member-info .short-desc::-webkit-scrollbar-thumb {background-color: var(--primary);}
.member-social-info a , .member-social-info button{display: inline-flex; width: 30px; height: 30px; align-items: center; justify-content: center; border-radius: 50%; background: var(--white);margin-left: 10px; box-shadow:0 4px 14px 0 rgba(0, 0, 0, 0.1); transition: all 0.3s ease; border: none; color: var(--primary);}
.member-card.team{height: 100%;}
.member-card.team .member-info{display: flex; flex-direction: column; justify-content: end; max-height: auto;}
.member-card:hover .short-desc, .member-card.active .short-desc{max-height: min-content; opacity: 1; margin-bottom: 5%;}
/* Gallery */
.horizontal-row{max-height: 35vw; height: 100vh;}
.squre{width: 100%;height: 100%;}
.squre:has(.rect){width: 100%; height: 100%; display: flex;flex-direction: column;}
.squre:has(.rect) .rect{height: 50%;}
.squre:has(.v-rect){ width: 50%; height: 100%;}
.horizontal-row>.squre:has(.v-rect){width: 50%;display: flex;}
.horizontal-row div>img{width: 100%; height: 100%; object-fit: cover;}
.rect:has(.squre){display: flex;}
.rect:has(.squre) .squre{width: 50%;}
.horizontal-row>.squre{width: 35%;}
.horizontal-row>.v-rect{width: 30%;}
.horizontal-row:last-child .squre:has(.rect){flex-direction: column-reverse;}
.team-bottom-icon.icon1{margin-bottom: -20px; }
.team-bottom-icon.icon2{text-align: right; margin-top: -20px;}
.team-bottom-icon img{width: 80px;}

/* Home page leader cards */
.page-template-home2-template {
.member-card{position: relative; background: url('../images/leadership_card_bg.png') no-repeat center center;background-size: cover; overflow: hidden; border-radius: 20px; max-width: 100%;}
.member-card img{filter: unset;}
.member-card.lead{width: 445px;}
.member-info{position: absolute; bottom: 10px; left: 50%; transform: translateX(-50%); width: calc(100% - 20px);background: rgba(255, 255, 255, 0.6);-webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px);border-radius: 14px; padding: 20px 20px 15px;border: 1px solid rgba(255, 255, 255, 0.72); transition: all ease-in-out .3s;}
.member-info .short-desc{overflow: auto;max-height: 0;margin-bottom: 0; transition: all ease-in-out .3s;}
.member-social-info a , .member-social-info button{display: inline-flex; width: 30px; height: 30px; align-items: center; justify-content: center; border-radius: 50%; background: var(--white);margin-left: 10px; box-shadow:0 4px 14px 0 rgba(0, 0, 0, 0.1); transition: all 0.3s ease; border: none;}
.member-card:hover .short-desc, .member-card.active .short-desc{max-height: min-content; opacity: 1; margin-bottom: 5%;}
}
/********************** team page css here **********************/


/********************** team page css here **********************/


/* Text Anim */
.word-wrapper{position: sticky; top: calc(50% - 80px);}
.word-wrapper .word{background: var(--white); width: 105%;  font-size: 5vw;font-weight: 600; line-height: 1; opacity: 0; transform: translateY(100%); transition: all ease-in-out 0.2s; }
.rel-content{min-height: 60vh;}
.rel-content:last-child{min-height: 5vw;}
.word-wrapper .word.animation{transform: translateY(0); opacity: 1;}


/* Gallery */
.horizontal-row{max-height: 35vw; height: 100vh;}
.squre{width: 100%;height: 100%;}
.squre:has(.rect){width: 100%; height: 100%; display: flex;flex-direction: column;}
.squre:has(.rect) .rect{height: 50%;}
.squre:has(.v-rect){ width: 50%; height: 100%;}
.horizontal-row>.squre:has(.v-rect){width: 50%;display: flex;}
.horizontal-row div>img{width: 100%; height: 100%; object-fit: cover;}
.rect:has(.squre){display: flex;}
.rect:has(.squre) .squre{width: 50%;}
.horizontal-row>.squre{width: 35%;}
.horizontal-row>.v-rect{width: 30%;}
.horizontal-row:last-child .squre:has(.rect){flex-direction: column-reverse;}
.team-bottom-icon.icon1{margin-bottom: -20px; }
.team-bottom-icon.icon2{text-align: right; margin-top: -20px;}
.team-bottom-icon img{width: 80px;}
/********************** team page css here **********************/


/********************** laptop animation css here **********************/
.sec-pd img {max-width: 100%;height: auto;}
.sec-pd video {max-width: 100%;height: auto;}
/********************** laptop animation css here **********************/

/********************** carreer page css here **********************/
.job-accordion .card {box-shadow: 3px 41px 95px 0 rgba(0, 0, 0, 0.04);border: none;margin-top: 30px;}
.job-accordion .card-header {background: none;padding: 0;border: none;}
.job-accordion .card-body {padding: 0px 55px 65px 55px;}
.job-accordion .card-header .head-sm-2 {font-weight: 600;cursor: pointer;position: relative;padding: 34px 55px 33px 55px;display: block;margin: 0;}
.job-accordion .card-header .head-sm-2:after {content: "\f106";transition: 0.3s ease;display: inline-block;font: normal normal 900 14px/1 "Font Awesome 7 Free";font-size: inherit;text-rendering: auto;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;position: absolute;top: 50%;transform: translateY(-50%);right: 30px;font-size: 40px;color: #d4d4d4;}
.job-accordion .card-header .head-sm-2.collapsed:after {transform: translateY(-50%) rotate(180deg);}
.custom-gallery .wrap {padding: 0 8px;margin-bottom: 16px;}
.custom-gallery {margin: 0 -8px;}
.job-accordion ul{padding-left: 20px;}
.job-accordion li {margin-bottom: 15px;}
.blog-detail-page h2 {color: var(--dark-text);}
.blog-detail-page h3:not(.head-xs){color: var(--dark-text);margin: 15px 0; margin-top: 25px; font-size: 28px;}
.blog-detail-page h4:not(.head-xs) {color: var(--dark-text);margin: 15px 0; margin-top: 25px; font-size: 22px;}
.other-blog-list ul {list-style: none;}
.blog-detail-page img {max-width: 100%;height: auto;}
.blog-sidebar {position: sticky;top: 86px;}
/********************** carreer page css here **********************/
/* .talk-sec .wpcf7-response-output{color: var(--white);} */
.wpcf7 form .wpcf7-response-output{margin-left: 0;}
.wpcf7 form.spam .wpcf7-response-output{ color: #f56e28;}
.wpcf7 form.sent .wpcf7-response-output{color: #46b450;}
.wpcf7 form.failed .wpcf7-response-output, .wpcf7 form.aborted .wpcf7-response-output {color: #dc3232;}
#bj3ebs0vuqmo1fb4qbe3h{z-index: 1 !important;}
#z4g28msq4t2g1fb98i82v{z-index: 0 !important;}/*tawk button*/
/* .client-box .form-group{ text-align: center;} */

/********************** blog changes 29 may css here **********************/
.blog-contact {background-color: #f2f2f2; padding: 25px; border-radius: 7px;}
.blog-contact .head-sm { font-size: 24px; margin-top: 0;}
.blog-contact .form-group { margin-bottom: 0.7rem;}
.blog-contact .theme-textarea.form-control { height: 100px;}
.blog-sidebar.blog-contact{ top: 100px; }
.post-navigation { margin-top: 40px; display: flex; justify-content: space-between;}
.post-navigation a {color: #080808; text-transform: uppercase;}
.post-navigation a:hover {color: #ac1643;}
.blog-inner-detail ul,.blog-inner-detail ol {margin: 15px 0; padding-left: 25px; }
.blog-inner-detail ol li > ul{margin: 0;}
.post-title {display: block; color: #a8a8a8;}
/********************** blog changes 29 may css here **********************/

/***********************blog changes 30 may css here***********************/
/* sunaina */
/* .blog-detail-page blockquote, .block-quote { position: relative;z-index: 1;background-color: var(--bg-light); border-left: 3px solid var(--light-text);margin: 1.5rem 10px;padding: 20px;font-style: italic;color: var(--dark-text);quotes: "\201C" "\201D";} */
.blog-detail-page blockquote, .block-quote{ position: relative; z-index: 1; background-color: var(--bg-light); border-left: 3px solid var(--light-text);margin: 20px 0; padding: 20px; line-height: 1.8;}
.blog-detail-page blockquote::before{ left: 25px; top: 77px; z-index: -1; position: absolute; content: open-quote;  font-size: 12rem;  line-height: 2rem;  vertical-align:bottom;  color: rgb(222, 222, 222);}
.blog-detail-page .scrollup.active { bottom: 76px; }
.blog-inner-detail ul>li {list-style: disc;}
.blog-inner-detail ul>li::marker {font-size: 20px;}
/***********************blog changes 30 may css here***********************/
/***********************blog changes 31 may css here***********************/
.blog-inner-detail img { margin-top: 15px; margin-bottom: 15px; display: block;}
.img404 {max-height: 284px;}
/***********************blog changes 31 may css here***********************/

.full-vh {min-height: 100vh;}


/***********************Devlopment page here***********************/
.shade-bg-sec::before{position: absolute; content: ""; top: 0; left: 0; width: 100%; height: 101%; background: linear-gradient(180deg, var(--white) 0%, rgba(255, 255, 255, 0.394) 80%);  z-index: -1;}
.our-approach-inner{overflow-x: hidden; padding-bottom: 5%;}
.approach-row {padding: 10px 0;}
.approach-row .theme-box{height: 100%; max-height: 200px; min-width: 220px;padding: 25px 10px 10px; overflow-y: hidden;transition: all ease-in .3s; cursor: pointer;font-size: 14px;}
.approach-row .theme-box:hover{max-height: 100%; box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);}
.approach-row .theme-box.active{max-height: 100%; min-height: 350px; box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);}
.approach-row .theme-box:hover::before, .approach-row .theme-box.active::before{background-color: var(--primary);}
.approach-row img{height: 80px; width: auto; display: inline-block; filter: grayscale(100%);}
.approach-row .theme-box::before{content: ""; background-color: #A0A0A0; border-radius: 50%; z-index: 99; width: 10px; height: 10px; position: absolute; top: 120px; left: 50%; transform: translateX(-50%); transition: all ease .3s;}
.approach-row .theme-box .head-xs{margin-top: 40px; min-height: 40px; display: flex; align-items: center; justify-content: center; text-align: center;}
.approach-row .theme-box:after { content: "";position: absolute; top: 125px; border-bottom: 1px solid #A0A0A0;left: 0;right: 0;}
.approach-row .col:first-child .theme-box:after {left: 50%;}
.approach-row .col:last-child .theme-box:after {right: 50%;}
/* Our tech stack */
.custom-tab{flex-wrap: nowrap; overflow-x: auto; overflow-y: hidden;margin: 12px; margin-top: 0; white-space: nowrap;}
.custom-tab::-webkit-scrollbar{display: none;}
/* .custom-tab .nav-link{background: transparent; color: var(--text-black) !important; font-weight: 600; text-transform: capitalize; white-space: nowrap; padding: 0 10px; border: 0; border-bottom: 2px solid transparent;}  */
.custom-tab .nav-item{ margin-right: 5px; margin-bottom: 0 !important;}
.custom-tab .nav-item:last-child{margin-right: 0;}
/* .custom-tab .nav-item.show .nav-link, .nav-tabs .nav-link.active{border-color: var(--primary) !important;} */
/* .custom-tab.logo-tab .nav-link.active{border-bottom: 2px solid var(--primary);} */
/* .logo-tab-info .sub-head-2.text-uppercase{color: #777;} */

.full-container{max-width: 100%;}
.full-container .inner-container{margin: 0; margin-left: auto; padding: 0; width: calc(92% + 45px);}
.project-slider-row .p-slide{max-width: 800px; width: 70vw; margin: 10px; aspect-ratio: 1.7/1;}
.project-slider-row .p-slide a{margin-bottom: 0;}
.text-truncate-container p { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; line-clamp: 2; overflow: hidden; }
.slider-btn-wrapper{gap: 20px; margin-right:100px; margin-top: 20px;}
.slider-btn-wrapper button{border: none; background: transparent; color: #646871; font-size: 24px;}

/* sunaina */
.tab-container {border-radius: 10px; padding: 24px; padding-top: 20px;}
.custom-tab .nav-link{ color:rgba(51, 51, 51, 45%) !important; font-weight: 500; line-height: 1; text-transform: capitalize; padding: 15px 20px;border-radius: 6px; border: 0; background-color: transparent;} 
.logo-container .logo-slide-wrap {background: white; width: 100px;height: 100px; display: flex; border-radius: 50px;margin:12px;}
.custom-tab.logo-tab .nav-link.active {background: var(--dark-text);color: var(--white) !important;}
.custom-tab.logo-tab .nav-link:hover{background: var(--dark-text);color: var(--white) !important;}
.logo-slide-wrap img {filter:unset; object-fit: contain;}
/* end */

/* our-brand-sec */
.our-brand-sec .logo-container .logo-slide-wrap {  width: 200px; height: 140px; padding:30px;}
/* end */

/* Hiring model css */
.custom-panel{background-color: #F4F4F4;}
.custom-panel .custom-tab .nav-link{opacity: 0.6; background: transparent; padding: 15px 30px;}
.custom-panel .custom-tab .nav-link.active{opacity: 1;}
.custom-panel .theme-box{background: var(--white); padding: 35px 25px; margin: 15px 0;}
/***********************Devlopment page here***********************/
.shade-bg-sec.dark::before{background: rgba(0, 0, 0, 0.8);}
.shade-bg-sec.light::before{background: rgba(255, 255, 255, 0.86);}
.shade-bg-sec.transparent::before{background: transparent;}
.cta-sec.dark .sub-head-2, .cta-sec.dark .head-md, .cta-sec.dark .theme-btn span{color: var(--white);}
.cta-sec.dark .theme-btn.alter-2{border-color: var(--white);}
.cta-sec.overlay::before{content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: var(--overlay-color);}
/***********************Qa Service page here***********************/
.squre-img{aspect-ratio: 1; object-fit: cover; width: 100%;}
.full-card-rows>.col:nth-child(even) .theme-box{flex-direction:row-reverse;}
.full-card-rows>.col:first-child .theme-box{margin-top: 40px;}
.full-card-rows>.col:last-child .theme-box{margin-bottom: 0;} /* to mentain  */
.full-card-rows .theme-box{margin: 50px 0;}
.full-card-rows .content-box .arrow-link{color: var(--primary);}
.bottom-card .theme-card{max-width: 250px; margin: 20px auto;}

/***********************Qa Service page here***********************/

/*************** Horizontal card styling start *****************/
.content-box ul {list-style: disc;padding-left: 25px; margin: 10px 0;}
.content-box ol { list-style: decimal; padding-left: 25px;margin: 10px 0;}
.content-box li {margin-bottom: 5px;line-height: 1.6;}
/*************** Horizontal card styling end *******************/

/***********************Digital Marketing page here***********************/
.strategy-card{gap: 5%;}
.strategy-sec{padding-top: 12%;}
.strategy-sec .front-img{position: absolute; bottom: 0; right: 0; width: 100%;}
.page-template-digital-marketing .full-card-rows .content-box{text-align: center;}
.page-template-digital-marketing .full-card-rows{border: 1px solid #E2E2E2;}
.dynamic-content * { font-size: inherit; }
.dynamic-content{ max-width: 991px;}

.content-wrapper{position: absolute; width: 95%;}
.frame-wrapper{position: relative; z-index: 1; pointer-events: none;}
.frame-wrapper img{aspect-ratio: 313/636; position: relative; pointer-events: none; margin-top: 5px;}
.frame-wrapper .slider-btn-wrapper{pointer-events: all; position: absolute; width: calc(100% - 10px);bottom: 10px; left: 50%; transform: translateX(-50%); gap: unset; margin: 0; padding: 0 16px;  background: linear-gradient(rgba(0, 0, 0, 0), var(--text-black)); min-height: 70px; border-bottom-right-radius: 3vw; border-bottom-left-radius: 3vw; opacity: 0; transition: all ease-in-out 0.3s;}
.frame-wrapper:hover .slider-btn-wrapper{opacity: 1;}
.slider-container .content-wrapper:hover + .frame-wrapper .slider-btn-wrapper{opacity: 1;}
.frame-wrapper .slider-btn-wrapper button{width: 50%; color: var(--white);}
/* Add to your CSS */
.gallery-approach-slider-container {opacity: 0;visibility: hidden;transition: opacity 0.3s ease, visibility 0.3s;}
.gallery-approach-slider-container.visible {opacity: 1;visibility: visible;}
.frame-wrapper {transition: width 0.4s ease-in-out;}
/* .gallery-appraoch-slider .swiper-wrapper{ display: flex;}
.gallery-appraoch-slider  .slider-item{height: auto; padding: 0 10px;}
.gallery-appraoch-slider  .slider-item .inner-wrap{position: relative; height: 100%; overflow: hidden; max-width: 100%;}
.gallery-appraoch-slider  .slider-item .inner-wrap .sub-head{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); pointer-events: none; transition: all ease-in-out 0.3s; opacity: 1;}
.gallery-appraoch-slider  .slider-item .inner-wrap::before{content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(45deg, rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0) ); background-color: rgba(0, 0, 0, 0.2); -webkit-backdrop-filter: blur(9px); backdrop-filter: blur(9px); transition: all ease-in-out 0.3s; pointer-events: none; }
.gallery-appraoch-slider .inner-wrap img{width: 100%; height: 100%; object-fit: cover; transition: all ease-in-out 0.5s;}
.gallery-appraoch-slider .swiper-slide{transform: scale(0.7); transition: transform ease-in-out 0.3s; transform-origin: center;}
.gallery-appraoch-slider .swiper-slide-visible{transform: scale(0.8);}
.gallery-appraoch-slider .swiper-slide-visible + .swiper-slide-visible{transform: scale(0.9);}
.gallery-appraoch-slider .swiper-slide.swiper-slide-active{transform: scale(1);}
.gallery-appraoch-slider .swiper-slide.swiper-slide-active .inner-wrap img{border-radius: 1vw;}
.gallery-appraoch-slider .swiper-slide.swiper-slide-active .inner-wrap .sub-head{opacity: 0;}
.gallery-appraoch-slider .swiper-slide.swiper-slide-active .inner-wrap::before{opacity: 0;}
.gallery-appraoch-slider .swiper-slide-active + .swiper-slide-visible{transform: scale(0.9);}
.gallery-appraoch-slider .swiper-slide-active + .swiper-slide-visible + .swiper-slide-visible{transform: scale(0.8);}
.gallery-appraoch-slider .swiper-slide-active + .swiper-slide-visible + .swiper-slide-visible + .swiper-slide{transform: scale(0.7);}
.gallery-appraoch-slider .swiper-slide-active + .swiper-slide-visible + .swiper-slide-visible + .swiper-slide + .swiper-slide{transform: scale(0.6);}
.gallery-appraoch-slider::before, .gallery-appraoch-slider::after{content: ""; width: 50px; height: 100%; position: absolute; top: 0; z-index: 99; pointer-events: none;}
.gallery-appraoch-slider::before{left: 0; background: linear-gradient(90deg, var(--white) 70%, rgba(255, 255, 255, 0));}
.gallery-appraoch-slider::after{right: 0; background: linear-gradient(-90deg, var(--white) 70%, rgba(255, 255, 255, 0));} */
.our-process-sec .acc{position: relative; margin-bottom: 20px;}
.our-process-sec .acc::after{content: ""; position: absolute; top: 15px; left: 15px; width: 1px; height: calc(100% + 40px);background: rgba(0, 0, 0, 0.05);}
.our-process-sec .acc:last-child::after{display: none;}
.our-process-sec .acc .count{width:30px; height: 30px; border-radius: 50%; background: var(--bg-light); color: var(--dark-text); display: flex; align-items: center; justify-content: center; font-size: 16px; font-weight: 600; position: relative; z-index: 1;}
.our-process-sec .acc.active .count{background: var(--text-black); color: var(--white);}
.our-process-sec .acc .acc-head + .border-b, .our-process-sec .acc .acc-head + .acc-content{margin-left: calc(30px + 1.6rem); padding-bottom: 20px; border-bottom: 1px solid rgba(0, 0, 0, 0.05);}
.our-process-sec .releted-img img{position: absolute; width: 100%; height: 100%; object-fit: contain;transition: all ease-in-out .4s;top: 0; left: 0; visibility: hidden; opacity: 0;}
.our-process-sec .acc .acc-content{padding-top:10px;}
.releted-img img.active-img {opacity: 1;visibility: visible;z-index: 2; position: relative;}
.our-process-sec .acc:last-child .border-b {border-bottom: none;}
/* Home page Process accordion css */

.slider-container:has(.phone_swipper){position:relative;
  .swiper-slide{display: flex !important;align-items: center;justify-content: center;
    .front-txt{opacity: 1; transition: all ease-in-out .3s;}
    .inner-wrap{border-radius: 30px; overflow: hidden;}
    img{height:100%;object-fit:cover;}
    .overlay{ content: ""; position: absolute; top: 0; left: 0;width: 100%;height: 100%; -webkit-backdrop-filter: blur(9px); backdrop-filter: blur(9px);transition: all ease-in-out 0.3s;pointer-events: none;}
    &.swiper-slide-active{
      .overlay{background: transparent;  -webkit-backdrop-filter: unset;backdrop-filter: unset;}
      .front-txt{opacity: 0; transition: all ease-in-out .3s;}
    }
  }
  .frame-wrapper{position:absolute;left:50%;top:-20px;width:280px;transform:translateX(-50%);z-index:10;pointer-events:none; 
    .slider-btn-wrapper{display: flex;}
  }
}
/* Vertical Project slider */
.slide-item{position: relative;}
.slide-item .content{position: absolute;}
.slider-column{max-height: 90vh; overflow: hidden; display: flex; align-items: center; border-bottom: 1px solid rgba(0, 0, 0, 0.05);}
.vertical-slider{max-width: 800px; margin-left: auto;}
.slide-item .img-wrapper{width: 100%; aspect-ratio: 629/353; padding: 0 30px;}
.slide-item .img-wrapper img{object-fit: cover; max-width: 100%; height: 100%;}
.vertical-slider .swiper-slide-active.swiper-slide-active img{box-shadow: 0 0 20px 1px #fafafa75;}
.vertical-slider .slide-item{transform-origin: right; transition: all ease-in-out .3s;}
.vertical-slider .swiper-slide-active.swiper-slide-active + .slide-item{transform-origin: right bottom;}
.vertical-slider .swiper-slide {transform: scale(.7);}
.vertical-slider .swiper-slide-active { transform: scale(.8);}
.vertical-slider .swiper-slide-active + .swiper-slide-active { transform: scale(.9);}
.vertical-slider .swiper-slide-active.swiper-slide-active{ transform: scale(1);}
.vertical-slider .swiper-slide-active.swiper-slide-active + .swiper-slide-active{ transform: scale(.9); }
.vertical-slider .swiper-slide-active.swiper-slide-active + .swiper-slide-active + .swiper-slide-active{ transform: scale(.8); }
.vertical-slider .swiper-slide-active.swiper-slide-active + .swiper-slide-active + .swiper-slide-active + .swiper-slide{ transform: scale(.7); }

.project-info{height: 100%; gap: 50px;}

.project-info .inner-wrap{max-width: 600px; padding: 20px 0; border-top: 1px solid rgba(255, 255, 255, 0.2); border-bottom: 1px solid rgba(255, 255, 255, 0.2);}
.theme-btn.dark{background-color: transparent;}
.line-2 {display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;}
.line-3 {display: -webkit-box; -webkit-line-clamp: 3; line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden;}

/* circle follower style */
.gallery-card-slider-wrapper {position: relative;overflow: hidden;cursor: none;}
.gallery-card-slider-wrapper .circle{position: absolute;width: 100px;height: 100px;border-radius: 50%;background: var(--white);z-index: 3;mix-blend-mode: exclusion; pointer-events: none; scale: 0;}
.circle .arrow.right{content: "";display: block;width: 0;height: 0;border-top: 10px solid transparent;border-bottom: 10px solid transparent;border-right: 10px solid var(--white);position: absolute;left: 50%;top: 45%;}
.circle .arrow.left{content: "";display: block;width: 0;height: 0;border-top: 10px solid transparent;border-bottom: 10px solid transparent;border-left: 10px solid var(--white);position: absolute;right: 50%;top: 45%;}
/* circle follower style */

/* Gallery card slider */
.gallery-card-slider {display: flex;position: relative;z-index: 0;transition: opacity 0.3s ease 0.2s;}
.gallery-item {position: relative;min-width: 20vw; max-height: 500px;overflow: hidden;background-color: var(--text-black);transform-origin: center;transition: all 0.6s ease-in-out;}
.gallery-item::after {content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: transparent;transition: all 0.3s ease-in-out;pointer-events: none;}
.gallery-item:hover {min-width: 24vw;z-index: 2;opacity: 1;}
.gallery-item:last-child:hover {min-width: 24vw; margin-left: -4vw;}
.gallery-item:hover::after , .gallery-item.swiper-slide-active.swiper-slide-active::after {background: rgba(0, 0, 0, 0.62);}
.gallery-item-img {position: relative;width: 25vw;overflow: hidden;background-color: var(--text-black);opacity: 0.7;filter: grayscale(100%);transition: all 0.6s ease-in-out;pointer-events: none;}
.gallery-card-slider .gallery-item:hover .gallery-item-img {filter: grayscale(0);}
.gallery-item-img img {width: 100%;height: 100%;object-fit: cover;pointer-events: none;}
.gallery-item-content {position: absolute;top: 0;left: 0;z-index: 1;width: 100%;height: 100%;padding: 0 15px;text-align: center;display: flex;flex-direction: column;align-items: center;justify-content: center;color: var(--white);}
.gallery-item-content .desc {opacity: 0;height: 0;}
.gallery-item.swiper-slide .gallery-item-content .desc {opacity: 0;max-height: 0;transition: all 1s ease-in-out; height: 0;}
.gallery-item.swiper-slide.swiper-slide-active .gallery-item-content .desc {opacity: 1;max-height: 100%; height: auto;}
.gallery-card-slider + .slider-btn-wrapper {margin-top: 20px; width: 100%; height: 100%;  position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); pointer-events: none;}



/* *********************UI-UX page here*********************** */

/*
* Santosh Kumar
* Date : 28 May 2025 - 12:03:34
* Location : 	UI UX Page
/***********************Start***********************/
.widget-container li{list-style: none;}
.banner-circle-pattern {background: url('./assets/images/banner.png') no-repeat; background-size: cover; background-position: bottom;}
/* .banner{min-height: 100vh;} */
.page-template-uiux-design-template .banner .sec-info{max-width: 800px; width: 100%; margin: 0 auto;}
.avtar-group{line-height: 1.3;}
.avtar-group .avtar:first-child{margin-left: unset;}
.avtar-group .avtar{margin-left: -15px;}
.avtar{flex-shrink: 0; width: 40px;height: 40px;border-radius: 50%;border: 2px solid #fff;background: gray; overflow: hidden;}
.widgets .clutch{width: 140px;}
.banner-sec .widgets img{max-width: 100%;}
.fs-normal{font-style: normal;}
.stack-card-wrapper{gap: 20px;}
.stack-card{min-height: 500px; display: flex; flex-direction: column; justify-content: center; background: #fff; border: 1px solid #555555; padding-inline: 50px !important;will-change: transform; transform-style: preserve-3d;}
/************************End************************/

/*************** Readmore start *****************/
.readmore-container p + p{margin-top: 15px;}
.more-content{display: none;}
.read-more{color: #d80b5a !important;}
/*************** Readmore end *******************/

/* *********************Training page here*********************** */
.footer-widget-area li{list-style: none;}
.widgets.alter{max-width: 500px;}
.text-slider-sec{padding: 55px 0; overflow-x: hidden; margin-top: -110px;}
.text-slider {background: var(--dark-text);margin: 0 -15px;transform: rotate(-3.1deg) translateX(-1%); width: 102%;
  .text{width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;}
}
.full-vh-banner {min-height: calc(100vh - 120px); margin-top: var(--headerHeight, 80px);}
.sq-icon {height: 50px;width: 50px;border-radius: 3px;background: #F4F4F4;display: flex;align-items: center;justify-content: center;}
.journey-sec {background: var(--dark-text);min-height: 630px;position: relative;display: flex;justify-content: center;flex-direction: column;}
.journey-sec .left, .journey-sec .right {position: absolute;bottom: 0;width: 26%;}
.journey-sec .left {left: 0;}
.journey-sec .right {right: 0;}
.journey-sec .sec-info {width: 55%;margin: auto;}
.modal-close{padding: 15px 25px !important; z-index: 99; right: 0; top: 0;}
.bg-tringle{position: relative;}
.s_box{border: 1px solid var(--white); padding: 30px 0; border-radius: 10px;}
.st_slider .slide{padding: 10px 70px; max-width: 600px; display: flex; height: auto;}
.st_slider .auth{transform: translateX(-50%); margin-right: -20px; background: var(--dark-text); padding: 10px 0 5px 0;}
.auth_dp{max-width: 100px; min-width: 80px; aspect-ratio: 1; overflow: hidden; border: 3px solid var(--white); display: inline-block;}
.auth_dp img{object-fit: cover; height: 100%;}
.star-row {color: #FFC700;}
.st_slider .inner{position: relative; margin-right: -50px; background: var(--white); border-radius: 10px; padding: 60px 15px 70px 15px; overflow: hidden;}
.quote{position: absolute; top: 0;left: 0; background: var(--black-2); border-bottom-right-radius: 100px; padding: 13px 35px 35px 13px;}
.st_slider .inner .vertical_line1, .st_slider .inner .vertical_line2, .st_slider .inner .vertical_line1::after, .st_slider .inner .vertical_line2::after {content: ""; position: absolute; width: 8px; aspect-ratio: 1/4;} 
.st_slider .inner .vertical_line1 {background: #ABA9A9; bottom: 10%; left: 0;} 
.st_slider .inner .vertical_line1::after {background: var(--black-2); top: -100%; left: 0;} 
.st_slider .inner .vertical_line2 {background: #ABA9A9; top: 10%; right: 0;} 
.st_slider .inner .vertical_line2::after {background: var(--black-2); top: 100%; right: 0;}

/* Common dots styling */
.st_slider .swiper-pagination,.vd_slider .swiper-pagination {bottom: -50px !important;}
.st_slider .swiper-pagination-bullet:before , .vd_slider .swiper-pagination-bullet:before{font-size: 12px; color: var(--white); line-height: 22px;}
.st_slider .swiper-wrapper{display: flex;}

.swiper-pagination-bullet-active {border: 1px solid var(--white); border-radius: 50%;}

.vd_slider .vd_card .media{width: 100%; height: 100%; object-fit: cover; border-radius: 10px; overflow: hidden; cursor: pointer;}
.vd_card .play_btn{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); min-height: 7vw; aspect-ratio: 1; border-radius: 50%; background: rgba(0, 0, 0, 0.5); color: var(--white); font-size: 2.5rem; border: none; padding-left: 6px; pointer-events: none;}
.vd_slider .swiper-pagination-bullet-active{ border-color: var(--primary);}
.vd_slider .swiper-pagination-bullet:before{color: var(--primary);}
.pb-lg-10{padding-bottom: 120px;}

.custom-check-list{display: grid; grid-template-columns: repeat(2, auto);}
.custom-check-list li{list-style: none; position: relative; padding-left: 30px; font-weight: normal; font-size: 20px;margin-bottom: 10px;}
.custom-check-list li::before {content: ""; position: absolute; left: 0; top: 50%;transform: translateY(-50%); width: 16px; height: 16px; background: url("../../images/check-list-bullet.svg") no-repeat center / contain;}
.page-template-training-program .sec-bg{background: url("../../images/trainers-sec-bg.webp") no-repeat center / cover;}
.sec-bg::before{content: ""; position: absolute; width: 100%; height: 100%; top: 0; left: 0; background: linear-gradient(180deg, rgba(0, 0, 0, 0.81) 0%, rgba(0, 0, 0, 0.5589) 100%);}
.sec-bg .inner-container{z-index: 1;}

.rv_slider .slide{padding: 60px 20px; display: flex; height: auto;}
.rv_slider .swiper-wrapper{display: flex;}
.rv_card{background: var(--white); border-radius: 10px; padding: 0 50px 30px 50px;}
.rv_card .auth_dp{margin-top: -50px; border: 6px solid rgba(99, 98, 98, 1);}
.rv_card .name{font-size: 20px; color: rgba(51, 51, 51, 1);}
.rv_quote{position: absolute;}
.rv_quote.open{left: 5%; top: -10%;}
.rv_quote.close{bottom: -10%; right: 5%;}

.contect-sec .col-lg-6:has(.content){background: var(--dark-text); color: var(--white);}
.contect-sec .content{gap: 2.5rem;}
.content .data div{gap: 10px; color: #A8A6A6;} 
.data .icon{width: 45px; height: 45px;}

.text-blink{animation: blink 1s infinite;}
@keyframes blink {
  0% {opacity: 1;}
  25% {opacity: 1;}
  50% {opacity: 0;}
  100% {opacity: 1;}
}

/*************** extra svg elements styling start *****************/
.arrow-curve-sm{right: 0; top: 35%; transform: translateY(-50%);}
.st_slider_arrow_1{top: 0; right: 0;}
.st_slider_arrow_2{bottom: -15%; left: 0; z-index: 99;}
.journey_sec_arrow_1{top: 0; right: 0;}
.journey_sec_arrow_2{top: 0; left: 0;}
.cta_sec_arrow_1{right: 5%; top: 50%; transform: translateY(-50%);}
.cta_sec_arrow_2{left: 5%; top: 50%; transform: translateY(-50%);}
/*************** extra svg elements styling end *******************/
/* Modail Timmer */
.timer-wrapper{display: grid; grid-template-columns: repeat(4, auto); justify-content: center; align-items: center; column-gap: 16px; margin: 15px 0 35px 0;}
.timer-wrapper .box{display: flex; align-items: center; justify-content: center; flex-direction: column; width: 80px; height: 80px; background: var(--dark-text); color: var(--white); line-height: 1.2; font-size: 34px;}
.timer-wrapper .box p{font-size: 13px;}
/* .list-unstyled, .list-unstyled ul{flex-wrap: wrap;} */
.list-unstyled li, .marquee-track span{position: relative; margin-right: 20px;}
.list-unstyled li:last-child, .marquee-track span:last-child{margin-right: 0;}
.list-unstyled li::after, .marquee-track span::after{content: ""; position: absolute; width: 1px; height: 80%; background: var(--light-text); top: 50%; transform: translateY(-50%); right: -10px;}
.certification-list li::after{height: 90%; right: -18px;background: rgba(255, 255, 255, 0.35);}
.certification-list li{margin-right: 37px;}
.certification-list.dark li::after{background: rgb(0, 0, 0,35%);}
/* .page-template-qa-service-template .certification-list{margin-bottom: 60px;} */
/* .certification-list{gap: 37px;} */
.list-unstyled li:last-child::after , .marquee-track span:last-child::after{display: none;}
.marquee-track{color: var(--white);width: 100%;gap: 30px;}
.marquee-track span::after{display: inline-block; width: 5px; height: 5px;background: #a8a8a8; border-radius: 50%; right: -17.5px;}
.marquee-container {background: var(--text-black); width: calc(100% + 30px);overflow: hidden;white-space: nowrap;}
@keyframes scroll-left {
  0% { transform: translateX(0%); }
  100% { transform: translateX(-50%); }
}
.marquee-track {display: inline-block;animation: scroll-left 8s linear infinite;}
.training-row>div[class*="col"] .theme-box {transition: 0.3s ease;text-align: center;padding: 45px 25px 30px;border: 4px solid transparent;margin-bottom: 35px;box-shadow:52px 56px 99px 0 rgba(148, 148, 148, 0.23);background: var(--white);border-radius: 10px;}
.duration-sec .data .icon {width: 55px;height: 55px;}
.noted-txt {color: #A8A6A6;font-style: italic;border: 1px solid;padding: 5px 10px;}
.wpcf7-not-valid-tip{font-size: 12px;}
.custm-select:has(.wpcf7-not-valid-tip) i{top: 40%;}

/* *********************Training page here*********************** */

/************************End************************/
/*
* Santosh Kumar
* Date : 24 April 2025
* Time : 15:44:56
* Location : 	UI/UX Sub services Page
* Description : 	Sub Services Page Styling
/***********************Start***********************/
.bg-shape{top: 0; left: 0; width: 100%; height: 100% !important; object-fit: cover; object-position: top;  z-index: -1;}
.card-box{ background: rgba(217, 217, 217, 0.1); border: .5px solid rgba(128, 128, 128, 0.6); -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(5px);}
.banner-img{max-width:450px;}
.card-box .icon{max-width: 120px;}
.gredient-card .card-box::before{content: ""; height: 200px; width: 200px; position: absolute; top: 5%; left: 5%; background: linear-gradient(180deg, #FF9736 0%, #E62415 100%); filter: blur(50px); opacity: 0.1; z-index: -1;}
.gredient-card:nth-child(2) .card-box::before{background: linear-gradient(180deg, #EFFF36 0%, #71E615 100%);}
.gredient-card:nth-child(3) .card-box::before{background: linear-gradient(180deg, #6FD7F9 0%, #E6159F 100%);}
.check-list{list-style: none;}
.check-list .check-list-item{position: relative; padding-left: 30px; font-weight: 500; margin-bottom: 70px;}
.check-list .check-list-item::before{content: ""; position: absolute; left: 0; top: 8px; width: 16px; height: 16px; background: url("../../images/check-list-bullet.svg") no-repeat center / contain;}
.sec-bg-gradient{background: linear-gradient(rgba(217, 217, 217, 0.1), rgba(3, 3, 3, 0.2));}
/* Only disable pointer events for non-active links */
.slider-link.disabled-link {pointer-events: none; cursor: default;}

/* Enable pointer events for entire slide item */
.circle-slide-item {
  pointer-events: auto !important;
}
.cn-close-icon{padding: 20px;}

/*************Pain Point Sections**********/
.pain-card { padding: 30px;  padding-bottom: 45px; border: 1px solid; background: var(--white); min-height: 230px; transform: scale(.8); opacity: .7; transition: all .4s ease;}
.pain-card.active { transform: scale(1); opacity: 1;}
.pain-card h3{margin-top: 10px; margin-bottom: 10px; color: var(--dark-text); font-weight: 400;}
.pain-points-sec  .animate { position: sticky; top: 30vh;}

/** -- Landing page template styles -- **/
.page-template-landing , .page-template-landing-premium {
  .widget-container{max-width: 400px;}
  .feature-card{
    .icon{
      width: 60px; min-width: 60px; height: 60px; border-radius: 6px;
      img{max-width: 30px;}
    }
  }
  .feature-img{ mix-blend-mode: multiply;}
  .service-sec p { margin-bottom: 0px;}
}
/** -- End Landing page template styles -- **/

/* Stuck/stack cards (landing "Stuck Card Section") — base/desktop rules ported
   from the legacy theme. Sticky positioning is applied by GSAP (animations.js);
   responsive overrides (min-height, top) live in responsive.css. Card background
   is set inline per-card via ACF, with #fff as the fallback here. */
.stack-card-wrapper{gap: 20px;}
.stack-card{min-height: 500px; display: flex; flex-direction: column; justify-content: center; background: #fff; border: 1px solid #555555; padding-inline: 50px !important; will-change: transform; transform-style: preserve-3d;}

/************************End************************/