/* Used in Menu */
.pos-relative {
    position: relative;
}

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

.font-25 {
    font-size: clamp(1.8rem, calc(1.8rem + ((1vw - 0.32rem) * 0.625)), 2.5rem);
}

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

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

.a--underline {
    text-decoration: underline;
}

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

.font-20 {
    font-size: 2rem;
}

.mar-l-1 {
    margin-left: 10px;
}

.mar-l-auto {
    margin-left: auto;
}

.display-none {
    display: none!important;
}

/* Image */
.object-fit-cover img {
    object-fit: cover;
}

.object-fit-contain img {
    object-fit: contain;
}

/* Hero Image Position */
.hero-img-top-0 img {
    object-position: center 0%;
}

.hero-img-top-10 img {
    object-position: center 10%;
}

.hero-img-top-20 img {
    object-position: center 20%;
}

.hero-img-top-30 img {
    object-position: center 30%;
}

.hero-img-top-40 img {
    object-position: center 40%;
}

.hero-img-top-50 {
    object-position: center 50%;
}

.hero-img-top-60 img {
    object-position: center 60%;
}

.hero-img-top-70 img {
    object-position: center 70%;
}

.hero-img-top-80 img {
    object-position: center 80%;
}

.hero-img-top-90 img {
    object-position: center 90%;
}

.hero-img-top-100 img {
    object-position: center 100%;
}

/* Colors */
/* Borders */
.title-border-1 {
    border: 3px solid var(--brand-color-1);
}

.title-border-2 {
    border: 3px solid var(--brand-color-2);
}

.title-border-3 {
    border: 3px solid var(--brand-color-3);
}

/* Text */
.color-1 {
    color: var(--brand-color-1);
}

.color-2 {
    color: var(--brand-color-2);
}

.color-3 {
    color: var(--brand-color-3);
}

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

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

/* Background */
.bg-color-1 {
    background-color: var(--brand-color-1);
}

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

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

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

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

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

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

/* Links */
.link-color-1 a {
    color: var(--brand-color-1);
}

.link-color-2 a {
    color: var(--brand-color-2);
}

.link-color-3 a {
    color: var(--brand-color-3);
}

.link-color-white a {
    color: var(--white);
}

.link-color-body a {
    color: var(--body-text);
}

/* Alignment */
.txt-align-left {
    text-align: left;
}

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

.txt-align-right {
    text-align: right;
}

.content-align-left div {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.content-align-center div {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.content-align-right div {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}

/* Text Columns */
.columns-2 p {
    column-count: 2;
    column-gap: var(--content-gap);
}

.columns-3 p {
    column-count: 3;
    column-gap: var(--content-gap);
}

.columns-4 p {
    column-count: 4;
    column-gap: var(--content-gap);
}

/* Logo Column Width */
.logo-span-1 {
    grid-column: span 1;
}

.logo-span-2 {
    grid-column: span 2;
}

.logo-span-3 {
    grid-column: span 3;
}

.logo-img {
    height: 100%;
    width: 100%;
    object-fit: contain;
    object-position: center;
}

/* Sections */
.pad-bottom-sec-same {
    padding-bottom: var(--sec-pad-block-half);
}

.pad-block-sec-same {
    padding-block: var(--sec-pad-block-half);
}

.pad-top-sec-same {
    padding-top: var(--sec-pad-block-half);
}

/* Text */
.txt-brand-color-1 {
    color: var(--brand-color-1);
}

.img-order-right {
    order: 0;
}

.img-order-left {
    order: -1;
}

@media (max-width:999px){
    .order-plus-1-mobile {
        order: 1;
    }

    .order-minus-1-mobile {
        order: -1;
    }
}

/* Text */
.txt-brand-color-2 {
    color: var(--brand-color-2)!important;
}

/* Text */
.txt-brand-color-3 {
    color: var(--brand-color-3);
}

/* End Colors */
/* Font Family */
.font-medium {
    font-family: "franklin-gothic-atf", sans-serif;
    font-weight: 500;
    font-style: normal;
}

/* Shadows */
.shadow-1 {
    box-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
}

.shadow-2 {
    box-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
}

.shadow-3 {
    box-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
}

.shadow-4 {
    box-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
}

/* Opacity */
.opacity-1 {
    opacity: 0.1;
}

.opacity-2 {
    opacity: 0.2;
}

.opacity-3 {
    opacity: 0.3;
}

.opacity-4 {
    opacity: 0.4;
}

.opacity-5 {
    opacity: 0.5;
}

.opacity-6 {
    opacity: 0.6;
}

.opacity-7 {
    opacity: 0.7;
}

.opacity-8 {
    opacity: 0.8;
}

.opacity-9 {
    opacity: 0.9;
}

/* Borders */
/* Margins */
.mar-b-0 {
    margin-bottom: 0px;
}

.mar-b-1 {
    margin-bottom: 10px;
}

.mar-b-2 {
    margin-bottom: 20px;
}

.mar-b-3 {
    margin-bottom: 30px;
}

.mar-b-4 {
    margin-bottom: 40px;
}

.mar-b-5 {
    margin-bottom: 50px;
}

.mar-b-6 {
    margin-bottom: 60px;
}

.mar-b-7 {
    margin-bottom: 70px;
}

.mar-b-8 {
    margin-bottom: 80px;
}

/* Margin Fluid */
.mar-f-b-8-5 {
    margin-bottom: clamp(50px, calc(50px + ((1vw - 3.2px) * 2.6786)), 80px);
}

.mar-f-b-9-5 {
    margin-bottom: clamp(50px, calc(50px + ((1vw - 3.2px) * 3.5714)), 90px);
}

.mar-f-b-10-5 {
    margin-bottom: clamp(50px, calc(50px + ((1vw - 3.2px) * 4.4643)), 100px);
}

.mar-f-b-11-5 {
    margin-bottom: clamp(50px, calc(50px + ((1vw - 3.2px) * 5.3571)), 110px);
}

.mar-f-b-12-5 {
    margin-bottom: clamp(50px, calc(50px + ((1vw - 3.2px) * 6.25)), 120px);
}

.mar-f-b-13-5 {
    margin-bottom: clamp(50px, calc(50px + ((1vw - 3.2px) * 7.1429)), 130px);
}

.mar-f-b-14-5 {
    margin-bottom: clamp(50px, calc(50px + ((1vw - 3.2px) * 8.0357)), 140px);
}

.mar-f-b-15-5 {
    margin-bottom: clamp(50px, calc(50px + ((1vw - 3.2px) * 8.9286)), 150px);
}

.mar-inline-center {
    margin-inline: auto;
}

.mar-block-center {
    margin-block: auto;
}

/* Padding */
.padding-inline {
    padding: var(--sec-pad-inline);
}

.padding-block {
    padding: var(--sec-pad-block);
}

.padding-standard {
    padding-inline: var(--sec-pad-inline);
    padding-block: var(--sec-pad-block);
}

.padding-0 {
    padding: 0px;
}

.box-padding-small {
    padding: var(--sec-pad-inline);
}

.pad-0 {
    padding: 0px;
}

.pad-1 {
    padding: 10px;
}

.pad-2 {
    padding: 20px;
}

.pad-3 {
    padding: 30px;
}

.pad-4 {
    padding: 40px;
}

.pad-5 {
    padding: 50px;
}

/* Gap */
.gap-1 {
    gap: 10px;
}

.gap-2 {
    gap: 20px;
}

.gap-3 {
    gap: 30px;
}

.gap-4 {
    gap: 40px;
}

.gap-5 {
    gap: 50px;
}

.gap-6 {
    gap: 60px;
}

.gap-7 {
    gap: 70px;
}

.gap-8 {
    gap: 80px;
}

/* Gap Fluid */
.gap-f-01 {
    gap: 1%;
}

.gap-f-02 {
    gap: 2%;
}

.gap-f-03 {
    gap: 3%;
}

.gap-f-04 {
    gap: 4%;
}

.gap-f-05 {
    gap: 5%;
}

.gap-f-06 {
    gap: 6%;
}

.gap-f-07 {
    gap: 7%;
}

.gap-f-08 {
    gap: 8%;
}

/* height */
.vh-1 {
    height: 10vh;
}

.vh-2 {
    height: 20vh;
}

.vh-3 {
    height: 30vh;
}

.vh-4 {
    height: 40vh;
}

.vh-5 {
    height: 50vh;
}

.vh-6 {
    height: 60vh;
}

.vh-7 {
    height: 70vh;
}

.vh-8 {
    height: 80vh;
}

.vh-9 {
    height: 90vh;
}

.vh-10 {
    height: 100vh;
}

/* Max Width */
.max-w-10 {
    max-width: 100px;
}

.max-w-15 {
    max-width: 150px;
}

.max-w-20 {
    max-width: 200px;
}

.max-w-25 {
    max-width: 250px;
}

.max-w-30 {
    max-width: 300px;
}

.max-w-35 {
    max-width: 350px;
}

.max-w-40 {
    max-width: 400px;
}

.max-w-45 {
    max-width: 450px;
}

.max-w-50 {
    max-width: 500px;
}

.max-w-55 {
    max-width: 550px;
}

.max-w-60 {
    max-width: 600px;
}

.max-w-65 {
    max-width: 650px;
}

.max-w-70 {
    max-width: 700px;
}

.max-w-75 {
    max-width: 750px;
}

.max-w-80 {
    max-width: 800px;
}

.max-w-85 {
    max-width: 850px;
}

.max-w-90 {
    max-width: 900px;
}

.max-w-95 {
    max-width: 950px;
}

.max-w-100 {
    max-width: 1000px;
}

.max-w-105 {
    max-width: 1050px;
}

.max-w-110 {
    max-width: 1100px;
}

.max-w-115 {
    max-width: 1150px;
}

.max-w-120 {
    max-width: 1200px;
}

.max-w-fit {
    max-width: fit-content;
}

/* Position */
.pos-sticky-top-1 {
    position: sticky;
    z-index: 9;
    top: 10px;
}

.pos-sticky-top-2 {
    position: sticky;
    z-index: 9;
    top: 20px;
}

.pos-sticky-top-3 {
    position: sticky;
    z-index: 9;
    top: 30px;
}

/* Flex Columns */
/* Flex Layouts */
.flex-row {
    display: flex;
    flex-direction: row;
}

.flex-row-center {
    display: flex;
    align-items: center;
    justify-content: center;
}

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

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

.flex-col-center {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

/* Grid Layouts */
.grid-center {
    display: grid;
    place-content: center;
}

/* Pinegrow Only */
.pg-gap-50 {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 50px;
}