/* ============================================================
   elpath.css — Save Pad trimmed build
   ------------------------------------------------------------
   Contains ONLY the utility classes used by index.html.

   Removed: all unused color/background utilities, border helpers,
   flexbox helpers, image hover effects, button styles, and any
   spacing/size values not referenced on the page.
   ============================================================ */

/* === Display ================================================= */
.d_block  { display: block; }
.d_iblock { display: inline-block; }

/* === Position =============================================== */
.p_relative { position: relative; }
.p_absolute { position: absolute; }

/* === Transition ============================================= */
.tran_5 { transition: .5s; }

/* === Font size ============================================== */
.fs_12 { font-size: 12px; }
.fs_13 { font-size: 13px; }
.fs_14 { font-size: 14px; }
.fs_16 { font-size: 16px; }
.fs_18 { font-size: 18px; }
.fs_20 { font-size: 20px; }
.fs_22 { font-size: 22px; }
.fs_24 { font-size: 24px; }
.fs_65 { font-size: 65px; }
.fs_85 { font-size: 85px; }

/* === Font weight ============================================ */
.fw_normal { font-weight: 400; }
.fw_medium { font-weight: 500; }
.fw_sbold  { font-weight: 600; }
.fw_exbold { font-weight: 800; }

/* === Float ================================================== */
.float_left { float: left; }

/* === Width ================================================== */
.w_100 { width: 100px; }
.w_120 { width: 120px; }

/* === Height ================================================= */
.h_100 { height: 100px; }

/* === Line height ============================================ */
.lh_20  { line-height: 20px; }
.lh_25  { line-height: 25px; }
.lh_30  { line-height: 30px; }
.lh_55  { line-height: 55px; }
.lh_90  { line-height: 90px; }
.lh_110 { line-height: 110px; }

/* === Margin ================================================= */
.mb_2  { margin-bottom: 2px; }
.mb_5  { margin-bottom: 5px; }
.mb_7  { margin-bottom: 7px; }
.mb_8  { margin-bottom: 8px; }
.mb_15 { margin-bottom: 15px; }
.mb_18 { margin-bottom: 18px; }
.mb_20 { margin-bottom: 20px; }
.mb_25 { margin-bottom: 25px; }
.mb_30 { margin-bottom: 30px; }
.mb_35 { margin-bottom: 35px; }
.mb_40 { margin-bottom: 40px; }
.mb_45 { margin-bottom: 45px; }
.mb_50 { margin-bottom: 50px; }

.mr_3  { margin-right: 3px; }
.mr_25 { margin-right: 25px; }
.mr_60 { margin-right: 60px; }
.mr_70 { margin-right: 70px; }

.ml_80 { margin-left: 80px; }
.mt_5  { margin-top: 5px; }

/* === Padding ================================================ */
.pl_12  { padding-left: 12px; }
.pl_30  { padding-left: 30px; }
.pl_40  { padding-left: 40px; }
.pl_50  { padding-left: 50px; }
.pl_60  { padding-left: 60px; }
.pl_70  { padding-left: 70px; }
.pl_100 { padding-left: 100px; }
.pl_110 { padding-left: 110px; }
.pl_120 { padding-left: 120px; }
.pl_150 { padding-left: 150px; }

.pr_30 { padding-right: 30px; }
.pr_40 { padding-right: 40px; }

.pt_13  { padding-top: 13px; }
.pt_16  { padding-top: 16px; }
.pt_25  { padding-top: 25px; }
.pt_30  { padding-top: 30px; }
.pt_35  { padding-top: 35px; }
.pt_50  { padding-top: 50px; }
.pt_85  { padding-top: 85px; }
.pt_100 { padding-top: 100px; }
.pt_110 { padding-top: 110px; }
.pt_120 { padding-top: 120px; }
.pt_175 { padding-top: 175px; }
.pt_190 { padding-top: 190px; }

.pb_3   { padding-bottom: 3px; }
.pb_14  { padding-bottom: 14px; }
.pb_30  { padding-bottom: 30px; }
.pb_35  { padding-bottom: 35px; }
.pb_50  { padding-bottom: 50px; }
.pb_60  { padding-bottom: 60px; }
.pb_75  { padding-bottom: 75px; }
.pb_90  { padding-bottom: 90px; }
.pb_100 { padding-bottom: 100px; }
.pb_110 { padding-bottom: 110px; }
.pb_120 { padding-bottom: 120px; }
.pb_220 { padding-bottom: 220px; }

/* === Top / Right / Bottom / Left ============================ */
.t_0   { top: 0; }
.t_30  { top: 30px; }
.t_40  { top: 40px; }
.t_160 { top: 160px; }

.r_0   { right: 0; }
.r_20  { right: 20px; }
.r_30  { right: 30px; }
.r_120 { right: 120px; }

.b_0  { bottom: 0; }
.b_30 { bottom: 30px; }
.b_45 { bottom: 45px; }

.l_0  { left: 0; }
.l_30 { left: 30px; }

/* === Z-index ================================================ */
.z_1 { z-index: 1; }
.z_2 { z-index: 2; }
.z_5 { z-index: 5; }

/* === Border radius ========================================== */
.b_radius_10 { border-radius: 10px; }
.b_radius_50 { border-radius: 50%; }

/* === Box shadow ============================================= */
.b_shadow_7 { box-shadow: 0 0 40px rgba(0, 0, 0, 0.15); }