/*==================================================
EXPERIENCE
==================================================*/

.gm-experience{

padding:120px 0;

background:var(--gm-bg);

}

.gm-experience-grid{

display:grid;

grid-template-columns:1.1fr .9fr;

align-items:center;

gap:80px;

}

.gm-experience-content{

max-width:620px;

}

.gm-experience-list{

display:grid;

gap:22px;

margin-top:45px;

}

.gm-experience-item{

display:flex;

align-items:flex-start;

gap:18px;

padding:18px 22px;

background:#fff;

border:1px solid var(--gm-border);

border-radius:18px;

box-shadow:0 12px 30px rgba(0,0,0,.05);

transition:.35s;

}

.gm-experience-item:hover{

transform:translateY(-6px);

box-shadow:0 24px 50px rgba(176,141,87,.12);

}

.gm-experience-icon{

width:54px;

height:54px;

border-radius:50%;

background:var(--gm-primary);

display:flex;

align-items:center;

justify-content:center;

color:#fff;

font-size:22px;

flex-shrink:0;

}

.gm-experience-item h3{

font-size:20px;

margin:0 0 8px;

color:var(--gm-secondary);

}

.gm-experience-item p{

margin:0;

line-height:1.8;

color:var(--gm-text-light);

}

.gm-experience-image{

text-align:center;

}

.gm-experience-image img{

width:100%;

max-width:560px;

display:block;

margin:auto;

border-radius:26px;

background:#fff;

padding:22px;

border:1px solid var(--gm-border);

box-shadow:0 30px 70px rgba(0,0,0,.08);

transition:.45s;

}

.gm-experience-image img:hover{

transform:translateY(-8px);

}

@media(max-width:991px){

.gm-experience{

padding:80px 0;

}

.gm-experience-grid{

grid-template-columns:1fr;

gap:50px;

}

.gm-experience-content{

max-width:100%;

text-align:center;

}

.gm-experience-item{

text-align:left;

}

}

@media(max-width:576px){

.gm-experience-item{

padding:16px;

}

.gm-experience-icon{

width:48px;

height:48px;

font-size:20px;

}

}