@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800;900&display=swap");
@import 'bootstrap/dist/css/bootstrap.css';
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

body {
  margin: 0;
  font-family: "Poppins", sans-serif !important;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

@media screen and (min-height: 630px) and (orientation: portrait) {
  body {
    margin-bottom: 0;
  }
}
@media screen and (min-width: 1163px) and (max-width: 1279px) {
  body {
    zoom: 1;
  }
}
@media screen and (min-width: 1280px) and (max-width: 1399px) {
  body {
    zoom: 1;
  }
}
@media screen and (min-width: 1400px) and (max-width: 1599px) {
  body {
    zoom: 0.96;
  }
}
@media screen and (min-width: 1600px) and (max-width: 1705px) {
  body {
    zoom: 1.07;
  }
}
@media screen and (min-width: 1706px) and (max-width: 1919px) {
  body {
    zoom: 1.14;
  }
}
@media screen and (min-width: 1920px) and (max-width: 2500px) {
  body {
    zoom: 1.28;
  }
}
@media screen and (min-width: 2501px) and (max-width: 2700px) {
  body {
    zoom: 1.7;
  }
}
@media screen and (min-width: 2701px) and (max-width: 4500px) {
  body {
    zoom: 2.55;
  }
}
@media screen and (min-width: 4501px) and (max-width: 5200px) {
  body {
    zoom: 3.4;
  }
}
@media screen and (min-width: 5201px) and (max-height: 660px) {
  body {
    zoom: 4.4;
  }
}
code {
  font-family: source-code-pro, Menlo, Monaco, Consolas, "Courier New", monospace;
}

ul,
li {
  margin: 0;
  padding: 0;
}
ul a:hover,
li a:hover {
  color: #003B84;
  font-weight: 500;
}

.owl-dot {
  box-shadow: none !important;
}
.owl-dot span {
  width: 8px !important;
  height: 8px !important;
}

.owl-carousel .owl-dots.disabled {
  display: block !important;
}

section {
  padding: 1rem 0.5rem;
}

a {
  text-decoration: none;
  color: inherit;
}

.faculty-profile .faculty-publications-heading {
  font-size: 1.1rem;
}
.faculty-profile .faculty-publications-sub-heading {
  font-size: 0.8rem;
}
.faculty-profile .bullet-points-heading {
  font-size: 0.78rem;
}
.faculty-profile .bullet-points-sub-heading {
  font-size: 0.7rem;
}

.active {
  color: #003B84;
  font-weight: 500;
}

.div-active {
  display: block !important;
}

.menu-active {
  display: flex !important;
}

@media (max-width: 767px) {
  .submenu-active {
    display: flex !important;
  }
}

.gallery-active {
  display: flex !important;
}

.btn {
  border-radius: 20px;
  padding: 0.5rem 1.5rem;
  font-size: 0.95rem;
  outline: none;
  background-color: #003B84;
  border: none;
  cursor: pointer;
  color: #fff;
  transition: 0.2s all ease-in-out;
  box-shadow: none !important;
}
.btn:hover {
  color: #fff;
  background-color: #004ead;
}

.toggle-nav {
  position: absolute;
  top: -2rem;
  right: 0rem !important;
  z-index: 30;
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  gap: 1.5rem !important;
  min-height: 100vh !important;
  height: 100% !important;
  background: #fff;
  padding: 4rem 1.5rem;
  padding-top: 7rem;
  width: 60% !important;
}
.toggle-nav ul {
  display: flex;
  flex-direction: column;
  align-items: flex-start !important;
}
@media (min-width: 430px) and (max-width: 575px) {
  .toggle-nav {
    width: 45% !important;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .toggle-nav {
    width: 40% !important;
  }
}

/*
// Old Home
.home-wrapper{

    .main-container{
        position: relative;

        .top-nav{
            background-color: #006498;
            padding: .7rem;

            @media (max-width: 767px){
                display: none;
            }

            .container{

                .row{

                    .col{

                        .main-wrapper{
                            color: #fff;
                            font-size: .8rem;
                            display: flex;
                            align-items: center;
                            justify-content: space-between;
                            flex-wrap: wrap;
                            gap: 1rem;

                            a{
                                text-decoration: none;
                                color: inherit;
                            }

                            .right{

                                i{
                                    font-size: 1.1rem;
                                }
                            }

                        }
                    }
                }
            }
        }

        header{
            position: relative;
            z-index: 20;

            .container{

                .row{
                    width: 100%;

                    .col{
                        // position: relative;
                        width: 100%;
                        display: flex;
                        align-items: center;
                        justify-content: space-between;
                        gap: 1.5rem;
                        padding: .5rem .6rem;

                        @media (max-width: 767px){
                            padding: 1rem .6rem;
                        }


                        a{
                            // flex-basis: 0;
                            // flex-grow: 1;
                            display: flex;
                            align-items: center;
                            gap: .5rem;

                            @media (max-width: 767px){
                                // flex-grow: 1;
                                // order: 2;
                            }

                            span:nth-child(2){
                                @media (max-width: 575px){
                                    display: none;
                                }
                            }

                            img{
                                width: 4.5rem;

                                @media (max-width: 767px){
                                    width: 3rem;
                                }
                            }

                            span{
                                font-size: 1.2rem;
                                font-weight: 600;
                                color: #000;
                                // letter-spacing: -1px;


                                @media (min-width: 768px) and (max-width: 991px){
                                    display: none;
                                }

                                @media (min-width: 576px) and (max-width: 767px){
                                    font-size: 1.15rem;
                                }

                                @media (max-width: 575px){
                                    font-size: 1rem;
                                }
                            }

                            .mbl{
                                display: none;

                                @media (max-width: 575px){
                                    display: flex;
                                }

                                @media (min-width: 768px) and (max-width: 991px){
                                    display: flex;
                                }
                            }
                        }


                        nav{
                            // flex-grow: 2;
                            // flex-basis: 0;

                            @media (max-width: 767px){
                                // flex-grow: 1;
                                // order: 1;
                                display: none;
                            }

                            ul{
                                list-style-type: none;
                                display: flex;
                                align-items: center;
                                gap: 1.5rem;
                                position: relative;
                                z-index: 21;

                                @media (max-width: 767px){
                                    flex-direction: column;
                                    gap: .5rem;
                                }

                                @media (min-width: 992px){
                                    gap: 1.5rem;
                                }

                                li.about-menu{

                                    &:hover{

                                        border-bottom: 2px solid #004ead;
                                        transition: all .2s ease-in;

                                        .about-submenu{
                                            display: flex !important;
                                        }
                                    }
                                }

                                li.admissions-menu{
                                    &:hover{

                                        border-bottom: 2px solid #004ead;
                                        transition: all .2s ease-in;

                                        .admissions-submenu{
                                            display: flex !important;
                                        }
                                    }
                                }


                                li.departments-menu{
                                    &:hover{

                                        border-bottom: 2px solid #004ead;
                                        transition: all .2s ease-in;

                                        .departments-submenu{
                                            display: flex !important;
                                        }
                                    }
                                }


                                li{
                                    border-bottom: 2px solid transparent;
                                    padding: 5px 0;
                                    font-weight: 500;
                                    font-size: .85rem;
                                    cursor: pointer;
                                    // position: relative;
                                    // z-index: 21;

                                    @media (min-width: 992px){
                                        font-size: .85rem;
                                    }

                                    .arrow{

                                        &::after{
                                            width: 1rem;
                                            height: 1rem;
                                            content: "";
                                            background-image: url(/images/arrow-down.svg);
                                            // background-size: 200px !important;
                                            background-repeat: no-repeat;
                                            background-position: center;
                                            // border: 1px solid red;
                                        }
                                    }

                                    ul.about-submenu, .admissions-submenu, .departments-submenu{
                                        z-index: 22;
                                        position: absolute;
                                        top: 2rem;
                                        // left: 0;
                                        // width: 100% !important;
                                        display: none;
                                        // display: flex;
                                        flex-direction: column;
                                        align-items: flex-start;
                                        gap: .2rem;
                                        padding: 1rem;
                                        padding-right: 1.5rem;
                                        background-color: #fff;
                                        transition: all .3s ease-in;
                                        box-shadow: 1px 1px 5px 2px #2222221c;
                                    }
                                }
                            }
                        }

                        #hamburger{
                            position: relative;
                            z-index: 100;
                            font-size: 1.3rem;
                            padding: 0.15rem 0.45rem;
                            border-radius: 0.3rem;
                            border: 1px solid rgba(34, 34, 34, 0.5215686275);
                            // flex-grow: 1;
                            // flex-basis: 0;
                            // order: 3;

                            @media (min-width: 768px){
                                display: none;
                            }
                        }
                    }
                }
            }  
        }

        .hero{
            position: relative;
            z-index: 10;
            width: 100%;
            display: flex;
            flex-direction: column;

            .image-wrapper{
                width: 100%;
                height: 565px;
                position: relative;

                @media (min-width: 4001px) and (max-width: 10000px){
                    height: 710px;
                }

                @media (min-width: 3000px) and (max-width: 4000px){
                    height: 700px;
                }

                @media (min-width: 2600px) and (max-width: 2999px){
                    height: 700px;
                }

                @media (min-width: 2400px) and (max-width: 2599px){
                    height: 690px;
                }

                @media (min-width: 2000px) and (max-width: 2399px){
                    height: 685px;
                }

                @media (min-width: 1800px) and (max-width: 1999px){
                    height: 680px;
                }

                @media (min-width: 1400px) and (max-width: 1799px){
                    height: 650px;
                }

                @media (min-width: 1200px) and (max-width: 1399px){
                    height: 565px;
                }

                @media (min-width: 992px) and (max-width: 1199px){
                    height: 460px;
                }

                @media (min-width: 768px) and (max-width: 991px){
                    height: 400px;
                }

                @media (min-width: 576px) and (max-width: 767px){
                    height: 400px;
                }

                @media (min-width: 360px) and (max-width: 575px){
                    // height: 300px;
                    height: 250px;
                }

                @media (max-width: 359px){
                    // height: 300px;
                    height: 200px;
                }


                .container{

                    .row{

                        .col{
                            position: relative;
                            width: 100%;
                            height: 100%;

                            .content{
                                position: absolute;
                                top:0%;
                                left: 0%;
                                transform: translate(0%, 15%);
                                z-index: 99;
                                width: 40%;
                                color: #fff;
                                padding: 2rem;
                                // height: 100%;

                                @media (min-width: 4001px) and (max-width: 10000px){
                                    width: calc(100vw - 85vw);
                                    transform: translate(0%, 50%);
                                }

                                @media (min-width: 3000px) and (max-width: 4000px){
                                    width: calc(100vw - 80vw);
                                    transform: translate(0%, 48%);
                                }

                                @media (min-width: 2800px) and (max-width: 2999px){
                                    width: calc(100vw - 75vw);
                                    transform: translate(0%, 48%);
                                }

                                @media (min-width: 2400px) and (max-width: 2799px){
                                    // width: 50%;
                                    width: calc(100vw - 70vw);
                                    transform: translate(0%, 48%);
                                }

                                @media (min-width: 2000px) and (max-width: 2399px){
                                    // width: 50%;
                                    width: calc(100vw - 65vw);
                                    transform: translate(0%, 48%);
                                    border: 1px solid pink;
                                }

                                @media (min-width: 1800px) and (max-width: 1999px){
                                    // width: 50%;
                                    width: calc(100vw - 60vw);
                                    transform: translate(0%, 45%);
                                }

                                @media (min-width: 1400px) and (max-width: 1799px){
                                    // width: 45%;
                                    width: calc(100vw - 55vw);
                                    transform: translate(0%, 36%);
                                }

                                @media (min-width: 1200px) and (max-width: 1399px){
                                    // width: 50%;
                                    width: calc(100vw - 50vw);
                                    transform: translate(0%, 25%);
                                }

                                @media (min-width: 1024px) and (max-width: 1199px){
                                    // width: 60%;
                                    width: calc(100vw - 40vw);
                                    transform: translate(0%, 14%);
                                }

                                @media (min-width: 992px) and (max-width: 1023px){
                                    // width: 55%;
                                    width: calc(100vw - 45vw);
                                    transform: translate(0%, 14%);
                                }

                                @media (min-width: 768px) and (max-width: 991px){
                                    // width: 71%;
                                    width: calc(100vw - 29vw);
                                    transform: translate(0%, 6%);
                                }

                                @media (max-width: 767px){
                                    // width: 85%;
                                    width: calc(100vw - 15vw);
                                    // top: 47%;
                                    transform: translate(0%, 5%);
                                }

                                @media (max-width: 575px){
                                    display: none;
                                }

                                .divider{
                                    width: 50px;
                                    height: 5px;
                                    // background: #003B84;
                                    background: #fff;
                                    border-radius: 20px;
                                    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.329);

                                }

                                span{
                                    margin-bottom: .3rem;

                                    h5{
                                        font-size: 1.1rem;
                                        text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.329);
                                    }
                                }

                                h1{
                                    font-weight: 600;
                                    text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.329);
                                }

                                P{
                                    text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.329);
                                }

                                a{
                                    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.329);
                                    background-color: #fff;
                                    color: #000;

                                    &:hover{
                                        background-color: #f3f3f3;
                                        color: #000000;
                                    }
                                }
                            }

                        }
                    }
                }


                span.bg-color{
                    position: absolute;
                    top: 0;
                    left: 0;
                    width: 100%;
                    height: 100%;
                    background: rgb(0,100,152);
                    background: linear-gradient(90deg, rgba(0,100,152,1) 0%, rgba(255,255,255,0) 60%);
                    z-index: 90;
                }

                img{
                    width: 100%;
                    object-fit: cover;
                    object-position: top !important;
                    max-width: 100%;
                    height: 100%; 
                    // height: auto; 
                    // position: absolute; 
                    // top: 70%; 
                    // transform: translateY(-50%);
                    // z-index: 80;

                    // @media (min-width: 1400px) and (max-width: 1999px){
                        // top: 75%; 
                    // }

                    // @media (max-width: 991px){
                        // top: 0%; 
                        // transform: translateY(0%);
                    // }

                    @media (max-width: 767px){
                        object-position: top right !important;                        
                    }
                }
            }
        }

        .about{
            padding-top: 4rem;
            padding-bottom: 5rem;

            @media (max-width: 575px){
                margin-top: 0;
                padding-top: 2rem;
                padding-bottom: 3rem;
            }

            .container{
                display: flex;
                flex-direction: column;
                align-items: center;

                .row1{

                    .col{

                        h2{
                            text-align: center;

                            .divider {
                                width: 200px;
                                height: 5px;
                                background: #003B84;
                                margin: auto;
                                border-radius: 20px;
                            }
                        }

                    }
                }

                .row2{
                    // margin-top: 4rem;
                    display: flex;
                    align-items: center;

                    @media (min-width: 768px) and (max-width: 991px){
                        justify-content: center;
                    }

                    .col1{

                        .main-wrapper{
                            display: flex;
                            flex-direction: column;
                            gap: 1.5rem;

                            .image1{
                                border-radius: 5px;
                                box-shadow: 0px 0px 30px 0px rgba(0, 42, 106, 0.1);

                                img{
                                    border-radius: 5px;
                                    // width: 25rem;
                                    width: 100%;
                                    height: 17rem;
                                    object-fit: cover;
                                    // object-position: center center;
                                    object-position: top;

                                    @media (min-width: 360px) and (max-width: 575px){
                                        // height: 300px;
                                        height: 13rem;
                                    }
                                }
                            }

                            .image2{
                                border-radius: 5px;
                                box-shadow: 0px 0px 30px 0px rgba(0, 42, 106, 0.1);

                                img{
                                    border-radius: 5px;
                                    // width: 25rem;
                                    width: 100%;
                                    height: 17rem;
                                    object-fit: cover;
                                    // object-position: center center;
                                    object-position: top;

                                    @media (min-width: 360px) and (max-width: 575px){
                                        // height: 300px;
                                        height: 13rem;
                                    }
                                }
                            }
                        }
                    }

                    .col2{

                        .main-wrapper{

                            .image3{
                                border-radius: 5px;
                                box-shadow: 0px 0px 30px 0px rgba(0, 42, 106, 0.1);
                                object-position: center center !important;

                                img{
                                    border-radius: 5px;
                                    // width: 25rem;
                                    width: 100%;
                                    height: 28rem;
                                    object-fit: cover;
                                    // object-position: center center;
                                    object-position: top;


                                    @media (min-width: 360px) and (max-width: 575px){
                                        // height: 300px;
                                        height: 23rem;
                                    }
                                }
                            }

                        }
                    }

                    .col3{
                        padding: 0 1.5rem;

                        @media (max-width: 991px){
                            margin-top: 3rem;
                        }

                        .main-wrapper{
                            display: flex;
                            flex-direction: column;
                            align-items: flex-start;
                            gap: .5rem;

                            @media (max-width: 991px){
                                align-items: center;
                                gap: .7rem;
                            }

                            h3{

                            }

                            p{
                                padding: 0;
                                margin: 0;
                                font-size: 1rem;
                                color: #8b8e94;
                            }

                            a{
                                margin-top: .5rem;

                            }
                        }
                    }
                }
            }

        }

        .facilities{
            background-image: url(/images/message-bg.jpg);
            background-color: #000000;
            background-repeat: no-repeat;
            background-size: cover;
            background-position: bottom center;
            height: 100%;
            width: 100%;

            // @media (max-width: 767px){
            //     padding: 3.5rem 1rem;
            // }

            .bg-color{
                // padding: 2.5rem 1rem;
                background-color: #000000b7;
                width: 100%;
                height: 100%;

                .container{
                    padding: 7rem 0rem;

                    @media (max-width: 767px){
                        padding: 4rem 0rem;
                    }

                    .row1{
                        display: flex;
                        align-items: center;
                        justify-content: center;
                        color: #fff;
                        margin-bottom: 2rem;

                        .col{
                            display: flex;
                            align-items: center;
                            justify-content: center;

                            h2{
                                font-size: 3rem;
                                font-weight: 600;
                                text-align: center;

                                @media (max-width: 767px){
                                    font-size: 2rem;
                                }
                            }
                        }
                    }

                    .row2{
                        display: flex;
                        align-items: center;
                        justify-content: space-between;
                        color: #fff;
                        flex-wrap: wrap;

                        @media (max-width: 767px){
                            justify-content: center;
                            gap: 2rem;
                        }

                        .col{
                            display: flex;
                            justify-content: center;

                            &:hover{
                                border-radius: .6rem;
                                background-color: #006398c5;
                                box-shadow: 1px 1px 20px 2px #ffffff41;
                                transition: all .3s ease-in-out;
                            }

                            .main-wrapper{
                                display: flex;
                                flex-direction: column;
                                align-items: center;
                                padding: 1rem;
                                text-align: center;

                                span{
                                    // font-size: 3rem;

                                    i{
                                        font-size: 2.5rem;

                                    }
                                }

                                p{
                                    font-size: .9rem;
                                    padding: 0;
                                    margin: 0;
                                }
                            }

                        }

                        .col1{
                        }

                        .col2{

                        }

                        .col3{

                        }

                        .col4{

                        }
                    }
                }
            }

        }

        .featured-banner{
            padding: 3.5rem 1rem;
            // background-color: #003B84;
            background: rgb(0,100,152);
            background: linear-gradient(0deg, rgba(0,100,152,1) 0%, rgb(0, 117, 180) 100%);
            width: 100%;

            @media (max-width: 767px){
                padding: 3.5rem 1rem;
            }

            .container{

                .row{
                    display: flex;
                    align-items: center;
                    justify-content: space-between;
                    color: #fff;

                    @media (max-width: 767px){
                        justify-content: center;
                        gap: 2rem;
                    }

                    .col{
                        display: flex;
                        justify-content: center;

                        .main-wrapper{
                            display: flex;
                            flex-direction: column;
                            align-items: center;

                            h2{
                                font-size: 3rem;

                                small{
                                    // font-size: 1.5rem;
                                }
                            }

                            p{
                                font-size: 1.3rem;
                                padding: 0;
                                margin: 0;
                            }
                        }

                    }

                    .col1{
                    }

                    .col2{

                    }

                    .col3{

                    }

                    .col4{

                    }
                }
            }
        }

        .courses{
            padding-top: 4rem;
            padding-bottom: 4rem;
            // background-color: #F0F9FD;
            background: rgb(228,247,255);
            background: linear-gradient(90deg, rgba(228,247,255,1) 0%, rgba(246,252,255,1) 100%);

            @media (min-width: 768px) and (max-width: 991px){
                padding-top: 3rem;
            }

            @media (max-width: 575px){
                margin-top: 0;
                padding-top: 3.5rem;
                padding-bottom: 3rem;
            }


            .container{
                display: flex;
                flex-direction: column;
                align-items: center;

                .row1{

                    .col{

                        h2{
                            text-align: center;

                            .divider {
                                width: 200px;
                                height: 5px;
                                background: #003B84;
                                margin: auto;
                                border-radius: 20px;
                            }
                        }

                    }
                }

                .row2{
                    margin-top: 2rem;
                    display: flex;
                    align-items: flex-start;

                    .col1{
                        padding: 1rem;

                        .main-wrapper{
                            display: flex;
                            flex-direction: column;
                            gap: 1rem;
                            border: 1px solid #0000002f;
                            border-radius: 5px;
                            box-shadow: 0px 0px 30px 0px rgba(0, 42, 106, 0.035);

                            .image{
                                border-radius: 5px;
                                width: 100%;

                                img{
                                    width: 100%;
                                    border-radius: 5px;
                                    // height: 10rem;
                                    object-fit: cover;
                                    object-position: center center;
                                }
                            }

                            .content{
                                padding: 0 1rem;
                                padding-bottom: 1rem;
                                text-align: center;

                                .date{
                                    display: flex;
                                    justify-content: center;
                                    align-items: center;
                                    gap: .7rem;

                                    i{
                                        // color: #fff;
                                    }

                                    span{
                                        // color: #fff;
                                        font-size: .9rem;
                                    }
                                }

                                h2{
                                    font-size: 1.5rem;
                                    font-weight: 500;
                                    padding: .3rem 0;
                                    // color: #fff;
                                }

                                a{
                                    // background-color: #fff;
                                    // color: #000;

                                }
                            }
                        }
                    }

                    .col2{

                    }

                    .col3{

                    }
                }
            }

        }

        .hospitals{
            padding-top: 4rem;
            padding-bottom: 2rem;

            @media (min-width: 768px) and (max-width: 991px){
                padding-top: 3rem;
            }

            @media (max-width: 575px){
                margin-top: 0;
                padding-top: 3.5rem;
                padding-bottom: 1rem;
            }

            .container{
                display: flex;
                flex-direction: column;
                align-items: center;

                .row1{

                    .col{

                        h2{
                            text-align: center;

                            .divider {
                                width: 150px;
                                height: 5px;
                                background: #003B84;
                                margin: auto;
                                border-radius: 20px;
                            }
                        }

                    }
                }

                .row2{
                    margin-top: 2rem;
                    display: flex;
                    align-items: flex-start;

                    @media (max-width: 767px){
                        flex-direction: column;
                    }

                    .col1{
                        padding: 1rem;

                        .main-wrapper{
                            display: flex;
                            align-items: center;
                            gap: 1rem;
                            border: 1px solid #2222222f;
                            border-radius: 5px;
                            box-shadow: 0px 0px 30px 0px rgba(0, 42, 106, 0.035);

                            @media (max-width: 767px){
                                gap: .5rem;
                            }

                            .image{
                                border-radius: 5px;
                                width: 100%;
                                flex: 1;

                                img{
                                    width: 100%;
                                    height: 10rem;
                                    border-radius: 5px;
                                    // height: 10rem;
                                    object-fit: cover;
                                    object-position: center center;
                                }
                            }

                            .content{
                                padding: 0 .6rem;
                                // padding-bottom: 1rem;
                                // text-align: center;
                                flex: 1;

                                @media (max-width: 767px){
                                    padding: 0rem .6rem;
                                }

                                h2{
                                    font-size: 1.1rem;
                                    font-weight: 500;
                                    // padding: .3rem 0;

                                    @media (max-width: 767px){
                                        font-size: 1rem;
                                    }
                                }

                                div{
                                    display: flex;
                                    align-items: flex-start;
                                    gap: .3rem;

                                    i{
                                        padding: 0;
                                        margin: 0;
                                        margin-top: -.2rem;

                                    }

                                    span{
                                        font-size: .8rem;

                                        @media (max-width: 767px){
                                            font-size: .7rem;
                                        }
                                    }
                                }
                            }
                        }
                    }

                    .col2{

                    }

                    .col3{

                    }
                }
            }

        }

        .news{
            padding-top: 2rem;
            // padding-top: 0rem;
            padding-bottom: 4rem;
            // background-color: #003B84;
            // background: rgb(0,100,152);
            // background: linear-gradient(0deg, rgba(0,100,152,1) 0%, rgb(0, 117, 180) 100%);
            // width: 100%;

            @media (min-width: 768px) and (max-width: 991px){
                padding-top: 3rem;
            }

            @media (max-width: 575px){
                margin-top: 0;
                padding-top: 3rem;
                padding-bottom: 3rem;
            }

            .container{
                display: flex;
                flex-direction: column;
                align-items: center;

                .row1{

                    .col{

                        h2{
                            text-align: center;

                            .divider {
                                width: 150px;
                                height: 5px;
                                background: #003B84;
                                margin: auto;
                                border-radius: 20px;
                            }
                        }

                    }
                }

                .row2{
                    margin-top: 2rem;
                    display: flex;
                    align-items: flex-start;

                    .col1{
                        padding: 1rem;

                        .main-wrapper{
                            display: flex;
                            flex-direction: column;
                            align-items: flex-start;
                            gap: 1rem;
                            border: 1px solid #0000002f;
                            border-radius: 5px;
                            box-shadow: 0px 0px 30px 0px rgba(0, 42, 106, 0.035);

                            .image{
                                border-radius: 5px;
                                width: 100%;

                                img{
                                    width: 100%;
                                    border-radius: 5px;
                                    // height: 10rem;
                                    object-fit: cover;
                                    object-position: center center;
                                }
                            }

                            .content{
                                padding: 0 1rem;
                                padding-bottom: 1rem;
                                display: flex;
                                flex-direction: column;
                                align-items: flex-start;
                                gap: .5rem;
                                // text-align: center;

                                .date{
                                    display: flex;
                                    // justify-content: center;
                                    align-items: center;
                                    gap: .7rem;

                                    i{
                                        // color: #fff;
                                    }

                                    span{
                                        // color: #fff;
                                        font-size: .9rem;
                                    }
                                }

                                h2{
                                    font-size: 1.1rem;
                                    font-weight: 500;
                                    // padding: .4rem 0;
                                    // margin-top: .4rem;
                                    margin-bottom: -.2rem;
                                    // color: #fff;
                                }

                                p{
                                    padding: 0;
                                    margin: 0;
                                    font-size: .9rem;
                                }

                                a{
                                    background: none;
                                    color: #003B84;
                                    font-weight: 500;
                                    padding: .2rem;
                                    display: flex;
                                    align-items: center;
                                    gap: .5rem;

                                    i{
                                        font-size: 1rem;
                                    }
                                }
                            }
                        }
                    }

                    .col2{

                    }

                    .col3{

                    }
                }
            }

        }

        .events{
            padding-top: 4rem;
            padding-bottom: 4rem;
            background: rgb(0,100,152);
            background: linear-gradient(0deg, rgba(0,100,152,1) 0%, rgb(0, 117, 180) 100%);
            width: 100%;

            @media (min-width: 768px) and (max-width: 991px){
                padding-top: 3rem;
            }

            .container{
                display: flex;
                flex-direction: column;
                align-items: center;

                .row1{

                    .col{

                        h2{
                            text-align: center;
                            color: #fff;

                            .divider {
                                width: 150px;
                                height: 5px;
                                // background: #003B84;
                                background: #fff;
                                margin: auto;
                                border-radius: 20px;
                            }
                        }

                    }
                }

                .row2{
                    margin-top: 2rem;
                    display: flex;
                    align-items: flex-start;

                    .col1{
                        padding: 1rem;

                        .main-wrapper{
                            display: flex;
                            flex-direction: column;
                            align-items: flex-start;
                            gap: 1rem;
                            border: 1px solid #ffffff2f;
                            border-radius: 5px;
                            box-shadow: 0px 0px 30px 0px rgba(0, 42, 106, 0.035);

                            .image{
                                border-radius: 5px;
                                width: 100%;

                                img{
                                    width: 100%;
                                    border-radius: 5px;
                                    // height: 10rem;
                                    object-fit: cover;
                                    object-position: center center;
                                }
                            }

                            .content{
                                padding: 0 1rem;
                                padding-bottom: 1rem;
                                display: flex;
                                flex-direction: column;
                                align-items: flex-start;
                                gap: .5rem;
                                // text-align: center;

                                .date{
                                    display: flex;
                                    // justify-content: center;
                                    align-items: center;
                                    gap: .7rem;

                                    i{
                                        color: #fff;
                                    }

                                    span{
                                        color: #fff;
                                        font-size: .9rem;
                                    }
                                }

                                h2{
                                    font-size: 1.1rem;
                                    font-weight: 500;
                                    // padding: .4rem 0;
                                    // margin-top: .4rem;
                                    margin-bottom: -.2rem;
                                    color: #fff;
                                }

                                p{
                                    padding: 0;
                                    margin: 0;
                                    font-size: .9rem;
                                    color: #fff;
                                }

                                a{
                                    background: none;
                                    color: #fff;
                                    font-weight: 500;
                                    padding: .2rem;
                                    display: flex;
                                    align-items: center;
                                    gap: .5rem;

                                    i{
                                        font-size: 1rem;
                                    }
                                }
                            }
                        }
                    }

                    .col2{

                    }

                    .col3{

                    }
                }
            }

        }

        .gallery{
            padding-top: 4rem;
            padding-bottom: 4rem;
            // background-color: #F0F9FD;
            // background: rgb(228,247,255);
            // background: linear-gradient(90deg, rgba(228,247,255,1) 0%, rgba(246,252,255,1) 100%);

            @media (min-width: 768px) and (max-width: 991px){
                padding-top: 3rem;
            }

            .container{
                display: flex;
                flex-direction: column;
                align-items: center;

                .row1{

                    .col{

                        h2{
                            text-align: center;

                            .divider {
                                width: 150px;
                                height: 5px;
                                background: #003B84;
                                margin: auto;
                                border-radius: 20px;
                            }
                        }

                    }
                }

                .row2{
                    margin-top: 2.5rem;

                    .main-wrapper{
                        display: grid;
                        // grid-template-rows: 1fr 1fr;
                        grid-template-rows: 250px;
                        grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
                        grid-gap: 10px;

                        @media (max-width: 767px){
                            grid-template-rows: 100px
                        }

                        .image1{
                            grid-area: 1/1/3/3;
                            width: 100%;
                            height: 100%;

                            img{
                                border-top-left-radius: 1rem;
                                object-fit: cover;
                                height: 100%;
                            }
                        }

                        .image2{
                            grid-area: 1/3/2/5;
                            width: 100%;
                            height: 100%;

                            img{
                                height: 100%;
                                width: 100%;
                                object-fit: cover !important;
                                object-position: top;
                            }
                        }

                        .image3{
                            grid-area: 2/3/3/4;
                            width: 100%;
                            height: 100%;

                            img{
                                height: 100%;
                                object-fit: cover;
                            }
                        }

                        .image4{
                            grid-area: 2/4/3/5;
                            width: 100%;
                            height: 100%;

                            img{
                                height: 100%;
                                object-fit: cover;
                            }
                        }

                        .image5{
                            grid-area: 1/5/2/6;
                            width: 100%;
                            height: 100%;

                            img{
                                height: 100%;
                                object-fit: cover;
                            }
                        }

                        .image6{
                            grid-area: 1/6/2/7;
                            width: 100%;
                            height: 100%;

                            img{
                                height: 100%;
                                object-fit: cover;
                            }
                        }

                        .image7{
                            grid-area: 2/5/3/7;
                            width: 100%;
                            height: 100%;

                            img{
                                border-bottom-right-radius: 1rem;
                                height: 100%;
                                object-fit: cover;
                            }
                        }


                    }
                }
            }

        }

        .message-wrapper{
            background-image: url(/images/message-bg.jpg);
            background-color: #000000;
            background-repeat: no-repeat;
            background-size: cover;
            background-position: bottom center;
            padding: 0;
            height: 100%;

            .bg-color{
                background-color: #000000b0;
                width: 100%;
                height: 100%;
                padding: 5rem 1rem;
                // padding-top: 8rem;

                .container{

                    .row1{
                        margin-bottom: 3rem;

                        .col{

                            h2{
                                text-align: center; 
                                color: #fff;

                                .divider {
                                    width: 100px;
                                    height: 5px;
                                    background: #ffffff;
                                    margin: auto;
                                    border-radius: 20px;
                                }
                            }

                        }
                    }

                    .row{
                        display: flex;
                        justify-content: center;

                        .col{
                            // border: 1px solid red;

                            .main-wrapper{
                                // display: flex;
                                // flex-direction: column;
                                width: 100%;
                                // border: 1px solid #fff;


                                .message{
                                    display: flex;
                                    align-items: center;
                                    gap: 2rem;
                                    background-color: #fffffff2;
                                    border-radius: 1rem;

                                    @media (max-width: 575px){
                                        flex-direction: column;
                                    }

                                    .image{
                                        flex: 1;
                                        width: 100%;
                                        height: 100%;

                                        img{
                                            object-fit: cover;
                                            height: 17rem;
                                            width: 100%;
                                            border-top-left-radius: 1rem;
                                            border-bottom-left-radius: 1rem;

                                            @media (min-width: 576px)and (max-width: 767px){
                                                height: 20rem;
                                            }

                                            @media (max-width: 575px){
                                                object-position: top center;
                                                border-bottom-left-radius: 0;
                                                border-top-right-radius: 1rem;
                                            }
                                        }
                                    }

                                    .content{
                                        flex: 2;
                                        color: #000;
                                        padding: 1rem;
                                        padding-right: 1.5rem;

                                        @media (max-width: 575px){
                                            padding-top: 0;
                                            font-size: .85rem;
                                        }

                                        p{
                                            opacity: .9;
                                            font-size: .9rem;
                                        }

                                        h6{
                                            opacity: .8;
                                            font-size: .87rem;
                                            font-weight: 600;

                                            @media (max-width: 575px){
                                            font-size: .85rem;
                                        }
                                        }
                                    }

                                }
                            }
                        }
                    }
                }
            }
        }

        footer{
            width: 100%;
            // background-color: #003B84;
            // background: #003B84;
            background: rgb(0,100,152);
            background: linear-gradient(0deg, rgba(0,100,152,1) 0%, rgb(0, 117, 180) 100%);
            padding: 4rem 1rem;
            padding-bottom: 0;
            color: #fff;

            display: flex;
            flex-direction: column;
            align-items: center;

            .container{

                .row{
                    display: flex;
                    justify-content: center;

                    .main-wrapper{
                        display: flex;
                        flex-direction: row;
                        justify-content: space-between;
                        align-items: flex-start;

                        @media (max-width: 767px){
                            flex-direction: column;
                            gap: 2rem;
                        }

                        .col{

                        }

                        .col1{
                            .wrapper{

                                h4{
                                    margin-bottom: 1.5rem;
                                }

                                p{
                                    font-size: .9rem;
                                    line-height: 2;

                                }

                                div{
                                    display: flex;
                                    align-items: center;
                                    gap: .6rem;

                                    a{
                                        color: inherit;

                                        i{
                                            font-size: 1.5rem;

                                        }
                                    }
                                }
                            }

                        }

                        .col2{

                            .wrapper{

                                h4{
                                    margin-bottom: 1.5rem;
                                }

                                ul{
                                    display: flex;
                                    flex-direction: column;
                                    gap: .5rem;

                                    li{
                                        list-style-type: none;
                                        font-size: .94rem;

                                        a{
                                            color: inherit;
                                        }
                                    }
                                }
                            }

                        }

                        .col3{

                            .wrapper{

                                h4{
                                    margin-bottom: 1.5rem;
                                }

                                ul{
                                    display: flex;
                                    flex-direction: column;
                                    gap: .5rem;

                                    li{
                                        list-style-type: none;
                                        font-size: .94rem;

                                        div{
                                            display: flex;
                                            align-items: center;
                                            gap: .5rem;

                                            i{

                                            }

                                            span{
                                                font-size: .94rem;
                                            }
                                        }
                                    }
                                }
                            }

                        }
                    }
                }
            }

            .copyright{
                padding: 1.2rem 1rem;
                margin-bottom: 1.3rem;
                opacity: .7;

                .container{

                    .row{

                        .col{

                            .wrapper{
                                display: flex;
                                align-items: center;
                                gap: .3rem;

                                @media (max-width: 991px){
                                    flex-direction: column;
                                    gap: .3rem;

                                }

                                p{
                                    padding: 0;
                                    margin: 0;
                                    text-align: center;

                                    @media (max-width: 575px){
                                        font-size: .8rem;
                                    }

                                    a{
                                        color: inherit;
                                    }

                                }

                            }
                        }
                    }
                }

            }
        }
    }
}
*/
.home-wrapper .main-container {
  position: relative;
}
.home-wrapper .main-container .top-nav {
  background-color: #006498;
  padding: 0.7rem;
}
@media (max-width: 767px) {
  .home-wrapper .main-container .top-nav {
    display: none;
  }
}
.home-wrapper .main-container .top-nav .container .row .col .main-wrapper {
  color: #fff;
  font-size: 0.8rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 1rem;
}
.home-wrapper .main-container .top-nav .container .row .col .main-wrapper a {
  text-decoration: none;
  color: inherit;
}
.home-wrapper .main-container .top-nav .container .row .col .main-wrapper .right i {
  font-size: 1.1rem;
}
.home-wrapper .main-container header {
  position: relative;
  z-index: 20;
}
.home-wrapper .main-container header .container .row .col {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1.5rem;
  padding: 0.5rem 0.6rem;
}
@media (max-width: 767px) {
  .home-wrapper .main-container header .container .row .col {
    padding: 1rem 0.6rem;
  }
}
.home-wrapper .main-container header .container .row .col a {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
@media (max-width: 575px) {
  .home-wrapper .main-container header .container .row .col a span:nth-child(2) {
    display: none;
  }
}
.home-wrapper .main-container header .container .row .col a img {
  width: 4.5rem;
}
@media (max-width: 767px) {
  .home-wrapper .main-container header .container .row .col a img {
    width: 3rem;
  }
}
.home-wrapper .main-container header .container .row .col a span {
  font-size: 1.2rem;
  font-weight: 600;
  color: #000;
}
@media (min-width: 768px) and (max-width: 991px) {
  .home-wrapper .main-container header .container .row .col a span {
    display: none;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .home-wrapper .main-container header .container .row .col a span {
    font-size: 1.15rem;
  }
}
@media (max-width: 575px) {
  .home-wrapper .main-container header .container .row .col a span {
    font-size: 1rem;
  }
}
.home-wrapper .main-container header .container .row .col a .mbl {
  display: none;
}
@media (max-width: 575px) {
  .home-wrapper .main-container header .container .row .col a .mbl {
    display: flex;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .home-wrapper .main-container header .container .row .col a .mbl {
    display: flex;
  }
}
@media (max-width: 767px) {
  .home-wrapper .main-container header .container .row .col nav {
    display: none;
  }
}
.home-wrapper .main-container header .container .row .col nav ul {
  list-style-type: none;
  display: flex;
  align-items: center;
  gap: 1.5rem;
  position: relative;
  z-index: 21;
}
@media (max-width: 767px) {
  .home-wrapper .main-container header .container .row .col nav ul {
    flex-direction: column;
    gap: 0.5rem;
  }
}
@media (min-width: 992px) {
  .home-wrapper .main-container header .container .row .col nav ul {
    gap: 1.5rem;
  }
}
@media (min-width: 768px) {
  .home-wrapper .main-container header .container .row .col nav ul li.about-menu:hover {
    border-bottom: 2px solid #004ead;
    transition: all 0.2s ease-in;
  }
  .home-wrapper .main-container header .container .row .col nav ul li.about-menu:hover .about-submenu {
    display: flex !important;
  }
}
@media (max-width: 767px) {
  .home-wrapper .main-container header .container .row .col nav ul li.about-menu .about-submenu {
    margin-top: 1rem;
    display: none;
    position: static !important;
  }
}
@media (min-width: 768px) {
  .home-wrapper .main-container header .container .row .col nav ul li.admissions-menu:hover {
    border-bottom: 2px solid #004ead;
    transition: all 0.2s ease-in;
  }
  .home-wrapper .main-container header .container .row .col nav ul li.admissions-menu:hover .admissions-submenu {
    display: flex !important;
  }
}
@media (max-width: 767px) {
  .home-wrapper .main-container header .container .row .col nav ul li.admissions-menu .admissions-submenu {
    margin-top: 1rem;
    display: none;
    position: static !important;
  }
}
@media (min-width: 768px) {
  .home-wrapper .main-container header .container .row .col nav ul li.departments-menu:hover {
    border-bottom: 2px solid #004ead;
    transition: all 0.2s ease-in;
  }
  .home-wrapper .main-container header .container .row .col nav ul li.departments-menu:hover .departments-submenu {
    display: flex !important;
  }
}
@media (max-width: 767px) {
  .home-wrapper .main-container header .container .row .col nav ul li.departments-menu .departments-submenu {
    margin-top: 1rem;
    display: none;
    position: static !important;
  }
}
@media (min-width: 768px) {
  .home-wrapper .main-container header .container .row .col nav ul li.learning-menu:hover {
    border-bottom: 2px solid #004ead;
    transition: all 0.2s ease-in;
  }
  .home-wrapper .main-container header .container .row .col nav ul li.learning-menu:hover .learning-submenu {
    display: flex !important;
  }
}
@media (max-width: 767px) {
  .home-wrapper .main-container header .container .row .col nav ul li.learning-menu .learning-submenu {
    margin-top: 1rem;
    display: none;
    position: static !important;
  }
}
.home-wrapper .main-container header .container .row .col nav ul li {
  border-bottom: 2px solid transparent;
  padding: 5px 0;
  font-weight: 500;
  font-size: 0.85rem;
  cursor: pointer;
}
@media (min-width: 992px) {
  .home-wrapper .main-container header .container .row .col nav ul li {
    font-size: 0.85rem;
  }
}
.home-wrapper .main-container header .container .row .col nav ul li .arrow::after {
  width: 1rem;
  height: 1rem;
  content: "";
  background-image: url(/images/arrow-down.svg);
  background-repeat: no-repeat;
  background-position: center;
}
.home-wrapper .main-container header .container .row .col nav ul li ul.about-submenu,
.home-wrapper .main-container header .container .row .col nav ul li .admissions-submenu,
.home-wrapper .main-container header .container .row .col nav ul li .departments-submenu,
.home-wrapper .main-container header .container .row .col nav ul li .learning-submenu {
  z-index: 22;
  position: absolute;
  top: 2rem;
  display: none;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.2rem;
  padding: 1rem;
  padding-right: 1.5rem;
  background-color: #fff;
  transition: all 0.3s ease-in;
  box-shadow: 1px 1px 5px 2px rgba(34, 34, 34, 0.1098039216);
}
.home-wrapper .main-container header .container .row .col #hamburger {
  position: relative;
  z-index: 100;
  font-size: 1.3rem;
  padding: 0.15rem 0.45rem;
  margin-right: 0.6rem;
  border-radius: 0.3rem;
  border: 1px solid rgba(34, 34, 34, 0.5215686275);
}
@media (min-width: 768px) {
  .home-wrapper .main-container header .container .row .col #hamburger {
    display: none;
  }
}
.home-wrapper .main-container .hero {
  position: relative;
  z-index: 10;
  width: 100%;
  display: flex;
  flex-direction: column;
}
.home-wrapper .main-container .hero .image-wrapper {
  width: 100%;
  height: 565px;
  position: relative;
}
@media (min-width: 4001px) and (max-width: 10000px) {
  .home-wrapper .main-container .hero .image-wrapper {
    height: 710px;
  }
}
@media (min-width: 3000px) and (max-width: 4000px) {
  .home-wrapper .main-container .hero .image-wrapper {
    height: 700px;
  }
}
@media (min-width: 2600px) and (max-width: 2999px) {
  .home-wrapper .main-container .hero .image-wrapper {
    height: 700px;
  }
}
@media (min-width: 2400px) and (max-width: 2599px) {
  .home-wrapper .main-container .hero .image-wrapper {
    height: 690px;
  }
}
@media (min-width: 2000px) and (max-width: 2399px) {
  .home-wrapper .main-container .hero .image-wrapper {
    height: 685px;
  }
}
@media (min-width: 1800px) and (max-width: 1999px) {
  .home-wrapper .main-container .hero .image-wrapper {
    height: 680px;
  }
}
@media (min-width: 1400px) and (max-width: 1799px) {
  .home-wrapper .main-container .hero .image-wrapper {
    height: 650px;
  }
}
@media (min-width: 1200px) and (max-width: 1399px) {
  .home-wrapper .main-container .hero .image-wrapper {
    height: 565px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .home-wrapper .main-container .hero .image-wrapper {
    height: 460px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .home-wrapper .main-container .hero .image-wrapper {
    height: 400px;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .home-wrapper .main-container .hero .image-wrapper {
    height: 400px;
  }
}
@media (min-width: 360px) and (max-width: 575px) {
  .home-wrapper .main-container .hero .image-wrapper {
    height: 250px;
  }
}
@media (max-width: 359px) {
  .home-wrapper .main-container .hero .image-wrapper {
    height: 200px;
  }
}
.home-wrapper .main-container .hero .image-wrapper .container .row .col {
  position: relative;
  width: 100%;
  height: 100%;
}
.home-wrapper .main-container .hero .image-wrapper .container .row .col .content {
  position: absolute;
  top: 0%;
  left: 0%;
  transform: translate(0%, 15%);
  z-index: 99;
  width: 40%;
  color: #fff;
  padding: 2rem;
}
@media (min-width: 4001px) and (max-width: 10000px) {
  .home-wrapper .main-container .hero .image-wrapper .container .row .col .content {
    width: 15vw;
    transform: translate(0%, 50%);
  }
}
@media (min-width: 3000px) and (max-width: 4000px) {
  .home-wrapper .main-container .hero .image-wrapper .container .row .col .content {
    width: 20vw;
    transform: translate(0%, 48%);
  }
}
@media (min-width: 2800px) and (max-width: 2999px) {
  .home-wrapper .main-container .hero .image-wrapper .container .row .col .content {
    width: 25vw;
    transform: translate(0%, 48%);
  }
}
@media (min-width: 2400px) and (max-width: 2799px) {
  .home-wrapper .main-container .hero .image-wrapper .container .row .col .content {
    width: 30vw;
    transform: translate(0%, 48%);
  }
}
@media (min-width: 2000px) and (max-width: 2399px) {
  .home-wrapper .main-container .hero .image-wrapper .container .row .col .content {
    width: 35vw;
    transform: translate(0%, 48%);
    border: 1px solid pink;
  }
}
@media (min-width: 1800px) and (max-width: 1999px) {
  .home-wrapper .main-container .hero .image-wrapper .container .row .col .content {
    width: 40vw;
    transform: translate(0%, 45%);
  }
}
@media (min-width: 1400px) and (max-width: 1799px) {
  .home-wrapper .main-container .hero .image-wrapper .container .row .col .content {
    width: 45vw;
    transform: translate(0%, 36%);
  }
}
@media (min-width: 1200px) and (max-width: 1399px) {
  .home-wrapper .main-container .hero .image-wrapper .container .row .col .content {
    width: 50vw;
    transform: translate(0%, 25%);
  }
}
@media (min-width: 1024px) and (max-width: 1199px) {
  .home-wrapper .main-container .hero .image-wrapper .container .row .col .content {
    width: 60vw;
    transform: translate(0%, 14%);
  }
}
@media (min-width: 992px) and (max-width: 1023px) {
  .home-wrapper .main-container .hero .image-wrapper .container .row .col .content {
    width: 55vw;
    transform: translate(0%, 14%);
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .home-wrapper .main-container .hero .image-wrapper .container .row .col .content {
    width: 71vw;
    transform: translate(0%, 6%);
    display: none;
  }
}
@media (max-width: 767px) {
  .home-wrapper .main-container .hero .image-wrapper .container .row .col .content {
    width: 85vw;
    transform: translate(0%, 5%);
    display: none;
  }
}
@media (max-width: 575px) {
  .home-wrapper .main-container .hero .image-wrapper .container .row .col .content {
    display: none;
  }
}
.home-wrapper .main-container .hero .image-wrapper .container .row .col .content .divider {
  width: 50px;
  height: 5px;
  background: #fff;
  border-radius: 20px;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.329);
}
.home-wrapper .main-container .hero .image-wrapper .container .row .col .content span {
  margin-bottom: 0.3rem;
}
.home-wrapper .main-container .hero .image-wrapper .container .row .col .content span h5 {
  font-size: 1.1rem;
  text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.329);
}
.home-wrapper .main-container .hero .image-wrapper .container .row .col .content h1 {
  font-weight: 600;
  text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.329);
}
.home-wrapper .main-container .hero .image-wrapper .container .row .col .content P {
  text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.329);
}
.home-wrapper .main-container .hero .image-wrapper .container .row .col .content a {
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.329);
  background-color: #fff;
  color: #000;
}
.home-wrapper .main-container .hero .image-wrapper .container .row .col .content a:hover {
  background-color: #f3f3f3;
  color: #000000;
}
.home-wrapper .main-container .hero .image-wrapper span.bg-color {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgb(0, 100, 152);
  background: linear-gradient(90deg, rgb(0, 100, 152) 0%, rgba(255, 255, 255, 0) 60%);
  z-index: 90;
}
.home-wrapper .main-container .hero .image-wrapper img {
  width: 100%;
  object-fit: cover;
  object-position: top !important;
  max-width: 100%;
  height: 100%;
}
@media (max-width: 767px) {
  .home-wrapper .main-container .hero .image-wrapper img {
    object-position: top right !important;
  }
}
.home-wrapper .main-container .about {
  padding-top: 3rem;
  padding-bottom: 4.5rem;
}
@media (max-width: 575px) {
  .home-wrapper .main-container .about {
    margin-top: 0;
    padding-top: 2rem;
    padding-bottom: 3rem;
  }
}
.home-wrapper .main-container .about .container {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.home-wrapper .main-container .about .container .row1 .col h2 {
  text-align: center;
}
.home-wrapper .main-container .about .container .row1 .col h2 .divider {
  width: 200px;
  height: 5px;
  background: #003B84;
  margin: auto;
  border-radius: 20px;
}
.home-wrapper .main-container .about .container .row2 {
  display: flex;
  align-items: center;
}
@media (min-width: 768px) and (max-width: 991px) {
  .home-wrapper .main-container .about .container .row2 {
    justify-content: center;
  }
}
.home-wrapper .main-container .about .container .row2 .col1 .main-wrapper {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}
.home-wrapper .main-container .about .container .row2 .col1 .main-wrapper .image1 {
  border-radius: 5px;
  box-shadow: 0px 0px 30px 0px rgba(0, 42, 106, 0.1);
}
.home-wrapper .main-container .about .container .row2 .col1 .main-wrapper .image1 img {
  border-radius: 5px;
  width: 100%;
  height: 17rem;
  object-fit: cover;
  object-position: top;
}
@media (min-width: 360px) and (max-width: 575px) {
  .home-wrapper .main-container .about .container .row2 .col1 .main-wrapper .image1 img {
    height: 13rem;
  }
}
.home-wrapper .main-container .about .container .row2 .col1 .main-wrapper .image2 {
  border-radius: 5px;
  box-shadow: 0px 0px 30px 0px rgba(0, 42, 106, 0.1);
}
.home-wrapper .main-container .about .container .row2 .col1 .main-wrapper .image2 img {
  border-radius: 5px;
  width: 100%;
  height: 17rem;
  object-fit: cover;
  object-position: top;
}
@media (min-width: 360px) and (max-width: 575px) {
  .home-wrapper .main-container .about .container .row2 .col1 .main-wrapper .image2 img {
    height: 13rem;
  }
}
.home-wrapper .main-container .about .container .row2 .col2 .main-wrapper .image3 {
  border-radius: 5px;
  box-shadow: 0px 0px 30px 0px rgba(0, 42, 106, 0.1);
  object-position: center center !important;
}
.home-wrapper .main-container .about .container .row2 .col2 .main-wrapper .image3 img {
  border-radius: 5px;
  width: 100%;
  height: 28rem;
  object-fit: cover;
  object-position: top;
}
@media (min-width: 360px) and (max-width: 575px) {
  .home-wrapper .main-container .about .container .row2 .col2 .main-wrapper .image3 img {
    height: 23rem;
  }
}
.home-wrapper .main-container .about .container .row2 .col3 {
  padding: 0 1.5rem;
}
@media (max-width: 991px) {
  .home-wrapper .main-container .about .container .row2 .col3 {
    margin-top: 3rem;
  }
}
.home-wrapper .main-container .about .container .row2 .col3 .main-wrapper {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.5rem;
}
@media (max-width: 991px) {
  .home-wrapper .main-container .about .container .row2 .col3 .main-wrapper {
    align-items: center;
    gap: 0.7rem;
  }
}
.home-wrapper .main-container .about .container .row2 .col3 .main-wrapper p {
  padding: 0;
  margin: 0;
  font-size: 1rem;
  color: #8b8e94;
}
.home-wrapper .main-container .about .container .row2 .col3 .main-wrapper a {
  margin-top: 0.5rem;
}
.home-wrapper .main-container .affiliation {
  padding-bottom: 2rem;
}
@media (min-width: 768px) and (max-width: 991px) {
  .home-wrapper .main-container .affiliation {
    padding-top: 3rem;
  }
}
@media (max-width: 575px) {
  .home-wrapper .main-container .affiliation {
    margin-top: 0;
    padding-top: 3rem;
    padding-bottom: 3rem;
  }
}
.home-wrapper .main-container .affiliation .container {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.home-wrapper .main-container .affiliation .container .row1 .col h2 {
  text-align: center;
}
.home-wrapper .main-container .affiliation .container .row1 .col h2 .divider {
  width: 150px;
  height: 5px;
  background: #003B84;
  margin: auto;
  border-radius: 20px;
}
.home-wrapper .main-container .affiliation .container .row2 {
  margin-top: 1rem;
  display: flex;
  align-items: flex-start;
  width: 100%;
}
.home-wrapper .main-container .affiliation .container .row2 .col1 {
  padding: 1rem;
  width: 100%;
}
.home-wrapper .main-container .affiliation .container .row2 .col1 #affiliation-slider {
  display: flex;
  flex-direction: column;
}
.home-wrapper .main-container .affiliation .container .row2 .col1 #affiliation-slider .main-wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1rem;
  border-radius: 5px;
}
.home-wrapper .main-container .affiliation .container .row2 .col1 #affiliation-slider .main-wrapper .image {
  border-radius: 5px;
  width: 80%;
  margin-top: 1rem;
}
.home-wrapper .main-container .affiliation .container .row2 .col1 #affiliation-slider .main-wrapper .image img {
  margin: 0 auto;
  width: 65%;
  height: 10%;
  border-radius: 5px;
}
.home-wrapper .main-container .affiliation .container .row2 .col1 #affiliation-slider .main-wrapper .content {
  padding: 0 1rem;
  padding-bottom: 1rem;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.5rem;
  color: #222;
}
.home-wrapper .main-container .affiliation .container .row2 .col1 #affiliation-slider .main-wrapper .content h2 {
  text-align: center;
  font-size: 0.87rem;
  font-weight: 500;
  margin-bottom: -0.2rem;
}
@media (max-width: 575px) {
  .home-wrapper .main-container .affiliation .container .row2 .col1 #affiliation-slider .main-wrapper .content h2 {
    font-size: 1.1rem !important;
  }
}
.home-wrapper .main-container .facilities {
  background-image: url(/images/message-bg.jpg);
  background-color: #000000;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: bottom center;
  height: 100%;
  width: 100%;
}
.home-wrapper .main-container .facilities .bg-color {
  background: linear-gradient(0deg, rgb(0, 100, 152) 0%, rgba(0, 117, 180, 0.938) 100%);
  width: 100%;
  height: 100%;
}
.home-wrapper .main-container .facilities .bg-color .container {
  padding: 5rem 0rem;
}
@media (max-width: 767px) {
  .home-wrapper .main-container .facilities .bg-color .container {
    padding: 4rem 0rem;
  }
}
.home-wrapper .main-container .facilities .bg-color .container .row1 {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  margin-bottom: 2rem;
}
.home-wrapper .main-container .facilities .bg-color .container .row1 .col {
  display: flex;
  align-items: center;
  justify-content: center;
}
.home-wrapper .main-container .facilities .bg-color .container .row1 .col h2 {
  font-size: 2.5rem;
  font-weight: 600;
  text-align: center;
}
@media (max-width: 767px) {
  .home-wrapper .main-container .facilities .bg-color .container .row1 .col h2 {
    font-size: 1.6rem;
  }
}
.home-wrapper .main-container .facilities .bg-color .container .row2 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: #fff;
  flex-wrap: wrap;
}
@media (max-width: 767px) {
  .home-wrapper .main-container .facilities .bg-color .container .row2 {
    justify-content: center;
    gap: 2rem;
  }
}
.home-wrapper .main-container .facilities .bg-color .container .row2 .col {
  display: flex;
  justify-content: center;
  border: 1px solid transparent;
}
.home-wrapper .main-container .facilities .bg-color .container .row2 .col:hover {
  border-radius: 0.6rem;
  border: 1px solid #fff;
  box-shadow: 1px 1px 20px 2px rgba(255, 255, 255, 0.2549019608);
  transition: all 0.3s ease-in-out;
}
.home-wrapper .main-container .facilities .bg-color .container .row2 .col .main-wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 1rem;
  text-align: center;
}
.home-wrapper .main-container .facilities .bg-color .container .row2 .col .main-wrapper span i {
  font-size: 2.5rem;
}
.home-wrapper .main-container .facilities .bg-color .container .row2 .col .main-wrapper p {
  font-size: 0.9rem;
  padding: 0;
  margin: 0;
}
.home-wrapper .main-container .featured-banner {
  padding: 3.5rem 1rem;
  background: rgb(0, 100, 152);
  background: linear-gradient(0deg, rgb(0, 100, 152) 0%, rgb(0, 117, 180) 100%);
  width: 100%;
}
@media (max-width: 767px) {
  .home-wrapper .main-container .featured-banner {
    padding: 3.5rem 1rem;
  }
}
.home-wrapper .main-container .featured-banner .container .row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: #fff;
}
@media (max-width: 767px) {
  .home-wrapper .main-container .featured-banner .container .row {
    justify-content: center;
    gap: 2rem;
  }
}
.home-wrapper .main-container .featured-banner .container .row .col {
  display: flex;
  justify-content: center;
}
.home-wrapper .main-container .featured-banner .container .row .col .main-wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.home-wrapper .main-container .featured-banner .container .row .col .main-wrapper h2 {
  font-size: 3rem;
}
.home-wrapper .main-container .featured-banner .container .row .col .main-wrapper p {
  font-size: 1.3rem;
  padding: 0;
  margin: 0;
}
.home-wrapper .main-container .courses {
  padding-top: 4rem;
  padding-bottom: 4rem;
  background: rgb(228, 247, 255);
  background: linear-gradient(90deg, rgb(228, 247, 255) 0%, rgb(246, 252, 255) 100%);
}
@media (min-width: 768px) and (max-width: 991px) {
  .home-wrapper .main-container .courses {
    padding-top: 3rem;
  }
}
@media (max-width: 575px) {
  .home-wrapper .main-container .courses {
    margin-top: 0;
    padding-top: 3.5rem;
    padding-bottom: 3rem;
  }
}
.home-wrapper .main-container .courses .container {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.home-wrapper .main-container .courses .container .row1 .col h2 {
  text-align: center;
}
.home-wrapper .main-container .courses .container .row1 .col h2 .divider {
  width: 200px;
  height: 5px;
  background: #003B84;
  margin: auto;
  border-radius: 20px;
}
.home-wrapper .main-container .courses .container .row2 {
  margin-top: 2rem;
  display: flex;
  align-items: flex-start;
}
.home-wrapper .main-container .courses .container .row2 .col1 {
  padding: 1rem;
}
.home-wrapper .main-container .courses .container .row2 .col1 .main-wrapper {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  border: 1px solid rgba(0, 0, 0, 0.1843137255);
  border-radius: 5px;
  box-shadow: 0px 0px 30px 0px rgba(0, 42, 106, 0.035);
}
.home-wrapper .main-container .courses .container .row2 .col1 .main-wrapper .image {
  border-radius: 5px;
  width: 100%;
}
.home-wrapper .main-container .courses .container .row2 .col1 .main-wrapper .image img {
  width: 100%;
  border-radius: 5px;
  object-fit: cover;
  object-position: center center;
}
.home-wrapper .main-container .courses .container .row2 .col1 .main-wrapper .content {
  padding: 0 1rem;
  padding-bottom: 1rem;
  text-align: center;
}
.home-wrapper .main-container .courses .container .row2 .col1 .main-wrapper .content .date {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.7rem;
}
.home-wrapper .main-container .courses .container .row2 .col1 .main-wrapper .content .date span {
  font-size: 0.9rem;
}
.home-wrapper .main-container .courses .container .row2 .col1 .main-wrapper .content h2 {
  font-size: 1.5rem;
  font-weight: 500;
  padding: 0.3rem 0;
}
.home-wrapper .main-container .colleges {
  padding-top: 4rem;
  padding-bottom: 3rem;
}
@media (min-width: 768px) and (max-width: 991px) {
  .home-wrapper .main-container .colleges {
    padding-top: 3rem;
  }
}
@media (max-width: 575px) {
  .home-wrapper .main-container .colleges {
    margin-top: 0;
    padding-top: 3.5rem;
    padding-bottom: 1rem;
  }
}
.home-wrapper .main-container .colleges .container {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.home-wrapper .main-container .colleges .container .row1 .col h2 {
  text-align: center;
}
.home-wrapper .main-container .colleges .container .row1 .col h2 .divider {
  width: 150px;
  height: 5px;
  background: #003B84;
  margin: auto;
  border-radius: 20px;
}
.home-wrapper .main-container .colleges .container .row2 {
  margin-top: 2rem;
  display: flex;
  align-items: flex-start;
}
@media (max-width: 767px) {
  .home-wrapper .main-container .colleges .container .row2 {
    flex-direction: column;
  }
}
.home-wrapper .main-container .colleges .container .row2 .col1 {
  padding: 1rem;
}
.home-wrapper .main-container .colleges .container .row2 .col1 a {
  color: inherit;
}
.home-wrapper .main-container .colleges .container .row2 .col1 .main-wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1rem;
  border-radius: 5px;
}
@media (max-width: 767px) {
  .home-wrapper .main-container .colleges .container .row2 .col1 .main-wrapper {
    gap: 0.5rem;
  }
}
.home-wrapper .main-container .colleges .container .row2 .col1 .main-wrapper:hover {
  color: #004ead;
  filter: brightness(80%);
}
.home-wrapper .main-container .colleges .container .row2 .col1 .main-wrapper .image {
  border-radius: 5px;
  width: 100%;
  flex: 1;
  box-shadow: 0px 0px 30px 0px rgba(0, 42, 106, 0.035);
}
.home-wrapper .main-container .colleges .container .row2 .col1 .main-wrapper .image img {
  width: 100%;
  height: 22%;
  border-radius: 5px;
  object-fit: cover;
  object-position: center center;
}
.home-wrapper .main-container .colleges .container .row2 .col1 .main-wrapper .content {
  padding: 0 0.6rem;
  flex: 1;
}
@media (max-width: 767px) {
  .home-wrapper .main-container .colleges .container .row2 .col1 .main-wrapper .content {
    padding: 0rem 0.6rem;
  }
}
.home-wrapper .main-container .colleges .container .row2 .col1 .main-wrapper .content h2 {
  font-size: 1.2rem;
  font-weight: 500;
}
@media (max-width: 767px) {
  .home-wrapper .main-container .colleges .container .row2 .col1 .main-wrapper .content h2 {
    font-size: 1.1rem;
  }
}
.home-wrapper .main-container .colleges .container .row2 .col1 .main-wrapper .content div {
  display: flex;
  align-items: flex-start;
  gap: 0.3rem;
}
.home-wrapper .main-container .colleges .container .row2 .col1 .main-wrapper .content div i {
  padding: 0;
  margin: 0;
  margin-top: -0.2rem;
}
.home-wrapper .main-container .colleges .container .row2 .col1 .main-wrapper .content div span {
  font-size: 0.8rem;
}
@media (max-width: 767px) {
  .home-wrapper .main-container .colleges .container .row2 .col1 .main-wrapper .content div span {
    font-size: 0.7rem;
  }
}
.home-wrapper .main-container .research {
  padding-top: 4rem;
  width: 100%;
}
@media (min-width: 768px) and (max-width: 991px) {
  .home-wrapper .main-container .research {
    padding-top: 3rem;
  }
}
.home-wrapper .main-container .research .container {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.home-wrapper .main-container .research .container .row1 .col h2 {
  text-align: center;
}
.home-wrapper .main-container .research .container .row1 .col h2 .divider {
  width: 150px;
  height: 5px;
  background: #003B84;
  margin: auto;
  border-radius: 20px;
}
.home-wrapper .main-container .research .container .row2 {
  margin-top: 2rem;
  display: flex;
  align-items: flex-start;
}
@media (max-width: 767px) {
  .home-wrapper .main-container .research .container .row2 {
    flex-direction: column;
  }
}
.home-wrapper .main-container .research .container .row2 .col1 {
  padding: 1rem;
}
.home-wrapper .main-container .research .container .row2 .col1 .main-wrapper {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  border: 1px solid rgba(0, 0, 0, 0.1843137255);
  border-radius: 5px;
  box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.035);
}
@media (max-width: 767px) {
  .home-wrapper .main-container .research .container .row2 .col1 .main-wrapper {
    gap: 0.5rem;
  }
}
.home-wrapper .main-container .research .container .row2 .col1 .main-wrapper .content {
  padding: 1rem 2rem;
  flex: 1;
}
@media (max-width: 767px) {
  .home-wrapper .main-container .research .container .row2 .col1 .main-wrapper .content {
    padding: 0rem 0.6rem;
  }
}
.home-wrapper .main-container .research .container .row2 .col1 .main-wrapper .content h2 {
  font-size: 1.2rem;
  font-weight: 500;
  margin-top: 0.2rem;
  margin-bottom: 0.5rem;
}
@media (max-width: 767px) {
  .home-wrapper .main-container .research .container .row2 .col1 .main-wrapper .content h2 {
    font-size: 1rem;
  }
}
.home-wrapper .main-container .research .container .row2 .col1 .main-wrapper .content div {
  display: flex;
  align-items: flex-start;
  gap: 0.4rem;
  margin-bottom: 0.9rem;
}
.home-wrapper .main-container .research .container .row2 .col1 .main-wrapper .content div i {
  padding: 0;
  margin: 0;
  margin-top: -0.2rem;
  color: rgba(0, 0, 0, 0.9333333333);
}
.home-wrapper .main-container .research .container .row2 .col1 .main-wrapper .content div span {
  font-size: 0.8rem;
  color: rgba(0, 0, 0, 0.9333333333);
}
@media (max-width: 767px) {
  .home-wrapper .main-container .research .container .row2 .col1 .main-wrapper .content div span {
    font-size: 0.7rem;
  }
}
.home-wrapper .main-container .research .container .row3 {
  margin-top: 0.3rem;
}
.home-wrapper .main-container .research .container .row3 .col button {
  border-radius: 20px;
  padding: 0.5rem 1.5rem;
  font-size: 0.95rem;
  outline: none;
  border: none;
  cursor: pointer;
  transition: 0.2s all ease-in-out;
  box-shadow: none !important;
  border: 1px solid transparent;
}
.home-wrapper .main-container .hospitals {
  padding-top: 2.5rem;
  padding-bottom: 4rem;
  width: 100%;
}
@media (min-width: 768px) and (max-width: 991px) {
  .home-wrapper .main-container .hospitals {
    padding-top: 3rem;
  }
}
.home-wrapper .main-container .hospitals .container {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.home-wrapper .main-container .hospitals .container .row1 .col h2 {
  text-align: center;
}
.home-wrapper .main-container .hospitals .container .row1 .col h2 .divider {
  width: 150px;
  height: 5px;
  background: #003B84;
  margin: auto;
  border-radius: 20px;
}
.home-wrapper .main-container .hospitals .container .row2 {
  margin-top: 2rem;
  display: flex;
  align-items: flex-start;
}
@media (max-width: 767px) {
  .home-wrapper .main-container .hospitals .container .row2 {
    flex-direction: column;
  }
}
.home-wrapper .main-container .hospitals .container .row2 .col1 {
  padding: 1rem;
}
.home-wrapper .main-container .hospitals .container .row2 .col1 .main-wrapper {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  border: 1px solid rgba(0, 0, 0, 0.1843137255);
  border-radius: 5px;
  box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.035);
}
@media (max-width: 767px) {
  .home-wrapper .main-container .hospitals .container .row2 .col1 .main-wrapper {
    gap: 0.5rem;
  }
}
.home-wrapper .main-container .hospitals .container .row2 .col1 .main-wrapper .image {
  border-radius: 5px;
  width: 100%;
  flex: 1;
}
.home-wrapper .main-container .hospitals .container .row2 .col1 .main-wrapper .image img {
  width: 100%;
  height: 10rem;
  border-radius: 5px;
  object-fit: cover;
  object-position: center center;
}
.home-wrapper .main-container .hospitals .container .row2 .col1 .main-wrapper .content {
  padding: 0 0.7rem;
  flex: 1;
}
@media (max-width: 767px) {
  .home-wrapper .main-container .hospitals .container .row2 .col1 .main-wrapper .content {
    padding: 0rem 0.6rem;
  }
}
.home-wrapper .main-container .hospitals .container .row2 .col1 .main-wrapper .content h2 {
  font-size: 1rem;
  font-weight: 500;
  margin-top: 0.2rem;
  margin-bottom: 0.5rem;
}
@media (max-width: 767px) {
  .home-wrapper .main-container .hospitals .container .row2 .col1 .main-wrapper .content h2 {
    font-size: 0.95rem;
  }
}
.home-wrapper .main-container .hospitals .container .row2 .col1 .main-wrapper .content div {
  display: flex;
  align-items: flex-start;
  gap: 0.4rem;
  margin-bottom: 0.9rem;
}
.home-wrapper .main-container .hospitals .container .row2 .col1 .main-wrapper .content div i {
  padding: 0;
  margin: 0;
  margin-top: -0.2rem;
  color: rgba(0, 0, 0, 0.9333333333);
}
.home-wrapper .main-container .hospitals .container .row2 .col1 .main-wrapper .content div span {
  font-size: 0.8rem;
  color: rgba(0, 0, 0, 0.9333333333);
}
@media (max-width: 767px) {
  .home-wrapper .main-container .hospitals .container .row2 .col1 .main-wrapper .content div span {
    font-size: 0.7rem;
  }
}
.home-wrapper .main-container .news {
  padding-top: 4rem;
  padding-bottom: 3rem;
  background-color: #003B84;
  background: rgb(0, 100, 152);
  background: linear-gradient(0deg, rgb(0, 100, 152) 0%, rgb(0, 117, 180) 100%);
}
@media (min-width: 768px) and (max-width: 991px) {
  .home-wrapper .main-container .news {
    padding-top: 3rem;
  }
}
@media (max-width: 575px) {
  .home-wrapper .main-container .news {
    margin-top: 0;
    padding-top: 3rem;
    padding-bottom: 3rem;
  }
}
.home-wrapper .main-container .news .container {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.home-wrapper .main-container .news .container .row1 .col h2 {
  text-align: center;
  color: #fff;
}
.home-wrapper .main-container .news .container .row1 .col h2 .divider {
  width: 150px;
  height: 5px;
  background: #fff;
  margin: auto;
  border-radius: 20px;
}
.home-wrapper .main-container .news .container .row2 {
  margin-top: 2rem;
  display: flex;
  align-items: flex-start;
  width: 100%;
}
.home-wrapper .main-container .news .container .row2 .col1 {
  padding: 1rem;
  width: 100%;
}
.home-wrapper .main-container .news .container .row2 .col1 #news-slider {
  display: flex;
  flex-direction: column;
}
@media (max-width: 767px) {
  .home-wrapper .main-container .news .container .row2 .col1 #news-slider a {
    width: 100% !important;
  }
}
.home-wrapper .main-container .news .container .row2 .col1 #news-slider a .main-wrapper {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 1rem;
  border: 1px solid rgba(255, 255, 255, 0.1843137255);
  border-radius: 5px;
  box-shadow: 0px 0px 30px 0px rgba(255, 255, 255, 0.035);
}
.home-wrapper .main-container .news .container .row2 .col1 #news-slider a .main-wrapper .image {
  border-radius: 5px;
  width: 100%;
}
.home-wrapper .main-container .news .container .row2 .col1 #news-slider a .main-wrapper .image img {
  width: 100%;
  height: 17rem;
  border-radius: 5px;
  object-fit: cover;
  object-position: center center;
}
.home-wrapper .main-container .news .container .row2 .col1 #news-slider a .main-wrapper .content {
  padding: 0 1rem;
  padding-bottom: 1rem;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.5rem;
  color: #222;
}
.home-wrapper .main-container .news .container .row2 .col1 #news-slider a .main-wrapper .content .date {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.home-wrapper .main-container .news .container .row2 .col1 #news-slider a .main-wrapper .content .date i {
  color: #fff;
  font-size: 0.87rem;
}
.home-wrapper .main-container .news .container .row2 .col1 #news-slider a .main-wrapper .content .date span {
  color: #fff;
  font-size: 0.87rem;
}
.home-wrapper .main-container .news .container .row2 .col1 #news-slider a .main-wrapper .content h2 {
  font-size: 1.1rem;
  font-weight: 500;
  margin-bottom: -0.2rem;
  color: #fff;
}
.home-wrapper .main-container .news .container .row2 .col1 #news-slider a .main-wrapper .content p {
  padding: 0;
  margin: 0;
  font-size: 0.86rem;
  color: rgba(255, 255, 255, 0.824);
}
.home-wrapper .main-container .news .container .row2 .col1 #news-slider a .main-wrapper .content a {
  background: none;
  color: #003B84;
  font-weight: 500;
  padding: 0.2rem;
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.home-wrapper .main-container .news .container .row2 .col1 #news-slider a .main-wrapper .content a i {
  font-size: 1rem;
}
.home-wrapper .main-container .news .container .row3 {
  margin-top: 0.3rem;
}
.home-wrapper .main-container .news .container .row3 button {
  border-radius: 20px;
  padding: 0.5rem 1.5rem;
  font-size: 0.95rem;
  outline: none;
  background-color: #ffffff;
  border: none;
  cursor: pointer;
  color: #000000;
  transition: 0.2s all ease-in-out;
  box-shadow: none !important;
  border: 1px solid transparent;
}
.home-wrapper .main-container .news .container .row3 button:hover {
  color: #fff;
  background: none;
  border: 1px solid #fff;
}
.home-wrapper .main-container .events {
  padding-top: 4rem;
  padding-bottom: 3rem;
  background-color: #003B84;
  background: rgb(0, 100, 152);
  background: linear-gradient(0deg, rgb(0, 100, 152) 0%, rgb(0, 117, 180) 100%);
}
@media (min-width: 768px) and (max-width: 991px) {
  .home-wrapper .main-container .events {
    padding-top: 3rem;
  }
}
@media (max-width: 575px) {
  .home-wrapper .main-container .events {
    margin-top: 0;
    padding-top: 3rem;
    padding-bottom: 3rem;
  }
}
.home-wrapper .main-container .events .container {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.home-wrapper .main-container .events .container .row1 .col h2 {
  text-align: center;
  color: #fff;
}
.home-wrapper .main-container .events .container .row1 .col h2 .divider {
  width: 150px;
  height: 5px;
  background: #ffffff;
  margin: auto;
  border-radius: 20px;
}
.home-wrapper .main-container .events .container .row2 {
  margin-top: 2rem;
  display: flex;
  align-items: flex-start;
  width: 100%;
}
.home-wrapper .main-container .events .container .row2 .col1 {
  padding: 1rem;
  width: 100%;
}
.home-wrapper .main-container .events .container .row2 .col1 #events-slider {
  display: flex;
  flex-direction: column;
}
.home-wrapper .main-container .events .container .row2 .col1 #events-slider .main-wrapper {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 1rem;
  border: 1px solid rgba(255, 255, 255, 0.1843137255);
  border-radius: 5px;
  box-shadow: 0px 0px 30px 0px rgba(255, 255, 255, 0.035);
}
.home-wrapper .main-container .events .container .row2 .col1 #events-slider .main-wrapper .image {
  border-radius: 5px;
  width: 100%;
}
.home-wrapper .main-container .events .container .row2 .col1 #events-slider .main-wrapper .image img {
  width: 100%;
  height: 17rem;
  border-radius: 5px;
  object-fit: cover;
  object-position: center center;
}
.home-wrapper .main-container .events .container .row2 .col1 #events-slider .main-wrapper .content {
  padding: 0 1rem;
  padding-bottom: 1rem;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.5rem;
  color: #222;
}
.home-wrapper .main-container .events .container .row2 .col1 #events-slider .main-wrapper .content .date {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.home-wrapper .main-container .events .container .row2 .col1 #events-slider .main-wrapper .content .date i {
  color: #fff;
  font-size: 0.87rem;
}
.home-wrapper .main-container .events .container .row2 .col1 #events-slider .main-wrapper .content .date span {
  color: #fff;
  font-size: 0.87rem;
}
.home-wrapper .main-container .events .container .row2 .col1 #events-slider .main-wrapper .content h2 {
  font-size: 1.1rem;
  font-weight: 500;
  margin-bottom: -0.2rem;
  color: #fff;
}
.home-wrapper .main-container .events .container .row2 .col1 #events-slider .main-wrapper .content p {
  padding: 0;
  margin: 0;
  font-size: 0.86rem;
  color: rgba(255, 255, 255, 0.824);
}
.home-wrapper .main-container .events .container .row2 .col1 #events-slider .main-wrapper .content a {
  background: none;
  color: #003B84;
  font-weight: 500;
  padding: 0.2rem;
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.home-wrapper .main-container .events .container .row2 .col1 #events-slider .main-wrapper .content a i {
  font-size: 1rem;
}
.home-wrapper .main-container .gallery {
  padding-top: 4rem;
  padding-bottom: 2.7rem;
}
@media (min-width: 768px) and (max-width: 991px) {
  .home-wrapper .main-container .gallery {
    padding-top: 3rem;
  }
}
.home-wrapper .main-container .gallery .container {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.home-wrapper .main-container .gallery .container .row1 .col h2 {
  text-align: center;
}
.home-wrapper .main-container .gallery .container .row1 .col h2 .divider {
  width: 150px;
  height: 5px;
  background: #003B84;
  margin: auto;
  border-radius: 20px;
}
.home-wrapper .main-container .gallery .container .row2 {
  margin-top: 2.5rem;
  margin-bottom: 0.5rem;
}
.home-wrapper .main-container .gallery .container .row2 .main-wrapper {
  display: grid;
  grid-template-rows: 250px;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-gap: 10px;
}
@media (max-width: 767px) {
  .home-wrapper .main-container .gallery .container .row2 .main-wrapper {
    grid-template-rows: 100px;
  }
}
.home-wrapper .main-container .gallery .container .row2 .main-wrapper .image1 {
  grid-area: 1/1/3/3;
  width: 100%;
  height: 100%;
}
.home-wrapper .main-container .gallery .container .row2 .main-wrapper .image1 img {
  border-top-left-radius: 1rem;
  object-fit: cover;
  height: 100%;
}
.home-wrapper .main-container .gallery .container .row2 .main-wrapper .image2 {
  grid-area: 1/3/2/5;
  width: 100%;
  height: 100%;
}
.home-wrapper .main-container .gallery .container .row2 .main-wrapper .image2 img {
  height: 100%;
  width: 100%;
  object-fit: cover !important;
  object-position: top;
}
.home-wrapper .main-container .gallery .container .row2 .main-wrapper .image3 {
  grid-area: 2/3/3/4;
  width: 100%;
  height: 100%;
}
.home-wrapper .main-container .gallery .container .row2 .main-wrapper .image3 img {
  height: 100%;
  object-fit: cover;
}
.home-wrapper .main-container .gallery .container .row2 .main-wrapper .image4 {
  grid-area: 2/4/3/5;
  width: 100%;
  height: 100%;
}
.home-wrapper .main-container .gallery .container .row2 .main-wrapper .image4 img {
  height: 100%;
  object-fit: cover;
}
.home-wrapper .main-container .gallery .container .row2 .main-wrapper .image5 {
  grid-area: 1/5/2/6;
  width: 100%;
  height: 100%;
}
.home-wrapper .main-container .gallery .container .row2 .main-wrapper .image5 img {
  height: 100%;
  object-fit: cover;
}
.home-wrapper .main-container .gallery .container .row2 .main-wrapper .image6 {
  grid-area: 1/6/2/7;
  width: 100%;
  height: 100%;
}
.home-wrapper .main-container .gallery .container .row2 .main-wrapper .image6 img {
  height: 100%;
  object-fit: cover;
}
.home-wrapper .main-container .gallery .container .row2 .main-wrapper .image7 {
  grid-area: 2/5/3/7;
  width: 100%;
  height: 100%;
}
.home-wrapper .main-container .gallery .container .row2 .main-wrapper .image7 img {
  border-bottom-right-radius: 1rem;
  height: 100%;
  object-fit: cover;
}
.home-wrapper .main-container .gallery .container .row3 {
  margin-top: 1.8rem;
}
.home-wrapper .main-container .message-wrapper {
  background-image: url(/images/message-bg-new.jpg);
  background-color: #000000;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: bottom center;
  padding: 0;
  height: 100%;
}
.home-wrapper .main-container .message-wrapper .bg-color {
  background-color: rgba(0, 0, 0, 0.6901960784);
  width: 100%;
  height: 100%;
  padding: 4rem 1rem;
  padding-bottom: 4.5rem;
}
.home-wrapper .main-container .message-wrapper .bg-color .container .row1 {
  margin-bottom: 3rem;
}
.home-wrapper .main-container .message-wrapper .bg-color .container .row1 .col h2 {
  text-align: center;
  color: #fff;
}
.home-wrapper .main-container .message-wrapper .bg-color .container .row1 .col h2 .divider {
  width: 100px;
  height: 5px;
  background: #ffffff;
  margin: auto;
  border-radius: 20px;
}
.home-wrapper .main-container .message-wrapper .bg-color .container .row {
  display: flex;
  justify-content: center;
}
.home-wrapper .main-container .message-wrapper .bg-color .container .row .col .main-wrapper {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  width: 100%;
}
.home-wrapper .main-container .message-wrapper .bg-color .container .row .col .main-wrapper .message {
  display: flex;
  align-items: center;
  gap: 2rem;
  background-color: rgba(255, 255, 255, 0.9490196078);
  border-radius: 1rem;
}
@media (max-width: 767px) {
  .home-wrapper .main-container .message-wrapper .bg-color .container .row .col .main-wrapper .message {
    flex-direction: column;
  }
}
.home-wrapper .main-container .message-wrapper .bg-color .container .row .col .main-wrapper .message .image {
  flex: 1;
  width: 100%;
  height: 100%;
}
.home-wrapper .main-container .message-wrapper .bg-color .container .row .col .main-wrapper .message .image img {
  object-fit: cover;
  object-position: top;
  height: 17rem;
  width: 100%;
  border-top-left-radius: 1rem;
  border-bottom-left-radius: 1rem;
}
@media (min-width: 576px) and (max-width: 767px) {
  .home-wrapper .main-container .message-wrapper .bg-color .container .row .col .main-wrapper .message .image img {
    height: 20rem;
  }
}
@media (max-width: 575px) {
  .home-wrapper .main-container .message-wrapper .bg-color .container .row .col .main-wrapper .message .image img {
    object-position: top center;
    border-bottom-left-radius: 0;
    border-top-right-radius: 1rem;
  }
}
.home-wrapper .main-container .message-wrapper .bg-color .container .row .col .main-wrapper .message .content {
  flex: 2;
  color: #000;
  padding: 1rem;
  padding-right: 1.5rem;
}
@media (max-width: 575px) {
  .home-wrapper .main-container .message-wrapper .bg-color .container .row .col .main-wrapper .message .content {
    padding-top: 0;
    font-size: 0.85rem;
  }
}
.home-wrapper .main-container .message-wrapper .bg-color .container .row .col .main-wrapper .message .content p {
  opacity: 0.9;
  font-size: 0.9rem;
}
.home-wrapper .main-container .message-wrapper .bg-color .container .row .col .main-wrapper .message .content h6 {
  opacity: 0.8;
  font-size: 0.87rem;
  font-weight: 600;
}
@media (max-width: 575px) {
  .home-wrapper .main-container .message-wrapper .bg-color .container .row .col .main-wrapper .message .content h6 {
    font-size: 0.85rem;
  }
}
.home-wrapper .main-container footer {
  width: 100%;
  background: rgb(0, 100, 152);
  background: linear-gradient(0deg, rgb(0, 100, 152) 0%, rgb(0, 117, 180) 100%);
  padding: 4rem 1rem;
  padding-bottom: 0;
  color: #fff;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.home-wrapper .main-container footer .container .row {
  display: flex;
  justify-content: center;
}
.home-wrapper .main-container footer .container .row .main-wrapper {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
}
@media (max-width: 767px) {
  .home-wrapper .main-container footer .container .row .main-wrapper {
    flex-direction: column;
    gap: 2rem;
  }
}
.home-wrapper .main-container footer .container .row .main-wrapper .col1 .wrapper h4 {
  margin-bottom: 1.5rem;
}
.home-wrapper .main-container footer .container .row .main-wrapper .col1 .wrapper p {
  font-size: 0.9rem;
  line-height: 2;
}
.home-wrapper .main-container footer .container .row .main-wrapper .col1 .wrapper div {
  display: flex;
  align-items: center;
  gap: 0.6rem;
}
.home-wrapper .main-container footer .container .row .main-wrapper .col1 .wrapper div a {
  color: inherit;
}
.home-wrapper .main-container footer .container .row .main-wrapper .col1 .wrapper div a i {
  font-size: 1.5rem;
}
.home-wrapper .main-container footer .container .row .main-wrapper .col2 .wrapper h4 {
  margin-bottom: 1.5rem;
}
.home-wrapper .main-container footer .container .row .main-wrapper .col2 .wrapper ul {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.home-wrapper .main-container footer .container .row .main-wrapper .col2 .wrapper ul li {
  list-style-type: none;
  font-size: 0.94rem;
}
.home-wrapper .main-container footer .container .row .main-wrapper .col2 .wrapper ul li a {
  color: inherit;
}
.home-wrapper .main-container footer .container .row .main-wrapper .col3 .wrapper h4 {
  margin-bottom: 1.5rem;
}
.home-wrapper .main-container footer .container .row .main-wrapper .col3 .wrapper ul {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.home-wrapper .main-container footer .container .row .main-wrapper .col3 .wrapper ul li {
  list-style-type: none;
  font-size: 0.94rem;
}
.home-wrapper .main-container footer .container .row .main-wrapper .col3 .wrapper ul li div {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.home-wrapper .main-container footer .container .row .main-wrapper .col3 .wrapper ul li div span {
  font-size: 0.94rem;
}
.home-wrapper .main-container footer .copyright {
  padding: 1.2rem 1rem;
  margin-bottom: 1.3rem;
  opacity: 0.7;
}
.home-wrapper .main-container footer .copyright .container .row .col .wrapper {
  display: flex;
  align-items: center;
  gap: 0.3rem;
}
@media (max-width: 991px) {
  .home-wrapper .main-container footer .copyright .container .row .col .wrapper {
    flex-direction: column;
    gap: 0.3rem;
  }
}
.home-wrapper .main-container footer .copyright .container .row .col .wrapper p {
  padding: 0;
  margin: 0;
  text-align: center;
  font-size: 0.85rem;
}
@media (max-width: 575px) {
  .home-wrapper .main-container footer .copyright .container .row .col .wrapper p {
    font-size: 0.75rem;
  }
}
.home-wrapper .main-container footer .copyright .container .row .col .wrapper p a {
  color: inherit;
}

/*
.admissions-criteria{

    .main-container{
        position: relative;

        .top-nav{
            background-color: #006498;
            padding: .7rem;

            @media (max-width: 767px){
                display: none;
            }

            .container{

                .row{

                    .col{

                        .main-wrapper{
                            color: #fff;
                            font-size: .8rem;
                            display: flex;
                            align-items: center;
                            justify-content: space-between;
                            flex-wrap: wrap;
                            gap: 1rem;

                            a{
                                text-decoration: none;
                                color: inherit;
                            }

                            .right{

                                i{
                                    font-size: 1.1rem;
                                }
                            }

                        }
                    }
                }
            }
        }

        header{
            position: relative;
            z-index: 20;

            .container{

                .row{
                    width: 100%;

                    .col{
                        // position: relative;
                        width: 100%;
                        display: flex;
                        align-items: center;
                        justify-content: space-between;
                        gap: 1.5rem;
                        padding: .5rem .6rem;

                        @media (max-width: 767px){
                            padding: 1rem .6rem;
                        }


                        a{
                            // flex-basis: 0;
                            // flex-grow: 1;
                            display: flex;
                            align-items: center;
                            gap: .5rem;

                            @media (max-width: 767px){
                                // flex-grow: 1;
                                // order: 2;
                            }

                            span:nth-child(2){
                                @media (max-width: 575px){
                                    display: none;
                                }
                            }

                            img{
                                width: 4.5rem;

                                @media (max-width: 767px){
                                    width: 3rem;
                                }
                            }

                            span{
                                font-size: 1.2rem;
                                font-weight: 600;
                                color: #000;
                                // letter-spacing: -1px;


                                @media (min-width: 768px) and (max-width: 991px){
                                    display: none;
                                }

                                @media (min-width: 576px) and (max-width: 767px){
                                    font-size: 1.15rem;
                                }

                                @media (max-width: 575px){
                                    font-size: 1rem;
                                }
                            }

                            .mbl{
                                display: none;

                                @media (max-width: 575px){
                                    display: flex;
                                }

                                @media (min-width: 768px) and (max-width: 991px){
                                    display: flex;
                                }
                            }
                        }


                        nav{
                            // flex-grow: 2;
                            // flex-basis: 0;

                            @media (max-width: 767px){
                                // flex-grow: 1;
                                // order: 1;
                                display: none;
                            }

                            ul{
                                list-style-type: none;
                                display: flex;
                                align-items: center;
                                gap: 1.5rem;
                                position: relative;
                                z-index: 21;

                                @media (max-width: 767px){
                                    flex-direction: column;
                                    gap: .5rem;
                                }

                                @media (min-width: 992px){
                                    gap: 1.5rem;
                                }


                                li.about-menu{

                                    ul{
                                        li.active{
                                            color: #003B84;
                                            font-weight: 500;
                                        }
                                    }

                                    &:hover{

                                        border-bottom: 2px solid #004ead;
                                        transition: all .2s ease-in;

                                        .about-submenu{
                                            display: flex !important;
                                        }
                                    }
                                }

                                li.admissions-menu{
                                    &:hover{

                                        border-bottom: 2px solid #004ead;
                                        transition: all .2s ease-in;

                                        .admissions-submenu{
                                            display: flex !important;
                                        }
                                    }
                                }


                                li.departments-menu{
                                    &:hover{

                                        border-bottom: 2px solid #004ead;
                                        transition: all .2s ease-in;

                                        .departments-submenu{
                                            display: flex !important;
                                        }
                                    }
                                }


                                li{
                                    border-bottom: 2px solid transparent;
                                    padding: 5px 0;
                                    font-weight: 500;
                                    font-size: .85rem;
                                    cursor: pointer;
                                    // position: relative;
                                    // z-index: 21;

                                    @media (min-width: 992px){
                                        font-size: .85rem;
                                    }

                                    .arrow{

                                        &::after{
                                            width: 1rem;
                                            height: 1rem;
                                            content: "";
                                            background-image: url(/images/arrow-down.svg);
                                            // background-size: 200px !important;
                                            background-repeat: no-repeat;
                                            background-position: center;
                                            // border: 1px solid red;
                                        }
                                    }

                                    ul.about-submenu, .admissions-submenu, .departments-submenu{
                                        z-index: 22;
                                        position: absolute;
                                        top: 2rem;
                                        // left: 0;
                                        // width: 100% !important;
                                        display: none;
                                        // display: flex;
                                        flex-direction: column;
                                        align-items: flex-start;
                                        gap: .2rem;
                                        padding: 1rem;
                                        padding-right: 1.5rem;
                                        background-color: #fff;
                                        transition: all .3s ease-in;
                                        box-shadow: 1px 1px 5px 2px #2222221c;
                                    }
                                }
                            }
                        }

                        #hamburger{
                            position: relative;
                            z-index: 100;
                            font-size: 1.3rem;
                            padding: 0.15rem 0.45rem;
                            border-radius: 0.3rem;
                            border: 1px solid rgba(34, 34, 34, 0.5215686275);
                            // flex-grow: 1;
                            // flex-basis: 0;
                            // order: 3;

                            @media (min-width: 768px){
                                display: none;
                            }
                        }
                    }
                }
            }  
        }

        .title-banner{
            background-image: url(/images/message-bg.jpg);
            background-repeat: no-repeat;
            background-size: cover;
            background-position: bottom center;
            height: 100%;

            .bg-color{
                background-color: #000000cb;
                width: 100%;
                height: 100%;
                padding: 7rem 1rem;
                color: #fff;

                @media (max-width: 767px){
                    padding: 4rem 1rem;
                }

                .container{

                    .row{

                        .col{
                            .text-banner-wrapper{
                                display: flex;
                                flex-direction: column;
                                align-items: center;
                                gap: .3rem;

                                h1{

                                }

                                div{
                                    width: 15%;
                                    height: 4px;
                                    border-radius: .5rem;
                                    background-color: #006498;
                                }
                            }

                        }
                    }
                }
            }
        }

        .admissions-criteria-wrapper{
            padding: 3rem 1rem;
            margin-top: .4rem;

            .container{

                .row{

                    .col{

                        .main-wrapper{
                            display: flex;
                            flex-direction: column;
                            gap: 1.5rem;

                            h3{

                            }

                            div{

                                h5{

                                }

                                p{

                                }

                                ul,ol{
                                    margin-left: 2rem;

                                    li.eligible{
                                        font-weight: 600;
                                    }

                                    li{

                                    }
                                }
                            }
                        }

                    }
                }
            }
        }

        footer{
            width: 100%;
            // background-color: #003B84;
            // background: #003B84;
            background: rgb(0,100,152);
            background: linear-gradient(0deg, rgba(0,100,152,1) 0%, rgb(0, 117, 180) 100%);
            padding: 4rem 1rem;
            padding-bottom: 0;
            color: #fff;

            display: flex;
            flex-direction: column;
            align-items: center;

            .container{

                .row{
                    display: flex;
                    justify-content: center;

                    .main-wrapper{
                        display: flex;
                        flex-direction: row;
                        justify-content: space-between;
                        align-items: flex-start;

                        @media (max-width: 767px){
                            flex-direction: column;
                            gap: 2rem;
                        }

                        .col{

                        }

                        .col1{
                            .wrapper{

                                h4{
                                    margin-bottom: 1.5rem;
                                }

                                p{
                                    font-size: .9rem;
                                    line-height: 2;

                                }

                                div{
                                    display: flex;
                                    align-items: center;
                                    gap: .6rem;

                                    a{
                                        color: inherit;

                                        i{
                                            font-size: 1.5rem;

                                        }
                                    }
                                }
                            }

                        }

                        .col2{

                            .wrapper{

                                h4{
                                    margin-bottom: 1.5rem;
                                }

                                ul{
                                    display: flex;
                                    flex-direction: column;
                                    gap: .5rem;

                                    li{
                                        list-style-type: none;
                                        font-size: .94rem;

                                        a{
                                            color: inherit;
                                        }
                                    }
                                }
                            }

                        }

                        .col3{

                            .wrapper{

                                h4{
                                    margin-bottom: 1.5rem;
                                }

                                ul{
                                    display: flex;
                                    flex-direction: column;
                                    gap: .5rem;

                                    li{
                                        list-style-type: none;
                                        font-size: .94rem;

                                        div{
                                            display: flex;
                                            align-items: center;
                                            gap: .5rem;

                                            i{

                                            }

                                            span{
                                                font-size: .94rem;
                                            }
                                        }
                                    }
                                }
                            }

                        }
                    }
                }
            }

            .copyright{
                padding: 1.2rem 1rem;
                margin-bottom: 1.3rem;
                opacity: .7;

                .container{

                    .row{

                        .col{

                            .wrapper{
                                display: flex;
                                align-items: center;
                                gap: .3rem;

                                @media (max-width: 991px){
                                    flex-direction: column;
                                    gap: .3rem;

                                }

                                p{
                                    padding: 0;
                                    margin: 0;
                                    text-align: center;

                                    @media (max-width: 575px){
                                        font-size: .8rem;
                                    }

                                    a{
                                        color: inherit;
                                    }

                                }

                            }
                        }
                    }
                }

            }
        }
    }
}
*/
.admissions-criteria .main-container {
  position: relative;
}
.admissions-criteria .main-container .top-nav {
  background-color: #006498;
  padding: 0.7rem;
}
@media (max-width: 767px) {
  .admissions-criteria .main-container .top-nav {
    display: none;
  }
}
.admissions-criteria .main-container .top-nav .container .row .col .main-wrapper {
  color: #fff;
  font-size: 0.8rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 1rem;
}
.admissions-criteria .main-container .top-nav .container .row .col .main-wrapper a {
  text-decoration: none;
  color: inherit;
}
.admissions-criteria .main-container .top-nav .container .row .col .main-wrapper .right i {
  font-size: 1.1rem;
}
.admissions-criteria .main-container header {
  position: relative;
  z-index: 20;
}
.admissions-criteria .main-container header .container .row .col {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1.5rem;
  padding: 0.5rem 0.6rem;
}
@media (max-width: 767px) {
  .admissions-criteria .main-container header .container .row .col {
    padding: 1rem 0.6rem;
  }
}
.admissions-criteria .main-container header .container .row .col a {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
@media (max-width: 575px) {
  .admissions-criteria .main-container header .container .row .col a span:nth-child(2) {
    display: none;
  }
}
.admissions-criteria .main-container header .container .row .col a img {
  width: 4.5rem;
}
@media (max-width: 767px) {
  .admissions-criteria .main-container header .container .row .col a img {
    width: 3rem;
  }
}
.admissions-criteria .main-container header .container .row .col a span {
  font-size: 1.2rem;
  font-weight: 600;
  color: #000;
}
@media (min-width: 768px) and (max-width: 991px) {
  .admissions-criteria .main-container header .container .row .col a span {
    display: none;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .admissions-criteria .main-container header .container .row .col a span {
    font-size: 1.15rem;
  }
}
@media (max-width: 575px) {
  .admissions-criteria .main-container header .container .row .col a span {
    font-size: 1rem;
  }
}
.admissions-criteria .main-container header .container .row .col a .mbl {
  display: none;
}
@media (max-width: 575px) {
  .admissions-criteria .main-container header .container .row .col a .mbl {
    display: flex;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .admissions-criteria .main-container header .container .row .col a .mbl {
    display: flex;
  }
}
@media (max-width: 767px) {
  .admissions-criteria .main-container header .container .row .col nav {
    display: none;
  }
}
.admissions-criteria .main-container header .container .row .col nav ul {
  list-style-type: none;
  display: flex;
  align-items: center;
  gap: 1.5rem;
  position: relative;
  z-index: 21;
}
@media (max-width: 767px) {
  .admissions-criteria .main-container header .container .row .col nav ul {
    flex-direction: column;
    gap: 0.5rem;
  }
}
@media (min-width: 992px) {
  .admissions-criteria .main-container header .container .row .col nav ul {
    gap: 1.5rem;
  }
}
@media (min-width: 768px) {
  .admissions-criteria .main-container header .container .row .col nav ul li.about-menu:hover {
    border-bottom: 2px solid #004ead;
    transition: all 0.2s ease-in;
  }
  .admissions-criteria .main-container header .container .row .col nav ul li.about-menu:hover .about-submenu {
    display: flex !important;
  }
}
@media (max-width: 767px) {
  .admissions-criteria .main-container header .container .row .col nav ul li.about-menu .about-submenu {
    margin-top: 1rem;
    display: none;
    position: static !important;
  }
}
@media (min-width: 768px) {
  .admissions-criteria .main-container header .container .row .col nav ul li.admissions-menu:hover {
    border-bottom: 2px solid #004ead;
    transition: all 0.2s ease-in;
  }
  .admissions-criteria .main-container header .container .row .col nav ul li.admissions-menu:hover .admissions-submenu {
    display: flex !important;
  }
}
@media (max-width: 767px) {
  .admissions-criteria .main-container header .container .row .col nav ul li.admissions-menu .admissions-submenu {
    margin-top: 1rem;
    display: none;
    position: static !important;
  }
}
@media (min-width: 768px) {
  .admissions-criteria .main-container header .container .row .col nav ul li.departments-menu:hover {
    border-bottom: 2px solid #004ead;
    transition: all 0.2s ease-in;
  }
  .admissions-criteria .main-container header .container .row .col nav ul li.departments-menu:hover .departments-submenu {
    display: flex !important;
  }
}
@media (max-width: 767px) {
  .admissions-criteria .main-container header .container .row .col nav ul li.departments-menu .departments-submenu {
    margin-top: 1rem;
    display: none;
    position: static !important;
  }
}
@media (min-width: 768px) {
  .admissions-criteria .main-container header .container .row .col nav ul li.learning-menu:hover {
    border-bottom: 2px solid #004ead;
    transition: all 0.2s ease-in;
  }
  .admissions-criteria .main-container header .container .row .col nav ul li.learning-menu:hover .learning-submenu {
    display: flex !important;
  }
}
@media (max-width: 767px) {
  .admissions-criteria .main-container header .container .row .col nav ul li.learning-menu .learning-submenu {
    margin-top: 1rem;
    display: none;
    position: static !important;
  }
}
.admissions-criteria .main-container header .container .row .col nav ul li {
  border-bottom: 2px solid transparent;
  padding: 5px 0;
  font-weight: 500;
  font-size: 0.85rem;
  cursor: pointer;
}
@media (min-width: 992px) {
  .admissions-criteria .main-container header .container .row .col nav ul li {
    font-size: 0.85rem;
  }
}
.admissions-criteria .main-container header .container .row .col nav ul li .arrow::after {
  width: 1rem;
  height: 1rem;
  content: "";
  background-image: url(/images/arrow-down.svg);
  background-repeat: no-repeat;
  background-position: center;
}
.admissions-criteria .main-container header .container .row .col nav ul li ul.about-submenu,
.admissions-criteria .main-container header .container .row .col nav ul li .admissions-submenu,
.admissions-criteria .main-container header .container .row .col nav ul li .departments-submenu,
.admissions-criteria .main-container header .container .row .col nav ul li .learning-submenu {
  z-index: 22;
  position: absolute;
  top: 2rem;
  display: none;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.2rem;
  padding: 1rem;
  padding-right: 1.5rem;
  background-color: #fff;
  transition: all 0.3s ease-in;
  box-shadow: 1px 1px 5px 2px rgba(34, 34, 34, 0.1098039216);
}
.admissions-criteria .main-container header .container .row .col #hamburger {
  position: relative;
  z-index: 100;
  font-size: 1.3rem;
  padding: 0.15rem 0.45rem;
  margin-right: 0.6rem;
  border-radius: 0.3rem;
  border: 1px solid rgba(34, 34, 34, 0.5215686275);
}
@media (min-width: 768px) {
  .admissions-criteria .main-container header .container .row .col #hamburger {
    display: none;
  }
}
.admissions-criteria .main-container .title-banner {
  background-image: url(/images/message-bg.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: bottom center;
  height: 100%;
}
.admissions-criteria .main-container .title-banner .bg-color {
  background-color: rgba(0, 0, 0, 0.5137254902);
  width: 100%;
  height: 100%;
  padding: 7rem 1rem;
  color: #fff;
}
@media (max-width: 767px) {
  .admissions-criteria .main-container .title-banner .bg-color {
    padding: 4rem 1rem;
  }
}
.admissions-criteria .main-container .title-banner .bg-color .container .row .col .text-banner-wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.3rem;
}
.admissions-criteria .main-container .title-banner .bg-color .container .row .col .text-banner-wrapper div {
  width: 15%;
  height: 4px;
  border-radius: 0.5rem;
  background-color: #006498;
}
.admissions-criteria .main-container .faq {
  margin-bottom: 2rem;
}
.admissions-criteria .main-container .faq .main-wrapper .container .row1 {
  padding: 1rem 0rem;
  padding-top: 2rem;
}
.admissions-criteria .main-container .faq .main-wrapper .container .row1 .col .wrapper p {
  font-size: 1.1rem;
}
.admissions-criteria .main-container .faq .main-wrapper .container .row1 .col .wrapper p span {
  font-weight: 500;
}
.admissions-criteria .main-container .faq .main-wrapper .container .row2 .col .wrapper {
  display: flex;
  align-items: center;
  gap: 1rem;
}
@media (max-width: 767px) {
  .admissions-criteria .main-container .faq .main-wrapper .container .row2 .col .wrapper {
    flex-wrap: wrap;
  }
}
.admissions-criteria .main-container .faq .main-wrapper .container .row2 .col .wrapper .button.active {
  background-color: #df0000;
}
.admissions-criteria .main-container .faq .main-wrapper .container .row3 {
  margin-top: 2rem;
}
.admissions-criteria .main-container .faq .main-wrapper .container .row3 .col .wrapper .data-container {
  margin-top: 10px;
}
.admissions-criteria .main-container .faq .main-wrapper .container .row3 .col .wrapper .data-container .main-wrapper {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.2rem;
}
.admissions-criteria .main-container .faq .main-wrapper .container .row3 .col .wrapper .data-container .main-wrapper .download-btn {
  border-radius: 20px;
  padding: 0.55rem 1.5rem;
  font-size: 0.9rem;
  outline: none;
  background-color: #003B84;
  border: none;
  cursor: pointer;
  color: #fff;
  transition: 0.2s all ease-in-out;
  box-shadow: none !important;
}
.admissions-criteria .main-container .faq .main-wrapper .container .row3 .col .wrapper .data-container .main-wrapper .download-btn:hover {
  color: #fff;
  background-color: #004ead;
}
.admissions-criteria .main-container .faq .main-wrapper .container .row3 .col .wrapper .data {
  display: none;
}
.admissions-criteria .main-container footer {
  width: 100%;
  background: rgb(0, 100, 152);
  background: linear-gradient(0deg, rgb(0, 100, 152) 0%, rgb(0, 117, 180) 100%);
  padding: 4rem 1rem;
  padding-bottom: 0;
  color: #fff;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.admissions-criteria .main-container footer .container .row {
  display: flex;
  justify-content: center;
}
.admissions-criteria .main-container footer .container .row .main-wrapper {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
}
@media (max-width: 767px) {
  .admissions-criteria .main-container footer .container .row .main-wrapper {
    flex-direction: column;
    gap: 2rem;
  }
}
.admissions-criteria .main-container footer .container .row .main-wrapper .col1 .wrapper h4 {
  margin-bottom: 1.5rem;
}
.admissions-criteria .main-container footer .container .row .main-wrapper .col1 .wrapper p {
  font-size: 0.9rem;
  line-height: 2;
}
.admissions-criteria .main-container footer .container .row .main-wrapper .col1 .wrapper div {
  display: flex;
  align-items: center;
  gap: 0.6rem;
}
.admissions-criteria .main-container footer .container .row .main-wrapper .col1 .wrapper div a {
  color: inherit;
}
.admissions-criteria .main-container footer .container .row .main-wrapper .col1 .wrapper div a i {
  font-size: 1.5rem;
}
.admissions-criteria .main-container footer .container .row .main-wrapper .col2 .wrapper h4 {
  margin-bottom: 1.5rem;
}
.admissions-criteria .main-container footer .container .row .main-wrapper .col2 .wrapper ul {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.admissions-criteria .main-container footer .container .row .main-wrapper .col2 .wrapper ul li {
  list-style-type: none;
  font-size: 0.94rem;
}
.admissions-criteria .main-container footer .container .row .main-wrapper .col2 .wrapper ul li a {
  color: inherit;
}
.admissions-criteria .main-container footer .container .row .main-wrapper .col3 .wrapper h4 {
  margin-bottom: 1.5rem;
}
.admissions-criteria .main-container footer .container .row .main-wrapper .col3 .wrapper ul {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.admissions-criteria .main-container footer .container .row .main-wrapper .col3 .wrapper ul li {
  list-style-type: none;
  font-size: 0.94rem;
}
.admissions-criteria .main-container footer .container .row .main-wrapper .col3 .wrapper ul li div {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.admissions-criteria .main-container footer .container .row .main-wrapper .col3 .wrapper ul li div span {
  font-size: 0.94rem;
}
.admissions-criteria .main-container footer .copyright {
  padding: 1.2rem 1rem;
  margin-bottom: 1.3rem;
  opacity: 0.7;
}
.admissions-criteria .main-container footer .copyright .container .row .col .wrapper {
  display: flex;
  align-items: center;
  gap: 0.3rem;
}
@media (max-width: 991px) {
  .admissions-criteria .main-container footer .copyright .container .row .col .wrapper {
    flex-direction: column;
    gap: 0.3rem;
  }
}
.admissions-criteria .main-container footer .copyright .container .row .col .wrapper p {
  padding: 0;
  margin: 0;
  text-align: center;
  font-size: 0.85rem;
}
@media (max-width: 575px) {
  .admissions-criteria .main-container footer .copyright .container .row .col .wrapper p {
    font-size: 0.75rem;
  }
}
.admissions-criteria .main-container footer .copyright .container .row .col .wrapper p a {
  color: inherit;
}

.fee-structure .main-container,
.merit-lists .main-container,
.apply-now .main-container {
  position: relative;
}
.fee-structure .main-container .top-nav,
.merit-lists .main-container .top-nav,
.apply-now .main-container .top-nav {
  background-color: #006498;
  padding: 0.7rem;
}
@media (max-width: 767px) {
  .fee-structure .main-container .top-nav,
  .merit-lists .main-container .top-nav,
  .apply-now .main-container .top-nav {
    display: none;
  }
}
.fee-structure .main-container .top-nav .container .row .col .main-wrapper,
.merit-lists .main-container .top-nav .container .row .col .main-wrapper,
.apply-now .main-container .top-nav .container .row .col .main-wrapper {
  color: #fff;
  font-size: 0.8rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 1rem;
}
.fee-structure .main-container .top-nav .container .row .col .main-wrapper a,
.merit-lists .main-container .top-nav .container .row .col .main-wrapper a,
.apply-now .main-container .top-nav .container .row .col .main-wrapper a {
  text-decoration: none;
  color: inherit;
}
.fee-structure .main-container .top-nav .container .row .col .main-wrapper .right i,
.merit-lists .main-container .top-nav .container .row .col .main-wrapper .right i,
.apply-now .main-container .top-nav .container .row .col .main-wrapper .right i {
  font-size: 1.1rem;
}
.fee-structure .main-container header,
.merit-lists .main-container header,
.apply-now .main-container header {
  position: relative;
  z-index: 20;
}
.fee-structure .main-container header .container .row .col,
.merit-lists .main-container header .container .row .col,
.apply-now .main-container header .container .row .col {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1.5rem;
  padding: 0.5rem 0.6rem;
}
@media (max-width: 767px) {
  .fee-structure .main-container header .container .row .col,
  .merit-lists .main-container header .container .row .col,
  .apply-now .main-container header .container .row .col {
    padding: 1rem 0.6rem;
  }
}
.fee-structure .main-container header .container .row .col a,
.merit-lists .main-container header .container .row .col a,
.apply-now .main-container header .container .row .col a {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
@media (max-width: 575px) {
  .fee-structure .main-container header .container .row .col a span:nth-child(2),
  .merit-lists .main-container header .container .row .col a span:nth-child(2),
  .apply-now .main-container header .container .row .col a span:nth-child(2) {
    display: none;
  }
}
.fee-structure .main-container header .container .row .col a img,
.merit-lists .main-container header .container .row .col a img,
.apply-now .main-container header .container .row .col a img {
  width: 4.5rem;
}
@media (max-width: 767px) {
  .fee-structure .main-container header .container .row .col a img,
  .merit-lists .main-container header .container .row .col a img,
  .apply-now .main-container header .container .row .col a img {
    width: 3rem;
  }
}
.fee-structure .main-container header .container .row .col a span,
.merit-lists .main-container header .container .row .col a span,
.apply-now .main-container header .container .row .col a span {
  font-size: 1.2rem;
  font-weight: 600;
  color: #000;
}
@media (min-width: 768px) and (max-width: 991px) {
  .fee-structure .main-container header .container .row .col a span,
  .merit-lists .main-container header .container .row .col a span,
  .apply-now .main-container header .container .row .col a span {
    display: none;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .fee-structure .main-container header .container .row .col a span,
  .merit-lists .main-container header .container .row .col a span,
  .apply-now .main-container header .container .row .col a span {
    font-size: 1.15rem;
  }
}
@media (max-width: 575px) {
  .fee-structure .main-container header .container .row .col a span,
  .merit-lists .main-container header .container .row .col a span,
  .apply-now .main-container header .container .row .col a span {
    font-size: 1rem;
  }
}
.fee-structure .main-container header .container .row .col a .mbl,
.merit-lists .main-container header .container .row .col a .mbl,
.apply-now .main-container header .container .row .col a .mbl {
  display: none;
}
@media (max-width: 575px) {
  .fee-structure .main-container header .container .row .col a .mbl,
  .merit-lists .main-container header .container .row .col a .mbl,
  .apply-now .main-container header .container .row .col a .mbl {
    display: flex;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .fee-structure .main-container header .container .row .col a .mbl,
  .merit-lists .main-container header .container .row .col a .mbl,
  .apply-now .main-container header .container .row .col a .mbl {
    display: flex;
  }
}
@media (max-width: 767px) {
  .fee-structure .main-container header .container .row .col nav,
  .merit-lists .main-container header .container .row .col nav,
  .apply-now .main-container header .container .row .col nav {
    display: none;
  }
}
.fee-structure .main-container header .container .row .col nav ul,
.merit-lists .main-container header .container .row .col nav ul,
.apply-now .main-container header .container .row .col nav ul {
  list-style-type: none;
  display: flex;
  align-items: center;
  gap: 1.5rem;
  position: relative;
  z-index: 21;
}
@media (max-width: 767px) {
  .fee-structure .main-container header .container .row .col nav ul,
  .merit-lists .main-container header .container .row .col nav ul,
  .apply-now .main-container header .container .row .col nav ul {
    flex-direction: column;
    gap: 0.5rem;
  }
}
@media (min-width: 992px) {
  .fee-structure .main-container header .container .row .col nav ul,
  .merit-lists .main-container header .container .row .col nav ul,
  .apply-now .main-container header .container .row .col nav ul {
    gap: 1.5rem;
  }
}
@media (min-width: 768px) {
  .fee-structure .main-container header .container .row .col nav ul li.about-menu:hover,
  .merit-lists .main-container header .container .row .col nav ul li.about-menu:hover,
  .apply-now .main-container header .container .row .col nav ul li.about-menu:hover {
    border-bottom: 2px solid #004ead;
    transition: all 0.2s ease-in;
  }
  .fee-structure .main-container header .container .row .col nav ul li.about-menu:hover .about-submenu,
  .merit-lists .main-container header .container .row .col nav ul li.about-menu:hover .about-submenu,
  .apply-now .main-container header .container .row .col nav ul li.about-menu:hover .about-submenu {
    display: flex !important;
  }
}
@media (max-width: 767px) {
  .fee-structure .main-container header .container .row .col nav ul li.about-menu .about-submenu,
  .merit-lists .main-container header .container .row .col nav ul li.about-menu .about-submenu,
  .apply-now .main-container header .container .row .col nav ul li.about-menu .about-submenu {
    margin-top: 1rem;
    display: none;
    position: static !important;
  }
}
@media (min-width: 768px) {
  .fee-structure .main-container header .container .row .col nav ul li.admissions-menu:hover,
  .merit-lists .main-container header .container .row .col nav ul li.admissions-menu:hover,
  .apply-now .main-container header .container .row .col nav ul li.admissions-menu:hover {
    border-bottom: 2px solid #004ead;
    transition: all 0.2s ease-in;
  }
  .fee-structure .main-container header .container .row .col nav ul li.admissions-menu:hover .admissions-submenu,
  .merit-lists .main-container header .container .row .col nav ul li.admissions-menu:hover .admissions-submenu,
  .apply-now .main-container header .container .row .col nav ul li.admissions-menu:hover .admissions-submenu {
    display: flex !important;
  }
}
@media (max-width: 767px) {
  .fee-structure .main-container header .container .row .col nav ul li.admissions-menu .admissions-submenu,
  .merit-lists .main-container header .container .row .col nav ul li.admissions-menu .admissions-submenu,
  .apply-now .main-container header .container .row .col nav ul li.admissions-menu .admissions-submenu {
    margin-top: 1rem;
    display: none;
    position: static !important;
  }
}
@media (min-width: 768px) {
  .fee-structure .main-container header .container .row .col nav ul li.departments-menu:hover,
  .merit-lists .main-container header .container .row .col nav ul li.departments-menu:hover,
  .apply-now .main-container header .container .row .col nav ul li.departments-menu:hover {
    border-bottom: 2px solid #004ead;
    transition: all 0.2s ease-in;
  }
  .fee-structure .main-container header .container .row .col nav ul li.departments-menu:hover .departments-submenu,
  .merit-lists .main-container header .container .row .col nav ul li.departments-menu:hover .departments-submenu,
  .apply-now .main-container header .container .row .col nav ul li.departments-menu:hover .departments-submenu {
    display: flex !important;
  }
}
@media (max-width: 767px) {
  .fee-structure .main-container header .container .row .col nav ul li.departments-menu .departments-submenu,
  .merit-lists .main-container header .container .row .col nav ul li.departments-menu .departments-submenu,
  .apply-now .main-container header .container .row .col nav ul li.departments-menu .departments-submenu {
    margin-top: 1rem;
    display: none;
    position: static !important;
  }
}
@media (min-width: 768px) {
  .fee-structure .main-container header .container .row .col nav ul li.learning-menu:hover,
  .merit-lists .main-container header .container .row .col nav ul li.learning-menu:hover,
  .apply-now .main-container header .container .row .col nav ul li.learning-menu:hover {
    border-bottom: 2px solid #004ead;
    transition: all 0.2s ease-in;
  }
  .fee-structure .main-container header .container .row .col nav ul li.learning-menu:hover .learning-submenu,
  .merit-lists .main-container header .container .row .col nav ul li.learning-menu:hover .learning-submenu,
  .apply-now .main-container header .container .row .col nav ul li.learning-menu:hover .learning-submenu {
    display: flex !important;
  }
}
@media (max-width: 767px) {
  .fee-structure .main-container header .container .row .col nav ul li.learning-menu .learning-submenu,
  .merit-lists .main-container header .container .row .col nav ul li.learning-menu .learning-submenu,
  .apply-now .main-container header .container .row .col nav ul li.learning-menu .learning-submenu {
    margin-top: 1rem;
    display: none;
    position: static !important;
  }
}
.fee-structure .main-container header .container .row .col nav ul li,
.merit-lists .main-container header .container .row .col nav ul li,
.apply-now .main-container header .container .row .col nav ul li {
  border-bottom: 2px solid transparent;
  padding: 5px 0;
  font-weight: 500;
  font-size: 0.85rem;
  cursor: pointer;
}
@media (min-width: 992px) {
  .fee-structure .main-container header .container .row .col nav ul li,
  .merit-lists .main-container header .container .row .col nav ul li,
  .apply-now .main-container header .container .row .col nav ul li {
    font-size: 0.85rem;
  }
}
.fee-structure .main-container header .container .row .col nav ul li .arrow::after,
.merit-lists .main-container header .container .row .col nav ul li .arrow::after,
.apply-now .main-container header .container .row .col nav ul li .arrow::after {
  width: 1rem;
  height: 1rem;
  content: "";
  background-image: url(/images/arrow-down.svg);
  background-repeat: no-repeat;
  background-position: center;
}
.fee-structure .main-container header .container .row .col nav ul li ul.about-submenu,
.fee-structure .main-container header .container .row .col nav ul li .admissions-submenu,
.fee-structure .main-container header .container .row .col nav ul li .departments-submenu,
.fee-structure .main-container header .container .row .col nav ul li .learning-submenu,
.merit-lists .main-container header .container .row .col nav ul li ul.about-submenu,
.merit-lists .main-container header .container .row .col nav ul li .admissions-submenu,
.merit-lists .main-container header .container .row .col nav ul li .departments-submenu,
.merit-lists .main-container header .container .row .col nav ul li .learning-submenu,
.apply-now .main-container header .container .row .col nav ul li ul.about-submenu,
.apply-now .main-container header .container .row .col nav ul li .admissions-submenu,
.apply-now .main-container header .container .row .col nav ul li .departments-submenu,
.apply-now .main-container header .container .row .col nav ul li .learning-submenu {
  z-index: 22;
  position: absolute;
  top: 2rem;
  display: none;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.2rem;
  padding: 1rem;
  padding-right: 1.5rem;
  background-color: #fff;
  transition: all 0.3s ease-in;
  box-shadow: 1px 1px 5px 2px rgba(34, 34, 34, 0.1098039216);
}
.fee-structure .main-container header .container .row .col #hamburger,
.merit-lists .main-container header .container .row .col #hamburger,
.apply-now .main-container header .container .row .col #hamburger {
  position: relative;
  z-index: 100;
  font-size: 1.3rem;
  padding: 0.15rem 0.45rem;
  margin-right: 0.6rem;
  border-radius: 0.3rem;
  border: 1px solid rgba(34, 34, 34, 0.5215686275);
}
@media (min-width: 768px) {
  .fee-structure .main-container header .container .row .col #hamburger,
  .merit-lists .main-container header .container .row .col #hamburger,
  .apply-now .main-container header .container .row .col #hamburger {
    display: none;
  }
}
.fee-structure .main-container .title-banner,
.merit-lists .main-container .title-banner,
.apply-now .main-container .title-banner {
  background-image: url(/images/message-bg.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: bottom center;
  height: 100%;
}
.fee-structure .main-container .title-banner .bg-color,
.merit-lists .main-container .title-banner .bg-color,
.apply-now .main-container .title-banner .bg-color {
  background-color: rgba(0, 0, 0, 0.5137254902);
  width: 100%;
  height: 100%;
  padding: 7rem 1rem;
  color: #fff;
}
@media (max-width: 767px) {
  .fee-structure .main-container .title-banner .bg-color,
  .merit-lists .main-container .title-banner .bg-color,
  .apply-now .main-container .title-banner .bg-color {
    padding: 4rem 1rem;
  }
}
.fee-structure .main-container .title-banner .bg-color .container .row .col .text-banner-wrapper,
.merit-lists .main-container .title-banner .bg-color .container .row .col .text-banner-wrapper,
.apply-now .main-container .title-banner .bg-color .container .row .col .text-banner-wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.3rem;
}
.fee-structure .main-container .title-banner .bg-color .container .row .col .text-banner-wrapper div,
.merit-lists .main-container .title-banner .bg-color .container .row .col .text-banner-wrapper div,
.apply-now .main-container .title-banner .bg-color .container .row .col .text-banner-wrapper div {
  width: 15%;
  height: 4px;
  border-radius: 0.5rem;
  background-color: #006498;
}
.fee-structure .main-container .faq,
.merit-lists .main-container .faq,
.apply-now .main-container .faq {
  margin-bottom: 2rem;
}
.fee-structure .main-container .faq .main-wrapper .container .row1,
.merit-lists .main-container .faq .main-wrapper .container .row1,
.apply-now .main-container .faq .main-wrapper .container .row1 {
  padding: 1rem 0rem;
  padding-top: 2rem;
}
.fee-structure .main-container .faq .main-wrapper .container .row1 .col .wrapper p,
.merit-lists .main-container .faq .main-wrapper .container .row1 .col .wrapper p,
.apply-now .main-container .faq .main-wrapper .container .row1 .col .wrapper p {
  font-size: 1.1rem;
}
.fee-structure .main-container .faq .main-wrapper .container .row1 .col .wrapper p span,
.merit-lists .main-container .faq .main-wrapper .container .row1 .col .wrapper p span,
.apply-now .main-container .faq .main-wrapper .container .row1 .col .wrapper p span {
  font-weight: 500;
}
.fee-structure .main-container .faq .main-wrapper .container .row2 .col .wrapper,
.merit-lists .main-container .faq .main-wrapper .container .row2 .col .wrapper,
.apply-now .main-container .faq .main-wrapper .container .row2 .col .wrapper {
  display: flex;
  align-items: center;
  gap: 1rem;
}
@media (max-width: 767px) {
  .fee-structure .main-container .faq .main-wrapper .container .row2 .col .wrapper,
  .merit-lists .main-container .faq .main-wrapper .container .row2 .col .wrapper,
  .apply-now .main-container .faq .main-wrapper .container .row2 .col .wrapper {
    flex-wrap: wrap;
  }
}
.fee-structure .main-container .faq .main-wrapper .container .row2 .col .wrapper .button.active,
.merit-lists .main-container .faq .main-wrapper .container .row2 .col .wrapper .button.active,
.apply-now .main-container .faq .main-wrapper .container .row2 .col .wrapper .button.active {
  background-color: #df0000;
}
.fee-structure .main-container .faq .main-wrapper .container .row3,
.merit-lists .main-container .faq .main-wrapper .container .row3,
.apply-now .main-container .faq .main-wrapper .container .row3 {
  margin-top: 2rem;
}
.fee-structure .main-container .faq .main-wrapper .container .row3 .col .wrapper .data-container,
.merit-lists .main-container .faq .main-wrapper .container .row3 .col .wrapper .data-container,
.apply-now .main-container .faq .main-wrapper .container .row3 .col .wrapper .data-container {
  margin-top: 10px;
}
.fee-structure .main-container .faq .main-wrapper .container .row3 .col .wrapper .data-container .main-wrapper,
.merit-lists .main-container .faq .main-wrapper .container .row3 .col .wrapper .data-container .main-wrapper,
.apply-now .main-container .faq .main-wrapper .container .row3 .col .wrapper .data-container .main-wrapper {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.2rem;
}
.fee-structure .main-container .faq .main-wrapper .container .row3 .col .wrapper .data-container .main-wrapper .download-btn,
.merit-lists .main-container .faq .main-wrapper .container .row3 .col .wrapper .data-container .main-wrapper .download-btn,
.apply-now .main-container .faq .main-wrapper .container .row3 .col .wrapper .data-container .main-wrapper .download-btn {
  border-radius: 20px;
  padding: 0.55rem 1.5rem;
  font-size: 0.9rem;
  outline: none;
  background-color: #003B84;
  border: none;
  cursor: pointer;
  color: #fff;
  transition: 0.2s all ease-in-out;
  box-shadow: none !important;
}
.fee-structure .main-container .faq .main-wrapper .container .row3 .col .wrapper .data-container .main-wrapper .download-btn:hover,
.merit-lists .main-container .faq .main-wrapper .container .row3 .col .wrapper .data-container .main-wrapper .download-btn:hover,
.apply-now .main-container .faq .main-wrapper .container .row3 .col .wrapper .data-container .main-wrapper .download-btn:hover {
  color: #fff;
  background-color: #004ead;
}
.fee-structure .main-container .faq .main-wrapper .container .row3 .col .wrapper .data,
.merit-lists .main-container .faq .main-wrapper .container .row3 .col .wrapper .data,
.apply-now .main-container .faq .main-wrapper .container .row3 .col .wrapper .data {
  display: none;
}
.fee-structure .main-container footer,
.merit-lists .main-container footer,
.apply-now .main-container footer {
  width: 100%;
  background: rgb(0, 100, 152);
  background: linear-gradient(0deg, rgb(0, 100, 152) 0%, rgb(0, 117, 180) 100%);
  padding: 4rem 1rem;
  padding-bottom: 0;
  color: #fff;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.fee-structure .main-container footer .container .row,
.merit-lists .main-container footer .container .row,
.apply-now .main-container footer .container .row {
  display: flex;
  justify-content: center;
}
.fee-structure .main-container footer .container .row .main-wrapper,
.merit-lists .main-container footer .container .row .main-wrapper,
.apply-now .main-container footer .container .row .main-wrapper {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
}
@media (max-width: 767px) {
  .fee-structure .main-container footer .container .row .main-wrapper,
  .merit-lists .main-container footer .container .row .main-wrapper,
  .apply-now .main-container footer .container .row .main-wrapper {
    flex-direction: column;
    gap: 2rem;
  }
}
.fee-structure .main-container footer .container .row .main-wrapper .col1 .wrapper h4,
.merit-lists .main-container footer .container .row .main-wrapper .col1 .wrapper h4,
.apply-now .main-container footer .container .row .main-wrapper .col1 .wrapper h4 {
  margin-bottom: 1.5rem;
}
.fee-structure .main-container footer .container .row .main-wrapper .col1 .wrapper p,
.merit-lists .main-container footer .container .row .main-wrapper .col1 .wrapper p,
.apply-now .main-container footer .container .row .main-wrapper .col1 .wrapper p {
  font-size: 0.9rem;
  line-height: 2;
}
.fee-structure .main-container footer .container .row .main-wrapper .col1 .wrapper div,
.merit-lists .main-container footer .container .row .main-wrapper .col1 .wrapper div,
.apply-now .main-container footer .container .row .main-wrapper .col1 .wrapper div {
  display: flex;
  align-items: center;
  gap: 0.6rem;
}
.fee-structure .main-container footer .container .row .main-wrapper .col1 .wrapper div a,
.merit-lists .main-container footer .container .row .main-wrapper .col1 .wrapper div a,
.apply-now .main-container footer .container .row .main-wrapper .col1 .wrapper div a {
  color: inherit;
}
.fee-structure .main-container footer .container .row .main-wrapper .col1 .wrapper div a i,
.merit-lists .main-container footer .container .row .main-wrapper .col1 .wrapper div a i,
.apply-now .main-container footer .container .row .main-wrapper .col1 .wrapper div a i {
  font-size: 1.5rem;
}
.fee-structure .main-container footer .container .row .main-wrapper .col2 .wrapper h4,
.merit-lists .main-container footer .container .row .main-wrapper .col2 .wrapper h4,
.apply-now .main-container footer .container .row .main-wrapper .col2 .wrapper h4 {
  margin-bottom: 1.5rem;
}
.fee-structure .main-container footer .container .row .main-wrapper .col2 .wrapper ul,
.merit-lists .main-container footer .container .row .main-wrapper .col2 .wrapper ul,
.apply-now .main-container footer .container .row .main-wrapper .col2 .wrapper ul {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.fee-structure .main-container footer .container .row .main-wrapper .col2 .wrapper ul li,
.merit-lists .main-container footer .container .row .main-wrapper .col2 .wrapper ul li,
.apply-now .main-container footer .container .row .main-wrapper .col2 .wrapper ul li {
  list-style-type: none;
  font-size: 0.94rem;
}
.fee-structure .main-container footer .container .row .main-wrapper .col2 .wrapper ul li a,
.merit-lists .main-container footer .container .row .main-wrapper .col2 .wrapper ul li a,
.apply-now .main-container footer .container .row .main-wrapper .col2 .wrapper ul li a {
  color: inherit;
}
.fee-structure .main-container footer .container .row .main-wrapper .col3 .wrapper h4,
.merit-lists .main-container footer .container .row .main-wrapper .col3 .wrapper h4,
.apply-now .main-container footer .container .row .main-wrapper .col3 .wrapper h4 {
  margin-bottom: 1.5rem;
}
.fee-structure .main-container footer .container .row .main-wrapper .col3 .wrapper ul,
.merit-lists .main-container footer .container .row .main-wrapper .col3 .wrapper ul,
.apply-now .main-container footer .container .row .main-wrapper .col3 .wrapper ul {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.fee-structure .main-container footer .container .row .main-wrapper .col3 .wrapper ul li,
.merit-lists .main-container footer .container .row .main-wrapper .col3 .wrapper ul li,
.apply-now .main-container footer .container .row .main-wrapper .col3 .wrapper ul li {
  list-style-type: none;
  font-size: 0.94rem;
}
.fee-structure .main-container footer .container .row .main-wrapper .col3 .wrapper ul li div,
.merit-lists .main-container footer .container .row .main-wrapper .col3 .wrapper ul li div,
.apply-now .main-container footer .container .row .main-wrapper .col3 .wrapper ul li div {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.fee-structure .main-container footer .container .row .main-wrapper .col3 .wrapper ul li div span,
.merit-lists .main-container footer .container .row .main-wrapper .col3 .wrapper ul li div span,
.apply-now .main-container footer .container .row .main-wrapper .col3 .wrapper ul li div span {
  font-size: 0.94rem;
}
.fee-structure .main-container footer .copyright,
.merit-lists .main-container footer .copyright,
.apply-now .main-container footer .copyright {
  padding: 1.2rem 1rem;
  margin-bottom: 1.3rem;
  opacity: 0.7;
}
.fee-structure .main-container footer .copyright .container .row .col .wrapper,
.merit-lists .main-container footer .copyright .container .row .col .wrapper,
.apply-now .main-container footer .copyright .container .row .col .wrapper {
  display: flex;
  align-items: center;
  gap: 0.3rem;
}
@media (max-width: 991px) {
  .fee-structure .main-container footer .copyright .container .row .col .wrapper,
  .merit-lists .main-container footer .copyright .container .row .col .wrapper,
  .apply-now .main-container footer .copyright .container .row .col .wrapper {
    flex-direction: column;
    gap: 0.3rem;
  }
}
.fee-structure .main-container footer .copyright .container .row .col .wrapper p,
.merit-lists .main-container footer .copyright .container .row .col .wrapper p,
.apply-now .main-container footer .copyright .container .row .col .wrapper p {
  padding: 0;
  margin: 0;
  text-align: center;
  font-size: 0.85rem;
}
@media (max-width: 575px) {
  .fee-structure .main-container footer .copyright .container .row .col .wrapper p,
  .merit-lists .main-container footer .copyright .container .row .col .wrapper p,
  .apply-now .main-container footer .copyright .container .row .col .wrapper p {
    font-size: 0.75rem;
  }
}
.fee-structure .main-container footer .copyright .container .row .col .wrapper p a,
.merit-lists .main-container footer .copyright .container .row .col .wrapper p a,
.apply-now .main-container footer .copyright .container .row .col .wrapper p a {
  color: inherit;
}

.vision-mission .main-container {
  position: relative;
}
.vision-mission .main-container .top-nav {
  background-color: #006498;
  padding: 0.7rem;
}
@media (max-width: 767px) {
  .vision-mission .main-container .top-nav {
    display: none;
  }
}
.vision-mission .main-container .top-nav .container .row .col .main-wrapper {
  color: #fff;
  font-size: 0.8rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 1rem;
}
.vision-mission .main-container .top-nav .container .row .col .main-wrapper a {
  text-decoration: none;
  color: inherit;
}
.vision-mission .main-container .top-nav .container .row .col .main-wrapper .right i {
  font-size: 1.1rem;
}
.vision-mission .main-container header {
  position: relative;
  z-index: 20;
}
.vision-mission .main-container header .container .row .col {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1.5rem;
  padding: 0.5rem 0.6rem;
}
@media (max-width: 767px) {
  .vision-mission .main-container header .container .row .col {
    padding: 1rem 0.6rem;
  }
}
.vision-mission .main-container header .container .row .col a {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
@media (max-width: 575px) {
  .vision-mission .main-container header .container .row .col a span:nth-child(2) {
    display: none;
  }
}
.vision-mission .main-container header .container .row .col a img {
  width: 4.5rem;
}
@media (max-width: 767px) {
  .vision-mission .main-container header .container .row .col a img {
    width: 3rem;
  }
}
.vision-mission .main-container header .container .row .col a span {
  font-size: 1.2rem;
  font-weight: 600;
  color: #000;
}
@media (min-width: 768px) and (max-width: 991px) {
  .vision-mission .main-container header .container .row .col a span {
    display: none;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .vision-mission .main-container header .container .row .col a span {
    font-size: 1.15rem;
  }
}
@media (max-width: 575px) {
  .vision-mission .main-container header .container .row .col a span {
    font-size: 1rem;
  }
}
.vision-mission .main-container header .container .row .col a .mbl {
  display: none;
}
@media (max-width: 575px) {
  .vision-mission .main-container header .container .row .col a .mbl {
    display: flex;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .vision-mission .main-container header .container .row .col a .mbl {
    display: flex;
  }
}
@media (max-width: 767px) {
  .vision-mission .main-container header .container .row .col nav {
    display: none;
  }
}
.vision-mission .main-container header .container .row .col nav ul {
  list-style-type: none;
  display: flex;
  align-items: center;
  gap: 1.5rem;
  position: relative;
  z-index: 21;
}
@media (max-width: 767px) {
  .vision-mission .main-container header .container .row .col nav ul {
    flex-direction: column;
    gap: 0.5rem;
  }
}
@media (min-width: 992px) {
  .vision-mission .main-container header .container .row .col nav ul {
    gap: 1.5rem;
  }
}
@media (min-width: 768px) {
  .vision-mission .main-container header .container .row .col nav ul li.about-menu:hover {
    border-bottom: 2px solid #004ead;
    transition: all 0.2s ease-in;
  }
  .vision-mission .main-container header .container .row .col nav ul li.about-menu:hover .about-submenu {
    display: flex !important;
  }
}
@media (max-width: 767px) {
  .vision-mission .main-container header .container .row .col nav ul li.about-menu .about-submenu {
    margin-top: 1rem;
    display: none;
    position: static !important;
  }
}
@media (min-width: 768px) {
  .vision-mission .main-container header .container .row .col nav ul li.admissions-menu:hover {
    border-bottom: 2px solid #004ead;
    transition: all 0.2s ease-in;
  }
  .vision-mission .main-container header .container .row .col nav ul li.admissions-menu:hover .admissions-submenu {
    display: flex !important;
  }
}
@media (max-width: 767px) {
  .vision-mission .main-container header .container .row .col nav ul li.admissions-menu .admissions-submenu {
    margin-top: 1rem;
    display: none;
    position: static !important;
  }
}
@media (min-width: 768px) {
  .vision-mission .main-container header .container .row .col nav ul li.departments-menu:hover {
    border-bottom: 2px solid #004ead;
    transition: all 0.2s ease-in;
  }
  .vision-mission .main-container header .container .row .col nav ul li.departments-menu:hover .departments-submenu {
    display: flex !important;
  }
}
@media (max-width: 767px) {
  .vision-mission .main-container header .container .row .col nav ul li.departments-menu .departments-submenu {
    margin-top: 1rem;
    display: none;
    position: static !important;
  }
}
@media (min-width: 768px) {
  .vision-mission .main-container header .container .row .col nav ul li.learning-menu:hover {
    border-bottom: 2px solid #004ead;
    transition: all 0.2s ease-in;
  }
  .vision-mission .main-container header .container .row .col nav ul li.learning-menu:hover .learning-submenu {
    display: flex !important;
  }
}
@media (max-width: 767px) {
  .vision-mission .main-container header .container .row .col nav ul li.learning-menu .learning-submenu {
    margin-top: 1rem;
    display: none;
    position: static !important;
  }
}
.vision-mission .main-container header .container .row .col nav ul li {
  border-bottom: 2px solid transparent;
  padding: 5px 0;
  font-weight: 500;
  font-size: 0.85rem;
  cursor: pointer;
}
@media (min-width: 992px) {
  .vision-mission .main-container header .container .row .col nav ul li {
    font-size: 0.85rem;
  }
}
.vision-mission .main-container header .container .row .col nav ul li .arrow::after {
  width: 1rem;
  height: 1rem;
  content: "";
  background-image: url(/images/arrow-down.svg);
  background-repeat: no-repeat;
  background-position: center;
}
.vision-mission .main-container header .container .row .col nav ul li ul.about-submenu,
.vision-mission .main-container header .container .row .col nav ul li .admissions-submenu,
.vision-mission .main-container header .container .row .col nav ul li .departments-submenu,
.vision-mission .main-container header .container .row .col nav ul li .learning-submenu {
  z-index: 22;
  position: absolute;
  top: 2rem;
  display: none;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.2rem;
  padding: 1rem;
  padding-right: 1.5rem;
  background-color: #fff;
  transition: all 0.3s ease-in;
  box-shadow: 1px 1px 5px 2px rgba(34, 34, 34, 0.1098039216);
}
.vision-mission .main-container header .container .row .col #hamburger {
  position: relative;
  z-index: 100;
  font-size: 1.3rem;
  padding: 0.15rem 0.45rem;
  margin-right: 0.6rem;
  border-radius: 0.3rem;
  border: 1px solid rgba(34, 34, 34, 0.5215686275);
}
@media (min-width: 768px) {
  .vision-mission .main-container header .container .row .col #hamburger {
    display: none;
  }
}
.vision-mission .main-container .title-banner {
  background-image: url(/images/message-bg.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: bottom center;
  height: 100%;
}
.vision-mission .main-container .title-banner .bg-color {
  background-color: rgba(0, 0, 0, 0.5137254902);
  width: 100%;
  height: 100%;
  padding: 7rem 1rem;
  color: #fff;
}
@media (max-width: 767px) {
  .vision-mission .main-container .title-banner .bg-color {
    padding: 4rem 1rem;
  }
}
.vision-mission .main-container .title-banner .bg-color .container .row .col .text-banner-wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.3rem;
}
.vision-mission .main-container .title-banner .bg-color .container .row .col .text-banner-wrapper div {
  width: 15%;
  height: 4px;
  border-radius: 0.5rem;
  background-color: #006498;
}
.vision-mission .main-container .vision-mission-wrapper {
  padding: 3rem 1rem;
  margin-top: 0.4rem;
}
.vision-mission .main-container .vision-mission-wrapper .container .row .col .main-wrapper {
  display: flex;
  flex-direction: column;
  gap: 2rem;
}
.vision-mission .main-container .vision-mission-wrapper .container .row .col .main-wrapper .mbbs {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  padding-bottom: 2rem;
  border-bottom: 1px solid rgba(34, 34, 34, 0.3137254902);
}
.vision-mission .main-container .vision-mission-wrapper .container .row .col .main-wrapper .mbbs h2 {
  font-weight: 600;
  font-size: 2.1rem;
  margin-bottom: 0.6rem;
}
@media (max-width: 767px) {
  .vision-mission .main-container .vision-mission-wrapper .container .row .col .main-wrapper .mbbs h2 {
    font-size: 1.7rem;
  }
}
.vision-mission .main-container .vision-mission-wrapper .container .row .col .main-wrapper .mbbs .vision ul,
.vision-mission .main-container .vision-mission-wrapper .container .row .col .main-wrapper .mbbs .vision ol,
.vision-mission .main-container .vision-mission-wrapper .container .row .col .main-wrapper .mbbs .mission ul,
.vision-mission .main-container .vision-mission-wrapper .container .row .col .main-wrapper .mbbs .mission ol {
  margin-left: 2rem;
}
.vision-mission .main-container footer {
  width: 100%;
  background: rgb(0, 100, 152);
  background: linear-gradient(0deg, rgb(0, 100, 152) 0%, rgb(0, 117, 180) 100%);
  padding: 4rem 1rem;
  padding-bottom: 0;
  color: #fff;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.vision-mission .main-container footer .container .row {
  display: flex;
  justify-content: center;
}
.vision-mission .main-container footer .container .row .main-wrapper {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
}
@media (max-width: 767px) {
  .vision-mission .main-container footer .container .row .main-wrapper {
    flex-direction: column;
    gap: 2rem;
  }
}
.vision-mission .main-container footer .container .row .main-wrapper .col1 .wrapper h4 {
  margin-bottom: 1.5rem;
}
.vision-mission .main-container footer .container .row .main-wrapper .col1 .wrapper p {
  font-size: 0.9rem;
  line-height: 2;
}
.vision-mission .main-container footer .container .row .main-wrapper .col1 .wrapper div {
  display: flex;
  align-items: center;
  gap: 0.6rem;
}
.vision-mission .main-container footer .container .row .main-wrapper .col1 .wrapper div a {
  color: inherit;
}
.vision-mission .main-container footer .container .row .main-wrapper .col1 .wrapper div a i {
  font-size: 1.5rem;
}
.vision-mission .main-container footer .container .row .main-wrapper .col2 .wrapper h4 {
  margin-bottom: 1.5rem;
}
.vision-mission .main-container footer .container .row .main-wrapper .col2 .wrapper ul {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.vision-mission .main-container footer .container .row .main-wrapper .col2 .wrapper ul li {
  list-style-type: none;
  font-size: 0.94rem;
}
.vision-mission .main-container footer .container .row .main-wrapper .col2 .wrapper ul li a {
  color: inherit;
}
.vision-mission .main-container footer .container .row .main-wrapper .col3 .wrapper h4 {
  margin-bottom: 1.5rem;
}
.vision-mission .main-container footer .container .row .main-wrapper .col3 .wrapper ul {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.vision-mission .main-container footer .container .row .main-wrapper .col3 .wrapper ul li {
  list-style-type: none;
  font-size: 0.94rem;
}
.vision-mission .main-container footer .container .row .main-wrapper .col3 .wrapper ul li div {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.vision-mission .main-container footer .container .row .main-wrapper .col3 .wrapper ul li div span {
  font-size: 0.94rem;
}
.vision-mission .main-container footer .copyright {
  padding: 1.2rem 1rem;
  margin-bottom: 1.3rem;
  opacity: 0.7;
}
.vision-mission .main-container footer .copyright .container .row .col .wrapper {
  display: flex;
  align-items: center;
  gap: 0.3rem;
}
@media (max-width: 991px) {
  .vision-mission .main-container footer .copyright .container .row .col .wrapper {
    flex-direction: column;
    gap: 0.3rem;
  }
}
.vision-mission .main-container footer .copyright .container .row .col .wrapper p {
  padding: 0;
  margin: 0;
  text-align: center;
  font-size: 0.85rem;
}
@media (max-width: 575px) {
  .vision-mission .main-container footer .copyright .container .row .col .wrapper p {
    font-size: 0.75rem;
  }
}
.vision-mission .main-container footer .copyright .container .row .col .wrapper p a {
  color: inherit;
}

.standing-committee-msg .main-container {
  position: relative;
}
.standing-committee-msg .main-container .top-nav {
  background-color: #006498;
  padding: 0.7rem;
}
@media (max-width: 767px) {
  .standing-committee-msg .main-container .top-nav {
    display: none;
  }
}
.standing-committee-msg .main-container .top-nav .container .row .col .main-wrapper {
  color: #fff;
  font-size: 0.8rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 1rem;
}
.standing-committee-msg .main-container .top-nav .container .row .col .main-wrapper a {
  text-decoration: none;
  color: inherit;
}
.standing-committee-msg .main-container .top-nav .container .row .col .main-wrapper .right i {
  font-size: 1.1rem;
}
.standing-committee-msg .main-container header {
  position: relative;
  z-index: 20;
}
.standing-committee-msg .main-container header .container .row .col {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1.5rem;
  padding: 0.5rem 0.6rem;
}
@media (max-width: 767px) {
  .standing-committee-msg .main-container header .container .row .col {
    padding: 1rem 0.6rem;
  }
}
.standing-committee-msg .main-container header .container .row .col a {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
@media (max-width: 575px) {
  .standing-committee-msg .main-container header .container .row .col a span:nth-child(2) {
    display: none;
  }
}
.standing-committee-msg .main-container header .container .row .col a img {
  width: 4.5rem;
}
@media (max-width: 767px) {
  .standing-committee-msg .main-container header .container .row .col a img {
    width: 3rem;
  }
}
.standing-committee-msg .main-container header .container .row .col a span {
  font-size: 1.2rem;
  font-weight: 600;
  color: #000;
}
@media (min-width: 768px) and (max-width: 991px) {
  .standing-committee-msg .main-container header .container .row .col a span {
    display: none;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .standing-committee-msg .main-container header .container .row .col a span {
    font-size: 1.15rem;
  }
}
@media (max-width: 575px) {
  .standing-committee-msg .main-container header .container .row .col a span {
    font-size: 1rem;
  }
}
.standing-committee-msg .main-container header .container .row .col a .mbl {
  display: none;
}
@media (max-width: 575px) {
  .standing-committee-msg .main-container header .container .row .col a .mbl {
    display: flex;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .standing-committee-msg .main-container header .container .row .col a .mbl {
    display: flex;
  }
}
@media (max-width: 767px) {
  .standing-committee-msg .main-container header .container .row .col nav {
    display: none;
  }
}
.standing-committee-msg .main-container header .container .row .col nav ul {
  list-style-type: none;
  display: flex;
  align-items: center;
  gap: 1.5rem;
  position: relative;
  z-index: 21;
}
@media (max-width: 767px) {
  .standing-committee-msg .main-container header .container .row .col nav ul {
    flex-direction: column;
    gap: 0.5rem;
  }
}
@media (min-width: 992px) {
  .standing-committee-msg .main-container header .container .row .col nav ul {
    gap: 1.5rem;
  }
}
@media (min-width: 768px) {
  .standing-committee-msg .main-container header .container .row .col nav ul li.about-menu:hover {
    border-bottom: 2px solid #004ead;
    transition: all 0.2s ease-in;
  }
  .standing-committee-msg .main-container header .container .row .col nav ul li.about-menu:hover .about-submenu {
    display: flex !important;
  }
}
@media (max-width: 767px) {
  .standing-committee-msg .main-container header .container .row .col nav ul li.about-menu .about-submenu {
    margin-top: 1rem;
    display: none;
    position: static !important;
  }
}
@media (min-width: 768px) {
  .standing-committee-msg .main-container header .container .row .col nav ul li.admissions-menu:hover {
    border-bottom: 2px solid #004ead;
    transition: all 0.2s ease-in;
  }
  .standing-committee-msg .main-container header .container .row .col nav ul li.admissions-menu:hover .admissions-submenu {
    display: flex !important;
  }
}
@media (max-width: 767px) {
  .standing-committee-msg .main-container header .container .row .col nav ul li.admissions-menu .admissions-submenu {
    margin-top: 1rem;
    display: none;
    position: static !important;
  }
}
@media (min-width: 768px) {
  .standing-committee-msg .main-container header .container .row .col nav ul li.departments-menu:hover {
    border-bottom: 2px solid #004ead;
    transition: all 0.2s ease-in;
  }
  .standing-committee-msg .main-container header .container .row .col nav ul li.departments-menu:hover .departments-submenu {
    display: flex !important;
  }
}
@media (max-width: 767px) {
  .standing-committee-msg .main-container header .container .row .col nav ul li.departments-menu .departments-submenu {
    margin-top: 1rem;
    display: none;
    position: static !important;
  }
}
@media (min-width: 768px) {
  .standing-committee-msg .main-container header .container .row .col nav ul li.learning-menu:hover {
    border-bottom: 2px solid #004ead;
    transition: all 0.2s ease-in;
  }
  .standing-committee-msg .main-container header .container .row .col nav ul li.learning-menu:hover .learning-submenu {
    display: flex !important;
  }
}
@media (max-width: 767px) {
  .standing-committee-msg .main-container header .container .row .col nav ul li.learning-menu .learning-submenu {
    margin-top: 1rem;
    display: none;
    position: static !important;
  }
}
.standing-committee-msg .main-container header .container .row .col nav ul li {
  border-bottom: 2px solid transparent;
  padding: 5px 0;
  font-weight: 500;
  font-size: 0.85rem;
  cursor: pointer;
}
@media (min-width: 992px) {
  .standing-committee-msg .main-container header .container .row .col nav ul li {
    font-size: 0.85rem;
  }
}
.standing-committee-msg .main-container header .container .row .col nav ul li .arrow::after {
  width: 1rem;
  height: 1rem;
  content: "";
  background-image: url(/images/arrow-down.svg);
  background-repeat: no-repeat;
  background-position: center;
}
.standing-committee-msg .main-container header .container .row .col nav ul li ul.about-submenu,
.standing-committee-msg .main-container header .container .row .col nav ul li .admissions-submenu,
.standing-committee-msg .main-container header .container .row .col nav ul li .departments-submenu,
.standing-committee-msg .main-container header .container .row .col nav ul li .learning-submenu {
  z-index: 22;
  position: absolute;
  top: 2rem;
  display: none;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.2rem;
  padding: 1rem;
  padding-right: 1.5rem;
  background-color: #fff;
  transition: all 0.3s ease-in;
  box-shadow: 1px 1px 5px 2px rgba(34, 34, 34, 0.1098039216);
}
.standing-committee-msg .main-container header .container .row .col #hamburger {
  position: relative;
  z-index: 100;
  font-size: 1.3rem;
  padding: 0.15rem 0.45rem;
  margin-right: 0.6rem;
  border-radius: 0.3rem;
  border: 1px solid rgba(34, 34, 34, 0.5215686275);
}
@media (min-width: 768px) {
  .standing-committee-msg .main-container header .container .row .col #hamburger {
    display: none;
  }
}
.standing-committee-msg .main-container .title-banner {
  background-image: url(/images/message-bg.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: bottom center;
  height: 100%;
}
.standing-committee-msg .main-container .title-banner .bg-color {
  background-color: rgba(0, 0, 0, 0.5137254902);
  width: 100%;
  height: 100%;
  padding: 7rem 1rem;
  color: #fff;
}
@media (max-width: 767px) {
  .standing-committee-msg .main-container .title-banner .bg-color {
    padding: 4rem 1rem;
  }
}
.standing-committee-msg .main-container .title-banner .bg-color .container .row .col .text-banner-wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.3rem;
}
.standing-committee-msg .main-container .title-banner .bg-color .container .row .col .text-banner-wrapper div {
  width: 15%;
  height: 4px;
  border-radius: 0.5rem;
  background-color: #006498;
}
.standing-committee-msg .main-container .standing-committee-msg-wrapper {
  padding: 3rem 1rem;
  margin-top: 0.4rem;
}
.standing-committee-msg .main-container .standing-committee-msg-wrapper .container .row {
  display: flex;
  align-items: center;
}
@media (max-width: 767px) {
  .standing-committee-msg .main-container .standing-committee-msg-wrapper .container .row {
    flex-direction: column;
  }
}
.standing-committee-msg .main-container .standing-committee-msg-wrapper .container .row .col1 {
  padding: 1rem;
}
.standing-committee-msg .main-container .standing-committee-msg-wrapper .container .row .col1 .main-wrapper .image img {
  border-radius: 0.5rem;
  width: 100%;
}
.standing-committee-msg .main-container .standing-committee-msg-wrapper .container .row .col2 {
  padding: 1rem;
}
.standing-committee-msg .main-container .standing-committee-msg-wrapper .container .row .col2 .main-wrapper {
  display: flex;
  flex-direction: column;
  gap: 1.8rem;
}
.standing-committee-msg .main-container .standing-committee-msg-wrapper .container .row .col2 .main-wrapper .biodata div h4 {
  font-size: 1.1rem;
}
.standing-committee-msg .main-container .standing-committee-msg-wrapper .container .row .col2 .main-wrapper .biodata div h5 {
  font-size: 1.1rem;
}
.standing-committee-msg .main-container footer {
  width: 100%;
  background: rgb(0, 100, 152);
  background: linear-gradient(0deg, rgb(0, 100, 152) 0%, rgb(0, 117, 180) 100%);
  padding: 4rem 1rem;
  padding-bottom: 0;
  color: #fff;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.standing-committee-msg .main-container footer .container .row {
  display: flex;
  justify-content: center;
}
.standing-committee-msg .main-container footer .container .row .main-wrapper {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
}
@media (max-width: 767px) {
  .standing-committee-msg .main-container footer .container .row .main-wrapper {
    flex-direction: column;
    gap: 2rem;
  }
}
.standing-committee-msg .main-container footer .container .row .main-wrapper .col1 .wrapper h4 {
  margin-bottom: 1.5rem;
}
.standing-committee-msg .main-container footer .container .row .main-wrapper .col1 .wrapper p {
  font-size: 0.9rem;
  line-height: 2;
}
.standing-committee-msg .main-container footer .container .row .main-wrapper .col1 .wrapper div {
  display: flex;
  align-items: center;
  gap: 0.6rem;
}
.standing-committee-msg .main-container footer .container .row .main-wrapper .col1 .wrapper div a {
  color: inherit;
}
.standing-committee-msg .main-container footer .container .row .main-wrapper .col1 .wrapper div a i {
  font-size: 1.5rem;
}
.standing-committee-msg .main-container footer .container .row .main-wrapper .col2 .wrapper h4 {
  margin-bottom: 1.5rem;
}
.standing-committee-msg .main-container footer .container .row .main-wrapper .col2 .wrapper ul {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.standing-committee-msg .main-container footer .container .row .main-wrapper .col2 .wrapper ul li {
  list-style-type: none;
  font-size: 0.94rem;
}
.standing-committee-msg .main-container footer .container .row .main-wrapper .col2 .wrapper ul li a {
  color: inherit;
}
.standing-committee-msg .main-container footer .container .row .main-wrapper .col3 .wrapper h4 {
  margin-bottom: 1.5rem;
}
.standing-committee-msg .main-container footer .container .row .main-wrapper .col3 .wrapper ul {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.standing-committee-msg .main-container footer .container .row .main-wrapper .col3 .wrapper ul li {
  list-style-type: none;
  font-size: 0.94rem;
}
.standing-committee-msg .main-container footer .container .row .main-wrapper .col3 .wrapper ul li div {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.standing-committee-msg .main-container footer .container .row .main-wrapper .col3 .wrapper ul li div span {
  font-size: 0.94rem;
}
.standing-committee-msg .main-container footer .copyright {
  padding: 1.2rem 1rem;
  margin-bottom: 1.3rem;
  opacity: 0.7;
}
.standing-committee-msg .main-container footer .copyright .container .row .col .wrapper {
  display: flex;
  align-items: center;
  gap: 0.3rem;
}
@media (max-width: 991px) {
  .standing-committee-msg .main-container footer .copyright .container .row .col .wrapper {
    flex-direction: column;
    gap: 0.3rem;
  }
}
.standing-committee-msg .main-container footer .copyright .container .row .col .wrapper p {
  padding: 0;
  margin: 0;
  text-align: center;
  font-size: 0.85rem;
}
@media (max-width: 575px) {
  .standing-committee-msg .main-container footer .copyright .container .row .col .wrapper p {
    font-size: 0.75rem;
  }
}
.standing-committee-msg .main-container footer .copyright .container .row .col .wrapper p a {
  color: inherit;
}

.contact-us .main-container {
  position: relative;
}
.contact-us .main-container .top-nav {
  background-color: #006498;
  padding: 0.7rem;
}
@media (max-width: 767px) {
  .contact-us .main-container .top-nav {
    display: none;
  }
}
.contact-us .main-container .top-nav .container .row .col .main-wrapper {
  color: #fff;
  font-size: 0.8rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 1rem;
}
.contact-us .main-container .top-nav .container .row .col .main-wrapper a {
  text-decoration: none;
  color: inherit;
}
.contact-us .main-container .top-nav .container .row .col .main-wrapper .right i {
  font-size: 1.1rem;
}
.contact-us .main-container header {
  position: relative;
  z-index: 20;
}
.contact-us .main-container header .container .row .col {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1.5rem;
  padding: 0.5rem 0.6rem;
}
@media (max-width: 767px) {
  .contact-us .main-container header .container .row .col {
    padding: 1rem 0.6rem;
  }
}
.contact-us .main-container header .container .row .col a {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
@media (max-width: 575px) {
  .contact-us .main-container header .container .row .col a span:nth-child(2) {
    display: none;
  }
}
.contact-us .main-container header .container .row .col a img {
  width: 4.5rem;
}
@media (max-width: 767px) {
  .contact-us .main-container header .container .row .col a img {
    width: 3rem;
  }
}
.contact-us .main-container header .container .row .col a span {
  font-size: 1.2rem;
  font-weight: 600;
  color: #000;
}
@media (min-width: 768px) and (max-width: 991px) {
  .contact-us .main-container header .container .row .col a span {
    display: none;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .contact-us .main-container header .container .row .col a span {
    font-size: 1.15rem;
  }
}
@media (max-width: 575px) {
  .contact-us .main-container header .container .row .col a span {
    font-size: 1rem;
  }
}
.contact-us .main-container header .container .row .col a .mbl {
  display: none;
}
@media (max-width: 575px) {
  .contact-us .main-container header .container .row .col a .mbl {
    display: flex;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .contact-us .main-container header .container .row .col a .mbl {
    display: flex;
  }
}
@media (max-width: 767px) {
  .contact-us .main-container header .container .row .col nav {
    display: none;
  }
}
.contact-us .main-container header .container .row .col nav ul {
  list-style-type: none;
  display: flex;
  align-items: center;
  gap: 1.5rem;
  position: relative;
  z-index: 21;
}
@media (max-width: 767px) {
  .contact-us .main-container header .container .row .col nav ul {
    flex-direction: column;
    gap: 0.5rem;
  }
}
@media (min-width: 992px) {
  .contact-us .main-container header .container .row .col nav ul {
    gap: 1.5rem;
  }
}
@media (min-width: 768px) {
  .contact-us .main-container header .container .row .col nav ul li.about-menu:hover {
    border-bottom: 2px solid #004ead;
    transition: all 0.2s ease-in;
  }
  .contact-us .main-container header .container .row .col nav ul li.about-menu:hover .about-submenu {
    display: flex !important;
  }
}
@media (max-width: 767px) {
  .contact-us .main-container header .container .row .col nav ul li.about-menu .about-submenu {
    margin-top: 1rem;
    display: none;
    position: static !important;
  }
}
@media (min-width: 768px) {
  .contact-us .main-container header .container .row .col nav ul li.admissions-menu:hover {
    border-bottom: 2px solid #004ead;
    transition: all 0.2s ease-in;
  }
  .contact-us .main-container header .container .row .col nav ul li.admissions-menu:hover .admissions-submenu {
    display: flex !important;
  }
}
@media (max-width: 767px) {
  .contact-us .main-container header .container .row .col nav ul li.admissions-menu .admissions-submenu {
    margin-top: 1rem;
    display: none;
    position: static !important;
  }
}
@media (min-width: 768px) {
  .contact-us .main-container header .container .row .col nav ul li.departments-menu:hover {
    border-bottom: 2px solid #004ead;
    transition: all 0.2s ease-in;
  }
  .contact-us .main-container header .container .row .col nav ul li.departments-menu:hover .departments-submenu {
    display: flex !important;
  }
}
@media (max-width: 767px) {
  .contact-us .main-container header .container .row .col nav ul li.departments-menu .departments-submenu {
    margin-top: 1rem;
    display: none;
    position: static !important;
  }
}
@media (min-width: 768px) {
  .contact-us .main-container header .container .row .col nav ul li.learning-menu:hover {
    border-bottom: 2px solid #004ead;
    transition: all 0.2s ease-in;
  }
  .contact-us .main-container header .container .row .col nav ul li.learning-menu:hover .learning-submenu {
    display: flex !important;
  }
}
@media (max-width: 767px) {
  .contact-us .main-container header .container .row .col nav ul li.learning-menu .learning-submenu {
    margin-top: 1rem;
    display: none;
    position: static !important;
  }
}
.contact-us .main-container header .container .row .col nav ul li {
  border-bottom: 2px solid transparent;
  padding: 5px 0;
  font-weight: 500;
  font-size: 0.85rem;
  cursor: pointer;
}
@media (min-width: 992px) {
  .contact-us .main-container header .container .row .col nav ul li {
    font-size: 0.85rem;
  }
}
.contact-us .main-container header .container .row .col nav ul li .arrow::after {
  width: 1rem;
  height: 1rem;
  content: "";
  background-image: url(/images/arrow-down.svg);
  background-repeat: no-repeat;
  background-position: center;
}
.contact-us .main-container header .container .row .col nav ul li ul.about-submenu,
.contact-us .main-container header .container .row .col nav ul li .admissions-submenu,
.contact-us .main-container header .container .row .col nav ul li .departments-submenu,
.contact-us .main-container header .container .row .col nav ul li .learning-submenu {
  z-index: 22;
  position: absolute;
  top: 2rem;
  display: none;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.2rem;
  padding: 1rem;
  padding-right: 1.5rem;
  background-color: #fff;
  transition: all 0.3s ease-in;
  box-shadow: 1px 1px 5px 2px rgba(34, 34, 34, 0.1098039216);
}
.contact-us .main-container header .container .row .col #hamburger {
  position: relative;
  z-index: 100;
  font-size: 1.3rem;
  padding: 0.15rem 0.45rem;
  margin-right: 0.6rem;
  border-radius: 0.3rem;
  border: 1px solid rgba(34, 34, 34, 0.5215686275);
}
@media (min-width: 768px) {
  .contact-us .main-container header .container .row .col #hamburger {
    display: none;
  }
}
.contact-us .main-container .title-banner {
  background-image: url(/images/message-bg.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: bottom center;
  height: 100%;
}
.contact-us .main-container .title-banner .bg-color {
  background-color: rgba(0, 0, 0, 0.5137254902);
  width: 100%;
  height: 100%;
  padding: 7rem 1rem;
  color: #fff;
}
@media (max-width: 767px) {
  .contact-us .main-container .title-banner .bg-color {
    padding: 4rem 1rem;
  }
}
.contact-us .main-container .title-banner .bg-color .container .row .col .text-banner-wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.3rem;
}
.contact-us .main-container .title-banner .bg-color .container .row .col .text-banner-wrapper div {
  width: 15%;
  height: 4px;
  border-radius: 0.5rem;
  background-color: #006498;
}
.contact-us .main-container .faq {
  margin-bottom: 2rem;
}
.contact-us .main-container .faq .main-wrapper .container .row1 {
  padding: 1rem 0rem;
  padding-top: 2rem;
}
.contact-us .main-container .faq .main-wrapper .container .row1 .col .wrapper p {
  font-size: 1.1rem;
}
.contact-us .main-container .faq .main-wrapper .container .row1 .col .wrapper p span {
  font-weight: 500;
}
.contact-us .main-container .faq .main-wrapper .container .row2 .col .contact-wrapper {
  display: flex;
  align-items: flex-start;
}
.contact-us .main-container .faq .main-wrapper .container .row2 .col .contact-wrapper .contact {
  padding: 1.3rem 1rem;
}
.contact-us .main-container .faq .main-wrapper .container .row2 .col .contact-wrapper .contact h4 {
  margin-bottom: 0.3rem;
}
.contact-us .main-container .faq .main-wrapper .container .row2 .col .contact-wrapper .contact div {
  display: flex;
  align-items: center;
  gap: 0.7rem;
}
.contact-us .main-container .faq .main-wrapper .container .row2 .col .contact-wrapper .contact div i {
  margin: 0;
  padding: 0;
}
.contact-us .main-container .faq .main-wrapper .container .row2 .col .contact-wrapper .contact div p {
  margin: 0;
  padding: 0;
  padding-top: 0.25rem;
}
.contact-us .main-container .faq .main-wrapper .container .row3 {
  padding: 2.5rem 0;
  padding-bottom: 1.3rem;
}
.contact-us .main-container .faq .main-wrapper .container .row3 .col iframe {
  width: 100%;
  height: 30rem;
}
@media (max-width: 767px) {
  .contact-us .main-container .faq .main-wrapper .container .row3 .col iframe {
    height: 23rem;
  }
}
.contact-us .main-container footer {
  width: 100%;
  background: rgb(0, 100, 152);
  background: linear-gradient(0deg, rgb(0, 100, 152) 0%, rgb(0, 117, 180) 100%);
  padding: 4rem 1rem;
  padding-bottom: 0;
  color: #fff;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.contact-us .main-container footer .container .row {
  display: flex;
  justify-content: center;
}
.contact-us .main-container footer .container .row .main-wrapper {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
}
@media (max-width: 767px) {
  .contact-us .main-container footer .container .row .main-wrapper {
    flex-direction: column;
    gap: 2rem;
  }
}
.contact-us .main-container footer .container .row .main-wrapper .col1 .wrapper h4 {
  margin-bottom: 1.5rem;
}
.contact-us .main-container footer .container .row .main-wrapper .col1 .wrapper p {
  font-size: 0.9rem;
  line-height: 2;
}
.contact-us .main-container footer .container .row .main-wrapper .col1 .wrapper div {
  display: flex;
  align-items: center;
  gap: 0.6rem;
}
.contact-us .main-container footer .container .row .main-wrapper .col1 .wrapper div a {
  color: inherit;
}
.contact-us .main-container footer .container .row .main-wrapper .col1 .wrapper div a i {
  font-size: 1.5rem;
}
.contact-us .main-container footer .container .row .main-wrapper .col2 .wrapper h4 {
  margin-bottom: 1.5rem;
}
.contact-us .main-container footer .container .row .main-wrapper .col2 .wrapper ul {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.contact-us .main-container footer .container .row .main-wrapper .col2 .wrapper ul li {
  list-style-type: none;
  font-size: 0.94rem;
}
.contact-us .main-container footer .container .row .main-wrapper .col2 .wrapper ul li a {
  color: inherit;
}
.contact-us .main-container footer .container .row .main-wrapper .col3 .wrapper h4 {
  margin-bottom: 1.5rem;
}
.contact-us .main-container footer .container .row .main-wrapper .col3 .wrapper ul {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.contact-us .main-container footer .container .row .main-wrapper .col3 .wrapper ul li {
  list-style-type: none;
  font-size: 0.94rem;
}
.contact-us .main-container footer .container .row .main-wrapper .col3 .wrapper ul li div {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.contact-us .main-container footer .container .row .main-wrapper .col3 .wrapper ul li div span {
  font-size: 0.94rem;
}
.contact-us .main-container footer .copyright {
  padding: 1.2rem 1rem;
  margin-bottom: 1.3rem;
  opacity: 0.7;
}
.contact-us .main-container footer .copyright .container .row .col .wrapper {
  display: flex;
  align-items: center;
  gap: 0.3rem;
}
@media (max-width: 991px) {
  .contact-us .main-container footer .copyright .container .row .col .wrapper {
    flex-direction: column;
    gap: 0.3rem;
  }
}
.contact-us .main-container footer .copyright .container .row .col .wrapper p {
  padding: 0;
  margin: 0;
  text-align: center;
  font-size: 0.85rem;
}
@media (max-width: 575px) {
  .contact-us .main-container footer .copyright .container .row .col .wrapper p {
    font-size: 0.75rem;
  }
}
.contact-us .main-container footer .copyright .container .row .col .wrapper p a {
  color: inherit;
}

.course .main-container {
  position: relative;
}
.course .main-container .top-nav {
  background-color: #006498;
  padding: 0.7rem;
}
@media (max-width: 767px) {
  .course .main-container .top-nav {
    display: none;
  }
}
.course .main-container .top-nav .container .row .col .main-wrapper {
  color: #fff;
  font-size: 0.8rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 1rem;
}
.course .main-container .top-nav .container .row .col .main-wrapper a {
  text-decoration: none;
  color: inherit;
}
.course .main-container .top-nav .container .row .col .main-wrapper .right i {
  font-size: 1.1rem;
}
.course .main-container header {
  position: relative;
  z-index: 20;
}
.course .main-container header .container .row .col {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1.5rem;
  padding: 0.5rem 0.6rem;
}
@media (max-width: 767px) {
  .course .main-container header .container .row .col {
    padding: 1rem 0.6rem;
  }
}
.course .main-container header .container .row .col a {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
@media (max-width: 575px) {
  .course .main-container header .container .row .col a span:nth-child(2) {
    display: none;
  }
}
.course .main-container header .container .row .col a img {
  width: 4.5rem;
}
@media (max-width: 767px) {
  .course .main-container header .container .row .col a img {
    width: 3rem;
  }
}
.course .main-container header .container .row .col a span {
  font-size: 1.2rem;
  font-weight: 600;
  color: #000;
}
@media (min-width: 768px) and (max-width: 991px) {
  .course .main-container header .container .row .col a span {
    display: none;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .course .main-container header .container .row .col a span {
    font-size: 1.15rem;
  }
}
@media (max-width: 575px) {
  .course .main-container header .container .row .col a span {
    font-size: 1rem;
  }
}
.course .main-container header .container .row .col a .mbl {
  display: none;
}
@media (max-width: 575px) {
  .course .main-container header .container .row .col a .mbl {
    display: flex;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .course .main-container header .container .row .col a .mbl {
    display: flex;
  }
}
@media (max-width: 767px) {
  .course .main-container header .container .row .col nav {
    display: none;
  }
}
.course .main-container header .container .row .col nav ul {
  list-style-type: none;
  display: flex;
  align-items: center;
  gap: 1.5rem;
  position: relative;
  z-index: 21;
}
@media (max-width: 767px) {
  .course .main-container header .container .row .col nav ul {
    flex-direction: column;
    gap: 0.5rem;
  }
}
@media (min-width: 992px) {
  .course .main-container header .container .row .col nav ul {
    gap: 1.5rem;
  }
}
@media (min-width: 768px) {
  .course .main-container header .container .row .col nav ul li.about-menu:hover {
    border-bottom: 2px solid #004ead;
    transition: all 0.2s ease-in;
  }
  .course .main-container header .container .row .col nav ul li.about-menu:hover .about-submenu {
    display: flex !important;
  }
}
@media (max-width: 767px) {
  .course .main-container header .container .row .col nav ul li.about-menu .about-submenu {
    margin-top: 1rem;
    display: none;
    position: static !important;
  }
}
@media (min-width: 768px) {
  .course .main-container header .container .row .col nav ul li.admissions-menu:hover {
    border-bottom: 2px solid #004ead;
    transition: all 0.2s ease-in;
  }
  .course .main-container header .container .row .col nav ul li.admissions-menu:hover .admissions-submenu {
    display: flex !important;
  }
}
@media (max-width: 767px) {
  .course .main-container header .container .row .col nav ul li.admissions-menu .admissions-submenu {
    margin-top: 1rem;
    display: none;
    position: static !important;
  }
}
@media (min-width: 768px) {
  .course .main-container header .container .row .col nav ul li.departments-menu:hover {
    border-bottom: 2px solid #004ead;
    transition: all 0.2s ease-in;
  }
  .course .main-container header .container .row .col nav ul li.departments-menu:hover .departments-submenu {
    display: flex !important;
  }
}
@media (max-width: 767px) {
  .course .main-container header .container .row .col nav ul li.departments-menu .departments-submenu {
    margin-top: 1rem;
    display: none;
    position: static !important;
  }
}
@media (min-width: 768px) {
  .course .main-container header .container .row .col nav ul li.learning-menu:hover {
    border-bottom: 2px solid #004ead;
    transition: all 0.2s ease-in;
  }
  .course .main-container header .container .row .col nav ul li.learning-menu:hover .learning-submenu {
    display: flex !important;
  }
}
@media (max-width: 767px) {
  .course .main-container header .container .row .col nav ul li.learning-menu .learning-submenu {
    margin-top: 1rem;
    display: none;
    position: static !important;
  }
}
.course .main-container header .container .row .col nav ul li {
  border-bottom: 2px solid transparent;
  padding: 5px 0;
  font-weight: 500;
  font-size: 0.85rem;
  cursor: pointer;
}
@media (min-width: 992px) {
  .course .main-container header .container .row .col nav ul li {
    font-size: 0.85rem;
  }
}
.course .main-container header .container .row .col nav ul li .arrow::after {
  width: 1rem;
  height: 1rem;
  content: "";
  background-image: url(/images/arrow-down.svg);
  background-repeat: no-repeat;
  background-position: center;
}
.course .main-container header .container .row .col nav ul li ul.about-submenu,
.course .main-container header .container .row .col nav ul li .admissions-submenu,
.course .main-container header .container .row .col nav ul li .departments-submenu,
.course .main-container header .container .row .col nav ul li .learning-submenu {
  z-index: 22;
  position: absolute;
  top: 2rem;
  display: none;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.2rem;
  padding: 1rem;
  padding-right: 1.5rem;
  background-color: #fff;
  transition: all 0.3s ease-in;
  box-shadow: 1px 1px 5px 2px rgba(34, 34, 34, 0.1098039216);
}
.course .main-container header .container .row .col #hamburger {
  position: relative;
  z-index: 100;
  font-size: 1.3rem;
  padding: 0.15rem 0.45rem;
  margin-right: 0.6rem;
  border-radius: 0.3rem;
  border: 1px solid rgba(34, 34, 34, 0.5215686275);
}
@media (min-width: 768px) {
  .course .main-container header .container .row .col #hamburger {
    display: none;
  }
}
.course .main-container .title-banner {
  background-image: url(/images/message-bg.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: bottom center;
  height: 100%;
}
.course .main-container .title-banner .bg-color {
  background-color: rgba(0, 0, 0, 0.5137254902);
  width: 100%;
  height: 100%;
  padding: 7rem 1rem;
  color: #fff;
}
@media (max-width: 767px) {
  .course .main-container .title-banner .bg-color {
    padding: 4rem 1rem;
  }
}
.course .main-container .title-banner .bg-color .container .row .col .text-banner-wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.3rem;
}
.course .main-container .title-banner .bg-color .container .row .col .text-banner-wrapper div {
  width: 15%;
  height: 4px;
  border-radius: 0.5rem;
  background-color: #006498;
}
.course .main-container .course-wrapper {
  padding: 3rem 1rem;
  margin-top: 0.4rem;
}
.course .main-container .course-wrapper .container .row {
  display: flex;
  align-items: center;
}
.course .main-container .course-wrapper .container .row .col1 .main-wrapper {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}
.course .main-container .course-wrapper .container .row .col1 .main-wrapper .college h3 {
  font-size: 1.7rem;
  font-weight: 600;
}
@media (max-width: 767px) {
  .course .main-container .course-wrapper .container .row .col1 .main-wrapper .college h3 {
    font-size: 1.3rem;
  }
}
.course .main-container .course-wrapper .container .row .col1 .main-wrapper .college p {
  margin-top: 1rem;
  text-align: justify;
  padding: 0 0.3rem;
}
.course .main-container .course-wrapper .container .row .col2 .main-wrapper {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}
.course .main-container .course-wrapper .container .row .col2 .main-wrapper .image {
  width: 100%;
}
.course .main-container .course-wrapper .container .row .col2 .main-wrapper .image img {
  box-shadow: 1px 1px 20px 1px rgba(34, 34, 34, 0.1725490196);
  height: 30rem;
  width: 100%;
  object-fit: cover;
  border-radius: 0.5rem;
}
.course .main-container .course-wrapper .container .row .col2 .main-wrapper .image .nursing {
  height: 21rem !important;
}
@media (max-width: 767px) {
  .course .main-container .course-wrapper .container .row .dpt-section {
    margin-top: -1rem !important;
  }
}
.course .main-container .course-wrapper .container .row .col3 {
  margin-top: 2rem;
}
.course .main-container .course-wrapper .container .row .col3 .main-wrapper {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}
.course .main-container .course-wrapper .container .row .col3 .main-wrapper .college .mobile-view {
  margin-top: 2rem !important;
}
@media (max-width: 767px) {
  .course .main-container .course-wrapper .container .row .col3 .main-wrapper .college .mobile-view {
    margin-top: -10rem !important;
  }
}
.course .main-container .course-wrapper .container .row .col3 .main-wrapper .college .collage .col {
  display: flex;
  justify-content: center;
  align-items: flex-start;
}
.course .main-container .course-wrapper .container .row .col3 .main-wrapper .college .courses-offered {
  display: flex;
  justify-content: center;
  margin-bottom: 3rem;
}
.course .main-container .course-wrapper .container .row .col3 .main-wrapper .college .post-bsn {
  display: flex;
  flex-direction: column;
  justify-content: flex-start !important;
  align-items: center;
}
.course .main-container .course-wrapper .container .row .col3 .main-wrapper .college h2 {
  font-size: 1.7rem;
  font-weight: 600;
  margin-bottom: 1.7rem;
}
@media (max-width: 767px) {
  .course .main-container .course-wrapper .container .row .col3 .main-wrapper .college h2 {
    margin-top: 1rem;
    font-size: 1.1rem;
  }
}
.course .main-container .course-wrapper .container .row .col3 .main-wrapper .college h3 {
  font-size: 1.7rem;
  font-weight: 600;
  margin-bottom: 1.7rem;
}
@media (max-width: 767px) {
  .course .main-container .course-wrapper .container .row .col3 .main-wrapper .college h3 {
    margin-top: 1rem;
    font-size: 1.3rem;
  }
}
.course .main-container .course-wrapper .container .row .col3 .main-wrapper .college h4 {
  font-size: 1.2rem;
  font-weight: 600;
  margin-bottom: 1.7rem;
}
@media (max-width: 767px) {
  .course .main-container .course-wrapper .container .row .col3 .main-wrapper .college h4 {
    margin-top: 1rem;
    font-size: 1.1rem;
  }
}
.course .main-container .course-wrapper .container .row .col3 .main-wrapper .college ul {
  margin-left: 1.8rem;
  margin-bottom: 2rem;
}
.course .main-container .course-wrapper .container .row .col3 .main-wrapper .college span .image {
  display: flex;
  justify-content: center;
}
.course .main-container .course-wrapper .container .row .col3 .main-wrapper .college span p {
  margin-left: 0.5rem;
}
.course .main-container .course-wrapper .container .row .col3 .main-wrapper .college span h4.professional-heading {
  margin-top: 1rem;
  margin-bottom: 1rem;
  margin-left: 0.5rem;
}
.course .main-container .course-wrapper .container .row .col4 {
  margin-top: 3rem;
}
@media (max-width: 767px) {
  .course .main-container .course-wrapper .container .row .col4 {
    margin-top: 1.5rem;
  }
}
.course .main-container .course-wrapper .container .row .col4 h2 {
  font-size: 1.5rem;
  font-weight: 600;
  margin-bottom: 2rem;
}
@media (max-width: 767px) {
  .course .main-container .course-wrapper .container .row .col4 h2 {
    margin-top: 1rem;
    font-size: 1.2rem;
  }
}
.course .main-container .course-wrapper .container .row .col4 .main-wrapper {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  gap: 1rem;
}
@media (max-width: 767px) {
  .course .main-container .course-wrapper .container .row .col4 .main-wrapper {
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
  }
}
.course .main-container .course-wrapper .container .row .col4 .main-wrapper .image {
  width: 31%;
  height: 100%;
}
@media (max-width: 767px) {
  .course .main-container .course-wrapper .container .row .col4 .main-wrapper .image {
    width: 100%;
  }
}
.course .main-container .course-wrapper .container .row .col4 .main-wrapper .image img {
  height: 15rem;
  width: 100%;
  object-fit: cover;
  border-radius: 0.5rem;
}
.course .main-container .course-wrapper .container .row .col7 .main-wrapper {
  display: flex;
  flex-direction: column;
  gap: 1.3rem;
}
.course .main-container .course-wrapper .container .row .col7 .main-wrapper .college h3 {
  font-size: 1.7rem;
  font-weight: 600;
}
@media (max-width: 767px) {
  .course .main-container .course-wrapper .container .row .col7 .main-wrapper .college h3 {
    font-size: 1.3rem;
  }
}
.course .main-container .course-wrapper .container .row .col7 .main-wrapper .college p {
  margin-top: 1rem;
  text-align: justify;
  padding: 0 0.3rem;
}
.course .main-container .course-wrapper .container .row .col7 .main-wrapper .college ul {
  margin-left: 1.8rem;
  margin-bottom: 1rem;
}
.course .main-container .workshops {
  padding-top: 4rem;
  padding-bottom: 3rem;
}
@media (min-width: 768px) and (max-width: 991px) {
  .course .main-container .workshops {
    padding-top: 3rem;
  }
}
@media (max-width: 575px) {
  .course .main-container .workshops {
    margin-top: 0;
    padding-top: 3rem;
    padding-bottom: 3rem;
  }
}
.course .main-container .workshops .container {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.course .main-container .workshops .container .accordion-body a {
  text-decoration: none !important;
  color: #fff !important;
}
.course .main-container .workshops .container .accordion-body a :hover {
  text-decoration: none !important;
  color: #fff !important;
}
.course .main-container .workshops .container .accordion-item .accordion-button:not(.collapsed) {
  color: #000000;
}
.course .main-container .workshops .container .accordion-item .accordion-body {
  background-color: rgb(250, 250, 250) !important;
}
.course .main-container .workshops .container .accordion-item .accordion-body p {
  font-size: 0.85rem !important;
}
.course .main-container .workshops .container .accordion-item .accordion-button {
  background-color: rgb(235, 235, 235) !important;
  color: #000000;
  font-size: 0.85rem;
}
@media (max-width: 575px) {
  .course .main-container .workshops .container .accordion-item .accordion-button {
    font-size: 0.85rem;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .course .main-container .workshops .container .accordion-item .accordion-button {
    font-size: 0.95rem;
  }
}
@media (min-width: 768px) {
  .course .main-container .workshops .container .accordion-item .accordion-button {
    font-size: 1rem;
  }
}
.course .main-container .workshops .container .row1 .col h2 {
  text-align: center;
}
.course .main-container .workshops .container .row1 .col h2 .divider {
  width: 150px;
  height: 5px;
  background: #003B84;
  margin: auto;
  border-radius: 20px;
}
.course .main-container .workshops .container .row2 {
  margin-top: 2rem;
  margin-bottom: 1rem;
}
.course .main-container .workshops .container .row2 .col .accordion-item .accordion-button:not(.collapsed) {
  color: #000000;
}
.course .main-container .workshops .container .row2 .col .accordion-item .accordion-body {
  background-color: rgb(250, 250, 250) !important;
}
.course .main-container .workshops .container .row2 .col .accordion-item .accordion-body p {
  font-size: 0.85rem !important;
}
.course .main-container .workshops .container .row2 .col .accordion-item .accordion-button {
  background-color: rgb(235, 235, 235) !important;
  color: #000000;
  font-size: 0.85rem;
}
@media (max-width: 575px) {
  .course .main-container .workshops .container .row2 .col .accordion-item .accordion-button {
    font-size: 0.85rem;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .course .main-container .workshops .container .row2 .col .accordion-item .accordion-button {
    font-size: 0.95rem;
  }
}
@media (min-width: 768px) {
  .course .main-container .workshops .container .row2 .col .accordion-item .accordion-button {
    font-size: 1rem;
  }
}
.course .main-container .workshops .container .row2 .col .wrapper {
  display: flex;
  align-items: center;
  gap: 1rem;
}
@media (max-width: 767px) {
  .course .main-container .workshops .container .row2 .col .wrapper {
    flex-wrap: wrap;
  }
}
.course .main-container .workshops .container .row2 .col .wrapper .button.active {
  background-color: rgb(225, 225, 225) !important;
}
.course .main-container .workshops .container .row3 {
  width: 100%;
  display: flex;
  justify-content: center;
}
.course .main-container .workshops .container .row3 .gallery {
  margin-top: 2rem;
  display: flex;
  align-items: flex-start;
}
.course .main-container .workshops .container .row3 .gallery .col1 {
  padding: 1rem;
}
.course .main-container .workshops .container .row3 .gallery .col1 .posts {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  gap: 1rem;
}
@media (max-width: 767px) {
  .course .main-container .workshops .container .row3 .gallery .col1 .posts a {
    width: 100% !important;
  }
}
.course .main-container .workshops .container .row3 .gallery .col1 .posts a .main-wrapper {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 1rem;
  border: 1px solid rgba(0, 0, 0, 0.1843137255);
  border-radius: 5px;
  box-shadow: 0px 0px 30px 0px rgba(0, 42, 106, 0.035);
}
.course .main-container .workshops .container .row3 .gallery .col1 .posts a .main-wrapper .image {
  border-radius: 5px;
  width: 100%;
}
.course .main-container .workshops .container .row3 .gallery .col1 .posts a .main-wrapper .image img {
  width: 100%;
  height: 17rem;
  border-radius: 5px;
  object-fit: cover;
  object-position: center center;
}
.course .main-container .workshops .container .row3 .gallery .col1 .posts a .main-wrapper .image .cover {
  width: 25rem !important;
}
.course .main-container .workshops .container .row3 .gallery .col1 .posts a .main-wrapper .content {
  padding: 0 1rem;
  padding-bottom: 1rem;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.5rem;
  color: #222;
}
.course .main-container .workshops .container .row3 .gallery .col1 .posts a .main-wrapper .content .date {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.course .main-container .workshops .container .row3 .gallery .col1 .posts a .main-wrapper .content .date i {
  font-size: 0.87rem;
}
.course .main-container .workshops .container .row3 .gallery .col1 .posts a .main-wrapper .content .date span {
  font-size: 0.87rem;
}
.course .main-container .workshops .container .row3 .gallery .col1 .posts a .main-wrapper .content h2 {
  font-size: 1.1rem;
  font-weight: 500;
  margin-bottom: -0.2rem;
}
.course .main-container .workshops .container .row3 .gallery .col1 .posts a .main-wrapper .content p {
  padding: 0;
  margin: 0;
  font-size: 0.86rem;
  color: rgba(0, 0, 0, 0.8235294118);
}
.course .main-container .workshops .container .row3 .gallery .col1 .posts a .main-wrapper .content a {
  background: none;
  color: #003B84;
  font-weight: 500;
  padding: 0.2rem;
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.course .main-container .workshops .container .row3 .gallery .col1 .posts a .main-wrapper .content a i {
  font-size: 1rem;
}
.course .main-container .workshops .container .row3 .gallery {
  display: none;
}
.course .main-container footer {
  width: 100%;
  background: rgb(0, 100, 152);
  background: linear-gradient(0deg, rgb(0, 100, 152) 0%, rgb(0, 117, 180) 100%);
  padding: 4rem 1rem;
  padding-bottom: 0;
  color: #fff;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.course .main-container footer .container .row {
  display: flex;
  justify-content: center;
}
.course .main-container footer .container .row .main-wrapper {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
}
@media (max-width: 767px) {
  .course .main-container footer .container .row .main-wrapper {
    flex-direction: column;
    gap: 2rem;
  }
}
.course .main-container footer .container .row .main-wrapper .col1 .wrapper h4 {
  margin-bottom: 1.5rem;
}
.course .main-container footer .container .row .main-wrapper .col1 .wrapper p {
  font-size: 0.9rem;
  line-height: 2;
}
.course .main-container footer .container .row .main-wrapper .col1 .wrapper div {
  display: flex;
  align-items: center;
  gap: 0.6rem;
}
.course .main-container footer .container .row .main-wrapper .col1 .wrapper div a {
  color: inherit;
}
.course .main-container footer .container .row .main-wrapper .col1 .wrapper div a i {
  font-size: 1.5rem;
}
.course .main-container footer .container .row .main-wrapper .col2 .wrapper h4 {
  margin-bottom: 1.5rem;
}
.course .main-container footer .container .row .main-wrapper .col2 .wrapper ul {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.course .main-container footer .container .row .main-wrapper .col2 .wrapper ul li {
  list-style-type: none;
  font-size: 0.94rem;
}
.course .main-container footer .container .row .main-wrapper .col2 .wrapper ul li a {
  color: inherit;
}
.course .main-container footer .container .row .main-wrapper .col3 .wrapper h4 {
  margin-bottom: 1.5rem;
}
.course .main-container footer .container .row .main-wrapper .col3 .wrapper ul {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.course .main-container footer .container .row .main-wrapper .col3 .wrapper ul li {
  list-style-type: none;
  font-size: 0.94rem;
}
.course .main-container footer .container .row .main-wrapper .col3 .wrapper ul li div {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.course .main-container footer .container .row .main-wrapper .col3 .wrapper ul li div span {
  font-size: 0.94rem;
}
.course .main-container footer .copyright {
  padding: 1.2rem 1rem;
  margin-bottom: 1.3rem;
  opacity: 0.7;
}
.course .main-container footer .copyright .container .row .col .wrapper {
  display: flex;
  align-items: center;
  gap: 0.3rem;
}
@media (max-width: 991px) {
  .course .main-container footer .copyright .container .row .col .wrapper {
    flex-direction: column;
    gap: 0.3rem;
  }
}
.course .main-container footer .copyright .container .row .col .wrapper p {
  padding: 0;
  margin: 0;
  text-align: center;
  font-size: 0.85rem;
}
@media (max-width: 575px) {
  .course .main-container footer .copyright .container .row .col .wrapper p {
    font-size: 0.75rem;
  }
}
.course .main-container footer .copyright .container .row .col .wrapper p a {
  color: inherit;
}

.research .main-container {
  position: relative;
}
.research .main-container .top-nav {
  background-color: #006498;
  padding: 0.7rem;
}
@media (max-width: 767px) {
  .research .main-container .top-nav {
    display: none;
  }
}
.research .main-container .top-nav .container .row .col .main-wrapper {
  color: #fff;
  font-size: 0.8rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 1rem;
}
.research .main-container .top-nav .container .row .col .main-wrapper a {
  text-decoration: none;
  color: inherit;
}
.research .main-container .top-nav .container .row .col .main-wrapper .right i {
  font-size: 1.1rem;
}
.research .main-container header {
  position: relative;
  z-index: 20;
}
.research .main-container header .container .row .col {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1.5rem;
  padding: 0.5rem 0.6rem;
}
@media (max-width: 767px) {
  .research .main-container header .container .row .col {
    padding: 1rem 0.6rem;
  }
}
.research .main-container header .container .row .col a {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
@media (max-width: 575px) {
  .research .main-container header .container .row .col a span:nth-child(2) {
    display: none;
  }
}
.research .main-container header .container .row .col a img {
  width: 4.5rem;
}
@media (max-width: 767px) {
  .research .main-container header .container .row .col a img {
    width: 3rem;
  }
}
.research .main-container header .container .row .col a span {
  font-size: 1.2rem;
  font-weight: 600;
  color: #000;
}
@media (min-width: 768px) and (max-width: 991px) {
  .research .main-container header .container .row .col a span {
    display: none;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .research .main-container header .container .row .col a span {
    font-size: 1.15rem;
  }
}
@media (max-width: 575px) {
  .research .main-container header .container .row .col a span {
    font-size: 1rem;
  }
}
.research .main-container header .container .row .col a .mbl {
  display: none;
}
@media (max-width: 575px) {
  .research .main-container header .container .row .col a .mbl {
    display: flex;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .research .main-container header .container .row .col a .mbl {
    display: flex;
  }
}
@media (max-width: 767px) {
  .research .main-container header .container .row .col nav {
    display: none;
  }
}
.research .main-container header .container .row .col nav ul {
  list-style-type: none;
  display: flex;
  align-items: center;
  gap: 1.5rem;
  position: relative;
  z-index: 21;
}
@media (max-width: 767px) {
  .research .main-container header .container .row .col nav ul {
    flex-direction: column;
    gap: 0.5rem;
  }
}
@media (min-width: 992px) {
  .research .main-container header .container .row .col nav ul {
    gap: 1.5rem;
  }
}
@media (min-width: 768px) {
  .research .main-container header .container .row .col nav ul li.about-menu:hover {
    border-bottom: 2px solid #004ead;
    transition: all 0.2s ease-in;
  }
  .research .main-container header .container .row .col nav ul li.about-menu:hover .about-submenu {
    display: flex !important;
  }
}
@media (max-width: 767px) {
  .research .main-container header .container .row .col nav ul li.about-menu .about-submenu {
    margin-top: 1rem;
    display: none;
    position: static !important;
  }
}
@media (min-width: 768px) {
  .research .main-container header .container .row .col nav ul li.admissions-menu:hover {
    border-bottom: 2px solid #004ead;
    transition: all 0.2s ease-in;
  }
  .research .main-container header .container .row .col nav ul li.admissions-menu:hover .admissions-submenu {
    display: flex !important;
  }
}
@media (max-width: 767px) {
  .research .main-container header .container .row .col nav ul li.admissions-menu .admissions-submenu {
    margin-top: 1rem;
    display: none;
    position: static !important;
  }
}
@media (min-width: 768px) {
  .research .main-container header .container .row .col nav ul li.departments-menu:hover {
    border-bottom: 2px solid #004ead;
    transition: all 0.2s ease-in;
  }
  .research .main-container header .container .row .col nav ul li.departments-menu:hover .departments-submenu {
    display: flex !important;
  }
}
@media (max-width: 767px) {
  .research .main-container header .container .row .col nav ul li.departments-menu .departments-submenu {
    margin-top: 1rem;
    display: none;
    position: static !important;
  }
}
@media (min-width: 768px) {
  .research .main-container header .container .row .col nav ul li.learning-menu:hover {
    border-bottom: 2px solid #004ead;
    transition: all 0.2s ease-in;
  }
  .research .main-container header .container .row .col nav ul li.learning-menu:hover .learning-submenu {
    display: flex !important;
  }
}
@media (max-width: 767px) {
  .research .main-container header .container .row .col nav ul li.learning-menu .learning-submenu {
    margin-top: 1rem;
    display: none;
    position: static !important;
  }
}
.research .main-container header .container .row .col nav ul li {
  border-bottom: 2px solid transparent;
  padding: 5px 0;
  font-weight: 500;
  font-size: 0.85rem;
  cursor: pointer;
}
@media (min-width: 992px) {
  .research .main-container header .container .row .col nav ul li {
    font-size: 0.85rem;
  }
}
.research .main-container header .container .row .col nav ul li .arrow::after {
  width: 1rem;
  height: 1rem;
  content: "";
  background-image: url(/images/arrow-down.svg);
  background-repeat: no-repeat;
  background-position: center;
}
.research .main-container header .container .row .col nav ul li ul.about-submenu,
.research .main-container header .container .row .col nav ul li .admissions-submenu,
.research .main-container header .container .row .col nav ul li .departments-submenu,
.research .main-container header .container .row .col nav ul li .learning-submenu {
  z-index: 22;
  position: absolute;
  top: 2rem;
  display: none;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.2rem;
  padding: 1rem;
  padding-right: 1.5rem;
  background-color: #fff;
  transition: all 0.3s ease-in;
  box-shadow: 1px 1px 5px 2px rgba(34, 34, 34, 0.1098039216);
}
.research .main-container header .container .row .col #hamburger {
  position: relative;
  z-index: 100;
  font-size: 1.3rem;
  padding: 0.15rem 0.45rem;
  margin-right: 0.6rem;
  border-radius: 0.3rem;
  border: 1px solid rgba(34, 34, 34, 0.5215686275);
}
@media (min-width: 768px) {
  .research .main-container header .container .row .col #hamburger {
    display: none;
  }
}
.research .main-container .title-banner {
  background-image: url(/images/message-bg.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: bottom center;
  height: 100%;
}
.research .main-container .title-banner .bg-color {
  background-color: rgba(0, 0, 0, 0.5137254902);
  width: 100%;
  height: 100%;
  padding: 7rem 1rem;
  color: #fff;
}
@media (max-width: 767px) {
  .research .main-container .title-banner .bg-color {
    padding: 4rem 1rem;
  }
}
.research .main-container .title-banner .bg-color .container .row .col .text-banner-wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.3rem;
}
.research .main-container .title-banner .bg-color .container .row .col .text-banner-wrapper div {
  width: 15%;
  height: 4px;
  border-radius: 0.5rem;
  background-color: #006498;
}
.research .main-container .workshops-research {
  padding-top: 4rem !important;
  padding-bottom: 3rem;
}
.research .main-container .workshops-research .accordion-body a {
  text-decoration: none !important;
  color: #fff !important;
}
.research .main-container .workshops-research .accordion-body a :hover {
  text-decoration: none !important;
  color: #fff !important;
}
@media (min-width: 768px) and (max-width: 991px) {
  .research .main-container .workshops-research {
    padding-top: 3rem;
  }
}
@media (max-width: 575px) {
  .research .main-container .workshops-research {
    margin-top: 0;
    padding-top: 3rem;
    padding-bottom: 3rem;
  }
}
.research .main-container .workshops-research .container {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.research .main-container .workshops-research .container .row1 .col2 .accordion-item .accordion-button:not(.collapsed) {
  color: #000000;
}
.research .main-container .workshops-research .container .row1 .col2 .accordion-item .accordion-body {
  background-color: rgb(250, 250, 250) !important;
}
.research .main-container .workshops-research .container .row1 .col2 .accordion-item .accordion-body p {
  font-size: 0.85rem !important;
}
.research .main-container .workshops-research .container .row1 .col2 .accordion-item .accordion-button {
  background-color: rgb(235, 235, 235) !important;
  color: #000000;
  font-size: 0.85rem;
}
@media (max-width: 575px) {
  .research .main-container .workshops-research .container .row1 .col2 .accordion-item .accordion-button {
    font-size: 0.85rem;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .research .main-container .workshops-research .container .row1 .col2 .accordion-item .accordion-button {
    font-size: 0.95rem;
  }
}
@media (min-width: 768px) {
  .research .main-container .workshops-research .container .row1 .col2 .accordion-item .accordion-button {
    font-size: 1rem;
  }
}
.research .main-container .workshops-research .container .row2 {
  margin-top: 2rem;
  margin-bottom: 1rem;
}
.research .main-container .workshops-research .container .row2 .col .accordion-item .accordion-button:not(.collapsed) {
  color: #000000;
}
.research .main-container .workshops-research .container .row2 .col .accordion-item .accordion-body {
  background-color: rgb(250, 250, 250) !important;
}
.research .main-container .workshops-research .container .row2 .col .accordion-item .accordion-body p {
  font-size: 0.85rem !important;
}
.research .main-container .workshops-research .container .row2 .col .accordion-item .accordion-button {
  background-color: rgb(235, 235, 235) !important;
  color: #000000;
  font-size: 0.85rem;
}
@media (max-width: 575px) {
  .research .main-container .workshops-research .container .row2 .col .accordion-item .accordion-button {
    font-size: 0.85rem;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .research .main-container .workshops-research .container .row2 .col .accordion-item .accordion-button {
    font-size: 0.95rem;
  }
}
@media (min-width: 768px) {
  .research .main-container .workshops-research .container .row2 .col .accordion-item .accordion-button {
    font-size: 1rem;
  }
}
.research .main-container .workshops-research .container .row2 .col .wrapper {
  display: flex;
  align-items: center;
  gap: 1rem;
}
@media (max-width: 767px) {
  .research .main-container .workshops-research .container .row2 .col .wrapper {
    flex-wrap: wrap;
  }
}
.research .main-container .workshops-research .container .row2 .col .wrapper .button.active {
  background-color: rgb(225, 225, 225) !important;
}
.research .main-container .workshops-research .container .row3 {
  width: 100%;
  display: flex;
  justify-content: center;
}
.research .main-container .workshops-research .container .row3 .gallery {
  margin-top: 2rem;
  display: flex;
  align-items: flex-start;
}
.research .main-container .workshops-research .container .row3 .gallery .col1 {
  padding: 1rem;
}
.research .main-container .workshops-research .container .row3 .gallery .col1 .posts {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  gap: 1rem;
}
@media (max-width: 767px) {
  .research .main-container .workshops-research .container .row3 .gallery .col1 .posts a {
    width: 100% !important;
  }
}
.research .main-container .workshops-research .container .row3 .gallery .col1 .posts a .main-wrapper {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 1rem;
  border: 1px solid rgba(0, 0, 0, 0.1843137255);
  border-radius: 5px;
  box-shadow: 0px 0px 30px 0px rgba(0, 42, 106, 0.035);
}
.research .main-container .workshops-research .container .row3 .gallery .col1 .posts a .main-wrapper .image {
  border-radius: 5px;
  width: 100%;
}
.research .main-container .workshops-research .container .row3 .gallery .col1 .posts a .main-wrapper .image img {
  width: 100%;
  height: 17rem;
  border-radius: 5px;
  object-fit: cover;
  object-position: center center;
}
.research .main-container .workshops-research .container .row3 .gallery .col1 .posts a .main-wrapper .image .cover {
  width: 25rem !important;
}
.research .main-container .workshops-research .container .row3 .gallery .col1 .posts a .main-wrapper .content {
  padding: 0 1rem;
  padding-bottom: 1rem;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.5rem;
  color: #222;
}
.research .main-container .workshops-research .container .row3 .gallery .col1 .posts a .main-wrapper .content .date {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.research .main-container .workshops-research .container .row3 .gallery .col1 .posts a .main-wrapper .content .date i {
  font-size: 0.87rem;
}
.research .main-container .workshops-research .container .row3 .gallery .col1 .posts a .main-wrapper .content .date span {
  font-size: 0.87rem;
}
.research .main-container .workshops-research .container .row3 .gallery .col1 .posts a .main-wrapper .content h2 {
  font-size: 1.1rem;
  font-weight: 500;
  margin-bottom: -0.2rem;
}
.research .main-container .workshops-research .container .row3 .gallery .col1 .posts a .main-wrapper .content p {
  padding: 0;
  margin: 0;
  font-size: 0.86rem;
  color: rgba(0, 0, 0, 0.8235294118);
}
.research .main-container .workshops-research .container .row3 .gallery .col1 .posts a .main-wrapper .content a {
  background: none;
  color: #003B84;
  font-weight: 500;
  padding: 0.2rem;
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.research .main-container .workshops-research .container .row3 .gallery .col1 .posts a .main-wrapper .content a i {
  font-size: 1rem;
}
.research .main-container .workshops-research .container .row3 .gallery {
  display: none;
}
.research .main-container footer {
  width: 100%;
  background: rgb(0, 100, 152);
  background: linear-gradient(0deg, rgb(0, 100, 152) 0%, rgb(0, 117, 180) 100%);
  padding: 4rem 1rem;
  padding-bottom: 0;
  color: #fff;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.research .main-container footer .container .row {
  display: flex;
  justify-content: center;
}
.research .main-container footer .container .row .main-wrapper {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
}
@media (max-width: 767px) {
  .research .main-container footer .container .row .main-wrapper {
    flex-direction: column;
    gap: 2rem;
  }
}
.research .main-container footer .container .row .main-wrapper .col1 .wrapper h4 {
  margin-bottom: 1.5rem;
}
.research .main-container footer .container .row .main-wrapper .col1 .wrapper p {
  font-size: 0.9rem;
  line-height: 2;
}
.research .main-container footer .container .row .main-wrapper .col1 .wrapper div {
  display: flex;
  align-items: center;
  gap: 0.6rem;
}
.research .main-container footer .container .row .main-wrapper .col1 .wrapper div a {
  color: inherit;
}
.research .main-container footer .container .row .main-wrapper .col1 .wrapper div a i {
  font-size: 1.5rem;
}
.research .main-container footer .container .row .main-wrapper .col2 .wrapper h4 {
  margin-bottom: 1.5rem;
}
.research .main-container footer .container .row .main-wrapper .col2 .wrapper ul {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.research .main-container footer .container .row .main-wrapper .col2 .wrapper ul li {
  list-style-type: none;
  font-size: 0.94rem;
}
.research .main-container footer .container .row .main-wrapper .col2 .wrapper ul li a {
  color: inherit;
}
.research .main-container footer .container .row .main-wrapper .col3 .wrapper h4 {
  margin-bottom: 1.5rem;
}
.research .main-container footer .container .row .main-wrapper .col3 .wrapper ul {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.research .main-container footer .container .row .main-wrapper .col3 .wrapper ul li {
  list-style-type: none;
  font-size: 0.94rem;
}
.research .main-container footer .container .row .main-wrapper .col3 .wrapper ul li div {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.research .main-container footer .container .row .main-wrapper .col3 .wrapper ul li div span {
  font-size: 0.94rem;
}
.research .main-container footer .copyright {
  padding: 1.2rem 1rem;
  margin-bottom: 1.3rem;
  opacity: 0.7;
}
.research .main-container footer .copyright .container .row .col .wrapper {
  display: flex;
  align-items: center;
  gap: 0.3rem;
}
@media (max-width: 991px) {
  .research .main-container footer .copyright .container .row .col .wrapper {
    flex-direction: column;
    gap: 0.3rem;
  }
}
.research .main-container footer .copyright .container .row .col .wrapper p {
  padding: 0;
  margin: 0;
  text-align: center;
  font-size: 0.85rem;
}
@media (max-width: 575px) {
  .research .main-container footer .copyright .container .row .col .wrapper p {
    font-size: 0.75rem;
  }
}
.research .main-container footer .copyright .container .row .col .wrapper p a {
  color: inherit;
}

.downloads .main-container {
  position: relative;
}
.downloads .main-container .top-nav {
  background-color: #006498;
  padding: 0.7rem;
}
@media (max-width: 767px) {
  .downloads .main-container .top-nav {
    display: none;
  }
}
.downloads .main-container .top-nav .container .row .col .main-wrapper {
  color: #fff;
  font-size: 0.8rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 1rem;
}
.downloads .main-container .top-nav .container .row .col .main-wrapper a {
  text-decoration: none;
  color: inherit;
}
.downloads .main-container .top-nav .container .row .col .main-wrapper .right i {
  font-size: 1.1rem;
}
.downloads .main-container header {
  position: relative;
  z-index: 20;
}
.downloads .main-container header .container .row .col {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1.5rem;
  padding: 0.5rem 0.6rem;
}
@media (max-width: 767px) {
  .downloads .main-container header .container .row .col {
    padding: 1rem 0.6rem;
  }
}
.downloads .main-container header .container .row .col a {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
@media (max-width: 575px) {
  .downloads .main-container header .container .row .col a span:nth-child(2) {
    display: none;
  }
}
.downloads .main-container header .container .row .col a img {
  width: 4.5rem;
}
@media (max-width: 767px) {
  .downloads .main-container header .container .row .col a img {
    width: 3rem;
  }
}
.downloads .main-container header .container .row .col a span {
  font-size: 1.2rem;
  font-weight: 600;
  color: #000;
}
@media (min-width: 768px) and (max-width: 991px) {
  .downloads .main-container header .container .row .col a span {
    display: none;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .downloads .main-container header .container .row .col a span {
    font-size: 1.15rem;
  }
}
@media (max-width: 575px) {
  .downloads .main-container header .container .row .col a span {
    font-size: 1rem;
  }
}
.downloads .main-container header .container .row .col a .mbl {
  display: none;
}
@media (max-width: 575px) {
  .downloads .main-container header .container .row .col a .mbl {
    display: flex;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .downloads .main-container header .container .row .col a .mbl {
    display: flex;
  }
}
@media (max-width: 767px) {
  .downloads .main-container header .container .row .col nav {
    display: none;
  }
}
.downloads .main-container header .container .row .col nav ul {
  list-style-type: none;
  display: flex;
  align-items: center;
  gap: 1.5rem;
  position: relative;
  z-index: 21;
}
@media (max-width: 767px) {
  .downloads .main-container header .container .row .col nav ul {
    flex-direction: column;
    gap: 0.5rem;
  }
}
@media (min-width: 992px) {
  .downloads .main-container header .container .row .col nav ul {
    gap: 1.5rem;
  }
}
@media (min-width: 768px) {
  .downloads .main-container header .container .row .col nav ul li.about-menu:hover {
    border-bottom: 2px solid #004ead;
    transition: all 0.2s ease-in;
  }
  .downloads .main-container header .container .row .col nav ul li.about-menu:hover .about-submenu {
    display: flex !important;
  }
}
@media (max-width: 767px) {
  .downloads .main-container header .container .row .col nav ul li.about-menu .about-submenu {
    margin-top: 1rem;
    display: none;
    position: static !important;
  }
}
@media (min-width: 768px) {
  .downloads .main-container header .container .row .col nav ul li.admissions-menu:hover {
    border-bottom: 2px solid #004ead;
    transition: all 0.2s ease-in;
  }
  .downloads .main-container header .container .row .col nav ul li.admissions-menu:hover .admissions-submenu {
    display: flex !important;
  }
}
@media (max-width: 767px) {
  .downloads .main-container header .container .row .col nav ul li.admissions-menu .admissions-submenu {
    margin-top: 1rem;
    display: none;
    position: static !important;
  }
}
@media (min-width: 768px) {
  .downloads .main-container header .container .row .col nav ul li.departments-menu:hover {
    border-bottom: 2px solid #004ead;
    transition: all 0.2s ease-in;
  }
  .downloads .main-container header .container .row .col nav ul li.departments-menu:hover .departments-submenu {
    display: flex !important;
  }
}
@media (max-width: 767px) {
  .downloads .main-container header .container .row .col nav ul li.departments-menu .departments-submenu {
    margin-top: 1rem;
    display: none;
    position: static !important;
  }
}
@media (min-width: 768px) {
  .downloads .main-container header .container .row .col nav ul li.learning-menu:hover {
    border-bottom: 2px solid #004ead;
    transition: all 0.2s ease-in;
  }
  .downloads .main-container header .container .row .col nav ul li.learning-menu:hover .learning-submenu {
    display: flex !important;
  }
}
@media (max-width: 767px) {
  .downloads .main-container header .container .row .col nav ul li.learning-menu .learning-submenu {
    margin-top: 1rem;
    display: none;
    position: static !important;
  }
}
.downloads .main-container header .container .row .col nav ul li {
  border-bottom: 2px solid transparent;
  padding: 5px 0;
  font-weight: 500;
  font-size: 0.85rem;
  cursor: pointer;
}
@media (min-width: 992px) {
  .downloads .main-container header .container .row .col nav ul li {
    font-size: 0.85rem;
  }
}
.downloads .main-container header .container .row .col nav ul li .arrow::after {
  width: 1rem;
  height: 1rem;
  content: "";
  background-image: url(/images/arrow-down.svg);
  background-repeat: no-repeat;
  background-position: center;
}
.downloads .main-container header .container .row .col nav ul li ul.about-submenu,
.downloads .main-container header .container .row .col nav ul li .admissions-submenu,
.downloads .main-container header .container .row .col nav ul li .departments-submenu,
.downloads .main-container header .container .row .col nav ul li .learning-submenu {
  z-index: 22;
  position: absolute;
  top: 2rem;
  display: none;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.2rem;
  padding: 1rem;
  padding-right: 1.5rem;
  background-color: #fff;
  transition: all 0.3s ease-in;
  box-shadow: 1px 1px 5px 2px rgba(34, 34, 34, 0.1098039216);
}
.downloads .main-container header .container .row .col #hamburger {
  position: relative;
  z-index: 100;
  font-size: 1.3rem;
  padding: 0.15rem 0.45rem;
  margin-right: 0.6rem;
  border-radius: 0.3rem;
  border: 1px solid rgba(34, 34, 34, 0.5215686275);
}
@media (min-width: 768px) {
  .downloads .main-container header .container .row .col #hamburger {
    display: none;
  }
}
.downloads .main-container .title-banner {
  background-image: url(/images/message-bg.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: bottom center;
  height: 100%;
}
.downloads .main-container .title-banner .bg-color {
  background-color: rgba(0, 0, 0, 0.5137254902);
  width: 100%;
  height: 100%;
  padding: 7rem 1rem;
  color: #fff;
}
@media (max-width: 767px) {
  .downloads .main-container .title-banner .bg-color {
    padding: 4rem 1rem;
  }
}
.downloads .main-container .title-banner .bg-color .container .row .col .text-banner-wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.3rem;
}
.downloads .main-container .title-banner .bg-color .container .row .col .text-banner-wrapper div {
  width: 15%;
  height: 4px;
  border-radius: 0.5rem;
  background-color: #006498;
}
.downloads .main-container .faq {
  margin-bottom: 2rem;
}
.downloads .main-container .faq .main-wrapper .container .row1 {
  padding: 1rem 0rem;
  padding-top: 2rem;
}
.downloads .main-container .faq .main-wrapper .container .row1 .col .wrapper p {
  font-size: 1.1rem;
}
.downloads .main-container .faq .main-wrapper .container .row1 .col .wrapper p span {
  font-weight: 500;
}
.downloads .main-container .faq .main-wrapper .container .row3 {
  margin-top: 0rem;
  margin-bottom: 1rem;
}
.downloads .main-container .faq .main-wrapper .container .row3 .col .wrapper .data-container {
  margin-top: 10px;
}
.downloads .main-container .faq .main-wrapper .container .row3 .col .wrapper .data-container h5 {
  margin-bottom: 1.7rem;
}
.downloads .main-container .faq .main-wrapper .container .row3 .col .wrapper .data-container .main-wrapper {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.2rem;
}
.downloads .main-container .faq .main-wrapper .container .row3 .col .wrapper .data-container .main-wrapper .download-btn {
  border-radius: 20px;
  padding: 0.5rem 1.5rem;
  font-size: 0.8rem;
  outline: none;
  background-color: #003B84;
  border: none;
  cursor: pointer;
  color: #fff;
  transition: 0.2s all ease-in-out;
  box-shadow: none !important;
}
.downloads .main-container .faq .main-wrapper .container .row3 .col .wrapper .data-container .main-wrapper .download-btn:hover {
  color: #fff;
  background-color: #004ead;
}
.downloads .main-container .faq .main-wrapper .container .row3 .col .wrapper .data-container .main-wrapper .lists {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  width: 65%;
}
@media (max-width: 767px) {
  .downloads .main-container .faq .main-wrapper .container .row3 .col .wrapper .data-container .main-wrapper .lists {
    width: 100%;
  }
}
.downloads .main-container .faq .main-wrapper .container .row3 .col .wrapper .data-container .main-wrapper .lists .list {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media (max-width: 767px) {
  .downloads .main-container .faq .main-wrapper .container .row3 .col .wrapper .data-container .main-wrapper .lists .list {
    gap: 1rem;
    flex-direction: column;
    align-items: flex-start;
  }
}
.downloads .main-container .faq .main-wrapper .container .row3 .col .wrapper .data {
  display: none;
}
.downloads .main-container footer {
  width: 100%;
  background: rgb(0, 100, 152);
  background: linear-gradient(0deg, rgb(0, 100, 152) 0%, rgb(0, 117, 180) 100%);
  padding: 4rem 1rem;
  padding-bottom: 0;
  color: #fff;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.downloads .main-container footer .container .row {
  display: flex;
  justify-content: center;
}
.downloads .main-container footer .container .row .main-wrapper {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
}
@media (max-width: 767px) {
  .downloads .main-container footer .container .row .main-wrapper {
    flex-direction: column;
    gap: 2rem;
  }
}
.downloads .main-container footer .container .row .main-wrapper .col1 .wrapper h4 {
  margin-bottom: 1.5rem;
}
.downloads .main-container footer .container .row .main-wrapper .col1 .wrapper p {
  font-size: 0.9rem;
  line-height: 2;
}
.downloads .main-container footer .container .row .main-wrapper .col1 .wrapper div {
  display: flex;
  align-items: center;
  gap: 0.6rem;
}
.downloads .main-container footer .container .row .main-wrapper .col1 .wrapper div a {
  color: inherit;
}
.downloads .main-container footer .container .row .main-wrapper .col1 .wrapper div a i {
  font-size: 1.5rem;
}
.downloads .main-container footer .container .row .main-wrapper .col2 .wrapper h4 {
  margin-bottom: 1.5rem;
}
.downloads .main-container footer .container .row .main-wrapper .col2 .wrapper ul {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.downloads .main-container footer .container .row .main-wrapper .col2 .wrapper ul li {
  list-style-type: none;
  font-size: 0.94rem;
}
.downloads .main-container footer .container .row .main-wrapper .col2 .wrapper ul li a {
  color: inherit;
}
.downloads .main-container footer .container .row .main-wrapper .col3 .wrapper h4 {
  margin-bottom: 1.5rem;
}
.downloads .main-container footer .container .row .main-wrapper .col3 .wrapper ul {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.downloads .main-container footer .container .row .main-wrapper .col3 .wrapper ul li {
  list-style-type: none;
  font-size: 0.94rem;
}
.downloads .main-container footer .container .row .main-wrapper .col3 .wrapper ul li div {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.downloads .main-container footer .container .row .main-wrapper .col3 .wrapper ul li div span {
  font-size: 0.94rem;
}
.downloads .main-container footer .copyright {
  padding: 1.2rem 1rem;
  margin-bottom: 1.3rem;
  opacity: 0.7;
}
.downloads .main-container footer .copyright .container .row .col .wrapper {
  display: flex;
  align-items: center;
  gap: 0.3rem;
}
@media (max-width: 991px) {
  .downloads .main-container footer .copyright .container .row .col .wrapper {
    flex-direction: column;
    gap: 0.3rem;
  }
}
.downloads .main-container footer .copyright .container .row .col .wrapper p {
  padding: 0;
  margin: 0;
  text-align: center;
  font-size: 0.85rem;
}
@media (max-width: 575px) {
  .downloads .main-container footer .copyright .container .row .col .wrapper p {
    font-size: 0.75rem;
  }
}
.downloads .main-container footer .copyright .container .row .col .wrapper p a {
  color: inherit;
}

.policies .main-container {
  position: relative;
}
.policies .main-container .top-nav {
  background-color: #006498;
  padding: 0.7rem;
}
@media (max-width: 767px) {
  .policies .main-container .top-nav {
    display: none;
  }
}
.policies .main-container .top-nav .container .row .col .main-wrapper {
  color: #fff;
  font-size: 0.8rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 1rem;
}
.policies .main-container .top-nav .container .row .col .main-wrapper a {
  text-decoration: none;
  color: inherit;
}
.policies .main-container .top-nav .container .row .col .main-wrapper .right i {
  font-size: 1.1rem;
}
.policies .main-container header {
  position: relative;
  z-index: 20;
}
.policies .main-container header .container .row .col {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1.5rem;
  padding: 0.5rem 0.6rem;
}
@media (max-width: 767px) {
  .policies .main-container header .container .row .col {
    padding: 1rem 0.6rem;
  }
}
.policies .main-container header .container .row .col a {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
@media (max-width: 575px) {
  .policies .main-container header .container .row .col a span:nth-child(2) {
    display: none;
  }
}
.policies .main-container header .container .row .col a img {
  width: 4.5rem;
}
@media (max-width: 767px) {
  .policies .main-container header .container .row .col a img {
    width: 3rem;
  }
}
.policies .main-container header .container .row .col a span {
  font-size: 1.2rem;
  font-weight: 600;
  color: #000;
}
@media (min-width: 768px) and (max-width: 991px) {
  .policies .main-container header .container .row .col a span {
    display: none;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .policies .main-container header .container .row .col a span {
    font-size: 1.15rem;
  }
}
@media (max-width: 575px) {
  .policies .main-container header .container .row .col a span {
    font-size: 1rem;
  }
}
.policies .main-container header .container .row .col a .mbl {
  display: none;
}
@media (max-width: 575px) {
  .policies .main-container header .container .row .col a .mbl {
    display: flex;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .policies .main-container header .container .row .col a .mbl {
    display: flex;
  }
}
@media (max-width: 767px) {
  .policies .main-container header .container .row .col nav {
    display: none;
  }
}
.policies .main-container header .container .row .col nav ul {
  list-style-type: none;
  display: flex;
  align-items: center;
  gap: 1.5rem;
  position: relative;
  z-index: 21;
}
@media (max-width: 767px) {
  .policies .main-container header .container .row .col nav ul {
    flex-direction: column;
    gap: 0.5rem;
  }
}
@media (min-width: 992px) {
  .policies .main-container header .container .row .col nav ul {
    gap: 1.5rem;
  }
}
@media (min-width: 768px) {
  .policies .main-container header .container .row .col nav ul li.about-menu:hover {
    border-bottom: 2px solid #004ead;
    transition: all 0.2s ease-in;
  }
  .policies .main-container header .container .row .col nav ul li.about-menu:hover .about-submenu {
    display: flex !important;
  }
}
@media (max-width: 767px) {
  .policies .main-container header .container .row .col nav ul li.about-menu .about-submenu {
    margin-top: 1rem;
    display: none;
    position: static !important;
  }
}
@media (min-width: 768px) {
  .policies .main-container header .container .row .col nav ul li.admissions-menu:hover {
    border-bottom: 2px solid #004ead;
    transition: all 0.2s ease-in;
  }
  .policies .main-container header .container .row .col nav ul li.admissions-menu:hover .admissions-submenu {
    display: flex !important;
  }
}
@media (max-width: 767px) {
  .policies .main-container header .container .row .col nav ul li.admissions-menu .admissions-submenu {
    margin-top: 1rem;
    display: none;
    position: static !important;
  }
}
@media (min-width: 768px) {
  .policies .main-container header .container .row .col nav ul li.departments-menu:hover {
    border-bottom: 2px solid #004ead;
    transition: all 0.2s ease-in;
  }
  .policies .main-container header .container .row .col nav ul li.departments-menu:hover .departments-submenu {
    display: flex !important;
  }
}
@media (max-width: 767px) {
  .policies .main-container header .container .row .col nav ul li.departments-menu .departments-submenu {
    margin-top: 1rem;
    display: none;
    position: static !important;
  }
}
@media (min-width: 768px) {
  .policies .main-container header .container .row .col nav ul li.learning-menu:hover {
    border-bottom: 2px solid #004ead;
    transition: all 0.2s ease-in;
  }
  .policies .main-container header .container .row .col nav ul li.learning-menu:hover .learning-submenu {
    display: flex !important;
  }
}
@media (max-width: 767px) {
  .policies .main-container header .container .row .col nav ul li.learning-menu .learning-submenu {
    margin-top: 1rem;
    display: none;
    position: static !important;
  }
}
.policies .main-container header .container .row .col nav ul li {
  border-bottom: 2px solid transparent;
  padding: 5px 0;
  font-weight: 500;
  font-size: 0.85rem;
  cursor: pointer;
}
@media (min-width: 992px) {
  .policies .main-container header .container .row .col nav ul li {
    font-size: 0.85rem;
  }
}
.policies .main-container header .container .row .col nav ul li .arrow::after {
  width: 1rem;
  height: 1rem;
  content: "";
  background-image: url(/images/arrow-down.svg);
  background-repeat: no-repeat;
  background-position: center;
}
.policies .main-container header .container .row .col nav ul li ul.about-submenu,
.policies .main-container header .container .row .col nav ul li .admissions-submenu,
.policies .main-container header .container .row .col nav ul li .departments-submenu,
.policies .main-container header .container .row .col nav ul li .learning-submenu {
  z-index: 22;
  position: absolute;
  top: 2rem;
  display: none;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.2rem;
  padding: 1rem;
  padding-right: 1.5rem;
  background-color: #fff;
  transition: all 0.3s ease-in;
  box-shadow: 1px 1px 5px 2px rgba(34, 34, 34, 0.1098039216);
}
.policies .main-container header .container .row .col #hamburger {
  position: relative;
  z-index: 100;
  font-size: 1.3rem;
  padding: 0.15rem 0.45rem;
  margin-right: 0.6rem;
  border-radius: 0.3rem;
  border: 1px solid rgba(34, 34, 34, 0.5215686275);
}
@media (min-width: 768px) {
  .policies .main-container header .container .row .col #hamburger {
    display: none;
  }
}
.policies .main-container .title-banner {
  background-image: url(/images/message-bg.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: bottom center;
  height: 100%;
}
.policies .main-container .title-banner .bg-color {
  background-color: rgba(0, 0, 0, 0.5137254902);
  width: 100%;
  height: 100%;
  padding: 7rem 1rem;
  color: #fff;
}
@media (max-width: 767px) {
  .policies .main-container .title-banner .bg-color {
    padding: 4rem 1rem;
  }
}
.policies .main-container .title-banner .bg-color .container .row .col .text-banner-wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.3rem;
}
.policies .main-container .title-banner .bg-color .container .row .col .text-banner-wrapper div {
  width: 15%;
  height: 4px;
  border-radius: 0.5rem;
  background-color: #006498;
}
.policies .main-container .faq {
  margin-bottom: 2rem;
}
.policies .main-container .faq .main-wrapper .container .row1 {
  padding: 1rem 0rem;
  padding-top: 2rem;
}
.policies .main-container .faq .main-wrapper .container .row1 .col .wrapper p {
  font-size: 1.1rem;
}
.policies .main-container .faq .main-wrapper .container .row1 .col .wrapper p span {
  font-weight: 500;
}
.policies .main-container .faq .main-wrapper .container .row3 {
  margin-top: 0rem;
  margin-bottom: 1rem;
}
.policies .main-container .faq .main-wrapper .container .row3 .col .wrapper .data-container {
  margin-top: 10px;
}
.policies .main-container .faq .main-wrapper .container .row3 .col .wrapper .data-container h5 {
  margin-bottom: 1.7rem;
}
.policies .main-container .faq .main-wrapper .container .row3 .col .wrapper .data-container .main-wrapper {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.2rem;
}
.policies .main-container .faq .main-wrapper .container .row3 .col .wrapper .data-container .main-wrapper .download-btn {
  border-radius: 20px;
  padding: 0.5rem 1.5rem;
  font-size: 0.8rem;
  outline: none;
  background-color: #003B84;
  border: none;
  cursor: pointer;
  color: #fff;
  transition: 0.2s all ease-in-out;
  box-shadow: none !important;
}
.policies .main-container .faq .main-wrapper .container .row3 .col .wrapper .data-container .main-wrapper .download-btn:hover {
  color: #fff;
  background-color: #004ead;
}
.policies .main-container .faq .main-wrapper .container .row3 .col .wrapper .data-container .main-wrapper .lists {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  width: 65%;
}
@media (max-width: 767px) {
  .policies .main-container .faq .main-wrapper .container .row3 .col .wrapper .data-container .main-wrapper .lists {
    width: 100%;
  }
}
.policies .main-container .faq .main-wrapper .container .row3 .col .wrapper .data-container .main-wrapper .lists .list {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media (max-width: 767px) {
  .policies .main-container .faq .main-wrapper .container .row3 .col .wrapper .data-container .main-wrapper .lists .list {
    gap: 1rem;
    flex-direction: column;
    align-items: flex-start;
  }
}
.policies .main-container .faq .main-wrapper .container .row3 .col .wrapper .data {
  display: none;
}
.policies .main-container footer {
  width: 100%;
  background: rgb(0, 100, 152);
  background: linear-gradient(0deg, rgb(0, 100, 152) 0%, rgb(0, 117, 180) 100%);
  padding: 4rem 1rem;
  padding-bottom: 0;
  color: #fff;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.policies .main-container footer .container .row {
  display: flex;
  justify-content: center;
}
.policies .main-container footer .container .row .main-wrapper {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
}
@media (max-width: 767px) {
  .policies .main-container footer .container .row .main-wrapper {
    flex-direction: column;
    gap: 2rem;
  }
}
.policies .main-container footer .container .row .main-wrapper .col1 .wrapper h4 {
  margin-bottom: 1.5rem;
}
.policies .main-container footer .container .row .main-wrapper .col1 .wrapper p {
  font-size: 0.9rem;
  line-height: 2;
}
.policies .main-container footer .container .row .main-wrapper .col1 .wrapper div {
  display: flex;
  align-items: center;
  gap: 0.6rem;
}
.policies .main-container footer .container .row .main-wrapper .col1 .wrapper div a {
  color: inherit;
}
.policies .main-container footer .container .row .main-wrapper .col1 .wrapper div a i {
  font-size: 1.5rem;
}
.policies .main-container footer .container .row .main-wrapper .col2 .wrapper h4 {
  margin-bottom: 1.5rem;
}
.policies .main-container footer .container .row .main-wrapper .col2 .wrapper ul {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.policies .main-container footer .container .row .main-wrapper .col2 .wrapper ul li {
  list-style-type: none;
  font-size: 0.94rem;
}
.policies .main-container footer .container .row .main-wrapper .col2 .wrapper ul li a {
  color: inherit;
}
.policies .main-container footer .container .row .main-wrapper .col3 .wrapper h4 {
  margin-bottom: 1.5rem;
}
.policies .main-container footer .container .row .main-wrapper .col3 .wrapper ul {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.policies .main-container footer .container .row .main-wrapper .col3 .wrapper ul li {
  list-style-type: none;
  font-size: 0.94rem;
}
.policies .main-container footer .container .row .main-wrapper .col3 .wrapper ul li div {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.policies .main-container footer .container .row .main-wrapper .col3 .wrapper ul li div span {
  font-size: 0.94rem;
}
.policies .main-container footer .copyright {
  padding: 1.2rem 1rem;
  margin-bottom: 1.3rem;
  opacity: 0.7;
}
.policies .main-container footer .copyright .container .row .col .wrapper {
  display: flex;
  align-items: center;
  gap: 0.3rem;
}
@media (max-width: 991px) {
  .policies .main-container footer .copyright .container .row .col .wrapper {
    flex-direction: column;
    gap: 0.3rem;
  }
}
.policies .main-container footer .copyright .container .row .col .wrapper p {
  padding: 0;
  margin: 0;
  text-align: center;
  font-size: 0.85rem;
}
@media (max-width: 575px) {
  .policies .main-container footer .copyright .container .row .col .wrapper p {
    font-size: 0.75rem;
  }
}
.policies .main-container footer .copyright .container .row .col .wrapper p a {
  color: inherit;
}

.latest-advertisement .main-container {
  position: relative;
}
.latest-advertisement .main-container .top-nav {
  background-color: #006498;
  padding: 0.7rem;
}
@media (max-width: 767px) {
  .latest-advertisement .main-container .top-nav {
    display: none;
  }
}
.latest-advertisement .main-container .top-nav .container .row .col .main-wrapper {
  color: #fff;
  font-size: 0.8rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 1rem;
}
.latest-advertisement .main-container .top-nav .container .row .col .main-wrapper a {
  text-decoration: none;
  color: inherit;
}
.latest-advertisement .main-container .top-nav .container .row .col .main-wrapper .right i {
  font-size: 1.1rem;
}
.latest-advertisement .main-container header {
  position: relative;
  z-index: 20;
}
.latest-advertisement .main-container header .container .row .col {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1.5rem;
  padding: 0.5rem 0.6rem;
}
@media (max-width: 767px) {
  .latest-advertisement .main-container header .container .row .col {
    padding: 1rem 0.6rem;
  }
}
.latest-advertisement .main-container header .container .row .col a {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
@media (max-width: 575px) {
  .latest-advertisement .main-container header .container .row .col a span:nth-child(2) {
    display: none;
  }
}
.latest-advertisement .main-container header .container .row .col a img {
  width: 4.5rem;
}
@media (max-width: 767px) {
  .latest-advertisement .main-container header .container .row .col a img {
    width: 3rem;
  }
}
.latest-advertisement .main-container header .container .row .col a span {
  font-size: 1.2rem;
  font-weight: 600;
  color: #000;
}
@media (min-width: 768px) and (max-width: 991px) {
  .latest-advertisement .main-container header .container .row .col a span {
    display: none;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .latest-advertisement .main-container header .container .row .col a span {
    font-size: 1.15rem;
  }
}
@media (max-width: 575px) {
  .latest-advertisement .main-container header .container .row .col a span {
    font-size: 1rem;
  }
}
.latest-advertisement .main-container header .container .row .col a .mbl {
  display: none;
}
@media (max-width: 575px) {
  .latest-advertisement .main-container header .container .row .col a .mbl {
    display: flex;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .latest-advertisement .main-container header .container .row .col a .mbl {
    display: flex;
  }
}
@media (max-width: 767px) {
  .latest-advertisement .main-container header .container .row .col nav {
    display: none;
  }
}
.latest-advertisement .main-container header .container .row .col nav ul {
  list-style-type: none;
  display: flex;
  align-items: center;
  gap: 1.5rem;
  position: relative;
  z-index: 21;
}
@media (max-width: 767px) {
  .latest-advertisement .main-container header .container .row .col nav ul {
    flex-direction: column;
    gap: 0.5rem;
  }
}
@media (min-width: 992px) {
  .latest-advertisement .main-container header .container .row .col nav ul {
    gap: 1.5rem;
  }
}
@media (min-width: 768px) {
  .latest-advertisement .main-container header .container .row .col nav ul li.about-menu:hover {
    border-bottom: 2px solid #004ead;
    transition: all 0.2s ease-in;
  }
  .latest-advertisement .main-container header .container .row .col nav ul li.about-menu:hover .about-submenu {
    display: flex !important;
  }
}
@media (max-width: 767px) {
  .latest-advertisement .main-container header .container .row .col nav ul li.about-menu .about-submenu {
    margin-top: 1rem;
    display: none;
    position: static !important;
  }
}
@media (min-width: 768px) {
  .latest-advertisement .main-container header .container .row .col nav ul li.admissions-menu:hover {
    border-bottom: 2px solid #004ead;
    transition: all 0.2s ease-in;
  }
  .latest-advertisement .main-container header .container .row .col nav ul li.admissions-menu:hover .admissions-submenu {
    display: flex !important;
  }
}
@media (max-width: 767px) {
  .latest-advertisement .main-container header .container .row .col nav ul li.admissions-menu .admissions-submenu {
    margin-top: 1rem;
    display: none;
    position: static !important;
  }
}
@media (min-width: 768px) {
  .latest-advertisement .main-container header .container .row .col nav ul li.departments-menu:hover {
    border-bottom: 2px solid #004ead;
    transition: all 0.2s ease-in;
  }
  .latest-advertisement .main-container header .container .row .col nav ul li.departments-menu:hover .departments-submenu {
    display: flex !important;
  }
}
@media (max-width: 767px) {
  .latest-advertisement .main-container header .container .row .col nav ul li.departments-menu .departments-submenu {
    margin-top: 1rem;
    display: none;
    position: static !important;
  }
}
@media (min-width: 768px) {
  .latest-advertisement .main-container header .container .row .col nav ul li.learning-menu:hover {
    border-bottom: 2px solid #004ead;
    transition: all 0.2s ease-in;
  }
  .latest-advertisement .main-container header .container .row .col nav ul li.learning-menu:hover .learning-submenu {
    display: flex !important;
  }
}
@media (max-width: 767px) {
  .latest-advertisement .main-container header .container .row .col nav ul li.learning-menu .learning-submenu {
    margin-top: 1rem;
    display: none;
    position: static !important;
  }
}
.latest-advertisement .main-container header .container .row .col nav ul li {
  border-bottom: 2px solid transparent;
  padding: 5px 0;
  font-weight: 500;
  font-size: 0.85rem;
  cursor: pointer;
}
@media (min-width: 992px) {
  .latest-advertisement .main-container header .container .row .col nav ul li {
    font-size: 0.85rem;
  }
}
.latest-advertisement .main-container header .container .row .col nav ul li .arrow::after {
  width: 1rem;
  height: 1rem;
  content: "";
  background-image: url(/images/arrow-down.svg);
  background-repeat: no-repeat;
  background-position: center;
}
.latest-advertisement .main-container header .container .row .col nav ul li ul.about-submenu,
.latest-advertisement .main-container header .container .row .col nav ul li .admissions-submenu,
.latest-advertisement .main-container header .container .row .col nav ul li .departments-submenu,
.latest-advertisement .main-container header .container .row .col nav ul li .learning-submenu {
  z-index: 22;
  position: absolute;
  top: 2rem;
  display: none;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.2rem;
  padding: 1rem;
  padding-right: 1.5rem;
  background-color: #fff;
  transition: all 0.3s ease-in;
  box-shadow: 1px 1px 5px 2px rgba(34, 34, 34, 0.1098039216);
}
.latest-advertisement .main-container header .container .row .col #hamburger {
  position: relative;
  z-index: 100;
  font-size: 1.3rem;
  padding: 0.15rem 0.45rem;
  margin-right: 0.6rem;
  border-radius: 0.3rem;
  border: 1px solid rgba(34, 34, 34, 0.5215686275);
}
@media (min-width: 768px) {
  .latest-advertisement .main-container header .container .row .col #hamburger {
    display: none;
  }
}
.latest-advertisement .main-container .title-banner {
  background-image: url(/images/message-bg.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: bottom center;
  height: 100%;
}
.latest-advertisement .main-container .title-banner .bg-color {
  background-color: rgba(0, 0, 0, 0.5137254902);
  width: 100%;
  height: 100%;
  padding: 7rem 1rem;
  color: #fff;
}
@media (max-width: 767px) {
  .latest-advertisement .main-container .title-banner .bg-color {
    padding: 4rem 1rem;
  }
}
.latest-advertisement .main-container .title-banner .bg-color .container .row .col .text-banner-wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.3rem;
}
.latest-advertisement .main-container .title-banner .bg-color .container .row .col .text-banner-wrapper div {
  width: 15%;
  height: 4px;
  border-radius: 0.5rem;
  background-color: #006498;
}
.latest-advertisement .main-container .advertisement {
  padding-top: 4rem;
  padding-bottom: 3rem;
}
@media (min-width: 768px) and (max-width: 991px) {
  .latest-advertisement .main-container .advertisement {
    padding-top: 3rem;
  }
}
@media (max-width: 575px) {
  .latest-advertisement .main-container .advertisement {
    margin-top: 0;
    padding-top: 3rem;
    padding-bottom: 3rem;
  }
}
.latest-advertisement .main-container .advertisement .container {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.latest-advertisement .main-container .advertisement .container .row1 .col h2 {
  text-align: center;
}
.latest-advertisement .main-container .advertisement .container .row1 .col h2 .divider {
  width: 150px;
  height: 5px;
  background: #003B84;
  margin: auto;
  border-radius: 20px;
}
.latest-advertisement .main-container .advertisement .container .row2 {
  margin-top: 2rem;
  display: flex;
  align-items: flex-start;
  width: 100%;
}
.latest-advertisement .main-container .advertisement .container .row2 .col1 {
  padding: 1rem;
}
.latest-advertisement .main-container .advertisement .container .row2 .col1 .posts {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  gap: 1rem;
}
@media (max-width: 767px) {
  .latest-advertisement .main-container .advertisement .container .row2 .col1 .posts a {
    width: 100% !important;
  }
}
.latest-advertisement .main-container .advertisement .container .row2 .col1 .posts a .main-wrapper {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 1rem;
  border: 1px solid rgba(0, 0, 0, 0.1843137255);
  border-radius: 5px;
  box-shadow: 0px 0px 30px 0px rgba(0, 42, 106, 0.035);
}
.latest-advertisement .main-container .advertisement .container .row2 .col1 .posts a .main-wrapper .image {
  border-radius: 5px;
  width: 100%;
}
.latest-advertisement .main-container .advertisement .container .row2 .col1 .posts a .main-wrapper .image img {
  width: 100%;
  height: 17rem;
  border-radius: 5px;
  object-fit: cover;
  object-position: center center;
}
.latest-advertisement .main-container .advertisement .container .row2 .col1 .posts a .main-wrapper .content {
  padding: 0 1rem;
  padding-bottom: 1rem;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.5rem;
  color: #222;
}
.latest-advertisement .main-container .advertisement .container .row2 .col1 .posts a .main-wrapper .content .date {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.latest-advertisement .main-container .advertisement .container .row2 .col1 .posts a .main-wrapper .content .date i {
  font-size: 0.87rem;
}
.latest-advertisement .main-container .advertisement .container .row2 .col1 .posts a .main-wrapper .content .date span {
  font-size: 0.87rem;
}
.latest-advertisement .main-container .advertisement .container .row2 .col1 .posts a .main-wrapper .content h2 {
  font-size: 1.1rem;
  font-weight: 500;
  margin-bottom: -0.2rem;
}
.latest-advertisement .main-container .advertisement .container .row2 .col1 .posts a .main-wrapper .content p {
  padding: 0;
  margin: 0;
  font-size: 0.86rem;
  color: rgba(0, 0, 0, 0.8235294118);
}
.latest-advertisement .main-container .advertisement .container .row2 .col1 .posts a .main-wrapper .content a {
  background: none;
  color: #003B84;
  font-weight: 500;
  padding: 0.2rem;
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.latest-advertisement .main-container .advertisement .container .row2 .col1 .posts a .main-wrapper .content a i {
  font-size: 1rem;
}
.latest-advertisement .main-container footer {
  width: 100%;
  background: rgb(0, 100, 152);
  background: linear-gradient(0deg, rgb(0, 100, 152) 0%, rgb(0, 117, 180) 100%);
  padding: 4rem 1rem;
  padding-bottom: 0;
  color: #fff;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.latest-advertisement .main-container footer .container .row {
  display: flex;
  justify-content: center;
}
.latest-advertisement .main-container footer .container .row .main-wrapper {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
}
@media (max-width: 767px) {
  .latest-advertisement .main-container footer .container .row .main-wrapper {
    flex-direction: column;
    gap: 2rem;
  }
}
.latest-advertisement .main-container footer .container .row .main-wrapper .col1 .wrapper h4 {
  margin-bottom: 1.5rem;
}
.latest-advertisement .main-container footer .container .row .main-wrapper .col1 .wrapper p {
  font-size: 0.9rem;
  line-height: 2;
}
.latest-advertisement .main-container footer .container .row .main-wrapper .col1 .wrapper div {
  display: flex;
  align-items: center;
  gap: 0.6rem;
}
.latest-advertisement .main-container footer .container .row .main-wrapper .col1 .wrapper div a {
  color: inherit;
}
.latest-advertisement .main-container footer .container .row .main-wrapper .col1 .wrapper div a i {
  font-size: 1.5rem;
}
.latest-advertisement .main-container footer .container .row .main-wrapper .col2 .wrapper h4 {
  margin-bottom: 1.5rem;
}
.latest-advertisement .main-container footer .container .row .main-wrapper .col2 .wrapper ul {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.latest-advertisement .main-container footer .container .row .main-wrapper .col2 .wrapper ul li {
  list-style-type: none;
  font-size: 0.94rem;
}
.latest-advertisement .main-container footer .container .row .main-wrapper .col2 .wrapper ul li a {
  color: inherit;
}
.latest-advertisement .main-container footer .container .row .main-wrapper .col3 .wrapper h4 {
  margin-bottom: 1.5rem;
}
.latest-advertisement .main-container footer .container .row .main-wrapper .col3 .wrapper ul {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.latest-advertisement .main-container footer .container .row .main-wrapper .col3 .wrapper ul li {
  list-style-type: none;
  font-size: 0.94rem;
}
.latest-advertisement .main-container footer .container .row .main-wrapper .col3 .wrapper ul li div {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.latest-advertisement .main-container footer .container .row .main-wrapper .col3 .wrapper ul li div span {
  font-size: 0.94rem;
}
.latest-advertisement .main-container footer .copyright {
  padding: 1.2rem 1rem;
  margin-bottom: 1.3rem;
  opacity: 0.7;
}
.latest-advertisement .main-container footer .copyright .container .row .col .wrapper {
  display: flex;
  align-items: center;
  gap: 0.3rem;
}
@media (max-width: 991px) {
  .latest-advertisement .main-container footer .copyright .container .row .col .wrapper {
    flex-direction: column;
    gap: 0.3rem;
  }
}
.latest-advertisement .main-container footer .copyright .container .row .col .wrapper p {
  padding: 0;
  margin: 0;
  text-align: center;
  font-size: 0.85rem;
}
@media (max-width: 575px) {
  .latest-advertisement .main-container footer .copyright .container .row .col .wrapper p {
    font-size: 0.75rem;
  }
}
.latest-advertisement .main-container footer .copyright .container .row .col .wrapper p a {
  color: inherit;
}

.gallery .main-container {
  position: relative;
}
.gallery .main-container .top-nav {
  background-color: #006498;
  padding: 0.7rem;
}
@media (max-width: 767px) {
  .gallery .main-container .top-nav {
    display: none;
  }
}
.gallery .main-container .top-nav .container .row .col .main-wrapper {
  color: #fff;
  font-size: 0.8rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 1rem;
}
.gallery .main-container .top-nav .container .row .col .main-wrapper a {
  text-decoration: none;
  color: inherit;
}
.gallery .main-container .top-nav .container .row .col .main-wrapper .right i {
  font-size: 1.1rem;
}
.gallery .main-container header {
  position: relative;
  z-index: 20;
}
.gallery .main-container header .container .row .col {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1.5rem;
  padding: 0.5rem 0.6rem;
}
@media (max-width: 767px) {
  .gallery .main-container header .container .row .col {
    padding: 1rem 0.6rem;
  }
}
.gallery .main-container header .container .row .col a {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
@media (max-width: 575px) {
  .gallery .main-container header .container .row .col a span:nth-child(2) {
    display: none;
  }
}
.gallery .main-container header .container .row .col a img {
  width: 4.5rem;
}
@media (max-width: 767px) {
  .gallery .main-container header .container .row .col a img {
    width: 3rem;
  }
}
.gallery .main-container header .container .row .col a span {
  font-size: 1.2rem;
  font-weight: 600;
  color: #000;
}
@media (min-width: 768px) and (max-width: 991px) {
  .gallery .main-container header .container .row .col a span {
    display: none;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .gallery .main-container header .container .row .col a span {
    font-size: 1.15rem;
  }
}
@media (max-width: 575px) {
  .gallery .main-container header .container .row .col a span {
    font-size: 1rem;
  }
}
.gallery .main-container header .container .row .col a .mbl {
  display: none;
}
@media (max-width: 575px) {
  .gallery .main-container header .container .row .col a .mbl {
    display: flex;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .gallery .main-container header .container .row .col a .mbl {
    display: flex;
  }
}
@media (max-width: 767px) {
  .gallery .main-container header .container .row .col nav {
    display: none;
  }
}
.gallery .main-container header .container .row .col nav ul {
  list-style-type: none;
  display: flex;
  align-items: center;
  gap: 1.5rem;
  position: relative;
  z-index: 21;
}
@media (max-width: 767px) {
  .gallery .main-container header .container .row .col nav ul {
    flex-direction: column;
    gap: 0.5rem;
  }
}
@media (min-width: 992px) {
  .gallery .main-container header .container .row .col nav ul {
    gap: 1.5rem;
  }
}
@media (min-width: 768px) {
  .gallery .main-container header .container .row .col nav ul li.about-menu:hover {
    border-bottom: 2px solid #004ead;
    transition: all 0.2s ease-in;
  }
  .gallery .main-container header .container .row .col nav ul li.about-menu:hover .about-submenu {
    display: flex !important;
  }
}
@media (max-width: 767px) {
  .gallery .main-container header .container .row .col nav ul li.about-menu .about-submenu {
    margin-top: 1rem;
    display: none;
    position: static !important;
  }
}
@media (min-width: 768px) {
  .gallery .main-container header .container .row .col nav ul li.admissions-menu:hover {
    border-bottom: 2px solid #004ead;
    transition: all 0.2s ease-in;
  }
  .gallery .main-container header .container .row .col nav ul li.admissions-menu:hover .admissions-submenu {
    display: flex !important;
  }
}
@media (max-width: 767px) {
  .gallery .main-container header .container .row .col nav ul li.admissions-menu .admissions-submenu {
    margin-top: 1rem;
    display: none;
    position: static !important;
  }
}
@media (min-width: 768px) {
  .gallery .main-container header .container .row .col nav ul li.departments-menu:hover {
    border-bottom: 2px solid #004ead;
    transition: all 0.2s ease-in;
  }
  .gallery .main-container header .container .row .col nav ul li.departments-menu:hover .departments-submenu {
    display: flex !important;
  }
}
@media (max-width: 767px) {
  .gallery .main-container header .container .row .col nav ul li.departments-menu .departments-submenu {
    margin-top: 1rem;
    display: none;
    position: static !important;
  }
}
@media (min-width: 768px) {
  .gallery .main-container header .container .row .col nav ul li.learning-menu:hover {
    border-bottom: 2px solid #004ead;
    transition: all 0.2s ease-in;
  }
  .gallery .main-container header .container .row .col nav ul li.learning-menu:hover .learning-submenu {
    display: flex !important;
  }
}
@media (max-width: 767px) {
  .gallery .main-container header .container .row .col nav ul li.learning-menu .learning-submenu {
    margin-top: 1rem;
    display: none;
    position: static !important;
  }
}
.gallery .main-container header .container .row .col nav ul li {
  border-bottom: 2px solid transparent;
  padding: 5px 0;
  font-weight: 500;
  font-size: 0.85rem;
  cursor: pointer;
}
@media (min-width: 992px) {
  .gallery .main-container header .container .row .col nav ul li {
    font-size: 0.85rem;
  }
}
.gallery .main-container header .container .row .col nav ul li .arrow::after {
  width: 1rem;
  height: 1rem;
  content: "";
  background-image: url(/images/arrow-down.svg);
  background-repeat: no-repeat;
  background-position: center;
}
.gallery .main-container header .container .row .col nav ul li ul.about-submenu,
.gallery .main-container header .container .row .col nav ul li .admissions-submenu,
.gallery .main-container header .container .row .col nav ul li .departments-submenu,
.gallery .main-container header .container .row .col nav ul li .learning-submenu {
  z-index: 22;
  position: absolute;
  top: 2rem;
  display: none;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.2rem;
  padding: 1rem;
  padding-right: 1.5rem;
  background-color: #fff;
  transition: all 0.3s ease-in;
  box-shadow: 1px 1px 5px 2px rgba(34, 34, 34, 0.1098039216);
}
.gallery .main-container header .container .row .col #hamburger {
  position: relative;
  z-index: 100;
  font-size: 1.3rem;
  padding: 0.15rem 0.45rem;
  margin-right: 0.6rem;
  border-radius: 0.3rem;
  border: 1px solid rgba(34, 34, 34, 0.5215686275);
}
@media (min-width: 768px) {
  .gallery .main-container header .container .row .col #hamburger {
    display: none;
  }
}
.gallery .main-container .title-banner {
  background-image: url(/images/message-bg.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: bottom center;
  height: 100%;
}
.gallery .main-container .title-banner .bg-color {
  background-color: rgba(0, 0, 0, 0.5137254902);
  width: 100%;
  height: 100%;
  padding: 7rem 1rem;
  color: #fff;
}
@media (max-width: 767px) {
  .gallery .main-container .title-banner .bg-color {
    padding: 4rem 1rem;
  }
}
.gallery .main-container .title-banner .bg-color .container .row .col .text-banner-wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.3rem;
}
.gallery .main-container .title-banner .bg-color .container .row .col .text-banner-wrapper div {
  width: 15%;
  height: 4px;
  border-radius: 0.5rem;
  background-color: #006498;
}
.gallery .main-container .advertisement {
  padding-top: 4rem;
  padding-bottom: 3rem;
}
@media (min-width: 768px) and (max-width: 991px) {
  .gallery .main-container .advertisement {
    padding-top: 3rem;
  }
}
@media (max-width: 575px) {
  .gallery .main-container .advertisement {
    margin-top: 0;
    padding-top: 3rem;
    padding-bottom: 3rem;
  }
}
.gallery .main-container .advertisement .container {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.gallery .main-container .advertisement .container .row1 .col h2 {
  text-align: center;
}
.gallery .main-container .advertisement .container .row1 .col h2 .divider {
  width: 150px;
  height: 5px;
  background: #003B84;
  margin: auto;
  border-radius: 20px;
}
.gallery .main-container .advertisement .container .row2 {
  margin-top: 2rem;
  margin-bottom: 1rem;
}
.gallery .main-container .advertisement .container .row2 .col .wrapper {
  display: flex;
  align-items: center;
  gap: 1rem;
}
@media (max-width: 767px) {
  .gallery .main-container .advertisement .container .row2 .col .wrapper {
    flex-wrap: wrap;
  }
}
.gallery .main-container .advertisement .container .row2 .col .wrapper .button.active {
  background-color: #df0000;
}
.gallery .main-container .advertisement .container .row3 {
  width: 100%;
  display: flex;
  justify-content: center;
}
.gallery .main-container .advertisement .container .row3 .gallery {
  margin-top: 2rem;
  display: flex;
  align-items: flex-start;
}
.gallery .main-container .advertisement .container .row3 .gallery .col1 {
  padding: 1rem;
}
.gallery .main-container .advertisement .container .row3 .gallery .col1 .posts {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  gap: 1rem;
}
@media (max-width: 767px) {
  .gallery .main-container .advertisement .container .row3 .gallery .col1 .posts a {
    width: 100% !important;
  }
}
.gallery .main-container .advertisement .container .row3 .gallery .col1 .posts a .main-wrapper {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 1rem;
  border: 1px solid rgba(0, 0, 0, 0.1843137255);
  border-radius: 5px;
  box-shadow: 0px 0px 30px 0px rgba(0, 42, 106, 0.035);
}
.gallery .main-container .advertisement .container .row3 .gallery .col1 .posts a .main-wrapper .image {
  border-radius: 5px;
  width: 100%;
}
.gallery .main-container .advertisement .container .row3 .gallery .col1 .posts a .main-wrapper .image img {
  width: 100%;
  height: 17rem;
  border-radius: 5px;
  object-fit: cover;
  object-position: center center;
}
.gallery .main-container .advertisement .container .row3 .gallery .col1 .posts a .main-wrapper .image .cover {
  width: 25rem !important;
}
.gallery .main-container .advertisement .container .row3 .gallery .col1 .posts a .main-wrapper .content {
  padding: 0 1rem;
  padding-bottom: 1rem;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.5rem;
  color: #222;
}
.gallery .main-container .advertisement .container .row3 .gallery .col1 .posts a .main-wrapper .content .date {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.gallery .main-container .advertisement .container .row3 .gallery .col1 .posts a .main-wrapper .content .date i {
  font-size: 0.87rem;
}
.gallery .main-container .advertisement .container .row3 .gallery .col1 .posts a .main-wrapper .content .date span {
  font-size: 0.87rem;
}
.gallery .main-container .advertisement .container .row3 .gallery .col1 .posts a .main-wrapper .content h2 {
  font-size: 1.1rem;
  font-weight: 500;
  margin-bottom: -0.2rem;
}
.gallery .main-container .advertisement .container .row3 .gallery .col1 .posts a .main-wrapper .content p {
  padding: 0;
  margin: 0;
  font-size: 0.86rem;
  color: rgba(0, 0, 0, 0.8235294118);
}
.gallery .main-container .advertisement .container .row3 .gallery .col1 .posts a .main-wrapper .content a {
  background: none;
  color: #003B84;
  font-weight: 500;
  padding: 0.2rem;
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.gallery .main-container .advertisement .container .row3 .gallery .col1 .posts a .main-wrapper .content a i {
  font-size: 1rem;
}
.gallery .main-container .advertisement .container .row3 .gallery {
  display: none;
}
.gallery .main-container footer {
  width: 100%;
  background: rgb(0, 100, 152);
  background: linear-gradient(0deg, rgb(0, 100, 152) 0%, rgb(0, 117, 180) 100%);
  padding: 4rem 1rem;
  padding-bottom: 0;
  color: #fff;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.gallery .main-container footer .container .row {
  display: flex;
  justify-content: center;
}
.gallery .main-container footer .container .row .main-wrapper {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
}
@media (max-width: 767px) {
  .gallery .main-container footer .container .row .main-wrapper {
    flex-direction: column;
    gap: 2rem;
  }
}
.gallery .main-container footer .container .row .main-wrapper .col1 .wrapper h4 {
  margin-bottom: 1.5rem;
}
.gallery .main-container footer .container .row .main-wrapper .col1 .wrapper p {
  font-size: 0.9rem;
  line-height: 2;
}
.gallery .main-container footer .container .row .main-wrapper .col1 .wrapper div {
  display: flex;
  align-items: center;
  gap: 0.6rem;
}
.gallery .main-container footer .container .row .main-wrapper .col1 .wrapper div a {
  color: inherit;
}
.gallery .main-container footer .container .row .main-wrapper .col1 .wrapper div a i {
  font-size: 1.5rem;
}
.gallery .main-container footer .container .row .main-wrapper .col2 .wrapper h4 {
  margin-bottom: 1.5rem;
}
.gallery .main-container footer .container .row .main-wrapper .col2 .wrapper ul {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.gallery .main-container footer .container .row .main-wrapper .col2 .wrapper ul li {
  list-style-type: none;
  font-size: 0.94rem;
}
.gallery .main-container footer .container .row .main-wrapper .col2 .wrapper ul li a {
  color: inherit;
}
.gallery .main-container footer .container .row .main-wrapper .col3 .wrapper h4 {
  margin-bottom: 1.5rem;
}
.gallery .main-container footer .container .row .main-wrapper .col3 .wrapper ul {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.gallery .main-container footer .container .row .main-wrapper .col3 .wrapper ul li {
  list-style-type: none;
  font-size: 0.94rem;
}
.gallery .main-container footer .container .row .main-wrapper .col3 .wrapper ul li div {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.gallery .main-container footer .container .row .main-wrapper .col3 .wrapper ul li div span {
  font-size: 0.94rem;
}
.gallery .main-container footer .copyright {
  padding: 1.2rem 1rem;
  margin-bottom: 1.3rem;
  opacity: 0.7;
}
.gallery .main-container footer .copyright .container .row .col .wrapper {
  display: flex;
  align-items: center;
  gap: 0.3rem;
}
@media (max-width: 991px) {
  .gallery .main-container footer .copyright .container .row .col .wrapper {
    flex-direction: column;
    gap: 0.3rem;
  }
}
.gallery .main-container footer .copyright .container .row .col .wrapper p {
  padding: 0;
  margin: 0;
  text-align: center;
  font-size: 0.85rem;
}
@media (max-width: 575px) {
  .gallery .main-container footer .copyright .container .row .col .wrapper p {
    font-size: 0.75rem;
  }
}
.gallery .main-container footer .copyright .container .row .col .wrapper p a {
  color: inherit;
}