.navbar-wrapper {
    background-position      : center right;
    background-repeat        : no-repeat;
    background-size          : cover;
    /* padding-top           : 3.5rem; */
    /* height                : 524px; */
}

.pageTitle {
    font-weight   : bold;
    font-size     : 5.2rem;
    line-height   : 6.2rem;
    text-align    : center;
    letter-spacing: -0.03em;
    color         : #E6EAF5;
    padding-top   : 17.6rem;
    padding-bottom: 17.6rem;
}



.newsBlog {
    padding-top   : 9.8rem;
    padding-bottom: 21.1rem;
    border-bottom : 1px solid rgba(187, 201, 237, 0.3);
}

.newsCard {
    background-color: transparent;
    border-radius   : 0;
}

.newsCard .card-body {
    padding  : 0;
    max-width: 612px;
}

.newsCard img {
    margin-bottom: 2.4rem;
}

.newsCard h6 {
    font-weight   : normal;
    font-size     : 1.6rem;
    line-height   : 1.9rem;
    letter-spacing: -0.02em;
    color         : #BBC9ED;
    margin-bottom : 1.2rem;
}


.newsCard h1 {
    font-weight   : bold;
    font-size     : 3.2rem;
    line-height   : 4.2rem;
    letter-spacing: -0.03em;
    color         : #E6EAF5;
    margin-bottom : 1.2rem;
}


.newsCard p {
    font-weight: normal;
    font-size  : 1.7rem;
    line-height: 3rem;
    color      : #E6EAF5;
}



/* Traing Dev Section overlay design */
.overlayContainer {
    position     : relative;
    margin-bottom: 2.4rem;
}

.overlayContainer img {
    margin-bottom: 0;
}

.overlay {
    position  : absolute;
    top       : 0;
    left      : 0;
    bottom    : 0;
    right     : 0;
    background: linear-gradient(0deg, rgba(17, 43, 109, 0.4), rgba(17, 43, 109, 0.4));
}

.overlay button {
    height    : 72px;
    width     : 72px;
    background: transparent;
    border    : none;
    position  : absolute;
    top       : 0;
    left      : 0;
    bottom    : 0;
    right     : 0;
    margin    : auto;
}

.overlay button img {
    height: 100%;
    width : 100%;
}


.videoModal .modal-body {
    position: relative;
    padding : 0px;
}

.videoModal .modal-dialog {
    max-width: 800px;
    margin   : 30px auto;
}

.videoPlayer {
    width : 100%;
    height: 63vh;
}

.videoModal .closeModalBtn {
    position: absolute;
    top     : -25px;
    right   : -25px;
    z-index : 1;
}


/* `md` applies to small devices (landscape phones, less than 768px) */
@media (max-width: 767.98px) {
    .pageTitle {
        font-size     : 30px;
        line-height   : 62px;
        text-align    : center;
        letter-spacing: -0.03em;
        padding-top   : 34px;
        padding-bottom: 34px;
    }

    .newsBlog {
        padding-top   : 36px;
        padding-bottom: 65px;
    }

    .newsCard h6 {
        font-size     : 12px;
        line-height   : 15px;
        letter-spacing: -0.02em;
    }

    .newsCard h1 {
        font-size     : 16px;
        line-height   : 25px;
        letter-spacing: -0.03em;
    }


    .newsCard p {
        font-size  : 14px;
        line-height: 20px;
    }


    .overlay button {
        height: 50px;
        width : 50px;
    }

}