/* ==========================================
   MASHRIQ TO MAGRIB DESIGN SYSTEM
========================================== */

:root{

/* Brand Colors */

--primary:#009639;
--primary-dark:#00752d;

--secondary:#111111;

--white:#ffffff;

--light:#f7f8fa;

--gray:#6d7585;

--border:#e7ebef;

/* Typography */

--heading:
"Poppins",
sans-serif;

--body:
"Inter",
sans-serif;

/* Shadows */

--shadow-sm:
0 8px 24px rgba(0,0,0,.08);

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

--shadow-lg:
0 40px 90px rgba(0,0,0,.15);

/* Radius */

--radius:18px;

--radius-lg:28px;

/* Layout */

--container:1280px;

}

/* Reset */

*{

margin:0;

padding:0;

box-sizing:border-box;

}

html{

scroll-behavior:smooth;

}

body{

font-family:var(--body);

color:var(--secondary);

background:#fff;

line-height:1.7;

overflow-x:hidden;

}

img{

max-width:100%;

display:block;

}

a{

text-decoration:none;

}

.container{

max-width:var(--container);

margin:auto;

padding:0 20px;

}

section{

padding:110px 0;

}