* {
        margin: 0px;
        padding: 0px;
    }

    body {
        font-family: 'Open Sans', sans-serif;
    }

    .logo_nav {
        width: 100%;
        padding-left: 25px;
    }

    .navbar {
        padding: .5rem 1rem;
    }

    .nav_menu a {
        font-family: Roboto, sans-serif;
        font-size: 14px;
        font-weight: 500;
        line-height: 24px;
        color: #002147 !important;
        text-transform: uppercase;
        font-style: normal;
    }

    .hero_banner_img {
        width: 100%;
    }

    .hero-row-p-o {
        padding: 0px !important;
    }

    .one-in-four-img {
        width: 100%;
    }

    .management-bg-image {
        background-repeat: no-repeat;
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover;
        background-color: #1d083e;
    }

    .pogram-bg-image {
        background-repeat: no-repeat;
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover;
        background-color: #1d083e;
    }

    .separator1 {
        background: #ffc107;
        /* display: inline-block; */
        height: 4px;
        width: 80px;
        margin: 0 auto;
    }

    .text-justify {
        text-align: justify;
    }

    .management-content {
        font-size: 1rem;
        font-weight: 400;
        line-height: 1.6;
    }

    .prog-det {
        height: 390px;
        padding: 2%;
        border: 1px solid #fff;
        border-radius: 10px;
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .prog-det ul {
        font-size: 15px;
        width: 85%;
    }
    /*  */

    .height-160 {
        height: 125px;
    }

    .custom-shadow {
        box-shadow: 1px 5px 5px #947fb4;
        border-radius: 10px;
    }

    .pad {
        padding: 0px !important;
        display: flex;
        align-items: center;
    }

    #hv .img-top {
        display: none;
        /* position: absolute; */
        z-index: 99;
    }

    .cf {
        font-size: 25px;
        font-weight: bold;
    }

    .custom-shadow p {
        font-size: 15px;
    }

    #hv .img-top {
        display: none;
        /* position: absolute; */
        z-index: 99;
    }

    #hv:hover {
        color: #b4161d;
    }

    #hv:hover .img-down {
        display: none !important;
    }

    #hv:hover .img-top {
        display: block;
    }

    .icn {
        width: 75%;
        margin-left: 20px;
    }

    .icn2 {
        width: 80%;
        margin-left: 20px;
    }

    .international-bg-img {
        background-repeat: no-repeat;
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover;
        background-color: #1d083e;
    }

    /*  */
    .height-190 {
        height: 200px;
        margin-bottom: 20px;
    }

    .bg-purple {
        background: #1d083e;

        & .font-weight-bold {
            font-weight: 700;
        }
    }

    .custom-shadow {
        box-shadow: 1px 5px 5px #947fb4;
        border-radius: 10px;
    }

    .custom-shadow p {
        font-size: 15px;
    }

    .show-on-md-above {
        display: none;
    }

    /*  */
    .student_speak_bg_img {
        background-repeat: no-repeat;
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover;
        background-color: #1d083e;

    }

    .btnlink {
        text-decoration: none !important;
        background-color: transparent;
        color: #343a40 !important;
    }

    /*  */

    .modal-dialog {
        max-width: 800px;
        margin: 30px auto;
    }

    .modal-body {
        position: relative;
        padding: 0px;
    }

    .btn-close {
        position: absolute;
        right: -30px;
        top: 0;
    }

    .btn-close {
        display: flex;
        align-items: center;
        justify-content: center;
        background: none !important;
        color: #fff !important;
        font-size: 2rem;
        opacity: 1 !important;
        position: absolute;
        right: -50px !important;
        top: -21px !important;
        border: 2px solid white !important;
        border-radius: 50px !important;
        padding: 4px !important;
    }

    @media(max-width: 700px) {
        .btn-close {
            font-size: 1rem;
            right: 10px !important;
            top: -28px !important;
            padding: 4px !important;
        }
    }

    .mob-scrn2 {
        width: 215px;
    }

    .only-big-screen-show {
        display: block;
    }

    .only-mid-screen-show {
        display: none;
    }

    .position-abss {
        position: absolute;
        top: 48%;
        left: 21%;
        transform: translate(-50%, -50%);
    }

    .hero-two-images-1024-d-none {
        display: block;
    }

    .hero-two-slider-1024-d-block {
        display: none;
    }

    .ww-100 {
        width: 100% !important;
    }

    @media(max-width: 1100px) {
        .hero-two-images-1024-d-none {
            display: none !important;
        }

        .hero-two-slider-1024-d-block {
            display: block !important;
        }

        .only-big-screen-show-another {
            display: none !important;
        }

        .position-abss {
            position: relative !important;
            top: 0% !important;
            left: 50% !important;
            transform: translate(-50%, 0%) !important;
        }
    }

    @media (max-width: 1600px) {
        .mc-mob {
            font-size: 25px;
        }

        .only-big-screen-show {
            display: none !important;
        }

        .only-mid-screen-show {
            display: block;
        }
    }

    @media (max-width: 600px) {
        .navbar-toggler {
            color: rgba(0, 0, 0, .5);
            border-color: rgba(0, 0, 0, .1);
        }

        .logo_nav {
            width: 100px;
            padding-left: 0px !important;
            margin-left: 70px;
        }

        .mc-mob {
            font-size: 25px;
            color: black !important;
        }

        .mobile-flx-rev {
            flex-direction: column-reverse;
        }
    }

    .navbar-toggler-icon {
        display: inline-block;
        width: 16px !important;
        height: 20px !important;
    }

    .navbar-toggler:focus {
        box-shadow: none !important;
    }

    .mob-scrn2 {
        width: 165px;
    }

    @-webkit-keyframes scroll {
        0% {
            -webkit-transform: translateX(0);
            transform: translateX(0);
        }

        100% {
            -webkit-transform: translateX(calc(-250px * 7));
            transform: translateX(calc(-250px * 7));
        }
    }

    @keyframes scroll {
        0% {
            -webkit-transform: translateX(0);
            transform: translateX(0);
        }

        100% {
            -webkit-transform: translateX(calc(-250px * 7));
            transform: translateX(calc(-250px * 7));
        }
    }

    .owl-three img {
        width: 150px !important;
        margin-left: auto;
        margin-right: auto;
        display: block;
    }

    .owl-four img {
        width: 150px !important;
        margin-left: auto;
        margin-right: auto;
        display: block;
    }

    .owl-five img {
        width: 150px !important;
        margin-left: auto;
        margin-right: auto;
        display: block;
    }

    .vb {
        cursor: pointer;
    }

    @media(max-width: 700px) {
        .btn-lg {
            font-size: 13px !important;
            font-weight: bold !important;
        }

        .mf {
            font-size: 28px !important;
        }
    }

    .nav-link:hover {
        color: #fdc800 !important;
    }

    .pl:hover {
        color: #fdc800 !important;
    }

    .btn-warning:hover {
        color: #212529;
        background-color: #e0a800;
        border-color: #d39e00;
    }

    .close position-absolute {
        color: while !important;
    }