/*------- Font Family Starts -------*/

@font-face { font-family: "Montserrat-Regular"; src: url("../../fonts/fonts_new/Montserrat-Regular.otf"); }
@font-face { font-family: "Montserrat-SemiBold"; src: url("../../fonts/fonts_new/Montserrat-SemiBold.otf"); }
@font-face { font-family: "Montserrat-Bold"; src: url("../../fonts/fonts_new/Montserrat-Bold.otf"); }
@font-face { font-family: "Montserrat-ExtraBold"; src: url("../../fonts/fonts_new/Montserrat-ExtraBold.otf"); }
@font-face { font-family: "Poppins-Regular"; src: url("../../fonts/fonts_new/Poppins-Regular.otf"); }
@font-face { font-family: "Poppins-Medium"; src: url("../../fonts/fonts_new/Poppins-Medium.otf"); }
@font-face { font-family: "Poppins-SemiBold"; src: url("../../fonts/fonts_new/Poppins-SemiBold.otf"); }
@font-face { font-family: "Poppins-Bold"; src: url("../../fonts/fonts_new/Poppins-Bold.otf"); }
@font-face { font-family: "Inter-SemiBold"; src: url("../../fonts/fonts_new/Inter-SemiBold.otf"); }

/*------- Font Family Ends -------*/

/*------- Reset CSS Starts -------*/

html { font-size: 10px; }
h1,
h2,
h3,
h4,
h5,
h6,
p,
ul,
ol,
address,
figure { margin: 0; padding: 0; }
.table { margin-bottom: 0; }
li { list-style: none; }
a,
a:hover,
a:focus { text-decoration: none; -webkit-transition: 0.5s ease; -moz-transition: 0.5s ease; -ms-transition: 0.5s ease; -o-transition: 0.5s ease; transition: 0.5s ease; }

/*------- Reset CSS Ends -------*/

/*------- Common CSS Starts -------*/

.container-fluid { padding: 70px 15px; }
.row { margin: 0 -15px; }
.row [class^=col] { padding: 0 15px; }
.row-no-gutters { margin: 0; }
.row-no-gutters [class^=col-] { padding: 0; }
.section-heading > div > span { color: #007CEF; font: 2rem/normal "Montserrat-SemiBold"; text-transform: uppercase; }
.section-heading-white > div > span { color: #FFFFFF; }
.section-heading-center > div > span { display: block; text-align: center; }
.section-heading > h2 { color: #2B2D42; font: 4.8rem/1.5 "Poppins-Bold"; padding-bottom: 10px; position: relative; z-index: 1; }
.section-heading > h3 { color: #2B2D42; font: 3.6rem/1.5 "Poppins-Bold"; padding-bottom: 10px; position: relative; z-index: 1; }
.section-heading > h2 > span { display: block; }
.section-heading-white > h2,
.section-heading-white > h3 { color: #FFFFFF; }
.section-heading > h2::after,
.section-heading > h3::after { background-color: #007CEF; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; bottom: 0; content: ""; display: block; height: 5px; left: 0; position: absolute; width: 65px; z-index: 1; }
.section-heading-white > h2::after { background-color: #FFFFFF; }
.section-heading-white-blue-line > h2::after { background-color: #007CEF; }
.section-heading-center > h2,
.section-heading-center > h3 { text-align: center; }
.section-heading-center > h2::after,
.section-heading-center > h3::after { left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); }
.section-desc > p { margin: 40px auto; text-align: center; width: 770px; }
.btn-primary > a { background-color: #007CEF; -webkit-border-radius: 30px; -moz-border-radius: 30px; -ms-border-radius: 30px; -o-border-radius: 30px; border-radius: 30px; color: #FFFFFF; display: inline-block; font: 1.8rem/1 "Poppins-SemiBold"; padding: 21px 63px; text-align: center; }
.btn-primary > a:not([href]),
.btn-primary > a:not([href]):hover { background-color: #BBBBBB; box-shadow: none; color: #FFFFFF; cursor: no-drop; }
.btn-primary-box-shadow > a {
    box-shadow: 2px 4px 12px rgba(16, 126, 255, 0.36);
}
.btn-primary > a:hover { background-color: #0064c1; }
.btn-secondary > a { background-color: #FFFFFF; border: 2px solid #007CEF; -webkit-border-radius: 30px; -moz-border-radius: 30px; -ms-border-radius: 30px; -o-border-radius: 30px; border-radius: 30px; color: #007CEF; display: inline-block; font: 1.8rem/1 "Poppins-SemiBold"; padding: 19px 63px; text-align: center; }
.btn-secondary > a:hover { border: 2px solid #0064c1; color: #0064c1; }
p { color: #626A77; font: 1.6rem/1.7 "Poppins-Regular"; }
p.text-white { color: #FFFFFF; }
p.text-red { color: #D22B2B; }
.bg-light-gray { background-color: #F6F7FA; }
.bg-muted-blue { background-color: #2B2D42; }
.full-width-img > img { width: 100%; }

  /*------- Spacing CSS Starts -------*/

.mb-0 { margin-bottom: 0px; }
.mb-15 { margin-bottom: 15px; }
.mb-30 { margin-bottom: 30px; }
.mt-15 { margin-top: 15px; }
.mt-30 { margin-top: 30px; }
.ml-15 { margin-left: 15px; }
.ml-55 { margin-left: 55px; }
.pl-15 { padding-left: 15px; }

  /*------- Spacing CSS Ends -------*/

  /*------- Text Justify CSS Starts -------*/

.explore-info > p,
.box-news-events-info > p,
.box-testimonials-info > p,
.about-us-info-department > p,
.mission-listing-department > li,
.horizontal-tab-content > .container-fluid > .container > .row > .col-12 > div > p,
.horizontal-sub-tab-content > .container > .row > .col-12 > div > p,
.unordered-listing > li,
.ordered-listing > li,
.omega.about > p,
.about > p { text-align: justify; }
.unordered-listing > li { word-wrap: break-word; }

  /*------- Text Justify CSS Ends -------*/

  /*------- Table CSS Starts -------*/

.table-global { border: 1px solid #FFFFFF; }
.table-global > caption { caption-side: top; color: #007CEF; font: 2.4rem/normal "Poppins-SemiBold"; margin-bottom: 15px; padding: 0; text-align: left; }
.table-global > thead > tr > th { background-color: #007CEF; color: #FFFFFF; font: 1.8rem/normal "Poppins-SemiBold"; text-align: center; }
.table-global > tbody > tr > td { color: #2B2D42; font: 1.6rem/normal "Poppins-Medium"; text-align: center; vertical-align: middle; }
.table-global > thead > tr > th,
.table-global > tbody > tr > td,
.table-global > tfoot > tr > td { padding: 2rem 1rem; }
.table-global > tbody > tr > td.v-align-middle { vertical-align: middle; }
.table-global > tbody > tr > td > a { color: #2B2D42; }
.table-global > tbody > tr > td > a:hover { color: #007CEF; }
.table-global > thead > tr > th { border-radius: 24px 24px 0 0; -webkit-border-radius: 24px 24px 0 0; -moz-border-radius: 24px 24px 0 0; -ms-border-radius: 24px 24px 0 0; -o-border-radius: 24px 24px 0 0; }
.table-global > tbody > tr:nth-child(odd) > td { background-color: #E3F2FF; }
.table-global > tbody > tr:hover > td { background-color: #D3EBFF; }
.table-global > tbody > tr > td > a > i.pdf-icon { color: #007CEF; cursor: pointer; font-size: 2.4rem; -webkit-transition: 0.5s ease; -moz-transition: 0.5s ease; -ms-transition: 0.5s ease; -o-transition: 0.5s ease; transition: 0.5s ease; }
.table-global > tbody > tr > td > a > i.pdf-icon:hover { color: #00529E; }
.table-global > tfoot > tr > td { background-color: #007CEF; border-radius: 0 0 24px 24px; color: #FFFFFF; font: 1.8rem/normal "Poppins-SemiBold"; text-align: center; }

  /*------- Table CSS Ends -------*/

  /*------- Listing Section Starts -------*/

.unordered-listing > li { color: #626A77; font: 1.6rem/1.7 "Poppins-Regular"; margin-bottom: 20px; padding-left: 40px; position: relative; z-index: 1; }
.unordered-listing > li::before { content: "\f058"; font-family: "Font Awesome 6 Free"; font-size: 2.4rem; font-weight: bold; left: 0; position: absolute; top: -6px; z-index: 1; }
.unordered-listing > li:last-child { margin-bottom: 0; }
.ordered-listing > li { color: #626A77; font: 1.6rem/1.7 "Poppins-Regular"; list-style-type: decimal; margin-bottom: 10px; margin-left: 15px; }
.ordered-listing > li::marker { font: 1.8rem/1.7 "Poppins-Medium"; }
.ordered-listing > li:last-child { margin-bottom: 0; }
.ordered-listing > li > .ordered-listing { padding-top: 10px; }
.ordered-listing > li > .ordered-listing > li { list-style: lower-roman; }

  /*------- Listing Section Ends -------*/

/*------- Common CSS Ends -------*/

/*------- Home Page Starts -------*/

  /*------- Mobile Logo and Hamburger Menu Section Starts -------*/

.bg-logo-hamburger-menu-mobile { display: none; }

  /*------- Mobile Logo and Hamburger Menu Section Ends -------*/

   /*------- Mobile Navbar Menu Section Starts -------*/

.fixed-navbar-menu-mobile { display: none; }

  /*------- Mobile Navbar Menu Section Ends -------*/

  /*------- Desktop Header Menu Section Starts -------*/

.bg-desktop-header-menu { background-color: #EDF2F4; padding: 0 15px; position: relative; z-index: 3; }
.bg-desktop-header-menu::after { background-color: #0F54A5; content: ""; display: block; height: 40%; position: absolute; right: 0; top: 0; width: 55%; z-index: -1; }
.header-contact-social-listing { align-items: center; display: flex; justify-content: flex-end; padding: 12px 0; }
.header-contact-social-listing > li { margin-right: 20px; }
.header-contact-social-listing > li:last-child { margin-right: 0; }
.header-contact-social-listing > li > span,
.header-contact-social-listing > li > span > a { color: #ffffff; font: 1.6rem/1 "Poppins-Regular"; }
.header-contact-social-listing > li > span > i { padding-right: 5px; -webkit-transition: 0.5s ease; -moz-transition: 0.5s ease; -ms-transition: 0.5s ease; -o-transition: 0.5s ease; transition: 0.5s ease; }
.header-contact-social-listing > li:hover > span > a,
.header-contact-social-listing > li:hover > span > i { color: #c6f1ff; }
.header-contact-social-listing > li > a { background-color: #FFFFFF; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; color: #0F54A5; display: block; font-size: 1.4rem; height: 30px; line-height: 30px; text-align: center; width: 30px; }
.header-contact-social-listing > li > a:hover { background-color: #c6f1ff; }

/* .header-contact-info-listing { display: flex; }
.header-contact-info-listing > li { margin-right: 20px; }
.header-contact-info-listing > li:last-child { margin-right: 0; }
.header-contact-info-listing > li > span,
.header-contact-info-listing > li > span > a { color: #ffffff; font: 1.6rem/1 "Poppins-Regular"; }
.header-contact-info-listing > li > span > i { padding-right: 5px; -webkit-transition: 0.5s ease; -moz-transition: 0.5s ease; -ms-transition: 0.5s ease; -o-transition: 0.5s ease; transition: 0.5s ease; }
.header-contact-info-listing > li:hover > span > a,
.header-contact-info-listing > li:hover > span > i { color: #c6f1ff; }
.header-social-listing { display: flex; justify-content: flex-end; }
.header-social-listing > li { margin-right: 33px; }
.header-social-listing > li:last-child { margin-right: 0; }
.header-social-listing > li > a { background-color: #FFFFFF; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; color: #0F54A5; display: block; font-size: 1.4rem; height: 30px; line-height: 30px; text-align: center; width: 30px; }
.header-social-listing > li > a:hover { background-color: #c6f1ff; } */

	/*------- Desktop Header Menu Section Ends -------*/

  /*------- Desktop Logo and Navbar Menu Section Starts -------*/

.bg-logo-navbar-menu-desktop { background-color: #EDF2F4; display: block; left: 0; padding: 0 15px; position: -webkit-sticky; position: sticky; top: 0; -webkit-transition: 0.5s ease; -moz-transition: 0.5s ease; -ms-transition: 0.5s ease; -o-transition: 0.5s ease; transition: 0.5s ease; width: 100%; z-index: 2; }
.header-logo-desktop > a { display: inline-block; }
.header-logo-desktop > a > img { width: 100%; }
.menu-listing-desktop { position: relative; z-index: 2; }
.menu-listing-desktop > li { display: inline-block; margin-right: 50px; position: relative; }
.menu-listing-desktop > li:last-child { margin-right: 0; }
.menu-listing-desktop > li > a { color: #272727; display: block; font: 1.5rem/1 "Poppins-Medium"; padding: 35px 0; }
.menu-listing-desktop > li.active > a,
.menu-listing-desktop > li > a:hover { color: #007CEF; }
.sub-menu-listing-desktop {
  background-color: #FFFFFF;
  -webkit-border-radius: 0px 0px 0px 15px;
  -moz-border-radius: 0px 0px 0px 15px;
  -ms-border-radius: 0px 0px 0px 15px;
  -o-border-radius: 0px 0px 0px 15px;
  border-radius: 0px 0px 0px 15px;
  height: 520px;
  left: -250px;
  opacity: 0;
  position: absolute;
  top: 110%;
  -webkit-transition: 0.5s ease;
  -moz-transition: 0.5s ease;
  -ms-transition: 0.5s ease;
  -o-transition: 0.5s ease;
  transition: 0.5s ease;
  visibility: hidden;
  width: 340px;
  z-index: 2;
}
.sub-menu-listing-desktop::after {
  background: rgba(255, 255, 255, 0.95);
  box-shadow: 8px 8px 18px rgba(0, 0, 0, 0.1);
  content: "";
  display: block;
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
  width: 5px;
  z-index: 2;
}
.menu-listing-desktop > li:hover > a + .sub-menu-listing-desktop { opacity: 1; top: 100%; -webkit-transition: 0.5s ease; -moz-transition: 0.5s ease; -ms-transition: 0.5s ease; -o-transition: 0.5s ease; transition: 0.5s ease; visibility: visible; }
.menu-listing-desktop > li:hover > a + .mega-menu { opacity: 1; top: 100%; -webkit-transition: 0.5s ease; -moz-transition: 0.5s ease; -ms-transition: 0.5s ease; -o-transition: 0.5s ease; transition: 0.5s ease; visibility: visible; }
.sub-menu-listing-desktop > li { display: block; padding: 0 25px; margin-bottom: 25px; text-align: left; position: relative; z-index: 2; }
.sub-menu-listing-desktop > li:first-child { margin-top: 25px; }
.sub-menu-listing-desktop > li > a { color: #000000; display: block; font: 1.5rem/1 "Poppins-Medium"; position: relative; z-index: 1; }
.sub-menu-listing-desktop > li > a > i { position: absolute; right: 0; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); z-index: 1; }
.sub-menu-listing-desktop > li.active > a,
.sub-menu-listing-desktop > li > a:hover { color: #007CEF; }
.sub-right-menu-desktop { background-color: rgba(255, 255, 255, 0.95); -webkit-border-radius: 0 0 15px 0; -moz-border-radius: 0 0 15px 0; -ms-border-radius: 0 0 15px 0; -o-border-radius: 0 0 15px 0; border-radius: 0 0 15px 0; opacity: 0; left: 340px; position: absolute; top: 110%; -webkit-transition: 0.5s ease; -moz-transition: 0.5s ease; -ms-transition: 0.5s ease; -o-transition: 0.5s ease; transition: 0.5s ease; visibility: hidden; width: 590px; z-index: 2; }
.sub-right-menu-border-right-desktop { border-right: 1px solid #d8d8d8; }
.sub-right-menu-listing-desktop > li { display: block; padding: 0 25px; margin-bottom: 25px; position: relative; text-align: left; z-index: 2; }
.sub-right-menu-listing-desktop > li:first-child { margin-top: 25px; }
.sub-right-menu-listing-desktop > li > a { color: #000000; display: block; font: 1.5rem/1 "Poppins-Medium"; }
.sub-right-menu-listing-desktop > li > a:hover { color: #007CEF; }
.sub-right-menu-listing-desktop > li > a > i { position: absolute; right: 20px; z-index: 2; }
.sub-menu-listing-desktop > li:hover > a + .sub-right-menu-desktop { opacity: 1; top: -25px; visibility: visible; }
.sub-right-down-menu-listing-desktop > li { display: block; padding: 0 15px; margin-bottom: 25px; }
.sub-right-down-menu-listing-desktop > li:first-child { margin-top: 25px; }
.sub-right-down-menu-listing-desktop > li:last-child { margin-bottom: 25px; }
.sub-right-down-menu-listing-desktop > li > a { color: #000000; display: block; font: 1.5rem/1 "Poppins-Regular"; }
.sub-right-down-menu-listing-desktop > li > a:hover { color: #007CEF; }

    /*------- Mega Menu CSS Starts -------*/

.menu-listing-desktop > li.mega-menu-li { position: static; }
.mega-menu { background-color: #FFFFFF; left: 0; opacity: 0; padding: 20px; position: absolute; top: 110%; -webkit-transition: 0.5s ease; -moz-transition: 0.5s ease; -ms-transition: 0.5s ease; -o-transition: 0.5s ease; transition: 0.5s ease; visibility: hidden; width: 105%; z-index: 2; }
.mega-menu-separation { border-right: 1px solid rgb(98 106 119 / 50%); }
.mega-menu-line { border-bottom: 1px solid rgb(98 106 119 / 50%); margin: 20px 0; }
.mega-menu-heading > h4 { color: #000000; font: 1.8rem/normal "Poppins-Bold"; margin-bottom: 10px; text-transform: uppercase; }
.mega-menu-listing > li { color: #000000; font: 1.5rem/normal "Poppins-Bold"; font-family: "Poppins-SemiBold"; margin-bottom: 10px; text-transform: uppercase; }
.mega-menu-listing > li > div { margin-bottom: 10px; }
.mega-menu-listing > li,
.mega-menu-inside-listing > li { margin-bottom: 10px; overflow: hidden; }
.mega-menu-listing > li:last-child,
.mega-menu-inside-listing > li:last-child { margin-bottom: 0; }
.mega-menu-listing > li > a,
.mega-menu-inside-listing > li > a { color: #000000; display: inline-block; font: 1.5rem/normal "Poppins-Medium"; }
.mega-menu-listing > li > a:hover,
.mega-menu-inside-listing > li > a:hover { color: #007CEF; }
.mega-menu-inside-listing { margin-left: 15px; }

    /*------- Mega Menu CSS Ends -------*/

  /*------- Desktop Logo and Navbar Menu Section Ends -------*/

  /*------- Admission Inquiry Section Starts -------*/

.fixed-btn-admission-inquiry { position: fixed; right: 60px; top: 50%; -webkit-transform: rotate(90deg) translateY(-50%) translateX(50%); -moz-transform: rotate(90deg) translateY(-50%) translateX(50%); -ms-transform: rotate(90deg) translateY(-50%) translateX(50%); -o-transform: rotate(90deg) translateY(-50%) translateX(50%); transform: rotate(90deg) translateY(-50%) translateX(50%); transform-origin: right; z-index: 4; }
.btn-admission-inquiry > a { background-color: #0F54A5; -webkit-border-radius: 30px; -moz-border-radius: 30px; -ms-border-radius: 30px; -o-border-radius: 30px; border-radius: 0 0 10px 10px; color: #FFFFFF; display: inline-block; font: 1.8rem/1 "Poppins-SemiBold"; padding: 21px 42px; text-align: center; }
.btn-admission-inquiry > a:hover { background-color: #2B2D42; color: #FFFFFF; }

  /*------- Admission Inquiry Section Ends -------*/

  /*------- Slider Section CSS Starts -------*/

.bg-slider { background: url("../../images/slider.svg") no-repeat top/cover; padding: 130px 0; position: relative; z-index: 1; }
.bg-slider::before { background: linear-gradient(257.97deg, #142357 9.67%, #0B1144 95.83%); content: ""; display: block; height: 100%; left: 0; opacity: 0.5; position: absolute; top: 0; width: 100%; z-index: -1; }
.accreditations-slider { bottom: 0; left: 50%; position: absolute; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); width: 65%; }
.accreditations-slider > p { color: #ffffff; font: italic 2rem/normal "Montserrat-Bold"; margin-bottom: 15px; text-align: center; text-transform: uppercase; }
.accreditations-slider-listing { display: flex; justify-content: center; }
.accreditations-slider-listing > li { padding: 0 30px; }
.accreditations-slider-listing > li > img { height: 80px; }
.accreditations-slider-listing > li:first-child { -webkit-border-radius: 25px 0 0 0; -moz-border-radius: 25px 0 0 0; -ms-border-radius: 25px 0 0 0; -o-border-radius: 25px 0 0 0; border-radius: 25px 0 0 0; }
.accreditations-slider-listing > li:last-child { -webkit-border-radius: 0 25px 0 0; -moz-border-radius: 0 25px 0 0; -ms-border-radius: 0 25px 0 0; -o-border-radius: 0 25px 0 0; border-radius: 0 25px 0 0; }
.accreditations-slider-listing > li:nth-child(odd) { background-color: #FFFFFF; }
.accreditations-slider-listing > li:nth-child(even) { background-color: #007CEF; }
.slider-info > div:first-child { align-items: center; display: inline-flex; margin-bottom: 20px; padding: 10px 15px; position: relative; z-index: 1; }
.slider-info > div:first-child::before { background-color: #FFFFFF; content: ""; display: block; height: 100%; left: 0; position: absolute; top: 0; -webkit-transform: skew(-20deg); -moz-transform: skew(-20deg); -ms-transform: skew(-20deg); -o-transform: skew(-20deg); transform: skew(-20deg); width: 100%; z-index: -1; }
.slider-info > div:first-child > span:first-child { color: #2B2D42; font: 2.4rem/normal "Montserrat-Bold"; padding-right: 10px; }
.slider-info > div:first-child > span:nth-child(2) { color: #0F54A5; font: 3.2rem/normal "Montserrat-ExtraBold"; padding-right: 10px; }
.slider-info > h1 { color: #FFFFFF; font: 5.8rem/normal "Montserrat-Bold"; margin-bottom: 20px; }
.slider-info > h1 > span { display: block; }
.slider-info > p { color: #FFFFFF; font-size: 1.8rem; margin-bottom: 30px; }
.btn-admissions > a { background-color: #FFFFFF; box-shadow: 2px 4px 12px rgba(255, 255, 255, 0.36); color: #2B2D42; }
.btn-admissions > a:hover { background-color: #007CEF; color: #FFFFFF; }
.slider-logo { display: flex; justify-content: flex-end; }
.banner-slider.slick-initialized .slick-slide { padding: 0 15px; }

    /*------- Slider Dots CSS Starts -------*/

.banner-slider .slick-dots { bottom: -120px; right: -15px; text-align: right; -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); transform-origin: right bottom; }
.banner-slider .slick-dots li { cursor: pointer; display: inline-block; height: auto; margin: 0 5px; padding: 0; position: relative; width: auto; }
.banner-slider .slick-dots li button { background-color: #FFFFFF; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; border-radius: 10px; height: 6px; line-height: 6px; margin: 0; opacity: 1; padding: 0; -webkit-transition: 0.5s ease; -moz-transition: 0.5s ease; -ms-transition: 0.5s ease; -o-transition: 0.5s ease; transition: 0.5s ease; width: 25px; }
.banner-slider .slick-dots li.slick-active button { background-color: #007CEF; opacity: 1; width: 55px; }
.banner-slider .slick-dots li button::before { content: ""; }
.banner-slider .slick-dots li::before { color: #FFFFFF; font: 1.8rem/normal "Poppins-Regular"; left: 50%; opacity: 0; position: absolute; top: 60px; -webkit-transform: translate(-50%,-50%) rotate(-90deg); -moz-transform: translate(-50%,-50%) rotate(-90deg); -ms-transform: translate(-50%,-50%) rotate(-90deg); -o-transform: translate(-50%,-50%) rotate(-90deg); transform: translate(-50%,-50%) rotate(-90deg); visibility: hidden; }
.banner-slider .slick-dots li:first-child::before { content: "01 The College"; }
.banner-slider .slick-dots li:nth-child(2)::before { content: "02 The College"; }
.banner-slider .slick-dots li:nth-child(3)::before { content: "03 The College"; }
.banner-slider .slick-dots li.slick-active:first-child::before,
.banner-slider .slick-dots li.slick-active:nth-child(2)::before,
.banner-slider .slick-dots li.slick-active:nth-child(3)::before { opacity: 1; visibility: visible; }

    /*------- Slider Dots CSS Ends -------*/

  /*------- Slider Section CSS Ends -------*/

  /*------- Explore Section CSS Starts -------*/

.bg-explore { background-color: #007CEF; position: relative; z-index: 1; }
.bg-explore::after { background-color: #0F54A5; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; content: ""; display: block; height: 500px; left: -250px; opacity: 0.25; position: absolute; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); width: 500px; z-index: -1; }
.explore-info > p { color: #FFFFFF; font-size: 1.8rem; margin: 40px 0; padding-right: 150px; }
.btn-explore-listing { display: flex; }
.btn-explore-listing > li { margin-right: 15px; }
.btn-explore-listing > li:last-child { margin-right: 0; }
.btn-explore-listing > li > a { -webkit-border-radius: 30px; -moz-border-radius: 30px; -ms-border-radius: 30px; -o-border-radius: 30px; border-radius: 30px; color: #FFFFFF; display: inline-block; font: 1.8rem/1 "Poppins-SemiBold"; padding: 19px 38px; text-align: center; }
.btn-explore-listing > li:first-child > a { background-color: #FFFFFF; border: 2px solid #FFFFFF; box-shadow: 2px 4px 12px rgba(16, 126, 255, 0.36); color: #007CEF; }
.btn-explore-listing > li:last-child > a { border: 2px solid #FFFFFF; color: #FFFFFF; }
.btn-explore-listing > li:first-child > a:hover { background-color: #000000; border: 2px solid #000000; color: #FFFFFF; }
.btn-explore-listing > li:last-child > a:hover { background-color: #000000; border: 2px solid #000000; color: #FFFFFF; }
.important-links-section-heading > div > span { visibility: hidden; }
.imp-links-listing { margin-top: 40px; }
.imp-links-listing > li { margin-bottom: 20px; }
.imp-links-listing > li:last-child { margin-bottom: 0; }
.imp-links-listing > li > a { align-items: center; background-color: #FFFFFF; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; border-radius: 10px; color: #2B2D42; display: flex; font: 1.8rem/normal "Poppins-Medium"; padding: 15px; }
.imp-links-listing > li > a > img { margin-right: 10px; }
.imp-links-listing > li > a:hover { background-color: #c6f1ff; }
.marquee { background-color: #FFFFFF; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; border-radius: 10px; margin-top: 40px; padding: 20px; }
.marquee-vertical-listing > li { border-bottom: 1px solid rgb(0, 0, 0, 0.2); display: block; margin-bottom: 15px; padding-bottom: 15px; }
.marquee-vertical-listing > li:last-child { margin-bottom: 0; }
.marquee-vertical-listing > li > a { color: #000000; font: 1.8rem/normal "Poppins-Regular"; }
.marquee-vertical-listing > li > a:hover { color: #007CEF; }

  /*------- Explore Section CSS Ends -------*/

  /*------- News and Events Section CSS Starts -------*/

.bg-news-events { background-color: #F6F7FA; padding: 70px 15px 110px; }
.btn-news-events { text-align: right; }
.box-news-events { background-color: #FFFFFF; -webkit-border-radius: 20px; -moz-border-radius: 20px; -ms-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; box-shadow: 3px 4px 31px -9px rgba(32, 32, 39, 0.06); }
.box-news-events-image { -webkit-border-radius: 20px 20px 0 0; -moz-border-radius: 20px 20px 0 0; -ms-border-radius: 20px 20px 0 0; -o-border-radius: 20px 20px 0 0; border-radius: 20px 20px 0 0; position: relative; z-index: 1; }
.box-news-events-image::after { background-color: #7998B4; -webkit-border-radius: 20px 20px 0 0; -moz-border-radius: 20px 20px 0 0; -ms-border-radius: 20px 20px 0 0; -o-border-radius: 20px 20px 0 0; border-radius: 20px 20px 0 0; content: ""; display: block; height: 100%; left: 0; opacity: 0.45; position: absolute; top: 0; width: 100%; z-index: 1; }
.box-news-events-image > img { -webkit-border-radius: 20px 20px 0 0; -moz-border-radius: 20px 20px 0 0; -ms-border-radius: 20px 20px 0 0; -o-border-radius: 20px 20px 0 0; border-radius: 20px 20px 0 0; height: 350px; object-fit: cover; width: 100%; }
.box-news-events-info { padding: 20px; }
.box-news-events-info > h3 { color: #2B2D42; font: 2.4rem/normal "Poppins-Bold"; margin-bottom: 15px; min-height: 70px; }
.news-events-border-top { border-top: 1px solid #D6DAE0; margin: 20px 0; }
.news-events-date-user { align-items: center; display: flex; }
.news-events-date-user > span { color: #626A77; font: 1.6rem/normal "Poppins-Regular"; padding-left: 10px; }

    /*------- News and Events Section Slider CSS Starts -------*/
    
.news-events-slider { margin-bottom: 0; margin-top: 50px; }
.news-events-slider.slick-initialized .slick-slide { margin: 0 15px; }

      /*------- News and Events Section Slider Arrows CSS Starts -------*/

.news-events-slider .slick-prev,
.news-events-slider .slick-next { background-color: #D6DAE0; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; height: 50px; width: 50px; z-index: 1; }
.news-events-slider .slick-prev { left: -10px; }
.news-events-slider .slick-next { right: -10px; }
.news-events-slider .slick-prev::before,
.news-events-slider .slick-next::before {
	color: #272727;
	content: "\f053";
	font-family: "Font Awesome 6 Free";
	font-weight: 900;
}
.news-events-slider .slick-next::before {
	content: "\f054";
}
.news-events-slider .slick-prev.slick-disabled,
.news-events-slider .slick-next.slick-disabled {
    cursor: not-allowed;
}

      /*------- News and Events Section Slider Arrows CSS Ends -------*/

      /*------- News and Events Section Slider Dots CSS Starts -------*/

.news-events-slider .slick-dots { bottom: -70px; }
.news-events-slider .slick-dots li { cursor: pointer; display: inline-block; height: auto; margin: 0 5px; padding: 0; position: relative; width: auto; }
.news-events-slider .slick-dots li button { background-color: #626A77; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; border-radius: 10px; height: 6px; line-height: 6px; margin: 0; opacity: 0.2; -webkit-transition: 0.5s ease; -moz-transition: 0.5s ease; -ms-transition: 0.5s ease; -o-transition: 0.5s ease; transition: 0.5s ease; width: 20px; }
.news-events-slider .slick-dots li.slick-active button { background-color: #007CEF; opacity: 1; width: 40px; }
.news-events-slider .slick-dots li button::before { content: ""; }

		  /*------- News and Events Section Slider Dots CSS Ends -------*/
    
    /*------- News and Events Section Slider CSS Starts -------*/ 

  /*------- News and Events Section CSS Ends -------*/

  /*------- About Us Section CSS Starts -------*/

.about-image > img { width: 100%; }
.about-image-1 { margin-right: 10px; }
.about-image-2 { position: relative; z-index: 1; }
.about-image-info { align-items: center; background-color: #F7F8FA; bottom: 70px; display: flex; left: -150px; padding: 30px; position: absolute; width: 350px; }
.about-logo { margin-right: 20px; }
.about-logo > img { width: 100%; }
.about-logo-info > div > span { color: #000000; display: block; font: 4rem/normal "Poppins-Bold"; margin-bottom: -5px; }
.about-section-heading > h2 { margin-bottom: 30px; }
.about-info > p { margin-bottom: 30px; text-align: justify; }
.btn-about-listing { display: flex; }
.btn-about-listing > li { margin-right: 15px; }
.btn-about-listing > li:last-child { margin-right: 0; }
.btn-about-listing > li > a { -webkit-border-radius: 30px; -moz-border-radius: 30px; -ms-border-radius: 30px; -o-border-radius: 30px; border-radius: 30px; color: #FFFFFF; display: inline-block; font: 1.8rem/1 "Poppins-SemiBold"; padding: 21px 63px; text-align: center; }
.btn-about-listing > li:first-child > a { background-color: #007CEF; box-shadow: 2px 4px 12px rgba(16, 126, 255, 0.36); }
.btn-about-listing > li:last-child > a { background-color: #2B2D42; }
.btn-about-listing > li:first-child > a:hover { background-color: #0064c1; }
.btn-about-listing > li:last-child > a:hover { background-color: #191a27; }

  /*------- About Us Section CSS Ends -------*/

  /*------- Why Choose Section CSS Starts -------*/

.bg-why-choose { background-color: #F6F7FA; padding: 70px 0 0; }
.box-why-choose { position: relative; z-index: 1; }
.box-why-choose::before { background: linear-gradient(257.97deg, #142357 9.67%, #0B1144 95.83%); content: ""; display: block; height: 100%; left: 0; opacity: 0.5; position: absolute; top: 0; width: 100%; z-index: 0; }
.box-why-choose-image > img { width: 100%; }
.box-why-choose-info { bottom: 0; left: 0; padding: 20px; position: absolute; width: 100%; }
.box-why-choose-info > h3 { color: #FFFFFF; font: 2.4rem/normal "Poppins-Bold"; margin-bottom: 0; }
.box-why-choose-info > p { color: #FFFFFF; font-family: "Poppins-Regular"; }

  /*------- Why Choose Section CSS Ends -------*/

  /*------- Counter Section CSS Starts -------*/

.bg-counter { background: url("../../images/shape.svg") no-repeat top/cover; }
.bg-counter-image > img { width: 100%; }
.box-counter-image { margin-bottom: 25px; text-align: center; }
.box-counter-info > h2 { color: #FFFFFF; font: 4.8rem/1.25 "Poppins-Bold"; text-align: center; }
.box-counter-info > p { color: #FFFFFF; font: 1.8rem/1.5 "Poppins-Medium"; text-align: center; }

  /*------- Counter Section CSS Ends -------*/
  
  /*------- Testimonials Section CSS Starts -------*/

.bg-testimonials { padding: 70px 15px 120px; }
.box-testimonials { background-color: #FFFFFF; -webkit-border-radius: 20px; -moz-border-radius: 20px; -ms-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; box-shadow: 0px 2px 16px 2px rgba(0, 0, 0, 0.06); margin: 30px 15px; padding: 30px 60px; }
.box-testimonials-image > img { margin-bottom: 30px; }
.box-testimonials-info > p { color: #2B2D42; margin-bottom: 30px; }
.testimonials-ratings-listing > li { margin-right: 7px; }
.testimonials-ratings-listing > li:last-child { margin-right: 0; }
.testimonials-ratings-listing > li > i { color: #007CEF; font-size: 2rem; }
.testimonials-person > p { align-items: center; color: #2B2D42; display: flex; font-family: "Poppins-SemiBold"; justify-content: flex-end; }
.testimonials-person > p > span { background-color: #2B2D42; display: inline-block; height: 1px; margin-right: 10px; width: 15px; }

    /*------- Testimonials Section Slider CSS Starts -------*/
    
.testimonials-slider.slick-dotted.slick-slider { margin-bottom: 0; }
.testimonials-slider.slick-initialized .slick-slide { margin: 0 5px; }

      /*------- Testimonials Section Slider Dots CSS Starts -------*/

.testimonials-slider .slick-dots { bottom: -50px; }
.testimonials-slider .slick-dots li { cursor: pointer; display: inline-block; height: auto; margin: 0 5px; padding: 0; position: relative; width: auto; }
.testimonials-slider .slick-dots li button { background-color: #626A77; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; border-radius: 10px; height: 6px; line-height: 6px; margin: 0; opacity: 0.2; -webkit-transition: 0.5s ease; -moz-transition: 0.5s ease; -ms-transition: 0.5s ease; -o-transition: 0.5s ease; transition: 0.5s ease; width: 20px; }
.testimonials-slider .slick-dots li.slick-active button { background-color: #007CEF; opacity: 1; width: 40px; }
.testimonials-slider .slick-dots li button::before { content: ""; }

      /*------- Testimonials Section Slider Dots CSS Ends -------*/

    /*------- Testimonials Section Slider CSS Ends -------*/

  /*------- Testimonials Section CSS Ends -------*/

  /*------- Social Media Posts Section CSS Starts -------*/

.bg-social-updates { background-color: rgb(242 242 242 / 20%); }
.social-updates-section-heading > h2 { margin-bottom: 40px; }
.fb_iframe_widget { border: 2px solid #BBBBBB; padding: 10px; }

  /*------- Social Media Posts Section CSS Ends -------*/

  /*------- Footer Section CSS Starts -------*/

.bg-footer {
    background-color: rgb(195 205 220 / 20%);
    padding-bottom: 0;
}
.footer-logo > a { display: inline-block; margin-bottom: 30px; }
.footer-logo > a > img { width: 300px; }
.footer-desc > p { margin-bottom: 50px; padding-right: 30px; }
.footer-heading > h4 { color: #2B2D42; font: 2.4rem/normal "Poppins-Bold"; margin-bottom: 15px; }
.footer-heading > h5 { color: #2B2D42; font: 2rem/normal "Inter-SemiBold"; margin-bottom: 30px; }
.footer-heading > h6 { color: #2B2D42; font: 1.8rem/normal "Poppins-Medium"; margin-bottom: 20px; }
.input-group-subscribe { background-color: #FFFFFF; border: 1px solid #C3CDDC; -webkit-border-radius: 30px; -moz-border-radius: 30px; -ms-border-radius: 30px; -o-border-radius: 30px; border-radius: 30px; margin-bottom: 50px; }
.form-control-subscribe { border: 0; -webkit-border-radius: 30px 0 0 30px; -moz-border-radius: 30px 0 0 30px; -ms-border-radius: 30px 0 0 30px; -o-border-radius: 30px 0 0 30px; border-radius: 30px 0 0 30px; font: 1.6rem/normal "Poppins-Regular"; padding: 1.75rem 2rem; }
.form-control-subscribe::-webkit-input-placeholder { color: #626A77; }
.form-control-subscribe::-moz-placeholder { color: #626A77; }
.form-control-subscribe:-ms-input-placeholder { color: #626A77; }
.form-control-subscribe:-moz-placeholder { color: #626A77; }
.form-control-subscribe:focus { box-shadow: none; }
.input-group >:not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback).input-group-text-subscribe { background-color: #007CEF; -webkit-border-radius: 26px; -moz-border-radius: 26px; -ms-border-radius: 26px; -o-border-radius: 26px; border-radius: 26px; color: #FFFFFF; cursor: pointer; font: 1.6rem/normal "Poppins-Medium"; margin: 4px; padding: 1rem 3rem; -webkit-transition: 0.5s ease; -moz-transition: 0.5s ease; -ms-transition: 0.5s ease; -o-transition: 0.5s ease; transition: 0.5s ease; }
.input-group >:not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback).input-group-text-subscribe:hover { background-color: #0064c1; }
.quick-links-listing > li { margin-bottom: 15px; }
.quick-links-listing > li:last-child { margin-bottom: 0; }
.quick-links-listing > li > a { color: #2B2D42; font: 1.6rem/normal "Poppins-Regular"; }
.quick-links-listing > li > a:hover { color: #007CEF; }
.iframe-social-post { border: 1px solid #BBBBBB; height: 370px; padding: 10px; width: 100%; }
.footer-contact-listing,
.footer-address-listing { margin-bottom: 50px; }
.footer-contact-listing > li,
.footer-address-listing > li { margin-bottom: 15px; padding-left: 35px; position: relative; z-index: 1; }
.footer-contact-listing > li:last-child,
.footer-address-listing > li:last-child { margin-bottom: 0; }
.footer-contact-listing > li:first-child::before,
.footer-contact-listing > li:nth-child(2)::before,
.footer-contact-listing > li:nth-child(3)::before { color: #272727; content: "\f0e0"; display: block; font-family: "Font Awesome 6 Free"; font-size: 2rem; font-weight: 900; left: 0; position: absolute; top: -1px; }
.footer-contact-listing > li:nth-child(2)::before { content: "\f879"; }
.footer-contact-listing > li:nth-child(3)::before { content: "\f879"; }
.footer-contact-listing > li > p { line-height: normal; margin-bottom: 5px; }
.footer-contact-listing > li > p > a { color: #272727; display: inline-block; font: 1.8rem/normal "Mulish-Regular"; }
.footer-contact-listing > li > a { color: #272727; display: inline-block; font: 1.6rem/normal "Poppins-Regular"; }
.footer-contact-listing > li > p > a:hover,
.footer-contact-listing > li > a:hover,
.footer-links-listing > li > a:hover { color: #007CEF; }
.footer-address-listing > li::before { color: #272727; content: "\f3c5"; display: block; font-family: "Font Awesome 6 Free"; font-size: 2rem; font-weight: 900; left: 0; position: absolute; top: -1px; }
.footer-address-listing > li > address > p { color: #2B2D42; }
.bg-copyright { background-color: #2B2D42; padding: 20px 15px 15px; }
.copyright-info > p { color: #FFFFFF; }
.copyright-info > p > span { color: #0DCAF0; font-family: "Poppins-Medium"; }
.footer-social-listing { display: flex; justify-content: center; }
.footer-social-listing > li { margin-right: 25px; }
.footer-social-listing > li:last-child { margin-right: 0; }
.footer-social-listing > li > a { color: #FFFFFF; font-size: 1.8rem; }
.footer-social-listing > li > a > svg > path { fill: #FFFFFF; -webkit-transition: 0.5s ease; -moz-transition: 0.5s ease; -ms-transition: 0.5s ease; -o-transition: 0.5s ease; transition: 0.5s ease; }
.footer-social-listing > li > a:hover > svg > path { fill: #007CEF; }
.extra-pages-quick-links-listing { text-align: right; }
.extra-pages-quick-links-listing > li { display: inline-block; margin: 0 10px 5px 0; }
.extra-pages-quick-links-listing > li > a { color: #FFFFFF; font: 1.6rem/normal "Poppins-Regular"; }
.footer-social-listing > li > a:hover,
.extra-pages-quick-links-listing > li > a:hover { color: #007CEF; }
.design-develop-by-info > p { color: #FFFFFF; text-align: right; }
.design-develop-by-info > p > a { color: #FFFFFF; }

  /*------- Footer Section CSS Ends -------*/

/*-------- Home Page Ends -------*/

/*-------- Engineering : Department Page Starts -------*/

  /*-------- Banner Section Starts -------*/

.bg-banner-ip { background: url("../../images/banner.svg") no-repeat top/cover; padding: 100px 15px 160px; position: relative; z-index: 1; }
.bg-department-banner-ip { background: url("../../images/department-banner.svg") no-repeat top/cover; }
.bg-banner-ip::before { background: linear-gradient(257.97deg, #142357 9.67%, #0B1144 95.83%); content: ""; display: block; height: 100%; left: 0; opacity: 0.7; position: absolute; top: 0; width: 100%; z-index: -1; }
.banner-info-ip > h1 { color: #FFFFFF; font: 5.8rem/normal "Montserrat-Bold"; margin-bottom: 20px; }
.banner-info-ip > h1 > span { display: block; }
.banner-info-ip > p { color: #FFFFFF; font: 1.8rem/1.7 "Poppins-Regular"; margin: 0 auto; width: 750px; }
.breadcrumb-listing { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; justify-content: center; }
.breadcrumb-listing > li { margin-right: 15px; padding-right: 20px; position: relative; z-index: 1; }
.breadcrumb-listing > li:last-child { margin-right: 0; padding-right: 0; }
.breadcrumb-listing > li::after { color: #FFFFFF; content: "/"; display: block; font-size: 1.6rem; position: absolute; right: 0; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); z-index: -1; }
.breadcrumb-listing > li:last-child::after { display: none; } 
.breadcrumb-listing > li > a { color: #FFFFFF; font: 1.8rem/normal "Montserrat-Regular"; }
.breadcrumb-listing > li > a:hover { color: #007CEF; }

  /*-------- Banner Section Ends -------*/

  /*------- Horizontal Tab Section Starts -------*/

.bg-horizontal-tab { margin-top: -112px; padding-bottom: 0; position: relative; z-index: 2; }
.horizontal-tab-listing,
.horizontal-sub-tab-listing { background-color: #F2F2F2; -webkit-border-radius: 12px; -moz-border-radius: 12px; -ms-border-radius: 12px; -o-border-radius: 12px; border-radius: 12px; display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; }
.horizontal-tab-listing > li { position: relative; }
.horizontal-tab-listing > li > a,
.horizontal-sub-tab-listing > li > a { color: #626A77; font: 1.6rem/1.5 "Poppins-Medium"; display: block; padding: 30px 20px; }
.horizontal-tab-listing > li > a > i { padding-left: 5px; }
.horizontal-tab-listing > li.active > a,
.horizontal-tab-listing > li > a:hover,
.horizontal-sub-tab-listing > li.active > a,
.horizontal-sub-tab-listing > li > a:hover { background-color: rgb(225 234 243 / 60%); color: #007CEF; }
.horizontal-tab-listing > li:first-child.active > a,
.horizontal-tab-listing > li:first-child > a:hover,
.horizontal-sub-tab-listing > li:first-child.active > a,
.horizontal-sub-tab-listing > li:first-child > a:hover { -webkit-border-radius: 12px 0 0 12px; -moz-border-radius: 12px 0 0 12px; -ms-border-radius: 12px 0 0 12px; -o-border-radius: 12px 0 0 12px; border-radius: 12px 0 0 12px; }
.horizontal-tab-listing > li:last-child.active > a,
.horizontal-tab-listing > li:last-child > a:hover,
.horizontal-sub-tab-listing > li:last-child.active > a,
.horizontal-sub-tab-listing > li:last-child > a:hover { -webkit-border-radius: 0 12px 12px 0; -moz-border-radius: 0 12px 12px 0; -ms-border-radius: 0 12px 12px 0; -o-border-radius: 0 12px 12px 0; border-radius: 0 12px 12px 0; }
.horizontal-tab-listing > li:hover > a + .horizontal-tab-sub-listing { opacity: 1; visibility: visible; }
.horizontal-tab-sub-listing { background-color: #F8F8F8; box-shadow: 5px 4px 15.1px -7px rgba(0, 0, 0, 0.15); left: 0; opacity: 0; position: absolute; top: 100%; visibility: hidden; z-index: 2; }
.horizontal-tab-sub-listing > li,
.horizontal-tab-sub-right-listing > li { margin: 30px 0; position: relative; z-index: 1; }
.horizontal-tab-sub-listing > li > a,
.horizontal-tab-sub-right-listing > li > a { background-color: transparent; color: #626A77; display: block; font: 1.6rem/normal "Poppins-Medium"; padding: 0 30px; }
.horizontal-tab-sub-listing > li.active > a,
.horizontal-tab-sub-listing > li > a:hover,
.horizontal-tab-sub-right-listing > li.active > a,
.horizontal-tab-sub-right-listing > li > a:hover { color: #007CEF; }
.horizontal-tab-sub-right-listing { background-color: #F8F8F8; box-shadow: 5px 4px 15.1px -7px rgba(0, 0, 0, 0.15); left: 148px; opacity: 0; position: absolute; top: 0; visibility: hidden; z-index: 2; }
.horizontal-tab-sub-listing > li:hover > a + .horizontal-tab-sub-right-listing { opacity: 1; visibility: visible; }
.horizontal-tab-content.active,
.horizontal-sub-tab-content.active { display: block; }
.horizontal-tab-content.hide,
.horizontal-sub-tab-content.hide { display: none; }

  /*------- Horizontal Tab Section Ends -------*/

  /*------- About Us Section Starts -------*/

.about-us-img-department { position: relative; z-index: 1; }
.about-us-img-department > img { width: 100%; }
.about-us-above-img-department { bottom: -70px; position: absolute; right: -140px; z-index: 1; }
.about-us-info-department { margin-left: 50px; }
.about-us-info-department > div > h2 { margin-bottom: 30px; }
.about-us-info-department > p { margin-bottom: 30px; }
.about-us-info-department > p:last-child { margin-bottom: 0; }

  /*------- About Us Section Ends -------*/

  /*------- Vision Section Starts -------*/

.bg-vision-department { background: url("../../images/shape.svg") no-repeat top/cover; padding: 100px 15px; }
.bg-vision-architecture-department { margin-top: 50px; }
.vision-info-department { margin-top: 30px; }
.vision-info-department > p { color: #FFFFFF; margin: 0 auto; text-align: center; width: 1000px; }

  /*------- Vision Section Ends -------*/

  /*------- Mission Section Starts -------*/

.peo-info-department { padding-right: 50px; }
.pso-info-department,
.po-info-department { padding-left: 50px; }
.mission-listing-department { margin-top: 50px; }
.mission-listing-department > li { color: #626A77; font: 1.6rem/1.7 "Poppins-Regular"; margin-bottom: 30px; padding-left: 40px; position: relative; z-index: 1; }
.mission-listing-department > li:last-child { margin-bottom: 0; }
.mission-listing-department > li > img { left: 0; position: absolute; top: 5px; z-index: 1; }
.mission-img-department > img { width: 100%; }

  /*------- Mission Section Ends -------*/

  /*------- PEO and PSO Section Starts -------*/

.bg-peo-pso-department,
.bg-peo-po-department { background-color: #F6F7FA; position: relative; z-index: 1; }
.bg-peo-department { background-color: #F6F7FA; }
.bg-peo-pso-department::after,
.bg-peo-po-department::after { background-color: #2B2D42; content: ""; display: block; height: 100%; position: absolute; right: 0; top: 0; width: 50%; z-index: -1; }
.peo-listing-department,
.pso-listing-department,
.po-listing-department { margin-top: 50px; }
.peo-listing-department > li,
.pso-listing-department > li,
.po-listing-department > li { color: #626A77; font: 1.6rem/1.7 "Poppins-Regular"; margin-bottom: 30px; padding-left: 40px; position: relative; z-index: 1; }
.pso-listing-department > li,
.po-listing-department > li { color: #FFFFFF; }
.peo-listing-department > li:last-child,
.pso-listing-department > li:last-child,
.po-listing-department > li:last-child { margin-bottom: 0; }
.peo-listing-department > li > img,
.pso-listing-department > li > img,
.po-listing-department > li > img { left: 0; position: absolute; top: 0; z-index: 1; }

  /*------- PEO and PSO Section Ends -------*/

  /*------- PO Section Starts -------*/

.box-po-info-department { background-color: #FFFFFF; -webkit-border-radius: 21px;  -moz-border-radius: 21px; -ms-border-radius: 21px; -o-border-radius: 21px; border-radius: 21px; box-shadow: 0px 2px 43px 2px rgba(0, 0, 0, 0.06); margin-top: 70px; padding: 40px; }
.box-po-info-department > h5 { color: #007CEF; font: 2rem/normal "Poppins-Bold"; margin-bottom: 5px; }
.box-po-info-department > p { margin-bottom: 30px; }
.box-po-info-department > p:last-child { margin-bottom: 0; }

  /*------- PO Section Ends -------*/

  /*------- Programs Table Section Starts -------*/

.programs-section-heading-department > h2 { margin-bottom: 50px; }
.table-department { border: 1px solid #FFFFFF; }
.table-department > thead > tr > th { background-color: #007CEF; color: #FFFFFF; font: 1.8rem/normal "Poppins-SemiBold"; text-align: center; }
.table-department > tbody > tr > td { color: #2B2D42; font: 1.6rem/normal "Poppins-Medium"; text-align: center; }
.table-department > tbody > tr > td p { color: #2B2D42; font-family: "Poppins-Medium"; }
.table-department > thead > tr > th,
.table-department > tbody > tr > td { padding: 2rem 1rem; }
.table-department > thead > tr > th { border-radius: 24px 24px 0 0; -webkit-border-radius: 24px 24px 0 0; -moz-border-radius: 24px 24px 0 0; -ms-border-radius: 24px 24px 0 0; -o-border-radius: 24px 24px 0 0; }
.table-department > tbody > tr:nth-child(odd) > td { background-color: #E3F2FF; }
.table-department > tbody > tr:hover > td { background-color: #D3EBFF; }

  /*------- Programs Table Section Ends -------*/

  /*------- Staff Section Starts -------*/

.bg-staff-department { padding-bottom: 40px; }
.box-staff-department { background-color: #FFFFFF; -webkit-border-radius: 21px; -moz-border-radius: 21px; -ms-border-radius: 21px; -o-border-radius: 21px; border-radius: 21px; box-shadow: 0px 2px 43px 2px rgba(0, 0, 0, 0.06); margin-bottom: 30px; padding: 50px 15px; }
.box-staff-image-department { text-align: center; }
.box-staff-image-department > a { display: block; }
.box-staff-image-department img { margin-bottom: 30px; width: 70%; }
.box-staff-info-department > h3 { color: #000000; font: 2.4rem/normal "Poppins-Bold"; }
.box-staff-info-department > p { margin-bottom: 20px; }
.box-staff-info-department > p:last-child { margin-bottom: 0; }
.box-staff-info-department > h4 { align-items: center; color: #000000; display: flex; font: 2rem/normal "Poppins-SemiBold"; justify-content: center; margin-bottom: 10px; }
.box-staff-info-department > h4:last-child { margin-bottom: 0; }
.box-staff-info-department > h4 > img { padding-right: 10px; }

    /*-------- Staff Details Section Strats -------*/

.bg-profile-cover { background: url(http://svitcode.thevconnect.com/images/slider.svg) no-repeat 100% 70% / cover; padding: 160px 15px; }
.staff-detail-profile-pic > img { background-color: #FFFFFF; border: 1px solid #D6DAE0; border-radius: 50%; box-shadow: rgba(0, 0, 0, 0.25) 0px 25px 20px -20px; height: 250px; margin-bottom: 30px; margin-top: -125px; object-fit: cover; padding: 10px; width: 250px; }

    /*-------- Staff Details Section Ends -------*/

  /*------- Staff Section Ends -------*/

  /*------- Operation and Maintenance Lab Section Starts -------*/

.bg-operations-maintenance-lab-department { background-color: #F6F7FA; }
.operations-maintenance-lab-image-department > img,
.aerodynamics-lab-image-department > img,
.avionics-lab-image-department > img,
.aircraft-design-lab-image-department > img { width: 100%; }
.operations-maintenance-lab-section-heading-department > h2,
.aerodynamics-lab-section-heading-department > h2,
.avionics-lab-section-heading-department > h2,
.aircraft-design-lab-section-heading-department > h2 { margin-bottom: 30px; }

  /*------- Operation and Maintenance Lab Section Ends -------*/

  /*------- Aerodynamics lab Section Starts -------*/

.bg-aerodynamics-lab-department,
.bg-aircraft-design-lab-department { background-color: #2B2D42; }

  /*------- Aerodynamics lab Section Ends -------*/

  /*------- Department Tabs Section Starts -------*/

    /*------- Department Activity Section Starts -------*/

.bg-sttp-fdp-symp-confe-department,
.bg-expert-lecture-department,
.bg-seminar-workshop-training-department,
.bg-poster-project-prese-department,
.bg-other-activities-department,
.bg-industry-visit-deparment { padding-bottom: 40px; }
.department-activity-section-heading-department > h2,
.industry-interaction-section-heading-department > h2 { margin-bottom: 70px; }
.box-department-activity-department { background-color: #F6F7FA; -webkit-border-radius: 20px; -moz-border-radius: 20px; -ms-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; margin-bottom: 30px; padding: 30px; }
.box-department-activity-department > p { margin-bottom: 30px; }
.department-activity-date-department > p { display: flex; justify-content: flex-end; }
.department-activity-date-department > p > img { margin-right: 10px; }
.btn-department-activity-primary > a { display: block; }

    /*------- Department Activity Section Ends -------*/

  /*------- Department Tabs Section Ends -------*/

  /*------- Achivements Tabs Section Starts -------*/

.achivements-section-heading-department > h2 { margin-bottom: 50px; }
.box-achivements-department { background-color: #FFFFFF; -webkit-border-radius: 24px; -moz-border-radius: 24px; -ms-border-radius: 24px; -o-border-radius: 24px; border-radius: 24px; box-shadow: 0px 2px 43px 2px rgba(0, 0, 0, 0.06); margin-bottom: 50px; }
.box-achivements-department:last-of-type { margin-bottom: 0; }
.box-achivements-images-department { margin: 30px 0 30px 30px; }
.box-achivements-images-department > img { -webkit-border-radius: 14px; -moz-border-radius: 14px; -ms-border-radius: 14px; -o-border-radius: 14px; border-radius: 14px; box-shadow: 0px 2px 43px 2px rgba(0, 0, 0, 0.06); width: 100%; }
.box-achivements-info-department { padding: 30px 30px 30px 0; }
.box-achivements-info-department > p:first-child { background-color: rgb(0 124 239 / 10%); -webkit-border-radius: 7px; -moz-border-radius: 7px; -ms-border-radius: 7px; -o-border-radius: 7px; border-radius: 7px; color: #000000; display: inline-block; margin-bottom: 20px; padding: 5px 10px; }
.box-achivements-info-department > p:last-child { margin-bottom: 0; }

  /*------- Achivements Tabs Section Ends -------*/

/*-------- Engineering : Department Page Ends -------*/

/*-------- Engineering : Events Page Starts -------*/

  /*------- Prakarsh Tabs Section Starts -------*/

.box-event-image-ep,
.box-center-cell-image-ccp { height: 250px; margin-bottom: 30px; }
.box-event-image-ep > img,
.box-center-cell-image-ccp > img { -webkit-border-radius: 14px; -moz-border-radius: 14px; -ms-border-radius: 14px; -o-border-radius: 14px; border-radius: 14px; height: 100%; object-fit: cover; width: 100%; }
.box-e-cell-image-ccp > img { width: 100%; }

  /*------- Prakarsh Tabs Section Ends -------*/

/*-------- Engineering : Events Page Ends -------*/

/*-------- Engineering : Center and Cell Page Starts -------*/

  /*------- E-Cell Tabs Section Starts -------*/

.box-e-cell-image-ccp > img { width: 100%; }

  /*------- E-Cell Tabs Section Ends -------*/

/*-------- Engineering : Center and Cell Page Ends -------*/

/*-------- Architecture : Academics Page Starts -------*/

  /*------- Vertical Menu and Extra Section CSS Starts -------*/

.bg-architecture-visit-aacap { padding: 250px 15px; }
.bg-inte-design-aacap { padding: 150px 15px; }
.bg-vertical-menu-relative { position: relative; z-index: 1; }
.vertical-menu { position: absolute; right: 0; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); z-index: 1; }
.vertical-menu-listing { border: 1px solid #D6DAE0; -webkit-border-radius: 7px 0 0 7px; -moz-border-radius: 7px 0 0 7px; -ms-border-radius: 7px 0 0 7px; -o-border-radius: 7px 0 0 7px; border-radius: 7px 0 0 7px; }
.vertical-left-menu-listing { -webkit-border-radius: 7px; -moz-border-radius: 7px; -ms-border-radius: 7px; -o-border-radius: 7px; border-radius: 7px; }
.vertical-menu-listing > li { border-bottom: 1px solid #D6DAE0; display: block; }
.vertical-menu-listing > li:last-child { border-bottom: 0; }
.vertical-menu-listing > li > a { color: #2B2D42; display: block; font: 1.6rem/normal "Poppins-Medium"; padding: 15px 20px; }
.vertical-menu-listing > li > a:hover { background-color: #E7F0FC; color: #007CEF; }
  
  /*------- Vertical Menu and Extra Section CSS Ends -------*/

/*-------- Architecture : Academics Page Ends -------*/

/*-------- Architecture : Architecture Forms Page Starts -------*/

  /*------- Architecture Forms Section Starts -------*/

.bg-architecture-forms { padding: 70px 15px 40px; }
.box-architecture-forms { background-color: #FFFFFF; -webkit-border-radius: 21px; -moz-border-radius: 21px; -ms-border-radius: 21px; -o-border-radius: 21px; border-radius: 21px; box-shadow: 0px 2px 43px 2px rgba(0, 0, 0, 0.06); margin-bottom: 30px; padding: 10px 15px 25px; }
.box-architecture-forms-image { text-align: center; }
.box-architecture-forms-image > a { display: block; margin-bottom: 5px; }
.box-architecture-forms-image > a > img { width: 100%; }
  
  /*------- Architecture Forms Section Ends -------*/
  
/*-------- Architecture : Architecture Forms Page Ends -------*/

/*-------- Architecture : People Page Starts -------*/

    /*------- People Tabs Section Starts -------*/

.box-people { background-color: #FFFFFF; -webkit-border-radius: 21px; -moz-border-radius: 21px; -ms-border-radius: 21px; -o-border-radius: 21px; border-radius: 21px; box-shadow: 0px 2px 43px 2px rgba(0, 0, 0, 0.06); margin-bottom: 50px; }
.box-people-images { cursor: pointer; margin: 0; }
.box-people-images > img { -webkit-border-radius: 21px 0 0 21px; -moz-border-radius: 21px 0 0 21px; -ms-border-radius: 21px 0 0 21px; -o-border-radius: 21px 0 0 21px; border-radius: 21px 0 0 21px; box-shadow: 0px 2px 43px 2px rgba(0, 0, 0, 0.06); width: 100%; }
.box-people-info { padding: 30px 30px 30px 0; }
.box-people-info > h3 { color: #000; font: 2.4rem/normal "Poppins-Bold"; margin-bottom: 10px; }
.box-people-info > p:nth-child(2) { color: #000; font: 1.8rem/normal "Poppins-Medium"; margin-bottom: 10px; }
.box-people-info > p:nth-child(3) { color: #626a77; font: 1.6rem/1.5 "Poppins-Regular"; text-align: justify; }

  /*------- People Tabs Section Ends -------*/

/*-------- Architecture : People Page Ends -------*/

/*-------- Architecture : Students Page Starts -------*/

    /*------- Image, Information, and Pagination Section Starts -------*/

.box-architecture-students { background-color: #FFFFFF; -webkit-border-radius: 21px; -moz-border-radius: 21px; -ms-border-radius: 21px; -o-border-radius: 21px; border-radius: 21px; box-shadow: 0px 2px 43px 2px rgba(0, 0, 0, 0.06); margin-bottom: 30px; padding: 25px; }
.box-architecture-students-image > a { display: block; }
.box-architecture-students-image > a > img,
.box-architecture-students-image > img { -webkit-border-radius: 14px; -moz-border-radius: 14px; -ms-border-radius: 14px; -o-border-radius: 14px; border-radius: 14px; width: 100%; }
.box-architecture-students-info > h3 { color: #000000; font: 2.4rem / normal "Poppins-Medium"; margin-top: 20px; }
.box-architecture-students-info > p { margin-top: 10px; }
.btn-pagination { background-color: #007CEF; border: 0; -webkit-border-radius: 7px; -moz-border-radius: 7px; -ms-border-radius: 7px; -o-border-radius: 7px; border-radius: 7px; color: #FFFFFF; font: 1.8rem/normal "Poppins-Medium"; padding: 10px 15px; text-align: center; }
.btn-pagination-next { margin-left: 10px; }
.btn-pagination:hover,
.btn-pagination:focus { background-color: #0F54A5; color: #FFFFFF; }

  /*------- Image, Information, and Pagination Section Ends -------*/

/*-------- Architecture : Students Page Ends -------*/

/*-------- Nursing Page Starts -------*/

  /*------- GNM Tab Section Starts -------*/

.eligibility-info-anp > ol > li:nth-child(2) { list-style: none; }
.eligibility-info-anp > ol > li > ul { margin: 20px 0 30px; }
  
  /*------- GNM Tab Section Ends -------*/
  
/*-------- Nursing Page Ends -------*/

/*-------- Placement Page Starts -------*/

  /*------- Placement Summary Tab Section Starts -------*/

.bg-placement-summary-plp { padding: 70px 15px 40px; }
.box-placement-summary-image-plp { border: 2px solid rgb(0 124 239 / 20%); -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; border-radius: 10px; margin-bottom: 30px; padding: 10px; -webkit-transition: 0.5s ease; -moz-transition: 0.5s ease; -ms-transition: 0.5s ease; -o-transition: 0.5s ease; transition: 0.5s ease; }
.box-placement-summary-image-plp > a { -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; border-radius: 10px; display: block; overflow: hidden; position: relative; }
.box-placement-summary-image-plp > a > img { -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; border-radius: 10px; height: 250px; object-fit: cover; -webkit-transition: 0.5s ease; -moz-transition: 0.5s ease; -ms-transition: 0.5s ease; -o-transition: 0.5s ease; transition: 0.5s ease; width: 100%; }
.box-placement-summary-image-plp:hover { border: 2px solid rgb(0 124 239 / 100%); }
.box-placement-summary-image-plp:hover > a > img { -webkit-transform: scale(1.5); -moz-transform: scale(1.5); -ms-transform: scale(1.5); -o-transform: scale(1.5); transform: scale(1.5); }
  
  /*------- Placement Summary Tab Section Ends -------*/

  /*------- Placement Detail Tab Section Starts -------*/

.bg-placement-detail-plp { padding: 70px 15px 40px; }
.box-student-placement-info-plp { background-color: #FFFFFF; -webkit-border-radius: 21px; -moz-border-radius: 21px; -ms-border-radius: 21px; -o-border-radius: 21px; border-radius: 21px; box-shadow: 0px 2px 43px 2px rgba(0, 0, 0, 0.06); margin-bottom: 30px; padding: 20px; }
.box-student-placement-image-plp { height: 250px; margin-bottom: 15px; }
.box-student-placement-image-plp > img { -webkit-border-radius: 14px; -moz-border-radius: 14px; -ms-border-radius: 14px; -o-border-radius: 14px; border-radius: 14px; height: 100%; object-fit: cover; object-position: top; width: 100%; }
.box-student-placement-desc-plp > h4 { color: #000000; font: 1.8rem/normal "Poppins-SemiBold"; }
.box-student-placement-desc-plp > p { margin-bottom: 10px; }
.box-student-placement-desc-plp > img { height: 50px; }
  
  /*------- Placement Detail Tab Section Ends -------*/

  /*------- Recruiter Tab Section Starts -------*/

.bg-recruiter-plp { padding: 70px 15px 40px; }
.box-recruiter-image-plp,
.box-magazine-image-sap { border: 2px solid rgb(0 124 239 / 20%); -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; border-radius: 10px; height: 150px; margin-bottom: 30px; padding: 10px; -webkit-transition: 0.5s ease; -moz-transition: 0.5s ease; -ms-transition: 0.5s ease; -o-transition: 0.5s ease; transition: 0.5s ease; }
.box-recruiter-image-plp > a,
.box-magazine-image-sap > a { display: block; height: 100%; overflow: hidden; position: relative; }
.box-recruiter-image-plp > a > img,
.box-magazine-image-sap > a > img { height: 100%; object-fit: contain; width: 100%; }
.box-recruiter-image-plp:hover,
.box-magazine-image-sap:hover { border: 2px solid rgb(0 124 239 / 100%); }
  
  /*------- Recruiter Tab Section Ends -------*/

  /*------- Placement Officer Tab Section Starts -------*/

.bg-placement-officer-plp { padding: 70px 15px 40px; }
.box-placement-officer-info-plp { background-color: #F6F7FA; -webkit-border-radius: 20px; -moz-border-radius: 20px; -ms-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; margin-bottom: 30px; padding: 30px; }
.box-placement-officer-info-plp > div > h3 { margin-bottom: 20px; }
.box-placement-officer-info-plp > div > h3 > a { color: #2B2D42; }
.box-placement-officer-info-plp > div > h3 > a:hover { color: #007CEF; }
.box-placement-officer-info-plp > p { margin-bottom: 5px; }
.box-placement-officer-info-plp > p:last-child { margin-bottom: 0; }
.box-placement-officer-info-plp > p > i { padding-right: 10px; }
.box-placement-officer-info-plp > p > a { color: #626A77; }
.box-placement-officer-info-plp > p > a:hover { color: #007CEF; }
  
  /*------- Placement Officer Tab Section Ends -------*/
  
/*-------- Placement Page Ends -------*/

/*------- Student Activity Page Starts -------*/

  /*------- ISA Tab Section Starts -------*/

.box-committee-members-info-sap,
.box-faculty-adviser-info-sap,
.box-contact-person-info-sap { background-color: #F6F7FA; -webkit-border-radius: 20px; -moz-border-radius: 20px; -ms-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; margin-bottom: 30px; padding: 30px; }
.box-committee-members-info-sap > p,
.box-faculty-adviser-info-sap > p,
.box-contact-person-info-sap > p { margin-bottom: 5px; }
.box-committee-members-info-sap > p:last-child,
.box-faculty-adviser-info-sap > p:last-child,
.box-contact-person-info-sap > p:last-child { margin-bottom: 0; }
.box-committee-members-info-sap > p > i,
.box-faculty-adviser-info-sap > p > i,
.box-contact-person-info-sap > p > i { padding-right: 10px; }
.box-committee-members-info-sap > p > a,
.box-faculty-adviser-info-sap > p > a,
.box-contact-person-info-sap > p > a,
.coe-iot-info-sap > p > a { color: #007CEF; }
.box-committee-members-info-sap > p > a:hover,
.box-faculty-adviser-info-sap > p > a:hover,
.box-contact-person-info-sap > p > a:hover,
.coe-iot-info-sap > p > a:hover { color: #007CEF; }
.about-isa-info-sap > ol { padding-left: 15px; }
  
  /*------- ISA Tab Section Ends -------*/

  /*------- ISHRAE Tab Section Starts -------*/

.about-ishrae-info-sap > p > a { color: #007CEF; text-decoration: underline; }
.about-ishrae-info-sap > p > a:hover { color: #0064c1; }
  
  /*------- ISHRAE Tab Section Ends -------*/

  /*------- Robotics Tab Section Starts -------*/

.robotic-logo-image-sap > img { margin-bottom: 30px; width: 100%; }
  
  /*------- Robotics Tab Section Ends -------*/

  /*------- Coe-Iot Tab Section Starts -------*/

.coe-iot-info-sap > p > a { font-family: "Poppins-Medium"; }
  
  /*------- Coe-Iot Tab Section Ends -------*/

  /*------- Magazine Tab Section Starts -------*/

.box-magazine-image-sap { height: 340px; }
.box-magazine-image-sap > img { -webkit-border-radius: 14px; -moz-border-radius: 14px; -ms-border-radius: 14px; -o-border-radius: 14px; border-radius: 14px; height: 100%; object-fit: contain; width: 100%; }
  
  /*------- Magazine Tab Section Ends -------*/

/*------- Student Activity Page Ends -------*/

/*------- The College Page Starts -------*/

    /*------- Button and Electronic Media Tab Section Starts -------*/

.btn-auu > a { width: 40%; }
.elec-media-iframe { height: 300px; width: 100%; }

    /*------- Button and Electronic Media Tab Section Ends -------*/

/*------- The College Page Ends -------*/

/*------- Gallery Page Starts -------*/

  /*------- Photos Section Starts -------*/

.bg-photos-gallery { padding: 70px 15px 40px; }
.box-photos-gallery { border: 2px solid rgb(0 124 239 / 20%); -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; border-radius: 10px; margin-bottom: 30px; padding: 10px; -webkit-transition: 0.5s ease; -moz-transition: 0.5s ease; -ms-transition: 0.5s ease; -o-transition: 0.5s ease; transition: 0.5s ease; }
.box-photos-gallery > a { -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; border-radius: 10px; display: block; overflow: hidden; position: relative; }
.box-photos-gallery > a > img { -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; border-radius: 10px; height: 250px; object-fit: cover; -webkit-transition: 0.5s ease; -moz-transition: 0.5s ease; -ms-transition: 0.5s ease; -o-transition: 0.5s ease; transition: 0.5s ease; width: 100%; }
.box-photos-gallery:hover { border: 2px solid rgb(0 124 239 / 100%); }
.box-photos-gallery:hover > a > img { -webkit-transform: scale(1.5); -moz-transform: scale(1.5); -ms-transform: scale(1.5); -o-transform: scale(1.5); transform: scale(1.5); }

  /*------- Photos Section Ends -------*/

  /*------- Video Section Starts -------*/

.bg-videos-gallery { padding: 70px 15px 40px; }
.iframe-youtube-video-gallery { border: 2px solid rgb(0 124 239 / 20%); -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; border-radius: 10px; height: 250px; margin-bottom: 30px; padding: 10px; -webkit-transition: 0.5s ease; -moz-transition: 0.5s ease; -ms-transition: 0.5s ease; -o-transition: 0.5s ease; transition: 0.5s ease; width: 100%; }
.iframe-youtube-video-gallery:hover { border: 2px solid rgb(0 124 239 / 100%); }

  /*------- Video Section Ends -------*/

/*------- Gallery Page Ends -------*/

/*------- Online Fees Page Starts -------*/

  /*------- Online Fees Section Starts -------*/

.online-fees-info > .section-heading > h2 { margin-bottom: 50px; }
.online-fees-info > h6 { color: #2B2D42; font: 1.8rem/normal "Poppins-Medium"; margin-bottom: 15px; }
.online-fees-info > p { margin-bottom: 10px; }
.online-fees-info > p:last-of-type { margin-bottom: 20px; }
.online-fees-info > .section-heading > h3 { line-height: 2; margin-bottom: 50px; }

  /*------- Online Fees Section Ends -------*/

/*------- Online Fees Page Ends -------*/

/*-------- Contact Us Page Starts -------*/

  /*-------- Contact Details and Form Section Starts -------*/

.bg-contact-details-forms { padding-bottom: 0; position: relative; z-index: 1; }
.box-contact-details-forms { background-color: #FFFFFF; -webkit-border-radius: 24px; -moz-border-radius: 24px; -ms-border-radius: 24px; -o-border-radius: 24px; border-radius: 24px; margin-top: -150px; padding: 50px; }
.box-contact-details { background-color: #FFFFFF; -webkit-border-radius: 24px; -moz-border-radius: 24px; -ms-border-radius: 24px; -o-border-radius: 24px; border-radius: 24px; box-shadow: 0px 4px 31px 1px rgba(0, 0, 0, 0.05); margin-bottom: 50px; padding: 30px; }
.box-contact-details-heading > h4 { color: #2B2D42; font: 2.2rem/normal "Poppins-Bold"; margin-bottom: 20px; }
.box-contact-details-admission-enquiry-heading + div,
.box-contact-details-add-fields-heading + div + div { margin-bottom: 30px; }
.box-contact-details-icon-info-call { margin-bottom: 15px; }
.box-contact-details-icon-info { display: table; }
.box-contact-details-icon,
.box-contact-details-info { display: table-cell; }
.box-contact-details-icon-info-email > .box-contact-details-icon,
.box-contact-details-icon-info-email > .box-contact-details-info { vertical-align: middle; }
.box-contact-details-icon { padding-right: 10px; }
.box-contact-details-info > p > a { color: #626A77; }
.box-contact-details-info > p > a:hover { color: #007CEF; }
.connext-with-us-info { margin: 30px 0; }
.form-group { margin-bottom: 30px; }
.form-control-contact-us { background-color: #FAFAFA; border: 1px solid #C3CDDC; -webkit-border-radius: 30px; -moz-border-radius: 30px; -ms-border-radius: 30px; -o-border-radius: 30px; border-radius: 30px; font: 1.6rem/normal "Poppins-Regular"; padding: 1.75rem 2rem; }
textarea.form-control-contact-us { height: 200px; resize: none; }
.form-control-contact-us::-webkit-input-placeholder { color: #626A77; }
.form-control-contact-us::-moz-placeholder { color: #626A77; }
.form-control-contact-us:-ms-input-placeholder { color: #626A77; }
.form-control-contact-us:-moz-placeholder { color: #626A77; }
.form-control-contact-us:focus { box-shadow: none; }
.btn-subscribe { background-color: #007CEF; -webkit-border-radius: 26px; -moz-border-radius: 26px; -ms-border-radius: 26px; -o-border-radius: 26px; border-radius: 26px; color: #FFFFFF; cursor: pointer; font: 1.6rem/normal "Poppins-Medium"; margin: 4px; padding: 1rem 3rem; -webkit-transition: 0.5s ease; -moz-transition: 0.5s ease; -ms-transition: 0.5s ease; -o-transition: 0.5s ease; transition: 0.5s ease; width: 100%; }
.btn-subscribe:hover { background-color: #0064c1; color: #FFFFFF; }

  /*-------- Contact Details and Form Section Ends -------*/

  /*------- Extra Contact Details Section Starts -------*/

.bg-extra-contact-details { background-color: #F6F7FA; }
.box-contact-details-sub-heading > h5 { color: #2B2D42; font: 1.8rem/normal "Poppins-SemiBold"; margin-bottom: 20px; }
.map-cp { border: 0; height: 600px; margin-bottom: -5px; width: 100%; }

  /*------- Extra Contact Details Section Ends -------*/

/*-------- Contact Us Page Ends -------*/

/*------- Popup CSS Starts -------*/

.modal-content { -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; border-radius: 10px; }
.modal-header { background-color: #0F54A5; -webkit-border-radius: 7px 7px 0 0; -moz-border-radius: 7px 7px 0 0; -ms-border-radius: 7px 7px 0 0; -o-border-radius: 7px 7px 0 0; border-radius: 7px 7px 0 0; }
.modal-popup .modal-header .modal-title { color: #FFFFFF; font: 1.8rem / normal "Poppins-Medium"; }
.modal-popup .modal-header .btn-close { background-image: none; color: #FFFFFF; font-size: 2.4rem; line-height: 1; opacity: 1; }
.modal-popup .modal-footer .btn-danger { background-color: #007CEF; border-color: #007CEF; font: 1.6rem/normal "Poppins-Regular"; }
.people-doc-image-popup > img { border: 2px solid rgb(15 84 165 / 20%); border-radius: 7px; width: 100%; }
#admissionInquiryModal .modal-body > p { border-bottom: 1px solid #EEEEEE; margin-bottom: 10px; padding-bottom: 10px; }
#admissionInquiryModal .modal-body > p:last-child { border-bottom: 0; margin-bottom: 0; padding-bottom: 0; }

/*------- Popup CSS Ends -------*/