.live-marketplace-examples {
padding: 80px 0 40px;
  overflow: hidden;
  background: linear-gradient(180deg, #fff 0%, #fff 100%);
  color: #182044;
          background: #fff url(../images/live-marketplace-examples.png) no-repeat center top / cover;

}

.live-marketplace-examples__title {
   margin: 0;
   font-size: clamp(35px, 5vw, 50px);
   font-weight: 800;
   line-height: 1.3;
   color: #182044 !important;
}

.live-marketplace-examples__subtitle {
   margin: 8px 0 0;
   font-size: clamp(25px, 3.5vw, 42px);
   font-weight: 700;
   line-height: 1.4;
}

.live-marketplace-examples__subtitle span {
   color: #5346ff;
   border-bottom: 2px solid #10abf6;
}

.live-marketplace-examples .swiper-container {
   width: 100%;
   padding: 35px 0 20px;
   transition: opacity .6s ease;
}

.live-marketplace-examples .swiper-container.loading {
   opacity: 0;
   visibility: hidden;
}

.live-marketplace-examples .marketplace-nav {
   position: absolute;
   top: 45%;
   z-index: 10;
   display: flex;
   align-items: center;
   justify-content: center;
   width: 48px;
   height: 48px;
   padding: 0;
   border: 2px solid #fff;
   border-radius: 50%;
   background: #5346ff;
   color: #fff;
   font-size: 24px;
   line-height: 1;
   box-shadow: 0 4px 16px rgba(24, 32, 68, .25);
   cursor: pointer;
   transform: translateY(-50%);
}

.live-marketplace-examples .marketplace-nav--prev {
   left: max(8px, calc(50% - 419px));
}

.live-marketplace-examples .marketplace-nav--next {
   right: max(8px, calc(50% - 419px));
}

.live-marketplace-examples .marketplace-nav:hover {
   background: #392bd9;
}

.live-marketplace-examples .marketplace-nav:focus-visible {
   outline: 3px solid #182044;
   outline-offset: 3px;
}

.live-marketplace-examples .swiper-slide {
   width: min(710px, calc(100vw - 48px));
   max-width: 710px;
   padding: 0;
}

.live-marketplace-examples .store-img {
   overflow: hidden;
   border: 1px solid #3b3b3b;
   border-radius: 12px 12px 0 0;
   background: #000;
   box-shadow: 0 15px 38px rgba(0, 0, 0, .15);
}

.live-marketplace-examples .top-img { width: 100%; }
.live-marketplace-examples .box { padding: 0; }

.live-marketplace-examples .themes {
   position: relative;
   width: 100%;
   height: 450px;
   overflow: hidden;
}

.live-marketplace-examples .web-pics {
   position: relative;
   width: 100%;
   height: 100%;
}

.live-marketplace-examples .web-pics video {
   display: block;
   width: 100%;
   height: 100%;
   object-fit: cover;
   touch-action: pan-y;
}

.live-marketplace-examples .swiper-slide-active .web-pics video {
   cursor: pointer;
}

.live-marketplace-examples .swiper-slide-active.is-video-playing .store-img {
   box-shadow: 0 18px 44px rgba(83, 70, 255, .32);
}

.live-marketplace-examples .swiper-slide-active.is-video-playing video {
   transform: scale(1.01);
}

.live-marketplace-examples .image-shop-scroll {
   display: block;
   position: absolute;
   left: 0;
   right: 0;
   width: 100%;
   height: 100%;
   z-index: 1;
   background-color: #101a24;
   background-position: center 0;
   background-repeat: no-repeat;
   background-size: cover;
   transition: background-position 9s ease-out;
}

.live-marketplace-examples .swiper-slide-active .themes:hover .image-shop-scroll {
   background-position: center 100%;
}

.live-marketplace-examples .themes-title {
   visibility: hidden;
   margin: 5% 0 2%;
   padding: 2% 6%;
   color: #182044;
   text-align: center;
}

.live-marketplace-examples .swiper-slide-active .themes-title {
   visibility: visible;
   margin-top: 4%;
}

.live-marketplace-examples .themes-title h3 {
   margin: 0;
   font-size: 24px;
   font-weight: 700;
   line-height: 1.4;
}

@media (max-width: 767px) {
   .live-marketplace-examples { padding-top: 55px; }
   .live-marketplace-examples .swiper-slide {
      width: calc(100vw - 32px);
      max-width: 710px;
   }
   .live-marketplace-examples .themes { height: 185px; }
   .live-marketplace-examples .themes-title h3 { font-size: 20px; }
}

.opus-premium-hero{
   position: relative;
   max-width: 1180px;
   margin: 0 auto;
   
   text-align: center;
   

   

   border-radius: 32px;
}
.opusgradient-text {
  display: inline-block;
  background: linear-gradient( 90deg, #ff936d 0%, #f164a9 40%, #d13cda 100% );

    background-clip: border-box;

  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  position: relative;
}



.opus-premium-hero::before{
   content:"";
   position:absolute;
   inset:0;
   pointer-events:none;
   opacity:.45;

   

   background-size:42px 42px;

   mask-image:linear-gradient(
      to bottom,
      rgba(0,0,0,.8),
      transparent 80%
   );
}




.opus-top-badge{
 position: relative;
  z-index: 2;
  display: inline-block;
  max-width: 900px;
  padding: 8px 50px;
  font-size: 16px;
  line-height: 1.55;
  font-weight: 500;
  color: #202033;
  background: rgba(255,255,255,.88);
border: 1px solid rgba(73, 102, 218, 0.16);
  border-radius: 50px;
  box-shadow: 0 10px 30px rgba(83,33,74,.06), inset 0 1px 0 rgba(255,255,255,.9);
}


.opus-badge-dot{
   display:inline-block;
   width:9px;
   height:9px;

   margin-right:7px;

   border-radius:50%;

   background:linear-gradient(
      135deg,
      #ff8a72,
      #e34bc7
   );

   box-shadow:0 0 0 5px rgba(227,75,199,.10);
}


.opus-top-underline{
   position:relative;
   font-weight:700;
   color:#17172a;
}


.opus-top-underline::after{
   content:"";
   position:absolute;

   left:0;
   right:0;
   bottom:-5px;

   height:3px;

   border-radius:50px;

  /* background: linear-gradient( 90deg, #1ea0ff, #b179ff, #7000ff ); */
}




.opus-breakthrough{
   position:relative;
   z-index:2;

   display:flex;
   align-items:center;
   justify-content:center;
  gap: 5px;
}


.opus-line{
   width:95px;
   height:2px;

background: linear-gradient( 90deg, transparent, #7e7bff );
}


.opus-line:last-child{
   background:linear-gradient(
      90deg,
      #7e7bff,
      transparent
   );
}


.opus-breakthrough-text{
   background:linear-gradient(
      90deg,
      #ff8e72 0%,
      #ee67b6 45%,
      #cf42e7 100%
   );

   -webkit-background-clip:text;
   -webkit-text-fill-color:transparent;
   background-clip:text;

   filter:drop-shadow(
      0 8px 20px rgba(219,62,193,.12)
   );
}


.opus-fire{
   -webkit-text-fill-color:initial;
   margin-right:8px;
}




.opus-main-heading{
   position:relative;
   z-index:2;

   max-width:1150px;
   margin-left:auto;
   margin-right:auto;

   color:#121220;

   letter-spacing:-1.5px;
}


.opus-gradient-text{
   display:inline-block;

   background:linear-gradient(
      90deg,
      #ff936d 0%,
      #f164a9 40%,
      #d13cda 100%
   );

   -webkit-background-clip:text;
   -webkit-text-fill-color:transparent;
   background-clip:text;

   position:relative;
}


.opus-gradient-text::after{
   content:"";
   position:absolute;

   left:4px;
   right:4px;
   bottom:3px;

   height:5px;

   border-radius:20px;

   background:linear-gradient(
      90deg,
      rgba(255,147,109,.20),
      rgba(209,60,218,.20)
   );

   z-index:-1;
}


.opus-dark-text{
   color:#171725 !important;
}



.opus-premium-hero .white-color{
   color:#171725 !important;
}


.opus-premium-hero .text-pink1{
   color:#dc42c4 !important;
}


.opus-premium-hero .red-clr{
   color:#f07185 !important;
}


.opus-premium-hero .d3{
   background:linear-gradient(
      90deg,
      #ff9a6f,
      #d640db
   );

   -webkit-background-clip:text;
   -webkit-text-fill-color:transparent;
   background-clip:text;
}




.opus-postheadline{
   position:relative;
   z-index:2;

   display:inline-block;

   padding:12px 38px;

   color:#fff !important;

   background:linear-gradient(
      105deg,
      #ff9470 0%,
      #f063ab 45%,
      #cf40df 100%
   );

   border-radius:13px;

   box-shadow:
      0 14px 32px rgba(219,67,194,.20),
      inset 0 1px 0 rgba(255,255,255,.35);

   transform:rotate(-.4deg);
}


.opus-postheadline::before{
   content:"";
   position:absolute;

   left:12px;
   right:12px;
   bottom:-8px;

   height:12px;

   border-radius:50%;

   background:rgba(215,56,198,.13);

   filter:blur(8px);

   z-index:-1;
}




.opus-benefit-wrap{
   position:relative;
   z-index:2;

   display:flex;
   align-items:center;
   justify-content:center;
   flex-wrap:wrap;

   gap:15px;
}


.opus-benefit{
   display:flex;
   align-items:center;
   gap:10px;

   padding:11px 20px;

   color:#272733;

   background:#fff;

   border:1px solid rgba(210,65,204,.13);
   border-radius:50px;

   box-shadow:
      0 8px 25px rgba(69,29,72,.06);

   transition:.3s ease;
}


.opus-benefit:hover{
   transform:translateY(-3px);

   box-shadow:
      0 13px 30px rgba(206,60,200,.11);
}


.opus-check{
width: 20px;
  height: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  color: #fff;
  font-size: 14px;
  font-weight: 900;
  border-radius: 50%;
background: linear-gradient( 100deg, #9349df 0%, #6759e6 50%, #4879eb 100% );
  box-shadow: 0 14px 34px rgba(92,74,216,.32);
}




@media(max-width:767px){

   .opus-premium-hero{
      padding:30px 15px 35px;
      border-radius:20px;
   }

   .opus-top-badge{
      font-size:15px;
      padding:10px 15px;
      border-radius:20px;
   }

   .opus-breakthrough{
      gap:10px;
   }

   .opus-line{
      width:32px;
   }

   .opus-main-heading{
      letter-spacing:-.5px;
      line-height:1.35 !important;
   }

   .opus-postheadline{
      padding:10px 20px;
      border-radius:10px;
   }

   .opus-benefit-wrap{
      gap:10px;
   }

   .opus-benefit{
      width:100%;
      justify-content:center;
   }
}




.opus-showcase-row{
   align-items:flex-start;
}




.opus-demo-window{
   overflow:hidden;
   background:#fff;

   border:1px solid #eadcf0;
   border-radius:22px;

   box-shadow:
      0 22px 55px rgba(81, 38, 91, .09);
}




.opus-browser-bar{
   height:58px;

   display:flex;
   align-items:center;
   gap:18px;

   padding:0 18px;

   background:
      linear-gradient(
         90deg,
         #fff3ee 0%,
         #fceef8 50%,
         #f7efff 100%
      );

   border-bottom:1px solid #eadfea;
}


.opus-browser-dots{
   display:flex;
   gap:8px;
}


.opus-browser-dots span{
   width:9px;
   height:9px;
   border-radius:50%;
}


.opus-browser-dots span:nth-child(1){
   background:#ff6259;
}

.opus-browser-dots span:nth-child(2){
   background:#ffbd2e;
}

.opus-browser-dots span:nth-child(3){
   background:#28c840;
}




.opus-browser-url{
   padding:7px 14px;

   background:#fff;

   border:1px solid #eadfea;
   border-radius:7px;

   color:#27232c;

   font-size:13px;
   font-weight:700;

   box-shadow:0 3px 10px rgba(0,0,0,.04);
}




.opus-video-area{
   padding:18px;

   background:
      radial-gradient(
         circle at 10% 0%,
         rgba(255, 138, 105, .08),
         transparent 30%
      ),
      radial-gradient(
         circle at 100% 100%,
         rgba(214, 67, 211, .08),
         transparent 35%
      ),
      #fcfbfd;
}




.opus-step-badge{
   margin-bottom:14px;

   color:#c54acb;

   font-size:15px;
   font-weight:700;
}


.opus-step-badge span{
   display:inline-flex;
   align-items:center;

   margin-right:8px;
   padding:5px 12px;

   color:#fff;

   font-size:11px;
   font-weight:800;

   border-radius:50px;

 background: linear-gradient( 100deg, #9349df 0%, #6759e6 50%, #4879eb 100% );
  box-shadow: 0 14px 34px rgba(92,74,216,.32);
}




.opus-video-box{
   overflow:hidden;

   background:#fff;

   border:1px solid #eadfea;
   border-radius:13px;

   box-shadow:
      0 12px 30px rgba(53, 31, 62, .07);
}




.opus-features-wrap{
   display:flex;
   flex-direction:column;

   gap: 12px;
}




.opus-feature-card{
   position:relative;

   display:flex;
   align-items:flex-start;

   gap:14px;

   padding:17px 20px;

   background:#fff;

   border:1px solid #e8ddea;
   border-radius:15px;

   box-shadow:
      0 7px 22px rgba(72, 36, 78, .045);

   transition:
      transform .25s ease,
      box-shadow .25s ease,
      border-color .25s ease;
}


.opus-feature-card:hover{
   transform:translateY(-3px);

   border-color:#e6b3dd;

   box-shadow:
      0 15px 35px rgba(92, 43, 99, .10);
}




.opus-feature-icon{
   width:39px;
   height:39px;

   flex:0 0 39px;

   display:flex;
   align-items:center;
   justify-content:center;

   margin-top:1px;

   font-size:19px;

   color:#fff;

   border-radius:10px;

   background:
      linear-gradient(
         135deg,
         #ff9b6d 0%,
         #ef6aae 48%,
         #d24bdd 100%
      );

   box-shadow:
      0 7px 16px rgba(218, 76, 199, .17);
}




.opus-feature-content{
   color:#34303a;

   font-size:16px;
   font-weight:400;
   line-height:1.55;
}


.opus-feature-content .weight700{
   color:#17151b;
   font-weight:700;
}




.opus-feature-card:nth-child(4n + 1){
   background:
      linear-gradient(
         100deg,
         #fff 0%,
         #fff 72%,
         #fff8fc 100%
      );
}




@media(min-width:992px){

   .opus-features-wrap{
      

      overflow-y:auto;

      padding-right:7px;
   }


   .opus-features-wrap::-webkit-scrollbar{
      width:5px;
   }


   .opus-features-wrap::-webkit-scrollbar-track{
      background:#f6eff6;
      border-radius:20px;
   }


   .opus-features-wrap::-webkit-scrollbar-thumb{
      background:
         linear-gradient(
            #f188a0,
            #d04bd6
         );

      border-radius:20px;
   }

}




@media(max-width:991px){

   .opus-demo-window{
      border-radius:16px;
   }


   .opus-features-wrap{
      margin-top:20px;
   }

}


@media(max-width:575px){

   .opus-browser-bar{
      height:50px;
      padding:0 12px;
      gap:10px;
   }


   .opus-browser-url{
      padding:6px 9px;
      font-size:11px;
   }


   .opus-video-area{
      padding:12px;
   }


   .opus-step-badge{
      font-size:13px;
   }


   .opus-feature-card{
      padding:14px;
      gap:11px;
      border-radius:12px;
   }


   .opus-feature-icon{
      width:34px;
      height:34px;
      flex-basis:34px;

      font-size:16px;
      border-radius:8px;
   }


   .opus-feature-content{
      font-size:14px;
      line-height:1.5;
   }

}




.opus-offer-card{
   width:100%;
   max-width:100%;
   margin:0 auto;
   position:relative;

   background:#fff;

   border:1px solid rgba(211,72,198,.16);
   border-radius:24px;

   box-shadow:
      0 25px 65px rgba(93,42,97,.12);

   overflow:visible;
}




.opus-alert-wrap{
   position:relative;

   height:105px;

   display:flex;
   align-items:center;
   justify-content:center;
}




.opus-alert-ring{
   width:115px;
   height:115px;

   position:absolute;
   top:-38px;

   display:flex;
   align-items:center;
   justify-content:center;

   border-radius:50%;

   background:
      radial-gradient(
         circle,
         #ffbf4d 0 28%,
         #ff9e4d 29% 45%,
         #ff6e8f 46% 62%,
         #ef58c5 63% 78%,
         transparent 79%
      );

   box-shadow:
      0 12px 25px rgba(232,75,193,.20);
}


.opus-alert-ring::before,
.opus-alert-ring::after{
   content:"";

   position:absolute;

   width:46px;
   height:4px;

   top:56px;

   background:#fff;

   border-radius:30px;

   transform-origin:right center;
}


.opus-alert-ring::before{
   left:20px;
   transform:rotate(42deg);
}


.opus-alert-ring::after{
   right:20px;
   transform:rotate(-42deg);
   transform-origin:left center;
}


.opus-alert-dot{
   width:18px;
   height:18px;

   position:relative;
   z-index:2;

   border-radius:50%;

   background:#f34bbd;

   box-shadow:
      0 0 0 5px rgba(255,255,255,.40);
}




.opus-hurry-badge{
   position:absolute;

   top:55px;

   z-index:5;

   padding:9px 25px;

   font-size:26px;
   line-height:1;
   font-weight:900;
   letter-spacing:.5px;

   color:#fff;

   background:
      linear-gradient(
         90deg,
         #ff9470,
         #f263ae,
         #d34adf
      );

   border-radius:8px;

   transform:rotate(-5deg);

   box-shadow:
      0 10px 20px rgba(215,73,202,.20);
}




.opus-offer-inner{
   position:relative;

   margin:0 14px 14px;

   padding:
      50px
      22px
      22px;

   text-align:center;

   background:
      radial-gradient(
         circle at 50% 0%,
         rgba(245,96,189,.11),
         transparent 34%
      ),
      linear-gradient(
         180deg,
         #fffafd 0%,
         #fff 100%
      );

   border:1px solid rgba(211,72,198,.13);
   border-radius:22px;
}




.opus-offer-heading{
   color:#25222a;

   font-size:22px;
   line-height:1.35;
   font-weight:800;
}


.opus-offer-heading span{
  background-image: none;
  background-clip: border-box;
  background-image: linear-gradient(to right, #b760ff, #7b7cff);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;

   position:relative;

   font-weight:900;
}


.opus-offer-heading span::after{
   content:"";

   position:absolute;

   left:0;
   right:0;
   bottom:-4px;

   height:3px;

   border-radius:10px;

   background:
      linear-gradient(
         90deg,
         #ff9e72,
         #ed63b4,
         #cf47e3
      );
}




.opus-old-price{
   margin-top:18px;

   display:inline-block;

   color:#df3e57;

   font-size:21px;
   font-weight:800;

   text-decoration:line-through;
   text-decoration-thickness:3px;
}




.opus-pay-label{
   width:165px;

   margin:17px auto -18px;

   position:relative;
   z-index:3;

   padding:8px 10px 22px;

   color:#25222a;

   font-size:24px;
   font-weight:900;
   font-style:italic;

   background:#fff;

   clip-path:polygon(
      8% 0,
      92% 0,
      100% 10%,
      72% 100%,
      28% 100%,
      0 10%
   );

   filter:
      drop-shadow(
         0 8px 12px rgba(76,37,78,.10)
      );
}




.opus-price-badge{
   width:165px;
   height:135px;

   margin:0 auto;

   display:flex;
   align-items:center;
   justify-content:center;

   position:relative;

   background:
      linear-gradient(
         135deg,
         #ff996f 0%,
         #ed62b8 50%,
         #cf46e4 100%
      );

   clip-path:polygon(
      50% 0%,
      62% 12%,
      79% 8%,
      84% 25%,
      100% 34%,
      91% 51%,
      99% 68%,
      81% 75%,
      77% 94%,
      59% 89%,
      50% 100%,
      39% 89%,
      21% 94%,
      17% 75%,
      1% 67%,
      9% 50%,
      0% 35%,
      16% 25%,
      20% 8%,
      39% 12%
   );

   filter:
      drop-shadow(
         0 13px 22px rgba(219,70,197,.22)
      );
}


.opus-price{
   color:#fff;

   font-size:60px;
   line-height:1;
   font-weight:900;

   letter-spacing:-3px;

   text-shadow:
      0 4px 10px rgba(95,36,95,.20);
}




.opus-once-text{
   margin-top:17px;

   color:#322d36;

   font-size:21px;
   font-weight:800;
   font-style:italic;
}




.opus-offer-btn{
   width:100%;

   display:block;

   margin-top:22px;

   padding:17px 14px;

   color:#fff !important;

font-size: 34px;
   line-height:1.45;
   font-weight:800;
   font-style:italic;

   text-decoration:none;

   border-radius:10px;

   /* background:
      linear-gradient(
         95deg,
         #ff9970 0%,
         #ef65b0 48%,
         #d048df 100%
      ); */
background: linear-gradient( 90deg, #1ea0ff, #b179ff, #7000ff );
   box-shadow:
      0 13px 28px rgba(217,73,200,.20);

   transition:.3s ease;
}


.opus-offer-btn:hover{
   color:#fff;

   transform:translateY(-3px);

   box-shadow:
      0 17px 35px rgba(217,73,200,.28);
}




.opus-payment-row{
   margin-top:20px;

   display:flex;
   align-items:center;
   justify-content:center;

   gap:14px;

   flex-wrap:wrap;
}


.opus-payment-icons{
   display:flex;
   align-items:center;

   gap:5px;
}


.opus-payment-icons span{
   min-width:37px;

   padding:4px 5px;

   color:#37323a;

   background:#fff;

   border:1px solid #ddd3df;
   border-radius:4px;

   font-size:8px;
   font-weight:800;

   box-shadow:
      0 3px 8px rgba(0,0,0,.04);
}




.opus-guarantee{
   display:flex;
   align-items:center;

   gap:7px;

   text-align:left;

   color:#28242c;
}


.opus-guarantee-icon{
   width:34px;
   height:34px;

   display:flex;
   align-items:center;
   justify-content:center;

   border-radius:50%;

   color:#fff;

   font-size:17px;
   font-weight:900;

   background:
      linear-gradient(
         135deg,
         #ff986e,
         #d448da
      );
}


.opus-guarantee strong{
   display:block;

   font-size:11px;
   line-height:1;
}


.opus-guarantee small{
   display:block;

   margin-top:2px;

   font-size:8px;
   line-height:1.05;
   font-weight:700;
}




.opus-limited{
   padding:11px 15px 13px;

   text-align:center;

   color:#342d37;

   font-size:14px;
   line-height:1.4;
   font-weight:500;

   background:#fff;

   border-radius:
      0
      0
      24px
      24px;
}




@media(max-width:575px){

   .opus-offer-card{
      max-width:100%;

      border-radius:18px;
   }


   .opus-alert-wrap{
      height:95px;
   }


   .opus-alert-ring{
      width:100px;
      height:100px;

      top:-30px;
   }


   .opus-alert-ring::before,
   .opus-alert-ring::after{
      width:38px;

      top:48px;
   }


   .opus-hurry-badge{
      top:50px;

      padding:8px 19px;

      font-size:21px;
   }


   .opus-offer-inner{
      margin:0 10px 10px;

      padding:
         42px
         15px
         18px;

      border-radius:16px;
   }


   .opus-offer-heading{
      font-size:19px;
   }


   .opus-old-price{
      font-size:18px;
   }


   .opus-pay-label{
      width:145px;

      font-size:21px;
   }


   .opus-price-badge{
      width:148px;
      height:123px;
   }


   .opus-price{
      font-size:51px;
   }


   .opus-once-text{
      font-size:18px;
   }


   .opus-offer-btn{
      padding:14px 10px;

      font-size:16px;
   }


   .opus-limited{
      font-size:12px;
   }

}





.odt-testimonials{
   position:relative;
   overflow:hidden;
   padding:90px 0 110px;
   background:
   radial-gradient(circle at 12% 15%,rgba(237,45,204,.16),transparent 28%),
   radial-gradient(circle at 88% 75%,rgba(255,158,100,.13),transparent 27%),
   linear-gradient(135deg,#090a18 0%,#111127 55%,#0c0b19 100%);

       background: #fcfdff url(../images/huge-bg.png) no-repeat center center / cover;
       border-radius: 120px;
}

.odt-testimonials:before,
.odt-testimonials:after{
   content:"";
   position:absolute;
   width:380px;
   height:380px;
   border-radius:50%;
   filter:blur(110px);
   pointer-events:none;
}

.odt-testimonials:before{
   top:-180px;
   left:-120px;
   background:rgba(217,47,230,.15);
}

.odt-testimonials:after{
   right:-140px;
   bottom:-170px;
   background:rgba(255,150,92,.13);
}




.odt-title{
   position:relative;
   z-index:2;
   color:#fff;
   max-width:950px;
   margin:auto;
}

.odt-title span{
   background:linear-gradient(90deg,#ef35cb,#c33cf1,#ff8a9a,#ffb268);
   -webkit-background-clip:text;
   -webkit-text-fill-color:transparent;
   background-clip:text;
}




.odt-card{
   position:relative;
   height:100%;
   padding:30px;
   overflow:hidden;
   border-radius:22px;
   background:linear-gradient(145deg,rgba(255,255,255,.075),rgba(255,255,255,.025));
   border:1px solid rgba(255,255,255,.11);
   box-shadow:0 20px 55px rgba(0,0,0,.28);
   backdrop-filter:blur(12px);
   transition:.35s ease;
}

.odt-card:before{
   content:"";
   position:absolute;
   left:0;
   top:0;
   width:100%;
   
}

.odt-card:hover{
   transform:translateY(-7px);
   border-color:rgba(226,67,224,.35);
   box-shadow:0 26px 65px rgba(0,0,0,.4);
}




.odt-head{
   position:relative;
   z-index:2;
   display:flex;
   align-items:center;
   gap:18px;
}

.odt-user{
   width:82px;
   height:82px;
   flex-shrink:0;
   object-fit:cover;
   border-radius:50%;
   padding:3px;
   background:linear-gradient(135deg,#ed32cd,#a93cf2,#ff9a7e);
   box-shadow:0 8px 25px rgba(205,50,230,.25);
}

.odt-name{
   background:linear-gradient(90deg,#f33ccd,#cf45e9,#ff9e75);
   -webkit-background-clip:text;
   -webkit-text-fill-color:transparent;
   background-clip:text;
}

.odt-role{
       margin-top: 2px;
    color: #000;
    opacity: .85;
}

.odt-stars{
   display:block;
   width:105px;
   margin-top:8px;
}




.odt-text{
   position:relative;
   z-index:2;
   margin-top:24px;
   padding-top:22px;
     color: #000000;
   border-top:1px solid rgba(255,255,255,.09);
}




@media(max-width:767px){

   .odt-testimonials{
      padding:60px 0 75px;
      border-radius: 50px;
   }

   .odt-card{
      padding:24px 20px;
   }

   .odt-head{
      gap:14px;
      align-items:flex-start;
   }

   .odt-user{
      width:68px;
      height:68px;
   }

   .odt-text{
      margin-top:20px;
      padding-top:18px;
   }

}





.opx-prem-section {
    position: relative;
    overflow: hidden;
    isolation: isolate;
    padding: 100px 0;
    background:
        radial-gradient(circle at 8% 8%, rgba(235, 74, 190, .13), transparent 28%),
        radial-gradient(circle at 92% 30%, rgba(113, 75, 255, .12), transparent 30%),
        radial-gradient(circle at 40% 75%, rgba(255, 101, 164, .06), transparent 30%),
        #070710;
    color: #fff;
}



.opx-prem-section::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -2;
    background-image:
        linear-gradient(rgba(255,255,255,.025) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255,255,255,.025) 1px, transparent 1px);
    background-size: 52px 52px;
}



.opx-prem-section::after {
    content: "";
    position: absolute;
    z-index: -1;
    width: 650px;
    height: 650px;
    top: 20%;
    left: 50%;
    transform: translateX(-50%);
    border-radius: 50%;
    background: rgba(210, 70, 220, .07);
    filter: blur(130px);
}




.opx-prem-head {
    max-width: 950px;
    margin: 0 auto 90px;
}


.opx-prem-badge {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    padding: 7px 18px 7px 8px;
    border: 1px solid rgba(255,255,255,.14);
    border-radius: 50px;
    background: rgba(255,255,255,.05);
    box-shadow:
        inset 0 1px rgba(255,255,255,.08),
        0 15px 35px rgba(0,0,0,.25);
    font-size: 14px;
    font-weight: 700;
    color: #fff;
}


.opx-prem-badge-icon {
    display: inline-block;
    width: 30px;
    height: 30px;
    flex: 0 0 30px;
    border-radius: 50%;
    background: linear-gradient(135deg, #ff998d, #ef61bd, #a166ff);
    box-shadow: 0 0 20px rgba(239, 94, 193, .45);
}


.opx-prem-title {
margin: 20px 0 0;
  font-size: clamp(38px, 5vw, 50px);
  line-height: 1.05;
  font-weight: 800;
  letter-spacing: -2px;
  color: #fff;;
}


.opx-prem-title span {
    background: linear-gradient(
        90deg,
        #ffb27f,
        #ff819f,
        #e967ce,
        #a572ff
    );
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
}


.opx-prem-divider {
    position: relative;
    width: 180px;
    height: 1px;
    margin: 28px auto 0;
    background: linear-gradient(
        90deg,
        transparent,
        rgba(227,88,214,.85),
        transparent
    );
}


.opx-prem-divider i {
    position: absolute;
    width: 8px;
    height: 8px;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%) rotate(45deg);
    background: linear-gradient(135deg, #ff769f, #c466ff);
    box-shadow: 0 0 15px rgba(221,88,218,.8);
}




.opx-prem-item {
    position: relative;
    max-width: 1160px;
    margin: 0 auto 80px;
    padding: 35px;
    border: 1px solid rgba(255,255,255,.085);
    border-radius: 28px;
    background: linear-gradient(
        135deg,
        rgba(255,255,255,.07),
        rgba(255,255,255,.018)
    );
    box-shadow:
        0 25px 80px rgba(0,0,0,.32),
        inset 0 1px rgba(255,255,255,.07);
    backdrop-filter: blur(18px);
    -webkit-backdrop-filter: blur(18px);
    transform: translateX(-20px);
    transition: .35s ease;
}


.opx-prem-item-reverse {
    transform: translateX(20px);
}


.opx-prem-item:hover {
    transform: translate(-20px, -5px);
    border-color: rgba(230,91,207,.3);
    box-shadow:
        0 35px 100px rgba(0,0,0,.4),
        0 0 55px rgba(220,81,216,.07);
}


.opx-prem-item-reverse:hover {
    transform: translate(20px, -5px);
}



.opx-prem-item::before {
    content: "";
    position: absolute;
    width: 3px;
    top: 30px;
    bottom: 30px;
    left: -1px;
    border-radius: 20px;
    background: linear-gradient(
        to bottom,
        transparent,
        #ff75ae,
        #b667ff,
        transparent
    );
}


.opx-prem-item-reverse::before {
    left: auto;
    right: -1px;
}



.opx-prem-item:not(:last-child)::after {
    content: "";
    position: absolute;
    left: 50%;
    bottom: -80px;
    width: 1px;
    height: 80px;
    background: linear-gradient(
        to bottom,
        rgba(219,83,214,.5),
        transparent
    );
}




.opx-prem-media {
    position: relative;
    min-height: 330px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 25px;
    overflow: hidden;
    border: 1px solid rgba(255,255,255,.075);
    border-radius: 23px;
    background:
        radial-gradient(
            circle at center,
            rgba(204,80,225,.14),
            transparent 65%
        ),
        rgba(255,255,255,.02);
}


.opx-prem-media::before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(
        125deg,
        rgba(255,255,255,.055),
        transparent 35%
    );
}


.opx-prem-media-glow {
    position: absolute;
    width: 220px;
    height: 220px;
    border-radius: 50%;
    background: rgba(224,81,211,.14);
    filter: blur(55px);
}


.opx-prem-media img {
    position: relative;
    z-index: 2;
    width: auto;
    max-width: 100%;
    max-height: 300px;
    object-fit: contain;
    filter: drop-shadow(0 20px 35px rgba(0,0,0,.45));
    transition: transform .4s ease;
}


.opx-prem-item:hover .opx-prem-media img {
    transform: translateY(-6px) scale(1.025);
}




.opx-prem-copy {
    position: relative;
    padding: 25px 20px;
}


.opx-prem-bg-number {
    position: absolute;
    z-index: 0;
    top: -35px;
    right: 5px;
    font-size: 110px;
    line-height: 1;
    font-weight: 900;
    letter-spacing: -7px;
    color: rgba(255,255,255,.035);
    pointer-events: none;
}


.opx-prem-item-reverse .opx-prem-bg-number {
    right: auto;
    left: 0;
}


.opx-prem-label {
    position: relative;
    z-index: 2;
    display: inline-flex;
    align-items: center;
    min-height: 40px;
    margin-bottom: 18px;
    padding: 8px 18px;
    border: 1px solid rgba(255,122,184,.28);
    border-radius: 9px;
    background: linear-gradient(
        135deg,
        rgba(255,116,171,.15),
        rgba(177,93,255,.11)
    );
    color: #ff9abd;
    font-size: 15px;
    line-height: 1;
    font-weight: 700;
    letter-spacing: .5px;
}


.opx-prem-copy h3 {
    position: relative;
    z-index: 2;
    margin: 0;
    color: #fff;
    font-size: 28px;
    line-height: 1.4;
    font-weight: 700;
    letter-spacing: -.4px;
}


.opx-prem-copy p {
position: relative;
  z-index: 2;
  margin: 18px 0 0;
  color: #fff;
  font-size: 18px;
  line-height: 1.7;
  font-weight: 400;
}




@media (max-width: 1199px) {

    .opx-prem-item,
    .opx-prem-item-reverse,
    .opx-prem-item:hover,
    .opx-prem-item-reverse:hover {
        transform: none;
    }

}



@media (min-width: 768px) and (max-width: 991px) {

    .opx-prem-item {
        padding: 25px;
    }

    .opx-prem-media {
        min-height: 280px;
    }

    .opx-prem-copy {
        padding: 15px 5px;
    }

    .opx-prem-copy h3 {
        font-size: 23px;
    }

    .opx-prem-copy p {
        font-size: 18px;
    }

    .opx-prem-bg-number {
        font-size: 80px;
        top: -25px;
    }

}




@media (max-width: 767px) {

    .opx-prem-section {
        padding: 65px 0;
    }

    .opx-prem-head {
        margin-bottom: 50px;
    }

    .opx-prem-title {
        font-size: 38px;
        letter-spacing: -1px;
    }

    .opx-prem-badge {
        font-size: 12px;
    }

    .opx-prem-badge-icon {
        width: 27px;
        height: 27px;
        flex-basis: 27px;
    }

    .opx-prem-item {
        padding: 18px;
        margin-bottom: 50px;
        border-radius: 22px;
    }

    .opx-prem-media {
        min-height: 230px;
        padding: 18px;
        border-radius: 18px;
    }

    .opx-prem-media img {
        max-height: 230px;
    }

    .opx-prem-copy {
        padding: 18px 5px 8px;
        text-align: center;
    }

    .opx-prem-copy h3 {
        font-size: 23px;
        line-height: 1.4;
    }

    .opx-prem-copy p {
        margin-left: auto;
        margin-right: auto;
        font-size: 18px;
        line-height: 1.65;
    }

    .opx-prem-bg-number,
    .opx-prem-item-reverse .opx-prem-bg-number {
        left: 50%;
        right: auto;
        top: -18px;
        transform: translateX(-50%);
        font-size: 72px;
    }

}




@media (max-width: 480px) {

    .opx-prem-title {
        font-size: 32px;
    }

    .opx-prem-item {
        padding: 14px;
    }

    .opx-prem-copy h3 {
        font-size: 21px;
    }

    .opx-prem-copy p {
        font-size: 18px;
    }

}



.opus-heading-wrap {
   padding: 20px 15px 35px;
}

.opus-eyebrow {
   display: inline-block;
   color: #555;
   letter-spacing: 1.5px;
   text-transform: uppercase;
   margin-bottom: 14px;
}

.opus-title-accent {
   width: 65px;
   height: 5px;
   margin: 22px auto 25px;
   border-radius: 20px;
   background: linear-gradient(
      90deg,
      #ff7a59,
      #ef4f91,
      #b83ee8
   );
}

.opus-product-title {
   display: inline-flex;
   align-items: center;
   gap: 8px;
   position: relative;
   padding: 12px 24px;
   color: #202945;
   background: rgba(255,255,255,0.7);
   border: 1px solid rgba(120,80,255,0.18);
   border-radius: 100px;
   box-shadow:
      0 10px 35px rgba(60,35,120,0.08),
      inset 0 1px 0 rgba(255,255,255,0.9);
   backdrop-filter: blur(8px);
}

.opus-product-title span {
   color: #744cff;
}

@media (max-width: 767px) {
   .opus-heading-wrap {
      padding: 10px 10px 25px;
   }

   .opus-product-title {
      padding: 10px 18px;
      border-radius: 50px;
   }
}

.od-suit-box{
   max-width:1100px;
   margin:auto;
}

.od-suit-desc{
   max-width:1000px;
   margin:auto;
   color:#fff;
   font-size:30px;
   line-height:1.45;
   font-weight:600;
}

.od-suit-bottom{
   display:flex;
   align-items:center;
   justify-content:center;
   gap:12px;
   margin-top:35px;
}

.od-suit-bottom i{
   width:90px;
   height:1px;
   background:linear-gradient(90deg,transparent,#e646ce);
}

.od-suit-bottom i:last-child{
   background:linear-gradient(90deg,#e646ce,transparent);
}

.od-suit-bottom b{
   width:9px;
   height:9px;
   display:block;
   transform:rotate(45deg);
   background:linear-gradient(135deg,#ff8b76,#c83ce7);
}

@media(max-width:767px){
   .od-suit-desc{font-size:20px;line-height:1.55;}
   .od-suit-bottom{margin-top:25px;}
   .od-suit-bottom i{width:55px;}
}

.limita-1{
position: relative;
  z-index: 2;
  overflow: hidden;
  min-height: 100%;
  padding: 38px 34px;
  border-radius: 26px;
  border: 1px solid rgba(255,255,255,0.12);
  background: linear-gradient( 145deg, rgba(255,255,255,0.075), rgba(255,255,255,0.025) );
  box-shadow: 0 30px 70px rgba(0,0,0,0.38), inset 0 1px 0 rgba(255,255,255,0.09);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  display: flex;
  flex-direction: column;
  transition: transform 0.35s ease, border-color 0.35s ease, box-shadow 0.35s ease;
}
.limita-2{
position: relative;
  z-index: 2;
  overflow: hidden;
  min-height: 100%;
  padding: 38px 34px;
  border-radius: 26px;
  border: 1px solid rgba(255,255,255,0.12);
  background: linear-gradient( 145deg, rgba(255,255,255,0.075), rgba(255,255,255,0.025) );
  box-shadow: 0 30px 70px rgba(0,0,0,0.38), inset 0 1px 0 rgba(255,255,255,0.09);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  display: flex;
  flex-direction: column;
  transition: transform 0.35s ease, border-color 0.35s ease, box-shadow 0.35s ease;
}
.opusjvx-glow-left {
  top: -140px;
  left: -110px;
  background: rgba(214, 76, 211, 0.30);
}
.opusjvx-glow {
  position: absolute;
  width: 290px;
  height: 290px;
  border-radius: 50%;
  filter: blur(75px);
  pointer-events: none;
}

.opusjvx-glow-right {
  top: -140px;
  right: -110px;
  background: rgba(255, 153, 137, 0.22);
}
.opusjvx-glow {
  position: absolute;
  width: 290px;
  height: 290px;
  border-radius: 50%;
  filter: blur(75px);
  pointer-events: none;
}






.odx91-section{
   padding:80px 0;
   overflow:hidden;

  background: radial-gradient(circle at 4% 8%,rgb(255, 255, 255),transparent 22%), radial-gradient(circle at 96% 45%,rgba(116,83,238,.05),transparent 25%), #fff;

}

.odx91-item{
   position:relative;
   padding:65px 0;
}

.odx91-item + .odx91-item{
   border-top:1px solid rgba(103,76,220,.09);
}


.odx91-content{
   position:relative;
   padding-top:55px;
}

.odx91-num{
   position:absolute;
   top:-18px;
   left:0;
   width:68px;
   height:68px;
   display:flex;
   align-items:center;
   justify-content:center;
   color:#fff;
   background:#14182c;
   border:6px solid #fff;
   border-radius:20px;
   font-size:21px;
   line-height:1;
   font-weight:800;
   box-shadow:
      0 12px 28px rgba(25,27,55,.18),
      0 3px 8px rgba(25,27,55,.08);
}

.odx91-title{
   max-width:610px;
   margin:0;
   color:#101425;
   font-size:40px;
   line-height:1.16;
   font-weight:800;
   letter-spacing:-1.2px;
}

.odx91-line{
   width:72px;
   height:5px;
   margin-top:24px;
   border-radius:50px;
   background:linear-gradient(90deg,#6445e6,#9568ff);
}

.odx91-text{
   max-width:640px;
   margin-top:27px;
   color:#293550;
   font-size:19px;
   line-height:1.48;
   font-weight:400;
}


.odx91-visual{
   position:relative;
   padding:10px 15px;
}

.odx91-visual img{
   display:block;
   width:100%;
   max-width:590px;
   height:auto;
   margin:0 auto;
   object-fit:contain;
   filter:drop-shadow(0 20px 25px rgba(38,35,75,.07));
}


@media(max-width:991px){

   .odx91-section{
      padding:55px 0;
   }

   .odx91-item{
      padding:50px 0;
   }

   .odx91-title{
      font-size:32px;
   }

   .odx91-text{
      font-size:18px;
   }

   .odx91-visual{
      padding:10px 5px;
   }
}


@media(max-width:767px){

   .odx91-section{
      padding:30px 0;
   }

   .odx91-item{
      padding:42px 0;
   }

   .odx91-content{
      padding-top:50px;
   }

   .odx91-num{
      top:-12px;
      width:60px;
      height:60px;
      border-width:5px;
      border-radius:17px;
      font-size:19px;
   }

   .odx91-title{
      font-size:29px;
      line-height:1.2;
      letter-spacing:-.5px;
   }

   .odx91-line{
      width:60px;
      height:4px;
      margin-top:18px;
   }

   .odx91-text{
      margin-top:22px;
      font-size:18px;
      line-height:1.5;
   }

   .odx91-visual{
      margin-top:30px;
      padding:0;
   }
}




.opx-bonus-section {
   position: relative;
   overflow: hidden;
padding: 0 0 0 110px;
   background:
      radial-gradient(circle at 12% 16%, rgba(119, 79, 255, 0.12), transparent 25%),
      radial-gradient(circle at 87% 75%, rgba(255, 73, 180, 0.09), transparent 26%),
      linear-gradient(180deg, #fbf8ff 0%, #f6f1ff 50%, #fbf9ff 100%);
   isolation: isolate;
}




.opx-bonus-section::before {
   content: "";
   position: absolute;
   inset: 0;
   z-index: -2;
   opacity: 0.35;
   background-image:
      linear-gradient(rgba(90, 53, 169, 0.04) 1px, transparent 1px),
      linear-gradient(90deg, rgba(90, 53, 169, 0.04) 1px, transparent 1px);
   background-size: 42px 42px;
   mask-image: linear-gradient(
      to bottom,
      transparent,
      #000 15%,
      #000 85%,
      transparent
   );
}




.opx-bonus-section::after {
   content: "";
   position: absolute;
   width: 480px;
   height: 480px;
   right: -280px;
   top: 25%;
   border-radius: 50%;
   background: rgba(106, 64, 255, 0.12);
   filter: blur(90px);
   z-index: -1;
}




.opx-bonus-heading {
   display: flex;
   align-items: center;
   justify-content: center;
   gap: 30px;
   margin-bottom: 75px;
   text-align: center;
}


.opx-bonus-heading__content {
   position: relative;
}


.opx-bonus-heading__eyebrow {
   display: inline-flex;
   align-items: center;
   justify-content: center;
   margin-bottom: 10px;
   font-size: 12px;
   line-height: 1;
   font-weight: 800;
   letter-spacing: 3px;
   color: #7c4dff;
}


.opx-bonus-heading__title {
margin: 0;
  font-size: clamp(30px, 5vw, 44px);
  line-height: 1;
  font-weight: 900;
  letter-spacing: -2.5px;
  color: #171025;
}


.opx-bonus-heading__line {
   display: flex;
   align-items: center;
   justify-content: center;
   gap: 8px;
   width: 155px;
   margin: 21px auto 0;
}


.opx-bonus-heading__line span {
   width: 56px;
   height: 1px;
   background: linear-gradient(
      90deg,
      transparent,
      rgba(91, 51, 190, 0.5)
   );
}


.opx-bonus-heading__line span:last-child {
   transform: rotate(180deg);
}


.opx-bonus-heading__line i {
   width: 8px;
   height: 8px;
   border-radius: 50%;
   background: #7548ff;
   box-shadow: 0 0 0 6px rgba(117, 72, 255, 0.1);
}


.opx-bonus-heading__gift img {
   display: block;
   width: 85px;
   height: auto;
   filter: drop-shadow(0 12px 15px rgba(55, 29, 118, 0.16));
}


.opx-bonus-heading__gift--left {
   transform: rotate(-7deg);
}


.opx-bonus-heading__gift--right {
   transform: rotate(7deg);
}




.opx-bonus-card {
   position: relative;
   overflow: hidden;
   /* max-width: 1110px; */
   margin: 0 auto 55px;
   padding: 38px 50px;
   border: 1px solid rgba(91, 55, 174, 0.11);
   border-radius: 30px;
   background:
      linear-gradient(
         125deg,
         rgba(255, 255, 255, 0.94),
         rgba(250, 246, 255, 0.82)
      );
   box-shadow:
      0 30px 80px rgba(58, 32, 111, 0.09),
      0 4px 15px rgba(76, 44, 137, 0.04),
      inset 0 1px 0 rgba(255, 255, 255, 0.95);
   backdrop-filter: blur(14px);
   -webkit-backdrop-filter: blur(14px);
   transition:
      transform 0.45s cubic-bezier(.2, .8, .2, 1),
      box-shadow 0.45s ease,
      border-color 0.45s ease;
}




.opx-bonus-card::before {
   content: "";
   position: absolute;
   top: 0;
   left: 12%;
   right: 12%;
   height: 1px;
   background: linear-gradient(
      90deg,
      transparent,
      rgba(131, 78, 255, 0.55),
      rgba(255, 82, 183, 0.32),
      transparent
   );
}




.opx-bonus-card::after {
   content: "";
   position: absolute;
   width: 270px;
   height: 270px;
   right: -140px;
   bottom: -150px;
   border-radius: 50%;
   background: radial-gradient(
      circle,
      rgba(116, 73, 255, 0.13),
      transparent 68%
   );
   pointer-events: none;
}


.opx-bonus-card--reverse::after {
   right: auto;
   left: -140px;
}


.opx-bonus-card:hover {
   transform: translateY(-8px);
   border-color: rgba(117, 72, 255, 0.25);
   box-shadow:
      0 42px 100px rgba(58, 32, 111, 0.15),
      0 10px 30px rgba(76, 44, 137, 0.07);
}




.opx-bonus-card__number {
   position: absolute;
   top: -13px;
   right: 28px;
   z-index: 0;
   font-size: 118px;
   line-height: 1;
   font-weight: 900;
   letter-spacing: -8px;
   color: rgba(82, 48, 151, 0.035);
   user-select: none;
}


.opx-bonus-card--reverse .opx-bonus-card__number {
   right: auto;
   left: 28px;
}




.opx-bonus-product {
   position: relative;
   display: flex;
   align-items: center;
   justify-content: center;
   min-height: 330px;
   padding: 20px;
}


.opx-bonus-product__glow {
   position: absolute;
   left: 50%;
   top: 50%;
   width: 270px;
   height: 270px;
   transform: translate(-50%, -50%);
   border-radius: 50%;
   background:
      radial-gradient(
         circle,
         rgba(111, 66, 255, 0.22) 0%,
         rgba(212, 75, 255, 0.1) 36%,
         transparent 70%
      );
   filter: blur(3px);
   transition: transform 0.5s ease;
}


.opx-bonus-product::after {
   content: "";
   position: absolute;
   left: 50%;
   bottom: 30px;
   width: 235px;
   height: 25px;
   transform: translateX(-50%);
   border-radius: 50%;
   background: rgba(45, 22, 88, 0.16);
   filter: blur(17px);
   z-index: 0;
}


.opx-bonus-product__image {
   position: relative;
   z-index: 2;
   width: min(100%, 390px);
   transition:
      transform 0.55s cubic-bezier(.2, .8, .2, 1),
      filter 0.55s ease;
   filter: drop-shadow(0 24px 22px rgba(52, 22, 108, 0.18));
}


.opx-bonus-card:hover .opx-bonus-product__image {
   
   filter: drop-shadow(0 32px 30px rgba(52, 22, 108, 0.23));
}


.opx-bonus-card:hover .opx-bonus-product__glow {
   transform: translate(-50%, -50%) scale(1.12);
}




.opx-bonus-product__badge {
   position: absolute;
   top: 22px;
   left: 15px;
   z-index: 4;
   padding: 8px 13px;
   border: 1px solid rgba(121, 75, 255, 0.15);
   border-radius: 100px;
   background: rgba(255, 255, 255, 0.82);
   box-shadow: 0 10px 30px rgba(52, 25, 113, 0.1);
   backdrop-filter: blur(10px);
   font-size: 10px;
   line-height: 1;
   font-weight: 800;
   letter-spacing: 1.4px;
   color: #6540cf;
}


.opx-bonus-card--reverse .opx-bonus-product__badge {
   left: auto;
   right: 15px;
}




.opx-bonus-content {
   position: relative;
   z-index: 2;
   /* max-width: 570px; */
   padding: 25px 15px 25px 35px;
}


.opx-bonus-card--reverse .opx-bonus-content {
   padding-left: 15px;
   padding-right: 35px;
}


.opx-bonus-content__label {
   display: flex;
   align-items: center;
   gap: 8px;
   margin-bottom: 15px;
   font-size: 10px;
   line-height: 1.2;
   font-weight: 800;
   letter-spacing: 1.5px;
   color: #81798e;
}


.opx-bonus-content__label span {
   display: inline-flex;
   align-items: center;
   padding: 7px 10px;
   border-radius: 50px;
   background: #171025;
   color: #ffffff;
   letter-spacing: 1.2px;
}


.opx-bonus-content__title {
   margin: 0 0 17px;
   font-size: clamp(29px, 3vw, 42px);
   line-height: 1.08;
   font-weight: 900;
   letter-spacing: -1.2px;
   color: #171025;
}


.opx-bonus-content__title span {
   position: relative;
   display: inline-block;
   color: #7043e8;
}




.opx-bonus-content__title span::after {
   content: "";
   position: absolute;
   left: 1px;
   right: 1px;
   bottom: -4px;
   height: 3px;
   border-radius: 10px;
   background: linear-gradient(
      90deg,
      #7043e8,
      #c157e8
   );
}


.opx-bonus-content__subtitle {
   position: relative;
   margin: 0 0 16px;
   padding-left: 18px;
   font-size: 19px;
   line-height: 1.4;
   font-weight: 800;
   color: #24202b;
}


.opx-bonus-content__subtitle::before {
   content: "";
   position: absolute;
   top: 5px;
   bottom: 5px;
   left: 0;
   width: 3px;
   border-radius: 10px;
   background: linear-gradient(
      180deg,
      #7447ee,
      #cf5bcf
   );
}


.opx-bonus-content__text {
   max-width: 555px;
   margin: 0;
   font-size: 16px;
   line-height: 1.8;
   font-weight: 400;
   color: #696171;
}


.opx-bonus-content__footer {
   display: inline-flex;
   align-items: center;
   gap: 9px;
   margin-top: 22px;
   padding-top: 17px;
   border-top: 1px solid rgba(55, 36, 91, 0.08);
   font-size: 11px;
   line-height: 1.2;
   font-weight: 800;
   letter-spacing: 1px;
   text-transform: uppercase;
   color: #3c3446;
}


.opx-bonus-content__dot {
   position: relative;
   display: inline-block;
   width: 8px;
   height: 8px;
   border-radius: 50%;
   background: #5ccd91;
   box-shadow: 0 0 0 5px rgba(92, 205, 145, 0.12);
}




@media (max-width: 991.98px) {

   .opx-bonus-section {
      padding: 70px 0 80px;
   }

   .opx-bonus-heading {
      margin-bottom: 55px;
   }

   .opx-bonus-heading__gift img {
      width: 67px;
   }

   .opx-bonus-card {
      max-width: 720px;
      padding: 25px 28px 35px;
      border-radius: 25px;
   }

   .opx-bonus-product {
      min-height: 285px;
   }

   .opx-bonus-product__image {
      width: min(100%, 350px);
   }

   .opx-bonus-content,
   .opx-bonus-card--reverse .opx-bonus-content {
      max-width: 100%;
      padding: 10px 12px 15px;
   }

   .opx-bonus-content__text {
      max-width: 100%;
   }

   .opx-bonus-card__number,
   .opx-bonus-card--reverse .opx-bonus-card__number {
      top: auto;
      right: 20px;
      bottom: -5px;
      left: auto;
      font-size: 90px;
   }

}




@media (max-width: 575.98px) {

   .opx-bonus-section {
      padding: 55px 0 65px;
   }

   .opx-bonus-heading {
      gap: 10px;
      margin-bottom: 42px;
   }

   .opx-bonus-heading__gift {
      display: none;
   }

   .opx-bonus-heading__eyebrow {
      margin-bottom: 9px;
      font-size: 10px;
      letter-spacing: 2.2px;
   }

   .opx-bonus-heading__title {
      font-size: 37px;
      letter-spacing: -1.5px;
   }

   .opx-bonus-heading__line {
      margin-top: 17px;
   }

   .opx-bonus-card {
      margin-bottom: 26px;
      padding: 18px 14px 27px;
      border-radius: 21px;
   }

   .opx-bonus-product {
      min-height: 235px;
      padding: 10px;
   }

   .opx-bonus-product__image {
      width: min(100%, 285px);
   }

   .opx-bonus-product__glow {
      width: 220px;
      height: 220px;
   }

   .opx-bonus-product::after {
      bottom: 19px;
      width: 190px;
   }

   .opx-bonus-product__badge {
      top: 10px;
      left: 5px;
      padding: 7px 10px;
      font-size: 9px;
   }

   .opx-bonus-card--reverse .opx-bonus-product__badge {
      right: 5px;
   }

   .opx-bonus-content,
   .opx-bonus-card--reverse .opx-bonus-content {
      padding: 16px 8px 5px;
   }

   .opx-bonus-content__label {
      margin-bottom: 13px;
      font-size: 9px;
   }

   .opx-bonus-content__label span {
      padding: 6px 8px;
   }

   .opx-bonus-content__title {
      margin-bottom: 16px;
      font-size: 28px;
      letter-spacing: -0.8px;
   }

   .opx-bonus-content__subtitle {
      margin-bottom: 13px;
      font-size: 17px;
   }

   .opx-bonus-content__text {
      font-size: 14px;
      line-height: 1.75;
   }

   .opx-bonus-content__footer {
      margin-top: 18px;
      font-size: 9px;
      letter-spacing: 0.7px;
   }

   .opx-bonus-card__number,
   .opx-bonus-card--reverse .opx-bonus-card__number {
      right: 12px;
      bottom: -3px;
      font-size: 70px;
   }

}




@media (prefers-reduced-motion: reduce) {

   .opx-bonus-card,
   .opx-bonus-product__image,
   .opx-bonus-product__glow,
   .opx-bonus-reveal {
      transition: none !important;
      transform: none !important;
   }

}




.odx-pill-section {
   position: relative;
   overflow: hidden;
   isolation: isolate;
   padding: 95px 0 105px;
   background:
      radial-gradient(
         circle at 20% 25%,
         rgba(42, 220, 125, 0.08),
         transparent 28%
      ),
      radial-gradient(
         circle at 83% 28%,
         rgba(255, 73, 93, 0.09),
         transparent 29%
      ),
      radial-gradient(
         circle at 50% 100%,
         rgba(77, 92, 255, 0.08),
         transparent 35%
      ),
      linear-gradient(
         180deg,
         #090b11 0%,
         #0d1018 48%,
         #080a10 100%
      );
}




.odx-pill-section::before {
   content: "";
   position: absolute;
   inset: 0;
   z-index: -3;
   opacity: 0.22;
   background-image:
      linear-gradient(
         rgba(255, 255, 255, 0.025) 1px,
         transparent 1px
      ),
      linear-gradient(
         90deg,
         rgba(255, 255, 255, 0.025) 1px,
         transparent 1px
      );
   background-size: 50px 50px;
}




.odx-pill-section::after {
   content: "";
   position: absolute;
   z-index: -2;
   top: -260px;
   left: 50%;
   width: 720px;
   height: 720px;
   transform: translateX(-50%);
   border-radius: 50%;
   background: rgba(117, 82, 255, 0.08);
   filter: blur(130px);
   pointer-events: none;
}




.odx-pill-heading {
   max-width: 920px;
   margin: 0 auto;
}


.odx-pill-heading__eyebrow {
   display: inline-flex;
   align-items: center;
   justify-content: center;
   padding: 8px 15px;
   margin-bottom: 20px;
   border: 1px solid rgba(255, 255, 255, 0.09);
   border-radius: 100px;
   background: rgba(255, 255, 255, 0.04);
   font-size: 11px;
   line-height: 1;
   font-weight: 800;
   letter-spacing: 2.4px;
   color: rgba(255, 255, 255, 0.55);
}


.odx-pill-heading__title {
   margin: 0;
   font-size: clamp(36px, 5.3vw, 68px);
   line-height: 1.08;
   font-weight: 500;
   letter-spacing: -2.3px;
   color: #f8f9fc;
}


.odx-pill-heading__title span {
   position: relative;
   display: inline-block;
   margin-left: 8px;
   padding: 7px 16px 10px;
   border-radius: 12px;
   font-weight: 800;
   color: #ffffff;
   background:
      linear-gradient(
         110deg,
         #ff886b 0%,
         #ff5d81 45%,
         #c83ad7 100%
      );
   box-shadow:
      0 13px 40px rgba(220, 52, 151, 0.19),
      inset 0 1px 0 rgba(255, 255, 255, 0.22);
}




.odx-pill-cardrow {
   margin-top: 68px;
}


.odx-pill-card {
   position: relative;
   overflow: hidden;
   height: 100%;
   min-height: 390px;
   border-radius: 26px;
   border: 1px solid rgba(255, 255, 255, 0.085);
   background:
      linear-gradient(
         145deg,
         rgba(255, 255, 255, 0.075),
         rgba(255, 255, 255, 0.025)
      );
   box-shadow:
      0 30px 70px rgba(0, 0, 0, 0.34),
      inset 0 1px 0 rgba(255, 255, 255, 0.07);
   backdrop-filter: blur(18px);
   -webkit-backdrop-filter: blur(18px);
   transition:
      transform 0.4s cubic-bezier(.2, .8, .2, 1),
      border-color 0.4s ease,
      box-shadow 0.4s ease;
}


.odx-pill-card:hover {
   transform: translateY(-8px);
}


.odx-pill-card--green:hover {
   border-color: rgba(75, 220, 120, 0.3);
   box-shadow:
      0 36px 90px rgba(0, 0, 0, 0.42),
      0 0 60px rgba(58, 215, 112, 0.08);
}


.odx-pill-card--red:hover {
   border-color: rgba(255, 93, 106, 0.32);
   box-shadow:
      0 36px 90px rgba(0, 0, 0, 0.42),
      0 0 60px rgba(255, 79, 96, 0.08);
}




.odx-pill-card__shine {
   position: absolute;
   top: 0;
   left: 10%;
   right: 10%;
   height: 1px;
   opacity: 0.8;
}


.odx-pill-card--green .odx-pill-card__shine {
   background: linear-gradient(
      90deg,
      transparent,
      #65e485,
      transparent
   );
}


.odx-pill-card--red .odx-pill-card__shine {
   background: linear-gradient(
      90deg,
      transparent,
      #ff6775,
      transparent
   );
}




.odx-pill-card__head {
   position: relative;
   display: flex;
   align-items: center;
   gap: 15px;
   padding: 23px 25px;
   border-bottom: 1px solid rgba(255, 255, 255, 0.07);
}


.odx-pill-card--green .odx-pill-card__head {
   background:
      linear-gradient(
         90deg,
         rgba(60, 204, 105, 0.19),
         rgba(60, 204, 105, 0.035)
      );
}


.odx-pill-card--red .odx-pill-card__head {
   background:
      linear-gradient(
         90deg,
         rgba(255, 78, 92, 0.2),
         rgba(255, 78, 92, 0.035)
      );
}


.odx-pill-card__head h3 {
   margin: 0;
   font-size: 27px;
   line-height: 1.1;
   font-weight: 800;
   letter-spacing: -0.8px;
   color: #ffffff;
}




.odx-pill-card__icon {
   position: relative;
   flex: 0 0 auto;
   width: 52px;
   height: 52px;
   display: flex;
   align-items: center;
   justify-content: center;
   border-radius: 50%;
   background: rgba(255, 255, 255, 0.94);
   box-shadow:
      0 8px 20px rgba(0, 0, 0, 0.18),
      inset 0 0 0 4px rgba(255, 255, 255, 0.22);
}


.odx-pill-card__icon span {
   position: relative;
   display: block;
   width: 27px;
   height: 14px;
   border-radius: 20px;
   transform: rotate(45deg);
}


.odx-pill-card__icon span::after {
   content: "";
   position: absolute;
   top: 0;
   left: 50%;
   width: 2px;
   height: 100%;
   transform: translateX(-50%);
   background: rgba(255, 255, 255, 0.68);
}


.odx-pill-card--green .odx-pill-card__icon span {
   background: #4ecb65;
}


.odx-pill-card--red .odx-pill-card__icon span {
   background: #ff6772;
}


.odx-pill-card__tag {
   margin-left: auto;
   padding: 7px 10px;
   border-radius: 100px;
   font-size: 9px;
   line-height: 1;
   font-weight: 800;
   letter-spacing: 1.3px;
}


.odx-pill-card--green .odx-pill-card__tag {
   color: #75ec94;
   border: 1px solid rgba(80, 222, 119, 0.18);
   background: rgba(64, 213, 105, 0.08);
}


.odx-pill-card--red .odx-pill-card__tag {
   color: #ff8290;
   border: 1px solid rgba(255, 92, 106, 0.19);
   background: rgba(255, 73, 90, 0.08);
}




.odx-pill-card__body {
   position: relative;
   z-index: 2;
   padding: 28px 29px 29px;
}


.odx-pill-point {
   display: grid;
   grid-template-columns: 24px 1fr;
   gap: 14px;
   align-items: flex-start;
}


.odx-pill-point + .odx-pill-point {
   margin-top: 21px;
}


.odx-pill-point p {
   margin: 0;
   font-size: 15px;
   line-height: 1.7;
   font-weight: 400;
   color: rgba(245, 247, 252, 0.72);
}


.odx-pill-point strong {
   font-weight: 750;
   color: #ffffff;
}




.odx-pill-point__arrow {
   display: block;
   margin-top: 5px;
   width: 0;
   height: 0;
   border-top: 9px solid transparent;
   border-bottom: 9px solid transparent;
}


.odx-pill-card--green .odx-pill-point__arrow {
   border-left: 15px solid #55d675;
   filter: drop-shadow(
      0 0 8px rgba(85, 214, 117, 0.24)
   );
}


.odx-pill-card--red .odx-pill-point__arrow {
   border-left: 15px solid #ff6574;
   filter: drop-shadow(
      0 0 8px rgba(255, 101, 116, 0.24)
   );
}




.odx-pill-card__glow {
   position: absolute;
   z-index: 0;
   width: 210px;
   height: 210px;
   right: -95px;
   bottom: -115px;
   border-radius: 50%;
   filter: blur(50px);
   opacity: 0.15;
}


.odx-pill-card--green .odx-pill-card__glow {
   background: #4dda73;
}


.odx-pill-card--red .odx-pill-card__glow {
   background: #ff4d5e;
}




.odx-pill-question {
   display: flex;
   align-items: center;
   justify-content: center;
   gap: 20px;
   margin: 72px auto 46px;
}


.odx-pill-question__line {
   flex: 1;
   max-width: 200px;
   height: 1px;
   background: linear-gradient(
      90deg,
      transparent,
      rgba(255, 255, 255, 0.16)
   );
}


.odx-pill-question__line:last-child {
   transform: rotate(180deg);
}


.odx-pill-question__box {
   position: relative;
   min-width: min(100%, 510px);
   padding: 18px 34px 19px;
   border: 1px solid rgba(255, 217, 38, 0.22);
   border-radius: 18px;
   text-align: center;
   background:
      linear-gradient(
         135deg,
         rgba(255, 219, 37, 0.14),
         rgba(255, 193, 37, 0.06)
      );
   box-shadow:
      0 20px 50px rgba(0, 0, 0, 0.22),
      inset 0 1px 0 rgba(255, 255, 255, 0.06);
}


.odx-pill-question__box span {
   display: block;
   margin-bottom: 7px;
   font-size: 9px;
   line-height: 1;
   font-weight: 900;
   letter-spacing: 2px;
   color: #ffd84c;
}


.odx-pill-question__box h3 {
   margin: 0;
   font-size: clamp(23px, 3vw, 31px);
   line-height: 1.2;
   font-weight: 800;
   letter-spacing: -0.7px;
   color: #ffffff;
}




.odx-pill-choice {
   position: relative;
   max-width: 500px;
   margin: 0 auto;
   text-align: center;
}


.odx-pill-choice__arrow {
   position: relative;
   width: 34px;
   height: 45px;
   margin: 0 auto 18px;
}


.odx-pill-choice__arrow::before {
   content: "";
   position: absolute;
   top: 0;
   left: 50%;
   width: 2px;
   height: 31px;
   transform: translateX(-50%);
   background: rgba(255, 255, 255, 0.55);
}


.odx-pill-choice__arrow span {
   position: absolute;
   left: 50%;
   bottom: 1px;
   width: 17px;
   height: 17px;
   transform: translateX(-50%) rotate(45deg);
   border-right: 2px solid rgba(255, 255, 255, 0.67);
   border-bottom: 2px solid rgba(255, 255, 255, 0.67);
}


.odx-pill-choice__label {
   position: relative;
   display: inline-flex;
   min-width: 180px;
   align-items: center;
   justify-content: center;
   margin-bottom: 11px;
   padding: 10px 28px;
   border-radius: 10px 10px 4px 4px;
   font-size: 19px;
   line-height: 1;
   font-weight: 800;
   color: #ffffff;
}


.odx-pill-choice--green .odx-pill-choice__label {
   background:
      linear-gradient(
         110deg,
         #32b85c,
         #60d879
      );
   box-shadow: 0 11px 35px rgba(52, 197, 93, 0.17);
}


.odx-pill-choice--red .odx-pill-choice__label {
   background:
      linear-gradient(
         110deg,
         #f04f5e,
         #ff7882
      );
   box-shadow: 0 11px 35px rgba(255, 78, 92, 0.16);
}


.odx-pill-choice__result {
   position: relative;
   overflow: hidden;
   min-height: 72px;
   display: flex;
   align-items: center;
   justify-content: center;
   gap: 12px;
   padding: 16px 22px;
   border: 1px solid rgba(255, 255, 255, 0.1);
   border-radius: 14px;
   background: rgba(255, 255, 255, 0.035);
   box-shadow:
      0 18px 40px rgba(0, 0, 0, 0.22),
      inset 0 1px 0 rgba(255, 255, 255, 0.04);
   transition:
      border-color 0.35s ease,
      transform 0.35s ease,
      background 0.35s ease;
}


.odx-pill-choice__result strong {
   font-size: clamp(18px, 2.3vw, 23px);
   line-height: 1.25;
   font-weight: 650;
   color: #f8f9fc;
}


.odx-pill-choice__result-icon {
   flex: 0 0 auto;
   width: 29px;
   height: 29px;
   display: flex;
   align-items: center;
   justify-content: center;
   border-radius: 50%;
   font-size: 16px;
   font-weight: 900;
}


.odx-pill-choice--green .odx-pill-choice__result-icon {
   color: #6ce78b;
   background: rgba(66, 213, 106, 0.09);
   border: 1px solid rgba(66, 213, 106, 0.18);
}


.odx-pill-choice--red .odx-pill-choice__result-icon {
   color: #ff7682;
   background: rgba(255, 88, 102, 0.09);
   border: 1px solid rgba(255, 88, 102, 0.18);
}


.odx-pill-choice--green .odx-pill-choice__result:hover {
   transform: translateY(-4px);
   border-color: rgba(74, 217, 112, 0.26);
   background: rgba(65, 204, 103, 0.055);
}


.odx-pill-choice--red .odx-pill-choice__result:hover {
   transform: translateY(-4px);
   border-color: rgba(255, 86, 99, 0.27);
   background: rgba(255, 83, 96, 0.05);
}




@media (max-width: 991.98px) {

   .odx-pill-section {
      padding: 75px 0 85px;
   }

   .odx-pill-cardrow {
      margin-top: 50px;
   }

   .odx-pill-card {
      min-height: 0;
   }

   .odx-pill-question {
      margin-top: 58px;
   }

}




@media (max-width: 575.98px) {

   .odx-pill-section {
      padding: 58px 0 65px;
   }

   .odx-pill-heading__title {
      font-size: 37px;
      letter-spacing: -1.5px;
   }

   .odx-pill-heading__title span {
      display: table;
      margin: 10px auto 0;
      padding: 7px 13px 9px;
      border-radius: 9px;
   }

   .odx-pill-cardrow {
      margin-top: 42px;
   }

   .odx-pill-card {
      border-radius: 20px;
   }

   .odx-pill-card__head {
      gap: 11px;
      padding: 18px 17px;
   }

   .odx-pill-card__icon {
      width: 43px;
      height: 43px;
   }

   .odx-pill-card__icon span {
      width: 23px;
      height: 12px;
   }

   .odx-pill-card__head h3 {
      font-size: 23px;
   }

   .odx-pill-card__tag {
      padding: 6px 7px;
      font-size: 7px;
      letter-spacing: 0.8px;
   }

   .odx-pill-card__body {
      padding: 23px 18px 25px;
   }

   .odx-pill-point {
      grid-template-columns: 19px 1fr;
      gap: 11px;
   }

   .odx-pill-point + .odx-pill-point {
      margin-top: 18px;
   }

   .odx-pill-point p {
      font-size: 14px;
      line-height: 1.65;
   }

   .odx-pill-point__arrow {
      border-top-width: 7px;
      border-bottom-width: 7px;
   }

   .odx-pill-card--green .odx-pill-point__arrow,
   .odx-pill-card--red .odx-pill-point__arrow {
      border-left-width: 12px;
   }

   .odx-pill-question {
      gap: 10px;
      margin: 50px auto 38px;
   }

   .odx-pill-question__line {
      display: none;
   }

   .odx-pill-question__box {
      width: 100%;
      min-width: 0;
      padding: 17px 15px 18px;
      border-radius: 15px;
   }

   .odx-pill-question__box h3 {
      font-size: 22px;
   }

   .odx-pill-choice__arrow {
      height: 38px;
      margin-bottom: 15px;
   }

   .odx-pill-choice__arrow::before {
      height: 25px;
   }

   .odx-pill-choice__label {
      min-width: 155px;
      padding: 9px 22px;
      font-size: 17px;
   }

   .odx-pill-choice__result {
      min-height: 65px;
      padding: 14px;
   }

   .odx-pill-choice__result strong {
      font-size: 17px;
   }

}



.odx-faq-section {
   position: relative;
   overflow: hidden;
   padding: 90px 0 100px;
   background:
      radial-gradient(
         circle at 12% 15%,
         rgba(114, 68, 255, 0.10),
         transparent 25%
      ),
      radial-gradient(
         circle at 88% 85%,
         rgba(255, 76, 158, 0.08),
         transparent 27%
      ),
      linear-gradient(
         180deg,
         #fbf9ff 0%,
         #f6f2ff 52%,
         #fbf9ff 100%
      );
}




.odx-faq-section::before {
   content: "";
   position: absolute;
   inset: 0;
   pointer-events: none;
   opacity: 0.32;
   background-image:
      linear-gradient(
         rgba(82, 48, 145, 0.035) 1px,
         transparent 1px
      ),
      linear-gradient(
         90deg,
         rgba(82, 48, 145, 0.035) 1px,
         transparent 1px
      );
   background-size: 48px 48px;
}




.odx-faq-heading {
   position: relative;
   z-index: 2;
   max-width: 850px;
   margin: 0 auto 55px;
}


.odx-faq-heading__eyebrow {
   display: inline-flex;
   align-items: center;
   justify-content: center;
   margin-bottom: 14px;
   padding: 8px 14px;
   border: 1px solid rgba(111, 67, 224, 0.12);
   border-radius: 100px;
   background: rgba(111, 67, 224, 0.06);
   font-size: 11px;
   line-height: 1;
   font-weight: 800;
   letter-spacing: 2px;
   color: #7147d8;
}


.odx-faq-heading__title {
   margin: 0;
   font-size: clamp(38px, 5vw, 60px);
   line-height: 1.1;
   font-weight: 800;
   letter-spacing: -2px;
   color: #181321;
}




.odx-faq-accordion {
   position: relative;
   z-index: 2;
}


.odx-faq-item {
   position: relative;
   overflow: hidden;
   margin-bottom: 18px;
   border: 1px solid rgba(65, 38, 118, 0.10) !important;
   border-radius: 18px !important;
   background:
      linear-gradient(
         135deg,
         rgba(255, 255, 255, 0.96),
         rgba(250, 247, 255, 0.93)
      );
   box-shadow:
      0 18px 45px rgba(59, 37, 103, 0.07),
      inset 0 1px 0 rgba(255, 255, 255, 0.95);
   transition:
      transform 0.35s ease,
      border-color 0.35s ease,
      box-shadow 0.35s ease;
}


.odx-faq-item:hover {
   transform: translateY(-2px);
   border-color: rgba(113, 71, 216, 0.20) !important;
   box-shadow:
      0 22px 55px rgba(59, 37, 103, 0.11);
}




.odx-faq-button {
   position: relative;
   display: grid !important;
   grid-template-columns: 52px 1fr 42px;
   align-items: center;
   gap: 17px;
   min-height: 92px;
   padding: 18px 22px !important;
   border: 0 !important;
   background: transparent !important;
   box-shadow: none !important;
   color: #21192c !important;
}


.odx-faq-button:focus {
   border: 0 !important;
   box-shadow: none !important;
}


.odx-faq-button::after {
   display: none !important;
}




.odx-faq-button:not(.collapsed) {
   background:
      linear-gradient(
         90deg,
         rgba(113, 71, 216, 0.055),
         rgba(205, 72, 202, 0.025)
      ) !important;
}




.odx-faq-question-number {
   width: 48px;
   height: 48px;
   display: flex;
   align-items: center;
   justify-content: center;
   border: 1px solid rgba(111, 67, 224, 0.13);
   border-radius: 14px;
   background:
      linear-gradient(
         145deg,
         #ffffff,
         #f2edff
      );
   box-shadow:
      0 8px 20px rgba(81, 46, 152, 0.08);
   font-size: 13px;
   line-height: 1;
   font-weight: 800;
   color: #7247df;
   transition:
      color 0.35s ease,
      background 0.35s ease,
      transform 0.35s ease;
}


.odx-faq-button:not(.collapsed) .odx-faq-question-number {
   color: #ffffff;
   background:
      linear-gradient(
         135deg,
         #7045df,
         #b64ed5
      );
   transform: rotate(-4deg);
}




.odx-faq-question-text {
   font-size: 20px;
   line-height: 1.45;
   font-weight: 700;
   text-align: left;
   color: #21192c;
}




.odx-faq-toggle-icon {
   position: relative;
   width: 40px;
   height: 40px;
   display: flex;
   align-items: center;
   justify-content: center;
   justify-self: end;
   border: 1px solid rgba(89, 56, 152, 0.12);
   border-radius: 50%;
   background: rgba(110, 68, 216, 0.055);
   transition:
      background 0.35s ease,
      transform 0.35s ease;
}


.odx-faq-toggle-icon::before,
.odx-faq-toggle-icon::after {
   content: "";
   position: absolute;
   width: 14px;
   height: 2px;
   border-radius: 10px;
   background: #7147d8;
   transition:
      transform 0.35s ease,
      background 0.35s ease;
}


.odx-faq-toggle-icon::after {
   transform: rotate(90deg);
}


.odx-faq-button:not(.collapsed) .odx-faq-toggle-icon {
   transform: rotate(180deg);
   background:
      linear-gradient(
         135deg,
         #7045df,
         #b74fd5
      );
   border-color: transparent;
}


.odx-faq-button:not(.collapsed) .odx-faq-toggle-icon::before,
.odx-faq-button:not(.collapsed) .odx-faq-toggle-icon::after {
   background: #ffffff;
}


.odx-faq-button:not(.collapsed) .odx-faq-toggle-icon::after {
   transform: rotate(0);
}




.odx-faq-answer {
   position: relative;
   display: grid;
   grid-template-columns: 52px 1fr;
   gap: 17px;
   padding:
      4px 22px 28px
      !important;
}


.odx-faq-answer::before {
   content: "";
   position: absolute;
   top: 0;
   right: 22px;
   left: 91px;
   height: 1px;
   background:
      linear-gradient(
         90deg,
         rgba(112, 70, 216, 0.18),
         rgba(112, 70, 216, 0.03)
      );
}


.odx-faq-answer__badge {
   width: 48px;
   height: 48px;
   display: flex;
   align-items: center;
   justify-content: center;
   margin-top: 21px;
   border-radius: 14px;
   background:
      linear-gradient(
         135deg,
         #16131d,
         #2b2138
      );
   box-shadow:
      0 9px 20px rgba(25, 18, 36, 0.14);
   font-size: 12px;
   line-height: 1;
   font-weight: 800;
   color: #ffffff;
}


.odx-faq-answer p {
   margin: 20px 0 0;
   padding-right: 20px;
   font-size: 18px;
   line-height: 1.75;
   font-weight: 400;
   color: #62596c;
}




.odx-faq-item .accordion-collapse {
   border: 0 !important;
}




@media (max-width: 991.98px) {

   .odx-faq-section {
      padding: 75px 0 80px;
   }

   .odx-faq-heading {
      margin-bottom: 42px;
   }

   .odx-faq-question-text {
      font-size: 18px;
   }

   .odx-faq-answer p {
      font-size: 17px;
   }

}




@media (max-width: 575.98px) {

   .odx-faq-section {
      padding: 55px 0 65px;
   }

   .odx-faq-heading {
      margin-bottom: 35px;
   }

   .odx-faq-heading__eyebrow {
      font-size: 9px;
      letter-spacing: 1.5px;
   }

   .odx-faq-heading__title {
      font-size: 34px;
      letter-spacing: -1.2px;
   }

   .odx-faq-item {
      margin-bottom: 13px;
      border-radius: 15px !important;
   }

   .odx-faq-button {
      grid-template-columns: 39px 1fr 34px;
      gap: 11px;
      min-height: 76px;
      padding: 15px 14px !important;
   }

   .odx-faq-question-number {
      width: 39px;
      height: 39px;
      border-radius: 11px;
      font-size: 11px;
   }

   .odx-faq-question-text {
      font-size: 16px;
      line-height: 1.45;
   }

   .odx-faq-toggle-icon {
      width: 34px;
      height: 34px;
   }

   .odx-faq-toggle-icon::before,
   .odx-faq-toggle-icon::after {
      width: 12px;
   }

   .odx-faq-answer {
      grid-template-columns: 39px 1fr;
      gap: 11px;
      padding: 3px 14px 21px !important;
   }

   .odx-faq-answer::before {
      right: 14px;
      left: 64px;
   }

   .odx-faq-answer__badge {
      width: 39px;
      height: 39px;
      margin-top: 17px;
      border-radius: 11px;
      font-size: 10px;
   }

   .odx-faq-answer p {
      margin-top: 16px;
      padding-right: 3px;
      font-size: 15px;
      line-height: 1.7;
   }

}


/* tabel section */

/* ==========================================================
   DIRECTOR AI COMPARISON TABLE
   UNIQUE PREFIX: daicmp26-
========================================================== */

.daicmp26-section {
    --daicmp26-navy: #0b0d1b;
    --daicmp26-navy2: #12152c;

    --daicmp26-purple: #8943eb;
    --daicmp26-blue: #557bf0;
    --daicmp26-coral: #ff6868;

    --daicmp26-green: #18b95b;
    --daicmp26-red: #ef493d;
    --daicmp26-yellow: #ffbe24;

    --daicmp26-text: #17192b;
    --daicmp26-muted: #666c80;

    position: relative;
    overflow: hidden;

    padding: 100px 0px 0px;

    /* background:
        radial-gradient(
            circle at 8% 8%,
            rgba(137, 67, 235, .08),
            transparent 27%
        ),
        radial-gradient(
            circle at 94% 45%,
            rgba(85, 123, 240, .07),
            transparent 28%
        ),
        #ffffff; */
        background: linear-gradient(rgba(142, 95, 255, 0.07) 1px, transparent 1px), linear-gradient(90deg, rgba(142, 95, 255, 0.07) 1px, transparent 1px), #f8f3ff;

    font-family: inter, Helvetica, sans-serif;

    font-size: 18px;
    line-height: 1.5;
}


.daicmp26-section *,
.daicmp26-section *::before,
.daicmp26-section *::after {
    box-sizing: border-box;
}


.daicmp26-container {
    max-width: 1240px;

    position: relative;
    z-index: 2;
}


/* ==========================================================
   BACKGROUND GRID
========================================================== */

.daicmp26-section::before {
    content: "";

    position: absolute;
    inset: 0;

    pointer-events: none;

    background-image:
        linear-gradient(
            rgba(20, 25, 64, .025) 1px,
            transparent 1px
        ),
        linear-gradient(
            90deg,
            rgba(20, 25, 64, .025) 1px,
            transparent 1px
        );

    background-size: 60px 60px;

    -webkit-mask-image:
        linear-gradient(
            to bottom,
            rgba(0,0,0,.5),
            transparent 75%
        );

    mask-image:
        linear-gradient(
            to bottom,
            rgba(0,0,0,.5),
            transparent 75%
        );
}


/* ==========================================================
   HEADING
========================================================== */

.daicmp26-heading {
    max-width: 1000px;

    margin:
        0
        auto
        52px;
}


.daicmp26-kicker {
    display: inline-flex;
    align-items: center;

    gap: 9px;

    margin-bottom: 20px;

    padding:
        8px
        16px;

    border:
        1px solid
        rgba(129, 71, 230, .17);

    border-radius: 100px;

    background:
        linear-gradient(
            90deg,
            rgba(137, 67, 235, .07),
            rgba(85, 123, 240, .06)
        );

    color: #7044ce;

    font-size: 12px;
    line-height: 1;

    font-weight: 900;
    letter-spacing: 1.3px;
}


.daicmp26-kicker span {
    width: 8px;
    height: 8px;

    border-radius: 50%;

    background:
        linear-gradient(
            135deg,
            var(--daicmp26-purple),
            var(--daicmp26-blue)
        );
}


.daicmp26-heading h2 {
margin: 0;
  color: #10142f;
  font-size: clamp( 40px, 5vw, 50px );
  line-height: 1.3;
  letter-spacing: -2.2px;
  font-weight: 900;
}


.daicmp26-heading h2 span {
    background:
        linear-gradient(
            90deg,
            var(--daicmp26-purple),
            var(--daicmp26-blue),
            var(--daicmp26-coral)
        );

    -webkit-background-clip: text;
    background-clip: text;

    -webkit-text-fill-color: transparent;

    color: transparent;
}


/* ==========================================================
   TABLE SHELL
========================================================== */

.daicmp26-table-shell {
    position: relative;

    overflow: hidden;

    border:
        1px solid
        #e2e4ed;

    border-radius: 28px;

    background: #ffffff;

    box-shadow:
        0 28px 70px
        rgba(25, 29, 68, .10);
}


/* gradient top line */

.daicmp26-table-shell::before {
    content: "";

    position: absolute;

    left: 0;
    right: 0;
    top: 0;

    height: 5px;

    z-index: 5;

    background:
        linear-gradient(
            90deg,
            var(--daicmp26-purple),
            var(--daicmp26-blue),
            var(--daicmp26-coral)
        );
}


/* ==========================================================
   SCROLL
========================================================== */

.daicmp26-table-scroll {
    width: 100%;

    overflow-x: auto;

    -webkit-overflow-scrolling: touch;
}


.daicmp26-table-scroll::-webkit-scrollbar {
    height: 8px;
}


.daicmp26-table-scroll::-webkit-scrollbar-track {
    background: #eef0f6;
}


.daicmp26-table-scroll::-webkit-scrollbar-thumb {
    border-radius: 20px;

    background:
        linear-gradient(
            90deg,
            var(--daicmp26-purple),
            var(--daicmp26-blue)
        );
}


/* ==========================================================
   TABLE
========================================================== */

.daicmp26-table {
    width: 100%;

    min-width: 1080px;

    margin: 0;

    border-collapse: separate;
    border-spacing: 0;

    table-layout: fixed;
}


/* column sizing */

.daicmp26-table th:nth-child(1),
.daicmp26-table td:nth-child(1) {
    width: 25%;
}


.daicmp26-table th:nth-child(2),
.daicmp26-table td:nth-child(2) {
    width: 17%;
}


.daicmp26-table th:nth-child(3),
.daicmp26-table td:nth-child(3),
.daicmp26-table th:nth-child(4),
.daicmp26-table td:nth-child(4) {
    width: 19%;
}


.daicmp26-table th:nth-child(5),
.daicmp26-table td:nth-child(5) {
    width: 20%;
}


/* ==========================================================
   TABLE HEADER
========================================================== */

.daicmp26-table thead th {
    position: relative;

    padding:
        28px
        20px;

    vertical-align: middle;

    background:
        linear-gradient(
            180deg,
            #11142a,
            #0b0e20
        );

    color: #ffffff;

    border-right:
        1px solid
        rgba(255,255,255,.08);

    border-bottom: 0;

    font-size: 15px;
 line-height: 1.6;

    text-align: center;

    font-weight: 800;
}


.daicmp26-table thead th:first-child {
    padding-left: 27px;

    text-align: left;
}


.daicmp26-table thead th:last-child {
    border-right: 0;
}


/* ==========================================================
   DIRECTOR AI HEADER
========================================================== */

.daicmp26-director-head {
    background:
        radial-gradient(
            circle at 50% 0%,
            rgba(144, 70, 239, .35),
            transparent 60%
        ),
        linear-gradient(
            160deg,
            #1c1640,
            #101632
        ) !important;

    box-shadow:
        inset 1px 0
        rgba(135, 73, 235, .38),
        inset -1px 0
        rgba(85, 123, 240, .35);
}


.daicmp26-brand-title {
    font-size: 21px;
    line-height: 1.1;

    font-weight: 900;
}


.daicmp26-brand-pill {
    display: inline-flex;

    margin-top: 8px;

    padding:
        5px
        9px;

    border:
        1px solid
        rgba(255,255,255,.13);

    border-radius: 30px;

    background:
        rgba(255,255,255,.07);

    color: #c8b9fb;

    font-size: 8px;

    font-weight: 900;

    letter-spacing: .8px;
}


/* ==========================================================
   BODY
========================================================== */

.daicmp26-table tbody td {
    padding:
        21px
        20px;

    vertical-align: middle;

    border-right:
        1px solid
        #e6e8ef;

    border-bottom:
        1px solid
        #e6e8ef;

    background: #ffffff;

    color: #44495c;

    font-size: 15px;
    line-height: 1.42;

    text-align: center;
}


.daicmp26-table tbody tr:nth-child(even) td {
    background: #fafbfe;
}


.daicmp26-table tbody td:last-child {
    border-right: 0;
}


.daicmp26-table tbody tr:last-child td {
    border-bottom: 0;
}


/* ==========================================================
   FEATURE COLUMN
========================================================== */

.daicmp26-table tbody .daicmp26-feature {
    color: #1a1d33;

    text-align: left;

    font-size: 15px;

    line-height: 1.4;

    font-weight: 800;
}


/* ==========================================================
   DIRECTOR AI COLUMN
========================================================== */

.daicmp26-table tbody .daicmp26-director-cell {
    position: relative;

    background:
        linear-gradient(
            180deg,
            #f6f3ff,
            #f8f9ff
        );

    border-left:
        1px solid
        rgba(119, 73, 230, .18);

    border-right:
        1px solid
        rgba(94, 111, 237, .18);
}


.daicmp26-table tbody tr:nth-child(even)
.daicmp26-director-cell {
    background:
        linear-gradient(
            180deg,
            #f3f0ff,
            #f7f8ff
        );
}


/* ==========================================================
   ICONS
========================================================== */

.daicmp26-check,
.daicmp26-cross,
.daicmp26-warning {
    flex: 0 0 auto;

    display: inline-flex;

    align-items: center;
    justify-content: center;

    font-weight: 900;
}


/* CHECK */

.daicmp26-check {
    width: 27px;
    height: 27px;

    border-radius: 8px;

    background:
        linear-gradient(
            135deg,
            #23c967,
            #0aa64e
        );

    color: #ffffff;

    font-size: 16px;

    box-shadow:
        0 6px 15px
        rgba(20, 177, 84, .18);
}


/* CROSS */

.daicmp26-cross {
    color: var(--daicmp26-red);

    font-size: 23px;

    line-height: 1;
}


/* WARNING */

.daicmp26-warning {
    width: 24px;
    height: 24px;

    border-radius: 7px;

    background: #fff5d3;

    border:
        1px solid
        #f0cc5b;

    color: #9f7500;

    font-size: 14px;
}


/* ==========================================================
   CONTENT INSIDE CELL
========================================================== */

.daicmp26-cell-content {
    display: flex;

    align-items: center;
    justify-content: center;

    gap: 7px;
}


.daicmp26-director-value {
    color: #262940;
}


.daicmp26-director-value strong {
    font-weight: 900;
}


/* ==========================================================
   MOBILE HINT
========================================================== */

.daicmp26-mobile-hint {
    display: none;

    align-items: center;
    justify-content: center;

    gap: 10px;

    padding:
        12px
        15px;

    border-top:
        1px solid
        #e6e8ef;

    background: #f8f9fc;

    color: #74798c;

    font-size: 12px;

    font-weight: 700;
}


/* ==========================================================
   TABLET
========================================================== */

@media (max-width: 991.98px) {

    .daicmp26-section {
        padding:
            80px
            15px
            90px;
    }


    .daicmp26-heading h2 {
        font-size: 48px;

        letter-spacing: -1.5px;
    }


    .daicmp26-mobile-hint {
        display: flex;
    }

}


/* ==========================================================
   MOBILE
========================================================== */

@media (max-width: 767.98px) {

    .daicmp26-section {
        padding:
            65px
            10px
            75px;
    }


    .daicmp26-heading {
        margin-bottom: 35px;
    }


    .daicmp26-heading h2 {
        font-size: 38px;

        line-height: 1.1;

        letter-spacing: -1.1px;
    }


    .daicmp26-table-shell {
        border-radius: 20px;
    }


    .daicmp26-table {
        min-width: 950px;
    }


    .daicmp26-table thead th {
        padding:
            22px
            15px;

        font-size: 13px;
    }


    .daicmp26-table tbody td {
        padding:
            18px
            15px;

        font-size: 13px;
    }


    .daicmp26-table tbody .daicmp26-feature {
        font-size: 13px;
    }


    /* first column stays visible while scrolling */

    .daicmp26-table thead th:first-child,
    .daicmp26-table tbody td:first-child {
        position: sticky;

        left: 0;

        z-index: 4;

        box-shadow:
            6px 0 14px
            rgba(27, 31, 65, .06);
    }


    .daicmp26-table thead th:first-child {
        z-index: 6;

        background: #0c0f22;
    }


    .daicmp26-table tbody td:first-child {
        background: #ffffff;
    }


    .daicmp26-table tbody tr:nth-child(even)
    td:first-child {
        background: #fafbfe;
    }

    .daicmp26-table th:nth-child(1), .daicmp26-table td:nth-child(1) {
  width: 12%;
}
}


/* ==========================================================
   SMALL MOBILE
========================================================== */

@media (max-width: 480px) {

    .daicmp26-heading h2 {
    font-size: 24px;
    }


    .daicmp26-kicker {
        font-size: 10px;

        padding:
            7px
            12px;
    }

}

/* tabel section2 */

/* ==========================================================
   DIRECTOR AI COMPARISON TABLE
   WHITE THEME
   UNIQUE PREFIX: daicheck29-
========================================================== */

.daicheck29-section {

    --daicheck29-purple: #8943eb;
    --daicheck29-blue: #557bf0;
    --daicheck29-coral: #ff6969;

    --daicheck29-heading: #10152f;

    --daicheck29-text: #3f455b;
    --daicheck29-muted: #7a8094;

    --daicheck29-border: #e5e7f0;

    --daicheck29-green: #19b957;
    --daicheck29-red: #ef4c41;

    position: relative;

    overflow: hidden;

    padding:
        100px
        20px
        110px;

 background: #f3f5f7  url(../images/daicheck29-section.webp) no-repeat center top / cover;

    font-family:
        Arial,
        Helvetica,
        sans-serif;

    font-size: 18px;

    line-height: 1.6;

    color: var(--daicheck29-text);
    margin-top: -34px;
}


.daicheck29-section *,
.daicheck29-section *::before,
.daicheck29-section *::after {
    box-sizing: border-box;
}


/* ==========================================================
   BACKGROUND GRID
========================================================== */

.daicheck29-section::before {

    content: "";

    position: absolute;

    inset: 0;

    pointer-events: none;

    background-image:

        linear-gradient(
            rgba(20, 25, 65, 0.025) 1px,
            transparent 1px
        ),

        linear-gradient(
            90deg,
            rgba(20, 25, 65, 0.025) 1px,
            transparent 1px
        );

    background-size:
        60px
        60px;

    -webkit-mask-image:
        linear-gradient(
            to bottom,
            rgba(0,0,0,.48),
            transparent 83%
        );

    mask-image:
        linear-gradient(
            to bottom,
            rgba(0,0,0,.48),
            transparent 83%
        );
}


.daicheck29-container {

    position: relative;

    z-index: 2;

    max-width: 1180px;
}


/* ==========================================================
   HEADING
========================================================== */

.daicheck29-heading {

    max-width: 1000px;

    margin:
        0
        auto
        45px;
}


.daicheck29-heading h2 {
margin: 0;
  color: var(--daicheck29-heading);
  font-size: clamp( 38px, 4.8vw, 44px );
  line-height: 1.4;
  letter-spacing: -1.8px;
  font-weight: 900;
}



.daicheck29-heading-line {

    width: 170px;

    height: 6px;

    margin:
        19px
        auto
        0;

    border-radius: 100px;

    background:
        linear-gradient(
            90deg,
            var(--daicheck29-purple),
            var(--daicheck29-blue),
            var(--daicheck29-coral)
        );

    box-shadow:
        0 8px 24px
        rgba(85, 123, 240, 0.18);
}


/* ==========================================================
   TABLE CARD
========================================================== */

.daicheck29-table-card {

    position: relative;

    overflow: hidden;

    border:
        1px solid
        var(--daicheck29-border);

    border-radius: 28px;

    background: #ffffff;

    box-shadow:
        0 28px 70px
        rgba(25, 30, 69, 0.09),
        0 5px 14px
        rgba(25, 30, 69, 0.03);
}


/* top brand line */

.daicheck29-table-card::before {

    content: "";

    position: absolute;

    top: 0;
    left: 0;
    right: 0;

    z-index: 5;

    height: 5px;

    background:
        linear-gradient(
            90deg,
            var(--daicheck29-purple),
            var(--daicheck29-blue),
            var(--daicheck29-coral)
        );
}


/* ==========================================================
   TABLE SCROLL
========================================================== */

.daicheck29-table-wrap {

    width: 100%;

    overflow-x: auto;

    -webkit-overflow-scrolling: touch;
}


.daicheck29-table-wrap::-webkit-scrollbar {

    height: 8px;
}


.daicheck29-table-wrap::-webkit-scrollbar-track {

    background: #edf0f6;
}


.daicheck29-table-wrap::-webkit-scrollbar-thumb {

    border-radius: 50px;

    background:
        linear-gradient(
            90deg,
            var(--daicheck29-purple),
            var(--daicheck29-blue)
        );
}


/* ==========================================================
   TABLE
========================================================== */

.daicheck29-table {

    width: 100%;

    min-width: 920px;

    margin: 0;

    border-collapse: separate;

    border-spacing: 0;

    table-layout: fixed;
}


/* COLUMN WIDTH */

.daicheck29-table th:nth-child(1),
.daicheck29-table td:nth-child(1) {

    width: 58%;
    
}


.daicheck29-table th:nth-child(2),
.daicheck29-table td:nth-child(2) {

    width: 21%;
}


.daicheck29-table th:nth-child(3),
.daicheck29-table td:nth-child(3) {

    width: 21%;
}


/* ==========================================================
   TABLE HEADER
========================================================== */

.daicheck29-table thead th {

    padding:
        24px
        20px;

    vertical-align: middle;

    background: #ffffff;

    border-right:
        1px solid
        var(--daicheck29-border);

    border-bottom:
        1px solid
        var(--daicheck29-border);

    color: var(--daicheck29-heading);

    font-size: 16px;

    line-height: 1.3;

    font-weight: 900;

    text-align: center;
}


.daicheck29-table thead th:last-child {

    border-right: 0;
}


.daicheck29-col-feature {

    padding-left: 28px !important;

    text-align: left !important;
}


/* ==========================================================
   DIRECTOR AI HEADER
========================================================== */

.daicheck29-col-director {

    background:
        linear-gradient(
            180deg,
            #faf7ff 0%,
            #f4f7ff 100%
        ) !important;
}


.daicheck29-brandbox {

    display: inline-flex;

    align-items: center;

    justify-content: center;

    min-width: 145px;

    padding:
        13px
        17px;

    border:
        1px solid
        rgba(
            132,
            69,
            229,
            .16
        );

    border-radius: 16px;

    background: #ffffff;

    box-shadow:
        0 10px 24px
        rgba(
            79,
            112,
            220,
            .08
        );
}


.daicheck29-brandname {

    background:
        linear-gradient(
            90deg,
            var(--daicheck29-purple),
            var(--daicheck29-blue),
            var(--daicheck29-coral)
        );

    -webkit-background-clip: text;

    background-clip: text;

    -webkit-text-fill-color: transparent;

    color: transparent;

    font-size: 21px;

    line-height: 1;

    font-weight: 900;
}


/* ==========================================================
   BODY
========================================================== */

.daicheck29-table tbody td {

    position: relative;

    padding:
        16px
        18px;

    vertical-align: middle;

    background: #ffffff;

    border-right:
        1px solid
        var(--daicheck29-border);

    border-bottom:
        1px solid
        var(--daicheck29-border);

    color: var(--daicheck29-text);

    font-size: 15px;

    line-height: 1.4;

    text-align: center;
}


.daicheck29-table tbody td:last-child {

    border-right: 0;
}


.daicheck29-table tbody tr:last-child td {

    border-bottom: 0;
}


.daicheck29-table tbody tr:nth-child(even) td {

    background: #fafbfe;
}


/* ==========================================================
   FEATURE CELL WITH HAPPY EMOJI IMAGE
========================================================== */

.daicheck29-feature-text {

    position: relative;

    padding-left: 72px !important;

    text-align: left !important;

    color: #171b34 !important;

  font-weight: 700;
}


/* HAPPY EMOJI */

.daicheck29-feature-text::before {

    content: "";

    position: absolute;

    left: 19px;
    top: 50%;

    transform:
        translateY(-50%);

    width: 38px;
    height: 38px;

    border-radius: 11px;

    background-color: #f5f1ff;

    background-image:
        url("../images/happy-emogi.png");

    background-repeat:
        no-repeat;

    background-position:
        center;

    background-size:
        27px;

    border:
        1px solid
        rgba(
            127,
            73,
            229,
            .13
        );

    box-shadow:
        0 6px 16px
        rgba(
            36,
            42,
            86,
            .06
        );
}


/* ==========================================================
   DIRECTOR AI COLUMN
========================================================== */

.daicheck29-director-cell {

    background:
        linear-gradient(
            180deg,
            #faf7ff 0%,
            #f6f8ff 100%
        ) !important;

    border-left:
        1px solid
        rgba(
            117,
            75,
            229,
            .12
        );

    border-right:
        1px solid
        rgba(
            85,
            123,
            240,
            .12
        ) !important;
}


/* ==========================================================
   CHECK
========================================================== */

.daicheck29-check {

    display: inline-flex;

    align-items: center;

    justify-content: center;

    width: 28px;
    height: 28px;

    border-radius: 8px;

    background:
        linear-gradient(
            135deg,
            #22c55e,
            #10a84d
        );

    color: #ffffff;

    font-size: 16px;

    line-height: 1;

    font-weight: 900;

    box-shadow:
        0 6px 16px
        rgba(
            29,
            185,
            89,
            .20
        );
}


/* ==========================================================
   CROSS
========================================================== */

.daicheck29-cross {

    display: inline-flex;

    align-items: center;

    justify-content: center;

    color: var(--daicheck29-red);

    font-size: 24px;

    line-height: 1;

    font-weight: 900;
}


/* ==========================================================
   TEXT VALUES
========================================================== */

.daicheck29-textvalue {

    color: #262a41 !important;

    font-size: 15px !important;

    line-height: 1.4;

    font-weight: 900;
}


.daicheck29-badtext {

    color: #5d6276 !important;
}


/* ==========================================================
   ROW HOVER
========================================================== */

.daicheck29-table tbody tr td {

    transition:
        background-color .2s ease;
}


.daicheck29-table tbody tr:hover td {

    background:
        #f8f9fd;
}


.daicheck29-table tbody tr:hover
.daicheck29-director-cell {

    background:
        linear-gradient(
            180deg,
            #f5efff,
            #f3f6ff
        ) !important;
}


/* ==========================================================
   SWIPE NOTE
========================================================== */

.daicheck29-swipe-note {

    display: none;

    align-items: center;

    justify-content: center;

    gap: 10px;

    padding:
        12px
        15px;

    border-top:
        1px solid
        var(--daicheck29-border);

    background: #f7f8fc;

    color: #7b8093;

    font-size: 12px;

    font-weight: 700;
}


/* ==========================================================
   TABLET
========================================================== */

@media (max-width: 991.98px) {

    .daicheck29-section {

        padding:
            80px
            15px
            90px;
    }


    .daicheck29-heading h2 {

        font-size: 48px;

        letter-spacing: -1.3px;
    }


    .daicheck29-swipe-note {

        display: flex;
    }

}


/* ==========================================================
   MOBILE
========================================================== */

@media (max-width: 767.98px) {

    .daicheck29-section {

     padding: 62px 0 70px;
    font-size: 17px;
  
    }


    .daicheck29-heading {

        margin-bottom: 32px;
    }


    .daicheck29-heading h2 {

        font-size: 36px;

        line-height: 1.12;

        letter-spacing: -1px;
    }


    .daicheck29-heading-line {

        width: 120px;

        height: 5px;
    }


    .daicheck29-table-card {

        border-radius: 20px;
    }


    .daicheck29-table {

        min-width: 790px;
    }


    .daicheck29-table thead th {

        padding:
            18px
            14px;

        font-size: 14px;
    }


    .daicheck29-table tbody td {

        padding:
            14px
            13px;

        font-size: 13px;
    }


    .daicheck29-feature-text {

        padding-left: 58px !important;

        font-size: 13px !important;
    }


    .daicheck29-feature-text::before {

        left: 12px;

        width: 34px;
        height: 34px;

        border-radius: 9px;

        background-size: 24px;
    }


    .daicheck29-brandbox {

        min-width: 115px;

        padding:
            10px
            11px;
    }


    .daicheck29-brandname {

        font-size: 17px;
    }


    /* sticky feature column */

    .daicheck29-table thead th:first-child,
    .daicheck29-table tbody td:first-child {

        position: sticky;

        left: 0;

        z-index: 4;

        box-shadow:
            7px 0 15px
            rgba(
                25,
                30,
                67,
                .05
            );
    }


    .daicheck29-table thead th:first-child {

        z-index: 7;

        background: #ffffff;
    }


    .daicheck29-table tbody td:first-child {

        background: #ffffff;
    }


    .daicheck29-table tbody tr:nth-child(even)
    td:first-child {

        background: #fafbfe;
    }
    .daicheck29-table th:nth-child(1),
.daicheck29-table td:nth-child(1) {

    width: 8%;
    
}


.daicheck29-table th:nth-child(2),
.daicheck29-table td:nth-child(2) {

    width: 12%;
}


.daicheck29-table th:nth-child(3),
.daicheck29-table td:nth-child(3) {

    width: 12%;
}

}


/* ==========================================================
   SMALL MOBILE
========================================================== */

@media (max-width: 480px) {

    .daicheck29-heading h2 {

      font-size: 24px;
    }


    .daicheck29-table {

        min-width: 730px;
    }


    .daicheck29-feature-text {

        padding-left: 53px !important;
    }


    .daicheck29-feature-text::before {

        left: 10px;

        width: 31px;
        height: 31px;

        background-size: 22px;
    }


    .daicheck29-check {

        width: 24px;
        height: 24px;

        font-size: 14px;
    }


    .daicheck29-cross {

        font-size: 22px;
    }

}

/* Remove happy emoji from last text-only rows */
.daicheck29-feature-text.daicheck29-no-icon {
    padding-left: 28px !important;
}

.daicheck29-feature-text.daicheck29-no-icon::before {
    display: none !important;
}


@media (max-width: 767.98px) {

    .daicheck29-feature-text.daicheck29-no-icon {
        padding-left: 14px !important;
    }

}




/* headings */


/* =========================================================
   DirectorAI Complete Bundle
   Unique Namespace: daBundle930-
========================================================= */

.daBundle930-section {
  position: relative;
  overflow: hidden;
  /* padding: 75px 0 85px; */
  /* background:
    radial-gradient(circle at 15% 25%, rgba(191, 83, 255, .11), transparent 30%),
    radial-gradient(circle at 86% 35%, rgba(29, 195, 255, .11), transparent 30%),
    radial-gradient(circle at 50% 100%, rgba(88, 75, 255, .09), transparent 35%),
    linear-gradient(
      135deg,
      #ffffff 0%,
      #fbf9ff 34%,
      #f7fbff 68%,
      #ffffff 100%
    ); */
  font-family: inherit;
}


/* subtle premium background grid */
/* .daBundle930-section::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  opacity: .42;
  background-image:
    linear-gradient(rgba(81, 90, 190, .045) 1px, transparent 1px),
    linear-gradient(90deg, rgba(81, 90, 190, .045) 1px, transparent 1px);
  background-size: 42px 42px;
  mask-image: linear-gradient(
    to bottom,
    rgba(0,0,0,.8),
    transparent 90%
  );
} */

.daihero925sub-highlight {
  display: inline-block;
  position: relative;
  font-weight: 800;
  background: linear-gradient( 90deg, #4edcff 0%, #61baff 30%, #9a72ff 62%, #e270ff 100% );
    background-clip: border-box;
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
  filter: drop-shadow(0 2px 10px rgba(81, 181, 255, 0.20));
}
.daihero925sub-highlight::after {
  content: "";
  position: absolute;
  left: 4%;
  right: 4%;
  bottom: -6px;
  height: 3px;
  border-radius: 50px;
  background: linear-gradient( 90deg, transparent, #de60ff 20%, #826aff 52%, #48c8ff 80%, transparent );
  box-shadow: 0 0 8px rgba(129, 104, 255, 0.32);
  transform: rotate(-1.5deg);
}
.daBundle930-section .container {
  position: relative;
  z-index: 2;
}


/* ---------------- Eyebrow ---------------- */

.daBundle930-eyebrow {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;

  padding: 11px 27px;

  border: 1px solid rgba(109, 90, 255, .22);
  border-radius: 100px;

  background: rgba(255, 255, 255, .83);

  box-shadow:
    0 12px 35px rgba(75, 56, 180, .08),
    inset 0 0 0 1px rgba(255,255,255,.8);

  color: #121a49;
  font-size: 15px;
  font-weight: 900;
  letter-spacing: .65px;
  text-transform: uppercase;

  backdrop-filter: blur(12px);
}


.daBundle930-eyebrowDot {
  position: relative;
  width: 11px;
  height: 11px;
  border-radius: 50%;

  background: linear-gradient(
    135deg,
    #fd58ce,
    #8b55ff
  );

  box-shadow:
    0 0 0 6px rgba(221, 78, 255, .11),
    0 0 18px rgba(220, 65, 255, .55);
}


/* ---------------- Divider ---------------- */

.daBundle930-divider {
  width: 280px;
  margin: 20px auto 15px;

  display: flex;
  align-items: center;
  justify-content: center;
  gap: 16px;
}


.daBundle930-divider span {
  flex: 1;
  height: 1px;
  background: linear-gradient(
    90deg,
    transparent,
    #8e73ff
  );
}


.daBundle930-divider span:last-child {
  background: linear-gradient(
    90deg,
    #8e73ff,
    transparent
  );
}


.daBundle930-divider b {
  color: #a052ff;
  font-size: 22px;

  filter: drop-shadow(
    0 0 8px rgba(166, 80, 255, .6)
  );
}
.daihero925-purple {
  position: relative;
  display: inline-block;
  background: linear-gradient( 105deg, #d37bff 0%, #bd52ff 23%, #945dff 47%, #27c8ff 70%, #45baff 100% );
    background-size: auto;
    background-clip: border-box;
  background-size: 140% 100%;
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
  filter: drop-shadow(0 5px 18px rgba(131, 76, 255, 0.20));
}


.daihero925-highlight2::after {
  content: "";
  position: absolute;
  left: 3%;
  right: 3%;
  height: 2px;
  bottom: -4px;
  border-radius: 100px;

  background: linear-gradient( 90deg, transparent, #8d00ff 30%, #ffffffe0 52%, #9a00ff 75%, transparent );

  box-shadow: 0 0 8px rgba(53, 208, 255, 0.45), 0 0 16px rgba(126, 77, 255, 0.25);
  opacity: 0.95;
}

/* ---------------- Heading ---------------- */

.daBundle930-heading {
  margin: 0;

  text-align: center;

  color: #071158;

  font-size: clamp(36px, 4.15vw, 44px);
  line-height: 1.4;
  font-weight: 950;

  letter-spacing: -2.3px;
}


.daBundle930-headingGradient {
  display: block;

  margin-top: 8px;

  background: linear-gradient(
    90deg,
    #6055eb 0%,
    #bd55fb 36%,
    #875dff 62%,
    #25bcec 100%
  );

  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;

  filter: drop-shadow(
    0 8px 14px rgba(135, 78, 255, .13)
  );
}


.daBundle930-headingBottom {
  display: block;
  margin-top: 8px;
}


.daBundle930-headingBottom strong {
  position: relative;

  color: #852fff;
}


.daBundle930-headingBottom strong::after {
  content: "";
  position: absolute;

  left: 2%;
  right: 2%;
  bottom: -5px;

  height: 5px;
  border-radius: 20px;

  background: linear-gradient(
    90deg,
    #c159ff,
    #5f7cff,
    #2dccff
  );

  box-shadow: 0 5px 15px rgba(125, 80, 255, .35);
}


/* ---------------- Description ---------------- */

.daBundle930-description {
  margin: 27px auto 0;

  text-align: center;

  color: #202a5a;

  font-size: 19px;
  line-height: 1.62;
  font-weight: 500;
}


.daBundle930-description strong {
  color: #563eff;
  font-weight: 900;
}


.daBundle930-description span {
  display: inline-block;

  padding: 0 6px;

  font-weight: 950;

  background: linear-gradient(
    90deg,
    #8c3fff,
    #2ab7ff
  );

  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}


/* ---------------- Bundle Package ---------------- */

.daBundle930-package {
  position: relative;
  overflow: hidden;

  display: flex;
  align-items: center;
  justify-content: center;

  gap: 21px;

  margin-top: 34px;
  padding: 24px 30px;

  border: 1px solid rgba(119, 83, 255, .22);
  border-radius: 24px;

  background:
    linear-gradient(
      115deg,
      rgba(255,255,255,.95),
      rgba(247,242,255,.95),
      rgba(239,250,255,.94)
    );

  box-shadow:
    0 24px 65px rgba(51, 54, 156, .13),
    inset 0 0 0 1px rgba(255,255,255,.8);
}


.daBundle930-package::before {
  content: "";
  position: absolute;

  width: 240px;
  height: 240px;

  top: -150px;
  right: -50px;

  border-radius: 50%;

  background: rgba(101, 111, 255, .15);

  filter: blur(50px);
}


.daBundle930-packageGlow {
  position: absolute;
  width: 170px;
  height: 170px;

  bottom: -130px;
  left: 20%;

  border-radius: 50%;

  background: rgba(220, 71, 255, .2);

  filter: blur(45px);
}


.daBundle930-packageIcon {
  position: relative;
  z-index: 2;

  flex: 0 0 auto;

  width: 72px;
  height: 72px;

  display: flex;
  align-items: center;
  justify-content: center;

  border-radius: 21px;

  background:
    linear-gradient(
      145deg,
      #763eff,
      #a54dff 47%,
      #2ebdff
    );

  color: #fff;

  font-size: 33px;

  box-shadow:
    0 13px 30px rgba(121, 61, 255, .28),
    inset 0 1px 2px rgba(255,255,255,.5);
}


.daBundle930-packageContent {
  position: relative;
  z-index: 2;
}


.daBundle930-packageLabel {
  margin-bottom: 4px;

  color: #8355ef;

  font-size: 12px;
  font-weight: 900;
  letter-spacing: 1.7px;
}


.daBundle930-packageTitle {
  color: #091451;

  font-size: clamp(20px, 2.1vw, 28px);
  line-height: 1.35;

  font-weight: 950;
}


.daBundle930-packageTitle span {
  margin: 0 5px;

  color: #a14eff;
}


/* ---------------- Features ---------------- */

.daBundle930-features {
  display: flex;
  align-items: stretch;
  justify-content: center;
  flex-wrap: wrap;

  gap: 12px;

  margin-top: 19px;
}


.daBundle930-feature {
  display: flex;
  align-items: center;

  gap: 8px;

  padding: 10px 16px;

  border: 1px solid rgba(110, 92, 227, .14);
  border-radius: 50px;

  background: rgba(255,255,255,.72);

  color: #202957;

  font-size: 15px;
  font-weight: 750;

  box-shadow: 0 8px 22px rgba(63, 66, 136, .06);
}


.daBundle930-check {
  flex: 0 0 auto;

  width: 23px;
  height: 23px;

  display: flex;
  align-items: center;
  justify-content: center;

  border-radius: 50%;

  background: linear-gradient(
    135deg,
    #8750ff,
    #3aabff
  );

  color: #fff;

  font-size: 13px;
  font-weight: 900;

  box-shadow: 0 5px 12px rgba(84, 85, 255, .25);
}


/* ---------------- Timer ---------------- */

.daBundle930-timerBox {
  display: flex;
  align-items: center;
  justify-content: center;

  gap: 13px;

  margin-top: 30px;
  padding: 13px 18px;

  border-radius: 17px;

  border: 1px solid rgba(142, 78, 255, .16);

  background: #fff;

  box-shadow:
    0 15px 40px rgba(68, 50, 153, .1);
}


.daBundle930-timerIcon {
  font-size: 28px;
}


.daBundle930-timerSmall {
  color: #9a47ed;

  font-size: 10px;
  line-height: 1.2;

  font-weight: 950;
  letter-spacing: 1.2px;
}


.daBundle930-timerText {
  margin-top: 2px;

  color: #131b4b;

  font-size: 15px;
  font-weight: 850;
}


.daBundle930-time {
  margin-left: auto;

  display: flex;
  align-items: center;

  gap: 5px;
}


.daBundle930-time > div {
  min-width: 43px;

  padding: 6px 7px;

  border-radius: 9px;

  text-align: center;

  background: linear-gradient(
    180deg,
    #f7f3ff,
    #f0f7ff
  );
}


.daBundle930-time strong {
  display: block;

  color: #141a55;

  font-size: 17px;
  line-height: 1;
}


.daBundle930-time small {
  display: block;

  margin-top: 3px;

  color: #8688a9;

  font-size: 8px;
  font-weight: 900;
}


.daBundle930-time > span {
  color: #9864ec;

  font-weight: 950;
}


/* ---------------- CTA ---------------- */

.daBundle930-btn {
  position: relative;
  overflow: hidden;

  width: 100%;

  margin-top: 25px;
  padding: 18px 25px;

  display: flex;
  align-items: center;
  justify-content: center;

  gap: 13px;

  border: 0;
  border-radius: 17px;

  background:
    linear-gradient(
      100deg,
      #6238f7 0%,
      #9a42ff 43%,
      #376fff 76%,
      #24b7ed 100%
    );

  color: #fff !important;

  font-size: 20px;
  line-height: 1.25;
  font-weight: 950;

  text-decoration: none !important;

  box-shadow:
    0 18px 42px rgba(89, 55, 237, .28),
    inset 0 1px 1px rgba(255,255,255,.45);

  transition:
    transform .25s ease,
    box-shadow .25s ease;
}


.daBundle930-btn::before {
  content: "";

  position: absolute;

  width: 90px;
  height: 180%;

  top: -40%;
  left: -130px;

  transform: rotate(22deg);

  background: rgba(255,255,255,.25);

  filter: blur(7px);

  transition: .6s ease;
}


.daBundle930-btn:hover {
  transform: translateY(-3px);

  box-shadow:
    0 23px 50px rgba(89, 55, 237, .35),
    inset 0 1px 1px rgba(255,255,255,.45);
}


.daBundle930-btn:hover::before {
  left: 115%;
}


.daBundle930-btnPlay {
  width: 35px;
  height: 35px;

  flex: 0 0 auto;

  display: flex;
  align-items: center;
  justify-content: center;

  border-radius: 50%;

  background: rgba(255,255,255,.2);

  border: 1px solid rgba(255,255,255,.3);

  font-size: 13px;
}


.daBundle930-btnArrow {
  font-size: 26px;
  line-height: 1;

  transition: transform .25s ease;
}


.daBundle930-btn:hover .daBundle930-btnArrow {
  transform: translateX(5px);
}


.daBundle930-ctaNote {
  margin-top: 11px;

  color: #646b92;

  font-size: 13px;
  font-weight: 650;
}


/* =========================================================
   Responsive
========================================================= */

@media (max-width: 991px) {

  .daBundle930-section {
    padding: 60px 0 70px;
  }

  .daBundle930-heading {
    letter-spacing: -1.7px;
  }

  .daBundle930-package {
    justify-content: flex-start;
  }

}


@media (max-width: 767px) {

  .daBundle930-section {
    padding: 48px 0 55px;
  }

  .daBundle930-section::before {
    background-size: 30px 30px;
  }

  .daBundle930-eyebrow {
    padding: 9px 17px;

    font-size: 11px;
    letter-spacing: .35px;
  }

  .daBundle930-heading {
    font-size: 34px;
    line-height: 1.13;

    letter-spacing: -1.5px;
  }

  .daBundle930-headingGradient {
    margin-top: 9px;
  }

  .daBundle930-headingBottom {
    margin-top: 10px;
  }

  .daBundle930-description {
    margin-top: 22px;

    font-size: 17px;
    line-height: 1.55;
  }


  /* Bundle */

  .daBundle930-package {
    flex-direction: column;

    padding: 22px 16px;

    gap: 13px;

    text-align: center;

    border-radius: 20px;
  }

  .daBundle930-packageIcon {
    width: 62px;
    height: 62px;

    font-size: 28px;
  }

  .daBundle930-packageTitle {
    font-size: 19px;
  }


  /* Features */

  .daBundle930-features {
    flex-direction: column;
    align-items: stretch;

    gap: 8px;
  }

  .daBundle930-feature {
    justify-content: flex-start;

    border-radius: 14px;

    font-size: 14px;
  }


  /* Timer */

  .daBundle930-timerBox {
    flex-wrap: wrap;

    justify-content: center;

    padding: 15px;
  }

  .daBundle930-timerIcon {
    display: none;
  }

  .daBundle930-timerSmall,
  .daBundle930-timerText {
    text-align: center;
  }

  .daBundle930-time {
    width: 100%;

    margin-left: 0;
    margin-top: 5px;

    justify-content: center;
  }


  /* Button */

  .daBundle930-btn {
    padding: 16px 14px;

    font-size: 17px;
  }

  .daBundle930-btnArrow {
    display: none;
  }

}


@media (max-width: 420px) {

  .daBundle930-heading {
    font-size: 30px;
  }

  .daBundle930-description {
    font-size: 16px;
  }

  .daBundle930-packageTitle {
    font-size: 17px;
  }

  .daBundle930-feature {
    font-size: 13px;
  }

  .daBundle930-btn {
    font-size: 16px;
  }

}