* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  text-decoration: none;
}
a {
  text-decoration: none !important;
  color: white;
}
* > a {
  text-decoration: none !important;
  color: white;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family:
    Crete Round,
    serif;
}
.fixedTopNavbar {
  position: fixed;
  top: 0px;
}
.fsS-6 {
  font-size: 60%;
}

.fsS-7 {
  font-size: 70%;
}

.fsS-8 {
  font-size: 80%;
}

.bilow-titalHr {
  height: 3px;
  background-color: var(--primary-color);
}
.ar-5isto3 {
  aspect-ratio: 5/3;
}

:root {
  --transparant-color: #00339900;
  --primary-color: #003399;
  --primary-color-tr: #00339955;
  --secondary-color: #f96509;
  --tertiary-color: #26a905;
  --warning-color: #f5d742;
  --warning-color-tr: #f5d74244;
  /* --warning-color: #f5ef42; */
  /* --warning-color:  #e4b316; */

  --Ctransparant-color: #fff;
  /* --Ctransparant-color: #000; */
  --Cprimary-color: white;
  --Csecondary-color: white;
  --Ctertiary-color: black;
}

.cp,
.cp > *,
.cp > * > * {
  color: var(--primary-color);
}
.cs,
.cs > *,
.cs > * > * {
  color: var(--secondary-color);
}
.ct,
.ct > *,
.ct > * > * {
  color: var(--tertiary-color);
}

.cT,
.cT > *,
.cT > * > * {
  color: var(--Ctransparant-color);
}
.cB,
.cB > *,
.cB > * > * {
  color: black !important;
}

.bgTr,
.bgTr > *,
.bgTr > a,
.bgTr > * > a {
  background-color: var(--transparant-color);
  color: var(--Ctransparant-color);
}

.bgpr,
.bgpr > a,
.bgpr > * > a {
  background-color: var(--primary-color);
  color: var(--Cprimary-color);
}
.brpr {
  border-color: var(--primary-color);
}
.bgpr-x,
.bgpr-x > a,
.bgpr-x > * > a {
  background-color: var(--primary-color-tr);
  color: var(--Cprimary-color);
}

.bgWr-x,
.bgWr-x > a,
.bgWr-x > * > a {
  background-color: var(--warning-color-tr);
  color: var(--Ctertiary-color);
}
.bgse,
.bgse > a,
.bgse > * > a {
  background-color: var(--secondary-color);
  color: var(--Csecondary-color);
}
.bgter,
.bgter > a,
.bgter > * > a {
  background-color: var(--tertiary-color);
  color: var(--Ctertiary-color);
}
.social_media_links > * > * {
  color: #000;
}

.rotatingLogoDiv {
  aspect-ratio: 1/1 !important;
  max-width: 120px;
}
.inside_ring_logo {
  width: 85%;
}
.ring_rotate {
  width: 99%;
  transition: all 4s linear;
  animation: rotateRing 6s infinite linear;
}

@keyframes rotateRing {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

/* DX: MDEIA  */
@media (max-width: 576px) {
  .rotatingLogoDiv {
    aspect-ratio: 1/1;
    background-color: pink !important;
  }
}

/* DX: MDEIA  */
@media (min-width: 576px) and (max-width: 768px) {
  .rotatingLogoDiv {
    aspect-ratio: 1/1;
    /* width: 100px; */
    background-color: pink !important;
  }
}

@media (min-width: 996px) {
  .logoHeadDiv-main {
    min-width: 760px;
  }
}
/* .navbarSectionBox { */
/*   background-image: linear-gradient(to bottom, #000000, #000000cc, #00000000); */
/* } */

/* Y: heroSection*/
/* .heroSection { */
/*   margin-top: 200px; */
/* } */

/* .hero-background { */
/*   margin-top: 23svh; */
/* } */

/* Y:  SECTION-1  */
.section1-PhotoBox {
  height: 80svh;
  background-image: linear-gradient(
    to bottom,
    #ffffff,
    #f4f5ff,
    #e6ebff,
    #d4e3ff,
    #bfdbff
  );
}
.photoBox {
  width: 70svw;
  /* background-color: blue; */
  aspect-ratio: 16/9;
  transition: all 100ms ease-in-out;
}

.photoBox:hover {
  transform: scale(1.03);
}

.margue_scrolling-text {
  white-space: nowrap;
}

.margue_scrolling-text a {
  display: inline-block;
  animation: scroll-left 30s linear infinite;
  text-decoration: none;
}

@keyframes scroll-left {
  0% {
    transform: translateX(100vw);
  }
  100% {
    transform: translateX(-100vw);
  }
}
/*Y: studySection */

.studyCards {
  height: 480px;
  max-width: 320px;
  visibility: visible;
  animation-duration: 400ms;
  animation-delay: 400ms;
  animation-name: flipInY;
}
.courses_card_box > div > .card {
  transition: all 300ms ease-in-out;
  box-shadow: 0px 0px 30px 5px #00000033;
}
.courses_card_box > div:hover > .card {
  background: var(--primary-color);
  color: var(--Cprimary-color);
}

/*G: coustume buttons */

/*G: section3-2 */

.section3-2 {
  background-color: #e8e8e8;
  /* min-height: 700px; */
}
.hr-div-sectionDivider {
  height: 4px;
  background-color: var(--primary-color);
}

/*G: GlobalOpportunities */
.GlobalOpportunities {
  height: 700px;
}

/*G: learningCareerBannerBox */
.learningCareerBannerBox {
  width: 100%;
  min-height: 60svh;
}
.learningCareerBanner {
  width: 100%;
  min-height: 60svh;
  background-image: url(../img/banner/1.png);
  background-position: center;
  background-size: cover;
  filter: brightness(30%);
}
.accreditationImages {
  aspect-ratio: 3/2;
}
.slick-prev {
  position: absolute;
  top: 2%;
  right: 5%;
  transform: translateX(-50%);
}

.slick-next {
  position: absolute;
  top: 2%;
  right: 10%;
  transform: translateX(50%);
}
.btn-bd-primary {
  --bs-btn-font-weight: 600;
  --bs-btn-color: black;
  --bs-btn-bg: var(--warning-color);
  --bs-btn-border-color: black;
  --bs-btn-hover-color: var(--warning-color);
  --bs-btn-hover-bg: #{shade-color(var(--transparant-color), 50%)};
  --bs-btn-hover-border-color: #{shade-color(black, 10%)};
  --bs-btn-focus-shadow-rgb: var(--warning-color);
  --bs-btn-active-color: var(--warning-color);
  --bs-btn-active-bg: #{shade-color(var(--warning-color), 20%)};
  --bs-btn-active-border-color: #{shade-color(var(--warning-color), 20%)};
}