/* ======================================================
EXPERIENCES
====================================================== */

.experiences{

background:#F8F8F6;

}

.experiences .container{

text-align:center;
margin-bottom:90px;

}

.experience{

display:grid;
grid-template-columns:1fr 1fr;
align-items:center;
gap:90px;

max-width:1600px;
margin:0 auto 140px;

}

.experience.reverse{

direction:rtl;

}

.experience.reverse .experience-text{

direction:ltr;

}

.experience-image{

overflow:hidden;

}

.experience-image img{

width:100%;
height:700px;
object-fit:cover;

transition:.8s;

}

.experience:hover img{

transform:scale(1.04);

}

.experience-text{

max-width:520px;

}

.experience-text h3{

margin:16px 0 24px;

}

.experience-text p{

font-size:17px;
line-height:1.9;
margin-bottom:34px;

}

.experience-text span{

display:inline-block;
margin-bottom:8px;

}