@import url('https://fonts.googleapis.com/css?family=Lato:ital,wght@0,400,700');

:root {
  --primary-color: #e50914;
  --dark-color: #141414;
  --red: #ff093c;
  --clr-primary-400: #5683f0;
  --clr-secondary-400: #e600bb;
  --clr-secondary-500: #b311ff;
  --clr-third-400: #141e30;
  --clr-third-500: #243b55;
  --clr-neutral-100: #fff;
  --clr-neutral-400: #737a82;
  --clr-neutral-800: #282b2f;
  --clr-neutral-900: #1a1c1d;
  --fs-300: 1rem;
  --fs-400: 1.125rem;
  --fs-500: 1.563rem;
  --fs-600: 1.953rem;
  --fs-700: 2.441rem;
  --fs-800: 3.052rem;  
}
@media only screen and (min-width: 40em) {
  :root {
    --fs-300: 1rem;
    --fs-400: 1.25rem;
    --fs-500: 2rem;
    --fs-600: 2.827rem;
    --fs-700: 4rem;
    --fs-800: 5.653rem;
  }
}
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

/* a, a:hover {
  text-decoration: none;
  font-size: 1.125rem;
  text-transform: uppercase;
  color: white;
} */

body {
  overflow-x: hidden;
  font-family: 'Lato', sans-serif;
  color: #505962;
  overflow-x: hidden;
  height: 100vh;
  background:#1a1c1d;
  line-height: 1.6;
}

.concaContainer {
  margin: 0 1rem;
}
/*--- Extra Bootstrap Column Padding --*/
[class*="col-"] {
  padding: 1rem;
}


.offset::before{
  content: "";
  height: 4rem;
  /* margin-top:-4rem; */
  display: block;
}
/*--- Navbar ---*/
.navbar{
  text-transform: uppercase;
  font-weight: 700;
  font-size: .9rem;
  letter-spacing: .1rem;
  background: rgba(0, 0, 0, .6) !important;
}
.navbar-brand{
  height: 2rem;
}
/*============= SLIDER  =============*/
.carousel-item{
  height: 100vh;
}  
.carousel-item:before {
  background:rgba(0, 0, 0, 0.3);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: "";
}

/*--- Bootstrap Mobile Gutter Fix --*/
.row, .container-fluid {
  margin-left: 0px!important;
  margin-right: 0px!important;
}
.aboutUs, .gallery,
.feature, .venueClass {
  padding: 30px 0;
}
.main_title{
  color: white;
}
.color_title{
  color: #EEAD33;
  text-transform: uppercase;
}
/*============= Section Title  =============*/
.section__title{
  font-size: 2rem;
  text-transform: uppercase;
  font-family: 'Lato', sans-serif;
  font-weight: 400;
  position: relative;
  text-align: center;
  margin-bottom: 2rem;
  color: #F5F5F5;
}
.section__title:before{
  content: "";
  width: 40%;
  position: absolute;
  top:-10px;
  left: 25%;
  left: 50%;
  transform: translateX(-50%);
  height: 3px;
  background: #EEAD33;
}
/*============= IMAGE SLIDER =============*/

.carousel-item {
  background: no-repeat center center scroll;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
/*---Change Carousel Transition Speed --*/
.carousel-item-next, .carousel-item-prev, .carousel-item.active {
  display: block;
  transition: -webkit-transform 1.2s ease;
  transition: transform 1.2s ease;
  transition: transform 1.2s ease,-webkit-transform 1.2s ease;

}
/*============= END SLIDER =============*/

/*============= ABOUT US =============*/

.aboutConca2 {
  position: relative;
  width: 100%;
  min-height: 100vh;
  padding: 0 0;
  display: flex;
  align-items: center;
}
.aboutConca2::before
{
  content: '';
  position: absolute;
  top: 50%;
  right: 10px;
  transform: translateY(-50%);
  width: 400px;
  height: 400px;
  border-radius: 50%;
  background: #EEAD33;
  transition: 1s;
}
.cnf
{
  position: absolute;
  z-index: 2;
  right: 60px;
  bottom: 10px;
  max-width: 400px;
}
.content
{
  position: relative;
  z-index: 2;
  width: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  transition: 0.5s;
}
#titleAboutUsc {
  font-size: 1.8rem;
  font-weight: 700;
  color: #EEAD33;
  margin: 2rem 0;
 }
 #titleAboutUsc:after {
   content: '';
   width: 90%;
   position: absolute;
   display: block;
   margin-top: 10px;
   margin-bottom: 10px;
   transform: translateX(0%);
   height: 2px;
   background: #EEAD33;   
 }
.content .contentDetails
{
  position: relative;
  max-width: 600px;
}
.content .contentDetails .intro
{
  margin-top: 20px;
}
.content .contentDetails p
{
  font-size: 1rem;
  color: #fff;
  margin: 10px 0 20px;
  font-weight: 400;
}
/*============= END ABOUT US =============*/

/*============= NEWS START =============*/

.card-header {
  background-color: var(--dark-color);;
  position: relative;
  font-size: 2rem;
  color: #EEAD33;
  cursor: pointer;
}
.card-header .angleDown{
  font-size: 2rem;
  position: absolute;
  right: 1rem;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
}
.event__image {
  width: 100%;
  height: 100%;
  object-fit: fill;
}
/*=============  NEWS END  =============*/

/*============= FEATURES =============*/
.feature-items {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  flex-direction: row;
  gap: 1rem;
}

.feature-items .feature-item,
.feature-gift .feature-item {
  flex: 1 100%;
  position: relative;
  overflow: hidden;
}
.feature-items .feature-item img,
.feature-item .feature-gift img {
  width: 100%;
  height: 300px;
  border-radius: 20px; 
}
.feature-items .feature-item .f-t,
.feature-gift .feature-item .f-t {
  position: absolute;
  top: 12px;
  color: rgb(255, 254, 254);
  font-family: 'Merriweather', serif;
  font-size: 1.6rem;
  margin-bottom: auto;
  font-weight: 400;
  /* margin-top: 10px; */
  margin-left: 10px;
}
.feature-items .feature-item:before,
.feature-gift .feature-item:before {
  content:"";
  width: 100%;
  min-height: 100px;
  height: 100%;
  border-radius: 20px;
  background:rgba(0, 0, 0, 0.2);
  position: absolute;
  top: 0;
  left: 0;  
}
.feature-items .feature-item figcaption,
.feature-gift .feature-item figcaption {
  position: absolute;
  top: 100%;
  bottom: 0;
  right: 0;
  left: 0;
  background: rgba(3, 175, 194, 0.75);
  color: white;
  text-align: left;
  display: flex;
  flex-direction: column;
  transition: top ease-in-out 250ms;
  border-radius: 20px; 

}
.feature-gift .feature-item img,
.feature-gift .feature-item figcaption {
  border-radius: 0; 
}
.feature-item .feature-gift {
  /* grid-column: span 2; */
  grid-area: 1 / 2 / 2 / 3;
  background-color: #a3a3a3;
}

.feature-item:hover figcaption,
.feature-item:focus figcaption {
  top: 0
}
.feature-title {
  color: white;
  font-family: 'Merriweather', serif;
  font-size: 1.6rem;
  margin-bottom: auto;
  font-weight: 400;
  margin-top: 10px;
  margin-left: 10px;
}
.feature-desc{
  margin-left: 10px;
  letter-spacing: 1px;
  padding: 5px;
}
.feature-item.feature-gift figcaption .feature-desc {
  color: #000;
  font-weight: 700;
  padding-left: 10px;
}
/*============= END FEATURES =============*/

.show {
  display: block !important;
}


/*============= VENUE CLASSES =============*/
/* fade in animation */

@keyframes fadeIn {
  to {
    opacity: 1;
  }
}
.fade-in {
  opacity: 0;
  animation: fadeIn 0.5s ease-in 1 forwards;
}
.main-school img{
  width: 100%;
  border-radius: 10px;
  object-fit: cover; 
}
.main-school{
  position: relative;
}
.main-school:before{
  position: absolute;
	content: "";
	top: 0;
	left: 0;
	height: 99%;
	width: 100%;
  background-image: linear-gradient(110deg, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.3) 60%, rgba(255,255,255,0) 50%, rgba(255,255,255,0) 100%);
  filter: blur(.8px);
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
}  
/* school info */
.school__details {
  display: grid;
  grid-template-columns: 1fr;  
  align-items: center;
  justify-content: center;
  text-align: center;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  color: white;
}
.school-time {
  margin-top: 20px;
}
.school-address .school__name,
.school-time .school-time-day {
  font-size: 1.5rem;
}
.school-address .school__street,
.school-address .school__suburb,
.school-time .school-time-first,
.school-time .school-time-second {
  font-size: 1.2rem;
  margin-top: 10px;
}

.classContainer {
  max-width: 80%;
  margin: auto;
  overflow: hidden;
  padding: 0 2rem;
}
.classes {
  display: grid;
  grid-template-columns: 3fr 1fr;
  grid-gap: 1rem;
}
.all-school {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  justify-content: center;
  gap: 0.5rem;
}
.two__schools {
  grid-template-columns: 1fr;
  grid-gap: 1rem;
}
.three__schools {

}
#school__1-Info,
#school__2-Info,
#school__3-Info,
#school__4-Info {
  display: none;
}

.school__tango{
  position: relative;
  text-align: center;
  cursor: pointer;
}
.school__tango:before{
  content:"";
  width: 100%;
  min-height: 100px;
  height: 100%;
  border-radius: 10px;
  background:rgba(0, 0, 0, 0.3);
  position: absolute;
  top: 0;
  left: 0;  
}
.school__image {
  width: 200px;
  height: 100%; 
  display: inline-block;
  border-radius: 10px;
  box-sizing: border-box;
  background: rgba(3, 175, 194, 0.75);
}
.school__location{
  position: absolute;
  top: 40%;
  left:50%;
  transform: translateX(-50%) translateY(-50%);
  color: white;
  font-size: 1.25rem;
  width: 100%;
}
.school__name{
  margin-top: 10px;
  margin-bottom: 0;
  font-weight: 400;
}
.school__street{
  margin-top: 10px;
}
.school__suburb{
  margin-top: 0px;
  margin-bottom: 10px;
}
.school__image{
  display: block;
  width: 100%;
}

/* new approach */
img,
picture {
  max-width: 100%;
  display: block;
}
.text-primary-400 {
  color: var(--clr-primary-400) !important;
}

.bg-primary-400 {
  background-color: var(--clr-primary-400) !important;
}

.text-secondary-400 {
  color: var(--clr-secondary-400) !important;
}

.bg-secondary-400 {
  background-color: var(--clr-secondary-400) !important;
}

.text-secondary-500 {
  color: var(--clr-secondary-500) !important;
}

.bg-secondary-500 {
  background-color: var(--clr-secondary-500) !important;
}

.text-neutral-100 {
  color: var(--clr-neutral-100) !important;
}

.bg-neutral-100 {
  background-color: var(--clr-neutral-100) !important;
}

.text-neutral-400 {
  color: var(--clr-neutral-400) !important;
}

.bg-neutral-400 {
  background-color: var(--clr-neutral-400) !important;
}

.text-neutral-800 {
  color: var(--clr-neutral-800) !important;
}

.bg-neutral-800 {
  background-color: var(--clr-neutral-800) !important;
}

.text-neutral-900 {
  color: var(--clr-neutral-900) !important;
}

.bg-neutral-900 {
  background-color: var(--clr-neutral-900) !important;
}

.container {
  padding: 0 1.5rem;
  max-width: 62.5rem;
  margin: 0 auto;
}

.flow > * + * {
  margin-top: var(--flow-spacer, 0.75em);
}

.sr-only {
  border: 0 !important;
  clip: rect(1px, 1px, 1px, 1px) !important;
  -webkit-clip-path: inset(50%) !important;
  clip-path: inset(50%) !important;
  height: 1px !important;
  margin: -1px !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important;
  width: 1px !important;
  white-space: nowrap !important;
}

.screenreader-text {
  position: absolute;
  left: -999px;
  width: 1px;
  height: 1px;
  top: auto;
}
.screenreader-text:focus {
  display: inline-block;
  height: auto;
  width: auto;
  position: static;
  margin: auto;
}

h1 {
  font-size: 2.5rem;
}

h2 {
  font-size: 1.25rem;
}
.h3, h3 {
  font-size: 1.75rem;
}
.pseudo-title {
  font-size: clamp(5rem, 1rem + 10vw, 9rem);
  line-height: 0.8;
  font-weight: 900;
  margin-bottom: 1em;
  width: min-content;
  margin-left: auto;
}

.main-grid {
  margin: 0 auto;
  display: grid;
  grid-template-areas: "main";
}
@media only screen and (min-width: 65em) {
  .main-grid {
    grid-template-areas: "main";
  }
}

main {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
  grid-area: main;
  display: grid;
  align-items: start;
}
@media only screen and (min-width: 65em) {
  main {
    /* grid-template-columns: 20% 80%; */
  }
}

.hero {
  /* padding-right: min(5vw, 10rem); */
  /* padding-left: 2rem; */
  /* padding-bottom: 2rem; */
  /* padding-top: 5rem; */
  margin-bottom: 3rem;
  background-image: url(../img/schools/k_f.png);
  background-repeat: no-repeat;
  background-size: 100%;
  /* background-position: bottom -50px center; */
  padding-bottom: 14vw;
  position: relative;
}
@media only screen and (min-width: 65em) {
  .hero {
    /* text-align: right; */
  }
}
.hero::before {
  content: "";
  position: absolute;
  top: 0;
  /* right: 10%; */
  width: 25rem;
  height: 3rem;
  background-image: radial-gradient(ellipse at top, white, 15%, transparent 70%);
}

.features {
  border-radius: 0.5rem;
  width: min(100%);
  position: relative;
  font-size: 1.125rem;
  /* background-image: url(../img/BG.png); */
  background-size: cover;
  text-transform: uppercase;
  overflow-x: hidden;
}
.features::after {
  content: "";
  position: absolute;
  /* background: var(--clr-neutral-800); */
  top: 0;
  bottom: 0;
  left: 80%;
  width: 100vw;
  z-index: -1;
}
.features__list {
  list-style: none;
  display: flex;
  /* align-items: flex-start; */
  flex-direction: column;
  /* width: 100%; */
  /* height: 300px; */
  /* min-height: 100%; */
  /* height: 100% */
}
.features__list > *{
  width: 100%
}
@media only screen and (min-width: 80em) {
  .features__list {
    flex-direction: row;
     min-height: 100%;
  }
  .features__list > * {
    flex-basis: 100%;
  }
}
.features__list > li {
  position: relative;
}
/* .features__list > li:nth-child(1) {
  margin-top: -3rem;
}
.features__list > li:nth-child(2) {
  margin-top: -7rem;
} */
/* .features__list > li:nth-child(3) {
  transform: translateY(7rem);
}  */
.features__list > li::after, .features__list > li:nth-child(4)::before {
  content: "";
  position: absolute;
  height: 100%;
  top: 0;
  left: 0;
  width: 2px;
  background-image: linear-gradient(transparent, white, transparent);
}
/* .features__list > li:nth-child(1)::after {
  transform: translateY(-10rem);
}
.features__list > li:nth-child(2)::after {
  transform: translateY(0rem);
}
.features__list > li:nth-child(3)::after {
  transform: translateY(-8rem);
}
 .features__list > li:nth-child(4)::before {
  left: auto;
  right: 0;
  transform: translateY(8rem);
}  */

.card__content {
  padding: 1em;
  background-image: radial-gradient(circle at -30px -30px, var(--clr-primary-400), transparent 30%);
}
.card__subtitle {
  font-size: 2.5rem;
  line-height: 1;
  font-weight: 900;
  margin: 0.25em 0 0.75em;
}


/* @media only screen and (min-width: 65em) {
  main {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
  }
  footer {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
} */
/* @media only screen and (min-width: 80em) {
  footer {
    padding: 5rem 0;
  }
} */
/*============= END CLASSES =============*/
/*============= GALLERY =================*/
#gallery, #mnGallery {
  display: none;
}
.tabs {
  background: var(--dark-color);
  padding-top: 1rem;
  border-bottom: 3px solid #3d3d3d;
}
.containerTabs{
  max-width: 100%;
  margin: auto;
  overflow: hidden;
  padding: 0 2rem;
}
.concaContainer .tabs {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  grid-gap: 1rem;
  align-items: center;
  justify-content: center;
  text-align: center;
  cursor: pointer;
}

.tabs p {
  font-size: 2rem;
  padding-top: 0.5rem;
}

.tabs .containerTabs > div:hover {
  color: #fff;
  cursor: pointer;
}

.tab-border {
  border-bottom: var(--primary-color) 4px solid;
}

#tab-1-content .tab-content-inner {
  border: #fff solid 3px; 
}
.tab-content-inner{
  max-width: 100%;
  margin: auto;
  border: #fff solid 3px;
  background: #fff;
}
.tab-content {
  padding: 1rem 0;
}
/* Hide content initially */
#tab-1-content,
#tab-2-content,
#tab-3-content,
#tab-4-content,
#tab-5-content {
  display: none;
}

/* Inner content */
.main-img img,
.imgs img {
  width: 100%;
}
.main-img img {
  border-bottom: #fff solid 3px;
}
.imgs {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-gap: 5px;
}
.imgs img {
  cursor: pointer;
}
/*=========+= END GALLEY ================*/

/* footer */
.main-footer{
  background: #282828;
  color: #828282;
  margin-top: 10px;
  padding-top: 20px;
}

.column--50-25 {
  width: 50%;
  margin: 0;
}
.main-footer .containerTabs .column--50-25:nth-child(1),
.main-footer .containerTabs .column--50-25:nth-child(2)  {
  display: none;
  /* width: 0; */
}
.main-footer .containerTabs .column--50-25:nth-child(3){
  width: 50%;
}

.main-footer .containerTabs {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.footer__title{
  font-size: 1.5em;
  color: white;
  padding-bottom: 10px;
  text-transform: uppercase;
}

.footer__logo img {
  width: 100% !important;
}
.footer__author{
  text-align: right;
  color: #EEAD33;
  display: block;
}
.footer__txt{
  /* color: #3bbef5; */
  margin-right: 5px;
  font-style: italic;
  font-weight: 400;
}
.footer__txt::before {
  content: open-quote;
}
.footer__txt::after {
  content: close-quote;
}
.footer__link{
  color: #EEAD33;
}
.footer__date{
  font-size: .8em;
  border-bottom: 1px solid #888;
  padding-bottom: 10px;
  color: white;
}
.social-icon{
  display: inline-block;
  align-items: center;
  margin-bottom: 20px;
}

.social-icon .svg-inline--fa {
  margin-right: 10px;
  width: 35px;
  height: 35px;
  text-align: center;
  color: white;
  padding: 10px;
  border-radius: 50%;
}
.social-icon .fa-facebook-f{
  background: #3b5998;
}
.social-icon .fa-youtube{
  background: #e23139;
}
.social__link{
  display: flex;
  text-decoration: none;
  color: #828282;
}
.social__link:link {
  text-decoration: inherit;
  color: inherit;
  cursor: pointer;
}

.social__link:visited {
  text-decoration: inherit;
  color: inherit;
  cursor: pointer;
}
.social__link:hover {
  color: #fff;
}

.contact-icon{
  display: flex;
  align-items: center;
  margin-bottom: 20px;
}
/* .contact-icon fas,  */
.social-icon .svg-inline--fa,
.contact-icon .svg-inline--fa{
  color: white;
  display: block;
  margin-right: 10px;
}
.contact__txt {
  vertical-align: middle;
  /* margin-top: 10px; */
  margin-bottom: 0;
}
.copy{
  background: #211E1E;
  padding: 20px;
  color: white;
  text-align: center;
  width: 100%;
}
@media screen and (max-width: 812px) {
  .concaContainer {
    /* margin: 0 auto; */
    justify-items: center;
  }


}

/* @media screen and (min-width: 670px) {
  .concaContainer {
    width: 900%;
  }
} */
/* @media screen and (min-width: 1024px) { */
  @media screen and (min-width: 812px) {
  .concaContainer {
    width: 90%;
    margin: auto;
    overflow: hidden;
    padding: 0 2rem;
  }
  .section__title:before{
    top:-25px;
  }
  /*   About  */
  .aboutConca{
    display: grid;
    grid-template-columns: 1fr 380px;
    /* grid-gap: 1rem;   */
    justify-content: space-between;

  }
  
.teamConca {
  display: block;
}
  #titleAboutUs:after {
    content: '';
    width: 50%;
  }
  .teamConca img {
    width: 100%;
    height: 500px;
    object-fit: cover;     
  }

  .feature-items {
    /* display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 1rem;
    align-items: center;
    justify-content: center; */
    display: flex;
    flex-wrap: wrap;
  }
  .feature-items > * {
    flex: 1 1 40%;
  }
  .feature-item.feature-gift figcaption .feature-desc {
    color: #000;
    font-size: 1.5rem;
  
    font-weight: 700;
    padding-left: 10px;
  }
  #gallery, #mnGallery {
    display: block
  }
  .classes {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 1rem;
  }

  .allAbout p {
    margin-top: 0;
    font-weight: 400;
    font-size: 1.2rem;
  }
  .main-footer .containerTabs .column--50-25:nth-child(1),
  .main-footer .containerTabs .column--50-25:nth-child(2)  {
    display: block;
  }  
  .column--50-25,
  .main-footer .containerTabs .column--50-25:nth-child(3),
  .main-footer .containerTabs .column--50-25:nth-child(4)
   {
    width: 24%;
    padding: 20px;
  }

  .feature-title {
    font-size: 1.8rem;
  }

  .feature-items .feature-item .f-t,
  .feature-gift .feature-item .f-t {
    font-size: 1.8rem;
  }

  
  .feature-items .feature-item,
  .feature-gift .feature-item {
    flex: 1 1 40%;
    position: relative;
    overflow: hidden;
  }
  .features__list {
    flex-direction: row;
     min-height: 100%;
  }
}

/* @media screen and (max-width: 1200px){
  .feature-item {
    max-width: 660px;
  
    margin: 1rem auto;
  }
  .feature-gift {
    max-width: 520px;
  }  
} */

@media screen and (min-width: 1600px){
  .concaContainer {
    width: 1600px
  }
  #titleAboutUs {
    letter-spacing: 2px;
  }
  .feature-item {
    max-width: 400px;
  
    margin: 1rem auto;
  }
  .feature-gift {
    max-width: 800px;
  }  
  .allAbout {
    padding-right: 4rem;
  }
  .aboutConca2 {
    position: relative;
    width: 100%;
    min-height: 100vh;
    padding: 0 0;
    display: flex;
    align-items: center;
    margin-top: -7rem;
    /* background: #21283a; */
  }
  .aboutConca2::before
  {
    content: '';
    position: absolute;
    top: 50%;
    right: 10px;
    transform: translateY(-50%);
    width: 500px;
    height: 500px;
    border-radius: 50%;
    background: #EEAD33;
    transition: 1s;
  }
  .cnf
  {
    position: absolute;
    z-index: 2;
    right: 80px;
    bottom: 200px;
    max-width: 500px;
    height: 50%;
  }
  .content
  {
    position: relative;
    z-index: 2;
    width: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    transition: 0.5s;
  }
  #titleAboutUsc {
    font-size: 2.5rem;
    font-weight: 700;
    color: #EEAD33;
    margin: 2rem 0;
   }
   #titleAboutUsc:after {
     content: '';
     width: 90%;
     position: absolute;
     display: block;
     margin-top: 10px;
     margin-bottom: 10px;
    
     transform: translateX(0%);
     height: 2px;
     background: #EEAD33;   
   }
  .content .contentDetails
  {
    position: relative;
    max-width: 60%;
  }
  .content .contentDetails .intro
  {
    margin-top: 20px;
  }
  .content .contentDetails p
  {
    font-size: 1.4rem;
    color: #fff;
    margin: 10px 0 20px;
    font-weight: 400;
  }  

  
  .feature-items {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 1rem;
    align-items: center;
    justify-content: center;
  }
  .feature-items .feature-gift {
    width: 100%;
    grid-row-start: 2;
    grid-column-start: 2;
    grid-column-end: 4;
  }
  .feature-item figcaption .feature-desc {
    font-size: 1.3rem;
  }
  .feature-item .feature-gift figcaption .feature-desc {
    color: #000;
    font-weight: 700;
    padding-left: 10px;
  }

  .all-school {
    display: flex;
    justify-content:flex-end;
    justify-content: center;
    gap: 1.5rem;
  }  
  .school__image {
    width: 360px;
  } 
}


.btn-grad {background-image: linear-gradient(to right, #1e130c 0%, #9a8478  51%, #1e130c  100%)}
.btn-grad {
   margin: 10px;
   padding: 15px 45px;
   text-align: center;
   text-transform: uppercase;
   transition: 0.5s;
   background-size: 200% auto;
   color: white;            
   box-shadow: 0 0 20px #eee;
   border-radius: 10px;
   display: block;
 }

 .btn-grad:hover {
   background-position: right center; /* change the direction of the change here */
   color: #fff;
   text-decoration: none;
 }
 .school-time-first,
 .school-time-second {
  color:  #fff;
  font-weight: 400;
 }