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

}


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

.common-section-padding{

  padding: 4rem 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: 110%;

}



.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: 700px;

  line-height: 1;

}



/*.heading-wrapper h2:before{

  content: "";

  background-color: #000;

  height: 30px;

  width: 1.5px;

  position: absolute;

  top: 53px;

  left: 5px;

}*/



.home-banner-img-wrapper img.desktop-banner{

  width: 100%;

  height: auto;

  aspect-ratio: auto 1440/640 ;

}



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

}



.business-banner-section{

  position: relative;

}



.mob-banner{

  display: none;

}



/*sport team section*/

/* accordian section */

.team-content-outer-wrapper{

  display: flex;

  flex-wrap: wrap;

  margin-bottom: 2rem;

}



.team-left-content{

  width: 60%;

}



.team-right-img-wrapper {

  width: 40%;

}



.team-right-img-wrapper img{

  width: 100%;

  height: auto;

  aspect-ratio: auto 505/350;

}

.team-hover-image .hover-show-image {

  display: none;

}

.team-hover-image:hover .hover-show-image{

  display: block;

}

.team-hover-image:hover .first-show-image{

  display: none;

}

.team-left-content h3{

  font-size: 200%;

  font-family: Cruyff Sans Regular;

  padding-bottom: 2rem;

  color:#000;

}

.team-left-content h3 a { 

  color:#000;

  text-decoration:underline;

}

.team-left-content P{

  font-family: Cruyff Sans Light;

  padding-bottom: 1rem;

  padding-right: 9rem;

}



.sports-team-logo-container{

  padding:4rem 0;

}



.accordion-button{

  font-family: Cruyff Sans Bold;

  font-size: 130%;

  padding:2rem 8rem;

  color: #002A2D;

}



.accordion-button:not(.collapsed){

  background-color: #fff;

  color: #002A2D;

  box-shadow: none;

}



.accordion-button:focus{

  border-color: #000;

  box-shadow: none;

}



.accordion-body{

  padding: 0 8rem;

}



.logo-outer-wrapper-flex{

  display: flex;

  justify-content: center;

  flex-wrap: wrap;

  margin: 2rem 0 ;

}



.logo-card-wrapper{

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

  background-color: #fff;

  box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;

  padding: 1rem;

  text-align: center;

  margin-right: 1rem;

  margin-bottom: 1rem;

}



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

  margin-right: 0;

}



.logo-heading-wrapper h3{

  font-family: Cruyff Sans Regular;

  font-size: 150%;

  color: #777777;

  position: relative;

  padding-bottom: 1rem;

}



/*.logo-heading-wrapper h3:before{

 content: "";

 position: absolute;

 top: 20%;

 left: -8%;

 background-color: #A9A9A9;

 height: 2px;

 width: 100px;

}*/



.logo-card-wrapper h3{

  color: #333333;

  font-size: 110%;

  font-family: Poppins;

  padding-bottom: 10px;

  padding-top: 1rem;

}



.logo-card-wrapper p{

  color: #333333;

  font-size: 100%;

  font-family: Poppins;

}


.accordion-item.active .accordion-button:not(.collapsed)::after{
  transform: rotate(180deg);
}
.accordion-item:not(.active) .accordion-button:not(.collapsed)::after{
  transform: rotate(360deg);
}
.accordion-button:not(.collapsed)::after{

  background-image: url("../images/down-arrow.png");

  height: 3.25rem;

}



.accordion-button::after{

 background-image: url("../images/down-arrow.png");

 height: 3.25rem;

 transition: transform 0.4s ease-in-out;

}

.logo-card-wrapper {

  position: relative;

  z-index: 1;

}

.hover_business_image {

  position: absolute;

  top: 0;

  left: 0;

  right: 0;

  z-index: -1;

  opacity: 0;

  height: 100%;

  object-fit: cover;

  width: 100%;

}

.hover_business_image img {

  height: 100%;

  object-fit: cover;
      width: 100%;
}
/*
.post-type-archive-our-offerings .logo-card-wrapper:hover .logo-wrapper-img img {

  opacity: 1;

}

.post-type-archive-our-offerings .logo-card-wrapper:hover .logo-wrapper-img h3{
  color: #333333;
}
.post-type-archive-our-offerings .logo-card-wrapper:hover .logo-wrapper-img p{
  color: #333333;
}

.logo-card-wrapper:hover .logo-wrapper-img img {

  opacity: 0;

}

.logo-card-wrapper:hover .hover_business_image {

  opacity: 1;

}*/

/*.logo-card-wrapper:hover .logo-wrapper-img h3 {

  color: #fff;

}

.logo-card-wrapper:hover .logo-wrapper-img p {

  color: #fff;

}
*/


/*new card css start (shubhangi) 9/4/24*/

.gaming-studio-wrapper .gaming-studio .hover_business_image{

  display: none;

} 



.gaming-studio-wrapper .gaming-studio.logo-card-wrapper:hover .logo-wrapper-img img {

  opacity: 1;

}

.gaming-studio-wrapper .gaming-studio.logo-card-wrapper:hover .hover_business_image {

  opacity: 0;

}

.gaming-studio-wrapper .gaming-studio.logo-card-wrapper:hover .logo-wrapper-img h3 {

  color: #000;

}

.gaming-studio-wrapper .gaming-studio.logo-card-wrapper:hover .logo-wrapper-img p {

  color: #000;

}

.gaming-studio-wrapper .gaming-studio.logo-card-wrapper{

  width: 100%;

  padding: 0;

}



/*new card css start (shubhangi)*/

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

  .mob-banner {
    display: block !important;
    width: 100%;
    height: auto;
    aspect-ratio: auto 430/715 ;
  }
  .desktop-banner {
    display: none !important;

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

 .common-section-heading{

  font-size: 130%;

}
.heading-wrapper h2:before{
  top: 40px;
}

.heading-wrapper h3{

  max-width: 300px;

}



.accordion-button{

  padding: 2rem 1rem;

}

.accordion-body{

  padding: 0 1rem;

}

.team-left-content{

  width: 100%;

}

.team-right-img-wrapper{

  width: 100%;

}

.team-left-content P{

  padding-right: 0;

}

.logo-card-wrapper{

  width: 100%;

  margin-right: 0;

}

.logo-heading-wrapper h3:before {

  content: "";

  position: absolute;

  top: 31%;

  left: -5%;

  background-color: #A9A9A9;

  height: 2px;

  width: 14px;

}

.accordion-button{

  font-size: 100%;

}

.team-left-content h3{

  font-size: 120%;

}

.common-section-para{

  font-size: 115%;

}

.home-banner-text-wrapper {

  left: 4%;

  max-width: 80%; 

  bottom: 20%;

}

.desktop-banner {

  display: none;

}

} 

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

 .mob-banner {
    display: block !important;
  }
  .desktop-banner {
    display: none !important;

  }

.common-section-heading{

  font-size: 200%;

}

.heading-wrapper h3{

  max-width: 500px;

}



.accordion-button{

  padding: 2rem 2rem;

}

.team-content-outer-wrapper {

  margin: 0 1rem;

}

.logo-main-wrapper {

  margin: 0 1rem;

}

.accordion-body{

  padding: 0 1rem;

}

.team-left-content{

  width: 100%;

}

.team-right-img-wrapper{

  width: 100%;

}

.team-left-content P{

  padding-right: 0;

}

.logo-card-wrapper {

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

  margin-right: 20px;

}

.logo-card-wrapper:nth-child(even){

  margin-right: 0px;

}

.logo-heading-wrapper h3:before {

  content: "";

  position: absolute;

  top: 31%;

  left: -5%;

  background-color: #A9A9A9;

  height: 2px;

  width: 14px;

}

.accordion-button{

  font-size: 150%;

}

.team-left-content h3{

  font-size: 170%;

}

.common-section-para{

  font-size: 140%;

}

.logo-heading-wrapper h3{

  font-size: 200%;

}

.logo-card-wrapper h3{

  font-size: 150%;

}

.logo-card-wrapper p{

  font-size: 150%;

}

.home-banner-text-wrapper {

  left: 5%;

}

}





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

 .common-section-heading{

  font-size: 170%;

}

.heading-wrapper h3{

  max-width: 650px;

}



.accordion-button{

  padding: 2rem 3.5rem;

}

.accordion-body{

  padding: 0 3.5rem;

}

.team-left-content{

  width: 100%;

}

.team-right-img-wrapper{

  width: 100%;

}

.team-left-content P{

  padding-right: 0;

}

.logo-card-wrapper{

  width: 100%;

  margin-right: 0;

}

.logo-heading-wrapper h3:before {

  content: "";

  position: absolute;

  top: 31%;

  left: -5%;

  background-color: #A9A9A9;

  height: 2px;

  width: 14px;

}

.accordion-button{

  font-size: 150%;

}

.team-left-content h3{

  font-size: 170%;

}

.common-section-para{

  font-size: 140%;

}

.logo-heading-wrapper h3{

  font-size: 200%;

}

.logo-card-wrapper h3{

  font-size: 150%;

}

.logo-card-wrapper p{

  font-size: 150%;

}

.logo-card-wrapper {

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

  margin-right: 20px;

}

.logo-card-wrapper:nth-child(even){

  margin-right: 0px;

}

.home-banner-text-wrapper {

  bottom: 5%;

}

}



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

  .team-left-content P{

    padding-right: 2rem;

  }

  .logo-heading-wrapper h3{

    font-size: 170%;

  }

  .logo-heading-wrapper h3:before {

    top: 27%;

    left: -12%;

    width: 95px;

  }

  .home-banner-text-wrapper {

    bottom: 12%;

  }

  .common-section-heading {

    font-size: 140%;

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

  .accordion-button {

    padding: 2rem 3rem;

  }

  .accordion-body {

    padding: 0px 3rem;

  }

  .accordion-button {

    font-size: 115%;

  }

}



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

  .logo-heading-wrapper h3:before {

    top: 23%;

    left: -9%;

    width: 90px;

  }
   .common-section-heading {

    font-size: 140%;

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


  .home-banner-text-wrapper {

    left:6%;

  }

  .accordion-button {

    padding: 2rem 5rem;

  }

  .accordion-body {

    padding: 0 5rem;

  }

  .accordion-button {

    font-size: 115%;

  }

}



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

  body {

    font-size: 18px;

  }

  .logo-heading-wrapper h3:before {

    top: 31%;

    left: -20%;

    width: 225px;

  }

  .common-section-para{

    font-size: 140%;

  }



  .team-left-content h3{

    font-size: 240%;

  }



  .accordion-button{

    font-size: 160%;

  }



  .logo-heading-wrapper h3{

    font-size: 220%;

  }



  .logo-card-wrapper h3{

    font-size: 150%;

  }



  .logo-card-wrapper p{

    font-size: 130%;

  }



  
  .home-banner-text-wrapper{

    max-width: 800px;

  }

 

  .heading-wrapper h3 {

    max-width: 70%;

  }

  

  .accordion-body {

    padding: 0 15.5rem;

  }

  .accordion-button {

    padding: 2rem 15.5rem;

  }

}





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

  .logo-heading-wrapper h3:before {

    top: 23%;

    left: -9%;

    width: 90px;

  }

  .common-section-para{

    font-size: 140%;

  }



  .team-left-content h3{

    font-size: 240%;

  }



  .accordion-button{

    font-size: 160%;

  }



  .logo-heading-wrapper h3{

    font-size: 220%;

  }



  .logo-card-wrapper h3{

    font-size: 150%;

  }



  .logo-card-wrapper p{

    font-size: 130%;

  }



  


  .home-banner-text-wrapper{

    max-width: 800px;

  }


  .home-banner-text-wrapper { 

  }

}