* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family:'Almarai', sans-serif;

  }
  :root {
    --bink: #D11C67;
    --bulo:#212757;
    --with:#FFFFFF;
  }
  body{
    background-color:#FFFFFF;
  }
header{
    margin-top: 1.5rem;
}
  .navbar{
    padding: 1rem 2rem 1rem 3rem;
    align-items: center;
    text-align: center;
    background-color: #FFFFFF;
    border-radius: 15px;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.5);
    }
    .navbar-light .navbar-nav .nav-link {
      color: #212757;
      text-align: center;
        padding-right:17px;
        font-size:15px;
    }
    .navbar-expand-lg .navbar-collapse {
        margin-right:7rem;
    }
    .navbar-light .navbar-nav .nav-link:hover {
 color: #D11C67;
 transform: scale(1.1);
      }
    .icons-img{
       margin-right:5.5rem;
       background-color:#b9f6da;
       border-radius: 15px;
       padding:20px 8px;
    }
    .icons-img img{
   width:22px;
     }
    .icons-img a{
    color:#0EAF69;
font-size:16px;
     }
     .icons-img:hover{
        transform: scale(1.1);
     }
     .circle-img-LIFtFIT{
      margin-top:3rem;
   position: absolute;
     }
     .circle-img-LIFtFIT img{
   text-align: center;
   position:relative;
   top:2rem;
   right:45rem;
   align-items: center;
     }
     .circle-img-LIFtFITs{
      margin-top:-3rem;
      text-align: center;
      text-align: center;
     }
     .first-banar-LIFtFIT{
      background-image: url(../imges/Group\ 175427.svg);
         background-size: cover;
         background-position: center;
         background-repeat: no-repeat;
         height:auto;
         position: relative;
         width:95%;
     }
     .banar-LIFtFIT{
        display: flex;
        justify-content:space-around;
        width: 75%;
   margin: auto;
   margin-top:3rem;
     }
     .LIFtFIT-details{
        width: 48%;
        margin-top: 3rem;
        text-align: right;
     }
     .LIFtFIT-details h1{
        font-size:3rem;
        color: #212757;
        font-weight: bold;
     }
     .LIFtFIT-details h2{
        font-size:2.5rem;
        color:#D11C67;
        font-weight: bold;
        margin-top: .5rem;
     }
     .LIFtFIT-details-p{
        width:65%;
     }
     .LIFtFIT-details-p p{
        font-size:18px;
        color:#969696;
        margin-top:2rem;
     }
     .LIFtFIT-details-button{
      margin-top:5rem;
     }
     .LIFtFIT-details-button  button{
        background-color: #D11C67;
        border: none;
        outline: none;
        padding: 15px 20px;
        width:150px;
        color:#FFFFFF;
        border-radius:18px;
     }
     .LIFtFIT-details-button a{
   font-size:13px;
 color:#FFFFFF;
 margin-left: .2rem;
     }
     .LIFtFIT-details-button i{
        font-size:13px;
      color:#f2ebeb;
          }
          .LIFtFIT-details-button  button:hover{
            transform: scale(1.1);
         }
         .banar-LIFtFIT-img{
            width: 48%;
         }
         .banar-LIFtFIT-img img{
         width:400px;
         }
         .trining-courses-title a{
          text-decoration: none;
           }
         .trining-courses-title{
          margin-top:7rem;
          text-align: center;
         }
         .trining-courses-title h1{
        font-size:30px;
        font-weight: bold;
        color: #D11C67;
           }
           .trining-courses-title p{
            font-size:15px;
            color:#212757;
               }
               .we-area{
                  display: flex;
                  justify-content:space-around;
                  width:100%;
             margin-top:5rem;
               }
               .we-area-img{
                  width:40%;
                  margin-top: 5rem;
                  text-align: center;
                  overflow-x: hidden;
               }
               .we-area-img img{
                  width:60%;
                  border-radius: 20px;
                  box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
               }
               .we-area-details{
                  width:60%;
                  margin-top: 5rem;
                  text-align: right;
                  overflow-x: hidden;
               }
               .we-area-details h1{
                  margin-top: 2rem;
                 color: #D11C67;
                 font-size:30px;
                 font-weight: bold;
               }
               .we-area-details h2{
                  margin-top:1rem;
                 color: #212757;
                 font-size:20px;
                 font-weight: bold;
               }
               .we-area-details span{
                  color: #D11C67;
               }
               .we-area-p{
                  width:70%;
               }
               .we-area-p p{
              color:#212757;
              font-size:16px;
               }
               .we-area-ask h1{
                  color:#6F6F6F;
                  font-size:25px;
                  font-weight: bold;
               }
               .we-area-ask p{
                  color: #212757;
                  font-size:12px;
                  margin-top: 1rem;
               }
               .all-card .card{
                  position: relative;
                  display: flex;
                  justify-content: center;
                  align-items: flex-start;
                  height: 320px;
                  border-radius:24px;
                  box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
                  transition: .5s;
               }
               .card-1{
                  background: linear-gradient(180deg, #DE2662 0%, #A4C02F 100%);
               }
               .card-2{
                  background: linear-gradient(180deg, #662D8E 0%, #000000 100%);
               }
               .card-3{
                  background: linear-gradient(180deg, #D91F80 0%, #0543A6 100%);
               }
               .card-4{
                  background: linear-gradient(180deg, #C89426 0%, #242424 100%);
               }
               .all-card .card:hover{
            height:425px;
               }
               .all-card .card-2:hover{
                  height:548px;
                     }
                     .all-card .card-3:hover{
                        height:440px;
                           }
                           .all-card .card-4:hover{
                              height:400px;
                                 }

               .all-card .card .card-img{
               position: absolute;
               top:3px;
               /*right:12px;*/
               height:250px;
               overflow: hidden;
             display: flex;
             justify-content: center;
               border-radius:12px;
               transition: 0.5s;

                     }
                     .all-card .card:hover .card-img{
                      top: -100px;
                      scale: 0.75s;
                              }
                    .all-card .card .card-img img{
                   position:absolute;
                   top: 0;
                   left: 0;
                     object-fit: cover;
                    width:100%;
                    height:250px;
                        margin:auto;
                        padding:1rem;
                        border-radius:35px;
                    }
                      .all-card .card .card-details{
                        position: absolute;
                        top:270px;
                        width: 100%;
                        height: 35px;
                        overflow: hidden;
                         text-align: center;
                        transition: 0.5s;
                      }
                      .all-card .card:hover .card-details{
                        top:160px;
                        height:600px;
                      }
               .courses-zumba-details h1{
                color:#FFFFFF;
                font-size:22px;
               }
               .courses-zumba-details-p{
                  width:90%;
               margin: auto;
               }
               .courses-zumba-details p{
                  color:#FFFFFF;
                  font-size:13px;
                  margin-top: 1rem;
                  opacity: .6;
                  font-weight:160;
                 }
                 .courses-zumba-time{
                  margin-top:3.5rem;
                  background-color:#afadad;
               opacity:.7;
               width: 100%;
                 }
                 .courses-zumba-time i{
             margin-left:.1rem;
             padding: 10px;
               color: #000000;
                 }
                .courses-zumba-time span{
                color:rgb(18, 16, 16);
                font-size:15px;
                   }
                   .courses-zumba-book-now{
                     background-color: #FFFFFF;
                     padding: .8rem 2rem;
                     border-radius: 0 0 25px 25px;
                      box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
                   }
                   .courses-zumba-book-now a{
                color:#2D1F47;
                font-size:18px;
                   }
                   .courses-zumba-book-now i{
                     color:#2D1F47;
                     margin: .5rem .5rem 0 0;
                        }
                        .courses-zumba2-choice{
                           text-align: right;
                           padding: 0 .5rem;
                        }
                        .steap-choice{
                           text-align: center;
                        }
                        .courses-zumba2-choice span{
                        color: #FFFFFF ;
                        font-size:12px;
                        }
                        .courses-zumba2-choice img{
                        width:18px;
                        margin-left: .1rem;
                        }
                        .sport-tables-body{
                           display:flex;
                           justify-content:space-evenly;
                           height: auto;
                           background-color: #FFFFFF;
                           padding: 10px;
                           border-radius: 20px;
                           box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
                           height:auto;
                        }
                        .sport-tables-body-img{
                           margin-top:2.5rem;
                           text-align:right;
                           margin-right: .5rem;
                        }
                        .sport-tables-body-img img{
                          width:85px;
                        }
                        .sport-tables-body-deyails{
                           text-align: right;
                           margin:1rem 2rem 0 0;
                        }
                        .sport-tables-body-deyails h1{
                   color: #212757;
                   font-size:18px;
                   font-weight: bold;
                        }
                        .sport-tables-body-deyails-p{
                        width:90%;
                                }
                        .sport-tables-body-deyails p{
                           color: #7A7A7A;
                           font-size:13px;
                                }
                                .sport-tables-body-deyails-button  button{
                                 background-color:#f1f0f0;
                                 border: none;
                                 outline: none;
                                 padding: 15px 15px;
                                 width:200px;
                                 color: #777777;
                                 border-radius:18px;
                              }
                              .sport-tables-body-deyails-button  button:hover{
                                 background-color:#D11C67;
                                 color:#FFFFFF;
                                 transform: scale(1.1);
                              }
                              .diet-tables-body{
                                 display:flex;
                                 justify-content:flex-start;
                                 height: auto;
                                 background-color: #FFFFFF;
                                 padding: 10px;
                                 border-radius: 20px;
                                 box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
                                 height:auto;
                              }
                              .diet-tables-body-img{
                                 width:30%;
                                 /*margin-top:1rem;*/
                                 text-align:center;
                              }
                              .diet-tables-body-img img{
                              width: 250px;
                                  height: 170px;
                                  border-radius:25px;
                                  padding:.5rem;

                              }
                              .diet-tables-body-deyails{
                                 margin-top: 2rem;
                                 text-align: right;
                                 width:70%;
                              }
                              .diet-tables-body-deyails h1{
                         color: #212757;
                         font-size:18px;
                         font-weight: bold;
                              }
                              .diet-tables-body-deyails-p{
                                 width: 40%;
                              }
                              .diet-tables-body-deyails-p p{
                             color: #7A7A7A;
                             font-size: 13px;
                              }
                              .diet-tables-body-deyails-button  button{
                                 background-color:#f1f0f0;
                                 border: none;
                                 outline: none;
                                 padding:10px 15px;
                                 width:350px;
                                 color: #777777;
                                 border-radius:18px;
                                 font-size:20px;
                              }
                              .diet-tables-body-deyails-button  button:hover{
                                 background-color:#D11C67;
                                 color:#FFFFFF;
                                 transform: scale(1.1);
                              }
                              .experiences-all img{
                                 width:350px;
                                 height: 300px;
                               border-radius:10px;
                              }
                              .experiences-all{
                             height: auto;
                             background-color: #FFFFFF;
                          width:360px;
                          padding:5px;
                          border-radius:10px;
                           box-shadow: 0 0 20px rgba(0, 0, 0, 0.3);
                              }
                              .experiences-all:hover{
                                 transform: scale(1.1);
                                  }
                                  footer{
                                    background-color: #DE2662;
                                    margin-top:4rem;
                                    border-radius:5rem 5rem 0 0;
                                    height:45vh;
                                  }
                                  .fotter-lift-fit{
                                    display: flex;
                                    justify-content: space-between;
                                    margin-top: 2rem;
                                  }
                                  .fotter-lift-fit-logo{
                                    margin-top: 5rem;
                                    width:10%;
                                    text-align: right;
                                  }
                                  .fotter-lift-fit-logo img{
                                  background-color:white;
                                  border-radius:13px;
                                  text-align: right;
                                  }
                                  .fotter-lift-fit-link{
                                    margin-top:5rem;
                                   width:25%;
                                  }
                                  .fotter-lift-fit-link-h1 h1{
                                 color:#FFFFFF;
                                 font-size:17px;
                                 text-align: right;
                                 font-weight: bold;
                                  }
                                  .fotter-lift-fit-link-all{
                                    display: flex;
                                    justify-content:space-between;
                                    text-align: right;
                                  }
                                  .fotter-lift-fit-link-all-1{
                                    width: 50%;
                                  }
                                  .fotter-lift-fit-link-all-2{
                                    width: 50%;
                                  }
                                  .fotter-lift-fit-link-all h1{
                                color: white;
                                font-size:15px;
                                margin-top:1.5rem;
                               font-weight:160;
                                  }
                                  .fotter-lift-fit-link-all a{
                                 text-decoration: none;
                                      }
                                  .content-us{
                                    margin-top: 5rem;
                                    width:21%;
                                    text-align: right;
                                  }
                                  .content-us-h1 h1{
                                    color:#FFFFFF;
                                    font-size:17px;
                                    text-align: right;
                                    font-weight: bold;
                                  }
                                  .content-us img{
                                 width:20px;
                                 margin-left: .2rem;
                                   }
                                  .content-us a{
                                   color: white;
                                   font-size:17px;
                                margin-top:1rem;
                                  font-weight:160;
                                  }
                                  .follow-us{
                                    margin-top: 5rem;
                                    width:24%;
                                    text-align: right;
                                  }
                                  .follow-us h1{
                                    color:#FFFFFF;
                                    font-size:17px;
                                    text-align: right;
                                    font-weight: bold;
                                  }
                                  .follow-us-img-all{
                                    display: flex;
                                    justify-content:space-between;
                                    margin-top: 1rem;
                                    margin-left:4rem;
                                  }
                                  .follow-us-img{
                                    text-align: right;
                                  }
                                  .follow-us-img a{
                                    width:35px;
                                    height:35px;
                                    background-color:transparent;
                                    padding: 10px;
                                 border:2px solid #FFFFFF;
                                    border-radius: 50%;
                                    align-items: center;
                                    line-height: 30px;
                                    display: flex;
                                    justify-content: center;
                                    color: #FFFFFF;
                                   text-decoration: none;
                                  }
                                  .follow-us-img a:hover{
                                    background-color: #FFFFFF;
                                    color: #D11C67;
                                    border:2px solid #D11C67;
                                    transform: scale(1.2);
                                  }
                                  .all-right{
                                    margin-top:1.5rem;
                                    text-align: right;
                                  }
                                  .all-right img{
                                  width:20px;
                                  margin-left: .4rem;
                                  }
                                  .all-right span{
                                 color:white;
                                 font-size:12px;
                                 margin-top:1rem;
                                 font-weight:160;
                                  }
                                  .text-center a{
                                    color:#D11C67;

                                 }
.big-form{
   background-color: #faf7f7;
   border-radius: 20px;
   box-shadow: 0 0 20px rgba(0, 0, 0, 0.3);
   padding: 15px;
   text-align: center;
   height:auto;
   margin-bottom:8rem;
   width: 50%;
}
.all-form {
   display: flex;
   justify-content: space-between;
   align-items: center;
   text-align: center;
   width:60%;
   margin:auto;
}
.all-form-logo img{
   width:120px;
}
.all-form-title h1{
align-items: center;
font-size: 25px;
color: #D11C67;
font-weight: bold;
margin-top:2rem;
}
.all-form-send img{
   width:50px;
}
.form-profile{
   align-items: center;
   text-align: center;
  }
  .form-profile{
   border: none;
   outline: none;
   width:85%;
   height:80px;
   border-radius:10px;
   background-color:#ffffff;
   text-align:center;
   border:2px solid  #E0E0E0;
   outline: none;
   margin:10px 0 18px 0;
   padding:8px 10px;
   color: #828282;
   box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
  }
  .form-profile ::placeholder{
   color:#828282;
   font-size:10px;
  }
  .form-profile textarea {
   width: 100%;
   height:200px;
   color:#212757;
  }
  .section-long-weight{
   display: flex;
   align-items: center;
   justify-content:space-evenly;
  }
  .section-long-weight  .section-weight{
   display: flex;
flex-direction: column;
align-items: center;
  }
  #input-selecn {
   margin-top:1rem;
   border: none;
   outline: none;
   background-color:#FFFFFF;
   text-align:center;
   border:2px solid  #E0E0E0;
   width:86%;
   height:65px;
   border-radius: 10px;
   padding: 1.5rem;
   font-size: 14px;
   box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
}
.form-lable{
display: flex;
text-align: right;
justify-content:right;
color: #212757;
font-size:22px;
font-weight: bold;
margin-top:15px;
margin-right:4rem;
  }
  #inpu-selec{
   justify-content:center;
color: #212757;
font-size:22px;
font-weight: bold;
margin-top:15px;
  }
  .buton-sign{
   background-color:#D11C67;
   color: white;
   border: none;
   outline: none;
   border-radius: 10px;
   width:50%;
   padding: 10px 20px;
   margin-top: 2rem;
}
.page-dite{
text-align: right;
}
.check-account{
   margin:.5rem 6rem 1rem 0;
   text-align:right;
   }
   .check-account input{
    width:12px;
    height:12px;
    border-radius: 10px;
   }
   .check-account a{
   font-size:14px;
   color:#212757;
   font-weight: bold;
   }
   .section-weight{
      width:42.5%;
   }
   .section-long{
      width:42.5%;
   }
   .conditions{
      width:80%;
      text-align: right;
margin-top:5em;
   }
   .conditions h1{
  color: #D11C67;
  font-size:30px;
  font-weight: bold;
   }
   .conditions h2{
      color:#212757;
      font-size:20px;
   margin-top: 3rem;
       }
       .conditions h3{
         color:#212757;
         font-size:20px;
      margin-top:1rem;
          }
          .ttttt{
            display: flex;
          }
.addbutton{
    text-align: center;
}
.span-conta span{
            color:#D11C67;
            font-size:30px;
            font-weight:bold;
          }
          .img-form{
            margin-top:5rem;
            text-align: center;
          }
          .img-form img{
          width:400px;
          height:400px; 
          margin: auto;
          }
          .all-form2{
            background-color: #faf7f7;
            border-radius: 20px;
            box-shadow: 0 0 20px rgb(0 0 0 / 30%);
            padding: 15px;
            text-align: center;
            height: auto;
            margin-bottom: 8rem;
            width: 50%;
            margin-top:2rem;
        }
@media (max-width:1030px){

   .navbar-expand-lg .navbar-collapse {
      margin-right: 2rem;
  }
  .navbar {
   padding: 1rem;
}
.navbar-light .navbar-nav .nav-link {
   color: #212757;
   text-align: center;
     padding-right:9px;
     font-size:15px;
 }
.LIFtFIT-details h1 {
   font-size:2.5rem;
}
.first-banar-LIFtFIT {
   background-image: url(../imges/Group\ 175427.svg);
   background-size: cover;
   background-position: center;
   background-repeat: no-repeat;
   height: auto;
   position: relative;
   width: 100%;
}
.all-card .card .card-img img {
   width: 100%;
   height: 100%;
}
.all-card .card .card-img {
   position: absolute;
   top: 3px;
   right:0px;
   width: 202px;
   height: 250px;
}
.all-card .card-2:hover {
   height: 612px;
}
.diet-tables-body-img {
   width: 40%;
}
.sport-tables-body-deyails p {
   font-size: 12px;
}
.sport-tables-body-deyails h1 {
   font-size: 15px;
}
.experiences-all img {
   width: 293px;
}
.experiences-all {
   width: 303px;
}
.follow-us {
   width: 27%;
}
.big-form{
   width:70%;
}
}
@media (max-width:790px){
   .collapsnav{
      background-color:#DE2662;
      text-align: center;
      width:250px;
  }
  .navbar-expand-lg .navbar-collapse {
   margin: 0 -1rem;
   border-radius:15px;
}
.navbar-light .navbar-nav .nav-link {
   color:white;
   text-align: center;
   padding-right: 17px;
   font-size: 15px;
   font-weight: bold;
   margin-top:.8rem;
}
.navbar-light .navbar-nav .nav-link:hover {
   transform: scale(1.1);
   color: #212757;
}
  .navbar {
   padding: 0rem 1rem;
}
.icons-img {
   margin: auto;
   width:250px;
}
.icons-img {
   padding: 16px 8px;
}
.navbar-light .navbar-toggler {
border:2px solid #DE2662;
}

.banar-LIFtFIT-img img {
   width: 315px;
}
.banar-LIFtFIT-img {
   width: 40%;
}
.LIFtFIT-details-p {
   width: 65%;
}
.LIFtFIT-details-p p {
   font-size: 14px;
}
.LIFtFIT-details-button{
   margin-top: 2rem;
}
.LIFtFIT-details h1 {
   font-size:2rem;
}
.we-area-img {
   margin-top: 6rem;
}
.we-area-img img {
   width: 95%;
}
.we-area-details h2 {
   font-size: 17px;
}
.we-area-p p {
   font-size: 13px;
}
.we-area-ask h1 {
   font-size: 23px;
}
.we-area-ask p {
   font-size: 11px;
}
.all-card .card .card-img {
   top: 12px;
   right: 0px;
   width: 315px;
}
.all-card .card:hover {
   height: 407px;
}
.all-card .card-2:hover {
   height: 530px;
}
.sport-tables-body-img img {
   width: 70px;
}
.sport-tables-body-deyails h1 {
   font-size: 12px;
}
.sport-tables-body-deyails p {
   font-size: 10px;
}
.sport-tables-body-deyails-button  button {
   padding: 6px 15px;
   width: 150px;
}
.diet-tables-body {
   width: 680px;
}
.diet-tables-body-img img {
   width: 245px;
}
.diet-tables-body-deyails-p {
   width: 70%;
}
.diet-tables-body-deyails h1 {
   font-size: 15px;
}
.diet-tables-body-deyails-button  button {
   width: 245px;
}
.experiences-all img {
   width: 323px;
}
.experiences-all {
   width: 335px;
}
.fotter-lift-fit {
flex-direction: column;
align-items: center;
text-align: center;
}
.fotter-lift-fit-link {
   margin-top: 1rem;
   width: 30%;
}
.content-us {
   margin-top:1rem;
}
.follow-us h1 {
   font-size: 21px;
   text-align: center;
}
.follow-us {
   margin-top:2rem;
}
.all-right {
   text-align:center;
}
.all-right span {
   font-size: 17px;
}
footer {
   height:auto;
}
.fotter-lift-fit-link-h1 h1 {
   font-size: 21px;
   text-align:center;
}
.follow-us {
   width: 42%;
}
.follow-us-img-all {
   margin-left:0rem;
}
.fotter-lift-fit-logo {
   margin-top: 1rem;
}
.we-area-details {
   width: 55%;
}
.diet-tables-body-deyails {
   width: 55%;
}
.form-lable {
   margin-right:3rem;
   font-size: 19px;
}
.check-account {
   margin: .5rem 3.5rem 1rem 0;
}
.all-form {
   width: 80%;
}
#inpu-selec {
   font-size:19px;
}

}
@media (max-width:450px){
    .img-form img {
   width: 300px;
   height: 400px;
}
   .banar-LIFtFIT {
      flex-direction: column-reverse;
      margin-top:2rem;
  }
  .banar-LIFtFIT-img {
   width: 96%;
}
.banar-LIFtFIT-img img {
   width: 283px;
}
.LIFtFIT-details {
   width: 100%;
   margin-top: 1rem;
   text-align: center;
}
.LIFtFIT-details-p {
   width: 100%;
   margin-top: -1rem;
}
.circle-img-LIFtFIT {
  display: none;
}
.we-area {
   flex-direction: column;
   text-align: center;
}
.we-area-img {
   width: 100%;
   margin-top:1rem;
   text-align: center;
}
.we-area-img img {
   width: 75%;
}
.we-area-details {
   width:100%;
   margin-top: -1rem;
   text-align: center;
}
.we-area-details h2 {
   font-size: 20px;
}
.we-area-p {
   width: 100%;
}
.we-area-p p {
   font-size: 15px;
}
.we-area-ask h1 {
   font-size: 25px;
}
.we-area-ask p {
   font-size: 12px;
}
.all-card .card .card-img {
   top: 16px;
   right: 22px;
   width: 315px;
}
.diet-tables-body {
   flex-direction: column;
}
.diet-tables-body {
   width: 395px;
}
.diet-tables-body-img {
   width: 100%;
}
.diet-tables-body-deyails {
   width: 100%;
   text-align: center;
}
.diet-tables-body-deyails-p {
   width: 100%;
}
.diet-tables-body-deyails h1 {
   font-size: 17px;
}
.experiences-all {
   width: 393px;
}
.experiences-all img {
   width: 382px;
   height: 325px;
}
.fotter-lift-fit-logo {
   width: 17%;
}
.fotter-lift-fit-link {
   width: 48%;
}
.content-us {
   width: 34%;
}
.follow-us {
   width: 60%;
}
.all-right span {
   font-size: 15px;
}
.all-card{
   margin: auto;
   margin-right: 1.5rem;
}
.all-card .card .card-img {
   top: 16px;
   right: 13px;
   width: 315px;
}
.sport-tables-body {
   width: 388px;
}
.sport-tables-body-deyails h1 {
   font-size: 13px;
}
.all-form {
   width: 100%;
}
.all-form-title h1 {
   align-items: center;
   font-size: 24px;
   margin-top: 1rem;
}
.form-profile {
   height: 70px;
}
.section-long-weight {
flex-direction: column;
}
.form-lable {
   margin-right: 2.5rem;
}
.form-lable {
   font-size: 20px;
}
.section-weight{
   width:95%;
}
.section-long{
   width:95%;
}
.check-account {
   margin: .5rem 2rem 1rem 0;
   text-align: right;
}
.all-card .card:hover {
   height: 407px;
}
.all-card .card-2:hover {
   height: 510px;
}
.all-card .card-3:hover {
   height:420px;
}
.all-card .card-4:hover {
   height:380px;
}
.conditions {
   width: 100%;
}
.conditions h2 {
   font-size: 18px;
}
.conditions h3 {
   font-size: 16px;
}
.big-form{
   width:100%;
}
footer {
   border-radius:1rem 1rem 0 0;
}
}
@media (max-width:390px){
   .all-card .card .card-img {
      right: -14px;
  }
  .all-card .card:hover {
   height: 447px;
}
.all-card .card:hover {
   height: 426px;
}
  .sport-tables-body {
   width: 345px;
}
.sport-tables-body-deyails p {
   font-size: 9px;
}
.diet-tables-body {
   width: 344px;
}
.experiences-all {
   width: 346px;
}
.experiences-all img {
   width: 335px;
   height: 325px;
}
.fotter-lift-fit-logo {
   width: 24%;
}
.fotter-lift-fit-link {
   width: 56%;
}
.content-us {
   width: 40%;
}
.follow-us {
   width: 63%;
}
.all-right span {
   font-size: 13px;
}
.all-form-title h1 {
   font-size: 22px;
}
.all-form-send img {
   width: 45px;
}
.all-form-logo img {
   width: 100px;
}
.check-account a {
   font-size: 12px;
}
.all-card .card-2:hover {
   height: 530px;
}
.all-card .card-3:hover {
   height:440px;
}
.all-card .card-4:hover {
   height:380px;
}
.conditions h2 {
   font-size: 16px;
}
}
@media (max-width:350px){
    .img-form img {
   width: 260px;
   height: 400px;
}
   .banar-LIFtFIT-img img {
      width: 250px;
  }
  .LIFtFIT-details h1 {
   font-size:1.5rem;
}
.all-card .card .card-img {
   right: -64px;
}
.all-card .card .card-img img {
   width: 84%;
   height: 100%;
}
.all-card .card:hover {
   height: 426px;
}
.all-card .card:hover {
   height: 567px;
}
.all-card .card:hover {
   height: 446px;
}
.all-card .card:hover {
   height: 405px;
}
.sport-tables-body {
   width: 290px;
}
.sport-tables-body-deyails h1 {
   font-size: 12px;
}
.diet-tables-body {
   width: 290px;
}
.diet-tables-body-deyails h1 {
   font-size: 14px;
}
.experiences-all {
   width:290px;
}
.experiences-all img {
   width: 279px;
   height: 291px;
}
.fotter-lift-fit-logo {
   width: 28%;
}
.fotter-lift-fit-link {
   width: 65%;
}
.content-us {
   width: 46%;
}
.content-us {
   width: 46%;
}
.text-center p{
   font-size:13px;
}
.follow-us {
   width: 76%;
}
.all-form-send img {
   width: 33px;
}
.all-form-logo img {
   width: 80px;
}
.all-form-title h1 {
   font-size: 18px;
}
.check-account {
   margin: .5rem 1rem 1rem 0;
}
.all-card .card:hover {
   height:420px;
}
.all-card .card-2:hover {
   height: 560px;
}
.all-card .card-3:hover {
   height:440px;
}
.all-card .card-4:hover {
   height:380px;
}
}