@import url("../assets/css/font/primary-iran-yekan.css");@import url("/assets/css/font/secondary-pinar.css");*{box-sizing:border-box}body {background-color: #ffe53b;background-image: linear-gradient(147deg, #fde968 0%, #f56969 74%);min-height:100vh;height: auto !important; font-family: "primary-font","segoe ui","tahoma";display: flex;}.capchaInp{display:block;position:relative;top:-19px;left:-77px;width:176px}
.blog-slider {
    width: 95%;
    position: relative;
    max-width: 800px;
    margin: auto;
    background: #fff;
    box-shadow: 0 14px 80px rgba(34,35,58,.2);
    padding: 25px;
    border-radius: 25px;
    height: auto;
    margin: 40px auto 70px;
    transition: all .3s;
    flex: 0;
    display: none;
}
@media screen and (max-width:992px){.blog-slider{max-width:680px }body{height:115vh} 
     .blog-slider__img{left:0;margin:0 auto}
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                          .blog-slider__button{padding:15px 30px}}@media screen and (max-width:750px){body{height:135vh}}@media screen and (max-width:580px){.blog-slider__button{margin:10px 0}body{height:137vh}.blog-slider{ }.capchaInp{margin:20px auto 0;left:0!important}}@media screen and (max-width:768px){.blog-slider{min-height:500px;margin:180px auto}.input__label{left:30px}.capchaInp{margin:20px auto 0;left:0!important}.nameL{left:0!important}.CountL{left:77px!important}}@media screen and (max-height:500px) and (min-width:992px){.blog-slider{ }}.blog-slider__item{display:flex;align-items:center}@media screen and (max-width:768px){.blog-slider__item{flex-direction:column}}.blog-slider__item.swiper-slide-active
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                   .blog-slider__img img{opacity:1;transition-delay:.3s}.blog-slider__item.swiper-slide-active .blog-slider__content>*{opacity:1;transform:none}.blog-slider__item.swiper-slide-active .blog-slider__content>*:nth-child(1){transition-delay:.3s}.blog-slider__item.swiper-slide-active .blog-slider__content>*:nth-child(2){transition-delay:.4s}.blog-slider__item.swiper-slide-active .blog-slider__content>*:nth-child(3){transition-delay:.5s}.blog-slider__item.swiper-slide-active .blog-slider__content>*:nth-child(4){transition-delay:.6s}.blog-slider__item.swiper-slide-active .blog-slider__content>*:nth-child(5){transition-delay:.7s}.blog-slider__item.swiper-slide-active .blog-slider__content>*:nth-child(6){transition-delay:.8s}.blog-slider__item.swiper-slide-active .blog-slider__content>*:nth-child(7){transition-delay:.9s}.blog-slider__item.swiper-slide-active .blog-slider__content>*:nth-child(8){transition-delay:1s}.blog-slider__item.swiper-slide-active .blog-slider__content>*:nth-child(9){transition-delay:1.1s}.blog-slider__item.swiper-slide-active .blog-slider__content>*:nth-child(10){transition-delay:1.2s}.blog-slider__item.swiper-slide-active .blog-slider__content>*:nth-child(11){transition-delay:1.3s}.blog-slider__item.swiper-slide-active .blog-slider__content>*:nth-child(12){transition-delay:1.4s}.blog-slider__item.swiper-slide-active .blog-slider__content>*:nth-child(13){transition-delay:1.5s}.blog-slider__item.swiper-slide-active .blog-slider__content>*:nth-child(14){transition-delay:1.6s}.blog-slider__item.swiper-slide-active .blog-slider__content>*:nth-child(15){transition-delay:1.7s}.blog-slider__img{width:300px;flex-shrink:0;height:300px;box-shadow:4px 13px 30px 1px rgba(252,56,56,.2);border-radius:20px;transform:translateX(-80px);overflow:hidden;position:relative;left: 80px;top: 50px; margin-left:20px}.blog-slider__img:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:linear-gradient(147deg,#fe8a39 0%,#fd3838 74%);border-radius:20px;opacity:0}.blog-slider__img img{width:100%;height:100%;object-fit:contain;display:block;opacity:1;border-radius:20px;transition:all .3s}@media screen and (max-width:768px){.blog-slider__img{transform:translateY(-50%);margin:0 auto;left:0}}@media screen and (max-width:576px){.blog-slider__img{margin:0 auto;left:0}}@media screen and (max-height:500px) and (min-width:992px){.blog-slider__img{height:auto}}.blog-slider__content{padding-right:25px}@media screen and (max-width:768px){.blog-slider__content{margin-top:-80px;text-align:center;padding:0 30px}}@media screen and (max-width:576px){.blog-slider__content{padding:0}}.blog-slider__content>*{opacity:1;transform:translateY(25px);transition:all .4s}.blog-slider__code{color:#7b7992;margin-bottom:15px;display:block;font-weight:500}.blog-slider__title{font-size:24px;font-weight:700;color:#0d0925;margin-bottom: 20px; cursor: none;}.blog-slider__text{color:#4e4a67;margin-bottom:30px;line-height: 1.5em;font-size: 15px}
.blog-slider__button {
    border: none;
    outline: none;
    background-color: #6c5ce7;
    padding: 10px 20px;
    font-size: 12px;
    font-weight: 700;
    color: #fff;
    border-radius: 5px;
    transition: all ease 0.3s;
    box-shadow: 0px 5px 0px 0px #b2b1bf;
    text-decoration: none;
    position: relative;
    cursor: pointer;
    user-select: none;
}

.blog-slider__button:active {
    top: 5px;
    box-shadow: 0px 0px 0px 0px #fff;
}
@media not all and (min-resolution: 0.001dpcm) {
    .input__label {
        position: absolute;
        left: -110px;
        font-size: 17px;
        top: 27px;
        padding: calc(var(--size-bezel) * .75) calc(var(--size-bezel) * .5);
        margin: calc(var(--size-bezel) * .75 + 3px) calc(var(--size-bezel) * .5);
        background: #ffc0cb;
        white-space: nowrap;
        transform: translate(0, 0);
        transform-origin: 0 0;
        background: var(--color-background);
        transition: transform 120ms ease-in;
        font-weight: bold;
        line-height: 1.2;
    }

}

    @media only screen and (-webkit-min-device-pixel-ratio: 1) {
        ::i-block-chrome, .input__label {
            position: absolute;
            left: -110px;
            font-size: 17px;
            top: 27px;
            padding: calc(var(--size-bezel) * .75) calc(var(--size-bezel) * .5);
            margin: calc(var(--size-bezel) * .75 + 3px) calc(var(--size-bezel) * .5);
            background: #ffc0cb;
            white-space: nowrap;
            transform: translate(0, 0);
            transform-origin: 0 0;
            background: var(--color-background);
            transition: transform 120ms ease-in;
            font-weight: bold;
            line-height: 1.2;
        }

        .blog-slider__img img {
            opacity: 1;
            transition-delay: .3s
        }

        .blog-slider__item.swiper-slide-active .blog-slider__content > * {
            opacity: 1;
            transform: none
        }

            .blog-slider__item.swiper-slide-active .blog-slider__content > *:nth-child(1) {
                transition-delay: .3s
            }

            .blog-slider__item.swiper-slide-active .blog-slider__content > *:nth-child(2) {
                transition-delay: .4s
            }

            .blog-slider__item.swiper-slide-active .blog-slider__content > *:nth-child(3) {
                transition-delay: .5s
            }

            .blog-slider__item.swiper-slide-active .blog-slider__content > *:nth-child(4) {
                transition-delay: .6s
            }

            .blog-slider__item.swiper-slide-active .blog-slider__content > *:nth-child(5) {
                transition-delay: .7s
            }

            .blog-slider__item.swiper-slide-active .blog-slider__content > *:nth-child(6) {
                transition-delay: .8s
            }

            .blog-slider__item.swiper-slide-active .blog-slider__content > *:nth-child(7) {
                transition-delay: .9s
            }

            .blog-slider__item.swiper-slide-active .blog-slider__content > *:nth-child(8) {
                transition-delay: 1s
            }

            .blog-slider__item.swiper-slide-active .blog-slider__content > *:nth-child(9) {
                transition-delay: 1.1s
            }

            .blog-slider__item.swiper-slide-active .blog-slider__content > *:nth-child(10) {
                transition-delay: 1.2s
            }

            .blog-slider__item.swiper-slide-active .blog-slider__content > *:nth-child(11) {
                transition-delay: 1.3s
            }

            .blog-slider__item.swiper-slide-active .blog-slider__content > *:nth-child(12) {
                transition-delay: 1.4s
            }

            .blog-slider__item.swiper-slide-active .blog-slider__content > *:nth-child(13) {
                transition-delay: 1.5s
            }

            .blog-slider__item.swiper-slide-active .blog-slider__content > *:nth-child(14) {
                transition-delay: 1.6s
            }

            .blog-slider__item.swiper-slide-active .blog-slider__content > *:nth-child(15) {
                transition-delay: 1.7s
            }

        .blog-slider__img {
            width: 300px;
            flex-shrink: 0;
            height: 300px;
            box-shadow: 4px 13px 30px 1px rgba(252,56,56,.2);
            border-radius: 20px;
            transform: translateX(-80px);
            overflow: hidden;
            position: relative;
            left: 80px;
            top: 50px;
            margin-left: 20px
        }

            .blog-slider__img:after {
                content: "";
                position: absolute;
                top: 0;
                left: 0;
                width: 100%;
                height: 100%;
                background-image: linear-gradient(147deg,#fe8a39 0%,#fd3838 74%);
                border-radius: 20px;
                opacity: 0
            }

            .blog-slider__img img {
                width: 100%;
                height: 100%;
                object-fit: contain;
                display: block;
                opacity: 1;
                border-radius: 20px;
                transition: all .3s
            }

        @media screen and (max-width:768px) {
            .blog-slider__img {
                transform: translateY(-50%);
                margin: 0 auto;
                left: 0
            }
        }

        @media screen and (max-width:576px) {
            .blog-slider__img {
                margin: 0 auto;
                left: 0
            }
        }

        @media screen and (max-height:500px) and (min-width:992px) {
            .blog-slider__img {
                height: auto
            }
        }

        .blog-slider__content {
            padding-right: 25px
        }

        @media screen and (max-width:768px) {
            .blog-slider__content {
                margin-top: -80px;
                text-align: center;
                padding: 0 30px
            }
        }

        @media screen and (max-width:576px) {
            .blog-slider__content {
                padding: 0
            }
        }

        .blog-slider__content > * {
            opacity: 1;
            transform: translateY(25px);
            transition: all .4s
        }

        .blog-slider__code {
            color: #7b7992;
            margin-bottom: 15px;
            display: block;
            font-weight: 500
        }

        .blog-slider__title {
            font-size: 24px;
            font-weight: 700;
            color: #0d0925;
            margin-bottom: 20px;
            cursor: none;
        }

        .blog-slider__text {
            color: #4e4a67;
            margin-bottom: 30px;
            line-height: 1.5em;
            font-size: 15px
        }

        .blog-slider__button {
            border: none;
            outline: none;
            background-color: #6c5ce7;
            padding: 10px 20px;
            font-size: 12px;
            font-weight: 700;
            color: #fff;
            border-radius: 5px;
            transition: all ease 0.3s;
            box-shadow: 0px 5px 0px 0px #b2b1bf;
            text-decoration: none;
            position: relative;
            cursor: pointer;
            user-select: none;
        }

            .blog-slider__button:active {
                top: 5px;
                box-shadow: 0px 0px 0px 0px #fff;
            }
    }

    @media screen and (max-width:576px) {
        .blog-slider__button {
            width: 100%
        }
    }

    .blog-slider .swiper-container-horizontal > .swiper-pagination-bullets, .blog-slider .swiper-pagination-custom, .blog-slider .swiper-pagination-fraction {
        bottom: 10px;
        left: 0;
        width: 100%
    }

    .blog-slider__pagination {
        position: absolute;
        z-index: 21;
        right: 20px;
        width: 11px !important;
        text-align: center;
        left: auto !important;
        top: 50%;
        bottom: auto !important;
        transform: translateY(-50%)
    }

    @media screen and (max-width:768px) {
        .blog-slider__pagination {
            transform: translateX(-50%);
            left: 50% !important;
            top: 205px;
            width: 100% !important;
            display: flex;
            justify-content: center;
            align-items: center
        }
    }

    .blog-slider__pagination.swiper-pagination-bullets .swiper-pagination-bullet {
        margin: 8px 0
    }

    @media screen and (max-width:768px) {
        .blog-slider__pagination.swiper-pagination-bullets .swiper-pagination-bullet {
            margin: 0 5px
        }
    }

    .blog-slider__pagination .swiper-pagination-bullet {
        width: 11px;
        height: 11px;
        display: block;
        border-radius: 10px;
        background: #062744;
        opacity: .2;
        transition: all .3s
    }

    .blog-slider__pagination .swiper-pagination-bullet-active {
        opacity: 1;
        background: #fd3838;
        height: 30px;
        box-shadow: 0 0 20px rgba(252,56,56,.3)
    }

    @media screen and (max-width:768px) {
        .blog-slider__pagination .swiper-pagination-bullet-active {
            height: 11px;
            width: 30px
        }


        .swal2-content {
            font-size: 20px
        }
    }


.flipInX {
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: flipInX;
    animation-name: flipInX;
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

@-webkit-keyframes flipInX {
    0% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        -webkit-transition-timing-function: ease-in;
        transition-timing-function: ease-in;
        opacity: 0;
    }

    40% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        -webkit-transition-timing-function: ease-in;
        transition-timing-function: ease-in;
    }

    60% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        opacity: 1;
    }

    80% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    }

    100% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }
}

@keyframes flipInX {
    0% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        -webkit-transition-timing-function: ease-in;
        transition-timing-function: ease-in;
        opacity: 0;
    }

    40% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        -webkit-transition-timing-function: ease-in;
        transition-timing-function: ease-in;
    }

    60% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        opacity: 1;
    }

    80% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    }

    100% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }
} 