/* Reset & Box Model Fix */
*,
*::before,
*::after {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
/* Font-Face Setup */
@font-face {
  font-family: 'Outfit-Regular';
  src: url('../fonts/Outfit-Regular.woff2') format('truetype');
  font-display: swap;
}
@font-face {
  font-family: 'Outfit-Light';
  src: url('../fonts/Outfit-Light.woff2') format('truetype');
  font-display: swap;
}
@font-face {
  font-family: 'Outfit-Bold';
  src: url('../fonts/Outfit-Bold.woff2') format('truetype');
  font-display: swap;
}
@font-face {
  font-family: 'Outfit-SemiBold';
  src: url('../fonts/Outfit-SemiBold.woff2') format('truetype');
  font-display: swap;
}
@font-face {
  font-family: 'Outfit-Medium';
  src: url('../fonts/Outfit-Medium.woff2') format('truetype');
  font-display: swap;
}
@font-face {
  font-family: 'HeadlandOne-Regular';
  src: url('../fonts/HeadlandOne-Regular.woff2') format('truetype');
  font-display: swap;
}

@font-face {
  font-family: 'DMSerifDisplay';
  src: url('../fonts/DMSerifDisplay-Regular.woff2') format('truetype');
  font-display: swap;
}

@font-face {
  font-family: 'Cambria';
  src: url('../fonts/Cambria-W02-Regular.woff2') format('woff2');
  font-display: swap;
}
html{
    overflow-y: scroll;
}


/* Base HTML */
html {
  font-size: clamp(14px, 1.5vw, 16px);
  scroll-behavior: smooth;
  font-family: 'Outfit-Light';
}

body {
  width: 100%;
  height: 100%;
  font-family: 'Outfit-Light';
  font-size: clamp(14px, 1.5vw, 16px);
  color:#000;
  background-color: #FFF;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  overflow-x: hidden;
}
body::-webkit-scrollbar {
    width: 6px;
}
body::-webkit-scrollbar-thumb {
    outline: none;
    border-radius: 30px;
    background-color: #EE9B12;
}
body::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}
/* Typography */
p {
  margin: 0 0 1em;
  line-height: 1.3;
}

h1, h2, h3, h4, h5, h6 {
  margin: 0 0 0.5em;
  font-weight: 700;
}

ul, ol {
  list-style: none;
  padding: 0;
  margin: 0;
}

a {
  color: #FFFFFF;
  text-decoration: none;
  transition: color var(--transition-fast);
}

a:hover,
a:focus {
  color: var(--link-hover-color);
  outline: none;
}

/* Accessibility */
:focus-visible {
  outline: 2px dashed #888;
  outline-offset: 4px;
}
.form-select:focus {
    outline: 2px dashed #888;
    outline-offset: 4px;
    border-color:  #D4D4D4;
    box-shadow: none;
}

/* Utility */
img {
  max-width: 100%;
  display: block;
  height: auto;
}

button {
  font-family: inherit;
  cursor: pointer;
  border: none;
  background: none;
}

body:has(.menu.is-active),
body:has(.toggle_whitebox_open) {
  overflow: hidden;
}
body:has(.mainnav_box .submmenu:hover .submenu_box) {
  overflow: hidden;
}

a[href="#"] {
  cursor: default;   /* remove hand cursor */
  pointer-events: none; /* disable click behavior */
  text-decoration: none; /* optional: remove underline */
} 
#introWrapper {
  position: fixed;
  inset: 0;
  display: none;
  z-index: 9999;
  overflow: hidden;
  align-items: center;
  justify-content: center;
  pointer-events: all;
  background: transparent;
  transition: opacity 2s ease-in-out;
  cursor: pointer;
}
.intro-box {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 50%;
  height: 100vh;
  transition: transform 1.2s linear;
  will-change: transform;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  background-repeat: no-repeat;
  background-size: cover;
  background: #931535;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url('../images/red-curtain.webp');
}

.intro-box.right {
  right: 0;
}
.intro-box.left {
  left: 0;
}
.intro_imageBox img {
  max-width: 60%;
  margin: 0 auto;
}
.ribbin_left {
    position: absolute;
    right: -1px;
    bottom: 0;
    max-width: 70px;
}
.ribbin_right {
    position: absolute;
    left: -1px;
    bottom: 0;
    max-width: 70px;
}
.intro-text {
    max-width: 80%;
}
.intro-heading {
    font-family: 'DMSerifDisplay';
    font-size: 50px;
    margin: 0 0 15px 0;
    color: #ffffffad;
    letter-spacing: 2px;
}
.intro-subheading {
    font-family: 'Cambria';
    color: #ffffffd6;
    font-size: 40px;
    line-height: normal;
    letter-spacing: 2px;
    margin: 0 0 50px 0;
}
.intro-subsubheading {
    color: #fff;
    text-transform: uppercase;
    font-size: 35px;
    font-family: 'Cambria';
    padding: 20px 10px;
    margin: 30px 0 0 0;
    background-color: #ffffff26;
    border-radius: 0 0 30px 30px;
    border-top: 5px solid #ffffff2e;
}

#introWrapper.animate .left {
  transform: translateX(-100%);
}
#introWrapper.animate .right {
  transform: translateX(100%);
}
#introWrapper.fadeOut {
  opacity: 0;
  pointer-events: none;
}


/* MENU START */
.header {
    padding: 15px 0 0 0;
    /* position: fixed; */
    position: absolute;
    width: 100%;
    z-index: 500;
}
.card_heading {
    font-size: 30px;
    font-family: 'HeadlandOne-Regular';
    color: #000;
    line-height: 1.2;
    margin: 0 0 20px 0;
    font-weight: 100;
}
header.is-sticky {

}
.top_navbar_menu {
    display: flex;
    justify-content: end;
    gap: 15px;
    padding: 0 0 15px 0;
}
.top_navbar_menu_list a {
  color: #FFFFFF;
  font-family: 'Outfit-Regular';
}
.top_navbar_menu_list {
    display: flex;
    gap: 10px;
    align-items: center;
    color: #FFFFFF;
}
.top_navbar_menu_list .mobile{
    display:none;
}
.navbar__left {
    margin: -44px 0 0 0px;
    background-color: #FFF;
    border-radius: 25px 25px 0 25px;
}
.main_menuBox {
    position: relative;
    z-index: 5;
}
.toggle_menu {
    position: absolute;
    top: inherit;
    right: -25px;
    bottom: 20%;
    background-color: #078d57;
    padding: 8px 10px;
    border-radius: 10px;
    cursor: pointer;
    box-shadow: 0px 15px 15px -10px #005835;
}
.toggle_menu::after {
    content: "";
    position: absolute;
    bottom: -9px;
    right: 12px;
    width: 30px;
    height: 30px;
    transform: rotate(61deg);
    background-color: #078d57;
    z-index: -1;
}
.toggle_menuBox {
    /* position: fixed;
    top: 0;
    right: -25%; 
    width: 25%;   
    height: 100vh;*/
    background: #FFF;
    box-shadow: -2px 0 5px rgba(0,0,0,0.3);
    /* transition: right 0.7s ease-in-out; */
    z-index: 9999;
    padding: 20px;
}

.toggle_menuBox.show {
    right: 0; /* Slide in */
}

.toggle_closeBtn {
    position: absolute;
    top: 15px;
    right: 20px;
    font-size: 28px;
    border: none;
    cursor: pointer;
    color: #FFF;
    background-color: #078d57;
    border-radius: 10px;
    line-height: 1;
    font-family: 'Outfit-Regular';
    font-weight: 100;
    height: 35px;
    width: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition-duration: 0.7s;
}
.toggle_closeBtn:hover {
  box-shadow: -2px 0 5px rgba(0,0,0,0.3);
}
/* General Styles */
.submenu__list { 
  padding: 0; 
}
.centered { 
  text-align: center; vertical-align: middle; margin-bottom: 1rem; 
}
.navbar { 
  background-color: #FFF; 
  border-radius: 25px;
  display: flex;
  flex-wrap: wrap;
  align-content: center;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  padding: 0;
  min-height: 80px;
}
.navbar .navbar__left {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 20px 0;
    position: relative;
}
.navbar .navbar__left::after {
    content: "";
    width: 40px;
    height: 40px;
    background: 0 0;
    position: absolute;
    top: -15px;
    transform: rotate(
257deg);
    right: -35px;
    border-radius: 50%;
    box-shadow: -20px -20px #FFF;
}

.navbar .navbar__right {
  display: flex;
  flex: 0 0 17%;
  align-items: center;
  justify-content: flex-end;
  column-gap: 1.5rem;
}

.brand img {
  width: 190px;
}


/* ------------PLACEMENT-PAGE-START--------- */
.placement_team_label {
    background-color: #e1f5ff;
    padding: 7px 30px 7px 15px;
    width: auto;
    float: left;
    border-radius: 0 100px 100px 0;
    line-height: normal;
    font-size: 16px;
    font-family: Outfit-Medium;
    margin: 0 0 0 0;
}

.email_label {
    background-color: #fff6e6;
}

.placement_team_label a {
    color: #000;
}


.placement_test_list {
    background-color: #FFF;
    padding: 30px;
    border-radius: 15px;
    line-height: normal;
    border: 1px solid #eee;
    position: relative;
    max-width: 95%;
}
.placement_test_list::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 100%;
  background-color: #fff6e6;
  transition-duration: 0.5s;
  border-radius: 15px;
}
.placement_test_list:nth-child(even)::after{
  right: 0;
  left: inherit;
}
.placement_test_list:hover::after {
  width: 100%;
}
.placement_test_list:nth-child(even):hover::after{
  width: 100%;
}

.placement_test_img {
    background-color: #fff;
    padding: 15px;
    border-radius: 12px;
    margin: 0 0 20px -60px;
    box-shadow: 0 0 19px #00000012;
    width: 230px;
    position: relative;
    z-index: 1;
}

.placement_test_list img {
    border-radius: 10px;
    margin: 0 auto;
}

.placement_testi_label {
    font-size: 21px;
    font-family: Outfit-Medium;
    position: relative;
    z-index: 1;
}
.placement_testi_content {
  position: relative;
  z-index: 1;
}

.placement_test_name {
    font-weight: bold;
    line-height: normal;
    padding: 0 6px;
    font-size: 14px;
}

.placement_test_list:nth-child(even) {
    background-color: #F5F5F5;
}

.placement_test_list:nth-child(even) .placement_test_img {
    margin: 0 0 20px 0px;
}

#PlacementStatistics .pillars_of_excellence_listBox .pillars_of_excellence_count {
    font-size: 23px;
}

#PlacementStatistics .pillars_of_excellence_listBox .pillars_of_excellence_text {
    margin: 0;
}

.placement_recruiters_list span {
    border: 1px solid #ccc;
    float: left;
    width: 22%;
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 100px;
    margin: 0 20px 10px 0;
    border-radius: 10px;
    transition-duration: 0.3s;
}

.placement_recruiters_list span:hover {
    box-shadow: 0 0 10px #ddd;
}

.placement_recruiters_list img {
    max-height: 60px;
    max-width: 160px;
    object-fit: contain;
    padding: 10px;
}
/* .placement_recruiters_list img {
    object-fit: contain;
    padding: 10px;
    height: 100%;
    width: 100%;
} */


.placement_gallery span {
    border: 1px solid #ccc;
    float: left;
    width: auto;
    padding: 6px;
    margin: 0 10px 10px 0;
    border-radius: 10px;
    min-height: 180px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.placement_gallery img {
    max-height: 180px;
    border-radius: 10px;
}
.read-more-btn {
    color: #000;
    border: 1px solid #f3b858;
    background-color: #f3b858;
    border-radius: 8px;
    padding: 6px 10px;
    display: flex;
    gap: 5px;
    width: fit-content;
    margin: 10px 0 auto auto;
    transition-duration: 0.5s;
}
.read-more-btn:hover {
    transform: translateX(5px);
}

/* ------------PLACEMENT-PAGE-END--------- */


/* ---------------MAIN-MENU-BOX-START------------ */
.mainnav_box{
float: right;
  width: auto;
  height: auto;
  margin: -90px 0 0 0;
}

.mainnav_box ul{
  float: left;
  width: auto;
  height: auto;
  margin: 0 20px 0 0;
}
.mainnav_box ul li{
  float: left;
  width: auto;
  height: auto;
}
.mainnav_box ul li a{
float: left;
  width: auto;
  height: auto;
  font-family: 'Cambria';
  color: #000;
  padding: 38px 19px 28px 19px;
  position: relative;
  z-index: 5;
  cursor: pointer;
}
.mainnav_box ul li:hover a{
  border-bottom: 5px solid #E15517;
}
.mainnav_box ul li a::after{
  content: "/";
  position: absolute;
  right: 0;
}
.submenu_box{
position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: auto;
  color: #fff;
  padding: 160px 0 10px 0;
  transition-duration: 0.5s;
  margin: -100% 0 0 0;
  background-color: #320311;
}
.mainnav_box .submmenu:hover .submenu_box {
  margin: 0;
}
.submenu_box::after {
  content: "";
  /* background-color: #320311; */
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: auto;
  opacity: 0.95;
  transition-duration: 0.3s;
  margin: -1510px 0 0 0;
}
.mainnav_box .submmenu:hover .submenu_box::after {
  margin: 0;
}
.submenu_heading{
font-size: 31px;
  font-family: Outfit-Bold;
  padding-left: 40px;
}
.submenu_list{
width: 100%;
  border-bottom: 1px dashed #846871;
  padding: 0 0 10px 0;
  margin: 0 0 10px 0;
  float: left;
}
.submenu_list_head{
font-size: 18px;
  color: #fff;
  float: left;
  width: 100%;
  /* margin: 0 0 10px 0; */
}
.submenu_list_head::before{
  content: "";
background-color: #f9ab22;
  width: 6px;
  height: 6px;
  position: absolute;
  margin: 8px 0 0 -15px;
  border-radius: 100px;
}
.submenu_list_content{
float: left;
  width: 100%;
}
.submenu_list .submenu_list_head{
  color: #fff;
  border: 0 !important;
  padding: 0;
  font-family: 'Outfit-Light';
  line-height: normal;
  padding: 0 0 5px 0;
}
.submenu_list:hover .submenu_list_head{
  color: #f9ab22;
}
.submenu_list .submenu_list_head::after{
  display: none;
}
.mainnav_box .submenu_list_content a {
  background-image: url('../images/submenu_arrow.png');
background-repeat: no-repeat;
  background-position: left 4px;
  padding: 0 0 0 25px;
  font-size: 15px;
  width: 100%;
  color: #989797;
  font-family: 'Outfit-Light';
  transition-duration: 0.3s;
  border: 0 !important;
}
.mainnav_box .submenu_list_content a:hover{
  color: #fff;
  padding: 0 0 0 32px;
}
.mainnav_box .submenu_list_content a::after{
  display: none;
}
.mainnav_box ul li:last-child a::after{
  display: none;
}
.submenu_box_mobile.active svg {
    transform: rotate(180deg);
    margin: -4px 0 0 0;
}
/* ---------------MAIN-MENU-BOX-END------------ */


/* ---------------TOGGLE-WHITE-BOX-START------------ */
.toggle_whitebox{
position: fixed;
  top: 0;
  width: 26%;
  height: 100%;
  background-color: #fff;
  z-index: 5;
  right: 0;
  padding: 40px 10px 20px 10px;
  margin: 0 -100% 0 0px;
  transition-duration: 0.3s;
  box-shadow: 0 0 30px #0000004d;
  overflow-y: scroll;
  overflow-x: hidden;
}
.toggle_whitebox_open{
  margin: 0;
}
.toggle_whitebox ul{
  width: 100%;
}
.toggle_whitebox ul li{
  width: 100%;
}
.toggle_whitebox ul a,
.toggle_whitebox ul .menuTitle{
  width: 100%;
  color: #000;
  position: relative;
  padding: 5px 0 5px 20px;
  border-bottom: 1px dashed #777;
  float: left;
  font-family: 'Cambria';
  transition-duration: 0.3s;
}
.toggle_whitebox ul a:hover{
  padding: 5px 0 5px 30px;
  color: #e05517;
}
.toggle_whitebox ul a::before,
.toggle_whitebox ul .menuTitle::before{
position: absolute;
  content: "";
  background-image: url('../images/home/listing_pointer.svg');
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  left: 0;
  top: 0;
  bottom: 0;
  margin: auto 0;
  height: 6px;
  width: 6px;
}
.toggle_whitebox .footer_contact_img{
background-color: #ee9c0f;
  padding: 10px;
  border-radius: 100px;
}
.toggle_whitebox .footer_contact_text {
    width: 100%;
}
.toggle_whitebox .footer_contact_text a{
  color: #a81d45;
}
.toggle_whitebox_close{
  cursor: pointer;
  font-size: 28px;
  position: absolute;
  top: 0;
  right: 0;
  margin: 0px 20px 0 0;
  font-family: Outfit-Light;
}
.main_menusBox_mobile{
  display: none;
}
/* ---------------TOGGLE-WHITE-BOX-END------------ */

/* ------- BANNER SECTION START --------- */
.banner_wrapper {
    display: grid;
}
.banner_wrapper >* {
  grid-area: 1/1;
}
.overlay_banner_img {
    align-self: self-start;
    justify-self: center;
    /*opacity: 0.4;*/
}
.banner-section {
    background-color: #071E40;
    position: relative;
    /* z-index: -1; */
}
.banner-section::before{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    /* height: 100%; */
    background-image: url('../images/home/banner_white_bg.webp');
    opacity: 0.2;
}
.banner-section::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 24%;
    background: #7E0A2C;
    background: linear-gradient(0deg,rgba(126, 10, 44, 0.89) 0%, rgba(126, 10, 44, 0.8) 50%, rgba(255, 255, 255, 0) 100%);
}
.overlay_banner_img img{
  opacity: 0.6;
}
.banner-bg img {
  opacity: 0.2;
}
.banner_text {
    align-self: end;
    justify-self: center;
    text-align: center;
    width: 100%;
    position: absolute;
    bottom: 30%;
}
.banner_yellow_text {
    font-family: 'HeadlandOne-Regular';
    color: #EE9B12;
    font-size: 60px;
    margin: 0;
    line-height: normal;
    text-shadow: 0px 0px 16px #000;
    font-weight: 100;
    text-transform: uppercase;
}
.banner_description {
    line-height: 1;
    font-family: 'DMSerifDisplay';
    color: #FFFFFF;
    font-size: 70px;
    text-shadow: 0px 0px 16px #000;
    font-weight: 100;
    margin: 0;
}
.banner-bg {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
   display: grid;
}
.banner-bg> *{
  grid-area: 1/1
}

.banner_img,
.overlay_banner_video {
  width: 100%;
  height: 100%;
  transition: opacity 10s ease, transform 10s ease;
}
.banner_img {
  transition: opacity 1s ease;
}
.overlay_banner_video {
display: none;
/*opacity: 0.4;*/
}
.banner_img,
.overlay_banner_video.show {
  display: block
}
.overlay_banner_video.show video{
  object-fit: cover;
}

.banner_img.hide {
  /* transform: translateY(-100%); */
  opacity: 0;
  pointer-events: none;
}
.main{
  position: relative;
}

/* ------- BANNER SECTION END --------- */
/* ------- MAIN PILLERS SECTION START ------- */
.pillers_section {
  display: grid;
  background-color: #7E0A2C;
  position: relative;
  /* z-index: -1; */
}
.pillers_section > * {
  grid-area: 1/1;
}

.about_piller_img {
    align-self: end;
    opacity: 0.2;
    height: 100%;
}
.piller_mainBox {
    margin: -150px 0 0;
}
.pillers_listing_box {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 40px;
  position: relative;
}
.piller_list {
    text-align: center;
    background-color: #FFF;
    border-radius: 30px;
    padding: 20px 15px;
    transition-duration: 0.7s;
}
.piller_list.piller_first,
.piller_list.piller_last{
  position: relative;
}
.piller_list.piller_first::before,
.piller_list.piller_last::before {
    content: '';
    position: absolute;
    top: -75px;
    left: 0;
    right: 0;
    height: 100px;
    width: 75%;
    background-color: #FFF;
    border-radius: 30px 30px 0 0;
    transition-duration: 0.7s;
}
.piller_list.piller_last::before{
  left: inherit;
  right: 0;
}
.piller_list.piller_last::after {
    left: 27px;
    transform: rotate(170deg) !important;
}
.piller_list.piller_first::after, 
.piller_list.piller_last::after {
    content: "";
    width: 40px;
    height: 40px;
    background: 0 0;
    position: absolute;
    top: -40px;
    transform: rotate(258deg);
    right: 27px;
    border-radius: 50%;
    box-shadow: -20px -20px #FFF;
    transition-duration: 0.7s;
}
.piller_list.piller_first:hover,
.piller_list.piller_first:hover::before {
    background-color: #0191DA;
}
.piller_list.piller_first:hover::after {
    box-shadow: -20px -20px #0191da;
}
.piller_list.piller_second:hover {
    background-color: #EF9B0F;
}
.piller_list.piller_third:hover {
    background-color: #01A163;
}
.piller_list.piller_last:hover,
.piller_list.piller_last:hover::before {
    background-color: #E15517;
}
.piller_list.piller_last:hover::after {
   box-shadow: -20px -20px #E15517;
}
.piller_imgBox {
    border-radius: 100%;
    margin: 0 auto;
    background-color: #ffffff3a;
    height: 90px;
    width: 90px;
    padding: 20px;
    position: relative;
}
.piller_imgBox img {
  width: 100%;
  height: 100%;
    text-align: center;
    transition-duration: 0.7s;
  aspect-ratio: 1/1;
    
}
.piller_list:hover .piller_imgBox img{
  animation: hithere 1s ease infinite;
}
@keyframes hithere {
30% {
    transform: scale(1.1);
}
40%, 60% {
    transform: rotate(-20deg) scale(1.1);
}
50% {
    transform: rotate(20deg) scale(1.1);
}
70% {
    transform: rotate(0deg) scale(1.1);
}
100% {
    -webkit-transform: scale(1);
    transform: scale(1);
}
}
.piller_heading {
    font-size: 25px;
    line-height: 1;
    font-family: 'Cambria';
    transition-duration: 0.7s;
    padding: 10px 0 0 0;
}
.default_img {
  display: block;
}
.hover_img {
  display: none;
}
.piller_list:hover .default_img {
    display: none;
}
.piller_list:hover .hover_img {
    display: block;
}
.piller_list .piller_heading span {
    display: block;
    transition-duration: 0.7s;
    text-transform: uppercase;
}
.piller_list:hover .piller_heading,
.piller_list:hover .piller_heading span{
color: #FFF !important;
}
.piller_list.piller_first .piller_heading span {
    color: #0191DA;
}
.piller_list.piller_second .piller_heading span {
    color: #EF9B0F;
}
.piller_list.piller_third .piller_heading span {
    color: #01A163;
}
.piller_list.piller_last .piller_heading span {
    color: #E15517;
}
.piller_text {
    font-size: 16px;
    line-height: normal;
    color: #000;
    margin: 20px 0;
    font-family: 'Cambria';
    height: 50px;
    /* transition-duration: 0.4s; */
}
.piller_button_wraper {
  margin: 20px 0;
}
.piller_list:hover .piller_button_wraper{
  /* min-height: 50px; */
  position: relative;
  z-index: 1;
}
.piller_list:hover .piller_text {
   height: 0;
   opacity: 0;
}
.button_wraper {
    text-decoration: none;
    color: #000000;
    background-color: #ffffff;
    line-height: normal;
    display: flex;
    padding: 8px 16px;
    border-radius: 10px;
    transition-duration: 0.5s;
    font-size: 16px;
    align-items: center;
    gap: 8px;
    width: fit-content;
    margin: 0 auto;
    border-radius: 5px;
    font-family: 'Outfit-Regular';
    cursor: pointer;
}
.piller_list:hover .button_wraper {
    color: #000;
    /* border: 1px solid #FFF !important; */
    background-color: #FFF !important;
    display: flex;
}
.button_wraper span {
    display: flex;
    align-items: center;
    height: 100%;
}
.piller_list.piller_first .button_wraper:hover .white_svg_container .white_arrow_svg {
    stroke: #0191DA;
}
.piller_list.piller_second .button_wraper:hover .white_svg_container .white_arrow_svg {
    stroke: #EF9B0F;
}
.piller_list.piller_third .button_wraper:hover .white_svg_container .white_arrow_svg {
    stroke: #01A163;
}
.piller_list.piller_last .button_wraper:hover .white_svg_container .white_arrow_svg {
    stroke: #E15517;
}
.button_wraper:hover .white_svg_container .white_arrow_svg {
    -webkit-animation: arrow-animation 0.4s linear;
    animation: arrow-animation 0.5s linear both;
}
.top_awards{
  margin: 70px 0 0 0;
}
section.annoucement-section {
    /* padding: 50px 0 0; */
}
.annoucement-block {
    background-color: #ececec;
    padding: 12px 20px 9px 20px;
    border-radius: 8px;
    position: relative;
    width: 100%;
    top: 0;
    z-index: 1;
}
.annoucement-heading {
    color: #fff;
    justify-content: space-between;
    align-items: center;
    position: absolute;
    padding: 8px 10px;
    border-radius: 8px;
    z-index: 2;
    letter-spacing: 1px;
    border: 1px solid #f2f2f2;
    font-size: 22px;
    display: flex;
    gap: 10px;
    /* background-color: #7E0A2C; */
    top: 50%;
    background-image: linear-gradient(55deg, #7E0A2C, #EF5B72);
    transform: translateY(-50%);
}
.annoucement-heading img {
  animation: wobble-ver-left 3s ease-in-out 3s infinite both;
}
@keyframes wobble-ver-left {
  0%,
  100% {
    transform: translateY(0) rotate(0);
    transform-origin: 50% 50%;
  }
  15% {
    transform: translateY(-5px) rotate(-6deg);
  }
  30% {
    transform: translateY(5px) rotate(6deg);
  }
  45% {
    transform: translateY(-5px) rotate(-3.6deg);
  }
  60% {
    transform: translateY(5px) rotate(2.4deg);
  }
  75% {
    transform: translateY(-5px) rotate(-1.2deg);
  }
}
.annoucement-text {
    display: block;
    color: #323232;
}
.announcement-text {
  overflow: hidden;
  background: #f9f9f9;
  border: 1px solid #ddd;
  white-space: nowrap;
  width: 100%;
}

.marquee {
  display: flex;
  overflow: hidden;
  position: relative;
}

.marquee-content {
  display: flex;
  animation: marquee 25s linear infinite; /* continuous loop */
}

.marquee_list {
  display: inline-block;   /* inline-block ensures horizontal flow */
  padding: 0 20px;
  border-right: 0.5px solid #000;
  white-space: nowrap;
}

.marquee_list:last-child {
  border-right: 0;
}

.marquee_list a,
.marquee_list p {
  color: #000;
  margin: 0;
  font-size: 16px;
  text-decoration: none;
}

.marquee_list a:hover,
.marquee_list p:hover {
  color: #7E0A2C;
}

/* Continuous loop animation */
@keyframes marquee {
  from { transform: translateX(0); }
  to   { transform: translateX(-50%); }
}

/* Pause on hover */
.marquee-content:hover {
  animation-play-state: paused;
}

/* ------- MAIN PILLERS SECTION END ------- */
/* -------- ABOUT SECTION START --------- */
.about_heading {
    font-size: 40px;
    font-family: 'HeadlandOne-Regular';
    color: #FFF;
    line-height: 1.2;
    margin: 0 0 40px 0;
    font-weight: 100;
}
.about_heading span {
    font-size: 35px;
    color: #EE9B12;
    font-family: 'HeadlandOne-Regular';
    display: block;
}
/* .about_content {
    position: relative;
    bottom: 100px;
} */
.about_content {
    position: relative;
    /* margin: 0 0 60px 0; */
}
.about_content_box p{
  font-size: 18px;
  line-height: normal;
  color: #FFF;
}
.about_bottom_buttons {
    display: flex;
    flex-wrap: wrap;
    grid-template-columns: repeat(6, 1fr);
    row-gap: 20px;
    column-gap: 10px;
    justify-content: center;
}
  .about_btns:hover {
    transform: translateY(-5px);
  }
  .about_piller_mainBox {
      position: relative;
      z-index: 1;
  }
.about_btns {
  background-image: url('../images/golden.webp');
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  transition-duration: 0.7s;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 160px;
}
.about_btn_img {
    background-color: #EF5B72;
    height: 100%;
    border-radius: 8px;
    padding: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.about_btnBox {
    line-height: normal;
    text-align: center;
    max-width: 58%;
    color: #000;
    font-size: 15px;
    margin: 10px 0px 50px;
    font-family: 'Outfit-Regular';
}
.about_text span {
    display: block;
    font-size: 20px;
    font-family: 'Outfit-SemiBold';
}
.about_btn_img img {
  transition-duration: 0.7s;
}
.about_btn:hover .about_btn_img img{
  transform: rotateY(360deg);
}
.about_btn_text {
  line-height: 1.2;
}
.about_btn_heading {
    font-family: 'Outfit-Regular';
    font-size: 18px;
}
.about_imageBox {
    position: relative;
    /* bottom: -40px; */
}
.about_img_button {
    position: absolute;
    bottom: 0;
    left: 0;
    right: -40px;
    margin: 0 auto;
    max-width: fit-content;
    font-size: 22px;
    font-family: 'DMSerifDisplay';
    color: #FFF;
    background-color: #099AE3;
    line-height: normal;
    border-radius: 30px;
    padding: 15px 35px;
}
.about_school_imgWrapper {
    height: 380px;
}
.about_school_imgWrapper img {
    height: 100%;
    width: 100%;
    object-fit: cover;
    object-position: top;
}
/* -------- ABOUT SECTION END ---------- */
/* ------ OUR PROGRAM SECTION ------------*/
.programs_wrappers .container-fluid {
  max-width: 95%;
}
.our_program_section {
    padding: 80px 0;
    position: relative;
}
.our_program_section::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url('../images/home/girl_img.webp');
    opacity: 0.2;
    background-repeat: no-repeat;
    background-position: top left;
    background-size: 60%;
    z-index: -1;
}
.heading {
    font-size: 41px;
    font-family: 'HeadlandOne-Regular';
    color: #000;
    line-height: 1.2;
    margin: 0 0 40px 0;
    font-weight: 100;
}
.subheading_text {
    max-width: 100%;
    margin: 0 auto 20px 0;
}
.program_headingBox {
    display: flex;
    justify-content: space-between;
    gap: 10px;
    align-items: center;
    position: relative;
    z-index: 2;
}

.our_program_section .tabbing_programs_item:hover .tabbing_programs_heading {
  color: #FFF;
}
.our_program_section .tabbing_programs_item:hover .tabbing_programs_img img{
  opacity: 0.5;
}
.our_program_section .tabbing_programs_img{
  margin: 0 !important;
  z-index: 1;
}
/* ======== TABBING START ======= */
.our_programs_tabs {
    padding: 50px 0 60px;
}
.our_program_section .tabs_menus {
    gap: 25px;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
}
.our_program_section .tabs-menu-item .tab-menu-link {
    font-size: 20px;
    text-align: center;
    border-radius: 50px;
    padding: 15px 0px;
    position: relative;
    width: 100%;
    background-color: #F6F6F6;
    cursor: pointer;
    font-family: 'Outfit-Regular';
}
.our_program_section .tabs-menu-item .tab-menu-link.active {
  background: #A20733;
  background: linear-gradient(60deg,rgba(162, 7, 51, 1) 0%, rgba(235, 27, 85, 1) 100%);
  color: #FFF;
}
.our_program_section .tabs-menu-item .tab-menu-link.active::after {
    content: "";
    position: absolute;
    bottom: -10px;
    left: 0;
    right: 0;
    margin: 0 auto;
    transform: rotate(45deg);
    width: 30px;
    height: 30px;
    background: linear-gradient(60deg, rgb(197 18 67) 60%, rgba(235, 27, 85, 1) 100%);
    z-index: -1;
}
.our_program_section .tabbing_programs_list_mainBox {
    display: flex;
    column-gap: 20px;
    row-gap: 20px;
    flex-wrap: wrap;
    justify-content: center;
}
.our_program_section .tabbing_programs_item {
    background-color: #FFFFFF;
    padding: 25px 15px;
    border-radius: 20px;
    text-align: center;
    transition-duration: 0.5s;
    border: 1px solid #E15517;
    color: #000;
    width: 23%;
    position: relative;
}
.our_program_section .tabbing_programs_item::after{
  background-color: #A20733;
  position: absolute;
  top: 0;
  left: 0;
  height: 0%;
  width: 0%;
  content: '';
  transition-duration: 0.5s;
  overflow: hidden;
  border-radius: 20px;
}
.our_program_section .tabbing_programs_heading {
    font-size: 18px;
    margin: 10px 0;
    line-height: normal;
    transition-duration: 0.9s;
    position: relative;
    z-index: 1;
    font-family: 'Outfit-Light';
    min-height: 50px;
    color: #000;
    width: 100%;
    text-align: left;
    font-weight: 700;
}

.our_program_section .tabbing_programs_text {
  display: -webkit-box;
  -webkit-line-clamp: 2; /* Show 2 lines initially */
  -webkit-box-orient: vertical;
  overflow: hidden;
  cursor: pointer;
  margin: 0;
  line-height: 1.2;
  font-size: 14px;
  transition-duration: 0.9s;
}
.our_program_section .tabbing_programs_img {
    margin: 0 auto 10px auto;
    height: 60px;
    width: 60px;
    transition-duration: 0.0s;
    position: absolute;
    right: 20px;
    bottom: 20px;
}
.tabbing_programs_content {
    position: relative;
    z-index: 2;
}
.tabbing_bg_img {
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    width: 100%;
    z-index: 1;
}
.tabbing_bg_img img {
    height: 100%;
    width: 100%;
}
.our_program_section .tabbing_programs_img img {
    width: 100%;
    height: 100%;
    object-position: center;
    opacity: 0.2;
}
.our_program_section .tabbing_programs_item:hover{
  color: #FFF;
}
.our_program_section .tabbing_programs_item:hover::after{
  height: 100%;
  width: 100%;
  
}

.tabbing_programs_img .default_img{
  display: block;
}
.tabbing_programs_img .hover_img{
  display: none;
}
.our_program_section .tabbing_programs_item:hover .tabbing_programs_img .default_img{
  display: none;
}
.our_program_section .tabbing_programs_item:hover .tabbing_programs_img .hover_img{
  display: block;
}
.program_btns {
  display: block;
  text-align: left;
}
.program_btns li{
    position: relative;
    padding: 0 0 0 15px;
}
.program_btns li::before {
    position: absolute;
    content: "";
    background-image: url('../images/home/listing_pointer.svg');
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto 0;
    height: 6px;
    width: 6px;
}
.program_btns li a{
  color: #000;
  text-align: left;
}
.our_program_section .button_wraper {
    display: flex;
    border-radius: 23px;
    line-height: normal;
    color: #000;
    flex-wrap: nowrap;
    font-family: 'Outfit-Light';
    padding: 5px 0;
    background-color: transparent;
    width: max-content;
    margin: 0;
    font-size: 16px;
    transition-duration: 0.7s;
}
.tabbing_programs_item:hover .button_wraper{
  color: #FFCA72;
  background-color: transparent;
}
.tabbing_programs_item .button_wraper:hover{
  transform: translateX(5px);
  background-color: transparent;
}


/* ======== TABBING END ========= */
/* OUR PROGRAM SECTION END */
/* PILLARS OF OUR EXCELLENCE SECTION START */
.pillars_of_excellence_section {
    padding: 60px 0 130px;
    position: relative;
    background-color: #A20733;
}
.pillars_of_excellence_section::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url('../images/home/about_piller_bg.webp');
    opacity: 0.2;
    background-repeat: no-repeat;
    background-position: top left;
    background-size: cover;
    display: none;
}
.pillars_of_excellence_section.show-before::before {
    display: block;
}

.pillars_of_excellence_listBox {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
  margin: 00px 0 0 0;
  justify-content: center;
}
.pillars_of_excellence_item {
  display: grid;
  width: 19%;
  overflow: hidden;
}
.pillars_of_excellence_item >* {
    grid-area: 1/1;
    z-index: 1;
}

 .pillars_of_excellence_item {
    position: relative;
}

.pillars_of_excellence_img {
    height: 80%;
    width: 80%;
    align-self: center;
    justify-self: center;
    min-height: 200px;
}
.inner_program_mainbox .pillars_of_excellence_img{
  min-height: 150px;
}
@keyframes rotate-center {
  0% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes rotate-center1 {
  0% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(-360deg);
  }
}
.pillars_of_excellence_listBox .pillars_of_excellence_textBox {
    /* background-color: #fff; */
    padding: 20px;
    text-align: center;
    border-radius: 50%;
    aspect-ratio: 1 / 1;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    position: relative;
    max-width: 75%;
    justify-self: center;
    align-self: center;
    margin: auto;
}
.pillars_bg_img {
    height: 100%;
    width: 100%;
}
.pillars_of_excellence_item.item1 .pillars_bg_img{
  animation: rotate-center 30s linear 0s infinite both;
}
.pillars_of_excellence_item.item2 .pillars_bg_img{
 animation: rotate-center1 30s linear 0s infinite both;
}
.pillars_of_excellence_item.item3 .pillars_bg_img{
  animation: rotate-center 30s linear 0s infinite both;
}
.pillars_of_excellence_item.item4 .pillars_bg_img{
  animation: rotate-center1 30s linear 0s infinite both;
}
.pillars_of_excellence_listBox .pillars_of_excellence_count {
    font-size: 30px;
    font-family: 'Outfit-Bold';
    line-height: normal;
}
.pillars_of_excellence_listBox .pillars_of_excellence_text {
    font-size: 18px;
    margin-top: 10px;
    font-family: 'Outfit-Regular';
    line-height: 1;
}
.pillars_of_excellence_listBox .pillars_of_excellence_text span {
  display: block;
}
.pillars_of_excellence_listBox .pillars_of_excellence_text span small {
  font-size: 12px;
}
.pillars_of_excellence_item.item1 .pillars_of_excellence_count span {
  color: #1894D6;
}
.pillars_of_excellence_item.item2 .pillars_of_excellence_count span {
  color: #19A067;
}
.pillars_of_excellence_item.item3 .pillars_of_excellence_count span {
  color: #EF9B20;
}
.pillars_of_excellence_item.item4 .pillars_of_excellence_count span {
  color: #E35C26;
}
section.recruiters_section {
    background-color: #931535;
    padding: 0px 0 130px 0;
    margin: -90px 0 0 0;
}
/* .recruiters_slider_mainBox {
    margin: 80px 0 0 0;
} */
.recruiters_slider_wrapper {
    padding: 50px 0 0 0;
}
.recruiters_slider_container {
    position: relative;
}
.recruiters_slider_container::before {
  position: absolute;
  top: -12px;
  left: 0;
  right: 0;
  margin: 0 auto;
  content: "";
  height: 50px;
  width: 50px;
  transform: rotate(45deg);
  background-color: #931535;
}
.recruiters_imgBox {
    background-color: #FFF;
    padding: 15px;
    border-radius: 20px;
    overflow: hidden;
    position: relative;
}
.recruiters_imgBox img {
    transition-duration: 0.7s;
    /* transform: scale(0.9); */
    aspect-ratio: 6/2;
    object-fit: contain;
    position: relative;
}

.recruiters_imgBox:hover img{
  transform: scale(1.1);
}
.recruiters-owl-carousel{
  position: relative;
}
.recruiters-owl-carousel .owl-nav {
    display: flex;
    justify-content: space-between;
    position: absolute;
    top: 0;
    bottom: 0;
    left: inherit;
    right: inherit;
    margin: auto;
    width: 100%;
    z-index: -1;
}
.recruiters-owl-carousel .owl-nav button.owl-prev {
    left: -40px;
    position: relative;
}
.recruiters-owl-carousel .owl-nav button.owl-next {
    right: -40px;
    position: relative;
    transform: rotate(180deg);
}

/* PILLARS OF OUR EXCELLENCE SECTION END */
/* NEWS SECTION START */
.news_section {
    position: relative;
}
.home_number_section {
    max-width: 70%;
    margin: 0 auto;
    background-color: #EE9B12;
    color: #FFF;
    padding: 25px 40px 25px 50px;
    border-radius: 100px;
    display: flex;
    gap: 30px;
    align-items: center;
    justify-content: space-between;
    margin: -65px auto 0 auto;
}
.home_number_countBox {
    font-size: 40px;
    font-family: 'Outfit-Bold';
    width: 19%;
}
.home_number_sectionBox {
    font-family: 'Outfit-Bold';
    width: 55%;
    font-size: 30px;
    line-height: normal;
}
.home_number_buttonBox {
    width: 18%;
}
.button_wraper.explore_button:hover{
  color: #EE9B12;
}
.news_section_tabbing_mainBox {
  padding: 100px 0 40px;
}
.news_tabbing_content_mainBox {
    max-width: 82%;
    padding: 0 10px 0 0;
}
.news_section_slider_wrapper .news_item a {
    color: #000;
    display: block;
    border: 1px solid #e6e6e6;
    padding: 12px 12px 15px 12px;
    border-radius: 15px;
    margin:0 0 5px 0;
}
.news_item .news_imgBox {
    width: 100%;
    height: 150px;
    border-radius: 10px;
    overflow: hidden;
}
.news_item .news_imgBox img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
.news_imageBox1 {
    text-align: center;
}
.news_dateBox {
    position: relative;
    background-color: #FBCB7A;
    width: fit-content;
    margin: -14px auto 0;
    font-size: 12px;
    border-radius: 6px;
    padding: 8px 10px;
    line-height: 1;
    text-align: center;
}
.news_content_box {
    text-align: center;
    padding: 15px 0;
    cursor: pointer;
    line-height: 1.2;
}
.news_tabbing_mainBox {
    margin: 50px 0 0;
}
.news_tabbing_mainBox .tabs_menus {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 50px;
}
.news_tabbing_mainBox .tabs_menus .tabs-menu-item .tab-menu-link {
    border-radius: 12px;
    border: 1px solid #e6e6e6;
    padding: 12px 0;
    text-align: center;
    line-height: normal;
    width: 100%;
    font-family: 'Outfit-Regular';
    font-size: 20px;
    display: block;
    color: #000;
}
.news_tabbing_mainBox .tabs_menus .tabs-menu-item .tab-menu-link.active {
  background-color: #EE9B12;
  border: 1px solid #EE9B12;
  color: #FFF;
  position: relative;
}
.news_tabbing_mainBox .tabs_menus .tabs-menu-item .tab-menu-link.active::after {
    content: "";
    position: absolute;
    top: -10px;
    left: 0;
    right: 0;
    margin: 0 auto;
    transform: rotate(45deg);
    width: 30px;
    height: 30px;
    background-color: #EE9B12;
    z-index: -1;
}
.news_section_imgBox {
    z-index: -1;
    max-width: 48%;
    position: absolute;
    top: 0;
    right: 0;
    /* animation: slide-bl 3s ease-in-out infinite alternate-reverse; */
}
@keyframes slide-bl {
  0% {
    -webkit-transform: translateY(0) translateX(0);
    transform: translateY(0) translateX(0);
}
100% {
    -webkit-transform: translateY(10px) translateX(-10px);
    transform: translateY(10px) translateX(-10px);
}
}

/* NEWS SECTION end */
/* STUDENT REVIEW SECTION START */
.student_review_section {
  display: grid;
}
.student_review_section>* {
  grid-area: 1/1;
}
.student_review_mainBox{
    position: relative;
    padding: 100px 0 50px;
    min-width: 100%;
}
.student_review_banner{
  position: relative;
  align-self: flex-start;
  height: 75%;
}
.student_review_banner img {
  width: 100%;
  height: 100%;
  object-position: center;
}
.student_review_banner::before {
    background-color: #7e0a2c;
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    content: "";
    opacity: 0.9;
}
.student_review_slider_wrapper .owl-stage-outer {
    padding: 70px 0 0;
}
.student_item {
    border: 1px solid #FFF;
    background-color: #FFF;
    padding: 25px;
    text-align: center;
    border-radius: 20px;
    margin: 80px 22px 20px;
    box-shadow: rgb(238 238 238 / 45%) 0px 9px 10px 0px;
}
.student_imgBox {
    width: 120px;
    height: 120px;
    background-color: #EBE2E4;
    border-radius: 100%;
    margin: -100px auto 25px;
    position: relative;
    z-index: 1;
    overflow: hidden;
    border: 5px solid #FFF;
}
.student-owl-carousel .owl-item.active.center {
    transform: translateY(-60px);
}
.student-owl-carousel .owl-item.active.center .student_item{
  border: 1px solid #F4980F;
  box-shadow: none;
}
.student_name {
    font-family: 'Outfit-Medium';
    font-size: 18px;
    line-height: normal;
    padding: 0 0 5px 0;
}
.student_profile {
    color: #B05A6A;
    font-size: 18px;
    font-family: 'Outfit-SemiBold';
    margin: 0 0 15px 0;
}
.student_text p {
    font-family: 'Outfit-Regular';
    margin: 0 0 1em;
    line-height: 1.2;
    display: -webkit-box;
    -webkit-line-clamp: 6;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.student_quote_icon img {
    max-width: 70px;
    margin: 0 auto;
    animation: hithere 3s ease infinite;
    /* animation: rotate-90-tl-cw 1.5s ease-in-out infinite alternate-reverse both; */
}
@keyframes rotate-90-tl-cw {
  0% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
    -webkit-transform-origin: 0% 0%;
            transform-origin: 0% 0%;
  }
  100% {
    -webkit-transform: rotate(15deg);
            transform: rotate(15deg);
    -webkit-transform-origin: 0% 0%;
            transform-origin: 0% 0%;
  }
}

.student-owl-carousel .owl-dots {
    display: flex;
    gap: 15px;
    justify-content: center;
}
.student-owl-carousel .owl-dots .owl-dot span {
  width: 16px;
  height: 16px;
  border-radius: 15px;
  background-color: #EBE2E4;
  display: block;
}
.student-owl-carousel .owl-dots .owl-dot.active span {
  background-color: #F4980F;
}
.magazine_listing_mainBox {
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
}
.magazine_list {
    background: #f8f9fa;
    border: 1px solid #ccc;
    border-radius: 12px;
    padding: 10px;
    position: relative;
    width: 22%;
}
.magazine_list img {
  border-radius: 12px;
  height: 100%;
  width: 100%;
}
.magazine_list .magazine_pdf_box {
  position: relative;
}
.magazine_list .magazine_pdf_box:before {
    position: absolute;
    width: 25px;
    height: 25px;
    top: 40%;
    left: 50%;
    margin: -14px 0 0 -16px;
    background: url("../images/gallery/image-plus.webp");
    background-repeat: no-repeat;
    content: "";
    opacity: 0;
    z-index: 1;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    transition: all 0.3s linear;
    background-position: center;
    background-size: contain;
}
.magazine_list .magazine_pdf_box:after {
    position: absolute;
    width: 100%;
    top: 0;
    bottom: 0;
    border-radius: 12px;
    left: 0;
    background: rgba(0, 0, 0, 0.5);
    content: "";
    opacity: 0;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.magazine_list .magazine_pdf_box:hover:before {
    top: 50%;
    opacity: 1;
}
.magazine_list .magazine_pdf_box:hover:after {
    opacity: 1;
}
/* STUDENT REVIRE SECTION END */
/* VICE CHANCELLOR SECTION START */
.vice_chancellor_section {
  padding: 20px 0 0;
  background-image: linear-gradient(360deg, #FBFBFB, transparent);
}
.vice_chancellor_heading {
    font-family: 'Outfit-Bold';
    font-size: 30px;
    margin: 0 0 30px 0;
}
.vice_chancellor_designation {
    padding: 10px 20px;
    background-color: #FFC44F;
    width: fit-content;
    margin: 30px auto;
    border-radius: 30px;
    font-size: 18px;
    line-height: normal;
    font-family: 'HeadlandOne-Regular';
    font-weight: 600;
}
.vice_chancellor_text {
    position: relative;
    max-width: 90%;
    margin: 0 auto 0px auto;
    font-size: 20px;
    font-family: 'Outfit-Regular';
    line-height: 1.3;
}
.vice_chancellor_text::before {
    position: absolute;
    content: "";
    top: -70px;
    left: -80px;
    background-image: url('../images/home/Chancellor_quote.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
    height: 70px;
    width: 70px;
}
.vice_chancellor_text::after {
    position: absolute;
    content: "";
    bottom: -60px;
    right: -60px;
    background-image: url('../images/home/Chancellor_quote.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
    height: 70px;
    width: 70px;
    transform: rotate(180deg);
}

.vice_chancellor_img {
    max-width: 80%;
    margin: 0 auto;
}
/* VICE CHANCELLOR SECTION END */

/* GALLERY SECTION START */
.gallery_section{
  padding: 80px 0 50px;
}
.gallery_mainBox {
    display: grid;
    grid-template-columns: 1fr 1fr 1.8fr 1fr 1fr;
    gap: 10px;
}
.gallery_mainBox .gallery_list.item1,
.gallery_mainBox .gallery_list.item1 .gallery_item,
.gallery_mainBox .gallery_list.item1 .gallery_img,
.gallery_mainBox .gallery_list.item3,
.gallery_mainBox .gallery_list.item3 .gallery_img,
.gallery_mainBox .gallery_list.item3 .gallery_item,
.gallery_mainBox .gallery_list.item5,
.gallery_mainBox .gallery_list.item5 .gallery_img,
.gallery_mainBox .gallery_list.item5 .gallery_item{
    height: 100%;
    
}
.gallery_mainBox .gallery_list{
  overflow: hidden;
  border-radius: 25px;
  transition-duration: 0.9s;
}
.gallery_mainBox .gallery_list .gallery_img img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    border-radius: 25px;
    overflow: hidden;
    transition-duration: 0.9s;
    aspect-ratio: 1/1;
}

.gallery_list.item2 .gallery_item,
.gallery_list.item4 .gallery_item {
    margin: 10px 0;
}
.gallery_item {
    position: relative;
    overflow: hidden;
    border-radius: 25px;
}
.gallery_heading {
    position: absolute;
    bottom: 0;
    text-align: center;
    left: 0;
    right: 0;
    margin: 0 auto;
    color: #FFF;
    font-family: 'Outfit-SemiBold';
    font-size: 18px;
    overflow: hidden;
    padding: 20px 0;
    border-radius: 0 0 25px 25px;
    background-image: linear-gradient(0deg, black, transparent);
}
.view_all_btn {
    gap: 10px;
    display: flex;
    justify-content: end;
    margin: 20px 0 0px auto;
    color: #000;
    font-family: 'Outfit-Regular';
}
.gallery_item:hover .gallery_img img{
    transform: scale(1.1);
}
.gallery_img::after {
    content: "";
    position: absolute;
    width: 200%;
    height: 0%;
    left: 50%;
    top: 50%;
    background-color: rgba(255, 255, 255, .3);
    transform: translate(-50%, -50%) rotate(-45deg);
    z-index: 1;
}
.gallery_item:hover .gallery_img::after {
    height: 250%;
    transition: all 600ms linear;
    background-color: transparent;
}
/* GALLERY SECTION END */
/* INNER PAGE BANNER START */
.header_bg_img {
  position: absolute;
  top: 0;
  opacity: 0.3;
  height: 250px;
  width: 100%;
}
.header::after {
    position: absolute;
    top: 0;
    content: "";
    width: 100%;
    height: 100px;
    background: linear-gradient(180deg, rgb(0 0 0 / 46%) 0%, rgb(0 0 0 / 0%) 100%);
}
.header_bg_img img{
  height: 100%;
  width: 100%;
}
.innerBanner-section {
    height: 400px;
    background-color: #8E0729;
    display: grid;
}
.innerBanner_wrapper {
    display: grid;
}
.innerBanner_text {
    align-self: end;
    position: relative;
}
.page_heading.text-white {
    font-weight: 100;
    font-family: 'HeadlandOne-Regular';
    font-size: 56px;
    text-shadow: 2px 3px 8px black;
    margin: 0 0 40px 0;
}
li.breadcrumb-item a {
    line-height: 1;
    color: #FFF;
    background-color: #A10B31;
    padding: 8px 15px;
    border-radius: 6px;
    font-size: 14px;
    display: block;
    margin: 0 5px 0 0;
    transition-duration: 0.7s;
}
li.breadcrumb-item a:hover {
  transform: translateY(-5px);
}
li.breadcrumb-item.active  {
    line-height: normal;
    color: #EE9B12;
    font-size: 14px;
    padding: 5px 30px;
}
/* INNER PAGE BANNER END */
/* ABOUT PAGE START */
.about_intro_section{
  padding: 80px 0 160px;
}
.about_wrapper p {
    line-height: normal;
    font-size: 16px;
}
.about_wrapper {
  max-width: 95%;
  margin: auto 0 auto auto;
}
.about_sub_intro_wrapper {
    margin: 60px 0 0 0;
}
.about_yellowBox {
    background-color: #FFFAF1;
    padding: 40px;
    border-radius: 30px;
}
.subheading {
    width: fit-content;
    background-color: #F6F6F6;
    padding: 10px 20px;
    border-radius: 10px;
    line-height: normal;
    font-family: 'Outfit-Medium';
    font-size: 18px;
    margin: 0 0 0.5em;
    text-transform: capitalize;
}
.about_yellowBox .subheading {
    background-color: #FBF0DC;
}
.about_dyp_group {
    margin: 0 0 25px 0;
}
.about_yellowBox p {
  margin: 0;
}
.about_imgBox {
    border-radius: 20px;
}
.img_wrapper {
  position: relative;
  overflow: hidden;
  transition-duration: 0.7s;
}

.img_wrapper img {
  display: block;
  width: 100%;
  transition: transform 0.7s;
}

.img_wrapper:hover img {
  transform: scale(1.1);
}

/* Apply ::after to the wrapper, not the image */
.img_wrapper::after {
  content: "";
  position: absolute;
  width: 200%;
  height: 0%;
  left: 50%;
  top: 50%;
  background-color: rgba(255, 255, 255, 0.3);
  transform: translate(-50%, -50%) rotate(-45deg);
  z-index: 1;
  pointer-events: none;
  transition: all 600ms linear;
}

.img_wrapper:hover::after {
  height: 250%;
  background-color: transparent;
}

.leadership_achiv_list {
    background-color: #FFFCF8;
    padding: 20px 30px;
    border-radius: 20px;
    min-height: 300px;
    line-height: normal;
}

.leadership_achiv_list li {
    position: relative;
    margin: 0 0 20px 0;
}

.leadership_achiv_list li::before {
    content: "-";
    position: absolute;
    left: -12px;
}
.about_social_media ul {
    flex-wrap: wrap;
    display: flex;
    gap: 10px;
}

/* ABOUT PAGE END */
/* ==========MISSION AND VISION PAGE START========== */
.mission_vission_box {
  display: grid;
  grid-template-columns: 0.6fr 1fr;
  gap: 40px;
}
.mission_vision_section {
  padding: 60px 0 0 0;
}

.mission_vission_imgbox {
    width: 100%;
    height: 350px;
    background-color: #f8f8f8;
    border-radius: 20px 20px 0 0;
    position: relative;
    overflow: hidden;
}

.mission_vission_imgbox img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: top;
  border-radius: 20px 20px 0 0;
  transition-duration: 0.5s;
  position: relative;
}

.mission_vission_listing {
    background-color: #c1f9e4;
    border-radius: 20px 20px 20px 20px;
    overflow: hidden;
}
.mission_vission_imgbox::after {
    content: "";
    position: absolute;
    width: 200%;
    height: 0%;
    left: 50%;
    top: 50%;
    background-color: rgba(255, 255, 255, 0.3);
    transform: translate(-50%, -50%) rotate(-45deg);
    z-index: 1;
}
.mission_vission_listing:hover .mission_vission_imgbox::after {
    height: 250%;
    background-color: transparent;
    transition: 600ms linear;
}
.mission_vission_listing:hover .mission_vission_imgbox img {
     transform: scale(1.1);
}

.mission_vission_contentbox {
    padding: 30px;
}

.mission_vission_listing:first-child {
  background-color: #f2a62c;
  color: #ffffff;
}

.mission_vission_listing:first-child .card_heading {
  color: #ffffff;
}

.mission_vision_listing ul li {
  position: relative;
  padding: 0 0 10px 25px;
}

.mission_vision_listing ul li:last-child {
  padding: 0 0 0 25px;
}

.mission_vision_listing ul li::after {
  content: "";
  position: absolute;
  background-image: url("../images/about/check-mark.svg");
  background-size: contain;
  width: 14px;
  height: 14px;
  background-repeat: no-repeat;
  left: 0;
  top: 5px;
}
.mission_vision_listing ul li.career_or::after{
  display: none;
}
.mission_vision_listing ul li a {
  color: #000;
  text-decoration: underline;
}
.mission_vision_listing ul li a:hover {
  color: #770f29;
}
.mission_vision_listing.column-2 {
  column-count: 2;
}
.objectives_mainbox {
    padding: 30px;
    border-radius: 20px;
    background-color: #f8f8f8;
}

.objectives_section {
  padding: 40px 0 60px 0;
}
/* ==========MISSION AND VISION PAGE ENDS========== */

/* ==========SPONSORING BODY PAGE START========== */
.sponsoring_body_section {
  padding: 60px 0;
}

.sponsoring_body_mainbox {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    gap: 20px;
}

.sponsoring_body_listing {
  border: 1px solid #f7e2c0;
  border-radius: 12px;
  text-align: center;
  padding: 20px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background-color: #fffdf9;
  transition-duration: 0.3s;
}

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

.sopnsoring_body_name {
  font-family: 'Outfit-Light';
  font-size: 18px;
  line-height: normal;
  font-weight: 700;
}

.sopnsoring_body_designtion {
  color: #707070;
  font-family: 'Outfit-Light';
}

.sponsoring_body_image {
  align-self: end;
  justify-self: end;
}

.sponsoring_body_image img {
  max-width: 100px;
}

.annual_report_section {
  padding: 60px 0;
}

.sponsoring_body_president_mainbox {
  display: flex;
  gap: 30px;
  justify-content: center;
  margin: 0 0 30px 0;
}

.sponsoring_body_president_mainbox .sponsoring_body_listing {
  border: 1px solid #099AE3;
  background-color: #f4fbff;
}

.sponsoring_body_subheading {
  font-size: 20px;
  font-family: 'HeadlandOne-Regular';
  color: #000;
  line-height: 1.2;
  margin: 0 0 40px 0;
  font-weight: 100;
}

.sponsoring_body_section .heading {
  margin: 0 0 15px 0;
}

/* ==========SPONSORING BODY PAGE ENDS========== */
/* ==========TABLE START========== */
tbody,
td,
tfoot,
th,
thead,
tr {
  border: 0;
}

.table a {
  color: #000;
}
.table a:hover {
  color: #E15517;
}
.table>thead {
  vertical-align: middle;
  /* color: #707070; */
  background-color: #fff3e0;
}

.table thead tr th:first-child {
  border-radius: 12px 0 0 12px;
}

.table thead tr th:last-child {
  border-radius: 0 12px 12px 0;
}

.table>:not(caption)>*>* {
  padding: 12px 15px;
}
.table td {
  line-height: normal;
}
.table td[colspan][rowspan]{
    vertical-align: middle;
}

tbody tr:not(:last-child) {
  border-bottom: 1px solid #f1f1f1;
}

tbody tr:first-child td {
  padding: 25px 15px 10px 15px;
}

/* ==========TABLE ENDS========== */
/* ==========CAREER PAGE START========== */
.carrer_btnbox a {
  display: grid;
  grid-template-columns: 16px 1fr;
  gap: 8px;
  background-color: #FFC44F;
  width: fit-content;
  font-family: 'Outfit-Regular';
  padding: 8px 16px;
  border-radius: 40px;
  align-items: center;
  line-height: normal;
  color: #000000;
  font-size: 16px;
}

.career_wrapper p span {
  font-size: 14px;
}

.career_second_box {
  margin: 40px 0 0 0;
}

.career_wrapper {
  padding: 0 40px;
}

.we_are_hiring_section,
.career_table_section,
.career_eligibilty_section {
  padding: 60px 0 0 0;
}

.career_exp_section {
  padding: 60px 0;
}

.career_first_box,
.career_second_box {
  padding: 30px;
  background-color: #f8f8f8;
  border-radius: 20px;
}

.career_eligibility_heading {
  font-family: 'Outfit-Medium';
  font-size: 18px;
  margin: 0 0 20px 0;
}

.career_eligibilty_box {
  padding: 40px;
  background-color: #f8f8f8;
  border-radius: 20px;
}

.career_exp_mainbox {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 30px;
}

.career_exp_listing {
  border-radius: 30px;
}

.career_exp_listing:nth-child(4n),
.career_exp_listing:nth-child(4n+1) {
  background-color: #FFFAF1;
  padding: 30px;
}

.career_exp_listing:nth-child(4n) .subheading,
.career_exp_listing:nth-child(4n+1) .subheading {
  background-color: #FBF0DC;
}

.career_or {
  font-weight: 700;
}

.career_small_box a {
  color: #000000;
}

.career_small_box p {
  margin: 20px 0 0 0;
}

.career_list {
background-color: #fff;
  padding: 30px 30px 20px 30px;
  border-radius: 20px;
  position: relative;
  line-height: normal;
  margin: 0 0 50px 0;
  box-shadow: 0 0 8px #ebebeb;
}

/* .career_list:nth-child(even) {
  background-color: #f0faff;
} */

/* .career_list:nth-child(even) .career_head {
  background-color: #def0f7;
} */

.career_list .mission_vision_listing ul li {
  padding: 0 0 3px 25px;
}

.career_head {
background-color: #fff;
  width: fit-content;
  margin: -50px 0 20px 0;
  padding: 9px 20px;
  border-radius: 100px;
  /* position: absolute; */
  top: 0;
  font-family: Outfit-Medium;
  border: 1px solid #8e0729;
  color: #8e0729;
}

/* ==========CAREER PAGE ENDS========== */
#pdfViewer {
    margin: 0 auto;
    text-align: center;
}
/* --======== SCHOOL PAGE START ======== */
.about_school_textWrapper {
    background-color: #FFF;
    padding: 2.5rem;
    border-radius: 20px;
    box-shadow: 0px 10px 60px 0px rgb(0, 0, 0, .08);
    margin: -10% auto 50px auto;
    z-index: 1;
    position: relative;
    max-width: 90%;
}
.school_vision_mission {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
    margin: 0 0 50px 0;
}

.school_vision_mission .school_aboutusBox {
    height: 100%;
    background-color: #FFF;
    background-color: #FFF;
    padding: 2.5rem;
    border-radius: 20px;
    box-shadow: 0px 10px 60px 0px rgb(0, 0, 0, .08);
    position: relative;
    height: 100%;
    overflow:hidden;
}
.school_visionBox p {
    position: relative;
    z-index: 1;
}
.school_vision_mission_icon img {
    opacity: 0.8;
}
.school_visionBox::after {
    position: absolute;
    width: 400px;
    height: 120px;
    background-image: url('../assets/images/school/vision-background.webp');
    right: 30px;
    background-size: cover;
    background-repeat: no-repeat;
    bottom: 0%;
    opacity: 0.4;
    transform: translateY(-20%);
}

.school_visionBox.school_missionBox::after {
    background-image: url('../assets/images/school/mission-background.webp');
    background-position: center right;
    background-size: 34%;
    opacity: 0.4;
}

.about_school_mainBox {
    position: relative;
}

.wave_imgBox {
    position: absolute;
    top: 17%;
    transform: rotate(40deg);
    width: 198px;
    left: -103px;
    opacity: 0.2;
    z-index: -1;
    /* animation: scale-up-center 3s ease-in-out infinite alternate both; */
}
.school_vision_mission_icon {
    position: absolute;
    height: 90px;
    width: 90px;
    padding: 15px 15px 20px 20px;
    background-color: #feedc66b;
    top: 0;
    right: 0;
    border-radius: 0 0 0 56px;
}
.read-more-btn.school {
    background-color: transparent;
    border: 0;
    color: #770f29;
    margin: 0 auto;
    padding: 0;
    position: relative;
    display: flex;
    width: 100%;
    justify-content: center;
}

.read-more-btn.school:hover {
    transform: translateX(0px);
}

.read-more-btn.school::after {
    position: absolute;
    content: "";
    background: linear-gradient(90deg, rgba(255, 255, 255, 0.8) 0%, rgba(222, 222, 222, 1) 100%);
    width: 38%;
    height: 1px;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto;

}

.read-more-btn.school::before {
    position: absolute;
    content: "";
    background: linear-gradient(90deg, rgba(255, 255, 255, 0.8) 0%, rgba(222, 222, 222, 1) 100%);
    width: 38%;
    height: 1px;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    transform: rotate(180deg);
}
/* ========== SCHOOL PAGE END =========== */
/* ==========FACULTY PAGE START========== */

.faculty_listing_mainbox {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(325px, 1fr));
  gap: 40px;
}


.falucty_listing_section {
  padding: 60px 0;
}

.faculty_listing_listing {
display: grid;
  padding: 15px;
  border-radius: 20px;
  background-color: #fff;
  position: relative;
  transition-duration: 0.5s;
  border: 1px solid #ccc;
}

.faculty_listing_btnbox .button_wraper {
  background-color: #FFC44F;
  border-radius: 40px;
}

.faculty_listing_btnbox {
  position: absolute;
  width: 100%;
  height: fit-content;
  left: 0px;
  bottom: -30px;
  opacity: 0;
  visibility: hidden;
}

.faculty_listing_listing:hover .faculty_listing_btnbox {
  bottom: -15px;
  transition-duration: 0.5s;
  opacity: 1;
  visibility: visible;
}
.faculty_listing_email {
    margin: 10px 0 0 0;
    padding: 10px 0 0 0;
    display: flex;
    align-items: center;
    gap: 5px;
    border-top: 1px dashed #ddd;
}
.faculty_listing_email a{
  color: #770f29;
}
.faculty_listing_listing>* {
  grid-area: 1/1;
}

.faculty_listing_img {
  width: 100px;
  height: 100px;
}

.faculty_listing_img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: top;
  border-radius: 50%;
  margin: -30px 0 0 -30px;
  border: 1px solid #E8F4FA;
  background-color: #E8F4FA;
}

.faculty_listing_namebox {
  display: grid;
  grid-template-columns: 90px 1fr;
}

/* .faculty_listing_listing:nth-child(odd) {
  background-color: #FFFAF1;
} */

.faculty_listing_listing:nth-child(odd):hover {
  border: 1px solid #FCEDE6;
}

.faculty_listing_listing:hover {
  border: 1px solid #E8F4FA;
}

/* .faculty_listing_listing:nth-child(odd) .faculty_intrest_area {
  background-color: #FCEDE6;
} */
.faculty_details_page_photo {
  background-color: #fff2ed;
  padding: 20px;
  border-radius: 1rem;
  margin: 0 0 30px 0;
  height: 350px;
}
.faculty_details_page_photo img{
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: top;
}
.faculty-member {
    position: sticky;
    top: 75px;
}
/* .faculty_details_page_photo img{
  margin: 0 auto 30px;
} */
.faculty_social_media ul {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
}
.faculty_contact_details {
    display: flex;
    justify-content: center;
    gap: 5px;
    align-items: center;
    font-size: 16px;
}
.faculty_contact_details a {
  color: #000;
  font-size: 18px;
}
.faculty_contact_details a:hover{
  color: #770f29;
}

.faculty_member_details .faculty_details_pointer_heading{
  margin: 0;
  font-size: 20px;
}
.faculty_details_icon {
    background-color: #f8f8f8;
    height: 60px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 60px;
    border-radius: 50%;
    margin: 0 0 8px 0;
}
.faculty_member_details .faculty_details_pointer_listing{
    /* border-bottom: 1px solid #A20733; */
    /* padding: 15px; */
    /* border-radius: 20px; */
    /* background-color: #f8f8f8; */
    display: grid;
    grid-template-columns: 60px 1fr;
    gap: 20px;
    align-items: start;
}
.faculty_member_data_listing p {
  margin: 0;
}
.faculty_details_pointer_listing .research-text ul {
  list-style-type: disc;
  padding-left: 20px;
  margin: 0 0 1em;
}
.faculty_details_pointer_listing .program_btns li::before {
    top: 8px;
    margin: 0;
    height: 8px;
    width: 8px;
}
.faculty_details_icon img {
  max-width: 35px;
}
.faculty_listing_listing:nth-child(odd) .faculty_listing_img img {
  border: 1px solid #FCEDE6;
}

.faculty_listing_name {
  font-family: 'Outfit-SemiBold';
}

.faculty_listing_designation {
  font-size: 14px;
}

.faculty_listing_education {
  font-size: 14px;
}


.faculty_listing_education span {
  font-weight: 600;
  font-size: 15px;
}

.faculty_intrest_area {
  padding: 10px;
  border-radius: 20px;
  background-color: #E8F4FA;
  text-align: center;
  margin: 20px 0 0 0;
}

.faculty_listing_contentbox {
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: space-between;
}

.faculty_intrest_area_heading {
  font-family: 'Outfit-SemiBold';
  text-transform: uppercase;
  font-size: 15px;
}

.faculty_intrest_area_data {
  font-size: 14px;
  display: -webkit-box;
  -webkit-line-clamp: 2;   /* show only 2 lines */
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis; /* adds "..." if text is cut */
  line-height: 1.5em;      /* adjust line spacing */
  max-height: 3em;         /* 2 lines * line-height */
}
.faculty_listing_mainbox.school-faculty {
  display: block;
  width: max-content;
}
.faculty_listing_mainbox.school-faculty.internation-faculty {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(275px, 1fr));
    gap: 40px;
    width: auto;
}
.research-text.clamp {
    display: -webkit-box;
    -webkit-line-clamp: 6;   /* show only 3 lines */
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.research-text.expanded {
    -webkit-line-clamp: unset; /* remove line clamp */
}
.faculty_member_data_listing .read-more-btn.school::before,
.faculty_member_data_listing .read-more-btn.school::after {
    width: 42%;
    background: linear-gradient(90deg, rgba(255, 255, 255, 0.8) 0%, rgb(110 5 32) 100%);
}
.faculty_member_data_listing li a{
  color: #000;
}
.faculty_member_data_listing li a:hover{
  color: #770f29;
}
.research-text a {
    word-break: break-all;
    display: inline-block; /* optional: helps break inside long links */
}

.school-faculty .faculty_listing_listing{
  transition-duration: 0.5s;
  width: 300px;
}
.school-faculty .faculty_listing_listing:hover {
    box-shadow: 0 22px 33px 0 rgba(63, 104, 94, 0.24);
}
.school-faculty .faculty_listing_listing:hover .faculty_listing_name {
    color: #ee9b12;
}
.school-faculty .faculty_listing_rightbox{
  margin: 15px 0 5px 0;
}
.school-faculty .faculty_listing_designation {
    font-size: 16px;
    line-height: normal;
}
.school-faculty .faculty_listing_name {
    font-size: 20px;
    transition-duration: 0.3s;
}
.school-faculty .faculty_listing_contentbox {
    display: flex;
    flex-direction: row;
    justify-content: center;
}
.school-faculty .faculty_listing_mainbox.school-faculty {
    display: block;
    width: max-content;
}
.school-faculty .faculty_listing_img {
    width: 100%;
    height: 100%;
    margin: 0 0 15px 0;
}
.school-faculty .faculty_listing_namebox {
    grid-template-columns: none;
}
.school-faculty .faculty_listing_img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    border-radius: 8%;
    margin: 0;
}
.mainFaculty_email {
  display: flex;
  align-items: flex-end;
  gap: 5px;
}
.mainFaculty_email a{
  font-size: 20px;
  color: #770f29;
  line-height: normal;
}
.mainFaculty_img img{
  width: 100%;
  height: 100%;
}


/* -------------------------
   Modern Pagination Styles
   ------------------------- */

/* Container (covers ul.pagination, nav > ul, or wrapper variants) */
.pagination,
nav[aria-label] ul.pagination,
.pagination-wrapper,
.pagination-container {
  display: flex;
  gap: 8px;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  list-style: none;
  margin: 40px 0 0;
  padding: 0;
}

.pagination li,
.page-item {
  list-style: none;
}

.pagination a,
.pagination span,
.page-item .page-link,
.pagination .page-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 8px 14px;
  min-width: 44px;
  height: 44px;
  border-radius: 100%;  
  background: #ffffff;
  border: 1px solid rgba(15, 23, 42, 0.06);
  color: #000000;
  font-weight: 500;
  box-shadow: 0 2px 6px rgba(2, 6, 23, 0.04);
  transition-duration: 0.5s;
  cursor: pointer;
}

/* Hover */
.pagination a:hover,
.page-link:hover {
  background: #0191DA;
  color: #fff;
  transform: translateY(-3px);
}

/* Active/current page (covers multiple markup patterns) */
.pagination li.active span,
.pagination li.active a,
.page-item.active .page-link,
.pagination .active a,
.pagination [aria-current="page"] {
  background: #0191DA;
  color: #ffffff;
  border-color: #0191DA;
  transform: none;
  font-weight: 600;
}

/* Disabled buttons */
.pagination li.disabled span,
.page-item.disabled .page-link,
.pagination .disabled,
.pagination .page-item.disabled a {
  opacity: 0.5;
  pointer-events: none;
  transform: none;
  box-shadow: none;
}

/* Focus accessibility */
.pagination a:focus,
.page-link:focus,
.pagination span:focus {
  outline: 3px solid rgba(3, 105, 161, 0.12);
  outline-offset: 2px;
  box-shadow: 0 8px 20px rgba(3, 105, 161, 0.12);
}

/* Small-screen adjustments */
@media (max-width: 480px) {
  .pagination a,
  .pagination span,
  .page-link {
    padding: 6px 8px;
    min-width: 36px;
    height: 36px;
    font-size: 13px;
  }
}

/* Ensure SVG arrows inherit color */
.pagination svg,
.page-link svg {
  width: 14px;
  height: 14px;
  vertical-align: middle;
  fill: currentColor;
  stroke: currentColor;
}

/* Optional: subtle separator for long paginations */
.pagination .separator {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0 6px;
  color: #9ca3af;
  min-width: auto;
  height: auto;
  background: transparent;
  border: none;
  box-shadow: none;
}

/* ==========FACULTY PAGE ENDS========== */
/* ==========FACULTY DETAILS PAGE START========== */

.faculty_details_btnbox a {
  display: grid;
  grid-template-columns: 1fr 12px;
  gap: 10px;
  align-items: center;
  line-height: normal;
  padding: 8px 16px;
  font-family: 'Outfit-Medium';
  border: 1px solid #0899E2;
  color: #007ab9;
  border-radius: 25px;
  width: fit-content;
}

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

.faculty_detail_pointer_box {
    display: grid;
    gap: 20px;
}

.faculty_details_pointer_heading {
    font-family: 'Outfit-SemiBold';
    font-size: 18px;
    margin: 0 0 10px 0;
}
.yellow_box{
    background-color: #FFFCF8;
    padding: 20px 30px;
    border-radius: 20px;
    line-height: normal;
}
.blue_box{
    background-color: #f4fbff;
    padding: 20px 30px;
    border-radius: 20px;
    line-height: normal;
}
.faculty_education_list li{
  display: flex;
  gap: 10px;
  align-items: center;
  font-family: 'Outfit-Medium';
  font-size: 18px;
  margin: 0 0 10px 0;
}
.faculty_education_list li img {
  max-width: 30px;
}
.faculty_education_list li a{
  color: #000;
}
.faculty_education_list li a:hover{
  color: #E35C26;
}
/* ==========FACULTY DETAILS PAGE ENDS========== */

/* ==========GALLERY PAGE START =========== */

.gallery_main_box img {
    max-width: 100%;
    height: 100%;
    padding: 0;
    margin: 0;
    object-fit: cover;
    object-position: top;
    overflow: hidden;
    transition-duration: 0.5s;
}
.gallery_date {
    display: flex;
    gap: 10px;
    margin: 0 0 5px 0;
    color: #8E0729;
}
.gallery_main_box  ul li {
  float: left;
  margin: 0 0.8771929825%;
  overflow: hidden;
}
.gallery_main_box_inner{
  padding: 0px 0 0px;
  position: relative;
  overflow: hidden;
}
.gallery_main_box ul {
    padding-top: 0px;
    position: relative;
    display: flex;
    flex-wrap: wrap;
}
.gallery_main_box ul li {
  margin-bottom: 20px;
  width:23%;
  position: relative;
}
.gallery_main_box ul li a {
  display: block;
  position: relative;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  line-height: 0;
  border-radius: 1em;
  overflow: hidden;
}
.gallery_main_box  ul li a:before {
  position: absolute;
  width: 32px;
  height: 32px;
  top: 40%;
  left: 50%;
  margin: -14px 0 0 -16px;
  background: url("../images/gallery/image-plus.webp");
  background-repeat: no-repeat;
  content: "";
  opacity: 0;
  z-index: 1;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  transition: all 0.3s linear;
  background-position: center;
  background-size: contain;
}
.gallery_main_box  ul li a:hover:before {
  top: 50%;
  opacity: 1;
}
.gallery_main_box  ul li a:after {
  position: absolute;
  width: 100%;
  top: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.5);
  content: "";
  opacity: 0;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  transition: all 0.3s linear;
}
.gallery_main_box  ul li a:hover:after {
  opacity: 1;
}
.gallery_main_box .port {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  padding:60px 40px;
  background: #FFFFFF;
  background-color: #FAFAFA;
  z-index: 999;
  visibility: hidden;
  -webkit-transform: translateY(-100%);
  transform: translateY(-100%);
  border-bottom: 1px solid #D0D0D0;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}
.gallery_main_box .port img {
  width:100%;
}
/* .gallery_main_box .port .description {
  float: left;
  width: 50%;
  max-height: 100%;
  padding: 0 40px 40px;
  overflow: auto;
} */
.gallery_main_box .port h1 {
  font-size: 35px;
  line-height: 2.3;
  padding: 0;
}
.gallery_main_box .port > * {
  opacity: 0;
  -webkit-transition: all 0.5s linear;
  -moz-transition: all 0.5s linear;
  transition: all 0.5s linear;
}
.gallery_main_box .port.item_open {
  visibility: visible;
  -webkit-transform: translateY(0%);
  transform: translateY(0%);
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}
.gallery_main_box .port > * {
  opacity: 1;
  -webkit-transition-delay: 0.5s;
  transition-delay: 0.5s;
}
.gallery_main_box .close {
  width: 21px;
  height: 21px;
  background: url('../images/gallery-close.svg')
    no-repeat;
  position: absolute;
  right: 30px;
  top: -121px;
  opacity: 1;
  z-index: 1004;
  -webkit-transition: all 0.1s ease-in-out;
  -moz-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
}
.gallery_main_box .item_open .close {
  opacity: 1;
  top: 15px;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.category_img .gallery_hover{
    width: 100%;
    background: linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, 0.74) 100%) !important;
    height: 35%;
    position: absolute;
    z-index: 9;
    bottom: 0;
    padding: 0 15px 10px 15px;
    display: flex;
    align-items: end;
    color:#fff;
}
.category_img .gallery_hover h5{
    font-size: 18px;
    font-family: 'Outfit-Bold';
    color: #fff;
    height: 18px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}
.category_name{
    width: auto;
    position: absolute;
    top: 13px;
    font-family:Outfit-Bold;
    font-size:22px;
}
.gallery_popup_img{
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 15px;
  flex-wrap: wrap;
}
.category_images{
  width:23.5%;
}
.gallery_detailpage ul{
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
  gap: 20px;
}
.gallery_detailpage ul a {
  /* height: 210px; */
  display: block;
  overflow: hidden;
  aspect-ratio: 1/1;
}
.gallery_detailpage ul a img {
  height: 100%;
  width: 100%;
  object-fit: cover;
  object-position: top;
}
/* ==========GALLERY PAGE END =========== */

/* ======= CAMPUS PAGE START ====== */
.campus_page_listing {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(215px, 1fr));
    gap: 20px;
    /* padding: 20px; */
}
.admission_page_listing{
  display: flex;
  /* justify-content: center; */
  gap: 20px;
}
.admission_page_listing a{
  display: block;
  width: 215px;
}

.campus_page_list {
    background: #fff;
    border-radius: 20px;
    box-shadow: 0 4px 12px rgba(0,0,0,0.1);
    padding: 30px 20px;
    text-align: center;
    transition: transform 0.5s ease, box-shadow 0.5s ease;
    cursor: pointer;
}

.campus_page_list:hover {
    transform: translateY(-6px);
    box-shadow: 0 6px 16px rgba(0,0,0,0.15);
}

.campus_page_list:hover:nth-child(1),
.campus_page_list:hover:nth-child(6) {
    background-color: #0191DA; 
}

.campus_page_list:hover:nth-child(2),
.campus_page_list:hover:nth-child(5) {
    background-color: #EF9B0F; 
}

.campus_page_list:hover:nth-child(3),
.campus_page_list:hover:nth-child(8) {
    background-color: #01A163; 
}

.campus_page_list:hover:nth-child(4),
.campus_page_list:hover:nth-child(7) {
    background-color: #E15517; 
}
.campus_page_list:hover .campus_page_icon{
  background-color: #ffffff3a !important;
}
.campus_page_list:nth-child(1) .campus_page_icon,
.campus_page_list:nth-child(6) .campus_page_icon {
    background-color: #0191DA; 
}

.campus_page_list:nth-child(2) .campus_page_icon,
.campus_page_list:nth-child(5) .campus_page_icon {
    background-color: #EF9B0F; 
}

.campus_page_list:nth-child(3) .campus_page_icon,
.campus_page_list:nth-child(8) .campus_page_icon {
    background-color: #01A163; 
}

.campus_page_list:nth-child(4) .campus_page_icon,
.campus_page_list:nth-child(7) .campus_page_icon {
    background-color: #E15517; 
}
.campus_page_list:hover .campus_page_icon img{
      animation: hithere 1s ease infinite;
}
.campus_page_list:hover .campus_page_text{
  color: #FFF;
}

.campus_page_icon {
    width: 90px;
    height: 90px;
    border-radius: 50%;
    background-color: #ffffff;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 22px;
    transition-duration: 0.5s;
}

.campus_page_icon img {
    object-fit: contain;
    max-width: 50px;
    margin: auto;
    transition-duration: 0.5s;
}

.campus_page_text {
    font-size: 20px;
    font-weight: 600;
    color: #000;
    margin-top: 20px;
    transition-duration: 0.5s;
}


/* ======= CAMPUS PAGE END ===== */

/* FOOTER START */
.footer{
  background-color: #770f29;
  position: relative;
  color: #FFF;
  display: grid;
  overflow: hidden;
}

.footer >* {
  grid-area: 1/1;
}
.footer_bg_img {
    position: relative;
    z-index: 5;
    /* opacity: 0.4; */
}
.footer_mainBox {
  position: relative;
  z-index: 6;
}

.footer_rightBox::after {
    background-color: #ffffff0e;
    position: absolute;
    content: "";
    top: 0;
    right: -100%;
    height: 100%;
    width: 100%;
    z-index: 1;
    overflow: hidden;
}
.footer_rightBox {
    padding: 70px 0 50px 50px;
    height: 100%;
    background-color: #ffffff0e;
    position: relative;
    z-index: 2;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.footer::after {
    content: '';
    background-image: url('../images/home/footer_bg.webp');
    background-position: top center;
    background-size: cover;
    background-repeat: no-repeat;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
}
.footer_logo a img {
  max-width: 80%;
}
.footer_address address {
    max-width: 80%;
}
.footer_social_media ul{
  display: flex;
  gap: 10px;
}
.footer_social_media ul li {
    width: fit-content;
    border-radius: 50%;
    transition-duration: 0.7s;
    overflow: hidden;
}
.footer_social_media ul li a{
  display: inline-block;
}
.footer_facebook svg .path_color,
.footer_twitter svg .path_color,
.footer_youtube svg .path_color,
.footer_instagram svg .path_color,
.footer_linkedin svg .path_color {
  transition-duration: 0.7s;
}
.footer_facebook:hover svg .path_color,
.footer_twitter:hover svg .path_color,
.footer_youtube:hover svg .path_color,
.footer_instagram:hover svg .path_color,
.footer_linkedin:hover svg .path_color {
  fill: #EE9B12;
}
.footer_contactBox {
    display: flex;
    gap: 10px;
    align-items: center;
    margin: 10px 0;
}
.footer_contact_text a {
  color: #fff;
  transition-duration: 0.5s;
}
.footer_meuns_list li a:hover,
.footer_contact_text a:hover,
.footer_social_media ul li a:hover  {
  color: #EE9B12;
}
.footer_social_media {
    padding: 20px 0 20px;
}
.footer_leftBox {
    display: grid;
    grid-template-columns: 1.2fr 1.5fr;
    gap: 50px;
    padding: 70px 0 50px;
}
.footer_menu_mainBox {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 50px;
}
.footer_menu_heading {
    border-bottom: 1px dashed #ffffff75;
    font-size: 20px;
    padding: 10px 0;
}
ul.footer_meuns_list {
    margin: 10px 0;
}
ul.footer_meuns_list li {
  position: relative;
  padding: 0 0 0 15px;
}
ul.footer_meuns_list li::before {
    position: absolute;
    content: "";
    background-image: url('../images/home/listing_pointer.svg');
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto 0;
    height: 6px;
    width: 6px;
}
.footer_meuns_list li a {
    padding: 6px 0;
    display: block;
    line-height: normal;
}
.footer_copywrite_text p a {
  color: #EE9B12;
}
.apply_sidebar {
    position: fixed;
    height: 100%;
    right: 0;
    top: 220px;
    z-index: 100;
    display: flex;
    flex-direction: column;
    justify-content: center;
    transform: translate(235px, 0);
}
.sticky_buttons {
    color: #FFF;
    margin: 0 0 10px 0;
    padding: 10px;
    background-color: #cd0c0c;
    display: block;
    width: 280px;
    border-radius: 30px 0 0 30px;
    transition: 1s;
    transition-property: transform;
}
.sticky_buttons:hover {
  transform: translate(-180px, 0);
}
.sticky_buttons:nth-child(1) {
  background-color: #0191DA;
}
.sticky_buttons:nth-child(2) {
  background-color: #01A163;
}
.sticky_buttons:nth-child(3) {
  background-color: #ee9b12;
}
.sticky_buttons:nth-child(4) {
  background-color: #01A163;
}
.sticky_buttons:nth-child(5) {
  background-color: #dddcdc;
}
.sticky_buttons.social-media-btn .sticky_btns{
  display: flex;
  align-items: center;
  gap: 10px;
}

.right_sticky_btn{
float: right;
  position: fixed;
  top: 160px;
  right: 0;
  width: auto;
  margin: 0 -31px 0 0;
  z-index: 101;
}
.right_sticky_btn a{
float: right;
  width: auto;
  clear: both;
  background-color: #0191da;
  font-size: 12px;
  padding: 2px 9px 9px 9px;
  border-radius: 10px 10px 0px 0px;
  line-height: normal;
  transform: rotate(-90deg);
}
.right_sticky_btn2{
top: 240px;
  margin: 0 -31px 0 0;
}
.right_sticky_btn3{
top: 309px;
  margin: 0 -20px 0 0;
}
.right_sticky_btn4{
top: 384px;
  margin: 0 -38px 0 0;
}
.right_sticky_btn5{
top: 480px;
  margin: 0 -40px 0 0;
}
.right_sticky_btn a:hover{
  background-color: #e6520d !important;
  color: #fff;
}


/* .apply_sidebar {
    position: fixed;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    z-index: 1;
    display: flex;
    flex-direction: column;
    gap: 5px;
}
.apply_sidebar_btn, .apply_sidebar_whatsapp {
    transform: translateX(82%);
    transition-duration: 0.7s;
    z-index: 9;
}
.apply_sidebar_btn .sticky_btns {
    text-decoration: none;
    color: #ffffff;
    font-size: 16px;
    text-transform: uppercase;
    line-height: normal;
    padding: 10px;
    background-color: #0191DA;
    border-radius: 50px 0 0 50px;
    display: flex;
    align-items: center;
    gap: 10px;
}
.apply_sidebar_btn.erp-login-btn .sticky_btns {
  background-color: #01A163;
}
.apply_sidebar_btn svg, .apply_sidebar_whatsapp svg,
.apply_sidebar_btn img, .apply_sidebar_whatsapp img {
    transition-duration: 0.7s;
}
.apply_sidebar_whatsapp .sticky_btns {
    text-decoration: none;
    color: #ffffff;
    font-size: 16px;
    text-transform: uppercase;
    line-height: normal;
    padding: 10px;
    background-color: #ee9b12;
    border-radius: 50px 0 0 50px;
    display: flex;
    align-items: center;
    gap: 10px;
}
.apply_sidebar_btn:hover, .apply_sidebar_whatsapp:hover {
    transform: translateX(0px);
}
.apply_sidebar_btn.social-media-btn .sticky_btns {
    background-color: #770f29;
} */
.float{
	position:fixed;
	width:50px;
	height:50px;
	bottom:20px;
	left:20px;
  z-index:100;
}
.sticky_btns a {
    display: flex;
    gap: 5px;
    align-items: center;
}
/* Go to top animation start */
.scrollToTop {
    background-color: #913E53;
    border: 0;
    border-radius: 50%;
    color: #ffffff;
    cursor: pointer;
    width: 45px;
    height: 45px;
    position: fixed;
    bottom: 10px;
    right: 10px;
    z-index: 500;
    opacity: 0;
    visibility: hidden;
    transform: translateY(5px);
    transition: all 0.15s ease;
}

.scrollToTop:after {
    content: "";
    display: flex;
    background-repeat: no-repeat;
    padding: 8px;
    background-image: url('../images/home/top-arrow.svg');
    background-size: contain;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    background-position: center;
}

.scrollToTop.showBtn {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

.scrollToTop #progress-bar {
    --scrollAmount: 0px;
}

.scrollToTop #progress-bar svg {
    position: absolute;
    top: 0.5px;
    left: 1px;
    max-width: 50px;
    max-height: 50px;
    transform: rotate(90deg);
}

.scrollToTop #progress-bar svg path {
    stroke-width: 0.2em;
    stroke-dasharray: 154;
    stroke-dashoffset: calc(-154px + var(--scrollAmount));
    animation-fill-mode: forwards;
}

/* Go to top animation ends */
/* FOOTER END */

/* ==========LIBRARY PAGE START========== */
.library_section {
  padding: 60px 0 0 0;
}
.library_facility_mainbox {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(310px, 1fr));
    gap: 40px;
}
.library_facility_listing {
    display: grid;
    grid-template-columns: 60px 1fr;
    gap: 30px;
    border: 1px solid #F5F5F5;
    transition-duration: 0.5s;
}
.library_facility_contentbox {
    padding: 20px 20px 20px 0;
}
.library_facility_iconbox {
    width: 100%;
    height: 60px;
    background-color: #F7F7F7;
    display: flex;
    justify-content: center;
    align-items: center;
}
.library_facility_iconbox img {
  transition-duration: 0.7s;
}
.library_facility_listing:hover .library_facility_iconbox img {
  transform: rotateY(360deg);
}
.library_facility_listing:hover {
  border: 1px solid #F2A62C;
}
.library_facility_section {
  padding: 60px 0;
}
/* ==========LIBRARY PAGE ENDS========== */

/* BLOGS PAGE START */
.blogs_section {
    padding: 80px 0;
}
.blog_wrapper{
  display: grid;
  grid-template-columns: 1fr 30%;
  gap: 40px;
}
.blog_rightBox_wrap {
  position: sticky;
  top: 50px;
}
.blog_sidebar_search {
    position: relative;
}
.blog_sidebar_search_input {
    height: 54px;
    background-color: #f5f5f5;
    border: none;
    border-radius: 10px;
    padding: 5px 64px 5px 20px;
    width: 100%;
    outline: none;
}
.blog_category_submitbtn .submit_btn{
  background-color: #0899E2;
  background-image: url('../images/white_arrow.png');
  background-repeat: no-repeat;
  background-position: center right;
  background-size: 28px;
  font-size: 18px;
  color: #fff;
  font-family: Outfit-Medium;
  width: auto;
  border-radius: 100px;
  border: 0;
  box-shadow: none;
  padding: 9px 40px 9px 30px;
  line-height: normal;
  cursor: pointer;
  border: 1px solid #0899E2;
}
.blog_category_submitbtn .submit_btn:hover {
    background-color: #0899E2;
    color: #FFF;
    box-shadow: none;
    border: 1px solid #0899E2;
}
.form-select {
    box-shadow: 0 0 9px #00000017;
    padding: 10px;
    border-radius: 10px;
    width: 100%;
    border: 1px solid #D4D4D4;
}
.blog_search_btn {
    width: 54px;
    background-color: #8e0729;
    color: #fff;
    outline: none;
    border: none;
    position: absolute;
    right: 0;
    top: 0;
    height: 54px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 7px;
}
.blog_sidebar_conetnt {
  background-color: #FFFAF1;
  padding: 20px;
  border-radius: 10px;
  margin: 30px 0;
}
.blog_sidebar_heading {
    width: 100%;
    background-color: #FBF0DC;
    padding: 10px 20px;
    border-radius: 10px;
    line-height: normal;
    font-family: 'Outfit-Medium';
    font-size: 18px;
    margin: 0 0 0.5em;
}
.recent_post_listing ul li a {
    color: #000;
    display: block;
    padding: 10px 0;
    border-bottom: 1px solid #e3c692;
}
.recent_post_listing ul li:last-child a{
  border-bottom: none;
}
.recent_blog_date {
    font-size: 12px;
    margin: 0 0 5px 0;
    color: #8e0729;
    font-family: 'HeadlandOne-Regular';
}
.recent_blog_content {
    line-height: normal;
}
.recent_comments_content {
    display: grid;
    grid-template-columns: 20px 1fr;
    gap: 8px;
}
.recent_comment_text {
    line-height: normal;
}
.recent_comment_img {
    padding: 3px 0 0 0;
}
.blogs_recent_postsBox {
    background-color: #f6f6f6;
}
.recent_post_heading {
    background-color: #E4E4E4;
}
.blog_mainBox.two_column {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 20px;
}
.blog_selectbox {
    width: 100%;
}
.blog_listing{
  background-color: #FFF;
  /* border: 1px solid #F4F4F4; */
  border-radius: 10px;
  margin: 0 0 20px 0;
  overflow: hidden;
  transition-duration: 0.7s;
  background-image: linear-gradient(22.5deg, rgba(242, 242, 242, 0.03) 0%, rgba(242, 242, 242, 0.03) 16%, rgba(81, 81, 81, 0.03) 16%, rgba(81, 81, 81, 0.03) 26%, rgba(99, 99, 99, 0.03) 26%, rgba(99, 99, 99, 0.03) 73%, rgba(43, 43, 43, 0.03) 73%, rgba(43, 43, 43, 0.03) 84%, rgba(213, 213, 213, 0.03) 84%, rgba(213, 213, 213, 0.03) 85%, rgba(125, 125, 125, 0.03) 85%, rgba(125, 125, 125, 0.03) 100%), linear-gradient(22.5deg, rgba(25, 25, 25, 0.03) 0%, rgba(25, 25, 25, 0.03) 54%, rgba(144, 144, 144, 0.03) 54%, rgba(144, 144, 144, 0.03) 60%, rgba(204, 204, 204, 0.03) 60%, rgba(204, 204, 204, 0.03) 76%, rgba(37, 37, 37, 0.03) 76%, rgba(37, 37, 37, 0.03) 78%, rgba(115, 115, 115, 0.03) 78%, rgba(115, 115, 115, 0.03) 91%, rgba(63, 63, 63, 0.03) 91%, rgba(63, 63, 63, 0.03) 100%), linear-gradient(157.5deg, rgba(71, 71, 71, 0.03) 0%, rgba(71, 71, 71, 0.03) 6%, rgba(75, 75, 75, 0.03) 6%, rgba(75, 75, 75, 0.03) 15%, rgba(131, 131, 131, 0.03) 15%, rgba(131, 131, 131, 0.03) 18%, rgba(110, 110, 110, 0.03) 18%, rgba(110, 110, 110, 0.03) 37%, rgba(215, 215, 215, 0.03) 37%, rgba(215, 215, 215, 0.03) 62%, rgba(5, 5, 5, 0.03) 62%, rgba(5, 5, 5, 0.03) 100%), linear-gradient(90deg, #ffffff, #ffffff);
}
.blog_listing:hover {
  transform: translateY(-10px);
}
.blog_images {
    position: relative;
    overflow: hidden;
    transition-duration: 0.7s;
}
.blog_listing .blog_images::before {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    background-color: #7b1730;
    opacity: 0;
    z-index: 1;
    transition: all .4s ease;
}

.blog_listing:hover .blog_images::before {
    opacity: .3;
}
.blog_content{
  padding: 20px;
  position: relative;
}
.main_blog_userDetails {
    display: flex;
    align-items: center;
    column-gap: 30px;
    row-gap: 10px;
    flex-wrap: wrap;
    background-color: #FFF;
    padding: 10px 20px 10px 10px;
    position: absolute;
    top: -44px;
    left: 0;
    border-radius: 0 20px 0 0;
    z-index: 1;
}
.main_blog_contentMainBox .main_blog_userDetails {
    top: -70px;
    padding: 10px 20px;
}
.main_blog_userDetails span,
.main_blog_userDetails span a {
  display: flex;
  align-items: center;
  gap: 8px;
  color: #000;
  font-size: 16px;
}
.main_blog_userDetails span a.author_name,
.main_blog_userDetails span a.comments {
  font-size: 18px;
}
.main_blog_userDetails span a.author_name:hover {
  color: #00A262;
}
.main_blog_userDetails span a.comments:hover {
  color: #e15515;
}
.main_blog_heading {
    font-size: 18px;
    display: block;
    margin: 0 0 15px 0;
    color: #000;
    font-family: 'Outfit-Regular';
    line-height: normal;
    transition-duration: 0.3s;
}
.blog_listing:hover .main_blog_heading {
  color: #7b1730;
}
.main_blog_text p {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    cursor: pointer;
    margin: 0;
    line-height: 1.2;
    transition-duration: 0.9s;
    color: #000;
}
.heading small{
  font-size: 20px;
  color: #00a8ff;
}

.categories_listing input[type="radio"] {
  appearance: none;
  width: 20px;
  height: 20px;
  border: 2px solid #ddd;
  border-radius: 50%;
  margin-right: 10px;
  position: relative;
  cursor: pointer;
  vertical-align: middle;
  transition: var(--transition);
}

.categories_listing input[type="radio"]:checked {
  border-color: #8e0729;
  background-color: #FFF;
}

.categories_listing input[type="radio"]:checked::after {
  content: "";
  position: absolute;
  width: 10px;
  height: 10px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border-radius: 50%;
  background-color: #8e0729;
}
.categories_listing .categories_radio_btn{
  margin: 0 0 10px 0;
}

/* BLOGS PAE END */

/* BLOG DETAILS PAGE START */
.post-thumbnail {
    width: 100%;
    height: 500px;
}
.blog_deatils_wrapper .post-thumbnail img{
  object-fit: cover;
}
.post-thumbnail img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: top;
}
.sport-post-thumbnail{
  width: 100%;
  height:100%;
}
.sport-post-thumbnail img{
  width: 100%;
  height:100%;
}
.eventPost-thumbnail img {
  object-fit: cover;
  border: 1px solid #e4e4e4;
  /* max-width: 70%; */
}
.rating-stars .rating-star {
    width: 10px;
    position: relative;
    display: inline-block;
}
.rating-star:before {
    top: 0;
    left: 0;
    margin: 0;
    color: rgba(0,0,0,.5);
    font-size: 20px;
}
.rating-stars .rating-star.rating-star-empty::before {
     content: "\2605";
}
.blog_deatils_wrapper .main_blog_userDetails span, .blog_deatils_wrapper .main_blog_userDetails span a {
    display: flex;
    align-items: center;
    gap: 8px;
    color: #000;
    font-size: 18px;
    font-family: 'Outfit-Light';
}
a.blog_deatils_category:hover {
    color: #0094dd !important;
}
.blog_subheading {
    font-size: 24px;
    font-family: 'Outfit-Regular';
    margin: 0 0 10px 0;
}
.blog_main_heading {
    font-family: 'HeadlandOne-Regular';
    font-size: 30px;
    line-height: normal;
    color: #8e0729;
    margin: 0 0 20px 0;
}
.blog_list.color_box {
    /* background-color: #FFFAF1; */
    /* padding: 20px; */
    /* border-radius: 10px; */
    margin: 0 0 30px 0;
}
.blog_list.color_box.gray_box{
    /* background-color: #f6f6f6; */
}
.blog_list.color_box .color_box_heading {
    width: max-content;
    /* background-color: #FBF0DC; */
    /* padding: 10px 20px; */
    /* border-radius: 10px; */
    line-height: normal;
    font-family: 'Outfit-Medium';
    font-size: 20px;
    margin: 0 0 0.5em;
    position: relative;
    padding: 0 0 0 20px;
}
.blog_list.color_box .color_box_heading.gray_box_heading {
    /* background-color: #E4E4E4; */
}
.blogs_recent_commentsBox {
  display: none;
}
.blog_list.color_box .color_box_heading::before {
    position: absolute;
    content: "";
    background-image: url(../images/home/listing_pointer.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto 0;
    height: 15px;
    width: 15px;
}
.color_box_content a{
  color: #8e0729;
  font-family: 'Outfit-Regular';
}
.author_deatils_box {
    display: grid;
    align-items: center;
    grid-template-columns: 120px 1fr;
    gap: 15px;
    background-color: #F3E6E9;
    color: #000;
    border-radius: 10px;
    padding: 20px;
    width: fit-content;
}
.author_commentBox {
  display: none;
}
.author_name {
    font-size: 25px;
}
.author_img {
    height: 120px;
    width: 120px;
    border-radius: 50%;
    border: 4px solid #7b1730;
    padding: 5px;
}
.author_img img {
  border-radius: 50%;
}
.related_blogs_details {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 10px;
}
.related_blogs_details .main_blog_heading {
    font-size: 15px;
    display: block;
    margin: 0px 0 0;
}
.related_blogs_details .main_blog_userDetails span{
    font-size: 16px;
}
.form-check-input[type=checkbox] {
    border-radius: .25em !important;
}
.author_formBox .input-group {
    margin: 0 0 25px 0;
}
.author_formBox input{
  height: 45px;
}
.author_formBox .form-control {
    box-shadow: 0 0 9px #00000017;
    padding: 10px;
    border-radius: 10px;
    width: 100%;
    border: 1px solid #D4D4D4;
}
.author_formBox .form-check-input {
    height: 20px;
    margin: 0 8px 0 0;
}
.form-check-input:checked {
    background-color: #770f29;
    border-color: #770f29;
}
.form-check-input:focus {
    border-color: #770f29;
    outline: 0;
    box-shadow: none;
}
.author_formBox .form-control::placeholder {
  color: #000;
  opacity: 1; /* For Firefox */
  font-family: 'Outfit-Regular';
  font-size: 16px;
}

.author_formBox .form-control::-webkit-input-placeholder { /* Chrome, Safari, Opera */
  color: #000;
  font-family: 'Outfit-Regular';
}

.author_formBox .form-control::-moz-placeholder { /* Firefox 19+ */
  color: #000;
  font-family: 'Outfit-Regular';
}
.author_formBox .form-control:-ms-input-placeholder { /* IE 10+ */
  color: #000;
  font-family: 'Outfit-Regular';
}

.author_formBox .form-control::-ms-input-placeholder { /* Microsoft Edge */
  color: #000;
}

.submit_btn {
    background-color: #0899E2;
    color: #FFF;
    border-radius: 25px;
    padding: 12px 30px;
    outline: none;
    line-height: normal;
    font-family: 'Outfit-Medium';
    font-size: 20px;
    transition-duration: 0.7s;
    border: 1px solid #0899E2;
    display: inline-block;
}
.abc_registerBtn {
    background-color: #0899E2;
    color: #FFF;
    border-radius: 25px;
    padding: 12px 30px;
    outline: none;
    line-height: normal;
    font-family: 'Outfit-Medium';
    font-size: 20px;
    transition-duration: 0.7s;
    border: 1px solid #0899E2;
    display: inline-block;
}
.abc_registerBtn:hover {
    background-color: #FFF;
    color: #0899E2;
    box-shadow: 0px 5px 5px 0px #00000024;
    border: 1px solid #0899E2;
}
path.arrow_path{
  transition-duration: 0.7s;
}
.submit_btn:hover {
    /* transform: translateY(-5px); */
    background-color: #FFF;
    color: #0899E2;
    box-shadow: 0px 5px 5px 0px #00000024;
    border: 1px solid #0899E2;
}
.submit_btn:hover path.arrow_path {
  fill: #0899E2;
}
/* BLOG DEATILS PAGE END */

/* Contact-us-start---------------------------------- */
.contact_formbox input{
box-shadow: 0 0 9px #00000017;
  padding: 10px;
  border-radius: 10px;
  width: 100%;
  border: 1px solid #D4D4D4;
  margin: 4px 0 0 0;
}
.contact_formbox textarea{
box-shadow: 0 0 9px #00000017;
  padding: 10px;
  border-radius: 10px;
  width: 100%;
  border: 1px solid #D4D4D4;
  margin: 4px 0 0 0;
}
.contact_formbox .submit_btn{
  background-color: #0899E2;
  background-image: url('../images/white_arrow.png');
  background-repeat: no-repeat;
  background-position: center right;
  background-size: 28px;
  font-size: 18px;
  color: #fff;
  font-family: Outfit-Medium;
  width: auto;
  border-radius: 100px;
  border: 0;
  box-shadow: none;
  padding: 9px 40px 9px 30px;
  line-height: normal;
  cursor: pointer;
}
.contact_formbox label span {
  color: #f00;
}
.contactrightbox{
background-color: #fff;
  box-shadow: 0 0 20px #cccccc91;
  padding: 20px;
  border-radius: 20px;
}
.contactrightbox_heading{
  font-family: Outfit-SemiBold;
  font-size: 16px;
}
.contact_color{
background-color: #FFF2DC;
  float: left;
  width: 100%;
  padding: 15px 20px;
  border-radius: 10px;
}
.contact_icon{
  float: left;
  width: auto;
  clear: both;
  margin: 3px 10px 0 0;
}
.contact_icon img{
  max-width: 22px;
}
.contact_icon_text{
float: left;
  width: 80%;
  line-height: normal;
  font-size: 16px;
}
.contact_icon_text a{
  color: #000;
}
/* Contact-us-END---------------------------------- */


/* INNER-PROGRAMS-MAINLIST-START */
.inner_program_mainBox{
  display: flex;
  flex-wrap: wrap;
}
.inner_programs_list{
  background-image: url('../images/academics/inner_programs_bg.png');
background-repeat: no-repeat;
  background-position: center right;
  background-size: contain;
  width: 220px;
  height: 220px;
  text-align: center;
  float: left;
  padding: 0;
  margin: 0 10px 20px 10px;
  position: relative;
}
.inner_programs_inner{
background-color: #fff;
  position: relative;
  float: right;
  width: 175px;
  min-height: 175px;
  display: flex;  
  border-radius: 100%;
  margin: 24px 8px 0 0;
  flex-direction: column;
  justify-content: center;
  transition-duration: 0.3s;
}
.inner_programs_inner:hover{
  background-color: #2e4a6e;
  color: #fff;
}
.inner_programs_inner:hover .inner_programs_img img{
  display: none;
}
.inner_programs_inner:hover .inner_programs_img .hover_img{
  display: block;
}
.inner_programs_img{
width: 100%;
  display: flex;
  justify-content: center;
  position: relative;
  margin: 0 0 8px 0;
}
.inner_programs_img img{
  max-height: 60px;
}
.inner_programs_img .hover_img{
  display: none;
}
.inner_programs_text {
    width: 80%;
    position: relative;
    font-family: Outfit-Medium;
    line-height: normal;
    color: #000;
    margin: 0 auto;
    /* min-height: 70px; */
}
.inner_programs_inner:hover .inner_programs_text{
  color: #FFF;
}
.inner_program_rightimg{
position: absolute;
  right: 0;
  top: 0;
  width: 28%;
}
.subheading2 {
  font-family: 'Outfit-Medium';
  font-size: 18px;
}

/* INNER-PROGRAMS-MAINLIST-END */

/* INNER-MENU-RIGHTBOX-START */

.inner_program_mainbox .tab-pane{
  display: none;
}
.inner_program_mainbox .active{
  display: block;
}

.inner_menu_rightbox{
  background-color: #ccc;
  position: sticky;
  top: 10px;
  background-image: linear-gradient(to left, #fcc976, #f3b858);
  padding: 30px;
  width: 95%;
  float: right;
  border-radius: 20px;
}
.inner_menu_head{
  font-family: Outfit-Bold;
  font-size: 25px;
  line-height: normal;
  display: none;
}
.open_inner_menus{
  display: none;
}
.inner_menu_rightbox ul{
  padding: 0;
  margin: 0;
}
.inner_menu_rightbox ul li{
padding: 0;
  margin: 0;
  border-bottom: 1px dashed #000;
  width: 100%;
  float: left;
}
.inner_menu_rightbox ul li .tab-menu-link{
  background-image: url('../images/black_arrow.png');
background-repeat: no-repeat;
  background-position: left center;
  background-size: 9px;
  font-family: Outfit-Medium;
  padding: 10px 0 10px 25px;
  margin: 0;
  color: #000;
  font-size: 16px;
  text-shadow: 1px 1px 0 #ffffff9c;
  line-height: normal;
  float: left;
  width: 100%;
  cursor: pointer;
  transition-duration: 0.6s;
}
.inner_menu_rightbox ul li .tab-menu-link:hover{
background-image: linear-gradient(to left, #f9812a00, #ffedd1);
  background-size: inherit;
  border-radius: 10px;
  margin: 0 0 0 -40px;
}
.inner_menu_rightbox ul li .active{
background-image: linear-gradient(to left, #f9812a00, #ffedd1);
  background-size: inherit;
  border-radius: 10px;
  margin: 0 0 0 -40px;
}
.inner_program_mainbox p a{
  color: #9C1C3C;
}
.inner_program_mainbox p a:hover{
  color: #0899E2;
}
/* INNER-MENU-RIGHTBOX-END */
/* INNER PAGE CONTENT BOX START */
.program_custom_listing ul li {
    position: relative;
    padding: 0 0 10px 20px;
    line-height: 1.3;
}
.program_custom_listing ul li a{
  color: #9C1C3C;
}
.program_custom_listing ul li a.button_wraper{
  color: #000;
}
.program_custom_listing ul li a:hover {
  color: #0899E2;
}
.program_custom_listing ul li::before {
    position: absolute;
    left: 0;
    top: 6px;
    content: "";
    height: 8px;
    width: 8px;
    border-radius: 50%;
    background-color: #9C1C3C;
}
.program_custom_listing.column-2{
  column-count: 2;
}

/* INNER PAGE CONTENT BOX END */
/* SCHOOL PAGES START */
.track_note {
  color: #e15515;
}
.school-social-links {
  display: block;
}
.school-social-links a {
  color: #000;
}
.school-social-links a:hover {
  color: #9C1C3C;
}

.track_cards{
  /* display: flex;
  gap: 30px; */
  height: 90%;
}
.track_cards .track_list {
    text-align: center;
    background-color: #ffedd1;
    color: #000;
    display: block;
    border-radius: 30px;
    padding: 20px 15px;
    transition-duration: 0.7s;
    border: 1px solid #ffedd1;
    /* width: 25%; */
    margin: 0 0 20px 0;
    height: 100%;
}
.track_img {
    background-color: #FFF;
    max-width: 90px;
    margin: 0 auto 20px auto;
    border-radius: 100%;
    padding: 20px;
    transition-duration: 0.7s;
}
.tarck_big_text {
    font-family: 'Outfit-Medium';
    line-height: normal;
}
.track_cards .track_list:hover {
    background-color: #c1f9e4;
    border: 1px solid #c1f9e4;
}
.track_cards .track_list:hover .track_img{
  background-color: #FFF;
  transform: rotateY(360deg);
}
.school_gallery_box{
background-color: #E7F3F8;
  padding: 10px;
  border-radius: 10px;
  color: #000;
}
.school_gallery_box a{
  color: #000;
}
.school_gallery_box img{
border-radius: 10px;
  max-height: 190px;
  margin: 0 auto;
}
.school_gallery_head{
background-color: #F1FBFF;
  text-align: center;
  padding: 10px;
  border-radius: 10px;
  font-family: Outfit-Medium;
  line-height: normal;
  transition-duration: 0.3s;
}
.school_gallery_box a:hover .school_gallery_head{
  background-color: #0092DF;
  color: #fff;
}
.submit_btn:hover .white_arrow_svg{
  stroke: #0899E2;
}
.download_box {
    border-radius: 20px;
    background-color: #F1FBFF;
    padding: 10px;
    width: fit-content;
    text-align: center;
    border: 1px solid #F1FBFF;
}
.download_box .download_img img{
  border-radius: 20px;
}
.download_btn a {
    color: #000;
    display: flex;
    gap: 10px;
    align-items: center;
    background-color: #FFF;
    width: fit-content;
    outline: none;
    line-height: normal;
    font-family: 'Outfit-Medium';
    font-size: 20px;
    transition-duration: 0.7s;
    border: 1px solid #0899E2;
    padding: 10px 20px;
    border-radius: 40px;
    margin: 0 auto;
}
.download_btn a:hover {
      /* transform: translateY(-5px); */
    background-color: #FFF;
    color: #0899E2;
    box-shadow: 0px 5px 5px 0px #00000024;
    border: 1px solid #0899E2;
}
.tentative_structure_mainbox {
    /* background-color: #F7F7F7; */
    margin: 0 0 20px 0;
    height: 90%;
    border-radius: 12px;
    overflow: hidden;
    border: 1px solid #ffedd1;
}
.tentative_structure_heading {
    background-color: #ffedd1;
    color: #000;
    padding: 10px 20px;
    font-family: 'Outfit-Medium';
    font-size: 20px;
}
.tentative_structure_listing{
  padding: 10px 20px 20px;
}
.semester_subheading {
  color: #e15515;
}
.hod_name{
  font-size: 30px;
  font-family: 'HeadlandOne-Regular';
  color: #000;
  line-height: 1.2;
  margin: 0 0 15px 0;
  font-weight: 100;
}
.hod_school{
  font-size: 18px;
  line-height: normal;
  font-family: 'HeadlandOne-Regular';
  color: #000;
  margin: 0 0 15px 0;
  font-weight: 100;
}
/* SCHOOL PAGES END */
/* ACCORDION-EXPAND-START */
.accordion .accordion-item{
  border: 0;
  margin: 0 0 10px 0;
  border-radius: 10px;
}
.accordion .accordion-button{
  border-radius: 10px !important;
  border: 0;
  background-color: #F7F7F7;
  box-shadow: none;
}
.accordion .accordion-item .collapsed{
  border-radius: 10px !important;
  border: 0;
  background-color: #F7F7F7;
  box-shadow: none;
}
.accordion .accordion-button {
background-color: #FFF2DE;
  color: #000;
  font-family: Outfit-Medium;
}
.accordion .accordion-body {
border-radius: 10px;
  box-shadow: 0px 0px 10px #EAEAEA;
  margin: 10px 0 0 0;
}
.accordion .accordion-body a{
   color: #9C1C3C;
}
.accordion_wrapper p{
  margin: 0;
}
/* ACCORDION-EXPAND-END */
/* NEWS PAGE START */
.news_page_mainBox {
  display: grid;
  grid-template-columns: repeat(3, 1fr); /* 4 items in a row */
  column-gap: 30px; 
  row-gap: 50px;
}

.news_listing {
  background: #fff;
  border: 1px solid #ccc;
  border-radius: 12px;
  /* box-shadow: 0 0 10px #ccc; */
  padding: 15px;
  /* overflow: hidden; */
  transition: transform 0.7s ease-in-out;
  position: relative;
  text-align: left;
  background-image: linear-gradient(22.5deg, rgba(242, 242, 242, 0.03) 0%, rgba(242, 242, 242, 0.03) 16%, rgba(81, 81, 81, 0.03) 16%, rgba(81, 81, 81, 0.03) 26%, rgba(99, 99, 99, 0.03) 26%, rgba(99, 99, 99, 0.03) 73%, rgba(43, 43, 43, 0.03) 73%, rgba(43, 43, 43, 0.03) 84%, rgba(213, 213, 213, 0.03) 84%, rgba(213, 213, 213, 0.03) 85%, rgba(125, 125, 125, 0.03) 85%, rgba(125, 125, 125, 0.03) 100%), linear-gradient(22.5deg, rgba(25, 25, 25, 0.03) 0%, rgba(25, 25, 25, 0.03) 54%, rgba(144, 144, 144, 0.03) 54%, rgba(144, 144, 144, 0.03) 60%, rgba(204, 204, 204, 0.03) 60%, rgba(204, 204, 204, 0.03) 76%, rgba(37, 37, 37, 0.03) 76%, rgba(37, 37, 37, 0.03) 78%, rgba(115, 115, 115, 0.03) 78%, rgba(115, 115, 115, 0.03) 91%, rgba(63, 63, 63, 0.03) 91%, rgba(63, 63, 63, 0.03) 100%), linear-gradient(157.5deg, rgba(71, 71, 71, 0.03) 0%, rgba(71, 71, 71, 0.03) 6%, rgba(75, 75, 75, 0.03) 6%, rgba(75, 75, 75, 0.03) 15%, rgba(131, 131, 131, 0.03) 15%, rgba(131, 131, 131, 0.03) 18%, rgba(110, 110, 110, 0.03) 18%, rgba(110, 110, 110, 0.03) 37%, rgba(215, 215, 215, 0.03) 37%, rgba(215, 215, 215, 0.03) 62%, rgba(5, 5, 5, 0.03) 62%, rgba(5, 5, 5, 0.03) 100%), linear-gradient(90deg, #ffffff, #ffffff);
}

.news_imageBox {
    overflow: hidden;
    position: relative;
    border-radius: 12px;
    height: 250px;
    width: 100%;
}
.news_videoBox {
    overflow: hidden;
    position: relative;
    border-radius: 12px;
    height: 250px;
    width: 100%;
}
.news_imageBox img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  /* object-position: top; */
  display: block;
  overflow: hidden;
  transition: transform 0.7s ease-in-out;
  position: relative;
}

.news_listing:hover .news_imageBox img {
  transform: scale(1.1);
}
.news_imageBox::after {
    content: "";
    position: absolute;
    width: 200%;
    height: 0%;
    left: 50%;
    top: 50%;
    background-color: rgba(255, 255, 255, .3);
    transform: translate(-50%, -50%) rotate(-45deg);
    z-index: 1;
}
.news_listing:hover .news_imageBox::after {
    height: 250%;
    transition: all 600ms linear;
    background-color: transparent;
}
.news_contentBox {
  padding: 12px;
}
.news-owl-carousel .news_contentBox {
  padding: 0px;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  cursor: pointer;
  margin: 10px 0 0 0;
  line-height: 1.2;
  min-height: 60px;
}
.news_date {
    font-size: 13px;
    border-radius: 10px;
    padding: 8px 20px;
    cursor: auto;
    margin: 0 auto;
    line-height: normal;
    text-align: center;
    font-family: 'HeadlandOne-Regular';
    background-color: #ef9d10;
    color: #FFF;
    width: fit-content;
    position: absolute;
    bottom: -15px;
    right: 0;
    left: 0;
}

.news_textBox {
    display: block;
    font-size: 18px;
    color: #000;
    text-decoration: none;
    font-family: 'Outfit-Regular';
    text-align: left;
    padding: 5px 0;
}

.news_listing:hover .news_textBox {
    color: #e15517;
}

.readmore_btn a {
    display: inline-block;
    background-color: #FFF;
    padding: 10px 20px;
    color: #000;
    margin: 10px 0 0 0;
    border-radius: 5px;
    transition-duration: 0.5s;
}
.news_listing:hover .readmore_btn a{
  background-color: #ef9d10;
  color: #FFF;
}
.readmore_btn a .white_arrow_svg{
  transition-duration: 0.5s;
}
.news_listing:hover .readmore_btn a .white_arrow_svg{
  stroke: #FFF;
}

.news_details_mainBox {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 60px;
}
.news_details_mainBox .post-thumbnail {
    position: sticky;
    top: 50px;
    background-color: #EEE;
    border-radius: 20px;
}
.news_dateBox img{
  max-width: 30px;
}
.news_dateBox img path{
  fill: #FFF;
}
.newspage_details_mainBox h3 {
    font-family: 'HeadlandOne-Regular';
    line-height: normal;
    font-size: 28px;
    font-weight: 100;
}
.news_details_mainBox .news_dateBox {
    position: relative;
    font-family: 'HeadlandOne-Regular';
    background-color: #ef9d10;
    color: #FFF;
    width: 70%;
    margin: -25px auto 0;
    font-size: 12px;
    border-radius: 6px;
    padding: 8px 10px;
    line-height: 1;
    text-align: center;
}
.news_details_mainBox .news_dateBox .text{
  font-size: 18px;
  text-align: left;
}
.timingBox span {
    display: flex;
    gap: 10px;
    margin: 0 0 10px 0;
    color: #7E0A2C;
    font-family: 'Outfit-Regular';
}
.timingBox span img {
  width: 20px;
}
.recent_post_listing ul li a.recent_events_list {
    display: grid;
    grid-template-columns: 30% 1fr;
    gap: 20px;
    align-items: center;
    border-bottom: 1px dashed #a0a0a0;
}
.recent_post_listing ul li:last-child a.recent_events_list{
  border-bottom: none;
}
.recent_post_listing ul li a.recent_events_list p{
  line-height: normal;
  margin: 0;
  font-size: 16px;
}
.sticky__box {
    position: sticky;
    top: 10px;
}
/* NEWS PAGE END */

.takshashala_img{
    width: 100%;
    height:auto;
    border-radius: 20px;
    overflow: hidden;
}
.takshashala_img img{
    width: 100%;
    height:100%;
}
.lab_wrapper .grid-3 {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap:30px;
}
.lab_wrapper .grid-3 img{
    height:100%;
    width:100%;
    object-fit:cover;
}
.image-anime {
  position: relative;
  overflow: hidden;
  display: block;
  border-radius: var(--bs-border-radius-xl) !important;
}
.image-anime:before {
    position: absolute;
    width: 32px;
    height: 32px;
    top: 40%;
    left: 50%;
    margin: -14px 0 0 -16px;
    background: url("../images/gallery/magnifying-glass.svg");
    background-repeat: no-repeat;
    content: "";
    opacity: 0;
    z-index: 1;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    transition: all 0.3s linear;
    background-position: center;
    background-size: contain;
}
.image-anime:hover:before {
    top: 50%;
    opacity: 1;
}
.image-anime:after {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;      /* ✅ add */
    right: 0;     /* ✅ add */
    bottom: 0;
    background: rgba(0, 0, 0, 0.5);
    content: "";
    opacity: 0;
    transition: all 0.3s linear;
    border-radius: var(--bs-border-radius-xl) !important;
}
.news_imageBox1 ~ .news_content_box{
  cursor: auto;
}
.image-anime:hover:after {
    opacity: 1;
}
.image-anime.mechanical_lab_img {
    height: 250px;
    display: block;
    overflow: hidden;
    border-radius: 20px;
}

.image-anime.mechanical_lab_img img {
    height: 100%;
    width: 100%;
    object-fit: cover;
    object-position: top;
}
.lab_wrapper .grid-3 {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap:30px;
}
.lab_wrapper .grid-3 img{
    height:100%;
    width:100%;
    object-fit:cover;
}
.faculty_listing_email span img {
    max-width: 20px;
}
/* --------- IQAC STYLE START -------- */
.iqac_vision_mission {
  gap: 30px;
  margin: 0 0 30px 0;
}
.iqac_box{
  background-color: #FFF;
    padding: 2.5rem;
    border-radius: 20px;
    box-shadow: 0px 10px 60px 0px rgb(0, 0, 0, .08);
    position: relative;
    overflow: hidden;
    margin: 0 0 30px 0;
}
/* --------- IQAC STYLE END ---------- */

/* NEWSLETTER START */
.newsletter_list {
    padding: 20px 15px;
    border-radius: 20px;
    background-color: #fff;
    position: relative;
    transition-duration: 0.5s;
    border: 1px solid #ccc;
    text-align: center;
    margin:0 0 30px 0;
    height: 85%;
}

.newsletter_img_wrapper {
    width: 100px;
    height: 100px;
    background-color: #feecc3;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100%;
    margin: 0 auto;
}

.newsletter_img_wrapper img {
    max-width: 50px;
}

.newsletter_contentBox {
    line-height: normal;
    padding: 10px 0 10px 0;
}
.newsletter_btnBox {
    position: absolute;
    width: 100%;
    height: fit-content;
    left: 0px;
    bottom: -30px;
    opacity: 0;
    visibility: hidden;
}
.newsletter_btnBox .button_wraper {
    background-color: #FFC44F;
    border-radius: 40px;
}
.newsletter_list:nth-child(odd):hover {
    border: 1px solid #FCEDE6;
}
.newsletter_list:hover .newsletter_btnBox {
    bottom: -15px;
    transition-duration: 0.5s;
    opacity: 1;
    visibility: visible;
}
/* NEWSLETTER END */
/* REGISTAR PROCESS START */
.process_listingBox{
  position: relative;
  transition-duration: 0.6s;
}
.process_headingBox {
    padding: 10px;
    border-radius: 20px;
    background-color: #E8F4FA;
    text-align: center;
    font-family: Outfit-Medium;
    margin: 0 0 20px 0;
}
.process_inner_list{
    border: 1px solid #e8f4fa;
    padding: 40px 20px 20px;
    height: fit-content;
    margin: -40px 0 20px 0;
    border-radius: 20px;
}
.process_listingBox:hover .process_headingBox{
  background-color: #FCEDE6;
}
.process_listingBox:hover .process_inner_list{
  border: 1px solid #FCEDE6;
}
.registrar .process_listingBox{
  height: 100%;
}
.registrar .process_inner_list {
    border: 1px solid #e8f4fa;
    padding: 40px 20px 0px;
    height: fit-content;
    margin: -20px 0 20px 0;
    border-radius: 20px;
    height: 85%;
}
.faculty_listing_mainbox.registrar_team  {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(286px, 1fr));
    gap: 40px;
    margin: 30px 0;
}
.registrar_team .faculty_listing_education a {
    color: #770F29;
    overflow-wrap: break-word;
    word-break: break-all;
    white-space: normal;
}
/* REGISTAR PROCESS END */
/* EXAMINATION CELL START */
.messageBox {
    display: grid;
    grid-template-columns: 0.5fr 1fr;
    gap: 20px;
}
.message_img img {
  max-width: 250px;
  margin: 0 auto;
}
.contact_details_list {
    background-color: #FFF;
    border: 1px solid #fac56e52;
    border-radius: 20px;
    color: #000;
    padding: 20px;
    height: 100%;
    transition-duration: 0.6s;
}
.contact_details_person_designation {
    font-size: 18px;
    font-family: 'Outfit-Medium';
    margin: 0 0 6px 0;
    border-bottom: 1px solid #fac56e;
    padding: 0 0 6px 0;
}
.contact_details_person {
    margin: 0 0 5px 0;
}
.contact_details_list:hover {
  background-color: #feedd1;
}
/* EXAMNIATION CELL END */

.reaserch_pdf_mainBox{
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 30px;
}

/* Responsive Media Queries */

@media (min-width: 1400px){
  .toggle_whitebox{
    width: 24%;
  }
  .news_section_imgBox {
    max-width: 40%;
  }
}
@media (max-width: 1400px){
  .mainnav_box ul li a {
    padding: 40px 15px 28px 15px;
    font-size: 14px;
  }
  .submenu_list .submenu_list_head{
    font-size: 14px;
  }
  .mainnav_box .submenu_list_content a{
    font-size: 13px;
  }
  .banner_description {
    font-size: 60px;
  }
  .news-owl-carousel .news_contentBox {
      padding: 0px;
      line-height: normal;
      margin: 15px 0 0;
  }
  .piller_list.piller_first::before, .piller_list.piller_last::before {
    top: -60px;
  }
  .piller_list.piller_first::after, .piller_list.piller_last::after {
    top: -40px;
    right: 16px;
  }
  .piller_list.piller_last::after {
    left: 16px;
  }
  .about_content {
      position: relative;
      bottom: 0;
  }

  .about_btn {
    grid-template-columns: 30% 1fr;
    transition-duration: 0.5s;
  }

  .about_btn_text {
    line-height: 1;
  }
  .pillars_of_excellence_listBox .pillars_of_excellence_text {
      font-size: 16px;
  }
  .home_number_section{
    max-width: 75%;
  }
  .home_number_countBox {
      font-size: 35px;
  }
  .home_number_sectionBox {
      font-size: 25px;
  }
  .home_number_buttonBox {
    width: 22%;
  }
  .heading{
    font-size: 38px;
  }
  .student_item {
    margin: 80px 10px 20px;
  }
  .news_details_mainBox .news_dateBox .text {
    font-size: 14px;
    text-align: left;
    line-height: normal;
  }
  .campus_page_listing {
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
  }
  .campus_page_text {
    font-size: 18px;
    line-height: normal;
  }
  .about_btnBox{
    font-size: 14px;
  }

  .about_btnBox {
    margin: 20px 0px 60px;
  }
}
@media (max-width: 1300px){
    .pillars_of_excellence_img {
        min-height: 170px;
    }
    .intro_imageBox img {
        max-width: 50%;
        margin: 0 auto;
    }
    .apply_sidebar {
        top: 198px;
    }
}
@media (max-width: 1200px){

  .brand img {
    width: 150px;
  }

  .menu .menu__inner .menu__item .menu__link {
    padding: 35px 8px;
  }
  .toggle_main_menus .menu__inner .menu__item .menu__link, .submenu .submenu__list li a{
    font-size: 14px;
  }

  .banner_yellow_text{
    font-size: 45px;
  }
  .banner_description {
    font-size: 60px;
  }
  .pillers_listing_box {
    gap: 10px;
  }
  .piller_list.piller_first::before, .piller_list.piller_last::before {
    top: -50px;
  }
  .piller_list.piller_first::before, .piller_list.piller_last::before{
    height: 75px;
  }
  .piller_list.piller_first::after, .piller_list.piller_last::after {
    top: -40px;
    right: 12px;
  }
  .piller_list.piller_last::after {
      left: 12px;
  }
  .piller_text {
    line-height: normal;
  }
  .about_heading {
    font-size: 35px;
  }
  .about_btn_heading {
    font-size: 14px;
  }
  .about_btn_text {
    line-height: 1;
    font-size: 12px;
  }
  .our_program_section .tabbing_programs_item{
    width: 30%;
  }
  .pillars_of_excellence_listBox .pillars_of_excellence_text {
    font-size: 14px;
    margin: 0;
  }
  .pillars_of_excellence_listBox .pillars_of_excellence_count {
      font-size: 24px;
  }
  .home_number_section {
    max-width: 90%;
  }
  .news_tabbing_mainBox .tabs_menus {
      gap: 20px;
  }
  .news_tabbing_mainBox .tabs_menus .tabs-menu-item .tab-menu-link {
      font-size: 18px;
  }
  .student_item {
      margin: 80px 0 20px;
  }
  .gallery_heading {
    font-size: 16px;
    padding: 20px 10px;
  }
  .news_mainBox {
    grid-template-columns: repeat(3, 1fr); /* 3 per row */
  }
  .inner_program_mainbox .pillars_of_excellence_item {
    width: 30%;
  }
  .float {
    width: 45px;
    height: 45px;
    bottom: 10px;
    left: 10px;
  }
  .news_page_mainBox {
    grid-template-columns: repeat(2, 1fr);
  }
  .abc_registerBtn{
    font-size: 16px;
  }
  .submit_btn {
    padding: 10px 30px;
    font-size: 16px;
  }
  .hostel_pdf {
    height: 210px;
}
  .contact_icon_text {
    width: 80%;
  }
}
@media (max-width: 1024px){
  .header{
    margin: 0;
    padding: 0;
    position: relative;
    width: 100%;
    /* z-index: 1; */
  }  
  .header::after,
  .toggle_menu::after{
      display:none;
  }
  .top_navbar_menu_list img {
      display:none;
  }
  .top_navbar_menu_list{
      color: #000000;
  }
  .navbar{
          background-color: transparent;
  }
  .toggle_menu{
    right: 0;
  }
  .navbar .navbar__left::after{
    display: none;
  }
  .mainnav_box{
    display: none;
  }
  .main_menusBox_mobile{
    display: block;
  }
  .top_navbar_menu_list a{
    font-size: 12px;
    color: #000;
  }
  .navbar{
    min-height: auto;
  }
  .navbar__left {
    margin: 10px 0;
  }
  .top_navbar_menu {
    justify-content: end;
    gap: 10px;
    padding: 10px 0 0;
  }
  .toggle_whitebox,
  .submenu-open .submenu_box_mobile.active{
    width: 50%;
  }
  .navbar .navbar__left{
    padding: 0;
  }
  
  .submenu_box_mobile {
    position: relative;
    margin: 0;
    padding: 0;
    display: none;
  }
.submenu-open .submenu_box_mobile.active {
    display: block;
    position: fixed;
    margin: 0;
    padding: 20px 10px;
    height: 100%;
    overflow-y: scroll;
    background-color: #fff3e0;
    z-index: 1;
    right:0 ;
    top: 0;
    margin: 0;
}
a.submenu_list_head {
    font-size: 14px !important;
    font-family: 'Outfit-Medium' !important;
}
.submenu_box_mobile.active .submenu_list {
    margin: 0 0 10px 0;
    padding: 0 0 10px 0;
    border-bottom: 1px dashed;
}
.toggle_whitebox ul .submmenu_mobile a,
.toggle_whitebox ul .submmenu_mobile .menuTitle {
    padding: 5px 0 5px 20px;
    display: flex;
    margin: 0;
    align-items: center;
    cursor: pointer;
    font-size: 16px;
    color: #000000;
    text-transform: capitalize;
    transition: all 0.25s;
    justify-content: space-between;
}
.toggle_whitebox ul a,
.toggle_whitebox ul .menuTitle{
  font-size: 16px;
}
.submenu_list:hover .submenu_list_head{
  color: #000;
}
.school a.submenu_list_head {
    padding: 0 0 0 20px !important;
}
.school .submenu_list_content a {
    padding: 2px 0 2px 15px !important;
}
.submenu_box_mobile.active .submenu_heading {
    font-size: 16px;
    font-family: Outfit-Bold;
    padding: 0 0 10px 0;
    display: flex;
    gap: 10px;
    margin: 0 0 10px 0;
    flex-direction: row-reverse;
    justify-content: flex-end;
    border-bottom: 1px solid;
}
.submenu_box_mobile.active .submenu_heading i{
  transform: rotate(180deg);
  font-size: 25px;
}
.submenu_list_content {
    margin: 0 0 0 20px;
}
.submenu_list_content a {
    border-bottom: 0 !important;
}

  /* MENUS SECTION END */
  .our_program_section .tabs_menus {
      gap: 15px;
  }
  .our_program_section .tabs-menu-item .tab-menu-link {
      font-size: 18px;
      padding: 15px 0px;
  }
  .subheading_text {
      max-width: 100%;
      margin: 0 auto 20px auto;
  }
  .our_program_section .tabbing_programs_heading {
    font-size: 18px;
  }
  .our_program_section .tabbing_programs_img {
    right: 10px;
    bottom: 10px;
  }
  .recruiters-owl-carousel .owl-nav {
    position: relative;
    top: 25px;
    width: 10%;
  }
  /* INNER PAGES START */
  .inner_menu_rightbox {
    padding: 20px;
    width: 100%;
  }
  .inner_menu_head {
    font-size: 20px;
  }
  .page_heading.text-white {
    font-size: 40px;
  }
  .innerBanner-section {
    height: 350px;
  }
  .heading {
    font-size: 35px;
    margin: 0 0 30px 0;
  }
  .inner_program_rightimg {
    width: 36%;
    z-index: -1;
}
.placement_test_img{
  width: 100%;
  margin: 0 0 20px 0;
}
.placement_test_list:nth-child(even) .placement_test_img {
    margin: 0 0 20px 0;
}
.placement_test_name {
    font-size: 12px;
}
.placement_test_list{
  padding: 20px;
}
.footer_leftBox {
    gap: 20px;
    padding: 70px 0 50px;
}
.footer_meuns_list li a,
.footer_contact_text a,
.footer_copywrite_text {
    font-size: 14px;
}
.footer_address address {
    max-width: 90%;
    font-size: 14px;
    line-height: normal;
}
.footer_contact_text span {
  display: none;
}
.main_blog_userDetails {
    display: flex;
    align-items: center;
    column-gap: 00px;
    row-gap: 0px;
    flex-wrap: wrap;
    background-color: transparent;
    padding: 0 0 10px 0;
    position: relative;
    top: 0;
    left: 0;
}
.main_blog_contentMainBox .main_blog_userDetails {
    top: 0;
    padding: 10px 0px;
    column-gap: 20px;
}
.faculty_listing_email span img {
  max-width: 20px;
}
.post-thumbnail {
    width: 100%;
    height: fit-content;
    background-color: transparent;
}
.news_details_mainBox .post-thumbnail{
  background-color: transparent;
}
.top_awards{
  margin: 40px 0 0 0;
}
.our_program_section {
    padding: 40px 0 60px;
    position: relative;
}
.abc_registerBtn {
  font-size: 16px;
}
.reaserch_pdf_mainBox{
  grid-template-columns: repeat(2, 1fr);
  gap: 30px;
}
.apply_sidebar{
  display: none !important;
}
}

@media (max-width: 991.98px){
  
  .top_navbar_menu_list .deskop{
    display:none;
}
.top_navbar_menu_list .mobile{
    display:block;
}
  
  .piller_mainBox {
    margin: -80px 0 0;
  }
  .pillers_listing_box {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
    position: relative;
  }
  .piller_list.piller_first::before, .piller_list.piller_last::before{
    display: none;
  }
  .piller_list.piller_first::after, .piller_list.piller_last::after{
    display: none;
  }
  .top_awards {
    margin: 20px 0 30px 0;
  }


  .about_imgBox {
    margin: 0 0 30px 0;
  }
  .about_wrapper{
    max-width: 100%;
  }
  .about_yellowBox{
    margin: 0 0 30px 0;
  }
  .about_sub_intro_wrapper {
    margin: 30px 0 0 0;
  }
  .our_program_section .tabbing_programs_item {
    width: 40%;
  }
  .about_btn {
    grid-template-columns: 16% 1fr;
    transition-duration: 0.5s;
    box-shadow: none;
  }
  .about_bottom_buttons{
    margin: 0 0 30px 0;
  }
  .about_imageBox {
    position: relative;
    bottom: 0px;
}
.about_btn{
    box-shadow: none;
  }
  .about_bottom_buttons {
    margin: 0 0 30px 0;
  }
  .about_content_box p {
    font-size: 16px;
  }
  .about_content,
  .about_imageBox {
    position: relative;
    bottom: 0;
  }
  .pillers_section{
    padding: 40px 0;
  }
  .our_program_section {
    padding: 0px 0 50px;
  }
  .subheading_text{
    margin: 0 0 20px 0;
  }
  .our_program_section .tabbing_programs_img {
    height: 50px;
    width: 50px;
    right: 10px;
    bottom: 10px;
  }
  .pillars_of_excellence_item {
    display: grid;
    width: 30%;
}
.pillars_of_excellence_listBox .pillars_of_excellence_text {
    font-size: 16px;
    margin: 0;
}
.home_number_countBox {
    font-size: 25px;
}
.home_number_sectionBox {
    font-size: 20px;
}
.home_number_buttonBox {
    width: 27%;
}
.home_number_section{
  gap: 15px;
  width: 100%;
  padding: 25px;
}
.vice_chancellor_text::before{
  left: 0;
}
.vice_chancellor_text::after{
  right: 0;
}
.vice_chancellor_img {
    max-width: 60%;
}
.gallery_mainBox {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    gap: 10px;
}
.gallery_heading {
    font-size: 14px;
    padding: 12px 10px;
    line-height: normal;
}
section.annoucement-section {
    padding: 0px 0 50px;
}
.news_section_imgBox{
  max-width: 36%;
}
.news_section_tabbing_mainBox {
    padding: 50px 0;
}
.our_program_section .tabbing_programs_heading{
  font-size: 16px;
}
.student_review_mainBox {
    position: relative;
    padding: 80px 0 50px;
}
.student_review_slider_wrapper .owl-stage-outer {
    padding: 10px 0 0;
}
.footer_rightBox {
    background-color: transparent;
    padding: 0 0 30px 0;
}
.footer_rightBox::after{
  display: none;
}
.footer_leftBox{
  padding: 30px 0;
}
.footer_copywrite_text {
  margin: 20px 0 0;
}
.recruiters-owl-carousel .owl-nav {
    justify-content: center;
    top: 20px;
    gap: 20px;
    top: inherit;
    bottom: -40px;
}
.recruiters-owl-carousel .owl-nav button img {
  max-width: 20px;
}
.recruiters-owl-carousel .owl-nav button.owl-next {
  right: 0;
}
.recruiters-owl-carousel .owl-nav button.owl-prev{
  left: 0;
}
  .news_mainBox {
    grid-template-columns: repeat(2, 1fr); /* 2 per row */
  }

/* ------------PLACEMENT-PAGE-START--------- */
.placement_test_list {
    text-align: center;
    max-width: 100%;
}

.placement_test_img {
    width: 100%;
    margin: 0 0 20px 0 !important;
}

.placement_test_list img {
    max-height: 200px;
}

.placement_gallery img {
    max-height: 170px;
}

/* ------------PLACEMENT-PAGE-END--------- */

/* ABOUT PAGE START */
.about_intro_section .leadership_achiv_list {
    min-height: inherit;
}

/* ABOUT PAGE END */

/* ==========CAREER PAGE START========== */
.career_head {
  position: relative;
  margin: 0 0 20px 0;
  width: 100%;
}

/* ==========CAREER PAGE ENDS========== */
.related_blogs_details{
  grid-template-columns: 1fr;
}
/* GALLERY START */
.gallery_main_box ul li{
  width:31.5%;
}
.category_img .gallery_hover h5{
    font-size: 14px;
}
.category_images {
    width: 23.1%;
}
/* GALLERY END */
.school_vision_mission {
    grid-template-columns: 1fr;
}

/* ------ INNER PAGE START ------- */
.about_intro_section{
  position: relative;
  overflow: hidden;
}
.inner_menu_rightbox {
    transform: translateX(100%);
    position: fixed;
    max-width: 40%;
    top: 70%;
    right: 0;
    z-index: 400;
    transition: transform 0.4s ease-in-out;
}
.menu_close{
  display: none;
}
.menu_default{
  display: block;
}
.inner_menu_rightbox.menu_open {
    transform: translateX(0);
    border-radius: 20px;
    top: inherit;
    bottom: 8%;
    left: 0;
    right: 0;
    margin: 0 auto;
    z-index: 610;
}
.inner_menu_rightbox.menu_open .menu_close{
  display: block;
}
.inner_menu_rightbox.menu_open .menu_default{
  display: none;
}
.open_inner_menus.menu_open {
    background-color: transparent;
    left: auto;
    right: 0;
    padding: 7px 7px 0 0;
}
.placement_team_label{
  font-size: 14px;
}
.inner_menuBox {
    position: sticky;
    top: 90px;
    bottom: 0px;
    z-index: 99;
    max-height: 70vh;
    overflow-x: hidden;
}
.open_inner_menus {
    cursor: pointer;
    font-size: 24px;
    position: absolute;
    top: 0;
    left: -48px;
    z-index: 100;
    background: #f3b858;
    padding: 10px 25px 10px 10px;
    border-radius: 30px 0 0 30px;
    align-items: center;
    display: flex;
}
.inner_menu_overlay {
    width: 100%;
    height: 100%;
    background-color: #0000006b;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 600;
    display: none;
}
body:has(.inner_menu_rightbox.menu_open) .inner_menu_overlay{
  display: block;
}
.inner_menu_rightbox ul li .active {
    margin: 0 !important;
}
.main_blog_userDetails span,
.main_blog_userDetails span a.author_name{
  font-size: 14px;
}
.author_name img {
  max-width: 16px;
}
.main_blog_heading {
    font-size: 16px;
    margin: 0 0 10px 0;
}
.blog_wrapper1 .related_blogs_details {
    grid-template-columns: 1fr 1fr 1fr;
}
.blog_deatils_wrapper .main_blog_userDetails span {
    flex-wrap: wrap;
    row-gap: 0px;
}
.gallery_main_box .news_date{
  width: 90%;
}
.gallery_main_box .news_textBox {
    margin: 0 0 10px 0px;
}
.contactrightbox{
  margin: 30px 0 0 0;
}
.about_school_imgWrapper {
    height: auto;
}
.about_school_imgWrapper img {
    object-fit: contain;
}
.lab_wrapper .grid-3 {
        grid-template-columns: repeat(2, 1fr);
        gap: 20px;
    }

}
@media (max-width: 768px) {
  body:has(.inner_menu_rightbox.menu_open) {
    overflow: hidden;
  }

  .toggle_whitebo,
  .submenu-open .submenu_box_mobile.activex{
    width: 80%;
  }
  
 #introWrapper {
    display: flex;
    flex-direction: column-reverse;
}
  .intro-box {
    position: relative;
    width: 100%;
    height: 50%;
  }
  .intro-heading {
    font-size: 30px;
    margin: 0 0 8px 0;
  }
  .intro-subheading {
      font-size: 24px;
      margin: 0 0 24px 0;
  }
  .ribbin_left,.ribbin_right{
    display: none;
  }
  .intro_imageBox img {
    max-width: 30%;
    margin: 0 auto;
}
.intro-box.right {
  left: 0;
}
.intro-box.left {
  right: 0;
}
  #introWrapper.animate .left {
    transform: translateY(100%);
  }
  #introWrapper.animate .right {
    transform: translateY(-100%);
  }
  
  .annoucement-heading span{
    display: none;
  }
  .annoucement-block{
    padding: 10px 0;
  }
  .annoucement-heading img {
    max-width: 30px;
  }
  .banner_description {
      font-size: 40px;
  }
  .banner_yellow_text {
    font-size: 30px;
  }
  .piller_mainBox {
    margin: -40px 0 0;
}
  .pillars_listing_box {
    grid-template-columns: repeat(2, 1fr);
  }
  .pillars_of_excellence_item{
    width: 48%;
  }

  .pillars_of_excellence_section::before{
    background-image: url(../images/home/about_piller_bg_mobile.webp);
  }
  
  .footer_leftBox {
    grid-template-columns: 1fr;
    padding: 50px 0 20px;
    gap: 20px;
  }
  .footer_rightBox::after{
    display: none;
  }
  .footer_rightBox {
    padding: 0 0 60px;
    height: 100%;
    background-color: transparent;
  }
  .footer_menu_mainBox {
    gap: 20px;
  }
  .footer_logo a img {
    max-width: 60%;
  }
  .footer_address address {
    max-width: 100%;
  }
  .piller_list{
    height: auto;
  }

  .our_program_section .tabbing_programs_heading {
    font-size: 16px;
  }
  .home_number_section {
    max-width: 100%;
    padding: 20px 20px 20px 20px;
    border-radius: 40px;
    gap: 10px;
    flex-direction: column;
  }
  .home_number_countBox,
  .home_number_sectionBox,
  .home_number_buttonBox{
    width: 100%;
    text-align: center;
  }
    .news_tabbing_content_mainBox {
    max-width: 100%;
      padding: 0 10px 0 0;
  }
  .news_tabbing_mainBox .tabs_menus {
    grid-template-columns: auto 1fr 1fr;
    gap: 10px;
    overflow-x: scroll;
    padding: 20px 0 10px 0;
  }
  .news_tabbing_mainBox {
    margin: 30px 0 0;
  }
  .news_tabbing_mainBox .tabs_menus .tabs-menu-item .tab-menu-link {
    padding: 12px 20px;
    width: max-content;
    font-size: 14px;
  }
 .news_item .news_imgBox {
    height: 250px;
  }
  .student_review_slider_wrapper .owl-stage-outer {
    padding: 0px 0 0;
}
.gallery_mainBox {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
}
.gallery_list.item5 {
    grid-column: 1/-1;
}
.gallery_section {
    padding: 0px 0 50px;
}

/* ------------PLACEMENT-PAGE-START--------- */
.placement_gallery img {
    max-height: 130px;
}
li.breadcrumb-item.active {
    padding:10px;
}
.innerBanner-section {
    padding: 50px 0 0;
    height: 250px;
}
.page_heading.text-white {
    font-size: 36px;
}
.breadcrumb-wrapper.mb-5 {
    margin: 0 !important;
}
/* ------------PLACEMENT-PAGE-END--------- */

.news_page_mainBox,
.blog_mainBox.two_column,
.related_blogs_details {
    grid-template-columns: repeat(2, 1fr);
}
.main_blog_contentMainBox .main_blog_userDetails {
    top: auto;
    position: relative;
}
.blog_deatils_wrapper .main_blog_userDetails span {
    flex-wrap: wrap;
}
.mission_vission_box {
    grid-template-columns: 1fr;
}
.career_exp_mainbox {
    grid-template-columns: 1fr;
}
  .about_intro_section a.submit_btn {
    font-size: 15px;
    display: block;
    margin: 0 0 10px 0;
  }
  .inner_program_rightimg{
    display: none;
  }
  .inner_program_mainbox .pillars_of_excellence_item {
    width: 48%;
  }
  /* .apply_sidebar_btn .sticky_btns,
  .apply_sidebar_whatsapp .sticky_btns{
    padding: 5px;
  }
  .apply_sidebar_btn, .apply_sidebar_whatsapp {
    transform: translateX(81%);
    transition-duration: 0.7s;
}
.apply_sidebar {
    top: 70%;
}
.apply_sidebar_btn .sticky_btns{
  gap: 0px;
} */
.sticky_buttons.social-media-btn{
  display: none;
}
.apply_sidebar{
  display: none !important;
}
.apply_sidebar {
    position: fixed;
    height: auto;
    bottom: 0;
    top: inherit;
    width: 100%;
    z-index: 6;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    transform: translate(0, 0);
    background-color: #FFF;
    padding: 15px 0 6px 0;
    border-radius: 20px 20px 0 0;
    box-shadow: 0px -4px 16px 2px #00000036;
}
.sticky_buttons{
  width: auto;
  background-color: transparent !important;
  margin: 0;
  padding: 0 10px;
}

.sticky_buttons:nth-child(1) svg {
  background-color: #0191DA;
  height: 40px;
  padding: 2px;
  border-radius: 100%;
  width: 40px;

}
.sticky_buttons:nth-child(2) svg {
  background-color: #01A163;
  height: 40px;
  padding: 2px;
  border-radius: 100%;
  width: 40px;

}
.sticky_buttons:nth-child(3) svg {
  background-color: #ee9b12;
  height: 40px;
  padding: 2px;
  border-radius: 100%;
  width: 40px;

}
.sticky_buttons:nth-child(4) img {
  background-color: #01A163;
  height: 40px;
  padding: 2px;
  border-radius: 100%;
  width: 40px;

}
.sticky_btns a {
    display: block;
    text-align: center;
    color: #000;
    font-weight: 500;
}
.mobile_hide{
  display: none;
}
.sticky_btn_img img {
  margin: 0 auto;
}
/* .scrollToTop{
  bottom: 90px;
} */
/* ------ INNER PAGE START ------- */
/* GALLERY START */
.category_images {
    width: 22.4%;
}
/* .faculty_member_details .faculty_details_pointer_heading {
    margin: 10px 0 0;
    font-size: 18px;
    line-height: normal;
}
.faculty_listing_namebox {
    display: grid;
    grid-template-columns: 110px 1fr;
}
.faculty_listing_img img{
  margin: 0;
} */
/* GALLERY END */
.faculty_listing_listing .faculty_listing_btnbox {
    bottom: -15px;
    transition-duration: 0.5s;
    opacity: 1;
    visibility: visible;
}
.faculty_listing_listing .faculty_listing_btnbox  .button_wraper{
  font-size: 14px;
}
.news_details_mainBox {
    display: grid;
    grid-template-columns: 1fr;
    gap: 60px;
}
.news_details_mainBox .post-thumbnail{
  position: relative;
  top: inherit;
  background-color: transparent;
  height: fit-content;
}
.news_content_box {
    font-size: 14px;
    line-height: normal;
}
.school_vision_mission_icon {
    height: 80px;
    width: 80px;
}
.messageBox {
    grid-template-columns: 1fr;
    gap: 0px;
}
.newsletter_btnBox {
    position: relative;
    width: 100%;
    height: fit-content;
    left: 0px;
    bottom: -10px;
    opacity: 1;
    visibility: visible;
}
.newsletter_list:hover .newsletter_btnBox{
    bottom: -10px;
    transition-duration: 0.5s;
    opacity: 1;
    visibility: visible;
}
.sticky_buttons:hover {
    transform: translate(0);
}
    
}
@media (max-width: 575.98px) {
  .apply_sidebar_btn a,
  .apply_sidebar_whatsapp a{
    padding: 6px;
  }
  .toggle_whitebox,
  .submenu-open .submenu_box_mobile.active{
    width: 100%;
  }
  .brand img {
    width: 175px;
  }
  .banner_yellow_text {
    font-size: 20px;
  }
  .banner_description {
      font-size: 30px;
  }
  .banner_text {
      bottom: 20%;
      z-index: 1;
  }
  .piller_heading{
    font-size: 20px;
  }
  .piller_button_wraper {
    margin: 10px 0 0;
  }
  .about_heading,
  .about_heading span {
    font-size: 25px;
  }
  .about_content_box p {
    font-size: 16px;
  }

  .about_btnBox {
    min-height: 83px;
    margin: 35px 0px 70px;
    max-width: 60%;
}
  .heading{
    font-size: 24px;
    margin: 0 0 30px 0;
    line-height: normal;
  }
  
  .gallery_mainBox{
    grid-template-columns: 1fr;
    gap: 10px;
  }
  .gallery_mainBox .gallery_list.item1,
  .gallery_mainBox .gallery_list.item2,
  .gallery_mainBox .gallery_list.item3,
  .gallery_mainBox .gallery_list.item4{
    margin: 0;
  }
  .gallery_list.item2 .gallery_item {
    margin: 0 0 10px 0;
}
.gallery_list.item2 a:last-child .gallery_item{
  margin: 0;
}
.gallery_list.item4 a:last-child .gallery_item{
  margin: 10px 0 0 0;
}
.gallery_list.item4 a:first-child .gallery_item{
  margin: 0;
}
  .gallery_heading {
    font-size: 20px;
    padding: 30px 10px;
  }
  .our_program_section .tabbing_programs_item {
    width: 100%;
  }
  .pillars_of_excellence_section {
    padding: 50px 0 50px;
  }
  .recruiters_slider_wrapper {
    padding: 0px 0 110px;
  }
  .recruiters_slider_container::before {
    top: -10px;
  }
 section.recruiters_section {
    padding: 50px 0 0px 0;
    margin: 0;
}

  .vice_chancellor_text::before {
    top: -30px;
    left: -20px;
    height: 50px;
    width: 36px;
}
  .vice_chancellor_text::after {
    bottom: -30px;
    right: -20px;
    height: 36px;
    width: 36px;
  }
  .our_program_section .tabbing_programs_heading {
    font-size: 16px ;
    width: 100%;
    text-align: left;
    margin: 10px 0;
    min-height: auto;
  }
  .inner_programs_inner:hover {
    background-color: transparent;
    color: #000;
}
  
  .news_section_tabbing_mainBox {
      padding: 50px 0;
  }
  .home_number_sectionBox {
    font-size: 20px;
  }
  .home_number_section {
    margin: -40px auto 0 auto;
  }
  .news_section_imgBox{
    display: none;
  }
  .vice_chancellor_img {
    max-width: 100%;
    margin: 0 auto;
  }
   .news_mainBox {
    grid-template-columns: 1fr; /* full width */
  }
  li.breadcrumb-item a:hover {
  transform: translateY(0px);
}
/* INNER PAGES MENUS START */
.inner_menu_rightbox {
    max-width: 80%;
}
.inner_menu_head {
    font-size: 20px;
}
.page_heading.text-white{
  margin: 0 0 30px 0;
}
ol.breadcrumb.align-items-center {
    row-gap: 5px;
    justify-content: flex-start;
}
li.breadcrumb-item.active {
    padding: 10px 0;
}
.breadcrumb-item+.breadcrumb-item {
    padding-left: 0;
}
/* INNER PAGES MENUS START */

/* ------------PLACEMENT-PAGE-START--------- */
.placement_gallery img {
    max-height: 100px;
}

/* ------------PLACEMENT-PAGE-END--------- */

/* PILLARS OF OUR EXCELLENCE SECTION START */
.pillars_of_excellence_img{
  min-height: 150px;
}
/* PILLARS OF OUR EXCELLENCE SECTION END */

  .news_page_mainBox,
  .blog_mainBox.two_column,
  .related_blogs_details {
      grid-template-columns: repeat(1, 1fr);
  }
  .placement_recruiters_list span {
      height: 100px;
      margin: 0 10px 10px 0;
      width: 30%;
  }
  .placement_recruiters_list img {
      max-width: 100px;
  }
  .subheading2 {
    font-size: 16px;
    line-height: normal;
  }
  .program_custom_listing.column-2 {
    column-count: 1;
  }
  .page_heading.text-white {
    font-size: 30px;
  }
  .about_intro_section {
    padding: 50px 0 80px;
  }
  .mission_vission_imgbox {
    height: auto;
  }
  .placement_test_name {
    font-size: 14px;
  }
 .pillars_of_excellence_listBox .pillars_of_excellence_text {
    font-size: 14px;
    margin: 0;
  }
  .campus_page_text {
    font-size: 17px;
    line-height: normal;
  }
  /* GALLERY START */
  .gallery_main_box ul li {
    width: 47.5%;
  }
  .gallery_main_box ul {
    justify-content: space-between;
  }
  .category_img .gallery_hover{
    padding: 0 0 10px 10px;
  }
  .category_images {
      width: 46%;
  }
  /* GALLERY END */
  /* CAMPUS START */
  .campus_page_listing {
        grid-template-columns: 1fr 1fr;
        gap: 15px;
    }

    .campus_page_list {
        padding: 15px;
    }
  /* CAMPUS END */
  .read-more-btn.school::before,
  .read-more-btn.school::after{
    width: 34%;
  }
  .wave_imgBox {
    width: 300px;
  }
  .inner_programs_inner {
    width: 135px;
    min-height: 135px;
    display: flex;
  }
  .inner_program_mainBox{
    justify-content: space-around;
    row-gap: 20px;
  }
  .inner_programs_list {
    background-position: 100% 100%;
    width: 167px;
    height: 167px;
    margin: 0;
  }
  .inner_programs_text{
    font-size: 12px;
  }
  .programs_listingMainBox .programs_list{
    gap: 5px;
    justify-content: space-between;
  }
  .table>:not(caption)>*>* {
    padding: 10px 10px;
  }
  .faculty_listing_mainbox {
    grid-template-columns: 1fr;
    margin: 0 20px;
    gap: 60px;
  }
  .faculty_listing_name {
    line-height: normal;
    font-size: 16px;
  }
  .faculty_listing_education,.faculty_listing_education span {
    font-size: 14px;
    line-height: normal;
  }
  .student-owl-carousel .owl-nav {
    display: flex;
    justify-content: center;
    gap: 10px;
  }
  .student-owl-carousel .owl-nav button.owl-prev{
    transform: rotate(180deg);
  }
  .student_item {
    margin: 80px 0 0px;
  }
  td:empty {
    display: none;
  }
  .gallery_detailpage ul a {
    aspect-ratio: 1/1;
  }
  .magazine_list {
    width: 47%;
  }
  .newsletter_heading {
    font-size: 16px;
  }
  .newsletter_list {
    padding: 10px 15px;
    margin: 0 0 20px 0;
    height: auto;
}
 .lab_wrapper .grid-3 {
        grid-template-columns: 1fr;
        gap: 15px;
    }
    .message_text {
      padding: 10px 0 0 0;
      border-top: 1px solid #ddd;
  }
  .reaserch_pdf_mainBox{
    grid-template-columns: repeat(1, 1fr);
    gap: 30px;
  }
  .sponsoring_body_mainbox{
    display: block;
  }
  .sponsoring_body_listing{
    text-align: left;
    margin: 0 0 15px 0;
        align-items: flex-start;
  }
    .intro_imageBox img {
    max-width: 50%;
    margin: 0 auto;
}
  
}