/* ==========================================
   ABOUT
========================================== */

.about-section{
    background:#F2F2F2;
    padding:90px 0;
}

.about-section *{
    box-sizing:border-box;
}

/* Override Drupal container */
.about-section .container{
    width:100%;
    max-width:1600px;
    margin:0 auto;
    padding:0 80px;
}

.about-grid{
    display:grid;
    grid-template-columns:1fr .95fr;
    gap:80px;
    align-items:center;
}

.about-copy .eyebrow{
    color:#F47B20;
    font-size:16px;
    font-weight:800;
    letter-spacing:.12em;
    text-transform:uppercase;
    margin-bottom:14px;
}

.about-copy h2{
    color:#002B6B;
    font-size:46px;
    line-height:1.15;
    margin:0 0 22px;
}

.about-copy p{
    color:#5B6E91;
    font-size:17px;
    line-height:1.8;
    margin-bottom:18px;
}

.about-copy strong{
    color:#002B6B;
}

/* ==========================================
   PROGRAMME IMAGE
========================================== */

.video-card{
    height:400px;
    border-radius:24px;
    overflow:hidden;
    background:#fff;
    box-shadow:0 20px 45px rgba(0,40,101,.18);
}

.video-card img{
    width:100%;
    height:100%;
    display:block;

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

/* ==========================================
   RESPONSIVE
========================================== */

@media (max-width:992px){

    .about-grid{
        grid-template-columns:1fr;
        gap:50px;
    }

    .about-section .container{
        padding:0 40px;
    }

}

@media (max-width:768px){

    .about-section{
        width:100%;
        margin-left:0;
        padding:70px 0;
    }

    .about-section .container{
        padding:0 24px;
    }

    .about-copy h2{
        font-size:34px;
    }

    .about-copy p{
        font-size:16px;
    }

    .video-card{
        min-height:300px;
    }

}

/* Remove default Drupal block spacing for Fintech Community Hub */

body.node-115 .page__header .block{
    margin-bottom:0 !important;
}

/* Fintech Community Hub only */

body.node-115 .block--apigee-kickstart-advancedlanguageselectorblock,
body.node-115 #darkModeToggle1,
body.node-115 #darkModeToggle2{
    opacity:0.45;
    cursor:not-allowed !important;
    pointer-events:none;
    filter:grayscale(100%);
}