.elementor-6812 .elementor-element.elementor-element-c5f23aa{--display:flex;}.elementor-6812 .elementor-element.elementor-element-c5f23aa.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-6812 .elementor-element.elementor-element-ad2562f{width:var( --container-widget-width, 75% );max-width:75%;--container-widget-width:75%;--container-widget-flex-grow:0;}.elementor-6812 .elementor-element.elementor-element-ad2562f > .elementor-widget-container{margin:0px 0px 0px 0px;padding:40px 40px 40px 40px;}.elementor-6812 .elementor-element.elementor-element-ad2562f.elementor-element{--align-self:center;--order:99999 /* order end hack */;--flex-grow:0;--flex-shrink:1;}@media(max-width:767px){.elementor-6812 .elementor-element.elementor-element-ad2562f{--container-widget-width:462px;--container-widget-flex-grow:0;width:var( --container-widget-width, 462px );max-width:462px;}.elementor-6812 .elementor-element.elementor-element-ad2562f.elementor-element{--flex-grow:1;--flex-shrink:0;}}@media(min-width:768px){.elementor-6812 .elementor-element.elementor-element-c5f23aa{--width:109.534%;}}/* Start custom CSS for html, class: .elementor-element-ad2562f */.elementor-6812 .elementor-element.elementor-element-ad2562f  .form-container {
    width: 200px !important;
    height:500px;
    background-color: #fff;
    border-radius: 10px;
    padding: 10px;
    max-width: 1400px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
    direction: center;
    display: flex;
     box-sizing: content-box;
    
    
  }
  
  
    .highlight {
    color: #FFDE3E ;
    font-family: 'Ravi SemiBold', sans-serif !important ;
  font-weight: 300  ;
  font-size: 12px !important
  
}
 .elementor-6812 .elementor-element.elementor-element-ad2562f  .form-head-text {
    font-family: 'Ravi Thin', sans-serif !important ;
  font-weight: 300  ;
  color: #fff;
  
    
}
.elementor-6812 .elementor-element.elementor-element-ad2562f .form-container {
    background-color:   #163C61 ;
    
}

.elementor-6812 .elementor-element.elementor-element-ad2562f .form-group  {
    color: #fff;
    font-family: 'Ravi SemiBold', sans-serif !important ;
  font-weight: 300  ;
  
}

.elementor-6812 .elementor-element.elementor-element-ad2562f .form-group-flex {
    color: #fff;
    font-family: 'Ravi SemiBold', sans-serif !important ;
  font-weight: 300  ;
  
}


.elementor-6812 .elementor-element.elementor-element-ad2562f .margin {
    color: #FFFFFF;
    font-family: 'Ravi SemiBold', sans-serif !important ;
  font-weight: 300  ;
  margin-right:65px
}
.elementor-6812 .elementor-element.elementor-element-ad2562f .svg {
 flex-direction: row-reverse;
  align-items: center;
  justify-content: center;
  gap: 20px;
}


.elementor-6812 .elementor-element.elementor-element-ad2562f .form-group [type="submit"] {
   
background: linear-gradient(100deg, #FFE03D 0%, #FFD04D 100%); 
            color: #000;
            border-radius: 40px ;
 display: flex;
  margin: 30px auto 0 auto;
    justify-content: center;
 width: 100%;
 border-bottom: 2px solid #ffffff;
  border-right: 2px solid #ffffff;
       font-family: 'Ravi SemiBold', sans-serif !important ;
  font-weight: 300  ;
  font-size: 12px     
            
        }
  


.form-head-text {
  display: flex;
  align-items: center; /* وسط‌چینی عمودی */
  justify-content: center; /* وسط‌چینی افقی کل باکس */
  gap: 10px; /* فاصله بین آیکون و متن */
  text-align: right; /* راست‌چین کردن متن‌ها */
}

.hero-title img {
  width: 60px; /* سایز دلخواه آیکون */
  height: auto;
}


.elementor-6812 .elementor-element.elementor-element-ad2562f h2 {
    font-family: 'Ravi SemiBold', sans-serif !important ;
  font-weight: 300  ;
  font-size: 12px;
}
.elementor-6812 .elementor-element.elementor-element-ad2562f h3 {
    font-family: 'Ravi SemiBold', sans-serif !important ;
  font-weight: 300  ;
  font-size: 12px
}



/* فونت */
* {
  font-family: 'Ravi SemiBold', sans-serif;
}

/* کانتینر فرم */
.form-container {
  width: 100%;
  max-width: 300px;
  margin: 0 auto;
  padding:0px 0px 25px 30px;
  border: 2px solid #333;
  border-radius: 10px;
  background-color: #fff;
  direction: center;
  box-sizing: content-box;
}

/* عنوان فرم */
.form-container h2 {
  text-align: center;
  position: flex ;
  align-items: center;
  margin-bottom: 20px;
  font-size: 14px;
}

/* هر فیلد فرم */
.form-group {
  margin-bottom: 15px;
}

.form-group label {
  display: block;
  margin-bottom: 6px;
  font-size: 14px;
  font-weight: bold;
}

/* فیلدهای ورودی */
.form-group input[type="text"],
.form-group input[type="tel"],
.form-group select,
.form-group textarea {
  width: 100%;
  padding: 8px 12px;
  font-size: 14px;
  border: 1px solid #aaa;
  border-radius: 5px;
  box-sizing: border-box;
}

/* تکست اریا */
.form-group textarea {
  resize: vertical;
  height: 80px;
  
}

/* دکمه */
.submit-btn {
  width: 100%;
  padding: 10px;
  font-size: 16px;
  background-color: #444;
  color: #fff;
  border: none;
  border-radius: 6px;
  cursor: pointer;
  transition: background-color 0.3s;
}

.submit-btn:hover {
  background-color: #222;
}

.form-group-flex {
    font-family: 'Ravi SemiBold', 'sans-serif' !important ;
  font-weight: 300  ;
  font-size: 22px;
  padding-bottom: 10px;
   ;
  
  opacity: 100%
}

..form-group-flex .selected':gender === '1' {
    
}

.form-group {
    border-radius: 1px;
}


input[type="number"]#weight {
  border-radius: 40px;
  padding: 10px 15px;
  border: 2px solid #ccc;
  font-family: "Ravi SemiBold", sans-serif !important;
  font-size: 16px;
  outline: none;
  align-items: center  !important;
  transition: border-color 0.3s ease;
}

input[type="number"]#weight:focus {
  border-color: #0985BA;
}



input[type="number"]#age {
  border-radius: 40px;
  padding: 10px 15px;
  border: 2px solid #ccc;
  font-family: "Ravi SemiBold", sans-serif !important;
  font-size: 16px;
  outline: none;
  transition: border-color 0.3s ease;
}

input[type="number"]#weight:focus {
  border-color: #0985BA !important;
}


input[type="number"]#height {
  border-radius: 40px;
  padding: 10px 15px;
  border: 2px solid #ccc;
  font-family: "Ravi SemiBold", sans-serif !important;
  font-size: 16px;
  outline: none;
  transition: border-color 0.3s ease;
  align-self: center !important;
}

input[type="number"]#weight:focus {
  border-color: #0985BA;
}


label[for="weight"] {
  font-family: "Ravi SemiBold", sans-serif !important;
  font-size: 16px;
  color: #FFFFFF;
  margin-bottom: 8px;
  display: block;
}

label[for="age"] {
  font-family: "Ravi SemiBold", sans-serif !important;
  font-size: 16px;
  color: #FFFFFF;
  margin-bottom: 8px;
  display: block;
}

label[for="height"] {
  font-family: "Ravi SemiBold", sans-serif !important;
  font-size: 16px;
  color: #FFFFFF;
  margin-bottom: 8px;
  display: block;
}



.is-active {
  color: white;
  font-weight: bold;
  border: 2px solid #2779bd;
  font-family: "Ravi SemiBold", sans-serif !important;
  font-size: 16px;
}

.weight-style  {
   
  color: white;
  font-weight: bold;
  border: 2px solid #2779bd;
  font-family: "Ravi SemiBold", sans-serif !important;
  font-size: 16px;
}/* End custom CSS */