:root {
    --bg-primary-color: #fff;
    --bg-secondary-color: rgba(17, 32, 77, 0.02);
    --bg-tertiary-color: #11204D;
    --bg-card-color: #AE1FA2;
    --bg-footerend-color: #11204D;
    --text-primary-color: rgba(17, 32, 77, 1);
    --text-secondary-color: #154E9D;
    --text-tertiary-color: #AE1FA2;
    --text-base-font-size: 18px;
    --text-base-color: rgba(17, 32, 77, 0.7);
    --primary-font: "Frank Ruhl Libre", sans-serif;
    --secondary-font: "Jost", serif;
    --main-font-size: 70px;
    --primary-font-size: 68px;
    --secondary-font-size: 40px;
    --tertiary-font-size: 24px;
    --base-font-size: 18px;
    --primary-font-weight: 800;
    --secondary-font-weight: 500;
    --tertiary-font-weight: 300;
    --base-font-weight: 700;
    --base-line-height: 40px;
    --primary-border: 1px solid #BABABA;
    --common-padding: 100px 0 100px 0;
    --nav-font-color: #11204D;
}



@media(max-width:1680px) {
    :root {
        --main-font-size: 60px;
        --primary-font-size: 58px;
        --common-padding: 65px 0 65px 0;
    }
}

@media(max-width:1440px) {
    :root {
        --main-font-size: 50px;
        --primary-font-size: 50px;
        --common-padding: 55px 0 55px 0;
    }
}

@media(max-width:1366px) {
    :root {
        --main-font-size: 40px;
        --primary-font-size: 40px;
        --common-padding: 48px 0 48px 0;
    }
}

@media(max-width:1100px) {
    :root {
        --common-padding: 40px 0 40px 0;
    }

    .about-features p {
        max-width: 100%;
        margin: 0 auto;
    }

    .about-features {
        text-align: center;
    }



    .award-img img {
        padding-right: 28px;
    }

    .grid {
        margin: 0 auto;
    }
}


@media(max-width:992px) {
    :root {
        --base-font-size: 18px;
        --common-padding: 28px 0 28px 0;
    }

    .about-content {
        margin-top: 2rem;
    }

    .content-details {
        padding-top: 10px !important;
    }

    .navbar-brand img {
        max-width: 78%;
    }
}

@media(max-width:768px) {
    .about-features p {
        max-width: 35%;
    }

    .contact-right ul {
        padding-left: inherit;
    }

    .social-symbol ul {
        padding-left: inherit;
    }
}

@media(max-width:577px) {
    :root {
        --common-padding: 25px 0 25px 0;
    }

    .end-content p {
        font-size: 12px;
    }

    .social-symbol li {
        padding: 10px;
    }

    .brand-expand p {
        font-size: 18px;
    }

    .toggle-icon i {
        display: none;
    }

    .navbar-brand img {
        max-width: 50%;
    }

    .award-img img {
        padding-right: 10px !important;
    }

    .award-expand p {
        max-width: inherit !important;
    }

    .ag-footer-wrapper .social-symbol li {
        padding: 10px;
    }

    .form-control {
        font-size: 0.90rem;
    }
}