@media(max-width:400px){
  .prag-website a{
    width: 70%;
    font-size: 12px !important;
  }
  body{
    overflow-x: hidden !important;
  }
  .img-mokup img{
    object-fit: contain !important;
  }
  .custome-model .modal-content{
    height: 350px !important;
    border: none !important;
  }
  .box-detelisNews h4{
    font-size: 17px !important;
    margin: 15px 0px;
  }
  .box-detelisNews p{
    font-size: 14px !important;
  }
  .detelisNews h4{
    font-size: 17px !important;
    margin: 15px 0px;
  }
  .detelisNews p{
    font-size: 14px !important;
  }
   .custome-bg-navBar{
    width: 100% !important;
    min-height: 80px;
    background:  linear-gradient(80deg,#301C85,#7A2288);
    position: absolute !important;
    top: 0px !important;
    left: 0px !important;
    right: 0px !important;
    z-index: 1000;
    
    
  }
  .content-bg-home{
      position: absolute;
      top: 60%;
      transform: translateY(-50%);
      left: 13%;
      width: 80%;
    }
    .content-bg-home h3{
      width: 90%;
      color: #FFFFFF;
      font-weight: 700;
      font-size: 25px;
      line-height: 1.1;
    }
    .our-servicec{
      padding: 30px;
      margin-top:0px !important;
    }
    .our-servicec .content-our-massage{
      width: 100%;
    }
    .Why_Us{
      padding: 30px;
    }
    .Why_Us .content-our-massage{
      width: 100%;
    }
    .content-our-massage h6{
      width: 100%;
      
    }
    .section-Our-Vision{
      padding: 30px;
    }
    .section-Our-Vision .content-our-massage{
      width: 100%;
      margin: 15px 0px;
    }
    .news .content-our-massage{
      width: 100%;
    }
    .news{
      padding: 30px;
    }
    .content-our-massage h3{
      color: #000000;
      width: 100% !important;
      margin: 12px 0px;
      font-weight: bold;
      font-size: 22px;
      line-height: 1.5;
      text-transform: uppercase;
      
  }
  .content-our-massage p{
    width: 100% !important;
  }
  .footer-custome{
      width: 100%;
      min-height: 1000px !important;
      position: relative;
      background: #241566;
      padding: 30px;
     }
     .copy-pos-footer{
      position: absolute;
      bottom: 20px;
      left: 50%;
      transform: translateX(-50%);
      text-align: center;
      z-index: 1000 !important;
      width: 70%;
      line-height: 1.2;
      display: none;
     }
     .icon-pos-flex{
      display: flex;
      align-items: center;
     }
    
     /* #HeaderHome nav{
      padding: 15px 0px;
     
     } */
     .custome-bg-navBar .navbar-toggler{
      background-color: #fff !important;
      
     }
    
   
     .custome-bg-navBar .navbar-collapse ul li a{
      color: #fff  !important;
     }
     .custome-bg-navBar .navbar-collapse ul .active a{
      color: #87248A !important;
     }
     .box-search-header input{
      color: #87248A !important;
     }
     .bg-cover-about{
      width: 100%;
      min-height: calc(100vh - 80px ) !important;
        /* background: linear-gradient(180deg,#241666,#792386),url(../img/slider-image2.jpg) no-repeat; */
        background: linear-gradient(rgba(0,0,0,0.3),rgba(0,0,0,0.2));
        background-blend-mode: screen;
        position: relative;
        background-size: cover !important;
    }
     .Header-custome-All-page nav .navbar-toggler{
      background-color: #fff !important;
     }
     /* .Header-custome-All-page nav .navbar-collapse{
      background-color: #fff !important;
      border-radius: 8px;
      padding: 20px;
      z-index: 1000 !important;
     } */
     .Header-custome-All-page nav .navbar-collapse ul li a{
      color: #fff !important;
     }
     .Header-custome-All-page nav .navbar-collapse ul .active a{
      color: #87248A !important;
     }
     .box-search-header input{
      color: #87248A !important;
     }
     /* --------End Home */
       /* Start About  */
    .content-our-video{
      display: flex;
      justify-content: center;
      align-items: center;
      flex-direction: column;
      width: 100%;
      margin: auto;
      text-align: center;
  }
  .row-client .columes-client{
      flex-basis: 100%;
      margin: 15px 0px;
  }
    /* End About */
    /* Member Detasils */
    .card-info-parson-flex{
      min-height: 300px;
      width: 100%;
      border: 1px solid #87248A;
      border-radius: 80px 8px;
      padding: 30px;
      display: block;
      text-align: center;
    }
    .card-info-parson-flex .img-card-person{
      width: 90%;
      height: 200px;
      position: relative;
    }
    .card-info-parson-flex .content-meber-team{
      margin: 30px 0px !important;
    }
    /* .our-work-prfoile .tab-our-work{
      display: block !important;
    } */
    .our-work-prfoile .tab-our-work .items-profile{
      width: 100% !important;
      margin: 12px 0px;
      text-align: center;
      font-size: 16px !important;
    }
    .overlay-popUp{
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      min-height: 300vh !important;
      background: linear-gradient(rgba(0,0,0,0.5),rgba(0,0,0,0.4));
      display: none;
    }
    .sec-popUp .content-popUp{
      background-color: #fff;
      padding: 10px 30px;
      position: absolute;
      top: 40%;
      left: 50%;
      transform: translate(-50%,-50%) scale(0);
      border-radius: 3px;
      z-index: 1000;
      width: 80%;
      transition: all 0.5s;
    }
    .sec-popUp .content-popUp .swiper-button-next{
      display: none;
    }
    .sec-popUp .content-popUp .swiper-button-prev{
      display: none;
    }
    .detelis-info-job-flex{
      width: 100%;
      margin: 15px auto;
      display: block;
      justify-content: space-between;
      align-items: center;
    }
    .name-job-and-detelis p{
      width: 100%;
      line-height: 1.7;
      color: #747474;
    }
    .circle-silder-step{
     
   z-index: 1000 !important;
      
    }
 
    .shape-massage{
      width: 90%;
      min-height: 200px;
      border: 1px solid #792386;
      position: relative;
      margin: 15px auto;
      border-radius: 50%;
      display: flex;
      justify-content: center;
      align-items: center;
      padding: 20px;
    }
    .posSilder{
      width: 70%;
      position: absolute;
      left: 10%;
      top: 20%;
      z-index: 22;
      display: flex;
      height: 2000 !important;
    }
    .flex-row-slider-custom-step{
      display: block;
      justify-content: center;
      align-items: center;
      width: 85%;
   
    }
    .img-work-silder img{
      width: 100% !important;
      height: 150px !important;
    
    }
    .shape-massage::before{
      content: "";
      position: absolute;
      top: 145px;
      left: 16px;
      width: 20px;
      height: 20px;
      /* border: 1px solid #792386; */
      border-top: 1px solid #792386;
      border-right: 1px solid #792386;
      transform: rotate(183deg);
      z-index: 1000;
      background-color: #fff;
      display: none;
    
  }
  .circle-silder-step{
    width: 350px;
    height: 350px;
  }
  .cir1{
    position: absolute;
    right: 270px;
    top: 15px;
    transform: scale(1.5);
  }
  .cir2{
    position: absolute;
    right: 310px;
    top: 22%;
  }
  .cir3{
    position: absolute;
    right: 330px;
    top: 40%;
    cursor: pointer;
  }
  .cir4{
    position: absolute;
    right: 330px;
    top: 60%;
    
  }
  .cir5{
    position: absolute;
    right: 300px;
      top: 75%;
  }
  .cir6{
    position: absolute;
    right: 250px;
    top: 90%;
  }
  .title-step-silders{
    position: absolute;
    top: 50%;
    right: 0px;
    transform: rotate(-90deg);
    font-size: 18px !important;
  }
  .title-step-silders h4{
    font-size: 18px !important;
  }
  .content-zoom{
    width: 90%;
  }
  .content-video{
    width: 90%;
  }
  .Our-Massage .content-our-massage{
    width: 100% !important;
  }
  .Our-Massage .content-our-massage h6{
    width: 100% !important;
  }
  .Our-Massage .content-our-massage h3{
    width: 100% !important;
  }
  .Our-Massage .content-our-massage p{
    width: 100% !important;
  }

  #msform {
    width: 100%;
    min-height: 150vh !important;
  }
  .image-shape-content{
    display: block !important;
  }
  .image-shape-content img{
    width: 100% !important;
  }
  .image-shape-content .box-shape{
    width: 100%;
    min-height: 200px;
    border: 1px solid #792386;
    position: relative;
    margin: 5px auto;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 20px;
   }
   .image-shape-content .box-shape::before{
    display: none;
  
  
  }
  .modell-WhyUs .model{
    width: 100% !important;
  }
  .modell-WhyUs .modal-dialog{
    max-width: 100% !important;
  }
  #progressbar{
    width: 100%;
  }
  .line-pos-right-work-step{
    position: absolute;
    top: 20px;
    right: -480px;
    width: 500px;
    height: 500px;
    border-left: 3px solid #F800FF;
    border-right: 3px solid #7A2288;
    border-top: 3px solid #301C85;
    border-bottom: 3px solid #301C85;
    border-radius: 50%;
    z-index: 1000 !important;
   
    
  }
  .line-pos-left-work-step{
    position: absolute;
    top: 150px;
    left: -480px;
    width: 500px;
    height: 500px;
    border-left: 3px solid #87248A;
    border-right: 3px solid #301C85;
    border-top: 3px solid #301C85;
    border-bottom: 3px solid #301C85;
    border-radius: 50%;
    z-index: 1000 !important;
 
  }
  .image-shape-content{
    display: block;
    /* justify-content: center; */
    align-items: center;
  
    margin-top:80px;
   }  
   .image-shape-content img{
    width: 100%;
    height: 250px;
    position: relative;
    left: 0%;
   }
   .image-shape-content .box-shape{
    width:100%;
    min-height: 150px;
    border: 1px solid #792386;
  
    left: 0%;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 20px;
   }
   .image-shape-content .box-shape::before{
    display: none;
  
  
  }
  /* .content-step-siler-fieldsests{
    min-height: 400px !important;
    z-index: 1000 !important;
    width: 100%;
    margin: 15px auto;
    background-color: #792386;
    position: relative;
    margin-top: 70px;
    
    } */
    .content-step-siler-fieldsests{
      position: relative;
      min-height: 400px;
      z-index: 1000 !important;
      width: 100%;
      margin: 15px auto;
      display: flex;
      justify-content: center;
      align-items: center;
      flex-direction: column !important;
      border-radius: 8px;
      background-image: none;
      background:  linear-gradient(80deg, #241666 0%, #AD28B1 100%) !important;
      background-size: cover;
      
      }
      .line-pos-right-Service{
        right: -480px;
      
      }
      .line-pos-left-Service{
        left: -480px;
       
      }
      .Why_Us .line-pos-right-Service{
        right: -480px;
        
      }
      .Why_Us .line-pos-left-Service{
        right: -480px;
       
      }
      .content-step-siler-fieldsests p{
        width: 80%;
      }
    .content-pos-silder-works{
      position: absolute;
      top: 100px;
      display: flex;
      justify-content: center;
      align-items: center;
      flex-direction: column !important;
      width: 100%;
      height: 250px;
    }
    .pos-but-sidler-next{
      position: absolute;
      left: 60%;
      bottom: -15px;
      width: 150px !important;
    }
    .pos-but-sidler-prev{
      position: absolute;
      left: 0%;
      bottom: -15px;
      width: 150px !important;
    }
    .line-pos-right-AllNews{
      display: none !important;
      
    }
    .line-pos-left-AllNews{
      display: none !important;
    }
    .our-client .line-pos-left-Service{
      display: none !important;
    }
    .line-pos-right-team{
      position: absolute;
      bottom: -100px !important;
      right: -460px;
      width: 500px;
      height: 500px;
      border-left: 3px solid #7A2288;
      border-right: 3px solid #7A2288;
      border-top: 3px solid #301C85;
      border-bottom: 3px solid #301C85;
      border-radius: 50%;
      z-index: 950 !important;
      
    }
    .line-pos-left-team{
      display: none;
      left: -480px;
  
    }
    .line-pos-right-team{
      display: none;
      right: -480px;
  
    }
    .box-team{
      width: 95% !important;
      margin:15px auto !important;
    }
    .custome-bg-navBar .navbar-collapse ul li {
      padding: 6px 0px !important;
     }
     .custome-bg-navBar{
      width: 100%;
      min-height: 80px;
      background:  linear-gradient(80deg,#301C85,#7A2288);
      position: fixed;
      top: 0;
      z-index: 1000;
      
  }
  .step-work-silders{
    height: 1000px !important;
   
  }
  header nav{
    padding: 0px 30px !important;
    width: 100% !important;
    overflow: hidden !important;
  }
  .ContactUs{
    padding:100px 0px !important;
  }
  .cv{
    display: block;
    width: 100%;
}
.flex-info-user{
    display: block;

}
.flex-info-user img{
    width: 150px;
    height: 150px;
    margin-top: 15px;
}
.flex-info-user h2{
    font-size: 27px !important;
}
.list{
    margin: 0px 30px;
}
.info h5{
    color: #7A2288;
    font-size: 18px;
    font-weight: 600;
    margin: 15px 0px;
    text-transform: uppercase !important;
}
.cv .part-left{
    width: 100% !important;

    min-height: 100vh !important;
    /* UI Properties */
    border-radius: 100px 0px;
    padding:40px 40px;
    border: 5px solid #5D1982;
}
.flex-card-founder{
  display: block;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
}
.col-founder-left{
  flex-basis: 100% !important;
  background-color: #fff;
  padding:40px 25px;
  box-shadow: 0px 4px 25px rgba(193, 193, 193, 0.25);
  border-radius: 5px;
}
.col-founder-right{
  flex-basis: 100%;
  background-color: #fff;
  padding:40px 25px;
  box-shadow: 0px 4px 25px rgba(193, 193, 193, 0.25);
  height: 400px;
  display: flex;
  justify-content: center;
  align-items: center;
}
}

@media(min-width:400px) and (max-width:576px){
  .ContactUs{
    padding:100px 0px !important;
  }
    /* Start Home */
    body{
      overflow-x: hidden !important;
    }
    .img-mokup img{
      object-fit: contain !important;
      /* height: 350px !important; */
    }
    /* .custome-model .custome-model .work-team-silders{
      height: 750px !important;
      border: none !important;
      background-color: #000000 !important;
    } */
    #HeaderHome{
      width: 100%;
      min-height: 100vh !important;
    }
     .content-bg-home{
        position: absolute;
        top: 60%;
        transform: translateY(-50%);
        left: 13%;
        width: 80%;
      }
       .content-bg-home h3{
        width: 90%;
        color: #FFFFFF;
        font-weight: 700;
        font-size: 25px;
        line-height: 1.1;
      }
      .our-servicec{
        padding: 30px;
        margin-top:0px !important;
      }
      .our-servicec .content-our-massage{
        width: 100%;
      }
      .Why_Us{
        padding: 30px;
      }
      .Why_Us .content-our-massage{
        width: 100%;
      }
      .content-our-massage h6{
        width: 100%;
        
      }
      .section-Our-Vision{
        padding: 30px;
      }
      .section-Our-Vision .content-our-massage{
        width: 100%;
        margin: 15px 0px;
      }
      .news .content-our-massage{
        width: 100%;
      }
      .news{
        padding: 30px;
      }
      .content-our-massage h3{
        color: #000000;
        width: 100% !important;
        margin: 12px 0px;
        font-weight: bold;
        font-size: 22px;
        line-height: 1.5;
        text-transform: uppercase;
        
    }
    .content-our-massage p{
      width: 100% !important;
    }
    .footer-custome{
        width: 100%;
        min-height: 1000px !important;
        position: relative;
        background: #241566;
        padding: 30px;
       }
       .copy-pos-footer{
        position: absolute;
        bottom: 20px;
        left: 50%;
        transform: translateX(-50%);
        text-align: center;
        z-index: 1000 !important;
        width: 70%;
        line-height: 1.2;
        display: none;
       }
       .icon-pos-flex{
        display: flex;
        align-items: center;
       }
      
       /* #HeaderHome nav{
        padding: 15px 0px;
       
       } */
       .custome-bg-navBar .navbar-toggler{
        background-color: #fff !important;
        
       }
      
     
       .custome-bg-navBar.navbar-collapse ul li a{
        color: #fff  !important;
       }
       .custome-bg-navBar .navbar-collapse ul .active a{
        color: #87248A !important;
       }
       .box-search-header input{
        color: #87248A !important;
       }
       
       .Header-custome-All-page nav .navbar-toggler{
        background-color: #fff !important;
       }
       /* .Header-custome-All-page nav .navbar-collapse{
        background-color: #fff !important;
        border-radius: 8px;
        padding: 20px;
        z-index: 1000 !important;
       } */
       .Header-custome-All-page nav .navbar-collapse ul li a{
        color: #fff !important;
       }
       .Header-custome-All-page nav .navbar-collapse ul .active a{
        color: #87248A !important;
       }
       .box-search-header input{
        color: #87248A !important;
       }
       /* --------End Home */
         /* Start About  */
      .content-our-video{
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        width: 100%;
        margin: auto;
        text-align: center;
    }
    .row-client .columes-client{
        flex-basis: 100%;
        margin: 15px 0px;
    }
      /* End About */
      /* Member Detasils */
      .card-info-parson-flex{
        min-height: 300px;
        width: 100%;
        border: 1px solid #87248A;
        border-radius: 80px 8px;
        padding: 30px;
        display: block;
        text-align: center;
      }
      .card-info-parson-flex .img-card-person{
        width: 90%;
        height: 200px;
        position: relative;
      }
      .card-info-parson-flex .content-meber-team{
        margin: 30px 0px !important;
      }
      /* .our-work-prfoile .tab-our-work{
        display: block !important;
      } */
      .our-work-prfoile .tab-our-work .items-profile{
        width: 100% !important;
        margin: 12px 0px;
        text-align: center;
        font-size: 16px !important;
      }
      .overlay-popUp{
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        min-height: 300vh !important;
        background: linear-gradient(rgba(0,0,0,0.5),rgba(0,0,0,0.4));
        display: none;
      }
      .sec-popUp .content-popUp{
        background-color: #fff;
        padding: 10px 30px;
        position: absolute;
        top: 40%;
        left: 50%;
        transform: translate(-50%,-50%) scale(0);
        border-radius: 3px;
        z-index: 1000;
        width: 80%;
        transition: all 0.5s;
      }
      .sec-popUp .content-popUp .swiper-button-next{
        display: none;
      }
      .sec-popUp .content-popUp .swiper-button-prev{
        display: none;
      }
      .detelis-info-job-flex{
        width: 100%;
        margin: 15px auto;
        display: block;
        justify-content: space-between;
        align-items: center;
      }
      .name-job-and-detelis p{
        width: 100%;
        line-height: 1.7;
        color: #747474;
      }
      .circle-silder-step{
       
     z-index: 1000 !important;
        
      }
   
      .shape-massage{
        width: 90%;
        min-height: 200px;
        border: 1px solid #792386;
        position: relative;
        margin: 15px auto;
        border-radius: 50%;
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 20px;
      }
      .posSilder{
        width: 70%;
        position: absolute;
        left: 10%;
        top: 20%;
        z-index: 22;
        display: flex;
        height: 2000 !important;
      }
      .flex-row-slider-custom-step{
        display: block;
        justify-content: center;
        align-items: center;
        width: 85%;
     
      }
      .img-work-silder img{
        width: 100% !important;
        height: 150px !important;
      
      }
      .shape-massage::before{
        content: "";
        position: absolute;
        top: 145px;
        left: 16px;
        width: 20px;
        height: 20px;
        /* border: 1px solid #792386; */
        border-top: 1px solid #792386;
        border-right: 1px solid #792386;
        transform: rotate(183deg);
        z-index: 1000;
        background-color: #fff;
        display: none;
      
    }
    .circle-silder-step{
      width: 350px;
      height: 350px;
    }
    .cir1{
      position: absolute;
      right: 270px;
      top: 15px;
      transform: scale(1.5);
    }
    .cir2{
      position: absolute;
      right: 310px;
      top: 22%;
    }
    .cir3{
      position: absolute;
      right: 330px;
      top: 40%;
      cursor: pointer;
    }
    .cir4{
      position: absolute;
      right: 330px;
      top: 60%;
      
    }
    .cir5{
      position: absolute;
      right: 300px;
        top: 75%;
    }
    .cir6{
      position: absolute;
      right: 250px;
      top: 90%;
    }
    .title-step-silders{
      position: absolute;
      top: 50%;
      right: 0px;
      transform: rotate(-90deg);
      font-size: 18px !important;
    }
    .title-step-silders h4{
      font-size: 18px !important;
    }
    .content-zoom{
      width: 90%;
    }
    .content-video{
      width: 90%;
    }
    .Our-Massage .content-our-massage{
      width: 100% !important;
    }
    .Our-Massage .content-our-massage h6{
      width: 100% !important;
    }
    .Our-Massage .content-our-massage h3{
      width: 100% !important;
    }
    .Our-Massage .content-our-massage p{
      width: 100% !important;
    }
    .step-work-silders{
      min-height: 80vh !important;
      
    }
    #msform {
      width: 85%;
      min-height: 150vh !important;
    }
    .image-shape-content{
      display: block !important;
    }
    .image-shape-content img{
      width: 100% !important;
    }
    .image-shape-content .box-shape{
      width: 100%;
      min-height: 200px;
      border: 1px solid #792386;
      position: relative;
      margin: 5px auto;
      border-radius: 50%;
      display: flex;
      justify-content: center;
      align-items: center;
      padding: 20px;
     }
     .image-shape-content .box-shape::before{
      display: none;
    
    
    }
    .modell-WhyUs .model{
      width: 100% !important;
    }
    .modell-WhyUs .modal-dialog{
      max-width: 100% !important;
    }
    #progressbar{
      width: 100%;
    }
    .line-pos-right-work-step{
      position: absolute;
      top: 20px;
      right: -480px;
      width: 500px;
      height: 500px;
      border-left: 3px solid #F800FF;
      border-right: 3px solid #7A2288;
      border-top: 3px solid #301C85;
      border-bottom: 3px solid #301C85;
      border-radius: 50%;
      z-index: 1000 !important;
    }
    .line-pos-left-work-step{
      position: absolute;
      top: 150px;
      left: -480px;
      width: 500px;
      height: 500px;
      border-left: 3px solid #87248A;
      border-right: 3px solid #301C85;
      border-top: 3px solid #301C85;
      border-bottom: 3px solid #301C85;
      border-radius: 50%;
      z-index: 1000 !important;
    }
    .image-shape-content{
      display: block;
      /* justify-content: center; */
      align-items: center;
    
      margin-top:80px;
     }  
     .image-shape-content img{
      width: 100%;
      height: 250px;
      position: relative;
      left: 0%;
     }
     .image-shape-content .box-shape{
      width:100%;
      min-height: 150px;
      border: 1px solid #792386;
    
      left: 0%;
      border-radius: 50%;
      display: flex;
      justify-content: center;
      align-items: center;
      padding: 20px;
     }
     .image-shape-content .box-shape::before{
      display: none;
    
    
    }
    /* .content-step-siler-fieldsests{
      min-height: 400px !important;
      z-index: 1000 !important;
      width: 100%;
      margin: 15px auto;
      background-color: #792386;
      position: relative;
      margin-top: 70px;
      
      } */
      .content-step-siler-fieldsests{
        position: relative;
        min-height: 400px;
        z-index: 1000 !important;
        width: 100%;
        margin: 15px auto;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column !important;
        border-radius: 8px;
        background-image: none;
        background:  linear-gradient(80deg, #241666 0%, #AD28B1 100%) !important;
        background-size: cover;
        
        }
        .line-pos-right-Service{
          right: -480px;
        }
        .line-pos-left-Service{
          left: -480px;
        
        }
        .Why_Us .line-pos-right-Service{
          right: -480px;
        }
        .Why_Us .line-pos-left-Service{
          right: -480px;
        }
        .content-step-siler-fieldsests p{
          width: 80%;
        }
      .content-pos-silder-works{
        position: absolute;
        top: 100px;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column !important;
        width: 100%;
        height: 250px;
      }
      .pos-but-sidler-next{
        position: absolute;
        left: 60%;
        bottom: -15px;
        width: 150px !important;
      }
      .pos-but-sidler-prev{
        position: absolute;
        left: 0%;
        bottom: -15px;
        width: 150px !important;
      }
      .line-pos-right-AllNews{
        display: none !important;
      }
      .line-pos-left-AllNews{
        display: none !important;
      }
      .our-client .line-pos-left-Service{
        display: none !important;
      }
      .line-pos-right-team{
        position: absolute;
        bottom: -100px !important;
        right: -460px;
        width: 500px;
        height: 500px;
        border-left: 3px solid #7A2288;
        border-right: 3px solid #7A2288;
        border-top: 3px solid #301C85;
        border-bottom: 3px solid #301C85;
        border-radius: 50%;
        z-index: 950 !important;
      }
      .line-pos-left-team{
    
        left: -480px;
    
      }
      .line-pos-right-team{
    
        right: -480px;
    
      }
      .box-team{
        width: 95% !important;
        margin:15px auto !important;
      }
      .custome-bg-navBar .navbar-collapse ul li {
        padding: 6px 0px !important;
       }
       .custome-bg-navBar{
        width: 100%;
        min-height: 80px;
        background:  linear-gradient(80deg,#301C85,#7A2288);
        position: fixed;
        top: 0;
        z-index: 1000;
        
    }
    .step-work-silders{
      height: 1000px !important;
    }
    .cv{
      display: block;
      width: 100%;
  }
  .flex-info-user{
      display: block;
 
  }
  .flex-info-user img{
      width: 150px;
      height: 150px;
      margin-top: 15px;
  }
  .flex-info-user h2{
      font-size: 27px !important;
  }
  .list{
      margin: 0px 30px;
  }
  .info h5{
      color: #7A2288;
      font-size: 18px;
      font-weight: 600;
      margin: 15px 0px;
      text-transform: uppercase !important;
  }
  .cv .part-left{
      width: 100% !important;
  
      min-height: 100vh !important;
      /* UI Properties */
      border-radius: 100px 0px;
      padding:40px 40px;
      border: 5px solid #5D1982;
  }
  .flex-card-founder{
    display: block;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
  }
  .col-founder-left{
    flex-basis: 100% !important;
    background-color: #fff;
    padding:40px 25px;
    box-shadow: 0px 4px 25px rgba(193, 193, 193, 0.25);
    border-radius: 5px;
  }
  .col-founder-right{
    flex-basis: 100%;
    background-color: #fff;
    padding:40px 25px;
    box-shadow: 0px 4px 25px rgba(193, 193, 193, 0.25);
    height: 400px;
    display: flex;
    justify-content: center;
    align-items: center;
  }
}
@media(min-width:576px) and (max-width:767.98px){
  .ContactUs{
    padding:30px 0px !important;
  }
  .img-mokup img{
    object-fit: contain !important;
  }
    /* Start Home */
     .content-bg-home{
        position: absolute;
        top: 60%;
        transform: translateY(-50%);
        left: 13%;
        width: 80%;
      }
       .content-bg-home h3{
        width: 90%;
        color: #FFFFFF;
        font-weight: 700;
        font-size: 25px;
        line-height: 1.1;
      }
      .our-servicec{
        padding: 30px;
      }
      .our-servicec .content-our-massage{
        width: 100%;
      }
      .Why_Us{
        padding: 30px;
      }
      .Why_Us .content-our-massage{
        width: 100%;
      }
      .section-Our-Vision{
        padding: 30px;
      }
      .section-Our-Vision .content-our-massage{
        width: 100%;
        margin: 15px 0px;
      }
      .news .content-our-massage{
        width: 100%;
      }
      .news{
        padding: 30px;
      }
      .content-our-massage h3{
        color: #000000;
        width: 100%;
        margin: 12px 0px;
        font-weight: bold;
        font-size: 24px;
        text-transform: uppercase;
        
    }
    .footer-custome{
        width: 100%;
        min-height: 1000px !important;
        position: relative;
        background: #241566;
        padding: 30px;
       }
       .copy-pos-footer{
        position: absolute;
        bottom: 40px;
        left: 50%;
        transform: translateX(-50%);
        text-align: center;
        z-index: 1000 !important;
        width: 100%;
       display: none;
       }
       .icon-pos-flex{
        
        display: flex;
        align-items: center;
       }
       .custome-bg-navBar.navbar-toggler{
        background-color: #fff !important;
       }
    
       .custome-bg-navBar .navbar-collapse ul li a{
        color: #1a1a1a !important;
       }
       .custome-bg-navBar .navbar-collapse ul .active a{
        color: #87248A !important;
       }
       .box-search-header input{
        color: #87248A !important;
       }
       .Header-custome-All-page nav .navbar-toggler{
        background-color: #fff !important;
       }
       .Header-custome-All-page nav .navbar-collapse{
        background-color: #fff !important;
        border-radius: 8px;
        padding: 20px;
        z-index: 1000 !important;
       }
       .Header-custome-All-page nav .navbar-collapse ul li a{
        color: #1a1a1a !important;
       }
       .Header-custome-All-page nav .navbar-collapse ul .active a{
        color: #87248A !important;
       }
       /* End Home */
       /* Start About */
       .content-our-massage{
        width: 100%;
       
      }
      .content-our-massag h3{
        width: 100%;
      }
      .content-our-video{
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        width: 100%;
        margin: auto;
        text-align: center;
    }
    .row-client .columes-client{
        flex-basis: 48%;
        margin: 15px 0px;
    }
       /* End About */
       .card-info-parson-flex{
        min-height: 300px;
        width: 100%;
        border: 1px solid #87248A;
        border-radius: 80px 8px;
        padding: 30px;
        display: block;
        text-align: center;
      }
      .card-info-parson-flex .img-card-person{
        width: 90%;
        height: 200px;
        position: relative;
      }
      .card-info-parson-flex .content-meber-team{
        margin: 30px 0px !important;
      }
      .overlay-popUp{
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        min-height: 300vh !important;
        background: linear-gradient(rgba(0,0,0,0.5),rgba(0,0,0,0.4));
        display: none;
      }
      .sec-popUp .content-popUp{
        background-color: #fff;
        padding: 10px 30px;
        position: absolute;
        top: 40%;
        left: 50%;
        transform: translate(-50%,-50%) scale(0);
        border-radius: 3px;
        z-index: 1000;
        width: 80%;
        transition: all 0.5s;
      }
      .sec-popUp .content-popUp .swiper-button-next{
        display: none;
      }
      .sec-popUp .content-popUp .swiper-button-prev{
        display: none;
      }
      .detelis-info-job-flex{
        width: 100%;
        margin: 15px auto;
        display: block;
        justify-content: space-between;
        align-items: center;
      }
      .name-job-and-detelis p{
        width: 100%;
        line-height: 1.7;
        color: #747474;
      }
      .circle-silder-step{
       
        z-index: 1000 !important;
           
         }
      
         .shape-massage{
           width: 100%;
           min-height: 200px;
           border: 1px solid #792386;
           position: relative;
           margin: 15px auto;
           border-radius: 50%;
           display: flex;
           justify-content: center;
           align-items: center;
           padding: 20px;
         }
         .posSilder{
           width: 70%;
           position: absolute;
           left: 10%;
           top: 20%;
           z-index: 22;
           display: flex;
           height: 2000 !important;
         }
         .flex-row-slider-custom-step{
           display: block;
           justify-content: center;
           align-items: center;
           width: 85%;
        
         }
         .img-work-silder img{
           width: 100% !important;
           height: 150px !important;
         
         }
         .shape-massage::before{
           content: "";
           position: absolute;
           top: 145px;
           left: 16px;
           width: 20px;
           height: 20px;
           /* border: 1px solid #792386; */
           border-top: 1px solid #792386;
           border-right: 1px solid #792386;
           transform: rotate(183deg);
           z-index: 1000;
           background-color: #fff;
           display: none;
         
       }
       .circle-silder-step{
        width: 350px;
        height: 350px;
      }
      .cir1{
        position: absolute;
        right: 270px;
        top: 15px;
        transform: scale(1.5);
      }
      .cir2{
        position: absolute;
        right: 310px;
        top: 22%;
      }
      .cir3{
        position: absolute;
        right: 330px;
        top: 40%;
        cursor: pointer;
      }
      .cir4{
        position: absolute;
        right: 330px;
        top: 60%;
        
      }
      .cir5{
        position: absolute;
        right: 300px;
          top: 75%;
      }
      .cir6{
        position: absolute;
        right: 250px;
        top: 90%;
      }
      .title-step-silders{
        position: absolute;
        top: 50%;
        right: 0px;
        transform: rotate(-90deg);
        
      }
      .content-zoom{
        width: 90%;
      }
      .content-video{
        width: 90%;
      }
      .title-step-silders h4{
        font-size: 18px !important;
      }
      .step-work-silders{
        height: 1000px !important;
      }
      #msform {
        width: 85%;
        min-height: 100vh !important;
      }
      .image-shape-content{
        display: block !important;
      }
      .image-shape-content img{
        width: 100% !important;
      }
      .image-shape-content .box-shape{
        width: 70%;
        min-height: 200px;
        border: 1px solid #792386;
        position: relative;
        margin: 5px auto;
        border-radius: 50%;
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 20px;
       }
       .image-shape-content .box-shape::before{
        display: none;
      
      
      }
      .modell-WhyUs .model{
        width: 100% !important;
      }
      .modell-WhyUs .modal-dialog{
        max-width: 90% !important;
        margin: auto !important;
      }
      #progressbar{
        width: 100%;
      }
      .line-pos-right-work-step{
        position: absolute;
        top: 20px;
        right: -480px;
        width: 500px;
        height: 500px;
        border-left: 3px solid #F800FF;
        border-right: 3px solid #7A2288;
        border-top: 3px solid #301C85;
        border-bottom: 3px solid #301C85;
        border-radius: 50%;
        z-index: 1000 !important;
      }
      .line-pos-left-work-step{
        position: absolute;
        top: 150px;
        left: -480px;
        width: 500px;
        height: 500px;
        border-left: 3px solid #87248A;
        border-right: 3px solid #301C85;
        border-top: 3px solid #301C85;
        border-bottom: 3px solid #301C85;
        border-radius: 50%;
        z-index: 1000 !important;
      }
      .image-shape-content{
        display: block;
        /* justify-content: center; */
        align-items: center;
      
        margin-top:80px;
       }  
       .image-shape-content img{
        width: 100%;
        height: 250px;
        position: relative;
        left: 0%;
       }
       .image-shape-content .box-shape{
        width:60%;
        min-height: 150px;
        border: 1px solid #792386;
      
        left: 0%;
        border-radius: 50%;
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 20px;
       }
       .image-shape-content .box-shape::before{
        display: none;
      
      
      }
      .content-step-siler-fieldsests{
        position: relative;
        min-height: 400px;
        z-index: 1000 !important;
        width: 100%;
        margin: 15px auto;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column !important;
        border-radius: 8px;
        background-image: none;
        background:  linear-gradient(80deg, #241666 0%, #AD28B1 100%) !important;
        background-size: cover;
        
        }
        .content-step-siler-fieldsests p{
          width: 85%;
        }
        .content-pos-silder-works{
          position: absolute;
          top: 100px;
          display: flex;
          justify-content: center;
          align-items: center;
          flex-direction: column !important;
          width: 100%;
          height: 250px;
        }
        .pos-but-sidler-next{
          position: absolute;
          right: 50px;
          bottom: -15px;
          width: 150px !important;
        }
        .pos-but-sidler-prev{
          position: absolute;
          left: 50px;
          bottom: -15px;
          width: 150px !important;
        }
        #msform{
          width: 100%;
          min-height: 150vh !important;
        }
        .line-pos-right-AllNews{
          right: -480px;
       
        }
        .line-pos-left-AllNews{
          left: -480px;
        }
        .line-pos-right-Service{
          right: -480px;
        }
        .line-pos-left-Service{
          left: -480px;
        
        }
        .Why_Us .line-pos-right-Service{
          right: -480px;
        }
        .Why_Us .line-pos-left-Service{
          right: -480px;
        }
        .line-pos-left-team{
    
          left: -480px;
      
        }
        .line-pos-right-team{
      
          right: -480px;
      
        }
        .our-work-prfoile .tab-our-work .items-profile{
          width: 100% !important;
          margin: 12px 0px;
          text-align: center;
          font-size: 16px !important;
        }
        .cv{
          display: block;
          width: 100%;
      }
      .flex-info-user{
          display: block;
     
      }
      .flex-info-user img{
          width: 150px;
          height: 150px;
          margin-top: 15px;
      }
      .flex-info-user h2{
          font-size: 27px !important;
      }
      .list{
          margin: 0px 30px;
      }
      .info h5{
          color: #7A2288;
          font-size: 18px;
          font-weight: 600;
          margin: 15px 0px;
          text-transform: uppercase !important;
      }
      .cv .part-left{
          width: 100% !important;
      
          min-height: 100vh !important;
          /* UI Properties */
          border-radius: 100px 0px;
          padding:40px 40px;
          border: 5px solid #5D1982;
      }
      .flex-card-founder{
        display: block;
        justify-content: space-between;
        align-items: center;
        flex-wrap: wrap;
      }
      .col-founder-left{
        flex-basis: 100% !important;
        background-color: #fff;
        padding:40px 25px;
        box-shadow: 0px 4px 25px rgba(193, 193, 193, 0.25);
        border-radius: 5px;
      }
      .col-founder-right{
        flex-basis: 100%;
        background-color: #fff;
        padding:40px 25px;
        box-shadow: 0px 4px 25px rgba(193, 193, 193, 0.25);
        height: 400px;
        display: flex;
        justify-content: center;
        align-items: center;
      }
    }
@media(min-width:768px) and (max-width:991.98px){
    /* Start Home */
    #HeaderHome nav .navbar-toggler{
        background-color: #fff !important;
       }
     
       #HeaderHome nav .navbar-collapse ul li a{
        color: #1a1a1a !important;
       }
       #HeaderHome nav .navbar-collapse ul .active a{
        color: #87248A !important;
       }
       .box-search-header input{
        color: #87248A !important;
       }
       .content-bg-home{
        position: absolute;
        top: 60%;
        transform: translateY(-50%);
        left: 13%;
        width: 80%;
      }
      .content-bg-home h3{
        width: 90%;
        color: #FFFFFF;
        font-weight: 700;
        font-size: 40px;
        line-height: 1.1;
      }
      .content-our-massage{
        width: 100% !important;
      }
      .content-our-massage h3{
        width: 100%;
        font-size: 22px;
      }
      /* End Home */

      /* Start About  */
      .content-our-video{
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        width: 80%;
        margin: auto;
        text-align: center;
    }
    .row-client .columes-client{
        flex-basis: 30%;
        margin: 15px 0px;
    }
    .footer-custome{
      width: 100%;
      min-height: 600px !important;
      position: relative;
      background: #241566;
      padding: 30px;
     }
     .copy-pos-footer{
      position: absolute;
      bottom: 10px;
      right: 0px !important;
      /* transform: translateX(-50%); */
      z-index: 1000 !important;
      text-align: right !important;
      display: none;
     }
      /* End About */
      .card-info-parson-flex{
        min-height: 300px;
        width: 100%;
        border: 1px solid #87248A;
        border-radius: 80px 8px;
        padding: 30px;
        display: block;
        text-align: center;
      }
      .card-info-parson-flex .img-card-person{
        width: 90%;
        height: 200px;
        position: relative;
      }
      .card-info-parson-flex .content-meber-team{
        margin: 30px 0px !important;
      }
      .content-zoom{
        width: 70%;
      }
      .content-video{
        width: 70%;
      }
      .Header-custome-All-page nav .navbar-toggler{
        background-color: #fff !important;
       }
       .Header-custome-All-page nav .navbar-collapse{
        background-color: #fff !important;
        border-radius: 8px;
        padding: 20px;
        z-index: 1000 !important;
       }
       .Header-custome-All-page nav .navbar-collapse ul li a{
        color: #1a1a1a !important;
       }
       .Header-custome-All-page nav .navbar-collapse ul .active a{
        color: #87248A !important;
       }
       .circle-silder-step{
        width: 350px;
        height: 350px;
      }
      .cir1{
        position: absolute;
        right: 270px;
        top: 15px;
        transform: scale(1.5);
      }
      .cir2{
        position: absolute;
        right: 310px;
        top: 22%;
      }
      .cir3{
        position: absolute;
        right: 330px;
        top: 40%;
        cursor: pointer;
      }
      .cir4{
        position: absolute;
        right: 330px;
        top: 60%;
        
      }
      .cir5{
        position: absolute;
        right: 300px;
          top: 75%;
      }
      .cir6{
        position: absolute;
        right: 250px;
        top: 90%;
      }
      .title-step-silders{
        position: absolute;
        top: 50%;
        right: -20px;
        transform: rotate(-90deg);
        
      }
      .title-step-silders h4{
        font-size: 22px !important;
      }
      
      .image-shape-content#msform {
        width: 85%;
        min-height: 650px !important;
      } .box-shape{
        width: 100%;
        min-height: 200px;
        border: 1px solid #792386;
        position: relative;
        margin: 5px auto;
        border-radius: 50%;
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 20px;
       }
       .image-shape-content .box-shape::before{
       display: none;
      
      
      }
     
      #msform {
        width: 85%;
        min-height: 650px !important;
      }
      #progressbar{
        width: 80%;
      }
      .line-pos-right-work-step{
        position: absolute;
        top: 20px;
        right: -480px;
        width: 500px;
        height: 500px;
        border-left: 3px solid #F800FF;
        border-right: 3px solid #7A2288;
        border-top: 3px solid #301C85;
        border-bottom: 3px solid #301C85;
        border-radius: 50%;
        z-index: 1000 !important;
      }
      .line-pos-left-work-step{
        position: absolute;
        top: 150px;
        left: -480px;
        width: 500px;
        height: 500px;
        border-left: 3px solid #87248A;
        border-right: 3px solid #301C85;
        border-top: 3px solid #301C85;
        border-bottom: 3px solid #301C85;
        border-radius: 50%;
        z-index: 1000 !important;
      }
      .image-shape-content{
        display: flex;
        /* justify-content: center; */
        align-items: center;
      
        margin-top:80px;
       }  
       .image-shape-content img{
        width: 45%;
        height: 250px;
        position: relative;
        left: 0%;
       }
       .image-shape-content .box-shape{
        width:30%;
        min-height: 150px;
        border: 1px solid #7A2288;
        position: absolute;
        top: 10% ;
        left: 45%;
        border-radius: 50%;
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 20px;
       }
       .image-shape-content .box-shape::before{
        display: none;
      
      
      }
      .content-step-siler-fieldsests{
        min-height: 350px !important;
        z-index: 1000 !important;
        width: 100%;
        margin: 15px auto;
        background-color: #792386;
        position: relative;
        margin-top: 70px;
        
        }
        .content-step-siler-fieldsests::before{
          display: none;
        }
        .content-pos-silder-works{
          position: absolute;
          top: 100px;
          display: flex;
          justify-content: center;
          align-items: center;
          flex-direction: column !important;
          width: 100%;
          height: 250px;
        }
        .pos-but-sidler-next{
          position: absolute;
          right: 50px;
          bottom: -50px;
          width: 150px !important;
        }
        .pos-but-sidler-prev{
          position: absolute;
          left: 50px;
          bottom: -50px;
          width: 150px !important;
        }
        #msform{
          width: 100%;
          min-height: 125vh !important;
        }
        .line-pos-right-Service{
          right: -480px;
        }
        .line-pos-left-Service{
          left: -480px;
        
        }
        .Why_Us .line-pos-right-Service{
          right: -480px;
        }
        .Why_Us .line-pos-left-Service{
          right: -480px;
        }
        .content-step-siler-fieldsests{
          position: relative;
          width: 100%;
          margin: 15px auto;
          display: flex;
          justify-content: center;
          align-items: center;
          flex-direction: column !important;
          border-radius: 8px;
          background-image: none;
          background:  linear-gradient(80deg, #241666 0%, #AD28B1 100%) !important;
          background-size: cover;
          
          }
          .image-ourMassage{
            width: 100% !important;
          }
          .image-ourMassage img{
            width: 100%;
            height: 100%;
           
           
        }
        .our-work-prfoile .tab-our-work .items-profile{
          width: 30% !important;
          margin: 12px 0px;
          text-align: center;
          font-size: 16px !important;
        }
        .our-servicec{
          margin-top: 0px !important;
        }
        .step-work-silders{
          height: 900px !important;
        }
        
  .flex-info-user{
    display: block;

}
.flex-info-user h2{
    font-size: 30px !important;
}
.des-name{
    font-size: 17px ;
    margin: 10px 0px;
}
.flex-info-user img{
    width: 120px;
    height: 120px;
    margin: 10px 0px;
}
.list{
    margin: 0px 30px;
}
}
@media(min-width:992px) and (max-width:1199.98px){
   .content-bg-home{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 13%;
    width: 60%;
  }
  .content-bg-home h3{
    width: 70%;
  }
  .image-shape-content .box-shape::before{
    display: none;
   
   
   }
   .step-work-silders{
    min-height: 110vh !important;
  }
  #msform {
    width: 85%;
    min-height: 100vh !important;
  }
  #progressbar{
    width: 80%;
  }
  .line-pos-right-work-step{
    position: absolute;
    top: 20px;
    right: -480px;
    width: 500px;
    height: 500px;
    border-left: 3px solid #F800FF;
    border-right: 3px solid #7A2288;
    border-top: 3px solid #301C85;
    border-bottom: 3px solid #301C85;
    border-radius: 50%;
    z-index: 1000 !important;
  }
  .line-pos-left-work-step{
    position: absolute;
    top: 150px;
    left: -480px;
    width: 500px;
    height: 500px;
    border-left: 3px solid #87248A;
    border-right: 3px solid #301C85;
    border-top: 3px solid #301C85;
    border-bottom: 3px solid #301C85;
    border-radius: 50%;
    z-index: 1000 !important;
  }
  .image-shape-content{
    display: flex;
    /* justify-content: center; */
    align-items: center;
  
    margin-top:80px;
   }  
   .image-shape-content img{
    width: 45%;
    height: 250px;
    position: relative;
    left: 0%;
   }
   .image-shape-content .box-shape{
    width:30%;
    min-height: 150px;
    border: 1px solid #7A2288;
    position: absolute;
    top: 10% ;
    left: 45%;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 20px;
   }
   .image-shape-content .box-shape::before{
    display: none;
  
  
  }

    .content-step-siler-fieldsests::before{
      display: none;
    }
    .content-pos-silder-works{
      position: absolute;
      top: 100px;
      display: flex;
      justify-content: center;
      align-items: center;
      flex-direction: column !important;
      width: 100%;
      height: 250px;
    }
    .pos-but-sidler-next{
      position: absolute;
      right: 50px;
      bottom: -50px;
      width: 150px !important;
    }
    .pos-but-sidler-prev{
      position: absolute;
      left: 50px;
      bottom: -50px;
      width: 150px !important;
    }
    #msform{
      width: 100%;
      min-height: 125vh !important;
    }
    .content-step-siler-fieldsests{
      position: relative;
      min-height: 200px;
      z-index: 1000 !important;
      width: 100%;
      margin: 15px auto;
      display: flex;
      justify-content: center;
      align-items: center;
      flex-direction: column !important;
      border-radius: 8px;
      background-image: none;
      background:  linear-gradient(80deg, #241666 0%, #AD28B1 100%) !important;
      background-size: cover;
      
      }
      .content-pos-silder-works{
        position: absolute;
        top: 0px;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column !important;
        width: 100%;
        height: 250px;
      }
   /* .our-servicec {
    margin-top: -80px;
   } */
   header nav ul li{
    font-size: 15px !important;
   }
}