/* about joshua */

section.about-joshua{
    background: #1B1B1B;
}
section.about-joshua .col-3.welcome .dash{
    width: 90%;
    height: 1px;
    margin-right: 20px;
 margin-left: 0px; 
    background-color: var(--secondary-color)
}
section.about-joshua .col-3.welcome h4:before{
position: absolute;
width: 5px;
height: 5px;
border-radius: 50%;
background: var(--secondary-color);
}
section.about-joshua .col-3.welcome h4{
    position: relative;
    color: var(--white-color);
    font-size: var(--f16);
    display: flex;
    align-items: center;
    gap: 10px;
}
section.about-joshua .img1{
    width: 200px;
    height: 170px;
    border-radius: 10px;
    object-fit: cover;
}


section.about-joshua .img2{
    width: 150px;
    height: 160px;
    border-radius: 10px;
    object-fit: cover;
}

.review-sec .row{
align-items: center;
border: 1px solid #857d7d;
    border-radius: 10px;
}
.review-sec{
    width: 80%;
}
.review-sec h5{
    color: var(--white-color);
    font-size: var(--f40);
}
.review-sec p{
    color: var(--white-color);
    margin-bottom: var(--m10);
}
.review-sec h6{
    margin-bottom: 0;
}
section.about-joshua .img3{
    width: 320px;
    height: 280px;
    border-radius: 10px;
    object-fit: cover;
}
.col-2.rating{
    height: 94px;
    border-right: 1px solid #8d8383;
    display: flex;
    align-items: center;
}
section.about-joshua .img4{
    width: 230px;
    height: 220px;
    border-radius: 10px;
    object-fit: cover;
}



.img-sec .col-6{
    display: flex;
    flex-direction: column;
   justify-content: center;
   align-items: end; 
    gap: 30px;
}
.para-cont p{
    color: #bab7b7;
}
section.about-joshua .col-3.welcome h4 i{
    color: var(--secondary-color);
}
section.about-joshua h2{
    color: var(--white-color);
}