/*==================================================
HERO
==================================================*/

.gm-hero{

position:relative;

overflow:hidden;

min-height:92vh;

display:flex;

align-items:center;

padding:120px 0 100px;

background:
radial-gradient(circle at top left,#f9f5eb 0%,transparent 35%),
radial-gradient(circle at bottom right,#f7f3ea 0%,transparent 30%),
#ffffff;

}
.gm-hero::before{

content:"";

position:absolute;

width:700px;

height:700px;

right:-260px;

top:-260px;

border-radius:50%;

background:rgba(176,141,87,.06);

filter:blur(40px);

pointer-events:none;

}

.gm-hero::after{

content:"";

position:absolute;

width:450px;

height:450px;

left:-170px;

bottom:-170px;

border-radius:50%;

background:rgba(176,141,87,.05);

filter:blur(35px);

pointer-events:none;

}

.gm-hero-grid{

display:grid;

grid-template-columns:1fr 1fr;

gap:80px;

align-items:center;

}

.gm-hero-content{

max-width:620px;

}

.gm-buttons{

display:flex;

gap:18px;

margin:40px 0;

flex-wrap:wrap;

}

/*==============================
Features
==============================*/

.gm-features{

display:grid;

grid-template-columns:repeat(2,minmax(230px,1fr));

gap:18px 28px;

margin-top:35px;

}

.gm-feature{

display:flex;

align-items:center;

gap:12px;

font-size:16px;

font-weight:600;

color:var(--gm-text);

}

.gm-check{

width:24px;

height:24px;

border-radius:50%;

background:var(--gm-primary);

display:flex;

align-items:center;

justify-content:center;

color:#fff;

font-size:14px;

font-weight:bold;

flex-shrink:0;

}

.gm-check::before{

content:"✓";

}

/*==============================
Image
==============================*/

.gm-hero-image{

text-align:center;

}

.gm-hero-image img{

background:linear-gradient(
180deg,
#ffffff,
#FCFAF6
);

padding:22px;

border:1px solid rgba(176,141,87,.18);

cursor:default;

width:100%;

max-width:650px;

height:auto;

margin:auto;

display:block;

border-radius:28px;

box-shadow:
0 18px 40px rgba(0,0,0,.08),
0 35px 80px rgba(176,141,87,.14);

transition:transform .6s ease;

}

/*==============================
Responsive
==============================*/

@media (max-width:991px){

.gm-hero{

padding:80px 0;

min-height:auto;

}

.gm-hero-grid{

grid-template-columns:1fr;

gap:60px;

}

.gm-hero-content{

max-width:100%;

text-align:center;

}

.gm-buttons{

justify-content:center;

}

.gm-features{

grid-template-columns:1fr;

}

}

@media (max-width:576px){

.gm-btn{

width:100%;

}

}


.gm-hero-image img:hover{

transform:scale(1.03);

}