.swiper {
        width: 100%;
        height: 100%;
    }

    .swiper-slide {
        text-align: center;
        font-size: 18px;
        background: #fff;
        display: flex;
        justify-content: center;
        align-items: center;
    }

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


    .mySwiper .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
        margin: 0;
        margin-right: 20px;
    }

    .mySwiper .swiper-pagination-bullet {
        position: relative;
        width: 156px;
        height: auto;
        text-align: left;
        border-radius: 0;
        opacity: 1;
        margin-right: 20px;
        background-color: transparent;
    }

    .mySwiper .swiper-pagination-bullet em {
        font-size: 15px;
        line-height: 28px;
        font-weight: bold;
        letter-spacing: unset;
        color: #111;
        top: 12px;
        position: absolute;
        right: 4px;
        font-style: normal;
        color: #A4A4A4;
    }

    .mySwiper .swiper-pagination-bullet b {
        position: absolute;
        bottom: 0;
        right: 0;
        z-index: 2;
        width: 0%;
        height: 10px;
        background-color: rgba(17, 17, 17, 1);
    }

    .mySwiper .swiper-pagination-bullet-active {
        background-color: transparent;
    }

    .mySwiper {
        height: 100svh;
    }

    .mySwiper img {
        height: 100% !important;
    }

    .mySwiper .swiper-pagination-bullet-active b {
        animation-name: countingBar;
        animation-duration: 7.5s;
        animation-timing-function: ease-in;
        animation-iteration-count: 1;
        animation-direction: alternate;
        animation-fill-mode: forwards;
    }
    b.no-animation {
        animation-duration: 0.1s !important;
    }
    @keyframes countingBar {
        0% {
            width: 0;
        }
        100% {
            width: 100%;
        }
    }

    .mySwiper .swiper-pagination {
        bottom: 111px;
    }

    .mySwiper .swiper-pagination-bullet i {
        position: absolute;
        bottom: 0;
        left: 0;
        z-index: 1;
        width: 100%;
        height: 5px;
        background-color: #A4A4A4;
        border-radius: 124px;
    }

    .mySwiper .swiper-pagination-bullet-active b {
        background: linear-gradient(90deg, #04A1B0 0%, #00A555 100%);
        height: 5px;
        border-radius: 124px;
    }

    .mySwiper .swiper-pagination-bullet-active em {
        background-image: linear-gradient(90deg, #04A1B0 0%, #00A555 100%);
        background-clip: text;
        -webkit-text-fill-color: transparent;
    }


    .mySwiper-second-layer {
        position: absolute;
        width: 546px;
        height: 363px;
    }

    .mySwiper-second-layer .swiper-slide {
        display: flex;
        flex-direction: column;
        align-items: flex-end;
    }

    .mySwiper-second-layer .swiper-slide {
        display: flex;
        flex-direction: column;
        align-items: flex-end;
        background: unset;
        color: white;
    }

    .mySwiper-second-layer .swiper-slide h3.in-slider-title {
        font-family: "IRANSans Black";
        font-size: 64px;
    }

    .mySwiper-second-layer .swiper-slide p.in-slider-subtitle {
        font-size: 49px;
    }

    /* Rectangle 414 */
    .mySwiper-second-layer .swiper-slide p.in-slider-subtitle span.in-slider-teacher {
        position: absolute;
        font-size: 21px;
        display: flex;
        flex-direction: column;
        bottom: 67px;
    }

    .mySwiper-second-layer .swiper-slide p.in-slider-subtitle span.in-slider-teacher b {
        font-size: 24px;
    }

    a.in-slider-cta {
        text-align: right;
        float: right;
        display: block;
        background-color: #A4A4A4;
        color: #1E1E1E;
        border-radius: 8px;
        padding: 13px 20px;
        font-weight: 600;
        transition: 0.2s ease;
    }

    a.in-slider-cta:hover {
        background-color: #14AC84;
        color: white;
    }

    .mySwiper-second-layer .swiper-slide p.in-slider-subtitle {
        font-size: 49px;
        position: relative;
    }

    .mySwiper .swiper-pagination-bullet em {
        color: white;
    }

    .mySwiper .swiper-pagination-bullet-active b {
        background: #14A557;
    }

    .mySwiper .swiper-pagination-bullet-active em {
        -webkit-text-fill-color: unset;
        color: white;
        background-image: unset;
    }

    .mySwiper .swiper-pagination-bullet i {
        background-color: white;
    }


    .mySwiper > .swiper-wrapper .swiper-slide.item1:after {
        position: absolute;
        content: "";
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        background-image: linear-gradient(to top, rgb(4 4 4 / 30%), rgb(54 54 54 / 13%));
        visibility: hidden;
    }

    .mySwiper .swiper-pagination-bullet i {
        height: 3px;
    }

    .mySwiper .swiper-pagination-bullet-active b {
        height: 3px;
    }

    .mySwiper-second-layer {
        left: 20%;
    }

    .mySwiper-second-layer .swiper-slide.is-rtl {
        align-items: flex-start;
    }

    .mySwiper-second-layer .swiper-slide.is-rtl span.in-slider-teacher {
        left: 0;
    }

    p.second-in-subtitle {
        text-align: left;
    }

    .is-rtl p.second-in-subtitle {
        text-align: right;
    }

    .mySwiper-second-layer.is-right-position {
        left: unset;
        right: 20%;
    }

    .mySwiper-second-layer .swiper-slide .content {
        display: flex;
        flex-direction: column;
        align-items: flex-end;
        background: unset;
        color: white;
        padding: 0px 1px;
    }

    .mySwiper-second-layer .swiper-slide.is-rtl .content {
        align-items: flex-start;
    }
    @media only screen and (max-width: 1500px) {
        .mySwiper-second-layer .swiper-slide h3.in-slider-title {
    font-size: 32px;
}


    }

    @media only screen and (max-width: 950px) {
        .mySwiper-second-layer {
            left: unset !important;
            right: unset !important;
        }

        .mySwiper-second-layer .swiper-slide h3.in-slider-title {
            font-size: 41px;
        }

        .mySwiper-second-layer .swiper-slide p.in-slider-subtitle span.in-slider-teacher {
            font-size: 17px;
        }

        .mySwiper-second-layer .swiper-slide p.in-slider-subtitle span.in-slider-teacher b {
            font-size: 19px;
        }

        .mySwiper-second-layer .swiper-slide p.in-slider-subtitle {
            font-size: 41px;
        }

        p.second-in-subtitle {
            font-size: 15px;
        }

        .mySwiper-second-layer {
            width: 475px;
        }
    }

    @media only screen and (max-width: 518px) {
        .mySwiper-second-layer {
            width: 382px;
        }

        .mySwiper-second-layer .swiper-slide h3.in-slider-title {
            font-size: 35px;
        }

        .mySwiper-second-layer .swiper-slide p.in-slider-subtitle span.in-slider-teacher {
            font-size: 15px;
        }

        .mySwiper-second-layer .swiper-slide p.in-slider-subtitle span.in-slider-teacher b {
            font-size: 16px;
        }

        .mySwiper-second-layer .swiper-slide p.in-slider-subtitle {
            font-size: 33px;
        }

        p.second-in-subtitle {
            font-size: 14px;
        }

        .mySwiper-second-layer {
            width: 93%
        }

        .mySwiper-second-layer .swiper-slide p.in-slider-subtitle span.in-slider-teacher {
            bottom: 55px;
        }

        .mySwiper .swiper-pagination-bullet {
            width: 128px;

        }
    }

    @media only screen and (max-width: 396px) {
        .mySwiper-second-layer .swiper-slide p.in-slider-subtitle {
            font-size: 28px;
        }

        .mySwiper-second-layer .swiper-slide h3.in-slider-title {
            font-size: 31px;
        }

        .mySwiper-second-layer .swiper-slide p.in-slider-subtitle span.in-slider-teacher {
            bottom: 43px;
        }

    }


    @media only screen and (max-width: 412px) {
        .mySwiper .swiper-pagination-bullet {
            width: 94px;
        }

        .mySwiper .swiper-pagination-bullet em {
            font-size: 12px;
        }
    }

    .mySwiper-second-layer .swiper-slide.is-rtl .content {
        width: 100%;
    }

    .mySwiper-second-layer .swiper-slide p.in-slider-subtitle {
        width: 100%;
    }

    .mySwiper-second-layer .swiper-slide p.in-slider-subtitle {
        text-align: left;
    }

    .mySwiper-second-layer .swiper-slide.is-rtl p.in-slider-subtitle {
        text-align: right;
    }

    span.in-slider-teacher {
        text-align: center;
    }

    .content.is-black {
        color: black !important;
    }

    .mainslider-discount.container-fluid {
    height: 100svh;
    }

    .mainslider-discount.container-fluid img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    .mainslider-discount.container-fluid {
        padding: 0;
    }

    .discount-content {
        position: absolute;
        top: 0;
        display: flex;
        flex-direction: row-reverse;
        justify-content: space-between;
        left: 0;
        right: 0;
        bottom: 0;
        align-items: center;
    }

    .discount-content .content {
        color: white;
    }

    .discount-content .content h3.in-slider-title {
        font-family: "IRANSans bold";
        font-size: 64px;
    }

    .discount-content .content {
        color: white;
        text-align: left;
    }

    .content.is-align-right {
        text-align: right;
    }

    .discount-content .content span.in-slider-teacher {
        font-size: 21px;
        display: flex;
        flex-direction: column;
        bottom: 67px;
        align-content: flex-end;
        text-align: left;
    }

    .discount-content .content a.in-slider-cta {
        float: left;
    }

    .discount-content .content {
        color: white;
        text-align: left;
        width: 553px;
    }

    .discount-content .content.is-rtl {
        text-align: right;
    }

    .discount-content .content.is-rtl span.in-slider-teacher {
        text-align: right;
    }

    .discount-content .content.is-rtl a.in-slider-cta {
        float: right;
    }
    .mySwiper-second-layer .swiper-slide.is-rtl h3.in-slider-title {
    text-align: right;
}
.mySwiper-second-layer .swiper-slide h3.in-slider-title {
    font-family: "IRANSans Bold";
    font-size: 39px;
}
.mySwiper-second-layer .swiper-slide h3.in-slider-title {
    text-align: left;
}
.mySwiper-second-layer .swiper-slide p.in-slider-subtitle span.in-slider-teacher {
    position: unset;
    text-align: left;
    font-size: 18px;

}
.mySwiper-second-layer .swiper-slide.is-rtl p.in-slider-subtitle span.in-slider-teacher {
    text-align: right;
}
.mySwiper-second-layer .swiper-slide p.in-slider-subtitle span.in-slider-teacher b {
    font-size: 18px;
    font-weight: 400;
}

.mySwiper .swiper-pagination {
    bottom: 74px;
}
@media only screen and (max-width: 600px){
    .mySwiper-second-layer .swiper-slide h3.in-slider-title {
    font-size: 29px;
}
}
.first-slider-static-container {
    position: absolute;
    width: 496px;
    z-index: 999999;
    height: 500px;
    top: 99px;
    top: calc(50% + -234px);
}
h2.first-heading-slide-slider {
    position: absolute;
    color: white;
    font-size: 96px;
    font-family: 'IRANSans black';
    font-family: 'IRANSans bold';
    visibility: hidden;
    z-index: 99;
}
.first-slider-inverse-discription{
    position: absolute;
    color: white;
    z-index: 99;
    top: 66%;
    visibility: hidden;
    font-size: 28px;
}
h2.first-heading-slide-slider {
    top: 12%;
    right: 0;
}
h2.first-heading-slide-slider.secondslider {
    top: 39%;
    left: 0;
    right: unset;
}
@media only screen and (max-width: 1500px) {
    h2.first-heading-slide-slider {
    font-size: 70px;

}
}
@media only screen and (max-width: 950px) {

h2.first-heading-slide-slider {
    top: 25%;
    right: 0;
}
h2.first-heading-slide-slider.secondslider {
    top: 41%;
    left: 0;
    right: unset;
}

.first-slider-inverse-discription {

width: 100%;
padding: 0;
}
}
@media only screen and (max-width: 768px) {
    .first-slider-static-container {
    width: 100%;
}
h2.first-heading-slide-slider {
    font-size: 60px;

}
h2.first-heading-slide-slider {
        right: 23px;
    }
h2.first-heading-slide-slider.secondslider {
        top: 41%;
        left: 23px;
        right: unset;
}

.first-slider-inverse-discription {
    font-size: 17px;

}
.first-slider-static-container {
    height: 100vh;
}
.first-slider-inverse-discription {
    top: 62%;

}
.first-slider-static-container {
    top: calc(50% + -384px);
}
}
@media only screen and (max-width: 1195px) {
    .discount-content {
        flex-wrap: nowrap;
        display: flex;
        flex-direction: column-reverse;
        justify-content: space-around;
    }
}
@media only screen and (max-width: 1195px){
.discount-content .content h3.in-slider-title {
min-height: unset;
padding-top: unset;
}
.discount-content {
flex-wrap: nowrap;
display: flex;
flex-direction: column-reverse;
justify-content: space-around;
}
.countdown {
width: 100%;
}
.discount-content .content {
width: 100%;
}
.countdown {
width: 100%;
position: relative;
height: unset;
}
.discount-content {
margin: 0;
width: 100% !important;
max-width: unset;
padding: 33px 23px;
}
.countdown {
padding-left: 14px;
}
.discount-content .content h3.in-slider-title {
font-size: 46px;
}
}
@media only screen and (max-width: 1195px) {
.discount-content {
justify-content: center;
}
/* .countdown {
padding-top: 197px;
} */
.discount-content .content {
padding-top: 16px;
}
}
/* @media only screen and (max-width: 442px) {
  .timer--clock .clock-display-grp .number-grp .number-grp-wrp .num p {
  font-size: 39px;
  }
  .hours-group.clock-display-grp:after {
  left: 1px;
  font-size: 14px;
  }
  .minutes-group.clock-display-grp:after {
  left: 69px;
  font-size: 14px;
  }
  .seconds-group.clock-display-grp:after {
  left: 135px;
  font-size: 14px;
  }
  .countdown {
  padding-left: 0;
  }
  .days-group.clock-display-grp {
  padding: 46px 55px;
  width: 192px;
  
  }
  .discount-code-for-count-down {
  padding: 7px 17px;
  font-size: 18px;
  }
  .discount-content .content h3.in-slider-title {
  font-size: 42px;
  }
  .days-group.clock-display-grp:after {
  font-size: 45px;
  }
  } */

  @media only screen and (max-width: 768px) {
    .first-slider-static-container {
        width: 423px;
    }
    .first-slider-inverse-discription {
        font-size: 22px;
    }
    h2.first-heading-slide-slider.secondslider {
        top: 38%;
        left: 23px;
        right: unset;
    }
    .first-slider-inverse-discription {
        top: 53%;
    }
    .mySwiper .swiper-pagination {
    bottom: 99px;
}

}
@media only screen and (max-width: 416px) {
    .first-slider-static-container {
        width: 97%;
    }
}


@media only screen and (max-width: 393px) {
    .first-slider-inverse-discription {
        font-size: 18px;
    }
    .discount-content .content h3.in-slider-title {
        font-size: 31px;
    }
    .discount-content .content span.in-slider-teacher {
        font-size: 17px;
    }
}
.first-slider-inverse-discription {
  left: 0;
  right: 0;
}
@media  (max-width: 1000px) and (orientation: landscape)  {
  .mySwiper {
    height: 138svh;
}
.discount-content {
    padding-top: 284px;
}
.mainslider-discount.container-fluid {
    height: 152vh;
}
}

@media only screen and (max-width: 1000px) and (orientation: landscape){
    .first-slider-static-container {
        top: calc(80% + -384px);
    }
    .mySwiper-second-layer {
        top: 97px;
    }
    .mySwiper .swiper-pagination {
        bottom: 64px;
    }
    .first-slider-inverse-discription {
        top: 69%;
    }
}
.mainslider-discount.container-fluid:after {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-image: linear-gradient(to top, rgba(4, 4, 4, .65), rgba(54, 54, 54, .2));
    bottom: 0 !important;
    top: unset;
    visibility: hidden;
}
.discount-content {

    z-index: 9;
}
@media (max-width: 1000px) and (orientation: landscape) {
    .mainslider-discount.container-fluid {
        height: 152vh;
        position: relative;
    }
}
@media (max-width: 1000px) and (orientation: landscape) {
    .discount-content {
        padding-top: 62px;
    }
}

.mainslider-discount.container-fluid {
    position: relative;
}