/*# sourceMappingURL=data:application/json;charset=utf8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY3VzdG9tLmNzcyIsInNvdXJjZXMiOlsiY3VzdG9tLnNjc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IiJ9 */

/*# sourceMappingURL=custom.css.map */

*,
:after,
:before {
    /* border: 0 solid #e5e7eb; */
    box-sizing: border-box;
}

:root {
    --text-primary: #3d3d3d;
    --text-secondary: #aeaeae;
    --new-primary-primary: #3ec3dc;
    --new-primary-dark: #05abca;
    --new-secondary-secondary: #2761ba;

    --new-secondary-dark: #234b88;
    --new-secondary-light: #2c71db;

    --new-neutral-n10: #2b2e33;
    --new-neutral-n20: #41454d;
    --new-neutral-n40: #6c7280;
    --new-neutral-n50: #818999;
    --new-neutral-n70: #b8becc;

    --new-additional-green: #008458;
    --new-additional-dark-green: #006e49;

    --new-tertiary-tertiary: #e55e19;

    --menu-label: #1c3c6e;

    /* new color pattern */

    /* primary */
    --c-primary-10: #0c3841;
    --c-primary-20: #145e6c;
    --c-primary-30: #1b8497;
    --c-primary-40: #05abca;
    --c-primary-50: #3ec3dc;
    --c-primary-60: #68d0e4;
    --c-primary-70: #8de1f1;
    --c-primary-80: #93ddeb;
    --c-primary-90: #beebf3;
    --c-primary-100: #e9f8fb;

    /* secondary */
    --c-secondary-10: #040b15;
    --c-secondary-20: #0d213f;
    --c-secondary-30: #163769;
    --c-secondary-40: #234b88;
    --c-secondary-50: #2761ba;
    --c-secondary-60: #2c71db;
    --c-secondary-70: #6b99e0;
    --c-secondary-80: #96b6e9;
    --c-secondary-90: #c0d3f2;
    --c-secondary-100: #eaf0fb;

    /* tertiary */
    --c-tertiary-10: #451c08;
    --c-tertiary-20: #732f0d;
    --c-tertiary-30: #a14212;
    --c-tertiary-40: #c75216;
    --c-tertiary-50: #e55e19;
    --c-tertiary-60: #ff7833;
    --c-tertiary-70: #ed8f5e;
    --c-tertiary-80: #f2af8c;
    --c-tertiary-90: #f7cfba;
    --c-tertiary-100: #fcefe8;

    /* red */
    --c-red-10: #3c1811;
    --c-red-20: #63281c;
    --c-red-30: #993d2b;
    --c-red-40: #bf4c36;
    --c-red-50: #dc573e;
    --c-red-60: #cc614c;
    --c-red-70: #d88474;
    --c-red-80: #e3a79c;
    --c-red-90: #eecac3;
    --c-red-100: #f9edeb;

    /* green */
    --c-green-10: #006e49;
    --c-green-20: #008458;
    --c-green-30: #0f996b;
    --c-green-40: #00b377;
    --c-green-50: #00e699;
    --c-green-60: #1affb3;
    --c-green-70: #4dffc3;
    --c-green-80: #80ffd4;
    --c-green-90: #b3ffe5;
    --c-green-100: #e5fff7;

    /* yellow */
    --c-yellow-10: #4d3b00;
    --c-yellow-20: #806200;
    --c-yellow-30: #b38900;
    --c-yellow-40: #e5b000;
    --c-yellow-50: #fac000;
    --c-yellow-60: #ffcf33;
    --c-yellow-70: #ffd64d;
    --c-yellow-80: #ffe180;
    --c-yellow-90: #ffedb3;
    --c-yellow-100: #fff9e5;

    /* neutral */
    --c-neutral-10: #2b2e33;
    --c-neutral-20: #41454d;
    --c-neutral-30: #565b66;
    --c-neutral-40: #6c7280;
    --c-neutral-50: #818999;
    --c-neutral-60: #97a0b2;
    --c-neutral-70: #b8becc;
    --c-neutral-80: #cfd6e5;
    --c-neutral-90: #e6eaf2;
    --c-neutral-95: #f5f8ff;
    --c-neutral-100: #ffffff;
}

.bordered {
    border-width: 1px;
    border-style: solid;
}

.bordered-0 {
    border-width: 0;
    border-style: solid;
}

.bordered-1 {
    border-width: 0.25rem;
    border-style: solid;
}

.bordered-2 {
    border-width: 0.5rem;
    border-style: solid;
}

.bordered-3 {
    border-width: 1rem;
    border-style: solid;
}

.bordered-b {
    border-width: 0px;
    border-bottom-width: 1px;
    border-style: solid;
}

.bordered-b-1 {
    border-width: 0px;
    border-bottom-width: 0.25rem;
    border-style: solid;
}

.bordered-b-2 {
    border-width: 0px;
    border-bottom-width: 0.5rem;
    border-style: solid;
}

.bordered-b-3 {
    border-width: 0px;
    border-bottom-width: 1rem;
    border-style: solid;
}

.text-primary-10 {
    color: var(--c-primary-10);
}

.text-primary-20 {
    color: var(--c-primary-20);
}

.text-primary-30 {
    color: var(--c-primary-30);
}

.text-primary-40 {
    color: var(--c-primary-40);
}

.text-primary-50 {
    color: var(--c-primary-50);
}

.text-primary-60 {
    color: var(--c-primary-60);
}

.text-primary-70 {
    color: var(--c-primary-70);
}

.text-primary-80 {
    color: var(--c-primary-80);
}

.text-primary-90 {
    color: var(--c-primary-90);
}

.text-primary-100 {
    color: var(--c-primary-100);
}

.text-secondary-10 {
    color: var(--c-secondary-10);
}

.text-secondary-20 {
    color: var(--c-secondary-20);
}

.text-secondary-30 {
    color: var(--c-secondary-30);
}

.text-secondary-40 {
    color: var(--c-secondary-40);
}

.text-secondary-50 {
    color: var(--c-secondary-50);
}

.text-secondary-60 {
    color: var(--c-secondary-60);
}

.text-secondary-70 {
    color: var(--c-secondary-70);
}

.text-secondary-80 {
    color: var(--c-secondary-80);
}

.text-secondary-90 {
    color: var(--c-secondary-90);
}

.text-secondary-100 {
    color: var(--c-secondary-100);
}

.text-tertiary-10 {
    color: var(--c-tertiary-10);
}

.text-tertiary-20 {
    color: var(--c-tertiary-20);
}

.text-tertiary-30 {
    color: var(--c-tertiary-30);
}

.text-tertiary-40 {
    color: var(--c-tertiary-40);
}

.text-tertiary-50 {
    color: var(--c-tertiary-50);
}

.text-tertiary-60 {
    color: var(--c-tertiary-60);
}

.text-tertiary-70 {
    color: var(--c-tertiary-70);
}

.text-tertiary-80 {
    color: var(--c-tertiary-80);
}

.text-tertiary-90 {
    color: var(--c-tertiary-90);
}

.text-tertiary-100 {
    color: var(--c-tertiary-100);
}

.text-red-10 {
    color: var(--c-red-10);
}

.text-red-20 {
    color: var(--c-red-20);
}

.text-red-30 {
    color: var(--c-red-30);
}

.text-red-40 {
    color: var(--c-red-40);
}

.text-red-50 {
    color: var(--c-red-50);
}

.text-red-60 {
    color: var(--c-red-60);
}

.text-red-70 {
    color: var(--c-red-70);
}

.text-red-80 {
    color: var(--c-red-80);
}

.text-red-90 {
    color: var(--c-red-90);
}

.text-red-100 {
    color: var(--c-red-100);
}

.text-green-10 {
    color: var(--c-green-10);
}

.text-green-20 {
    color: var(--c-green-20);
}

.text-green-30 {
    color: var(--c-green-30);
}

.text-green-40 {
    color: var(--c-green-40);
}

.text-green-50 {
    color: var(--c-green-50);
}

.text-green-60 {
    color: var(--c-green-60);
}

.text-green-70 {
    color: var(--c-green-70);
}

.text-green-80 {
    color: var(--c-green-80);
}

.text-green-90 {
    color: var(--c-green-90);
}

.text-green-100 {
    color: var(--c-green-100);
}

.text-yellow-10 {
    color: var(--c-yellow-10);
}

.text-yellow-20 {
    color: var(--c-yellow-20);
}

.text-yellow-30 {
    color: var(--c-yellow-30);
}

.text-yellow-40 {
    color: var(--c-yellow-40);
}

.text-yellow-50 {
    color: var(--c-yellow-50);
}

.text-yellow-60 {
    color: var(--c-yellow-60);
}

.text-yellow-70 {
    color: var(--c-yellow-70);
}

.text-yellow-80 {
    color: var(--c-yellow-80);
}

.text-yellow-90 {
    color: var(--c-yellow-90);
}

.text-yellow-100 {
    color: var(--c-yellow-100);
}

.text-neutral-10 {
    color: var(--c-neutral-10);
}

.text-neutral-20 {
    color: var(--c-neutral-20);
}

.text-neutral-30 {
    color: var(--c-neutral-30);
}

.text-neutral-40 {
    color: var(--c-neutral-40);
}

.text-neutral-50 {
    color: var(--c-neutral-50);
}

.text-neutral-60 {
    color: var(--c-neutral-60);
}

.text-neutral-70 {
    color: var(--c-neutral-70);
}

.text-neutral-80 {
    color: var(--c-neutral-80);
}

.text-neutral-90 {
    color: var(--c-neutral-90);
}

.text-neutral-95 {
    color: var(--c-neutral-95);
}

.text-neutral-100 {
    color: var(--c-neutral-100);
}

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

.bg-primary-20 {
    background-color: var(--c-primary-20);
}

.bg-primary-30 {
    background-color: var(--c-primary-30);
}

.bg-primary-40 {
    background-color: var(--c-primary-40);
}

.bg-primary-50 {
    background-color: var(--c-primary-50);
}

.bg-primary-60 {
    background-color: var(--c-primary-60);
}

.bg-primary-70 {
    background-color: var(--c-primary-70);
}

.bg-primary-80 {
    background-color: var(--c-primary-80);
}

.bg-primary-90 {
    background-color: var(--c-primary-90);
}

.bg-primary-100 {
    background-color: var(--c-primary-100);
}

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

.bg-secondary-20 {
    background-color: var(--c-secondary-20);
}

.bg-secondary-30 {
    background-color: var(--c-secondary-30);
}

.bg-secondary-40 {
    background-color: var(--c-secondary-40);
}

.bg-secondary-50 {
    background-color: var(--c-secondary-50);
}

.bg-secondary-60 {
    background-color: var(--c-secondary-60);
}

.bg-secondary-70 {
    background-color: var(--c-secondary-70);
}

.bg-secondary-80 {
    background-color: var(--c-secondary-80);
}

.bg-secondary-90 {
    background-color: var(--c-secondary-90);
}

.bg-secondary-100 {
    background-color: var(--c-secondary-100);
}

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

.bg-tertiary-20 {
    background-color: var(--c-tertiary-20);
}

.bg-tertiary-30 {
    background-color: var(--c-tertiary-30);
}

.bg-tertiary-40 {
    background-color: var(--c-tertiary-40);
}

.bg-tertiary-50 {
    background-color: var(--c-tertiary-50);
}

.bg-tertiary-60 {
    background-color: var(--c-tertiary-60);
}

.bg-tertiary-70 {
    background-color: var(--c-tertiary-70);
}

.bg-tertiary-80 {
    background-color: var(--c-tertiary-80);
}

.bg-tertiary-90 {
    background-color: var(--c-tertiary-90);
}

.bg-tertiary-100 {
    background-color: var(--c-tertiary-100);
}

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

.bg-neutral-20 {
    background-color: var(--c-neutral-20);
}

.bg-neutral-30 {
    background-color: var(--c-neutral-30);
}

.bg-neutral-40 {
    background-color: var(--c-neutral-40);
}

.bg-neutral-50 {
    background-color: var(--c-neutral-50);
}

.bg-neutral-60 {
    background-color: var(--c-neutral-60);
}

.bg-neutral-70 {
    background-color: var(--c-neutral-70);
}

.bg-neutral-80 {
    background-color: var(--c-neutral-80);
}

.bg-neutral-90 {
    background-color: var(--c-neutral-90);
}

.bg-neutral-95 {
    background-color: var(--c-neutral-95);
}

.bg-neutral-100 {
    background-color: var(--c-neutral-100);
}

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

.bg-red-20 {
    background-color: var(--c-red-20);
}

.bg-red-30 {
    background-color: var(--c-red-30);
}

.bg-red-40 {
    background-color: var(--c-red-40);
}

.bg-red-50 {
    background-color: var(--c-red-50);
}

.bg-red-60 {
    background-color: var(--c-red-60);
}

.bg-red-70 {
    background-color: var(--c-red-70);
}

.bg-red-80 {
    background-color: var(--c-red-80);
}

.bg-red-90 {
    background-color: var(--c-red-90);
}

.bg-red-100 {
    background-color: var(--c-red-100);
}

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

.bg-green-20 {
    background-color: var(--c-green-20);
}

.bg-green-30 {
    background-color: var(--c-green-30);
}

.bg-green-40 {
    background-color: var(--c-green-40);
}

.bg-green-50 {
    background-color: var(--c-green-50);
}

.bg-green-60 {
    background-color: var(--c-green-60);
}

.bg-green-70 {
    background-color: var(--c-green-70);
}

.bg-green-80 {
    background-color: var(--c-green-80);
}

.bg-green-90 {
    background-color: var(--c-green-90);
}

.bg-green-100 {
    background-color: var(--c-green-100);
}

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

.bg-yellow-20 {
    background-color: var(--c-yellow-20);
}

.bg-yellow-30 {
    background-color: var(--c-yellow-30);
}

.bg-yellow-40 {
    background-color: var(--c-yellow-40);
}

.bg-yellow-50 {
    background-color: var(--c-yellow-50);
}

.bg-yellow-60 {
    background-color: var(--c-yellow-60);
}

.bg-yellow-70 {
    background-color: var(--c-yellow-70);
}

.bg-yellow-80 {
    background-color: var(--c-yellow-80);
}

.bg-yellow-90 {
    background-color: var(--c-yellow-90);
}

.bg-yellow-100 {
    background-color: var(--c-yellow-100);
}

.border-primary-10 {
    border-color: var(--c-primary-10);
}

.border-primary-20 {
    border-color: var(--c-primary-20);
}

.border-primary-30 {
    border-color: var(--c-primary-30);
}

.border-primary-40 {
    border-color: var(--c-primary-40);
}

.border-primary-50 {
    border-color: var(--c-primary-50);
}

.border-primary-60 {
    border-color: var(--c-primary-60);
}

.border-primary-70 {
    border-color: var(--c-primary-70);
}

.border-primary-80 {
    border-color: var(--c-primary-80);
}

.border-primary-90 {
    border-color: var(--c-primary-90);
}

.border-primary-100 {
    border-color: var(--c-primary-100);
}

.border-secondary-10 {
    border-color: var(--c-secondary-10);
}

.border-secondary-20 {
    border-color: var(--c-secondary-20);
}

.border-secondary-30 {
    border-color: var(--c-secondary-30);
}

.border-secondary-40 {
    border-color: var(--c-secondary-40);
}

.border-secondary-50 {
    border-color: var(--c-secondary-50);
}

.border-secondary-60 {
    border-color: var(--c-secondary-60);
}

.border-secondary-70 {
    border-color: var(--c-secondary-70);
}

.border-secondary-80 {
    border-color: var(--c-secondary-80);
}

.border-secondary-90 {
    border-color: var(--c-secondary-90);
}

.border-secondary-100 {
    border-color: var(--c-secondary-100);
}

.border-neutral-10 {
    border-color: var(--c-neutral-10);
}

.border-neutral-20 {
    border-color: var(--c-neutral-20);
}

.border-neutral-30 {
    border-color: var(--c-neutral-30);
}

.border-neutral-40 {
    border-color: var(--c-neutral-40);
}

.border-neutral-50 {
    border-color: var(--c-neutral-50);
}

.border-neutral-60 {
    border-color: var(--c-neutral-60);
}

.border-neutral-70 {
    border-color: var(--c-neutral-70);
}

.border-neutral-80 {
    border-color: var(--c-neutral-80);
}

.border-neutral-90 {
    border-color: var(--c-neutral-90);
}

.border-neutral-95 {
    border-color: var(--c-neutral-95);
}

.border-neutral-100 {
    border-color: var(--c-neutral-100);
}

.border-red-10 {
    border-color: var(--c-red-10);
}

.border-red-20 {
    border-color: var(--c-red-20);
}

.border-red-30 {
    border-color: var(--c-red-30);
}

.border-red-40 {
    border-color: var(--c-red-40);
}

.border-red-50 {
    border-color: var(--c-red-50);
}

.border-red-60 {
    border-color: var(--c-red-60);
}

.border-red-70 {
    border-color: var(--c-red-70);
}

.border-red-80 {
    border-color: var(--c-red-80);
}

.border-red-90 {
    border-color: var(--c-red-90);
}

.border-red-100 {
    border-color: var(--c-red-100);
}

.border-green-10 {
    border-color: var(--c-green-10);
}

.border-green-20 {
    border-color: var(--c-green-20);
}

.border-green-30 {
    border-color: var(--c-green-30);
}

.border-green-40 {
    border-color: var(--c-green-40);
}

.border-green-50 {
    border-color: var(--c-green-50);
}

.border-green-60 {
    border-color: var(--c-green-60);
}

.border-green-70 {
    border-color: var(--c-green-70);
}

.border-green-80 {
    border-color: var(--c-green-80);
}

.border-green-90 {
    border-color: var(--c-green-90);
}

.border-green-100 {
    border-color: var(--c-green-100);
}

.border-yellow-10 {
    border-color: var(--c-yellow-10);
}

.border-yellow-20 {
    border-color: var(--c-yellow-20);
}

.border-yellow-30 {
    border-color: var(--c-yellow-30);
}

.border-yellow-40 {
    border-color: var(--c-yellow-40);
}

.border-yellow-50 {
    border-color: var(--c-yellow-50);
}

.border-yellow-60 {
    border-color: var(--c-yellow-60);
}

.border-yellow-70 {
    border-color: var(--c-yellow-70);
}

.border-yellow-80 {
    border-color: var(--c-yellow-80);
}

.border-yellow-90 {
    border-color: var(--c-yellow-90);
}

.border-yellow-100 {
    border-color: var(--c-yellow-100);
}

/* Bonus typography */
.text-h1 {
    font-size: 5.812rem;
    line-height: 8.687rem;
}

.text-h2 {
    font-size: 3.625rem;
    line-height: 5.437rem;
}

.text-h3 {
    font-size: 2.875rem;
    line-height: 4.312rem;
}

.text-h4 {
    font-size: 2.0625rem;
    line-height: 3.0938rem;
}

.text-h5 {
    font-size: 1.4375rem;
    line-height: 2.1563rem;
}

.text-h6 {
    font-size: 1.1875rem;
    line-height: 1.7813rem;
}

.text-b1 {
    font-size: 0.9375rem;
    line-height: 1.4063rem;
}

.text-b2 {
    font-size: 0.8125rem;
    line-height: 1.2188rem;
}

.text-sm {
    font-size: 0.75rem;
    line-height: 1.125rem;
}

.text-xs {
    font-size: 0.625rem;
    line-height: 0.9375rem;
}

.font-extralight {
    font-weight: 200;
}

.font-light {
    font-weight: 300;
}

.font-regular {
    font-weight: 400;
}

.font-medium {
    font-weight: 500;
}

.font-semi-bold {
    font-weight: 600;
}

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

.font-extrabold {
    font-weight: 800;
}

.italic {
    font-style: italic;
}

.normal {
    font-style: normal;
}

.underline {
    text-decoration: underline;
}

.line-through {
    text-decoration: line-through;
}

.uppercase {
    text-transform: uppercase;
}

.lowercase {
    text-transform: lowercase;
}

.capitalize {
    text-transform: capitalize;
}

.text-left {
    text-align: left;
}

.text-center {
    text-align: center;
}

.text-right {
    text-align: right;
}
/* End bonus */

/* utility padding */
.pd-0 {
    padding: 0;
}

.pd-1 {
    padding: 0.25rem;
}

.pd-2 {
    padding: 0.5rem;
}

.pd-3 {
    padding: 0.75rem;
}

.pd-4 {
    padding: 1rem;
}

.pd-5 {
    padding: 1.25rem;
}

.pd-6 {
    padding: 1.5rem;
}

.pd-7 {
    padding: 1.75rem;
}

.pd-8 {
    padding: 2rem;
}

.pd-9 {
    padding: 2.25rem;
}

.pd-10 {
    padding: 2.5rem;
}

.pd-11 {
    padding: 2.75rem;
}

.pd-12 {
    padding: 3rem;
}

.pd-13 {
    padding: 3.25rem;
}

.pd-14 {
    padding: 3.5rem;
}

.pd-15 {
    padding: 3.75rem;
}

.pd-16 {
    padding: 4rem;
}

.pd-17 {
    padding: 4.25rem;
}

.pd-18 {
    padding: 4.5rem;
}

.pd-19 {
    padding: 4.75rem;
}

.pd-20 {
    padding: 5rem;
}

.pd-x-0 {
    padding-left: 0;
    padding-right: 0;
}

.pd-x-1 {
    padding-left: 0.25rem;
    padding-right: 0.25rem;
}

.pd-x-2 {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
}

.pd-x-3 {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
}

.pd-x-4 {
    padding-left: 1rem;
    padding-right: 1rem;
}

.pd-x-5 {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
}

.pd-x-6 {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
}

.pd-x-7 {
    padding-left: 1.75rem;
    padding-right: 1.75rem;
}

.pd-x-8 {
    padding-left: 2rem;
    padding-right: 2rem;
}

.pd-x-9 {
    padding-left: 2.25rem;
    padding-right: 2.25rem;
}

.pd-x-10 {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
}

.pd-x-11 {
    padding-left: 2.75rem;
    padding-right: 2.75rem;
}

.pd-x-12 {
    padding-left: 3rem;
    padding-right: 3rem;
}

.pd-x-13 {
    padding-left: 3.25rem;
    padding-right: 3.25rem;
}

.pd-x-14 {
    padding-left: 3.5rem;
    padding-right: 3.5rem;
}

.pd-x-15 {
    padding-left: 3.75rem;
    padding-right: 3.75rem;
}

.pd-x-16 {
    padding-left: 4rem;
    padding-right: 4rem;
}

.pd-x-17 {
    padding-left: 4.25rem;
    padding-right: 4.25rem;
}

.pd-x-18 {
    padding-left: 4.5rem;
    padding-right: 4.5rem;
}

.pd-x-19 {
    padding-left: 4.75rem;
    padding-right: 4.75rem;
}

.pd-x-20 {
    padding-left: 5rem;
    padding-right: 5rem;
}

.pd-y-0 {
    padding-top: 0;
    padding-bottom: 0;
}

.pd-y-1 {
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
}

.pd-y-2 {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
}

.pd-y-3 {
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
}

.pd-y-4 {
    padding-top: 1rem;
    padding-bottom: 1rem;
}

.pd-y-5 {
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
}

.pd-y-6 {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
}

.pd-y-7 {
    padding-top: 1.75rem;
    padding-bottom: 1.75rem;
}

.pd-y-8 {
    padding-top: 2rem;
    padding-bottom: 2rem;
}

.pd-y-9 {
    padding-top: 2.25rem;
    padding-bottom: 2.25rem;
}

.pd-y-10 {
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
}

.pd-y-11 {
    padding-top: 2.75rem;
    padding-bottom: 2.75rem;
}

.pd-y-12 {
    padding-top: 3rem;
    padding-bottom: 3rem;
}

.pd-y-13 {
    padding-top: 3.25rem;
    padding-bottom: 3.25rem;
}

.pd-y-14 {
    padding-top: 3.5rem;
    padding-bottom: 3.5rem;
}

.pd-y-15 {
    padding-top: 3.75rem;
    padding-bottom: 3.75rem;
}

.pd-y-16 {
    padding-top: 4rem;
    padding-bottom: 4rem;
}

.pd-y-17 {
    padding-top: 4.25rem;
    padding-bottom: 4.25rem;
}

.pd-y-18 {
    padding-top: 4.5rem;
    padding-bottom: 4.5rem;
}

.pd-y-19 {
    padding-top: 4.75rem;
    padding-bottom: 4.75rem;
}

.pd-y-20 {
    padding-top: 5rem;
    padding-bottom: 5rem;
}

.pd-t-0 {
    padding-top: 0;
}

.pd-t-1 {
    padding-top: 0.25rem;
}

.pd-t-2 {
    padding-top: 0.5rem;
}

.pd-t-3 {
    padding-top: 0.75rem;
}

.pd-t-4 {
    padding-top: 1rem;
}

.pd-t-5 {
    padding-top: 1.25rem;
}

.pd-t-6 {
    padding-top: 1.5rem;
}

.pd-t-7 {
    padding-top: 1.75rem;
}

.pd-t-8 {
    padding-top: 2rem;
}

.pd-t-9 {
    padding-top: 2.25rem;
}

.pd-t-10 {
    padding-top: 2.5rem;
}

.pd-t-11 {
    padding-top: 2.75rem;
}

.pd-t-12 {
    padding-top: 3rem;
}

.pd-t-13 {
    padding-top: 3.25rem;
}

.pd-t-14 {
    padding-top: 3.5rem;
}

.pd-t-15 {
    padding-top: 3.75rem;
}

.pd-t-16 {
    padding-top: 4rem;
}

.pd-t-17 {
    padding-top: 4.25rem;
}

.pd-t-18 {
    padding-top: 4.5rem;
}

.pd-t-19 {
    padding-top: 4.75rem;
}

.pd-t-20 {
    padding-top: 5rem;
}

.pd-b-0 {
    padding-bottom: 0;
}

.pd-b-1 {
    padding-bottom: 0.25rem;
}

.pd-b-2 {
    padding-bottom: 0.5rem;
}

.pd-b-3 {
    padding-bottom: 0.75rem;
}

.pd-b-4 {
    padding-bottom: 1rem;
}

.pd-b-5 {
    padding-bottom: 1.25rem;
}

.pd-b-6 {
    padding-bottom: 1.5rem;
}

.pd-b-7 {
    padding-bottom: 1.75rem;
}

.pd-b-8 {
    padding-bottom: 2rem;
}

.pd-b-9 {
    padding-bottom: 2.25rem;
}

.pd-b-10 {
    padding-bottom: 2.5rem;
}

.pd-b-11 {
    padding-bottom: 2.75rem;
}

.pd-b-12 {
    padding-bottom: 3rem;
}

.pd-b-13 {
    padding-bottom: 3.25rem;
}

.pd-b-14 {
    padding-bottom: 3.5rem;
}

.pd-b-15 {
    padding-bottom: 3.75rem;
}

.pd-b-16 {
    padding-bottom: 4rem;
}

.pd-b-17 {
    padding-bottom: 4.25rem;
}

.pd-b-18 {
    padding-bottom: 4.5rem;
}

.pd-b-19 {
    padding-bottom: 4.75rem;
}

.pd-b-20 {
    padding-bottom: 5rem;
}

.pd-l-0 {
    padding-left: 0;
}

.pd-l-1 {
    padding-left: 0.25rem;
}

.pd-l-2 {
    padding-left: 0.5rem;
}

.pd-l-3 {
    padding-left: 0.75rem;
}

.pd-l-4 {
    padding-left: 1rem;
}

.pd-l-5 {
    padding-left: 1.25rem;
}

.pd-l-6 {
    padding-left: 1.5rem;
}

.pd-l-7 {
    padding-left: 1.75rem;
}

.pd-l-8 {
    padding-left: 2rem;
}

.pd-l-9 {
    padding-left: 2.25rem;
}

.pd-l-10 {
    padding-left: 2.5rem;
}

.pd-l-11 {
    padding-left: 2.75rem;
}

.pd-l-12 {
    padding-left: 3rem;
}

.pd-l-13 {
    padding-left: 3.25rem;
}

.pd-l-14 {
    padding-left: 3.5rem;
}

.pd-l-15 {
    padding-left: 3.75rem;
}

.pd-l-16 {
    padding-left: 4rem;
}

.pd-l-17 {
    padding-left: 4.25rem;
}

.pd-l-18 {
    padding-left: 4.5rem;
}

.pd-l-19 {
    padding-left: 4.75rem;
}

.pd-l-20 {
    padding-left: 5rem;
}

.pd-r-0 {
    padding-right: 0;
}

.pd-r-1 {
    padding-right: 0.25rem;
}

.pd-r-2 {
    padding-right: 0.5rem;
}

.pd-r-3 {
    padding-right: 0.75rem;
}

.pd-r-4 {
    padding-right: 1rem;
}

.pd-r-5 {
    padding-right: 1.25rem;
}

.pd-r-6 {
    padding-right: 1.5rem;
}

.pd-r-7 {
    padding-right: 1.75rem;
}

.pd-r-8 {
    padding-right: 2rem;
}

.pd-r-9 {
    padding-right: 2.25rem;
}

.pd-r-10 {
    padding-right: 2.5rem;
}

.pd-r-11 {
    padding-right: 2.75rem;
}

.pd-r-12 {
    padding-right: 3rem;
}

.pd-r-13 {
    padding-right: 3.25rem;
}

.pd-r-14 {
    padding-right: 3.5rem;
}

.pd-r-15 {
    padding-right: 3.75rem;
}

.pd-r-16 {
    padding-right: 4rem;
}

.pd-r-17 {
    padding-right: 4.25rem;
}

.pd-r-18 {
    padding-right: 4.5rem;
}

.pd-r-19 {
    padding-right: 4.75rem;
}

.pd-r-20 {
    padding-right: 5rem;
}
/* End padding */

/* Start margin */
.mg-t-0 {
    margin-top: 0;
}

.mg-t-1 {
    margin-top: 0.25rem;
}

.mg-t-2 {
    margin-top: 0.5rem;
}

.mg-t-3 {
    margin-top: 0.75rem;
}

.mg-t-4 {
    margin-top: 1rem;
}

.mg-t-5 {
    margin-top: 1.25rem;
}

.mg-t-6 {
    margin-top: 1.5rem;
}

.mg-t-7 {
    margin-top: 1.75rem;
}

.mg-t-8 {
    margin-top: 2rem;
}

.mg-t-9 {
    margin-top: 2.25rem;
}

.mg-t-10 {
    margin-top: 2.5rem;
}

.mg-t-11 {
    margin-top: 2.75rem;
}

.mg-t-12 {
    margin-top: 3rem;
}

.mg-t-13 {
    margin-top: 3.25rem;
}

.mg-t-14 {
    margin-top: 3.5rem;
}

.mg-t-15 {
    margin-top: 3.75rem;
}

.mg-t-16 {
    margin-top: 4rem;
}

.mg-t-17 {
    margin-top: 4.25rem;
}

.mg-t-18 {
    margin-top: 4.5rem;
}

.mg-t-19 {
    margin-top: 4.75rem;
}

.mg-t-20 {
    margin-top: 5rem;
}

.mg-b-0 {
    margin-bottom: 0;
}

.mg-b-1 {
    margin-bottom: 0.25rem;
}

.mg-b-2 {
    margin-bottom: 0.5rem;
}

.mg-b-3 {
    margin-bottom: 0.75rem;
}

.mg-b-4 {
    margin-bottom: 1rem;
}

.mg-b-5 {
    margin-bottom: 1.25rem;
}

.mg-b-6 {
    margin-bottom: 1.5rem;
}

.mg-b-7 {
    margin-bottom: 1.75rem;
}

.mg-b-8 {
    margin-bottom: 2rem;
}

.mg-b-9 {
    margin-bottom: 2.25rem;
}

.mg-b-10 {
    margin-bottom: 2.5rem;
}

.mg-b-11 {
    margin-bottom: 2.75rem;
}

.mg-b-12 {
    margin-bottom: 3rem;
}

.mg-b-13 {
    margin-bottom: 3.25rem;
}

.mg-b-14 {
    margin-bottom: 3.5rem;
}

.mg-b-15 {
    margin-bottom: 3.75rem;
}

.mg-b-16 {
    margin-bottom: 4rem;
}

.mg-b-17 {
    margin-bottom: 4.25rem;
}

.mg-b-18 {
    margin-bottom: 4.5rem;
}

.mg-b-19 {
    margin-bottom: 4.75rem;
}

.mg-b-20 {
    margin-bottom: 5rem;
}

.mg-l-0 {
    margin-left: 0;
}

.mg-l-1 {
    margin-left: 0.25rem;
}

.mg-l-2 {
    margin-left: 0.5rem;
}

.mg-l-3 {
    margin-left: 0.75rem;
}

.mg-l-4 {
    margin-left: 1rem;
}

.mg-l-5 {
    margin-left: 1.25rem;
}

.mg-l-6 {
    margin-left: 1.5rem;
}

.mg-l-7 {
    margin-left: 1.75rem;
}

.mg-l-8 {
    margin-left: 2rem;
}

.mg-l-9 {
    margin-left: 2.25rem;
}

.mg-l-10 {
    margin-left: 2.5rem;
}

.mg-l-11 {
    margin-left: 2.75rem;
}

.mg-l-12 {
    margin-left: 3rem;
}

.mg-l-13 {
    margin-left: 3.25rem;
}

.mg-l-14 {
    margin-left: 3.5rem;
}

.mg-l-15 {
    margin-left: 3.75rem;
}

.mg-l-16 {
    margin-left: 4rem;
}

.mg-l-17 {
    margin-left: 4.25rem;
}

.mg-l-18 {
    margin-left: 4.5rem;
}

.mg-l-19 {
    margin-left: 4.75rem;
}

.mg-l-20 {
    margin-left: 5rem;
}

.mg-r-0 {
    margin-right: 0;
}

.mg-r-1 {
    margin-right: 0.25rem;
}

.mg-r-2 {
    margin-right: 0.5rem;
}

.mg-r-3 {
    margin-right: 0.75rem;
}

.mg-r-4 {
    margin-right: 1rem;
}

.mg-r-5 {
    margin-right: 1.25rem;
}

.mg-r-6 {
    margin-right: 1.5rem;
}

.mg-r-7 {
    margin-right: 1.75rem;
}

.mg-r-8 {
    margin-right: 2rem;
}

.mg-r-9 {
    margin-right: 2.25rem;
}

.mg-r-10 {
    margin-right: 2.5rem;
}

.mg-r-11 {
    margin-right: 2.75rem;
}

.mg-r-12 {
    margin-right: 3rem;
}

.mg-r-13 {
    margin-right: 3.25rem;
}

.mg-r-14 {
    margin-right: 3.5rem;
}

.mg-r-15 {
    margin-right: 3.75rem;
}

.mg-r-16 {
    margin-right: 4rem;
}

.mg-r-17 {
    margin-right: 4.25rem;
}

.mg-r-18 {
    margin-right: 4.5rem;
}

.mg-r-19 {
    margin-right: 4.75rem;
}

.mg-r-20 {
    margin-right: 5rem;
}
/* End Margin */

.rounded {
    border-radius: 4px;
}
.rounded-lg {
    border-radius: 6px;
}

.rounded-xl {
    border-radius: 8px;
}

/* Button */
.bt-secondary-50 {
    background-color: var(--c-secondary-50);
    padding: 0.75rem 1rem; /* 12px  16px*/
    color: var(--c-neutral-100);
    border-radius: 6px;
}

.bt-secondary-50:hover {
    background-color: var(--c-secondary-60);
    color: var(--c-neutral-100);
}

.bt-secondary-50:active {
    background-color: var(--c-secondary-40);
    color: var(--c-neutral-100);
}

.bt-outline-secondary-50 {
    display: inline-block;
    background-color: transparent;
    border: 1px solid var(--c-secondary-50);
    padding: 0.75rem 1rem; /* 12px  16px*/
    color: var(--c-secondary-50);
    border-radius: 6px;
    cursor: pointer;
}

.bt-outline-p-30 {
    display: inline-block;
    background-color: transparent;
    border: 1px solid var(--c-primary-30);
    padding: 12px 16px; /* 12px  16px*/
    color: var(--c-primary-30);
    border-radius: 6px;
    cursor: pointer;
}

.bt-outline-p-30-small {
    display: inline-block;
    background-color: transparent;
    border: 1px solid var(--c-primary-30);
    padding: 8px 8px; /* 12px  16px*/
    color: var(--c-primary-30);
    border-radius: 6px;
    cursor: pointer;
}

.bt-primary-60 {
    display: inline-block;
    background-color: var(--c-primary-60);
    border-radius: 6px;
    color: var(--c-neutral-10);
    padding: 12px 16px; /* 12px  16px*/
    border: 0px solid var(--c-primary-30);
    appearance: none;
    outline: none;
    cursor: pointer;
}

.bt-small {
    padding: 8px 8px;
}

.bt-medium {
    padding: 12px 16px;
}

.flex {
    display: flex;
}

.flex-row {
    flex-direction: row;
}
.flex-col {
    flex-direction: column;
}

.basis-1\/4 {
    flex-basis: 25%;
}
.basis-2\/4 {
    flex-basis: 50%;
}
.basis-3\/4 {
    flex-basis: 75%;
}

.basis-full {
    flex-basis: 100%;
}

.gap-x-0 {
    column-gap: 0px;
}

.gap-x-1 {
    column-gap: 0.25rem;
}
.gap-x-2 {
    column-gap: 0.5rem;
}
.gap-x-3 {
    column-gap: 0.75rem;
}
.gap-x-4 {
    column-gap: 1rem;
}
.gap-x-5 {
    column-gap: 1.25rem;
}
.gap-x-6 {
    column-gap: 1.5rem;
}
.gap-x-7 {
    column-gap: 1.75rem;
}
.gap-x-8 {
    column-gap: 2rem;
}

.item-center {
    align-items: center;
}
.item-start {
    align-items: flex-start;
}
.item-end {
    align-items: flex-end;
}

.justify-center {
    justify-content: center;
}
.justify-start {
    justify-content: start;
}
.justify-end {
    justify-content: end;
}
.justify-between {
    justify-content: space-between;
}

.outer-container {
    background: #f5f8ff;
}
.container.container-upper-certif {
    padding: 40px 0;
}
.container-document {
}
#rowUpper {
    display: block;
    flex-direction: column;
}
#colDetail {
    display: block;
    margin-top: 20px
}
#colCertif {
    display: block;
}
@media only screen and (min-width: 990px) {
    #rowUpper {
        display: flex;
        flex-direction: row;
    }
    #colDetail {
        display: flex;
        margin-top: 0;
    }
    #colCertif {
        display: flex;
    }
}

.container-detailreact {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    padding: 24px;
    background: #edf0f8;
    border-radius: 8px;
    width: 100%;
}
.pictureCertif {
    width: 88px;
    height: 88px;
    left: 0px;
    top: 0px;
    border-radius: 50%;
}

.react-pdf__Document.container-document{
    width: 100%;
    max-height: 524px;
    /* max-width: 741px; */
}
.react-pdf__Page__canvas {
    margin: 0 auto;
    width: 100% !important;
    height: 100% !important;
    max-height: 524px !important;
}

.react-pdf__Page__textContent.textLayer {
    margin: 0 auto;
    width: 100% !important;
    height: 100% !important;
}
@keyframes ldio-nzclrcb31u9 {
  0% { opacity: 1 }
  100% { opacity: 0 }
}
.ldio-nzclrcb31u9 div {
  left: 94px;
  top: 48px;
  position: absolute;
  animation: ldio-nzclrcb31u9 linear 1s infinite;
  background: #93dbe9;
  width: 12px;
  height: 24px;
  border-radius: 6px / 12px;
  transform-origin: 6px 52px;
}.ldio-nzclrcb31u9 div:nth-child(1) {
  transform: rotate(0deg);
  animation-delay: -0.9166666666666666s;
  background: #93dbe9;
}.ldio-nzclrcb31u9 div:nth-child(2) {
  transform: rotate(30deg);
  animation-delay: -0.8333333333333334s;
  background: #93dbe9;
}.ldio-nzclrcb31u9 div:nth-child(3) {
  transform: rotate(60deg);
  animation-delay: -0.75s;
  background: #93dbe9;
}.ldio-nzclrcb31u9 div:nth-child(4) {
  transform: rotate(90deg);
  animation-delay: -0.6666666666666666s;
  background: #93dbe9;
}.ldio-nzclrcb31u9 div:nth-child(5) {
  transform: rotate(120deg);
  animation-delay: -0.5833333333333334s;
  background: #93dbe9;
}.ldio-nzclrcb31u9 div:nth-child(6) {
  transform: rotate(150deg);
  animation-delay: -0.5s;
  background: #93dbe9;
}.ldio-nzclrcb31u9 div:nth-child(7) {
  transform: rotate(180deg);
  animation-delay: -0.4166666666666667s;
  background: #93dbe9;
}.ldio-nzclrcb31u9 div:nth-child(8) {
  transform: rotate(210deg);
  animation-delay: -0.3333333333333333s;
  background: #93dbe9;
}.ldio-nzclrcb31u9 div:nth-child(9) {
  transform: rotate(240deg);
  animation-delay: -0.25s;
  background: #93dbe9;
}.ldio-nzclrcb31u9 div:nth-child(10) {
  transform: rotate(270deg);
  animation-delay: -0.16666666666666666s;
  background: #93dbe9;
}.ldio-nzclrcb31u9 div:nth-child(11) {
  transform: rotate(300deg);
  animation-delay: -0.08333333333333333s;
  background: #93dbe9;
}.ldio-nzclrcb31u9 div:nth-child(12) {
  transform: rotate(330deg);
  animation-delay: 0s;
  background: #93dbe9;
}
.loadingio-spinner-spinner-ct2n488g7ke {
  width: 200px;
  height: 200px;
  display: inline-block;
  overflow: hidden;
  background: #f1f2f3;
}
.ldio-nzclrcb31u9 {
  width: 100%;
  height: 100%;
  position: relative;
  transform: translateZ(0) scale(1);
  backface-visibility: hidden;
  transform-origin: 0 0; /* see note above */
}
.ldio-nzclrcb31u9 div { box-sizing: content-box; }
/* generated by https://loading.io/ */