body{
  font-family: "Rubik", sans-serif;

}
.about {
  padding-top: 1.2rem;
  background-image: linear-gradient(
      rgba(30, 64, 175, 0.7),
      rgba(30, 64, 175, 0.7)
    ),
    url("../img/about.jpeg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  color: #fff;
  min-height: 50svh;
}
.about-content {
  max-width: 130rem;
  margin: 0 auto;
}
.about-info {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  gap: 1.2rem;
  padding: 2.4rem 0;
}
.rating {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 3.2rem;

}
.rating-icons {
  margin-right: 1rem;
}
.rating i {
  color: #fbbf24;
  font-size: 1.4rem;
}
.rating p {
  font-size: 1.6rem;
}
.rating p span {
  color: #fbbf24;
  font-weight: 700;
  font-size: 1.8rem;
}
.section-info {
    padding-top: 4.8rem;
}
.info-icon img {
  width: 6rem;
  margin-bottom: 1.2rem;
}
.info-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  align-items: center;
  column-gap: 3.2rem;
  row-gap: 2.4rem;
}
.info-img,.info-text{
  overflow: hidden;
}
.info-img img {
  width: 100%;
  border-radius: 11px;

}
.info-text p {
  font-size: 1.8rem;
  line-height: 1.8;
}
.info-text,
.heading-info {
  margin-bottom: 1.2rem;
}
.section-achievements {
  padding: 9.6rem 0;
}
.acheivements {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 2.4rem;
  font-size: 1.8rem;
}
.achievement-box {
  padding: 5rem 2rem;
  background-color: #1d4ed8;
  border-radius: 11px;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  justify-content: center;
  align-items: center;
  color: #fff;
}
.achievement-box span {
  font-size: 3.2rem;
  font-weight: 700;
  margin-top: 2.4rem;
}

.achievement-box:nth-child(even) {
  background-color: #3b82f6;
}
.section-team {
    padding-bottom: 9.6rem ;
  }
.info-video video {
  width: 100%;
  border-radius: 11px;

}
.info-video {
  border-radius: 11px;
  overflow: hidden;
  position: relative;

}
.video-layer{
   position: absolute;
  top: 0;
  bottom: 0;
width: 100%;
display: flex;
justify-content: center;
align-items: center;
 }
.play-btn {
   border-radius: 50%;
  cursor: pointer;
 background-color: #fff;  
 border: none;
 padding: 2rem;
  animation: pulse 2s ease infinite;
  transition: 3s all;
 }
.play-btn:hover,
.play-btn:visited {
  color: #1d4ed8;
}
.play-btn i{
  font-size: 2rem;
}
@keyframes pulse {
  0% {
    box-shadow: 0 0 0 0 #fff;
  }
  70% {
    box-shadow: 0 0 0 20px transparent;
  }
}

@media (max-width: 38em) {
.info-grid{
  grid-template-columns: 1fr;
  justify-items: center;
  }
  .info-img:nth-child(2){
    order: 1;
  }
  .info-text:nth-child(1){
    order: 2;
  }
    .info-img:nth-child(3){
      order: 3;
     }
    .info-text:nth-child(4){
      order: 4;
    }
    .acheivements {
      grid-template-columns: repeat(2, 1fr);
    }
    .info-video,.info-img
    {
      padding: 0 6.4rem;
     }
}
@media (max-width: 28em) {
  .info-video,.info-img
  {
    padding: 0 ;
   }
   .rating {
    flex-direction: column;
    gap: .8rem;
    text-align: center;
    line-height: 1.6;
  
  }
}
@media (max-width: 24em) {
  .acheivements {
     grid-template-columns: 1fr;
  }
  
  
}