@media (max-width: 991px) {
    .gapY {
        padding-top: 50px;
        padding-bottom: 50px;
    }
    .banner {
        position: relative;
        padding-top: 125px;
    }
    .bannerImg {
        text-align: right;
        max-width: 600px;
        margin: auto;
        padding: 0px 0 20px;
    }

    .aboutImg {
        max-width: 600px;
        margin: auto;
        padding: 0px 0 20px;
    }

    .reverseCol {
        flex-direction: column-reverse;
    }

    .alignHero p {
        margin-bottom: 20px;
    }

    .strategies {
        margin: 50px 15px;
        padding: 50px 15px;
    }

    .container {
        padding: 0 15px;
    }

    .cards {
        margin-top: 20px;
        margin-bottom: 0px;
        height: auto;
    }

    .careers .aboutImg {
        max-width: 600px;
        margin: auto;
        padding: 20px 0 0px;
    }

    .interns .aboutImg {
        max-width: 600px;
        margin: auto;
        padding: 20px 0 20px;
    }

    .ctnlast {
        display: flex;
        justify-content: space-between;
    }

    .sticky{
        backdrop-filter: blur(30px);
    }

    .professionals {
        margin-top: 50px;
        margin-bottom: 50px;
        margin: 50px 15px;
    }

}

@media (max-width: 767px) {
    .alignHero h1 {
        font-size: 38px;
        line-height: 48px;
    }

    h2 {
        font-size: 32px;
    }

    p {
        font-size: 14px;
    }

    .fmenu,
    .ficon {
        margin-top: 30px;
    }
}