.banner-image {
    background-image: url(../images/contact-banner.jpg);
    width: 100%;
    height: 630px;
    background-size: cover;
    background-position: center;
}

.banner-image::before {
    content: "";
    background-color: rgba(0, 0, 0, 0.47);
    position: absolute;
    width: 100%;
    height: 100%;
}
.font-weight-light{
    font-weight: 100;
    font-family: 'Darvish';
}

.my-banner-image .container-fluid {
    padding-inline: 0;
}

.banner-small * {
    font-size: 15px;
    color: #fff;
    text-align: center;
    width: 100%;
    display: block;
}





.collaboration{
    padding-block: 90px;
}

.bahar-list{
    padding: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    list-style: none;
}


.bahar-list li{
    text-align: center;
    padding-block: 9px;
    border-bottom: 1px solid #e1c5a7;
}

.bahar-list li strong{
    text-align: center;
    font-family: "Darvish-Bold";
    color: var(--secondary-color);
}

.collaboration-part{
    margin-bottom: 40px;
}






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

    .accordion-item-header1::after {
        left: 0.7rem;
    }

    .comment-content p {
        font-size: 14px;
        line-height: 24px;
    }

    .accordion-item-body-content p {
        font-size: 13px;
        line-height: 23px;
    }

}












.accordion_question{
    padding-block: 90px;
}


.accordion {
    width: 100%;
    max-width: 1185px;
    margin: 2rem auto;
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 0;
}

.accordion-item {
    text-align: justify;
    font-style: normal;
    background: unset;
    z-index: 2;
    border: unset;
    border-radius: 0;
    border-bottom: 1px solid #bbbbbb;
}


.accordion-item-header1 {
    padding: 0.3rem 0rem 0.3rem 4rem;
    min-height: 3.5rem;
    display: flex;
    align-items: center;
    position: relative;
    cursor: pointer;
    color: var(--additional-color);
    text-align: justify;
    font-size: 15px;
    font-style: normal;
    font-weight: 700;
    line-height: 45px;
}


.client-comment {
    display: flex;
    gap: 10px;
    width: 100%;
    flex-direction: row;
}

.comment-content {
    padding-right: 0px;
    display: flex;
    align-items: center;
}

.comment-content p {
    margin-bottom: 0;
}

.accordion-item-header1::after {
    content: url('data:image/svg+xml,<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(%23clip0_169_54)"><path d="M10 1.63C14.62 1.63 18.37 5.38 18.37 10H20C20 4.48 15.52 0 10 0V1.63ZM1.63 10C1.63 5.38 5.38 1.63 10 1.63V0C4.48 0 0 4.48 0 10H1.63ZM10 18.37C5.38 18.37 1.63 14.62 1.63 10H0C0 15.52 4.48 20 10 20V18.37ZM18.37 10C18.37 14.62 14.62 18.37 10 18.37V20C15.52 20 20 15.52 20 10H18.37ZM10.61 12.13L7.17 8.3L5.96 9.39L9.4 13.22L10.61 12.13ZM12.84 8.3L9.4 12.13L10.61 13.22L14.05 9.39L12.84 8.3ZM7.17 8.3C6.87 7.96 6.35 7.94 6.02 8.24C5.68 8.54 5.66 9.06 5.96 9.39L7.17 8.3ZM10.01 12.67L9.4 13.22C9.55 13.39 9.78 13.49 10.01 13.49C10.24 13.49 10.46 13.39 10.62 13.22L10.01 12.67ZM14.06 9.39C14.36 9.05 14.33 8.54 14 8.24C13.66 7.94 13.15 7.97 12.85 8.3L14.06 9.39Z" fill="gray"/></g><defs><clipPath id="clip0_169_54"><rect width="20" height="20" fill="white"/></clipPath></defs></svg>');
    font-size: 1.8rem;
    position: absolute;
    left: 1.7rem;
    font-weight: 500;
    color: var(--primary-color);
}

.accordion-item-header1.active::after {
    content: url('data:image/svg+xml,<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(%23clip0_169_57)"><path d="M10 18.37C5.38 18.37 1.63 14.62 1.63 10H0C0 15.52 4.48 20 10 20V18.37ZM18.37 10C18.37 14.62 14.62 18.37 10 18.37V20C15.52 20 20 15.52 20 10H18.37ZM10 1.63C14.62 1.63 18.37 5.38 18.37 10H20C20 4.48 15.52 0 10 0V1.63ZM1.63 10C1.63 5.38 5.38 1.63 10 1.63V0C4.48 0 0 4.48 0 10H1.63ZM9.39 7.87L12.83 11.7L14.04 10.61L10.6 6.78L9.39 7.87ZM7.16 11.7L10.6 7.87L9.39 6.78L5.95 10.61L7.16 11.7ZM12.83 11.7C13.13 12.04 13.65 12.06 13.98 11.76C14.32 11.46 14.34 10.94 14.04 10.61L12.83 11.7ZM9.99 7.33L10.6 6.78C10.45 6.61 10.22 6.51 9.99 6.51C9.76 6.51 9.54 6.61 9.38 6.78L9.99 7.33ZM5.94 10.61C5.64 10.95 5.67 11.46 6 11.76C6.34 12.06 6.85 12.03 7.15 11.7L5.94 10.61Z" fill="gray"/></g><defs><clipPath id="clip0_169_57"><rect width="20" height="20" fill="white"/></clipPath></defs></svg>');
}

.accordion-item-body {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.2s ease-out;
}

.accordion-item-body-content {
    padding: 0;
    border-top: unset;
    border-image: unset;
    display: flex;
    flex-direction: row;
    color: #000;
    text-align: justify;
    font-size: 13px;
    font-style: normal;
    font-weight: 500;
    line-height: 30px;
    gap: 10px;
    align-items: center;
}

.comment-answer {
    display: flex;
    align-items: center;
    justify-content: center;
    padding-bottom: 20px;
}

.accordion-item-body-content p {
    margin: 5px 19px;
    font-size: 15px;
}



/*progress*/

.left_content *{
    color: var(--secondary-color);
    font-size: 23px;
}

.timeline:before {
    content: '';
    position: absolute;
    height: 100%;
    left: 50%;
    width: 2px;
    top: -20px;
    background: var(--secondary-color);
    z-index: 1;
}
.timeline{
    position:relative;
    margin: 50px auto;
    width:1000px;
    padding:50px 0;
}


.timeline ul{
    margin:0;
    padding:0 ;
}

.timeline ul li{
    list-style:none;
    box-sizing:border-box;
    line-height:normal;
    position:relative;
    width:50%;
    padding: 40px 70px;
}

.timeline ul li .right_content h2{
    /*color: var(--primary-color);*/
    padding: 0px 2px 18px 0px;
    font-size: var(--title-size);
    font-family: 'Darvish-Bold';
}

.right_content *{
    font-size: var(--text-size);
    text-align: justify;
}


.timeline ul li:nth-child(odd){
    float:left;
    text-align:right;
    clear:both;
}

.timeline ul li:nth-child(even){
    float:right;
    text-align:left;
    clear:both;
}

.left_content{
    padding-bottom:20px;
}

.timeline ul li:nth-child(odd):before{
    content: '';
    position: absolute;
    width: 13px;
    height: 13px;
    background: var(--secondary-color);
    border-radius: 50%;
    box-shadow: 0 0 0 5px rgb(197 163 126 / 32%);
    right: -7px;
    top: 30px;
    z-index: 1;
    animation: shadow_infinit 1.5s infinite;
}

.timeline ul li:nth-child(even):before{
    content: '';
    position: absolute;
    width: 13px;
    height: 13px;
    border-radius: 50%;
    left: -5px;
    top: 24px;
    background: var(--secondary-color);
    border-radius: 50%;
    box-shadow: 0 0 0 5px rgb(197 163 126 / 32%);
    animation: shadow_infinit 1.5s infinite;
}


@keyframes shadow_infinit {
    0%{
        box-shadow: 0 0 0 5px rgb(197 163 126 / 32%);
    }

    50%{
        box-shadow: 0 0 0 3px rgb(197 163 126 / 20%);
    }

    100%{
        box-shadow: 0 0 0 5px rgb(197 163 126 / 32%);
    }

}

.timeline ul li:nth-child(odd) .left_content{
    position:absolute;
    top:12px;
    right:-165px;
    margin:0;
    padding:8px 16px;
    color:#fff;
    /*box-shadow:0 0 0 3px rgba(59,112,239,0.3);*/
    border-radius:18px;

}

.timeline ul li:nth-child(even) .left_content{
    position:absolute;
    top:12px;
    left:-165px;
    margin:0;
    padding:8px 16px;
    color:#fff;
    /*box-shadow:0 0 0 3px rgba(59,112,239,0.3);*/
    border-radius:18px;

}


@media (max-width: 1000px){

    .timeline{
        width:100%;
    }
}

@media (max-width: 767px){
    .timeline{
        width:100%;
    }
    .timeline:before{
        left:20px;
    }
    .timeline ul li:nth-child(odd),
    .timeline ul li:nth-child(even){
        width:100%;
        text-align:left;
        padding-left:50px;
    }

    .timeline ul li:nth-child(odd):before
    {
        top:-18px;
        left:16px;

    }
    .timeline ul li:nth-child(even):before
    {
        top:-18px;
        left:16px;
    }

    .timeline ul li:nth-child(odd) .left_content,
    .timeline ul li:nth-child(even) .left_content
    {
        top:-30px;
        left:50px;
        right:inherit;
    }

    .timeline ul li:nth-child(odd):before {
        top: -18px;
        right: 94.8%;
    }


}



/*progress*/

.section-form .btn-line {
    margin-bottom: 0;
}






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

}


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

}


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

}


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

    .collaboration {
        padding-block: 50px;
    }

    .accordion_question {
        padding-block: 50px;
    }

}


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

    .timeline ul li:nth-child(odd):before {
        top: -18px;
        right: 95.2%;
    }

    .left_content * {
        font-size: 18px;
    }

}


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

    .accordion-item-header1::after {
        left: 0.7rem;
    }

    .accordion-item-header1 {
        padding: 0.3rem 0rem 0.3rem 2.9rem;
    }

    .timeline ul li {
        padding: 40px 11px;
    }

    .timeline ul li:nth-child(odd):before {
        top: -18px;
        right: 93.2%;
    }

    .about-title-main * {
        font-size: 17px;
        line-height: 33px;
    }

}


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

    .timeline ul li:nth-child(odd):before {
        top: -18px;
        right: 92.5%;
    }

}


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

    .timeline ul li:nth-child(odd):before {
        top: -18px;
        right: 90.5%;
    }

}