﻿.bg-video-cta {left:50%; min-width:100%; min-height:100%; object-fit:cover;}

.next-best-hero{height: calc(100vh - 100px); background:url('../images/next-best/next-best-hero-bg.jpg') no-repeat center right; background-size: cover; padding:3rem 0px;}
.next-best-hero .caption-title{color: #4EA1FF;}
.next-best-hero h1{max-width: 830px; font-size: clamp(2rem, 3.5vw, 54px);}

.section-next{background: #080721;}
.section-next .group-hd{margin-bottom:var(--section-gap-medium);}

.main-image{border-radius: 40px;}
.nb-tab{--size:90px; width:var(--size); height: var(--size); border-color:#A68CFF99!important; border-radius: var(--BorderRadius);
background: #241A4273; backdrop-filter: blur(11.251521110534668px); box-shadow: 0px 0px 27.5px 0px #7D5CFF80; color: #F5F0FF; font-size: 14px; transition:all .35s ease; cursor: pointer;}
.nb-tab:hover, .nb-tab.active{transform:translateY(-6px) scale(1.03); border-color:#ffffff !important; box-shadow:0 0 40px rgba(125,92,255,.6), 0 10px 30px rgba(125,92,255,.25); background:#2d215473;}
.nb-tab:hover img, .nb-tab.active  img{filter:invert(100%) sepia(6%) saturate(0%) hue-rotate(115deg) brightness(255%) contrast(255%);}

.nb-icon-1{top:18%; left:16%;}
.nb-icon-2{top:27%; right:15%;}
.nb-icon-3{bottom:25%; left:9%;}
.nb-icon-4{bottom:20%; right:15%;}
.nb-nav-content{max-width: 524px;}
.nb-tab-hd{color: #4EA1FF; font-size: 26px;}

.nb-tabs-info{display: none; padding: clamp(20px, 3vw, 30px); background: linear-gradient(180deg, rgba(255, 255, 255, 0.08) 0%, rgba(255, 255, 255, 0.025) 100%); border-radius: var(--BorderRadius);}
.nb-tabs-info p{color: #C5C0E0;}
.tab-name{transition: opacity .3s ease;}
.text-link{color: #6FC3FF; border-color:#6FC3FF!important;}
.text-link:hover{color:#C5C0E0; border-color:#C5C0E0!important;}

.nb-tabs-info.active{display:block;}

.section--channel .group-hd h2{max-width:780px;}
.section--channel .group-hd{margin-bottom: var(--section-gap-medium);}

.channel-steps .col-md-4:hover{background:#C7CCED;}
.ch-number{font-size: 46px; color: #7F77DB;}
.channel-steps h3{color: #223140;}
.channel-steps p{line-height: 28px; letter-spacing: 0.4px; }

@media all and (min-width:960px){
  .next-best-hero p{max-width:670px; line-height: 180%;}
  .nb-tabs-info p{line-height: 200%;}
  .channel-steps .col-md-4{border:solid 1px #C7CCED; border-bottom:0px; border-right: 0px; margin-top: -1px; margin-left: -1px;  transition: background-color .35s ease; }
}

@media all and (max-width:960px){
  .next-best-hero{height: auto; background-position: left;}
}

/* Product page */
.section--build{background: #F4F4FC;}
.section--build .group-hd{margin-bottom: var(--section-gap-medium);}
.section--build .caption-title{color: #666BFF;}

.build-card{background: #FEFEFE; border-radius: var(--BorderRadius); padding: clamp(20px, 3vw, 30px); transition:all .35s ease; display:flex; flex-direction:column;}
.build-card:hover{transform:translateY(-6px);    box-shadow: 0px 0px 27.5px 0px #7D5CFF80;}
.build-card figure{margin:0; flex:1; display:flex; align-items:center; justify-content:center;}
.build-card figure img{display:block; width:100%; height:auto;}

.section-works{background:#080721;}
.section-works .caption-title{color:#4EA1FF;}
.section-works .group-hd{margin-bottom: var(--section-gap-medium);}
.work-tab p{color: #BAB5DB; line-height: 155%;}
.text-link{font-size: 13px; color:#6FC3FF;}

.work-tab{position: relative; border-bottom: solid 1px #A68CFF66; padding:25px 0px; cursor: pointer;}
.work-tab h3{opacity: 0.4; transition: opacity .3s ease;}
.work-tab.active h3{opacity: 1;}
.work-tab.active::after{content:""; position:absolute; left:0; right:0; bottom:-1px; height:2px; background:linear-gradient(90deg, #3F66E6 0%, rgba(63,102,230,0) 100%);}
.work-tabs-grid{grid-template-columns:400px 1fr; column-gap: 80px;}

.work-tabs-content{
  border-radius: var(--BorderRadius);
  background: #17122B;
  border: 1px solid #A68CFF4D;
  box-shadow: 0px 18px 50px -18px #452E9980;
}


.work-tab p,
.work-tab .text-link{display:none;}
.work-tab.active p, .work-tab.active .text-link{display:block; animation:fadeIn .4s ease;}
.wt-info{display:none; width:100%;}
.wt-info.active{display:block; animation:fadeIn .4s ease;}
.wt-info img{display:block; width:100%; height:auto; max-height:440px; object-fit:contain;}

@keyframes fadeIn{
    from{
        opacity:0;
        transform:translateY(10px);
    }
    to{
        opacity:1;
        transform:translateY(0);
    }
}

@media(max-width:991px){
  .work-tabs-grid{display:block;}
  .work-tabs-content{display:none!important;}
  .work-tabs-grid{grid-template-columns: 1fr;}
  .mobile-tab-image{margin-top:1rem;}
}


.font-gray-nbo{
  color: #6B6B6B;
}
.offer-heading {
    font-size: clamp(32px, 5vw, 52px);
    font-weight: 800;
    line-height: 1.2;
    letter-spacing: -1px;

    background: linear-gradient(
        90deg,
        #FFFFFF 0%,
        #C2B9FF 72%,
        #7FD9FF 100%
    );

    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    color: transparent;
}