.vdo-sec>div {
     height: 300px;
 }

 body {
     /* cursor: url("assets/images/brandverse-cursor.png"), auto; */
     /* Replace with your image */
 }

 #header-container .button-wrap {
     flex-basis: 20% !important;
 }

 #logo {
     flex-basis: 100%;
 }

 .mrl-5 {
     margin: 0 5px;
 }


 @media only screen and (max-width: 767px) {
    .wa-chat-container {
    bottom: 115px!important;
    }

     .privacy-policy a,
     .privacy-policy span {
         font-size: 11px;

     }

 }

 .tab {}

 .tab.active {}

 .tab-content {
     display: none;
 }

 .tab-content.active {
     display: block;
 }

 body {
     margin: 0;
     font-family: 'Montserrat', sans-serif;
     min-height: 200vh;
     /* To make scrolling evident */
     background-color: #f0f0f0;
 }

 .fixed-container {
     position: fixed;
     bottom: 20px;
     left: 50%;
     transform: translateX(-50%);
     display: flex;
     align-items: center;
     background-color: #D93025;
     border-radius: 15px;
     padding: 10px 20px;
     box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
     z-index: 9;
 }

 .cycle-ends-text {
     color: #fff;
     font-family: rushk !important;
     font-size: 2.2em;
     letter-spacing: 1px;
     text-shadow: 2px 2px 0 #000;
     margin-right: 20px;
     white-space: nowrap;
 }

 .cycle-ends-text span {
     color: #fadb03;
 }

 .timer-group {
     display: flex;
     align-items: center;
 }

 .timer-box {
     background-color: #fff;
     border: 3px solid #fadb03;
     border-radius: 10px;
     padding: 5px 10px;
     text-align: center;
     margin: 0 5px;
     min-width: 60px;
 }

 .timer-label {
     font-size: 0.8em;
     color: #0f4e8b;
     font-weight: bold;
 }

 .timer-value {
     font-family: 'Montserrat', sans-serif;
     font-weight: 700;
     font-size: 1.8em;
     color: #000;
 }

 .separator {
     font-family: 'Montserrat', sans-serif;
     font-weight: 700;
     font-size: 2em;
     color: #000;
     margin: 0 2px;
 }

 .get-started-button {
     font-family: rushk !important;
     background-color: #fadb03;
     border: 3px solid #000;
     border-radius: 15px;
     padding: 9px 30px;
     margin-left: 20px;
     cursor: pointer;
     font-family: 'Bangers', cursive;
     font-size: 1.5em;
     color: #000;
     text-shadow: 1px 1px 0 #fff;
     text-decoration: none;
     display: inline-block;
     box-shadow: 4px 4px 0px rgba(0, 0, 0, 0.2);
     transition: transform 0.1s ease-in-out;
 }

 .get-started-button:hover {
     transform: translate(2px, 2px);
     box-shadow: 2px 2px 0px rgba(0, 0, 0, 0.2);
 }

 .get-started-button span {
     display: block;
     font-size: 18px;
     font-family: 'Montserrat';
     text-align: center;
     font-weight: 700;
 }

 /* Responsive adjustments for mobile view */
 @media (max-width: 768px) {
     .fixed-container {
         /* flex-direction: column; */
         width: calc(100% - 0px);
         padding: 15px 10px;
         border-radius: 0px;
         bottom: 0px !important;
         scale: 1;
         transform: translate(0%, 0%) !important;
         left: 0% !important;
         background: #d93025;
         gap: 15px;
         scale: 1;
     }

     .cycle-ends-text {
         display: none;
     }

     .timer-group {
         width: 100%;
         justify-content: center;
         background-color: #D93025;
         padding: 16px;
         border-radius: 10px;
     }

     .timer-box {
         min-width: 50px;
         padding: 3px 8px;
         margin: 0 3px;
     }

     .timer-value {
         font-size: 1.5em;
     }

     .separator {
         font-size: 1.5em;
         margin: 0 1px;
     }

     .get-started-button {
         margin-left: 0;
         width: calc(100% - 20px);
         /* Full width for button */
         text-align: center;
         font-size: 1.8em;
         padding: 12px 20px;
     }

     @media (max-width: 500px) {
         /* .fixed-container {
                left: 14% !important;
                scale: 0.5;
            } */
     }
 }

 .badge-box {
     width: 85%;
     margin: 0 auto;
     display: flex;
     justify-content: space-between;
     align-items: center;
     perspective: 800px;
     /* overflow: hidden; */
     position: absolute;
     top: 60%;
     left: 50%;
     transform: translate(-50%, -50%);
     height: 0;
 }

 .number {
     width: 220px;
     height: 220px;
     position: absolute;
     left: 0;
 }

 .number:nth-child(2) {
     right: 0;
     left: unset;
 }

 .num-txt {
     position: absolute;
     top: 50%;
     left: 50%;
     transform: translate(-50%, -50%);
     z-index: 9;
     width: 200px;
     height: 200px;
 }

 .number img {
     width: 100%;
     height: 100%;
     position: absolute;
     top: 0;
     left: 0;
     transform-style: preserve-3d;
     backface-visibility: hidden;
 }

 @keyframes flipOut {
     0% {
         transform: rotateX(0deg);
         opacity: 1;
     }

     100% {
         transform: rotateX(90deg);
         opacity: 0;
     }
 }

 @keyframes flipIn {
     0% {
         transform: rotateX(-90deg);
         opacity: 0;
     }

     100% {
         transform: rotateX(0deg);
         opacity: 1;
     }
 }

 .desktop22 {
     display: block;
 }

 .mobile22 {
     display: none;
 }

 @media (max-width: 1100px) {
     #video {
         width: 90%;
         height: 500px;
     }

     .badge-box {
         display: none;
     }

     .desktop22 {
         display: none;
     }

     .mobile22 {
         display: block;
     }
 }


 @media (max-width: 1025px) {

     #logo img {
         height: 111px;
     }

     #banner {
         padding: 180px 0% 0%;
     }
 }

 .btn-glow-wrap {
     position: absolute;
     top: -70px;
     left: 50%;
     transform: translate(-50%, -50%);
     display: inline-block;
     cursor: pointer;
 }

 .glow-layer {
     position: absolute;
     width: 100%;
     height: 100%;
     border-radius: 28px;
     z-index: 0;
     opacity: 0;
     transition: opacity 0.25s ease;
 }

 .glow-layer-a {
     background-color: #e82919;
     top: 2px;
     left: 2px;
 }

 .glow-layer-b {
     background-color: #fbda00;
     top: 9px;
     left: 9px;
 }

 .df-btn {
     right: 22px !important;
 }

 .glow-layer-c {
     background-color: #2683ad;
     top: 17px;
     left: 17px;
 }

 .btn-glow {
     font-family: 'Montserrat', sans-serif;
     font-size: 23px;
     font-weight: 900 !important;
     color: #fadb03;
     text-transform: uppercase;
     background: linear-gradient(180deg, #0f4e8b 0%, #05315c 100%);
     cursor: pointer;
     box-shadow: inset -8px -8px 15px rgb(2 62 166 / 20%), inset 8px 8px 15px rgb(0 32 96 / 40%), inset 0px -15px 0px 0px rgb(0 0 0 / 50%);
     text-shadow: 1px 1px 9px rgba(0, 0, 0, 0.8);
     position: relative;
     z-index: 1;
     padding: 15px 38px 24px;
     border: none;
     border-radius: 28px;
     transition: transform 0.25s ease;
     word-spacing: 6px;
     letter-spacing: 1px;
     -webkit-text-stroke-width: 2px;
     -webkit-text-stroke-color: #ffb62921;
     text-align: center;
 }

 /* Hover in: move + staggered fade-in */
 .btn-glow-wrap:hover .btn-glow {
     transform: translate(-6px, -6px);
 }

 .btn-glow-wrap:hover .glow-layer-a {
     opacity: 1;
     transition-delay: 0s;
 }

 .btn-glow-wrap:hover .glow-layer-b {
     opacity: 1;
     transition-delay: 0.05s;
 }

 .btn-glow-wrap:hover .glow-layer-c {
     opacity: 1;
     transition-delay: 0.1s;
 }

 /* Hover out: staggered fade-out (reverse order) */
 .glow-layer-a:not(.btn-glow-wrap:hover .glow-layer-a) {
     transition-delay: 0.1s;
 }

 .glow-layer-b:not(.btn-glow-wrap:hover .glow-layer-b) {
     transition-delay: 0.05s;
 }

 .glow-layer-c:not(.btn-glow-wrap:hover .glow-layer-c) {
     transition-delay: 0s;
 }

 .start-btn {
     font-family: 'Montserrat', sans-serif;
     font-size: 24px !important;
     font-weight: 900 !important;
     color: white;
     text-transform: uppercase;
     padding: 15px 50px 25px;
     border-radius: 32px;
     background: linear-gradient(180deg, #0f4e8b 0%, #05315c 100%);
     border: none;
     color: #fadb03;
     cursor: pointer;
     box-shadow: inset -8px -8px 15px rgb(2 62 166 / 20%), inset 8px 8px 15px rgb(0 32 96 / 40%), inset 0px -15px 0px 0px rgb(0 0 0 / 50%);
     text-shadow: 1px 1px 9px rgba(0, 0, 0, 0.8);
     word-spacing: 6px;
     letter-spacing: 1px;
     -webkit-text-stroke-width: 2px;
     -webkit-text-stroke-color: #ffb62921;
     text-align: center;
 }

 .faq-container {
     max-width: 1280px;
     width: 100%;
     margin: 0px auto;
     margin: auto;
 }

 .faq-item {
     border-bottom: 1px solid #d93025;
     padding: 15px 0;
     cursor: pointer;
 }

 .faq-question {
     font-size: 18px;
     font-weight: bold;
     display: flex;
     justify-content: space-between;
     align-items: center;
 }

 .faq-answer {
     max-height: 0;
     overflow: hidden;
     opacity: 0;
     transition: max-height 0.4s ease, opacity 0.4s ease;
 }

 .faq-question span {
     font-family: 'Montserrat';
     font-size: 24px;
     font-weight: 600;
     color: #0f4c81;
     line-height: 140%;
     margin: 0;
 }

 .faq-answer p {
     font-family: 'Montserrat';
     font-size: 16px;
     font-weight: 600;
     color: #000;
     line-height: 140%;
     margin: 10px 0;
 }

 .faq-icon {
     font-size: 22px;
     font-weight: bold;
     transition: transform 0.3s ease;
 }

 .faq-item.active .faq-icon {
     transform: rotate(45deg);
     /* + turns into x */
 }

 .start-btn:active {
     transform: scale(0.98);
     box-shadow: inset 6px 6px 15px rgba(0, 0, 0, 0.6),
         inset -6px -6px 15px rgba(255, 255, 255, 0.1);
 }

 .countdown {
     display: none;
     justify-content: center;
     align-items: center;
     background: #fed703;
     padding: 20px 40px;
     border-radius: 5px;
     font-family: Georgia, serif;
     font-weight: bold;
 }

 .time-box {
     background: #eb2a16;
     color: white;
     font-size: 28px;
     font-weight: bold;
     padding: 15px 20px;
     border-radius: 8px;
     margin: 0 10px;
     display: inline-block;
     text-align: center;
     min-width: 50px;
 }

 .label {
     text-align: center;
     font-size: 20px;
     color: black;
     font-weight: normal;
     margin-top: 10px;
 }

 .section {
     display: flex;
     flex-direction: column;
     align-items: center;
 }

 .separator {
     font-size: 40px;
     font-weight: bold;
     margin: 0 10px;
     color: #fff;
 }

 .parallax-container {
     position: relative;
     width: 100%;
     height: 100%;
 }

 .parallax-item {
     position: absolute;
     width: 60px;
     transition: transform 0.2s ease-out;
 }

 .parallax-item img {
     width: 100%;
     display: block;
 }

 .motion-stage {
     width: 100%;
     height: 100%;
     overflow: hidden;
     position: absolute;
     inset: 0;
 }

 .motion-box {
     position: absolute;
     width: 90px;
     transition: transform 0.15s linear;
 }

 .motion-box img {
     width: 100%;
     height: 100%;
 }

 .m-box1 {
     top: 8%;
     left: 63%;
 }

 .m-box2 {
     top: 10%;
     right: 2%;
     width: 140px;
 }

 .m-box3 {
     bottom: 3%;
     right: 2%;
     rotate: 16deg;
 }

 .m-box4 {
     top: 31%;
     right: -2%;
 }

 .m-box5 {
     bottom: -22%;
     right: -2%;
 }

 .m-box6 {
     top: 0%;
     right: 19%;
 }

 .float-scene {
     position: absolute;
     width: 100%;
     height: 100%;
     inset: 0;
 }

 .float-item {
     position: absolute;
     width: 90px;
     transition: transform 0.15s linear;
 }

 .float-item img {
     width: 100%;
     height: 100%;
 }

 .f-item1 {
     top: 8%;
     right: 2%;
     width: 140px;
 }

 .f-item2 {
     bottom: 0%;
     right: 10%;
 }

 .f-item3 {
     top: 3%;
     right: 22%;
     rotate: 100deg;
 }

 .f-item4 {
     top: 38%;
     left: 80%;
 }

 .f-item5 {
     top: 38%;
     right: 2%;
     rotate: -138deg;
 }

 .slider img {
     width: 100%;
 }

 .clientele-marquee {
     overflow: hidden;
     white-space: nowrap;
     position: relative;
     width: 100%;
     background: #fff;
     padding: 20px 0;
 }

 .clientele-track {
     display: flex;
     width: max-content;
     animation: scrollClientele 60s linear infinite;
 }

 .clientele-slide {
     flex: 0 0 auto;
     margin: 0 40px;
 }

 .clientele-slide img {
     height: 60px;
     width: auto;
 }

 @keyframes scrollClientele {
     0% {
         transform: translateX(0);
     }

     100% {
         transform: translateX(-50%);
     }
 }

 .back-to-top {
     display: none;
     /* Initially hidden */
     position: fixed;
     /* Fixed on the page */
     bottom: 20px;
     /* Adjust as needed */
     left: 30px;
     /* Fixed on the left side */
     z-index: 99;
     /* Stay on top of other elements */
     border: none;
     outline: none;
     background-color: #333;
     /* Example color */
     color: white;
     cursor: pointer;
     padding: 15px;
     border-radius: 10px;
     font-size: 18px;
     opacity: 0.7;
     /* Optional: for a subtle look */
 }

 .back-to-top:hover {
     background-color: #555;
     opacity: 1;
 }



















 .mfp-wrap {
     top: 0 !important;
     height: 100% !important;
     display: flex;
     justify-content: center;
     align-items: center;
     position: fixed!important;
 }

 .mfp-iframe-scaler {
     width: 100%;
     height: 100vh;
     overflow: hidden;
     padding-top: 0;
     display: flex;
 }

 .mfp-iframe-scaler {
     width: 80% !important;
     height: 80vh !important;
     margin: auto;
 }

 .mfp-iframe-scaler video {
     width: auto;
     margin: auto;
     height: 100%;
 }

 .mfp-iframe-scaler video {
     width: auto;
     margin: auto;
 }

 h2.primary-font-title.big-title.mb-4 {
     margin-top: 120px;
     line-height: 140%;
 }

 .tc-bob {
    background-color: #fadb03;
    width: 33px;
    height: 33px;
    display: inline-flex
;
    border-radius: 6px;
    align-items: center;
    justify-content: center;
    border: 2px solid #000;
    margin-right: 10px;
}

 .tc-bob-p {
    background-color: #fff;
    color: #000!important;
    padding: 10px;
    border-radius: 10px;
}

 .tc-bob-icon {
    color: #d93025;
    font-size: 17px;
    font-weight: bolder;
}