.elementor-5349 .elementor-element.elementor-element-fa13cc5{--display:flex;--min-height:100vh;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--background-transition:0.3s;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-5349 .elementor-element.elementor-element-fa13cc5, .elementor-5349 .elementor-element.elementor-element-fa13cc5::before{--border-transition:0.3s;}.elementor-5349 .elementor-element.elementor-element-1f0168e.elementor-element{--align-self:center;}@media(max-width:767px){.elementor-5349 .elementor-element.elementor-element-1f0168e{width:100%;max-width:100%;}}/* Start custom CSS for html, class: .elementor-element-1f0168e */.container {
      width: 500px;
      height: 500px;
      border-radius: 50%;
      border: 15px solid #F47921;
      position: relative;
      overflow: hidden;
margin-right: auto !important;
margin-left: auto !important;
margin-bottom: 20px;
      transition: transform 5s ease-out;
      box-shadow: rgba(0, 0, 0, 0.15) 0px 5px 15px 0px;
    }
    
     @media (max-width: 768px) {
    .container {
    border: 6px solid #F47921;
    }
}

    .container div {
  height: 50.5%;
      width: 300px;
      position: absolute;
      clip-path: polygon(100% 0, 50% 100%, 0 0);
      transform: translateX(-50%);
      transform-origin: bottom;
      text-align: center;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 11px;
      font-weight: bold;
      font-family: sans-serif;
      color: #fff;
      left: 85px;
       font-family: 'iranyekanwebmedium_FaNum';
       padding-bottom: 90px;
    }
    
        @media (max-width: 768px) {
    .container div {
     height: 50%;
      width: 174px !important;
      left: 57px !important;
    }
}


    .container .one { background-color: #FEB700; transform: rotate(0deg); }
    .container .two { background-color: #C51401; transform: rotate(60deg); }
    .container .three { background-color: #FEB700; transform: rotate(120deg); }
    .container .four { background-color: #C51401; transform: rotate(180deg); }
    .container .five { background-color: #FEB700; transform: rotate(240deg); }
    .container .six { background-color: #C51401; transform: rotate(300deg); }

    

    #spin {
      position: absolute;
       top: 43%;
    right: 42%;
      z-index: 10;
      background-color: #e2e2e2;
      border: 8px solid #fff;
      font-weight: bold;
      font-size: 12px;
      color: #a2a2a2;
      border-radius: 100%;
      cursor: pointer;
      height: 70px;
      width: 5%
    }
    
    
    .form-input {
        font-family: iranyekanwebregular;
        border: solid 1px gray !important;
        background: #FFF !important;
        border-radius: 8px !important;
        width: 49.5%;
        margin-bottom: 10px;
        margin-top: 10px;
    }

.form-button {
    font-family:iranyekanwebregular;
    width: 100%;
    border-radius: 10px;
    background: #152B76 !important;
}



/* کوئری موبایل */
@media (max-width: 768px) {
  .container {
    width: 300px;
    height: 300px;

  }
}

/* کوئری موبایل */
@media (max-width: 768px) {
  .container div {
    width: 163px; /* اندازه کوچکتر برای موبایل */
    left: 20%; /* تنظیم به مرکز */
    transform: translateX(-50%) translateY(-50%); /* ترجمه جهت عمودی نیز اعمال می‌شود */
    font-size: 9px; /* اندازه فونت کوچکتر */
    padding-bottom: 60px; /* کاهش فضای پایین */
  }
}


/* کوئری موبایل */
@media (max-width: 768px) {
      .form-input {
        font-family: iranyekanwebregular;
        border: solid 1px gray !important;
        background: #FFF !important;
        border-radius: 8px !important;
        width: 100%;
        margin-bottom: 10px;
    }
}

.results {
    font-family: iranyekanwebregular;
}


.matn1 {
    transform: rotate(-90deg);
    position: relative;
    top: 25px;
    font-size: 18px;
        padding-left: 70px;
    padding-right: 70px;
    line-height: 1.7;
}

.matn2, .matn3, .matn4, .matn5, .matn6 {
    font-size: 18px;
    transform: rotate(-90deg);
    position: relative;
    top: 25px;
    right: 5px;
    padding-left: 70px;
    padding-right: 70px;
    line-height: 1.7;
}

@media (max-width: 768px) {
   .matn1 {
    transform: rotate(-90deg);
    position: relative;
    top: 15px;
    font-size: 12px;
        padding-right: 40px;
    padding-left: 40px;
    }
}

/* کوئری موبایل */
@media (max-width: 768px) {
   .matn2 , .matn3 , .matn4 , .matn5 , .matn6 {
    font-size: 12px;
    padding-right: 40px;
    padding-left: 40px;
    transform: rotate(-90deg);
    position: relative;
    top: 15px;
    right: 0px;
    }
}


.matn {
    font-family: iranyekanwebregular;
    font-size: 13px;
}

@media screen and (min-width: 1024px) {
  .matn {
    display: none;
  }
}


/* وضعیت موفقیت‌آمیز (200) */
.status-200 {
  color: green;
  font-weight: bold;
  font-size: 18px;
  padding: 10px;
  border-radius: 10px;
  text-align: center;
  margin-top: 10px;
}

/* خطای کاربر (400) */
.status-400 {
  color: orange;
  font-weight: bold;
  background-color: #fff4e6; /* پس‌زمینه نارنجی روشن */
  border: 2px solid orange;
  padding: 10px;
  border-radius: 10px;
  text-align: center;
    margin-top: 10px;
}

/* خطای عدم دسترسی (401) */
.status-401 {
  color: red;
  font-weight: bold;
  background-color: #ffe6e6; /* پس‌زمینه قرمز روشن */
  border: 2px solid red;
  padding: 10px;
  border-radius: 10px;
  text-align: center;
    margin-top: 10px;
}

/* وضعیت پیش‌فرض (برای سایر کدها) */
.status-default {
  color: gray;
  font-weight: normal;
  background-color: #f5f5f5; /* پس‌زمینه خاکستری روشن */
  border: 1px dashed gray;
  padding: 10px;
  border-radius: 10px;
  text-align: center;
    margin-top: 10px;
}


    .pointer {
           width: 48px;
           height: 42px;
   background-color: #212C3D;
          transform: rotate(180deg) !important;
            clip-path: polygon(50% 0%, 100% 100%, 0% 100%);
            position: absolute;
            left: 47%;
            top: -2%;
            z-index: 9999;
 }
 
 
 @media (max-width: 768px) {
    .pointer {
           width: 37px;
           height: 30px;
            position: absolute;
            left: 45%;
            top: -3%;
    }
}

    .circle {
      width: 50px; /* عرض دایره */
      height: 50px; /* ارتفاع دایره */
      border: solid 3px #D14F19;
      position: absolute;
      top: 36%;
      right: 46%;
      background-color: #DD9F00; /* رنگ پس‌زمینه دایره */
      border-radius: 50%; /* تبدیل شکل به دایره */
    }
    
    @media (max-width: 768px) {
    .circle  {
     top: 25%;
      width: 40px;
      height: 40px;
      right: 44%;
    }
}

@media screen and (min-width: 1024px) {
  .circle-container img {
    position: absolute;
      top: -2%;
      right: 7.5%;
      width: 83%; /* اندازه تصویر نسبت به قطر */
      height: 83%; /* تصویر پوشاننده قاب */
      z-index: 9;
      filter: drop-shadow(0px 0px 18px rgba(0, 0, 0, 0.6));
      object-fit: cover;
  }
}

     @media (max-width: 768px) {
    .circle-container img {
        position: absolute;
        top: -3%;
        width: 97%;
        filter: drop-shadow(0px 0px 18px rgba(0, 0, 0, 0.6));
      object-fit: cover;
    }
}/* End custom CSS */