.text-red {
  color: #790a0a !important;
}

.text-green {
  color: #e4d4b8 !important;
}

.text-blue {
  color: #365a67 !important;
}

html {
  scroll-behavior: smooth;
}

body {
  font-family: "Roboto", sans-serif;
}

h1, h2, h3, h4 {
  font-family: "Roboto Serif", serif;
}

a, a:hover {
  text-decoration: none;
}

ul, li, ol {
  list-style-type: none;
  padding-inline-start: 0;
  margin-bottom: 0;
}

.container, .container-lg, .container-md, .container-sm, .container-xl {
  max-width: 95%;
}

.bg1 {
  background: #E8F1F4 !important;
}

.bg2 {
  background-color: #365a67 !important;
}

.bgFade2 {
  background: rgba(53, 89, 103, 0.22);
}

.bgExtraFade2 {
  background: rgba(251, 168, 52, 0.1254901961);
}

.bg3 {
  background: #e4d4b8 !important;
}

.bgFade3 {
  background: rgba(228, 25, 55, 0.08) !important;
}

.bgExtraFade3 {
  background: rgba(113, 176, 223, 0.1254901961);
}

.bg4 {
  background-color: #7a2f3a !important;
}

.bg5 {
  background-color: #790a0a !important;
}

a.whatsapp_popup {
  bottom: 84px;
  right: 76px;
  z-index: 99;
  border: 2px solid #fff;
}

a.whatsapp_popup svg {
  fill: #29a71a;
  width: 58px;
}

.menuFixed {
  display: flex;
  align-items: center;
  position: fixed;
  right: 40px;
  top: 53px;
}

#navbarColor02 .navbar-nav.align-items-center {
  margin-right: 369px;
}

.main-table table.table tr td {
  font-size: 19px;
  line-height: 26px;
  font-weight: 500;
  background: #fff;
}

.main-table table.table tr td, .main-table table.table tr th {
  padding: 10px 12px;
  vertical-align: middle;
  font-size: 20px;
}

header span.mobileMenu {
  position: relative;
  border-radius: 50%;
  width: 55px;
  height: 55px;
  border: 1px solid #fff;
}

header nav.fixed-navbar span.mobileMenu {
  width: 45px;
  height: 45px;
}

header span.mobileMenu svg {
  width: 32px;
  fill: #fff;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

header nav.fixed-navbar span.mobileMenu svg {
  width: 26px;
}

.trigger_popup {
  transform: rotate(270deg);
  position: fixed;
  top: 50%;
  right: -103px;
  z-index: 999;
  cursor: pointer;
  background-color: #790a0a;
  border-color: #790a0a;
  border-radius: 5px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  padding: 6px 16px;
  font-size: 17px;
  color: #fff;
  font-weight: 500;
  line-height: 24px;
}

a.trigger_popup:hover {
  color: #fff;
}

/*===================================== Preloader CSS Start =====================================*/
#preloader {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100dvh;
  background: #365a67;
  z-index: 9999;
  transition: all 0.4s ease;
}

.loader {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  transition: 0.4s ease-in-out;
  text-align: center;
}

.loader img {
  width: 240px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

/*================================== Preloader CSS End ================================*/
/*================================== Main Header CSS Start ================================*/
header {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 99;
  transition: 0.6s ease-in-out;
}

span.logoImg small.logoText1 {
  font-size: 74%;
  font-weight: 300;
}

header a.navbar-brand span.logoImg img {
  width: 240px;
}

header a.navbar-brand span.logoTitle {
  color: #fff;
  font-weight: 700;
  letter-spacing: 0.5px;
  text-transform: uppercase;
  font-size: 18px;
  line-height: 18px;
  margin-left: 0;
  display: none;
}

header a.navbar-brand small.logoText {
  font-size: 56%;
  line-height: 16px;
  font-weight: 400;
  letter-spacing: 2.7px;
}

header nav.navbar {
  position: relative;
  padding: 50px 60px 10px 60px;
  overflow: hidden;
  transition: 0.6s ease-in-out;
}

header .nav-link.nav-link-menu span.mainMenu {
  position: relative;
  border-radius: 50%;
  display: block;
  width: 80px;
  height: 80px;
  background: #365a67;
  cursor: pointer;
  border: 2px solid #fff;
}

.mainSlider .carousel-inner .carousel-item a.mainSlideLink small {
  font-size: 80%;
}

.mainSlider .carousel-inner .carousel-item a.mainSlideLink {
  display: flex;
  text-align: center;
  font-size: 19px;
  text-decoration: none;
  background-image: none;
  padding: 6px 21px 6px 7px;
  background-color: #790a0a;
  color: #fff;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  font-weight: 500;
  border-radius: 100px;
  align-items: center;
  justify-content: center;
  gap: 9px;
  width: -moz-fit-content;
  width: fit-content;
}

.mainSlider .carousel-inner .carousel-item a.mainSlideLink span {
  height: 40px;
  display: flex;
  width: 40px;
  background: #fff;
  border-radius: 100%;
  align-items: center;
  justify-content: center;
}

.mainSlider .carousel-inner .carousel-item a.mainSlideLink svg {
  width: 24px;
  fill: #7b0f08;
}

header ul.navbar-nav .nav-link {
  font-size: 19px;
  line-height: 22px;
  color: #fff;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  padding: 2px 16px !important;
  cursor: pointer;
  transition: 0.4s ease-in-out;
  letter-spacing: 0.5px;
}

header .nav-link.nav-link-menu svg {
  width: 32px;
  fill: #fff;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

@media all and (min-width: 992px) {
  .navbar .dropdown-menu-end {
    right: 0;
    left: auto;
  }
  .navbar .nav-item .dropdown-menu {
    display: block;
    opacity: 0;
    visibility: hidden;
    transition: 0.7s;
    margin-top: 0;
  }
  .navbar .nav-item:hover .nav-link {
    color: #fff;
  }
  .navbar .dropdown-menu.fade-down {
    top: 80%;
    transform: rotateX(-75deg);
    transform-origin: 0% 0%;
  }
  .navbar .dropdown-menu.fade-up {
    top: 100%;
  }
  .navbar .nav-item:hover .dropdown-menu {
    transition: 0.7s;
    opacity: 1;
    visibility: visible;
    top: 100%;
    transform: rotateX(0deg);
  }
}
header nav.navbar.fixed-navbar {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  padding: 0 20px;
  background: #365a67;
}

header .fixed-navbar a.navbar-brand span.logoImg img {
  display: none;
}

header .fixed-navbar a.navbar-brand span.logoTitle {
  display: block;
}

header .fixed-navbar ul.navbar-nav .nav-link.nav-link-menu {
  padding: 6px 14px !important;
}

header .fixed-navbar .nav-link.nav-link-menu span.mainMenu {
  width: 45px;
  height: 45px;
}

header .fixed-navbar .nav-link.nav-link-menu svg {
  width: 26px;
}

header .fixed-navbar ul.navbar-nav .nav-link {
  font-size: 15px;
  line-height: 20px;
  padding: 2px 14px !important;
}

/*================================== Main Header CSS End ================================*/
/* ================================= Hamburger Menu CSS Start ================================*/
.mydiv {
  display: none;
  height: 100%;
  z-index: 99;
  position: relative;
  overflow: hidden;
  transition: 0.4s ease-in-out;
}

.navigation {
  position: fixed;
  right: 0;
  height: 100%;
  z-index: 9999999;
  top: 0;
  visibility: hidden;
  transition: 0.6s ease-in-out;
  transform: translateX(200%);
  width: calc(100% + 0px);
  background: #fff;
  overflow: hidden;
  overflow-y: scroll;
}

.navigation.open-nav {
  opacity: 1;
  visibility: visible;
  z-index: 99999;
  transform: translateX(0);
  transition: 0.6s ease-in-out;
}

.navigation:before {
  background: rgb(111, 74, 0);
  content: "";
  position: absolute;
  left: 0;
  height: 100%;
  z-index: 0;
  top: 0;
  width: 100%;
  transform: translateY(-300px);
  transition: 0.1s ease-in-out;
  display: none;
}

.navigation.open-nav:before {
  transform: translateY(0);
}

img.navigation-bg-img {
  height: 100vh;
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  /*animation: pulse2 12s infinite;
  animation-duration: 10s;
  animation-timing-function: ease-in-out;
  animation-delay: 0s;
  animation-direction: alternate;
  animation-iteration-count: infinite;*/
}

@keyframes pulse2 {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(1.1);
  }
}
.navigation nav {
  position: relative;
  display: table;
  margin: 0;
  text-align: left;
  width: 100%;
  height: 100%;
  padding: 90px 50px 40px 50px;
}

.navigation nav ul.menu-main-ul {
  position: relative;
  width: 300px;
  float: left;
  border-right: 2px solid #9d9d9d;
  padding: 0 30px 0 0;
  list-style-type: none;
}

.navigation nav:after {
  content: "";
  width: 100%;
  display: table;
  margin: 0;
  text-align: left;
  width: 100%;
  background: #fff;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.navigation nav ul, .navigation nav .navbar-brand.brand-logo {
  position: relative;
  z-index: 1;
}

.navigation:after {
  position: absolute;
  content: "";
  top: 0;
  right: -280px;
  height: 100%;
  width: 320px;
  background: #365a67;
  padding: 150px 30px 30px 30px;
  z-index: 0;
  display: none;
}

.navigation nav .btn-group {
  position: relative;
  margin-top: 10px;
  z-index: 1;
  padding: 10px 15px;
}

.socials {
  z-index: 99;
  position: relative;
  left: 0;
  display: inline-block;
  margin-top: 12px;
}

.socials a {
  display: inline-block;
  margin: 0 6px 0 0;
  font-size: 18px;
  color: #fff;
  text-align: center;
  padding: 3px 7px 3px 8px;
  border-radius: 50%;
}

.navigation nav .socials p {
  font-size: 16px;
  line-height: 28px;
  color: #000;
}

.submenu-wrap ul {
  opacity: 1;
  visibility: visible;
  transition: 0.3s ease-in-out;
  display: none;
}

.submenu-wrap ul.hoverShowing {
  display: block;
}

.submenu-wrap ul li a {
  font-size: 16px;
  padding: 6px 10px;
  display: inline-block;
  color: #000;
  text-transform: capitalize;
}

.navigation nav > ul, .navigation nav ul ul {
  padding-top: 0;
  position: relative;
}

.navigation nav > ul > li {
  transition: 0.4s ease-in-out;
  opacity: 0;
  padding-left: 10px;
}

.navigation nav > ul > li > a, .navigation nav > ul > li > .mymultiplediv {
  position: relative;
}

.navigation nav > ul > li > a:before, .navigation nav > ul > li > a:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  transform: translate(0px, 14px);
  transition: 0.4s ease-in-out;
  display: none;
}

.navigation nav > ul > li > a:before {
  height: 15px;
  width: 15px;
  border: 2px solid #365a67;
  border-radius: 50%;
  z-index: 1;
  background: #004372;
  display: none;
}

.navigation nav > ul > li:not(:last-child) > a:after {
  height: 100%;
  width: 3px;
  background: #365a67;
  top: 10px;
  left: 5.5px;
  z-index: 0;
  display: none;
}

.navigation nav > ul > li > a:hover:before, .navigation nav > ul > li.nav_active > a:before, .navigation nav > ul > li > .mymultiplediv:hover:before, .navigation nav > ul > li.nav_active > .mymultiplediv:before {
  background: #365a67;
}

.navigation.open-nav nav > ul > li {
  opacity: 1;
  line-height: normal;
}

.navigation nav > ul > li > a, .navigation nav > ul > li > .mymultiplediv {
  display: block;
  color: #000;
  font-size: 23px;
  padding: 9px 0;
  font-weight: 500;
  line-height: 24px;
  cursor: pointer;
  transition: 0.4s ease-in-out;
}

.navigation nav > ul > li.nav_active > a, .navigation nav > ul > li.nav_active > .mymultiplediv {
  color: #790a0a;
}

.btn-danger:not(:disabled):not(.disabled).active:focus, .btn-danger:not(:disabled):not(.disabled):active:focus, .show > .btn-danger.dropdown-toggle:focus {
  box-shadow: none;
}

.navigation nav ul ul li a {
  color: #000;
  padding: 6px 0;
  font-size: 17px;
  line-height: 21px;
  display: block;
  font-weight: 500;
  position: relative;
  transition: 0.4s ease-in-out;
}

.navigation nav ul ul li a:hover {
  color: #365a67;
}

.navigation nav ul ul li a:before {
  content: "";
  position: absolute;
  top: 13px;
  left: 0;
  border-radius: 50%;
  border: 6px double #fffd9f;
  display: none;
}

@media screen and (min-width: 767px) {
  .navigation nav ul ul {
    position: absolute;
    left: 300px;
    padding: 25px 0 20px 25px;
    height: 100%;
    top: 0;
    opacity: 0;
    width: 260px;
    visibility: hidden;
    transform: translateY(0px);
    transition: 0.3s ease-in-out;
    list-style-type: none;
    text-align: start;
  }
  .navigation nav ul ul:after {
    content: "";
    right: -16px;
    top: 0;
    border-top: 26px solid transparent;
    border-bottom: 0px solid transparent;
    position: absolute;
    border-left: 16px solid #cac6c6;
    display: none;
  }
  .navigation nav ul li:hover ul {
    opacity: 1;
    visibility: visible;
    transform: translateY(0px);
  }
}
.navigation nav ul li.nav_active ul, .navigation nav ul li:hover ul {
  opacity: 1;
  visibility: visible;
}

.close-nav-panel {
  cursor: pointer;
}

.close-nav-panel svg {
  position: absolute;
  right: 40px;
  top: 50px;
  width: 58px;
  fill: #111;
  background: #efefef;
  padding: 16px;
  border-radius: 50%;
  transform: rotate(0deg);
  transition: 0.4s ease-in-out;
}

.close-nav-panel svg:hover {
  transform: rotate(360deg);
}

.navigation a img {
  width: 280px;
}

.navigation a.navbar-brand.brand-logo.desk-menu-logo {
  position: absolute;
  top: 40%;
  transform: translate(0%, -50%);
  left: 32%;
  filter: opacity(0.05);
  margin: 0;
  cursor: auto;
  z-index: 1;
}

.navigation-header {
  position: relative;
  z-index: 999;
}

.navigation-logo {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 999;
  padding: 30px 30px 60px;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.5), transparent);
}

.navigation-logo a.navbar-brands img {
  width: 230px;
}

.navigation-logo a.navbar-brands span.logoTitle {
  color: #fff;
  font-weight: 600;
  letter-spacing: 0.5px;
  text-transform: uppercase;
  font-size: 20px;
  line-height: 20px;
  margin-left: 6px;
}

.navigation-logo a.navbar-brands span.logoTitle small {
  font-size: 56%;
  line-height: 18px;
  font-weight: 400;
  letter-spacing: 2.1px;
}

.navigation-image:before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(45deg, rgba(0, 0, 0, 0.2), transparent);
  z-index: 999;
}

.usefulLinksSection {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 99;
  width: 100%;
  margin: 0 auto;
  padding: 0 40px 16px;
}

.usefulLinksSection:before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 60%;
  background: #365a67;
}

.usefulLinksSection h2 {
  font-size: 17px;
  line-height: 22px;
  color: #000000;
  font-weight: 700;
  margin-bottom: 6px;
  margin-left: 8px;
}

ol.usefulLinks {
  display: flex;
  flex-wrap: wrap;
  position: relative;
  justify-content: center;
}

ol.usefulLinks li {
  flex: 0 0 auto;
  width: 25%;
}

ol.usefulLinks li .usefulLinksBlock {
  position: relative;
  margin: 0 8px;
  border: 3px solid #fff;
  border-radius: 0 0 2px 2px;
  transition: 0.4s ease-in-out;
}

ol.usefulLinks li .usefulLinksBlock .usefulLinksImg {
  position: relative;
  overflow: hidden;
}

ol.usefulLinks li .usefulLinksBlock img {
  width: 100%;
  height: 100px;
  -o-object-fit: cover;
     object-fit: cover;
  transition: 0.4s ease-in-out;
}

ol.usefulLinks li .usefulLinksBlock:hover img {
  transform: scale(1.1);
}

ol.usefulLinks li .usefulLinksBlock .usefulLinksContent {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 40px 8px 6px 8px;
  transition: 0.4s ease-in-out;
}

ol.usefulLinks li .usefulLinksBlock .usefulLinksContent:before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(0deg, #365a67, transparent);
}

ol.usefulLinks li .usefulLinksBlock h3 {
  position: relative;
  font-size: 16px;
  line-height: 20px;
  font-weight: 600;
  color: #fff;
  margin-bottom: 0;
  text-align: center;
  text-transform: uppercase;
  text-shadow: 1px 1px 20px black;
}

/* ================================= Hamburger Menu End ================================*/
/*================================== Main Slider CSS Start ================================*/
.mainSlider {
  position: relative;
  transition: 0.4s ease-in-out;
}

.mainSlider .carousel-inner .carousel-item img.main-slider-img {
  height: 100dvh;
  -o-object-fit: cover;
     object-fit: cover;
  animation: pulse 5s infinite;
  animation-duration: 5s;
  animation-timing-function: ease-in-out;
  animation-delay: 0s;
  animation-direction: alternate;
  animation-iteration-count: infinite;
}

@keyframes pulse {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(1.08);
  }
}
.mainSlider .carousel-inner .carousel-item:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9;
  width: 100%;
  height: 30%;
  background: linear-gradient(180deg, rgb(0, 0, 0), transparent);
}

.mainSlider .carousel-inner .carousel-item:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 9;
  width: 100%;
  height: 27%;
  background: linear-gradient(0deg, rgb(0, 0, 0), transparent);
}

.mainSlider .carousel-caption {
  right: auto;
  left: 75px;
  bottom: 70px;
  z-index: 99;
  padding: 0;
  text-align: start;
}

.mainSlider .carousel-caption h1 {
  margin-bottom: 0;
  font-size: 65px;
  line-height: 70px;
  font-weight: 600;
  text-transform: capitalize;
  color: #fff;
}

.mainSlider .carousel-control-next, .mainSlider .carousel-control-prev {
  width: auto !important;
  opacity: 1;
  top: auto;
  bottom: 40px;
}

.mainSlider .carousel-control-prev {
  left: auto;
  right: 135px;
}

.mainSlider .carousel-control-next {
  right: 80px;
}

.mainSlider .carousel-control-next span.carousel-control-next-icon svg, .mainSlider .carousel-control-prev span.carousel-control-prev-icon svg {
  fill: #fff;
  width: 38px;
}

.mainSlider .carousel-indicators {
  top: 50%;
  right: 50px;
  left: auto;
  transform: translate(0, -50%);
  justify-content: center;
  margin: 0 20px 0 0;
  margin-bottom: 0;
  flex-direction: column;
}

.mainSlider .carousel-indicators button {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  border: 1px solid #fff;
  margin: 16px 0;
  outline: 1px solid;
  outline-offset: 6px;
  outline-color: transparent;
  background-color: #fff;
  opacity: 1;
}

.mainSlider .carousel-indicators button.active {
  outline-color: #365a67;
  background-color: #365a67;
  border: 1px solid #365a67;
}

.mainSlider .carousel-control-next-icon, .mainSlider .carousel-control-prev-icon {
  background-image: none;
}

/*================================== Main Slider CSS End ================================*/
/*================================== Flyer Modal CSS Start ================================*/
.modal.flyerModal {
  -webkit-backdrop-filter: blur(2px);
          backdrop-filter: blur(2px);
}

.modal.flyerModal .modal-body {
  overflow-y: auto;
  border: 4px solid #fff;
}

.flyerModal .modal-content {
  border-radius: 0;
  border: 0;
}

.flyerModal .modal-lg {
  max-width: 500px;
}

.flyerModal .modal-header button.btn-close {
  position: absolute;
  top: 20px;
  right: 20px;
  filter: invert(1);
  font-size: 24px;
  opacity: 1;
  z-index: 9;
  text-shadow: 1px 1px 20px black;
}

.flyerModal .modal-body::-webkit-scrollbar {
  width: 4px;
  border-radius: 6px;
}

.flyerModal .modal-body::-webkit-scrollbar-track {
  border-radius: 20px;
}

.flyerModal .modal-body::-webkit-scrollbar-thumb {
  background-color: #ddd;
  border-radius: 20px;
}

.flyerModal .modal-header {
  position: relative;
  border-bottom: 0;
}

.flyerModal .modal-body .flyerBlock {
  position: relative;
  padding: 20px 20px 16px;
  text-align: center;
  background: #fff;
}

.flyerModal .modal-body .flyerBlock h2 {
  font-size: 28px;
  line-height: 32px;
  margin-bottom: 12px;
  color: #121212;
  font-weight: 700;
}

.flyerModal .modal-body .flyerBlock .flyerText {
  font-size: 20px;
  line-height: 26px;
  font-weight: 300;
  color: #000;
  margin-top: 16px;
}

.flyerModal .modal-body .flyerBlock .flyerText b, .flyerModal .modal-body .flyerBlock .flyerText strong {
  font-weight: 500;
}

a.mainBtn2 {
  display: inline-block;
  background: #365a67;
  color: #fff;
  border: 1px solid #365a67;
  border-radius: 50px;
  padding: 10px 20px;
  font-size: 16px;
  line-height: 21px;
  font-weight: 500;
  text-transform: uppercase;
}

a.mainBtn2 svg {
  width: 16px;
  fill: #fff;
  position: relative;
  top: -1px;
  transition: 0.4s ease-in-out;
  margin-left: 3px;
  transform: rotate(-40deg);
}

a.mainBtn2:hover svg {
  transform: rotate(0deg);
}

.btn-close:focus {
  box-shadow: none;
}

/*================================== Flyer Modal CSS End ================================*/
ul.wrapperAims {
  flex-wrap: wrap;
}

ul.wrapperAims li {
  flex: 0 0 auto;
  width: 33.333%;
  padding: 5px;
}

.schoolStr .wrapperAimsLi {
  background: rgb(235, 221, 195);
  border: 0;
}

.schoolStr ul.wrapperAims li {
  width: 25%;
}

.wrapperAimsLi {
  font-size: 24px;
  line-height: 30px;
  color: #000000;
  font-weight: 500;
  margin-bottom: 0;
  margin-top: 0;
  border: 5px solid rgba(192, 192, 192, 0.52);
  padding: 20px 14px;
  background: rgb(255, 255, 255);
  border-radius: 16px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 14px;
}

.wrapperAimsLi svg {
  width: 70px;
  fill: #373737;
}

.wrapperAimsLi span small {
  color: #313131;
  font-size: 84%;
  text-transform: uppercase;
}

a.nav-link.nav-links.admissionLink {
  padding: 11px 44px 10px 26px !important;
  border-radius: 122px 0px 0px 122px;
  line-height: 28px;
  background: #ffffff;
  position: relative;
  right: -58px;
  color: #000000 !important;
  font-size: 21px !important;
  text-transform: uppercase;
  font-weight: 500;
}

/*================================== Photo Gallery CSS Start ================================*/
.photoGalleryInfo {
  position: relative;
  padding: 0 28% 40px 0;
}

.photoGalleryInfo h2 {
  font-size: 50px;
  line-height: 62px;
  font-weight: 700;
  color: #295261;
  text-transform: uppercase;
  margin-bottom: 30px;
}

.photoGalleryInfo p {
  font-size: 23px;
  line-height: 32px;
  color: #000;
  font-weight: 300;
  margin-bottom: 20px;
}

.photoGalleryImg {
  position: relative;
}

.gallerySwiperBlockImg {
  position: relative;
  margin-bottom: 12px;
  transition: 0.2s ease-in-out;
}

.gallerySwiperBlock:hover .gallerySwiperBlockImg img {
  transform: rotate(4deg) scale(0.98);
}

.gallerySwiperBlock img {
  width: 100%;
  height: 340px;
  -o-object-fit: cover;
     object-fit: cover;
  transition: 0.2s ease-in-out;
  border-radius: 10px;
}

.gallerySwiperBlock:hover img {
  filter: grayscale(0) brightness(0.8);
}

.gallerySwiperBlock span.dateSpan {
  position: absolute;
  left: 50%;
  bottom: 10px;
  width: 120px;
  text-align: center;
  transform: translate(-50%, 0);
  z-index: 9;
  font-size: 14px;
  line-height: 20px;
  color: #000;
  font-weight: 700;
  background: rgba(255, 255, 255, 0.9);
  padding: 4px 12px;
  border-radius: 50px;
  text-transform: uppercase;
}

.gallerySwiperBlock span.numberCount {
  position: absolute;
  top: 5px;
  left: 20px;
  display: block;
  font-size: 38px;
  line-height: 62px;
  z-index: 99;
  font-weight: 600;
  color: #f6f6f6;
}

.gallerySwiperBlock h3 {
  font-family: "Roboto", sans-serif;
  font-size: 17px;
  line-height: 22px;
  color: #000;
  font-weight: 700;
  margin-bottom: 0;
  margin-top: 4px;
  text-align: center;
  text-transform: uppercase;
  position: relative;
}

.photoGalleryImg:before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  background: linear-gradient(0deg, #f1f1f1, transparent);
}

.photoGalleryImg img {
  width: 100%;
  height: 110vh;
  -o-object-fit: cover;
     object-fit: cover;
  filter: grayscale(1);
}

a.mainLink {
  position: absolute;
  right: 40px;
  top: 45%;
  z-index: 9;
  transform: translate(0, -50%);
  display: inline-block;
  width: 120px;
  height: 120px;
  text-align: center;
  background: #e4d4b8;
  color: #000;
  border: 1px solid #e4d4b8;
  border-radius: 50%;
  padding: 25px 20px;
  font-size: 15px;
  line-height: 20px;
  font-weight: 600;
  text-transform: uppercase;
  transition: 0.4s ease-in-out;
}

a.mainLink:hover {
  background: #365a67;
  border: 1px solid #365a67;
  color: #fff;
}

a.mainLink svg {
  width: 24px;
  fill: #000;
  transform: rotate(-30deg);
  position: relative;
  top: -1px;
  transition: 0.4s ease-in-out;
  margin-bottom: 4px;
}

a.mainLink:hover svg {
  fill: #fff;
  transform: rotate(0deg);
}

.gallerySwiperBlock {
  position: relative;
}

.mainTitle1 h2 {
  font-size: 52px;
  line-height: 55px;
  text-transform: capitalize;
  font-weight: 900;
  color: #000;
}

.swiper.gallerySwiper .swiper-button-next, .swiper.gallerySwiper .swiper-button-prev, .swiper.newsEventsSwiper .swiper-button-next, .swiper.newsEventsSwiper .swiper-button-prev, .swiper.galleryInnerSwiper .swiper-button-next, .swiper.galleryInnerSwiper .swiper-button-prev {
  width: auto;
  height: auto;
  background: #790a0a;
  padding: 6px;
  border-radius: 100%;
}

.swiper.galleryInnerSwiper .swiper-button-next, .swiper.galleryInnerSwiper .swiper-button-prev {
  padding: 4px;
}

.swiper.gallerySwiper .swiper-button-next, .swiper.gallerySwiper .swiper-button-prev {
  top: 60%;
}

.swiper.newsEventsSwiper .swiper-button-next, .swiper.newsEventsSwiper .swiper-button-prev {
  top: 45%;
}

.swiper.gallerySwiper .swiper-button-next svg, .swiper.gallerySwiper .swiper-button-prev svg, .swiper.newsEventsSwiper .swiper-button-next svg, .swiper.newsEventsSwiper .swiper-button-prev svg, .swiper.galleryInnerSwiper .swiper-button-next svg, .swiper.galleryInnerSwiper .swiper-button-prev svg {
  fill: #fff;
  width: 38px !important;
}

.swiper.galleryInnerSwiper .swiper-button-next svg, .swiper.galleryInnerSwiper .swiper-button-prev svg {
  fill: #fff;
  width: 25px !important;
}

.swiper.gallerySwiper .swiper-button-next:after, .swiper.gallerySwiper .swiper-button-prev:after, .swiper.newsEventsSwiper .swiper-button-next:after, .swiper.newsEventsSwiper .swiper-button-prev:after, .swiper.galleryInnerSwiper .swiper-button-next:after, .swiper.galleryInnerSwiper .swiper-button-prev:after {
  display: none;
}

section.apartSection.bg1:before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background: #f4f5f7;
  opacity: 0.6;
}

.setsRightImg img {
  height: 100vh;
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
}

section.apartSection.bg1 {
  background-image: url(https://resources.finalsite.net/images/f_auto,q_auto,t_image_size_6/v1722522640/stdunstansorguk/krbokmfraaynan4mg6ra/StDunstansJuniorGrounds510a.jpg);
  height: 84vh;
  width: 100%;
  background-size: cover;
  position: relative;
}

section.apartSection.bg1:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 9;
  width: 100%;
  height: 27%;
  background: linear-gradient(0deg, rgb(244, 245, 247), transparent);
}

/*================================== Photo Gallery CSS End ================================*/
.setsLeftBlock span.setsTitle {
  font-size: 22px;
  font-weight: 300;
  margin-bottom: 28px;
  display: inline-block;
  border: 1px solid #333;
  padding: 3px 19px;
  border-radius: 120px;
}

.setsLeftBlock h3 {
  font-size: 44px;
  line-height: 52px;
  margin-bottom: 37px;
}

.setsSec.bg2 .setsLeftBlock svg {
  fill: #365a67;
}

.setsSec.bg4 .setsLeftBlock svg {
  fill: #790a0a;
}

.setsLeftBlock svg {
  width: 125px;
  fill: #525252;
  opacity: 0.8;
}

.setsLeftBlock1 {
  padding: 65px 69px 65px 80px !important;
}

.setsLeftBlock {
  background: #fff;
  padding: 65px 80px 65px 69px;
  position: relative;
}

.stsRightImg img {
  width: 100%;
  height: 85vh;
  -o-object-fit: cover;
     object-fit: cover;
}

.apartSection1 {
  padding: 20px !important;
}

.setsSec {
  height: 85vh;
  position: sticky;
  top: 20px;
  overflow: hidden;
}

/* ================================= Happenings  Section Start ================================*/
.newsBlockSingle img {
  width: 100%;
  height: 515px;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 10px;
}

.newsContent {
  background: #e4d4b8;
  padding: 18px 20px 10px 20px;
  position: absolute;
  bottom: 10px;
  left: 10px;
  right: 10px;
  border-radius: 10px;
}

.videoTestimonials.w-100 {
  height: 440px;
}

.videoTestimonials video.w-100 {
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  background: #fff;
  padding: 10px;
}

.newsContent h3 {
  font-size: 26px;
  color: #000;
  font-weight: 400;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  font-family: "Roboto", sans-serif;
}

.newsContent p {
  font-size: 17px;
  line-height: 22px;
  color: #000;
  border-left: 2px solid #000;
  padding-left: 9px;
}

span.newsDate {
  border: 1px solid #eee;
  background: rgba(255, 255, 255, 0.6196078431);
  padding: 3px 8px;
  font-size: 14px;
  font-weight: 600;
}

/* ================================= Happenings  Section End ================================*/
/* ================================= Main Footer Start ================================*/
.mainFooter h3.main-title {
  position: relative;
  text-transform: capitalize;
  font-size: 55px;
  font-weight: 700;
  color: #e4d4b8;
  line-height: 55px;
}

.footer-top-ul li {
  position: relative;
}

.footer-top-ul li:before {
  left: -13px;
  content: "";
  position: absolute;
  width: 42px;
  height: 42px;
  border-radius: 50%;
  border: 2px solid #fff;
  opacity: 0.6;
  top: -3px;
}

.footer-top-ul li a {
  font-size: 24px;
  color: #fff;
  margin-right: 60px;
  position: relative;
  font-weight: 400;
}

.footer-top-ul li a svg {
  width: 39px;
  fill: #ffffff;
  margin-left: 6px;
}

.dis-location {
  position: relative;
  overflow: hidden;
  padding: 0 0 20px;
  margin-top: 0;
  background: #0d1116;
}

.dis-location h6 {
  position: relative;
  color: #000;
  text-transform: uppercase;
  font-size: 15px;
  font-weight: 700;
  text-align: left;
  margin: 0 auto 16px;
}

.dis-location ul li a {
  display: flex;
  text-align: center;
  background: #0c1014;
  padding: 5px 10px;
  border-radius: 7px;
  border: 1px solid #161d26;
  transition: 0.6s ease-in-out;
}

.dis-location ul li a:hover {
  background: #0d1116;
}

.dis-location ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin-bottom: 0;
}

.dis-location ul li {
  margin: 0 3px;
}

.dis-location ul li a span {
  text-align: center;
  padding: 2px;
  background: #fff;
  border-radius: 2px;
  display: inline-block;
}

.dis-location ul li a span img {
  width: 30px;
  height: 30px;
  -o-object-fit: cover;
     object-fit: cover;
}

.dis-location ul li a small {
  display: block;
  color: #fff;
  text-align: center;
  text-transform: uppercase;
  margin-bottom: 0;
  font-size: 12px;
  margin-top: 0;
  font-weight: 500;
  align-content: center;
  align-self: center;
  padding-left: 12px;
}

footer.main-footer {
  position: relative;
  background: #0e1800;
  padding: 60px 0 30px;
}

.footer-info .footer-logo a img {
  width: 205px;
}

.footer-info .footer-logo .footer-logo-info h4 {
  color: #fff;
  font-size: 25px;
  line-height: 30px;
  margin-bottom: 0;
  text-transform: uppercase;
  font-weight: 600;
  display: inline-block;
  position: relative;
}

.footer-info .footer-logo .footer-logo-info h4 span.footer-logo-tm {
  position: absolute;
  top: -7px;
  font-size: 15px;
  right: -18px;
}

.footer-info .footer-logo .footer-logo-info h4 small {
  font-size: 50%;
  font-weight: 300;
  line-height: 18px;
  letter-spacing: 1px;
  text-align: center;
  position: relative;
  color: #fff;
}

.footer-info .footer-logo .footer-logo-info h4 small:before {
  content: "";
  position: absolute;
  top: 8px;
  left: 0;
  width: 17%;
  height: 1px;
  background: linear-gradient(270deg, #fff, transparent);
}

.footer-info .footer-logo .footer-logo-info h4 small:after {
  content: "";
  position: absolute;
  top: 8px;
  right: 0;
  width: 17%;
  height: 1px;
  background: linear-gradient(90deg, #fff, transparent);
}

.footer-info ul {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 0;
  width: 100%;
}

.footer-info ul li {
  margin: 5px;
}

.footer-info {
  position: relative;
  padding-right: 20px;
}

.footer-contact {
  position: relative;
}

.footer-info ul li a {
  padding: 8px 16px;
  font-size: 18px;
  line-height: 20px;
  color: #ffffff;
  background: rgb(67, 112, 129);
  display: inline-block;
  font-weight: 400;
  transition: 0.6s ease-in-out;
}

.footer-info ul li a:hover {
  color: #fff;
}

.footer-info p {
  font-size: 18px;
  margin-bottom: 0;
  margin-top: 9px;
  line-height: 25px;
  color: #ffffff;
  font-weight: 300;
  font-style: italic;
  margin-top: 25px;
  margin-bottom: 25px;
}

.footer-info h4:before,
.footer-contact h4:before {
  position: absolute;
  content: "";
  top: 50%;
  transform: translate(0, -50%);
  left: 0;
  width: 40px;
  height: 3px;
  background: #ffffff;
}

.footer-contact h4:before {
  display: none;
}

.footer-info h4,
.footer-contact h4 {
  position: relative;
  font-size: 25px;
  font-weight: 400;
  text-transform: capitalize;
  color: #ffffff;
  margin-bottom: 20px;
  padding-left: 50px;
}

ol.social-media {
  display: flex;
  justify-content: start;
  flex-wrap: wrap;
  margin-top: 20px;
}

ol.social-media li a {
  background: rgb(67, 112, 129);
  margin: 0 8px;
  border-radius: 50%;
  color: #fff;
  width: 42px;
  height: 42px;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}

ol.social-media li a svg {
  width: 21px;
  fill: #fff;
}

.footer-location {
  margin-bottom: 16px;
}

.footer-location ul {
  margin-bottom: 0;
}

.footer-location ul li {
  font-size: 19px;
  line-height: 27px;
  color: #ffffff;
  font-weight: 300;
  transition: 0.6s ease-in-out;
  margin-bottom: 2px;
}

.footer-location ul li a {
  color: #fff;
  transition: 0.6s ease-in-out;
}

.footer-location ul li a:hover {
  color: #fff;
}

.footer-location h2 {
  font-size: 20px;
  margin-bottom: 4px;
  color: #ffffff;
  font-weight: 500;
}

.footer-copyright {
  position: relative;
  background: #ffffff;
  padding: 10px 0;
}

.footer-copyright p {
  margin-bottom: 0;
  font-size: 16px;
  line-height: 21px;
  text-align: center;
  color: #111;
  font-weight: 500;
  transition: 0.6s ease-in-out;
}

.footer-copyright p a {
  color: #1e1e1e;
}

footer {
  position: relative;
  padding: 60px 0px 60px 0px;
  background: #2b4e5a !important;
}

.footer-copyright p a:hover {
  color: #000;
}

ol.external-btns {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 0;
  margin-top: 30px;
}

ol.external-btns li {
  margin-right: 10px;
}

ol.external-btns li a, ol.external-btns li span.extBtn {
  color: #000;
  display: inline-block;
  padding: 6px 16px;
  text-transform: uppercase;
  font-size: 18px;
  border-radius: 2px;
  font-weight: 500;
  transition: 0.6s ease-in-out;
  opacity: 1;
  cursor: pointer;
  background: #e4d4b8;
}

ol.external-btns li a:hover, ol.external-btns li span.extBtn:hover {
  opacity: 1;
}

ol.external-btns li a.yellow-bg-text, ol.external-btns li span.extBtn.yellow-bg-text {
  color: #222;
  font-weight: 800;
}

/* ================================= Main Footer End ================================*/
/*================================== Photo Gallery Page CSS Start ================================*/
.gallerySwiperBlock span.imagesCount {
  top: 12px;
  left: 12px;
  z-index: 9;
  color: #365a67;
  font-size: 24px;
  line-height: 24px;
  padding: 6px;
}

.gallerySwiperBlock span.imagesCount small {
  font-size: 45%;
  line-height: 18px;
  font-weight: 600;
}

/*================================== Photo Gallery Page CSS End ================================*/
/*================================== Photo Gallery Details Page CSS start ================================*/
.wrapperGallerySidebar {
  padding: 30px;
  height: calc(100vh - 100px);
}

.wrapperGallerySidebar span.countImg {
  font-size: 12px;
  line-height: 15px;
  font-weight: 700;
  border: 1px solid #000;
  padding: 3px 10px;
  display: inline-block;
}

.wrapperGallerySidebar .cateHead {
  font-size: 15px;
  line-height: 20px;
  font-weight: 700;
  color: #121212;
  margin-bottom: 16px;
  text-decoration-color: #121212;
}

.cateHead {
  font-size: 15px;
  line-height: 20px;
  font-weight: 700;
  color: #365a67;
  margin-bottom: 16px;
  text-decoration: underline;
  text-underline-offset: 4px;
  text-decoration-thickness: 2px;
  text-decoration-color: #365a67;
}

.wrapper-img {
  border: 6px solid #fff;
  margin-bottom: 30px;
}

.wrapper-img:last-child {
  margin-bottom: 0;
}

.wrapper-img-content p {
  color: #365a67;
  font-size: 19px;
  line-height: 26px;
}

.wrapperGallerySidebar h2 {
  font-size: 32px;
  line-height: 38px;
  font-weight: 700;
  color: #365a67;
  margin-bottom: 12px;
}

.wrapperGallerySidebar p {
  position: relative;
  font-size: 18px;
  line-height: 26px;
  color: #000;
  font-weight: 400;
  margin-bottom: 0;
  margin-bottom: 20px;
}

.galleryInnerSwiperBlockImg {
  position: relative;
  margin-bottom: 8px;
  transition: 0.2s ease-in-out;
}

.galleryInnerSwiperBlock:hover .galleryInnerSwiperBlock img {
  transform: rotate(4deg) scale(0.98);
}

.galleryInnerSwiperBlock img {
  width: 100%;
  height: 200px;
  -o-object-fit: cover;
     object-fit: cover;
  transition: 0.2s ease-in-out;
  border-radius: 6px;
  filter: brightness(0.8);
}

.galleryInnerSwiperBlock:hover img {
  filter: grayscale(0) brightness(0.8);
}

.galleryInnerSwiperBlock span.dateSpan {
  position: absolute;
  left: 50%;
  bottom: 8px;
  width: 100px;
  text-align: center;
  transform: translate(-50%, 0);
  z-index: 9;
  font-size: 13px;
  line-height: 18px;
  color: #000;
  font-weight: 700;
  background: rgba(255, 255, 255, 0.9);
  padding: 3px 10px;
  border-radius: 50px;
  text-transform: uppercase;
}

.galleryInnerSwiperBlock span.numberCount {
  font-family: "Roboto Serif", serif;
  position: absolute;
  top: 8px;
  left: 8px;
  display: block;
  font-size: 42px;
  line-height: 42px;
  z-index: 99;
  font-weight: 700;
  color: transparent;
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: rgb(255, 255, 255);
}

.galleryInnerSwiperBlock h3 {
  font-family: "Roboto", sans-serif;
  font-size: 15px;
  line-height: 20px;
  color: #000;
  font-weight: 700;
  margin-bottom: 0;
  margin-top: 4px;
  text-align: center;
  text-transform: uppercase;
  letter-spacing: -0.2px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
}

/*================================== Photo Gallery Details Page CSS End ================================*/
/*================================== Stats Section CSS Start ================================*/
.statsBlock {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  height: 80vh;
}

.statsBlock .statsBox {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 180px;
  height: 180px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.95);
  outline-offset: 0;
  outline: 20px solid rgba(255, 255, 255, 0.4);
  box-shadow: 0 12px 40px rgba(0, 0, 0, 0.3);
}

.statsBlock .statsBox:nth-child(1) {
  top: 65%;
  left: 30%;
  background: #790a0a;
}

.statsBlock .statsBox:nth-child(2) {
  top: 35%;
  left: 65%;
  background: #365a67;
}

.statsBlock .statsBox:nth-child(3) {
  top: 65%;
  left: 100%;
  background: #e4d4b8;
}

.statsBlock .statsBox:nth-child(3) .statsInnerBox h3, .statsBlock .statsBox:nth-child(3) .statsInnerBox p {
  color: #000;
}

.statsBlock .statsBox .statsInnerBox {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  text-align: center;
  padding: 30px;
}

.statsBlock .statsBox .statsInnerBox h3.counter, .statsBlock .statsBox .statsInnerBox h3 {
  font-size: 48px;
  line-height: 48px;
  font-weight: 700;
  color: #fff;
  margin-bottom: 0;
}

.statsBlock .statsBox:nth-child(2) .statsInnerBox h3.counter, .statsBlock .statsBox:nth-child(2) .statsInnerBox h3 {
  color: #fff;
}

.statsBlock .statsBox .statsInnerBox p {
  margin-bottom: 0;
  font-size: 14px;
  line-height: 18px;
  text-transform: uppercase;
  color: #fff;
  font-weight: 500;
  margin-top: 8px;
}

.statsBlock .statsBox:nth-child(2) .statsInnerBox p {
  color: #fff;
  font-weight: 600;
}

/*================================== Stats Section CSS End ================================*/
/*================================== Extra Section CSS Start ================================*/
.extraBlock {
  position: relative;
  text-align: center;
  border-right: 1px solid rgba(0, 0, 0, 0.1803921569);
}

.col-xl-4:last-child .extraBlock {
  border-right: 0;
}

.extraBlock img {
  width: 160px;
}

.extraBlock .extraBlockContent {
  position: relative;
  margin-top: 6px;
}

.extraBlock .extraBlockContent h3 {
  font-family: "Roboto", sans-serif;
  font-size: 18px;
  line-height: 22px;
  font-weight: 700;
  color: #000;
  text-transform: uppercase;
  letter-spacing: -0.3px;
}

/*================================== Extra Section CSS End ================================*/
/*================================== Calendar Homepage CSS Start ================================*/
section.calendarHpSection {
  background: url(../images/homepage/best-day.webp) !important;
  background-size: cover;
  background-position: top;
  background-repeat: no-repeat;
  height: 80vh;
}

section.calendarHpSection:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.55);
}

.calendarBlock {
  position: relative;
  background: #172900;
  padding: 70px 40px;
  margin-right: 30px;
  border-radius: 300px;
}

.calendarBlock h2 {
  font-size: 42px;
  line-height: 48px;
  font-weight: 700;
  color: #121212;
  text-transform: uppercase;
  margin-bottom: 30px;
}

.featuredCalendar {
  background: rgb(255, 255, 255);
  text-align: center;
  padding: 20px 8px;
  border-radius: 4px;
}

.featuredCalendar span.startDateFeaturedBox {
  font-family: "Roboto Serif", serif;
  font-size: 52px;
  line-height: 48px;
  font-weight: 700;
  color: #005f00;
  display: inline-block;
  margin-bottom: 8px;
  background: rgba(0, 95, 0, 0.1215686275);
  padding: 8px;
  border-radius: 4px;
}

.featuredCalendar span.startDateFeaturedBox small {
  font-size: 28%;
  line-height: 22px;
  text-transform: uppercase;
  font-weight: 600;
}

.featuredCalendar span.endDateFeaturedBox {
  font-family: "Roboto Serif", serif;
  font-size: 12px;
  line-height: 18px;
  border: 1px solid #979797;
  font-weight: 700;
  padding: 3px 8px;
  display: inline-block;
  border-radius: 30px;
  text-transform: uppercase;
  color: #222;
}

.featuredCalendar h3 {
  font-family: "Roboto", sans-serif;
  font-size: 16px;
  line-height: 20px;
  margin-top: 16px;
  font-weight: 700;
  color: #121212;
  text-transform: uppercase;
  position: relative;
  overflow: hidden;
  height: 38px;
}

.upcomingCalendar {
  position: relative;
}

.upcomingCalendar .upcomingCalendarBox {
  position: relative;
  background: white;
  display: flex;
  margin-bottom: 8px;
  border-radius: 4px;
  padding: 6px;
}

.upcomingCalendar .upcomingCalendarBox span.startDateUpcomingBox {
  font-family: "Roboto Serif", serif;
  text-align: center;
  font-size: 34px;
  line-height: 34px;
  font-weight: 700;
  color: #365a67;
  width: 50px;
  margin-right: 8px;
  background: rgba(176, 32, 60, 0.15);
  padding: 4px;
  border-radius: 4px;
}

.upcomingCalendar .upcomingCalendarBox:first-child span.startDateUpcomingBox {
  background: rgba(25, 135, 84, 0.2509803922);
  color: #005d00;
}

.upcomingCalendar .upcomingCalendarBox span.startDateUpcomingBox small {
  font-size: 32%;
  line-height: 12px;
  text-transform: uppercase;
  font-weight: 600;
}

.upcomingCalendar .upcomingCalendarBox h4 {
  font-family: "Roboto", sans-serif;
  font-size: 15px;
  line-height: 18px;
  font-weight: 700;
  color: #222;
  text-transform: uppercase;
  margin-bottom: 0;
  align-self: center;
  width: calc(100% - 50px);
  position: relative;
  overflow: hidden;
  height: 55px;
}

.calendarBtn {
  position: relative;
  margin-top: 30px;
}

.calendarBtn a {
  display: inline-block;
  padding: 12px 20px;
  margin: 0 6px;
  border-radius: 50px;
  font-size: 16px;
  line-height: 20px;
  background: #333;
  color: #fff;
  font-weight: 500;
  text-transform: uppercase;
  border: 1px solid #fff;
  transition: 0.4s ease-in-out;
}

a.transBtn1 {
  border-color: #365a67 !important;
  color: #365a67 !important;
  background-color: transparent !important;
}

a.transBtn1 svg {
  fill: #365a67 !important;
}

.calendarBtn1 a.transBtn {
  background: transparent !important;
  color: #fff !important;
  border: 1px solid #fff !important;
}

.calendarBtn a.transBtn svg {
  transform: rotate(-40deg);
  margin-left: 4px;
}

.calendarBtn a.transBtn:hover svg {
  transform: rotate(0deg);
}

.calendarBtn a:nth-child(1) {
  background: #365a67;
  color: #000;
  border-color: #365a67;
}

.calendarBtn a:nth-child(2) {
  background: transparent;
  border-color: #fff;
}

.calendarBtn a:nth-child(2) svg {
  fill: #fff;
}

.calendarBtn a svg {
  width: 18px;
  fill: #fff;
  position: relative;
  top: -1px;
  transition: 0.4s ease-in-out;
}

/*================================== Calendar Homepage CSS End ================================*/
.exploreBtn {
  position: relative;
  margin-top: 30px;
}

.exploreBtn a {
  display: inline-block;
  padding: 14px 25px;
  margin: 0 6px;
  border-radius: 50px;
  font-size: 17px;
  line-height: 22px;
  background: #333;
  color: #fff;
  font-weight: 500;
  text-transform: uppercase;
  border: 1px solid #fff;
  letter-spacing: 0.2px;
  transition: 0.4s ease-in-out;
}

.exploreBtn a.transBtn {
  background: transparent !important;
  color: #000 !important;
  border: 1px solid #000 !important;
}

.exploreBtn a.transBtn svg, .exploreBtn a svg {
  transform: rotate(-40deg);
  margin-left: 4px;
  fill: #000;
}

.exploreBtn a.transBtn:hover svg, .exploreBtn a:hover svg {
  transform: rotate(0deg);
}

.exploreBtn a:nth-child(1) {
  background: #e4d4b8;
  border-color: #e4d4b8;
  color: #000;
}

.exploreBtn a:nth-child(1) svg {
  fill: #000 !important;
}

.photoGallerySection {
  padding: 100px 0;
}

.exploreBtn a:nth-child(1) svg {
  fill: #fff;
}

.welcomeBlock .exploreBtn a:nth-child(1) svg {
  fill: #fff !important;
}

.exploreBtn a:nth-child(2) {
  background: #790a0a;
  color: #fff;
  border-color: #790a0a;
}

.exploreBtn a svg {
  width: 18px;
  fill: #fff;
  position: relative;
  top: -1px;
  transition: 0.4s ease-in-out;
}

/*================================== Explore Campus Button CSS Start ================================*/
.exploreCampus {
  position: relative;
  height: 85vh;
}

.playbtn p {
  font-family: "Roboto Serif", serif;
  margin-bottom: 0;
  color: #fff;
  margin-top: 25px;
  font-size: 18px;
  line-height: 22px;
  text-transform: uppercase;
  font-weight: 700;
  letter-spacing: -0.5px;
  text-shadow: 1px 1px 20px black;
}

.playbtn {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.play-btn {
  width: 100px;
  height: 100px;
  background: radial-gradient(rgb(255, 255, 255) 60%, rgb(255, 255, 255) 65%);
  border-radius: 50%;
  position: relative;
  display: block;
  box-shadow: 0px 0px 25px 3px rgb(255, 255, 255);
  margin: 0 auto;
  cursor: pointer;
}

.play-btn::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translateX(-40%) translateY(-50%);
  transform-origin: center center;
  width: 0;
  height: 0;
  border-top: 15px solid transparent;
  border-bottom: 15px solid transparent;
  border-left: 25px solid #365a67;
  z-index: 100;
  transition: all 400ms cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.play-btn:before {
  content: "";
  position: absolute;
  width: 150%;
  height: 150%;
  animation-delay: 0s;
  animation: pulsate1 2s;
  animation-direction: forwards;
  animation-iteration-count: infinite;
  animation-timing-function: steps;
  opacity: 1;
  border-radius: 50%;
  border: 5px solid rgba(255, 255, 255, 0.75);
  top: -25%;
  left: -25%;
  background: rgba(198, 16, 0, 0);
}
@keyframes pulsate1 {
  0% {
    transform: scale(0.6);
    opacity: 1;
    box-shadow: inset 0px 0px 25px 3px rgba(255, 255, 255, 0.75), 0px 0px 25px 10px rgba(255, 255, 255, 0.75);
  }
  100% {
    transform: scale(1);
    opacity: 0;
    box-shadow: none;
  }
}
/*==================================  Explore Campus Button CSS End ================================*/
.exploreVideoBlock {
  position: relative;
}

.exploreVideoBlock iframe {
  height: 550px;
  margin-bottom: -7px;
}

/* ================================= Main Ticker Start ================================*/
.ticker-block marquee {
  padding: 50px 0 0;
  background: #295161;
  margin-bottom: -7px;
}

.ticker-block marquee p, .ticker-block marquee a {
  font-size: 27px;
  line-height: 32px;
  color: #ededed;
  font-weight: 400;
  display: inline-block;
  margin-bottom: 0;
  transition: 0.6s ease-in-out;
}

.ticker-block marquee a:hover {
  color: #fff;
}

.ticker-block marquee p svg, .ticker-block marquee a svg {
  margin-right: 8px;
  width: 32px;
  fill: #f7f7f7;
}

/* ================================= Main Ticker End ================================*/
/*==================================  Welcome Section CSS Start ================================*/
.welcomeBlock {
  position: relative;
}

.welcomeBlock img.welcomeIcon {
  width: 280px;
  position: absolute;
  left: 50%;
  top: -80px;
  transform: translate(-50%, 0%);
  filter: opacity(0.1) grayscale(1);
}

.welcomeBlock h2 small {
  font-size: 69%;
  font-weight: 300;
}

.welcomeBlock h2 {
  position: relative;
  font-size: 50px;
  line-height: 53px;
  text-transform: uppercase;
  color: #fff;
  margin-bottom: 20px;
  font-weight: 700;
}

.welcomeBlock h2 span {
  font-size: 72%;
  color: #e4d4b8;
  text-transform: capitalize;
  font-weight: 600;
}

/*==================================  Welcome Section CSS End ================================*/
.mainTitle {
  position: relative;
}

.mainTitle h2 {
  font-size: 52px;
  line-height: 54px;
  text-transform: uppercase;
  font-weight: 700;
  color: #365a67;
  margin-bottom: 20px;
}

.mainTitle h2 small {
  font-size: 22px;
  line-height: 30px;
  color: #222;
  font-weight: 300;
}

.singleTestimonials {
  position: relative;
  margin-top: 70px;
  padding: 40px 70px;
}

.singleTestimonials h2 {
  font-size: 45px;
  text-transform: capitalize;
  font-weight: 600;
}

.singleTestimonials p {
  position: relative;
  font-size: 33px;
  line-height: 48px;
  text-align: center;
  font-weight: 300;
  color: #fff;
}

section {
  position: relative;
  padding: 80px 0;
}

.swiper.newsEventsSwiper {
  padding-top: 20px;
}

section.aboutHpSection {
  padding: 100px 0 70px;
  background: #2a5261;
}

.aboutHpBlock {
  position: relative;
  margin-bottom: 70px;
}

h2.mainHead {
  font-size: 51px;
  line-height: 51px;
  font-weight: 700;
  color: #365a67;
  text-transform: uppercase;
  margin-bottom: 20px;
}

h2.mainHead small {
  font-size: 22px;
  line-height: 30px;
  color: #222;
  font-weight: 300;
}

p.mainPara {
  font-size: 28px;
  line-height: 40px;
  color: #ffffff;
  font-weight: 300;
}

p.mainPara b {
  font-weight: 500;
}

a.mainBtn {
  border: 1px solid #c1c1c1;
  padding: 8px 20px;
  border-radius: 50px;
  display: inline-block;
  font-size: 15px;
  line-height: 24px;
  color: #555555;
  font-weight: 400;
  text-transform: uppercase;
}

a.mainBtn svg {
  width: 22px;
  fill: #555555;
  position: relative;
  top: -2px;
  margin-left: 3px;
}

.aboutHpBox {
  position: relative;
  overflow: hidden;
  border: 12px solid #fff;
  width: 345px;
  margin: 0 auto;
  box-shadow: 0 0 12px 7px rgba(0, 0, 0, 0.12);
  transition: 0.6s ease-in-out;
  border-radius: 10px;
}

.aboutHpBox:before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 9;
  width: 100%;
  height: 27%;
  background: rgba(53, 89, 103, 0.38);
  transition: 0.6s ease-in-out;
}

ul.welcomeUl {
  --bs-gutter-x: 1.5rem;
  --bs-gutter-y: 0;
  display: flex;
  flex-wrap: wrap;
  margin-top: calc(var(--bs-gutter-y) * -1);
  margin-right: calc(var(--bs-gutter-x) * -0.5);
  margin-left: calc(var(--bs-gutter-x) * -0.5);
}

ul.welcomeUl li {
  flex: 0 0 auto;
  width: 33.333%;
}

ul.welcomeUl:before {
  content: "";
  top: -71px;
  height: 105px;
  position: absolute;
  left: 50%;
  transform: translate(-50%);
  width: 1px;
  background: #a1a1a1;
}

.aboutHpBox img {
  width: 100%;
  height: 465px;
  -o-object-fit: cover;
     object-fit: cover;
  transition: 0.6s ease-in-out;
}

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

.aboutHpBox:hover::before {
  clip-path: circle(100% at 50% 50%);
  visibility: visible;
  opacity: 1;
}

.aboutHpBox:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  background: rgba(43, 112, 139, 0.82);
  clip-path: circle(0% at 50% 100%);
  transition: 0.8s ease-in-out;
  visibility: hidden;
  opacity: 0;
}

.aboutHpBoxContent {
  position: absolute;
  bottom: 45px;
  left: 50%;
  z-index: 10;
  transform: translate(-50%, 0) translateY(65%);
  width: 100%;
  text-align: center;
  padding: 25px 16px 16px;
  transition: 0.6s ease-in-out;
}

.aboutHpBoxContent h3 {
  font-size: 27px;
  line-height: 28px;
  text-transform: capitalize;
  color: #fff;
  font-weight: 500;
  margin-bottom: 9px;
  text-shadow: 1px 1px 20px black;
}

.aboutHpBoxContent p {
  font-family: "Roboto Serif", serif;
  color: #fff;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  margin-bottom: 0;
  text-shadow: 1px 1px 20px black;
  transition: 0.6s ease-in-out;
}

/*================================== Inner Banner CSS Start ================================*/
.innerBanner {
  position: relative;
  overflow: hidden;
}

.inner-banner-img {
  overflow: hidden;
  background-color: #790a0a;
}

.innerBanner .short-inner-banner-img img {
  height: calc(100vh - 290px);
}

.innerBanner img {
  height: calc(100vh - 65px);
  -o-object-fit: cover;
     object-fit: cover;
  animation: pulse2 0.6s infinite;
  animation-duration: 0.6s;
  animation-timing-function: ease-in-out;
  animation-delay: 0s;
  animation-direction: alternate;
  animation-iteration-count: 1;
}

.innerBanner:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9;
  width: 100%;
  height: 30%;
  background: linear-gradient(180deg, #365a67, transparent);
}

.innerBanner:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 9;
  width: 100%;
  height: 30%;
  background: linear-gradient(0deg, #365a67, transparent);
}

@keyframes pulse2 {
  0% {
    transform: scale(1.1);
    filter: blur(5px);
  }
  100% {
    transform: scale(1);
    filter: blur(0px);
  }
}
.innerBanner.innerWithOutBanner {
  background: #365a67;
  height: 300px;
}

.innerBanner.innerWithOutBanner:after, .innerBanner.innerWithOutBanner:before {
  display: none;
}

.innerBanner.innerWithOutBanner .innerBannerContent {
  padding: 30px 0 20px;
}

.innerBanner.innerWithOutBanner .innerBannerContent h1 {
  font-size: 58px;
  line-height: 72px;
}

.innerBannerContent {
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 10;
  width: 100%;
  padding: 30px 0 50px 0;
}

.innerBannerContent h1 {
  margin-bottom: 0;
  font-size: 66px;
  line-height: 76px;
  text-align: center;
  font-weight: 700;
  text-transform: capitalize;
  color: white;
}

.principalName {
  position: absolute;
  bottom: 23px;
  background: #fff;
  padding: 12px 20px;
  left: 50%;
  transform: translate(-50%, 0px);
  width: 440px;
}

.principalName h4 {
  font-size: 24px;
  font-weight: 400;
  line-height: 30px;
  margin: 0;
}

.principalName h4 small {
  font-size: 70%;
}

.pageLinkSection {
  position: relative;
  overflow: hidden;
  padding: 12px 0;
  background: #365a67;
}

ul.pageLinkBlock {
  position: relative;
  flex-wrap: wrap;
}

ul.pageLinkBlock li a {
  display: inline-block;
  font-weight: 700;
  color: #fff;
  text-transform: uppercase;
  padding: 8px 18px;
  font-size: 18px;
  line-height: 24px;
  transition: 0.4s ease-in-out;
}

ul.pageLinkBlock li a:hover, ul.pageLinkBlock li a.active {
  color: #e4d4b8;
}

.wrapperNoImgSection {
  padding: 110px 0 70px;
}

.wrapperNoImgSection.wrapperNoImgSection2 {
  padding: 90px 0 70px;
}

.wrapperNoImgBlock {
  position: relative;
}

.wrapperNoImgBlock img.welcomeIcon {
  position: absolute;
  left: 50%;
  top: -68px;
  transform: translate(-50%, 0);
  filter: brightness(0.5);
  width: 270px;
  opacity: 0.1;
}

h2.wrapperTitle {
  font-family: "Roboto", sans-serif;
  font-size: 30px;
  line-height: 36px;
  font-weight: 700;
  color: rgb(0, 0, 0);
  text-transform: uppercase;
  margin-bottom: 20px;
}

p.wrapperText {
  position: relative;
  font-size: 26px;
  line-height: 38px;
  color: #234858;
  font-weight: 400;
  margin-bottom: 25px;
  text-align: justify !important;
}

.bg12 {
  background: #917747 !important;
}

.strategyPurposeBlock {
  position: relative;
  background: rgba(125, 137, 80, 0.29);
  padding: 40px 30px;
  border-radius: 6px;
}

h2.subTitle {
  font-size: 42px;
  line-height: 53px;
  font-weight: 700;
  color: rgb(23, 70, 89);
  text-transform: uppercase;
  margin-bottom: 20px;
}

h2.subTitle small {
  font-size: 64%;
  line-height: 35px;
  font-weight: 600;
}

.strategyPurposeBox {
  position: relative;
  padding: 60px 50px;
  background: #937d56;
}

.strategyPurposeBox svg {
  width: 120px;
  fill: rgba(255, 255, 255, 0.61);
}

.strategyPurposeContent {
  position: relative;
  width: 100%;
  padding-right: 30px;
}

h3.subh3 {
  font-size: 33px;
  line-height: 35px;
  text-transform: uppercase;
  font-weight: 600;
  color: #fff;
  margin-bottom: 18px;
}

h3.subh3 small {
  font-size: 77%;
  font-weight: 400;
  text-transform: capitalize;
  font-family: "Playwrite AU QLD", cursive;
  font-style: italic;
}

p.subPara {
  position: relative;
  font-size: 24px;
  line-height: 35px;
  color: #000;
  font-weight: 400;
  margin-bottom: 25px;
  text-align: justify;
}

ul.mainUl li {
  position: relative;
  font-size: 24px;
  line-height: 32px;
  color: #fff;
  font-weight: 400;
  margin-bottom: 10px;
  text-align: justify;
}

ul.mainUl {
  padding-inline-start: 30px;
}

ul.mainUl, ul.mainUl li {
  list-style-type: disc;
}

.wrapperSticky {
  position: sticky;
  top: 80px;
}

.welcomeInnerBlockImg {
  position: relative;
  width: 300px;
}

.welcomeInnerBlockImg img {
  border-radius: 12px 12px 0 0;
}

.welcomeInnerBlockContent {
  background: #e4d4b8;
  text-align: center;
  padding: 16px 6px 12px;
  border-radius: 0 0 16px 16px;
  position: relative;
  margin-top: -16px;
}

.welcomeInnerBlockContent h3 {
  color: #fff;
  font-size: 20px;
  line-height: 24px;
}

.welcomeInnerBlockContent h3 small {
  font-size: 72%;
  line-height: 18px;
  font-family: "Roboto", sans-serif;
  font-weight: 600;
  color: #000;
  margin-top: 5px;
}

p.mainPara2 {
  position: relative;
  font-size: 24px;
  line-height: 35px;
  color: #000;
  font-weight: 400;
  margin-bottom: 15px;
  text-align: justify;
}

p.mainPara2 b {
  color: rgb(23, 70, 89);
}

p.mainPara2 small.textSmall {
  font-size: 75%;
  line-height: 20px;
  font-weight: 600;
  color: #666;
}

ul.mainUlData li {
  position: relative;
  font-size: 24px;
  line-height: 35px;
  color: #000;
  font-weight: 400;
  margin-bottom: 0;
  margin-top: 16px;
  padding-left: 32px;
  text-align: justify;
}

ul.mainUlData li svg {
  fill: #292929;
  width: 27px;
  position: absolute;
  left: 0;
  top: 3px;
  transform: rotate(45deg);
}

/*================================== Inner Banner CSS End ================================*/
/*================================== News & Events Details CSS Start ================================*/
.newsEventsDetailsBlock {
  margin-top: -60px;
  padding: 40px 35px 30px;
  z-index: 90;
  box-shadow: 0 12px 40px rgba(0, 0, 0, 0.1);
  border-radius: 0 30px 0 30px;
  border-top: 8px solid #e4d4b8;
  border-bottom: 8px solid #e4d4b8;
}

.newsEventsDetailsBlock .newsEventsDetailsBanner img {
  -o-object-fit: cover;
     object-fit: cover;
}

.newsEventsDetailsContent p {
  font-size: 18px;
  font-weight: 400;
  line-height: 29px;
  color: #000;
  text-align: justify;
}

.newsEventsDetailsContent p a {
  color: #365a67;
}

h1.newsTitle {
  font-size: 32px;
  line-height: 38px;
  font-weight: 700;
  color: #365a67;
  margin-bottom: 20px;
}

span.newsDate {
  color: #000;
  font-size: 15px;
  line-height: 20px;
  font-weight: 500;
}

span.newsDate b {
  text-decoration: underline;
  text-underline-offset: 2px;
}

.newsText {
  position: relative;
  font-size: 18px;
  line-height: 29px;
  color: #000;
  font-weight: 400;
  margin-bottom: 0;
  margin-bottom: 20px;
}

.newsText:last-child {
  margin-bottom: 0;
}

.text-danger {
  color: #365a67 !important;
}

span.shareText {
  align-self: center;
  font-size: 14px;
  line-height: 18px;
  font-weight: 700;
  color: #222;
}

.a2a_default_style:not(.a2a_flex_style) a {
  padding: 0 8px 0 0;
}

.newsEventCategoryBlock {
  padding: 10px 25px 10px 12px;
  background: rgb(228, 213, 185);
}

.newsEventCategoryContent p {
  font-size: 15px;
  line-height: 20px;
  font-weight: 700;
  color: #000;
  margin-bottom: 0;
  position: relative;
  overflow: hidden;
  height: 58px;
  transition: 0.4s ease-in-out;
}

.newsEventCategoryContent p:hover {
  color: #790a0a;
}

.newsEventCategoryBlock .spanDate {
  width: 75px;
  height: 75px;
  border: 1px solid #790a0a;
  border-radius: 50%;
  background: #790a0a;
}

.newsEventCategoryContent {
  width: calc(100% - 75px);
}

.newsEventCategoryBlock .spanDate span {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: #fff;
  font-size: 11px;
  line-height: 22px;
  font-weight: 400;
  width: 100%;
}

.newsEventCategoryBlock .spanDate span big {
  font-size: 250%;
  font-weight: 700;
}

.newsEventCategorySwiper {
  padding: 0 25px;
}

.newsEventCategorySwiper .swiper-button-next:after, .newsEventCategorySwiper .swiper-button-prev:after {
  display: none;
}

.newsEventCategorySwiper .swiper-button-next, .newsEventCategorySwiper .swiper-button-prev {
  top: 84%;
  transform: translate(0, -50%);
  bottom: auto;
  width: auto;
  height: auto;
}

.newsEventCategorySwiper .swiper-button-next {
  right: -3px;
}

.newsEventCategorySwiper .swiper-button-prev {
  left: -3px;
}

.newsEventCategorySwiper .swiper-button-next svg, .newsEventCategorySwiper .swiper-button-prev svg {
  width: 38px;
  fill: #000;
}

/*================================== News & Events Details CSS End ================================*/
/*================================== Admissions Page CSS Start ================================*/
.admissionStepsBlockImg {
  z-index: 9;
}

.admissionStepsBlockImg img {
  height: 320px;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 0 30px 0 30px;
}

.admissionStepsBlockContent .stepHead {
  padding: 0 0 0 90px;
}

.admissionStepsBlockContent .stepHead:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 60px;
  height: 100%;
  background: rgba(57, 131, 187, 0.3137254902);
}

.admissionStepsBlockContent .stepHead span.stepCount {
  font-size: 16px;
  line-height: 24px;
  font-weight: 700;
  margin-right: 20px;
  color: #365a67;
  border-right: 1px solid rgba(0, 0, 0, 0.1490196078);
  padding-right: 20px;
}

.admissionStepsBlockContent .stepHead span.stepCount big {
  font-size: 300%;
  line-height: 42px;
  font-weight: 700;
}

.admissionStepsPara {
  margin-top: 30px;
  padding: 25px 35px 25px 110px;
  background: #fff;
  border-radius: 0 12px 12px 12px;
  margin-left: -50px;
}

.admissionStepsPara p {
  position: relative;
  font-size: 20px;
  line-height: 30px;
  color: #000;
  font-weight: 400;
  margin-bottom: 0;
}

.admissionStepsBlockContent .stepHead h3 {
  font-family: "Roboto", sans-serif;
  font-size: 28px;
  line-height: 34px;
  font-weight: 500;
  color: #000;
}

ul.stepsNavbar li.nav-item button {
  font-size: 16px;
  line-height: 22px;
  color: #121212;
  font-weight: 500;
  padding: 0 30px;
  background: #e8f1f4;
}

ul.stepsNavbar li.nav-item button .stepCount1 {
  position: relative;
  border: 1px solid rgb(228, 214, 186);
  border-radius: 50%;
  background: rgb(228, 213, 185);
  width: 50px;
  height: 50px;
  color: #222;
  margin: 0 auto;
  transition: 0.4s ease-in-out;
}

ul.stepsNavbar li.nav-item button.active .stepCount1 {
  background: #365a67;
  color: #fff;
  transform: scale(1.2);
  border: 1px solid #365a67;
}

ul.stepsNavbar li.nav-item button .stepCount1 span {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 28px;
  line-height: 28px;
  font-weight: 600;
}

ul.stepsNavbar:before {
  content: "";
  position: absolute;
  left: 0;
  top: 26px;
  width: 100%;
  height: 1px;
  background: rgb(228, 214, 186);
}

.gradeLevelBlock {
  padding: 40px 20px 30px;
  height: 100%;
  border-radius: 8px;
}

.gradeLevelBlock:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 130px;
  background: rgba(25, 55, 110, 0.5019607843);
  z-index: -1;
  border-radius: 8px 8px 0 0;
}

.col-xl-4:nth-child(2) .gradeLevelBlock:before {
  background: rgba(251, 168, 52, 0.5019607843);
}

.col-xl-4:nth-child(3) .gradeLevelBlock:before {
  background: rgba(57, 131, 187, 0.5019607843);
}

.col-xl-4:nth-child(2) .gradeLevelBlock {
  background: rgba(251, 168, 52, 0.1254901961);
  border-bottom: 6px solid rgba(251, 168, 52, 0.5019607843);
}

.col-xl-4:nth-child(3) .gradeLevelBlock {
  background: rgba(57, 131, 187, 0.1254901961);
  border-bottom: 6px solid rgba(57, 131, 187, 0.5019607843);
}

.col-xl-4:nth-child(1) .gradeLevelBlock {
  background: rgba(113, 176, 223, 0.1254901961);
  border-bottom: 6px solid rgba(25, 55, 110, 0.5019607843);
}

.gradeLevelBlock img {
  width: 200px;
  height: 180px;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: top;
     object-position: top;
  border: 4px solid #fff;
  border-radius: 6px;
}

/*================================== Admissions Page CSS End ================================*/
/*================================== Advisory Board CSS Start ================================*/
section.advisoryBoardSection {
  padding: 50px 0;
}

section.advisoryBoardSection:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 45%;
  height: 100%;
  background: rgba(57, 131, 187, 0.3137254902);
}

.wrapperSidebar h2 {
  font-family: "Roboto", sans-serif;
  font-size: 72px;
  line-height: 74px;
  font-weight: 800;
  letter-spacing: -0.5px;
  color: rgba(0, 33, 94, 0.5);
  text-transform: uppercase;
  margin-bottom: 0;
}

.advisoryBoardBlock {
  position: relative;
  text-align: center;
  background: #fff;
  padding: 6px;
  border-radius: 6px;
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.1);
}

.advisoryBoardBlock img {
  height: 200px;
  border-radius: 4px;
  -o-object-fit: cover;
     object-fit: cover;
  background-color: #eeeeee;
}

.advisoryBoardBlock .advisoryBoardContent {
  position: relative;
  margin-top: 12px;
  height: 62px;
  overflow: hidden;
}

.advisoryBoardBlock .advisoryBoardContent h3 {
  font-family: "Roboto", sans-serif;
  text-align: center;
  font-size: 18px;
  line-height: 22px;
  font-weight: 700;
  color: #121212;
  text-transform: uppercase;
  margin-bottom: 0;
  letter-spacing: -0.1px;
}

.advisoryBoardBlock .advisoryBoardContent h3 small {
  font-size: 70%;
  line-height: 17px;
  font-weight: 500;
  color: #222;
  margin-top: 4px;
}

.swiper.advisoryBoardSwiper {
  padding-bottom: 60px;
}

.swiper.advisoryBoardSwiper .swiper-button-next:after, .swiper.advisoryBoardSwiper .swiper-button-prev:after {
  display: none;
}

.swiper.advisoryBoardSwiper .swiper-button-next, .swiper.advisoryBoardSwiper .swiper-button-prev {
  bottom: 0;
  top: auto;
  width: auto;
  height: auto;
  transform: translate(-50%, 0);
  transition: 0.4s ease-in-out;
}

.swiper.advisoryBoardSwiper .swiper-button-prev {
  left: 45%;
}

.swiper.advisoryBoardSwiper .swiper-button-next {
  left: 55%;
}

.swiper.advisoryBoardSwiper .swiper-button-next svg, .swiper.advisoryBoardSwiper .swiper-button-prev svg {
  width: 55px;
  fill: rgb(176, 32, 60);
  transition: 0.4s ease-in-out;
}

.swiper.advisoryBoardSwiper .swiper-button-next:hover svg, .swiper.advisoryBoardSwiper .swiper-button-prev:hover svg {
  fill: rgb(176, 32, 60);
}

/*================================== Advisory Board CSS End ================================*/
/*================================== Our Governing Body CSS Start ================================*/
.governingBlockImg img {
  width: 200px;
  height: 240px;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 30px 0 30px 0;
  border: 1px solid rgba(0, 0, 0, 0.16);
}

.governingBlockImg h3 {
  font-family: "Roboto", sans-serif;
  text-align: center;
  font-size: 18px;
  line-height: 24px;
  font-weight: 700;
  margin-bottom: 0;
  margin-top: 12px;
  color: #000;
}

.governingBlockImg h3 small {
  font-size: 80%;
  line-height: 18px;
  font-weight: 500;
  color: #222;
  margin-top: 4px;
}

.governingBlockContent p {
  position: relative;
  font-size: 20px;
  line-height: 30px;
  color: #000;
  font-weight: 400;
  margin-bottom: 0;
  margin-top: 20px;
}

.governingBlock {
  padding: 50px 40px;
  background: #fff;
  border-bottom: 2px solid #ddd;
}

.governingBlock:last-child {
  margin-bottom: 0;
  border-bottom: 0;
}

/*================================== Our Governing Body CSS End ================================*/
.contactInfoBlock h3 {
  font-family: "Roboto", sans-serif;
  background: rgba(57, 131, 187, 0.3137254902);
  padding: 10px 16px;
  margin-bottom: 0;
  color: #365a67;
  font-weight: 700;
  font-size: 22px;
  line-height: 30px;
}

.contactInfoBlock p {
  font-size: 18px;
  line-height: 26px;
  color: #000;
  font-weight: 400;
  margin-bottom: 0;
  margin-top: 20px;
}

/*================================== Google Map CSS Start ================================*/
.googleMap iframe {
  position: relative;
  margin-bottom: -7px;
}

/*================================== Google Map CSS End ================================*/
/*================================== Wrapper CSS Start ================================*/
.wrapperSection .wrapperSticky {
  top: 75px;
}

.wrapperSticky1 {
  top: 40px;
}

section.wrapperSection:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 30%;
  height: 100%;
  background: rgba(192, 200, 203, 0.78);
}

section.wrapperSection.wrapperSection2:before {
  left: auto;
  right: 0;
  background: rgb(237, 222, 196);
}

.wrapperImg {
  border-radius: 30px 0 30px 0;
  border: 8px solid #fff;
  background-color: #790a0a;
}

section.wrapperSection.wrapperSection2 .wrapperImg {
  border-radius: 0 30px 0 30px;
}

.wrapperImg, .wrapperImg img {
  height: calc(100vh - 90px);
}

.wrapperImg img {
  -o-object-fit: cover;
     object-fit: cover;
}

/*================================== Wrapper CSS End ================================*/
/*================================== Parents Review CSS Start ================================*/
.parentsReviewsBlock {
  padding: 30px 30px 25px;
  background-color: #e4d4b8;
}

.parentsReviewsBoxText {
  position: relative;
  width: 50px;
  height: 50px;
  background: #365a67;
  border-radius: 50%;
}

.parentsReviewsBoxText span {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: #fff;
  font-size: 22px;
  line-height: 22px;
  font-weight: 600;
  display: block;
}

.parentsReviewsBoxInfo h3 {
  font-family: "Roboto", sans-serif;
  font-size: 18px;
  line-height: 22px;
  font-weight: 700;
  color: #000;
  text-transform: uppercase;
  margin-bottom: 0;
}

.parentsReviewsBoxInfo h3 small {
  font-size: 80%;
  line-height: 18px;
  font-weight: 500;
  color: #575757;
}

.parentsReviewsBlock p {
  margin-bottom: 0;
  color: #000;
  font-size: 20px;
  line-height: 30px;
  font-weight: 400;
  text-align: justify;
}

.parentsReviewsBoxInfo {
  width: calc(100% - 50px);
}

span.quoteSvg {
  position: absolute;
  right: 30px;
  top: 16px;
  transform: rotate(180deg);
}

span.quoteSvg svg {
  width: 70px;
  fill: rgb(201, 183, 150);
}

/*================================== Parents Review CSS End ================================*/
/*================================== Parents Review Page CSS Start ================================*/
.parentsReviewPageSidebar {
  padding: 30px;
  height: calc(100vh - 100px);
  background: rgb(218, 232, 237);
}

.parentsReviewPageSidebar h2 {
  font-size: 64px;
  line-height: 64px;
  color: rgba(53, 89, 103, 0.54);
}

.parentsReviewPageSidebar p {
  font-size: 17px;
  line-height: 25px;
  color: #000;
  text-align: justify;
}

.parentsReviewPageSidebar p:before {
  content: "";
  position: absolute;
  top: 11px;
  left: 0;
  width: 40px;
  height: 1px;
  background: #121212;
}

.parentsReviewPageSection .parentsReviewsBlock {
  padding: 25px 20px 20px;
}

.parentsReviewPageSection span.quoteSvg {
  right: 20px;
  top: 20px;
}

.parentsReviewPageSection span.quoteSvg svg {
  width: 62px;
}

.parentsReviewPageSection .parentsReviewsBlock p {
  font-size: 18px;
  line-height: 27px;
}

.parentsReviewPageSection .parentsReviewsBoxText {
  width: 45px;
  height: 45px;
}

.parentsReviewPageSection .parentsReviewsBoxText span {
  font-size: 20px;
  line-height: 20px;
}

.parentsReviewPageSection .parentsReviewsBoxInfo h3 {
  font-size: 17px;
  line-height: 20px;
}

/*================================== Parents Review Page CSS End ================================*/
/*================================== Main Table CSS Start ================================*/
table.table.mainTable thead tr th, table.table.mainTable tbody tr td {
  font-weight: 500;
  vertical-align: middle;
  padding: 12px 10px;
  color: #000;
}

table.table.mainTable thead tr th {
  font-size: 15px;
  line-height: 20px;
}

table.table.mainTable tbody tr td {
  font-size: 17px;
  line-height: 23px;
}

.wrapperBlock table.table.mainTable tbody tr td {
  font-size: 18px;
  line-height: 25px;
}

.wrapperBlock table.table.mainTable thead tr th {
  font-size: 16px;
  line-height: 22px;
}

table.table.mainTable tbody tr td svg, table.table.mainTable thead tr th svg {
  width: 17px;
  fill: #000;
}

.feesPageSection a svg {
  transform: none;
}

.feesNotes ul {
  padding-inline-start: 20px;
}

.feesNotes ul, .feesNotes ul li {
  list-style-type: disc;
}

/*================================== Main Table CSS End ================================*/
ul.wrapperImgText {
  flex-wrap: wrap;
}

ul.wrapperImgText li {
  flex: 0 0 auto;
  width: 33.33%;
}

ul.wrapperImgText.schoolStructureImgText li {
  width: 25%;
}

ul.wrapperImgText.wrapperCurriculum li {
  width: 16.66%;
}

ul.wrapperImgText.musicImgText li {
  width: 100%;
}

ul.wrapperImgText li.one-third {
  width: 66.66%;
}

.wrapperImgTextBlock {
  border-radius: 6px;
  padding: 18px 12px 12px;
  background: rgba(255, 255, 255, 0.59);
}

.wrapperImgTextBlock svg {
  width: 52px;
  fill: #000;
  filter: hue-rotate(45deg);
}

.wrapperImgTextBlock h3 {
  font-family: "Roboto", sans-serif;
  font-size: 14px;
  line-height: 18px;
  color: #000;
  font-weight: 700;
}

.wrapperImgTextBlock p {
  position: relative;
  font-size: 18px;
  line-height: 24px;
  color: #000;
  font-weight: 400;
  margin-bottom: 0;
}

/*================================== School Magazine Page CSS Start ================================*/
.content-img-box img {
  background-color: #252525;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 6px;
  transition: 0.4s ease-in-out;
}

.content-img-box:hover img {
  transform: rotate(4deg) scale(0.98);
}

.content-box-caption h3 {
  font-size: 17px;
  line-height: 24px;
  font-weight: 700;
  color: #121212;
  font-family: "Roboto", sans-serif;
}

/*================================== School Magazine Page CSS End ================================*/
/*================================== Exam Result Page CSS Start ================================*/
.examResultsBlock:nth-child(1) {
  background-color: rgba(251, 168, 52, 0.1254901961);
}

.examResultsBlock:nth-child(1) .examClass {
  background: #365a67;
}

.examResultsBlock:nth-child(2) {
  background-color: rgba(113, 176, 223, 0.1254901961);
}

.examResultsBlock:nth-child(2) .examClass {
  background: #365a67;
}

.examResultsBlock {
  padding: 30px 25px;
}

.examResultsBlock .examClass {
  font-size: 28px;
  line-height: 35px;
  border-radius: 50px;
  padding: 8px 20px;
  font-weight: 400;
  color: #121212;
  margin-bottom: 25px;
}

.examResultsBox ul {
  flex-wrap: wrap;
}

.examResultsBox ul li {
  flex: 0 0 auto;
  width: 33.33%;
  padding: 4px;
}

.examResultsBox h2 {
  font-size: 22px;
  line-height: 26px;
  font-weight: 700;
  margin-bottom: 6px;
  color: #121212;
}

.examResultsInnerBoxContent h3 {
  font-family: "Roboto", sans-serif;
  font-size: 15px;
  line-height: 18px;
  font-weight: 400;
  color: #000;
  margin-bottom: 0;
}

.examResultsInnerBoxContent h3 big {
  font-size: 130%;
  line-height: 30px;
  font-weight: 700;
  color: #121212;
}

.examResultsInnerBox {
  border-radius: 30px 0 0 0;
  border: 4px solid #fff;
}

.examResultsInnerBox img {
  border-radius: 30px 0 30px 0;
}

/*================================== Exam Result Page CSS End ================================*/
/*================================== Contact Page CSS Start ================================*/
.contactPageForm {
  padding: 40px 35px;
}

form.mainForm label.form-label {
  font-size: 15px;
  line-height: 23px;
  font-weight: 400;
  color: #000;
  margin-bottom: 3px;
}

form.mainForm input.form-control, form.mainForm select.form-select, form.mainForm textarea {
  color: #000;
  font-size: 16px;
  line-height: 22px;
  height: 42px;
  font-weight: 700;
  border-radius: 0;
  background-color: rgba(0, 33, 94, 0.0588235294);
  border: 0;
  padding: 8px 12px;
}

form.mainForm select.form-select option {
  color: #000;
  font-size: 16px;
  line-height: 22px;
  font-weight: 700;
}

form.mainForm textarea {
  height: 90px;
}

.modal-dialog form.mainForm textarea {
  height: 50px;
}

.form-control:focus, .form-select:focus {
  background-color: rgba(0, 33, 94, 0.0588235294);
  border: 0;
  box-shadow: none;
  color: #000;
}

form.mainForm button.btn {
  padding: 12px 25px;
  border-radius: 50px;
  font-size: 16px;
  line-height: 22px;
  background: #790a0a;
  color: #fff;
  font-weight: 700;
  text-transform: uppercase;
  border: 1px solid #790a0a;
  letter-spacing: 0.1px;
  transition: 0.4s ease-in-out;
}

.branchName {
  left: 50%;
  bottom: 0;
  transform: translate(-50%, 0);
  font-size: 20px;
  line-height: 22px;
  color: #000;
  letter-spacing: -0.5px;
  border-radius: 6px 6px 0 0;
}

.branchName span {
  position: relative;
  width: 100%;
  padding: 10px 25px 8px;
  display: block;
}

.parentsReviewsBox {
  border-bottom: 1px solid #d5bf95 !important;
}

.contactGoogleMapBlockContent {
  padding: 38px 35px 32px;
  border: 10px solid #fff;
  border-right: 0;
}

.contactGoogleMapBlockContent h2 {
  color: rgba(255, 255, 255, 0.7);
  font-size: 40px;
  line-height: 42px;
  font-weight: 700;
}

span.contactTagTitle {
  font-weight: 700;
  color: rgba(0, 0, 0, 0.6117647059);
  font-size: 13px;
  line-height: 15px;
  text-transform: uppercase;
}

.contactGoogleMapBlockContent a:hover {
  color: #365a67;
}

.contactGoogleMapBlockContent span.contactTag {
  font-weight: 600;
  color: #758632;
  font-size: 17px;
  line-height: 26px;
  text-transform: uppercase;
}

.contactGoogleMap iframe {
  height: 480px;
  border: 25px solid #f1f1f1;
  border-top: 35px solid #F1F1F1;
  border-bottom: 35px solid #F1F1F1;
}

.address-wrap {
  height: 100%;
  padding: 60px 35px 50px;
  background: var(--blue);
  margin-left: 0;
  margin-bottom: 0;
}

.address-wrap .form-group {
  position: relative;
  margin-bottom: 20px;
  padding-bottom: 20px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.0509803922);
  display: flex;
}

.address-wrap .form-group span {
  height: 45px;
  width: 45px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(255, 255, 255, 0.1215686275);
  border-radius: 3px;
}

.address-wrap .form-group svg {
  width: 24px;
  fill: #fff;
}

.address-wrap p {
  font-size: 20px;
  line-height: 26px;
  margin-bottom: 0;
  font-weight: 400;
  color: #fff;
  width: calc(100% - 45px);
  padding-left: 16px;
}

.address-wrap p b {
  display: block;
  color: #ffffff;
  font-weight: 300;
  margin-bottom: 2px;
  font-size: 15px;
  line-height: 20px;
  text-transform: uppercase;
}

.address-wrap p a {
  color: #fff;
  text-decoration: none;
  display: block;
  transition: 0.6s ease-in-out;
}

.address-wrap p small {
  font-size: 85%;
  line-height: 16px;
}

.address-wrap p a:hover {
  color: #e36c28;
}

.address-wrap p span {
  padding-left: 22px;
  position: relative;
}

.social-media-header2 {
  z-index: 999;
  position: relative;
  display: flex;
  margin-bottom: 0;
}

.social-media-header2 a {
  color: #cdcdcd;
  transition: 0.6s ease-in-out;
  margin-right: 12px;
  width: 38px;
  height: 38px;
  position: relative;
  border-radius: 50%;
  border: 1px solid #fff;
}

.social-media-header2 a:hover {
  color: #fff;
}

.social-media-header2 a svg {
  width: 20px;
  fill: #fff;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

.border-top {
  border-top: 1px solid rgba(0, 0, 0, 0.1019607843) !important;
}

.bc1 {
  border-color: rgba(251, 168, 52, 0.5) !important;
}

.bc2 {
  border-color: rgba(113, 176, 223, 0.5) !important;
}

.importantBlocks {
  border: 6px solid #fff;
}

.importantBlocks img {
  height: 220px;
  -o-object-fit: cover;
     object-fit: cover;
}

.importantBlocksContent {
  padding: 20px 12px 12px;
}

.importantBlocksContent h3 {
  font-size: 28px;
  line-height: 34px;
  color: #000;
  font-weight: 700;
  margin-bottom: 8px;
}

.importantBlocksContent p {
  position: relative;
  font-size: 18px;
  line-height: 26px;
  color: #000;
  font-weight: 400;
  margin-bottom: 0;
  margin-bottom: 20px;
}

/*================================== Contact Page CSS End ================================*/
/*----------------------------- Admissions Enquiry Start ------------------------------*/
.modal.admission-enquiry-modal {
  background: rgba(0, 22, 55, 0.52);
  z-index: 99999;
}

.modal.admission-enquiry-modal .modal-content {
  border-radius: 0;
  border: 6px solid #fff;
}

.modal-header:after {
  content: "";
  border-bottom: 12px solid #fff;
  border-right: 12px solid transparent;
  border-left: 12px solid transparent;
  position: absolute;
  top: calc(100% - 10px);
  width: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
  z-index: 1;
}

.modal.admission-enquiry-modal .modal-header {
  background: #365a67;
  border-radius: 0;
  padding: 12px 16px 16px;
  position: relative;
}

.modal.admission-enquiry-modal .modal-header h5.modal-title {
  color: #fff;
  font-size: 22px;
  font-weight: 500;
  text-transform: uppercase;
}

.modal.admission-enquiry-modal .modal-header button.btn-close {
  filter: invert(1);
  opacity: 1;
  padding: 8px;
}

.modal.admission-enquiry-modal .modal-dialog {
  max-width: 450px;
  margin: 20px auto;
}

.modal.admission-enquiry-modal .wrapper-main-form form .wrapper-control {
  margin-bottom: 12px;
}

::-moz-placeholder {
  color: #444 !important;
}

::placeholder {
  color: #444 !important;
}

.modal.admission-enquiry-modal .modal-content .modal-body {
  padding: 12px 10px;
}

.modal.admission-enquiry-modal .modal-content .modal-body .wrapper-main-form {
  box-shadow: none;
}

.modal.admission-enquiry-modal .wrapper-main-form form .wrapper-control textarea {
  height: 80px;
}

.btn-close:focus {
  box-shadow: none;
}

/*----------------------------- Admissions Enquiry End ------------------------------*/
.navbar-toggler:focus {
  box-shadow: none;
}

/*================== Mobile Menu CSS Start ======================*/
body.offcanvas-active {
  overflow: hidden;
}

.offcanvas-header {
  display: none;
}

.screen-darken {
  height: 100%;
  width: 0%;
  z-index: 30;
  position: fixed;
  top: 0;
  right: 0;
  opacity: 0;
  visibility: hidden;
  background-color: rgba(34, 34, 34, 0.6);
  transition: opacity 0.2s linear, visibility 0.2s, width 2s ease-in;
}

.screen-darken.active {
  z-index: 9999;
  transition: opacity 0.3s ease, width 0s;
  opacity: 1;
  width: 100%;
  visibility: visible;
}

/* ============ mobile view ============ */
@media all and (max-width: 991px) {
  .offcanvas-header {
    display: block;
  }
  .mobile-offcanvas {
    visibility: hidden;
    transform: translateX(-100%);
    border-radius: 0;
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    z-index: 99999;
    width: 350px;
    overflow-y: scroll;
    overflow-x: hidden;
    transition: visibility 0.3s ease-in-out, transform 0.3s ease-in-out;
    background: #365a67;
    padding: 20px 8px;
  }
  .mobile-offcanvas::-webkit-scrollbar {
    width: 4px;
    border-radius: 6px;
  }
  .mobile-offcanvas::-webkit-scrollbar-track {
    border-radius: 20px;
  }
  .mobile-offcanvas::-webkit-scrollbar-thumb {
    background-color: #0f284c;
    border-radius: 20px;
  }
  .mobile-offcanvas.show {
    visibility: visible;
    transform: translateX(0);
  }
  .mobile-offcanvas .container, .mobile-offcanvas .container-fluid {
    display: block;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1599px) {
  .mainSlider .carousel-caption h1 {
    font-size: 50px;
    line-height: 56px;
  }
  h3.subh3 {
    font-size: 30px;
    line-height: 36px;
    margin-bottom: 11px;
  }
  p.mainPara2 {
    font-size: 20px;
    line-height: 29px;
    margin-bottom: 15px;
  }
  .videoTestimonials.w-100 {
    height: 360px;
  }
  h2.subTitle {
    font-size: 38px;
    line-height: 36px;
    margin-bottom: 20px;
  }
  .parentsReviewPageSidebar h2 {
    font-size: 55px;
    line-height: 57px;
  }
  .setsLeftBlock span.setsTitle {
    font-size: 22px;
    margin-bottom: 22px;
  }
  .setsLeftBlock h3 {
    font-size: 35px;
    line-height: 43px;
    margin-bottom: 31px;
  }
  .setsLeftBlock svg {
    width: 95px;
  }
  .setsLeftBlock {
    padding: 50px 50px;
  }
  .newsContent {
    padding: 16px 15px 10px 15px;
  }
  span.newsDate {
    font-size: 13px;
    line-height: 17px;
  }
  .newsContent h3 {
    font-size: 19px;
    font-weight: 500;
  }
  .newsContent p {
    display: none;
  }
  .newsBlockSingle img {
    height: 465px;
  }
  .mainSlider .carousel-caption {
    bottom: 50px;
  }
  .ticker-block marquee p, .ticker-block marquee a {
    font-size: 23px;
    line-height: 32px;
    color: #ededed;
    font-weight: 400;
    display: inline-block;
    margin-bottom: 0;
    transition: 0.6s ease-in-out;
  }
  header ul.navbar-nav .nav-link {
    font-size: 17px;
  }
  header a.navbar-brand span.logoImg img {
    width: 180px;
  }
  header nav.navbar {
    padding: 47px 45px 10px 45px;
  }
  a.nav-link.nav-links.admissionLink {
    padding: 10px 44px 9px 26px !important;
    line-height: 28px;
    font-size: 18px !important;
  }
  header .nav-link.nav-link-menu span.mainMenu {
    width: 70px;
    height: 70px;
  }
  #navbarColor02 .navbar-nav.align-items-center {
    margin-right: 322px;
  }
  .menuFixed {
    right: 30px;
    top: 42px;
  }
  .mainSlider .carousel-inner .carousel-item a.mainSlideLink svg {
    width: 22px;
  }
  .mainSlider .carousel-inner .carousel-item a.mainSlideLink {
    font-size: 17px;
    gap: 9px;
  }
  .innerBanner.innerWithOutBanner .innerBannerContent h1 {
    font-size: 49px;
    line-height: 62px;
  }
  p.mainPara {
    font-size: 23px;
    line-height: 32px;
  }
  .welcomeBlock h2 {
    font-size: 45px;
    line-height: 46px;
  }
  .aboutHpBox img {
    height: 390px;
  }
  .aboutHpBox {
    border: 5px solid #fff;
    width: 320px;
  }
  .aboutHpBoxContent h3 {
    font-size: 24px;
    line-height: 27px;
  }
  .singleTestimonials p {
    font-size: 26px;
    line-height: 39px;
  }
  a.whatsapp_popup svg {
    width: 42px;
  }
  .exploreBtn a {
    padding: 11px 22px;
    font-size: 16px;
  }
  .innerBanner .short-inner-banner-img img {
    height: calc(100vh - 240px);
  }
  .strategyPurposeBox {
    padding: 50px 40px;
  }
  ul.pageLinkBlock li a {
    padding: 3px 15px;
    font-size: 16px;
  }
  .principalName {
    padding: 10px 18px;
    width: 400px;
  }
  .principalName h4 {
    font-size: 22px;
    line-height: 26px;
  }
  .innerBannerContent {
    padding: 30px 0 34px 0;
  }
  .wrapperNoImgBlock img.welcomeIcon {
    width: 236px;
  }
  .innerBanner img {
    height: calc(100vh - 53px);
  }
  .innerBannerContent h1 {
    font-size: 62px;
    line-height: 72px;
  }
  .wrapperAimsLi svg {
    width: 50px;
  }
  .wrapperAimsLi {
    font-size: 18px;
    line-height: 22px;
    border: 4px solid rgba(192, 192, 192, 0.52);
    padding: 15px 16px;
  }
  ul.mainUlData li {
    font-size: 20px;
    line-height: 29px;
    margin-top: 9px;
  }
  ul.mainUl li {
    font-size: 21px;
    line-height: 30px;
    margin-bottom: 5px;
  }
  .photoGalleryInfo h2 {
    font-size: 42px;
    line-height: 48px;
  }
  p.subPara {
    font-size: 21px;
    line-height: 28px;
  }
  .gallerySwiperBlock img {
    height: 320px;
  }
  .swiper.gallerySwiper .swiper-button-next svg, .swiper.gallerySwiper .swiper-button-prev svg, .swiper.newsEventsSwiper .swiper-button-next svg, .swiper.newsEventsSwiper .swiper-button-prev svg, .swiper.galleryInnerSwiper .swiper-button-next svg, .swiper.galleryInnerSwiper .swiper-button-prev svg {
    width: 32px !important;
  }
  .gallerySwiperBlock h3 {
    font-size: 15px;
    line-height: 22px;
  }
  .mainTitle h2 {
    font-size: 45px;
    line-height: 48px;
  }
  .mainTitle p.subPara {
    font-size: 18px;
    line-height: 24px;
  }
  .parentsReviewsBlock p {
    font-size: 18px;
    line-height: 29px;
  }
  .calendarBtn a {
    padding: 10px 20px;
  }
  span.quoteSvg svg {
    width: 65px;
  }
  .navigation-logo a.navbar-brands img {
    width: 285px;
  }
  .footer-top-ul li a {
    font-size: 22px;
  }
  .footer-info ul li a {
    padding: 4px 11px;
    font-size: 16px;
  }
  .mainFooter h3.main-title {
    font-size: 43px;
    line-height: 46px;
  }
  .footer-info p {
    font-size: 17px;
    line-height: 25px;
    margin-top: 20px;
    margin-bottom: 20px;
  }
  .footer-info .footer-logo a img {
    width: 185px;
  }
  .footer-info h4:before, .footer-contact h4:before {
    height: 2px;
  }
  ol.external-btns li a, ol.external-btns li span.extBtn {
    padding: 6px 16px;
    font-size: 16px;
  }
  .footer-location ul li {
    font-size: 17px;
    line-height: 25px;
  }
  a.mainLink {
    top: 37%;
  }
  .photoGalleryInfo {
    padding: 0 23% 29px 0;
  }
  .gallerySwiperBlock span.numberCount {
    top: 0px;
    font-size: 37px;
  }
}
@media only screen and (max-width: 991px) {
  header.main-header nav.navbar button.navbar-toggler {
    visibility: hidden;
    position: absolute;
  }
  .mobile-navbar-menu {
    display: flex;
    position: relative;
    top: 2px;
  }
  .mobile-navbar-menu .icon-bars {
    text-transform: uppercase;
    color: #fff !important;
    text-shadow: 1px 1px 3px #2c2c2c;
    font-size: 18px;
    font-weight: 400;
    letter-spacing: 1px;
    cursor: pointer;
  }
  .mobile-navbar-menu .icon-bars svg {
    width: 40px;
    fill: #fff;
    position: relative;
    top: -1px;
    margin-left: 2px;
    border-radius: 2px;
    transform: rotate(180deg);
  }
  .mobile-menu {
    display: block;
  }
  .mobile-menu nav.mobile-offcanvas a.navbar-brand img {
    width: 180px;
  }
  .mobile-menu nav.mobile-offcanvas .accordion button.accordion-button,
  .mobile-menu nav.mobile-offcanvas .accordion a.accordion-button,
  .mobile-menu nav.mobile-offcanvas .accordion .accordion-item {
    background-color: transparent;
  }
  .mobile-menu nav.mobile-offcanvas .accordion button, .mobile-menu nav.mobile-offcanvas .accordion h2 a {
    color: #fff;
    padding: 9px 0;
    font-size: 17px;
    line-height: 23px;
    text-transform: capitalize;
    font-weight: 600;
    font-family: "Roboto Serif", serif;
  }
  .mobile-menu nav.mobile-offcanvas .accordion {
    margin: 30px 0 0;
  }
  .mobile-menu nav.mobile-offcanvas .accordion button.accordion-button::after {
    filter: invert(1);
  }
  .mobile-menu nav.mobile-offcanvas .accordion a.accordion-button.accordion-remove-icon::after {
    display: none;
  }
  .mobile-menu nav.mobile-offcanvas .accordion .accordion-button:focus {
    z-index: 3;
    border-color: transparent;
    outline: 0;
    box-shadow: none;
  }
  .mobile-menu nav.mobile-offcanvas .offcanvas-header button.btn-close {
    position: absolute;
    right: 30px;
    padding: 0;
    font-size: 24px;
    filter: invert(1);
    opacity: 1;
    top: 30px;
  }
  .mobile-menu .accordion-button:not(.collapsed) {
    box-shadow: none;
  }
  .mobile-menu nav.mobile-offcanvas .accordion .accordion-body {
    padding: 4px 6px 12px;
  }
  .mobile-menu nav.mobile-offcanvas .accordion .accordion-body ul.sub-menu li a {
    font-family: "Roboto Serif", serif;
    color: #fff;
    padding: 3px 0;
    display: block;
    font-size: 17px;
    font-weight: 500;
    position: relative;
    padding-left: 12px;
  }
  .mobile-menu nav.mobile-offcanvas .accordion .accordion-body ul.sub-menu li a {
    font-family: "Roboto Serif", serif;
    color: #fff;
    padding: 4px 0;
    display: block;
    font-size: 16.5px;
    line-height: 24px;
    font-weight: 500;
    position: relative;
    padding-left: 20px;
  }
  .mobile-menu nav.mobile-offcanvas .accordion .accordion-body ul.sub-menu li a svg {
    width: 13px;
    fill: rgba(255, 255, 255, 0.7019607843);
    position: absolute;
    left: 0;
    top: 10px;
    transform: rotate(45deg);
  }
  .mobile-menu nav.mobile-offcanvas .accordion .accordion-body ul.sub-menu li a i {
    position: absolute;
    left: 0;
    top: 7px;
  }
  .mobile-menu nav.mobile-offcanvas .accordion .accordion-item {
    border-bottom: 1px solid rgba(255, 255, 255, 0.0588235294);
  }
  .mobile-menu nav.mobile-offcanvas .accordion .accordion-body ul.sub-menu {
    margin-bottom: 0px;
  }
  .mobile-menu nav.mobile-offcanvas .offcanvas-header {
    padding: 0;
  }
  .mobile-menu nav.mobile-offcanvas ol.social-media-mob-header {
    display: flex;
    margin-top: 30px;
    justify-content: center;
    margin-bottom: 0;
  }
  .mobile-menu nav.mobile-offcanvas ol.social-media-mob-header li {
    margin: 0 8px;
  }
  .mobile-menu nav.mobile-offcanvas ol.social-media-mob-header li a {
    color: #fff;
    transition: all 0.3s;
    overflow: hidden;
    position: relative;
    height: 30px;
    width: 30px;
    border-radius: 100%;
    display: block;
    margin-right: 4px;
  }
  .mobile-menu nav.mobile-offcanvas ol.social-media-mob-header li a svg {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 26px;
    fill: rgb(255, 255, 255);
  }
  .mobile-menu nav.mobile-offcanvas ol.social-media-mob-header li:nth-child(1) a svg, .mobile-menu nav.mobile-offcanvas ol.social-media-mob-header li:nth-child(2) a svg {
    width: 24px;
  }
  .mobile-menu nav.mobile-offcanvas ol.social-media-mob-header li a:hover svg {
    fill: #fff;
  }
  .mobile-menu nav.mobile-offcanvas ul.contact-detail-mob {
    margin-top: 25px;
    margin-bottom: 0;
  }
  .mobile-menu nav.mobile-offcanvas ul.contact-detail-mob li {
    position: relative;
    padding-left: 25px;
    margin-bottom: 8px;
  }
  .mobile-menu nav.mobile-offcanvas ul.contact-detail-mob li svg {
    position: absolute;
    left: 0;
    top: 4px;
    fill: #ddd;
    width: 16px;
  }
  .mobile-menu nav.mobile-offcanvas ul.contact-detail-mob li a, .mobile-menu nav.mobile-offcanvas ul.contact-detail-mob li address {
    color: #fff;
    font-size: 16px;
    line-height: 22px;
    font-weight: 400;
    display: block;
  }
  .mobileImpLinks {
    position: relative;
    margin-top: 30px;
  }
  .mobileImpLinks a {
    position: relative;
    font-size: 16px;
    line-height: 22px;
    color: #fff;
    text-transform: uppercase;
    font-weight: 700;
    padding: 8px 30px 8px 16px;
    display: inline-block;
    margin: 3px;
    border-radius: 30px;
    transition: 0.4s ease-in-out;
  }
  .mobileImpLinks a:hover {
    opacity: 0.8;
  }
  .mobileImpLinks a:nth-child(1) {
    background: #365a67;
  }
  .mobileImpLinks a:nth-child(2) {
    background: #365a67;
    color: #000;
  }
  .mobileImpLinks a:nth-child(3) {
    background: #365a67;
    color: #000;
  }
  .mobileImpLinks a:nth-child(3) svg, .mobileImpLinks a:nth-child(2) svg {
    fill: #000;
  }
  .mobileImpLinks a:nth-child(4) {
    background: #365a67;
  }
  .mobileImpLinks a svg {
    width: 15px;
    fill: #fff;
    position: absolute;
    right: 12px;
    top: 50%;
    transform: translate(0, -50%) rotate(-30deg);
    transition: 0.4s ease-in-out;
  }
  .mobileImpLinks a:hover svg {
    transform: translate(0, -50%) rotate(0deg);
  }
}
/*======================= Mobile Menu CSS end ========================*/
/*======================= Responsive CSS Start ========================*/
@media only screen and (min-width: 1400px) {
  h1.newsTitle {
    font-size: 38px;
    line-height: 45px;
    margin-bottom: 20px;
  }
  p.wrapperText {
    font-size: 32px;
    line-height: 46px;
    margin-bottom: 25px;
  }
  .newsEventsDetailsContent p {
    font-size: 20px;
    line-height: 29px;
  }
  .main-table table.table tr td, .main-table table.table tr th {
    padding: 14px 16px;
  }
  .newsEventCategoryContent p {
    font-size: 16px;
    line-height: 21px;
    font-weight: 500;
  }
  .navigation nav > ul > li > a, .navigation nav > ul > li > .mymultiplediv {
    font-size: 30px;
    padding: 13px 0;
    line-height: 31px;
  }
  .navigation nav ul ul {
    left: 390px;
    padding: 25px 0 20px 25px;
    width: 400px;
  }
  .navigation nav ul.menu-main-ul {
    width: 382px;
    padding: 0 35px 0 0;
  }
  .navigation nav ul ul li a {
    padding: 8px 0;
    font-size: 20px;
    line-height: 23px;
  }
  .trigger_popup {
    right: -130px;
    padding: 12px 20px;
    font-size: 22px;
    line-height: 25px;
  }
  html {
    zoom: 1.02;
  }
  .galleryInnerSwiperBlock img {
    height: 280px;
  }
  .calendarBlock {
    margin-right: 0;
  }
  .swiper.newsEventsSwiper {
    margin-left: 30px;
  }
  .mainSlider .carousel-inner .carousel-item img.main-slider-img, img.navigation-bg-img {
    height: calc(100dvh - 19px);
  }
  .innerBanner img {
    height: calc(100vh - 84px);
  }
  .wrapperImg, .wrapperImg img {
    height: calc(100vh - 160px);
  }
  .wrapperSection .wrapperSticky {
    top: 100px;
  }
  section.calendarHpSection, .exploreCampus, .statsBlock {
    height: 650px;
  }
  section {
    padding: 80px 0;
  }
  .aboutHpBox {
    width: 400px;
  }
  .gallerySwiperBlock img {
    height: 450px;
  }
  section.haridwarHpSection {
    padding: 80px 0;
  }
  .navigation nav {
    padding: 130px 50px 40px 50px;
  }
  ol.usefulLinks li .usefulLinksBlock img {
    height: 150px;
  }
}
@media only screen and (max-width: 767px) {
  .address-wrap .form-group svg {
    width: 18px;
  }
  .mainSlider .carousel-inner .carousel-item a.mainSlideLink {
    font-size: 16px;
    padding: 4px 19px 4px 7px;
    gap: 8px;
  }
  .carousel-inner .carousel-item a.mainSlideLink span {
    height: 38px;
    width: 38px;
  }
  .mainSlider .carousel-inner .carousel-item a.mainSlideLink svg {
    width: 23px;
  }
  .address-wrap .form-group span {
    height: 32px;
    width: 28px;
  }
  .address-wrap p {
    font-size: 19px;
  }
  header span.mobileMenu svg {
    width: 30px;
  }
  header span.mobileMenu {
    width: 52px;
    height: 52px;
  }
  .main-table table.table tr td {
    font-size: 17px;
    line-height: 20px;
  }
  .main-table table.table tr td, .main-table table.table tr th {
    padding: 8px 9px;
  }
  .galleryInnerSwiperBlock img {
    height: 240px;
  }
  .parentsReviewPageSidebar p:before {
    width: 20px;
  }
  a.whatsapp_popup {
    bottom: 25px;
    right: 25px;
  }
  .payFeePageBlock ul.nav.nav-tabs li.nav-item button big {
    font-size: 180%;
    line-height: 28px;
  }
  h3.paymentHead, .countNum {
    font-size: 16px;
    line-height: 20px;
  }
  .payFeePageBox h2 {
    font-size: 13px;
    line-height: 18px;
    padding: 16px 12px 12px;
    margin-bottom: 30px;
  }
  .parentsReviewPageSidebar {
    padding: 20px;
    height: auto;
  }
  .parentsReviewPageSidebar h2 {
    font-size: 46px;
    line-height: 50px;
  }
  .parentsReviewsBlock {
    padding: 20px 16px 16px;
  }
  .parentsReviewsBlock p {
    font-size: 18px;
    line-height: 27px;
  }
  span.quoteSvg svg {
    width: 45px;
  }
  .parentsReviewsBoxText {
    width: 46px;
    height: 46px;
  }
  span.quoteSvg {
    right: 16px;
  }
  .parentsReviewsBoxInfo h3 {
    font-size: 17px;
    line-height: 21px;
  }
  .gallerySwiperBlock span.numberCount {
    top: 6px;
    left: 6px;
    font-size: 46px;
    line-height: 46px;
  }
  section.advisoryBoardSection:before {
    width: 25%;
  }
  .schoolStr ul.wrapperAims li {
    width: 50%;
    padding: 2px 2px;
  }
  .schoolStr .wrapperAimsLi {
    padding: 15px 12px;
  }
  .wrapperAimsLi span small {
    font-size: 75%;
  }
  .wrapperAimsLi svg {
    width: 48px;
  }
  ul.wrapperAims li {
    width: 100%;
    padding: 5px 0;
  }
  .wrapperAimsLi {
    font-size: 19px;
    line-height: 24px;
    border: 4px solid rgba(192, 192, 192, 0.52);
    padding: 15px 20px;
  }
  ul.mainUlData li svg {
    width: 19px;
    top: 5px;
  }
  ul.mainUlData li {
    font-size: 18px;
    line-height: 28px;
    margin-top: 12px;
    padding-left: 28px;
  }
  ul.wrapperImgText.schoolStructureImgText li {
    width: 50%;
  }
  .wrapperBlock table.table.mainTable tbody tr td {
    font-size: 17px;
    line-height: 23px;
  }
  .wrapperBlock table.table.mainTable tbody tr td .wrapperBlock table.table.mainTable thead tr th {
    font-size: 16px;
    line-height: 22px;
  }
  .wrapperBlock table.table.mainTable thead tr th {
    font-size: 16px;
    line-height: 22px;
  }
  .examResultsBlock {
    padding: 20px 16px;
  }
  .examResultsBlock .examClass {
    font-size: 26px;
    line-height: 33px;
    padding: 7px 12px;
  }
  .examResultsBox ul li {
    width: 50%;
  }
  table.table.mainTable thead tr th {
    font-size: 16px;
    line-height: 22px;
  }
  table.table.mainTable thead tr th, table.table.mainTable tbody tr td {
    padding: 6px;
  }
  table.table.mainTable tbody tr td {
    font-size: 17px;
    line-height: 23px;
  }
  .loader img {
    width: 180px;
  }
  .footer-top-ul li a {
    font-size: 17px;
    border: 1px solid;
    padding: 7px 9px 7px 20px;
    margin: 0px 5px;
    border-radius: 46px;
  }
  .footer-location ul li {
    font-size: 17px;
    line-height: 25px;
  }
  .footer-top-ul li a svg {
    width: 26px;
    margin-left: 2px;
  }
  .mainFooter h3.main-title {
    font-size: 34px;
    line-height: 38px;
  }
  ol.external-btns {
    margin-top: 15px;
  }
  .footer-top-ul li:before {
    display: none;
    visibility: hidden;
  }
  .footer-info ul li {
    margin: 4px;
  }
  ol.external-btns {
    margin-top: 15px;
  }
  ol.external-btns li {
    margin-right: 6px;
  }
  ol.external-btns li a, ol.external-btns li span.extBtn {
    padding: 5px 12px;
    font-size: 15px;
  }
  .footer-info ul li a {
    padding: 6px 12px;
    font-size: 16px;
    line-height: 19px;
  }
  .videoTestimonials.w-100 {
    height: 326px;
  }
  section {
    padding: 50px 0;
  }
  section.aboutHpSection {
    padding: 60px 0 50px;
  }
  .welcomeBlock h2 span {
    line-height: 36px;
  }
  header nav.navbar.fixed-navbar {
    padding: 4px 16px;
  }
  header nav.navbar {
    padding: 20px 20px 10px 20px;
  }
  a.whatsapp_popup svg {
    width: 46px;
  }
  .ticker-block marquee p, .ticker-block marquee a {
    font-size: 23px;
    line-height: 28px;
  }
  .ticker-block marquee {
    padding: 40px 0 0;
  }
  header a.navbar-brand span.logoImg img {
    width: 175px;
  }
  .mainSlider .carousel-caption {
    left: 0;
    padding: 0 16px;
    bottom: 25px;
  }
  .mainSlider .carousel-caption h1 {
    font-size: 40px;
    line-height: 46px;
  }
  .mainSlider .carousel-caption h1 br {
    display: none;
  }
  .mainSlider .carousel-control-next, .mainSlider .carousel-control-prev {
    display: none;
  }
  .welcomeBlock {
    padding: 0 16px;
  }
  .welcomeBlock img.welcomeIcon {
    width: 220px;
  }
  .welcomeBlock h2 {
    font-size: 38px;
    line-height: 42px;
    margin-bottom: 15px;
  }
  .welcomeBlock h2 small {
    font-size: 20px;
    line-height: 36px;
  }
  p.mainPara {
    font-size: 22px;
    line-height: 34px;
  }
  .singleTestimonials {
    margin-top: 35px;
    padding: 30px 5px;
  }
  .setsLeftBlock {
    padding: 30px 20px 30px 20px;
  }
  .setsLeftBlock span.setsTitle {
    font-size: 21px;
    margin-bottom: 16px;
    padding: 2px 17px;
  }
  .singleTestimonials p {
    font-size: 22px;
    line-height: 32px;
  }
  .setsLeftBlock h3 {
    font-size: 32px;
    line-height: 37px;
    margin-bottom: 20px;
  }
  .setsLeftBlock, .setsLeftBlock1 {
    padding: 30px 20px 30px 20px !important;
  }
  .stsRightImg img {
    height: 380px;
  }
  .setsLeftBlock svg {
    width: 75px;
  }
  .setsSec {
    padding: 10px;
    height: 90vh;
    top: 0;
  }
  .apartSection1 {
    padding: 0px !important;
  }
  .setsSec .container-fluid.pe-0.h-100 {
    padding-left: 0;
  }
  .setsSec .container-fluid.ps-0.h-100 {
    padding-right: 0;
  }
  .singleTestimonials .exploreBtn a svg {
    display: none;
  }
  .exploreBtn a {
    padding: 12px 18px;
    margin: 0 2px;
    font-size: 15px;
    line-height: 20px;
  }
  ul.welcomeUl li {
    width: 100%;
    padding: 8px 31px;
  }
  .singleTestimonials h2 {
    font-size: 30px;
    margin-bottom: 10px;
  }
  .aboutHpBoxContent {
    padding: 20px 5px 12px;
  }
  .aboutHpBoxContent p {
    font-size: 12px;
    line-height: 18px;
  }
  .aboutHpBox, .aboutHpBox img {
    width: 100%;
  }
  .aboutHpBox img {
    height: 380px;
    -o-object-position: top;
       object-position: top;
  }
  .aboutHpBox {
    border: 4px solid #fff;
  }
  .aboutHpBoxContent h3 {
    font-size: 25px;
    line-height: 22px;
    margin-bottom: 0px;
  }
  .footer-info .footer-logo a img {
    width: 165px;
  }
  .footer-info p {
    font-size: 17px;
    line-height: 25px;
    margin-top: 13px;
    margin-bottom: 26px;
  }
  .statsBlock, .exploreCampus {
    height: 275px;
  }
  .footer-info h4:before, .footer-contact h4:before {
    display: none;
  }
  .footer-info h4, .footer-contact h4 {
    font-size: 24px;
    margin-bottom: 15px;
    padding-left: 0;
  }
  section.calendarHpSection {
    height: 550px;
    background: url(../images/homepage/explore-video-mobile-thumb.webp);
  }
  .statsBlock .statsBox:nth-child(1) {
    top: 90%;
    left: 25%;
  }
  .statsBlock .statsBox:nth-child(2) {
    top: 40%;
    left: 50%;
  }
  .statsBlock .statsBox:nth-child(3) {
    top: 90%;
    left: auto;
    right: 5%;
    transform: translate(0, -50%);
  }
  .statsBlock .statsBox {
    width: 130px;
    height: 130px;
    outline: 10px solid rgba(255, 255, 255, 0.4);
  }
  .statsBlock .statsBox .statsInnerBox {
    padding: 20px;
  }
  .statsBlock .statsBox .statsInnerBox h3.counter, .statsBlock .statsBox .statsInnerBox h3 {
    font-size: 32px;
    line-height: 32px;
  }
  .statsBlock .statsBox .statsInnerBox p {
    margin-bottom: 0;
    font-size: 12px;
    line-height: 16px;
  }
  .playbtn {
    top: 55%;
  }
  .play-btn {
    width: 75px;
    height: 75px;
  }
  .mainTitle h2 {
    font-size: 38px;
    line-height: 38px;
  }
  .mainTitle h2 small {
    font-size: 18px;
  }
  .swiper.newsEventsSwiper {
    padding-top: 0;
  }
  .newsAndEventsContent p {
    font-size: 15px;
    line-height: 20px;
    height: 62px;
  }
  .swiper.gallerySwiper .swiper-button-next svg, .swiper.gallerySwiper .swiper-button-prev svg, .swiper.newsEventsSwiper .swiper-button-next svg, .swiper.newsEventsSwiper .swiper-button-prev svg, .swiper.galleryInnerSwiper .swiper-button-next svg, .swiper.galleryInnerSwiper .swiper-button-prev svg {
    width: 32px !important;
  }
  .calendarBtn a {
    padding: 10px 16px;
  }
  .calendarBtn {
    margin-top: 20px;
  }
  .calendarBlock {
    padding: 60px 50px;
    margin: 0 auto 60px;
    max-width: 400px;
  }
  .calendarBlock h2 {
    font-size: 38px;
    line-height: 44px;
    margin-bottom: 20px;
  }
  .flyerModal .modal-lg {
    max-width: 85%;
    margin: 0 auto;
  }
  .flyerModal .modal-body .flyerBlock {
    padding: 16px 12px;
  }
  .flyerModal .modal-body .flyerBlock h2 {
    font-size: 24px;
    line-height: 28px;
  }
  .flyerModal .modal-body .flyerBlock .flyerText {
    font-size: 19px;
    line-height: 26px;
    margin-top: 12px;
  }
  .extraBlock .extraBlockContent h3 {
    font-size: 16px;
    line-height: 20px;
  }
  .extraBlock img {
    width: 100px;
  }
  .container, .container-lg, .container-md, .container-sm, .container-xl {
    max-width: 100%;
  }
  .exploreVideoBlock iframe {
    height: 280px;
  }
  .photoGallerySection {
    padding: 45px 0;
  }
  .swiper.gallerySwiper {
    margin: 0px 12px 0 12px;
  }
  .gallerySwiperBlock img {
    height: 420px;
  }
  .photoGalleryInfo {
    padding: 0 0 20px 0;
    text-align: center;
  }
  .photoGalleryInfo h2 {
    font-size: 38px;
    line-height: 44px;
    text-align: center;
  }
  .gallerySwiperBlock h3 {
    font-size: 16px;
    line-height: 20px;
    height: auto;
  }
  .swiper.gallerySwiper .swiper-button-next, .swiper.gallerySwiper .swiper-button-prev {
    top: 65%;
  }
  a.mainLink {
    position: relative;
    right: 0;
    top: 0;
    transform: none;
    width: auto;
    height: auto;
    padding: 8px 16px;
    font-weight: 500;
    border-radius: 50px;
  }
  a.mainLink svg, a.mainLink br {
    display: none;
  }
  .newsContent {
    padding: 16px 15px 10px 15px;
    position: relative;
    bottom: 0;
    left: 0;
    right: 0;
    border-radius: 0px 0px 10px 10px;
  }
  .newsBlockSingle img {
    height: 100%;
    max-height: 360px;
    border-radius: 10px 10px 0px 0px !important;
  }
  ul.welcomeUl:before {
    top: -30px;
    height: 53px;
  }
  .newsBlockSingle {
    margin-bottom: 25px;
  }
  .newsContent h3 {
    font-size: 24px;
  }
  .newsContent p {
    display: none;
  }
  .footerLogoBrand {
    text-align: center;
    width: 350px;
    margin: 0 auto;
  }
  .footerLogoBrand img {
    width: 140px;
    height: 140px;
    margin-bottom: 25px;
  }
  .footerLogoBrand ul {
    justify-content: center;
  }
  .footerCopyright p {
    text-align: center;
  }
  ul.resourcesLinks li a {
    font-size: 15.5px;
    line-height: 21px;
    margin: 4px;
    padding: 8px 12px;
  }
  .contactLinks address, .contactLinks a, .quickLinks ul li a {
    font-size: 15.5px;
    line-height: 21px;
  }
  ul.resourcesLinks {
    margin-top: 25px;
    padding-top: 25px;
  }
  .footerLogoBrand p {
    font-size: 15px;
    line-height: 22px;
  }
  .ticker-block marquee p svg, .ticker-block marquee a svg {
    margin-right: 6px;
    width: 26px;
  }
  footer {
    padding: 45px 0px 45px 0px;
  }
  .footerCopyright {
    padding: 12px 0;
  }
  .impLinks {
    margin-top: 25px;
    justify-content: center;
    display: flex;
    flex-wrap: wrap;
  }
  .impLinks a {
    position: relative;
    padding: 8px 30px 8px 16px;
    margin: 3px 2px;
  }
  .impLinks a svg {
    width: 14px;
    right: 10px;
  }
  .innerBanner img {
    height: 480px;
  }
  .innerBannerContent h1 {
    font-size: 40px;
    line-height: 46px;
  }
  .innerBanner.innerWithOutBanner .innerBannerContent h1 {
    font-size: 40px;
    line-height: 46px;
  }
  .innerBannerContent {
    padding: 28px 16px 20px;
  }
  .innerBanner.innerWithOutBanner .innerBannerContent {
    padding: 30px 25px 16px;
  }
  .wrapperNoImgSection, .wrapperNoImgSection.wrapperNoImgSection2 {
    padding: 50px 0 50px;
  }
  p.wrapperText {
    font-size: 22px;
    line-height: 32px;
    margin-bottom: 15px;
  }
  .principalName {
    bottom: 14px;
    padding: 11px 15px;
    width: 350px;
  }
  .principalName h4 {
    font-size: 18px;
    line-height: 22px;
  }
  .wrapperNoImgBlock img.welcomeIcon {
    top: -62px;
    width: 255px;
  }
  .wrapperNoImgBlock {
    padding: 0 0px;
  }
  h2.subTitle {
    font-size: 32px;
    line-height: 38px;
    margin-bottom: 16px;
  }
  p.subPara {
    font-size: 18px;
    line-height: 26px;
    margin-bottom: 16px;
  }
  h3.subh3 {
    font-size: 22px;
    line-height: 29px;
    margin-bottom: 24px;
  }
  .strategyPurposeContent {
    padding-right: 0;
  }
  .strategyPurposeBox {
    padding: 28px 25px;
  }
  .strategyPurposeBox svg {
    width: 69px;
    position: absolute;
    top: 7px;
    right: 18px;
  }
  section.strategyPurposeSection {
    padding-top: 15px;
    padding-bottom: 15px;
  }
  ul.pageLinkBlock li a {
    padding: 10px 16px;
    font-size: 15px;
    line-height: 22px;
    background: #ddd;
    margin: 3px;
    border-radius: 50px;
  }
  ul.pageLinkBlock li a:hover, ul.pageLinkBlock li a.active {
    background: rgba(57, 131, 187, 0.1882352941);
  }
  .innerBanner.innerWithOutBanner {
    height: 240px;
  }
  .wrapperSticky {
    position: relative;
    top: 0;
  }
  .wrapperSection .wrapperSticky {
    top: 0;
  }
  .welcomeInnerBlockImg {
    width: 220px;
    margin: 0 auto 30px;
  }
  .welcomeInnerBlockContent h3 {
    font-size: 18px;
    line-height: 22px;
  }
  .welcomeInnerBlockContent {
    padding: 12px 4px 8px;
  }
  .welcomeInnerBlock {
    padding: 0 12px;
  }
  p.mainPara2 {
    font-size: 19px;
    line-height: 28px;
  }
  .wrapperSidebar h2 {
    font-size: 48px;
    line-height: 54px;
  }
  .advisoryBoardBlock img {
    height: 180px;
  }
  .swiper.advisoryBoardSwiper .swiper-button-next svg, .swiper.advisoryBoardSwiper .swiper-button-prev svg {
    width: 50px;
  }
  .swiper.advisoryBoardSwiper .swiper-button-prev {
    left: 42%;
  }
  .swiper.advisoryBoardSwiper .swiper-button-next {
    left: 58%;
  }
  .advisoryBoardBlock .advisoryBoardContent h3 {
    font-size: 16px;
    line-height: 20px;
  }
  .swiper.advisoryBoardSwiper {
    padding: 0 12px 60px;
  }
  .governingBlock {
    padding: 30px 16px;
    flex-direction: column;
  }
  .governingBlock2 {
    flex-direction: column-reverse;
  }
  .governingBlockContent p {
    font-size: 19px;
    line-height: 28px;
  }
  .governingBlockImg img {
    width: 160px;
    height: 200px;
  }
  .governingBlockImg {
    width: 160px;
  }
  .governingBlockImg h3 {
    font-size: 17px;
    line-height: 22px;
    margin-top: 8px;
  }
  .governingBlockImg h3 small {
    margin-top: 2px;
  }
  .wrapperImg, .wrapperImg img {
    height: 400px;
  }
  section.wrapperSection:before {
    width: 100%;
    height: 220px;
  }
  .contactInfoBlock h3 {
    padding: 8px;
    font-size: 20px;
    line-height: 28px;
  }
  .contactInfoBlock p {
    font-size: 17px;
    line-height: 24px;
    margin-top: 16px;
  }
  .pageLinkSection {
    padding: 20px 0;
  }
  ul.wrapperImgText.wrapperCurriculum li {
    width: 33.33%;
  }
  .wrapperImgTextBlock svg {
    width: 50px;
  }
  .wrapperImgTextBlock {
    padding: 16px 6px 10px;
  }
  ul.wrapperImgText li {
    width: 50%;
  }
  ul.wrapperImgText li.one-third {
    width: 100%;
  }
  .exploreSportsVideo iframe {
    height: 220px;
  }
  .wrapperImgTextBlock p {
    font-size: 17px;
    line-height: 23px;
  }
  h2.wrapperTitle {
    font-size: 24px;
    line-height: 32px;
  }
  ul.stepsNavbar li.nav-item button {
    font-size: 14px;
    line-height: 18px;
    padding: 0 12px;
    background: transparent;
  }
  ul.stepsNavbar li.nav-item button .stepCount1 {
    width: 45px;
    height: 45px;
  }
  ul.stepsNavbar li.nav-item button .stepCount1 span {
    font-size: 22px;
    line-height: 21px;
  }
  ul.nav.stepsNavbar li.nav-item {
    flex: 0 0 auto;
    width: 33.33%;
  }
  h2.subTitle big {
    font-size: 110%;
    line-height: 42px;
  }
  .admissionStepsPara {
    margin-top: 20px;
    padding: 16px;
    margin-left: 0;
  }
  .admissionStepsPara p {
    font-size: 18px;
    line-height: 28px;
  }
  .admissionStepsBlockContent .stepHead {
    padding: 0 0 0 50px;
  }
  .admissionStepsBlockContent .stepHead:before {
    width: 30px;
  }
  .admissionStepsBlockContent .stepHead span.stepCount big {
    font-size: 250%;
    line-height: 30px;
  }
  .admissionStepsBlockContent .stepHead span.stepCount {
    margin-right: 16px;
    padding-right: 16px;
  }
  .admissionStepsBlockContent .stepHead h3 {
    font-size: 23px;
    line-height: 29px;
  }
  ul.stepsNavbar:before {
    top: 22px;
  }
  .admissionStepsBlockImg img {
    height: 240px;
  }
  .gradeLevelBlock {
    padding: 30px 25px 20px;
  }
  .gradeLevelBlock img {
    width: 180px;
    height: 180px;
  }
  .gallerySwiperBlock span.imagesCount {
    top: 8px;
    left: 8px;
  }
  .wrapper-img-content p {
    font-size: 17px;
    line-height: 22px;
  }
  .wrapper-img {
    border: 4px solid #fff;
    margin-bottom: 16px;
  }
  .wrapperGallerySidebar {
    padding: 12px;
    height: auto;
  }
  .contactGoogleMapBlockContent {
    padding: 25px 20px;
  }
  .contactGoogleMapBlockContent h2 {
    font-size: 38px;
    line-height: 38px;
  }
  .contactGoogleMapBlockContent span.contactTag {
    font-size: 15px;
    line-height: 20px;
  }
  .contactPageForm {
    padding: 25px 20px;
  }
  form.mainForm button.btn {
    padding: 10px 25px;
  }
  .importantBlocks {
    border: 4px solid #fff;
  }
  .importantBlocksContent {
    padding: 16px 12px 12px;
  }
  .importantBlocksContent h3 {
    font-size: 26px;
    line-height: 30px;
  }
  .importantBlocksContent p {
    font-size: 17px;
    line-height: 24px;
  }
  .contactGoogleMap iframe {
    height: 320px;
    border: 4px solid #f1f1f1;
    border-top: 8px solid #F1F1F1;
    border-bottom: 8px solid #F1F1F1;
  }
  .branchName {
    bottom: 7px;
    font-size: 16px;
    line-height: 18px;
  }
  .privacyBlock {
    padding: 30px 16px 20px;
  }
  ul.mainUl li {
    font-size: 18px;
    line-height: 26px;
  }
  ul.siteMapUl li h3 {
    font-size: 23px;
    line-height: 27px;
    margin-bottom: 12px;
  }
  ul.siteMapUl li ol li a {
    font-size: 16.5px;
    line-height: 21px;
    margin: 5px 0;
  }
  ul.bookRow li {
    width: 33.33%;
  }
  .footerCopyright ul li a {
    margin: 0 10px;
  }
  .bookListBlock svg {
    width: 50px;
  }
  .bookListBlock h3 {
    font-size: 16px;
    line-height: 18px;
  }
  .bookListBlock {
    padding: 16px 6px 10px;
  }
  .content-box-caption h3 {
    font-size: 16px;
    line-height: 22px;
  }
  .newsEventsDetailsBlock {
    margin-top: -100px;
    padding: 25px 12px 20px;
    border-top: 6px solid #365a67;
    border-bottom: 6px solid #365a67;
  }
  h1.newsTitle {
    font-size: 26px;
    line-height: 30px;
  }
  span.newsDate {
    font-size: 14px;
    line-height: 18px;
  }
  .newsText {
    font-size: 17px;
    line-height: 28px;
    margin-bottom: 16px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .mainSlider .carousel-inner .carousel-item img.main-slider-img {
    height: 600px;
  }
  .wrapperAimsLi svg {
    width: 50px;
  }
  .wrapperAimsLi span small {
    font-size: 84%;
    line-height: 17px;
  }
  .main-table table.table tr td {
    font-size: 18px;
    line-height: 22px;
  }
  .main-table table.table tr td, .main-table table.table tr th {
    padding: 9px 10px;
  }
  ul.pageLinkBlock li a {
    padding: 7px 17px;
    font-size: 17px;
    line-height: 23px;
  }
  .footer-info ul li a {
    padding: 8px 15px;
    font-size: 17px;
    line-height: 19px;
  }
  .footer-info ul li {
    margin: 4px;
  }
  .footer-info p {
    font-size: 17px;
    line-height: 25px;
    margin-top: 19px;
    margin-bottom: 19px;
  }
  .mainFooter h3.main-title {
    font-size: 44px;
    line-height: 47px;
  }
  ul.welcomeUl:before {
    top: -38px;
    height: 78px;
  }
  .footer-info .footer-logo a img {
    width: 285px;
  }
  header a.navbar-brand span.logoImg img {
    width: 200px;
  }
  .newsContent h3 {
    font-size: 26px;
  }
  .newsBlockSingle img {
    height: 465px;
  }
  .parentsReviewPageSidebar {
    padding: 20px;
  }
  .parentsReviewPageSidebar h2 {
    font-size: 46px;
    line-height: 50px;
  }
  .parentsReviewPageSidebar p:before {
    width: 20px;
  }
  .parentsReviewsBlock {
    padding: 25px 20px 20px;
  }
  .parentsReviewsBlock p {
    font-size: 19px;
    line-height: 27px;
  }
  .parentsReviewsBoxText span {
    font-size: 24px;
    line-height: 24px;
  }
  .parentsReviewsBoxText {
    width: 45px;
    height: 45px;
  }
  .wrapperAimsLi {
    font-size: 18px;
    line-height: 26px;
    border: 4px solid rgba(192, 192, 192, 0.52);
    padding: 8px 12px;
  }
  ul.mainUlData li {
    position: relative;
    font-size: 18px;
    line-height: 29px;
    margin-top: 14px;
  }
  .wrapperBlock table.table.mainTable thead tr th {
    font-size: 15px;
    line-height: 20px;
  }
  .wrapperBlock table.table.mainTable tbody tr td {
    font-size: 16px;
    line-height: 22px;
  }
  ul.wrapperAims li {
    padding: 3px;
  }
  ul.wrapperImgText.schoolStructureImgText li {
    width: 33.33%;
  }
  .examResultsBlock .examClass {
    font-size: 26px;
    line-height: 33px;
    margin-bottom: 20px;
  }
  .examResultsBox ul li {
    width: 50%;
  }
  .examResultsBlock {
    padding: 25px 20px;
  }
  table.table.mainTable thead tr th {
    font-size: 14px;
    line-height: 18px;
  }
  table.table.mainTable tbody tr td {
    font-size: 15px;
    line-height: 20px;
  }
  table.table.mainTable thead tr th, table.table.mainTable tbody tr td {
    padding: 8px 6px;
  }
  .container, .container-lg, .container-md, .container-sm, .container-xl {
    max-width: 98%;
  }
  .ticker-block marquee p svg, .ticker-block marquee a svg {
    width: 27px;
  }
  .footer-location ul li {
    font-size: 18px;
    line-height: 26px;
  }
  .loader img {
    width: 190px;
  }
  a.whatsapp_popup {
    bottom: 36px;
    right: 50px;
  }
  a.whatsapp_popup svg {
    width: 52px;
  }
  header nav.navbar {
    padding: 40px 30px 10px 30px;
  }
  header span.mobileMenu svg {
    width: 30px;
  }
  .mainSlider .carousel-caption {
    left: 30px;
    bottom: 25px;
  }
  .mainSlider .carousel-caption h1 {
    font-size: 40px;
    line-height: 52px;
  }
  .mainSlider .carousel-control-next, .mainSlider .carousel-control-prev {
    display: none;
  }
  .ticker-block marquee p, .ticker-block marquee a {
    font-size: 24px;
    line-height: 30px;
  }
  .ticker-block marquee {
    padding: 40px 0 0;
  }
  .welcomeBlock h2 {
    font-size: 45px;
    line-height: 51px;
    margin-bottom: 10px;
  }
  .flyerModal .modal-lg {
    max-width: 400px;
  }
  .flyerModal .modal-body .flyerBlock {
    padding: 16px;
  }
  .flyerModal .modal-body .flyerBlock h2 {
    font-size: 26px;
    line-height: 30px;
  }
  .flyerModal .modal-body .flyerBlock .flyerText {
    font-size: 20px;
    line-height: 27px;
    margin-top: 12px;
  }
  p.mainPara {
    font-size: 23px;
    line-height: 35px;
    margin-bottom: 18px;
  }
  .singleTestimonials p {
    font-size: 24px;
    line-height: 34px;
  }
  .singleTestimonials {
    padding: 25px 28px;
    margin-top: 20px;
  }
  section.aboutHpSection {
    padding: 90px 0 60px;
  }
  .aboutHpBox {
    border: 2px solid #fff;
    width: 240px;
    transform: none !important;
  }
  .aboutHpBox img {
    height: 320px;
  }
  .setsLeftBlock span.setsTitle {
    font-size: 25px;
    margin-bottom: 20px;
    padding: 4px 18px;
  }
  .setsLeftBlock h3 {
    font-size: 38px;
    line-height: 47px;
    margin-bottom: 34px;
  }
  .setsLeftBlock svg {
    width: 115px;
  }
  .setsLeftBlock {
    padding: 40px 30px 40px 35px;
  }
  .setsLeftBlock1 {
    padding: 40px 30px 40px 45px !important;
  }
  .exploreBtn a {
    font-size: 15px;
    line-height: 20px;
  }
  .aboutHpBoxContent {
    padding: 20px 12px 12px;
  }
  .aboutHpBoxContent h3 {
    font-size: 19px;
    line-height: 20px;
    margin-bottom: -5px;
  }
  .singleTestimonials h2 {
    font-size: 40px;
  }
  .aboutHpBoxContent p {
    font-size: 13px;
    line-height: 18px;
  }
  .calendarBlock h2 {
    font-size: 32px;
    line-height: 40px;
    margin-bottom: 25px;
  }
  .calendarBlock {
    padding: 50px 25px;
    max-width: 320px;
    margin: 0 auto;
  }
  .calendarBtn a {
    padding: 10px 20px;
    font-size: 14px;
    line-height: 18px;
  }
  .mainTitle h2 {
    font-size: 41px;
    line-height: 41px;
  }
  .mainTitle h2 small {
    font-size: 18px;
    line-height: 28px;
  }
  .calendarBtn {
    margin-top: 20px;
  }
  .newsAndEventsContent p {
    font-size: 15px;
    line-height: 20px;
    height: 42px;
  }
  .swiper.gallerySwiper .swiper-button-next svg, .swiper.gallerySwiper .swiper-button-prev svg, .swiper.newsEventsSwiper .swiper-button-next svg, .swiper.newsEventsSwiper .swiper-button-prev svg, .swiper.galleryInnerSwiper .swiper-button-next svg, .swiper.galleryInnerSwiper .swiper-button-prev svg {
    width: 32px !important;
  }
  .upcomingCalendar .upcomingCalendarBox h4 {
    font-size: 15px;
  }
  .upcomingCalendar .upcomingCalendarBox span.startDateUpcomingBox {
    font-size: 32px;
    line-height: 32px;
  }
  section {
    padding: 50px 0;
  }
  .gallerySwiperBlock img {
    height: 400px;
  }
  .photoGalleryInfo h2 {
    font-size: 40px;
    line-height: 51px;
  }
  .photoGalleryInfo {
    padding: 0px 0 30px 0;
  }
  a.mainLink {
    right: 0px;
    width: 100px;
    height: 100px;
    padding: 16px 12px;
    font-size: 14px;
    line-height: 18px;
  }
  .extraBlock img {
    width: 120px;
  }
  .extraBlock .extraBlockContent h3 {
    font-size: 16px;
  }
  ul.resourcesLinks li a {
    font-size: 15px;
    line-height: 22px;
    margin: 4px;
    padding: 10px 16px;
  }
  .footerCopyright p, .footerCopyright ul li a {
    font-size: 12px;
    line-height: 18px;
  }
  ul.resourcesLinks {
    margin-top: 30px;
    padding-top: 30px;
  }
  .footerCopyright {
    padding: 12px 0;
  }
  section.calendarHpSection, .exploreCampus, .statsBlock {
    height: 500px;
  }
  .statsBlock .statsBox {
    width: 150px;
    height: 150px;
    outline: 12px solid rgba(255, 255, 255, 0.4);
  }
  .statsBlock .statsBox .statsInnerBox h3.counter, .statsBlock .statsBox .statsInnerBox h3 {
    font-size: 36px;
    line-height: 36px;
  }
  .statsBlock .statsBox .statsInnerBox {
    padding: 12px;
  }
  .statsBlock .statsBox:nth-child(1) {
    top: 68%;
    left: 25%;
  }
  .statsBlock .statsBox:nth-child(2) {
    top: 32%;
    left: 50%;
  }
  .statsBlock .statsBox:nth-child(3) {
    top: 68%;
    left: 75%;
  }
  .play-btn {
    width: 85px;
    height: 85px;
  }
  .exploreVideoBlock iframe {
    height: 320px;
  }
  .footerLogoBrand h2 {
    font-size: 20px;
    line-height: 22px;
  }
  .welcomeBlock img.welcomeIcon {
    width: 250px;
  }
  .innerBanner img {
    height: 550px;
  }
  .innerBanner.innerWithOutBanner .innerBannerContent {
    padding: 30px 30px 20px;
  }
  .innerBannerContent {
    padding: 25px 30px;
  }
  .innerBannerContent h1 {
    font-size: 45px;
    line-height: 51px;
  }
  p.wrapperText {
    font-size: 23px;
    line-height: 35px;
    margin-bottom: 22px;
  }
  .wrapperNoImgSection {
    padding: 80px 0 60px;
  }
  .wrapperNoImgBlock img.welcomeIcon {
    width: 280px;
    top: -100px;
  }
  .strategyPurposeBlock {
    padding: 30px 20px;
  }
  h2.subTitle {
    font-size: 34px;
    line-height: 40px;
    margin-bottom: 16px;
  }
  ul.mainUl li {
    font-size: 19px;
    line-height: 26px;
    margin-bottom: 5px;
  }
  p.subPara {
    font-size: 19px;
    margin-bottom: 13px;
    line-height: 26px;
  }
  .principalName h4 {
    font-size: 19px;
    line-height: 22px;
  }
  h2.subTitle big {
    font-size: 110%;
  }
  .principalName {
    bottom: 21px;
    padding: 11px 15px;
    width: 236px;
  }
  h3.subh3 {
    font-size: 24px;
    line-height: 29px;
    margin-bottom: 8px;
  }
  .strategyPurposeContent {
    padding-right: 16px;
  }
  .strategyPurposeBox {
    padding: 35px 35px;
  }
  .strategyPurposeBox svg {
    width: 100px;
  }
  .innerBanner.innerWithOutBanner .innerBannerContent h1 {
    font-size: 44px;
    line-height: 50px;
  }
  .innerBanner.innerWithOutBanner {
    height: 300px;
  }
  p.mainPara2 {
    font-size: 19px;
    line-height: 29px;
  }
  .welcomeInnerBlockImg {
    width: 210px;
  }
  .welcomeInnerBlockContent h3 {
    font-size: 18px;
    line-height: 22px;
  }
  .wrapperSidebar h2 {
    font-size: 42px;
    line-height: 50px;
  }
  .advisoryBoardBlock img {
    height: 160px;
  }
  .advisoryBoardBlock .advisoryBoardContent h3 {
    font-size: 16px;
    line-height: 20px;
  }
  .advisoryBoardBlock .advisoryBoardContent h3 small {
    line-height: 13px;
  }
  .swiper.advisoryBoardSwiper .swiper-button-next svg, .swiper.advisoryBoardSwiper .swiper-button-prev svg {
    width: 44px;
  }
  section.advisoryBoardSection {
    padding: 40px 0;
  }
  .governingBlock {
    padding: 30px 20px;
  }
  .governingBlockContent p {
    font-size: 19px;
    line-height: 29px;
  }
  .governingBlockImg img {
    width: 180px;
    height: 220px;
  }
  .wrapperImg, .wrapperImg img {
    height: 480px;
  }
  .contactInfoBlock p {
    font-size: 17px;
    line-height: 25px;
    margin-top: 16px;
  }
  .contactInfoBlock h3 {
    font-size: 20px;
    line-height: 28px;
  }
  .googleMap iframe {
    height: 280px;
  }
  ul.wrapperImgText.wrapperCurriculum li {
    width: 20%;
  }
  .wrapperImgTextBlock svg {
    width: 50px;
  }
  .wrapperImgTextBlock h3 {
    font-size: 12px;
    line-height: 17px;
  }
  .wrapperImgTextBlock {
    padding: 16px 8px 10px;
  }
  .exploreSportsVideo iframe {
    height: 260px;
  }
  h2.wrapperTitle {
    font-size: 28px;
    line-height: 34px;
  }
  .gradeLevelBlock img {
    width: 160px;
    height: 160px;
  }
  .gradeLevelBlock {
    padding: 30px 12px 20px;
  }
  .admissionStepsPara {
    margin-top: 25px;
    padding: 20px 25px 20px 80px;
  }
  .admissionStepsBlockContent .stepHead:before {
    width: 40px;
  }
  .admissionStepsBlockContent .stepHead {
    padding: 0 0 0 60px;
  }
  .admissionStepsPara p {
    font-size: 18px;
    line-height: 26px;
  }
  .wrapper-img-content p {
    font-size: 17px;
    line-height: 22px;
  }
  .admissionStepsBlockContent .stepHead span.stepCount {
    font-size: 15px;
    line-height: 20px;
  }
  .admissionStepsBlockContent .stepHead span.stepCount big {
    font-size: 260%;
    line-height: 34px;
  }
  .contactPageForm {
    padding: 30px 25px;
  }
  .contactGoogleMapBlockContent {
    padding: 33px 22px 22px;
  }
  form.mainForm input.form-control, form.mainForm select.form-select, form.mainForm textarea {
    font-size: 15px;
    line-height: 21px;
    padding: 7px 10px;
  }
  form.mainForm label.form-label {
    font-size: 14px;
    line-height: 19px;
  }
  .contactGoogleMapBlockContent h2 {
    font-size: 34px;
    line-height: 38px;
  }
  .address-wrap .form-group span {
    height: 40px;
    width: 40px;
  }
  .importantBlocks img {
    height: 160px;
  }
  .address-wrap .form-group svg {
    width: 21px;
  }
  .address-wrap p {
    font-size: 18px;
    line-height: 24px;
  }
  .importantBlocks {
    border: 4px solid #fff;
  }
  .social-media-header2 a {
    width: 35px;
    height: 35px;
  }
  .social-media-header2 a svg {
    width: 18px;
  }
  .importantBlocksContent h3 {
    font-size: 22px;
    line-height: 26px;
    margin-bottom: 6px;
  }
  .importantBlocksContent p {
    font-size: 16px;
    line-height: 24px;
  }
  .contactGoogleMap iframe {
    height: 300px;
    border: 12px solid #f1f1f1;
    border-top: 16px solid #F1F1F1;
    border-bottom: 16px solid #F1F1F1;
  }
  .branchName {
    bottom: 15px;
    font-size: 18px;
    line-height: 20px;
  }
  .wrapper-img {
    border: 4px solid #fff;
    margin-bottom: 16px;
  }
  .wrapperGallerySidebar {
    padding: 16px;
  }
  .wrapper-img-content p {
    font-size: 18px;
    line-height: 24px;
  }
  .wrapperGallerySidebar h2 {
    font-size: 26px;
    line-height: 34px;
    margin-bottom: 8px;
  }
  .wrapperGallerySidebar p {
    font-size: 17px;
    line-height: 24px;
  }
  .wrapperSticky {
    top: 75px;
  }
  .galleryInnerSwiperBlock img {
    height: 200px;
  }
  .content-box-caption h3 {
    font-size: 16px;
    line-height: 23px;
  }
  ul.bookRow li {
    width: 25%;
  }
  .bookListBlock svg {
    width: 52px;
  }
  .bookListBlock h3 {
    font-size: 20px;
    line-height: 20px;
  }
  .privacyBlock {
    padding: 40px 25px 25px;
  }
  ul.siteMapUl li h3 {
    font-size: 22px;
    line-height: 26px;
    margin-bottom: 12px;
  }
  ul.siteMapUl li ol li a {
    font-size: 16px;
    line-height: 20px;
    margin: 6px 0;
  }
  .newsEventsDetailsBlock {
    margin-top: -50px;
    padding: 30px 20px 20px;
    border-top: 6px solid #365a67;
    border-bottom: 6px solid #365a67;
  }
  h1.newsTitle {
    font-size: 28px;
    line-height: 34px;
  }
  .newsText {
    font-size: 17px;
    line-height: 28px;
    margin-bottom: 16px;
  }
  .newsEventCategoryBlock .spanDate {
    width: 65px;
    height: 65px;
  }
  .newsEventCategoryContent p {
    height: 55px;
    line-height: 18px;
  }
  .newsEventCategoryBlock .spanDate span {
    line-height: 20px;
  }
  .newsEventCategoryBlock .spanDate span big {
    font-size: 230%;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  header a.navbar-brand span.logoImg img {
    width: 210px;
  }
  .wrapperAimsLi svg {
    width: 55px;
  }
  .menuFixed {
    right: 26px;
    top: 39px;
  }
  #navbarColor02 .navbar-nav.align-items-center {
    display: none;
  }
  header .nav-link.nav-link-menu span.mainMenu {
    width: 70px;
    height: 70px;
  }
  a.nav-link.nav-links.admissionLink {
    padding: 9px 42px 8px 23px !important;
    line-height: 28px;
    right: -58px;
    font-size: 18px !important;
  }
  .videoTestimonials.w-100 {
    height: 347px;
  }
  .navigation-logo a.navbar-brands img {
    width: 265px;
  }
  .photoGallerySection {
    padding: 60px 0;
  }
  .parentsReviewPageSidebar h2 {
    font-size: 56px;
    line-height: 56px;
  }
  .parentsReviewsBlock {
    padding: 25px 25px 20px;
  }
  ul.wrapperImgText.schoolStructureImgText li {
    width: 33.33%;
  }
  ul.mainUlData li {
    font-size: 20px;
    line-height: 29px;
  }
  .wrapperBlock table.table.mainTable tbody tr td {
    font-size: 17px;
    line-height: 24px;
  }
  .wrapperBlock table.table.mainTable thead tr th {
    font-size: 15px;
    line-height: 20px;
  }
  .wrapperAimsLi {
    font-size: 19px;
    line-height: 27px;
    border: 4px solid rgba(192, 192, 192, 0.52);
    padding: 17px 12px;
  }
  ul.wrapperAims li {
    padding: 4px;
  }
  .examResultsBlock {
    padding: 25px 20px;
  }
  table.table.mainTable tbody tr td {
    font-size: 16px;
    line-height: 22px;
  }
  .mainSlider .carousel-caption h1 {
    font-size: 48px;
    line-height: 62px;
  }
  .mainSlider .carousel-caption {
    left: 40px;
    bottom: 48px;
  }
  .aboutHpBox {
    border: 8px solid #fff;
  }
  header nav.navbar {
    padding: 40px 38px 10px 40px;
  }
  header ul.navbar-nav .nav-link {
    font-size: 18px;
  }
  header ul.navbar-nav .nav-link {
    padding: 2px 14px !important;
  }
  .flyerModal .modal-lg {
    max-width: 450px;
  }
  .flyerModal .modal-body .flyerBlock {
    padding: 16px;
  }
  .mainSlider .carousel-control-prev {
    right: 90px;
  }
  .mainSlider .carousel-control-next {
    right: 40px;
  }
  p.mainPara {
    font-size: 22px;
    line-height: 31px;
  }
  .welcomeBlock h2 {
    font-size: 48px;
    line-height: 51px;
    margin-bottom: 14px;
  }
  .singleTestimonials p {
    font-size: 25px;
    line-height: 35px;
  }
  .singleTestimonials {
    margin-top: 65px;
    padding: 14px 35px;
  }
  .setsLeftBlock span.setsTitle {
    font-size: 26px;
    margin-bottom: 30px;
    padding: 3px 26px;
  }
  .setsLeftBlock h3 {
    font-size: 38px;
    line-height: 45px;
    margin-bottom: 40px;
  }
  .setsLeftBlock1 {
    padding: 50px 30px 50px 55px !important;
  }
  .setsLeftBlock {
    padding: 50px 38px 50px 54px;
  }
  .setsLeftBlock svg {
    width: 120px;
  }
  .aboutHpBox {
    width: calc(100% - 15px);
  }
  .aboutHpBox img {
    height: 370px;
  }
  .aboutHpBoxContent h3 {
    font-size: 19px;
    line-height: 21px;
    margin-bottom: 12px;
  }
  .aboutHpBoxContent {
    padding: 20px 12px 12px;
  }
  .aboutHpBoxContent p {
    font-size: 12px;
    line-height: 18px;
  }
  .photoGalleryInfo h2 {
    font-size: 45px;
    line-height: 57px;
  }
  a.mainLink {
    top: 50%;
    width: 110px;
    height: 110px;
    padding: 22px 16px;
    font-size: 14px;
    line-height: 18px;
  }
  .gallerySwiperBlock img {
    height: 340px;
  }
  .newsContent p {
    display: none;
  }
  .newsBlockSingle img {
    height: 435px;
  }
  .newsContent {
    padding: 15px 15px 10px 15px;
  }
  .newsContent h3 {
    font-size: 24px;
  }
  section {
    padding: 60px 0;
  }
  .calendarBlock h2 {
    font-size: 38px;
    line-height: 46px;
    margin-bottom: 25px;
  }
  .calendarBlock {
    padding: 60px 30px;
    max-width: 350px;
    margin: 0 auto;
  }
  .mainTitle h2 {
    font-size: 45px;
    line-height: 49px;
  }
  .mainFooter h3.main-title {
    font-size: 50px;
    line-height: 50px;
  }
  .footer-info ul li a {
    padding: 7px 14px;
    font-size: 16px;
    line-height: 20px;
  }
  .mainFooter h3.main-title {
    font-size: 50px;
    line-height: 50px;
  }
  .footer-top-ul li a {
    font-size: 22px;
    margin-right: 58px;
  }
  .footer-info h4, .footer-contact h4 {
    font-size: 24px;
    margin-bottom: 14px;
    padding-left: 49px;
  }
  .footer-location ul li {
    font-size: 18px;
    line-height: 26px;
  }
  .swiper.gallerySwiper .swiper-button-next svg, .swiper.gallerySwiper .swiper-button-prev svg, .swiper.newsEventsSwiper .swiper-button-next svg, .swiper.newsEventsSwiper .swiper-button-prev svg, .swiper.galleryInnerSwiper .swiper-button-next svg, .swiper.galleryInnerSwiper .swiper-button-prev svg {
    width: 32px !important;
  }
  .calendarBtn {
    margin-top: 25px;
  }
  .exploreCampus, section.calendarHpSection, .statsBlock {
    height: 500px;
  }
  .statsBlock .statsBox {
    width: 160px;
    height: 160px;
    outline: 16px solid rgba(255, 255, 255, 0.4);
  }
  .statsBlock .statsBox .statsInnerBox h3.counter, .statsBlock .statsBox .statsInnerBox h3 {
    font-size: 38px;
    line-height: 38px;
  }
  .statsBlock .statsBox .statsInnerBox p {
    font-size: 13px;
    line-height: 16px;
    margin-top: 6px;
  }
  .statsBlock .statsBox:nth-child(1), .statsBlock .statsBox:nth-child(3) {
    top: 70%;
  }
  .statsBlock .statsBox:nth-child(2) {
    top: 30%;
  }
  .play-btn {
    width: 90px;
    height: 90px;
  }
  .extraBlock img {
    width: 140px;
  }
  .container, .container-lg, .container-md, .container-sm, .container-xl {
    max-width: 98%;
  }
  .footerLogoBrand img {
    width: 80px;
    height: 80px;
  }
  .footerLogoBrand h2 {
    font-size: 20px;
    line-height: 22px;
  }
  .footerLogoBrand h2 small {
    font-size: 49%;
  }
  .footerLogoBrand p {
    font-size: 12px;
    line-height: 16px;
  }
  .impLinks a {
    font-size: 14px;
    line-height: 20px;
    padding: 10px 30px 10px 12px;
    margin: 4px 2px;
  }
  ul.resourcesLinks li a {
    font-size: 15px;
    line-height: 22px;
    margin: 0 4px;
    padding: 8px 12px;
  }
  .quickLinks ul li a {
    margin-bottom: 7px;
  }
  .exploreVideoBlock iframe {
    height: 430px;
  }
  .innerBannerContent h1 {
    font-size: 56px;
    line-height: 66px;
  }
  .innerBanner img {
    height: calc(100vh - 105px);
  }
  p.wrapperText {
    font-size: 30px;
    line-height: 40px;
    margin-bottom: 22px;
  }
  .wrapperNoImgSection {
    padding: 100px 0 60px;
  }
  .strategyPurposeBlock {
    padding: 30px 25px;
  }
  h2.subTitle {
    font-size: 38px;
    line-height: 42px;
    margin-bottom: 16px;
  }
  p.subPara {
    font-size: 20px;
    line-height: 27px;
    margin-bottom: 18px;
  }
  h3.subh3 {
    font-size: 28px;
    line-height: 36px;
    margin-bottom: 18px;
  }
  .strategyPurposeBox {
    padding: 40px 35px;
  }
  .principalName {
    padding: 11px 16px;
    width: 374px;
  }
  ul.mainUl li {
    font-size: 20px;
    line-height: 27px;
    margin-bottom: 5px;
  }
  .principalName h4 {
    font-size: 22px;
    line-height: 26px;
  }
  .innerBanner.innerWithOutBanner .innerBannerContent h1 {
    font-size: 48px;
    line-height: 58px;
  }
  .innerBanner.innerWithOutBanner {
    height: 300px;
  }
  .welcomeInnerBlockImg {
    width: 100%;
    padding-left: 35px !important;
  }
  p.mainPara2 {
    font-size: 20px;
    line-height: 30px;
  }
  .wrapperSidebar h2 {
    font-size: 54px;
    line-height: 60px;
  }
  .governingBlock {
    padding: 35px 25px;
  }
  .governingBlockContent p {
    font-size: 19px;
    line-height: 29px;
    margin-top: 16px;
  }
  .governingBlockImg img {
    width: 180px;
    height: 220px;
  }
  .googleMap iframe {
    height: 350px;
  }
  ul.wrapperImgText.wrapperCurriculum li {
    width: 20%;
  }
  .wrapperImgTextBlock svg {
    width: 50px;
  }
  h2.wrapperTitle {
    font-size: 28px;
    line-height: 34px;
  }
  .contactPageForm {
    padding: 30px 25px;
  }
  .contactGoogleMapBlockContent {
    padding: 35px 24px 28px;
    border: 6px solid #fff;
  }
  .contactGoogleMapBlockContent h2 {
    font-size: 34px;
    line-height: 36px;
  }
  .importantBlocks img {
    height: 200px;
  }
  .importantBlocksContent {
    padding: 16px 8px 8px;
  }
  .importantBlocksContent h3 {
    font-size: 24px;
    line-height: 30px;
    margin-bottom: 6px;
  }
  .importantBlocksContent p {
    font-size: 16px;
    line-height: 23px;
  }
  .contactGoogleMap iframe {
    height: 380px;
    border: 16px solid #f1f1f1;
    border-top: 20px solid #F1F1F1;
    border-bottom: 20px solid #F1F1F1;
  }
  .branchName {
    bottom: 19px;
    font-size: 18px;
    line-height: 20px;
  }
  .wrapper-img {
    margin-bottom: 16px;
  }
  .wrapperGallerySidebar {
    padding: 20px;
  }
  .wrapperGallerySidebar h2 {
    font-size: 28px;
    line-height: 34px;
    margin-bottom: 8px;
  }
  .wrapperGallerySidebar p {
    font-size: 16px;
    line-height: 24px;
  }
  .content-box-caption h3 {
    font-size: 16px;
  }
  .bookListBlock svg {
    width: 52px;
  }
  .bookListBlock h3 {
    font-size: 20px;
    line-height: 20px;
  }
  .privacyBlock {
    padding: 40px 25px 25px;
  }
  ul.siteMapUl li h3 {
    font-size: 22px;
    line-height: 26px;
    margin-bottom: 12px;
  }
  .newsEventsDetailsBlock {
    margin-top: -50px;
    padding: 30px 25px 20px;
  }
  h1.newsTitle {
    font-size: 30px;
    line-height: 36px;
  }
  ul.resourcesLinks {
    margin-top: 30px;
    padding-top: 30px;
  }
  .footerCopyright {
    padding: 12px 0;
  }
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.25) and (-webkit-max-device-pixel-ratio: 1.5) {
  .aboutHpBox {
    width: 320px;
  }
  .navigation nav {
    padding: 50px 40px 40px 40px;
  }
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5) and (-webkit-max-device-pixel-ratio: 1.99) {
  header .nav-link.nav-link-menu svg {
    width: 29px;
  }
  header .nav-link.nav-link-menu span.mainMenu {
    width: 65px;
    height: 65px;
  }
  a.nav-link.nav-links.admissionLink {
    padding: 9px 44px 8px 25px !important;
    line-height: 28px;
    font-size: 16px !important;
  }
  .mainSlider .carousel-inner .carousel-item a.mainSlideLink span {
    height: 38px;
    width: 38px;
  }
  .mainSlider .carousel-inner .carousel-item a.mainSlideLink {
    font-size: 15px;
    gap: 9px;
  }
  .mainSlider .carousel-inner .carousel-item a.mainSlideLink svg {
    width: 22px;
  }
  .singleTestimonials {
    margin-top: 40px;
    padding: 40px 0px;
  }
  .mainSlider .carousel-caption {
    bottom: 45px;
    left: 60px;
  }
  #navbarColor02 .navbar-nav.align-items-center {
    margin-right: 302px;
  }
}
/*======================= Responsive CSS End ========================*/
/*----------------------------- Calendar Page Start ------------------------------*/
#calendar_pop {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  margin: 0 auto;
  bottom: 0;
  font-size: 20px;
  z-index: 99999;
  height: 100%;
  display: none;
  -webkit-backdrop-filter: blur(2px);
          backdrop-filter: blur(2px);
  background: rgba(0, 0, 0, 0.2);
}

#calendar_pop .calendar_inner {
  width: 320px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

#closeCal {
  position: absolute;
  top: 0;
  right: -35px;
  width: 24px;
  cursor: pointer;
}

#closeCal svg {
  fill: #365a67;
}

#calendar_pop .calendar_inner .calendarSingle {
  padding: 40px 20px;
}

#calendar_pop .calendar_inner .calendarSingle .dateContent h3 {
  font-size: 17px;
  line-height: 22px;
  margin-left: 10px;
  padding: 10px;
  height: auto;
  border-width: 4px;
  font-weight: 600;
  text-transform: uppercase;
}

.calendar-wrapper {
  height: 100%;
  padding: 60px 0px 60px 30px;
}

.calendarSingle {
  padding: 30px 30px;
  background: #365a67;
  margin: 0;
  text-align: center;
}

.circleDate {
  background-color: #002a77;
  color: #fff;
  margin: 0 auto 35px;
  text-align: center;
  font-weight: 700;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 20px;
  opacity: 0.8;
}

.circleDate .date span {
  display: inline-block;
  color: #fff;
  font-size: 16px;
  line-height: normal;
  vertical-align: middle;
  text-transform: uppercase;
  font-weight: 500;
  letter-spacing: 0;
}

.circleDate .date span:nth-child(2) {
  font-size: 36px;
  line-height: 38px;
  padding: 10px;
  background: #00205b;
  margin: -10px 7px;
  border-radius: 50px;
  border: 3px solid #fff;
  font-weight: 500;
}

.calendarSingle .dateContent h3 {
  font-size: 20px;
  color: #fff;
  margin: 0;
  text-align: left;
  margin-left: 20px;
  border-left: 5px solid #c3c3c3;
  padding: 20px 10px 0 10px;
  height: 70px;
  overflow: hidden;
}

.calendarBtn2 a svg {
  transform: none;
}

#calendar {
  max-width: 100%;
  margin: 0 auto;
}

a.fc-more {
  color: #365a67 !important;
  font-weight: 700;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .fc-toolbar {
    padding: 8px 12px;
    margin-bottom: 12px;
  }
  .fc-toolbar h2 {
    font-size: 26px;
    line-height: 26px;
  }
  .fc-event {
    font-size: 14px;
    line-height: 14px;
  }
}
@media only screen and (max-width: 767px) {
  th.fc-col-header-cell {
    padding: 6px 6px !important;
    font-size: 15px !important;
  }
  .singleTestimonials h2 {
    font-size: 30px;
  }
  .fc-toolbar h2 {
    font-size: 22px !important;
    line-height: 28px !important;
  }
  .roDivider {
    left: 50%;
    top: 65%;
  }
  .paymentBtn a {
    margin: 16px auto;
  }
  .fc-toolbar {
    padding: 10px 12px !important;
    margin-bottom: 16px !important;
  }
  .fc-button-primary.fc-button {
    border-right: 4px solid #fee3be;
    padding: 5px 4px;
  }
  .fc-toolbar h2 {
    font-size: 22px;
    line-height: 24px;
  }
  .fc-right .fc-button-primary.fc-today-button {
    padding: 5px 12px !important;
    font-size: 14px;
  }
  th.fc-day-header {
    padding: 6px 6px;
    font-size: 14px;
  }
  td.fc-day-top {
    padding: 3px;
    font-size: 14px;
  }
  .fc-event {
    font-size: 13px;
    line-height: 13px;
  }
  .fc-unthemed td.fc-today {
    font-size: 20px;
    line-height: 22px;
  }
}
th.fc-col-header-cell {
  padding: 6px 12px;
  font-size: 17px;
  font-weight: 500;
  text-transform: uppercase;
  color: #fff;
  background: #790a0a;
}

th.fc-col-header-cell a {
  color: #fff;
}

td.fc-day {
  padding: 6px;
  font-size: 17px;
  color: #000;
  font-weight: 400;
}

td.fc-day a {
  color: #000;
}

button.fc-today-button.fc-button.fc-button-primary {
  color: #fff !important;
  background-color: #0a5121 !important;
  border-color: #0a5121 !important;
  opacity: 1 !important;
  border-radius: 50px !important;
  padding: 6px 16px !important;
  font-weight: 500 !important;
  text-transform: uppercase !important;
  border: 0 !important;
}

button.fc-next-button.fc-button.fc-button-primary {
  color: #000;
  background-color: #365a67;
  border-right: 8px solid #fee3be;
  border-radius: 60px;
  border-top: 0;
  border-bottom: 0;
  border: 0px solid transparent;
}

button.fc-prev-button.fc-button.fc-button-primary {
  color: #000;
  background-color: #365a67;
  border-right: 8px solid #fee3be;
  border-radius: 60px;
  border-top: 0;
  border-bottom: 0;
  border: 0px solid transparent;
  margin-right: 8px;
}

.fc .fc-button-primary:not(:disabled).fc-button-active, .fc .fc-button-primary:not(:disabled):active {
  background-color: #365a67;
  color: #000;
  border: 0;
}

.fc .fc-button-primary:focus {
  box-shadow: none !important;
}

.fc-h-event .fc-event-main {
  position: relative;
  display: block;
  font-size: 14px;
  line-height: 14px;
  border-radius: 3px !important;
  border: 0;
  color: #fff !important;
  font-weight: 400;
  padding: 2px 6px !important;
  cursor: pointer;
}

.fc-h-event, .fc-h-event {
  background: #444 !important;
  border: 0;
}

.fc-toolbar {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 12px 25px;
  background: rgba(251, 168, 52, 0.3215686275);
  margin-bottom: 20px;
  border-radius: 50px;
}

.fc-toolbar h2 {
  font-size: 28px;
  line-height: 28px;
  margin: 0;
  color: #121212;
  font-weight: 700;
  text-transform: uppercase;
}

/*----------------------------- Calendar Page End ------------------------------*/
.pseudo-text-effect {
  position: relative;
  padding: 0;
  overflow: hidden;
  transition: transform 0.5s;
  display: block;
}

.pseudo-text-effect::after {
  content: attr(data-after);
  display: inline-block;
  transform: translateY(150%);
  position: absolute;
  left: 14px;
  transition: inherit;
}

.pseudo-text-effect > span {
  display: inline-block;
  transform: translateY(0%);
  transition: inherit;
}

.pseudo-text-effect:hover > span {
  transform: translateY(-150%);
}

.pseudo-text-effect:hover::after {
  transform: translateY(0%);
}

#exploreYoutubeVideo .modal-header button.btn-close {
  background: none;
}

#exploreYoutubeVideo .modal-header button.btn-close {
  right: auto;
  left: 50%;
  top: 0;
  transform: translate(-50%, 0%);
  background: red;
  border-radius: 0;
  filter: none;
  font-size: 14px;
  padding: 8px 10px;
  margin: 0;
  width: 20px;
  height: 20px;
}

#exploreYoutubeVideo .modal-header button.btn-close svg {
  fill: #fff;
  width: 20px;
}/*# sourceMappingURL=main.css.map */