
.footer{
    margin-top: 123px;
}

.faraz-title-box {
    justify-content: center;
}


.service-text{
    color: #454545 ;
    text-align: justify;
    font-size: 15px;
}

.service-sec-info .service-text *{
    color: #fff !important;
}

.service-text *{
    font-family: IRANSans !important;
    font-size: 15px !important;
    line-height: 35px !important;
}

.service_more{
    /*height: 322px;*/
    /*overflow: hidden;*/
}

.service-sec-info .faraz-more{
    color: #ffff !important;
}

.service-sec-info .faraz-more svg path{
    fill: #fff;
    stroke: #fff;
}

.faraz-more{
    margin-top: 30px;
    color: var(--primary-color);
    font-size: 15px;
    display: flex;
    gap: 6px;
    align-items: center;
    cursor: pointer;
    margin-bottom: 20px;
}

.faraz-more svg path{
    fill: var(--primary-color);
    stroke: var(--primary-color);
}


.faraz-more span{
    border-bottom: 1px solid #fff
}


.first-service-sec{
    padding-block: 10px 50px;
}

.service-sec-info{
    padding-block: 55px 65px;
    background: var(--primary-color);
    position: relative;
    z-index: 1;
}

.service-sec-info .faraz-title-box{
    background: var(--primary-color);
}

.service-sec-info .faraz-title::after {
    background: #d5d5d5;
}

.service-sec-info::before{
    content: '';
    background-image: url("../images/service/service-back.png");
    position: absolute;
    width: 100%;
    height: 100%;
    background-position: center;
    background-size: contain;
    z-index: -1;
    top: 0;


}

.service-sec-info .service-text{
    color: #fff;
}

.service-text *{
    font-size: 15px !important;
    justify-content: center;
}

.service-sec-info .faraz-title-box h3{
    color: var(--secondary-color);
}

.service-sec-info .title-line{
    background: var(--secondary-color);
}

.service-info-image{
    width: 543px;
    height: 395px;
}

.service-info-image img{
    width: 100%;
    height: 100%;
    border-radius: 5px;
    object-fit: contain;
}

.col-service-image {
    display: flex;
    align-items: flex-start;
    justify-content: flex-end;
}

.service-detail{
    padding-block: 73px 20px;
}

.service-row{
    padding-block: 40px;
}

/*responsive*/
/*responsive*/
/*responsive*/

@media screen and (max-width: 1399px){

}

@media screen and (max-width: 1199px){

}

@media screen and (max-width: 991px){

    .service-info-image {
        width: 448px;
        height: 308px;
        margin-block: 22px;
    }

    .col-service-image {
        justify-content: center;
    }

}

@media screen and (max-width: 767px){

    .service-info-image {
        width: 331px;
        height: 250px;
    }

}

@media screen and (max-width: 575px){

    .service-info-image {
        width: 306px;
        height: 211px;
    }

    .service-text {
        font-size: 14px;
    }

    .service-row {
        padding-block: 0 40px;
    }

    .service-detail {
        padding-block: 0px 20px;
    }

}

@media screen and (max-width: 425px){

    .service-info-image {
        width: 253px;
        height: 186px;
    }

}

@media screen and (max-width: 375px){

}

@media screen and (max-width: 320px){

    .service-info-image {
        width: 228px;
        height: 159px;
    }

}


/*responsive*/
/*responsive*/
/*responsive*/
