/* 1. reset css */
*,
:before,
:after {
   box-sizing: border-box;
   padding: 0;
   margin: 0;
}

a,
button { display: inline-block; text-decoration: none; cursor: pointer;}
a:hover,
a:focus,
input,
input:focus,
select,
select:focus,
textarea,
textarea:focus,
button {outline: none;border: none;}
li {list-style: none;}

.wrapper {  width: 100%;overflow: hidden; margin: 0;padding: 0;}
* {margin: 0;padding: 0;box-sizing: border-box;}
.fluid-container {width: 100%;max-width: 1280px;margin: 0 auto;padding: 0 20px;}

body {
   font-family: 'Nico';
   font-size: 14px;
}
@font-face {
    font-family: 'Nico';
    src: url(../font/NicoMoji-Regular.ttf);
}

select,
input,
textarea,
select::placeholder,
input::placeholder,
textarea::placeholder { opacity: 1; color: #000; font-family: body_content; font-size: 16px;}
select,
input,
textarea {width: 100%;background: #fff;}

h2{font-size: 32px; text-transform: uppercase; font-weight: initial;}
/* 1. reset css */

/* Carousel */
#app {width: 90%;height: 85%;overflow: hidden;}
.ui-big-image { width: 100%; height: 100%; margin-right: -100%; position: relative;}
.ui-big-image::before { position: absolute; content: ""; top: 0; left: 0; width: 100%; height: 100%; background: #000; opacity: .3; z-index: 1;}
.ui-big-image img { object-fit: cover; object-position: center; width: 100%; height: 100%; }
.ui-big-image {transition-property: transform, opacity, filter;transition-duration: 0.7s, 0.7s, 0.7s;transition-timing-function: cubic-bezier(0.5, 0, 0.5, 1);}
.ui-big-image[data-active]~.ui-big-image {transform: translateX(100%);transition-property: transform, opacity, filter;transition-duration: 0.7s, 0.7s, 0.7s;transition-timing-function: cubic-bezier(0.5, 0, 0.5, 1);}
.ui-big-image[data-active] {opacity: 1;transform: translateX(0%);transition-property: transform, opacity, filter;transition-duration: 0.7s, 0.7s, 0.7s;transition-timing-function: cubic-bezier(0.5, 0, 0.5, 1);}
.ui-big-image[data-active] img {transform: scale(1);transition-property: transform, opacity, filter;transition-duration: 0.7s, 0.7s, 0.7s;transition-timing-function: cubic-bezier(0.5, 0, 0.5, 1);}
/* carosel css ends */

/*banner content starts */
.banner-content {position: absolute;top: 0;padding: 0 60px 0 113px;right: 0;left: -13px;bottom: 0;margin: auto;display: flex;justify-content: center;align-items: center;z-index: 2;}
.main-banner-h{margin-top: -30px;}
.main-banner-h a{top: 100px; position: relative; background-color: #e5e5e56b; font-size: 20px; text-align: center; color: #fff; line-height: 47px; width: 100%; max-width: 1100px; padding: 0px 20px;}
.main-banner-h span{color: #ece512;}
.main-banner-h h1 {font-size: 150px;font-weight: 300;color: #000;width: 100%;max-width: 700px;text-shadow: 0 0px 6px rgba(0, 0, 0, .7); text-transform: uppercase;text-align: center; background-color: #e5e5e56b; padding: 50px; padding-top: 0px; margin: auto;}
.ui-big-image[data-key="3"] .main-banner-h h1 {max-width: 550px;padding: 0 0 0 50px;}
.main-banner-h h2{color: #fff;text-shadow: 0 0px 10px rgba(0, 0, 0, .7); text-transform: uppercase;font-size: 50px;text-align: center; margin-top: -80px; font-weight: initial;}
/* Banner content ends*/

/* Nav bar css */
.nav-but-wrap {position: fixed;right: 84px;z-index: 999;transition: all 0.3s ease-out;}
.menu-icon {height: 30px;width: 30px;position: relative;z-index: 999;cursor: pointer;display: block;top: -9px;}
.menu-icon__line { height: 2px; width: 40px; display: block; background-color: #fff; margin-bottom: 7px; cursor: pointer; -webkit-transition: background-color .5s ease, -webkit-transform .2s ease; transition: background-color .5s ease, -webkit-transform .2s ease; transition: transform .2s ease, background-color .5s ease; transition: transform .2s ease, background-color .5s ease, -webkit-transform .2s ease;}
.menu-icon__line-left {width: 40px;-webkit-transition: all 200ms linear;transition: all 200ms linear;}
.menu-icon__line-right { width: 40px; -webkit-transition: all 200ms linear; -moz-transition: all 200ms linear; -o-transition: all 200ms linear; -ms-transition: all 200ms linear; transition: all 200ms linear;}
.menu-icon:hover .menu-icon__line-left,
.menu-icon:hover .menu-icon__line-right {width: 30px;}
.nav {position: fixed;z-index: 98;}
.nav:before,
.nav:after { content: ""; position: fixed; top: 20px; right: 50px; width: 0; height: 0; background-color: rgba(20, 21, 26, 0.6); border-bottom-right-radius: 200%; z-index: -1; transition: border-radius linear 0.8s, width cubic-bezier(0.77, 0, 0.175, 1) 0.6s, height cubic-bezier(0.77, 0, 0.175, 1) 0.6s;}

.nav:after {background-color: rgba(9, 9, 12, 1);background-image: url('https://s3-us-west-2.amazonaws.com/s.cdpn.io/1462889/pat.svg');background-position: bottom center;background-repeat: no-repeat;background-size: 300%;-webkit-transition-delay: 0s;transition-delay: 0s;box-shadow: 6px 7px 28px 0 rgba(16, 16, 16, 0.3);}
.nav:before {-webkit-transition-delay: .2s;transition-delay: .2s;}
.nav__content { position: fixed; visibility: hidden; top: 55px; right: 20px; width: 280px; text-align: left;}
.nav__list {position: relative;padding: 0;margin: 0;z-index: 2;top: -20px;}
.nav__list-item { position: relative; display: block; -webkit-transition-delay: 0.8s; transition-delay: 0.8s; opacity: 0; text-align: left; color: #fff; font-size: 20px; line-height: 1.2; letter-spacing: 2px; -webkit-transform: translate(30px, 0%); transform: translate(30px, 0%); -webkit-transition: opacity .2s ease, -webkit-transform .3s ease; transition: opacity .2s ease, -webkit-transform .2s ease; transition: opacity .2s ease, transform .2s ease; transition: opacity .2s ease, transform .2s ease, -webkit-transform .2s ease; margin-top: 7px; margin-bottom: 7px;}
.nav__list-item a { position: relative; text-decoration: none; color: rgba(255, 255, 255, 0.6); overflow: hidden; cursor: pointer; z-index: 2; padding-left: 30px; padding-bottom: 5px; display: inline-block; -webkit-transition: all 200ms linear; transition: all 200ms linear; text-transform: capitalize;}
.nav__list-item a:after { position: absolute; content: ''; top: 50%; left: 0; width: 5px; height: 0; opacity: 0; background-color: #0a50a8; z-index: 1; -webkit-transition: all 200ms linear; transition: all 200ms linear;}
.nav__list-item a:hover:after {height: 100%;opacity: 1;top: 0;}
.nav__list-item a:hover {color: rgba(255, 255, 255, 1);}
.nav__list-item.active-nav a {color: rgba(255, 255, 255, 1);}
.nav__list-item.active-nav a:after {height: 100%;opacity: 1;top: 0;}

.footer-act.act-quick {color: #f5b01a;}
.act-quick {color: #f5b01a !important;}
#nav-body.nav-active .nav__content {visibility: visible;}
#nav-body.nav-active .menu-icon__line { background-color: #fff; -webkit-transform: translate(0px, 0px) rotate(-45deg); transform: translate(0px, 0px) rotate(-45deg);}
#nav-body.nav-active .menu-icon__line-left {width: 15px;-webkit-transform: translate(2px, 1px) rotate(45deg);transform: translate(2px, 4px) rotate(45deg);}
#nav-body.nav-active .menu-icon__line-right { width: 15px; float: right; -webkit-transform: translate(-3px, -3.5px) rotate(45deg); transform: translate(-3px, -3.5px) rotate(45deg);}
#nav-body.nav-active .menu-icon:hover .menu-icon__line-left,
#nav-body.nav-active .menu-icon:hover .menu-icon__line-right {width: 21px;}
#nav-body.nav-active .nav {visibility: visible;}
#nav-body.nav-active .nav:before,
#nav-body.nav-active .nav:after { width: 250px; height: 300px; border-radius: 9px 9px 0 0;}
.nav::before,
.nav::after {right: unset;}
.nav__content {right: unset;}
.nav-but-wrap {right: unset;}
.nav-par {position: relative;right: 207px;}
.nav-par::before { content: ''; position: absolute; bottom: 0; right: 0; left: 0; margin: auto; display: flex; border-top: 70px solid #09090c; border-left: 125px solid transparent; border-right: 125px solid transparent; visibility: hidden; opacity: 0;}

#nav-body.nav-active .nav-par::before {transition: all .7s ease-in;visibility: visible;bottom: -342px;opacity: 1;border-top: 71px solid #09090c;border-left: 125px solid transparent;border-right: 125px solid transparent;}
#nav-body.nav-active .nav-par::before {-webkit-transition-delay: .1s;transition-delay: .1s;}
#nav-body.nav-active .nav:after {-webkit-transition-delay: .1s;transition-delay: .1s;}
#nav-body.nav-active .nav:before {-webkit-transition-delay: 0s;transition-delay: 0s;}
#nav-body.nav-active .nav__list-item { opacity: 1; -webkit-transform: translateX(0%); transform: translateX(0%); -webkit-transition: opacity .3s ease, color .3s ease, -webkit-transform .3s ease; transition: opacity .3s ease, color .3s ease, -webkit-transform .3s ease; transition: opacity .3s ease, transform .3s ease, color .3s ease; transition: opacity .3s ease, transform .3s ease, color .3s ease, -webkit-transform .3s ease;}
#nav-body.nav-active .nav__list-item:nth-child(0) {-webkit-transition-delay: 0.7s;transition-delay: 0.7s;}
#nav-body.nav-active .nav__list-item:nth-child(1) {-webkit-transition-delay: 0.8s; transition-delay: 0.8s;}
#nav-body.nav-active .nav__list-item:nth-child(2) {-webkit-transition-delay: 0.9s; transition-delay: 0.9s;}
#nav-body.nav-active .nav__list-item:nth-child(3) {-webkit-transition-delay: 1s; transition-delay: 1s;}
#nav-body.nav-active .nav__list-item:nth-child(4) {-webkit-transition-delay: 1.1s; transition-delay: 1.1s;}
#nav-body.nav-active .nav__list-item:nth-child(5) { -webkit-transition-delay: 1.2s; transition-delay: 1.2s;}
#nav-body.nav-active .nav__list-item:nth-child(6) { -webkit-transition-delay: 1.3s; transition-delay: 1.3s;}
#nav-body.nav-active .nav__list-item:nth-child(7) { -webkit-transition-delay: 1.4s; transition-delay: 1.4s;}
#nav-body.nav-active .nav__list-item:nth-child(8) { -webkit-transition-delay: 1.5s; transition-delay: 1.5s;}
#nav-body.nav-active .nav__list-item:nth-child(9) { -webkit-transition-delay: 1.6s; transition-delay: 1.6s;}
#nav-body.nav-active .nav__list-item:nth-child(10) {-webkit-transition-delay: 1.7s;transition-delay: 1.7s;}

.nav-close { display: none !important; pointer-events: none !important;}
.nav-open { display: block !important; pointer-events: visible !important;}
.active-inner { background: #f5b01a; width: 100%; max-width: 250px;}
#nav-open li a { width: 100%; max-width: 250px;}
#nav-open li a:hover {background: #f5b01a;transition: all .5 ease;}
.header {width: 100%;}
.header .top-header-container {position: fixed;width: 100%;height: 108px;top: 0;z-index: 99991;left: 0;}
.head-act {opacity: 1;visibility: visible;background: #011439d4;transition: all .5s ease-in;}
.banner-wrapper {height: 100vh;position: relative;width: 100%;}
.banner-brand { position: absolute; top: 0; left: 0; right: 0; width: 100%; max-width: 1300px; display: flex; justify-content: space-between; align-items: center; margin: 0 auto; padding: 0 40px; max-height: 150px; gap: 20px;}
.b-scroll { width: 100%; max-width: 125px; position: relative; top: 8px;}

.right-desktop-menu-container {width: 100%;max-width: 950px;margin: auto; margin-right: -60px;}
.right-desktop-menu-container > ul {display: flex;justify-content: center;align-items: center;}
.right-desktop-menu-container ul li a{font-size: 18px; color: #fff; letter-spacing: 1px; padding: 20px 30px;}
.right-desktop-menu-container ul li a:hover:after {width:100%;right: 0;}
.right-desktop-menu-container ul li:hover > a{color: #f6b913;}
.right-desktop-menu-container ul li a.act-link a{color: #f6b913;  font-weight: 600;}
.right-desktop-menu-container ul li a.act-link{border-bottom: 1px solid #701e14;}
.nav-but-wrap{display: none;}
/* Nav Bar Css */

/* footer css starts */
.footer-wrapper{ background-color: #011439; padding: 40px 40px 30px; }
.inner-footer-wrapper{display: flex; justify-content: space-evenly; align-items: center; gap: 25px;}
.footer-logo-content{width: 100%; max-width: 350px;}
.footer-logo-content img{ width: 100%; max-width: 150px; margin: 0 0 20px;} 
.footer-logo-content p{font-size: 16px; color: #fff; text-align: justify; line-height: 27px; font-family: "poppins"; }
.footer-quicklinks li{ margin: 0 0 20px; text-align: start;}
.footer-quicklinks li a{ font-size: 18px; color: #fff; font-weight: initial;}
.footer-bottom-wrapper{background-color: #0a1243; border-top: 1px solid #fff; }
.inner-footer-bottom-wrapper{ display: flex; justify-content: space-between; padding: 20px 60px; gap: 10px; align-items: center; font-family: "poppins";}
.inner-footer-bottom-wrapper img{width: 100%; max-width: 100px; margin: 0 0 -10px; filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(8deg) brightness(104%) contrast(101%);}
.inner-footer-bottom-wrapper p{font-size: 15px; color: #fff; }

/* contact-form starts */
.contact-form{display: flex; align-items: flex-start; justify-content: flex-start; gap: 30px;}
.contact-form > div{width: 100%; max-width: 50%;}
.contact-input{width: 100%; margin: 20px 0;}
.submit-btn button{padding: 10px 30px; background-color: #0a50a8; border-radius: 5px; color: #fff; font-size: 18px; }
.contact-input label{font-size: 18px ; color: #fff; font-family: "poppins";}
.contact-form input, .contact-form textarea, .contact-form select {background-color: #fff; padding: 15px; box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px; border-radius: 5px;margin: 2px 0;}
.contact-img{width: 100%; max-width: 400px;}
/* contact-form ends */
/* footer css ends*/

/* go to top starts */
#to-top {position: fixed;bottom: 50px;right: 32px;}
.arrow-up { height: 40px; width: 40px; display: block; border: 1px solid #dc2334; position: relative; cursor: pointer; transition: all 0.5s cubic-bezier(0.25, 1.7, 0.35, 1.5); overflow: hidden;}
.arrow-slide { left: 0; top: -100%; width: 100%; height: 100%; background: #dc2334; position: absolute; display: block; z-index: 0;}
.left-arm { position: absolute; z-index: 1; background-color: transparent; top: 19px; left: 3px; width: 20px; display: block; transform: rotate(-45deg);}
.left-arm:after {content: "";background-color: #dc2334;width: 20px;height: 1px;display: block;border-radius: 1px;transition: all 0.5s cubic-bezier(0.25, 1.7, 0.35, 1.5);transform-origin: right center;z-index: -1;}
.right-arm { position: absolute; z-index: 1; background-color: transparent; top: 19px; left: 17px; width: 20px; display: block; transform: rotate(45deg); border-radius: 2px;}
.right-arm:after { content: ""; background-color: #dc2334; width: 20px; height: 1px; display: block; border-radius: 1px; transition: all 0.5s cubic-bezier(0.25, 1.7, 0.35, 1.5); transform-origin: left center; z-index: -1;}
.arrow-up:hover {transition: all 0.85s;}
.arrow-up:hover .left-arm:after {transform: rotate(-10deg);}
.arrow-up:hover .right-arm:after {transform: rotate(10deg);}
.arrow-up:hover .arrow-slide { transition: all 0.4s ease-in-out; transform: translateY(200%);}
/* go to top ends*/

/* courses starts */
.courses-slider {position: relative;transition: all 0.3s;}
.courses-slider__item {display: flex;align-items: center;}
.swiper-button-prev:after, .swiper-rtl .swiper-button-next:after{ font-size: 20px !important; color: #000; background: #fff; border-radius: 1000%; padding: 10px 14px; width: 40px; height: 40px;}
.swiper-button-next:after, .swiper-rtl .swiper-button-prev:after{font-size: 20px !important; color: #000; background: #fff; border-radius: 1000%; padding: 10px 14px;width: 40px; height: 40px;}
.swiper-button-prev, .swiper-container-rtl .swiper-button-next{background-image: none;}
.swiper-button-next, .swiper-container-rtl .swiper-button-prev{background-image: none; right: 25px;}
.inner-courses-wrapper h2 {font-size: 32px; font-weight: initial; display: flex; justify-content: center; align-items: center; gap: 20px; margin: 0 0 30px; text-transform: uppercase;}
.inner-courses-wrapper h2 span{color: #0a50a8;}
.courses-slider__content h3{color: #fff; font-weight: initial; font-size: 30px; text-transform: uppercase;}
.courses-slider__content p{transition-delay: 0.5s; font-family: "poppins"; line-height: 27px; font-size: 17px; text-align: justify;}
.courses-slider__item.swiper-slide-active .courses-slider__img img { opacity: 1; transition-delay: 0.3s;}
.courses-slider__item.swiper-slide-active .courses-slider__content > * { opacity: 1; transform: none; margin: 0 0 20px; font-weight: initial;}
.courses-slider__item.swiper-slide-active .courses-slider__content > *:nth-child(1) {transition-delay: 0.3s;}
  .courses-slider__item.swiper-slide-active .courses-slider__content > *:nth-child(3) {
    transition-delay: 0.5s; font-family: "poppins"; line-height: 1.6;line-height: 27px;
    font-size: 17px;
  }
  .courses-slider__item.swiper-slide-active .courses-slider__content > *:nth-child(4) {
    transition-delay: 0.6s;
  }
  .courses-slider__item.swiper-slide-active .courses-slider__content > *:nth-child(5) {
    transition-delay: 0.7s;
  }
  .courses-slider__item.swiper-slide-active .courses-slider__content > *:nth-child(6) {
    transition-delay: 0.8s;
  }
  .courses-slider__item.swiper-slide-active .courses-slider__content > *:nth-child(7) {
    transition-delay: 0.9s;
  }
  .courses-slider__item.swiper-slide-active .courses-slider__content > *:nth-child(8) {
    transition-delay: 1s;
  }
  .courses-slider__item.swiper-slide-active .courses-slider__content > *:nth-child(9) {
    transition-delay: 1.1s;
  }
  .courses-slider__item.swiper-slide-active .courses-slider__content > *:nth-child(10) {
    transition-delay: 1.2s;
  }
  .courses-slider__item.swiper-slide-active .courses-slider__content > *:nth-child(11) {
    transition-delay: 1.3s;
  }
  .courses-slider__item.swiper-slide-active .courses-slider__content > *:nth-child(12) {
    transition-delay: 1.4s;
  }
  .courses-slider__item.swiper-slide-active .courses-slider__content > *:nth-child(13) {
    transition-delay: 1.5s;
  }
  .courses-slider__item.swiper-slide-active .courses-slider__content > *:nth-child(14) {
    transition-delay: 1.6s;
  }
  .courses-slider__item.swiper-slide-active .courses-slider__content > *:nth-child(15) {
    transition-delay: 1.7s;
  }
  .courses-slider__img { width: 100%; max-width: 630px;height: 400px;overflow: hidden;}
  
  .courses-slider__img:after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: 20px; opacity: 0.8;     z-index: -1;}
  .courses-slider__img img { width: 100%; height: 100%; object-fit: cover; display: block; transition: all 0.3s;}
  .courses-slider__content > * { opacity: 0; transform: translateY(25px); transition: all 0.4s;}
  .courses-slider .swiper-container-horizontal > .swiper-pagination-bullets, .courses-slider .swiper-pagination-custom, .courses-slider .swiper-pagination-fraction { bottom: 10px; left: 0; width: 100%;}
  .swiper-button-prev{left: 48%;}
  .courses-slider__img img{object-fit: cover;transition: transform 0.3s ease;} 
  .courses-slider__img img:hover{transform: scale(1.1); }
  .courses-slider__content {padding: 20px 85px;width: 100%;margin: auto; background: #011439;height: 400px; color: #fff; display: flex; justify-content: center; align-items: center; flex-direction: column;}
  /* courses ends */

/* about-us starts */
.about-us-wrapper{padding: 120px 20px;}
.inner-about-us-container{display: flex; justify-content: center; align-items: center; gap: 20px; text-align: center;}
.inner-about-us-container h5{color: #fff; font-size: 18px; text-transform: uppercase; line-height: 26px;}
.about-us-2 h2{font-size: 32px; color: #fff; text-transform: uppercase; margin: 0 0 20px;font-weight: initial;}
.inner-about-us-container p{color: #fff; font-family: "poppins";}
.about-us-inner-main{display: flex; justify-content: center; align-items: center; gap: 20px;}
.about-us-2 a{background: #dbd412; color: #fff; padding: 10px 20px; font-family: "poppins"; font-size: 16px; border-radius: 10px}
.about-us-2{background: #011439; width: 100%; max-width: 450px; padding: 60px 20px; text-align: start; border-radius: 10px}
.about-card{width: 100%; max-width: 250px; height: 180px; margin: 0 0 20px; display: flex; flex-direction: column; justify-content: flex-end; align-items: center; padding: 20px 0; position: relative; z-index: 1;}
.about-us-card{width: 100%; max-width: 250px; height: 180px; display: flex; flex-direction: column; justify-content: flex-end; align-items: center; padding: 20px 0; position: relative; z-index: 1;margin: 0px 0 30px; top: -100px;}
.about-us-2 p{font-size: 16px; text-align: start; line-height: 30px;} 
.about-us-card::before{content: ''; position: absolute;background: #000; opacity: .5; z-index: -1; width: 100%; max-width: 250px; height: 180px; top: 0; }
.about-card::before{content: ''; position: absolute; background: #000; opacity: .5; z-index: -1; width: 100%; max-width: 250px; height: 180px; top: 0;}
.about-us-image{position: relative; top: -100px;}
.about-us-image img{width: 100%; max-width: 200px; height: 180px;}
.about-us-3{ width: 100%;max-width: 250px; height: 180px;}
.about-card{ object-fit: cover; object-position: center; transition: transform 0.5s ease-out;}
.about-card:hover{ transform: skew(-4deg) scale(1.1);}
.about-us-card{ object-fit: cover;transition: transform 0.3s ease;}
.about-us-card:hover{ transform: scale(1.1);}
/* about-us ends */

/* why choose us starts */
.why-choose-us-wrapper{ background: linear-gradient(0deg, rgba(184,201,221,1) 25%, rgba(255,255,255,1) 95%);}
.inner-why-choose-us{display: flex; align-items: flex-end; justify-content: center; gap: 40px;}
.inner-why-choose-us img{width: 100%; max-width: 400px;}
.why-choose-us-content{ width: 100%; max-width: 550px; padding: 20px; text-align: justify;}
.why-choose-us-content h2{ font-size: 32px; color: #000; text-transform: uppercase; margin: 0 0 10px;}
.why-choose-us-content h2 span{color: #0a50a8;}
.why-choose-us-content p{font-size: 16px; line-height: 27px; font-family: "poppins";}
/* why choose us ends */

/* inner-page-section starts */
.facilities-page-wrapper{ position: relative;background: url(../images/facilities-bg.jpg) center/cover no-repeat;}
.facilities-page-wrapper::before{content: ''; width: 100%; height: 100%; position: absolute; background-color: black; z-index: 100; opacity: 0.6;}
.inner-facilities-page-wrapper{display: flex; justify-content: space-evenly; align-items: center;}
.inner-facilities-page-wrapper h3{ font-size: 28px; color: #fff; padding: 50px; position: relative; z-index: 100; text-align: center; font-weight: initial;}
.inner-facilities-page-wrapper h3::before{ content: '';position: absolute; background: #fff; width: 2px; height: 100px; right: 0; top: 0; margin: auto; bottom: 0;} 
.inner-facilities-page-wrapper h3:last-child::before{display: none;}
/* inner-page-section ends */

/* index events starts */
.index-events-cards{width:100%;max-width:350px; box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;margin:20px 0;}
.main-events{display:flex !important;justify-content:space-between;align-items:stretch;gap:20px; margin: 0 0 50px;}
.main-events-content p{padding:5px 0;line-height:1.4; font-family: "poppins";}
.main-events-content h3{font-size:20px; color: #0a50a8; font-weight: initial;margin: 0 0 10px;}
.main-events-content{padding:20px;}
.main-cards-events img{width:100%;max-width:350px;height: 250px;}
.main-events-content .cards-links a{font-size: 18px; font-weight: initial; margin: 10px 0 0; color: #0a50a8;}
.event-sub {padding:5px 30px;}
.event-sub h2 span{font-size: 32px; color: #0a50a8;}
.main-events .owl-carousel.owl-drag .owl-item {width: 400px !important;;}
.events-main-carsouel{width:100%;max-width:100%;overflow: hidden;}
/* index events ends */

/* testimonials section starts here */
.testimonials { padding: 90px 20px; position: relative; z-index: 0;}
.inner-testimonials h2 { font-size: 32px; text-transform: uppercase; color: #000; margin: 0px 20px; position: relative; margin-bottom: 30px; display: flex; justify-content: center; align-items: center; font-weight: inherit;}
.testim .arrow { display: block; position: absolute; background: #e6282f; color: #fff; cursor: pointer; font-size: 20px; top: 35%; transition: all .3s ease-in-out; padding: 10px 13px; z-index: 2; border-radius: 50%; width: 40px;}
.testim .arrow:hover { color: #ea830e;}
.testim .arrow.left {left: 70px;}
.testim .arrow.right {right: 45px;}
.testim .cont {position: relative;}
.testim .cont > div { text-align: start; position: absolute; top: 0; left: 0; padding: 0 0 0px 0; opacity: 0; transition: opacity 0.5s ease-in-out;}
.testim .cont div.active { position: relative; opacity: 1;}
.testim .cont div img { width: 100px; height: 100px; margin: auto; border-radius: 50%;}
.testim .cont div h4 { color: #0a50a8; font-size: 24px; margin: 5px 0; font-weight: initial; text-transform: capitalize;}
.client-name p{color: #0a50a8 !important;}
.testim .cont div p { font-size: 17px; color: #000; margin: auto; text-align: justify; line-height: 27px; font-family: "poppins";}
.testimonials-content{ display: flex; justify-content: center; align-items: center; gap: 20px;}
.testimonials-slide{ width: 100%;}
.testimonials-paragraph{ width: 100%; max-width: 600px; padding: 40px; box-shadow: 0 0 15px #e5e5e5; position: relative;}
.testimonials-paragraph p{position: relative; }
.testimonials-paragraph p::before{position: absolute; content: ''; background-image: url('../images/testimonal-comma-1.png'); width: 100%; max-width: 50px;height: 35px; top: -30px; left: 0;} 
.testimonials-paragraph p::after{position: absolute; content: ''; background-image: url('../images/testimonal-comma-2.png'); width: 100%; max-width: 50px; height: 35px; bottom: -15px; right: 0;} 
.testimonials-image{width: 100%; max-width: 350px; display: flex; justify-content: center; align-items: center; gap: 10px;}
/* testimonials section ends here */

/* contact us starts */
.contact-us-details{display: flex; justify-content: center; align-items: stretch; margin-bottom: 40px; flex-wrap: wrap;}
.inner-contact-us-wrapper h2{text-align: center; margin: 0 0 20px;}
.contact-us-info p{width: 100%; max-width: 360px; line-height: 27px;}
.contact-us-info{padding: 25px; position: relative; z-index: 100;}
.contact-us-info::before{content: ''; position: absolute; background: #011439; width: 2px; height: 130px; right: 0; top: 0; margin: auto; bottom: 0;} 
.contact-us-info:last-child::before{display: none;}
.contact-us-info a{display: flex; justify-content: center; align-items: baseline; gap: 20px; color: #000; font-size: 18px; font-family: "poppins";}
.contact-us-info h4{text-align: center; font-size: 24px; font-weight: initial; color: #0a50a8; margin: 0 0 20px;}
/* contact us ends */

/* index page gallery starts */
.gallery-wrapper{ padding: 80px 50px 40px;}
.inner-gallery-wrapper h2{font-weight: initial; font-size: 32px; color: #000; padding: 0 20px; text-transform: uppercase;} 
.inner-gallery-wrapper h2 span{ font-size: 32px; color: #0a50a8;} 
.photo-gallery-main {transition: all .5s ease; transform: scale(1); opacity: 1; margin: 0 0 20px; width: 100%;}
.inner-photo-gallery-wrapper {display: flex; position: relative;z-index: 0; justify-content: center; align-items: center; gap: 20px; padding: 20px 0;}
.photo-inner-main a { width: 100%; height: 300px; color: #fff; position: relative; z-index: 1; }
.photo-inner-main a::before { content: ''; position: absolute; top: 0; width: 100%; height: 100%; background: #000; opacity: .5; z-index: -1; transition: all .5s ease;}
.photo-inner-main a:hover h3,
.photo-inner-main a:hover::before {transition: all .5s ease;opacity: 0;}
.photo-inner-main a:hover p {transition: all 1s ease;opacity: 1;border-radius: 50%;}
.photo-gallery-sub{display: flex; justify-content: center; align-items: center; gap: 10px; margin: 20px 0 0;}
.photo-gallery-1{width: 100%; max-width: 480px;}
.photo-gallery-2{width: 100%; max-width: 280px;}
.photo-gallery-3{width: 100%; max-width: 350px;}
.photo-inner-main{object-fit: cover;transition: transform 0.1s ease; }
.photo-inner-main:hover{transform: scale(1.1); }
/* index page gallery ends */

/* career starts */
.button {height: 50px;width: 50px;border-radius: 50%;cursor: pointer;outline: none;box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12);transition: all 300ms;}
.button:hover {transform: scale(1.1);box-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12);}
#backButton {background: #0a50a8;background-size: 48px 48px; margin-left: -21px;}
#nextButton {background: #0a50a8;background-size: 48px 48px;}
.buttonContainer i{ color: #fff; font-size: 20px;}
.buttonContainer { position: absolute; display: flex; justify-content: space-between; top: calc(50% - 56px/2); margin: auto; width: calc(100% - 200px); z-index: 1;}
.container { position: relative; width: 100%; max-width: 650px; display: flex; align-items: center; justify-content: center;}
.slide .item img { margin: auto 16px; object-fit: cover; transition: transform 300ms; box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2),
    0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12); width: 100%; max-width: 220px; border: 3px solid #fff;}
.slide .item img:hover { transform: scale(1.1); box-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2),
    0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12);}
.slide { position: absolute; height: 400px; width: 100%; margin: auto; display: flex; justify-content: center; align-items: center; transform-style: preserve-3d; transition: transform 500ms;}
.slideContainer { height: 400px; display: flex; align-items: center; position: relative; perspective: 5000px;}

.star {height: 15px;width: 15px;}
#starField {width: 50%;z-index: 0;}
.text {padding: 0 16px;transition: opacity 1s;}
.career-wrapper{padding: 40px 0; background: linear-gradient(0deg, rgba(255,255,255,1) 25%, rgba(184,201,221,1) 100%);}
.inner-career-wrapper{display: flex; justify-content: center; align-items: center; gap: 20px;} 
.career-content-wrapper h3 span{color: #0a50a8;}
.career-content-wrapper h3{font-size: 26px; line-height: 32px; text-transform: uppercase;}
/* career ends */

/* lightbox starts */
.inner-facilities-wrapper h2{padding: 0 40px; font-size: 32px; color: #0a50a8; font-weight: initial; text-transform: uppercase;}
.lightbox-wrapper{padding: 20px 0;}
.box-container{ height: 400px; display: flex; overflow: hidden; border-top: 3px solid #e9262f;}
.lightbox-wrapper .fluid-container {padding: 0;max-width: 1920px;}
.box-container {display: flex;justify-content: center; align-items: center; flex-wrap: wrap;}
.box {text-align: center;position: relative; overflow: hidden; width: calc(100% / 4); object-fit: cover; height: 100%;}
.box img {width: 100%;height: 100%;} 
.box h3 { position: absolute; bottom: 0; left: 0; width: 100%; margin: 0; padding: 10px; background-color: rgba(0, 0, 0, 0.7); color: white; font-weight: initial; font-size: 20px;}
.inner-itdp-cards h4{ font-size: 22px; line-height: 32px; text-align: center;  color: #ee8207;}
.box img:hover { transform: scale(1.1); transition: transform 0.3s ease-in-out; }
.box:hover h3 { display: none; }
/* lightbox ends */

/* inner banner starts */
.inner-banner { position: relative; display: flex; justify-content: center; align-items: center; height: 450px;}
.inner-banner::before{ position: absolute; content: ''; background: #00000052; width: 100%; height: 100%;}
.inner-banner .fluid-container { position: relative; width: 100%; height: 100%;}
.banner-text { height: 100%; display: flex; justify-content: center; align-items: center; width: 100%;}
.banner-container { position: absolute; bottom: 0; top: 50px; margin: auto; display: flex; justify-content: center; align-items: flex-start; flex-direction: column;}
.banner-heading-content { display: flex; justify-content: center; align-items: center;}
.banner-heading-content h1 { font-size: 70px; color: #000; letter-spacing: 1px; font-weight: 700; display: flex; justify-content: center; align-items: center; padding: 75px 150px; background: linear-gradient(356deg, rgba(255,255,255,1) 30%, rgba(0,0,0,0.19371498599439774) 100%); text-transform: uppercase; border-radius: 10px;}
.banner-heading-content h1 span { color: #fff;}
.breadcrumbs { color: #fff; display: flex; justify-content: flex-start; /* Align breadcrumbs to the left */ align-items: center; flex-wrap: wrap; font-size: 16px; position: absolute; bottom: 20px; left: -40%; /* Adjust the left position */ font-weight: initial; letter-spacing: 1px;}
.breadcrumbs a { color: #fff; font-weight: initial;}
.inner-banner .breadcrumbs i { margin: 0 8px; margin-top: 1px;}
/* Inner Banner Ends */

/* events starts */
.events-wrapper{padding: 60px 30px;}
.events-cards{ display: flex; justify-content: space-between; align-items: center; gap: 20px; position: relative; margin: 0 0 40px;}
.events-images{display: flex; justify-content: center; align-items: center; width: 100%; max-width: 400px; gap: 20px;}
.events-images img{width: 100%; max-width: 200px; border-radius: 10px; position: relative;}
.inner-events-wrapper h2{ font-size: 32px; font-weight: initial; color: #0a50a8;}
.events-cards:nth-child(2n) .events-images{ flex-direction: row-reverse;}
.events-content{width: 100%; max-width: 800px; }
.events-content h3{font-size: 24px; margin: 0 0 10px; font-weight: initial;}
.events-content p{ font-family: "poppins"; font-size: 16px; line-height: 25px; text-align: justify; }
.events-cards-wrapper{ padding: 40px 10px;}
.events-date {width: 100%; max-width: 200px; color: #0a50a8; text-align: center;}
.events-date h3{ font-size: 40px;}
.events-date h4{ font-size: 20px;}
/* events ends */

/* photo gallery starts */
.photo-gallery-cards{display: flex; justify-content: center; align-items: center; gap: 20px; flex-wrap: wrap;}
.photo-gallery-inner-wrapper h2{text-align: center; margin: 0 0 30px; font-size: 32px; font-weight: initial; text-transform: uppercase;}
.photo-gallery-wrapper{padding: 60px 0;}
.photo-cards img{ width: 100%;max-width: 380px;height: 380px;}
.photo-cards{width: 100%;max-width: 380px; position: relative;}
.photo-cards a::before{ content: '';position: absolute;width: 100%;height: 100%;background-color: #ffffff4d;z-index: 5;}
.photo-cards-title{ width: 100%; display: flex; justify-content: flex-start; padding: 0 30px;}
.photo-cards-title h3{ z-index: 5; position: absolute; color: #000; font-size: 24px; font-weight: initial; bottom: 10px; text-transform: capitalize;}
.photo-cards:hover .photo-cards-title{display: none;}
.photo-cards a.album-component-anchor {display: block;margin: 6px;width: 100%;max-width: 400px;height: 300px;position: relative;transition: all .3s ease-in-out;overflow: hidden;}
/* photo gallery ends */

/* inner photo album starts */
.individual-photo-components {display: flex;justify-content: center;flex-wrap: wrap;margin-top: 40px;}
.individual-photo-components .magnific-img {margin: 6px;width: 100%;max-width: 400px;height: 300px;position: relative;transition: all .3s ease-in-out;background: no-repeat center center/cover;}
.individual-photo-components .magnific-img>a {display: block;height: 100%;width: 100%;background: no-repeat center center/cover;position: relative;}
.individual-photo-components .magnific-img>a em {position: absolute;top: 0;left: 0;width: 96%;height: 94%;background: #000;opacity: 0;display: flex;justify-content: center;align-items: center;transition: all .4s ease-in-out;bottom: 0;right: 0;margin: auto;}
.individual-photo-components .magnific-img>a:hover em {opacity: .6;}
.individual-photo-components .magnific-img>a em img {width: 32px;filter: invert(99%) sepia(22%) saturate(313%) hue-rotate(161deg) brightness(118%) contrast(100%);margin-top: 60px;opacity: 0;transition: all .4s ease-in-out;transition-delay: .2s;}
.individual-photo-components .magnific-img>a:hover em img {margin-top: 0;opacity: 1;}
.mfp-arrow {background: #eee url('../images/previous.png') no-repeat center/20px !important;width: 48px !important;height: 48px !important;transition: all .4s !important;}
.mfp-arrow-right {background-image: url('../images/next.png') !important;}
.mfp-arrow::before,.mfp-arrow::after {display: none;}
.mfp-close {font-size: 32px;}
.mfp-container:hover button.mfp-arrow,.mfp-container:hover .mfp-counter {opacity: 1 !important;}
.mfp-arrow:hover {width: 60px !important;}
.inner-page-common-content-wrapper{padding: 40px 0;}
.inner-page-h2{font-size: 32px; font-weight: initial;}
.meet-team-heading-section a{ font-size: 22px;}
/* inner photo album ends */

/* Responsive starts*/
@media(max-width: 1200px){
  .events-wrapper {padding: 60px 20px;}
  .testim .arrow.left {left: 30px;}
  .testim .arrow.right {right: 25px;} 
  .testimonials-paragraph {padding: 20px;}
  .breadcrumbs{ left: -32%;}
  .container{ justify-content: space-around;}
  #starField{ width: 75%;}
  .slideContainer {perspective: 3000px;}
  .buttonContainer {padding: 0px 32px; width: calc(100% - 64px);}
}

@media(max-width:1180px){
  .courses-slider__content {padding: 20px 60px;}
}
@media(max-width:1160px){
  .right-desktop-menu-container ul li a{padding: 20px 25px;}
  .right-desktop-menu-container{margin-right: -100px;}
}

@media(max-width:1140px){
  .testim .arrow.left {left: 5px;}
  .breadcrumbs {left: -25%;}
}
@media(max-width:1080px){
  .about-us-1{display: flex; justify-content: center; align-items: center; gap: 20px;}
  .inner-about-us-container{flex-direction: column;}
  .about-us-3{max-width: 100%; display: flex; justify-content: center; align-items: center; gap: 20px; margin: 130px 0 -70px;}
  .about-us-image img{ margin: 0; height: 100%;}
  .about-us-2{max-width: 100%;}
  .about-us-wrapper {padding: 80px 20px;}
  .testimonials-content{flex-direction: column;}
  .testimonials-paragraph {max-width: 700px;}
  .container {justify-content: flex-start;}
  .right-desktop-menu-container ul li a {padding: 20px 20px;}
  .right-desktop-menu-container ul li a{font-size: 17px;}

  .about-us-inner-main{flex-direction: column-reverse;}
  .about-us-3{ gap: 80px; flex-direction: row-reverse;}
  .main-banner-h a{ line-height: 35px;}
}

@media(max-width: 1040px){
  .breadcrumbs {left: -25%;}
}

@media(max-width: 1000px){
  .gallery-wrapper {padding: 80px 20px 40px;}
}

@media(max-width:992px){
  .right-desktop-menu-container{display: none;}
  .nav-but-wrap{display: block;}
  .inner-career-wrapper{flex-direction: column;}
  .career-content-wrapper h3 br{display: none; }
  .career-content-wrapper h3{text-align: center;}
  .container{max-width: 800px; align-items: flex-start;}
  .about-us-wrapper {padding: 40px 0px;}
  .cards-content h3{ font-size: 22px;}
  .footer-wrapper{ padding: 40px 20px 30px;}
  .events-cards{ flex-direction: column-reverse; margin: 0 0 40px;}
  .events-images{max-width: 100%; }
  .events-images img{max-width: 300px;}
  .events-date{ max-width: 300px;}
  .courses-slider__img{height: 100%; max-width: 100%;}
  .courses-slider__content{ height: 100%;}
  .swiper-button-next, .swiper-container-rtl .swiper-button-prev {right: 15px;}
  .swiper-button-prev {left: 2%;}
  .swiper-button-next, .swiper-button-prev{ top: 70%;}
  .banner-heading-content h1{ padding: 80px 130px;}

  .courses-slider {max-width: 680px;height: 400px;}
  .courses-slider {height: auto;margin: 240px auto 0; margin-bottom: 40px;}
  .courses-slider__item {flex-direction: column;}
  .courses-slider__img {transform: translateY(-50%);width: 100%; }
  .courses-slider__content {margin-top: -210px;text-align: center;padding: 30px 70px;}
  .contact-us-info::before {display: none;}
  #backButton{margin-left: 60px; }
  .photo-gallery-sub{display: none;}
}

@media(max-width: 949px){
  .events-carsouel .owl-carousel .owl-nav{display: none;}
}

@media(max-width:940px){
  .inner-photo-gallery-wrapper{ flex-direction: column;}
  .photo-gallery-1{ max-width: 100%;}
  .photo-gallery-2{ max-width: 100%; display: flex; justify-content: center; align-items: center; gap: 10px;}
  .photo-gallery-3{ max-width: 100%; display: flex; justify-content: center; align-items: center; gap: 10px;}
}

@media(max-width:920px){
  .breadcrumbs {left: -15%;}
}

@media(max-width:900px){
  .testimonials-paragraph {max-width: 620px;}
}

@media(max-width:880px){
  .inner-why-choose-us{ flex-direction: column-reverse; align-items: center; gap: 10px;}
  .why-choose-us-content{ max-width: 100%; padding: 0 20px; text-align: justify; }
  .why-choose-us-content h2{text-align: center;}
  .why-choose-us-content h2 br{ display: none;}
  .inner-footer-wrapper{ gap: 20px; flex-direction: column;}
  .footer-logo-content{ display: flex; flex-direction: column; justify-content: center; align-items: center; width: 100%; max-width: 100%;}
  .events-wrapper {padding: 60px 0px;}
  .events-content h3{ text-align: center;}
  .main-banner-h h1{padding: 30px;}
}

@media(max-width:840px){
  .breadcrumbs {left: -10%;}
  .main-banner-h h2{margin-top: -70px;}
}
@media(max-width: 800px){
  .inner-facilities-page-wrapper h3{padding: 50px 20px; font-size: 26px;}
}

@media(max-width:767px){
  .main-banner-h h1 {font-size: 130px;}
  .banner-content {padding: 0 60px 0 100px;}
  .testim .arrow{ top: 100%; margin: 15px;}
  .testimonials-paragraph{padding: 10px;}
  .testim .arrow.right {right: 35%;}
  .testim .arrow.left {left: 35%;}
  .breadcrumbs {left: -7%;}
  .banner-heading-content h1 {padding: 70px 110px;}
  .banner-brand{ padding: 0 30px; } 
  .container {margin-right: -60px;}
  #starField{width: 65%;}
  #backButton{margin-left: 0;}
  #to-top{right: 25px;}
  .inner-facilities-page-wrapper h3{ font-size: 20px;}
}

@media(max-width: 680px){
  .inner-footer-bottom-wrapper{ flex-direction: column; padding: 20px 20px;}
  .box{ height: 400px;width: 100%; }
  .box-container{ height: 100%; flex-direction: column;}
  .courses-slider__content { margin-top: -197px;}
  #nextButton {margin-right: -35px;}
  .button{ height: 35px;width: 35px;} 
  .buttonContainer i {font-size: 16px;}

  .main-banner-h h1 {padding: 0 30px 50px;}
  #starField {width: 63%;}

}

@media(max-width: 656px){
  .inner-courses-wrapper h2{ display: initial !important;}
}
@media(max-width: 640px){
  .testimonials{padding: 90px 0px;}
  .main-banner-h h1 {font-size: 115px;}
  .banner-content {padding: 0 60px 0 80px;}
  .breadcrumbs {left: 2%;}
  .main-banner-h a {line-height: 28px;}
}

@media(max-width:600px){
  .courses-slider__content { margin-top: -173px;}
  .courses-slider__content h2 br{display: none;}
  .banner-heading-content h1 {padding: 60px 85px;}
  .inner-facilities-page-wrapper h3{font-size: 18px;}
}
@media(max-width:580px){
  .about-us-1{ flex-direction: column; gap: 10px;} 
  .about-us-3{ flex-direction: column-reverse; gap: 5px;}
  .contact-form {display: flex;align-items: center;justify-content: center;gap: 0px;flex-direction: column;}
  .contact-form > div{ max-width: 100%;}
  .submit-btn{ display: flex; justify-content: center; align-items: center;}
  .about-us-card{display: none;}

}

@media(max-width:576px){
  .events-images{flex-direction: column;}
  .events-images img{margin: 0 0 20px;}
  .events-cards:nth-child(2n) .events-images{ flex-direction: column;}
  .inner-events-wrapper h2{ text-align: center;}
  .b-scroll{max-width: 110px;}
  .main-banner-h h1 {font-size: 100px; padding: 0 30px 65px;}
  .main-banner-h h2 {font-size: 40px;}
  .career-wrapper{ margin: 0 0 -25px;}
  .container{ max-width: 300px; margin: -60px 85px -45px 0px}
  #backButton {margin-left: -70px;}
  #nextButton { margin-right: -230px;}
  .slide .item img{ width: 100%;}
  .career-wrapper{ padding: 40px 0;}
  .courses-slider{margin: 200px auto 0;}
  .contact-us-info{padding: 10px;}
  .inner-contact-us-wrapper h2{margin: 0 0 15px;}
  #nav-body.nav-active .nav-par::before{bottom: -345px;}
}

@media(max-width:540px){
  .banner-heading-content h1 {padding: 60px 50px;}
}

@media(max-width:520px){
  .photo-gallery-sub{ flex-direction: column; }
  .photo-gallery-2{ flex-direction: column;}
  .photo-gallery-3{ flex-direction: column;}
  .courses-slider__content {margin-top: -170px; padding: 48px 10px;}
  .swiper-button-prev:after, .swiper-rtl .swiper-button-next:after { width: 35px; font-size: 22px !important; padding: 7px 12px; height: 35px;}
  .swiper-button-next:after, .swiper-rtl .swiper-button-prev:after{width: 35px; font-size: 22px !important; padding: 7px 12px; height: 35px; }
  .courses-slider__item.swiper-slide-active .courses-slider__content > *{ font-size: 18px;}
  .courses-slider__item.swiper-slide-active .courses-slider__content > *:nth-child(3){ text-align: justify;}
  .swiper-button-next, .swiper-button-prev{ top: 90%;}
  .swiper-button-prev {left: 30%;}
  .swiper-button-next, .swiper-container-rtl .swiper-button-prev {right: 40%;}
  .breadcrumbs {left: 0%;}
  #backButton {margin-left: -50px;}
  #nextButton {margin-right: -219px;}
  .courses-slider__content h3{font-size: 30px !important;}
}

@media(max-width:480px){
  .testim .arrow.left {left: 30%;}
  .testim .arrow.right {right: 30%;}
  .banner-brand{padding: 0 20px;}
  .main-banner-h h1{font-size: 90px;}
  .banner-heading-content h1 {padding: 40px 25px;}
  .buttonContainer{ top: calc(50% - -240px / 2);}
  #backButton {margin-left: 60px;}
  #nextButton {margin-right: -50px;}
  #starField {width: 52%;}
  .inner-courses-wrapper{padding: 40px 0 0; text-align: center;}
  .courses-slider {margin: 170px auto 0;}
  .inner-courses-wrapper h2{ font-size: 28px;}
  .swiper-button-next, .swiper-button-prev {top: 87%;}
  #to-top {right: 20px;}

  .inner-facilities-page-wrapper h3::before{ content: ''; position: absolute; background: #fff; width: 200px; height: 2px; right: 0; top: 100px; margin: auto; bottom: 0;}
  .inner-facilities-page-wrapper{flex-direction: column;}
  .inner-facilities-page-wrapper h3{padding: 30px 20px;}
  .main-banner-h a{line-height: 25px; padding: 0px;}
  .header .top-header-container{height: 100px;}
}

@media(max-width: 440px){
  .main-banner-h h1{font-size: 80px;}
  .banner-heading-content h1 {padding: 35px 25px;}
  .testimonials-paragraph p::before{display: none;}
  .testimonials-paragraph p::after{display: none;}
  #to-top {right: 15px;}
}

@media(max-width:420px){
  .courses-slider__content{margin-top: -130px; }
  .breadcrumbs {left: 5%;}
  .banner-heading-content h1 {padding: 35px 15px;}
  .slideContainer {perspective: 2000px;}
  .container {margin: -90px 47px -70px 0px;}
  .buttonContainer {top: calc(50% - -210px / 2);}
  .courses-slider {margin: 150px auto 0;}
  .swiper-button-next, .swiper-button-prev {top: 83%;}
  .courses-slider__item.swiper-slide-active .courses-slider__content > * {font-size: 16px;}
  .nav__list-item a{padding-left: 42px;}
}

@media(max-width:400px){
  .main-banner-h h1 {font-size: 70px;}
  .banner-heading-content h1 {padding: 30px 5px;}
  .main-banner-h a{font-size: 17px;}
}

/* dropdown starts */
.dropdown-wrapper-li a.act-link {color: #e4cfac;}
.dropdown-wrapper-li{position: relative;z-index:9;}
li.dropdown-wrapper-li .dropdown-wrapper {pointer-events: none; opacity: 0;position: absolute; width: 170px;visibility: hidden;transition: all .2s ease-in-out;z-index: 1;top: 100px;}
li.dropdown-wrapper-li:hover .dropdown-wrapper{visibility: visible;opacity: 1;top: 50px;pointer-events: visible;}
header.scrolled-header li.dropdown-wrapper-li:hover .dropdown-wrapper{top: 66px;}
.dropdown-wrapper-li span{color: #fff;padding: 10px 20px;font-size:18px;}
.scrolled-header .dropdown-wrapper-li span {color:#fff;font-weight:700;}
.dropdown-wrapper-li.act-link span{color: #f9af47;}
.dropdown-wrapper li a:hover {color: #f9af47;}
.dropdown-wrapper a.act-link {color: #e85332;}
.dropdown-wrapper ul li a{color:#fff;font-weight:600;}
.dropdown-wrapper ul{background: #172849; position:relative ; z-index: 4; padding: 0 20px 2px;}
.scrolled-header .dropdown-wrapper ul{top:-20px;}
.dropdown-wrapper li a{width: 100%; max-width:250px; padding:10px 5px !important;color: #4c6444;}
.dropdown-wrapper ul li a{font-size:16px !important;}
/* dropdown ends */