@media (max-width: 1200px) {
  .container {
    max-width: 90% !important;
  }

  .col-human {
    max-width: 50% !important;
  }

  .service-section-container {
    max-width: 80%;
  }

}

@media (max-width: 768px) {
  .service-box .h-auto {
    width: 45px;
    height: 45px !important;
  }

  .player-card {
    width: 90% !important;
  }

  .unratited-p {
    font-family: bakh-black;
    color: #CACACA;
    opacity: 50%;
    position: absolute;
    bottom: -7%;
    right: 30px;
    font-size: 20vw;
    line-height: 65px;
    margin: 0;
    text-align: end;
}

  .service-box .mint-green {
    font-size: 15px;
  }

  .col-human {
    max-width: 80% !important;
  }

  .on-scrreen-text {
    bottom: -16.5%;
    z-index: 5;
  }

  .container {
    max-width: 95% !important;
  }

  .font-30 {
    font-size: var(--pixel-20);
  }

  .service-section-container {
    max-width: 95%;
  }

  .lg-max {
    width: max-content;
  }

  footer .position-absolute .rounded-top-4 {
    font-size: 10px !important;
  }
}

@media (max-width: 576px) {
    .number-dashed-992 {
    border: unset;
  }

}

@media (min-width: 992px) {
  .service-box:nth-child(odd) {
    margin-top: -50px !important;
  }

  .photo-room-div .container .row:nth-child(even) .col-lg-7 {
  padding-right: 11rem !important;
}

  .photo-room-div .container .row:nth-child(even) .col-lg-7 .limit-5 {
    width: 100% !important;
  }

.photo-room-div .container .row:nth-child(even) {
  flex-direction: row-reverse;
}

footer .row a::after {
  content: "";
  position: absolute;
  width: 0;
  height: 1px;
  bottom: 0;
  right: 0;
  background-color: var(--soft-gray);
  transition: width 0.4s ease;
  border-radius: 100px;
}


}

@media (max-width: 992px) {
  .service-section-container::after {
    content: unset;
  }
  .number-section {
    background-image: unset;
  }

  .font-40 {
    font-size: 23px;
  }

  hr.footer {
    margin-top: 5rem;
  }

  .w-lg-100 {
    width: 100px;
  }

  .photo-room-div .container .row {
    flex-direction: column-reverse;
  }
  
  .steps-after::before {
    top: -115% !important;
  }

  .cloud-cta {
    background-size: cover !important;
  }

  .steps {
    margin-top: 2rem;
  }

  .steps-after::after {
    content: unset !important;
  }

  
  .photo-room-div .container .row {
  margin-top: 5rem !important;
}
}

   .discription img {
        width: 70% !important;
        height: auto !important;
        border-radius: 12px !important;
        margin: 2% 15% 2% 15%;
    }


@media (min-width: 992px) and (max-width: 1200px) {
   .discription img {
        width: 80% !important;
        height: auto !important;
        border-radius: 12px !important;
        margin: 2% 10% 2% 10%;
    }
}

@media (min-width: 768px) and (max-width: 992px) {
    .discription img {
        width: 80% !important;
        height: auto !important;
        border-radius: 12px !important;
        margin: 1% 10% 1% 10%;
    }

}


@media (max-width: 768px) {
    .discription img {
        height: auto !important;
        width: 100% !important;
        border-radius: 12px !important;
        margin: 2% 0% 2% 0%;
    }
}