@font-face {

  font-family: play-regular;

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

}



@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; 
  src: url('../fonts/CruyffSans-Medium.woff2'); 
}


@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;

}

.load-more{
  text-align: center;
}
#load-more-media{
  cursor: pointer;
    position: relative;
    z-index: 99;
    padding: 5px 35px;
    border-radius: 60px;
    background: #FFFFFF;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    font-size: 100%;
    font-family: Poppins;
    font-weight: 600;
    color: #F4881F;
    text-transform: uppercase;
    text-align: center;
    margin: 0 auto;
    display: inline-block;
}
#media-banner-slider .owl-nav {
    position: absolute;
    bottom: 10%;
    right: 8%;
}
#media-banner-slider .owl-nav button {
    background-color: #fff;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    font-size: 100%;
    position: relative;
}
#media-banner-slider .owl-nav button span {
    font-size: 220%;
    color: #000;
    top: -30%;
    position: absolute;
    left: 35%;
    transform: translateY(0%);
}
.common-section-padding{

  padding: 2rem 0;

}



.common-section-heading{
 font-size: 150%;
 font-weight: 500;
 font-family: 'Cruyff Sans' !important;

}



.common-section-small-heading{
  font-size: 280%;
  font-family: "Poppins", sans-serif !important;
  font-weight: 600;

}



.common-section-para{

  font-size: 120%;

}



.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: play-bold;

  padding-bottom: 1rem;

  width: 100%;

  max-width: 1000px;

  text-transform: capitalize;

}



/*.heading-wrapper h2:before{

 content: "";

 background-color: #000;

 height: 35px;

 width: 1.5px;

 position: absolute;

 top: 50px;

 left: 5px;

}*/

.news-card-content-wrapper a{
  margin-bottom: 2rem;
  display: inline-block;
}


/*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: 8%;
  
  z-index: 2;

  left: 8%;

  width: 100%;

  max-width: 650px;

}



.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;

}



.media-banner-section{

  position: relative;

}





/**/

.news-heading-wrapper h2{

  color: #000;

  font-family: Cruyff Sans Bold;

  padding-bottom: 2rem;

}

.news-top-container-flex{

  display: flex;

  flex-wrap: wrap;

  margin: 2rem 0;

  background-color: #00A0AC;

}



.news-top-left-img{

  width: 50%;

}



.news-top-left-img img{

  width: 100%;

  height: auto;

  aspect-ratio: auto 612 / 476;

}



.news-top-right-content{

  width: 50%;

  align-self: center;

  padding: 0 4rem 0 2rem;

}



.media-know-more-btn a{

  color: #fff;

  font-family:Cruyff Sans Medium;

  font-size: 100%;

}



.news-top-right-content h2{

  color: #fff;

  font-family: Cruyff Sans Medium;

  font-size: 220%;

  padding-bottom: 2rem;

}



.news-top-right-content p{

  color: #fff;

  font-family:jost-light;

  font-size: 100%;

  padding-bottom: 2rem;

}



.news-card-para {

  padding-bottom: 2rem;

}

p.news-para-content {

  display: -webkit-box;

  -webkit-box-orient: vertical;

  -webkit-line-clamp: 2;

  overflow: hidden;

  font-size: 100%;

  color: #000;

  font-family: Poppins;

}

.news-card-month-wrapper{

  display: flex;

  justify-content: start;

  border-top: 1px solid #000;

  padding-top: 1rem;

  align-items: center;

}

.number{
  padding-right: 1rem;
}



.news-card-month-wrapper .number h2{

  font-size: 320%;

  color: #00A0AC;

  font-family: Poppins;

}



.news-card-month-wrapper .year p{

  font-size: 100%;

  color: #000;

  font-family: Poppins;


}



.news-card-content-wrapper{

  padding: 1rem;

  background-color: #ECF9FA;

}



.news-card-outer-wrapper-flex{

  display: flex;

/*  justify-content: space-between;*/

flex-wrap: wrap;


}

.news-card-inner-wrapper {

  width: calc((100% - 40px) / 3);

  margin-right: 20px;

  margin-bottom: 2rem;

}

.news-card-inner-wrapper:nth-child(3n) {

  margin-right: 0px;

}

.news-load-more{

  text-align: center;

}



.news-card-inner-wrapper img{

  width: 100%;

  height: auto;

  aspect-ratio: auto 380/250;
  max-height: 230px;
  object-fit: cover;
  background: #9ac3e6;
}



.news-card-inner-wrapper:nth-child(3n){

  padding-right: 0;

}



.news-load-more a{

  color: #FF792B;

  border:1px solid #FF792B;

  padding: 10px 30px;

  border-radius: 50px;

  line-height: 1;

  text-transform: uppercase;

  font-family: jost-semibold;

  font-size: 100%;

}



.nav-pills .nav-link{

  color: #00A0AC;

  border: 1px solid #00A0AC;

  border-radius: 50px;

  padding: 10px 40px;

  margin-right: 1rem;

  font-size: 100%;

  font-family: jost-semibold;

  text-transform: uppercase;

}



.nav-pills .nav-link.active, .nav-pills .show>.nav-link{

  color: #fff;

  background-color:#00A0AC ;

}

.mob-banner{

  display: none !important;

}



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

  .common-section-padding{

    padding: 2rem 0;

  }

  .mob-banner{

    display: block !important;

  }

  .desktop-banner{

    display: none !important;

  }



  .common-section-heading{

    font-size: 130%;

  }
  .heading-wrapper h2:before{
    top: 36px;
  }
  .common-section-small-heading{

    font-size: 200%;

  }


  .home-banner-text-wrapper{

    max-width: 320px;

    bottom: 9%;

    left:3%;

  }

  


  .news-top-left-img{

    width: 100%;

  }



  .news-top-right-content{

    width: 100%;

    padding: 2rem 1rem;

  }

  .news-top-right-content h2{

    font-size: 130%;

  }

  .news-card-inner-wrapper{

    width: 100%;

    margin-right: 0px;

  }

  .news-card-para p, .news-card-month-wrapper .year p{

    font-size: 100%;

  }

  .news-card-month-wrapper .number h2{

    font-size: 300%;

  }

  .news-load-more a{

    font-size: 80%;

  }



  .nav-pills .nav-link{

    font-size: 90%;

    padding:8px 26px;

    margin-right: 10px;

    margin-bottom: 10px;

  }

  .media-know-more-btn a{

    font-size: 90%;

  }



}



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

 .common-section-padding{

  padding: 2rem 0;

}

.mob-banner{

  display: block !important;

}
.common-section-heading{

    font-size: 180%;

  }
 


.desktop-banner{

  display: none !important;

}



.home-banner-text-wrapper{

 max-width: 660px;

 bottom: 18%;

 left: 5%;

}



.news-top-left-img{

  width: 100%;

}



.news-top-right-content{

  width: 100%;

  padding: 2rem 1rem;

}

.news-card-inner-wrapper {

  width: calc((100% - 20px) / 2);

  margin-right: 20px;

}

.news-card-inner-wrapper:nth-child(even) {

  margin-right: 0px;

}

.news-card-para p, .news-card-month-wrapper .year p{

  font-size: 140%;

}



.news-card-content-wrapper{

  padding: 2rem;

}

.nav-pills .nav-link{

  font-size: 90%;

  padding:8px 26px;

  margin-right: 10px;

  margin-bottom: 10px;

}

.news-top-right-content p{

  font-size: 140%;

}



}



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

  .home-banner-text-wrapper{

   max-width: 660px;

   bottom: 18%;

   left: 6.5%;

 }



 .news-top-left-img{

  width: 100%;

}



.news-top-right-content{

  width: 100%;

  padding: 2rem 1rem;

}

.news-card-inner-wrapper{

  width:calc((100% - 30px) / 2);

}

.news-card-para p, .news-card-month-wrapper .year p{

  font-size: 140%;

}

.media-know-more-btn a{

  font-size: 120%;

}



.news-card-content-wrapper{

  padding: 2rem;

}

.nav-pills .nav-link{

  font-size: 90%;

  padding:8px 26px;

  margin-right: 10px;

  margin-bottom: 10px;

}

.news-top-right-content p{

  font-size: 140%;

}

.news-card-inner-wrapper {

  width: calc((100% - 20px) / 2);

  margin-right: 20px;

}

.news-card-inner-wrapper:nth-child(even) {

  margin-right: 0px;

}

}



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

  .news-top-right-content h2{

    font-size: 150%;

  }

  .media-know-more-btn a{

    font-size: 90%;

  }

  .common-section-heading{

    font-size: 140%;

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

}

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

  .home-banner-text-wrapper {

    left: 6%;

  }

}





@media screen and (min-width: 1600px) and (max-width: 1999px){



  .nav-pills .nav-link{

    font-size: 130%;

  }

  .news-top-right-content p{

    font-size: 130%;

  }

}



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

  .news-top-right-content p{

    font-size: 140%;

  }

  .nav-pills .nav-link{

    font-size: 120%;

  }

  .media-know-more-btn a{

    font-size: 120%;

  }

  .news-card-para p{

    font-size: 130%;

  }

  .news-card-month-wrapper .year p{

    font-size: 130%;

  }

  .news-card-month-wrapper .number h2{

    font-size: 370%;

  }

}