*,
body,
h1,
h2,
h3,
h4,
h5,
h6,
li,
p,
span,
ul {
    padding: 0;
    margin: 0
}

.adamas_banner,
.akash_banner,
.banner,
.bms_banner,
.bmsss_banner,
.brainware_banner,
.dayananda_banner,
.hindustan_banner,
.iem_banner,
.mgr_banner,
.ms_banner,
.mvj_banner,
.neotia_banner,
.rvce_banner,
.satyabhama_banner,
.shushruti_banner,
.techno_india_banner,
.vydehi_banner {
    padding: 50px 0 100px;
    background-size: cover;
    overflow: hidden
}

.about_banner_content,
.campus_tab_img_box,
.choose_header,
.srm_institute_count_box,
.srm_institute_heading,
.srm_institute_tag {
    text-align: center
}

.academic_banner,
.adamas_banner,
.aerospace_banner,
.akash_banner,
.banner,
.bms_banner,
.bmsss_banner,
.brainware_banner,
.campus_tab_box,
.campus_tab_img,
.dayananda_banner,
.hindustan_banner,
.iem_banner,
.mgr_banner,
.ms_banner,
.mvj_banner,
.neotia_banner,
.rvce_banner,
.satyabhama_banner,
.shushruti_banner,
.sub_banner_box a,
.techno_india_banner,
.vydehi_banner {
    overflow: hidden
}

*,
.global_slide .owl-nav {
    margin: 0
}

.ac-card,
a {
    text-decoration: none
}

.ac-chip,
.ac-more,
label {
    cursor: pointer
}

* {
    box-sizing: border-box
}

html {
    scroll-behavior: smooth
}

li {
    list-style: none
}

a {
    display: inline-block
}

.me-auto {
    margin-left: auto
}

.banner {
    background-image: url(../images/top_banner.png)
}

.satyabhama_banner {
    background-image: url(../images/satyabhama1.jpg)
}

.hindustan_banner {
    background-image: url(../images/hindustan.webp)
}

.mgr_banner {
    background-image: url(../images/mgr1.webp)
}

.shushruti_banner {
    background-image: url(../images/shushruti1.webp)
}

.akash_banner {
    background-image: url(../images/akash1.webp)
}

.mvj_banner {
    background-image: url(../images/mvj1.webp)
}

.vydehi_banner {
    background-image: url(../images/vydehi2.jpg)
}

.neotia_banner {
    background-image: url(../images/neotia1.webp)
}

.iem_banner {
    background-image: url(../images/iem1.webp)
}

.techno_india_banner {
    background-image: url(../images/techno_india1.webp)
}

.adamas_banner {
    background-image: url(../images/adamas1.webp)
}

.brainware_banner {
    background-image: url(../images/brainware1.webp)
}

.dayananda_banner {
    background-image: url(../images/dayananda1.webp)
}

.bms_banner {
    background-image: url(../images/bms1.webp)
}

.bmsss_banner {
    background-image: url(../images/bmsss1.webp)
}

.ms_banner {
    background-image: url(../images/ms1.webp)
}

.rvce_banner {
    background-image: url(../images/rvce1.webp)
}
.vidhya_banner {
    background-image: url(../images/vidhya1.jpg);
    position: relative;
    
}
.vidhya_banner::before {
    position: absolute;
    content: "";
    background: #00000080;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
}
.banner_text h1 {
    color: #012b51;
    font-size: 40px;
    margin-bottom: 20px;
    font-weight: 700
}

.banner_text p {
    font-size: 20px;
    color: #fff;
    margin-bottom: 10px;
    border-radius: 10px;
    padding: 15px;
    font-weight: 700;
    background-color: #012b51d1
}

.banner_text h3,
.free.free {
    display: inline-block;
    border-radius: 50px
}

.banner_form h5 {
    font-size: 13px;
    color: #b32024;
    margin-bottom: 10px
}

.banner_text h3,
.banner_text h4 {
    color: #012b51;
    margin-bottom: 30px
}

.banner_text h3 {
    padding: 5px 10px;
    background: linear-gradient(to right, #ffe066, #ffc83d, #f9a825)
}

.blue_box {
    max-width: 460px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    background: #012b51d1;
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    padding: 15px 30px 15px 15px;
    border-radius: 20px;
    margin-bottom: 30px
}

.blue_box p {
    color: #fff;
    font-size: 20px
}

.blue_box i,
.policy_box ul li,
.program_box:hover h3,
.program_box:hover p {
    color: #fff
}

.free.free {
    padding: 10px 40px;
    background: linear-gradient(90deg, #ffe066, #ffc83d, #f9a825);
    color: #012b51
}

.banner_form {
    padding: 30px;
    border-radius: 20px;
    background-color: #fff
}

.banner_form_row {
    justify-content: right
}

.banner_form h3 {
    font-weight: 500;
    font-size: 23px;
    margin-bottom: 10px
}

.banner_form p {
    font-size: 15px;
    margin-bottom: 20px
}

.banner_form h2 {
    font-weight: 600;
    font-size: 40px;
    margin-bottom: 20px
}

.banner_form input,
.banner_form select {
    width: 100%;
    padding: 10px;
    border-radius: 10px;
    outline: unset;
    border: 1px solid #fff0;
    background: linear-gradient(#fff, #fff) padding-box, linear-gradient(to right, #ffeb3b, #ffc107, #ff9800) border-box;
    margin-bottom: 15px
}

.banner_form label {
    font-size: 13px;
    margin-bottom: 15px
}

.banner_form input:focus {
    border-color: rgb(208 24 34 / .55);
    box-shadow: 0 0 0 4px rgb(208 24 34 / .12)
}

.banner_form button {
    width: 100%;
    background: #b32024;
    color: #fff;
    border-radius: 50px;
    padding: 10px 40px;
    border: unset;
    font-size: 20px;
    margin-bottom: 20px
}

.main-div {
    width: 40px;
    height: 40px;
    margin: auto;
    display: flex;
    flex-direction: column;
    justify-content: center
}

.icon {
    width: 40px;
    height: 5px;
    margin-bottom: 13px;
    background-color: #012b51;
    border-radius: 3px;
    box-shadow: 0 2px 10px 0 rgb(0 0 0 / .3);
    transition: background-color .2s ease-in-out
}

.label-1,
.label-2 {
    height: 50px;
    width: 50px
}

.ac-grid.is-collapsed .ac-card:nth-child(n+10),
.div-2-2,
.sub-div input {
    display: none
}

#menu:checked~.all-line .div-1 {
    animation: .7s cubic-bezier(.3, 1, .7, 1) forwards animate-line-1
}

#menu:checked~.all-line .div-3 {
    animation: .7s cubic-bezier(.3, 1, .7, 1) forwards animate-line-2
}

#menu:checked~.all-line .div-2 {
    scale: 0;
    transition: .5s
}

#menu1:checked~.all-line .div-1 {
    animation: .7s ease-in-out animate-1-rev
}

#menu1:checked~.all-line .div-3 {
    animation: .7s ease-in-out animate-2-rev
}

#menu1:checked~.all-line .div-2 {
    scale: 1;
    transition: .5s
}

#menu1:checked .label-1 {
    z-index: 0
}

#menu:checked~.label-2 {
    z-index: 3
}

@keyframes animate-1-rev {
    0% {
        transform: translate3d(0, 18px, 0) rotate(45deg)
    }

    50% {
        transform: translate3d(0, 18px, 0) rotate(0)
    }

    100% {
        transform: translate3d(0, 0, 0) rotate(0)
    }
}

@keyframes animate-line-1 {
    0% {
        transform: translate3d(0, 0, 0) rotate(0)
    }

    50% {
        transform: translate3d(0, 18px, 0) rotate(0)
    }

    100% {
        transform: translate3d(0, 18px, 0) rotate(45deg)
    }
}

@keyframes animate-line-2 {
    0% {
        transform: translate3d(0, 0, 0) rotate(0)
    }

    50% {
        transform: translate3d(0, -18px, 0) rotate(0)
    }

    100% {
        transform: translate3d(0, -18px, 0) rotate(-45deg)
    }
}

@keyframes animate-2-rev {
    0% {
        transform: translate3d(0, -18px, 0) rotate(45deg)
    }

    50% {
        transform: translate3d(0, -18px, 0) rotate(0)
    }

    100% {
        transform: translate3d(0, 0, 0) rotate(0)
    }
}

.label-1 {
    display: block;
    z-index: 2;
    position: relative
}

.label-2 {
    display: block;
    position: absolute;
    top: 0
}

.sub-div {
    position: relative
}

.all-line {
    position: absolute;
    top: 0;
    z-index: 1
}

.navbar-toggler {
    border: unset
}

.navbar-toggler:focus {
    box-shadow: unset
}

.admission_guidance_box:hover,
.campus_tab_box,
.choose_box:hover,
.sub_banner_box a {
    box-shadow: rgb(0 0 0 / .35) 0 5px 15px
}

.sub_banner {
    margin-top: -50px
}

.sub_banner_box a {
    padding: 20px;
    border-radius: 20px;
    display: flex;
    gap: 10px;
    align-items: center;
    transition: .3s
}

.footer_box_call a,
.footer_box_number a:hover,
.footer_box_number2 a,
.footer_box_wp a {
    box-shadow: rgb(0 0 0 / .24) 0 3px 8px
}
.sub_banner_box {
    position: relative;
}
.sub_banner_box a:hover {
    margin-top: -20px
}

.choose_box_icon_text img,
.sub_banner_box img {
    width: 50px
}

.sub_banner_box_text h3 {
    font-size: 23px;
    color: #012b51
}

.choose_box_icon_text h4,
.guide_box h3,
.nav-link2 {
    font-size: 22px
}

.department_box_content:hover a p,
.global_count_box p,
.rank_heading h1,
.sub_banner_box_text p {
    color: #012b51
}

.sub_banner_box1 a {
    background: linear-gradient(to right, #fff, #e3c1c6, #ffaad5)
}

.sub_banner_box2,
.sub_banner_box3,
.sub_banner_box4 {
    margin-left: -40px
}

.sub_banner_box2 a,
.sub_banner_box4 a {
    background: linear-gradient(to right, #fff, #eaf3ff, #dcebff)
}

.sub_banner_box3 a {
    background: linear-gradient(to right, #fff, #ffe6c6, #ffd7a8)
}

.admission_guidance,
.campus,
.choose,
.course,
.eligibility,
.guide,
.program,
.rank,
.srm_about,
.undergraduate_content {
    padding: 50px 0
}

.choose_box {
    padding: 15px;
    border-radius: 20px;
    min-height: 170px;
    border: 1px solid #fff0;
    transition: .3s;
    background: linear-gradient(#fff, #fff) padding-box, linear-gradient(to right, #ffeb3b, #ffc107, #ff9800) border-box
}

.choose_box p,
.eligibility_box p {
    line-height: 30px
}

.choose_header {
    margin-bottom: 50px
}

.choose_box_icon_text {
    display: flex;
    gap: 15px;
    margin-bottom: 15px
}

.choose_box i {
    color: #ffc107
}

.campus_tab_box {
    border-radius: 30px
}

.nav-link2 {
    padding: 10px 36px !important;
    border-radius: 10px !important;
    background: #fff;
    border: 1px solid;
    color: #012b51
}

.nav-pills .nav-link.active {
    background: linear-gradient(90deg, #0c1d3b, #1e79a3);
    color: #fff !important
}

.tab-pane {
    padding: 15px;
    border-radius: 20px;
    border: 1px solid #0b4aa6;
    background-color: #012b51;
    color: #fff
}

.campus_tab_img,
.guide_box {
    border-radius: 20px;
    box-shadow: rgb(0 0 0 / .35) 0 5px 15px
}

.tab-pane::before {
    position: absolute;
    width: 100%;
    height: 100%;
    content: "";
    background: #ffffff63;
    z-index: -1;
    left: 0;
    top: 0
}

.nursing_course_box p,
.tab-pane p {
    margin-bottom: 15px;
    line-height: 28px
}

.tab-pane h3 {
    margin-bottom: 10px;
    font-size: 25px
}

.campus_tab_img_box a {
    padding: 5px 20px;
    border-radius: 50px;
    background: linear-gradient(180deg, #ffe066, #ffc83d, #f9a825);
    font-size: 22px;
    font-weight: 550;
    color: #012b51;
    width: 100%;
    margin-top: -10px;
    transition: .3s
}

.footer_box_call a,
.footer_box_number a,
.footer_box_wp a {
    padding: 5px 30px;
    border-radius: 50px
}

.campus_tab_img_box a:hover {
    transform: translateY(-10px)
}

.campus_tab_img_box a:hover i {
    margin-left: 15px
}

.campus_tab_img_box a i {
    margin-left: 10px;
    transition: .3s
}

.campus_tab_img img,
.department_box_img img,
.eligibility_box_img img,
.job_img img,
.rank_logo_box_box img,
.undergraduate_content_img img {
    width: 100%
}

.campus_tab_content {
    text-align: center !important
}

.campus_tab_content h3 {
    text-align: center;
    color: #012b51;
    margin-bottom: 20px
}

.about_box ul,
.admission_guidance_heading h1,
.campus_tab_content h5,
.course_heading h3,
.guide_box img,
.nursing_course_box h3,
.policy_box ul {
    margin-bottom: 10px
}

.campus_tab_content p {
    line-height: 30px;
    font-weight: 550;
    margin-bottom: 10px;
    font-size: 20px;
    color: #012b51;
    text-align: justify
}

.nav-pills {
    justify-content: center;
    margin-bottom: 20px !important
}

.guide_box {
    padding: 15px;
    text-align: center
}

.guide_box img {
    width: 50px
}

.course_heading p,
.guide_box p {
    font-weight: 600
}

.footer_box_call a {
    background-color: #fff;
    font-size: 30px;
    font-weight: 600;
    color: #012b51
}

.footer_box_call a i {
    font-size: 30px;
    color: #012b51;
    font-weight: 600;
    transition: .3s;
    margin-right: 5px
}

.footer_box_call a:hover i,
.footer_box_wp a:hover i {
    margin-right: 15px
}

.footer_box_number a {
    font-size: 30px;
    font-weight: 600;
    color: #012b51;
    transition: .3s
}

.footer_box_wp {
    text-align: right
}

.footer_box_wp a {
    background: linear-gradient(90deg, #1f7a3e, #2e8b4e);
    font-size: 30px;
    font-weight: 600;
    color: #fff;
    transition: .3s
}

.footer_box_wp a i {
    margin-right: 5px;
    transition: .3s
}

.footer_box_number2 a {
    background-color: #fff;
    border-radius: 50px;
    padding: 10px 30px;
    font-size: 20px;
    font-weight: 600;
    color: #012b51
}

.check_eligibility:hover,
.department_box_content a,
.eligibility_box,
.sub_container_2,
.undergraduate_content_div {
    box-shadow: rgb(0 0 0 / .35) 0 5px 15px
}

.academic_banner {
    padding: 100px 0;
    background-image: url(../images/tech_park.jpg);
    background-position: center;
    background-size: cover;
    position: relative;
    z-index: 1
}

.about_banner::before,
.academic_banner::before,
.aerospace_banner::before,
.automobile_banner::before,
.biomedical_banner::before,
.biotechnology_banner::before,
.btechaero_banner::before,
.chemical_banner::before,
.chemistry_banner::before,
.civil_banner::before,
.computational_banner::before,
.computing_banner::before,
.data_banner::before,
.electrical_banner::before,
.electrical_instrument_banner::before,
.electronics_banner::before,
.eligibility_banner::before,
.food_banner::before,
.genetic_banner::before,
.language_banner::before,
.mathematics_banner::before,
.mechanical_banner::before,
.mechatrinics_banner::before,
.networking_banner::before,
.physics_banner::before,
.school_banner::before {
    position: absolute;
    content: "";
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: linear-gradient(180deg, #f9f9f97d, #ffc83d75, #f9a825);
    z-index: -1
}

.academic_banner_content h1 {
    color: #012b51;
    text-align: center;
    font-size: 70px;
    margin-bottom: 30px
}

.academic_banner_content h2 {
    text-align: center;
    color: #fff;
    font-size: 22px
}

.aerospacee_ngineering,
.department {
    padding: 50px 0;
    background-color: #e0e8f2
}

.department_box ul li {
    list-style-type: disc;
    line-height: 30px
}

.department_box h1 {
    position: relative;
    color: #012b51;
    margin-bottom: 50px;
    text-align: center
}

.btech_content p,
.department_box p {
    line-height: 30px;
    text-align: justify
}

.department_box h1::before,
.program_heading h1::before {
    position: absolute;
    content: "";
    width: 100px;
    height: 4px;
    background: #0c4da2;
    border-radius: 50px;
    left: 50%;
    transform: translateX(-50%);
    bottom: -20px
}

.department_box p {
    font-size: 17px;
    margin-bottom: 20px
}

.department_box_content {
    background-color: #fff;
    position: relative;
    z-index: 2;
    margin-bottom: 24px
}

.department_box_content::before {
    content: '';
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: linear-gradient(180deg, #ffe0667d, #ffc83d75, #f9a825);
    z-index: -1;
    opacity: 0;
    transition: .3s
}

.department_box_content a {
    height: 124px;
    width: 100%;
    padding: 40px 20px;
    display: flex;
    align-items: center;
    gap: 15px
}

.department_box_content a img {
    filter: invert(15%) sepia(98%) saturate(2599%) hue-rotate(206deg) brightness(95%) contrast(91%);
    transition: .3s;
    width: 50px
}

.department_box_content a p {
    font-size: 22px;
    color: #000;
    transition: .3s;
    font-weight: 550
}

.sub_container_2 {
    background: linear-gradient(to right, #f5eeda, #ffc107, #ff9800) border-box;
    padding: 15px;
    border: 8px solid #fff;
    border-radius: 30px 30px 0 0
}

.aerospace_banner,
.card1,
.card10,
.card11,
.card12,
.card13,
.card14,
.card15,
.card16,
.card17,
.card18,
.card19,
.card2,
.card20,
.card21,
.card22,
.card3,
.card4,
.card5,
.card6,
.card7,
.card8,
.card9 {
    background-position: center
}

.department_box_content:hover a img,
.srm_institute_img img {
    transition: .3s
}

.undergraduate_content_div {
    margin-bottom: 20px;
    border-radius: 20px;
    overflow: hidden;
    border: 1px solid
}

.department_box_content:hover::before {
    opacity: 1
}

.global_slide .item,
.undergraduate_content_text_content {
    padding: 10px
}

.undergraduate_content_text_content h3 a {
    color: #012b51;
    margin-bottom: 20px
}

.undergraduate_content_text_content p {
    font-size: 17px;
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid
}

.btech_content h1,
.btech_content p,
.college_about_content ul,
.eligibility_box h1,
.job_content_box h3,
.support_student_left p {
    margin-bottom: 20px
}

.pipe {
    margin-left: 10px;
    margin-right: 10px
}

.btech_content {
    padding: 50px 0;
    background-color: #0c4da2;
    color: #fff;
    text-align: center
}

.department_box_content:hover.card1 {
    background-image: url(../images/deparment_center/image-009.jpg);
    background-size: cover;
    object-fit: cover;
    transition: .3s
}

.department_box_content:hover.card2 {
    background-image: url(../images/deparment_center/image-049.jpg);
    background-size: cover;
    object-fit: cover;
    transition: .3s
}

.department_box_content:hover.card3 {
    background-image: url(../images/deparment_center/image-043.jpg);
    background-size: cover;
    object-fit: cover;
    transition: .3s
}

.department_box_content:hover.card4 {
    background-image: url(../images/deparment_center/department-of-bio-medical-engineering.png);
    background-size: cover;
    object-fit: cover;
    transition: .3s
}

.department_box_content:hover.card5 {
    background-image: url(../images/deparment_center/department-of-bio-technology.png);
    background-size: cover;
    object-fit: cover;
    transition: .3s
}

.department_box_content:hover.card6 {
    background-image: url(../images/deparment_center/image-022.jpg);
    background-size: cover;
    object-fit: cover;
    transition: .3s
}

.department_box_content:hover.card7 {
    background-image: url(../images/deparment_center/department-of-chemical-engineering-.jpg);
    background-size: cover;
    object-fit: cover;
    transition: .3s
}

.department_box_content:hover.card8 {
    background-image: url(../images/deparment_center/image-012.jpg);
    background-size: cover;
    object-fit: cover;
    transition: .3s
}

.department_box_content:hover.card9 {
    background-image: url(../images/deparment_center/image-023.jpg);
    background-size: cover;
    object-fit: cover;
    transition: .3s
}

.department_box_content:hover.card10 {
    background-image: url(../images/deparment_center/image-024.jpg);
    background-size: cover;
    object-fit: cover;
    transition: .3s
}

.department_box_content:hover.card11 {
    background-image: url(../images/deparment_center/image-026.jpg);
    background-size: cover;
    object-fit: cover;
    transition: .3s
}

.department_box_content:hover.card12 {
    background-image: url(../images/deparment_center/image-031.jpg);
    background-size: cover;
    object-fit: cover;
    transition: .3s
}

.department_box_content:hover.card13 {
    background-image: url(../images/deparment_center/image-029-1.jpg);
    background-size: cover;
    object-fit: cover;
    transition: .3s
}

.department_box_content:hover.card14 {
    background-image: url(../images/deparment_center/image-032.jpg);
    background-size: cover;
    object-fit: cover;
    transition: .3s
}

.department_box_content:hover.card15 {
    background-image: url(../images/deparment_center/image-017.jpg);
    background-size: cover;
    object-fit: cover;
    transition: .3s
}

.department_box_content:hover.card16 {
    background-image: url(../images/deparment_center/image-018.jpg);
    background-size: cover;
    object-fit: cover;
    transition: .3s
}

.department_box_content:hover.card17 {
    background-image: url(../images/deparment_center/image-000.jpg);
    background-size: cover;
    object-fit: cover;
    transition: .3s
}

.department_box_content:hover.card18 {
    background-image: url(../images/deparment_center/image-027.jpg);
    background-size: cover;
    object-fit: cover;
    transition: .3s
}

.department_box_content:hover.card19 {
    background-image: url(../images/deparment_center/image-045.jpg);
    background-size: cover;
    object-fit: cover;
    transition: .3s
}

.department_box_content:hover.card20 {
    background-image: url(../images/deparment_center/image-047.jpg);
    background-size: cover;
    object-fit: cover;
    transition: .3s
}

.department_box_content:hover.card21 {
    background-image: url(../images/deparment_center/image-025.jpg);
    background-size: cover;
    object-fit: cover;
    transition: .3s
}

.department_box_content:hover.card22 {
    background-image: url(../images/deparment_center/image-046.jpg);
    background-size: cover;
    object-fit: cover;
    transition: .3s
}

.aerospace_banner {
    padding: 50px 0;
    background-image: url(../images/Aerospace-Banner-Dowse.jpg);
    background-size: cover;
    position: relative;
    z-index: 1
}

.btechaero_banner {
    padding: 100px 0;
    background-image: url(../images/aeropspace-scaled.jpg);
    background-size: cover;
    overflow: hidden;
    position: relative;
    background-position: center;
    z-index: 1
}

.automobile_banner,
.biomedical_banner,
.biotechnology_banner,
.chemical_banner,
.chemistry_banner,
.civil_banner,
.computational_banner,
.computing_banner,
.data_banner,
.electrical_banner,
.electrical_instrument_banner,
.electronics_banner,
.food_banner,
.genetic_banner,
.language_banner,
.mathematics_banner,
.mechanical_banner,
.mechatrinics_banner,
.networking_banner,
.physics_banner,
.school_banner {
    padding: 50px 0;
    background-size: cover;
    background-position: center;
    z-index: 1;
    position: relative;
    overflow: hidden
}

.data_banner {
    background-image: url(../images/deparment_center/image-026.jpg)
}

.electronics_banner {
    background-image: url(../images/deparment_center/image-029-1.jpg)
}

.electrical_banner {
    background-image: url(../images/umberto-jXd2FSvcRr8-unsplash.jpg)
}

.electrical_instrument_banner {
    background-image: url(../images/Department-of-Electronics-and-Instrumentation-Engineering-scaled.jpg)
}

.food_banner {
    background-image: url(../images/Lab-photo-1-resized-scaled.jpg)
}

.mechanical_banner {
    background-image: url(../images/image-045.jpg)
}

.mechatrinics_banner {
    background-image: url(../images/image-046.jpg)
}

.networking_banner {
    background-image: url(../images/image-027.jpg)
}

.physics_banner {
    background-image: url(../images/image-035.jpg)
}

.program_heading h1 {
    position: relative;
    text-align: center;
    margin-bottom: 50px;
    color: #012b51
}

.program_box img {
    margin-bottom: 20px;
    transition: .3s
}

.program_box h3 {
    margin-bottom: 10px;
    font-size: 22px;
    color: #012b51;
    transition: .3s
}

.program_box p {
    color: #313131;
    transition: .3s
}

.program_box a {
    width: 100%;
    text-align: center;
    border: 1px solid #0006;
    padding: 30px
}

.program_box {
    transition: .3s;
    margin-bottom: 24px
}

.program_box:hover {
    background: #0c4da2
}

.program_box:hover img {
    filter: brightness(0) invert(1)
}

.school_banner {
    background-image: url(../images/image-049.jpg)
}

.automobile_banner {
    background-image: url(../images/automobile_banner.jpeg)
}

.biomedical_banner {
    background-image: url(../images/department-of-bio-medical-engineering.png)
}

.biotechnology_banner {
    background-image: url(../images/department-of-bio-technology.png)
}

.civil_banner {
    background-image: url(../images/image-021.jpg)
}

.chemical_banner {
    background-image: url(../images/chemical.jpg)
}

.chemistry_banner {
    background-image: url(../images/Chemistry-research-149-1-scaled.jpg)
}

.computational_banner {
    background-image: url(../images/image-024.jpg)
}

.computing_banner {
    background-image: url(../images/image-025.jpg)
}

.genetic_banner {
    background-image: url(../images/genetic-thumbnail-scaled.jpg)
}

.language_banner {
    background-image: url(../images/image-000.jpg)
}

.mathematics_banner {
    background-image: url(../images/Department-of-Mathematics.png)
}

.eligibility_box {
    border: 1px solid;
    background: linear-gradient(to right, #fff, #eaf3ff, #dcebff);
    backdrop-filter: blur(8px);
    padding: 20px;
    border-radius: 20px
}

.global_slide_box,
.rank_logo_box_box {
    box-shadow: rgb(0 0 0 / .24) 0 3px 8px
}

.check_eligibility {
    padding: 8px 20px;
    background: linear-gradient(180deg, #ffd35a, #ffc107);
    border-radius: 50px;
    color: #012b51;
    font-weight: 550;
    transition: .3s
}

.check_eligibility:hover {
    transform: translateY(-5px)
}

.ac-card:hover,
.course_box:hover {
    box-shadow: 0 18px 40px rgb(2 6 23 / .1)
}

.eligibility_banner {
    padding: 100px 0;
    background-image: url(../images/eligibility_02.jpg);
    background-size: cover;
    overflow: hidden;
    position: relative;
    background-position: bottom;
    z-index: 1
}

.eligibility_banner h1 {
    font-size: 55px
}

.srm_institute {
    padding: 50px 0;
    background: linear-gradient(to bottom, #fff, #ffe6c6, #ffd7a8)
}

.srm_institute_heading h1 {
    color: #012b51;
    margin-bottom: 30px;
    font-size: 35px
}

.srm_institute_img {
    text-align: center;
    transition: .3s;
    overflow-y: hidden
}

.srm_institute_img:hover img {
    transform: scale(1.1)
}

.srm_institute_tag h3 {
    margin-top: -30px;
    padding: 10px 30px;
    background: linear-gradient(90deg, #ffe066, #ffc83d, #f9a825);
    position: relative;
    z-index: 999;
    display: inline-block;
    color: #012b51;
    border-radius: 50px
}

.srm_institute_count_div {
    padding: 50px
}

.srm_institute_count_box h1 {
    color: #0c4da2;
    font-size: 50px;
    font-weight: 700;
    margin-bottom: 10px
}

.srm_institute_count_box p {
    font-size: 20px;
    font-weight: 550;
    color: #0c4da2
}

.global_count_box h1,
.global_slide_box h3 {
    color: #012b51;
    margin-bottom: 20px
}

.about_box_heading,
.admission_guidance_heading,
.college_about_heading,
.course_heading,
.rank_heading,
.rank_slider_box_heading {
    text-align: center;
    margin-bottom: 30px
}

.rank_slider_item_box {
    border: 1px solid #e0e8f2;
    border-radius: 10px
}

#rank_slider.owl-theme .owl-dots .owl-dot.active span {
    background: #012b51
}

.rank_logo_box_box {
    margin-bottom: 40px
}

#faq,
.global,
.support_student {
    padding: 50px 0;
    background: linear-gradient(180deg, #bedaff 0, #fff 100%)
}

.global_count {
    background-image: url(../images/pngwing.com_.png);
    background-size: cover;
    background-position: center;
    position: relative;
    z-index: 1
}

.global_count::before {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    background-color: #ffffffbd;
    z-index: -1
}

.global_count_box {
    padding: 40px;
    text-align: center;
    border: 1px solid #0c4da2;
    margin-bottom: 20px
}

.global_count_box h1 {
    font-size: 50px;
    font-weight: 700
}

.global_slide_box {
    padding: 30px 15px
}

.global_slide .owl-nav button span {
    font-size: 30px
}

.ac-section {
    padding: 56px 18px;
    border-top: 1px solid #012b51
}

.ac-wrap {
    max-width: 1200px;
    margin: 0 auto
}

.ac-head {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 16px;
    flex-wrap: wrap;
    margin-bottom: 18px
}

.ac-kicker {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    font-weight: 800;
    color: #0b4aa6;
    background: rgb(14 165 233 / .1);
    border: 1px solid rgb(14 165 233 / 18%);
    padding: 8px 12px;
    border-radius: 999px
}

.ac-dot {
    width: 10px;
    height: 10px;
    border-radius: 999px;
    background: linear-gradient(90deg, #0b4aa6, #0ea5e9);
    box-shadow: 0 0 0 4px rgb(14 165 233 / .12)
}

.ac-title {
    margin: 12px 0 6px;
    font-size: clamp(26px, 2.6vw, 40px);
    letter-spacing: -.03em;
    line-height: 1.1
}

.ac-sub {
    margin: 0;
    color: var(--muted);
    line-height: 1.7;
    max-width: 70ch
}

.ac-tools {
    display: flex;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap
}

.ac-chips,
.ac-search {
    display: flex;
    gap: 10px
}

.ac-search {
    align-items: center;
    padding: 0 12px;
    border-radius: 16px;
    border: 1px solid rgb(177 204 243 / 95%);
    background: rgb(255 255 255 / .82);
    box-shadow: var(--shadow2);
    min-width: min(420px, 92vw)
}

.ac-search svg {
    width: 18px;
    height: 18px;
    color: #334155;
    opacity: .8
}

.ac-search input {
    border: none;
    outline: 0;
    background: #fff0;
    width: 100%;
    font-weight: 700;
    color: #0b1220
}

.ac-search input::placeholder {
    color: #94a3b8;
    font-weight: 700
}

.ac-chips {
    flex-wrap: wrap
}

.ac-chip {
    border: 1px solid rgb(177 204 243 / 95%);
    background: rgb(255 255 255 / .78);
    box-shadow: 0 10px 22px rgb(2 6 23 / .06);
    padding: 10px 12px;
    border-radius: 999px;
    font-weight: 900;
    color: #0b1220
}

.ac-chip.is-active {
    color: #fff;
    border-color: #fff0;
    background: #0c1d3b
}

.ac-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 14px;
    margin-top: 10px
}

.ac-card {
    position: relative;
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 16px;
    border-radius: 22px;
    border: 1px solid rgb(177 204 243 / 95%);
    background: rgb(255 255 255 / .88);
    box-shadow: 0 10px 24px rgb(2 6 23 / .08);
    color: inherit;
    min-height: 92px;
    overflow: hidden;
    transition: transform .18s, box-shadow .18s, border-color .18s
}

.ac-card:before {
    content: "";
    position: absolute;
    inset: -40px -60px auto auto;
    width: 180px;
    height: 180px;
    border-radius: 999px;
    background: radial-gradient(circle at 30% 30%, #d3e2fb, transparent 60%);
    opacity: .9;
    pointer-events: none
}

.ac-card:hover {
    transform: translateY(-3px);
    border-color: rgb(14 165 233 / .38)
}

.ac-ico {
    width: 52px;
    height: 52px;
    border-radius: 18px;
    border: 1px solid rgb(230 237 247 / 95%);
    background: linear-gradient(135deg, rgb(11 74 166 / .1), rgb(14 165 233 / .1));
    display: grid;
    place-items: center;
    flex: 0 0 52px
}

.ac-foot a,
.ac-more {
    background: rgb(255 255 255 / .82);
    box-shadow: 0 10px 22px rgb(2 6 23 / .06);
    padding: 12px 14px
}

.ac-ico svg {
    width: 26px;
    height: 26px;
    color: #0c1d3b
}

.ac-text {
    min-width: 0
}

.ac-name {
    font-weight: 900;
    letter-spacing: -.01em;
    line-height: 1.25;
    font-size: 15px;
    margin-bottom: 4px
}

.ac-meta {
    font-weight: 800;
    font-size: 12px;
    color: var(--muted)
}

.ac-arrow {
    margin-left: auto;
    font-weight: 900;
    color: #0b1220;
    opacity: .35;
    transition: opacity .18s, transform .18s
}

.ac-card:hover .ac-arrow {
    opacity: .8;
    transform: translate(2px, -1px)
}

.ac-foot {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    flex-wrap: wrap;
    margin-top: 14px
}

.ac-foot a {
    border: 1px solid rgb(230 237 247 / 95%);
    border-radius: 16px;
    font-weight: 900;
    color: #000
}

.admission_guidance_btn a,
.apply_for a,
.support_student_left_box_btn a {
    box-shadow: rgb(0 0 0 / .35) 0 5px 15px
}

.ac-note {
    color: var(--muted);
    font-weight: 700
}

.ac-more {
    border: 1px solid #fff;
    border-radius: 16px;
    font-weight: 900
}

@media (max-width:980px) {
    .ac-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr))
    }
}

@media (max-width:560px) {
    .ac-grid {
        grid-template-columns: 1fr
    }

    .ac-search {
        min-width: 100%
    }
}

.admission_guidance_box {
    padding: 18px;
    height: 150px;
    border-radius: 20px;
    background: #1e3a5f;
    border: 1px solid;
    transition: .3s;
    box-shadow: 0 18px 70px rgb(0 0 0 / .45)
}

.faq__item,
.support_student_left_box {
    box-shadow: 0 10px 22px rgb(15 42 68 / .08)
}

.admission_guidance_box_all {
    display: flex;
    gap: 20PX
}

.admission_guidance_box h3 {
    font-size: 20px;
    color: #e9e98a;
    margin-bottom: 15px
}

.admission_guidance_box img,
.admission_procedure_box h3,
.admission_procedure_box p,
.job_img,
.office-section h2 {
    margin-bottom: 15px
}

.admission_guidance_box p {
    margin: 0;
    color: rgb(234 240 255 / 90%)
}

.admission_guidance_btn {
    display: flex;
    justify-content: center;
    margin-top: 30px;
    gap: 20px
}

.admission_guidance_btn a {
    border-radius: 14px;
    padding: 7px 30px;
    color: rgb(234 240 255 / 90%);
    font-weight: 700
}

.support_student_left h1 {
    font-size: 25px;
    margin-bottom: 15px
}

.support_student_left_box {
    display: flex;
    align-items: center;
    gap: 20px;
    background-color: #fff;
    border-radius: 20px;
    margin-bottom: 15px;
    border-left: 4px solid #d4a017;
    padding: 16px
}

.support_student_left_box span {
    width: 42px;
    height: 42px;
    background: rgb(212 160 23 / .12);
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    color: #1e3a5f
}

.support_student_left_box h3 {
    font-size: 18px;
    color: #0f2a44;
    margin-bottom: 5px
}

.support_student_left_box p {
    color: #0f2a44
}

.divider {
    height: 1px;
    background: rgb(255 255 255 / .12);
    margin: 14px 0
}

.support_student_right {
    border-radius: 20px;
    height: 100%;
    background-color: #012b51;
    padding: 100px 18px 18px
}

.support_student_right_top {
    display: flex;
    align-items: flex-start;
    gap: 20px;
    color: rgb(234 240 255 / 90%);
    margin-bottom: 15px
}
.abt_img {
    min-height: 500px;
}
.support_student_right_top h3 {
    font-size: 20px
}

.support_student_right_top span {
    width: 40px;
    height: 40px;
    border-radius: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    font-size: 14px
}

.support_student_right p {
    color: rgb(234 240 255 / 90%);
    margin-bottom: 10px
}

.support_student_right span {
    font-size: 16px;
    font-weight: 600;
    color: rgb(234 240 255 / 90%)
}

.star_div {
    display: flex;
    flex-direction: column;
    width: 90%
}

.star_div ul {
    display: flex;
    gap: 5px
}

.star_div ul li i {
    font-size: 10px;
    color: #f7b704
}

.support_student_left_box_count {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 10px;
    margin-top: 12px;
    text-align: center;
    color: rgb(234 240 255 / 90%)
}

.support_student_left_box_count_box {
    padding: 12px;
    border-radius: 18px;
    background-color: #0b4aa6;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column
}

.support_student_left_box_btn {
    display: flex;
    gap: 20px
}

.support_student_left_box_btn a {
    border: 1px solid;
    border-radius: 14px;
    padding: 10px 14px;
    color: rgb(234 240 255 / 90%);
    font-weight: 700
}

.faq {
    display: grid;
    gap: 12px;
    margin: 0 auto
}

.faq__item {
    padding: 14px 16px;
    background-color: #fff;
    border-radius: 15px
}

.faq__item summary {
    cursor: pointer;
    list-style: none;
    color: #012b51
}

.faq__item summary::-webkit-details-marker {
    display: none
}

.faq__body {
    margin-top: 10px;
    color: #012b51
}

.section__head {
    margin-bottom: 10px;
    margin-top: 30px;
    text-align: left
}

.section__head h2 {
    margin-bottom: 10px;
    color: #0f2a44;
    font-weight: 700;
    margin-top: 60px;
}

.apply_for {
    text-align: center;
    margin-top: 30px
}

.apply_for a {
    background-color: #b32024;
    color: #fff;
    border-radius: 10px
}

.office-section {
    padding: 60px 20px;
    text-align: center;
    background: #f7f9fc
}

.office-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
    gap: 25px;
    max-width: 1000px;
    margin: auto
}

.office-card {
    background: #fff;
    padding: 25px;
    border-radius: 12px;
    box-shadow: 0 8px 25px rgb(0 0 0 / .08);
    transition: .3s
}

.office-card h3 {
    margin-bottom: 10px;
    color: #0b1b33;
    font-size: 20px;
    font-weight: 700
}

.office-card p {
    color: #444;
    line-height: 1.6;
    font-size: 17px
}

.about_box p,
.about_box ul li {
    line-height: 30px;
    font-weight: 550
}

.office-sub {
    color: #555;
    margin-bottom: 35px;
    line-height: 1.6
}

.office-card:hover {
    transform: translateY(-5px)
}

#img,
.imgg {
    transition: .5s
}

#img.scrolled {
    width: 76px;
    top: 0
}

.imgg.scrolledd {
    width: 90px
}

.edutext::after,
.edutext::before {
    position: absolute;
    content: "";
    width: 30px;
    height: 2px;
    background: #6b7280;
    top: 50%;
    transform: translateY(-50%)
}

.enquery_form {
    padding: 30px 0;
    display: none
}

.mobile_sub_banner_box {
    display: none
}

.dot {
    width: 4px;
    height: 4px;
    background-color: #b32024;
    border-radius: 50px
}

.privacy_policy_main {
    padding: 50px 0;
    background-color: #0c1d3b;
    border-bottom: 1px solid
}

.policy_box h1 {
    color: #fff;
    margin-bottom: 10px
}

.policy_box h4 {
    margin-bottom: 20px;
    color: #fff
}

.policy_box h2 {
    margin-bottom: 10px;
    color: #fff
}

.policy_box p {
    margin-bottom: 10px;
    color: #fff;
    font-size: 18px
}

.trust {
    display: grid;
    grid-template-columns: 1fr;
    gap: 10px;
    margin-top: 14px
}

.trust__item {
    display: flex;
    gap: 12px;
    align-items: center;
    border: 1px solid;
    background-color: #012b51d1;
    border-radius: 18px;
    padding: 12px
}

.trust__icon {
    width: 34px;
    height: 34px;
    border-radius: 12px;
    background: rgb(59 130 246 / .2);
    display: grid;
    place-items: center;
    /* border: 1px solid; */
}

.trust__title {
    color: #eef2ff;
    font-weight: 700;
    font-size: 18px
}

.trust__text {
    font-size: 15px;
    color: #a9b3d3
}

.about_banner {
    padding: 50px 0;
    background-size: cover;
    position: relative;
    background-position: center;
    z-index: 1;
    background-image: url(../images/image-000.jpg)
}

.about_main {
    padding: 50px 0;
    background: #0c1d3b
}

.about_box_heading h1 {
    color: #eef2ff;
    margin-bottom: 10px
}

.about_box_heading h4 {
    color: #eef2ff
}

.about_box p {
    margin-bottom: 15px;
    font-size: 18px;
    color: #eef2ff
}

.about_box h3 {
    color: #eef2ff;
    margin-bottom: 20px
}

.about_box ul li {
    color: #eef2ff
}

.about_banner_content h1 {
    font-size: 35px;
    margin-bottom: 10px;
    color: #012b51;
    font-weight: 600
}

.about_banner_content p {
    color: #012b51;
    font-size: 18px;
    margin-bottom: 5px;
    font-weight: 550
}

.about_banner_content a {
    padding: 10px 20px;
    border-radius: 6px;
    color: #fff;
    background-color: #b32024;
    margin-top: 20px;
    font-weight: 550;
    font-size: 18px
}

.edutext {
    position: relative;
    padding-left: 40px;
    display: inline;
    padding-right: 40px
}

.edutext::before {
    left: 0
}

.edutext::after {
    right: 0
}

.footer_box_mobile {
    display: flex;
    align-items: center;
    gap: 20px
}

.footer_logo_text h4 {
    margin-bottom: 5px
}

.course_box {
    padding: 15px;
    border-radius: 22px;
    border: 1px solid;
    transition: .3s;
    display: flex;
    align-items: center;
    gap: 15px;
    margin-bottom: 15px
}

.course_box:hover {
    transform: translateY(-3px);
    border-color: rgb(14 165 233 / 38%)
}

.course_box_text h3 {
    font-size: 16px;
    font-weight: 800;
    margin-bottom: 5px
}

.course_box_text p {
    font-size: 16px;
    font-weight: 700
}

.course_box_icon a {
    width: 50px;
    height: 50px;
    border-radius: 20px;
    background: linear-gradient(135deg, rgb(11 74 166 / .1), rgb(14 165 233 / .1));
    display: flex;
    justify-content: center;
    align-items: center
}

.course_box_icon i {
    color: #000;
    font-size: 20px
}

.admission_procedure {
    padding: 50px 0;
    background-color: #0a1f36;
    color: #fff
}

.admission_procedure_box ul li {
    font-size: 18px;
    font-weight: 600;
    color: #fff;
    margin-bottom: 15px
}

.college_about_content p,
.college_about_content ul li {
    font-size: 18px;
    line-height: 28px;
    color: #4d5a6a
}

#about_college_slide .item {
    border-radius: 20px;
    overflow: hidden;
    border: 1px solid #0b4aa6
}

.college_about_content p {
    margin-bottom: 13px;
    text-align: justify;
}

.college_about_content span {
    display: inline-block;
    background: #eaf2ff;
    color: #1d4f91;
    font-size: 13px;
    font-weight: 700;
    padding: 8px 14px;
    border-radius: 30px;
    margin-bottom: 18px;
    text-transform: uppercase
}

.college_about_content h1 {
    font-size: 30px;
    color: #10233d;
    margin-bottom: 20px;
    font-weight: 800
}

.about_small_box {
    background: #f8fbff;
    border: 1px solid #e1ebf7;
    border-radius: 18px;
    padding: 18px 16px;
    margin-bottom: 15px
}

.about_small_box h4 {
    font-size: 15px;
    color: #6b7a8d;
    margin-bottom: 8px
}

.about_small_box p {
    font-size: 17px;
    color: #15345b;
    font-weight: 700;
    margin: 0
}

.job {
    padding: 40px 0;
    margin: 40px 0;
    background-color: #012b51;
    color: #fff
}

.job_content_box p {
    font-size: 18px;
    font-weight: 550
}

.tabs {
    padding-bottom: 50px
}

.nursing_course_box {
    padding: 15px;
    color: #fff
}