body{
  margin: 0px;
  overflow-x: hidden;
}

main{
  background: linear-gradient(to right, rgb(255, 193, 174), rgba(0, 0, 0, 0));
  padding-bottom:100px;
  animation:main 5s;
}

.tit{
  padding-left:30px;
  padding-bottom:2px;
  border-bottom:2px solid #ff6a6a;
}

.titleicon{
  width:50px;
  float:left;
}

.yoso{
  padding-left:50px;
  overflow: hidden;
}

.yoso100{
  margin-left:60px;
  padding-right:60px;
  border-bottom:2px solid#444;
}

.yoso110{
  color:#000000;
  margin-left:80px;
}

.yoso500{
  color:#000000;
}

.yoso500p{
  color:#000000;
  margin-left:70px;
}

.yoso500qa{
  margin-left:65px;
  margin-right:50px;
}

.yoso900{
  margin-left:50px;
  margin-right:50px;
}

.yoso200{
  margin-right:60px;
}

.yoso200t{
  margin-right:60px;
  border-bottom:1px solid #ff6a6a;
}

.yoso200l{
  color:#000000;
  margin-right:60px;
  border-bottom:1px solid #444;
}

.yoso210{
  margin-right:20px;
}


.yoso100p{
  margin-left:60px;
}

.yoso110p{
  margin-left:80px;
}

.yoso2{
  padding-left:0;
  overflow: hidden;
}

.fit1{
  width:40%;
  margin-right:0;
  aspect-ratio: 1 / 1;
  object-fit: cover;
}

.fit2{
  width:60%;
  margin-left:0px;
}

.fit3{
  width:80%;
  aspect-ratio: 2 / 1;
  margin-top:40px;
}

.payimg{
  width:40%;
  margin-right:0;
}

.question{
  width:60%;
  margin-right:0;
  aspect-ratio: 3 / 2;
  object-fit: cover;
}

.ptimg{
  width:40%;
  margin-left:50px;
  aspect-ratio: 1 / 1;
  object-fit: cover;
}

.ppticon{
  width:25px;
  border:#000000 solid 1px;
  border-radius:100%;
}

.literafitness{
  display:flex;
  overflow: hidden;
}

.spacer{
  margin:50px;
}

.spacer1{
  margin-top:200px;
  margin-bottom:200px;
}

.spacer2{
  margin-top:100px;
  margin-bottom:100px;
}


.trainername{
  margin-left:50px;
  border-bottom:1px solid #ff2e2e;
}



.customer{
  margin:10px;
}

.customerimg{
  width:40%;
  object-fit: cover;
}



.gmap{
  width:40%;
  height:400px;
  margin-right:0;
}

.gmapt{
  width:98%;
  height:400px;
  align-items:center;
}

.spacer{
  width:20px;
}

#toTopBtn {
  display: none;
  position: fixed;
  bottom: 50px;
  right: 50px;
  z-index: 9999;
  font-size: 35px;
  padding: 10px 20px;
  background-color: #444;
  color: white;
  border: none;
  border-radius: 10px;
  cursor: pointer;
  opacity: 0.7;
  transition: opacity 0.3s;
}

#parking{
  cursor: pointer;
}


.pricet{
  border-bottom:2px solid #000000;
  margin-right:60px;
}

.price{
    margin-bottom:40px;
}



.tuika{
  border:#444 solid 1px;
  border-radius:20px;
  width:80%;
  margin-bottom:30px;
}

.tuikaO{
  margin-left:50px;
}

@media (max-width: 768px) {
    .container {
        flex-direction: column;
    }
    .left, .right {
        width: 100%;
        height: 50%;
    }
}