/* .d1 {
    display: none;
} */

:root {

    --white: #fff;
    --main: #eaedf0;
    --accent: #0041ff;
    --accent-2: #ebedf0;

    /* Font size attributes declare  */
    --fs-10px: 10px;
    --fs-11px: 11px;
    --fs-12px: 12px;
    --fs-13px: 13px;
    --fs-14px: 14px;
    --fs-15px: 15px;
    --fs-16px: 16px;
    --fs-17px: 17px;
    --fs-18px: 18px;
    --fs-19px: 19px;
    --fs-20px: 20px;
    --fs-21px: 21px;
    --fs-22px: 22px;
    --fs-23px: 23px;
    --fs-24px: 24px;
    --fs-25px: 25px;
    --fs-26px: 26px;
    --fs-27px: 27px;
    --fs-28px: 28px;
    --fs-29px: 29px;
    --fs-30px: 30px;
    --fs-31px: 31px;
    --fs-32px: 32px;
    --fs-33px: 33px;
    --fs-34px: 34px;
    --fs-36px: 36px;
    --fs-38px: 38px;
    --fs-40px: 40px;
    --fs-42px: 42px;
    --fs-44px: 44px;
    --fs-46px: 46px;
    --fs-48px: 48px;
    --fs-50px: 50px;

    /* Font color attributes declare */
    --text-blue: #0d6efd;
    --text-indigo: #6610f2;
    --text-purple: #6f42c1;
    --text-pink: #d63384;
    --text-red: #dc3545;
    --text-orange: #fd7e14;
    --text-yellow: #ffc107;
    --text-green: #198754;
    --text-teal: #20c997;
    --text-cyan: #0dcaf0;
    --text-black: #000;
    --text-white: #fff;
    --text-gray: #6c757d;
    --text-gray-dark: #343a40;
    --text-gray-100: #f8f9fa;
    --text-gray-200: #e9ecef;
    --text-gray-300: #dee2e6;
    --text-gray-: #ced4da;
    --text-gray-500: #adb5bd;
    --text-gray-600: #6c757d;
    --text-gray-700: #495057;
    --text-gray-800: #343a40;
    --text-gray-900: #212529;
    --text-primary: #0d6efd;
    --text-secondary: #6c757d;
    --text-success: #198754;
    --text-info: #0dcaf0;
    --text-warning: #ffc107;
    --text-danger: #dc3545;
    --text-light: #f8f9fa;
    --text-dark: #212529;
    --text-gray-01: #585981;
    --text-gray-02: rgb(143, 144, 166);

    /* Bg color attributes declare */
    --bg-blue: #0d6efd;
    --bg-indigo: #6610f2;
    --bg-purple: #6f42c1;
    --bg-pink: #d63384;
    --bg-red: #dc3545;
    --bg-orange: #fd7e14;
    --bg-yellow: #ffc107;
    --bg-green: #198754;
    --bg-teal: #20c997;
    --bg-cyan: #0dcaf0;
    --bg-black: #000;
    --bg-white: #fff;
    --bg-gray: #6c757d;
    --bg-gray-dark: #343a40;
    --bg-gray-100: #f8f9fa;
    --bg-gray-200: #e9ecef;
    --bg-gray-300: #dee2e6;
    --bg-gray-400: #ced4da;
    --bg-gray-500: #adb5bd;
    --bg-gray-600: #6c757d;
    --bg-gray-700: #495057;
    --bg-gray-800: #343a40;
    --bg-gray-900: #212529;
    --bg-primary: #0d6efd;
    --bg-secondary: #6c757d;
    --bg-success: #198754;
    --bg-info: #0dcaf0;
    --bg-warning: #ffc107;
    --bg-danger: #dc3545;
    --bg-light: #f8f9fa;
    --bg-dark: #212529;

    /* font-weight */
    --fw-100: 100;
    --fw-200: 200;
    --fw-300: 300;
    --fw-400: 400;
    --fw-500: 500;
    --fw-600: 600;
    --fw-700: 700;
    --fw-800: 800;
    --fw-900: 900;

    /* Sizes */
    --size-2: 0.125rem;
    --size-4: 0.25rem;
    --size-6: 0.375rem;
    --size-8: 0.5rem;
    --size-9: 0.5625rem;
    --size-10: 0.625rem;
    --size-11: 0.6875rem;
    --size-12: 0.75rem;
    --size-13: 0.8125rem;
    --size-14: 14px;
    --size-15: 15px;
    --size-16: 1rem;
    --size-20: 1.25rem;
    --size-24: 1.5rem;
    --size-28: 1.5rem;
    --size-30: 30px;
    --size-32: 2rem;
    --size-36: 2rem;
    --size-40: 2.5rem;
    --size-44: 2.75rem;
    --size-48: 3rem;
    --size-50: 3.125rem;
    --size-56: 3.5rem;
    --size-60: 3.75rem;
    --size-64: 4rem;
    --size-72: 4.5rem;
    --size-76: 4.75rem;
    --size-80: 5rem;
    --size-90: 5.625rem;
    --size-110: 6.875rem;
    --size-120: 7.5rem;
    --size-144: 9rem;
    --size-160: 10rem;
    --size-170: 10.625rem;
    --size-190: 11.875rem;
    --size-200: 12.5rem;
    --size-240: 15rem;
    --size-440: 27.5rem;
}

/* Font sizes */
.fs-10 {
    font-size: var(--fs-10px);
}

.fs-12 {
    font-size: var(--fs-12px);
}

.fs-14 {
    font-size: var(--fs-14px);
}

.fs-15 {
    font-size: 15px !important;
}

.fs-16 {
    font-size: var(--fs-16px);
}

.fs-18 {
    font-size: var(--fs-18px) !important;
}

.fs-20 {
    font-size: var(--fs-20px);
}

.fs-22 {
    font-size: var(--fs-22px);
}

.fs-24 {
    font-size: var(--fs-24px);
}

.fs-26 {
    font-size: var(--fs-26px);
}

.fs-28 {
    font-size: var(--fs-28px);
}

.fs-30 {
    font-size: var(--fs-30px);
}

.mt_2 {
    margin-top: var(--size-2) !important;
}

.mt_4 {
    margin-top: var(--size-4) !important;
}

.mt_6 {
    margin-top: var(--size-6) !important;
}

.mt_8 {
    margin-top: var(--size-8) !important;
}

.mt_9 {
    margin-top: var(--size-9) !important;
}

.mt_10 {
    margin-top: var(--size-10) !important;
}

.mt_11 {
    margin-top: var(--size-11) !important;
}

.mt_12 {
    margin-top: var(--size-12) !important;
}

.mt_13 {
    margin-top: var(--size-13) !important;
}

.mt_14 {
    margin-top: var(--size-14) !important;
}

.mt_15 {
    margin-top: var(--size-15) !important;
}

.mt_16 {
    margin-top: var(--size-16) !important;
}

.mt_20 {
    margin-top: var(--size-20) !important;
}

.mt_24 {
    margin-top: var(--size-24) !important;
}

.mt_28 {
    margin-top: var(--size-28) !important;
}

.mt_32 {
    margin-top: var(--size-32) !important;
}

.mt_36 {
    margin-top: var(--size-36) !important;
}

.mt_40 {
    margin-top: var(--size-40) !important;
}

.mt_44 {
    margin-top: var(--size-44) !important;
}

.mt_48 {
    margin-top: var(--size-48) !important;
}

.mt_50 {
    margin-top: var(--size-50) !important;
}

.mt_56 {
    margin-top: var(--size-56) !important;
}

.mt_60 {
    margin-top: var(--size-60) !important;
}

.mt_64 {
    margin-top: var(--size-64) !important;
}

.mt_72 {
    margin-top: var(--size-72) !important;
}

.mt_76 {
    margin-top: var(--size-76) !important;
}

.mt_80 {
    margin-top: var(--size-80) !important;
}

.mt_90 {
    margin-top: 90px !important;
}

.mb_2 {
    margin-bottom: var(--size-2) !important;
}

.mb_4 {
    margin-bottom: var(--size-4) !important;
}

.mb_6 {
    margin-bottom: var(--size-6) !important;
}

.mb_8 {
    margin-bottom: var(--size-8) !important;
}

.mb_9 {
    margin-bottom: var(--size-9) !important;
}

.mb_10 {
    margin-bottom: var(--size-10) !important;
}

.mb_11 {
    margin-bottom: var(--size-11) !important;
}

.mb_12 {
    margin-bottom: var(--size-12) !important;
}

.mb_13 {
    margin-bottom: var(--size-13) !important;
}

.mb_14 {
    margin-bottom: var(--size-14) !important;
}

.mb_15 {
    margin-bottom: var(--size-15) !important;
}

.mb_16 {
    margin-bottom: var(--size-16) !important;
}

.mb_20 {
    margin-bottom: var(--size-20) !important;
}

.mb_18 {
    margin-bottom: 18px !important;
}

.mb_24 {
    margin-bottom: var(--size-24) !important;
}

.mb_28 {
    margin-bottom: var(--size-28) !important;
}

.mb_30 {
    margin-bottom: var(--size-30) !important;
}

.mb_32 {
    margin-bottom: var(--size-32) !important;
}

.mb_36 {
    margin-bottom: var(--size-36) !important;
}

.mb_40 {
    margin-bottom: var(--size-40) !important;
}

.mb_44 {
    margin-bottom: var(--size-44) !important;
}

.mb_48 {
    margin-bottom: var(--size-48) !important;
}

.mb_50 {
    margin-bottom: var(--size-50) !important;
}

.mb_56 {
    margin-bottom: var(--size-56) !important;
}

.mb_60 {
    margin-bottom: var(--size-60) !important;
}

.mb_64 {
    margin-bottom: var(--size-64) !important;
}

.mb_72 {
    margin-bottom: var(--size-72) !important;
}

.mb_76 {
    margin-bottom: var(--size-76) !important;
}

.mb_80 {
    margin-bottom: var(--size-80) !important;
}


.mb_146 {
    margin-bottom: 146px;
}

.ms_2 {
    margin-left: var(--size-2) !important;
}

.ms_4 {
    margin-left: var(--size-4) !important;
}

.ms_6 {
    margin-left: var(--size-6) !important;
}

.ms_8 {
    margin-left: var(--size-8) !important;
}

.ms_9 {
    margin-left: var(--size-9) !important;
}

.ms_10 {
    margin-left: var(--size-10) !important;
}

.ms_11 {
    margin-left: var(--size-11) !important;
}

.ms_12 {
    margin-left: var(--size-12) !important;
}

.ms_13 {
    margin-left: var(--size-13) !important;
}

.ms_14 {
    margin-left: var(--size-14) !important;
}

.ms_15 {
    margin-left: var(--size-15) !important;
}

.ms_16 {
    margin-left: var(--size-16) !important;
}

.ms_20 {
    margin-left: var(--size-20) !important;
}

.ms_24 {
    margin-left: var(--size-24) !important;
}

.ms_28 {
    margin-left: var(--size-28) !important;
}

.ms_32 {
    margin-left: var(--size-32) !important;
}

.ms_36 {
    margin-left: var(--size-36) !important;
}

.ms_40 {
    margin-left: var(--size-40) !important;
}

.ms_44 {
    margin-left: var(--size-44) !important;
}

.ms_48 {
    margin-left: var(--size-48) !important;
}

.ms_50 {
    margin-left: var(--size-50) !important;
}

.ms_56 {
    margin-left: var(--size-56) !important;
}

.ms_60 {
    margin-left: var(--size-60) !important;
}

.ms_64 {
    margin-left: var(--size-64) !important;
}

.ms_72 {
    margin-left: var(--size-72) !important;
}

.ms_76 {
    margin-left: var(--size-76) !important;
}

.ms_80 {
    margin-left: var(--size-80) !important;
}

.me_2 {
    margin-right: var(--size-2) !important;
}

.me_4 {
    margin-right: var(--size-4) !important;
}

.me_6 {
    margin-right: var(--size-6) !important;
}

.me_8 {
    margin-right: var(--size-8) !important;
}

.me_9 {
    margin-right: var(--size-9) !important;
}

.me_10 {
    margin-right: var(--size-10) !important;
}

.me_11 {
    margin-right: var(--size-11) !important;
}

.me_12 {
    margin-right: var(--size-12) !important;
}

.me_13 {
    margin-right: var(--size-13) !important;
}

.me_14 {
    margin-right: var(--size-14) !important;
}

.me_15 {
    margin-right: var(--size-15) !important;
}

.me_16 {
    margin-right: var(--size-16) !important;
}

.me_20 {
    margin-right: var(--size-20) !important;
}

.me_24 {
    margin-right: var(--size-24) !important;
}

.me_28 {
    margin-right: var(--size-28) !important;
}

.me_32 {
    margin-right: var(--size-32) !important;
}

.me_36 {
    margin-right: var(--size-36) !important;
}

.me_40 {
    margin-right: var(--size-40) !important;
}

.me_44 {
    margin-right: var(--size-44) !important;
}

.me_48 {
    margin-right: var(--size-48) !important;
}

.me_50 {
    margin-right: var(--size-50) !important;
}

.me_56 {
    margin-right: var(--size-56) !important;
}

.me_60 {
    margin-right: var(--size-60) !important;
}

.me_64 {
    margin-right: var(--size-64) !important;
}

.me_72 {
    margin-right: var(--size-72) !important;
}

.me_76 {
    margin-right: var(--size-76) !important;
}

.me_80 {
    margin-right: var(--size-80) !important;
}

.pt_2 {
    padding-top: var(--size-2) !important;
}

.pt_4 {
    padding-top: var(--size-4) !important;
}

.pt_6 {
    padding-top: var(--size-6) !important;
}

.pt_8 {
    padding-top: var(--size-8) !important;
}

.pt_9 {
    padding-top: var(--size-9) !important;
}

.pt_10 {
    padding-top: var(--size-10) !important;
}

.pt_11 {
    padding-top: var(--size-11) !important;
}

.pt_12 {
    padding-top: var(--size-12) !important;
}

.pt_13 {
    padding-top: var(--size-13) !important;
}

.pt_14 {
    padding-top: var(--size-14) !important;
}

.pt_15 {
    padding-top: var(--size-15) !important;
}

.pt_16 {
    padding-top: var(--size-16) !important;
}

.pt_20 {
    padding-top: var(--size-20) !important;
}

.pt_24 {
    padding-top: var(--size-24) !important;
}

.pt_28 {
    padding-top: var(--size-28) !important;
}

.pt_32 {
    padding-top: var(--size-32) !important;
}

.pt_36 {
    padding-top: var(--size-36) !important;
}

.pt_40 {
    padding-top: var(--size-40) !important;
}

.pt_44 {
    padding-top: var(--size-44) !important;
}

.pt_48 {
    padding-top: var(--size-48) !important;
}

.pt_50 {
    padding-top: var(--size-50) !important;
}

.pt_56 {
    padding-top: var(--size-56) !important;
}

.pt_60 {
    padding-top: var(--size-60) !important;
}

.pt_64 {
    padding-top: var(--size-64) !important;
}

.pt_72 {
    padding-top: var(--size-72) !important;
}

.pt_76 {
    padding-top: var(--size-76) !important;
}

.pt_80 {
    padding-top: var(--size-80) !important;
}

.pb_2 {
    margin-bottom: var(--size-2) !important;
}

.pb_4 {
    margin-bottom: var(--size-4) !important;
}

.pb_6 {
    margin-bottom: var(--size-6) !important;
}

.pb_8 {
    margin-bottom: var(--size-8) !important;
}

.pb_9 {
    margin-bottom: var(--size-9) !important;
}

.pb_10 {
    margin-bottom: var(--size-10) !important;
}

.pb_11 {
    margin-bottom: var(--size-11) !important;
}

.pb_12 {
    margin-bottom: var(--size-12) !important;
}

.pb_13 {
    margin-bottom: var(--size-13) !important;
}

.pb_14 {
    margin-bottom: var(--size-14) !important;
}

.pb_15 {
    margin-bottom: var(--size-15) !important;
}

.pb_16 {
    margin-bottom: var(--size-16) !important;
}

.pb_20 {
    margin-bottom: var(--size-20) !important;
}

.pb_24 {
    margin-bottom: var(--size-24) !important;
}

.pb_28 {
    margin-bottom: var(--size-28) !important;
}

.pb_32 {
    margin-bottom: var(--size-32) !important;
}

.pb_36 {
    margin-bottom: var(--size-36) !important;
}

.pb_40 {
    margin-bottom: var(--size-40) !important;
}

.pb_44 {
    margin-bottom: var(--size-44) !important;
}

.pb_48 {
    margin-bottom: var(--size-48) !important;
}

.pb_50 {
    margin-bottom: var(--size-50) !important;
}

.pb_56 {
    margin-bottom: var(--size-56) !important;
}

.pb_60 {
    margin-bottom: var(--size-60) !important;
}

.pb_64 {
    margin-bottom: var(--size-64) !important;
}

.pb_72 {
    margin-bottom: var(--size-72) !important;
}

.pb_76 {
    margin-bottom: var(--size-76) !important;
}

.pb_80 {
    margin-bottom: var(--size-80) !important;
}

.ps_2 {
    padding-left: var(--size-2) !important;
}

.ps_4 {
    padding-left: var(--size-4) !important;
}

.ps_6 {
    padding-left: var(--size-6) !important;
}

.ps_8 {
    padding-left: var(--size-8) !important;
}

.ps_9 {
    padding-left: var(--size-9) !important;
}

.ps_10 {
    padding-left: var(--size-10) !important;
}

.ps_11 {
    padding-left: var(--size-11) !important;
}

.ps_12 {
    padding-left: var(--size-12) !important;
}

.ps_13 {
    padding-left: var(--size-13) !important;
}

.ps_14 {
    padding-left: var(--size-14) !important;
}

.ps_15 {
    padding-left: var(--size-15) !important;
}

.ps_16 {
    padding-left: var(--size-16) !important;
}

.ps_20 {
    padding-left: var(--size-20) !important;
}

.ps_24 {
    padding-left: var(--size-24) !important;
}

.ps_28 {
    padding-left: var(--size-28) !important;
}

.ps_32 {
    padding-left: var(--size-32) !important;
}

.ps_36 {
    padding-left: var(--size-36) !important;
}

.ps_40 {
    padding-left: var(--size-40) !important;
}

.ps_44 {
    padding-left: var(--size-44) !important;
}

.ps_48 {
    padding-left: var(--size-48) !important;
}

.ps_50 {
    padding-left: var(--size-50) !important;
}

.ps_56 {
    padding-left: var(--size-56) !important;
}

.ps_60 {
    padding-left: var(--size-60) !important;
}

.ps_64 {
    padding-left: var(--size-64) !important;
}

.ps_72 {
    padding-left: var(--size-72) !important;
}

.ps_76 {
    padding-left: var(--size-76) !important;
}

.ps_80 {
    padding-left: var(--size-80) !important;
}

.pe_2 {
    padding-right: var(--size-2) !important;
}

.pe_4 {
    padding-right: var(--size-4) !important;
}

.pe_6 {
    padding-right: var(--size-6) !important;
}

.pe_8 {
    padding-right: var(--size-8) !important;
}

.pe_9 {
    padding-right: var(--size-9) !important;
}

.pe_10 {
    padding-right: var(--size-10) !important;
}

.pe_11 {
    padding-right: var(--size-11) !important;
}

.pe_12 {
    padding-right: var(--size-12) !important;
}

.pe_13 {
    padding-right: var(--size-13) !important;
}

.pe_14 {
    padding-right: var(--size-14) !important;
}

.pe_15 {
    padding-right: var(--size-15) !important;
}

.pe_16 {
    padding-right: var(--size-16) !important;
}

.pe_20 {
    padding-right: var(--size-20) !important;
}

.pe_24 {
    padding-right: var(--size-24) !important;
}

.pe_28 {
    padding-right: var(--size-28) !important;
}

.pe_32 {
    padding-right: var(--size-32) !important;
}

.pe_36 {
    padding-right: var(--size-36) !important;
}

.pe_40 {
    padding-right: var(--size-40) !important;
}

.pe_44 {
    padding-right: var(--size-44) !important;
}

.pe_48 {
    padding-right: var(--size-48) !important;
}

.pe_50 {
    padding-right: var(--size-50) !important;
}

.pe_56 {
    padding-right: var(--size-56) !important;
}

.pe_60 {
    padding-right: var(--size-60) !important;
}

.pe_64 {
    padding-right: var(--size-64) !important;
}

.pe_72 {
    padding-right: var(--size-72) !important;
}

.pe_76 {
    padding-right: var(--size-76) !important;
}

.pe_80 {
    padding-right: var(--size-80) !important;
}

.px_2 {
    padding-left: var(--size-2) !important;
    padding-right: var(--size-2) !important;
}

.px_4 {
    padding-left: var(--size-4) !important;
    padding-right: var(--size-4) !important;
}

.px_6 {
    padding-left: var(--size-6) !important;
    padding-right: var(--size-6) !important;
}

.px_8 {
    padding-left: var(--size-8) !important;
    padding-right: var(--size-8) !important;
}

.px_9 {
    padding-left: var(--size-9) !important;
    padding-right: var(--size-9) !important;
}

.px_10 {
    padding-left: var(--size-10) !important;
    padding-right: var(--size-10) !important;
}

.px_11 {
    padding-left: var(--size-11) !important;
    padding-right: var(--size-11) !important;
}

.px_12 {
    padding-left: var(--size-12) !important;
    padding-right: var(--size-12) !important;
}

.px_13 {
    padding-left: var(--size-13) !important;
    padding-right: var(--size-13) !important;
}

.px_14 {
    padding-left: var(--size-14) !important;
    padding-right: var(--size-14) !important;
}

.px_15 {
    padding-left: var(--size-15) !important;
    padding-right: var(--size-15) !important;
}

.px_16 {
    padding-left: var(--size-16) !important;
    padding-right: var(--size-16) !important;
}

.px_20 {
    padding-left: var(--size-20) !important;
    padding-right: var(--size-20) !important;
}

.px_24 {
    padding-left: var(--size-24) !important;
    padding-right: var(--size-24) !important;
}

.px_28 {
    padding-left: var(--size-28) !important;
    padding-right: var(--size-28) !important;
}

.px_32 {
    padding-left: var(--size-32) !important;
    padding-right: var(--size-32) !important;
}

.px_36 {
    padding-left: var(--size-36) !important;
    padding-right: var(--size-36) !important;
}

.px_40 {
    padding-left: var(--size-40) !important;
    padding-right: var(--size-40) !important;
}

.px_44 {
    padding-left: var(--size-44) !important;
    padding-right: var(--size-44) !important;
}

.px_48 {
    padding-left: var(--size-48) !important;
    padding-right: var(--size-48) !important;
}

.px_50 {
    padding-left: var(--size-50) !important;
    padding-right: var(--size-50) !important;
}

.px_56 {
    padding-left: var(--size-56) !important;
    padding-right: var(--size-56) !important;
}

.px_60 {
    padding-left: var(--size-60) !important;
    padding-right: var(--size-60) !important;
}

.px_64 {
    padding-left: var(--size-64) !important;
    padding-right: var(--size-64) !important;
}

.px_72 {
    padding-left: var(--size-72) !important;
    padding-right: var(--size-72) !important;
}

.px_76 {
    padding-left: var(--size-76) !important;
    padding-right: var(--size-76) !important;
}

.px_80 {
    padding-left: var(--size-80) !important;
    padding-right: var(--size-80) !important;
}

.py_2 {
    padding-top: var(--size-2) !important;
    padding-bottom: var(--size-2) !important;
}

.py_4 {
    padding-top: var(--size-4) !important;
    padding-bottom: var(--size-4) !important;
}

.py_6 {
    padding-top: var(--size-6) !important;
    padding-bottom: var(--size-6) !important;
}

.py_8 {
    padding-top: var(--size-8) !important;
    padding-bottom: var(--size-8) !important;
}

.py_9 {
    padding-top: var(--size-9) !important;
    padding-bottom: var(--size-9) !important;
}

.py_10 {
    padding-top: var(--size-10) !important;
    padding-bottom: var(--size-10) !important;
}

.py_11 {
    padding-top: var(--size-11) !important;
    padding-bottom: var(--size-11) !important;
}

.py_12 {
    padding-top: var(--size-12) !important;
    padding-bottom: var(--size-12) !important;
}

.py_13 {
    padding-top: var(--size-13) !important;
    padding-bottom: var(--size-13) !important;
}

.py_14 {
    padding-top: var(--size-14) !important;
    padding-bottom: var(--size-14) !important;
}

.py_15 {
    padding-top: var(--size-15) !important;
    padding-bottom: var(--size-15) !important;
}

.py_16 {
    padding-top: var(--size-16) !important;
    padding-bottom: var(--size-16) !important;
}

.py_20 {
    padding-top: var(--size-20) !important;
    padding-bottom: var(--size-20) !important;
}

.py_24 {
    padding-top: var(--size-24) !important;
    padding-bottom: var(--size-24) !important;
}

.py_28 {
    padding-top: var(--size-28) !important;
    padding-bottom: var(--size-28) !important;
}

.py_32 {
    padding-top: var(--size-32) !important;
    padding-bottom: var(--size-32) !important;
}

.py_36 {
    padding-top: var(--size-36) !important;
    padding-bottom: var(--size-36) !important;
}

.py_40 {
    padding-top: var(--size-40) !important;
    padding-bottom: var(--size-40) !important;
}

.py_44 {
    padding-top: var(--size-44) !important;
    padding-bottom: var(--size-44) !important;
}

.py_48 {
    padding-top: var(--size-48) !important;
    padding-bottom: var(--size-48) !important;
}

.py_50 {
    padding-top: var(--size-50) !important;
    padding-bottom: var(--size-50) !important;
}

.py_56 {
    padding-top: var(--size-56) !important;
    padding-bottom: var(--size-56) !important;
}

.py_60 {
    padding-top: var(--size-60) !important;
    padding-bottom: var(--size-60) !important;
}

.py_64 {
    padding-top: var(--size-64) !important;
    padding-bottom: var(--size-64) !important;
}

.py_72 {
    padding-top: var(--size-72) !important;
    padding-bottom: var(--size-72) !important;
}

.py_76 {
    padding-top: var(--size-76) !important;
    padding-bottom: var(--size-76) !important;
}

.py_80 {
    padding-top: var(--size-80) !important;
    padding-bottom: var(--size-80) !important;
}

.my_2 {
    margin-top: var(--size-2) !important;
    margin-bottom: var(--size-2) !important;
}

.my_4 {
    margin-top: var(--size-4) !important;
    margin-bottom: var(--size-4) !important;
}

.my_6 {
    margin-top: var(--size-6) !important;
    margin-bottom: var(--size-6) !important;
}

.my_8 {
    margin-top: var(--size-8) !important;
    margin-bottom: var(--size-8) !important;
}

.my_9 {
    margin-top: var(--size-9) !important;
    margin-bottom: var(--size-9) !important;
}

.my_10 {
    margin-top: var(--size-10) !important;
    margin-bottom: var(--size-10) !important;
}

.my_11 {
    margin-top: var(--size-11) !important;
    margin-bottom: var(--size-11) !important;
}

.my_12 {
    margin-top: var(--size-12) !important;
    margin-bottom: var(--size-12) !important;
}

.my_13 {
    margin-top: var(--size-13) !important;
    margin-bottom: var(--size-13) !important;
}

.my_14 {
    margin-top: var(--size-14) !important;
    margin-bottom: var(--size-14) !important;
}

.my_15 {
    margin-top: var(--size-15) !important;
    margin-bottom: var(--size-15) !important;
}

.my_16 {
    margin-top: var(--size-16) !important;
    margin-bottom: var(--size-16) !important;
}

.my_20 {
    margin-top: var(--size-20) !important;
    margin-bottom: var(--size-20) !important;
}

.my_24 {
    margin-top: var(--size-24) !important;
    margin-bottom: var(--size-24) !important;
}

.my_28 {
    margin-top: var(--size-28) !important;
    margin-bottom: var(--size-28) !important;
}

.my_32 {
    margin-top: var(--size-32) !important;
    margin-bottom: var(--size-32) !important;
}

.my_36 {
    margin-top: var(--size-36) !important;
    margin-bottom: var(--size-36) !important;
}

.my_40 {
    margin-top: var(--size-40) !important;
    margin-bottom: var(--size-40) !important;
}

.my_44 {
    margin-top: var(--size-44) !important;
    margin-bottom: var(--size-44) !important;
}

.my_48 {
    margin-top: var(--size-48) !important;
    margin-bottom: var(--size-48) !important;
}

.my_50 {
    margin-top: var(--size-50) !important;
    margin-bottom: var(--size-50) !important;
}

.my_56 {
    margin-top: var(--size-56) !important;
    margin-bottom: var(--size-56) !important;
}

.my_60 {
    margin-top: var(--size-60) !important;
    margin-bottom: var(--size-60) !important;
}

.my_64 {
    margin-top: var(--size-64) !important;
    margin-bottom: var(--size-64) !important;
}

.my_72 {
    margin-top: var(--size-72) !important;
    margin-bottom: var(--size-72) !important;
}

.my_76 {
    margin-top: var(--size-76) !important;
    margin-bottom: var(--size-76) !important;
}

.my_80 {
    margin-top: var(--size-80) !important;
    margin-bottom: var(--size-80) !important;
}

.mx_2 {
    margin-left: var(--size-2) !important;
    margin-right: var(--size-2) !important;
}

.mx_4 {
    margin-left: var(--size-4) !important;
    margin-right: var(--size-4) !important;
}

.mx_6 {
    margin-left: var(--size-6) !important;
    margin-right: var(--size-6) !important;
}

.mx_8 {
    margin-left: var(--size-8) !important;
    margin-right: var(--size-8) !important;
}

.mx_9 {
    margin-left: var(--size-9) !important;
    margin-right: var(--size-9) !important;
}

.mx_10 {
    margin-left: var(--size-10) !important;
    margin-right: var(--size-10) !important;
}

.mx_11 {
    margin-left: var(--size-11) !important;
    margin-right: var(--size-11) !important;
}

.mx_12 {
    margin-left: var(--size-12) !important;
    margin-right: var(--size-12) !important;
}

.mx_13 {
    margin-left: var(--size-13) !important;
    margin-right: var(--size-13) !important;
}

.mx_14 {
    margin-left: var(--size-14) !important;
    margin-right: var(--size-14) !important;
}

.mx_15 {
    margin-left: var(--size-15) !important;
    margin-right: var(--size-15) !important;
}

.mx_16 {
    margin-left: var(--size-16) !important;
    margin-right: var(--size-16) !important;
}

.mx_20 {
    margin-left: var(--size-20) !important;
    margin-right: var(--size-20) !important;
}

.mx_24 {
    margin-left: var(--size-24) !important;
    margin-right: var(--size-24) !important;
}

.mx_28 {
    margin-left: var(--size-28) !important;
    margin-right: var(--size-28) !important;
}

.mx_32 {
    margin-left: var(--size-32) !important;
    margin-right: var(--size-32) !important;
}

.mx_36 {
    margin-left: var(--size-36) !important;
    margin-right: var(--size-36) !important;
}

.mx_40 {
    margin-left: var(--size-40) !important;
    margin-right: var(--size-40) !important;
}

.mx_44 {
    margin-left: var(--size-44) !important;
    margin-right: var(--size-44) !important;
}

.mx_48 {
    margin-left: var(--size-48) !important;
    margin-right: var(--size-48) !important;
}

.mx_50 {
    margin-left: var(--size-50) !important;
    margin-right: var(--size-50) !important;
}

.mx_56 {
    margin-left: var(--size-56) !important;
    margin-right: var(--size-56) !important;
}

.mx_60 {
    margin-left: var(--size-60) !important;
    margin-right: var(--size-60) !important;
}

.mx_64 {
    margin-left: var(--size-64) !important;
    margin-right: var(--size-64) !important;
}

.mx_72 {
    margin-left: var(--size-72) !important;
    margin-right: var(--size-72) !important;
}

.mx_76 {
    margin-left: var(--size-76) !important;
    margin-right: var(--size-76) !important;
}

.mx_80 {
    margin-left: var(--size-80) !important;
    margin-right: var(--size-80) !important;
}

.italic {
    font-style: italic !important;
}

.fw-3 {
    font-weight: 300 !important;
}

.fw-4 {
    font-weight: 400 !important;
}

.fw-5 {
    font-weight: 500 !important;
}

.fw-6 {
    font-weight: 600 !important;
}

.fw-7 {
    font-weight: 700 !important;
}

.section-100 {
    padding-top: 100px;
    padding-bottom: 100px;
}

.section-100-70 {
    padding-top: 100px;
    padding-bottom: 70px;
}

.bg-blue1 {
    background-color: #5270FF !important;
}

.bg-black1 {
    background-color: #5270FF !important;

}

.bg-green1 {
    background-color: #009B77 !important;
}

.bg-Lightviolet1 {
    background-color: #9747FF !important;
}

.text-red1 {
    color: #BC2026 !important;
}

.text-black1 {
    color: #1A1A1A !important;
}

.text-black2 {
    color: #000000 !important;
}

.text-black3 {
    color: #161C2D !important;
}

.text-gray1 {
    color: #374151 !important;
}

.text-gray2 {
    color: #6B7280 !important;
}

.text-gray3 {
    color: #9A98A9 !important;
}

.text-gray4 {
    color: #4B5563 !important;
}

.text-gray5 {
    color: rgba(31, 41, 55, 0.70) !important;
}


.Poppins {
    font-family: "Poppins", serif !important;

}

.object_fit {
    object-fit: cover;
    width: 100%;
    height: 100%;
}

.object_fit_contain {
    object-fit: contain;
    width: 100%;
    height: 100%;
}

.fs-30-ln-38 {
    font-family: "Reddit Sans", serif;
    font-size: 30px;
    font-weight: 600;
    line-height: 38.96px;
    color: #FFFFFF;
}

.h-64px {
    height: 64px !important;
}

.rd-14 {
    border-radius: 10px !important;
    -webkit-border-radius: 10px !important;
    -moz-border-radius: 10px !important;
    -ms-border-radius: 10px !important;
    -o-border-radius: 10px !important;
}

.rd-40 {
    border-radius: 40px !important;
    -webkit-border-radius: 40px !important;
    -moz-border-radius: 40px !important;
    -ms-border-radius: 40px !important;
    -o-border-radius: 40px !important;
}

/* Buttons */

/* .View-project {
    font-family: "Plus Jakarta Sans", serif;
    font-size: 18px;
    font-weight: 600;
    line-height: 28px;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    color: #1E3A8A;
    display: flex;
    gap: 10px;
    align-items: center;
} */

.View-project {
    font-family: "Plus Jakarta Sans", serif;
    font-size: 18px;
    font-weight: 600;
    line-height: 28px;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    color: #1E3A8A;
    display: flex;
    gap: 10px;
    align-items: center;
}

.subtitle-18px {
    font-family: "Reddit Sans", serif;
    font-weight: 400;
    font-size: 18px;
    line-height: 25px;
    letter-spacing: 0%;
    text-align: center;
    color: rgba(31, 41, 55, .70);
}

.subtitle-20px {
    color: rgba(75, 85, 99, 1);
    font-family: "Reddit Sans", serif;
    font-weight: 400;
    font-size: 20px;
    line-height: 25.98px;
    text-align: center;
}