@font-face {

  font-family: play-regular;

  src: url("../fonts/Play-Regular.ttf");

  font-display: swap;

}



@font-face {

  font-family: play-bold;

  src: url("../fonts/Play-Bold.ttf");

  font-display: swap;

}



/*@font-face {

  font-family: jost-regular;

  src: url("../fonts/Jost-Regular.ttf");

  font-display: swap;

}



@font-face {

  font-family: jost-medium;

  src: url("../fonts/Jost-Medium.ttf");

  font-display: swap;

}



@font-face {

  font-family: jost-semibold;

  src: url("../fonts/Jost-SemiBold.ttf");

  font-display: swap;

}



@font-face {

  font-family: jost-light;

  src: url("../fonts/Jost-Light.ttf");

  font-display: swap;

}



@font-face {

  font-family: jost-bold;

  src: url("../fonts/Jost-Bold.ttf");

  font-display: swap;

}*/

@font-face {
	font-family: Cruyff Sans Bold;
	src: url("../fonts/CruyffSans-Bold.woff2");
	font-display: swap;
}

@font-face {
	font-family: Cruyff Sans Light;
	src: url("../fonts/CruyffSans-Light.woff2");
	font-display: swap;
}

@font-face {
	font-family: Cruyff Sans Regular;
	src: url("../fonts/CruyffSans-Regular.woff2");
	font-display: swap;
}

@font-face {
	font-family: Cruyff Sans Medium;
	src: url("../fonts/CruyffSans-Medium.woff2");
	font-display: swap;
}






body,

h1,

h2,

h3,

h4,

h5,

h6,

p,

ul,

li,

ol,

a {

  padding: 0;

  margin: 0;

  box-sizing: border-box;

}



a {

  text-decoration: none;

}

#about-banner-slider .owl-nav {
    position: absolute;
    bottom: 10%;
    right: 8%;
}
#about-banner-slider .owl-nav button {
    background-color: #fff;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    font-size: 100%;
    position: relative;
}
#about-banner-slider .owl-nav button span {
    font-size: 220%;
    color: #000;
    top: -30%;
    position: absolute;
    left: 35%;
    transform: translateY(0%);
}

.common-section-padding {

  padding: 4rem 0;

}



.common-section-heading {

  font-size: 150%;

}



.common-section-small-heading {

  font-size: 280%;

}



.common-section-para {

  font-size: 90%;

}



.banner-large-text {

  font-size: 370%;

}



.banner-small-text {

  font-size: 180%;

}



/*heading css*/

.heading-wrapper h2 {

  color: #000;

  font-family: Poppins;

  position: relative;

  padding-bottom: 2rem;

  text-transform: uppercase;

  letter-spacing: 3px;

}



.heading-wrapper h3 {

  color: #000;

  font-family: Cruyff Sans Bold;

  padding-bottom: 2rem;

  width: 100%;

  max-width: 570px;

  line-height: 1;

}



/*.heading-wrapper h2:before {

  content: "";

  background-color: #000;

  height: 30px;

  width: 1.5px;

  position: absolute;

  top: 52px;

  left: 5px;

}*/



/*home banner section*/

.home-banner-section {

  position: relative;

}



.home-banner-img-wrapper img {

  width: 100%;

  height: auto;

  aspect-ratio: auto 1440/832;

}



.home-banner-text-wrapper {

  position: absolute;

  bottom: 5%;

  left: 8%;

  width: 100%;

  max-width: 650px;

  z-index: 2;
}



.home-banner-text-wrapper h2 {

  color: #fff;

  text-transform: uppercase;

}



.home-banner-text-wrapper h3 {

  color: #fff;

  font-family: Cruyff Sans Bold;

}



.home-banner-text-wrapper .heading-wrapper h2:before {

  background-color: #fff;

}



.about-banner-section {

  position: relative;

}



.mob-banner {

  display: none !important;

}



/*vision mesion section*/

.vision-main-wrpper-flex {

  display: flex;

  flex-wrap: wrap;

}



.our-vision-img {

  width: 50%;

}



.our-vision-content-wrapper .heading-wrapper h3 {

  font-size: 150%;

  color: #002A2D;

}



.our-vision-content-wrapper {

  width: 50%;

  align-self: center;

  padding: 0 4rem 0 8rem;

}



.our-vision-content-wrapper .heading-wrapper p {

  color: #000;

  font-family: Poppins;

  padding-bottom: 1rem;

  line-height: 1.75;

}



.our-vision-img img {

  width: 100%;

  height: auto;

  aspect-ratio: auto 760 / 812;

}



.vision-text p {

  font-size: 320%;

  color: #fff;

  position: absolute;

  top: 45%;

  left: -29%;

  transform: rotate(-90deg);

  font-family: Poppins;

  text-transform: uppercase;

}





.mission-text p {

  font-size: 325%;

  color: #fff;

  position: absolute;

  top: 47%;

  right: -35%;

  transform: rotate(-90deg);

  font-family: play-regular;

  text-transform: uppercase;

}



.our-vision-img {

  position: relative;

}



/*leadership section*/

.leadership-section {

  background: url("../images/leadership-bg.png") no-repeat;

  background-size: cover;

}


.leadership-section .heading-wrapper h2{
  text-align: center;
  padding-bottom: 3rem;;
}
.leadership-section .heading-wrapper h3 {

  max-width: 100%;

}



.leadership-main-container .heading-wrapper p {

  color: #000;

  font-family: jost-regular;

  font-size: 150%;

  padding-bottom: 4rem;

}



.leadership-card-content h2 {

  color: #002A2D;

  font-size: 150%;

  font-family: Poppins;

  padding: 1.5rem 0 1rem;

}



.leadership-card-content h3 {

  font-family: Cruyff Sans Regular;

  color: #777777;

  font-size: 100%;

  padding-bottom: 1.5rem;

  letter-spacing: 2px;

}



.leadership-card-content p {

  font-family: Poppins;

  color: #000;

  padding-bottom: 1rem;

  line-height: 1.75;

}



#leadership-slider .owl-nav {

  position: absolute;

  top: -11%;

  right: 0%;

}



/*#leadership-slider .owl-nav img {

  background-color: #00A0AC;

  width: 100%;

  height: auto;

  aspect-ratio: auto 10 / 15;

  padding: 20px;

  border-radius: 50%;

}*/



.owl-carousel .owl-nav button.owl-next,

.owl-carousel .owl-nav button.owl-prev {

  background-color: #00A0AC;

  width: 40px;

  height: 40px;

  padding: 0;

  border-radius: 50%;

  border:none;

  color:#fff;

}



@media screen and (min-width: 2500px) {



  .vision-text p,

  .mission-text p {

    font-size: 520%;

  }

}



@media screen and (min-width: 2000px) and (max-width: 2499px) {



  .vision-text p,

  .mission-text p {

    font-size: 410%;

  }

}



@media screen and (min-width: 1600px) and (max-width: 1999px) {
  .vision-text p,

  .mission-text p {

    font-size: 350%;

  }

}


@media screen and (min-width: 1025px) and (max-width: 1280px) {

  .common-section-heading {

    font-size: 140%;

  }
  .common-section-small-heading{
    font-size: 240%;
  }

  .vision-text p,

  .mission-text p {

    font-size: 270%;

  }


  .our-vision-content-wrapper .heading-wrapper h3 {

    font-size: 140%;

  }

  .home-banner-text-wrapper {

    left: 6%;

  }

  .our-vision-content-wrapper {

    padding: 0 4rem 0 5rem;

  }

}



@media screen and (min-width: 992px) and (max-width: 1024px) {

  .common-section-heading {

    font-size: 140%;

  }



  .common-section-small-heading {

    font-size: 100%;

  }



  .heading-wrapper h2 {

    font-size: 240%;

  }



  .our-vision-content-wrapper .heading-wrapper h3 {

    font-size: 140%;

  }



  .heading-wrapper h2:before {

    height: 28px;

    top: 50px;

  }



  .common-section-para {

    font-size: 100%;

  }



  .vision-text p {

    font-size: 215%;

  }



  .mission-text p {

    font-size: 215%;

  }



  .leadership-main-container .heading-wrapper p {

    font-size: 150%;

  }



  .leadership-card-content h2 {

    font-size: 170%;

  }



  .our-vision-content-wrapper {

    padding: 0 3rem;

  }

  .home-banner-text-wrapper {

    left: 4.5%;

  }

}



@media screen and (min-width: 769px) and (max-width: 991px) {



  .our-vision-img,

  .our-vision-content-wrapper {

    width: 100%;

  }



  .mission-wrapper {

    flex-direction: column-reverse;

  }



  .our-vision-content-wrapper {

    padding: 3.5rem;

  }

  .leadership-card-content p {

    padding-bottom: 0.5rem;

    font-size: 115%;

  }

  .vision-text p,

  .mission-text p {

    font-size: 350%;

  }



  .common-section-para {

    font-size: 140%;

  }



  .common-section-small-heading {

    font-size: 240%;

  }

  .common-section-heading{
    font-size: 170%;
  }
  .mob-banner{
    display: block !important;
  }
  .desktop-banner{
    display: none !important;
  }
  .leadership-section .heading-wrapper h3,.our-vision-content-wrapper .heading-wrapper h3{
    font-size: 170%;
  }



  .leadership-card-content h3 {

    font-size: 140%;

  }

  .home-banner-text-wrapper {

    left: 6.5%;

  }

}



@media screen and (min-width: 569px) and (max-width: 768px) {

  .our-vision-content-wrapper {

    width: 100%;

    padding: 2rem 1rem 2rem 2rem;

  }



  .our-vision-img {

    width: 100%;

    padding: 2rem 0;

  }



  .mob-banner {

    display: block !important;

  }



  .desktop-banner {

    display: none !important;

  }



  .home-banner-text-wrapper {

    max-width: 530px;

    left: 5%;

    bottom: 10%;

  }



  .common-section-heading {

    font-size: 180%;

  }



  .vision-text p {

    font-size: 280%;

    left: -24%;

  }



  .mission-text p {

    font-size: 280%;

    right: -28%;

  }



  .heading-wrapper h2:before {

    top: 53px;

  }



  .mission-wrapper {

    flex-direction: column-reverse;

  }



  .leadership-main-container .heading-wrapper p {

    font-size: 200%;

    padding-bottom: 2rem;

  }



  .common-section-para {

    font-size: 160%;

  }



  #leadership-slider .owl-nav {

    top: -8%;

  }



  #leadership-slider .owl-nav img {

    padding: 18px;

  }



  .leadership-card-content h2 {

    font-size: 250%;

  }



  .leadership-card-content h3 {

    font-size: 150%;

  }



}



@media screen and (min-width: 320px) and (max-width: 568px) {



  .our-vision-content-wrapper,

  .our-vision-img {

    width: 100%;

    padding: 2rem 1rem;

  }



  .our-vision-content-wrapper .heading-wrapper h3 {

    font-size: 130%;

  }



  .mob-banner {

    display: block !important;

  }



  .desktop-banner {

    display: none !important;

  }



  .common-section-heading {

    font-size: 130%;

  }



  .vision-text p {

    font-size: 140%;

    left: -21%;

  }



  .mission-text p {

    font-size: 140%;

    right: -26%;

  }



  .heading-wrapper h2:before {

    top: 38px;

  }



  .home-banner-text-wrapper {

    left: 3%;

    bottom: 10%;

    max-width: 270px;

  }



  .vision-wrapper {

    flex-direction: column;

  }
  .vision-main-wrpper-flex{
    flex-wrap: wrap-reverse;
  }



  .leadership-main-container .heading-wrapper p {

    font-size: 140%;

    padding-bottom: 2rem;

  }



  .common-section-para {

    font-size: 100%;

  }



  .common-section-small-heading {

    font-size: 200%;

  }



  #leadership-slider .owl-nav {

            top: -14%;

  }



  #leadership-slider .owl-nav img {

    padding: 12px;

  }



  .leadership-card-content h2 {

    font-size: 150%;

  }



  .leadership-card-content h3 {

    font-size: 100%;

  }



}