/* Minification failed. Returning unminified contents.
(5,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(8,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(10,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(11,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(12,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(13,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(14,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(15,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(16,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(17,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(18,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(19,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(22,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(23,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(24,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(25,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(26,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(27,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(29,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(30,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(31,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(32,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(33,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(34,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(35,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(36,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(37,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(38,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(39,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(40,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(41,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(42,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(43,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(44,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(45,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(49,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(50,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(55,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(67,32): run-time error CSS1039: Token not allowed after unary operator: '-main-color'
(73,32): run-time error CSS1039: Token not allowed after unary operator: '-main-light'
(79,32): run-time error CSS1039: Token not allowed after unary operator: '-main-color'
(87,32): run-time error CSS1039: Token not allowed after unary operator: '-main-color'
(93,32): run-time error CSS1039: Token not allowed after unary operator: '-main-light'
(99,32): run-time error CSS1039: Token not allowed after unary operator: '-main-color'
(138,23): run-time error CSS1039: Token not allowed after unary operator: '-body-font'
(140,17): run-time error CSS1039: Token not allowed after unary operator: '-text-color'
(146,28): run-time error CSS1039: Token not allowed after unary operator: '-body-color'
(156,21): run-time error CSS1039: Token not allowed after unary operator: '-max-width'
(161,23): run-time error CSS1039: Token not allowed after unary operator: '-title-font'
(162,21): run-time error CSS1039: Token not allowed after unary operator: '-title-size'
(164,17): run-time error CSS1039: Token not allowed after unary operator: '-main-color'
(169,23): run-time error CSS1039: Token not allowed after unary operator: '-title-font'
(170,21): run-time error CSS1039: Token not allowed after unary operator: '-subtitle-size'
(172,17): run-time error CSS1039: Token not allowed after unary operator: '-main-color'
(181,23): run-time error CSS1039: Token not allowed after unary operator: '-title-font'
(184,17): run-time error CSS1039: Token not allowed after unary operator: '-main-color'
(190,17): run-time error CSS1039: Token not allowed after unary operator: '-text-ultradark'
(196,21): run-time error CSS1039: Token not allowed after unary operator: '-p-size'
(201,17): run-time error CSS1039: Token not allowed after unary operator: '-text-dark'
(205,17): run-time error CSS1039: Token not allowed after unary operator: '-main-color'
(209,21): run-time error CSS1039: Token not allowed after unary operator: '-main-medium'
(228,33): run-time error CSS1030: Expected identifier, found 'li'
(228,56): run-time error CSS1031: Expected selector, found ')'
(228,56): run-time error CSS1025: Expected comma or open brace, found ')'
(244,21): run-time error CSS1039: Token not allowed after unary operator: '-text-small'
(254,28): run-time error CSS1039: Token not allowed after unary operator: '-body-alt-color'
(286,36): run-time error CSS1039: Token not allowed after unary operator: '-body-color'
(290,25): run-time error CSS1039: Token not allowed after unary operator: '-text-light'
(299,25): run-time error CSS1039: Token not allowed after unary operator: '-main-color'
(303,25): run-time error CSS1039: Token not allowed after unary operator: '-main-color'
(332,39): run-time error CSS1039: Token not allowed after unary operator: '-hasty'
(333,34): run-time error CSS1039: Token not allowed after unary operator: '-hasty'
(334,31): run-time error CSS1039: Token not allowed after unary operator: '-hasty'
(344,30): run-time error CSS1039: Token not allowed after unary operator: '-main-color'
(351,44): run-time error CSS1039: Token not allowed after unary operator: '-hasty'
(352,39): run-time error CSS1039: Token not allowed after unary operator: '-hasty'
(353,36): run-time error CSS1039: Token not allowed after unary operator: '-hasty'
(366,30): run-time error CSS1039: Token not allowed after unary operator: '-alt-bg'
(401,30): run-time error CSS1039: Token not allowed after unary operator: '-hasty'
(420,25): run-time error CSS1039: Token not allowed after unary operator: '-alt-bg'
(425,29): run-time error CSS1039: Token not allowed after unary operator: '-bg-color'
(435,26): run-time error CSS1039: Token not allowed after unary operator: '-body-alt-color'
(439,21): run-time error CSS1039: Token not allowed after unary operator: '-max-width'
(447,28): run-time error CSS1039: Token not allowed after unary operator: '-body-color'
(448,17): run-time error CSS1039: Token not allowed after unary operator: '-text-light'
(466,33): run-time error CSS1039: Token not allowed after unary operator: '-main-light'
(542,31): run-time error CSS1039: Token not allowed after unary operator: '-hasty'
(562,22): run-time error CSS1039: Token not allowed after unary operator: '-card-shadow'
(563,30): run-time error CSS1039: Token not allowed after unary operator: '-hasty'
(621,25): run-time error CSS1039: Token not allowed after unary operator: '-body-alt-color'
(625,22): run-time error CSS1039: Token not allowed after unary operator: '-main-gradient'
(627,17): run-time error CSS1039: Token not allowed after unary operator: '-body-alt-color'
(628,37): run-time error CSS1039: Token not allowed after unary operator: '-hasty'
(660,36): run-time error CSS1039: Token not allowed after unary operator: '-main-light'
(719,32): run-time error CSS1039: Token not allowed after unary operator: '-alt-bg'
(721,34): run-time error CSS1039: Token not allowed after unary operator: '-drop-grey'
(722,26): run-time error CSS1039: Token not allowed after unary operator: '-drop-grey'
(732,36): run-time error CSS1039: Token not allowed after unary operator: '-main-faded'
(737,32): run-time error CSS1039: Token not allowed after unary operator: '-main-color'
(738,34): run-time error CSS1039: Token not allowed after unary operator: '-drop-main'
(739,26): run-time error CSS1039: Token not allowed after unary operator: '-drop-main'
(740,43): run-time error CSS1039: Token not allowed after unary operator: '-pulse'
(741,35): run-time error CSS1039: Token not allowed after unary operator: '-pulse'
(745,27): run-time error CSS1039: Token not allowed after unary operator: '-bold'
(746,21): run-time error CSS1039: Token not allowed after unary operator: '-main-color'
(763,34): run-time error CSS1039: Token not allowed after unary operator: '-drop-white'
(764,26): run-time error CSS1039: Token not allowed after unary operator: '-drop-white'
(769,36): run-time error CSS1039: Token not allowed after unary operator: '-main-color'
(788,40): run-time error CSS1039: Token not allowed after unary operator: '-main-medium'
(797,33): run-time error CSS1039: Token not allowed after unary operator: '-body-alt-color'
(820,36): run-time error CSS1039: Token not allowed after unary operator: '-body-alt-color'
(822,25): run-time error CSS1039: Token not allowed after unary operator: '-text-light'
(836,31): run-time error CSS1039: Token not allowed after unary operator: '-bold'
(837,25): run-time error CSS1039: Token not allowed after unary operator: '-text-ultradark'
(841,42): run-time error CSS1039: Token not allowed after unary operator: '-main-medium'
(848,36): run-time error CSS1039: Token not allowed after unary operator: '-body-color'
(852,44): run-time error CSS1039: Token not allowed after unary operator: '-body-alt-color'
(857,25): run-time error CSS1039: Token not allowed after unary operator: '-text-ultradark'
(858,36): run-time error CSS1039: Token not allowed after unary operator: '-main-faded'
(871,25): run-time error CSS1039: Token not allowed after unary operator: '-main-medium'
(879,25): run-time error CSS1039: Token not allowed after unary operator: '-text-light'
(884,25): run-time error CSS1039: Token not allowed after unary operator: '-main-light'
(890,29): run-time error CSS1039: Token not allowed after unary operator: '-text-dark'
(892,35): run-time error CSS1039: Token not allowed after unary operator: '-bold'
(903,36): run-time error CSS1039: Token not allowed after unary operator: '-body-alt-color'
(945,21): run-time error CSS1039: Token not allowed after unary operator: '-main-error'
(949,27): run-time error CSS1039: Token not allowed after unary operator: '-body-font'
(951,21): run-time error CSS1039: Token not allowed after unary operator: '-medium-text'
(966,42): run-time error CSS1039: Token not allowed after unary operator: '-bouncy'
(967,37): run-time error CSS1039: Token not allowed after unary operator: '-bouncy'
(968,34): run-time error CSS1039: Token not allowed after unary operator: '-bouncy'
(1008,25): run-time error CSS1039: Token not allowed after unary operator: '-text-dark'
(1012,35): run-time error CSS1039: Token not allowed after unary operator: '-regular'
(1021,36): run-time error CSS1039: Token not allowed after unary operator: '-bg-color'
(1022,36): run-time error CSS1039: Token not allowed after unary operator: '-light-text'
(1024,25): run-time error CSS1039: Token not allowed after unary operator: '-text-dark'
(1028,31): run-time error CSS1039: Token not allowed after unary operator: '-body-font'
(1032,29): run-time error CSS1039: Token not allowed after unary operator: '-text-small'
(1069,42): run-time error CSS1039: Token not allowed after unary operator: '-bouncy'
(1070,37): run-time error CSS1039: Token not allowed after unary operator: '-bouncy'
(1071,34): run-time error CSS1039: Token not allowed after unary operator: '-bouncy'
(1077,32): run-time error CSS1039: Token not allowed after unary operator: '-main-error'
(1083,36): run-time error CSS1039: Token not allowed after unary operator: '-main-error'
(1097,21): run-time error CSS1039: Token not allowed after unary operator: '-text-light'
(1101,21): run-time error CSS1039: Token not allowed after unary operator: '-text-light'
(1105,21): run-time error CSS1039: Token not allowed after unary operator: '-text-light'
(1109,21): run-time error CSS1039: Token not allowed after unary operator: '-text-light'
(1113,21): run-time error CSS1039: Token not allowed after unary operator: '-text-light'
(1127,32): run-time error CSS1039: Token not allowed after unary operator: '-alt-bg'
(1128,32): run-time error CSS1039: Token not allowed after unary operator: '-main-faded'
(1147,32): run-time error CSS1039: Token not allowed after unary operator: '-main-color'
(1148,27): run-time error CSS1039: Token not allowed after unary operator: '-body-font'
(1175,21): run-time error CSS1039: Token not allowed after unary operator: '-dark-text'
(1181,25): run-time error CSS1039: Token not allowed after unary operator: '-main-dark'
(1182,31): run-time error CSS1039: Token not allowed after unary operator: '-bold'
(1190,21): run-time error CSS1039: Token not allowed after unary operator: '-main-error'
(1213,32): run-time error CSS1039: Token not allowed after unary operator: '-light-text'
(1214,32): run-time error CSS1039: Token not allowed after unary operator: '-light-bg'
(1215,27): run-time error CSS1039: Token not allowed after unary operator: '-body-font'
(1216,21): run-time error CSS1039: Token not allowed after unary operator: '-dark-text'
(1220,32): run-time error CSS1039: Token not allowed after unary operator: '-bg-color'
(1227,32): run-time error CSS1039: Token not allowed after unary operator: '-alt-bg'
(1231,44): run-time error CSS1033: Expected closing bracket, found 'i'
(1231,45): run-time error CSS1031: Expected selector, found ']'
(1231,45): run-time error CSS1025: Expected comma or open brace, found ']'
(1283,32): run-time error CSS1039: Token not allowed after unary operator: '-main-light'
(1285,21): run-time error CSS1039: Token not allowed after unary operator: '-text-dark'
(1286,27): run-time error CSS1039: Token not allowed after unary operator: '-bold'
(1288,27): run-time error CSS1039: Token not allowed after unary operator: '-title-font'
(1298,32): run-time error CSS1039: Token not allowed after unary operator: '-alt-bg'
(1323,49): run-time error CSS1034: Expected closing parenthesis, found ','
(1323,49): run-time error CSS1042: Expected function, found ','
(1323,55): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')'
 */
:root {
    /* *=================
       * Typography
       *================ */
    --title-font: "raleway", sans-serif;
    --body-font: "proxima nova", sans-serif;
    --title-size: 40px;
    --subtitle-size: 32px;
    --card-title-size: 26px;
    --p-size: 18px;
    --text-small: 15px;
    --bold: 700;
    --regular: 400;
    --bold-color: rgb(99, 99, 99);
    --text-color: rgb(112, 112, 112);
    --text-dark: rgb(63, 63, 63);
    --text-ultradark: rgb(22, 22, 22);
    --text-light: rgba(141, 147, 157, 1);
    --text-error: rgb(255, 53, 53);
    --text-inverted: rgba(255, 255, 255, 1);
    /*--text-valid: rgb(54, 168, 149);*/
    --main-color: #252262;
    --main-medium: #423CAE;
    --main-light: #554EE1;
    --main-faded: #999EC9;
    --main-gradient: linear-gradient(20deg, var(--main-color) 60%, var(--main-medium) 80%, var(--main-light) 100%);
    --accent-color: #54DEDE;
    /*--warning-color-light: rgb(255, 251, 236);*/
    --body-alt-color: #ffffff;
    --body-color: #FCFAFF;
    --card-color: rgba(252, 252, 252, 1);
    --drop-main: -1px 2px 4px -2px rgba(7, 0, 177, 0.44);
    --drop-accent: -1px 2px 4px rgba(85, 78, 255, 0.44);
    --drop-white: -1px 2px 4px rgba(200, 201, 206, 0.32);
    --drop-grey: -1px 2px 4px rgba(128, 128, 128, 0.2);
    --card-shadow: 0px 6.6153px 35.8288px rgba(65, 134, 208, 0.0390953), 0px 2.95px 14.4909px rgba(65, 134, 208, 0.06), 0px 0.897878px 5.02044px rgba(40, 44, 38, 0.0809);
    --nav-shadow: 0px 0px 3px -18px rgba(0, 0, 0, 0.059), 0px 0px 7.3px -18px rgba(0, 0, 0, 0.085), 0px 0px 13.8px -18px rgba(0, 0, 0, 0.105), 0px 0px 24.6px -18px rgba(0, 0, 0, 0.125), 0px 0px 46px -18px rgba(0, 0, 0, 0.151);
    --desktop: 1200px;
    --laptop: 992px;
    --tablet-pro: 768px;
    --mobile: 576px;
    --max-width: 1400px;
    --bg-color: #F4F4F7;
    --main-error: #eb2e74;
    --alt-bg: #DEDEE8;
    /* *=================
       * Animations Variables
       *================ */
    --hasty: cubic-bezier(0, 0.37, 0.45, 1.01);
    --pulse: cubic-bezier(0,.37,.43,1.25);
}

@media screen and (max-width: 540px) {
    :root {    
        --max-width: 100%;
    }
}

/* *=================
       * Animations
   *================ */

@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
        border-top-color: var(--main-color);
    }

    50% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
        border-top-color: var(--main-light);
    }

    100% {
        -webkit-transform: rotate(710deg);
        transform: rotate(710deg);
        border-top-color: var(--main-color);
    }
}

@keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
        border-top-color: var(--main-color);
    }

    50% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
        border-top-color: var(--main-light);
    }

    100% {
        -webkit-transform: rotate(710deg);
        transform: rotate(710deg);
        border-top-color: var(--main-color);
    }
}

@-webkit-keyframes pulse {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    70% {
        -webkit-transform: scale(.98);
        transform: scale(.98);
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@keyframes pulse {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    70% {
        -webkit-transform: scale(.98);
        transform: scale(.98);
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

* {
    font-family: var(--body-font);
    font-weight: 400;
    color: var(--text-color);
}

html {
    margin: 0;
    padding: 0;
    background-color: var(--body-color);
}

body {
    margin: 0 auto;
    padding: 0;
    height: 100vh;
}

.stretch-max {
    max-width: var(--max-width);
    margin: 0 auto;
}

h1 {
    font-family: var(--title-font);
    font-size: var(--title-size);
    font-weight: 700;
    color: var(--main-color);
    margin-bottom: 16px;
}

h2 {
    font-family: var(--title-font);
    font-size: var(--subtitle-size);
    font-weight: 500;
    color: var(--main-color);
    margin-bottom: 12px;
}

h2 + p {
    margin-top: 8px;
}

h3 {
    font-family: var(--title-font);
    font-size: 24px;
    font-weight: 700;
    color: var(--main-color);
    margin-bottom: 8px;
}

h4 {
    font-size: 20px;
    color: var(--text-ultradark);
    margin: 8px 0;
}

p {
    line-height: 1.5;
    font-size: var(--p-size);
}

strong {
    font-weight: 600;
    color: var(--text-dark);
}

a {
    color: var(--main-color);
}

    a:hover {
        color: var(--main-medium);
    }

ul {
    list-style: none;
    
}

    ul li, ol li {
        line-height: 1.5;
        margin: 8px 0;
        font-size: 18px;
    }

        

        ul li + p:first-of-type, ol p:first-of-type {
            margin-top: 0;
        } 
        ul li:not(.navbar-links li, .side-menu-links li)::before {
            content: "\2022";
            color: var(--main-color);
            font-weight: 600;
            font-size: 18px;
            display: inline-block;
            width: 24px;
            margin-left: -24px;
        }

    ul ul li::before {
        content: "\0020dd" !important;
        font-size: 16px !important;
    }

.small-text {
    font-size: var(--text-small);
}

/* *=================
    * Navigation Bar
   *================ */

nav {
    position: sticky;
    top: 0;
    background-color: var(--body-alt-color);
    box-shadow: 0 4px 4px -2px rgba(204, 204, 204, 0.4);
    z-index: 99;
}

.navbar {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 0 auto;
    transition: margin 0.2s ease-in;
}

nav img {
    height: 48px;
    padding: 16px 0;
}

.navbar-links {
    display: flex;
    margin: 0;
}

    .navbar-links li {
        display: flex;
        list-style: none;
        cursor: pointer;
        margin: 0;
        transition: all 0.05s ease-in;
    }

        .navbar-links li:hover {
            background-color: var(--body-color);
        }

        .navbar-links li a {
            color: var(--text-light);
            text-decoration: none;
            font-weight: 600;
            font-size: 16px;
            padding: 32px 16px;
            transition: all 0.05s ease-in;
        }

        .navbar-links li:hover a {
            color: var(--main-color);
        }

        .navbar-links li a.active {
            color: var(--main-color);
        }

.menu-wrap {
    position: relative;
    display: none;
    z-index: 1;
}

    .menu-wrap .toggler {
        position: absolute;
        top: 0;
        right: 0;
        opacity: 0;
        height: 50px;
        width: 50px;
        cursor: pointer;
        z-index: 2;
    }

    #hamb-menu {
        width: 36px;
        height: 30px;
        position: relative;
        -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg);
        -webkit-transition: 0.5s ease-in-out;
        -o-transition: 0.5s ease-in-out;
        -webkit-transition: 0.5s var(--hasty);
        -o-transition: 0.5s var(--hasty);
        transition: 0.5s var(--hasty);
        z-index: 2;
        cursor: pointer;
    }

        #hamb-menu span {
            display: block;
            position: absolute;
            height: 3px;
            width: 100%;
            background: var(--main-color);
            border-radius: 1px;
            opacity: 1;
            right: 0;
            -webkit-transform: rotate(0deg);
            -ms-transform: rotate(0deg);
            transform: rotate(0deg);
            -webkit-transition: 0.25s var(--hasty);
            -o-transition: 0.25s var(--hasty);
            transition: 0.25s var(--hasty);
        }

        #hamb-menu span:nth-child(2) {
            top: 12px;
            left: 0;
        }

        #hamb-menu span:nth-child(3) {
            top: 24px;
        }

        #hamb-menu.open span {
            background: var(--alt-bg);
        }

        #hamb-menu.open span:nth-child(1) {
            top: 12px;
            -webkit-transform: rotate(-135deg);
            -ms-transform: rotate(-135deg);
            transform: rotate(-135deg);
        }

        #hamb-menu.open span:nth-child(2) {
            opacity: 0;
            left: -40px;
        }

        #hamb-menu.open span:nth-child(3) {
            top: 12px;
            width: 100%;
            -webkit-transform: rotate(135deg);
            -ms-transform: rotate(135deg);
            transform: rotate(135deg);
        }

.menu {
    position: fixed;
    top: 0;
    right: 0;
    overflow: hidden;
    background: rgba(10, 11, 96, .92);
    height: 100vh;
    width: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    opacity: 1;
    transition: all .3s var(--hasty);
}

.menu.open {
    width: 400px;
}
.side-menu-links {
    padding: 0;
}

.side-menu-links li {
    padding: 16px 64px;
    list-style: none;
    cursor: pointer;
}

        .side-menu-links li a {
            text-decoration: none;
            font-weight: 600;
            color: var(--alt-bg);
            transition: all 0.05s ease-in;
        }

            .side-menu-links li:hover a {
                color: var(--bg-color);
            }

    section {
        position: relative;
    }


    section.alt {
        position: relative;
        background: var(--body-alt-color);
    }

.section-wrapper {
    max-width: var(--max-width);
    margin: 0 auto;
    padding: 24px 0 32px;
    transition: margin 0.2s ease-in;
}

footer {
    padding: 32px 0;
    background-color: var(--body-color);
    color: var(--text-light);
    margin: 0 auto;
    transition: margin 0.2s ease-in;
}

.footer-wrapper {
    display: flex;
    flex-direction: row;
    gap: 32px;
    justify-content: space-between;
}

footer p {
    font-size: 14px;
}

.footer-links {
    min-width: 300px;
    border-left: 1px solid var(--main-light);
    padding-left: 32px;
}

    .footer-links a {
        display: block;
        margin: 8px 0;
        text-decoration: none;
    }

@media screen and (max-width: 1500px) {
    .navbar,
    footer,
    .section-wrapper {
        margin: 0 64px;
    }
}

@media screen and (max-width: 1200px) {
    
    .navbar-links {
        display: none;
    }

        .navbar-links li a {
            padding: 16px 8px;
        }

    .menu-wrap {
        display: block;
    }
}

@media screen and (max-width: 768px) {
    .footer-wrapper {
        flex-direction: column;
    }

    .footer-links {
        padding-left: 0;
        border-left: none;
    }
    .menu.open {
        width: 100%;
    }
    .navbar,
    footer,
    .section-wrapper {
        margin: 0 16px;
    }
}

@media screen and (max-width: 540px) {
    .navbar img {
        height: 36px;
    }
}

.w-100 {
    width: 100%;
}

.hero-container {
    height: 540px;
}

.hero-banner {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-image: url("/assets/home.jpg");
    background-size: cover;
    background-position: left center;
    z-index: 0;
    transition: left .2s var(--hasty);
}

.hero {
    position: relative;
    height: inherit;
    padding: 0;
    display: flex;
    justify-content: flex-end;
    align-items: baseline;
}

.hero-block {
    position: absolute;
    bottom: 0px;
    right: 32px;
    max-width: 540px;
    padding: 0px 32px 32px;
    border-radius: 4px 4px 0 0;
    background-color: rgba(253, 253,253, .75);
    box-shadow: var(--card-shadow);
    transition: all .2s var(--hasty);
}

@media screen and (max-width: 768px) {
    .hero-block {
        right: 0;
    }
}

    @media screen and (max-width: 540px) {
        .hero-banner {
            left: -240px;
        }

        .hero-block {
            right: 0;
            bottom: 24px;
        }
    }

    /* BUTTON */
    button,
    a.main-btn {
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        padding: 10px 20px;
        border-radius: 4px;
        text-decoration: none;
        font-size: 18px;
        line-height: 1.6;
        border: none;
        cursor: pointer;
        margin: 10px 0;
        height: -webkit-fit-content;
        height: -moz-fit-content;
        height: fit-content;
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content;
        margin-right: 8px;
    }

        a.main-btn img {
            margin-left: 16px;
        }

        a.main-btn:hover {
            color: var(--body-alt-color);
        }

.main-btn {
    background: var(--main-gradient);
    background-size: 200% auto;
    color: var(--body-alt-color);
    transition: background .2s var(--hasty);
}

        .main-btn:hover {
            background-position: right center;
        }

    .btn-loading {
        position: relative;
        background: transparent !important;
        -webkit-box-shadow: none !important;
        box-shadow: none !important;
        color: transparent;
        pointer-events: none;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
    }

        .btn-loading::before {
            content: "";
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
            position: absolute;
            transform: translate(-50%, -50%);
            width: 42px;
            height: 42px;
            border-radius: 50%;
            -webkit-animation: spin 1.4s linear infinite;
            animation: spin 1.4s linear infinite;
            border: 4px solid transparent;
            border-top-color: var(--main-light);
        }


        .btn-loading > img {
            display: none;
        }

    .button-row-sq {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        gap: 32px;
    }

    .sq-btn-container {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        width: 120px;
        gap: 4px;
        text-align: center;
        -webkit-transition: all .2s ease-in;
        -o-transition: all .2s ease-in;
        transition: all .2s ease-in;
    }

        .sq-btn-container .small-text {
            margin: 0 auto;
        }

    .sq-btn {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        width: inherit;
        height: 80px;
        background-color: var(--alt-bg);
        border-radius: 4px;
        -webkit-box-shadow: var(--drop-grey);
        box-shadow: var(--drop-grey);
        -webkit-touch-callout: none;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        cursor: pointer;
    }

        .sq-btn:hover {
            background-color: var(--main-faded);
        }


    .sq-btn-container.selected .sq-btn {
        background-color: var(--main-color);
        -webkit-box-shadow: var(--drop-main);
        box-shadow: var(--drop-main);
        -webkit-animation: pulse .2s var(--pulse);
        animation: pulse .2s var(--pulse);
    }

    .sq-btn-container.selected p {
        font-weight: var(--bold);
        color: var(--main-color);
    }


    .sq-btn-container.selected .sq-btn img {
        -webkit-filter: brightness(0) invert(1);
        filter: brightness(0) invert(1);
    }

    .faq-container:first-of-type {
        margin-top: 8px;
    }

    .faq-container {
        border-radius: 8px;
        background-color: transparent;
        border: none;
        -webkit-box-shadow: var(--drop-white);
        box-shadow: var(--drop-white);
        font-size: 16px;
    }

        .faq-container .faq-title {
            background-color: var(--main-color);
            padding: 16px 12px;
            font-size: 20px;
            border-radius: 4px;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            align-items: center;
            -webkit-box-pack: justify;
            -ms-flex-pack: justify;
            justify-content: space-between;
            cursor: pointer;
        }

            .faq-container .faq-title.open {
                border-radius: 4px 4px 0 0;
            }

            .faq-container .faq-title:hover {
                background-color: var(--main-medium);
            }

            .faq-container .faq-title p {
                margin: 2px 0 4px;
                pointer-events: none;
            }

                .faq-container .faq-title p strong {
                    color: var(--body-alt-color);
                }

            .faq-container .faq-title .caret {
                -webkit-transform: scaleY(1);
                -ms-transform: scaleY(1);
                transform: scaleY(1);
                -webkit-transition: all 0.2s ease-in;
                -o-transition: all 0.2s ease-in;
                transition: all 0.2s ease-in;
                pointer-events: none;
                margin-top: 2px;
            }

                .faq-container .faq-title .caret.open {
                    -webkit-transform: scaleY(-1);
                    -ms-transform: scaleY(-1);
                    transform: scaleY(-1);
                }

        .faq-container .faq-content {
            margin-top: 0;
            margin-bottom: 12px;
            background-color: var(--body-alt-color);
            border: none;
            color: var(--text-light);
            border-radius: 0 0 4px 4px;
            height: 0;
            opacity: 0;
            border: 0 solid transparent;
            border-top: none;
            -webkit-transition: all 0.2s ease-in;
            -o-transition: all 0.2s ease-in;
            transition: all 0.2s ease-in;
            overflow: hidden;
        }

        .faq-content h4 {
            font-size: 20px;
            font-weight: var(--bold);
            color: var(--text-ultradark);
        }

            .faq-container .faq-content.open {
                border: 0.5px solid var(--main-medium);
                border-top: none;
                opacity: 1;
            }

        .faq-container .faq-content .product {
            padding: 16px;
            background-color: var(--body-color);
        }

                .faq-container .faq-content .product:nth-child(odd) {
                    background-color: var(--body-alt-color);
                }

        .faq-container .faq-content-wrapper p.faq-subtitle {
            padding: 16px;
            color: var(--text-ultradark);
            background-color: var(--main-faded);
            font-weight: 600;
            margin: 0;
            font-size: 20px;
        }

        .faq-container .faq-content .product > div {
            display: flex;
        }

        .faq-container .faq-content .product a {
            padding: 4px 16px 4px 8px;
            font-weight: 600;
            color: var(--main-medium);
            display: block;
            width: fit-content;
            font-size: 14px;
        }

        .faq-container .faq-content .product a.not-current {
            font-weight: 400;
            color: var(--text-light);
            font-size: 14px;
        }

        .faq-container .faq-content .product a:hover {
            color: var(--main-light);
        }


        .faq-container .faq-content .product p {
                margin: 16px 0 0 4px;
                color: var(--text-dark);
                font-size: 16px;
                font-weight: var(--bold)
            }

        .faq-container .faq-content li {
            margin-top: 8px;
        }

    .caret {
        display: inline-block;
        margin-left: 4px;
        vertical-align: middle;
        border-top: 5px solid var(--body-alt-color);
        border-right: 5px solid transparent;
        border-left: 5px solid transparent;
    }

    @media screen and (max-width: 540px) {

        .faq-container .faq-title p {
            margin: 0;
            font-size: 16px
        }


        .faq-container .faq-content .product,
        .faq-container .faq-content-wrapper p.faq-subtitle {
            padding: 16px 8px;
        }
    }


    /* *=============================================================
   * Forms / Inputs / Dropdowns / Checkboxes / Switch / Radio
   *============================================================ */

    .form-row {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        gap: 16px;
    }

    .input-container .error-msg {
        margin: 4px 2px;
        color: var(--main-error);
    }

    .help-text {
        font-family: var(--body-font);
        font-size: 12px;
        color: var(--medium-text);
        line-height: 1.2;
        margin-left: 4px;
    }

    .input-container {
        width: -webkit-fill-available;
        width: -moz-available;
        width: fill-available;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
        overflow: visible;
        opacity: 1;
        visibility: visible;
        -webkit-transition: all .4s var(--bouncy);
        -o-transition: all .4s var(--bouncy);
        transition: all .4s var(--bouncy);
    }

        .input-container.xxs {
            max-width: 96px;
        }

        .input-container.xs {
            max-width: 108px;
        }

        .input-container.s {
            max-width: 168px;
        }

        .input-container.sm {
            max-width: 186px;
        }

        .input-container.md {
            max-width: 208px;
        }

        .input-container.lg {
            max-width: 232px;
        }

        .input-container.xl {
            max-width: 352px;
        }

        .input-container.full {
            max-width: calc(352px + 350px + 16px);
        }

        .input-container label {
            display: block;
            margin-bottom: 8px;
            margin-top: 16px;
            font-weight: 700;
            color: var(--text-dark);
        }

            .input-container label span {
                font-weight: var(--regular);
            }

        .input-container .big-label {
            margin-bottom: 8px;
        }

        .input-container input,
        .input-container textarea {
            background-color: var(--bg-color);
            border: 1px solid var(--light-text);
            border-radius: 4px;
            color: var(--text-dark);
            min-height: 26px;
            padding: 8px 8px 10px;
            outline: none;
            font-family: var(--body-font);
            width: -webkit-fill-available;
            width: -moz-available;
            width: fill-available;
            font-size: var(--text-small);
        }

        .input-container .tooltip-container {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-pack: justify;
            -ms-flex-pack: justify;
            justify-content: space-between;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
        }

            .input-container .tooltip-container .tooltip {
            }

    @media screen and (max-width: 768px) {
        .input-container input,
        .input-container textarea {
            margin: 0;
            min-width: -webkit-fill-available;
            min-width: -moz-available;
            min-width: fill-available;
            
        }
    }


    .single-traveller {
        -webkit-transform: translateY(0px);
        -ms-transform: translateY(0px);
        transform: translateY(0px);
        opacity: 1;
        visibility: visible;
        position: relative;
        -webkit-transition: all .4s var(--bouncy);
        -o-transition: all .4s var(--bouncy);
        transition: all .4s var(--bouncy);
    }



    .input-container input.input-error {
        border: 1px solid var(--main-error);
    }

        .input-container input.input-error:hover,
        .input-container input.input-error:focus,
        .input-container input.input-error:focus-visible {
            border: 1px solid var(--main-error);
        }

    .input-container input::-moz-selection {
        background: #b3d4fc;
        text-shadow: none;
    }

    .input-container input::selection {
        background: #b3d4fc;
        text-shadow: none;
    }

    .input-container input::-webkit-input-placeholder {
        color: var(--text-light);
    }

    .input-container input::-moz-placeholder {
        color: var(--text-light);
    }

    .input-container input:-ms-input-placeholder {
        color: var(--text-light);
    }

    .input-container input::-ms-input-placeholder {
        color: var(--text-light);
    }

    .input-container input::placeholder {
        color: var(--text-light);
    }

.input-container input,
.input-container textarea {
    border: 1px solid transparent;
}

    .input-container input:hover,
    .input-container input:focus,
    .input-container input:focus-visible,
    .input-container textarea:hover,
    .input-container textarea:focus,
    .input-container textarea:focus-visible {
        background-color: var(--alt-bg);
        border: 1px solid var(--main-faded);
        outline: none;
    }

    .input-container .input-helper-container {
        position: relative;
        width: -webkit-fill-available;
        width: -moz-available;
        width: fill-available;
    }


    .input-container .input-helper-container .input-help-box {
        position: absolute;
        left: 0;
        width: 32px;
        height: 100%;
        padding: 0 8px;
        border-radius: 4px 0 0 4px;
        background-color: var(--main-color);
        font-family: var(--body-font);
        z-index: 1;
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }


    .input-container .input-helper-container .input-icon {
        z-index: 0;
        padding-left: 56px;
        border-radius: 0 4px 4px 0;
    }

    .input-container .input-helper-container.details {
        -webkit-animation: none !important;
        animation: none !important;
    }

    .input-container .input-help {
        margin: 4px 8px;
        color: var(--dark-text);
        position: relative;
    }

        .input-container .input-help::before {
            content: "*";
            color: var(--main-dark);
            font-weight: var(--bold);
            position: absolute;
            font-size: 14px;
            left: -8px;
        }

    .input-container .error-msg {
        margin: 4px 2px;
        color: var(--main-error);
    }



    .dropdown-content {
        position: relative;
        width: -webkit-fill-available;
        width: -moz-available;
        width: fill-available;
        min-width: 64px;
        min-height: 26px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        padding: 10px 8px 12px;
        border-radius: 4px;
        border: 1px solid var(--light-text);
        background-color: var(--light-bg);
        font-family: var(--body-font);
        color: var(--dark-text);
        font-size: 16px;
        line-height: 1.6;
        cursor: pointer;
        background-color: var(--bg-color);
    }




    .dropdown-wrapper input[type="checkbox"]:hover + .dropdown-content {
        background-color: var(--alt-bg);
    }


    .dropdown-wrapper input[type="checkbox"i] {
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        margin: 0;
        opacity: 0;
        position: absolute;
        cursor: pointer;
    }


    .overlay {
        position: fixed;
        z-index: 1000;
        top: 0px;
        left: 0px;
        right: 0px;
        bottom: 0px;
        background: rgba(255,255,255,0.8);
        text-align: center;
    }

    .overlayContent {
        z-index: 99;
        margin: 250px auto;
        width: 200px;
        height: 80px;
    }

.hidden {
    display: none;
}


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

table {
    width: 100%;
    text-align: left;
    border-spacing: 0;
    border-collapse: collapse;
    overflow: hidden;
}
    table tr {
        /*border: .5px solid var(--alt-bg);*/
    }

    table th {
        padding: 16px;
        background-color: var(--main-light);
        font-size: 18px;
        color: var(--text-dark);
        font-weight: var(--bold);
        border-radius: 4px 4px 0 0;
        font-family: var(--title-font);
    }
    table tbody tr:nth-child(odd) td {
        background-color: #fafaff;
    }
    table tbody tr:nth-child(even) td {
        background-color: #f4f4fd;
    }
    table td {
        padding: 16px;
        background-color: var(--alt-bg);
    }
    table tbody tr:last-child td:first-child {
        border-radius: 0 0 0 4px;
    }
    table tbody tr:last-child td:last-child {
        border-radius: 0 0 4px 0;
    }

@media screen and (max-width: 540px) {
    table td {
        display: block;
    }
        table td:nth-child(odd) {
            background-color: #fafaff !important;
        }
        table td:nth-child(even){
            background-color: #f4f4fd !important;
        }
}

.warning-box {
    padding: 32px;
    border-radius: 4px;
    background-color: #fdf5e8;
    box-shadow: 1px 8px 16px -8px rgb(98, 76, 25, 0.30);
}

.img-caption {
    display: flex;
    gap: 32px;
    align-items: flex-start;
    margin: 20px 0;
}

    .img-caption img {
        width: 320px;
        border: 8px solid #ffffff;
        box-shadow: 1px 2px 4px -2px rgba(0, 0, 0, .32);
        transition: all .1s ease-in;
    }

    .img-caption h3 {
        margin-top: 4px;
    }

@media (max-width: 900px) {
    .warning-box {
        padding: 16px;
    }
    .img-caption {
        align-items: flex-start;
        flex-direction: column;
    }

        .img-caption img {
            width: 100%;
            border: 4px solid #ffffff;
            box-shadow: 1px 2px 4px -2px rgba(0, 0, 0, .32);
        } 
        
}

    @media (max-width: 768px) {
        .img-caption {
            gap: 16px;
        }

            
    }