.elementor-7311 .elementor-element.elementor-element-1e07690{--display:flex;--min-height:50vh;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;}.elementor-7311 .elementor-element.elementor-element-1e07690:not(.elementor-motion-effects-element-type-background), .elementor-7311 .elementor-element.elementor-element-1e07690 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#054460;}.elementor-7311 .elementor-element.elementor-element-1e07690.e-con{--align-self:center;--flex-grow:1;--flex-shrink:0;}.elementor-7311 .elementor-element.elementor-element-db0b566{--display:flex;--border-radius:20px 20px 20px 20px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:80px;--padding-bottom:80px;--padding-left:40px;--padding-right:40px;}.elementor-7311 .elementor-element.elementor-element-db0b566:not(.elementor-motion-effects-element-type-background), .elementor-7311 .elementor-element.elementor-element-db0b566 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#0B2840;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family );font-weight:var( --e-global-typography-text-font-weight );}body:not(.rtl) .elementor-7311 .elementor-element.elementor-element-369c103{left:0px;}body.rtl .elementor-7311 .elementor-element.elementor-element-369c103{right:0px;}.elementor-7311 .elementor-element.elementor-element-369c103{top:0px;}.elementor-7311 .elementor-element.elementor-element-369c103 > .elementor-widget-container{border-style:solid;border-color:#065D8C;}body:not(.rtl) .elementor-7311 .elementor-element.elementor-element-ad18b72{left:0px;}body.rtl .elementor-7311 .elementor-element.elementor-element-ad18b72{right:0px;}.elementor-7311 .elementor-element.elementor-element-ad18b72{top:0px;}.elementor-7311 .elementor-element.elementor-element-ad18b72 > .elementor-widget-container{border-style:solid;border-color:#065D8C;}#elementor-popup-modal-7311{background-color:rgba(0,0,0,.8);justify-content:center;align-items:center;pointer-events:all;}#elementor-popup-modal-7311 .dialog-message{width:640px;height:auto;}#elementor-popup-modal-7311 .dialog-close-button{display:flex;}#elementor-popup-modal-7311 .dialog-widget-content{box-shadow:2px 8px 23px 3px rgba(0,0,0,0.2);}@media(max-width:767px){.elementor-7311 .elementor-element.elementor-element-1e07690{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:80px;--padding-bottom:80px;--padding-left:20px;--padding-right:20px;}.elementor-7311 .elementor-element.elementor-element-369c103.elementor-element{--order:-99999 /* order start hack */;}body:not(.rtl) .elementor-7311 .elementor-element.elementor-element-369c103{left:160px;}body.rtl .elementor-7311 .elementor-element.elementor-element-369c103{right:160px;}.elementor-7311 .elementor-element.elementor-element-369c103{top:47px;text-align:center;}.elementor-7311 .elementor-element.elementor-element-369c103 > .elementor-widget-container{border-width:2px 2px 2px 2px;border-radius:80% 80% 80% 80%;}.elementor-7311 .elementor-element.elementor-element-ad18b72.elementor-element{--order:-99999 /* order start hack */;}body:not(.rtl) .elementor-7311 .elementor-element.elementor-element-ad18b72{left:154px;}body.rtl .elementor-7311 .elementor-element.elementor-element-ad18b72{right:154px;}.elementor-7311 .elementor-element.elementor-element-ad18b72{top:447px;text-align:center;}.elementor-7311 .elementor-element.elementor-element-ad18b72 > .elementor-widget-container{border-width:2px 2px 2px 2px;border-radius:80% 80% 80% 80%;}}@media(min-width:768px){.elementor-7311 .elementor-element.elementor-element-1e07690{--content-width:1400px;}}/* Start custom CSS for html, class: .elementor-element-c649d64 */.paypal-container {
  margin-top: 15px;
}

.hidden {
  display: none;
}
 #plan-select {
     background-color: #0B2840;
     font-family: 'Ravi SemiBold', sans-serif !important;
  font-weight: 900 !important;
  font-size: 20px !important ;
  color: #FFFFFF
 }
 
 
 #price-display {
    font-family: 'Ravi SemiBold', sans-serif !important;
  font-weight: 900 !important;
  font-size: 13px !important ;
}

label[for="plan-select"] {
  color: #ffffff;
  font-family: 'Ravi SemiBold', sans-serif !important;
  font-weight: 600; /* semi-bold */
  font-size: 16px;
  display: block;
  margin-bottom: 8px;
}
#price-display {
  text-align: center;
  color: #ffffff;
  font-family: 'Ravi', sans-serif;
  font-weight: 600; /* semi-bold */
  font-size: 16px;
  margin-top: 10px;
}

#price-display #final-price {
  font-size: 18px;
  font-weight: 700; /* bold برای تاکید روی قیمت */
  color: #FFD20B;
}
 #btn-3-month {
  display: inline-block;
  text-align: cente;
  padding: 12px 24px;
  background: linear-gradient(to right, #FFD20B 0%, #FFF540 100%);
  border-radius: 25px;
  border: 2px solid #ffffff;
  color: #000000;
  text-decoration: none;
  font-family: 'Ravi', sans-serif;
  font-weight: 600;
  font-size: 16px;
  margin: 10px auto;
  width: 100%;
  max-width: 300px;
  display: block;
}

 #btn-6-month {
  display: inline-block;
  text-align: cente;
  padding: 12px 24px;
  background: linear-gradient(to right, #FFD20B 0%, #FFF540 100%);
  border-radius: 25px;
  border: 2px solid #ffffff;
  color: #000000;
  text-decoration: none;
  font-family: 'Ravi', sans-serif;
  font-weight: 600;
  font-size: 16px;
  margin: 10px auto;
  width: 100%;
  max-width: 300px;
  display: block;
}



#btn-3-month {
  display: inline-block;
  background: linear-gradient(90deg, #FFD20B 0%, #FFF540 100%);
  border: 2px solid white;
  border-radius: 25px 0 25 25px;
  padding: 10px 20px;
  color: black;
  font-family: 'Ravi', sans-serif;
  font-weight: 600;
  text-decoration: none;
  margin-top: 15px;
  transition: opacity 0.3s ease;
  text-align: center;
}

#btn-3-month:hover {
  opacity: 0.8;
}

/* موبایل */
@media (max-width: 768px) {
  #btn-3-month {
    width: 80%;
    display: block;
    margin: 10px auto;
  }
}




#btn-6-month {
  display: inline-block;
  background: linear-gradient(90deg, #FFD20B 0%, #FFF540 100%);
  border: 2px solid white;
  border-radius: 25px 0 25 25px;
  padding: 10px 20px;
  color: black;
  font-family: 'Ravi', sans-serif;
  font-weight: 600;
  text-decoration: none;
  margin-top: 15px;
  transition: opacity 0.3s ease;
  text-align: center;
}

#btn-6-month:hover {
  opacity: 0.8;
}

/* موبایل */
@media (max-width: 768px) {
  #btn-6-month {
    width: 80%;
    display: block;
    margin: 10px auto;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-bcbdfdb */#btn-3-month {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 20px; /* فاصله بین دکمه‌ها */
  flex-wrap: wrap;
  margin-top: 20px;
}

#btn-3-month {
  display: inline-block;
  padding: 12px 24px;
  background: linear-gradient(to right, #FFD20B 0%, #FFF540 100%);
  border: 2px solid white;
  border-radius: 25px;
  color: black;
  text-decoration: none;
  font-weight: bold;
  text-align: center;
  transition: all 0.3s ease;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  min-width: 180px;
}

/* فقط پایین و راست گردی داشته باشه */
.custom-pay-btn {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-left-radius: 0;
  border-bottom-right-radius:  25px;
}

/* حالت هاور */
.custom-pay-btn:hover {
  opacity: 0.9;
  transform: translateY(-2px);
}



#btn-6-month {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 20px; /* فاصله بین دکمه‌ها */
  flex-wrap: wrap;
  margin-top: 20px;
}

#btn-6-month {
  display: inline-block;
  padding: 12px 24px;
  background: linear-gradient(to right, #FFD20B 0%, #FFF540 100%);
  border: 2px solid white;
  border-radius: 25px;
  color: black;
  text-decoration: none;
  font-weight: bold;
  text-align: center;
  transition: all 0.3s ease;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  min-width: 180px;
}

/* فقط پایین و راست گردی داشته باشه */
.custom-pay-btn {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 25px;
}

/* حالت هاور */
.custom-pay-btn:hover {
  opacity: 0.9;
  transform: translateY(-2px);
}

.elementor-button-text {
    font-family: 'Ravi SemiBold', sans-serif !important;
  font-weight: 900 !important;
  font-size: 20px !important ;
}


@media (max-width: 768px) {
  .button-wrapper {
    flex-direction: column;
    align-items: center;
  }

  #btn-6-month {
    width: 100%;
    max-width: 180px;
    text-align: center;
  }
}



#btn-6-month {
    font-family: 'Ravi SemiBold', sans-serif !important;
  font-weight: 900 !important;
  font-size: 13px !important ;
}

#btn-3-month {
    font-family: 'Ravi SemiBold', sans-serif !important;
  font-weight: 900 !important;
  font-size: 13px !important ;
}



#final-price {
    font-family: 'Ravi SemiBold', sans-serif !important;
  font-weight: 900 !important;
  font-size: 13px !important ;
}

=======
#btn-3-month {
  display: inline-block;
  padding: 12px 24px;
  background: linear-gradient(to right, #FFD20B 0%, #FFF540 100%);
  border: 2px solid white;
  border-radius: 25px;
  color: black;
  text-decoration: none;
  font-weight: bold;
  text-align: center;
  transition: all 0.3s ease;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

/* فقط پایین و راست گردی داشته باشه */
.#btn-3-month {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 25px;
}

/* حالت هاور */
#btn-3-month:hover {
  opacity: 0.9;
  transform: translateY(-2px);
}


#btn-6-month {
  display: inline-block;
  padding: 12px 24px;
  background: linear-gradient(to right, #FFD20B 0%, #FFF540 100%);
  border: 2px solid white;
  border-radius: 25px;
  color: black;
  text-decoration: none;
  font-weight: bold;
  text-align: center;
  transition: all 0.3s ease;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

/* فقط پایین و راست گردی داشته باشه */
.#btn-6-month {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 25px;
}

/* حالت هاور */
#btn-6-month:hover {
  opacity: 0.9;
  transform: translateY(-2px);
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-369c103 */.attachment-large {
  width: 50px;
  height: 50px;
 
 
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-ad18b72 */.attachment-large {
  width: 50px;
  height: 50px;
 
 
}/* End custom CSS */