.RAdpG9VUl4Fhm8_1jpIM {
    pointer-events: none;
    cursor: default;
}

.S4oylu41iLXJ_puNyOel {
    border: none;
    outline: none;
    text-align: center;
    padding: var(--spacing) 76px var(--spacing) 76px;
    color: var(--white);
    background-color: var(--red);
    border-radius: 100px;
    height: 4.8rem;
    transition: all var(--transition-default-timing) var(--transition-default-easing-in);
    font-family: 'Source Sans Pro', serif;
    font-size: 2.0rem;
    font-weight: bold;
}

.Ancdhi9T7g5ha7qGYXzB {
    transform: translateY(0);
    transition: transform 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.Ancdhi9T7g5ha7qGYXzB:hover {
    transform: translateY(-4px);
}

.NVcJ6ayqJERvCZVuNEpP {
    border: 2px solid var(--black);
    background: var(--white);
    color: var(--black);
}

.qf_hQOQDQE21tNI0DWwd {
    background-color: darkgrey;
    color: var(--white);
}

._OxY154UxK3CBSU3D46i {
    background-color: var(--black);
    color: var(--white);
}

.c7d0EkDeVohrgiPouQHa {
    text-decoration: none;
    color: orange;
}

/* Icon Before */
.rki8HaaFB7OvdvukN8_b {
    display: flex;
    margin-bottom: var(--spacing);
}

.rki8HaaFB7OvdvukN8_b {
    line-height: 2.4rem;
}

.rki8HaaFB7OvdvukN8_b svg {
    margin-right: var(--spacing);
    flex-shrink: 0;
    position: relative;
    margin-bottom: auto;
}

@media (pointer: fine) {
    .c7d0EkDeVohrgiPouQHa:hover {
        text-decoration: underline;
    }
}

.kn_WxGJIdK8gXb85r2Yy {
    background: none;
    border: none;
}

.Qa9AsUE30vBqHaG8f9YS {
    position: relative;
    display: flex;
    align-items: center;
    flex-direction: column;
    height: calc(100vh - var(--main-navigation-height));
    background-color: var(--off-white);
    justify-content: center;
}

.qy5Wla3W21lGPZKW1uIG {
    width: 600px;
}

.KVDufG7cfHnwynyyjI5Q {
    font-size: 3.5rem;
    line-height: 4.5rem;
    letter-spacing: 1px;
    margin-bottom: var(--spacing10);
}

.nZVIv5POCsT0FjZ6PGDf {
    margin-left: 0;
    display: flex;
    justify-content: center;
    width: 100%;
}

.mXbdmWw5Jhc9tygaqjk1 {
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
    height: auto;
    background-color: var(--white);
    padding: var(--spacing4);
    box-shadow: 0 20px 35px #00000026;
}

.pRVyn6M2VClLxq74phZA {
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;
}

.Wp5Eh2Lyk8zzpo_kQAAI {
    margin-left: var(--spacing5);
    margin-right: var(--spacing5);
}

.l9gJNIoI9GePnOUOpzUE {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 99;
    background: var(--white);
    display: flex;
    justify-content: center;
    align-items: center;
}

.aGKplR9I5WoeKk6M_VF3 {
    margin-left: auto;
    margin-right: auto;
    display: flex;
    justify-content: center;
    margin-top: 12px;
}

.aGKplR9I5WoeKk6M_VF3 svg {
    animation: CNkQq96xr4xx2o1CtkuD 1.5s infinite linear;
    fill: none;
}

@keyframes CNkQq96xr4xx2o1CtkuD {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

.MgD1DstjAZDiMCH4T94r {
    display: flex;
    padding-left: var(--spacing);
    padding-right: var(--spacing6);
    flex-grow: 1;
    height: calc(100vh - 100px);
}

.RtPaQZPbB4YofRs79aOf {
    padding-right: var(--spacing4);
    width: 100%;
}

/* Buttons Container */
.i5tWvublvjUZrM0d4wa_ {
    display: flex;
    flex-direction: column;
}

.BUNBSRYUxuzCjr95bhWC {
    display: none;
}

.c7cBlAJNhWbH2gBgT8jO {
    height: calc(100vh - 100px);
    overflow-y: auto;
}

.kxLXAEtYvd5o28orN8hw {
    background-color: var(--red);
    color: var(--white);
    width: 32rem;
    aspect-ratio: 1;
    position: relative;
    cursor: pointer;
}
.kxLXAEtYvd5o28orN8hw svg {
    transform: translateY(0);
    transition: transform 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.kxLXAEtYvd5o28orN8hw:hover svg {
    transform: translateY(-4px);
}

.z7wqoWK9AtZA5Hei3fqk {
    font-family: 'Bree', serif;
    font-weight: bold;
    font-size: 4.0rem;
    line-height: 4.5rem;
}

.TdE9bMNsNURmHpiFg5Ig {
    position: absolute;
    bottom: var(--spacing3);
    right: var(--spacing3);
}

.TdE9bMNsNURmHpiFg5Ig path {
    fill: var(--white);
}

.EyImZdtKcNCKSl6JNova {
    color: red;
    margin-top: 4px;
    margin-bottom: 8px;
}

.bdulLKsTOopYF27fNiil {
    display: block;
    margin-bottom: var(--spacing);
    margin-left: var(--spacing2);
    font-weight: bold;
}

.kbLNpjrlb1q5dS_ltmqa:not(.QEQhkrqcQZN3m8D6gwhO){
    position: absolute;
    top: -10px;
    font-size: 1.2rem;
    background-color: var(--white);
    padding: 4px;
    transition: top 200ms ease-out;
    z-index: 1;
}

.QEQhkrqcQZN3m8D6gwhO {
    position: absolute;
    top: 0;
    color: var(--gray);
    line-height: 4.8rem;
    font-size: 1.6rem;
}

/* Container */
.DagFDf1QauBObdZzs8pw {
    display: flex;
    flex-direction: column;
    position: relative;
    width: 100%;
}

/* Icon */
.FpEyn7XMTV9byUj8u3ti {
    position: absolute;
    top: 0;
    left: 90%;
    width: 16px;
    height: 16px;
    margin-top: 14px;
    cursor: pointer;
}

/* Input Text */
.VB18Z7ROV8aeAF8oxsdB {
    width: 100%;
    height: 40px;
    padding-left: var(--spacing2);
    padding-right: 7rem;
    border: none;
    outline: none;
    background-color: var(--desert-storm);
    color: var(--soya-bean);
}

.VB18Z7ROV8aeAF8oxsdB:focus {
    border-bottom: 2px solid transparent;
}

/* Bottom Red */
.BFNXWhEbVm1vdO9COz9o.BFNXWhEbVm1vdO9COz9o,
.BFNXWhEbVm1vdO9COz9o.BFNXWhEbVm1vdO9COz9o:focus {
    border-bottom: 2px solid var(--flame);
}

/* Bottom Green */
.tp4QOHYOpZumvXOml0BJ.tp4QOHYOpZumvXOml0BJ,
.tp4QOHYOpZumvXOml0BJ.tp4QOHYOpZumvXOml0BJ:focus {
    border-bottom: 2px solid var(--green);
}

input[type='text'],
input[type='tel'],
input[type='email'],
input[type='date'],
input[type='number'],
input[type='checkbox'] {
    -webkit-appearance: none;
    -webkit-border-radius: 0;
}

.xW7ZrP9e5KxX4jd2NMlM {
    width: 100%;
    position: relative;
}

.Z5LNKY3nDMiXB6ND8dB5 {
    resize: none;
    outline: none;
    overflow: hidden;
    width: 100%;
    font-size: 2rem;
    line-height: 1.25;
    min-height: 120px;
    border: 2px solid var(--black);
    border-radius: 10px;
    padding-top: var(--spacing2);
    padding-left: var(--spacing2);
    margin-bottom: var(--spacing2);
    background: var(--white);
    color: var(--black);
}

.Z5LNKY3nDMiXB6ND8dB5::placeholder {
    color: var(--form-placeholder-color);
}

.Z5LNKY3nDMiXB6ND8dB5[readonly] {
    opacity: .25;
}

.kCZBNR9M2iZGQyu6C2Nw {
    margin-top: -5px;
}

.oB888c_OZsvi92ay9aYl {
    font-size: 80%;
    margin-left: auto;
    position: absolute;
    bottom: 31px;
    background: var(--white);
    right: 18px;
    padding: 4px;
    font-weight: bold;
}

.BmqDX3Ok36xGVRbrgspQ {
    color: var(--red)
}

/* Container */
.mdiBKgZG1XnAH2Iaj1OI {
    position: relative;
    background-color: var(--white);
}

/* CloseIcon Container */
.sy5BA6bnejGQ52rcZoQo {
    position: absolute;
    top: 0;
    right: 0;
    background: none;
    border: none
}

/* Headline And Drop down Container */
.yhEWs2s2wYAW1NPmgG0E {
    display: flex;
    align-items: center;
    margin-bottom: var(--spacing5);
}

/* Headlines */
.obur1VH7MeQOdLJcSKWA {
    margin-right: var(--spacing2);
    margin-top: -28px;
}

.CEX4s6CsCqUQ1dvgq5m_ {
    margin-right: var(--spacing2);
}

.nRny85T0jgwbSxYlxIva {
    margin-right: var(--spacing4);
}

.CEX4s6CsCqUQ1dvgq5m_ input,
.nRny85T0jgwbSxYlxIva input {
    margin-bottom: 0 !important;
}

/* Date */
.s6aON2SpVUTzDo8EIcPu {
    font-size: 3rem;
    display: block;
    margin-left: auto;
}

/* Label */
.jQcrC5EwEgZCA99Cq8rB {
    margin-bottom: 0;
}

/* Sub Title And Text Area */
.xXjqTh6qL2Ek3g1IAVuM {
    display: flex;
    flex-direction: column;
}

/* Note Box */
.Ub0c9Hae6ymlAG3xKFnG {
    font-size: 1.2rem;
    letter-spacing: 0.5px;
    font-weight: var(--heavy);
    margin-left: var(--spacing2);
    margin-bottom: var(--spacing);
}

/* AddIcon and Description Container  */
.mYMFwmEJ2pAGHMzXBkYm {
    display: flex;
    flex-direction: column;
    margin-bottom: var(--spacing3);
}

.Dp4lP_T4mk6G6iwuPezw {
    margin-right: var(--spacing);
}

.vdjiUIv8BprnkYcl9DGt {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    width: 100%;
}

.DzUO6DTwknqaetphi2Aw {
    background: var(--green);
    position: absolute;
    bottom:  0;
    right: 0;
}

.Q_zzxJZ6FF0L2sKw042y {
    display: flex;
    align-items: center;
    font-weight: 600;
    font-size: 1.4rem;
    line-height: 1;
}

.Q_zzxJZ6FF0L2sKw042y svg {
    width: 19px;
    height: 19px;
    margin-right: var(--spacing);
}

.SWhO3LUWISw1khe5anPA {
    position: relative;
    display: flex;
    flex-direction: column;
    margin-top: auto;
}

.ISiMjkMHWNED79cnLeji {
    position: absolute;
    display: flex;
    justify-content: center;
    right: 20px;
    transform: scale(1);
    transition: all var(--transition-default-timing) var(--transition-default-easing-in);
    top: 18px;
}

.rbx2ygstCe5IgkGhTe8B {
    transform: scale(-1);
}

/* Square Option */
.s8Z3qVqhxXmoF5WL1tMc {
    display: flex;
    align-items: center;
    width: 100%;
    font-size: 1.6rem;
    line-height: 2.4rem;
    padding-left: 1.2rem;
    padding-top: 10px;
    padding-bottom: 9px;
    color: var(--soya-bean);
    cursor: pointer;
}

.cKfVOI3KARDkC8gSfYgw {
    min-width: 24px;
    height: 24px;
    margin-right: var(--spacing2);
    border: 1px solid var(--pearl-bush);
}

.NpnH73o1TGBu5RVxAc4I {
    font-size: 1.6rem;
    position: absolute;
    top: var(--spacing);
    right: var(--spacing2);
    color: var(--soya-bean);
}

@media screen and (min-width: 768px) {
    .ISiMjkMHWNED79cnLeji {
        right: 14px;
    }
}

.bgKkanff0f3dYz00CQIi {
    margin-left: var(--spacing3);
}

@media screen and (pointer: fine) {
    .s8Z3qVqhxXmoF5WL1tMc:hover {
        background: var(--light-gray);
    }
}

.umKAZmLkARLzX3gnuKkp {
    background: none;
    border: none;
}

.xAAEZzjY2gHWrqxniWI1 > * {
    transform: translateY(0);
    transition: transform 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.xAAEZzjY2gHWrqxniWI1:hover > * {
    transform: translateY(-4px);
}

.EiftfssQDpyM1kHI5oxB {
    padding-top: var(--spacing6);
    padding-left: var(--spacing3);
    padding-right: var(--spacing3);
    height: calc(100vh - var(--main-navigation-height) - var(--spacing15));
    width: 354px;
    overflow-y: auto;
}

.ytuYxh9tKq9DDI6knGJg {
    font-family: 'Bree', sans-serif;
    font-weight: bold;
    color: var(--red);
    font-size: 3.0rem;
    line-height: 4.5rem;
    margin-bottom: var(--spacing7)
}

.yQuIatzNcyBV_FduxAcO {
    list-style: none;
    width: 100%;
}

.zH_S7WkhoZcg3rMZ9bnR {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    padding-top: var(--spacing2);
    padding-bottom: var(--spacing2);
}

.I2WQ4yBiyFoNNqietF2T {
    width: 100%;
    display: flex;
}

.zH_S7WkhoZcg3rMZ9bnR:not(:last-child) {
    border-bottom: 1px dashed var(--off-white);
}

.NzSb6zDXxsMa3fDz98NA {
    font-size: 1.4rem;
    color: var(--gray);
    font-weight: 600;
}

.pJnDjZzT_eXfJwCPi8YQ {
    font-size: 2.4rem;
    line-height: 3.1rem;
    font-weight: 600;
}

.hYxHSx2bgtn2lqAfl0g6 {
    margin-left: auto;
    cursor: pointer;
}

.hYxHSx2bgtn2lqAfl0g6 path, .hYxHSx2bgtn2lqAfl0g6 circle {
    stroke: var(--red);
}

.FTEgoDUW_VWpCXrd2wQf {
    background: var(--red);
    color: var(--white);
    position: relative;
}

.FTEgoDUW_VWpCXrd2wQf:before {
    position: absolute;
    height: 100%;
    right: 100%;
    top: 0;
    width: var(--spacing3);
    background: var(--red);
    display: block;
    content: "";
}

.FTEgoDUW_VWpCXrd2wQf:after {
    position: absolute;
    top: 0;
    height: 100%;
    left: 100%;
    width: var(--spacing4);
    background: var(--red);
    display: block;
    clip-path: polygon(75% 0, 100% 50%, 75% 100%, 0 100%, 0 0);
    content: "";
}

.FTEgoDUW_VWpCXrd2wQf .NzSb6zDXxsMa3fDz98NA {
    color: var(--white);
}

.FTEgoDUW_VWpCXrd2wQf path, .FTEgoDUW_VWpCXrd2wQf circle {
    stroke: var(--white);
}

.crz0kvieoLXIssj2_NeT {
    display: flex;
    margin-left: auto;
    column-gap: var(--spacing2);
    align-items: flex-end;
    margin-bottom: 2px;
}

.KXumjmr0fM5k6LVdVcF0 {
    background: none;
    border: none;
    margin-left: auto;
}

.H08aKUz6OzdsP9xWy_OA {
    background-color: rgba(0, 0, 0, 0.8);
    display: flex;
    justify-content: center;
    align-items: center;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 10 ;
}

.X8NCTAhwksdNw9S52u3g {
    width: 90vw;
    max-width: 800px;
    max-height: 90vh;
    margin-top: 5vh;
    overflow-y: auto;
    position: relative;
}

.X8NCTAhwksdNw9S52u3g.U6dn25pv5f81fT6n80bk {
    max-height: 98vh;
    height: 98vh;
    margin-top: 1vh;
}

.vtNxN6tV2CLiJzaEGdLk {
    position: absolute;
    top: var(--spacing2);
    right: var(--spacing2);
    background: none;
    border: none;
    z-index: 20;
}

.tSyjh_GuxwcZJH2cP6z2 {
    background-color: var(--white);
    border-radius: 50%;
    line-height: 0;
}

.JMFob0LTX1I2V89PsdOY {
    text-align: center;
    font-size: 4.0rem;
    margin-bottom: var(--spacing10);
    padding: 0 var(--spacing6);
}

.n1PyvCIUnHrcFJ_sptIQ {
    text-align: center;
    font-size: 2.0rem;
    margin-top: calc(-1 * var(--spacing8));
    margin-bottom: var(--spacing10);
    white-space: pre-wrap;
}

.lwSwwzsgeFVA88mmT1x8 {
    display: flex;
    justify-content: center;
    column-gap: var(--spacing2);
}

.PFGog7XB0J3T76B_d8Js {
    min-height: 500px;
}

.dq4ojT94WL8a2t_5OF6U {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: var(--spacing4);
}

.d8r55Bex_7wHrzyGRWs9 .d3cUp7f_sMQB8URnFHgG {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
}

.d3cUp7f_sMQB8URnFHgG {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.aDcZXrx7C0N_hk4co2zr {
    flex: 1 0 100%;
}

.nhrHMyC07sJL3_2P21IO {
    color: inherit;
    text-decoration: underline;
    display: block;
    width: fit-content;
    margin-left: var(--spacing2);
}

.nhrHMyC07sJL3_2P21IO:not(:first-child) {
    margin-top: .25em;
}

.qRriJtGJxn0N1U6i8coY {
    border: 2px solid var(--black);
    outline: none;
    padding-top: var(--spacing);
    padding-bottom: var(--spacing);
    padding-left: var(--spacing);
    margin-right: var(--spacing4);
}

.CAmWcBK70Wce67zDOBla svg {
    height: 60px;
    width: auto;
}

.wa5PkyVLBq88ciiOAvB6 {
    width: 46px;
    height: 46px;
    border-radius: 50%;
    background: none;
    border: none;
    margin-left: var(--spacing3);
    position: relative;
    top: -2px;

    &:first-of-type {
        transform: scale(1.03);
    }
}

.UkVekhceJm9B7ZN2kUXg {
    display: flex;
    align-items: center;
}


.bY4NmxCMKjjirvS7IlEw {
    padding: 0 var(--spacing5);
}

.AHZxlZICxo7WAlO0gai1 {
    width: 100%;
    border-bottom: 2px dashed var(--light-gray);
    margin-bottom: var(--spacing5);
    padding: 0 var(--spacing5) var(--spacing2);
    display: flex;
    flex-wrap: wrap;

    h1 {
        flex: 1 0 100%;
        margin-bottom: 1em;
    }
}

.Za7nbmHYVKCThGpruGyg {
    display: flex;
    justify-content: space-between;
    margin-bottom: var(--spacing3);
    padding: var(--spacing2);

    button {
        margin-left: var(--spacing3);
    }
}

.mCrrkLm9e1MFjxaBt_Np {
    display: flex;
    align-items: center;
}

.uDvvCv9iawNjPe4Kne0g svg {
    height: 2.4rem;
    width: auto;
}

.mtlOIqr9r2BWwgz2N0tQ {
    display: flex;
    font-size: 1.6rem;
    line-height: 2.4rem;
}

.mtlOIqr9r2BWwgz2N0tQ span:not(:last-child) {
    margin-right: var(--spacing);
    padding-right: var(--spacing);
    border-right: 1px solid var(--black);
}

.y0l7xmKhfyz843eaaTWQ {
    font-size: 1.6rem;
    line-height: 2.4rem;
    font-weight: bold;
    color: var(--black);
}

.y0l7xmKhfyz843eaaTWQ:not(:first-child) {
    border-left: 1px solid var(--black);
    margin-left: var(--spacing);
    padding-left: var(--spacing);
}

.eQlPqKPJqcDJn3w7zFWu {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    margin-left: auto;
}

.JeBtc9q5cqWNDuF96j23 {
    margin-right: .5em;

    * + & {
        margin-left: 1em;
    }
}

.WofzyAVRUppRiqiZb2IJ {
    appearance: none;
    outline: none !important;
    width: fit-content;
    margin-right: .5em;
    display: flex;
    background: none;
    border: none;
    font-weight: bold;
    font-size: 1.6rem;
    height: 20px;
}

.WofzyAVRUppRiqiZb2IJ option {
    padding: .5em;
}

.WofzyAVRUppRiqiZb2IJ + div > svg {
    position: relative;
    top: -3px;
    overflow: visible;
}

@media (pointer: fine) {

    .WofzyAVRUppRiqiZb2IJ {
        cursor: pointer;
    }
}

.ieYcNfWnURR_u7ib3VMN {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.uwjV23d6GwerQBkh2N4h {
    margin-right: .5em;

    * + & {
        margin-left: 1em;
    }
}

.cf3QtS5VBiyAu3L8dyv7 {
    appearance: none;
    outline: none !important;
    width: fit-content;
    margin-right: .5em;
    display: flex;
    background: none;
    border: none;
    font-weight: bold;
    font-size: 1.6rem;
    height: 20px;
}

.cf3QtS5VBiyAu3L8dyv7 option {
    padding: .5em;
}

.cf3QtS5VBiyAu3L8dyv7 + div > svg {
    position: relative;
    top: -3px;
    overflow: visible;
}

@media (pointer: fine) {

    .cf3QtS5VBiyAu3L8dyv7 {
        cursor: pointer;
    }
}

.nWxjqTQIw71YGgZiaekI {
    position: relative;
}

.nYv1sma3XtIjpvHWM0mv {
    display: none !important;
}

.oHMGCloc7HcKjsakM6Qd {
    position: relative;
    z-index: 1;
    display: flex;
    column-gap: var(--spacing4);
}

.oHMGCloc7HcKjsakM6Qd:focus,
.oHMGCloc7HcKjsakM6Qd:focus-within {
    z-index: 10;
}

.oHMGCloc7HcKjsakM6Qd > * {
    width: 100%;
}

.PEdaIQ8Eh2EFnis7PzgF,
.slq7JCa4U3QH6BEYXrWA {
    flex-wrap: wrap;
}

.PEdaIQ8Eh2EFnis7PzgF > * {
    width: calc(50% - var(--spacing2));
}

.slq7JCa4U3QH6BEYXrWA {
    display: flex;
    justify-content: space-between;
}

.slq7JCa4U3QH6BEYXrWA > * {
    width: calc((100% - (2 * var(--spacing2))) / 3);
    flex-shrink: 0;
}

.DvPQTxFqVm33rBx2wtQq {
    font-family: Bree, serif;
    font-size: 4.0rem;
    line-height: 5.9rem;
    color: var(--red);
    font-weight: bold;
    margin-bottom: var(--spacing5);
}

.I2G5XK2mNyKpxLV1BxCT {
    background-color: var(--off-white);
    padding: var(--spacing);
    border-radius: 28px;
    display: flex;
}

.I2G5XK2mNyKpxLV1BxCT + * {
    margin-top: var(--spacing4);
}

.SSuKScSLYJZwU64JWGRl {
    height: var(--spacing6);
    background-color: transparent;
    color: var(--gray);
    border-radius: var(--spacing3);
    width: 100%;
    border: none;
}

.nguYPXo30XuCnsRqX8pB {
    background-color: var(--red);
    color: var(--white);
    position: relative;
}

.nguYPXo30XuCnsRqX8pB:after {
    content: '';
    position: absolute;
    left: calc(50% - 7px);
    top: 100%;
    width: 0;
    height: 0;
    border-left: 14px solid transparent;
    border-right: 14px solid transparent;
    border-top: 14px solid var(--red);
}

.N9GFuBOX6GhkMzsJ4mcq {
    background-color: var(--green);
}

.hVeYPnxmlhNNoKk0WsRp {
    display: flex;
    justify-content: flex-end;
    column-gap: var(--spacing3);
}

.RywZSvUAqHLklQKvbExn,
.SdkkmNZSyUgVb_MEsR4W {
    background: none;
    border: none;
    font-size: 1.4rem;
    display: flex;
    height: 19px;
    font-weight: bold;
}

.RywZSvUAqHLklQKvbExn:before,
.SdkkmNZSyUgVb_MEsR4W:before {
    content: "";
    display: block;
    width: 19px;
    height: 19px;
    background-size: 19px 19px;
    margin-right: var(--spacing2);
}

.RywZSvUAqHLklQKvbExn:before {
    background-image: url("data:image/svg+xml,%3Csvg version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" x=\"0px\" y=\"0px\" width=\"48px\" height=\"48px\" viewBox=\"0 0 48 48\" xml:space=\"preserve\"%3E%3Cg%3E%3Cpath style=\"fill:%23262626;\" d=\"M24,2c5.88,0,11.4,2.29,15.56,6.44c8.58,8.58,8.58,22.53,0,31.11C35.4,43.71,29.88,46,24,46 s-11.4-2.29-15.56-6.44C4.29,35.4,2,29.88,2,24S4.29,12.6,8.44,8.44C12.6,4.29,18.12,2,24,2 M24,0C17.86,0,11.72,2.34,7.03,7.03 c-9.37,9.37-9.37,24.57,0,33.94C11.72,45.66,17.86,48,24,48s12.28-2.34,16.97-7.03c9.37-9.37,9.37-24.57,0-33.94 C36.28,2.34,30.14,0,24,0L24,0z\"/%3E%3C/g%3E%3Cpath style=\"fill:%23262626;\" d=\"M25.04,25.04h9.39c0.58,0,1.04-0.47,1.04-1.04s-0.47-1.04-1.04-1.04h-9.39v-9.39c0-0.58-0.47-1.04-1.04-1.04 s-1.04,0.47-1.04,1.04v9.39h-9.39c-0.58,0-1.04,0.47-1.04,1.04c0,0.29,0.12,0.55,0.31,0.74c0.19,0.19,0.45,0.31,0.74,0.31h9.39v9.39 c0,0.29,0.12,0.55,0.31,0.74c0.19,0.19,0.45,0.31,0.74,0.31c0.58,0,1.04-0.47,1.04-1.04V25.04z\"/%3E%3C/svg%3E%0A");
}

.SdkkmNZSyUgVb_MEsR4W {
    width: 35px;
    flex-grow: 0;
    margin-top: 13px;
}

.SdkkmNZSyUgVb_MEsR4W:before {
    background-image: url("data:image/svg+xml,<svg data-name=\"Layer 1\" xmlns=\"http://www.w3.org/2000/svg\" version=\"1.1\" viewBox=\"0 0 48 48\"><path d=\"M24,2c5.9,0,11.4,2.3,15.6,6.4,8.6,8.6,8.6,22.5,0,31.1-4.2,4.2-9.7,6.4-15.6,6.4s-11.4-2.3-15.6-6.4c-4.1-4.2-6.4-9.7-6.4-15.6s2.3-11.4,6.4-15.6c4.2-4.1,9.7-6.4,15.6-6.4M24,0c-6.1,0-12.3,2.3-17,7-9.4,9.4-9.4,24.6,0,33.9,4.7,4.7,10.8,7,17,7s12.3-2.3,17-7c9.4-9.4,9.4-24.6,0-33.9C36.3,2.3,30.1,0,24,0h0Z\"/><path d=\"M25.1,25h-11.5c-.3,0-.6-.1-.7-.3-.2-.2-.3-.4-.3-.7,0-.6.5-1,1-1h20.9c.6,0,1,.5,1,1s-.5,1-1,1h-9.4,0\"/></svg>");
}

.zce2kt1fcJHNMrxFIOMZ {
    margin-top: var(--spacing5);
}

.nZIK75Y6W4UjJBWW2HdV {
    display: flex;
}

.Vb5E4nicymHc5EkpcMYO {
    display: flex;
}

.Vb5E4nicymHc5EkpcMYO > div {
    display: flex;
}

.Vb5E4nicymHc5EkpcMYO > div > div {
    margin-top: 0;
}

.Vb5E4nicymHc5EkpcMYO > div:nth-child(1) > div:first-child,
.Vb5E4nicymHc5EkpcMYO .react-datepicker-wrapper,
.Vb5E4nicymHc5EkpcMYO .react-datepicker__input-container > div {
    width: 100%;
}
.Vb5E4nicymHc5EkpcMYO > div:nth-child(2) > div:first-child input,
.Vb5E4nicymHc5EkpcMYO > div:nth-child(2) > div:first-child [class$="-control"],
.nZIK75Y6W4UjJBWW2HdV > div:first-child [class$="-control"] {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.Vb5E4nicymHc5EkpcMYO > div:nth-child(2) > div:nth-child(2) input,
.Vb5E4nicymHc5EkpcMYO > div:nth-child(2) > div:nth-child(2) [class$="-control"],
.nZIK75Y6W4UjJBWW2HdV > div:last-child [class$="-control"]{
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    margin-left: -2px;
}

.AUEwlAffAy4MMVxFLKBg {
    width: 100%;
}

.Vb5E4nicymHc5EkpcMYO .react-datepicker__aria-live {
    display: none;
}
/* Input Text */
.DqZ3rH3MNn20CphtMv0r.DqZ3rH3MNn20CphtMv0r {
    width: 100%;
    height: 4.8rem;
    padding-left: var(--spacing2);
    padding-right: var(--spacing2);
    margin-bottom: var(--spacing);
    text-overflow: ellipsis;
    border: 2px solid var(--off-black);
    outline: none;
    background: var(--white);
    color: var(--black);
    border-radius: 10px;
}

.DqZ3rH3MNn20CphtMv0r::placeholder {
    color: var(--form-placeholder-color);
}

.DqZ3rH3MNn20CphtMv0r[readonly] {
    opacity: .25;
}
.XyNZeVn4JYvAbZMfcFjF {
    display: block;
}

.UbASMpPD0PuCX0Bjxj7w {
    display: flex;
    align-items: center;
}

.VYS9a5z7B0YPlCzAZGZv.VYS9a5z7B0YPlCzAZGZv {
    appearance: none;
    -webkit-appearance: none;
    width: 4.8rem;
    height: 4.8rem;
    border: 2px solid var(--black);
    border-radius: 10px;
    flex-shrink: 0;
}

.VYS9a5z7B0YPlCzAZGZv:hover {
    background: var(--red);
    cursor: pointer;
}

/* Black & Gray checked input */
.pyDUC2N_F_DBzzzPJNdN:checked,
.CuPnSe0qd2E4Uu5gUvvT:checked {
    position: relative;
    border: none;
}

.pyDUC2N_F_DBzzzPJNdN:checked {
    background: var(--black);
}

.CuPnSe0qd2E4Uu5gUvvT:checked {
    background: var(--black);
}

/* :after checked CSS element */
.pyDUC2N_F_DBzzzPJNdN:checked::after,
.CuPnSe0qd2E4Uu5gUvvT:checked::after {
    position: absolute;
    content: ' ';
    width: 48px;
    height: 48px;
    /*@ts-ignore*/
    background-image: url("data:image/svg+xml;utf8,<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"> <path d=\"M16.8859 7.20712L9.80009 14.2929L6.31431 10.7071L4.91431 12.1071L7.70009 14.9929L9.80009 17.0929L18.3859 8.60712L16.8859 7.20712Z\" fill=\"rgb%28255,255,255, 1%29\"/></svg>");
    background-size: 48px 48px;
    background-position: -3px -4px;
    display: block;
    margin-top: 4px;
    margin-left: 5px;
    color: var(--white);
}

/* Border Red */
.D3eFA1KSRg9HtUIVDcbq {
    border: 2px solid var(--red);
}

/* Label */
.Rw0GwMNI2Ogxd8GTCw6o {
    width: calc(100% - var(--spacing6));
    margin-bottom: 0;
    max-width: 180px;
}

.Rw0GwMNI2Ogxd8GTCw6o p + p {
    margin-top: 1em;
}

.Rw0GwMNI2Ogxd8GTCw6o a {
    color: var(--black);
    transition: color var(--transition-default-timing) var(--transition-default-easing);
}

.Rw0GwMNI2Ogxd8GTCw6o a:hover {
    color: var(--black);
}

.Rw0GwMNI2Ogxd8GTCw6o a:active span {
    color: var(--black);
}

/*.error {*/
/*    margin-left: var(--spacing6);*/
/*}*/

.fgeXbfqavQEObPWs8ePu {
    position: relative;
    display: flex;
    flex-direction: column;
    max-height: 100%;
    font-weight: var(--heavy);
    margin-bottom: 0 !important;
    width: 150px;
}

.fgeXbfqavQEObPWs8ePu input {
    background-color: var(--black);
    color: var(--white);
    height: 4.6rem !important;
}

.react-datepicker-popper {
    z-index: 500;
    width: 100%;
    overflow: visible;
    /*box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);*/
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.06);
}

.react-datepicker__header,
.react-datepicker__month {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.qQgCdCikIEU5edWBx4wg {
    cursor: pointer;
}

.qQgCdCikIEU5edWBx4wg[readonly] {
    opacity: unset !important;
}

.vMB6QwZZqzeBIclYuTbF {
    position: absolute;
    top: 1.2rem;
    right: 1.5rem;
    pointer-events: none;
}


.react-datepicker {
    padding: 18px;
    /*box-shadow: 0 4px 12px rgba(0, 0, 0, 0.06);*/
    background-color: #fff;
}

.react-datepicker__current-month,
.react-datepicker__day-names,
.react-datepicker__week {
    display: flex;
}

.react-datepicker__navigation,
.react-datepicker__navigation-icon--previous,
.react-datepicker__navigation-icon--next{
    background-position: center;
    background-repeat: no-repeat;
}

.react-datepicker__navigation,
.react-datepicker__day {
    cursor: pointer;
}

.react-datepicker__navigation{
    border: none;
    background-size: cover;
    background-color: transparent;
}

.react-datepicker__navigation-icon--previous,
.react-datepicker__navigation-icon--next {
    color: transparent;
}

.react-datepicker__navigation-icon--previous {
    margin-left: -45px;
    background-image: url("data:image/svg+xml;utf8,<svg width=\"6\" height=\"9\" viewBox=\"0 0 6 9\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M6 9L2.5 4.5L6 0H3.5L0 4.5L3.5 9H6Z\" fill=\"rgba%28167,172,189%29\"/></svg>");
}

.react-datepicker__navigation-icon--next {
    position: absolute;
    top: 24px;
    right: -5px;
    background-image: url("data:image/svg+xml;utf8,<svg width=\"6\" height=\"9\" viewBox=\"0 0 6 9\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M0 0L3.5 4.5L0 9H2.5L6 4.5L2.5 0H0Z\" fill=\"rgba%28167,172,189%29\"/></svg>");
}

.react-datepicker__current-month {
    justify-content: center;
    margin-top: -28px;
    margin-left: -10px;
    margin-bottom: var(--spacing3);
    text-transform: capitalize;
    font-weight: 600;
    font-size: 16px;
}

.react-datepicker__day-name {
    text-transform: capitalize;
    font-weight: 500;
    font-size: 12px;
    letter-spacing: 0.5px;
}

.react-datepicker__day-names,
.react-datepicker__week {
    justify-content: space-around;
    width: 100%;
    margin-left: -5px;
    margin-bottom: var(--spacing2);
}

.react-datepicker__week:last-child {
    margin-bottom: 0;
}

.react-datepicker__day {
    width: 100%;
    text-align: center;
    border: 2px solid transparent;
    font-weight: 500;
    font-size: 14px;
    letter-spacing: 0.5px;
}

.react-datepicker__day:hover {
    background-color: var(--pale);
    color: var(--black);
}

.react-datepicker__day--selected {
    background-color: var(--black);
    color: var(--white);
}

.react-datepicker__day:focus {
    outline: none;
    border: 2px solid var(--fog);
}

.react-datepicker__day:active {
    background-color: var(--black);
    border-color: var(--black);
    color: var(--white);
}

.react-datepicker__day--outside-month {
    color: var(--fog);
}

.fF1Vn3BDDwOKh1GLfSY7 {
    display: flex;
    padding-top: var(--spacing6);
    padding-bottom: var(--spacing6);
    background-color: var(--off-white);
}

.gN8WX2cTLB7VaG2nfor9

.QvfO1cCsOV1dNjrF1Cvs {
    background-color: darkgrey;
    padding: var(--spacing) var(--spacing8);
    border: none;
    outline: none;
    margin-bottom: var(--spacing4);
}

.DWuubQ8xPoBTlyU7GuVx {
    margin-left: var(--spacing5);
    margin-right: var(--spacing5);
}

.UyJXAgTqcIvGLTvjKv4v {
    display: flex;
    flex-direction: column;
    row-gap: var(--spacing3);
}

.nlad9b6unGT3nKlVgDe8,
.gBmhthCI7aklbGtCeTm8 {
    display: flex;
    background: none;
    border: none;
    font-weight: bold;
    font-size: 1.6rem;
    height: 20px;
}

.nlad9b6unGT3nKlVgDe8 svg {
    margin-left: var(--spacing);
}

.LaSwbHld8G5YVzfHzsed,
.xaWFp0FBxlnXKqk3HkQX {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.xaWFp0FBxlnXKqk3HkQX {
    margin-left: auto;
}

.LaSwbHld8G5YVzfHzsed {
    margin-bottom: var(--spacing3);
}

.LaSwbHld8G5YVzfHzsed > div:not(.xaWFp0FBxlnXKqk3HkQX) { /* The program details modal */
    margin-top: var(--spacing3);
}

.SoP51rRpW0lhinSHPx2m {
    margin-left: 1em;
    margin-right: .5em;
}

.gBmhthCI7aklbGtCeTm8 {
    appearance: none;
    outline: none !important;
    border: none !important;
    width: fit-content;
    margin-right: .5em;
}

.gBmhthCI7aklbGtCeTm8 option {
    padding: .5em;
}

.gBmhthCI7aklbGtCeTm8 + div > svg {
    position: relative;
    top: -3px;
    overflow: visible;
}

@media (pointer: fine) {

    .gBmhthCI7aklbGtCeTm8 {
        cursor: pointer;
    }
}

.uweV4wChgDKvuP548Nws {
    width: 100%;
    height: 0;
    border-bottom: 2px dashed var(--light-gray);
    margin-bottom: var(--spacing5);
}

.TYGJuCg3L3N5QdwydYJG {
    display: flex;
    font-size: 1.6rem;
    line-height: 2.4rem;
}

.TYGJuCg3L3N5QdwydYJG span:not(:last-child) {
    margin-right: var(--spacing);
    padding-right: var(--spacing);
    border-right: 1px solid var(--black);
}

.N6KCzTNDZKFheqIKFQfJ {
    font-size: 1.6rem;
    line-height: 2.4rem;
    font-weight: bold;
    color: var(--black);
}

.N6KCzTNDZKFheqIKFQfJ:not(:first-child) {
    border-left: 1px solid var(--black);
    margin-left: var(--spacing);
    padding-left: var(--spacing);
}

.uwZK_oscqnIeya1fm3nD {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.uwZK_oscqnIeya1fm3nD button,
.UpkXp3wn7F8ddKO2WrT1 button {
    margin-left: var(--spacing3);
}

.UpkXp3wn7F8ddKO2WrT1 {
    display: flex;
    justify-content: space-between;
    margin-bottom: var(--spacing3);
    padding: var(--spacing2);
}

.C3gccOAEnMbKN1C2hQCU {
    display: flex;
    align-items: center;
}

.aYrGHeqorCZHXRwMbwo0 svg {
    height: 2.4rem;
    width: auto;
}

.sxdhbOR8csQ4mAIScp4Y {
    display: flex;
    column-gap: var(--spacing2);
    align-items: center;
    width: 100%;
    justify-content: center;
    margin-top: var(--spacing2);
}

.h2tfQjsm99ni5cgC8EiG {
    background: none;
    border: 2px solid var(--black);
    width: 30px;
    height: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
}

.j81pq71wPFUwqSnp_RXK {
    transform: rotate(90deg);
}

.D2VikJ182M12as00LpFg {
    transform: rotate(-90deg);
}

.react-pdf__Page {
    display: flex;
    justify-content: center;
    background-color: var(--gray);
    padding: var(--spacing2)
}

.CFTv0NlKeBkYPLqDRFew {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.DdSiF7qOAdHnt3pe_RYw {
    display: flex;
    align-items: center;
}

.DdSiF7qOAdHnt3pe_RYw span {
    margin-left: var(--spacing2);
}

.aYrGHeqorCZHXRwMbwo0 {
    display: flex;
}

.Ygrb8Cah6qM2yJ6ablu1 {
    margin-left: var(--spacing2);
}

.SKJEnz_OGdx5Wap5YKuQ {
    display: flex;
    justify-content: center;
}

html {
    font-size: 62.5%;
}

body {
    -webkit-font-smoothing: antialiased;
    font-family: var(--sans-serif);
    font-size: 1.6rem;
}

body.qQx7oBD19lu0Zk2rZiIg {
    overflow: hidden;
}

a {
    text-decoration: none;
}

.mQgy0JCxiHcxK8VmbcWv {
    width: calc(100vw - var(--page-scrollbar-width));
}

.yvhYocCL9uv6XhkdqeTg {
    opacity: 0;
    visibility: hidden;
}

/* TODO: use this helper class for all occurrences of hidden scrollbars ? */
.mMpHzM8wGuBjlrTw_wCe {
    -ms-overflow-style: none; /* Hide scrollbar for IE and Edge */
    scrollbar-width: none; /* Hide scrollbar for Firefox */
}

.mMpHzM8wGuBjlrTw_wCe::-webkit-scrollbar {
    display: none; /* Hide scrollbar for Chrome, Safari and Opera */
}

html {
    font-size: 62.5%;
}

body {
    -webkit-font-smoothing: antialiased;
    font-family: var(--sans-serif);
    font-size: 1.6rem;
}

body.qQx7oBD19lu0Zk2rZiIg {
    overflow: hidden;
}

a {
    text-decoration: none;
}

.mQgy0JCxiHcxK8VmbcWv {
    width: calc(100vw - var(--page-scrollbar-width));
}

.yvhYocCL9uv6XhkdqeTg {
    opacity: 0;
    visibility: hidden;
}

/* TODO: use this helper class for all occurrences of hidden scrollbars ? */
.mMpHzM8wGuBjlrTw_wCe {
    -ms-overflow-style: none; /* Hide scrollbar for IE and Edge */
    scrollbar-width: none; /* Hide scrollbar for Firefox */
}

.mMpHzM8wGuBjlrTw_wCe::-webkit-scrollbar {
    display: none; /* Hide scrollbar for Chrome, Safari and Opera */
}

/* Document
   ========================================================================== */

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

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */

html {
    line-height: 1.15; /* 1 */
    -webkit-text-size-adjust: 100%; /* 2 */
}

/* Sections
   ========================================================================== */

/**
 * Remove the margin in all browsers.
 */

body {
    margin: 0;
}

/**
 * Render the `main` element consistently in IE.
 */

main {
    display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */

h1 {
    font-size: 2em;
}

/* Grouping content
   ========================================================================== */

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */

hr {
    box-sizing: content-box; /* 1 */
    height: 0; /* 1 */
    overflow: visible; /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

pre {
    font-family: monospace, monospace; /* 1 */
    font-size: 1em; /* 2 */
}

/* Text-level semantics
   ========================================================================== */

/**
 * Remove the gray background on active links in IE 10.
 */

a {
    background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */

abbr[title] {
    border-bottom: none; /* 1 */
    text-decoration: underline; /* 2 */
    text-decoration: underline dotted; /* stylelint-disable-line */ /* 2 */
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */

b,
strong {
    font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

code,
kbd,
samp {
    font-family: monospace, monospace; /* 1 */
    font-size: 1em; /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */

small {
    font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sub {
    bottom: -0.25em;
}

sup {
    top: -0.5em;
}

/* Embedded content
   ========================================================================== */

/**
 * Remove the border on images inside links in IE 10.
 */

img {
    border-style: none;
}

/* Forms
   ========================================================================== */

/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */

button,
input,
optgroup,
select,
textarea {
    font-family: inherit; /* 1 */
    font-size: 100%; /* 1 */
    line-height: 1.15; /* 1 */
    margin: 0; /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */

button,
input {
    /* 1 */
    overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */

button,
select {
    /* 1 */
    text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */

button,
[type='button'],
[type='reset'],
[type='submit'] {
    -webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */

button::-moz-focus-inner,
[type='button']::-moz-focus-inner,
[type='reset']::-moz-focus-inner,
[type='submit']::-moz-focus-inner {
    border-style: none;
    padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */

button:-moz-focusring,
[type='button']:-moz-focusring,
[type='reset']:-moz-focusring,
[type='submit']:-moz-focusring {
    outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */

fieldset {
    padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */

legend {
    box-sizing: border-box; /* 1 */
    color: inherit; /* 2 */
    display: table; /* 1 */
    max-width: 100%; /* 1 */
    padding: 0; /* 3 */
    white-space: normal; /* 1 */
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */

progress {
    vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */

textarea {
    overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */

[type='checkbox'],
[type='radio'] {
    box-sizing: border-box; /* 1 */
    padding: 0; /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */

[type='number']::-webkit-inner-spin-button,
[type='number']::-webkit-outer-spin-button {
    height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */

[type='search'] {
    -webkit-appearance: textfield; /* 1 */
    outline-offset: -2px; /* 2 */
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */

[type='search']::-webkit-search-decoration {
    -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */

::-webkit-file-upload-button {
    -webkit-appearance: button; /* 1 */
    font: inherit; /* 2 */
}

/* Interactive
   ========================================================================== */

/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */

details {
    display: block;
}

/*
 * Add the correct display in all browsers.
 */

summary {
    display: list-item;
}

/* Misc
   ========================================================================== */

/**
 * Add the correct display in IE 10+.
 */

template {
    display: none;
}

/**
 * Add the correct display in IE 10.
 */

[hidden] {
    display: none;
}

video,
iframe,
figure img {
    max-width: 100%;
}

button,
a {
    cursor: pointer;
}

:root {
    /*fonts*/
    --sans-serif: 'Source Sans Pro', sans-serif;
    --light: 300;
    --regular: 400;
    --roman: 400;
    --medium: 500;
    --semibold: 600;
    --heavy: 800;
    --red: #B32B23;
    --green: #A9C53B;

    /* Color variables */
    --pure-white: #fff;
    --off-white: #F5F3ED;
    --white: #fff;
    --gray: #979797;
    --light-gray: #d8d8d8;
    --off-black: #262626;
    --black: #000000;

    /*--form-placeholder-color:;*/
    --form-placeholder-color: var(--gray);

    /* Layout variables */
    --spacing: 8px;
    --spacing2: 16px;
    --spacing3: 24px;
    --spacing4: 32px;
    --spacing5: 40px;
    --spacing6: 48px;
    --spacing7: 56px;
    --spacing8: 64px;
    --spacing9: 72px;
    --spacing10: 80px;
    --spacing11: 88px;
    --spacing12: 96px;
    --spacing13: 104px;
    --spacing15: 120px;
    --spacing16: 128px;
    --spacing17: 136px;
    --spacing20: 160px;
    --spacing23: 184px;
    --spacing25: 200px;
    --max-page-width: 1680px;
    --overlay-inner-max-width: 88rem;
    --main-navigation-height: 100px;

    /** Transformations */
    --transition-default-timing: 200ms;
    --transition-default-easing-out: ease-out;
    --transition-default-easing-in: ease-in;
    --transition-default-easing: ease-out;
    --flip-card-default-timing-transition: 0.707s;

    /** Viewport width and offset **/
    --viewport-width: calc(100vw - var(--page-scrollbar-width));
    --viewport-offset: 0px;
}



