.intro-section{
    padding:var(--space-xl); 0;
        margin-top:40px;

    background-repeat:no-repeat;
    background-position:center;
    background-size:cover;
    background-color:var(--color-white);
        display:block;
    width:100%;
    clear:both;
    overflow:hidden;
}

.intro-content{
    width:100%;
    max-width:1050px;
    margin:0 auto;
    text-align:right;
    box-sizing:border-box;
}

.intro-title{
    color:var(--color-primary);
    font-size:36px;
    font-weight:700;
    margin-bottom:30px;
}

.intro-text{
    color:var(--color-text);
    font-size:18px;
    line-height:2.2;
    text-align:justify;
}

.intro-buttons{
    display:flex;
    justify-content:center;
    gap:20px;
    flex-wrap:wrap;

}

.intro-btn{
    min-width:180px;
}

@media(max-width:400px){

.intro-section{
    padding:20px 0;
}

.intro-title{
    font-size:28px;
}

.intro-text{
    font-size:16px;
    line-height:2;
}

.intro-buttons{
    flex-direction:column;
    align-items:center;
}

.intro-btn{
    width:150px;
    text-align:center;
}
}
/*=========================================
INTRO MOBILE
=========================================*/

@media (max-width:991px){

.fz-intro,
.intro,
.intro-section{

    width:100%;
    overflow:hidden;

}

.fz-intro .container,
.fz-intro .container-fluid,
.intro .container,
.intro .container-fluid{

    width:100%;

    max-width:100%;

    padding-left:20px !important;
    padding-right:20px !important;

    margin:0 auto;

}
.intro-btn{
    width:150px;
}
}
/*=========================================
INTRO RESPONSIVE
=========================================*/

@media (max-width:991px){

    .intro-section{
        width:100%;
        overflow:hidden;
        padding:20px 0;
    }

    .intro-section .container{
        width:100%;
        max-width:100%;
        padding-left:38px;
        padding-right:28px;
        margin:0 auto;
        box-sizing:border-box;
    }

    .intro-content{
        width:100%;
        max-width:100%;
        margin:0;
        padding:0;
    }

    .intro-title{
        font-size:28px;
        line-height:1.6;
    }

    .intro-text{
        width:100%;
        max-width:100%;
        font-size:16px;
        line-height:2;
        margin:0;
        padding:0;
    }

    .intro-text p{
        margin:0;
        overflow-wrap:break-word;
        word-break:break-word;
    }

    .intro-buttons{
        margin-top:40px;
        display:flex;
        flex-direction:column;
        align-items:center;
    }

    .intro-btn{
        width:220px;
        text-align:center;
    }

}
.firuze-home--en .intro-title{
    text-align:left;
}