@import url("https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400..900;1,400..900&display=swap");
@import "https://fonts.googleapis.com/css2?family=Noto+Serif+Display:ital,wght@0,100..900;1,100..900&display=swap";
@import "https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap";
/*--------------------------------------------------------------
# General
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Back to top button
--------------------------------------------------------------*/
/* .back-to-top {
  position: fixed;
  display: none;
  right: 15px;
  bottom: 15px;
  z-index: 99999;
}

.back-to-top i {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 20px;
  width: 40px;
  height: 40px;
  border-radius: 50px;
  background: #0880e8;
  color: #fff;
  transition: all 0.4s;
}

.back-to-top i:hover {
  background: #f6b024;
  color: #fff;
} */
/*--------------------------------------------------------------
# Disable aos animation delay on mobile devices
--------------------------------------------------------------*/
html {
  scroll-behavior: smooth;
}

body {
  font-family: "Lato", sans-serif;
  color: #959394;
  font-size: 16px;
}

a {
  color: #fcc012;
  transition: all 0.3s ease-out;
}
a:hover {
  color: #fdc10d;
  text-decoration: none;
}

button {
  transition: all 0.3s ease-out;
}

h1 {
  font-family: "Playfair Display", serif;
  color: #000;
  font-size: 32px;
  margin-bottom: 20px;
}

h2 {
  font-family: "Playfair Display", serif;
  color: #000;
  font-size: 32px;
  position: relative;
  margin-bottom: 30px;
  display: table;
}
h2::before {
  content: "";
  position: absolute;
  left: auto;
  right: -90px;
  top: 0;
  bottom: 0;
  margin: auto;
  width: 62px;
  height: 4px;
  background-color: #fcc012;
}

h3 {
  font-family: "Playfair Display", serif;
  color: #000;
}

h4 {
  font-family: "Playfair Display", serif;
  color: #000;
  font-size: 18px;
}

h5 {
  font-family: "Playfair Display", serif;
  color: #000;
}

h6 {
  font-family: "Playfair Display", serif;
  color: #000;
}

section {
  padding: 60px 0;
  overflow: hidden;
  position: relative;
}

.btn-yellow {
  border: none;
  background-color: #f6b024;
  border-radius: 50px;
  padding: 0 30px;
  height: 57px;
  line-height: 57px;
  font-weight: bold;
  margin-top: 20px;
  display: inline-block;
  color: #000000;
}
.btn-yellow.download {
  background-image: url(../img/download-2-fill.svg);
  background-repeat: no-repeat;
  background-size: 20px auto;
  background-position: left 27px center;
  padding-left: 60px;
}
.btn-yellow.submit {
  padding: 0 25px;
  font-size: 16px;
  font-family: "Playfair Display", serif;
  width: auto;
  height: 32px;
  line-height: 32px;
}
.btn-yellow.submit-2 {
  height: 50px;
  line-height: 50px;
  padding: 0 70px;
}
.btn-yellow:hover {
  background-color: #f1a40a;
  color: #000000;
}

.btn-call, .btn-enquiry {
  width: 47px;
  height: auto;
  background-color: #751113;
  border: none;
  text-transform: uppercase;
  font-weight: bold;
  writing-mode: vertical-rl;
  color: #fff;
  padding: 20px 0;
  position: relative;
  right: 0;
  z-index: 9;
  -webkit-border-top-left-radius: 8px;
  -webkit-border-bottom-left-radius: 8px;
  -moz-border-radius-topleft: 8px;
  -moz-border-radius-bottomleft: 8px;
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
}
.btn-call:hover, .btn-enquiry:hover {
  right: -5px;
}

.btn-enquiry {
  background-color: #f6b024;
  color: #000;
}

.modal {
  z-index: 9999;
}

#principal-desk {
  scroll-margin-top: 140px;
}

/*--------------------------------------------------------------
# Top Bar
--------------------------------------------------------------*/
#topbar {
  height: 40px;
  font-size: 14px;
  transition: all 0.5s;
  overflow: hidden;
  color: rgb(255, 255, 255);
  background-color: #751113;
}
#topbar .social-links {
  display: flex;
  justify-content: space-between;
  gap: 0 10px;
}
#topbar .social-links a {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 22px;
  height: 22px;
  border-radius: 50%;
  box-shadow: 0 0 0 1px #fff;
  text-align: center;
}
#topbar .social-links a i {
  color: #fff;
}
#topbar .social-links a:hover, #topbar .social-links a:focus {
  background-color: #ffffff;
}
#topbar .social-links a:hover i, #topbar .social-links a:focus i {
  color: #000000;
}
#topbar .contact-info ul {
  padding: 0;
  margin: 0;
  list-style: none;
}
#topbar .contact-info li {
  display: inline-block;
  padding: 0;
}
#topbar .contact-info li + li {
  margin-left: 18px;
}
#topbar .contact-info a {
  color: rgb(255, 255, 255);
  transition: 0.3s;
}
#topbar .contact-info a:hover {
  color: rgba(255, 255, 255, 0.8);
}
#topbar .contact-info i {
  color: #751113;
  margin-right: 6px;
  background: #fff;
  border-radius: 50%;
  display: inline-block;
  text-align: center;
  position: relative;
  width: 22px;
  height: 22px;
}
#topbar .cta {
  background: transparent;
}
#topbar .cta a {
  color: #000;
  background: #f6b024;
  padding: 4px 24px 5px 24px;
  display: inline-block;
  transition: 0.3s;
  border-radius: 50px;
  font-size: 14px;
  font-weight: 700;
  margin-left: 12px;
}
#topbar .cta a:hover {
  background-color: #f1a40a;
}
#topbar .cta.white a {
  background: #fff;
}
#topbar .cta.white a:hover {
  background-color: #f1a40a;
}

#topbar.topbar-scrolled {
  top: -40px;
}

/*--------------------------------------------------------------
# Header
--------------------------------------------------------------*/
#header {
  background: rgb(255, 255, 255);
  transition: all 0.5s;
  z-index: 997;
  padding: 30px 0;
  top: 40px;
  overflow: visible;
}
#header .logo {
  margin: 0;
  padding: 0;
  position: absolute;
  top: 40px;
  z-index: 9;
}
#header .logo a {
  color: #fff;
}
#header .logo img {
  max-height: 112px;
}

#header.header-scrolled {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  overflow: visible;
}
#header.header-scrolled .logo {
  top: 0;
}

.header-inner-pages {
  background: rgba(5, 87, 158, 0.9) !important;
}

.topbar-inner-pages {
  background: rgba(6, 98, 178, 0.9) !important;
}

/*--------------------------------------------------------------
# Navigation Menu
--------------------------------------------------------------*/
/* Desktop Navigation */
.menu-item:hover .sub-menu {
  display: block;
}

.nav-menu ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.nav-menu > ul {
  display: flex;
}
.nav-menu > ul > li {
  position: relative;
  white-space: nowrap;
  padding: 10px 0 10px 20px;
}
.nav-menu > ul > li > a:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 2px;
  bottom: -5px;
  left: 0;
  background-color: #f6b024;
  visibility: hidden;
  width: 0px;
  transition: all 0.3s ease-in-out 0s;
}
.nav-menu a {
  display: block;
  position: relative;
  color: rgb(0, 0, 0);
  transition: 0.3s;
  font-size: 16px;
  padding: 0 3px;
}
.nav-menu a:hover:before {
  visibility: visible;
  width: 100%;
}
.nav-menu a:hover {
  color: #000000;
}
.nav-menu li:hover > a:before {
  visibility: visible;
  width: 100%;
}
.nav-menu li:hover > a {
  color: #000000;
}
.nav-menu .active > a:before {
  visibility: visible;
  width: 100%;
}
.nav-menu .active > a {
  color: #000000;
}
.nav-menu .drop-down ul {
  display: block;
  position: absolute;
  left: 14px;
  top: calc(100% + 30px);
  z-index: 99;
  opacity: 0;
  visibility: hidden;
  padding: 10px 0;
  background: #fff;
  box-shadow: 0px 0px 30px rgba(127, 137, 161, 0.25);
  transition: 0.3s;
  border-radius: 8px;
}
.nav-menu .drop-down ul a {
  padding: 10px 20px;
  font-size: 14px;
  font-weight: 500;
  text-transform: none;
  color: #000000;
}
.nav-menu .drop-down ul a:hover {
  color: #f6b024;
}
.nav-menu .drop-down ul .active > a {
  color: #f6b024;
}
.nav-menu .drop-down ul li:hover > a {
  color: #f6b024;
}
.nav-menu .drop-down:hover > ul {
  opacity: 1;
  top: 100%;
  visibility: visible;
}
.nav-menu .drop-down li {
  min-width: 180px;
  position: relative;
}
.nav-menu .drop-down > a:after {
  content: "\ea99";
  font-family: IcoFont;
  padding-left: 5px;
}
.nav-menu .drop-down .drop-down ul {
  top: 0;
  right: calc(100% - 30px);
  left: auto;
}
.nav-menu .drop-down .drop-down:hover > ul {
  opacity: 1;
  top: 0;
  right: 100%;
  left: auto;
}
.nav-menu .drop-down .drop-down > a {
  padding-right: 35px;
}
.nav-menu .drop-down .drop-down > a:after {
  content: "\eaa0";
  font-family: IcoFont;
  position: absolute;
  right: 15px;
}

.mobile-nav-toggle {
  position: fixed;
  right: 15px;
  top: 15px;
  z-index: 9998;
  border: 0;
  background: none;
  font-size: 24px;
  transition: all 0.4s;
  outline: none !important;
  line-height: 1;
  cursor: pointer;
  text-align: right;
}
.mobile-nav-toggle i {
  color: #000;
}

.mobile-menu-toggle {
  position: fixed;
  right: 15px;
  top: 15px;
  z-index: 9998;
  border: 0;
  background: none;
  font-size: 24px;
  transition: all 0.4s;
  outline: none !important;
  line-height: 1;
  cursor: pointer;
  text-align: right;
}
.mobile-menu-toggle i {
  color: #000;
}

.mobile-menu-close {
  position: absolute;
  right: 15px;
  top: 15px;
  border: 0;
  background: none;
  font-size: 28px;
  transition: all 0.4s;
  outline: none !important;
  line-height: 1;
  cursor: pointer;
  text-align: right;
}
.mobile-menu-close i {
  color: #000;
}

.mobile-menu-container {
  position: fixed;
  top: 0;
  right: auto;
  bottom: 0;
  left: 0;
  z-index: 9997;
  overflow-y: auto;
  background: white;
  transition: ease-in-out 0.2s;
  padding: 20px;
  transform: translateX(-330px);
}
.mobile-menu-container.active {
  transform: translateX(0);
}
.mobile-menu-container ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.mobile-nav {
  position: fixed;
  top: 0;
  right: auto;
  bottom: 0;
  left: 0;
  z-index: 9999;
  overflow-y: auto;
  background: #ffffff;
  transition: ease-in-out 0.2s;
  opacity: 0;
  visibility: hidden;
  border-radius: 0;
  padding: 10px 0;
  width: 250px;
  transform: translateX(-100%);
  transition: all 0.3s ease-out;
}
.mobile-nav * {
  margin: 0;
  padding: 0;
  list-style: none;
}
.mobile-nav a {
  display: block;
  position: relative;
  color: #000;
  padding: 10px 20px;
  font-weight: 500;
  outline: none;
}
.mobile-nav a:hover {
  color: #f6b024;
  text-decoration: none;
}
.mobile-nav .active > a {
  color: #f6b024;
  text-decoration: none;
}
.mobile-nav li:hover > a {
  color: #f6b024;
  text-decoration: none;
}
.mobile-nav .drop-down > a:after {
  content: "\ea99";
  font-family: IcoFont;
  padding-left: 10px;
  position: absolute;
  right: 15px;
}
.mobile-nav .drop-down > a {
  padding-right: 35px;
}
.mobile-nav .drop-down ul {
  display: none;
  overflow: hidden;
}
.mobile-nav .drop-down li {
  padding-left: 20px;
}
.mobile-nav .active.drop-down > a:after {
  content: "\eaa1";
}

/* Mobile Navigation */
.mobile-nav-overly {
  width: 100%;
  height: 100%;
  z-index: 9997;
  top: 0;
  left: 0;
  position: fixed;
  background: rgba(0, 0, 0, 0.39);
  overflow: hidden;
  display: none;
  transition: ease-in-out 0.2s;
}
.mobile-nav-overly.active {
  display: block !important;
}

.mobile-nav-active {
  overflow: hidden;
}
.mobile-nav-active .mobile-nav {
  opacity: 1;
  visibility: visible;
  transform: translateX(0);
}
.mobile-nav-active .mobile-nav-toggle i {
  color: #fff;
}

.sub-menu {
  position: absolute;
  top: 45px;
  left: 0;
  z-index: 99;
  display: none;
  background: #ffffff;
  box-shadow: 0px 0px 30px rgba(127, 137, 161, 0.25);
  padding: 0.5rem 0 !important;
}
.sub-menu li {
  display: block;
  border-radius: 8px;
}
.sub-menu li a {
  padding: 10px 20px;
  font-size: 14px;
  font-weight: 500;
  text-transform: none;
  color: #000000;
  line-height: 1rem;
}
.sub-menu li a:hover {
  color: #f6b024;
}
.sub-menu li .active > a {
  color: #f6b024;
}
.sub-menu li li:hover > a {
  color: #f6b024;
}

/*--------------------------------------------------------------
# hero
--------------------------------------------------------------*/
#hero {
  padding: 0;
}
#hero .slick-dots {
  position: absolute;
  left: 0;
  right: 0;
  top: auto;
  bottom: 20px;
  list-style: none;
  display: flex;
  flex-direction: row;
  justify-content: center;
  gap: 0 9px;
}
#hero .slick-dots li {
  width: 12px;
  height: 12px;
}
#hero .slick-dots li button {
  background-color: #d9d9d9;
  border: none;
  border-radius: 50%;
  width: 12px;
  height: 12px;
  text-indent: -9999px;
  transition: all 0.5s ease-out;
}
#hero .slick-dots li:hover button, #hero .slick-dots li.slick-active button {
  background-color: #f6b024;
}

/*--------------------------------------------------------------
# about & our-goal
--------------------------------------------------------------*/
.patternbg {
  background: url(../img/patter.png) 0 0 repeat;
  background-size: auto auto;
}

#about, #our-goal {
  background: url(../img/patter.png) 0 0 repeat;
  background-size: auto auto;
}
#about .about-top .section-title, #our-goal .about-top .section-title {
  margin-bottom: 100px;
  text-align: center;
  padding: 0 10%;
}
#about .about-top .section-title p, #our-goal .about-top .section-title p {
  color: #000000;
}
#about .about-bottom, #about .goal-bottom, #our-goal .about-bottom, #our-goal .goal-bottom {
  padding-top: 110px;
}
#about .about-bottom .vission-card, #about .about-bottom .mission-card, #about .about-bottom .motto-card, #about .goal-bottom .vission-card, #about .goal-bottom .mission-card, #about .goal-bottom .motto-card, #our-goal .about-bottom .vission-card, #our-goal .about-bottom .mission-card, #our-goal .about-bottom .motto-card, #our-goal .goal-bottom .vission-card, #our-goal .goal-bottom .mission-card, #our-goal .goal-bottom .motto-card {
  display: flex;
  width: 100%;
  height: 100%;
  position: relative;
}
#about .about-bottom .vission-card::before, #about .about-bottom .mission-card::before, #about .about-bottom .motto-card::before, #about .goal-bottom .vission-card::before, #about .goal-bottom .mission-card::before, #about .goal-bottom .motto-card::before, #our-goal .about-bottom .vission-card::before, #our-goal .about-bottom .mission-card::before, #our-goal .about-bottom .motto-card::before, #our-goal .goal-bottom .vission-card::before, #our-goal .goal-bottom .mission-card::before, #our-goal .goal-bottom .motto-card::before {
  content: "";
  position: absolute;
  left: -10px;
  right: auto;
  top: -10px;
  bottom: auto;
  margin: auto;
  width: 83px;
  height: 89px;
  background-color: #f6b024;
}
#about .about-bottom .vission-card .card-info, #about .about-bottom .mission-card .card-info, #about .about-bottom .motto-card .card-info, #about .goal-bottom .vission-card .card-info, #about .goal-bottom .mission-card .card-info, #about .goal-bottom .motto-card .card-info, #our-goal .about-bottom .vission-card .card-info, #our-goal .about-bottom .mission-card .card-info, #our-goal .about-bottom .motto-card .card-info, #our-goal .goal-bottom .vission-card .card-info, #our-goal .goal-bottom .mission-card .card-info, #our-goal .goal-bottom .motto-card .card-info {
  background-color: #ffffff;
  padding: 32px;
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  position: relative;
  box-shadow: 0px 2px 10px 5px rgba(0, 0, 0, 0.1);
}
#about .about-bottom .vission-card .card-info h2, #about .about-bottom .mission-card .card-info h2, #about .about-bottom .motto-card .card-info h2, #about .goal-bottom .vission-card .card-info h2, #about .goal-bottom .mission-card .card-info h2, #about .goal-bottom .motto-card .card-info h2, #our-goal .about-bottom .vission-card .card-info h2, #our-goal .about-bottom .mission-card .card-info h2, #our-goal .about-bottom .motto-card .card-info h2, #our-goal .goal-bottom .vission-card .card-info h2, #our-goal .goal-bottom .mission-card .card-info h2, #our-goal .goal-bottom .motto-card .card-info h2 {
  padding: 25px 0 0 100px;
  background: url(../img/vision-img.png) 0 center no-repeat;
  background-size: auto auto;
}
#about .about-bottom .vission-card .card-info h2::before, #about .about-bottom .mission-card .card-info h2::before, #about .about-bottom .motto-card .card-info h2::before, #about .goal-bottom .vission-card .card-info h2::before, #about .goal-bottom .mission-card .card-info h2::before, #about .goal-bottom .motto-card .card-info h2::before, #our-goal .about-bottom .vission-card .card-info h2::before, #our-goal .about-bottom .mission-card .card-info h2::before, #our-goal .about-bottom .motto-card .card-info h2::before, #our-goal .goal-bottom .vission-card .card-info h2::before, #our-goal .goal-bottom .mission-card .card-info h2::before, #our-goal .goal-bottom .motto-card .card-info h2::before {
  display: none;
}
#about .about-bottom .vission-card .card-info h2::after, #about .about-bottom .mission-card .card-info h2::after, #about .about-bottom .motto-card .card-info h2::after, #about .goal-bottom .vission-card .card-info h2::after, #about .goal-bottom .mission-card .card-info h2::after, #about .goal-bottom .motto-card .card-info h2::after, #our-goal .about-bottom .vission-card .card-info h2::after, #our-goal .about-bottom .mission-card .card-info h2::after, #our-goal .about-bottom .motto-card .card-info h2::after, #our-goal .goal-bottom .vission-card .card-info h2::after, #our-goal .goal-bottom .mission-card .card-info h2::after, #our-goal .goal-bottom .motto-card .card-info h2::after {
  content: "";
  position: absolute;
  left: 100px;
  right: auto;
  top: 0;
  bottom: auto;
  margin: auto;
  width: 62px;
  height: 4px;
  background-color: #751113;
}
#about .about-bottom .mission-card::before, #about .goal-bottom .mission-card::before, #our-goal .about-bottom .mission-card::before, #our-goal .goal-bottom .mission-card::before {
  left: auto;
  right: -10px;
  top: auto;
  bottom: -10px;
}
#about .about-bottom .mission-card .card-info h2, #about .goal-bottom .mission-card .card-info h2, #our-goal .about-bottom .mission-card .card-info h2, #our-goal .goal-bottom .mission-card .card-info h2 {
  background: url(../img/mission-img.png) 0 center no-repeat;
  background-size: auto auto;
}
#about .about-bottom .motto-card, #about .goal-bottom .motto-card, #our-goal .about-bottom .motto-card, #our-goal .goal-bottom .motto-card {
  height: auto;
  margin-bottom: 25px;
}

#our-goal {
  background: url(../img/Banner\ 02.jpg) center center no-repeat;
  background-size: cover;
}
#our-goal::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: auto;
  margin: auto;
  width: 100%;
  height: 100%;
  background-color: rgba(6, 101, 183, 0.7);
  display: block;
  backdrop-filter: blur(5px);
}
#our-goal .goal-bottom {
  padding-top: 0;
}
#our-goal .goal-bottom .img-box {
  width: 100%;
}
#our-goal .goal-bottom .img-box img {
  width: 100%;
}

/*--------------------------------------------------------------
# academy
--------------------------------------------------------------*/
#academy {
  background-color: #751113;
}
#academy .academy-top h2 {
  color: #fff;
}
#academy .academy-top h2 span {
  color: #f6b024;
}
#academy .academy-top p {
  color: #fff;
}
#academy .academy-bottom {
  padding: 60px 10px 40px;
  text-align: center;
}
#academy .academy-bottom h3 {
  color: #fff;
  margin-bottom: 80px;
}
#academy .academy-bottom h3 span {
  color: #f6b024;
}
#academy .academy-bottom .hightlights-container {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 30px;
}
#academy .academy-bottom .hightlights-container .highlights-box {
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 100%;
  max-width: 173px;
  max-height: 173px;
  padding: 17px;
  background-color: #fcc012;
  border: 5px #fff solid;
  position: relative;
  top: 0;
  transition: all 0.3s ease-out;
}
#academy .academy-bottom .hightlights-container .highlights-box img {
  max-width: 75px;
  max-height: 75px;
  margin: 0 auto 15px;
}
#academy .academy-bottom .hightlights-container .highlights-box span {
  color: #000000;
  font-size: 18px;
  font-weight: bold;
}
#academy .academy-bottom .hightlights-container .highlights-box:hover {
  top: -10px;
  cursor: pointer;
}

/*--------------------------------------------------------------
# gateway
--------------------------------------------------------------*/
#gateway {
  background: url(../img/green-pattern-bg.jpg) 0 center no-repeat;
  background-size: cover;
}
#gateway .gateway-info {
  position: relative;
}
#gateway .gateway-info h3 {
  color: #fdc10d;
}
#gateway .gateway-info p {
  color: #fff;
}
#gateway img {
  position: absolute;
  top: auto;
  bottom: -60px;
}

/*--------------------------------------------------------------
# googlemap
--------------------------------------------------------------*/
#googlemap {
  padding: 0;
}

/*--------------------------------------------------------------
# quick-cta
--------------------------------------------------------------*/
#quick-cta {
  position: fixed;
  left: auto;
  right: 0;
  bottom: auto;
  top: 240px;
  display: flex;
  flex-direction: column;
  gap: 10px;
  z-index: 9;
}

/*--------------------------------------------------------------
# hero-about
--------------------------------------------------------------*/
#hero-about {
  padding: 0;
}

/*--------------------------------------------------------------
# desk
--------------------------------------------------------------*/
#desk .president-desk .top, #desk .principal-desk .top {
  margin-bottom: 50px;
}
#desk .president-desk .bottom .col-left span, #desk .principal-desk .bottom .col-left span {
  color: #000;
  margin-top: 30px;
  display: block;
}
#desk .president-desk .bottom .img-box, #desk .principal-desk .bottom .img-box {
  position: relative;
}
#desk .president-desk .bottom .img-box::before, #desk .principal-desk .bottom .img-box::before {
  content: "";
  position: absolute;
  left: -16px;
  right: auto;
  top: -16px;
  bottom: auto;
  margin: auto;
  width: 114px;
  height: 114px;
  background-color: transparent;
  border: 4px #145da2 solid;
  z-index: -1;
}
#desk .principal-desk {
  margin-top: 90px;
}
#desk .desk-tagline {
  margin-top: 75px;
}
#desk .desk-tagline .tagline-box {
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  padding: 50px;
  background-color: #ffffff;
  box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.2);
}
#desk .desk-tagline .tagline-box .box-info p {
  margin: 0;
  color: #000;
}

/*--------------------------------------------------------------
# objectives
--------------------------------------------------------------*/
#objectives {
  background-color: #f9f5f2;
}
#objectives h2 {
  text-align: center;
  display: block;
  margin-bottom: 60px;
}
#objectives h2::before {
  left: 0;
  right: 0;
  top: -20px;
  bottom: auto;
}
#objectives .objectives-list li {
  color: #000000;
}
#objectives .objectives-list li::marker {
  color: #f6b024;
  font-size: 20px;
}

/*--------------------------------------------------------------
# admission
--------------------------------------------------------------*/
#admission {
  background: url(../img/patter.png) 0 0 repeat;
  background-size: auto auto;
}
#admission .col-left h2 {
  padding-bottom: 25px;
  margin-bottom: 25px;
}
#admission .col-left h2::before {
  left: 0;
  right: auto;
  top: auto;
  bottom: 0;
}
#admission .col-left .registration-list {
  padding: 0 0 0 20px;
  margin-bottom: 40px;
}
#admission .col-left .registration-list li::marker {
  font-size: 20px;
  color: #751113;
}
#admission .col-right .table {
  border: 2px #000000 solid;
}
#admission .col-right .table thead th {
  vertical-align: middle;
  border-bottom: 2px #000000 solid;
  background-color: #f1a40a;
}
#admission .col-right .table td, #admission .col-right .table th {
  border: 2px #000000 solid;
  background-color: #ffffff;
}

/*--------------------------------------------------------------
# staff
--------------------------------------------------------------*/
#staff {
  background: url(../img/patter.png) 0 0 repeat;
  background-size: auto auto;
}
#staff .staff-card {
  background-color: #ffffff;
  box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.3);
}
#staff .staff-card .card-info .img-box {
  overflow: hidden;
}
#staff .staff-card .card-info .img-box img {
  width: 100%;
  transform: scale(1);
  transition: all 0.3s ease-out;
}
#staff .staff-card .card-info .info-box {
  padding: 20px;
  display: flex;
  flex-direction: column;
}
#staff .staff-card .card-info:hover {
  cursor: pointer;
}
#staff .staff-card .card-info:hover .img-box img {
  transform: scale(1.1);
}
#staff .pagination {
  justify-content: center;
}
#staff .pagination ul {
  display: flex;
  padding: 0;
  margin: 1.5rem 0 0;
  gap: 14px;
}
#staff .pagination ul li {
  display: table;
  position: relative;
  display: block;
  margin-left: -1px;
  line-height: 1.25;
  color: #007bff;
  background-color: #fff;
  border: 1px solid #dee2e6;
}
#staff .pagination ul li a, #staff .pagination ul li span {
  border-radius: 0;
  position: relative;
  width: 50px;
  height: 50px;
  padding: 0;
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}
#staff .pagination ul li:last-child a, #staff .pagination ul li:last-child span {
  text-indent: -9999px;
  background: url(../img/double-right.svg) center center no-repeat;
  background-size: auto 20px;
}

/*--------------------------------------------------------------
# career
--------------------------------------------------------------*/
#career {
  background: url(../img/patter.png) 0 0 repeat;
  background-size: auto auto;
}
#career p {
  color: #000;
}

/*--------------------------------------------------------------
# contact
--------------------------------------------------------------*/
#contact {
  background: url(../img/patter.png) 0 0 repeat;
  background-size: auto auto;
}
#contact .col-left {
  position: relative;
  background: url(https://tfsacademy.org/wp-content/uploads/2026/06/smart-classes.webp) 0 center no-repeat;
  background-size: cover;
  padding: 90px 30px;
}
#contact .col-left::before {
  content: "";
  position: absolute;
  left: 0;
  right: auto;
  top: auto;
  bottom: 0;
  margin: auto;
  width: 100%;
  height: 100%;
  background-color: #751113;
  opacity: 0.95;
  z-index: 0;
}
#contact .col-left .info-box {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 80px;
}
#contact .col-left .info-box h4 {
  position: relative;
  color: #fff;
  margin-bottom: 20px;
  padding-bottom: 15px;
}
#contact .col-left .info-box h4::before {
  content: "";
  position: absolute;
  left: 0;
  right: auto;
  top: auto;
  bottom: 0;
  margin: auto;
  width: 55px;
  height: 4px;
  background-color: #f6b024;
}
#contact .col-left .info-box p, #contact .col-left .info-box a {
  color: #fff;
  margin-bottom: 0;
}
#contact .col-left .info-box > div {
  position: relative;
}
#contact .col-left .info-box > div::before {
  content: "";
  position: absolute;
  left: 0;
  right: auto;
  top: -35px;
  bottom: auto;
  margin: auto;
  width: 30px;
  height: 30px;
}
#contact .col-left .info-box > div.location::before {
  background: url(../img/map-pin-2-fill.svg) 0 top no-repeat;
  background-size: auto 30px;
}
#contact .col-left .info-box > div.phone::before {
  background: url(../img/phone-fill.svg) 0 top no-repeat;
  background-size: auto 30px;
}
#contact .col-left .info-box > div.hours::before {
  background: url(../img/time-fill.svg) 0 top no-repeat;
  background-size: auto 30px;
}
#contact .col-right {
  height: 100%;
  padding: 50px 90px;
  background-color: #1a1819;
  clip-path: polygon(0% 0%, 75% 0%, 100% 25%, 100% 100%, 0% 100%);
}
#contact .col-right h2 {
  padding-bottom: 15px;
  margin-bottom: 30px;
  color: #fff;
}
#contact .col-right h2::before {
  left: 0;
  right: auto;
  top: auto;
  bottom: 0;
}
#contact .col-right p {
  color: #fff;
}
#contact .col-right #contact-form {
  margin-top: 30px;
}
#contact .col-right #contact-form .form-control {
  border-radius: 0;
}

/*--------------------------------------------------------------
# facilities
--------------------------------------------------------------*/
#facilities {
  background: url(../img/patter.png) 0 0 repeat;
  background-size: auto auto;
}
#facilities .top h2, #facilities .middle h2 {
  margin-bottom: 50px;
}
#facilities .middle {
  padding-top: 65px;
}
#facilities .middle .col-left {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  width: 100%;
  background-color: #751113;
  padding: 52px 60px;
}
#facilities .bottom {
  padding-top: 85px;
}
#facilities .insfrastructure-slider .slick-list {
  padding: 0 0 30px;
}
#facilities .insfrastructure-slider .slick-slide {
  padding: 0 15px;
}
#facilities .insfrastructure-slider .slick-arrow {
  position: absolute;
  width: 42px;
  height: 41px;
  top: calc(50% - 20.5px);
  bottom: auto;
  text-indent: -9999px;
  border: none;
  border-radius: 0;
  z-index: 1;
  opacity: 1;
}
#facilities .insfrastructure-slider .slick-arrow:hover, #facilities .insfrastructure-slider .slick-arrow:focus {
  opacity: 0.8;
}
#facilities .insfrastructure-slider .slick-arrow.slick-prev {
  left: -100px;
  right: auto;
  background: url(../img/slick-arrow-left.png) left center no-repeat;
  background-size: auto auto;
}
#facilities .insfrastructure-slider .slick-arrow.slick-next {
  left: auto;
  right: -100px;
  background: url(../img/slick-arrow-right.png) right center no-repeat;
  background-size: auto auto;
}
#facilities .insfrastructure-slider .insfrastructure-card {
  background-color: #ffffff;
  box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.2);
}
#facilities .insfrastructure-slider .insfrastructure-card .img-box {
  overflow: hidden;
}
#facilities .insfrastructure-slider .insfrastructure-card .img-box img {
  width: 100%;
  transform: scale(1);
  transition: all 0.3s ease-out;
}
#facilities .insfrastructure-slider .insfrastructure-card .info-box {
  padding: 20px 10px;
}
#facilities .insfrastructure-slider .insfrastructure-card .info-box h5 {
  font-family: "Lato", sans-serif;
  padding-right: 10%;
}
#facilities .insfrastructure-slider .insfrastructure-card:hover, #facilities .insfrastructure-slider .insfrastructure-card:focus {
  cursor: pointer;
}
#facilities .insfrastructure-slider .insfrastructure-card:hover .img-box img, #facilities .insfrastructure-slider .insfrastructure-card:focus .img-box img {
  transform: scale(1.1);
}
#facilities .facilities-list {
  padding: 0;
  margin: 0;
  width: 50%;
}
#facilities .facilities-list li {
  color: #ffffff;
  line-height: normal;
}
#facilities .facilities-list li::marker {
  font-size: 20px;
}
#facilities .facilities-slider .img-box {
  height: 450px;
  display: flex;
  position: relative;
}
#facilities .facilities-slider .img-box img {
  width: 100%;
  min-height: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
#facilities .facilities-slider .slick-arrow {
  position: absolute;
  top: auto;
  bottom: 6px;
  left: 0;
  right: auto;
  width: 41px;
  height: 82px;
  border: none;
  text-indent: -9999px;
  background-color: #fcc012;
  z-index: 3;
}
#facilities .facilities-slider .slick-arrow::before {
  content: "";
  position: absolute;
  left: auto;
  right: -90px;
  top: 0;
  bottom: 0;
  margin: auto;
  width: 16px;
  height: 30px;
  display: block;
  z-index: 1;
  opacity: 1;
  transition: all 0.3s ease-out;
}
#facilities .facilities-slider .slick-arrow.slick-prev {
  background-color: #fcc012;
}
#facilities .facilities-slider .slick-arrow.slick-prev::before {
  left: 18px;
  right: auto;
  background: url(../img/transparent-slick-arrow-left.png) 0 0 no-repeat;
  background-size: contain;
}
#facilities .facilities-slider .slick-arrow.slick-prev:hover::before, #facilities .facilities-slider .slick-arrow.slick-prev:focus::before {
  opacity: 0.5;
}
#facilities .facilities-slider .slick-arrow.slick-next {
  left: 41px;
  right: auto;
  background-color: #fcc012;
}
#facilities .facilities-slider .slick-arrow.slick-next::before {
  left: auto;
  right: 18px;
  background: url(../img/transparent-slick-arrow-right.png) 0 0 no-repeat;
  background-size: contain;
}
#facilities .facilities-slider .slick-arrow.slick-next:hover::before, #facilities .facilities-slider .slick-arrow.slick-next:focus::before {
  opacity: 0.5;
}

/*--------------------------------------------------------------
# sports
--------------------------------------------------------------*/
#sports {
  background-color: #366088;
}
#sports h2 {
  text-align: center;
  display: block;
  padding-bottom: 30px;
  margin-bottom: 60px;
  color: #ffffff;
}
#sports h2::before {
  left: 0;
  right: 0;
  top: auto;
  bottom: 0;
}
#sports p {
  color: #ffffff;
}

/*--------------------------------------------------------------
# accademic
--------------------------------------------------------------*/
#accademic {
  background-color: #f4f4f4;
}
#accademic h2 {
  position: relative;
  left: 50%;
  transform: translateX(-50%);
}
#accademic div.row > div .accademic-card {
  background-color: #fbc115;
}
#accademic div.row > div + div .accademic-card {
  background-color: #f26223;
}
#accademic div.row > div + div + div .accademic-card {
  background-color: #4d9644;
}
#accademic div.row > div + div + div + div .accademic-card {
  background-color: #264aa0;
}
#accademic .accademic-card {
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  padding: 35px 18px;
  height: 100%;
  gap: 20px 0;
}
#accademic .accademic-card span {
  text-transform: uppercase;
  text-align: center;
  color: #fff;
  font-weight: bold;
  font-size: 18px;
}

/*--------------------------------------------------------------
# transport
--------------------------------------------------------------*/
#transport {
  background: url(https://tfsacademy.org/wp-content/uploads/2026/06/transport-services.jpg) center center no-repeat;
  background-size: cover;
}
#transport::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  width: 100%;
  height: 100%;
  display: block;
  background-color: #751113;
  opacity: 0.75;
  z-index: 0;
}
#transport h2 {
  display: block;
  text-align: center;
  color: #fff;
  padding-bottom: 30px;
  margin-bottom: 70px;
}
#transport h2::before {
  background-color: #ffffff;
  left: 0;
  right: 0;
  top: auto;
  bottom: 0;
}
#transport p {
  position: relative;
  color: #fff;
}

/*--------------------------------------------------------------
# edge
--------------------------------------------------------------*/
#edge h2 {
  padding-bottom: 30px;
  margin-bottom: 50px;
}
#edge h2::before {
  top: auto;
  bottom: 0;
  left: 0;
  right: auto;
}
#edge::before {
  content: "";
  position: absolute;
  left: auto;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  width: 100%;
  max-width: 595px;
  height: 100%;
  background: url(../img/edge-img.jpg) right center no-repeat;
  background-size: cover;
}
#edge .edge-list {
  padding: 0;
  margin: 0;
  border-left: 1px solid #7d7698;
  position: relative;
}
#edge .edge-list::before {
  content: "";
  position: absolute;
  left: -4.5px;
  right: auto;
  top: -6px;
  bottom: auto;
  margin: auto;
  width: 0;
  height: 0;
  border-width: 0 4px 7px 4px;
  border-color: transparent transparent #42386c transparent;
  border-style: solid;
  display: inline-block;
}
#edge .edge-list li {
  list-style: none;
  padding-left: 130px;
  position: relative;
  background: url(../img/edge-img-1.png) left 35px center no-repeat;
  background-size: auto auto;
}
#edge .edge-list li::before {
  content: "";
  position: absolute;
  left: -7px;
  right: auto;
  top: 0;
  bottom: 0;
  margin: auto;
  width: 14px;
  height: 14px;
  border: 1px solid #7d7698;
  border-radius: 50%;
  box-shadow: 0 0 0 4px #ffffff inset;
  background-color: #be3096;
}
#edge .edge-list li::after {
  content: "";
  position: absolute;
  left: -7px;
  right: auto;
  top: 0;
  bottom: 0;
  margin: auto;
  width: 90px;
  height: 1px;
  background-color: #7d7698;
  z-index: -1;
}
#edge .edge-list li + li {
  background: url(../img/edge-img-2.png) left 35px center no-repeat;
  background-size: auto auto;
}
#edge .edge-list li + li::before {
  background-color: #ff7209;
}
#edge .edge-list li + li + li {
  background: url(../img/edge-img-3.png) left 35px center no-repeat;
  background-size: auto auto;
}
#edge .edge-list li + li + li::before {
  background-color: #10c59c;
}
#edge .edge-list li + li + li + li {
  background: url(../img/edge-img-4.png) left 35px center no-repeat;
  background-size: auto auto;
}
#edge .edge-list li + li + li + li::before {
  background-color: #00b8c4;
}

/*--------------------------------------------------------------
# call-popup
--------------------------------------------------------------*/
#call-popup {
  position: fixed;
  width: auto;
  left: auto;
  right: 0;
  border-radius: 8px 0px 0px 8px;
  padding: 15px 70px 15px 15px;
  overflow: hidden;
  transform: translateX(100%);
  background-color: #751113;
  transition: transform 0.3s ease-out;
}
#call-popup a {
  color: #fff;
}
#call-popup.active {
  transform: translateX(0);
}

/*--------------------------------------------------------------
# notice-board
--------------------------------------------------------------*/
#notice-board .notice-card {
  margin-bottom: 20px;
}
#notice-board .notice-card h3 {
  background-color: #751113;
  padding: 10px 20px;
  color: #fff;
  font-size: 18px;
  text-transform: uppercase;
  margin-bottom: 0;
}
#notice-board .notice-card .card-info {
  background-color: #f9f5f2;
  padding: 20px;
}
#notice-board .notice-card .card-info h4 {
  font-family: "Lato", sans-serif;
}
#notice-board .notice-card .card-info p {
  color: #000000;
}

/*--------------------------------------------------------------
# events
--------------------------------------------------------------*/
#events h2 {
  text-align: center;
  display: block;
  padding-bottom: 20px;
  margin-bottom: 35px;
}
#events h2::before {
  left: 0;
  right: 0;
  top: auto;
  bottom: 0;
}
#events .events-card {
  background-color: #ffffff;
  box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.3);
}
#events .events-card .card-info .img-box img {
  width: 100%;
}
#events .events-card .card-info .info-box {
  display: flex;
  flex-direction: column;
  gap: 8px 0;
  padding: 20px;
}
#events .events-card .card-info .info-box strong {
  color: #751113;
}

.gallery-list {
  padding: 0;
  margin: 0;
}

.gallerymodal .slick-arrow {
  position: absolute;
  top: auto;
  bottom: 6px;
  left: 0;
  right: auto;
  width: 41px;
  height: 82px;
  border: none;
  text-indent: -9999px;
  background-color: #fcc012;
  z-index: 3;
}
.gallerymodal .slick-arrow::before {
  content: "";
  position: absolute;
  left: auto;
  right: -90px;
  top: 0;
  bottom: 0;
  margin: auto;
  width: 16px;
  height: 30px;
  display: block;
  z-index: 1;
  opacity: 1;
  transition: all 0.3s ease-out;
}
.gallerymodal .slick-arrow.slick-prev {
  background-color: #fcc012;
}
.gallerymodal .slick-arrow.slick-prev::before {
  left: 18px;
  right: auto;
  background: url(../img/transparent-slick-arrow-left.png) 0 0 no-repeat;
  background-size: contain;
}
.gallerymodal .slick-arrow.slick-prev:hover::before, .gallerymodal .slick-arrow.slick-prev:focus::before {
  opacity: 0.5;
}
.gallerymodal .slick-arrow.slick-next {
  left: 41px;
  right: auto;
  background-color: #fcc012;
}
.gallerymodal .slick-arrow.slick-next::before {
  left: auto;
  right: 18px;
  background: url(../img/transparent-slick-arrow-right.png) 0 0 no-repeat;
  background-size: contain;
}
.gallerymodal .slick-arrow.slick-next:hover::before, .gallerymodal .slick-arrow.slick-next:focus::before {
  opacity: 0.5;
}

#documents, #certificates {
  background: url(../img/patter.png) 0 0 repeat;
  background-size: auto auto;
}

/*--------------------------------------------------------------
# Footer
--------------------------------------------------------------*/
#footer {
  background: url(../img/Banner\ 02.jpg) center center no-repeat;
  background-size: cover;
  padding: 0;
  color: #fff;
  font-size: 14px;
}
#footer .footer-top {
  background: rgba(0, 0, 0, 0.75);
  padding: 60px 0 30px 0;
}
#footer .footer-top h4 {
  font-weight: bold;
  color: #fff;
  text-transform: uppercase;
  position: relative;
  padding-bottom: 20px;
  margin-bottom: 30px;
}
#footer .footer-top h4::before {
  content: "";
  position: absolute;
  left: 0;
  right: auto;
  top: auto;
  bottom: 0;
  margin: auto;
  width: 55px;
  height: 4px;
  background-color: #f6b024;
}
#footer .footer-top .footer-contact {
  margin-bottom: 30px;
}
#footer .footer-top .footer-contact p {
  font-size: 16px;
  line-height: 26px;
  background: url(../img/map-pin-2-fill.svg) left top 5px no-repeat;
  background-size: 16px auto;
  padding-left: 30px;
}
#footer .footer-top .footer-contact p > a {
  color: #fff;
}
#footer .footer-top .footer-contact p > a:hover {
  text-decoration: underline;
}
#footer .footer-top .footer-contact p + p {
  background: url(../img/mail-open-fill.svg) left center no-repeat;
  background-size: 16px auto;
}
#footer .footer-top .footer-contact p + p + p {
  background: url(../img/phone-fill.svg) left center no-repeat;
  background-size: 16px auto;
}
#footer .footer-top .footer-contact .social-links {
  display: flex;
  justify-content: flex-start;
  gap: 12px;
  margin-top: 40px;
}
#footer .footer-top .footer-contact .social-links a {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  box-shadow: 0 0 0 1px #fff;
  text-align: center;
}
#footer .footer-top .footer-contact .social-links a i {
  color: #fff;
  font-size: 20px;
}
#footer .footer-top .footer-contact .social-links a:hover {
  background-color: #ffffff;
}
#footer .footer-top .footer-contact .social-links a:hover i {
  color: #000;
}
#footer .footer-top .footer-links {
  margin-bottom: 30px;
}
#footer .footer-top .footer-links ul {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  justify-content: space-around;
  flex-wrap: wrap;
}
#footer .footer-top .footer-links ul li {
  padding: 10px 0;
  display: flex;
  align-items: center;
  display: flex;
  align-items: center;
  flex: 1 1 50%;
}
#footer .footer-top .footer-links ul a {
  font-size: 16px;
  color: #fff;
  transition: 0.3s;
  display: inline-block;
  line-height: 1;
}
#footer .footer-top .footer-links ul a:hover {
  text-decoration: underline;
}
#footer .footer-top .footer-info .form-control {
  background-color: transparent;
  border-radius: 0;
  border-color: #fff;
  color: #fff;
}
#footer .footer-top .footer-info .form-control::-moz-placeholder {
  color: #fff;
  opacity: 1;
}
#footer .footer-top .footer-info .form-control::placeholder {
  color: #fff;
  opacity: 1;
}
#footer .footer-top .footer-info textarea {
  max-height: 90px;
}
#footer .footer-bottom {
  background-color: #131313;
}
#footer .footer-bottom .copyright {
  text-align: center;
  padding: 13px 0;
}

/*--------------------------------------------------------------
# Responsive Start
--------------------------------------------------------------*/
@media (max-width: 1365px) {
  #header {
    padding: 20px 0;
  }
  #header .logo img {
    max-height: 95px;
  }
  .nav-menu .drop-down .drop-down ul {
    left: -90%;
  }
  .nav-menu .drop-down .drop-down:hover > ul {
    left: -100%;
  }
  .nav-menu .drop-down .drop-down > a:after {
    content: "\ea9d";
  }
  #facilities .insfrastructure-slider .slick-arrow.slick-prev {
    left: -35px;
  }
  #facilities .insfrastructure-slider .slick-arrow.slick-next {
    right: -35px;
  }
}
@media (max-width: 1199px) {
  #header {
    padding: 10px 0;
  }
  #header .logo {
    top: 40px;
  }
  #header .logo img {
    max-height: 65px;
  }
  .nav-menu a {
    font-size: 14px;
  }
  .nav-menu > ul > li {
    padding: 10px 0 10px 10px;
  }
  #edge::before {
    max-width: 50%;
  }
}
@media (max-width: 991px) {
  #quick-cta {
    left: 0;
    right: 0;
    bottom: 0;
    top: auto;
    display: flex;
    flex-direction: row;
    justify-content: center;
    gap: 0px;
    padding: 0 0;
    background-color: rgba(244, 244, 244, 0.85);
    backdrop-filter: blur(2px);
  }
  .btn-call, .btn-enquiry {
    width: 50%;
    height: 50px;
    writing-mode: horizontal-tb;
    border-radius: 0;
    padding: 0;
  }
  .btn-call:hover, .btn-enquiry:hover {
    right: 0;
  }
  #call-popup {
    bottom: 45px;
  }
  #header {
    padding: 30px 0;
  }
  #header .logo {
    top: 0;
  }
  #academy .academy-top h2::before {
    display: none;
  }
  #academy .academy-bottom .hightlights-container .highlights-box {
    max-width: 212px;
  }
  #contact .col-right {
    padding: 50px 30px;
    clip-path: polygon(0% 0%, 88% 0, 100% 0, 100% 100%, 0% 100%);
  }
  #edge::before {
    left: 0;
    right: 0;
    top: 0;
    bottom: auto;
    margin: auto;
    width: 100%;
    max-width: 100%;
    height: 262px;
  }
  section.edge {
    padding-top: 322px;
  }
  #gateway img {
    position: relative;
  }
  #footer {
    padding-bottom: 45px;
  }
}
@media screen and (max-width: 767px) {
  [data-aos-delay] {
    transition-delay: 0 !important;
  }
  #gateway .gateway-info {
    width: 100%;
  }
  #about .about-top .section-title {
    padding: 0;
  }
  #desk .desk-tagline .tagline-box {
    padding: 25px;
  }
  #facilities .insfrastructure-slider .slick-arrow.slick-prev {
    left: calc(50% - 52px);
    right: auto;
    top: auto;
    bottom: -30px;
  }
  #facilities .insfrastructure-slider .slick-arrow.slick-next {
    right: calc(50% - 52px);
    left: auto;
    top: auto;
    bottom: -30px;
  }
  #facilities .facilities-list {
    width: 100%;
  }
}
@media screen and (max-width: 449px) {
  #header {
    padding: 25px 0;
  }
  #header .logo img {
    max-height: 55px;
  }
  h2::before {
    display: none;
  }
  #edge .edge-list li {
    background-position: left center;
    padding-left: 80px;
  }
  #edge .edge-list li::after {
    display: none;
  }
  #edge .edge-list li + li {
    background-position: left center;
  }
  #edge .edge-list li + li + li {
    background-position: left center;
  }
  #edge .edge-list li + li + li + li {
    background-position: left center;
  }
}/*# sourceMappingURL=style.css.map */