.secureKiosk_wrapper {
    height: auto;
    padding-right: 0;
    padding-left: 0;
}
.secureKiosk_wrapper h1,
.secureKiosk_wrapper h2,
.secureKiosk_wrapper h3,
.secureKiosk_wrapper h4,
.secureKiosk_wrapper h5,
.secureKiosk_wrapper h6 {
    font-family: YekanBakhFat;
}

.secureKiosk_wrapper .secureKiosk_wrapper-title {
    position: absolute;
    top: 30%;
    z-index: 3;
    right: 10%;
}

.button-shop-now {
    background-color: #41b9a2;
    border-radius: 40px;
}
.button-shop-now:hover {
    text-decoration: none;
}

.secureKiosk_wrapper-title h1 {
    font-family: YekanBakhFat;
    color: #41b9a2 !important;
    font-size: 36px;
}

.secureKiosk_wrapper-title h2 {
    font-size: 69px;
}

.secureKiosk_wrapper-title p {
    width: 39%;
    text-align: justify;
    margin-top: 50px;
}
.secureKiosk_wrapper-video {
    position: relative;
}
.secureKiosk_video-wrapper {
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    height: 700px;
    background-color: rgba(0, 0, 0, 0.8);
    z-index: 2;
}
.secureKiosk_video-wrapper::before{
    content: "";
    position: absolute;
    top:-30px;
    left:-20px;
    width: 150%;
    height: 10%;
    pointer-events: none;
    background-image: linear-gradient(to bottom, rgb(35 40 54) 50%, rgb(62 65 72 / 0%));
    filter: blur(9px);
    z-index: 3;
}
.secureKiosk_video-wrapper::after{
    content: "";
    position: absolute;
    bottom:-45px;
    left:-20px;
    width: 150%;
    height: 10%;
    pointer-events: none;
    background-image: linear-gradient(to bottom, rgb(35 40 54) 50%, rgb(62 65 72 / 0%));
    filter: blur(9px);
    z-index: 3;
}
.secureKiosk_video-wrapper video {
    object-fit: cover;
    height: 100%;
    position: relative;
    opacity: 0.5;

}
.secureKiosk_wrapper-title-background {
    height: 205px;
    width: 100%;
}
.secureKiosk_wrapper-title-background::before {
    top: -210px;
    left: 0;
    right: 0;
    width: 100%;
    font-size: 19vw;
    font-family: YekanBakhFat;
    position: absolute;
    content: "کیوسک امن";
    color: #292d3b;
    text-align: right;
}
.secureKiosk_wrapper-title-background::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 30%;
    pointer-events: none;
    background-image: linear-gradient(
        to bottom,
        rgb(35 40 54) 50%,
        rgb(62 65 72 / 0%)
    );
    filter: blur(19px);
    z-index: 2;
}
.secureKiosk_wrapper-welcome-title {
    font-size: 3vw;
}

.secureKiosk_wrapper-welcome-title-sp2 span {
    color: #41b9a2;
}
.secureKiosk_wrapper-welcome-title img {
    width: 124px;
}
.secureKiosk_wrapper-welcome-description {
    font-size: 18px;
    width: 91%;
}

.secureKiosk_wrapper-welcome-kiosk-img {
    top: -10%;
    left: 0;
    background: url(../assets/images/img/kiosk/kiosk-banner.png) no-repeat 0
        100%;
    background-size: 100%;
    width: 50%;
    height: 871px;
}

.light-img-background-left1 {
    background: url(../assets/images/img/kiosk/left-light.png) no-repeat 0 100%;
    background-size: 100%;
    left: 0;
    top: 17%;
    width: 641px;
    height: 1569px;
    z-index: 2;
}

.light-img-background-left2 {
    background: url(../assets/images/img/kiosk/left-light.png) no-repeat 0 100%;
    background-size: 100%;
    left: 0;
    bottom: 18%;
    width: 588px;
    height: 1380px;
    z-index: 3;
}

.light-img-background-right1 {
    background: url(../assets/images/img/kiosk/right-light.png) no-repeat 0 100%;
    background-size: 100%;
    right: -12%;
    top: 20%;
    width: 821px;
    height: 2138px;
}
.light-img-background-right2 {
    background: url(../assets/images/img/kiosk/right-light.png) no-repeat 0 100%;
    background-size: 82%;
    right: -12%;
    bottom: 0px;
    width: 821px;
    height: 2138px;
    z-index: -1;
}
.secureKiosk_wrapper-how-it-works {
    margin-bottom: 10%;
    margin-top: 17%;
}
.secureKiosk_wrapper-how-it-works h3,
.secureKiosk_wrapper-antiVirus h3,
.secureKiosk_wrapper-customization h3,
.secureKiosk_wrapper-info h3 {
    color: #41b9a2;
    font-size: 2vw;
}
.secureKiosk_wrapper-how-it-works h4,
.secureKiosk_wrapper-antiVirus h4,
.secureKiosk_wrapper-customization h4,
.secureKiosk_wrapper-info h4 {
    font-size: 4vw;
}
.secureKiosk_wrapper-how-it-works p {
    font-size: 18px;
    width: 77%;
}
.secureKiosk_wrapper-antiVirus p {
    font-size: 18px;
    width: 83%;
}

.secureKiosk_wrapper-customization p {
    font-size: 18px;
    width: 89%;
}

.secureKiosk_wrapper-how-it-works-video {
    display: inline-block;
}

#videoModal{
    top:20%;
}
#videoModal .modal-body{
    padding: 0 !important;
}
#videoModal iframe{
    border: none !important;
}
.icon-qabeliat{
    width: 20px;
}
.secureKiosk_wrapper-green-box{
    background-color: #41b9a2;
    border-radius:20px;
    width: 90%;
    height: 98%;
    right: 20px;
    top: 20px;
    z-index: -1;
}

.secureKiosk_wrapper-how-it-works-play-button {
    background: url(../assets/images/img/kiosk/icon-play-circle.png) no-repeat 0
        100%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    top: 50%;
    width: 68px;
    height: 68px;
    z-index: 2;
    cursor: pointer;
}
.secureKiosk_wrapper-how-it-works-play-button.hide{
    display: none;
}
.secureKiosk_wrapper-antiVirus-title-background {
    width: 100%;
    height: 300px;
}

.secureKiosk_wrapper-antiVirus-title-background::before {
    top: -141px;
    left: 0;
    right: 0;
    width: 100%;
    font-size: 19vw;
    font-family: YekanBakhFat;
    position: absolute;
    content: "آنتی‌ویروس";
    color: #292d3b;
    text-align: right;
    z-index: -2;
}

.secureKiosk_wrapper-antiVirus-title-background::after {
    content: "";
    position: absolute;
    top: -11%;
    left: 0;
    width: 100%;
    height: 70%;
    pointer-events: none;
    background-image: linear-gradient(
        to bottom,
        rgb(35 40 54) 50%,
        rgb(62 65 72 / 0%)
    );
    filter: blur(9px);
    z-index: -1;
}

.secureKiosk_wrapper-customization h4::before {
    content: "";
    position: absolute;
    background: url(../assets/images/img/kiosk/icon-circle-check.png) no-repeat
        0 100%;
    top: -20px;
    right: -72px;
    width: 110px;
    height: 109px;
    z-index: -1;
}

.secureKiosk_wrapper-info h4::before {
    content: "";
    position: absolute;
    background: url(../assets/images/img/kiosk/info-icon.png) no-repeat 0 100%;
    top: -32px;
    left: -53px;
    width: 126px;
    height: 140px;
    z-index: -1;
    background-size: 85%;
}
.secureKiosk_wrapper-info-links a {
    border: 1px solid #667078;
    display: inline-block;
    border-radius: 40px;
}
.secureKiosk_wrapper-info-links a:hover {
    text-decoration: none;
}

.bg-info-kiosk {
    width: 24px;
    height: 24px;
    background: url("../assets/images/img/kiosk/info-icons.png") -10px -10px;
}
.bg-file_text {
    width: 24px;
    height: 24px;
    background: url("../assets/images/img/kiosk/info-icons.png") -54px -10px;
}
.bg-newspaper {
    width: 24px;
    height: 24px;
    background: url("../assets/images/img/kiosk/info-icons.png") -10px -54px;
}
.bg-school {
    width: 24px;
    height: 24px;
    background: url("../assets/images/img/kiosk/info-icons.png") -54px -54px;
}
.bg-play {
    width: 24px;
    height: 24px;
    background: url("../assets/images/img/kiosk/info-icons.png") -98px -10px;
}
.bg-speak {
    width: 24px;
    height: 24px;
    background: url("../assets/images/img/kiosk/info-icons.png") -98px -54px;
}
.bg-demo {
    width: 24px;
    height: 24px;
    background: url("../assets/images/img/kiosk/info-icons.png") -10px -98px;
}
.secureKiosk_wrapper-info-col-right {
    margin-top: 14%;
}

.secureKiosk_wrapper-info {
    background: url(../assets/images/img/kiosk/bg-light.png) no-repeat top left;
    background-size: auto;
    width: 100%;
    background-size: contain;
}

.secureKiosk_wrapper-welcome-background-image {
    background: url("../assets/images/img/kiosk/bg-cyber.png") no-repeat center
        center;
    background-size: cover;
    height: 84vh;
}

@media only screen and (min-width: 2000px) {
    .secureKiosk_wrapper-welcome-kiosk-img {
        top: 10%;
        left: 0;
        background: url(../assets/images/img/kiosk/kiosk-banner.png) no-repeat
            top left;
        background-size: 100%;
        width: 100%;
        height: 871px;
        background-size: contain;
    }
    .secureKiosk_wrapper-title-background::before {
        top: -330px;
    }
    .light-img-background-left1 {
        top: 26%;
    }
}

@media only screen and (min-width: 3150px) {
    .secureKiosk_wrapper-title-background {
        height: 430px;
    }
    .secureKiosk_wrapper-antiVirus-title-background {
        height: 80vh;
    }
}

@media only screen and (min-width: 2000px) and (max-width: 3100px) {
    .secureKiosk_wrapper-title-background {
        height: 345px;
    }
    .secureKiosk_wrapper-antiVirus-title-background {
        height: 520px;
    }
}

@media only screen and (max-width: 1500px) {
    .secureKiosk_wrapper-welcome-kiosk-img {
        top: -32%;
        max-width: 100%;
    }
    .secureKiosk_wrapper-title h1 {
        font-size: 21px;
    }
    .secureKiosk_wrapper-title h2 {
        font-size: 45px;
    }
    .secureKiosk_wrapper-title-background::before {
        top: -176px;
    }

    .secureKiosk_wrapper-welcome-kiosk-img {
        top: -38%;
    }
    .secureKiosk_wrapper-info h4::before {
        top: -56px;
        left: -47px;
        background-size: 71%;
    }
    .secureKiosk_video-wrapper::after{
        bottom: -40px;
    }
}

@media (max-width: 1320.98px) {
    .secureKiosk_wrapper-antiVirus-title-background::after {
        top: 0;
    }
    .secureKiosk_wrapper-antiVirus-title-background::before {
        top: -59px;
    }
    .light-img-background-right1 {
        background-size: 90%;
        top: 8%;
    }
    .light-img-background-right2 {
        background-size: 70%;
        right: -32%;
    }
}

@media (max-width: 1280.98px) {
    .secureKiosk_wrapper-antiVirus h3 {
        margin-top: 20% !important;
    }
}

@media (max-width: 1199.98px) {
    .secureKiosk_wrapper-title-background::before {
        top: -136px;
    }
    .secureKiosk_wrapper-how-it-works p {
        width: 100%;
    }
    .secureKiosk_wrapper-customization h4::before {
        top: -54px;
        right: -94px;
        background-size: 59%;
    }
    .light-img-background-left1 {
        left: -13%;
        top: 12%;
    }
    .light-img-background-left2 {
        left: -13%;
    }
    .light-img-background-right1 {
        right: -32%;
        top: 6%;
    }
    .light-img-background-right2 {
        right: -40%;
    }
}

@media (max-width: 1100.98px) {
    .secureKiosk_wrapper-title-background::before {
        font-size: 18vw;
    }
    .secureKiosk_wrapper-info h4::before {
        top: -78px;
        left: -41px;
        background-size: 58%;
    }
    .secureKiosk_wrapper-antiVirus-title-background::after {
        height: 50%;
    }
    .secureKiosk_wrapper-antiVirus-title-background::after {
        filter: blur(27px);
    }
}

@media (max-width: 991.98px) {
    .secureKiosk_video-wrapper::before{
        top: -17px;
    }
    .secureKiosk_wrapper-antiVirus h3 {
        margin-top: 0 !important;
    }
    
    .secureKiosk_wrapper-title p {
        width: 100%;
    }
    .secureKiosk_wrapper-antiVirus,
    .secureKiosk_wrapper-how-it-works,
    .secureKiosk_wrapper-customization {
        padding: 0 30px;
    }
    .secureKiosk_wrapper-how-it-works h3,
    .secureKiosk_wrapper-antiVirus h3,
    .secureKiosk_wrapper-customization h3,
    .secureKiosk_wrapper-info h3 {
        font-size: 4vw;
    }
    .secureKiosk_wrapper-how-it-works h4,
    .secureKiosk_wrapper-antiVirus h4,
    .secureKiosk_wrapper-customization h4,
    .secureKiosk_wrapper-info h4 {
        font-size: 6vw;
    }
    .secureKiosk_wrapper .secureKiosk_wrapper-title {
        right: 0;
        left: 0;
        padding: 30px;
    }
    .secureKiosk_wrapper-title-background::before {
        top: -69px;
    }
    .secureKiosk_wrapper-title-background::after {
        top: -18px;
        height: 60%;
    }
    .secureKiosk_wrapper .secureKiosk_wrapper-title {
        position: relative;
        top: 100%;
        z-index: 1;
    }
    .secureKiosk_wrapper-title-background {
        height: 130px;
    }
    .secureKiosk_wrapper-welcome-title {
        font-size: 4vw;
    }
    .secureKiosk_wrapper-welcome-title img {
        width: 95px;
    }
    .secureKiosk_wrapper-welcome-description,
    .secureKiosk_wrapper-antiVirus p,
    .secureKiosk_wrapper-how-it-works p,
    .secureKiosk_wrapper-customization p {
        font-size: 16px;
        width: 100%;
        padding: 30px;
    }
    .secureKiosk_wrapper-how-it-works-play-button {
        left: 50%;
    }
    .secureKiosk_wrapper-how-it-works {
        margin-top: 5%;
        margin-bottom: 0;
    }
    .secureKiosk_wrapper-customization h4::before {
        top: -52px;
        right: -94px;
        background-size: 55%;
    }
    .secureKiosk_wrapper-info-col-right {
        margin-top: 0;
    }
    .secureKiosk_wrapper-info h4::before {
        top: -65px;
        left: -54px;
        background-size: 58%;
    }
    .secureKiosk_wrapper-antiVirus-title-background {
        height: 225px;
    }
    .secureKiosk_wrapper-antiVirus-title-background::before {
        font-size: 18vw;
    }
    .secureKiosk_wrapper-antiVirus-title-background::after {
        top: -14px;
        filter: blur(17px);
    }
    .light-img-background-right1 {
        background-size: 100%;
        top: 8%;
        right: -50%;
    }
    .light-img-background-right2 {
        background-size: 100%;
        right: -30%;
        top: 29%;
        bottom: auto;
    }
    .light-img-background-left2,
    .light-img-background-left1 {
        left: -30%;
    }
    .secureKiosk_wrapper-info {
        background-position: top center;
        background-size: cover;
    }

    .secureKiosk_wrapper-green-box{
        left: 0;
        right: auto;
        width: 95%;
    }
}
@media (max-width: 880.98px) {
    .secureKiosk_wrapper-title-background::after {
        height: 87px;
        top: -22px;
    }
    .secureKiosk_wrapper-title-background::before {
        top: -50px;
    }
    .secureKiosk_wrapper-title-background::after {
        height: 77%;
        top: -16px;
    }
}

@media (max-width: 767.98px) {
    .secureKiosk_video-wrapper{
        height: 460px;
    }
    .secureKiosk_wrapper-title-background::after {
        top: -22x;
        filter: blur(9px);
    }
    .secureKiosk_wrapper-welcome-title {
        font-size: 8vw;
    }
    .secureKiosk_wrapper-title h2 {
        font-size: 36px;
    }
    .secureKiosk_wrapper-info h3 {
        width: 50%;
        line-height: 36px;
        margin: 0 auto;
    }
    .secureKiosk_wrapper-antiVirus-title-background::before {
        font-size: 17vw;
    }
    .secureKiosk_wrapper-antiVirus-title-background::after {
        top: -27px;
        height: 34%;
        filter: blur(24px);
    }
    .light-img-background-right2 {
        top: 27%;
    }
    .secureKiosk_wrapper-info h4::before {
        top: -83px;
    }
    .secureKiosk_wrapper-green-box {
        top:12px
    }
}

@media (max-width: 575.98px) {
   
    .secureKiosk_video-wrapper{
        height: 300px;
    }
    .secureKiosk_wrapper-title-background::after {
        top: -22px;
        height: 70px;
        filter: blur(15px);
    }
    .secureKiosk_wrapper-title-background::before {
        top: -22px;
    }
    .secureKiosk_wrapper-welcome-description {
        font-size: 14px;
    }
    .secureKiosk_wrapper-customization h4::before {
        top: -59px;
    }
    .secureKiosk_wrapper-info h4::before {
        left: -51px;
        background-size: 54%;
    }
    .secureKiosk_wrapper-antiVirus-title-background {
        height: 110px;
    }
    .light-img-background-left1 {
        background-size: 43%;
        left: -88px;
        top: 7%;
        z-index: -1;
    }
    .light-img-background-right1 {
        top: 4%;
        right: -120%;
    }
    .light-img-background-right2 {
        top: 33%;
        right: -120%;
    }
    .secureKiosk_wrapper-how-it-works h3,
    .secureKiosk_wrapper-antiVirus h3,
    .secureKiosk_wrapper-customization h3,
    .secureKiosk_wrapper-info h3 {
        font-size: 5vw;
    }
    .secureKiosk_wrapper-how-it-works h4,
    .secureKiosk_wrapper-antiVirus h4,
    .secureKiosk_wrapper-customization h4,
    .secureKiosk_wrapper-info h4 {
        font-size: 8vw;
    }
    .secureKiosk_wrapper-title h2 {
        font-size: 35px;
    }
    .secureKiosk_wrapper-info {
        padding: 0 10px;
    }
}

@media (max-width: 450.98px) {
    .light-img-background-left2 {
        bottom: 13%;
        left: -75%;
    }
    .secureKiosk_wrapper-antiVirus-title-background::before {
        font-size: 16vw;
    }

    .secureKiosk_wrapper-antiVirus-title-background {
        height: 70px;
    }
    .secureKiosk_wrapper-info h4::before {
        top: -93px;
    }
    .secureKiosk_wrapper-title-background {
        height: 55px;
    }
    .secureKiosk_wrapper-green-box {
        top:6px
    }
}