:root {
    --bs-primary: #3478C3 !important;
    --bs-primary-rgb: 63, 166, 231 !important;
    --bs-focus-primary: #2665A8;
    --bs-dark: #0E2659 !important;
    --bs-body-color: #31454D !important;
    --bs-secondary-bg: #F4F5F9;
    --dark-gredient: linear-gradient(to bottom, #152d6d 0%,#071f44 100%);
    --shadow: 0 8px 15px #0000001a;
    --shadow-primary: 0 8px 15px #3478c31a;
}

/*Style Overrides*/
.bg-primary {
    background-color: var(--bs-primary) !important;
}

.text-primary {
    color: var(--bs-primary) !important;
}

.form-control, .form-select {
    border-radius: 0px;
}

.btn {
    border-radius: 0px;
}

.btn-primary {
    background-color: var(--bs-primary);
    border-color: var(--bs-primary);
}

    .btn-primary:hover {
        background-color: var(--bs-focus-primary);
        border-color: var(--bs-focus-primary);
    }

a:hover, a:focus {
    color: var(--bs-focus-primary) !important;
}

.card {
    border-radius: 0px !important;
    border: none !important;
    box-shadow: var(--shadow);
}

    .card > .list-group:first-child, .card > .list-group:last-child {
        border-radius: 0px !important;
    }

/*Owl carousel overrides*/
.owl-carousel .owl-dots {
    padding-top: 1rem;
    text-align: center;
}

    .owl-carousel .owl-dots .owl-dot {
        height: 10px;
        width: 10px;
        background: var(--bs-primary);
        margin: 5px 10px;
        opacity: .5;
    }

        .owl-carousel .owl-dots .owl-dot.active {
            opacity: 1;
        }

/*Page Styles*/

body {
    font-family: Roboto, Montserrat, sans-serif;
}

    body main {
        flex: 1 1 0%;
    }

/*stop menu Styles*/

.indian-flag-line {
    width: 100%;
    height: 10px;
    background: linear-gradient(to right, #FF993F 15.33%, #FFFFFF 53.33%, #FFFFFF 54.66%, #138808 101.66%);
}

.top-bar {
    background: var(--bs-primary);
    color: #ffffff;
    font-size: 0.8rem;
}

    .top-bar .navbar-brand, .top-bar .nav-link {
        color: #ffffff;
    }

    .top-bar a:hover, .top-bar a:focus {
        color: #ffffff !important
    }

    .top-bar .nav-item.separator .nav-link {
        padding-left: 0px;
        padding-right: 0px;
    }

.header-content .logo {
    width: 85px;
}

.header-content .brand .name {
    font-size: 1.8rem !important;
    font-weight: 600 !important;
    color: #2A4B62 !important;
    font-style: italic;
}

.header-content .brand .tagline {
    font-size: 0.7rem;
    white-space: nowrap;
    color: #549CCC !important;
    margin-bottom: 1px;
    font-weight: 700 !important;
}

.header-content .brief p {
    font-size: 0.7rem;
    color: #549CCC !important;
    margin-bottom: 1px;
    font-weight: 700 !important;
}

.header-content .national img {
    height: 70px !important;
}


.header-menu {
    background: #ffffff;
    top: 0px;
    left: 0px;
    right: 0px;
    padding: 0px 0px !important;
    box-sizing: border-box;
    z-index: 999;
}

    .header-menu .navbar-brand .logo {
        max-height: 50px;
    }

    .header-menu .navbar-brand {
        visibility: hidden;
    }

    .header-menu .navbar-nav .nav-item {
        align-items: center !important;
        align-items: center;
        background-color: white !important;
    }

        .header-menu .navbar-nav .nav-item .nav-link {
            padding: 18px;
        }

            .header-menu .navbar-nav .nav-item .nav-link.dropdown-toggle.show {
                background: var(--bs-secondary-bg);
            }

    .header-menu .navbar-nav .dropdown-menu {
        background: var(--bs-secondary-bg);
        margin-top: 0px;
        border: none;
        border-radius: 0px;
    }

        .header-menu .navbar-nav .dropdown-menu .dropdown-item:hover, .header-menu .navbar-nav .dropdown-menu .dropdown-item:focus {
            background: unset;
        }

.sticky .header-content {
    margin-bottom: 60px;
}

.sticky .header-menu {
    position: fixed;
    padding: 0 0 !important;
}

    .sticky .header-menu .navbar-brand {
        visibility: visible;
    }



/*

        .header-menu .navbar-brand .logo {
            max-height: 50px;
        }

.text-color-nav-item {
    color: #549CCC !important;
}

.header-menu .navbar-nav .nav-item .nav-link {
    position: relative;
    color: #08254F;*/
/* Change color as needed */
/*text-decoration: none !important;
}

    .header-menu .navbar-nav .nav-item .nav-link::after {
        content: '';
        position: absolute;
        bottom: -2px;*/
/* Adjust the thickness of the line */
/*left: 0;
        width: 100%;
        height: 2px;*/
/* Adjust the height of the line */
/*background-color: #549CCC;*/
/* Change color as needed */
/*transform: scaleX(0);
        transition: transform 0.3s ease;
    }

    .header-menu .navbar-nav .nav-item .nav-link:hover::after {
        transform: scaleX(1);
    }*/




/* Style the dropdown menu to initially be hidden */
/*.dropdown-menu {
    display: none;
    margin-top: 5px !important;
    min-width: 150px;
}*/

/* When hovering over the parent dropdown item, show the dropdown menu */
/*.nav-item.dropdown:hover .dropdown-menu {
    display: block;
}

.dropdown-menu .dropdown-item:hover {
    border-bottom: 2px solid #549CCC;*/
/* Change the color and thickness as needed */
/*color: #549CCC;*/
/* Change the font color as needed */
/*}*/


/* Decrease font size for dropdown items */
/*.dropdown-menu .dropdown-item {
    font-size: 12px;*/
/* Adjust the font size as needed */
/*}*/

/* Change font color for dropdown items */
/*.dropdown-menu .dropdown-item {
    color: black;*/
/* Change the font color as needed */
/*}*/

/*floating payment button*/
.payment-float {
    display: block;
    position: fixed;
    right: 0px;
    top: calc(50% - 40px);
    background: var(--bs-dark);
    color: #ffffff;
    text-decoration: none;
    cursor: pointer;
    padding: .5rem;
    writing-mode: vertical-rl;
    transform: rotate(180deg);
    z-index: 3;
}
/*Home Banner*/
.home-banner .carousel {
}

/*Visionary Voices*/

.visionary-voices {
    background: var(--dark-gredient);
    padding-top: 4rem;
    padding-bottom: 5rem;
}

    .visionary-voices h3 {
        color: #ffffff;
        margin-bottom: 1.5rem;
        text-align: center;
    }

    .visionary-voices .owl-carousel .owl-item {
        padding: 20px 10px;
    }

        .visionary-voices .owl-carousel .owl-item .card {
        }

            .visionary-voices .owl-carousel .owl-item .card .img {
                width: auto;
                height: 150px;
            }

/*Common styles*/
.section-header {
    text-align: center;
    margin-bottom: 1.5rem;
}

/*News & Events*/

.news-events {
    background: var(--bs-secondary-bg);
    padding-top: 5rem;
    padding-bottom: 5rem;
}

    .news-events .highlight .card {
        /*background: linear-gradient(to bottom, #0060ac 0%,#003560 100%); */
        background: var(--dark-gredient);
        border: none;
        padding: 2.5rem 2rem;
        margin: 3rem 0;
        color: #ffffff;
    }

        .news-events .highlight .card h3 {
            text-align: center;
            margin-bottom: 1.5rem;
        }

        .news-events .highlight .card .list-group-item {
            background: transparent !important;
            border: none;
        }

        .news-events .highlight .card .list-group-item {
            color: #ffffff;
        }

    .news-events .content {
        background: #ffffff;
        padding: 3rem 3rem;
        box-shadow: var(--shadow);
    }


/*At Glance*/
.at-glance {
    padding-top: 5rem;
    padding-bottom: 5rem;
}

    .at-glance .section-header {
        text-align: left;
    }

    .at-glance .content {
    }

    .at-glance .image {
        text-align: center;
    }



/*Updates*/

.section-separator {
    background: var(--bs-secondary-bg);
}

    .section-separator hr {
        width: 60%;
        margin: auto;
        background-color: #8f8f8f;
        height: 1.5px;
    }

.marketing {
    background: var(--bs-secondary-bg); /*#08254F*/
    padding-top: 5rem;
    padding-bottom: 5rem;
}

    .marketing .card {
        background: var(--dark-gredient);
        padding: 2.5rem 2rem;
        color: #ffffff;
    }

        .marketing .card .icon-list {
            margin-bottom: 1.5rem;
        }

            .marketing .card .icon-list .item {
                position: relative;
                text-align: center;
                padding: 1.5rem;
                cursor: pointer;
            }

                .marketing .card .icon-list .item .img-fluid {
                    margin-bottom: 1.5rem;
                    height: 65px;
                    position: relative;
                    z-index: 1;
                    opacity: .7;
                }

                .marketing .card .icon-list .item .card-subtitle {
                    text-align: center;
                    font-weight: 600;
                    position: relative;
                    z-index: 1;
                }

                .marketing .card .icon-list .item:hover .card-subtitle {
                    color: var(--bs-primary)
                }


                .marketing .card .icon-list .item:hover {
                    background: var(--bs-primary);
                    color: #ffffff;
                }

                    .marketing .card .icon-list .item:hover .img-fluid {
                        filter: invert(1);
                    }

                    .marketing .card .icon-list .item:hover .card-subtitle {
                        color: #ffffff;
                    }

        .marketing .card .list-group-item {
            background: none;
            color: #ffffff;
            border: none;
        }
/*.marketing .card .item:not(:last-child)::after {
                content: '';
                display: block;
                height: 70%;
                width: 2px;
                background: #31454d36;
                position: relative;
                right: calc(-100% - 1.5rem);
                top: -80%;
            }*/
/*.marketing .card .item:hover::before {
                content: '';
                display: block;
                height: calc(100% + 2rem);
                width: 100%;
                background: var(--bs-primary);
                position: absolute;
                top: -1rem;
                left: 0;
           
                
            

            */
/*.marketing .card .item:hover .img-fluid {
                    height: 80px;
                }*/
.services {
    background: var(--dark-gredient);
    color: #ffffff;
    z-index: -1;
    padding-top: 5rem;
    padding-bottom: 5rem;
}

    .services .section {
        padding: 1rem;
        border: 2px solid rgba(255,255,255,.5);
        border-top: none;
        position: relative;
        margin-top: 3rem;
        margin-bottom: 3rem;
    }

        .services .section::after, .services .section::before {
            position: absolute;
            background: rgba(255,255,255,.5);
            content: '';
        }

        .services .section:hover {
            border-color: #FFFFFF;
        }

            .services .section:hover::after, .services .section:hover::before {
                background: #FFFFFF;
            }

        .services .section::after {
            height: 2px;
            width: 10px;
            top: 0;
            left: 0;
        }

        .services .section::before {
            height: 2px;
            width: calc(100% - 90px);
            top: 0;
            right: 0;
        }

        .services .section .icon {
            height: 60px;
            filter: invert(1);
            margin-top: -75px;
            margin-left: 4px;
        }

        .services .section .title {
            padding-left: 1rem;
        }

        .services .section .content {
            align-self: center;
        }

            .services .section .content ul {
                list-style: none;
                column-count: 2;
                padding-left: 0px;
            }

                .services .section .content ul li {
                    padding: 0.5rem 1rem;
                }

                    .services .section .content ul li a {
                        color: #ffffff;
                        text-decoration: none;
                    }



.payments {
    padding-top: 4rem;
    padding-bottom: 5rem;
}

    .payments .card {
        color: #ffffff;
        padding: 2.5rem 2rem;
    }

        .payments .card .list-group-item {
            background: none;
            color: #ffffff;
            border: none;
        }

        .payments .card.dark-1 {
            background: #071F44;
        }

        .payments .card.dark-2 {
            background: #0E2658;
        }

        .payments .card.dark-3 {
            background: #152D6D;
        }

        .payments .card h3 {
            text-align: center;
            margin-bottom: 1.5rem;
        }

.grievances {
    background: var(--bs-secondary-bg);
    padding-top: 5rem;
    padding-bottom: 5rem;
}

    .grievances .list-group {
        padding: 2rem;
    }

        .grievances .list-group .list-group-item {
            background: none;
            border: none;
        }

.milestones {
    padding-top: 5rem;
    padding-bottom: 5rem;
}

    .milestones .owl-carousel .item {
        padding: 10px;
        text-align: center;
    }

    .milestones .landmark-projects {
        background: #071F44;
        color: #ffffff;
        padding: 3rem 0;
        box-shadow: var(--shadow);
        margin-bottom: 5rem;
    }

    .milestones .flagship-projects {
        background: #0E2658;
        color: #ffffff;
        padding: 3rem 0;
        box-shadow: var(--shadow);
        margin-bottom: 5rem;
    }

    .milestones .infrastructure-projects {
        background: #152D6D;
        color: #ffffff;
        padding: 3rem 0;
        box-shadow: var(--shadow);
    }

.utility {
    background: var(--bs-secondary-bg);
    padding-top: 5rem;
    padding-bottom: 5rem;
}

    .utility .card .image .img-fluid {
        object-fit: cover;
    }

    .utility .card .content {
        text-align: center;
        padding: 2rem;
    }

        .utility .card .content h3 {
            margin-bottom: 1rem;
        }

.gvtsection {
    padding: 2rem 0;
}

    .gvtsection .img-fluid {
        height: 65px;
        position: relative;
        z-index: 1;
    }

.milestones {
}

    .milestones .card .card-title {
        font-size: small;
    }

.at-your-service .card .img-container {
    padding: 1rem;
    text-align: center;
}

    .at-your-service .card .img-container .img-fluid {
        max-width: 100px;
    }


.page-footer {
    background: #152D6D;
    color: #ffffff;
}

    .page-footer .row {
        padding: 2rem 0;
    }

    .page-footer li {
        list-style: none;
        display: inline-block;
    }

        .page-footer li:not(:first-child):before {
            content: "|";
            padding-left: 5px;
            padding-right: 9px;
        }

        .page-footer li a {
            color: #ffffff;
            text-decoration: none;
        }

/*.side-menu {
    background: #051367 !important;
    border: none !important;*/
/*box-shadow: 0 8px 9px -4px rgba(56, 107, 192, 0.3), 0 4px 18px 0 rgba(56, 107, 192, 0.2);*/
/*}

    .side-menu .list-group .list-group-item {
        background: transparent;
        color: #FFFFFF;
        border: none;
    }*/

.side-menu .sub-menu-title {
    cursor: pointer;
}


    .side-menu .sub-menu-title::after {
        content: '';
        background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23ffffff'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
        height: 20px;
        position: absolute;
        width: 20px;
        right: 9px;
        transition: transform 0.2s ease-in-out;
    }

    .side-menu .sub-menu-title:not(.collapsed)::after {
        transform: rotate(-180deg);
    }

.side-menu .sub-menu-content.menu-level-2 .list-group-item {
    padding-left: 26px;
}

.side-menu .sub-menu-content.menu-level-3 .list-group-item {
    padding-left: 36px;
}

/*.side-menu .sub-menu {
    display: flex;
    flex-direction: column-reverse;
}*/


/*.card {
    box-shadow: 0 2px 15px -3px rgba(0,0,0, 0.07), 0 10px 20px -2px rgba(0,0,0, 0.04);
    border: none !important;
    border-radius: 8px !important;
}

    .card > .list-group {
        background: transparent;
    }

        .card > .list-group:first-child {
            border-top-left-radius: 8px !important;
            border-top-right-radius: 8px !important;
        }

        .card > .list-group:last-child {
            border-bottom-left-radius: 8px !important;
            border-bottom-right-radius: 8px !important;
        }

    .card .list-group > .list-group-item {
        background: transparent;
    }

.list-group > .list-group-item {
    border-width: 0 0 var(--mdb-list-group-light-item-border-width);
    padding: 1rem 0;
    border: 2px solid #33333317;
}*/




/*.updates .card.bg-primary .list-group > .list-group-item {
    border: none;
}
*/

.page {
    background: var(--bs-secondary-bg);
    height: 100%;
    display: flex;
    flex-direction: column;
}

    .page > .row {
        height: 100%;
    }

    .page .side-menu {
        background: #071F44;
        box-shadow: var(--shadow);
        color: #ffffff;
        display: flex;
        flex-direction: column;
        height: 100%;
        padding-top: 15px;
        margin-right: 15px;
    }

        .page .side-menu .list-group-item.active {
            background: #152D6D;
            color: var(--bs-primary);
            font-weight: bold;
        }

        .page .side-menu .title {
            background: var(--bs-primary);
            padding: .5rem 1rem;
            margin-right: -15px;
            box-shadow: var(--shadow);
        }

        .page .side-menu .list-group-item {
            color: #ffffff;
            background: none;
            border: none;
        }

    .page .content {
        padding: 2rem 3rem;
    }

.team .row .card .card-title {
    background: var(--bs-primary);
    color: #ffffff;
    padding: .5rem;
    margin-top: 10px;
    margin-right: -10px;
    box-shadow: var(--shadow-primary);
    font-weight: bold;
}

.team .row .card .image {
    aspect-ratio: 1/1;
}

.contact {
    background: var(--bs-secondary-bg);
    padding-top: 5rem;
    padding-bottom: 5rem;
}

    .contact .col-md-4 {
        display: flex;
    }

        .contact .col-md-4 .location {
            padding: 1.5rem;
            padding-top: 2rem;
            border: 2px solid #152D6D;
            position: relative;
            width: 100%;
        }

            .contact .col-md-4 .location::after {
                content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" fill="%233478C3" version="1.1" id="Capa_1" viewBox="0 0 395.71 395.71" xml:space="preserve"><g><path d="M197.849,0C122.131,0,60.531,61.609,60.531,137.329c0,72.887,124.591,243.177,129.896,250.388l4.951,6.738 c0.579,0.792,1.501,1.255,2.471,1.255c0.985,0,1.901-0.463,2.486-1.255l4.948-6.738c5.308-7.211,129.896-177.501,129.896-250.388 C335.179,61.609,273.569,0,197.849,0z M197.849,88.138c27.13,0,49.191,22.062,49.191,49.191c0,27.115-22.062,49.191-49.191,49.191 c-27.114,0-49.191-22.076-49.191-49.191C148.658,110.2,170.734,88.138,197.849,88.138z"/></g></svg>');
                position: absolute;
                background: var(--bs-secondary-bg);
                height: 40px;
                width: 40px;
                top: -25px;
                right: 15px;
            }

            .contact .col-md-4 .location .title {
                margin-bottom: 1.5rem;
            }

            .contact .col-md-4 .location address {
                margin-bottom: 0;
            }

            .contact .col-md-4 .location .telephone,
            .contact .col-md-4 .location .fax {
                margin-top: 10px;
            }

                .contact .col-md-4 .location .telephone::before,
                .contact .col-md-4 .location .fax::before {
                    display: inline-block;
                    height: 20px;
                    width: 20px;
                    vertical-align: middle;
                }

                .contact .col-md-4 .location .telephone::before {
                    content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" fill="%23152D6D" version="1.1" id="Layer_1" viewBox="0 0 512 512" enable-background="new 0 0 512 512" xml:space="preserve"><path d="M426.7,453.8l-38.1-79.1c-8.2-16.9-18.8-29.2-37.1-21.7l-36.1,13.4c-28.9,13.4-43.3,0-57.8-20.2l-65-147.9 c-8.2-16.9-3.9-32.8,14.4-40.3l50.5-20.2c18.3-7.6,15.4-23.4,7.2-40.3l-43.3-80.6c-8.2-16.9-25-21-43.3-13.5 c-36.6,15.1-66.9,38.8-86.6,73.9c-24,42.9-12,102.6-7.2,127.7c4.8,25.1,21.6,69.1,43.3,114.2c21.7,45.2,40.7,80.7,57.8,100.8 c17,20.1,57.8,75.1,108.3,87.4c41.4,10,86.1,1.6,122.7-13.5C434.8,486.7,434.8,470.8,426.7,453.8z"/></svg>');
                }

                .contact .col-md-4 .location .fax::before {
                    content: url('data:image/svg+xml,<svg viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg" fill="%23152D6D"><path d="m480 160v-82.75a32 32 0 0 0 -9.38-22.63l-45.25-45.25a32 32 0 0 0 -22.62-9.37h-242.75a32 32 0 0 0 -32 32v448a32 32 0 0 0 32 32h320a32 32 0 0 0 32-32v-288a32 32 0 0 0 -32-32zm-192 272a16 16 0 0 1 -16 16h-32a16 16 0 0 1 -16-16v-32a16 16 0 0 1 16-16h32a16 16 0 0 1 16 16zm0-128a16 16 0 0 1 -16 16h-32a16 16 0 0 1 -16-16v-32a16 16 0 0 1 16-16h32a16 16 0 0 1 16 16zm128 128a16 16 0 0 1 -16 16h-32a16 16 0 0 1 -16-16v-32a16 16 0 0 1 16-16h32a16 16 0 0 1 16 16zm0-128a16 16 0 0 1 -16 16h-32a16 16 0 0 1 -16-16v-32a16 16 0 0 1 16-16h32a16 16 0 0 1 16 16zm0-112h-224v-128h160v48a16 16 0 0 0 16 16h48zm-352-64h-32a32 32 0 0 0 -32 32v320a32 32 0 0 0 32 32h32a32 32 0 0 0 32-32v-320a32 32 0 0 0 -32-32z"/></svg>');
                }


                .contact .col-md-4 .location .telephone a,
                .contact .col-md-4 .location .fax a {
                    text-decoration: none;
                }


/*.contact .location:hover::after, .contact .location:hover::before {
                background: rgba(21, 45, 109, 1);
            }

        .contact .location::after {
            height: 2px;
            width: 10px;
            top: 0;
            left: 0;
        }

        .contact .location::before {
            height: 2px;
            width: calc(100% - 90px);
            top: 0;
            right: 0;
        }*/

/*Login*/
.login-container {
    display: flex;
    flex-direction: column;
    height: 100% !important;
    background: var(--bs-secondary-bg);
    overflow: auto;
}

    .login-container .card {
        padding: 2.5rem;
    }

        .login-container .card .logo {
            text-align: center;
            margin-bottom: 1rem;
        }

            .login-container .card .logo img {
                max-width: 200px;
            }

.admin-page .side-menu {
    padding: 1rem;
    margin-right: 0px;
}

    .admin-page .side-menu .menu-container {
        display: flex;
        flex-direction: column;
        height: 100%;
    }

        .admin-page .side-menu .menu-container .nav-link {
            color: #ffffff;
        }

.admin-page .menu-list .sub-menu-content {
    margin-left: 1.5rem;
    padding-top: .5rem;
    padding-bottom: .5rem;
}

    .admin-page .menu-list .sub-menu-content .list-group {
        border-left: 1px solid #212529;
    }

        .admin-page .menu-list .sub-menu-content .list-group .list-group-item:first-child {
            padding-top: 0px;
        }

        .admin-page .menu-list .sub-menu-content .list-group .list-group-item:last-child {
            padding-bottom: 0px;
        }

.admin-page .menu-list .list-group-item {
    border: none;
}

/*.admin-page .menu-list .sub-menu-title::after {
    content: '';
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000000'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
    height: 20px;
    position: absolute;
    width: 20px;
    right: 9px;
    transition: transform 0.2s ease-in-out;
}

.admin-page .menu-list .sub-menu-title:not(.collapsed)::after {
    transform: rotate(-180deg);
}*/

@media (min-width: 992px) {
    .header-menu .navbar-collapse {
        display: flex;
        justify-content: center;
    }

    .header-menu .navbar-nav .dropdown-menu {
        box-shadow: var(--shadow);
    }

    .news-events .highlight .card {
        margin-right: -5rem;
    }

    .news-events .content {
        padding-left: 7rem;
    }

    .payments .card.dark-2 {
        margin-left: -1rem;
    }

    .payments .card.dark-3 {
        margin-left: -1rem;
    }
}

.custom-file {
    display: inline-block;
}

    .custom-file input[type=file].custom-file-input {
        display: none;
    }


.marketing-icons .icon-list .item .img-fluid {
    margin-bottom: 1.5rem;
    height: 65px;
    position: relative;
    z-index: 1;
    opacity: .7;
}

.marketing-icons .icon-list .item {
    position: relative;
    text-align: center;
    padding: 1.5rem;
}
