/* ==========================================================
   Homepage Hero
   ========================================================== */

.sm-hero{
    padding:80px 0;
    background:#fff;
}

.sm-hero .container{
    max-width:1200px;
    margin:0 auto;
    display:flex;
    flex-direction:column;
    align-items:center;
}

/* Badge */

.sm-hero-badge{
    display:flex;
    align-items:center;
    gap:8px;
    padding:9px 17px;
    margin-bottom:24px;

    background:rgba(43,127,255,.1);
    border:1px solid rgba(43,127,255,.2);
    border-radius:20px;
}

.sm-hero-badge img{
    width:16px;
    height:16px;
    display:block;
}

.sm-hero-badge span{
    font-size:14px;
    font-weight:700;
    line-height:20px;
    color:#0051FF;
    letter-spacing:-0.15px;
}

/* Heading */

.sm-hero-heading{
    max-width:817px;
    text-align:center;
    margin-bottom:64px;
}

.sm-hero-title{
    margin:0 0 12px;
    font-size:72px;
    line-height:84px;
    font-weight:700;
    color:#101828;
}

.sm-hero-description{
    margin:0;
    font-size:18px;
    line-height:28px;
    color:#131313;
}

/* Dashboard */

.sm-hero-image{
    width:100%;
    padding:12px;
    margin-bottom:64px;

    background:linear-gradient(180deg,#1E2939 0%,#101828 100%);
    border-radius:16px;
    box-shadow:0 25px 50px -12px rgba(0,0,0,.25);
}

.sm-hero-img{
    display:block;
    width:100%;
    height:auto;
    border-radius:12px;
}

/* Buttons */

.nxg-buttons{
    margin-bottom:48px;
}

/* Bottom Features */

.sm-hero-features{
    width:100%;
    display:flex;
    justify-content:center;
    align-items:center;
    gap:24px;
    flex-wrap:wrap;
}

.sm-hero-feature{
    display:flex;
    align-items:center;
    gap:8px;
    padding:2px 16px;
}

.sm-hero-feature img{
    width:24px;
    height:24px;
    display:block;
}

.sm-hero-feature span{
    font-size:16px;
    font-weight:700;
    line-height:20px;
    color:#393939;
    white-space:nowrap;
}

/* ==========================================================
   Tablet
   ========================================================== */

@media (max-width:1024px){

.sm-hero{
    padding:64px 0;
}

.sm-hero-heading{
    max-width:700px;
    margin-bottom:48px;
}

.sm-hero-title{
    font-size:56px;
    line-height:64px;
}

.sm-hero-description{
    font-size:18px;
    line-height:28px;
}

.sm-hero-image{
    margin-bottom:48px;
}

.sm-hero-features{
    gap:16px;
}

}

/* ==========================================================
   Mobile
   ========================================================== */

@media (max-width:767px){

.sm-hero{
    padding:48px 0;
}

.sm-hero-badge{
    padding:8px 16px;
    margin-bottom:20px;
}

.sm-hero-heading{
    margin-bottom:40px;
}

.sm-hero-title{
    font-size:40px;
    line-height:48px;
}

.sm-hero-description{
    font-size:16px;
    line-height:26px;
}

.sm-hero-image{
    padding:8px;
    border-radius:12px;
    margin-bottom:40px;
}

.sm-hero-img{
    border-radius:8px;
}

.sm-hero-features{
    flex-direction:column;
    align-items:flex-start;
    gap:12px;
}

.sm-hero-feature{
    padding:0;
}

.sm-hero-feature span{
    font-size:15px;
}
   .sm-hero-buttons{
        order:0 !important;
    }

    .sm-hero-buttons .nxg-buttons{
        order:unset !important;
        flex-direction:row;
        justify-content:center;
    }

    .sm-hero-buttons .nxg-buttons a{
        width:calc(50% - 8px);
    }
.sm-hero .nxg-btn-primary,
.sm-hero .nxg-btn-secondary {
    font-size: 14px;
    line-height: 20px;
}

.sm-hero .nxg-buttons{
    display:flex;
    justify-content:center;
    gap:12px;
}

.sm-hero .nxg-buttons a{
    flex:none;
    width:auto;
    min-width:148px;   /* adjust to match Figma */
}

.sm-hero-features{
    align-items:center;
}

.sm-hero-feature{
    justify-content:center;
    text-align:center;
}
.sm-hero-heading{
    text-align:center;
}

.sm-hero-description{
    text-align:center;
}
.sm-hero-buttons .nxg-buttons{
    display:flex;
    gap:12px;
}

.sm-hero-buttons .nxg-buttons a{
  
    width:auto;
}


}

.sm-hero-buttons .nxg-buttons{
    display:flex;
    gap:16px;
}






/* ===================================================
   HOME VERTICALS
=================================================== */

.home-verticals{

    background:#FCFCFC;
    padding: 64px 80px;
}

.verticals-header{

    max-width:1280px;
    margin:0 auto 64px;
    text-align:center;
}

.verticals-header h2{

    margin:0 0 16px;

    font-size:32px;
    font-weight:700;
    line-height:46px;
    color:#000;
}

.verticals-header p{

    margin:0;

    font-size:18px;
    line-height:28px;
    color:#4A5565;
}

.verticals-wrapper{

    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:32px;
}

.vertical-card{

    background:#fff;

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

    padding:32px;

    min-height:290px;

    display:flex;
    flex-direction:column;
    gap:24px;
}

.vertical-card:first-child{

    border-bottom:3px solid #155DFC;
}

.vertical-icon{

    width:48px;
    height:48px;

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

    background:linear-gradient(180deg,#155DFC 0%,#1252E6 100%);

    border-radius:4px;
}

.vertical-icon img{

    width:24px;
}

.vertical-card h3{

    margin:0;

    color:#155DFC;

    font-size:32px;
    font-weight:400;
    line-height:46px;
}

.vertical-card p{

    margin:0;

    color:#4A5565;

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


@media (max-width:1024px){

.home-verticals{
    padding: 64px 64px 64px;
}

.verticals-header{

    margin-bottom:64px;
}

.verticals-wrapper{

    grid-template-columns:repeat(3,1fr);
    gap:32px;
}

.vertical-card{

    min-height:346px;
}

}


@media (max-width:767px){

.home-verticals{
    padding: 64px 16px 64px;
}

.verticals-header{

    margin-bottom:36px;
}

.verticals-header h2{

    font-size:24px;
    line-height:34px;
}

.verticals-header p{

    font-size:16px;
    line-height:26px;
}

.verticals-wrapper{

    display:flex;

    gap:16px;

    overflow-x:auto;

    scroll-snap-type:x mandatory;

    scroll-padding-left:16px;

    -webkit-overflow-scrolling:touch;

    scrollbar-width:none;
}

.verticals-wrapper::-webkit-scrollbar{

    display:none;
}

.vertical-card{

    flex:0 0 calc(100% - 16px);

    min-height:272px;

    scroll-snap-align:start;

    padding:32px;
}

.vertical-card h3{

    font-size:24px;
    line-height:34px;
}

.vertical-card p{

    font-size:16px;
    line-height:26px;
}

}


.vertical-dots{
    display:none;
}

@media (max-width:767px){

.vertical-dots{

    display:flex;

    justify-content:center;

    align-items:center;

    gap:8px;

    margin-top:24px;
}

.vertical-dots button{

    width:8px;
    height:8px;

    border:none;

    border-radius:50%;

    background:#D1D5DB;

    padding:0;

    cursor:pointer;

    transition:.25s;
}

.vertical-dots button.active{

    width:24px;

    border-radius:999px;

    background:#155DFC;
}

}


/* ==========================================
   HOME AUDIENCE
========================================== */

.home-audience{

    padding:64px 80px;

    background:#FCFCFC;
}

/* Heading */

.audience-header{

    max-width:1280px;

    margin:0 auto 64px;

    text-align:center;
}

.audience-header h2{

    margin:0 0 16px;

    font-size:36px;

    font-weight:700;

    line-height:45px;

    letter-spacing:.005em;

    color:#000;
}

.audience-header p{

    max-width:1100px;

    margin:0 auto;

    font-size:20px;

    line-height:26px;

    letter-spacing:.005em;

    color:#4A5565;
}

/* Cards */

.audience-grid{

    display:grid;

    grid-template-columns:repeat(3,1fr);

    gap:32px;
}

.audience-card{

    background:#fff;

    border:1px solid #E5E7EB;

    border-radius:4px;

    padding:32px;

    min-height:480px;

    display:flex;

    flex-direction:column;
}

.audience-icon{

    width:48px;

    height:48px;

    display:flex;

    align-items:center;

    justify-content:center;

    background:linear-gradient(180deg,#155DFC 0%,#1252E6 100%);

    border-radius:4px;

    margin-bottom:24px;
}

.audience-icon img{

    width:24px;

    height:24px;
}

.audience-card h3{

    margin:0 0 24px;

    font-size:20px;

    font-weight:700;

    line-height:30px;

    color:#0F172B;
}

.audience-desc{

    margin:0 0 24px;

    font-size:18px;

    line-height:28px;

    color:#4A5565;
}

.audience-card ul{

    margin:0;

    padding:0;

    list-style:none;

    display:flex;

    flex-direction:column;

    gap:12px;
}

.audience-card li{

    position:relative;

    padding-left:22px;

    font-size:18px;

    line-height:28px;

    color:#364153;
}

.audience-card li::before{

    content:"";

    position:absolute;

    left:0;

    top:11px;

    width:6px;

    height:6px;

    border-radius:50%;

    background:#155DFC;
}

@media (max-width:1024px){

.home-audience{

    padding:64px;
}

.audience-card{

    min-height:616px;
}

}

@media (max-width:767px){

.home-audience{

    padding:64px 16px;
}

.audience-header{

    margin-bottom:64px;
}

.audience-header h2{

    font-size:36px;

    line-height:45px;
}

.audience-header p{

    font-size:20px;

    line-height:26px;
}

.audience-grid{

    grid-template-columns:1fr;

    gap:32px;
}

.audience-card{

    min-height:auto;

    padding:32px;
}

.audience-card h3{

    font-size:18px;

    line-height:28px;
}

.audience-desc{

    font-size:16px;

    line-height:26px;
}

.audience-card li{

    font-size:16px;

    line-height:26px;
}

.audience-card li::before{

    top:10px;
}

}




/*==================================
MEDIA COVERAGE
==================================*/

.home-media{
    background:#F7F9FC;
    padding:64px 80px;
}

.media-heading{
    text-align:center;
   
}

.media-heading h2{
    margin:0;
    font-size:36px;
    font-weight:700;
    line-height:44px;
    color:#101828;
}

/* Slider */

.media-slider{
    overflow-x:auto;
    overflow-y:hidden;

    scrollbar-width:none;
    -ms-overflow-style:none;

    -webkit-overflow-scrolling:touch;

    scroll-snap-type:x proximity;
}

.media-slider::-webkit-scrollbar{
    display:none;
}

.media-track{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:48px;
    width:max-content;
    min-width:100%;
}

/* Logo Box */

.media-logo{
    flex:0 0 auto;

    width:150px;
    height:80px;

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

    scroll-snap-align:start;
}

.media-logo img{
    display:block;

    width:auto;
    height:auto;

    max-width:100%;
    max-height:100%;

    object-fit:contain;
}

/*==================================
DESKTOP
==================================*/

@media(min-width:1440px){

.home-media{
    padding:64px 80px;
}

.media-slider{
    overflow:visible;
}

.media-track{
    width:100%;
    justify-content:space-between;
    gap:24px;
}

.media-logo{
    width:150px;
    height:80px;
}

}

/*==================================
LAPTOP
==================================*/

@media(max-width:1439px){

.home-media{
    padding:64px 48px;
}



.media-logo{
    width:135px;
    height:72px;
}

.media-track{
    gap:40px;
}

}

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

@media(max-width:1024px){

.home-media{
    padding:64px 32px;
}


.media-heading h2{
    font-size:32px;
    line-height:40px;
}

.media-logo{
    width:130px;
    height:64px;
}

.media-track{
    gap:36px;
}

}

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

@media(max-width:767px){

.home-media{
    padding:48px 16px;
}



.media-heading h2{
    font-size:28px;
    line-height:36px;
}

.media-logo{
    width:120px;
    height:56px;
}

.media-track{
    gap:32px;
}

}














/*=============================
HOME BLOG
==============================*/

.home-blog-section{

    padding:64px 80px;

    background:#F7F9FC;
}

.home-blog-header{

    text-align:center;

    margin-bottom:48px;
}

.home-blog-header h2{

    margin:0;

    font-size:36px;

    font-weight:700;

    line-height:44px;

    color:#101828;
}

.home-blog-slider{

    overflow:hidden;
}

.home-blog-track{

    display:flex;

    transition:.4s ease;
}

.home-blog-slide{

    min-width:100%;
}

.home-blog-grid{

    display:grid;

    grid-template-columns:repeat(2,1fr);

    gap:24px;
}

.home-blog-card{

    background:#fff;

    border:1px solid #E5E7EB;

    border-radius:8px;

    overflow:hidden;

    box-shadow:0 4px 16px rgba(16,24,40,.08);
}

.home-blog-image{

    position:relative;

    display:block;

    width:100%;

    height:207px;

    overflow:hidden;
}

.home-blog-img{

    width:100%;

    height:100%;

    object-fit: cover;
    object-position: top center;

    display:block;
}

.home-blog-tag{

    position:absolute;

    top:16px;

    left:16px;

    background:#fff;

    color:#101828;

    font-size:14px;

    font-weight:500;

    padding:8px 12px;

    border-radius:4px;
}

.home-blog-content{

    padding:24px;
}

.home-blog-content h3{

 font-style: normal;
font-weight: 700;
font-size: 18px;
line-height: 28px;
/* or 156% */

color: #101828;

}

.home-blog-content h3 a{

    color:#101828;

    text-decoration:none;
}

.home-blog-meta{

    display:flex;

    gap:12px;

    color:#667085;

    font-size:15px;
}

.home-blog-dots{

    display:flex;

    justify-content:center;

    gap:8px;

    margin-top:32px;
}

.home-blog-dots button{

    width:8px;

    height:8px;

    border:none;

    border-radius:50%;

    background:#D0D5DD;

    cursor:pointer;

    transition:.3s;
}

.home-blog-dots button.active{

    width:24px;

    border-radius:999px;

    background:#155DFC;
}

/*=========================
Tablet
=========================*/

@media(max-width:1024px){

.home-blog-section{

    padding:64px;
}

.home-blog-grid{

    gap:20px;
}

.home-blog-content h3{

    font-size:24px;

    line-height:34px;
}

}

/*=========================
Mobile
=========================*/

@media(max-width:767px){

.home-blog-section{

    padding:48px 16px;
}

.home-blog-header h2{

    font-size:28px;

    line-height:36px;
}

.home-blog-grid{

    grid-template-columns:1fr;

    gap:16px;
}

.home-blog-content{

    padding:20px;
}

.home-blog-content h3{

    font-size:22px;

    line-height:30px;
}

}

.feature-testimonials {
      
        background: white;
    }

.feature-faq {
 
    background: #F7F9FC;
}






.home-media .container{
    max-width:1120px;
    margin:0 auto;
    display:flex;
    flex-direction:column;
    align-items:center;
    gap:24px;
}

.media-heading{
    text-align:center;
}

.media-heading h2{
    margin:0;
    font-size:32px;
    font-weight:700;
    line-height:46px;
    color:#101828;
}

.media-image{
    width:100%;
    display:flex;
    justify-content:center;
    align-items:center;
}

.media-image img{
    width:100%;
    max-width:912px;
    height:auto;
    display:block;
}

/* Mobile */
@media (max-width:768px){

   

    .home-media .container{
        gap:64px;
    }

    .media-heading h2{
        font-size:24px;
        line-height:34px;
    }

    .media-image img{
        max-width:358px;
        width:100%;
        height:auto;
    }

}


/* ===========================
   Testimonials
=========================== */

.feature-testimonials{
    background:#FCFCFC;
    padding:64px;
}

.testimonial-container{
    max-width:1312px;
    margin:0 auto;
}

.testimonial-title{
    margin:0 0 64px;
    text-align:center;
    font-size:32px;
    line-height:46px;
    font-weight:700;
    color:#0F172B;
}

.testimonial-slider{
    overflow:hidden;
}

.testimonial-track{
    display:flex;
    gap:24px;
}

.testimonial-card{
    flex:0 0 calc(33.333% - 16px);
    min-width:358px;
    background:#fff;
    border-radius:4px;
    box-shadow:0 4px 12px rgba(0,0,0,.10);
    padding:24px;
    display:flex;
    flex-direction:column;
    gap:16px;
}

.testimonial-user{
    display:flex;
    align-items:center;
    gap:16px;
}

.avatar{
    width:56px;
    height:56px;
    border-radius:50%;
    overflow:hidden;
    flex-shrink:0;
}

.avatar img{
    width:100%;
    height:100%;
    object-fit:cover;
    display:block;
}

.user-info{
    flex:1;
}

.user-top{
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:12px;
}

.user-top h4{
    margin:0;
    font-size:18px;
    line-height:28px;
    font-weight:700;
    color:#0F172B;
}

.rating{
    display:flex;
    align-items:center;
    gap:4px;
    font-size:18px;
    font-weight:700;
    color:#0F172B;
    white-space:nowrap;
}

.star-icon{
    width:16px;
    height:16px;
}

.role{
    margin:4px 0 0;
    font-size:14px;
    line-height:24px;
    color:#64748B;
}

/* ===========================
   Video Thumbnail
=========================== */

.testimonial-video{
    position:relative;
    display:block;
    width:100%;
    height:207px;
    overflow:hidden;
    text-decoration:none;
}

.video-thumb{
    width:100%;
    height:100%;
    object-fit:cover;
    display:block;
}

.play-button{
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
    width:64px;
    height:64px;
    display:flex;
    align-items:center;
    justify-content:center;
    transition:.25s ease;
}

.play-button img{
    width:64px;
    height:64px;
}

.testimonial-video:hover .play-button{
    transform:translate(-50%,-50%) scale(1.08);
}

.meta{
    margin-top:auto;
    font-size:14px;
    line-height:24px;
    color:#94A3B8;
}

/* ===========================
   Slider Dots
=========================== */

.testimonial-dots{
    display:flex;
    justify-content:center;
    gap:8px;
    margin-top:24px;
}

.dot{
    width:8px;
    height:8px;
    background:#D1D5DC;
    border-radius:999px;
    transition:.3s;
}

.dot.active{
    width:32px;
    background:#155DFC;
}

/* ===========================
   Mobile
=========================== */

@media (max-width:768px){

.feature-testimonials{
    padding:32px 10px;
}

.testimonial-title{
    font-size:24px;
    line-height:34px;
    margin-bottom:16px;
}

.testimonial-slider{
    overflow-x:auto;
    scroll-snap-type:x mandatory;
    -webkit-overflow-scrolling:touch;
}

.testimonial-slider::-webkit-scrollbar{
    display:none;
}

.testimonial-track{
    gap:24px;
}

.testimonial-card{
    flex:0 0 358px;
    min-width:358px;
    padding:24px;
}

.user-top h4{
    font-size:16px;
    line-height:26px;
}

.rating{
    font-size:16px;
}

.role{
    line-height:24px;
}

.testimonial-video{
    height:207px;
}

.meta{
    font-size:14px;
}

.testimonial-dots{
    margin-top:16px;
}

}











/* =========================================================
   YouTube Demo Popup
   Lightweight + Responsive
   ========================================================= */

/* =========================================================
   YOUTUBE DEMO POPUP
   ========================================================= */

.nxg-youtube-modal {
    position: fixed !important;
    top: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    left: 0 !important;

    width: 100vw !important;
    height: 100vh !important;

    display: none;

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

    padding: 20px;

    box-sizing: border-box;

    margin: 0 !important;

    z-index: 2147483647 !important;
}

.nxg-youtube-modal.is-open {
    display: flex !important;
}


/* =========================================================
   DARK OVERLAY
   ========================================================= */

.nxg-youtube-overlay {
    position: absolute !important;

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

    width: 100%;
    height: 100%;

    background: rgba(0, 0, 0, 0.78);

    cursor: pointer;
}


/* =========================================================
   VIDEO POPUP
   ========================================================= */

.nxg-youtube-dialog {
    position: relative !important;

    z-index: 2;

    width: min(720px, 90vw);

    max-width: 720px;

    margin: 0 auto !important;
    padding: 0;

    background: #000;

    border-radius: 8px;

    box-sizing: border-box;

    overflow: visible;

    box-shadow: 0 15px 50px rgba(0, 0, 0, 0.45);
}


/* =========================================================
   VIDEO
   ========================================================= */

.nxg-youtube-frame-wrap {
    position: relative;

    width: 100%;

    aspect-ratio: 16 / 9;

    background: #000;

    border-radius: 8px;

    overflow: hidden;
}

.nxg-youtube-frame-wrap iframe {
    display: block;

    width: 100%;
    height: 100%;

    margin: 0;
    padding: 0;

    border: 0;
}


/* =========================================================
   CLOSE BUTTON
   ========================================================= */

.nxg-youtube-close {
    position: absolute !important;

    top: 10px;
    right: 10px;

    z-index: 10;

    display: flex;

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

    width: 32px;
    height: 32px;

    margin: 0;
    padding: 0;

    border: 0;
    border-radius: 50%;

    background: rgba(0, 0, 0, 0.78);

    color: #fff;

    font-family: Arial, sans-serif;

    font-size: 22px;
    font-weight: 400;

    line-height: 1;

    text-align: center;

    cursor: pointer;

    appearance: none;

    box-sizing: border-box;
}

.nxg-youtube-close:hover {
    background: rgba(0, 0, 0, 0.95);
}

.nxg-youtube-close:focus {
    outline: 2px solid #fff;
    outline-offset: 2px;
}


/* =========================================================
   LOCK PAGE SCROLL
   ========================================================= */

body.nxg-video-open {
    overflow: hidden !important;
}


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

@media (max-width: 991px) {

    .nxg-youtube-modal {
        padding: 20px;
    }

    .nxg-youtube-dialog {
        width: 90vw;
        max-width: 680px;
    }

}


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

@media (max-width: 767px) {

    .nxg-youtube-modal {
        width: 100vw !important;
        height: 100dvh !important;

        padding: 15px;

        align-items: center !important;
        justify-content: center !important;
    }

    .nxg-youtube-dialog {
        width: 92vw !important;
        max-width: 92vw !important;

        margin: auto !important;

        border-radius: 6px;
    }

    .nxg-youtube-frame-wrap {
        width: 100%;

        aspect-ratio: 16 / 9;

        border-radius: 6px;
    }

    .nxg-youtube-close {
        top: 8px;
        right: 8px;

        width: 30px;
        height: 30px;

        font-size: 20px;
    }

}


/* =========================================================
   SMALL PHONES
   ========================================================= */

@media (max-width: 480px) {

    .nxg-youtube-modal {
        padding: 10px;
    }

    .nxg-youtube-dialog {
        width: 94vw !important;
        max-width: 94vw !important;
    }

    .nxg-youtube-close {
        top: 7px;
        right: 7px;

        width: 28px;
        height: 28px;

        font-size: 19px;
    }

}


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

@media (max-width: 767px) and (orientation: landscape) {

    .nxg-youtube-modal {
        padding: 10px 15px;
    }

    .nxg-youtube-dialog {
        width: auto !important;
        max-width: 85vw !important;

        max-height: 90dvh;
    }

    .nxg-youtube-frame-wrap {
        max-height: 90dvh;
    }

}





/* Media Coverage */

/* =========================
   MEDIA COVERAGE
========================= */

.media-logos {
  
    height: 68px;

    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: flex-start;

    padding: 0;
    gap: 24px;

    margin: 0 auto;
}

.media-logo {
    flex: none;
    display: flex;
    align-items: center;
    justify-content: center;

    padding: 0;
    margin: 0;
}


/* CNBC - 84 × 68 */

.media-logo-cnbc {
    width: 84px;
    height: 68px;
}

.media-logo-cnbc img {
    display: block;
    width: 84px;
    height: 68px;
    object-fit: contain;
}


/* The Economic Times - 561 × 49 */

.media-logo-et {
    width: 561px;
    height: 68px;
}

.media-logo-et img {
    display: block;
    width: 561px;
    height: 49px;
    object-fit: contain;
}


/* BusinessLine - 338 × 68 */

.media-logo-business {
    width: 338px;
    height: 68px;
}

.media-logo-business img {
    display: block;
    width: 338px;
    height: 68px;
    object-fit: contain;
}


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

@media (max-width: 767px) {

    .media-logos {
        width: 100%;
        height: auto;

        flex-direction: column;
        align-items: center;
        justify-content: flex-start;

        gap: 24px;
    }

    .media-logo-cnbc,
    .media-logo-et,
    .media-logo-business {
        width: 100%;
        height: auto;

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

    .media-logo-cnbc img {
        width: 84px;
        height: 68px;
    }

    .media-logo-et img {
        width: min(561px, 100%);
        height: auto;
    }

    .media-logo-business img {
        width: min(338px, 100%);
        height: auto;
    }

}



/* Strike homepage YouTube popup only */
.strike-home-demo-modal {
    position: fixed;
    z-index: 99999;
    inset: 0;
    display: grid;
    place-items: center;
    padding: 20px;
    visibility: hidden;
    opacity: 0;
    pointer-events: none;
    transition: opacity .2s ease, visibility .2s ease;
}

.strike-home-demo-modal.is-open {
    visibility: visible;
    opacity: 1;
    pointer-events: auto;
}

.strike-home-demo-overlay {
    position: absolute;
    inset: 0;
    background: rgba(3, 12, 30, .82);
}

.strike-home-demo-dialog {
    position: relative;
    z-index: 1;
    width: min(960px, 100%);
    border-radius: 12px;
    overflow: visible;
    box-shadow: 0 20px 70px rgba(0, 0, 0, .45);
}

.strike-home-demo-frame {
    width: 100%;
    aspect-ratio: 16 / 9;
    overflow: hidden;
    border-radius: 12px;
    background: #000;
}

.strike-home-demo-frame iframe {
    display: block;
    width: 100%;
    height: 100%;
    border: 0;
}

.strike-home-demo-close {
    position: absolute;
    z-index: 2;
    top: -14px;
    right: -14px;
    display: grid;
    place-items: center;
    width: 38px;
    height: 38px;
    padding: 0;
    border: 2px solid #fff;
    border-radius: 50%;
    background: #101828;
    color: #fff;
    font-size: 28px;
    line-height: 1;
    cursor: pointer;
}

body.strike-home-demo-open {
    overflow: hidden;
}

@media (max-width: 600px) {
    .strike-home-demo-modal {
        padding: 16px;
    }

    .strike-home-demo-close {
        top: -10px;
        right: -6px;
        width: 34px;
        height: 34px;
        font-size: 24px;
    }
}

.home-blog-section {
    overflow: hidden;
}

.home-blog-section .home-blog-slider {
    overflow: hidden;
    width: 100%;
}

.home-blog-section .home-blog-track {
    display: flex;
    gap: 24px;
    width: 100%;
    transition: transform .35s ease;
    will-change: transform;
}

.home-blog-section .home-blog-card {
    flex: 0 0 calc((100% - 24px) / 2);
    min-width: 0;
    box-sizing: border-box;
}

.home-blog-section .home-blog-dots {
    display: flex;
    justify-content: center;
    gap: 8px;
    margin-top: 24px;
}

.home-blog-section .home-blog-dots button {
    width: 8px;
    height: 8px;
    padding: 0;
    border: 0;
    border-radius: 50%;
    background: #c9c9c9;
    cursor: pointer;
}

.home-blog-section .home-blog-dots button.active {
    background: #1f5eff;
}

@media (max-width: 768px) {
    .home-blog-section .home-blog-card {
        flex-basis: 100%;
    }
}