@font-face {
	font-family: 'impactreg';
	src: local('impactreg'), url('https://akm-img-a-in.tosshub.com/sites/interactive/immersive/influencers-site/fonts/impactreg.woff') format('woff');
}
html {
  scroll-behavior: smooth;
}
:root{
    --poppins-font: "Poppins", sans-serif;
    --impact-font: 'impactreg';
    --primary-button-color: rgba(225, 48, 42, 1);
    --pagination-active-color:rgba(252, 59, 67, 1);
    --pagination-color:#fff;
}
*{
            padding: 0px;
            margin: 0px;
            box-sizing: border-box;
        }

        body{
          font-family: "Poppins", sans-serif;
          font-size: 16px;
          font-weight: 400;
          line-height: 1.2;
          color: #000;
          background-color: #000;
          overflow-x: hidden;
        }
        a{
            text-decoration: none;
            color:#fff;
        }
        ul{
            list-style: none;
        }
        h1{
            display:none;
        }
        img{
            max-width: 100%;
        }
        .container{
          width: 100%;
          max-width: 1270px;
          margin: 0 auto;
          padding:0 15px;
        }
        .swiper-pagination-bullet{
            width: 10px;
            height: 10px;
        }
        .swiper-pagination-bullet-active-next, 
        .swiper-pagination-bullet-active-prev{
            transform: scale(.8);
        }
        .swiper-pagination-bullet-active{
            background-color: #FC3B43;
        }
        .sec_wrapper{
            overflow-x: hidden;
        }
        #intro {
          position: relative;
        }
        .intro_wave{
            position: sticky;
  top: 0;
  height: 100vh;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
            
        }

        .intro_txt {
        opacity: 0;
        transform: scale(0.2);
        animation: zoomIn 1s ease-out forwards;
        position: relative;
        z-index:2;
        }
      .intro_txt h2{
        font-family: impactreg;
        font-weight: 400;
        font-size: 42.19px;
        line-height: 52.11px;
        letter-spacing: -0.84px;
        text-transform: uppercase;
        color: #fff;
      }
      .intro_txt h2 span{
        font-size: 54.84px;
        color: #FF0710;
      }
        @keyframes zoomIn {
          0% {
            opacity: 0;
            transform: scale(0.2);
          }
          100% {
            opacity: 1;
            transform: scale(1);
          }
        }
        .scroll_down{
            position: absolute;
            bottom: 30px;
            left:50%;
            transform: translateX(-50%);
            text-align: center;
        }
        .sd_icon{
            margin-bottom: 8px;
            -moz-animation: bounce 2s infinite;
            -webkit-animation: bounce 2s infinite;
            animation: bounce 2s infinite;
        }
        @keyframes bounce {
        0%, 20%, 50%, 80%, 100% {
            transform: translateY(0);
        }
        40% {
            transform: translateY(-30px);
        }
        60% {
            transform: translateY(-15px);
        }
        }
        .sd_txt{
            
            font-weight: 500;
            font-size: 14px;
            line-height: 27px;
            text-transform: uppercase;
            color:#fff;
        }
        .wave_container{
            position: fixed;
            left: 0px;
            top: 0px;
            width: 100%;
            height: 100vh;
            transform-origin: center center;
            display: flex;
            align-items: center;
            justify-content: center;
        }

        .item {
            position:absolute;
            left: 50%;
            opacity: 0;
            transform:translateX(-50%);
            animation: wave 16s linear infinite;
        }

            .item img {
            width: 100%;
            height: 100%;
            object-fit: contain;
            }

            .item:nth-child(1) { animation-delay: 0s; }
            .item:nth-child(2) { animation-delay: 1s; }
            .item:nth-child(3) { animation-delay: 2s; }
            .item:nth-child(4) { animation-delay: 3s; }
            .item:nth-child(5) { animation-delay: 4s; }
            .item:nth-child(6) { animation-delay: 5s; }
            .item:nth-child(7) { animation-delay: 6s; }
            .item:nth-child(8) { animation-delay: 7s; }
            .item:nth-child(9) { animation-delay: 8s; }
            .item:nth-child(10) { animation-delay: 9s; }
            .item:nth-child(11) { animation-delay: 10s; }
            .item:nth-child(12) { animation-delay: 11s; }
            .item:nth-child(13) { animation-delay: 12s; }
            .item:nth-child(14) { animation-delay: 13s; }
            .item:nth-child(15) { animation-delay: 14s; }
            .item:nth-child(16) { animation-delay: 15s; }
            .item:nth-child(17) { animation-delay: 16s; }
            @keyframes wave {
            0% {
                opacity: 0;
                transform:translatex(-50%) scale(0.3);
            }
            10% {
                opacity: 1;
            }
            50% {
                opacity: 1;
                transform:translatex(-50%) scale(2);
            }
            90% {
                opacity: 0;
                transform: translatex(-50%) scale(3.3);
            }
            100% {
                opacity: 0;
            }
            }
       body > header, h1 + header{
            position: sticky;
            top: 0px;
            left: 0px;
            width: 100%;
            background-color: #000000B2;
            z-index: 20;
        }
        .header_row{
            display: flex;
            flex-wrap: wrap;
            align-items: center;
            padding: 10px 0px;
            position: relative;
            z-index: 10;
        }
        .logo{
            line-height: 0px;
        }
        nav{
            margin-left: auto;
        }
        nav ul{
            display: flex;
            align-items: center;
            column-gap: 26px;
        }

        header nav ul li a{
            display: inline-block;
            padding: 10px 20px;
            font-family: "Poppins", sans-serif;
            color: #fff;
            border-radius: 8px;
            font-size: 14px;
            text-transform: uppercase;
            font-weight: 600;
        }
        header nav ul li a.active,
        header nav ul li a:hover{
            background-color: #D10E0D;
        }
        section{
            padding: 100px 0px;
            position: relative;
            z-index: 10;
        }
        .fs_container{
            width: 100%;
            max-width: 896px;
            margin: 0 auto;
        }
        .fs_container h3{
            font-size: 31px;
            line-height: 42px;
            color: #fff;
            font-weight: 400;
            text-transform: uppercase;
        }
        .fs_big_txt{
            font-family: impactreg;
            font-weight: 400;
            font-size: 112.5px;
            line-height: 143.63px;
            letter-spacing: -2.25px;
            text-transform: uppercase;
            color: #fff;
            margin-bottom: 30px;
        }
        .fs_big_txt span{
            font-size: 146.25px;
            color: #FF0710;
        }
        .fs_txt{
            font-weight: 400;
            font-size: 31.5px;
            line-height: 42.75px;
            color:#fff;
            margin-bottom: 43px;
        }
        .btn_grp{
            display: flex;
            align-items: center;
            column-gap: 22px;
        }
        .btn{
            padding:18px 60px;
            border: 1px solid #FF0710;
            border-radius: 12px;
            border-top-right-radius: 40px;
            font-weight: 500;
            font-size: 16.88px;
            line-height: 27px;
            text-transform: uppercase;
            transition: color 0.4s ease-in-out;
            overflow: hidden;
            position: relative;
        }
        .btn::before {
            content: '';
            background-color: #FF0710;
            width: 100%;
            position: absolute;
            left: 0;
            height: 100%;
            top: 0;
            z-index: -1;
            transition: transform 0.4s ease-in-out;
            transform: translateX(-100%);
        }
        .btn:hover, .btn:hover::before{
            transform: translateX(0%);
        }
        #section2{
            padding: 0px;
        }
        #section2 video{
            width: 100%;
            height: auto;
            margin-bottom: -170px;
        }
        #section3{
            background: url('https://akm-img-a-in.tosshub.com/sites/interactive/immersive/influencers-site/images/sec3_bg.png') center right no-repeat;
        }
        .about_info{
            background: #1A1A1A url('https://akm-img-a-in.tosshub.com/sites/interactive/immersive/influencers-site/images/about_bg.png') top left no-repeat;
            border-radius: 20px;
            border-top-right-radius: 230px;
            padding:60px;
            width: 100%;
            max-width: 600px;
        }
        .about_info h3{
            font-family: impactreg;
            font-weight: 400;
            font-size: 65px;
            color:#fff;
            margin-bottom: 20px;
        }
        .about_info p{
            font-weight: 400;
            font-size: 16px;
            line-height: 24px;
            color:#B3B3B3;
            margin-bottom: 20px;
        }
        .about_list{
            margin-bottom: 20px;
        }
        .about_list li{
            background-color: #272727;
            border-radius:12px;
            border-top-right-radius: 40px;
            margin-bottom: 20px;
            font-weight: 500;
            font-size: 20px;
            line-height: 38px;
            color:#fff;
            padding: 18px 24px;
        }
        .about_list li:last-child{
            margin-bottom: 0;
        }

        .stats-bar {
            border-radius: 20px;
            border-top-right-radius: 60px;
            padding: 18px 24px;
            display: flex;
            background-color: #000;
        }

        .stat {
          width:100%;
          flex:0 0 33.33%;
          max-width: 33.33%;
        }

        .stat-number {
            font-family: impactreg;
            font-weight: 400;
            font-size: 40px;
            line-height: 150%;
            color: #FF0710;
        }

        .stat-title {
            font-weight: 300;
            font-size: 15px;
            line-height: 150%;
            color: #fff;
        }
        .stat-title span{
            display: block;
        }

        #trusted-brands{
            background:url("https://akm-img-a-in.tosshub.com/sites/interactive/immersive/influencers-site/images/sec4_bg.png");
            background-position: center bottom;
            background-repeat: no-repeat;
            background-size: 83%;
        }
        
        .ld_brands{
            
        }
        .sec_heading{
            width: 100%;
            max-width: 760px;
            margin: 0 auto;
            margin-bottom: 86px;
        }
        .sec_heading h2{
            font-family: impactreg;
            font-weight: 400;
            font-size: 65px;
            line-height: 130%;
            text-align: center;
            color:#fff;
            margin-bottom: 20px;
        }
        .sec_heading p{
            font-weight: 400;
            font-size: 16px;
            line-height: 24px;
            text-align: center;
            color: #fff;
        }
        .leading_brands{
            position: relative;
        }
        .brand-logo{
            position: absolute;
            animation: float 3s ease-in-out infinite;
        }
        .brand_logo {
            position: relative;
        }
        .brand_logo::before,.brand_logo::after{
            content: '';
            position: absolute;
            top: 0px;
            width: 100px;
            height: 100%;
            z-index: 2;
        }
        .brand_logo .swiper-slide {
            width: 200px;
            text-align: center;
            position: relative;
        }
        .brand_logo .swiper-slide img{
            box-shadow: 0 0 25px rgba(0,0,0,0.3);
            border-radius: 50%;
            width: 250px;
            height: auto;
            transition: transform ease 0.4s;
            transform:scale(0.45);
            opacity:0.6;
        }
        .brand_logo .swiper-slide.swiper-slide-active img{
            transform:scale(1);
            opacity: 1;
        }
        #trusted-brands .swiper-pagination{
            position: static;
            margin: 30px auto 0;
        }
        #trusted-brands .swiper-pagination-bullets-dynamic{
            transform: translateX(0%);
        }
        #trusted-brands .swiper-pagination-bullet{
            background-color: #fff;
        }
        #trusted-brands .swiper-pagination-bullet-active {
            background-color: #FC3B43;
        }
        .brand-logo:first-child{
            top: 23em;
    left: 13em;
        }
        .brand-logo:nth-child(2){
                top: 14em;
    left: 25em;
    animation-delay: 0.5s;
        }
        .brand-logo:nth-child(3){
            top: 28em;
    left: 41em;
            animation-delay: 1s;
        }
        .brand-logo:nth-child(4){
           top: 21em;
    left: 99em;
            animation-delay: 1.5s;
        }
        .brand-logo:nth-child(5){
            top: 26em;
    left: 65em;
            animation-delay: 2s;
        }
        .brand-logo:nth-child(6){
            top: 11em;
    left: 71em;
            animation-delay: 0.5s;
        }
        .brand-logo:nth-child(7){
            top: 16em;
    left: 88em;
            animation-delay: 1s;
        }
        .brand-logo:nth-child(8){
            top: 25em;
    right: 26em;
            animation-delay: 1.5s;
        }
        .brand-logo:nth-child(9){
            top: 14rem;
            left:calc(50% - 180px);
             animation-delay: 2s;
        }
        @keyframes float {
            0% {
                transform: translatey(0px);
            }
            50% {
                transform: translatey(-10px);
            }
            100% {
                transform: translatey(0px);
            }
        }
        #winning-campaigns{
            background:url("https://akm-img-a-in.tosshub.com/sites/interactive/immersive/influencers-site/images/award_abstract_design.png");
            background-color: #fff;
            background-position: top left, calc(((100% - 500px)/2)) top;
            background-repeat: no-repeat;
            min-height: 100vh;
            background-size: 334px, 823px;
        }
        .sec5_heading{
            width:100%;
            max-width: 482px;
            margin-left: auto;
            margin-bottom: 153px;
        }
        .sec5_heading h2{
            font-family: impactreg;
            font-weight: 400;
            font-size: 65px;
            line-height: 100%;
            margin-bottom: 20px;
        }
        .sec5_heading p{
            font-weight: 500;
            font-size: 16px; 
            line-height: 24px;
            color: #2D2D2D;
        }

        .sec5_slider{
            border-radius: 20px 60px 20px 20px;
            box-shadow: 10px 0px 34px 0px #0000000F;
            background-color: #fff;
            padding:30px 40px 20px;
            width:100%;
            max-width: 793px;
            margin-left: 30%;
        }
        .camp_slider_txt h3{
            font-family: impactreg;
            font-weight: 400;
            font-size: 28px;
            line-height: 38px;
            text-transform: uppercase;
            color: #525252;
            margin-bottom: 4px;
        }
        .camp_slider_txt h4{
            font-weight: 700;
            font-size: 20px;
            line-height: 32px;
            color: #E1302A;
            margin-bottom: 20px;
        }
        .camp_slider_txt p{
            font-weight: 400;
            font-size: 16px;
            line-height: 24px;
            color: #2D2D2D;
            margin-bottom: 20px;
        }
        .sec5_slider .swiper-pagination-horizontal.swiper-pagination-bullets{
            position: static;
            transform: translateX(0);
            margin:0 auto;
        }
        .sec5_slider .swiper-button-next, 
        .sec5_slider .swiper-button-prev{
            position: static;
            width:32px;
            height: 32px;
            margin-top: 0px;
        }
        .swiper-button-next:after, .swiper-rtl .swiper-button-prev:after,
        .swiper-button-prev:after, .swiper-rtl .swiper-button-next:after{
          display: none;
        }
        .sec5_slider_nav_grp{
            display: flex;
            align-items: center;
            justify-content: center;
            column-gap: 22px;
            margin-top: 30px;
        }


        .testimonials-section {
      padding: 80px 60px;
      min-height: 100vh;
      display: flex;
      align-items: center;
      justify-content: center;
    }

    .testimonials-container {
      max-width: 1200px;
      width: 100%;
      display: flex;
      gap: 60px;
      align-items: center;
    }

    /* LEFT SIDE */
    .testimonials-left {
      flex: 0 0 38%;
      position: relative;
    }

    .quote-marks {
      margin-bottom: -17px;
    }

    .heading-main {
      margin-bottom: 24px;
      font-family: Impact;
      font-weight: 400;
      font-size: 65px;
      line-height: 130%;
      color: #fff;
      margin-bottom: 20px;
    }

    .heading-main span {
      display: block;
    }

    .heading-main span:nth-child(2) {
      margin-top: 4px;
    }

    .heading-main span:nth-child(3) {
      margin-top: 4px;
    }

    .subtext {
      color: #fff;
      margin-bottom: 36px;
      max-width: 410px;
        font-weight: 500;
        font-size: 16px;
        line-height: 24px;
    }

    .nav-buttons {
      display: flex;
      gap: 22px;
    }
    .mob-nav{
        display: none;
    }
    .nav-btn {
      border-radius: 999px;
      border: none;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      cursor: pointer;
      transition: transform 0.2s ease, box-shadow 0.2s ease,
        background 0.2s ease;
    }

    .nav-btn:hover {
      transform: translateY(-2px);
      box-shadow: 0 10px 20px rgba(245, 59, 47, 0.35);
      background: #ff4c3f;
    }

    .testimonials-swiper{
        position: absolute;
        bottom: 90px;
        left:-40px;
    }
    .testimonials .container{
    display: flex;
    gap: 60px;
    overflow: hidden;
    }

    /* RIGHT SIDE */
    .testimonials-right {
      flex: 0 0 62%;
    }

    .bg-panel {
      position: relative;
      border-radius: 56px;
      min-height: 360px;
      padding: 40px 40px 0px;
      display: flex;
      flex-direction: column;
    }
     .testi_red_bg img{
        border-radius: 40px 180px 40px 40px;
    }

    .testimonials-swiper {
      width: 100%;
    }

    .testimonials-swiper .swiper-slide{
       height: auto;
    }

    .testimonial-card {
      background: #050505;
      border-radius: 30px;
      padding:40px;
      display: flex;
      flex-direction: column;
      gap: 25px;
      height:100%;
    }

    .testimonial-header {
      display: flex;
      align-items: center;
      gap: 15px;
    }

    .avatar {
      width: 56px;
      height: 56px;
      border-radius: 50%;
      background: #000;
      border:1px solid #A3A3A3;
      display: flex;
      align-items: center;
      justify-content: center;
      flex-shrink: 0;
    }
    .avatar img{
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    .person-meta {
      display: flex;
      flex-direction: column;
      gap: 3px;
    }

    .person-name {
      font-weight: 600;
    font-size: 20px;
    line-height: 100%;
    color: #fff;
    margin-bottom: 4px;
    }
    .comp-name{
        font-weight: 400;
        font-size: 16px;
        line-height: 19px;
        color:#808080;
    }
    .person-role {
        font-weight: 600;
        font-size: 14px;
        line-height: 18px;
        color: #808080;
    }

    .testimonial-text {
      font-size: 14px;
      line-height: 1.8;
      color: #fff;
      font-weight: 400;
      font-size: 15px;
      line-height: 26px;
    }
    .bg-panel .swiper-pagination{
        bottom:36px ;
    }
    .bg-panel .swiper-pagination-bullet{
        background-color: #FFFFFF;
        opacity: 0.4;
    }
    .bg-panel .swiper-pagination-bullet-active{
        background-color: #FC3B43;
    } 
    .testimonials .swiper-pagination.swiper-pagination-bullets-dynamic {
        position:static;
        transform: translateX(0);
        margin:-45px auto 30px;
    }
    
    .testimonials .swiper-pagination-bullet{
        background: #fff;
    }
    .testimonials .swiper-pagination-bullet-active{
        background: #FC3B43;
    }

    /* Responsive */
    @media (max-width: 992px) {
      .testimonials-section {
        padding: 60px 24px;
      }

      .testimonials-container {
        flex-direction: column;
        gap: 40px;
      }

      .heading-main {
        font-size: 38px;
      }

      .bg-panel {
        padding: 28px 22px 90px;
        border-radius: 40px;
      }

      .testimonial-card {
        padding: 24px 22px 24px;
      }
    }

    @media (max-width: 600px) {

      .heading-main {
        font-size: 32px;
      }
    }


    /* Vishal css */
    .success-story-section{
        background-color: #fff;
    }
    .ss-headline {
    font-family: var(--impact-font);
    font-weight: 400;
    font-size: 65px;
    line-height: 100%;
    text-align: center;
    margin-bottom: 20px;
}

.ss-small-text {
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    text-align: center;
    max-width: 760px;
    margin-inline: auto;
    color: rgba(45, 45, 45, 1);
}

.ss-item {
    box-shadow: 0px 20px 60px 0px rgba(46, 33, 61, 0.08);
    border-radius: 20px;
    position: relative;
    padding-bottom: 46px;
}
.ss-item:hover{
    animation: horizontal-shaking 0.25s linear;
}

@keyframes horizontal-shaking {
 0% { transform: translateX(0) }
 25% { transform: translateX(5px) }
 50% { transform: translateX(-5px) }
 75% { transform: translateX(5px) }
 100% { transform: translateX(0) }
}

.success-story-row {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
    margin: 70px 0px;
}

.ss-item-image {
    max-height: 223.5px;
    overflow: hidden;
    border-radius: 12px 12px 0px 0px;
    background-color: #000;
}

.ss-item:hover .ss-read-more, .ss-item:hover .ss-icon svg path {
    color: var(--primary-button-color);
    fill: var(--primary-button-color);
    transition: color 0.2s ease-in-out, fill 0.2s ease-in-out;
}



.ss-item-image img {
    object-fit: cover;
    object-position: center center;
    aspect-ratio: 16 / 9;
    width: 100%;
}

.success-story-item-container {
    padding: 20px 20px 15px 20px;
}

.ss-item-head {
    font-weight: 600;
    font-size: 20px;
    line-height: 1;
    color: #000;
}

.ss-item-tag {
    padding: 6px 30px;
    border: 1px solid var(--primary-button-color);
    display: inline-block;
    font-weight: 600;
    font-size: 12px;
    line-height: 12px;
    text-align: center;
    text-transform: uppercase;
    border-radius: 4px 14px 4px 4px;
    margin: 10px 0px 15px 0px;
    color: var(--primary-button-color);
}
.ss-item-text {
    font-weight: 400;
    font-size: 14px;
    line-height: 24px;
    color: rgba(84, 84, 84, 1);
}

.ss-icon {
    line-height: 0px;
    display: inline-block;
}
.ss-item-footer {
    display: grid;
    grid-template-columns: 20px 1fr;
    align-items: center;
    gap: 8px;
    border-top: 1px solid rgba(191, 191, 191, 1);
    padding-top: 15px;
    color: rgba(23, 28, 44, 1);
    text-decoration: none;
    font-weight: 400;
    font-size: 14px;
    line-height: 1;
    margin-top: 15px;
    position: absolute;
    bottom: 15px;
    left: 15px;
    width: calc(100% - 30px);
}

.explore-button {
    text-decoration: none;
    display: inline-block;
    border: 1px solid var(--primary-button-color);
    color: var(--primary-button-color);
    font-weight: 600;
    font-size: 18px;
    line-height: 24px;
    text-align: center;
    text-transform: uppercase;
    padding: 18px 50px;
    border-radius: 12px 40px 12px 12px;
    cursor: pointer;
    outline: 0;
    position: relative;
    overflow: hidden;
    transition:  color 0.4s ease-in-out;
}

.explore-button::before{
    content: '';
    background-color: var(--primary-button-color);
    width: 100%;
    position: absolute;
    left: 0;
    height: 100%;
    top: 0;
    z-index: -1;
    transition: transform 0.4s ease-in-out;
    transform: translateX(-100%);
}

.explore-button:hover , .explore-button:hover::before {
    color: #fff;
    transform: translateX(0%);
    
}

.success-stoty-footer {
    text-align: center;
}

.fluencers-slider-section{
   background: #000 url(https://akm-img-a-in.tosshub.com/sites/interactive/immersive/influencers-site/images/fluencer-bg-image.png) top center no-repeat;
}

.fl-sl-headline {
    font-family: var(--impact-font);
    font-weight: 400;
    font-size: 65px;
    line-height: 1;
    text-align: center;
    color: #fff;
}

.fl-sl-text {
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    text-align: center;
    color: #fff;
    margin-top: 20px;
    max-width: 760px;
    margin-inline: auto;
}

.fl-item-name {
    font-family: var(--impact-font);
    font-weight: 400;
    font-size: 20px;
    line-height: 20px;
    color: #fff;
    text-decoration: none;
}

.fl-item-designation {
    list-style: none;
    display: flex;
    gap: 10px;
    margin-top: 12px;
}

.fl-item-designation li {
    font-weight: 500;
    font-size: 16px;
    line-height:1;
    color: #fff;
    position: relative;
    white-space: nowrap;
}

.fl-item-designation li:not(:last-child)::after {
    content: '|';
    position: absolute;
    height: 100%;
    right: -7px;
    color: #fff;
    top: 0;
}

.fl-item-image {
    margin-bottom: 20px;
}

.fl-item-image img {
    filter: grayscale(1);
    transform: scale(0.8);
    transform-origin: top center;
    transition: transform 0.3s ease, filter 0.3s ease;
}

.fl-slider-item.swiper-slide.swiper-slide-active .fl-item-image img {
    filter: none;
    transform: scale(1);
}

.fl-item-slide-bottom-area {
    opacity: 0;
}
.fl-slider-item.swiper-slide.swiper-slide-active .fl-item-slide-bottom-area {
    opacity: 1;
    transition: opacity 0.8s ease-in;
}

.fluencers-slider-wrapper .swiper {
    padding: 86px 0px 0px 0px;
}

.fluencers-slider-wrapper {
    position: relative;
}

.fluencers-slider-wrapper .swiper-pagination{bottom: 0;}

.fluencers-slider-wrapper  .swiper-pagination-clickable .swiper-pagination-bullet{
    background: var(--pagination-color);
    width: 10px;
    height: 10px;
    transform: scale(.66);
    margin: 0 2.5px;
}

.fluencers-slider-wrapper  .swiper-pagination-clickable .swiper-pagination-bullet-active{
    background: var(--pagination-active-color);
    transform: scale(1);
    opacity: 1;
}

.fluencers-slider-wrapper  .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next, 
.fluencers-slider-wrapper  .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev  {
    transform: scale(.88);
    opacity: 0.4;
}

.fl-swiper-bottom-area {
    width: 100%;
    height: auto;
    z-index: 9;
    display: flex;
    flex-wrap: wrap;
    gap:86px 0px;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    margin-top: 36px;
}

.fluencers-slider-wrapper .fl-swiper-bottom-area .swiper-pagination{
    position: relative;
    left: 0%;
    transform: translateX(0%);
}

.fl-swiper-bottom-area  .swiper-button-next, .fl-swiper-bottom-area  .swiper-button-prev{
    background-color: var(--primary-button-color);
    position: relative;
    margin: 0;
    width: 32px;
    height: 32px;
    border-radius: 99999px;
    left: unset;
    right: auto;
    top: unset;
}

.fl-swiper-bottom-area  .swiper-button-next::after, .fl-swiper-bottom-area  .swiper-button-prev::after{
    color: #fff;
    font-size: 12px;
    font-weight: 800;
}

.fl-swiper-navigation-container {
    display: grid;
    gap:0px 22px;
    grid-template-columns: 32px 32px;
}



.fl-slider-item.swiper-slide {
    user-select: none;
}
.content-studio-section{
    background-color: #fff;
}
.cs-headline {
    text-align: center;
    font-family: var(--impact-font);
    font-weight: 400;
    font-size: 65px;
    line-height: 1.3;
    margin-bottom: 20px;
}
.cs-small-text {
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    text-align: center;
    max-width: 796px;
    margin-inline: auto;
    color: rgba(45, 45, 45, 1);
}

.cs-head-area {
    background-color: #060606;
    min-height: 312px;
    height: auto;
    margin-top: 40px;
    border-radius: 20px 60px 20px 20px;
    position: relative;
}

.cs-content-row {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    margin-top: -66px;
    padding: 0px 70px;
    gap: 60px;
    position: relative;
    z-index: 1;
}

.cs-content-item {
    background-color: #fff;
    padding: 25px;
    border-radius: 20px 60px 20px 20px;
    box-shadow: 0px 20px 60px 0px rgba(46, 33, 61, 0.08);

}

.cs-item-head {
    font-weight: 600;
    font-size: 20px;
    line-height: 1;
    color: rgba(23, 28, 44, 1);
    margin: 15px 0px 10px 0px;
}


.cs-item-text {
    font-weight: 400;
    font-size: 14px;
    line-height: 24px;
    margin-bottom: 30px;
    color: rgba(84, 84, 84, 1);
}

.cs-item-icon {
    width: 45px;
    height: 45px;
    background-repeat: no-repeat;
    background-position: center center;
}

.mouth-speaker-icon {
    background-image: url('data:image/svg+xml,<svg width="45" height="45" viewBox="0 0 45 45" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M31.221 4.89276C31.394 4.54309 31.8154 4.40137 32.1651 4.57254C32.5147 4.74553 32.6583 5.16697 32.4853 5.51664L31.0645 8.39682C30.8916 8.74649 30.4701 8.89005 30.1204 8.71705C29.7708 8.54405 29.629 8.12262 29.8002 7.77294L31.221 4.89276ZM15.9383 31.7455L11.757 34.138L18.6549 40.4521C18.7543 40.5036 18.8463 40.5128 18.9309 40.4834C19.1039 40.4226 19.3009 40.2441 19.5235 39.9497C19.9119 39.4343 20.2542 38.9669 20.5505 38.5473C20.8449 38.1295 21.0952 37.7523 21.3032 37.4173C21.329 37.375 21.351 37.3364 21.3658 37.3051C21.4099 37.213 21.4302 37.1468 21.4228 37.1118C21.4173 37.0916 21.3805 37.0585 21.3032 37.0106C21.2774 36.9959 21.2461 36.9775 21.2057 36.9572L21.1136 36.9112C20.821 36.7695 20.6002 36.6628 20.28 36.4603C19.1813 35.7647 18.25 34.9678 17.4753 34.0624C17.3612 33.928 17.2489 33.7918 17.1422 33.6538C17.1238 33.6336 17.109 33.6133 17.0925 33.5894C16.6508 33.0152 16.2678 32.4007 15.9383 31.7455ZM7.13945 32.4724L4.71386 28.2709C4.44701 28.5801 4.26297 28.9481 4.16725 29.3364C4.01635 29.9585 4.09364 30.6357 4.43779 31.232V31.2357C4.78194 31.8301 5.32851 32.2368 5.94136 32.4154C6.32784 32.5276 6.73823 32.5497 7.13945 32.4724ZM16.3525 29.8812L10.7761 33.0724C10.432 33.2693 10.04 33.308 9.68296 33.2123C9.32961 33.1166 9.01121 32.8902 8.81428 32.5534L8.8014 32.5277C8.78667 32.5001 8.77011 32.4725 8.75355 32.4485L5.45745 26.7398C5.27525 26.4049 5.24213 26.0239 5.33415 25.6761C5.42984 25.319 5.66173 24.997 6.00405 24.7982L6.04086 24.7743L11.564 21.5868L16.3525 29.8812ZM29.8109 27.2035L20.6162 11.2749C19.3261 13.3784 18.0378 15.2152 16.7533 16.7829C15.4154 18.4153 14.0774 19.7588 12.7413 20.8115L17.6166 29.2533C19.1993 28.6221 21.0305 28.1343 23.1138 27.792C25.1069 27.4644 27.341 27.2679 29.8109 27.2035ZM29.4005 20.7216L26.0271 14.8805L26.0068 14.8492L25.9884 14.8161L22.1457 8.15945C22.0464 7.98646 21.8826 7.87052 21.6967 7.82083C21.5127 7.77114 21.3121 7.79138 21.1391 7.89076L21.1372 7.8926C20.9642 7.99198 20.8483 8.15761 20.7986 8.34165C20.7507 8.51648 20.7673 8.70604 20.8538 8.87535L21.22 9.50846L21.2366 9.53606L31.6293 27.5348L31.6349 27.544L31.9716 28.1292C31.9882 28.1531 32.0029 28.1789 32.0158 28.2047C32.117 28.3611 32.2716 28.4678 32.4446 28.5139C32.6176 28.5599 32.8053 28.5451 32.9728 28.4586L33.0354 28.4218C33.1918 28.3206 33.2985 28.166 33.3446 27.993C33.3943 27.809 33.374 27.6084 33.2746 27.4354L29.4264 20.7698L29.4135 20.7477L29.4005 20.7216ZM30.6611 16.095L30.6814 16.1262C31.0366 16.763 31.1065 17.4863 30.9298 18.1433C30.8102 18.5923 30.5728 19.01 30.236 19.3487L27.6282 14.8325C28.0901 14.7092 28.5704 14.7165 29.0213 14.8361C29.6875 15.0147 30.2893 15.449 30.6611 16.095ZM40.2421 18.953C40.6304 18.9788 40.9267 19.3119 40.9028 19.702C40.8788 20.0904 40.5439 20.3848 40.1556 20.3609L36.9515 20.1511C36.5632 20.1272 36.2669 19.7922 36.2927 19.4021C36.3166 19.0138 36.6515 18.7193 37.0398 18.7432L40.2421 18.953ZM37.7944 10.598C38.1312 10.4047 38.5618 10.5207 38.7551 10.8574C38.9483 11.1942 38.8324 11.6249 38.4956 11.8181L35.7148 13.4229C35.3781 13.6161 34.9474 13.5002 34.7541 13.1634C34.5609 12.8266 34.6769 12.396 35.0136 12.2027L37.7944 10.598Z" fill="%23CF1F25"/></svg>');
}

.mouth-mic-icon {
    background-image: url('data:image/svg+xml,<svg width="45" height="45" viewBox="0 0 45 45" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20.8343 18.7797H19.541V15.293C19.5376 12.8097 17.5243 10.7964 15.0409 10.793H10.6475C8.1642 10.7963 6.15089 12.8096 6.14748 15.293V18.7797H4.85417C4.48583 18.7797 4.1875 19.078 4.1875 19.4464V24.1132C4.1975 25.8566 4.89082 27.5282 6.11915 28.7665C7.34581 30.0048 9.01079 30.7131 10.754 30.7398V34.3531H14.8874V30.7065C16.6307 30.6781 18.2924 29.9698 19.5188 28.7315C20.7438 27.4915 21.4372 25.8231 21.4471 24.08V19.4131C21.4321 19.0781 21.1688 18.8064 20.8338 18.7797L20.8343 18.7797ZM16.1674 15.5597C16.1674 15.7364 16.0974 15.9064 15.9724 16.0314C15.8474 16.1564 15.6774 16.2264 15.5007 16.2264H10.1674C9.96739 16.2814 9.75239 16.238 9.58738 16.113C9.42238 15.9864 9.32571 15.7914 9.32571 15.583C9.32571 15.3747 9.42238 15.1797 9.58738 15.053C9.75238 14.928 9.96737 14.8847 10.1674 14.9397H15.5007C15.8457 14.9464 16.1307 15.2147 16.154 15.5597L16.1674 15.5597ZM16.1674 19.4197C16.1674 19.5964 16.0974 19.7664 15.9724 19.8914C15.8474 20.0164 15.6774 20.0864 15.5007 20.0864H10.1674C9.96739 20.1414 9.75239 20.098 9.58738 19.973C9.42238 19.8464 9.32571 19.6514 9.32571 19.443C9.32571 19.2347 9.42238 19.0397 9.58738 18.913C9.75238 18.788 9.96737 18.7447 10.1674 18.7997H15.5007C15.8457 18.8064 16.1307 19.0747 16.154 19.4197L16.1674 19.4197ZM10.1676 22.6464H15.5009C15.7009 22.5914 15.9159 22.6347 16.081 22.7597C16.246 22.8864 16.3426 23.0814 16.3426 23.2897C16.3426 23.498 16.246 23.693 16.081 23.8197C15.916 23.9447 15.701 23.988 15.5009 23.933H10.1676C9.96761 23.988 9.75261 23.9447 9.5876 23.8197C9.4226 23.693 9.32594 23.498 9.32594 23.2897C9.32594 23.0814 9.4226 22.8864 9.5876 22.7597C9.7526 22.6347 9.9676 22.5914 10.1676 22.6464ZM20.1678 24.0797C20.1678 27.0014 17.8162 29.3797 14.8946 29.413V29.1664H10.7613V29.413C7.83631 29.383 5.48132 27.0047 5.48132 24.0797V20.0797H6.14799V23.5664C6.15132 26.0497 8.16467 28.063 10.648 28.0664H15.0414C17.5247 28.0631 19.5381 26.0497 19.5415 23.5664V20.0664H20.2081L20.1678 24.0797Z" fill="%23CF1F25"/><path d="M8.14 35.4463H17.5599C17.9133 35.4463 18.1999 35.7996 18.1999 36.0863V39.8596C18.1999 40.213 17.9133 40.4996 17.5599 40.4996H8.14C7.78667 40.4996 7.5 40.1463 7.5 39.8596V36.0863C7.5 35.733 7.78667 35.4463 8.14 35.4463Z" fill="%23CF1F25"/><path d="M35.1193 4.5H22.8194C21.3978 4.5 20.2461 5.65166 20.2461 7.07331V14.5933C20.2461 16.015 21.3978 17.1666 22.8194 17.1666H35.1193C36.541 17.1666 37.6926 16.015 37.6926 14.5933V7.07331C37.6926 5.65166 36.541 4.5 35.1193 4.5ZM32.6527 11.3932L27.3194 14.4799C27.221 14.5332 27.111 14.5632 26.9994 14.5666C26.8844 14.5649 26.7727 14.5349 26.6727 14.4799C26.4794 14.3616 26.3577 14.1532 26.3527 13.9266V7.74672C26.346 7.51338 26.4627 7.29338 26.6594 7.16671C26.866 7.04838 27.1194 7.04838 27.326 7.16671L32.6594 10.26C32.861 10.3717 32.9827 10.5834 32.9794 10.8134C32.981 11.0517 32.8577 11.2715 32.6527 11.3932Z" fill="%23CF1F25"/><path d="M27.6289 12.806L31.0489 10.8327L27.6289 8.85938V12.806Z" fill="%23CF1F25"/></svg>');
}
.notes-icon {
    background-image: url('data:image/svg+xml,<svg width="45" height="45" viewBox="0 0 45 45" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M13.0084 16.1889C12.965 16.0297 12.9882 15.8589 13.0707 15.7156C13.1532 15.5724 13.2892 15.4682 13.4498 15.4248L22.6222 12.9674C22.9551 12.8777 23.298 13.076 23.3863 13.4088C23.476 13.7417 23.2778 14.0832 22.9449 14.1729L13.7725 16.6303C13.719 16.6447 13.6655 16.652 13.6105 16.652C13.3283 16.652 13.0808 16.4624 13.0084 16.1889ZM13.6119 20.7491C13.6655 20.7491 13.7205 20.7419 13.7726 20.7274L22.9464 18.2686C23.2793 18.1789 23.4761 17.8373 23.3878 17.5045C23.2981 17.1716 22.9551 16.9748 22.6222 17.0631L13.4499 19.5219C13.1474 19.6029 12.952 19.8952 12.9925 20.2064C13.0345 20.5161 13.2979 20.7491 13.6119 20.7491ZM23.3878 21.6C23.3459 21.4409 23.2402 21.3048 23.097 21.2223C22.9537 21.1399 22.7829 21.1167 22.6237 21.1601L13.4499 23.6189C13.1474 23.6999 12.952 23.9923 12.9926 24.302C13.0331 24.6131 13.2979 24.8447 13.6105 24.8447C13.6655 24.8447 13.7191 24.8374 13.7726 24.8229L22.9465 22.3656C23.2793 22.2759 23.4776 21.9343 23.3878 21.6ZM17.0363 27.3699C16.9929 27.2107 17.016 27.04 17.0985 26.8967C17.181 26.7534 17.317 26.6492 17.4777 26.6073L26.6515 24.1485V24.147C26.9844 24.0588 27.3259 24.2556 27.4156 24.5884C27.5054 24.9213 27.3071 25.2643 26.9742 25.3526L17.7989 27.8113C17.6397 27.8547 17.4689 27.8316 17.3257 27.7491C17.1824 27.6666 17.0782 27.5291 17.0363 27.3699ZM27.0333 28.1283L17.861 30.587C17.5571 30.6681 17.3617 30.9604 17.4022 31.2716C17.4427 31.5813 17.7076 31.8143 18.0216 31.8143C18.0752 31.8143 18.1301 31.807 18.1837 31.7925L27.3561 29.3338C27.6904 29.2455 27.8872 28.9025 27.7989 28.5697C27.7092 28.2368 27.3676 28.04 27.0333 28.1283ZM26.2171 32.7767L17.0448 35.2355C16.7423 35.3165 16.5469 35.6088 16.5874 35.9186C16.628 36.2297 16.8913 36.4612 17.204 36.4612C17.259 36.4627 17.3139 36.454 17.3675 36.4395L26.5414 33.9822C26.8742 33.8925 27.071 33.5509 26.9813 33.2181C26.893 32.8852 26.55 32.6884 26.2171 32.7767ZM36.511 6.49696L27.0867 15.9646V15.9661C27.3602 16.0616 27.6076 16.2179 27.8117 16.4219C28.0418 16.652 28.227 16.9227 28.3587 17.2193L37.8364 7.83281C37.8132 7.10922 37.2346 6.52593 36.511 6.49696ZM26.0971 18.312L26.2534 17.0732C26.5009 17.0601 26.7425 17.1455 26.9292 17.3076C27.1405 17.5189 27.278 17.7939 27.32 18.0891L26.0971 18.3134L26.0971 18.312ZM7.26924 38.9937H13.3055L7.00879 15.4956C6.51242 13.6215 7.62386 11.6981 9.49505 11.1902L14.3691 9.88342L7.2692 9.88487C6.01593 9.88487 5.00144 10.8994 5 12.1512V36.7274C5.00289 37.9778 6.01742 38.9923 7.26924 38.9937ZM28.7816 18.5595L28.265 19.0718C28.1752 19.16 28.0624 19.2194 27.9379 19.2425L25.4864 19.6912V19.6897C25.4487 19.6969 25.4111 19.7013 25.3735 19.7013C25.194 19.7013 25.0247 19.6231 24.906 19.4885C24.7888 19.3554 24.7338 19.176 24.7555 18.9994L25.0855 16.3974V16.3887C25.0942 16.3264 25.1115 16.2657 25.139 16.2078C25.1405 16.2034 25.1419 16.2005 25.1448 16.1962C25.1579 16.1702 25.1723 16.1441 25.1897 16.1195C25.194 16.1152 25.1969 16.1108 25.1998 16.1065C25.2172 16.0819 25.2374 16.0587 25.2577 16.037L25.2606 16.0341L27.5023 13.7823L26.5573 10.2569C26.2288 9.05143 24.9885 8.33507 23.7801 8.6549L9.81742 12.396C8.61046 12.7245 7.89554 13.9648 8.21538 15.1732L14.5743 38.9099C14.9028 40.1154 16.1416 40.8318 17.3515 40.512L31.3142 36.7694V36.7708C32.5226 36.4452 33.2404 35.2035 32.9177 33.9951L28.7816 18.5579L28.7816 18.5595ZM39.9742 5.00799C40.0697 5.36979 39.8787 5.80975 39.4388 6.24826L38.8628 6.81702C38.7311 6.5189 38.5458 6.24974 38.3157 6.01963C38.0885 5.79097 37.8208 5.60717 37.527 5.47695L38.184 4.81849C38.4778 4.48709 38.9293 4.34235 39.3606 4.44223C39.6515 4.5088 39.8845 4.72436 39.9742 5.00799ZM38.0958 11.0079L36.9843 9.8965L37.8671 9.01371L39.4185 10.5666C39.6616 10.8097 39.6616 11.2048 39.4185 11.4479L36.7079 14.1599C36.4604 14.3857 36.0798 14.377 35.8425 14.1411C35.6066 13.9038 35.5994 13.5231 35.8266 13.2757L38.0958 11.0079Z" fill="%23CF1F25"/></svg>');
}
.cs-main-heading {
    font-family: var(--impact-font);
    font-weight: 400;
    font-size: 96px;
    line-height: 96px;
    text-transform: uppercase;
    color: rgb(255, 255, 255, 0.1);
    padding-top: 76px;
    text-align: center;
    position: relative;
    z-index: 3;
}


.collaborate-section{
    position: relative;
    background-color: #fff;
}

.collaborate-row {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    align-items: center;
    gap: 108px;
}


.coll-head-panel{
    background: url(https://akm-img-a-in.tosshub.com/sites/interactive/immersive/influencers-site/images/form-bg.png) left bottom / cover no-repeat;
    border-radius: 0px 60px 60px 0px;
    padding: 0px 82px;
    display: grid;
    place-content: center;
    height: auto;
    min-height: 1024px;
}

.coll-head-line {
    font-weight: 400;
    font-size: 22px;
    line-height: 32px;
    color: #fff;
    margin-top: 26px;
}

.coll-header-inner {
    backdrop-filter: blur(76px);
    background-color: rgba(255, 255, 255, 0.2);
    border-radius: 20px 60px 20px 20px;
    padding: 49.5px 64px 48.5px 46px;
}

.coll-sub-head , .coll-sub-head span{
    font-family: var(--impact-font);
    font-weight: 400;
    font-size: 75px;
    line-height: 80px;
    letter-spacing: -2px;
    text-transform: uppercase;
    color: #fff;
    display: block;
}
.coll-form-panel {
    padding:0px 84px 0px 0px;
}
.coll-form-group{
    position: relative;
}
.coll-form-group input {
    border: 1px solid rgba(203, 202, 215, 1);
    padding: 19.5px 20px;
    width: 100%;
    border-radius: 6px 36px 6px 6px;
    color: rgba(104, 102, 119, 1);
    font-weight: 500;
    font-size: 16px;
    line-height: 25px;
    outline: 0;
}

input, select {
    transition: border-color 0.3s, box-shadow 0.3s;
}

.coll-form-group label {
    font-weight: 500;
    font-size: 16px;
    line-height: 25px;
    color: rgba(151, 148, 170, 1);
    margin-bottom: 8px;
    display: block;
}
.required_star{
    color: #e1302a;
}

.coll-form-group:not(:last-child) {
    margin-bottom: 24px;
}  
.coll-form-group:nth-last-child(3) {
     padding-bottom: 25px;
}

.coll-form-group:nth-last-child(3) .error{
  position: absolute;
  left: 0px;
  bottom: 0px;
}

#charCount{
    position: absolute;
    bottom: 0px;
    right: 0px;
    color: #000;
    font-size: 14px;
    line-height: 16px;
}

.explore-button.coll-fill {
    background-color: var(--primary-button-color);
    color: #fff;
    width: 100%;
}

.coll-button-group {
    margin: 4px 0px 20px 0px;
}
.error {
    font-size: 15px;
    color: #e1302a;
    margin-top: 5px;
    display: block;
}
.coll-form-group .error_input{
    border-color: #E1302A;
    box-shadow: 0px 4px 4px 0px #0000001F;
    color: #E1302A;
}
#messageSuccess{
    font-weight: 500;
    font-size: 16px;
    line-height: 25px;
    text-align: center;
    color: #07A94D;
    display: none;
}
#messageSuccess.show{
    display: block;
}
#messageSuccess svg{
    position: relative;
    top: 5px;
    margin-right: 10px;
}
.coll-message-line {
    font-weight: 400;
    font-size: 16px;
    line-height: 25px;
    text-align: center;
    color: rgba(73, 71, 90, 1);
}

footer {
    padding: 60px 0px;
    background: #000 url(https://akm-img-a-in.tosshub.com/sites/interactive/immersive/influencers-site/images/arrow-svg.svg) 80px 100px repeat;
    position: relative;
    z-index: 10;
}

.footer-nav {
    display: flex;
    justify-content: space-between;
    gap: 50px;
}

.footer-email-text {
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: -0.16px;
    color: #fff;
    text-decoration: none;
    margin-top: 10px;
    display: block;
}
.footer-email-text:hover {
    text-decoration: underline;
}

.footer-nav ul {
    column-gap: 76px;
    row-gap: 36px;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
}

.footer-nav ul li{list-style: none;}
.footer-nav ul li a {
    font-weight: 400;
    font-size: 14px;
    line-height: 1;
    text-align: right;
    text-transform: uppercase;
    color: #fff;
    text-decoration: none;
}

.copyright-line {
    font-weight: 400;
    font-size: 14px;
    line-height: 24px;
    letter-spacing: -0.14px;
    text-align: center;
    color: #fff;
    margin-top: 50px;
}


.cs-head-area video {
    position: absolute;
    z-index: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    top: 0;
    border-radius: 20px 60px 20px 20px;
    aspect-ratio: 16 / 9;
    background-position: center center;
}

::selection{
    background-color: var(--primary-button-color);
    color: #fff;
}


/* ===== STICKY SECTION ===== */
    #section2{
        position: relative;
        background-color:#000;  
    }
    .sticky-section {
      padding: 60px 0;
      /* height: 350vh;  */
    }

    .sticky-inner {
      position: sticky;
      top: 50px;
      z-index: 2;
      display: flex;
      justify-content: center;
      padding: 0 40px;
      margin-top: -100px;
    }

    /* ===== CARD WRAPPER (STACK) ===== */
    .metric-card-wrapper {
      position: relative;
      max-width: 1100px;
      width: 100%;
      --card-index: 0; /* used for subtle stacked movement */
      transition: transform 0.55s ease;
      transform: translateY(calc(var(--card-index) * -6px));
    }

    /* .metric-card-wrapper::before,
    .metric-card-wrapper::after {
      content: "";
      position: absolute;
      left: 40px;
      right: 40px;
      height: 100%;
      border-radius: 40px 190px 40px 40px;
      background: #ffffff;
      z-index: -2;
      transition: transform 0.55s ease, box-shadow 0.55s ease, opacity 0.55s ease;
    }

    .metric-card-wrapper::before {
      bottom: -24px;
      transform: translateY(calc(var(--card-index) * 3px));
      box-shadow: 0px 20px 60px 0px #2E213D14;
      z-index: 0;
    }

    .metric-card-wrapper::after {
      bottom: -36px;
      transform: translateY(calc(var(--card-index) * 12px));
      left:80px;
      right: 80px;
    } */

    /* ===== CARD ===== */
    .metric-card {
        position: sticky;
        top: 0px; 
        height: 100vh; 
        width: 100%;
        box-shadow: 60px 4px 60px 0px #2E213D14;
    }
    
    .metric-card .swiper{
        overflow: visible;
    }
    .metric-card .swiper-slide{
        padding: 100px 50px 80px;
        border-radius: 40px 190px 40px 40px;
        background:#fff url("https://akm-img-a-in.tosshub.com/sites/interactive/immersive/influencers-site/images/metric-bg.png") right top no-repeat;
        box-shadow: 60px 4px 60px 0px #2E213D14;
        position:absolute;
        inset:0;
        display:flex;
        justify-content:center;
        align-items:center;
        pointer-events:none; 
        transition:transform 0.6s ease,opacity 0.6s ease,filter 0.6s ease;
        height: 500px;
        top: 50%;
        transform: translate(0px, -50%);
    }

    .metric-card .swiper-slide.is-active{
        border-right:9px solid red;
    }
    
    .mc_swiper{
        height: 100%;
    }
    .mc-item{
      display: flex;
      align-items: center;
      justify-content: space-between;
      column-gap: 50px;
    }

    
    .slider-wrapper {
        position: relative;
        height: 2500px;
        max-width: 1100px;
        width: 100%;
        margin-inline: auto;
    }

  .metric-card .swiper-slide.is-active { 
    opacity:1; transform:scale(1) translateY(-50%); z-index:10;
  }

  .metric-card  .swiper-slide.is-next { 
        transform: translateY(calc(-50% + 40px)) scale(0.97);
        opacity: 1;
        z-index: 5;
        filter: blur(0.6px);
   }
  .metric-card  .swiper-slide.is-prev { 
    opacity: 0.95;
    transform: translateY(calc(-50% + 80px)) scale(0.95);
    z-index: 4;
    filter: blur(0.2px);
   }

   .metric-card .swiper-slide:not(.is-active).is-prev2 {
        transform: translateY(calc(-50% + 40px)) scale(0.97);
        opacity: 1;
        z-index: 1;
        filter: blur(0.6px);
    }

    .metric-card .swiper-slide.is-next2 {
        opacity: 0.7;
        transform: scale(0.93) translateY(calc(-50% + 66px));
        z-index: 2;
    }



    /* .metric-card::after {
      content: "";
      position: absolute;
      top: 2%;
      right: -10px;
      height: 95%;
      width: 100%;
      border-radius: 40px 190px 40px 40px;
      background: #CF1F25;
      z-index: -1;
    } */

    .metric-left {
      max-width: 520px;
    }

    .metric-title {
        margin-bottom: 10px;
        font-weight: 300;
        font-size: 48px;
        line-height: 54px;
        text-transform: uppercase;
        color: #272727;
    }
    .metric-title span{
        display: block;
    }

    .metric-body {
        font-weight: 500;
        font-size: 16px;
        line-height: 24px;
        color: #2D2D2D;
    }

    .metric-right {
      text-align: right;
      min-width: 220px;
      position: relative;
      z-index: 1;
    }

    .metric-value {
        font-weight: 700;
        font-size: 180px;
        line-height: 300px;
        color:#CF1F25;
    }
    
    .metric-value span{
        font-weight: 500;
        font-size: 180px;
        line-height: 300px;
        margin-left: -10px;
    }
   
    #metricCard .swiper-pagination{
        right: 30px;
    }

    .mc_short_txt, .mc_short_txt span{
        font-size: 120px;
    }

    /* ===== ENTER ANIMATION FOR ACTIVE CARD ===== */
    @keyframes cardSwap {
      0% {
        opacity: 0;
        transform: translateY(20px) scale(0.97);
      }
      100% {
        opacity: 1;
        transform: translateY(0) scale(1);
      }
    }

    .metric-card.swapping {
      animation: cardSwap 0.55s cubic-bezier(0.22, 0.61, 0.36, 1);
    }

    /* ===== INVISIBLE SCROLL STEPS ===== */
    .scroll-steps {
      position: relative;
      inset: 0;
      pointer-events: none;
    }

    .scroll-step {
       height:80vh;
    }

    #winning-campaigns{
            position: relative;
            overflow: hidden;
          }
            .sec5_img_slider{
              width: 1670px;
              position: absolute;
              left: calc(((100% - 2170px) / 2));
              top: 9px;
              transform: rotate(-44deg);
              overflow: hidden;
            }
            .sec5_img_slider .swiper-slide{
              overflow: hidden;
      width: 480px;
      transition: transform 0.4s ease, opacity 0.4s ease, filter 0.4s ease;
      display: flex;
      align-items: center;
      justify-content: center;
      height: auto;
    }
    .sec5_img_slider .swiper-slide:has(~ .swiper-slide-prev):not(.sec5_img_slider .swiper-slide:has(+ .swiper-slide-prev)){
                visibility: hidden;
            }
    .sec5_img_slider .swiper-wrapper{
      padding:30px 0px;
    }
    .sec5_img_slider .swiper-slide:not(.swiper-slide-active) img{
       width: 300px;
       height: 300px;
       border-radius: 50%;
       display: block;
       filter: grayscale(100%);
    }
    .sec5_img_slider img{
        transform: rotate(44deg);
        height: 100%;
        width: 100%;
        object-fit: cover;
        object-position: top center;
        border-radius: 50%;
    }
     .sec5_img_slider .swiper-slide-active img{
        width: 508px;
        height: 508px;
     }
    .sec5_img_slider .swiper-slide:not(.swiper-slide-active) img,
    .sec5_img_slider .swiper-slide-prev img{
        width: 285px;
        height: 285px
    }
    .sec5_img_slider .swiper-slide-next img,
    .sec5_img_slider .swiper-slide-prev img{
        opacity: 0.8;
    }
    .sec5_img_slider .swiper-slide:has(~ .swiper-slide-prev),
    .sec5_img_slider .swiper-slide-next + div img{
        opacity: 0.6;
    }


    /* header animation js */

    .intro-space{
        height: 100vh;
    }
    .fixed-intro-image {
        position: fixed;
        width: 100%;
        height: 100vh;
        top: 0;
        left: 0;
        z-index: 0;
        background-size: contain;
        background-position: center center;
        background-repeat: no-repeat;
        transform: scale(0);
    }
    .fixed-intro-image.layer-1 {
        background-size: 50vh;
    }
    .intro-header {
        height: 180vh;
        position: relative;
    }
    .fixed-section {
        position: fixed;
        top: 0;
        width: 100%;
        height: 100vh;
        z-index: 9;
        left: 0;
        display:flex;
        align-items: center;
    }
    .header-main-text {
        transform: scale(0);
    }




@media (max-width:1400px) {
    .fluencers-slider-wrapper .swiper { padding: 50px 0px 0px 0px; }
    .fl-swiper-bottom-area{gap:50px;}
}

@media (max-width:1200px) {
    .cs-content-row {gap: 30px; padding: 0px 40px;}
    .coll-head-panel { padding: 0px 30px; }
    .collaborate-row {gap: 40px;}
}

@media (max-width:1024px) {
    section{
        padding:50px 0px;
    }
    .fs_container, .container{
        padding:0 20px;
    }
    .coll-header-inner {padding: 30px;}
    .coll-sub-head, .coll-sub-head span {font-size: 70px;line-height: 75px;}
    .coll-head-line {font-size: 20px;line-height: 30px;margin-top: 20px;}
    .coll-form-group input { padding: 10px 10px; }
     .success-story-row {
        grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
        gap: 30px;
        margin: 36px 0px;
    }
    .fs_container h3{
        font-size: 27px;
    }
    .fs_big_txt{
        font-size: 66.25px;
        line-height: 80px;
    }
    .fs_big_txt span{
        font-size: 86px;
        line-height: 90px;
    }
    .fs_txt{
        font-size: 27px;
        line-height: 40px;
    }
    #trusted-brands{
        min-height: auto;
    }
    #winning-campaigns{
        min-height: auto;
    }
    .sec5_img_slider{
        width: 680px;
        left:calc(((100% - 1050px) / 2));
    }
    .sec5_heading{
        max-width: 322px;
        margin-bottom: 43px;
    }
    .sec5_slider{
        margin-left: auto;
    }
    .metric-card{
        border-radius: 40px 190px 40px 40px;
        padding: 70px 70px 50px;
        
    }
    .metric-card .swiper-slide{
        padding:100px 20px 80px;
    }
    .mc-item{
        height: 100%;
        column-gap: 30px;
        width:100%;
    }
    .metric-left {
        max-width: 60%;
    }
    .metric-right{
        max-width: 40%;
    }
    .metric-card .swiper-slide.is-active{
        border-width:6px;
    }
    .metric-card .swiper-slide:last-child .metric-left{
        max-width: 50%;
    }
    .metric-card .swiper-slide:last-child .metric-right{
        max-width: 50%;
    }
    .sec_heading{
        margin-bottom: 46px;
    }
    #metricCard .swiper-pagination{
        right:20px;
    }
     .testi_red_bg{
        height: 554px;
     }
     .slider-wrapper {
        padding: 0px 20px 100px 20px; 
    }
    .viewport {
        top: 90px;
        height: calc(300vh - 600px);
    }
     .testi_red_bg img{
        border-radius: 30px 90px 30px 30px;
    }
}

@media (max-width:920px) {
   
    .cs-content-row {
        gap: 20px;
        grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
        padding: 0px 10px;
    }
    .collaborate-row {
        grid-template-columns: repeat(1, 1fr);
        gap: 37px;
    }
    .coll-head-panel {
        min-height: 421px;
        padding: 0 20px;
        border-radius: 0px 90px 90px 0px;
    }
    .coll-form-panel {
        padding: 0;
        width: calc(100% - 40px);
        margin-inline: auto;
    }
    .fluencers-slider-section {padding: 40px 20px;}
    .coll-sub-head, .coll-sub-head span {
        font-size: 45px;
        line-height: 1;
        letter-spacing: 0;
    }
    .coll-head-line { font-size: 15px; line-height: 22px; margin-top: 18px; }
    .coll-header-inner { border-radius: 12px 90px 12px 12px; padding: 30px 20px; }
    .coll-form-group input { padding: 12px 20px; }
    .coll-message-line { font-size: 15px; line-height: 22px; }
    .fl-item-designation { margin-top: 9px; }
    .sticky-inner{
        padding:0 20px;
    }
    .metric-card{
        padding: 30px 40px 20px;
        border-radius: 40px 120px 40px 40px;
    }
    .metric-card .swiper-slide:last-child .metric-left{
        max-width: 270px;
    }
    .metric-card .swiper-slide:last-child .metric-right{
        max-width: 60%;
    }
    .metric-card::after{
        border-radius: 40px 120px 40px 40px;
    }
     .metric-title{
        font-size: 34px;
        line-height: 40px;
     }
     .metric-value{
        font-size: 140px;
     }
     .metric-value span{
        font-size: 130px;
     }
     .mc_short_txt, .mc_short_txt span{
        font-size:110px;
     }
     .sec5_img_slider{
        width: 690px;
        left: calc(((100% - 1070px) / 2));
     }
     .testi_red_bg{
        height: 470px;
     }
     
     .testimonials .swiper-pagination.swiper-pagination-bullets-dynamic{
        margin: -70px auto 30px;
     }
     .sec5_img_slider .swiper-slide-active img{
        width: 250px;
        height: 250px
     }
     .sec5_img_slider .swiper-slide:not(.swiper-slide-active) img,
    .sec5_img_slider .swiper-slide-prev img{
        width: 120px;
        height: 120px
    }
    .sec5_img_slider .swiper-slide:not(.swiper-slide-active) + .swiper-slide:not(.swiper-slide-active):not(.swiper-slide-prev) img{
        width: 150px;
        height: 150px
    }
    .metric-body{
        height: 240px;
        overflow: auto;
    }
}

@media (max-width:767px) {
    .logo{width:52px;}  .logo  a{ display: block;line-height: 0;}
    .logo svg{width:100%; height: auto;}
    section {padding: 40px 0px;}
    .ss-headline, .fl-sl-headline , .cs-headline{font-size: 45px;}
    .ss-small-text, .fl-sl-text , .cs-small-text{font-size: 15px;line-height: 22px}
    .success-story-row {margin: 36px 0px;}
    .fl-swiper-bottom-area { gap: 36px; }
    .fl-item-name { font-size: 15px; line-height: 15px; }
    .fl-item-designation li{font-size: 12px;}
    .fluencers-slider-wrapper .swiper { padding: 36px 0px 0px 0px; }
    .cs-main-heading { font-size: 60px; line-height: 66px; padding: 38px 48px; }
    .cs-item-text {margin-bottom: 15px;}
    .footer-email-text {letter-spacing: 0;}
    .footer-nav { flex-direction: column; gap: 30px; }
    .footer-nav ul { gap: 16px 20px; }
    .copyright-line { margin-top: 30px; }
    .fs_container h3{
        font-size: 20px;
    }
    .fs_big_txt{
        font-size: 53px;
        line-height: 60px;
        margin-bottom: 10px;
        letter-spacing: 0px;
    }
    .fs_big_txt span {
        font-size: 72px;
        line-height: 80px;
    }
    .fs_txt{
        font-size: 18px;
        line-height: 24px;
        margin-bottom: 30px;
    }
    .btn{
        padding:12px 40px;
    }
    .sticky-inner{
        padding:0 10px;
    }
    .metric-card{
        flex-direction: column-reverse;
        align-items: flex-start;
        justify-content: flex-start;
        border-radius:12px 90px 12px 12px;
        padding: 40px 20px 0px;
        background-size: 46%;
    }
    .metric-card .swiper-slide.is-active{
        border-width:4px;
    }

    .metric-value, .metric-value span{
        font-size: 90px;
        line-height: 90px;
        margin-bottom: 20px;
        text-align: left;
    }
    .metric-body{
        height: 240px;
        overflow: auto;
    }
    .metric-title {
        font-size: 30px;
        line-height: 39px;
    }
    .metric-card-wrapper::before {
        bottom: -8px;
        left: 11px;
        right: 11px;
        border-radius:12px 90px 12px 12px;
    }
    .metric-card-wrapper::after {
        bottom: -5px;
        left: 22px;
        right: 22px;
        border-radius:12px 90px 12px 12px;
    }
    .metric-card::after{
        right:-5px;
        border-radius:12px 90px 12px 12px;
    }
    .sec_heading h2{
        font-weight: 400;
        font-size: 45px;
        line-height: 100%;
    }
    .sec_heading p{
        font-weight: 400;
        font-size: 15px;
        line-height: 22px;
    }
    .sec5_img_slider{
        position: static;
        width: calc(100% + 100px);
        max-width:440px;
        margin:0 auto;
        padding-bottom: 10px;
    }
    .sec5_img_slider img{
        height: auto;
    }
    .sec5_img_slider .swiper-slide-active {
        overflow: visible;
    }
    .sec5_img_slider .swiper-slide-active img{
        width: 292px;
        height: 292px;
        max-width: none;
     }
    .sec5_img_slider .swiper-slide:not(.swiper-slide-active) img,
    .sec5_img_slider .swiper-slide-prev img{
        width: 120px;
        height: 120px;
    }
    .sec5_img_slider .swiper-slide:not(.swiper-slide-active) + .swiper-slide:not(.swiper-slide-active):not(.swiper-slide-prev) img{
        width: 100px;
        height: 100px;
    }
    .sec5_img_slider .swiper-slide-next + div ~ div{
        opacity: 0;
    }
    .brand_logo {
        margin: 0 -15px;
    }
    #winning-campaigns .container{
        display: flex;
        flex-direction: column;
    }
    .sec5_heading{
        max-width:100%;
        order:1;
    }
    .sec5_heading h2{
        font-size: 45px;
    }
    .sec5_heading p{
        font-size: 15px;
        line-height: 22px;
    }
    .sec5_img_slider{
        order:2;
    }
    .sec5_slider{
        order:3;
    }
    .sec5_slider{
        border-radius: 12px 90px 12px 12px;
        padding: 30px 20px;
    }
    .camp_slider_txt h3{
        margin-bottom: 2px;
    }
    .camp_slider_txt h4{
        font-size: 16px;
        margin-bottom: 10px;
    }
    .camp_slider_txt p{
        font-size: 15px;
        line-height: 22px;
    }
    .testimonials .container{
        flex-direction: column;
    }
     .quote-marks{
        margin-bottom: -6px;
     }
    .quote-marks svg{
        width:55px;
        height: auto;
    }
    #testimonial-sec{
        padding:20px 0px;
    }
    #testimonial-sec .heading-main{
    font-size: 45px;
    line-height: 100%;
    }
    .bg-panel{
        padding:0px;
    }
    .subtext{
        font-size: 15px;
        line-height: 22px;
        margin-bottom: 0;
    }
    .testimonials-left,
    .testimonials-right {
        flex: 0 0 100%;
    }
    .testimonials-swiper{
        left: auto;
        bottom:17px;
        width: 100%;
    }
    .testimonial-card{
        padding:30px;
        border-radius: 12px;
        gap:16px;
    }
    .testimonial-header{
        flex-direction: column;
        align-items: flex-start;
        gap:17px;
    }
    .person-name{
        font-size: 18px;
        line-height: 100%;
    }
    .person-role{
        font-size: 14px;
    }
    .testimonial-text{
        font-size: 14px;
        line-height: 22px;
    }
    .testi_red_bg{
        height: 659px;
    }
    .testi_red_bg img{
        height: 100%;
        width: auto;
    }
    .mob-nav{
        display: flex;
        width: 100%;
        justify-content: center;
        margin-top: 25px;
    }
    .desk-nav{
        display: none;
    }
    .testimonials .swiper-pagination.swiper-pagination-bullets-dynamic {
        position:static;
        transform: translateX(0);
        margin:20px auto 0px;
    }
    #trusted-brands {
        background-position: center bottom, center 27%;
    }
    #section3{
        background: none;
    }
    .about_info{
        border-radius:12px;
        border-top-right-radius: 90px;
        padding:40px 15px;
    }
    .about_info h3{
        font-size: 45px;
        line-height: 100%;
    }
    .about_info p{
        font-size: 15px;
        line-height: 22px;
        margin-bottom: 40px;
    }
    .about_list{
        margin-bottom: 40px;
    }
    .about_list li{
        font-size: 18px;
        line-height: 22px;
        padding: 12px 20px;
        border-top-right-radius: 32px;
    }
    .stats-bar{
        flex-direction: column;
        padding:30px 24px
    }
    .stat{
        flex: 0 0 100%;
        max-width: 100%;
        margin-bottom: 30px;
    }
    .stat:last-child{
        margin-bottom: 0;
    }
    .stat-title span{
        display: inline;
    }
    .metric-card .swiper-slide{
        border-radius: 20px 60px 20px 20px;
    }
    .brand_logo::before,.brand_logo::after{
        display: none;
    }
    .slider-wrapper {
        padding: 0px 20px 0px 20px; 
    }
    .sticky-section{
        padding-bottom: 0px;
        margin-bottom: -20px;
    }
    nav ul li a{
        padding:10px 5px;
    }
     .testi_red_bg img{
        border-radius: 12px 90px 12px 12px;
    }
}

@media (max-width:575px) {
    .fs_container, .container{
        padding:0 15px;
    }
 .intro_txt h2{
    font-size: 40px;
    line-height: 50px;
    }
        .intro_txt h2 span{
        font-size: 54px;
        display: block;
        line-height: 60px;
    }
    .fs_big_txt span {
        display: block;
    }
    #trusted-brands {
        background-position: center bottom, center 117%;
    }
    .mc-item{
        height: auto;
    }
    .brand_logo .swiper-slide{
        border-radius:20px 60px 20px 20px;
    }
    /* .metric-card{
        height: calc(100vh - 220px);
    } */
    .metric-card .swiper-slide{
        padding:10px 20px;
    }
    .mc-item{
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-start;
    }
    .metric-left{
        order:2;
    }
    .metric-left,.metric-right,
    .metric-card .swiper-slide:last-child .metric-left,
    .metric-card .swiper-slide:last-child .metric-right{
        max-width: 100%;
    }
    .mc_short_txt, .mc_short_txt span{
        font-size: 100px;
    }
    .metric-value, .metric-value span{
        font-size: 84px;
        font-weight: bold;
    }
    .metric-value span{
        margin-left: 0px;
    }
    .metric-card .swiper-slide:not(:last-child) .metric-value,
    .metric-card .swiper-slide:not(:last-child) .metric-value span{
        font-size: 120px;
        font-weight: bold;
    }

    .metric-body{
        height: 220px;
    }
    .btn_grp{
        flex-direction: column;
        align-items: flex-start;
        row-gap: 20px;
    }
    .metric-card .swiper-slide{
        height: 72vh;
    }
    .intro-header{
        height:200vh;
    }
    .sec5_img_slider{
        margin-left:-50px;
    }
}
@media (max-width:376px){
    .fixed-section{
        padding-top:90px;
    }
    .metric-body{
        height: 140px;
    }
    .fs_big_txt {
        font-size: 43px;
        line-height: 48px;
    }
    .fs_big_txt span {
        font-size: 59px;
        line-height: 61px;
    }
}

@media (max-height:820px) and (orientation: landscape){
    .fixed-section{
        padding-top:150px;
    }
    .fs_container h3 {
        font-size: 26px;
    }
    .fs_big_txt{
        font-size: 65.5px;
        line-height: 87.63px;
        margin-bottom: 20px;
    }
    .fs_big_txt span {
        font-size: 92.25px;
    }
    .fs_txt {
        font-size: 23.5px;
        line-height: 38.75px;
        margin-bottom: 33px;
    }
}
@media (max-height:670px) and (max-width:991px) and (orientation: landscape){
    .fixed-section{
        padding-top:100px;
    }
    .fs_big_txt {
        font-size: 43px;
        line-height: 43px;
    }
    .fs_big_txt span {
        font-size: 62px;
        line-height: 68px;
    }
}
@media (max-height:415px) and (max-height:767px) and (orientation: landscape){
    .fixed-section{
        padding-top:120px;
    }
    .fs_txt{
        margin-bottom: 20px;
        font-size: 18px;
        line-height: 24px;
    }
    .fs_big_txt {
        font-size: 35px;
        line-height: 38px;
    }
    .fs_big_txt span {
        font-size: 51px;
        line-height: 54px;
    }
    .btn{
        font-size: 14px;
        line-height: 20px;
        padding:10px 27px;
    }
    .fs_container h3{
        font-size: 16px;
        line-height: 22px;
    }
}