/* font */
@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@200;300;400;500;600;700;800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Golos+Text:wght@400;500;600;700;800;900&display=swap');

/* ===================================
    Reset
====================================== */
html {
    font-size: 16px;
}

body {
    font-family: var(--primary-font);
    font-size: 16px;
    line-height: 30px;
    font-weight: 400;
    color: var(--medium-gray);
    -moz-osx-font-smoothing: grayscale;
    word-break: break-word;
    -webkit-font-smoothing: antialiased;
}

.alt-font {
    font-family: var(--alt-font);
}

.primary-font {
    font-family: var(--primary-font) !important;
}

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

ul li {
    list-style: none;
}

a {
    color: var(--medium-gray);
    text-decoration: none;
    -webkit-transition: .3s;
    transition: .3s;
}

    a:hover {
        color: var(--primary-color);
        text-decoration: none;
    }

    a,
    a:visited {
        color: inherit;
        text-decoration: none;
    }

p {
    margin-bottom: 25px;
}

.last-paragraph-no-margin p:last-of-type {
    margin-bottom: 0;
}

footer {
    padding-top: 110px;
    padding-bottom: 110px;
}

section {
    padding-top: 110px;
    padding-bottom: 110px;
}

    section.half-section {
        padding-top: 70px;
        padding-bottom: 70px;
    }

    section.big-section {
        padding-top: 130px;
        padding-bottom: 130px;
    }

    section.extra-big-section {
        padding-top: 160px;
        padding-bottom: 160px;
    }

.container,
.container-fluid,
.container-lg,
.container-md,
.container-sm,
.container-xl,
.container-xxl {
    padding-right: 15px;
    padding-left: 15px;
}

.row {
    margin-right: -15px;
    margin-left: -15px;
}

    .row > * {
        padding-right: 15px;
        padding-left: 15px;
    }

    .row.g-0 {
        margin-right: 0;
        margin-left: 0;
    }

        .row.g-0 > * {
            padding-right: 0;
            padding-left: 0;
        }

.bg-light {
    background-color: var(--very-light-gray) !important; 
}

.bg-dark {
    background-color: var(--dark-gray) !important;
}

/* ===================================
    Typography
====================================== */
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    margin-bottom: 30px;
    letter-spacing: -0.5px;
    font-weight: inherit;
}

h1, .h1 {
    font-size: 4.375rem;
    line-height: 4.375rem;
}

h2, .h2 {
    font-size: 3.438rem;
    line-height: 3.438rem;
}

h3, .h3 {
    font-size: 2.813rem;
    line-height: 3.125rem;
}

h4 {
    font-size: 2.375rem;
    line-height: 2.7rem;
}

h5 {
    font-size: 2rem;
    line-height: 2.2rem;
}

h6 {
    font-size: 1.75rem;
    line-height: 1.95rem;
}

/* Transition */
.transition {
    -webkit-transition: all 400ms cubic-bezier(0.37, 0, 0.63, 1);
    transition: all 400ms cubic-bezier(0.37, 0, 0.63, 1);
}

.transition-inner-all * {
    -webkit-transition: all 400ms cubic-bezier(0.37, 0, 0.63, 1);
    transition: all 400ms cubic-bezier(0.37, 0, 0.63, 1);
}

.no-transition {
    -webkit-transition: 0s;
    transition: 0s;
}

/* Pointer events */
.pointer-events-none {
    pointer-events: none;
}

.pointer-events-all {
    pointer-events: all;
}