html{
    /*max-width: 800px;*/
}
.swal2-title, #swal2-html-container{
    direction: rtl !important;
}
.fixed-btn{
    z-index: 999;
    content: 'برو بریم';
    top: 45%;
    left: -30px;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 16px;
    color: #FFFFFF;
    width: 80px;
    height: 30px;
    border-radius: 10px 10px 0 0;
    /*background: url("../images/fixed-btn.svg");*/
    background: linear-gradient(180deg, #EF3A25 27.15%, #D0A299 218.77%);
    background-size: contain;
    /*animation: fixed-btn-animation 1500ms ease 0s infinite normal forwards;*/
    rotate: 90deg;
    display: flex;
    justify-content: center;
    align-items: flex-start;
}
.fixed-btn span{
    /*display: inline-block;*/
    /*transform: rotate(90deg);*/
    /*font-size: 10px;*/
}
body{
    background: url('../images/Backgrounds-800.png');
    background-repeat: no-repeat;
    background-size: cover;
    max-width: 800px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    background-position: center center;
}
@media screen and (min-width: 800px){
    body{
        /*background-size: contain !important;*/
    }
    html{
        background-color: navy;
    }

}
#first{
  padding-top: 20px;
  padding-bottom: 2px;
  /*background-image: linear-gradient(161.39deg, #363979 13.08%, #1E2158 25.47%);*/
    overflow-x: hidden !important;
    max-width: 800px !important;
}
#banner{
  position: relative;
  z-index: 3;
  width: 100%;
  /*background-color: white;*/
  /*color: black;*/
  /*padding-top: 16px ;*/
  /*padding-bottom: 8px;*/
  margin-right: 0;
  margin-left: 0;
    max-width: 800px !important
}
.vertical-line{
  width: 4px;
  /*height: 220px;*/
  background-color: #EF3A25;
  align-self: stretch;
}
#second{
  /*background: linear-gradient(177.4deg, #1D2057 3.75%, #2A30A6 44.87%, #1D2057 83.55%);*/
  min-height: 400px;
  padding: 16px 16px 0 16px;
    overflow-x: hidden !important;
    max-width: 800px !important
}
.ai-title{
    color: #EF3A25;
    font-size: 20px;
    font-weight: 600;
    line-height: 39px;
    margin-bottom: 0px;
}
.cta-btn{
    background: linear-gradient(180deg, #EF3A25 27.15%, #D0A299 218.77%);
    width: 80%;
    margin: 12px 10%;
    border-radius: 10px;
    font-size: 20px;
    color: white;
    cursor: pointer;
    font-weight: 400;
    padding-bottom: 14px;
    font-style: normal;
    line-height: 39px;
}
#third{
    /*background: linear-gradient(180deg, rgba(29, 32, 87, 0.99) 0%, rgba(41, 47, 153, 0.99) 28.81%, rgba(29, 32, 87, 0.99) 94.71%);*/
  padding-bottom: 8px !important;
  padding-top: 16px !important;
    max-width: 800px !important
}
.buy-btn{
    border-radius: 10px;
    background: linear-gradient(180deg, #EF3A25 27.15%, #D0A299 218.77%);
    color: white;
    padding: 8px 32px;
    font-size: 16px;
    cursor: pointer;
    font-weight: 400;
    line-height: 32px;
}
body{
  color: white;
  font-family: 'DiodrumArabic';
    direction: rtl;
  overflow-x: hidden !important;
}
h1, h2, h3, h4, h5, h6, p, a, div, button{
  font-family: 'DiodrumArabic';
}
h1, h2{
  font-weight: 700;
}
input{
  direction: rtl;
}
input,
select,
textarea {
  font-family: 'DiodrumArabic', sans-serif !important;
  font-size: 14px;
}

/* تنظیم فونت و رنگ placeholder */
::placeholder {
  font-family: 'DiodrumArabic', sans-serif;
  color: #999;
  opacity: 1; /* برای مرورگرهایی که placeholder رو کم‌رنگ نشون میدن */
}
#downloadModal .rect-images{
  width: 80%;
  margin: 0 auto;
  padding: 12px;
}
#downloadModal .rect-images img{
  width: 100% !important;
}
/*footer*/
footer{
  /*background-color: #1D2057;*/
  background: rgba(29, 32, 87, 0.99);
  padding: 60px;
    max-width: 800px !important
}
footer #footer-logo{
  margin: 12px auto;
  width: 120px;
}
/*@media screen and (max-width: 768px){*/
  body{
    color: white;
    font-family: 'DiodrumArabic';
  }
  h1, h2, h3, h4, h5, h6, p, a, div, button{
    font-family: 'DiodrumArabic';
  }
  h1, h2{
    font-weight: 700;
  }
  input{
    direction: rtl;
  }
  .desktop-view{
      display : none;
  }
  input,
  select,
  textarea {
    font-family: 'DiodrumArabic', sans-serif !important;
    font-size: 14px;
  }

  /* تنظیم فونت و رنگ placeholder */
  ::placeholder {
    font-family: 'DiodrumArabic', sans-serif;
    color: #999;
    opacity: 1; /* برای مرورگرهایی که placeholder رو کم‌رنگ نشون میدن */
  }

  #main-title{
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100% !important;
    padding-bottom: 0px;
    --bs-gutter-x: unset !important;
  }
  .main-header .heading{
    flex-direction: column;
      width: 90%;
      margin: 0 auto;
  }
  #main-title h1{
    margin-bottom: 0;
    margin-top: 0;
    direction: rtl;
    font-size: 22px;
    letter-spacing: 2%;
    line-height: 95%;
  }
  #main-title h4{
    margin-top: 1px;
    direction: rtl;
    font-size: 20px;
    letter-spacing: 0;
    line-height: auto;
  }
  #title-logo{
    width: 100px;
    margin-top: 20px;
    margin-bottom: 0;
  }
  #title-slogan{
    width: 200px;
    margin: 0 auto;
  }

  #slider-container{
    position: relative;
    padding: 40px 0;
    margin: 2px 0px 12px 0px;
  }
  #slider{
    width: 70% !important;
    margin: 0 15%;
    position: relative;
    /*height: 350px; !* ارتفاع دلخواه *!*/
    z-index: 2;
    overflow: hidden;
    border-radius: 8px;
  }
  #carouselMain .carousel-inner{
    border-radius: 22px;
  }
  .slider-background{
    left: 0;
    right: 0;
    bottom: 12px;
    position: absolute;
    top: 60px;
    width: 80%;
      /*background: rgba(0, 0, 0, 0.001);*/
      /*background-image: url("../images/slider-background.png");*/
      opacity: 0.8;
      /*background-size: contain;*/
      /*background-repeat: no-repeat;*/
      /* افکت شیشه‌ای */
      background: rgba(255, 255, 255, 0.2);
      backdrop-filter: blur(20px);
      -webkit-backdrop-filter: blur(20px); /* برای Safari */

      /* کمی سایه و خط دور برای طبیعی‌تر شدن */
      border: 1px solid rgba(255, 255, 255, 0.3);
      box-shadow: 0 4px 10px rgba(0,0,0,0.1);

      border-radius: 34px;
    margin: 0px 10%;
    /*max-height: 260px;*/
    /*align-self: stretch;*/
  }
  #slider-container .carousel-indicators{
    top: 87% !important;
  }
@media screen and (max-width: 420px){
    #slider-container .carousel-indicators{
        top: 84% !important;
    }
}
@media screen and (max-width: 600px) and (min-width: 421px){
    #slider-container .carousel-indicators{
        top: 87% !important;
    }

}
@media screen and (min-width: 601px) and (max-width: 700px){
    /*#slider-container{*/
    /*    padding: 30px !important;*/
    /*}*/
    #slider-container .carousel-indicators{
        top: 88% !important;
    }
    #carouselAI .carousel-indicators {
        bottom: -5% !important;
    }

}
@media screen and (min-width: 701px){
    /*#slider-container{*/
    /*    padding: 30px !important;*/
    /*}*/
    #slider-container .carousel-indicators{
        top: 90% !important;
    }
    #carouselAI .carousel-indicators {
        bottom: -5% !important;
    }
}
@media screen and (min-width: 768px){
    #banner{
        width: 80% !important;
        margin: 0 10% !important;
    }
    #banner .snapfood{
        width: 100% !important;
        margin: 0 auto !important;
    }
    .guide{
        gap: 50px !important;
    }
    .pisa-container {
        width: 100px !important;
    }
    .title-back{
        font-size: 24px !important;
        line-height: 50px !important;
    }
}
@media screen and (min-width: 799px){
    .guide .text-guide p, .form-guide p, .card-contents .content p, .product-title{
        font-size: 18px !important;
    }
    .snapfood h5{
        font-size: 26px !important;
        width: 35% !important;
    }
    .fixed-btn{
        left: calc((100% - 800px) / 2 - 24px);
    }
}
  #slider-container .carousel-indicators [data-bs-target]{
    width: 6px;
    height: 6px;
    border-radius: 50%;
  }

  /*banner section*/

    .prize-container{
        background: linear-gradient(180deg, rgba(255, 0255, 255, 0.13) 0%, rgba(161, 155, 155, 0.117) 71.5%, rgba(215, 215, 215, 0.0923) 100%);
        border-radius: 14px;
        opacity: 0.8;
        width: 80%;
        padding: 16px 0;
        /* افکت شیشه‌ای */
        background: rgba(255, 255, 255, 0.2);
        backdrop-filter: blur(20px);
        -webkit-backdrop-filter: blur(20px); /* برای Safari */

        /* کمی سایه و خط دور برای طبیعی‌تر شدن */
        border: 1px solid rgba(255, 255, 255, 0.3);
        box-shadow: 0 4px 10px rgba(0,0,0,0.1);

    }
    .prize-container h3{
        font-weight: 600;
        font-size: 16px;
        line-height: 22px;
        text-align: center;
        color: #FFFFFF;
    }
  .title-back{
    width: 80%;
    margin: 0 10%;
    background-color: #EF3A25;
    border-radius: 8px;
    font-size: 16px;
    padding: 12px 24px;
    line-height: 32px;
    font-style: normal;
    font-weight: 700;
  }
  #banner .snapfood{
    width: 80%;
    flex-direction: row;
    justify-content: space-between;
    margin: 0 10%;
  }
  .snapfood-logo{
    width: 25%;
  }
  .snapfood h5{
      font-family: 'DiodrumArabic';
      font-style: normal;
      font-weight: 700;
      font-size: 16px;
      line-height: 32px;
      text-align: right;
      color: #E4E4E4;
      width: 45%;
  }
  .pisa-container{
    width: 80px;
  }
  .guide{
    direction: rtl;
    gap: 20px;
      width: 80%;
    margin: 0px auto !important;
    text-align: justify;
    padding: 16px 2px;
  }
  .guide img{
    width: 35%;
  }

  .guide .text-guide{
    width: 66%;
    font-size: 14px;
  }

  .guide .text-guide p{
      font-style: normal;
      font-weight: 400;
      font-size: 12px;
      line-height: 29px;
      text-align: right;
      color: #FFFFFF;
  }
@media screen and (min-width: 620px) {
    .guide .text-guide p {
        font-size: 16px;
    }
}
    .instagram-link{
        background: linear-gradient(180deg, rgba(255, 255, 255, 0.13) 0%, rgba(161, 155, 155, 0.117) 71.5%, rgba(215, 215, 215, 0.0923) 100%);
        border-radius: 34px;
        width: 80%;
        text-decoration: none;
        margin: 0px auto;
        /*padding: 8px 8px 16px 8px;*/
        text-align: right;
        letter-spacing: -0.03em;
        opacity: 0.8;
        color: #FFFFFF;
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: center;
        /*background-image: url('../images/ig-cta.png');*/
        /*background-size: contain;*/
        /*background-repeat: no-repeat;*/
        /*background-position: center;*/
        /* افکت شیشه‌ای */
        background: rgba(255, 255, 255, 0.2);
        backdrop-filter: blur(20px);
        -webkit-backdrop-filter: blur(20px); /* برای Safari */

        /* کمی سایه و خط دور برای طبیعی‌تر شدن */
        border: 1px solid rgba(255, 255, 255, 0.3);
        box-shadow: 0 4px 10px rgba(0,0,0,0.1);

    }
    a.instagram-link .fa-instagram {
        color: #EF3A25;
        font-size: 24px;
        margin-right: 8px;
    }
    a.instagram-link span {
        font-style: normal;
        font-weight: 500;
        font-size: 14px;
        line-height: 27px;
        text-align: right;
        letter-spacing: -0.03em;

        color: #FFFFFF;
    }
  /*second section*/

  .rect-images{
    display: flex;
    margin: 12px auto;
    width: 90%;
    padding: 20px 24px;
    border-radius: 16px;

    background: linear-gradient(180deg, rgba(255, 0255, 255, 0.13) 0%, rgba(161, 155, 155, 0.117) 71.5%, rgba(215, 215, 215, 0.0923) 100%);
      /* افکت شیشه‌ای */
      background: rgba(255, 255, 255, 0.2);
      backdrop-filter: blur(20px);
      -webkit-backdrop-filter: blur(20px); /* برای Safari */

      /* کمی سایه و خط دور برای طبیعی‌تر شدن */
      border: 1px solid rgba(255, 255, 255, 0.3);
      box-shadow: 0 4px 10px rgba(0,0,0,0.1);


  }
#carouselAI .carousel-indicators {
    bottom: -10%;
}
#carouselAI .carousel-indicators [data-bs-target]{
    width: 10px;
    height: 10px;
    border-radius: 50%;
    bottom: -60px !important;
    /*opacity: 1;*/
}
#productCarousel .carousel-indicators .active{
    background-color: #EF3A25 !important;
}
  .rect-images img{
    width: 95%;
    margin: 0 auto;
  }
  /*.rect-images::before {*/
  /*  content: "";*/
  /*  position: absolute;*/
  /*  top: -2px; left: -2px; right: -2px; bottom: -2px; !* اندازه border *!*/
  /*  border-radius: 12px;*/
  /*  pointer-events: none;*/
  /*  background: repeating-linear-gradient(*/
  /*          45deg,*/
  /*          rgba(255,255,255,0.05),*/
  /*          rgba(255,255,255,0.05) 1px,*/
  /*          transparent 1px,*/
  /*          transparent 2px*/
  /*  );*/
  /*  z-index: -1; !* پشت محتوای اصلی *!*/
  /*}*/
  .form-guide{
    width: 90%;
    margin: 32px 5% 0px 5%;
  }
  .form-guide p{
    margin: 8px auto;
    font-size: 12px;
      color: #E6E6E6 !important;
      text-align: justify;
  }
    .form-guide p::before{
        content: "";
        margin-left: 8px;
        width: 8px !important;
        height: 8px !important;
        border-radius: 50%;
        background: #EF3A25;
        display: inline-flex;
        align-items: center;
        align-self: center;
    }


  /*cards carousel section*/

    .title-back2{
        width: 90%;
        margin: 0 5%;
        background-color: #EF3A25;
        border-radius: 8px;
        font-size: 16px;
        padding: 12px 24px;
        line-height: 32px;
        font-style: normal;
        font-weight: 700;
    }
  .card-slider {
    min-width: 320px;
      max-width: 520px;
    position: relative;
      width: 80%;
    margin: auto;
    overflow: hidden;
      background: linear-gradient(180deg, rgba(255, 255, 255, 0.13) 0%, rgba(161, 155, 155, 0.117) 71.5%, rgba(215, 215, 215, 0.0923) 100%);
      border-radius: 34px;
    touch-action: pan-y; /* تا swipe افقی بهتر عمل کنه */
      /* افکت شیشه‌ای */
      background: rgba(255, 255, 255, 0.2);
      backdrop-filter: blur(20px);
      -webkit-backdrop-filter: blur(20px); /* برای Safari */

      /* کمی سایه و خط دور برای طبیعی‌تر شدن */
      border: 1px solid rgba(255, 255, 255, 0.3);
      box-shadow: 0 4px 10px rgba(0,0,0,0.1);
  }

  /* ==== ساختار کلی ==== */
  .cards-carousel {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    position: relative;
  }

  /*.card-slider {*/
  /*  width: 320px;*/
  /*  position: relative;*/
  /*  overflow: hidden;*/
  /*  border-radius: 20px;*/
  /*  background: linear-gradient(180deg, #1d2057 0%, #2a30a6 47%, #1d2057 100%);*/
  /*  color: #fff;*/
  /*  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.3);*/
  /*  text-align: center;*/
  /*  padding-bottom: 40px;*/
  /*  display: flex;*/
  /*  flex-direction: column;*/
  /*  justify-content: space-between;*/
  /*}*/

  /* ==== کارت‌ها ==== */
  .card {
    display: none;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    padding: 24px 20px 120px 20px;
    animation: fadeIn 0.6s ease;
    background-color: unset !important;
  }

  .card.active {
    display: flex;
  }

  @keyframes fadeIn {
    from {
      opacity: 0;
      transform: translateY(10px);
    }
    to {
      opacity: 1;
      transform: translateY(0);
    }
  }

  /* ==== تصویر کارت ==== */
  .image-container {
    width: 100%;
    margin-bottom: 16px;
  }

  .image-container img {
    width: 100%;
    height: auto;
    border-radius: 16px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.25);
  }

  /* ==== محتوای کارت ==== */
  .content {
    text-align: center;
  }

  .content h2 {
    margin-bottom: 10px;
    font-style: normal;
    font-weight: 600;
    font-size: 24px;
    line-height: 47px;
    text-align: center;
  }

  .content p {

    margin: 0;
      font-style: normal;
      font-weight: 400;
      font-size: 12px;
      line-height: 23px;
      text-align: right;
      color: #FFFFFF;


  }

  /* ==== نوار پایین (indicator line) ==== */
  .slider-line {
    position: absolute;
    bottom: -30px;
    height: 4px;
    border-radius: 6px;
    background: white;
    transition: background 0.4s ease;
    /*min-width: 320px;*/
      max-width: 520px;
    margin: 12px 10%;
      width: 80%;
  }
  .slider-line::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    width: calc(100% / 8); /* چون ۸ اسلاید داریم */
    height: 12px;
    background: #fff;
    border-radius: 8px;
    transform: translateY(-50%);
    transition: left 0.4s ease, height 0.3s ease;
  }

  /*product carousel*/
  .products{
    margin: 50px auto !important;
  }
  .products-container{
    background-color: #DFDEDE;
    border-radius: 16px;
    margin: 0 auto;
    padding: 20px 0;
    width: 60%;
    box-shadow: 0px 9px 4px rgba(0, 0, 0, 0.5);
  }
  #productCarousel{
    width: 80%;
    margin: 40px 10%;
  }
#productCarousel .img-container {
    min-height: 320px;
    max-height: 320px;
    display: flex;
    justify-content: center;
    align-items: center;
}
  .product-title{
    color: #000;
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 23px;
      text-align: center;
  }
  /*#productCarousel .carousel-item*/

  #productCarousel .carousel-indicators{
    bottom: -60px !important;
  }
  #productCarousel .carousel-indicators [data-bs-target]{
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: #000;
    bottom: -60px !important;
    /*opacity: 1;*/
  }
  #productCarousel .carousel-indicators .active{
    background-color: #EF3A25 !important;
  }
  #productCarousel .carousel-inner .carousel-item {

  }
.active.carousel-item-start, .carousel-item-prev:not(.carousel-item-end) {
    /*transform: unset !important;*/
}
  #productCarousel .carousel-inner img{
      width: 80% !important;
      /*max-height: 400px;*/
  }
  .products-indicators button{
    background-color: #000000;
  }

  /*eiffel tower position absolute*/
  .eiffel-tower{
    bottom: -40px;
    left: -35%;
  }
  .eiffel-tower img{
    color: white;
    /*height: 500px;*/
    width: 125%;
  }
/* form modal  */
  #formModal{
    color: white;

  }
  .modal-header{
    border: none !important;
  }
  .modal-content{
    background: linear-gradient(to left, #1E2158 0%, #1820B0 100%);
  }
  #downloadModal .modal-content{
    background: linear-gradient(270deg, #1E2158 50%, #1820B0 100%);
    border-radius: 10px;
  }
.download-container h4 {
    color: #EF3A25 !important;
}
  .login-form h4{
    color: #EF3A25;
    margin-bottom: 12px !important;
  }
  .header-guide{
      font-style: normal;
      font-weight: 400;
      font-size: 16px;
      line-height: 23px;
      text-decoration: underline;
      cursor: pointer;
      text-align: center;
      color: #FFFFFF;
  }
  .guide-text-container{
      margin: 0 auto;
      width: 70%;
  }
  .form-group {
    position: relative;
    margin-bottom: 1.5rem;
  }

  .form-group input, .form-group select{
      padding-top: 0 !important;
      padding-bottom: 0 !important;
      height: 30px !important;
      margin-top: 12px;
      color: white;
      border: 2px solid black !important;
  }
  /*edited*/
  .form-group input,
  .form-group select {
    height: 56px;
    font-size: 14px;
    padding-top: 1rem;
    padding-bottom: 14px;
    background: white !important;
    color: black;
    font-family: DiodrumArabic;
      width: 100%;
      border-radius: 1.25rem;
      border-color: white;
      padding-right: 16px;
  }
.form-group label{
    color: white;
    font-size: 14px;
  }
.custom-file-input {
    display: none; /* پنهان کردن input اصلی */
}

.custom-file-label {
    /*background: #E65409;*/
    color: #fff;
    padding: 10px 20px;
    border-radius: 8px;
    cursor: pointer;
    display: inline-block;
}

.file-name {
    margin-right: 10px;
    background: white;
    color: black;
    padding: 8px 16px;
    border-radius: 16px;
    width: 75%;
}
.btn-close{
    color: white !important;
    background: unset !important;
    font-size: 32px !important;
    opacity: 1;
    padding: 0 !important;
}
.warning-text h4 {
    color: #EF3A25;
    margin-bottom: 0px !important;
}
.warning-text p {
    width: 80%;
    margin: 0 auto;
}
.warning-text{
    margin-bottom: 20px;
}
  /*.form-group label {*/
  /*  position: absolute;*/
  /*  top: 50%;*/
  /*  right: 12px;*/
  /*  transform: translateY(-50%);*/
  /*  !*background: #fff;*!*/
  /*  color: #6c757d;*/
  /*  font-size: 1rem;*/
  /*  padding: 0 6px;*/
  /*  transition: 0.2s ease all;*/
  /*  pointer-events: none;*/
  /*}*/

  /*.form-group input:focus + label,*/
  /*.form-group input:not(:placeholder-shown) + label,*/
  /*.form-group select:focus + label,*/
  /*.form-group select:not([value=""]) + label {*/
  /*  top: -8px;*/
  /*  right: 10px;*/
  /*  font-size: 12px;*/
  /*  color: #F4F4F4 !important;*/
  /*}*/
  .form-control:focus {
    color: #000000;
  }
#otpModal .form-control:focus{
    color: black !important;
}

  text-danger{
    direction: rtl !important;
  }
  .submit-btn{
    background: linear-gradient(180deg, #EF3A25 49%, #D0A299 90%);
    width: 60%;
    margin: 12px 20%;
    border-radius: 10px;
    font-size: 20px;
    color: white;
    cursor: pointer;
    font-weight: 500;
    padding-bottom: 14px;
  }
  .otp-input {
    width: 50px;
    height: 50px;
    font-size: 24px;
    text-align: center;
    border: 2px solid #ccc;
    border-radius: 8px;
    transition: all 0.2s ease;
  }

  .otp-input:focus {
    border-color: #E65409;
    outline: none;
    box-shadow: 0 0 4px rgba(230, 84, 9, 0.4);
  }
/*}*/



/*@media screen and (min-width: 769px) {*/
/*    #first{*/
/*        !*background: linear-gradient(299.83deg, #1E1A4D 43.39%, #363979 90.08%) !important;*!*/
/*    }*/
/*  .eiffel-tower {*/
/*    !*display: none !important;*!*/
/*    !*width: 70%;*!*/
/*    !*left: -30%;*!*/
/*    !*top: 33%;*!*/
/*    left: -50%;*/
/*    top: 0%;*/
/*  }*/
/*    .eiffel-tower img{*/
/*        width: 90%;*/
/*    }*/
/*  footer{*/
/*      display: none !important;*/
/*      !*background-color: #313699;*!*/
/*  }*/
/*    .mobile-view{*/
/*        display: none !important;*/
/*    }*/
/*  .main-header{*/
/*    direction: rtl;*/
/*    gap: 16px;*/
/*    justify-content: center;*/
/*    align-items: center;*/
/*  }*/
/*  .main-header .heading{*/
/*    flex-direction: row;*/
/*    gap: 8px;*/
/*  }*/
/*  .heading h1 {*/
/*      font-family: 'DiodrumArabic-Semibold';*/
/*      font-style: normal;*/
/*      font-weight: 400;*/
/*      font-size: 24px;*/
/*      line-height: 95%;*/
/*      text-align: center;*/
/*      letter-spacing: 0.02em;*/
/*      color: #FFFFFF;*/
/*  }*/
/*  .logos img{*/
/*    width: 25%;*/
/*  }*/
/*  #slider-container {*/
/*    position: relative;*/
/*    margin: 80px auto;*/
/*      padding: 0px 40px 40px 40px;*/
/*  }*/
/*  #carouselMain .carousel-inner{*/
/*    border-radius: 8px;*/
/*  }*/
/*  .slider-background{*/
/*    left: 0;*/
/*    right: 0;*/
/*    bottom: 0;*/
/*    position: absolute;*/
/*    top: 40px;*/
/*    width: 100%;*/
/*    background-color: #EF3A25;*/
/*    border-radius: 16px;*/
/*    margin: 0px auto;*/
/*    !*max-height: 260px;*!*/
/*    align-self: stretch;*/
/*  }*/
/*  #slider-container .carousel-indicators{*/
/*    top: 95% !important;*/
/*  }*/
/*  #slider-container .carousel-indicators [data-bs-target]{*/
/*    width: 10px;*/
/*    height: 10px;*/
/*    border-radius: 50%;*/
/*  }*/
/*  .title-back{*/
/*    !*width: 100%;*!*/
/*    margin: 0 auto;*/
/*    background-color: #EF3A25;*/
/*    border-radius: 10px;*/
/*    font-size: 20px;*/
/*    padding: 12px 24px;*/
/*      margin-bottom: 50px !important;*/
/*  }*/
/*    #banner .title.title-back{*/
/*      width: 100% !important;*/
/*        margin: 0 !important;*/
/*  }*/
/*  .snapfood {*/
/*    width: 100%;*/
/*    margin: 0 auto;*/
/*    flex-direction: row;*/
/*    gap: 5%;*/
/*      justify-content: space-between;*/
/*  }*/
/*  .snapfood img{*/
/*    width: 25%;*/
/*  }*/
/*  .snapfood h5 {*/
/*    font-size: 28px !important;*/
/*    width: 25%;*/
/*  }*/
/*  .vertical-line{*/
/*    !*display: none;*!*/
/*  }*/
/*  .pisa-container{*/
/*    width: 15%;*/
/*  }*/
/*  .guide{*/
/*    gap: 40px;*/
/*    direction: rtl;*/
/*    padding: 40px;*/
/*    align-items: center;*/
/*    justify-content: center;*/
/*    !*flex-direction: column-reverse !important;*!*/
/*  }*/
/*  .text-guide p {*/
/*    font-size: 24px;*/
/*  }*/
/*  .instagram-link{*/
/*      background: linear-gradient(180deg, rgba(255, 255, 255, 0.13) 0%, rgba(161, 155, 155, 0.117) 71.5%, rgba(215, 215, 215, 0.0923) 100%);*/
/*      border-radius: 15px;*/
/*      width: 60%;*/
/*      text-decoration: none;*/
/*      margin: 10px 20%;*/
/*      text-align: center;*/
/*      padding: 8px;*/
/*      color: white;*/
/*  }*/
/*    a.instagram-link .fa-instagram {*/
/*        color: #EF3A25;*/
/*        font-size: 24px;*/
/*        margin-right: 8px;*/
/*    }*/
/*    .cta-btn{*/
/*        font-style: normal;*/
/*        font-weight: 400;*/
/*        font-size: 20px;*/
/*        line-height: 39px;*/
/*    }*/

/*    .ai-title{*/
/*    font-size: 28px;*/
/*    margin-bottom: 40px;*/
/*  }*/
/*  #second{*/
/*    padding: 40px;*/
/*      !*background: linear-gradient(180deg, #1D2057 13.38%, #1F27AB 49.18%, #1D2057 83.56%) !important;*!*/
/*  }*/
/*  .rect-images{*/
/*      border-radius: 16px;*/
/*      background: linear-gradient(180deg, rgba(255, 0255, 255, 0.13) 0%, rgba(161, 155, 155, 0.117) 71.5%, rgba(215, 215, 215, 0.0923) 100%);*/
/*    !*flex-direction: row !important;*!*/
/*  }*/
/*  .rect-images img{*/
/*      padding: 8px;*/
/*  }*/
/*  .form-guide p{*/
/*      display: flex;*/
/*      align-items: center;*/
/*      align-content: center;*/
/*  }*/
/*  .form-guide p::before{*/
/*      content: "";*/
/*      margin-left: 8px;*/
/*      width: 16px !important;*/
/*      height: 16px !important;*/
/*      border-radius: 50%;*/
/*      background: #EF3A25;*/
/*      display: inline-flex;*/
/*      align-items: center;*/
/*      align-self: center;*/
/*  }*/


/*        !* card carousel *!*/
/*  #third{*/
/*    display: flex;*/
/*      !*background: linear-gradient(180deg, #1D2057 24.82%, #313699 83.65%) !important;*!*/
/*  }*/
/*  .cards-carousel {*/
/*    display: flex;*/
/*    !*justify-content: center;*!*/
/*    align-items: center;*/
/*    !*width: 100%;*!*/
/*    position: relative;*/
/*      margin-bottom: 40px;*/
/*  }*/

/*  !*.card-slider {*!*/
/*  !*  width: 320px;*!*/
/*  !*  position: relative;*!*/
/*  !*  overflow: hidden;*!*/
/*  !*  border-radius: 20px;*!*/
/*  !*  background: linear-gradient(180deg, #1d2057 0%, #2a30a6 47%, #1d2057 100%);*!*/
/*  !*  color: #fff;*!*/
/*  !*  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.3);*!*/
/*  !*  text-align: center;*!*/
/*  !*  padding-bottom: 40px;*!*/
/*  !*  display: flex;*!*/
/*  !*  flex-direction: column;*!*/
/*  !*  justify-content: space-between;*!*/
/*  !*}*!*/

/*  !* ==== کارت‌ها ==== *!*/
/*  .card {*/
/*    display: none;*/
/*    flex-direction: column;*/
/*    align-items: center;*/
/*    justify-content: flex-start;*/
/*    padding: 24px 20px 120px 20px;*/
/*    animation: fadeIn 0.6s ease;*/
/*    background-color: unset !important;*/
/*  }*/
/*  .card.active {*/
/*    display: flex;*/
/*  }*/
/*    .card-contents{*/
/*        flex-direction: row-reverse !important;*/
/*        justify-content: space-between;*/
/*        width: 100%;*/
/*    }*/
/*    .card-contents .image-container {*/
/*        width: 25%;*/
/*    }*/
/*    .card-contents .content{*/
/*        width: 75%;*/
/*        gap: 32px !important;*/
/*        display: flex;*/
/*        flex-direction: column;*/
/*        text-align: right;*/
/*    }*/
/*    .card-slider{*/
/*        background: rgba(77, 77, 77, 0.1);*/
/*        backdrop-filter: blur(17.5px);*/
/*        border-radius: 15px;*/
/*        padding: 16px 60px;*/
/*        border: none !important;*/
/*    }*/
/*    .slider-wrapper {*/
/*        position: relative;*/
/*        display: flex;*/
/*        align-items: center;*/
/*        width: 100%;*/
/*        justify-content: center;*/
/*    }*/
/*    .nav {*/
/*        background: rgba(0,0,0,0.5);*/
/*        border: none;*/
/*        width: 45px;*/
/*        height: 45px;*/
/*        border-radius: 50%;*/
/*        display: flex;*/
/*        align-items: center;*/
/*        justify-content: center;*/
/*        cursor: pointer;*/
/*        backdrop-filter: blur(5px);*/
/*        transition: 0.3s;*/
/*    }*/
/*    .nav.next{*/
/*      left: 87% !important;*/
/*      position: absolute;*/
/*      z-index: 3;*/
/*    }*/
/*  .nav.prev{*/
/*    right: 87% !important;*/
/*    position: absolute;*/
/*    z-index: 3;*/
/*  }*/
/*    .nav:hover {*/
/*        background: rgba(0,0,0,0.7);*/
/*    }*/

/*    .nav svg {*/
/*        width: 24px;*/
/*        height: 24px;*/
/*    }*/

/*    .prev {*/
/*        margin-right: 10px;*/
/*    }*/

/*    .next {*/
/*        margin-left: 10px;*/
/*    }*/

/*  @keyframes fadeIn {*/
/*    from {*/
/*      opacity: 0;*/
/*      transform: translateY(10px);*/
/*    }*/
/*    to {*/
/*      opacity: 1;*/
/*      transform: translateY(0);*/
/*    }*/
/*  }*/

/*  !* ==== تصویر کارت ==== *!*/
/*  .image-container {*/
/*    width: 100%;*/
/*    margin-bottom: 16px;*/
/*  }*/

/*  .image-container img {*/
/*    width: 100%;*/
/*    height: auto;*/
/*    border-radius: 16px;*/
/*    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.25);*/
/*  }*/

/*  !* ==== محتوای کارت ==== *!*/
/*  .content {*/
/*    text-align: center;*/
/*  }*/

/*  .content h2 {*/
/*    font-size: 20px;*/
/*    font-weight: 700;*/
/*    margin-bottom: 10px;*/
/*  }*/

/*  .content p {*/
/*    font-size: 14px;*/
/*    line-height: 1.8;*/
/*    color: #eaeaea;*/
/*    margin: 0;*/
/*  }*/

/*  !* ==== نوار پایین (indicator line) ==== *!*/
/*  .slider-line {*/
/*    position: absolute;*/
/*    bottom: 0%;*/
/*    left: 10px;*/
/*    right: 10px;*/
/*    height: 4px;*/
/*    border-radius: 6px;*/
/*    background: white;*/
/*    !*overflow: hidden;*!*/
/*    transition: background 0.4s ease;*/
/*    width: 320px;*/
/*    margin: 12px auto;*/
/*  }*/
/*  .slider-line::after {*/
/*    content: "";*/
/*    position: absolute;*/
/*    top: 50%;*/
/*    left: 0;*/
/*    width: calc(100% / 8); !* چون ۸ اسلاید داریم *!*/
/*    height: 12px;*/
/*    background: #fff;*/
/*    border-radius: 8px;*/
/*    transform: translateY(-50%);*/
/*    transition: left 0.4s ease, height 0.3s ease;*/
/*  }*/
/*  #productCarousel .carousel-indicators{*/
/*    bottom: -60px !important;*/
/*  }*/
/*  #productCarousel .carousel-indicators [data-bs-target]{*/
/*    width: 10px;*/
/*    height: 10px;*/
/*    border-radius: 50%;*/
/*    background-color: #000;*/
/*    bottom: -60px !important;*/
/*    !*opacity: 1;*!*/
/*  }*/
/*  #productCarousel .carousel-indicators .active{*/
/*    background-color: #EF3A25 !important;*/
/*  }*/
/*  .products-indicators button{*/
/*    background-color: #000000;*/
/*  }*/
/*  #formModal{*/
/*    color: black;*/
/*  }*/
/*  .modal-header{*/
/*    border: none !important;*/
/*  }*/
/*  .modal-content{*/
/*    background: linear-gradient(to left, #1E2158 0%, #1820B0 100%);*/
/*  }*/
/*  .login-form h4{*/
/*    color: #EF3A25;*/
/*    margin-bottom: 40px;*/
/*  }*/
/*    .custom-nav {*/
/*        width: 50px;*/
/*        height: 50px;*/
/*        top: 39%;*/
/*        background: black;*/
/*        background: rgba(0,0,0,0.4);*/
/*        border-radius: 50%;*/
/*        display: flex;*/
/*        justify-content: center;*/
/*        align-items: center;*/
/*    }*/

/*    .custom-nav .nav-icon {*/
/*        width: 20px;*/
/*        height: 20px;*/
/*        filter: invert(1); !* سفیدش می‌کنه *!*/
/*    }*/
/*  .form-group {*/
/*    position: relative;*/
/*    margin-bottom: 1.5rem;*/
/*  }*/

/*  .form-group input,*/
/*  .form-group select {*/
/*    height: 56px;*/
/*    font-size: 14px;*/
/*    padding-top: 1.25rem;*/
/*    padding-bottom: 14px;*/
/*    background: unset !important;*/
/*    color: #F4F4F4;*/
/*    font-family: DiodrumArabic;*/
/*  }*/

/*  .form-group label {*/
/*    position: absolute;*/
/*    top: 50%;*/
/*    right: 12px;*/
/*    transform: translateY(-50%);*/
/*    !*background: #fff;*!*/
/*    color: #6c757d;*/
/*    font-size: 1rem;*/
/*    padding: 0 6px;*/
/*    transition: 0.2s ease all;*/
/*    pointer-events: none;*/
/*  }*/

/*  .form-group input:focus + label,*/
/*  .form-group input:not(:placeholder-shown) + label,*/
/*  .form-group select:focus + label,*/
/*  .form-group select:not([value=""]) + label {*/
/*    top: -8px;*/
/*    right: 10px;*/
/*    font-size: 12px;*/
/*    color: #F4F4F4 !important;*/
/*  }*/
/*  .form-control:focus {*/
/*    color: #F4F4F4;*/
/*  }*/
/*  .submit-btn{*/
/*    background: linear-gradient(90deg, #EF3A25 49%, #D0A299 70%);*/
/*    width: 60%;*/
/*    margin: 12px 20%;*/
/*    border-radius: 10px;*/
/*    font-size: 20px;*/
/*    color: white;*/
/*    cursor: pointer;*/
/*    font-weight: 500;*/
/*    padding-bottom: 14px;*/
/*  }*/
/*  .otp-input {*/
/*    width: 50px;*/
/*    height: 50px;*/
/*    font-size: 24px;*/
/*    text-align: center;*/
/*    border: 2px solid #ccc;*/
/*    border-radius: 8px;*/
/*    transition: all 0.2s ease;*/
/*  }*/

/*  .otp-input:focus {*/
/*    border-color: #E65409;*/
/*    outline: none;*/
/*    box-shadow: 0 0 4px rgba(230, 84, 9, 0.4);*/
/*  }*/
/*}*/


/*!*eiffel tower*!*/
/*@media screen and (min-width: 769px) and (max-width: 900px) {*/
/*    .eiffel-tower {*/
/*        left: -43%;*/
/*        top: 12%;*/
/*    }*/
/*    .eiffel-tower img {*/
/*        width: 100%;*/
/*    }*/
/*}*/
/*@media screen and (min-width: 901px) and (max-width: 999px) {*/
/*    .eiffel-tower {*/
/*        left: -45%;*/
/*        top: 7%;*/
/*    }*/
/*    .eiffel-tower img {*/
/*        width: 100%;*/
/*    }*/
/*}*/
/*@media screen and (min-width: 1000px) and (max-width: 1100px) {*/
/*    .eiffel-tower {*/
/*        left: -45%;*/
/*        top: 2%;*/
/*    }*/
/*    .eiffel-tower img {*/
/*        width: 100%;*/
/*    }*/
/*}*/
/*@media screen and (min-width: 1101px) and (max-width: 1300px) {*/
/*    .eiffel-tower {*/
/*        left: -43%;*/
/*        top: -1%;*/
/*    }*/
/*    .eiffel-tower img {*/
/*        width: 100%;*/
/*    }*/
/*}*/
/*@media screen and (min-width: 1301px) {*/
/*    .eiffel-tower {*/
/*        left: -50%;*/
/*        top: 2%;*/
/*    }*/
/*    .eiffel-tower img {*/
/*        width: 90%;*/
/*    }*/
/*}*/

/* share section */
.share-container {
    text-align: center;
    margin: 20px;
    border-top: 1px solid gray;
}

/*.share-container h5 {*/
/*    font-family: 'IranSans', sans-serif;*/
/*    color: #333;*/
/*    margin-bottom: 15px;*/
/*}*/

.share-container .social-medias{
    margin: 40px auto;
    display: flex;
    flex-direction: row;
    gap: 24px;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    padding-bottom: 40px;
}

.social-media {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    color: white;
    font-size: 22px;
    transition: transform 0.2s, box-shadow 0.2s;
}

.social-media:hover {
    transform: scale(1.1);
    box-shadow: 0 4px 12px rgba(0,0,0,0.2);
}

/* رنگ اختصاصی هر شبکه */
.social-media.telegram { background: #0088cc; }
.social-media.whatsapp { background: #25D366; }
.social-media.copy { background: #E65409; }

.social-media i {
    pointer-events: none;
    font-size: 24px;
}

/* ریسپانسیو موبایل */
@media (max-width: 480px) {
    .social-medias {
        justify-content: center;
        gap: 10px;
        width: 80%;
        margin: 16px 10%;
    }
    .social-media {
        width: 50px;
        height: 50px;
        font-size: 20px;
    }
}

.slider-wrapper button {
    top: 50%;
}
.nav {
        background: rgba(0,0,0,0.5);
        border: none;
        width: 45px;
        height: 45px;
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        cursor: pointer;
        backdrop-filter: blur(5px);
        transition: 0.3s;
    }
    .nav.next{
      left: 82% !important;
      position: absolute;
      z-index: 3;
    }
  .nav.prev{
    right: 82% !important;
    position: absolute;
    z-index: 3;
  }
    .nav:hover {
        background: rgba(0,0,0,0.7);
    }

    .nav svg {
        width: 24px;
        height: 24px;
    }

    .prev {
        margin-right: 10px;
    }

    .next {
        margin-left: 10px;
    }
.custom-nav img {
    width: 100%;
}
.carousel-control-next.custom-nav {
    right: -15%;
    top: 40%;
    height: 40px;
}
.carousel-control-prev.custom-nav {
    left: -15%;
    top: 40%;
    height: 40px;
}

@keyframes fixed-btn-animation {
    0% {
        transform: scale(1);
    }

    50% {
        transform: scale(1.1);
    }

    100% {
        transform: scale(1);
    }
}