.banner-quize{
height: 100%;
padding: 50px 0px;
background-image: url('../image/Gemini_Generated_Image_qr40waqr40waqr40\ 1.png');
background-size: cover;
background-position: center;
background-repeat: no-repeat;
object-fit: cover;
}
.quize-title{
font-size: 50px;
font-weight: 700;
}
.quize-title span{
color: #7F0415;
}
.quize-text{
margin-top: 37px;
}
.steps-quize{
margin-top: 30px;
}
.quize-flex{
display: flex;
align-items: center;
}
.q-text-s{
font-weight: 700;
font-size: 19px;
margin-inline-start: 9px;
}
.quize-link{
width: 50%;
margin-top: 34px;
}
.quize-link a{
    width: 100%;
    padding: 8px 8px;
    text-align: center;
    color: #fff;
    background: linear-gradient(
        135deg,
        #7F0316 0%,
        #7F0316 55%,
        #5E0316 100%
    );

    display: inline-block;
    text-decoration: none;
   transition: all 0.4s cubic-bezier(0.22, 1, 0.36, 1);
}

.quize-link a:hover{
    transform: translateY(-3px) scale(1.02);
    box-shadow: 0 10px 20px rgba(94, 3, 22, 0.35);
}
.quize-title,
.quize-text,
.steps-quize,
.quize-link{
    opacity: 0;
    transform: translateX(-60px);
    animation: fadeSlide 0.8s ease forwards;
}
.quize-text{
    animation-delay: .4s;
}

.steps-quize:nth-of-type(1){
    animation-delay: .3s;
}

.steps-quize:nth-of-type(2){
    animation-delay: .2s;
}

.steps-quize:nth-of-type(3){
    animation-delay: .1s;
}

.quize-link{
    animation-delay: 1s;
}
html[dir="rtl"] .quize-title,
html[dir="rtl"] .quize-text,
html[dir="rtl"] .steps-quize,
html[dir="rtl"] .quize-link{
    transform: translateX(60px);
}
@keyframes fadeSlide{
    from{
        opacity: 0;
    }
    to{
        opacity: 1;
        transform: translateX(0);
    }
}
@media screen and (min-width:100px) and (max-width:991px){
.banner-quize{
    position: relative;
    overflow: hidden;
}
.banner-quize > *{
    position: relative;
    z-index: 2;
}
    .banner-quize::before{
        content: "";
        position: absolute;
        inset: 0;
        background: linear-gradient(
            to bottom,
            rgba(255,255,255,0.75) 0%,
            rgba(248,243,233,0.8) 60%,
            rgba(229,203,150,0.45) 100%
        );
        z-index: 1;
    }
.quize-title{
font-size: 30px;
font-weight: 700;
text-align: center;
}
.q-text-s{
font-weight: 700;
font-size: 17px;
}
.quize-link{
width: 100%;
margin-top: 34px;
}
.quize-text{
text-align: center;
}
}