/*====================================================
    OMKAR PACKERS GULATI
    VARIABLES
====================================================*/

/*********************
COLORS
**********************/

:root{

--primary:#d60000;
--primary-dark:#b00000;
--primary-light:#ff3d3d;

--secondary:#00c8ff;

--black:#111111;
--dark:#222222;

--white:#ffffff;

--light:#f7f7f7;
--light2:#efefef;
--grey:#777777;
--grey-light:#999999;

--success:#19b84b;
--warning:#ffb000;

}


/*********************
SHADOWS
**********************/

:root{

--shadow-small:
0 10px 25px rgba(0,0,0,.08);

--shadow-medium:
0 18px 45px rgba(0,0,0,.12);

--shadow-large:
0 35px 80px rgba(0,0,0,.18);

--shadow-red:
0 25px 55px rgba(214,0,0,.22);

}


/*********************
BORDER RADIUS
**********************/

:root{

--radius-small:8px;
--radius:15px;
--radius-large:25px;
--radius-round:50px;
--radius-circle:50%;

}


/*********************
TRANSITIONS
**********************/

:root{

--transition:.25s ease;
--transition2:.40s ease;
--transition3:.60s ease;

}


/*********************
LAYOUT
**********************/

:root{

--container-width:1450px;

--section-padding:120px;

--navbar-height:90px;

}


/*********************
FONTS
**********************/

:root{

--font-main:'Poppins',sans-serif;

}


/*********************
FONT WEIGHTS
**********************/

:root{

--thin:300;
--regular:400;
--medium:500;
--semi:600;
--bold:700;
--extra:800;

}


/*********************
FONT SIZES
**********************/

:root{

--hero-title:68px;

--section-title:48px;

--title:32px;

--subtitle:24px;

--body:18px;

--small:16px;

}


/*********************
GRADIENTS
**********************/

:root{

--gradient-red:

linear-gradient(
135deg,
#ff1f1f,
#d60000
);

--gradient-dark:

linear-gradient(
135deg,
#111,
#2f2f2f
);

--gradient-light:

linear-gradient(
180deg,
#ffffff,
#f7f7f7
);

}


/*********************
Z INDEX
**********************/

:root{

--z-loader:99999;
--z-menu:9999;
--z-header:9000;
--z-floating:8000;
--z-modal:9500;

}


/*********************
ANIMATION SPEED
**********************/

:root{

--fast:.25s;

--normal:.4s;

--slow:.75s;

}


/*********************
SPACING
**********************/

:root{

--space-xs:10px;

--space-sm:20px;

--space-md:40px;

--space-lg:70px;

--space-xl:120px;

}


/*********************
IMAGE RADIUS
**********************/

:root{

--image-radius:20px;

}


/*********************
GLASS EFFECT
**********************/

:root{

--glass:

rgba(255,255,255,.72);

--glass-border:

rgba(255,255,255,.4);

}


/*********************
BORDER
**********************/

:root{

--border:

1px solid rgba(0,0,0,.08);

}


/*********************
MAX WIDTHS
**********************/

:root{

--text-width:700px;

--card-width:380px;

}