body {
    background-color: #302C42;
    height: 100%;
    font-family: 'IRANSansWeb_FaNum_Black';
    color: white;
    font-size: 26px;
}


@font-face {
    font-family: 'IRANSansWeb_FaNum_Black';
    src: url('../fonts/IRANSansWeb_FaNum_Black.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}


@font-face {
    font-family: 'IRANSansWeb_FaNum_Light';
    src: url('../fonts/IRANSansWeb_FaNum_Light.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}

.IFL{
    font-family: 'IRANSansWeb_FaNum_Light' !important;
    font-size: 1.1rem !important;
}



.colored_span {
    background: linear-gradient(91.57deg, #8176AF 36.25%, #C0B7E8 -1.02%);
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text;
    font-weight: 700;
}

/* section1 */
.section1 {
    background: url('../img/black_-_13495 (720p) 2.png') no-repeat fixed;
    background-size: cover;
}

.section1Paragraph {

    color: white;
    font-family: 'YekanBakh';
    font-size: 16px;
    font-weight: 400;
    line-height: 27.2px;
    text-align: right;
}

.icons {
    font-size: 30px;
    color: #C0B7E8;

}

.media_links {
    background: radial-gradient(50% 2900.76% at 50% 53.89%, rgba(58, 52, 86, 0.95) 0%, #211E2E 100%);
    color: white;
    border-radius: 70px !important;
    font-size: 24px;
    font-weight: 700;
}

.Vector_1 {
    width: 347px;
    height: 562px;
    top: 77px;
    left: 102px;
    gap: 0px;

}

.Vector_2 {
    width: 316px;
    height: 709px;
    top: -65px;
    left: 23px;
    gap: 0px;

}

.Vector_3 {
    width: 617px;
    height: 352px;
    top: 286px;
    left: -163px;
    gap: 0px;

}

/* section1 */

/* swiper */
.swiper {
    width: 90%;
    box-shadow: 0px 4px 4px 0px #C0B7E803;
    border-radius: 50px;
    margin: auto;
}

.swiper-slide {
    text-align: center;
    font-size: 18px;
    /* background: #fff; */
    display: flex;
    justify-content: center;
    align-items: center;
    background: radial-gradient(50% 2900.76% at 50% 53.89%, rgba(58, 52, 86, 0.95) 0%, #211E2E 100%)
        /* warning: gradient uses a rotation that is not supported by CSS and may not behave as expected */
    ;
    color: white;
}

.swiper-slide img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.swiper {
    margin-left: auto;
    margin-right: auto;
}

.swiper-button-next,
.swiper-button-prev {
    margin-top: -30px !important;
    font-size: 20px;
    color: white !important;
}

.swiper-button-next::after,
.swiper-button-prev::after {
    content: "" !important;
}

/* swiper */


/* section2 */
.section2 {
    width: 85%;
    margin: auto;
}


/* section2 */



@media screen and (min-width:0px) and (max-width:1068px) {


    .section1Img {
        width: 340px;
        height: 296px;
        margin: auto;
        border-radius: 100px 100px 100px 240px;
        background-color: azure;
        box-shadow: 0px 0px 0px 15px #00000042;

    }



    .section2Img {
        width: 336.79px;
        height: 358px;
        margin: auto;
        border-radius: 140px 60px 140px 60px;
        background-color: azure;
        box-shadow: 0px 0px 0px 15px #00000042;

    }

    .img2_paragraph {
        width: 336.79px;
    }



}


@media screen and (min-width:1069px) {

    .pulse {
        transition: transform 0.5s ease;
    }

    .pulse:hover {
        animation: pulse-animation 0.9s forwards;
    }

    .pulse:not(:hover) {
        animation: pulse-animation-reverse 0.9s forwards;
    }

    @keyframes pulse-animation {
        0% {
            transform: scale(1);
            box-shadow: 0px 0px 0px 15px #00000042;

        }

        40% {
            transform: scale(1.1);
            box-shadow: 0px 0px 0px 0px #00000042;
        }

        60% {
            transform: scale(1.07);
            box-shadow: 0px 0px 0px 0px #00000042;
        }

        100% {
            transform: scale(1.1);
            box-shadow: 0px 0px 0px 0px #00000042;
        }
    }

    @keyframes pulse-animation-reverse {
        0% {
            transform: scale(1.1);
            box-shadow: 0px 0px 0px 0px #00000042;
        }

        40% {
            transform: scale(1);
            box-shadow: 0px 0px 0px 15px #00000042;
        }

        60% {
            transform: scale(1.05);
            box-shadow: 0px 0px 0px 0px #00000042;
        }

        100% {
            transform: scale(1);
            box-shadow: 0px 0px 0px 15px #00000042;
        }
    }



    .section1Img {
        width: 490px;
        height: 426px;
        margin: auto;
        border-radius: 100px 100px 100px 240px;
        background-color: azure;
        box-shadow: 0px 0px 0px 15px #00000042;

    }

    .section2Img {
        width: 524px;
        height: 557px;
        border-radius: 240px 100px 240px 100px;
        background-color: azure;
        box-shadow: 0px 0px 0px 15px #00000042;
    }

    .img2_paragraph {
        width: 524px;
    }

}

  
    .rating i {
      color: #ffdb70;
      font-size: 20px;
      margin-left: 2px;
    }
    .user-a {
      text-decoration: none;
      color: rgb(244, 245, 246);
      padding: 6px 14px;
      border-radius: 20px;
      font-size: 14px;
    }
    .user-a:hover {
     color: #C0B7E8;
    }

/* فرم */
::placeholder {
    color: #959595 !important;
    opacity: 1; /* برای اینکه کم‌رنگ نباشه */
}
input{
    color: #c7c6c6 !important;
}
.btn-buy:disabled {
  opacity: 0.5;        /* کم‌رنگ شود */
  cursor: not-allowed; /* نشانگر ماوس حالت ممنوع شود */
  filter: grayscale(40%); /* کمی بی‌روح‌تر شود (اختیاری) */
}

/* بخش موج دار */
.wave-section {
position: relative;
padding: 80px 0;
border-radius: 20px;
overflow: hidden;
}


/* .wave-section::before {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 120px;
opacity: 0.3;
} */


.code-image {
width: 100%;
max-width: 500px;
height: 300px;
background: #000;
border-radius: 12px;
}


.form-section label {
margin-top: 10px;
font-weight: 500;
}


.price-box {
font-size: 22px;
font-weight: bold;
margin-top: 20px;

}


.btn-buy {
margin-top: 25px;
padding: 12px;
font-size: 18px;
border-radius: 10px;
}

/* فلش آکاردئون بره سمت چپ */
.accordion-button::after {
    margin-left: 0 !important;
    margin-right: auto !important;
    background-color: white !important;
    border-radius: 50%;
}
/* متن داخل اکاردئون */
.accordion-text{
    font-size: 14px;
    color: lightgrey;
}
/* آکاردئون وقتی باز میشه */
.accordion-button:not(.collapsed) {
    background-color: transparent !important;  /* رنگ دلخواه */
    color: #fff !important;                /* رنگ متن */
    border-bottom: transparent !important; /* بردر پایین */
    box-shadow: none !important;           /* حذف شادو پیش‌فرض */
}
/*  */
@media (max-width: 1222px) {
    .img-col {
        padding-top: 90px !important;
    }
}
.z1{
    cursor: pointer;
}
.z2{
    text-align: end !important;
}