/*==================================================
LAYOUT
GiftMakkah Landing Page
==================================================*/

:root{

--gm-primary:#B08D57;
--gm-primary-dark:#8E6F42;
--gm-primary-light:#D6BE91;

--gm-secondary:#2F2418;

--gm-bg:#FCFAF6;

--gm-surface:#FFFFFF;

--gm-border:#E9DDC8;

--gm-text:#2D2D2D;

--gm-text-light:#6B6B6B;

--gm-success:#3C8C63;

--gm-radius:22px;

--gm-shadow:0 20px 50px rgba(0,0,0,.08);

--gm-shadow-hover:0 28px 70px rgba(176,141,87,.18);

}
/*==============================
Container
==============================*/

.gm-container{

width:min(92%,1280px);

margin:0 auto;

padding:0 15px;

}

/*==============================
Sections
==============================*/

.gm-section{

padding:120px 0;

position:relative;

}

.gm-light{

background:var(--gm-bg);

}

.gm-white{

background:#fff;

}

/*==============================
Section Heading
==============================*/

.gm-section-heading{

max-width:760px;

margin:0 auto 70px;

text-align:center;

}

.gm-badge{

display:inline-flex;

align-items:center;

justify-content:center;

padding:10px 20px;

border-radius:999px;

background:#F7F2E9;

color:var(--gm-primary);

font-size:14px;

font-weight:700;

letter-spacing:.3px;

margin-bottom:22px;

}

.gm-title{

font-size:clamp(48px,5vw,68px);

font-weight:800;

line-height:1.05;

letter-spacing:-1.5px;

color:var(--gm-secondary);

margin-bottom:22px;

}

.gm-subtitle{

font-size:20px;

line-height:1.9;

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

max-width:640px;

margin:auto;

}

/*==============================
Buttons
==============================*/

.gm-btn{

display:inline-flex;

align-items:center;

justify-content:center;

min-width:190px;

height:58px;

padding:0 34px;

border-radius:16px;

font-size:16px;

font-weight:700;

line-height:1;

text-decoration:none;

transition:all .35s ease;

cursor:pointer;

}

.gm-btn-primary{

background:var(--gm-primary);

color:#fff;

border:2px solid transparent;

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

}

.gm-btn-primary:hover{

background:var(--gm-primary-dark);

color:#fff;

transform:translateY(-4px);

box-shadow:0 20px 45px rgba(176,141,87,.35);

}

.gm-btn-outline{

background:#fff;

color:var(--gm-primary);

border:2px solid var(--gm-primary);

}

.gm-btn-outline:hover{

background:var(--gm-primary);

color:#fff;

border-color:var(--gm-primary);

transform:translateY(-4px);

box-shadow:0 20px 45px rgba(176,141,87,.25);

}

/*==============================
Utilities
==============================*/

.gm-text-center{

text-align:center;

}

.gm-mb-0{

margin-bottom:0;

}

.gm-hidden{

display:none;

}
/* Smooth Hover */

.gm-btn:active{

transform:scale(.98);

}
/*==================================================
Global Cards
==================================================*/

.gm-card{

background:var(--gm-surface);

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

border-radius:var(--gm-radius);

box-shadow:var(--gm-shadow);

transition:.35s;

overflow:hidden;

}

.gm-card:hover{

transform:translateY(-8px);

box-shadow:var(--gm-shadow-hover);

}

/*==================================================
Global Images
==================================================*/

.gm-image{

display:block;

width:100%;

height:auto;

border-radius:24px;

}

/*==================================================
Section Spacing
==================================================*/

.gm-section{

padding:130px 0;

}

@media(max-width:991px){

.gm-section{

padding:90px 0;

}

}