@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700&display=swap');

:root {
    --c-hex-000000: #000000;
    --c-hex-02000e: #02000e;
    --c-hex-021013: #021013;
    --c-hex-048ec5: #D11207;
    --c-hex-0c0504: #0c0504;
    --c-hex-0d449a: #B80F06;
    --c-hex-111339: #111339;
    --c-hex-191f27: #191f27;
    --c-hex-1b0901: #1b0901;
    --c-hex-241e1d: #241e1d;
    --c-hex-2f2928: #2f2928;
    --c-hex-333: #333;
    --c-hex-33383f: #33383f;
    --c-hex-354042: #354042;
    --c-hex-3a3434: #3a3434;
    --c-hex-3b3b3b: #3b3b3b;
    --c-hex-464950: #464950;
    --c-hex-4a4949c7: #4a4949c7;
    --c-hex-4a4a49: #4a4a49;
    --c-hex-4ab9cf: #D11207;
    --c-hex-502303: #502303;
    --c-hex-567ebd: #D11207;
    --c-hex-5a5a5a: #5a5a5a;
    --c-hex-5d6061: #5d6061;
    --c-hex-696969: #696969;
    --c-hex-becde4: #F8F9FA;
    --c-hex-cad0d8: #F8F9FA;
    --c-hex-cccdcf: #cccdcf;
    --c-hex-cfdaec: #F8F9FA;
    --c-hex-d11207: #d11207;
    --c-hex-d112078a: #d112078a;
    --c-hex-d1cecc: #d1cecc;
    --c-hex-d5ecf1: #F8F9FA;
    --c-hex-dadada: #dadada;
    --c-hex-dce6f7: #F8F9FA;
    --c-hex-dddddc: #dddddc;
    --c-hex-dfe2e3: #dfe2e3;
    --c-hex-e1e7f1: #F8F9FA;
    --c-hex-e3dddb: #e3dddb;
    --c-hex-e3f0f2: #F8F9FA;
    --c-hex-e5ebf3: #F8F9FA;
    --c-hex-e6e7e7: #e6e7e7;
    --c-hex-e7f3f6: #F8F9FA;
    --c-hex-e8e6e6: #e8e6e6;
    --c-hex-ecedee: #ecedee;
    --c-hex-edf8fa: #F8F9FA;
    --c-hex-eec4c2: #eec4c2;
    --c-hex-f1dbda: #f1dbda;
    --c-hex-f2dfde: #f2dfde;
    --c-hex-f4f3f2: #f4f3f2;
    --c-hex-f5f1f1: #f5f1f1;
    --c-hex-f8f9fa: #f8f9fa;
    --c-hex-f9f5f3: #f9f5f3;
    --c-hex-fae7e6: #fae7e6;
    --c-hex-fc9c2c: #D11207;
    --c-hex-ff5e14: #D11207;
    --c-hex-ff7e43: #D11207;
    --c-hex-ffa41c: #D11207;
    --c-hex-ffaf89: #FDECEC;
    --c-hex-ffefe7: #ffefe7;
    --c-hex-ffefe8: #ffefe8;
    --c-hex-fff2ec: #fff2ec;
    --c-hex-ffff: #ffff;
    --c-hex-ffffff33: #ffffff33;
    --c-hex-ffffff38: #ffffff38;
    --c-hex-ffffff3b: #ffffff3b;
    --c-hex-ffffff75: #ffffff75;
    --c-rgb-rgba-0-0-0-0-2: rgba(0, 0, 0, 0.2);
    --c-rgb-rgba-1-15-28-0-1: rgba(1, 15, 28, 0.1);
    --c-rgb-rgba-1-15-28-0-12: rgba(1, 15, 28, 0.12);
    --c-rgb-rgba-1-15-28-0-2: rgba(1, 15, 28, 0.2);
    --c-rgb-rgba-100-100-111-0-2: rgba(100, 100, 111, 0.2);
    --c-rgb-rgba-14-71-161-0-08: rgba(209, 18, 7, 0.08);
    --c-rgb-rgba-14-71-161-0-20: rgba(209, 18, 7, 0.20);
    --c-rgb-rgba-149-157-165-0-2: rgba(149, 157, 165, 0.2);
    --c-rgb-rgba-17-24-39-0-10: rgba(17, 24, 39, 0.10);
    --c-rgb-rgba-24-24-24-0-4: rgba(24, 24, 24, 0.4);
    --c-rgb-rgba-255-255-255-0-2: rgba(255, 255, 255, 0.2);
    --c-rgb-rgba-255-255-255-0-20: rgba(255, 255, 255, 0.20);
    --c-rgb-rgba-255-255-255-0-92: rgba(255, 255, 255, 0.92);
    --color-primary-500: #D11207;
    --color-transparent: transparent;
    --color-black: #000;
    --font-sans: "Manrope", ui-sans-serif, system-ui, sans-serif;
    --color-white: #fff;
    --color-cream-1: #FFFFFF;
    --color-cream-2: #F8F9FA;
    --color-cream-3: #F8F9FA;
    --color-offwhite: #F8F9FA;
    --color-border-soft: #E5E6E7;
    --color-subtitle-1: #F8F9FA;
    --color-subtitle-2: #F8F9FA;
    --color-subtitle-3: #000000;
    --color-subtitle-4: #FDECEC;
    --color-subtitle-5: #000000;
    --color-subtitle-6: #F8F9FA;
    --color-subtitle-7: #191F27;
    --color-subtitle-8: #F8F9FA;
    --color-subtitle-9: #000000;
    --color-subtitle-10: #D112072E;
    --color-black-1: #1B0901;
    --color-black-2: #0C0504;
    --color-black-3: #00060F;
    --color-black-4: #021013;
    --color-accent-1: #000000;
    --color-accent-2: #D11207;
    --color-primary: #D11207;
    --color-info: #D11207;
    --color-text-muted: #5A5D63;
    --color-border: #E5E6E7;
    --color-primary-600: #B80F06;
    --color-success: #1F9D6A;
    --color-success-soft: #E9F8F0;
    --color-warning-soft: var(--color-subtitle-4);
    --color-icon: var(--color-primary);
    --icon-filter-navy: brightness(0) saturate(100%) invert(12%) sepia(87%) saturate(4500%) hue-rotate(350deg) brightness(90%) contrast(95%);
}

.text-bg-primary {
    color: #fff !important;
    background-color: var(--color-primary) !important;
}

.text-bg-secondary {
    color: var(--color-black-3) !important;
    background-color: var(--color-border-soft) !important;
}

.text-bg-success {
    color: #fff !important;
    background-color: var(--color-success) !important;
}

.text-bg-warning {
    color: var(--color-primary) !important;
    background-color: var(--color-warning-soft) !important;
}

.text-bg-danger {
    color: #fff !important;
    background-color: var(--color-primary-600) !important;
}

.text-bg-info {
    color: var(--color-primary) !important;
    background-color: var(--c-rgb-rgba-14-71-161-0-20) !important;
}

.text-bg-light {
    color: var(--color-black-3) !important;
    background-color: var(--color-cream-3) !important;
}

.text-bg-dark {
    color: #fff !important;
    background-color: var(--color-black-3) !important;
}

.badge.text-bg-secondary,
.badge.text-bg-warning,
.badge.text-bg-info,
.badge.text-bg-light {
    border: 1px solid var(--color-border-soft);
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
    font-family: var(--font-sans);
    font-size: 16px;
    font-weight: 400;
    line-height: 26px;
    overflow-x: hidden;

}

body,
html {
    overflow-x: hidden;
}

img {
    max-width: 100%;
}

.w-100 {
    width: 100%;
}

button {
    border: none;
}

input,
textarea,
select,
option {
    max-width: 100%;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    padding: 0;
    margin: 0;
}

ul {
    padding: 0;
    margin: 0;
}

li {
    list-style: none;
}

p {
    padding: 0;
    margin: 0;
}

img {
    max-width: 100%;
    max-height: 100%;
}

a,
a:hover,
a:focus {
    outline: none;
    text-decoration: none;
}


.fix {
    overflow: hidden;
}

.br-4 {
    border-radius: 4px;
}

.br-5 {
    border-radius: 5px;
}

.br-7 {
    border-radius: 7px;
}

.br-30 {
    border-radius: 30px;
}

.br-50 {
    border-radius: 50px;
}

.b-bottom {
    border-bottom: 1px solid var(--color-border-soft);
}

.ca-text-cap {
    text-transform: capitalize;
}

.p-relative {
    position: relative;
}

.p-absolute {
    position: absolute;
}

.z-index-1 {
    z-index: 1;
}

/* colors */

.w-bg {
    background: var(--color-white);
    transition: .3s;
}

.bg-wh-op {
    background: var(--color-white);
    opacity: .10;
}

.cream-bg {
    background: var(--color-cream-1);
}

.cream-bg-2 {
    background: var(--color-cream-2);
}

.cream-bg-3 {
    background: var(--color-cream-3);
}

.off-wh {
    background: var(--color-offwhite);
}

.subtitle-bg-1 {
    background: var(--color-subtitle-1);
}

.subtitle-bg-2 {
    background: var(--color-subtitle-2);
}

.subtitle-bg-3 {
    background: var(--color-subtitle-3);
}

.subtitle-bg-4 {
    background: var(--color-subtitle-4);
}

.subtitle-bg-5 {
    background: var(--color-subtitle-5);
}

.subtitle-bg-6 {
    background: var(--color-subtitle-6);
}

.subtitle-bg-7 {
    background: var(--color-subtitle-7);
}

.subtitle-bg-8 {
    background: var(--color-subtitle-8);
}

.subtitle-bg-9 {
    background: var(--color-subtitle-9);
}

.subtitle-bg-10 {
    background: var(--color-subtitle-10);
}

.text-white {
    color: var(--color-white);
}

.theme-black-1 {
    color: var(--color-black-1);
}

.theme-black-bg-1 {
    background: var(--color-black-1);
}

.theme-black-2 {
    color: var(--color-black-2);
}

.theme-black-3 {
    color: var(--color-black-3);
}

.theme-black-4 {
    color: var(--color-black-4);
}

.theme-black-bg-4 {
    background: var(--color-black-4);
}

.theme-black-bg-3 {
    background: var(--color-black-3);
}

.theme-black-bg-2 {
    background: var(--color-black-2);
}

.theme-color-1 {
    color: var(--color-accent-1);
}

.theme-bg-1 {
    background: var(--color-accent-1);
}

.theme-color-2 {
    color: var(--color-accent-2);
}

.theme-bg-2 {
    background: var(--color-accent-2);
}

.theme-color-3 {
    color: var(--color-primary);
}

.theme-bg-3 {
    background: var(--color-primary);
}

.theme-bg-4 {
    background: var(--color-info);
}

.theme-color-4 {
    color: var(--color-info);
}

.theme-three-p {
    color: var(--color-text-muted);
}

/* font-weight */
.fnw-600 {
    font-weight: 600;
}

.fnw-700 {
    font-weight: 700;
}


/* padding */
.p-32 {
    padding: 32px;
}



/* ======= padding top ======= */
.pt-8 {
    padding-top: 8px;
}

.pt-10 {
    padding-top: 10px;
}

.pt-12 {
    padding-top: 12px;
}

.pt-16 {
    padding-top: 16px;
}

.pt-20 {
    padding-top: 20px;
}

.pt-22 {
    padding-top: 22px;
}

.pt-24 {
    padding-top: 24px;
}

.pt-30 {
    padding-top: 30px;
}

.pt-32 {
    padding-top: 32px;
}

.pt-40 {
    padding-top: 40px;
}

.pt-48 {
    padding-top: 48px;
}

.pt-60 {
    padding-top: 60px;
}

@media screen and (max-width: 768px) {
    .pt-60 {
        padding-top: 30px;
    }
}

@media screen and (max-width: 475px) {
    .pt-60 {
        padding-top: 10px;
    }
}

.pt-70 {
    padding-top: 70px;
}

.pt-80 {
    padding-top: 80px;
}

.pt-100 {
    padding-top: 100px;
}

.pt-130 {
    padding-top: 130px;
}

.pt-160 {
    padding-top: 160px;
}

.pt-198 {
    padding-top: 198px;
}

.pt-208 {
    padding-top: 214px;
}

.pt-258 {
    padding-top: 258px;
}

.pt-390 {
    padding-top: 390px;
}

/* ======= padding bottom ======= */
.pb-8 {
    padding-bottom: 8px;
}

.pb-12 {
    padding-bottom: 12px;
}

.pb-14 {
    padding-bottom: 14px;
}

.pb-16 {
    padding-bottom: 16px;
}

.pb-18 {
    padding-bottom: 18px;
}

.pb-20 {
    padding-bottom: 20px;
}

.pb-24 {
    padding-bottom: 24px;
}

.pb-28 {
    padding-bottom: 28px;
}

.pb-30 {
    padding-bottom: 30px;
}

.pb-32 {
    padding-bottom: 32px;
}

.pb-40 {
    padding-bottom: 40px;
}

.pb-50 {
    padding-bottom: 50px;
}

.pb-70 {
    padding-bottom: 70px;
}

.pb-80 {
    padding-bottom: 80px;
}

.pb-100 {
    padding-bottom: 100px;
}

.pb-114 {
    padding-bottom: 114px;
}

.pb-124 {
    padding-bottom: 124px;
}

.pb-160 {
    padding-bottom: 160px;
}

/* ======= padding left ======= */
.pl-0 {
    padding-left: 0px;
}

.pl-48 {
    padding-left: 48px;
}

.pl-70 {
    padding-left: 70px;
}

.pl-85 {
    padding-left: 85px;
}

/* ======= padding right ======= */
.pr-48 {
    padding-right: 48px;
}

.pr-80 {
    padding-right: 80px;
}



/* ======= margin top ======= */
.-mt-110 {
    margin-top: -110px;
}

.mt-0 {
    margin-top: 0;
}

.mt-8 {
    margin-top: 8px;
}

.mt-12 {
    margin-top: 12px;
}

.mt-16 {
    margin-top: 16px;
}

.mt-20 {
    margin-top: 20px;
}

.mt-16 {
    margin-top: 16px;
}

.mt-24 {
    margin-top: 24px;
}

.mt-28 {
    margin-top: 28px;
}

.mt-32 {
    margin-top: 32px;
}

.mt-40 {
    margin-top: 40px;
}

/* ======= margin bottom ======= */
.mb-16 {
    margin-bottom: 16px;
}

.mb-20 {
    margin-bottom: 20px;
}

.mb-24 {
    margin-bottom: 24px;
}

.mb-25 {
    margin-bottom: 25px;
}

.mb-30 {
    margin-bottom: 30px;
}

.mb-32 {
    margin-bottom: 32px;
}

.mb-40 {
    margin-bottom: 40px;
}

.mb-48 {
    margin-bottom: 48px;
}

.mb-60 {
    margin-bottom: 60px;
}

.mb-70 {
    margin-bottom: 70px;
}

.mb-90 {
    margin-bottom: 90px;
}

.mb-m-70 {
    margin-bottom: -70px;
}

/* ======= margin left ======= */
.ml-4 {
    margin-left: 4px;
}

.ml-8 {
    margin-left: 8px;
}

.ml-15 {
    margin-left: 15px;
}

.ml-20 {
    margin-left: 20px;
}

.ml-24 {
    margin-left: 24px;
}

.ml-30 {
    margin-left: 30px;
}

.ml-32 {
    margin-left: 32px;
}

.ml-45 {
    margin-left: 45px;
}

.ml-50 {
    margin-left: 50px;
}

.ml-70 {
    margin-left: 70px;
}

.ml-80 {
    margin-left: 80px;
}

.ml-52 {
    margin-left: 52px;
}

.ml-100 {
    margin-left: 100px;
}

.ml-110 {
    margin-left: 110px;
}

.ml-m-70 {
    margin-left: -70px;
}



/* ======= margin right ======= */
.mr-4 {
    margin-right: 4px;
}

.mr-8 {
    margin-right: 8px;
}

.mr-16 {
    margin-right: 16px;
}

.mr-20 {
    margin-right: 20px;
}

.mr-24 {
    margin-right: 24px;
}

.mr-30 {
    margin-right: 30px;
}

.mr-34 {
    margin-right: 34px;
}

.mr-46 {
    margin-right: 46px;
}

.mr-50 {
    margin-right: 50px;
}

.mr-60 {
    margin-right: 60px;
}

.mr-65 {
    margin-right: 65px;
}

.mr-70 {
    margin-right: 70px;
}

.mr-90 {
    margin-right: 90px;
}