* {
    font-family: "Montserrat", sans-serif;
    font-size: 16px;
}

.arsenal-sc-regular {
    font-family: "Arsenal SC", sans-serif;
    font-weight: 400;
    font-style: normal;
}

body {
    margin-top: -80px;
    background-color: #ffffff;
    background-image:  repeating-radial-gradient( circle at 0 0, transparent 0, #ffffff 300px ), repeating-linear-gradient( #AA876812, #AA876822 );
}

h1,h2,h3,h4,h5,h6 {
    /*font-family: "Arsenal SC", "Montserrat", sans-serif;*/
    font-family: "Montserrat", sans-serif;
    text-transform: capitalize;
    font-weight: 100 !important;
    font-style: normal;
}

.fs-3,.fs-4 {
    font-weight: 200;
}

a {
    text-decoration: none !important;
}

.border-top {
    border-top: 1px solid black !important;
}

:root {
    --primaryClr: #AA8768;
    --secondaryClr: #414141;
    --secondaryDarkClr: #1C1C1C;
    --white: #fdfdfd;
    --black: #010101;
    --transparent: transparent;
}

.max-1800 {
    margin: auto;
    max-width: 1800px;
}

.linear-bg-white-top {
    background: linear-gradient(0deg, white 60%, transparent);
    border-radius: 0 0 20px 20px;
    box-shadow: 0 10px 10px 1px rgba(0,0,0,.01);
}
.linear-bg-white-left {
    background: linear-gradient(-90deg, white 60%, transparent);
    border-radius: 0 20px 20px 0;
    box-shadow: 10px 0 10px 1px rgba(0,0,0,.01);
}
.linear-bg-white-right {
    background: linear-gradient(90deg, white 60%, transparent);
    border-radius: 20px 0 0 20px;
    box-shadow: -10px 0 10px 1px rgba(0,0,0,.05);
}

.cursor-pointer {
    cursor: pointer;
}
.text-clr-primary {
   color: var(--primaryClr);
}

.text-clr-secondary {
    color: var(--secondaryClr);
}

.button-primary {
    display: block;
    width: 215px;
    padding: .55rem 0;
    background-color: var(--primaryClr);
    border: 1px solid var(--primaryClr);
    border-radius: 2rem;
    cursor: pointer;

    color: var(--white);
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    font-weight: 400;
    font-size: .8rem;
}

.button-primary-disabled {
    display: block;
    width: 215px;
    padding: .55rem 0;
    opacity: .5;
    background-color: var(--primaryClr);
    border: 1px solid var(--primaryClr);
    border-radius: 2rem;
    cursor: pointer;

    color: var(--white);
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    font-weight: 400;
    font-size: .8rem;
}

.button-primary-sharp {
    display: block;
    padding: .55rem 0;
    background-color: var(--primaryClr);
    border: 1px solid var(--primaryClr);
    cursor: pointer;

    color: var(--white);
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    font-weight: 400;
    font-size: .8rem;
}

.button-primary-outline {
    display: block;
    width: 215px;
    padding: .75rem 0;
    background-color: var(--transparent);
    border: 1px solid var(--primaryClr);
    border-radius: 2rem;
    cursor: pointer;

    color: var(--primaryClr);
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    font-weight: 400;
    font-size: .8rem;
    transition: .3s all ease-in-out;
}

.button-white-outline {
    display: block;
    width: 215px;
    padding: .75rem 0;
    background-color: var(--transparent);
    border: 1px solid var(--white);
    border-radius: 2rem;
    cursor: pointer;

    color: var(--white);
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    font-weight: 400;
    font-size: .8rem;
    transition: .3s all ease-in-out;
}

.button-dark-outline {
    display: block;
    width: 215px;
    padding: .75rem 0;
    background-color: var(--transparent);
    border: 1px solid var(--secondaryDarkClr);
    border-radius: 2rem;
    cursor: pointer;

    color: var(--secondaryDarkClr);
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    font-weight: 400;
    font-size: .8rem;
    transition: .3s all ease-in-out;
}

.button-dark-outline:hover {
    background-color: var(--secondaryDarkClr);
    color: var(--white);
}

.button-primary-outline:hover,
.button-white-outline:hover {
    background-color: var(--primaryClr);
    border: 1px solid var(--primaryClr);

    color: var(--white);

}

.round-border {
    padding: .5rem;
    border-radius: 1rem;
    border: 1px solid black;
    color: black;
}
.round-border img {
    opacity: .75;
}

select,
select option {
    background-color: transparent;
}

.decor-line {
    width: 75px;
    height: 0;
    border-bottom: 1px solid var(--primaryClr);
}
.decor-line-long {
    width: 175px;
    height: 0;
    border-bottom: 1px solid var(--primaryClr);
}

.animatable {
    opacity: 0; /* Initial state */
}

.animated.fadeInUp {
    animation: fadeInUp-Anim ease 2s;
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
}

@keyframes fadeInUp-Anim {
    0% {
        opacity: 0;
        transform: translateY(15px);
    }
    100% {
        opacity: 1;
        transform: translateY(0px);
    }
}

.animated.fadeInDown {
    animation: fadeInDown-Anim ease 2s;
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
}

@keyframes fadeInDown-Anim {
    0% {
        opacity: 0;
        transform: translateY(-15px);
    }
    100% {
        opacity: 1;
        transform: translateY(0px);
    }
}