@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;600;700;800&display=swap');


/*--------------------------------------------------------------
# General
--------------------------------------------------------------*/
body {
  background: #fff !important;
  font-family: 'Open Sans', sans-serif;
  /**margin-top: 84.5rem !important;**/
    
}

a {
  transition: 0.5s;
}

a:hover, a:active, a:focus {}

p {
    font-family: 'Open Sans', sans-serif;
}

h1, h2, h3, h4, h5, h6 {}

h1, .h1 {}
h2, .h2 {}
h3, .h3 {}
h4, .h4 {}
h5, .h5 { }
h6, .h6 { }
h6 a, .h6 a {}

.p-152-i {
   font-family: 'Open Sans', sans-serif;
    font-size: 9rem;
    letter-spacing: -0.02em;
    font-weight: 700;
    line-height: 0.125rem;
    font-style: italic;
}
.p-70-xb {
   font-family: 'Open Sans', sans-serif;
    font-size: 3.5rem;
    letter-spacing: -0.02em;
    font-weight: 800;
    line-height: 3.75rem;
}
.p-60-b {
   font-family: 'Open Sans', sans-serif;
    font-size: 2.75rem;
    letter-spacing: -0.02em;
    font-weight: 700;
    line-height: 3.25rem;
}
.p-60-sb {
   font-family: 'Open Sans', sans-serif;
    font-size: 2.75rem;
    letter-spacing: -0.01em;
    font-weight: 600;
    line-height: 3rem;
}
.p-60-sb-form {
   font-family: 'Open Sans', sans-serif;
    font-size: 2.125rem;
    letter-spacing: -0.01em;
    font-weight: 600;
    line-height: 2.75rem;
}
.p-46-b {
   font-family: 'Open Sans', sans-serif;
    font-size: 2.875rem;
    letter-spacing: -0.01em;
    font-weight: 700;
    line-height: 3.125rem;
}
.p-44-xb {
   font-family: 'Open Sans', sans-serif;
    font-size: 2.75rem;
    letter-spacing: -0.01em;
    font-weight: 800;
    line-height: 3.125rem;
}
.p-40-b-fm {
   font-family: 'Open Sans', sans-serif;
    font-size: 2.125rem;
    letter-spacing: -0.01em;
    font-weight: 700;
    line-height: 3rem;
}
.p-34-b {
   font-family: 'Open Sans', sans-serif;
    font-size: 2.125rem;
    letter-spacing: -0.01em;
    font-weight: 700;
    line-height: 2.75rem;
}
.p-34-m {
   font-family: 'Open Sans', sans-serif;
    font-size: 2.125rem;
    letter-spacing: -0.01em;
    font-weight: 500;
    line-height: 2.75rem;
}
.p-30-b {
   font-family: 'Open Sans', sans-serif;
    font-size: 1.875rem;
    letter-spacing: -0.01em;
    font-weight: 700;
    line-height: 2.125rem;
}
.p-30-b-form {
   font-family: 'Open Sans', sans-serif;
    font-size: 1.5rem;
    letter-spacing: -0.01em;
    font-weight: 700;
    line-height: 2rem;
}
.p-28-b {
   font-family: 'Open Sans', sans-serif;
    font-size: 1.75rem;
    letter-spacing: -0.01em;
    font-weight: 700;
    line-height: 2rem;
}
.p-26-b-vod {
   font-family: 'Open Sans', sans-serif;
    font-size: 1.125rem;
    letter-spacing: -0.01em;
    font-weight: 700;
    line-height: 1.75rem;
}
.p-26-b {
   font-family: 'Open Sans', sans-serif;
    font-size: 1.625rem;
    letter-spacing: -0.01em;
    font-weight: 700;
    line-height: 2rem;
}
.p-24-b {
   font-family: 'Open Sans', sans-serif;
    font-size: 1.5rem;
    letter-spacing: -0.01em;
    font-weight: 700;
    line-height: 2rem;
}
.p-24-sb {
   font-family: 'Open Sans', sans-serif;
    font-size: 1.5rem;
    letter-spacing: -0.01em;
    font-weight: 600;
    line-height: 2rem;
}
.p-24 {
   font-family: 'Open Sans', sans-serif;
    font-size: 1.5rem;
    letter-spacing: -0.01em;
    font-weight: 400;
    line-height: 2rem;
}
.p-20-b {
   font-family: 'Open Sans', sans-serif;
    font-size: 1.25rem;
    letter-spacing: -0.01em;
    font-weight: 700;
    line-height: 2rem;
}
.p-20-media {
   font-family: 'Open Sans', sans-serif;
    font-size: 1.25rem;
    letter-spacing: -0.01em;
    font-weight: 700;
    line-height: 1.75rem;
}
a.p-20-media {
    text-decoration: none;
    color: #000;
}
a.p-20-media:hover {
    text-decoration: underline;
    cursor: pointer;
}
.p-20-m {
   font-family: 'Open Sans', sans-serif;
    font-size: 1.25rem;
    letter-spacing: -0.01em;
    font-weight: 500;
    line-height: 2rem;
}
.p-18-b {
   font-family: 'Open Sans', sans-serif;
    font-size: 1.125rem;
    font-weight: 700;
    line-height: 1.875rem;
}
.p-18 {
   font-family: 'Open Sans', sans-serif;
    font-size: 1.125rem;
    font-weight: 400;
    line-height: 1.5rem;
}
.p-16-b {
   font-family: 'Open Sans', sans-serif;
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.5rem;
}
.p-16-sb {
   font-family: 'Open Sans', sans-serif;
    font-size: 1rem;
    letter-spacing: -0.01em;
    font-weight: 600;
    line-height: 1.75rem;
}
.p-16 {
   font-family: 'Open Sans', sans-serif;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5rem;
}
.p-16-adm {
   font-family: 'Open Sans', sans-serif;
    font-size: 1rem;
    font-weight: 700;
    line-height: 1rem;
}
.p-15-sb {
   font-family: 'Open Sans', sans-serif;
    font-size: 0.938rem;
    font-weight: 600;
    line-height: 1.5rem;
}
.p-15 {
   font-family: 'Open Sans', sans-serif;
    font-size: 0.938rem;
    font-weight: 400;
    line-height: 1.5rem;
}
.p-14-b {
   font-family: 'Open Sans', sans-serif;
    font-size: 0.875rem;
    letter-spacing: -0.01em;
    font-weight: 700;
}
.p-14-sb {
   font-family: 'Open Sans', sans-serif;
    font-size: 0.875rem;
    letter-spacing: -0.01em;
    font-weight: 600;
}
.p-14-m {
   font-family: 'Open Sans', sans-serif;
    font-size: 0.875rem;
    letter-spacing: -0.01em;
    font-weight: 500;
}
.p-14 {
   font-family: 'Open Sans', sans-serif;
    font-size: 0.875rem;
    letter-spacing: -0.0em;
    font-weight: 400;
}

.p-12-m {
   font-family: 'Open Sans', sans-serif;
    font-size: 0.75rem;
    letter-spacing: -0.01em;
    font-weight: 500;
}
.p-12 {
   font-family: 'Open Sans', sans-serif;
    font-size: 0.75rem;
    letter-spacing: -0.01em;
    font-weight: 400;
}
a.p-12 {
    font-family: 'Open Sans', sans-serif;
    font-size: 0.75rem;
    font-weight: 500;
    text-decoration: none !important;
    padding-top: 3px;
}

.tx-white { color: #fff }
.tx-black { color: #000 }
.tx-dark { color: #333 }
.tx-grey { color: #666 }
.tx-lite { color: #c6c6c6 }
.tx-blue { color: #0000fe }
.tx-orange { color: #f34c28 }
.tx-cyan { color: #00b7c6 }
.tx-green { color: #00e0ad }
.tx-yellow { color: #ffde17 }
.tx-darkblue { color: #162b75 }
.tx-white-trans {color: rgba(255,255,255,0.75);}

.tx-white-about { 
    color: #000;
    text-shadow: 0;
}

@media (min-width: 768px) {
    .tx-white-about { 
        color: #fff;
        text-shadow: 1px 1px 5px #888;
    }
}

.tx-white-navy, .tx-white-none { 
    color: #fff;
    text-shadow: 0 0 5px #000;
}
.tx-white-navy:hover { color: cyan; }
.tx-white-none:hover { color: #fff; }

.tx-blue-navy {
    color: #0000fe;
    text-shadow: 0 0 4px #b3b3b3;
}
.tx-blue-navy:hover { color: cyan; }

.tx-shadow {
    text-shadow: 1px 1px 5px #111;    
}

/****** header stickie *****/

.sticky-top-inside {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  z-index: 1020;
}
.sticky-top, .sticky-top-inside {
    background-color:transparent;
    transition: background-color 0.5s ease-in-out;
}

.sticky-top.active {
    background: rgba(0,0,254,0.8);
    -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.25);
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.25);
    color: #0000fe;
}


.sticky-top-inside.active {
    background: rgba(255,255,255,0.98);
    -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.25);
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.25);
    color: #0000fe;
}


/*** hambuger-menu ***/
.hamburger-icon {
  display: block;
  margin-left: 20px;
  cursor: pointer;
  color: #fff;
  font-size: 1.75rem;

}

.hamburger-bar {
  position: absolute;
  background-color: #fff;
  height: 2px;
  width: 20px;
  right: 0;
}

.hamburger-bar-2 {
  top: 0;
  bottom: 0;
  margin: auto;
  width: 50% !important;
  
}

.hamburger-bar-3 {
  bottom: 0;
  
}

/*** end hambuger ***/


/**--------carousel indicator-------**/
/**.carousel-indicators {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 2;
  display: flex;
  justify-content: center;
  padding: 0;
  margin-right: 15%;
  margin-bottom: 1rem;
  margin-left: 15%;
  list-style: none;
}**/
.carousel-indicators [data-bs-target] {
  box-sizing: content-box;
  flex: 0 1 auto;
  width: 10px;
  height: 10px;
  border-radius: 5px;
  padding: 0;
  margin-right: 5px;
  margin-left: 5px;
  text-indent: -999px;
  cursor: pointer;
  background-color: #fff;
  background-clip: padding-box;
  border: 0;
  /**border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;**/
  opacity: 0.5;
  transition: opacity 0.6s ease;
}
@media (prefers-reduced-motion: reduce) {
  .carousel-indicators [data-bs-target] {
    transition: none;
  }
}
.carousel-indicators .active {
  opacity: 1;
    background-color: #0000fe;
}
/**--------end carousel indicator-------**/


@media (min-width: 992px) {}


/****** desktop setup ********/

@media (min-width: 576px) {}

@media (min-width: 768px) {
    .p-70-xb {
    font-size: 5rem;
    line-height: 5.25rem;
    }
    .p-60-b {
    font-size: 3.75rem;
    line-height: 3.75rem;
    }
    .p-60-sb, .p-60-sb-form {
    font-size: 3.75rem;
    line-height: 3.25rem;
    }
    .p-40-b-fm {
    font-size: 2.5rem;
    line-height: 3rem;
    }
    .p-30-b-form {
        font-size: 1.875rem;
        line-height: 2.125rem;
    }
    .p-26-b-vod {
    font-size: 1.625rem;
    line-height: 2rem;
    }
}

/****** end desktop setup ********/


/********NAV*****/

.navbar {}

.navbar-nav .nav-item {}

.navbar-nav .nav-link, .nav-sub {}

.nav-sub a {}

.nav-tabs .nav-link {}

.nav .nav-item {
   font-family: 'Open Sans', sans-serif; 
   font-weight: 700;
    font-size: 0.875rem;
}


/******Nav Tab *****/
.nav-tabs .nav-link {
    background-color: #e5e5e5;
    border-radius: 0;
}
.nav-tabs .nav-link.active,
.nav-tabs .nav-item.show .nav-link {
 
}

/*** button kyuem ***/
.btn-kyuem {
  display: inline-block;
  font-weight: 700;
  font-size: 1rem;
  color: #fff;
  text-align: left;
  text-decoration: none;
  vertical-align: middle;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  background-color: #0000fe;
  border: 1px solid transparent;
  border-radius: 20px;
  padding: 6px 20px 8px 20px;
  transition: color 0.3s ease-in-out, background-color 0.3s ease-in-out, border-color 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
}
.btn-kyuem:hover {
    color: #0000fe;
    background-color: #fff;
    border: 1px solid #fff;
}

.btn-kyuem-2 {
  display: inline-block;
  font-weight: 700;
  font-size: 1rem;
  color: #fff;
  text-align: left;
  text-decoration: none;
  vertical-align: middle;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  background-color: #0000fe;
  border: 1px solid #fff;
  border-radius: 20px;
  padding: 6px 20px 8px 20px;
  transition: color 0.3s ease-in-out, background-color 0.3s ease-in-out, border-color 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
}
.btn-kyuem-2:hover {
    color: #0000fe;
    background-color: #fff;
    border: 1px solid #fff;
}


.btn-kyuem-3 {
  display: inline-block;
  font-weight: 700;
  font-size: 1rem;
  color: #0000fe;
  text-align: left;
  text-decoration: none;
  vertical-align: middle;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  background-color: #b6fa43;
  border: 1px solid #b6fa43;
  border-radius: 20px;
  padding: 6px 20px 8px 20px;
  transition: color 0.3s ease-in-out, background-color 0.3s ease-in-out, border-color 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
}
.btn-kyuem-3:hover {
    color: #b6fa43;
    background-color: #0000fe;
    border: 1px solid #0000fe;
}

.btn-kyuem-4 {
  display: inline-block;
  font-weight: 700;
  font-size: 1rem;
  color: #0000fe;
  text-align: left;
  text-decoration: none;
  vertical-align: middle;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  background-color: #fff;
  border: 1px solid #fff;
  border-radius: 20px;
  padding: 6px 20px 8px 20px;
  transition: color 0.3s ease-in-out, background-color 0.3s ease-in-out, border-color 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
}
.btn-kyuem-4:hover {
    color: #fff;
    background-color: transparent;
    border: 1px solid #fff;
}
.btn-kyuem-5 {
  display: inline-block;
  font-weight: 700;
  font-size: 1.125rem;
  color: #fff;
  text-align: left;
  text-decoration: none;
  vertical-align: middle;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  background-color: #0000fe;
  border: 2px solid #fff;
  border-radius: 30px;
  padding: 12px 35px 12px 35px;
  transition: color 0.3s ease-in-out, background-color 0.3s ease-in-out, border-color 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
}
.btn-kyuem-5:hover {
    color: #0000fe;
    background-color: #fff;
    border: 2px solid #0000fe;
}

.btn-plain {
  font-weight: 700;
  font-size: 1rem;
  color: #000;
  text-decoration: none;
}
.btn-plain:hover {
    color: #0000fe;
}
.btn-custom-form {
  font-weight: 700;
  font-size: 1rem;
  color: #0000fe;
  display: inline-block;
  border: 0 !important;
  background-color: transparent;
}
.btn-custom-form:hover {
    color: #000;
}


/***** accordion short *****/


.accordion-button-kyuem {
  position: relative;
  display: flex;
  align-items: center;
  width: 80%;
  /**padding: var(--bs-accordion-btn-padding-y) var(--bs-accordion-btn-padding-x);**/
  padding: 11px 30px;
  font-size: 1rem;
  font-weight: 700;
  color: #0000fe;
  text-align: left;
  background-color: #b6fa43;
  border: 0;
  border-radius: 0;
  overflow-anchor: none;
  transition: var(--bs-accordion-transition);
}
@media (prefers-reduced-motion: reduce) {
  .accordion-button-kyuem {
    transition: none;
  }
}
.accordion-button-kyuem:not(.collapsed) {
  color: var(--bs-accordion-active-color);
  background-color: #b6fa43;
  box-shadow: inset 0 calc(-1 * var(--bs-accordion-border-width)) 0 var(--bs-accordion-border-color);
}
.accordion-button-kyuem:not(.collapsed)::after {
  background-image: var(--bs-accordion-btn-active-icon);
  transform: var(--bs-accordion-btn-icon-transform);
}
.accordion-button-kyuem::after {
  flex-shrink: 0;
  width: var(--bs-accordion-btn-icon-width);
  height: var(--bs-accordion-btn-icon-width);
  margin-left: auto;
  content: "";
  background-image: var(--bs-accordion-btn-icon);
  background-repeat: no-repeat;
  background-size: var(--bs-accordion-btn-icon-width);
  transition: var(--bs-accordion-btn-icon-transition);
}
@media (prefers-reduced-motion: reduce) {
  .accordion-button-kyuem::after {
    transition: none;
  }
}
.accordion-button-kyuem:hover {
  z-index: 2;
}
.accordion-button-kyuem:focus {
  z-index: 3;
  border-color: var(--bs-accordion-btn-focus-border-color);
  outline: 0;
  box-shadow: var(--bs-accordion-btn-focus-box-shadow);
}

/****accordion FAQs****/

.accordion-button-kyuem-2 {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
  /**padding: var(--bs-accordion-btn-padding-y) var(--bs-accordion-btn-padding-x);**/
  padding: 14px 30px;
  font-size: 1rem;
  font-weight: 700;
  color: #333;
  text-align: left;
  background-color: #fff;
  border: 0;
  border-radius: 0;
  overflow-anchor: none;
  transition: var(--bs-accordion-transition);
}
@media (prefers-reduced-motion: reduce) {
  .accordion-button-kyuem-2 {
    transition: none;
  }
}
.accordion-button-kyuem-2:not(.collapsed) {
  color: #fff;
  background-color: #0000fe;
  box-shadow: inset 0 calc(-1 * var(--bs-accordion-border-width)) 0 var(--bs-accordion-border-color);
}
.accordion-button-kyuem-2:not(.collapsed)::after {
  background-image: var(--bs-accordion-btn-active-icon);
  transform: var(--bs-accordion-btn-icon-transform);
}
.accordion-button-kyuem-2::after {
  flex-shrink: 0;
  width: var(--bs-accordion-btn-icon-width);
  height: var(--bs-accordion-btn-icon-width);
  margin-left: auto;
  content: "";
  background-image: var(--bs-accordion-btn-icon);
  background-repeat: no-repeat;
  background-size: var(--bs-accordion-btn-icon-width);
  transition: var(--bs-accordion-btn-icon-transition);
}
@media (prefers-reduced-motion: reduce) {
  .accordion-button-kyuem-2::after {
    transition: none;
  }
}
.accordion-button-kyuem-2:hover {
  z-index: 2;
}
.accordion-button-kyuem-2:focus {
  z-index: 3;
  border-color: var(--bs-accordion-btn-focus-border-color);
  outline: 0;
  box-shadow: var(--bs-accordion-btn-focus-box-shadow);
}

/**end FAQs**/

.accordion-item-kyuem {
  color: var(--bs-accordion-color);
  background-color: var(--bs-accordion-bg);
  /**border: var(--bs-accordion-border-width) solid var(--bs-accordion-border-color); **/
    border: 0;
}
.accordion-item-kyuem:first-of-type {
  border-top-left-radius: var(--bs-accordion-border-radius);
  border-top-right-radius: var(--bs-accordion-border-radius);
}
.accordion-item-kyuem:first-of-type .accordion-button-kyuem {
  border-top-left-radius: var(--bs-accordion-inner-border-radius);
  border-top-right-radius: var(--bs-accordion-inner-border-radius);
}
.accordion-item-kyuem:not(:first-of-type) {
  border-top: 0;
}
.accordion-item-kyuem:last-of-type {
  border-bottom-right-radius: var(--bs-accordion-border-radius);
  border-bottom-left-radius: var(--bs-accordion-border-radius);
}
.accordion-item-kyuem:last-of-type .accordion-button-kyuem.collapsed {
  border-bottom-right-radius: var(--bs-accordion-inner-border-radius);
  border-bottom-left-radius: var(--bs-accordion-inner-border-radius);
}
.accordion-item-kyuem:last-of-type .accordion-collapse {
  border-bottom-right-radius: var(--bs-accordion-border-radius);
  border-bottom-left-radius: var(--bs-accordion-border-radius);
}


/*****scrollbar learning *****/
.subject {
    height: 300px;
    overflow-y: scroll;
    width: 100%;
    overflow-x: hidden;
}

.subject::-webkit-scrollbar {
    width: 0.125em;
}
 
.subject::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px #fff;
}
 
.subject::-webkit-scrollbar-thumb {
  background-color: #0000fe;
  outline: 1px solid #0000fe;
}

.level {
    height: 450px;
    overflow-y: scroll;
    width: 100%;
    overflow-x: hidden;
}

.level::-webkit-scrollbar {
    width: 0.125em;
}
 
.level::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px #fff;
}
 
.level::-webkit-scrollbar-thumb {
  background-color: #0000fe;
  outline: 1px solid #0000fe;
}

.advisor {
    height: 180px;
    overflow-y: scroll;
    width: 100%;
    overflow-x: hidden;
}

.advisor::-webkit-scrollbar {
    width: 0.125em;
}
 
.advisor::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px #fff;
}
 
.advisor::-webkit-scrollbar-thumb {
  background-color: #f34c28;
  outline: 1px solid #f34c28;
}


/*** offcanvas ***/

.offcanvas {
    font-family: 'Open Sans', sans-serif;
    background-color: rgba(10,36,150,0.7)
}
.offcanvas-body ul li {
    list-style: none;
    text-align: center;
    margin-left: -30px !important;
    font-weight: 600;
    padding: 10px 0;
    
}
.offcanvas-body ul li a {
   color: #fff;
    text-decoration: none;
    text-shadow: 1px 1px 6px #000;
    font-size: 1.063rem;
    font-weight: 600;
}
.offcanvas-body ul li a:hover,  .offcanvas-body a:hover {
    color: #f34c28;
}
.offcanvas-body a {
    text-decoration: none;
}

@media (min-width: 768px) {}


@media (min-width: 992px) {}


/*** dropdown menu 2 ***/
.dropdown-menu-dark {
  --bs-dropdown-color: #dee2e6;
  --bs-dropdown-bg: none;
  --bs-dropdown-border-color: none;
  --bs-dropdown-box-shadow: ;
  --bs-dropdown-link-color: #dee2e6;
  --bs-dropdown-link-hover-color: #fff;
  --bs-dropdown-divider-bg: var(--bs-border-color-translucent);
  --bs-dropdown-link-hover-bg: none;
  --bs-dropdown-link-active-color: #fff;
  --bs-dropdown-link-active-bg: #0d6efd;
  --bs-dropdown-link-disabled-color: #adb5bd;
  --bs-dropdown-header-color: #adb5bd;
}

/**** background responsive ******/


.bg-cover {
    background: url();
    background-size:auto;
    background-position:top center;
}
.bg-sec-two {
    background-image: url(../images/bg-sec-2.png);
    background-size: cover;
    background-position: center center;
}
.bg-sec-three {
    background: rgb(10,36,150);
background: linear-gradient(180deg, rgba(2,0,36,1) 0%, rgba(245,245,245,1) 0%, rgba(245,245,245,1) 30%, rgba(0,0,254,1) 30%, rgba(0,0,254,1) 100%);
}

.bg-sec-four {
    background-image: url(../images/icon-blue-type-2.svg);
    background-repeat: no-repeat;
    background-position: bottom left;
    background-size: 80px auto;
}

@media (min-width: 768px) {
    /**.bg-sec-three {
    background: rgb(10,36,150);
    background: linear-gradient(90deg, rgba(2,0,36,1) 0%, rgba(245,245,245,1) 0%, rgba(245,245,245,1) 40%, rgba(0,0,254,1) 40%, rgba(0,0,254,1) 100%);
    }**/
    .bg-sec-four {
    background-size: 120px auto;
    }
}
@media (min-width: 992px) {
    .bg-sec-three {
    background: rgb(10,36,150);
    background: linear-gradient(90deg, rgba(2,0,36,1) 0%, rgba(245,245,245,1) 0%, rgba(245,245,245,1) 40%, rgba(0,0,254,1) 40%, rgba(0,0,254,1) 100%);
    }
}

.bg-sec-five {
    background-image: url(../images/get-access-bg.jpg);
    background-size: cover;
}
.bg-sec-six {
    background-image: none ;
    background-repeat: no-repeat;
    background-size: 100%;
    /**background-color: #e9e9e9;**/
    background-color: #ededeb;
    background-position: top center;
}
.bg-sec-six-plus {
    background-color: #ededeb;
}
.bg-sec-seven {
    background-image: url(../images/pool.jpg);
    background-size: cover;
}
.bg-sec-eight {
    background-image: url(../images/icon-blue-type-3.svg);
    background-repeat: no-repeat;
    background-size: 160px;
    background-color: #f8f8f8;
    background-position: bottom left;
}
.bg-footer {
    background-image: url(../images/icon-blue-type-3.svg);
    background-repeat: no-repeat;
    background-size: 110px;
    background-color: #f9f9f9;
    background-position: bottom left;
}
.bg-about-sec-2 {
    background-color: #ff3200;
    background-image: url(../images/about-graphic-2a.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: auto 100%;
}
.bg-vod {
    background-color: #b5f943;
    background-image: url(../images/bg-vod-2.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: auto 100%;
}
.bg-about-principal {
    background-image: none;
}

.bg-about-ceo {
    background-image: none;
}
@media (min-width: 768px) {
    .bg-sec-six {
    background-image: url(../images/GettingToKYUEM.jpg);
    background-repeat: no-repeat;
    background-size: 100%;
    background-color: #ededeb;
    background-position: top center;
    }
    .bg-footer {
    background-size: 140px;
    }
    .bg-about-principal {
    background-image: url(../images/about-kaathuri-md.webp);
    background-size: cover;
    background-position: left top;
    }
    .bg-about-ceo {
    background-image: url(../images/about-CEO.jpg);
    background-size: cover;
    background-position: center top;
    }
}
@media (min-width: 992px) {
    .bg-about-principal {
    background-image: url(../images/about-kaathuri-md.webp);
    background-position: left top;
    }
}
@media (min-width: 1200px) {
    .bg-about-principal {
    background-image: url(../images/about-kaathuri.webp);
    background-position: center top;
    }
}
@media (min-width: 1400px) {
    .bg-about-principal {
    background-image: url(../images/about-kaathuri.webp);
    background-position: center top;
    }
}
.bg-about-bot {
    background-image: url(../images/Asset-20.png);
    background-repeat: no-repeat;
    background-position: bottom right;
    background-size: 120px auto;
    background-color: #ededeb;
}
.bg-life-top {
    background-image: url(../images/life-icon.svg);
    background-repeat: no-repeat;
    background-position: bottom right;
    background-size: 150px auto;
    background-color: #ededeb;
}
.bg-life-orange {
    background: rgb(255,255,255);
    background: linear-gradient(0deg, rgba(245,245,245,1) 0%, rgba(245,245,245,1) 50%, rgba(243,76,40,1) 50%, rgba(243,76,40,1) 100%);
}
.bg-life-orange-two {
    background: rgb(255,255,255);
    background: linear-gradient(0deg, rgba(245,245,245,1) 0%, rgba(245,245,245,1) 60%, rgba(243,76,40,1) 60%, rgba(243,76,40,1) 100%);
}
@media (min-width: 768px) {
    .bg-life-orange-two {
    background: rgb(255,255,255);
    background: linear-gradient(0deg, rgba(245,245,245,1) 0%, rgba(245,245,245,1) 30%, rgba(243,76,40,1) 30%, rgba(243,76,40,1) 100%);
    }
}
.bg-admission-top {
    background-image: url(../images/Admission-Banner.jpg);
    background-position: center center;
}
.bg-admission-green {
    background: rgb(255,255,255);
    background: linear-gradient(0deg, rgba(245,245,245,1) 0%, rgba(245,245,245,1) 44%, rgba(182,250,67,1) 44%, rgba(182,250,67,1) 100%);
}
.bg-admission-blue {
    /**background-color: #0000fe;
    background-position: top right;
    background-size: 60% auto;**/
    background: rgb(10,36,150);
background: linear-gradient(0deg, rgba(2,0,36,1) 0%, rgba(245,245,245,1) 0%, rgba(245,245,245,1) 40%, rgba(0,0,254,1) 40%, rgba(0,0,254,1) 100%);
}
.bg-awards-green {
    background: rgb(255,255,255);
    background: linear-gradient(0deg, rgba(245,245,245,1) 0%, rgba(245,245,245,1) 45%, rgba(182,250,67,1) 45%, rgba(182,250,67,1) 100%);    
}
.bg-placement-yellow {
    background: rgb(245,245,245);
    background: linear-gradient(0deg, rgba(245,245,245,1) 0%, rgba(245,245,245,1) 44%, rgba(255,222,23,1) 44%, rgba(255,222,23,1) 100%);
}
.bg-icon-blue-stories {
    background-image: url(../images/icon-blue-type-3.svg);
    background-repeat: no-repeat;
    background-position: bottom right;
    background-size: 160px auto;
}
.bg-icon-awards-stories {
    background-image: url(../images/Asset-33.png);
    background-repeat: no-repeat;
    background-position: bottom left;
    background-size: 160px auto;
}
.bg-council {
    background: rgb(0,0,254);
}

@media (min-width: 768px) {
    .bg-council {
    background: rgb(10,36,150);
    background: linear-gradient(90deg, rgba(0,0,254,1) 0%, rgba(0,0,254,1) 70%, rgba(255,255,255,1) 70%, rgba(255,255,255,1) 100%);
    }
}

.set-awards {
    position: relative;
    top: 0;
}
.bg-green-test { 
    background-color: #b6fa43;
}
.icon-awards {
    position: absolute;
    top: 500px;
    width: 140px;
}
.icon-placement {
    position: absolute;
    top: 580px;
    width: 100px;
}
.icon-houses {
    position: relative;
    top: 0;
    width: 70px;
}
.icon-faq {
    position: absolute;
    top: 0;
    right: 0;
    width: 90px;
}
.icon-fee {
    position: absolute;
    top: 0;
    right: 0;
    width: 70px;
}
.icon-process {
    position: absolute;
    bottom: 0;
    width: 90px;
    height: auto;
}
.icon-learning {
    position: absolute;
    top: 0;
    left: 15px;
    width: 70px;
}
.icon-star {
    width: 80px;
    height: auto;
}
.icon-vod {
    width: 120px;
    height: auto;
}
.vod-key {
    width: 40px;
}

@media (min-width: 768px) {
    .icon-houses {
    width: 130px;
    }
    .icon-fee {
        width: 100px;
    }
    .icon-faq {
    width: 130px;
    }
    .icon-star {
    width: 100px;
    height: auto;
    }
    .icon-vod {
    width: 200px;
    height: auto;
    }
    .vod-key {
    width: 70px;
    }
}
@media (min-width: 992px) {
    .icon-fee {
        width: 150px;
    }
    .icon-learning {
        width: 80px;
        }
}

.bg-blue { background-color: #0000fe; }
.bg-green { background-color: #b6fa43; }
.bg-orange { background-color: #f34c28 }
.bg-grey { background-color: #f8f8f8; }
.bg-grey-2 { background-color: #e9e9e9;  }
.bg-blue-dark { background-color: #162b75; }
.bg-lightgray { background-color: #ededeb;}
.bg-superlight { background-color: #f5f5f5 }
.bg-cyan { background-color: #00b7c6 }
.bg-supercyan { background-color: #00e0ad; }
.bg-yellow { background-color: #ffde17; }

/***** others *****/

.life-title {
    position: relative;
    display: block;
    top: -20px;
    width: 85%;
    margin: auto 0 auto auto;
    background-color: #f34c28;
    z-index: 9;
    padding: 10px 20px 14px;
}
a .life-title {
    text-decoration: none;
}


.sec-4-title {
    position: relative;
    display: block;
    top: -20px;
    width: 85%;
    margin: auto 0 auto auto;
    background-color: #b6fa43;
    z-index: 9;
    padding: 10px 20px 14px;
}
a .sec-4-title {
    text-decoration: none;
}

.title-overlap {
    position: relative;
    top: -80px;
    left: 20px;
    font-family: 'Open Sans', sans-serif;
    font-size: 0.875rem;
    color: #fff;
    font-weight: 700;
    line-height: 1.125rem;
}

.bluecon {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 120px;
    height: auto;
}

@media (min-width: 768px) {
    .bluecon {
    width: 130px;
    }
}
@media (min-width: 992px) {
    .bluecon {
    width: 160px;
    }
}
.blueextracon {
    position: relative;
    bottom: 0;
    left: 0;
}

.sec-our-cyan {
    position: relative;
    display: block;
    top: -20px;
    width: 85%;
    margin: auto 0 auto auto;
    background-color: #00e0ad;
    z-index: 9;
    color: #000 !important;
    padding: 10px 20px 14px;
}

.sec-our-green {
    position: relative;
    display: block;
    top: -20px;
    width: 85%;
    margin: auto 0 auto auto;
    background-color: #b6fa43;
    z-index: 9;
    color: #000 !important;
    padding: 10px 20px 14px;
}
.sec-our-yellow {
    position: relative;
    display: block;
    top: -20px;
    width: 85%;
    margin: auto 0 auto auto;
    background-color: #ffde17;
    z-index: 9;
    color: #000 !important;
    padding: 10px 20px 14px;
}

.sec-our-alumni {
    padding-top: 15rem;
}
.sec-vod {
    position: relative;
    display: block;
    top: -20px;
    width: 85%;
    margin: auto 0 auto auto;
    background-color: #fff;
    color: #000 !important;
    padding: 10px 20px 14px;
}

.alumni-box {
    cursor: pointer;
    background-color: transparent;
    transition: all 0.5s ease-in-out;
}
.alumni-box:hover {
    background-color: rgba(0,183,198,0.4);
}

.alumni-1 {
    background-image: url(../images/Alumni-amir.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}
.alumni-2 {
    background-image: url(../images/Alumni-Ang.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}
.alumni-3 {
    background-image: url(../images/Alumni-03.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}
.alumni-4 {
    background-image: url(../images/Alumni-04.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}
.alumni-5 {
    background-image: url(../images/monte.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}
.alumni-6 {
    background-image: url(../images/alumni-carisma.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}
.alumni-7 {
    background-image: url(../images/herman.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

/**** flipbox *****/

.flip-box {
  background-color: transparent;
  width:360px;
  height: 398px;
  perspective: 1000px;
}

@media (min-width: 768px) {
.flip-box {
  width: 434px;
  height: 480px;
   }
}

.flip-box-inner {
  position: relative;
  width: 100%;
  height: 100%;
  text-align: center;
  transition: transform 0.8s;
  transform-style: preserve-3d;
}

.flip-box:hover .flip-box-inner {
  transform: rotatex(180deg);
}

.flip-box-front, .flip-box-back {
  position: absolute;
  width: 100%;
  height: 100%;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.flip-box-front {
}

.flip-box-back {
  background-color: #fff;
  color: black;
  transform: rotateX(180deg);
}

.flip-box-back img {
    width: 88%;
    height: auto;
}

.flip-box-mobile {
    width: 100%;
    height: auto;
}

@media (min-width: 768px) {
    /**.flip-box-mobile {
    width: 434px;
    height: auto;
    }**/
    .flip-box-back img {
    width: 434px;
    height: 342px;
    }
}

/*** award ***/

.border-award {
    border-bottom: 2px solid #000;
}

/****list facilities ****/

ul.facilities li {
    padding: 3px 0;
}

/**** form *****/
.form-control {
    border: 0;
    background-color: transparent;
    border-bottom: 1px solid #000;
    border-radius: 0;
}
.form-reed {
    border: 1px solid #5c5c5c;
    background-color: transparent;
    border-radius: 10px;
}

@media (min-width: 768px) {
    .form-reed {
    border: 0;
    background-color: transparent;
    border-bottom: 1px solid #000;
    border-radius: 0;
    }
}
input::placeholder, textarea::placeholder {
    font-family: 'Open Sans', sans-serif;
    color: #0000fe !important;
    font-size: 1rem;
    font-weight: 600;
}

textarea {
  height: 50px;
}

/****boarding****/
.boarding {
   overflow: hidden;
}
.boarding:hover {
    cursor: pointer;
}
.srix {
   display: block;
   overflow: hidden !important;
   transition: all ease-in-out .5s;
}
.srix img { 
    transition: all .5s ease-in-out; 
}
.srix:hover img { 
    transform: scale(1.2); 
    border-radius: 10px;
    cursor: pointer;
}
.facsrix {
   display: block;
   overflow: hidden !important;
   transition: all ease-in-out .5s;
}
.facsrix img { 
    transition: all .5s ease-in-out; 
}
.facsrix:hover img { 
    transform: scale(1.07); 
    border-radius: 10px;
    cursor: pointer;
}

/****gallery****/
.hppg-box {
    position: relative;
}
.hppg-cap {
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 10px 15px;
    background-color: rgba(0,0,0,0.5);
    width: 100%;
    font-family: 'Open Sans', sans-serif;
    color: white;
    font-size: 13px;
    font-weight: 500;
    letter-spacing: 0.05em;
}

/**** downloads ****/

a.btn-download {
 font-family: 'Open Sans', sans-serif;
 font-size: 1rem;
 font-weight: 600;
 text-decoration: none;
 background-color: white;
 display: block;
 padding: 0.75rem 2rem;
 margin: 1rem 0;    
}
a.btn-download;hover {
    
}

@media (min-width: 768px) {}

@media (min-width: 992px) {}

@media (min-width: 1200px) {}

/**** Header ****/
header .logo {
    width: 180px;
    height: auto;
}

/*-- Footer****/
footer, #footer {}

footer .logo {
    width: 200px;
    height: auto;
}

footer p {
    font-size: 0.75rem;
    letter-spacing: 0.1em;
}

footer a {
    font-family: 'Open Sans', sans-serif;
    font-size: 0.875rem;
    font-weight: 600;
    text-decoration: none;
}
footer a:hover {
    text-decoration: underline; 
}
footer ul {}

footer ul li.list-inline-item {}

footer ul li.list-inline-item:last-child {}

footer ul li.list-inline-item a {}


@media (min-width: 768px) {}

/***** iFrame ******/

/*******MODAL SPEC******/

.modal-body {
  position:relative;
  padding:0;
}
.close {
  position:absolute;
  right:15px;
  top:15px;
  z-index:999;
  font-size:1rem;
  font-weight: lighter;
  opacity:1;
}
.close:hover {
    color: #fff;
    border: 0;
}
.modal-alumni {
    background-color: rgba(0,183,198,0.7);
}

.alumni-text {
    position: relative;
    top: -30px;
}
.modal-nav-left {
    position: absolute;
    bottom: 45%;
    left: 0;
    background-color: rgba(0,0,0,0.3);
}
.modal-nav-right {
    position: absolute;
    bottom: 45%;
    right: 0;
    background-color: rgba(0,0,0,0.3);
}
a.modal-nav-left, a.modal-nav-right {
    font-family: 'Open Sans', sans-serif;
    color: white;
    text-decoration: none;
    padding: 8px 10px;
    font-size: 13px;
    text-shadow: 1px 1px 5px #000;
}

/*****MARGIN & PADDING EXTRA*****/

.mt-n4 {
    margin-top: -3rem !important;
}

.m-6 {
    margin: 5rem;
}
.mt-6 {
    margin-top: 5rem !important;
}
.mt-7 {
    margin-top: 7rem !important;
}
.my-6 {
    margin-top: 5rem !important;
    margin-bottom: 5rem !important;
}
.mx-6 {
    margin-left: 5rem !important;
    margin-right: 5rem !important;
}
.my-7 {
    margin-top: 7rem !important;
    margin-bottom: 7rem !important;
}
.pt-4-5 {
  padding-top: 2rem !important;
}

.px-4-5 {
  padding-left: 2rem !important;
  padding-right: 2rem !important;
}

.p-7 {
    padding: 7rem;
}
.pt-6 {
    padding-top: 5rem !important;
}
.pt-7 {
    padding-top: 7rem !important;
}
.pt-8 {
    padding-top: 7.5rem !important;
}
.pt-9 {
    padding-top: 8.5rem !important;
}
.pb-6 {
    padding-bottom: 5rem !important;
}
.pb-7 {
    padding-bottom: 7rem !important;
}
.pb-8 {
    padding-bottom: 8rem !important;
}
.pb-9 {
    padding-bottom: 15.5rem !important;
}
.px-5-5 {
    padding-left: 3.875rem !important;
    padding-right: 3.875rem !important;
}
.px-6 {
    padding-left: 5rem !important;
    padding-right: 5rem !important;
}
.py-6 {
    padding-top: 5rem !important;
    padding-bottom: 5rem !important;
}
.py-7 {
    padding-top: 7rem !important;
    padding-bottom: 7rem !important;
}
.py-8 {
    padding-top: 7.5rem !important;
    padding-bottom: 7.5rem !important;
}
.py-9 {
    padding-top: 8.5rem !important;
    padding-bottom: 8.5rem !important;
}
.py-10 {
    padding-top: 9.5rem !important;
    padding-bottom: 9.5rem !important;
}

.mt-100 {
    margin-top: 0;
}

.mt-150 {
    margin-top: 75px;
}
.mt-200 {
    margin-top: 100px;
}
.mt-250 {
    margin-top: 125px;
}
.mt-300 {
    margin-top: 150px;
}

@media (min-width: 576px) {
    .mt-sm-6 {
        margin-top: 5rem !important;
    }
    .mt-sm-7 {
        margin-top: 7rem !important;
    }
    .pt-sm-6 {
        padding-top: 5rem !important;
    }
    .pt-sm-7 {
        padding-top: 7rem !important;
    }
    .pb-sm-6 {
        padding-bottom: 5rem !important;
    }
    .pb-sm-7 {
        padding-bottom: 7rem !important;
    }
    .px-sm-6 {
        padding-left: 5rem !important;
        padding-right: 5rem !important;
    }
    .py-sm-6 {
        padding-top: 5rem !important;
        padding-bottom: 5rem !important;
    }
    .py-sm-7 {
        padding-top: 7rem !important;
        padding-bottom: 7rem !important;
    }
    .mt-150 {
        margin-top: 150px;
    }
    .mt-200 {
        margin-top: 200px;
    }
    .mt-250 {
        margin-top: 250px;
    }
    .mt-300 {
        margin-top: 300px;
    }
}

@media (min-width: 768px) {
    .mt-md-6 {
        margin-top: 5rem !important;
    }
    .mt-md-7 {
        margin-top: 7rem !important;
    }
    .pt-md-6 {
        padding-top: 5rem !important;
    }
    .pt-md-7 {
        padding-top: 7rem !important;
    }
    .pb-md-6 {
        padding-bottom: 5rem !important;
    }
    .pb-md-7 {
        padding-bottom: 7rem !important;
    }
    .px-md-6 {
        padding-left: 5rem !important;
        padding-right: 5rem !important;
    }
    .py-md-6 {
        padding-top: 5rem !important;
        padding-bottom: 5rem !important;
    }
    .py-md-7 {
        padding-top: 7rem !important;
        padding-bottom: 7rem !important;
    }
}

@media (min-width: 992px) {
        .ms-lg-n4 {
            margin-left: -3rem !important;
        }
        .ms-lg-n5 {
            margin-left: -4rem !important;
        }
        .ms-lg-n6 {
            margin-left: -5rem !important;
        }
        .ms-lg-n8 {
            margin-left: -8rem !important;
        }
        .ms-lg-n10 {
            margin-left: -15rem !important;
        }
        .mt-lg-6 {
            margin-top: 5rem !important;
        }
        .mt-lg-7 {
            margin-top: 7rem !important;
        }
        .pt-lg-6 {
            padding-top: 5rem !important;
        }
        .pt-lg-7 {
            padding-top: 7rem !important;
        }
        .pt-lg-8 {
            padding-top: 9rem !important;
        }
        .pt-lg-9 {
            padding-top: 11rem !important;
        }
        .pb-lg-6 {
            padding-bottom: 5rem !important;
        }
        .pb-lg-7 {
            padding-bottom: 7rem !important;
        }
        .pb-lg-8 {
            padding-bottom: 9rem !important;
        }
        .pb-lg-9 {
            padding-bottom: 15.5rem !important;
        }

        .px-lg-6 {
            padding-left: 5rem !important;
            padding-right: 5rem !important;
        }
        .py-lg-6 {
            padding-top: 5rem !important;
            padding-bottom: 5rem !important;
        }
        .py-lg-7 {
            padding-top: 7rem !important;
            padding-bottom: 7rem !important;
        }
        .py-lg-9 {
            padding-top: 8.5rem !important;
            padding-bottom: 8.5rem !important;
        }
        .py-lg-10 {
            padding-top: 9.5rem !important;
            padding-bottom: 9.5rem !important;
        }
        
        .mx-lg-6 {
            margin-left: 5rem !important;
            margin-right: 5rem !important;
        }
        .my-lg-6 {
            margin-top: 5rem !important;
            margin-bottom: 5rem !important;
        }
        .my-lg-7 {
            margin-top: 7rem !important;
            margin-bottom: 7rem !important;
        }
        .mt-100 {
            margin-top: 100px;
        }
    }

@media (min-width: 1200px) {
        .mt-xl-6 {
            margin-top: 5rem !important;
        }
        .mt-xl-7 {
            margin-top: 7rem !important;
        }
        .ms-xl-n8 {
            margin-left: -8rem !important;
        }
        .pl-xl-5{ 
            padding-left: 3rem !important;
  }
        .pt-xl-6 {
            padding-top: 5rem !important;
        }
        .pt-xl-7 {
            padding-top: 7rem !important;
        }
        .pt-xl-8 {
            padding-top: 9rem !important;
        }
        .pt-xl-9 {
            padding-top: 11rem !important;
        }
        .pb-xl-6 {
            padding-bottom: 5rem !important;
        }
        .pb-xl-7 {
            padding-bottom: 7rem !important;
        }
        .pb-xl-8 {
            padding-bottom: 9rem !important;
        }
        .pb-xl-9 {
            padding-bottom: 15.5rem !important;
        }
        .px-xl-6 {
            padding-left: 5rem !important;
            padding-right: 5rem !important;
        }
        .px-xl-7 {
            padding-left: 7rem !important;
            padding-right: 7rem !important;
        }
        .py-xl-6 {
            padding-top: 5rem !important;
            padding-bottom: 5rem !important;
        }
        .py-xl-7 {
            padding-top: 7rem !important;
            padding-bottom: 7rem !important;
        }
        /**.py-xl-9 {
            padding-top: 11rem !important;
            padding-bottom: 11rem !important;
        }**/
        .py-xl-9 {
            padding-top: 8.5rem !important;
            padding-bottom: 8.5rem !important;
        }
        .py-xl-10 {
            padding-top: 9.5rem !important;
            padding-bottom: 9.5rem !important;
        }

    }

@media (min-width: 1400px) {
    .ms-xxl-n8 {
        margin-left: -8rem !important;
    }
    .pt-xxl-6 {
        padding-top: 5rem !important;
    }
    .pt-xxl-7 {
        padding-top: 7rem !important;
    }
    .pt-xxl-8 {
        padding-top: 9rem !important;
    }
    .pt-xxl-9 {
        padding-top: 11rem !important;
    }
    .pb-xxl-6 {
        padding-bottom: 5rem !important;
    }
    .pb-xxl-7 {
        padding-bottom: 7rem !important;
    }
    .pb-xxl-8 {
        padding-bottom: 9rem !important;
    }
    .pb-xxl-9 {
        padding-bottom: 11rem !important;
    }
}


/**********************/


/*****page id*****/
body#home a#homenav,
body#about a#aboutnav,
body#stories a#storiesnav,
body#learning a#learningnav,
body#life a#lifenav,
body#happening a#happeningnav,
body#admission a#admissionnav,
body#download a#downloadnav {
	
	color: #f34c28 !important;
    font-weight: 600;
    text-shadow: 1px 1px 8px -12px #010a23;
}


@media (min-width: 768px) {
    
body#home a#homenav,
body#about a#aboutnav,
body#port a#portnav,
body#news a#newsnav,
body#career a#careernav,
body#cont a#contnav {}
    
}