:root {
    /*--font-primary: 'Switzer', sans-serif;*/
    --font-primary: 'Switzer Variable', sans-serif;
    --font-secondary: 'General Sans Variable', sans-serif;
    --font-third: 'Satoshi-Variable', sans-serif;
    --text-color: #3F4E5F;
    --title-color: #001C3C;
    --accent-color: #534B82;
    --secondary-color: #DCFDFF;
    scroll-behavior: smooth;
}

*,
*::before,
*::after {
    box-sizing: inherit;
    outline: none !important;
}

*:hover,
*:focus {
    outline: none !important;
}

html {
    box-sizing: border-box;
    scroll-behavior: smooth;
}

html,
body {
    height: 100%;
    width: 100%;
    font-size: 16px;
    /* overflow: hidden; */
}

body {
    min-width: 320px;
    position: relative;
    font-family: var(--font-primary);
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
    line-height: 1.19;
    color: var(--text-color);
    background: #F8F8F8;
    opacity: 1;
}

img {
    vertical-align: middle;
    max-width: 100%;
    height: auto;
}

.wrapper {
    overflow: hidden;
    width: 100%;
}

.wrapper__in {
    overflow: hidden;
    /* padding-bottom: 60px; */
     /*max-width: 375px; */
    /* max-width: 1440px; */
}

.wrap {
    max-width: 1312px;
    padding-left: 16px;
    padding-right: 16px;
    margin-right: auto;
    margin-left: auto;
}

input[type="search"]::-ms-clear {
    width : 0;
    height: 0;
}

input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration {
    -webkit-appearance: none;
}

a,
button {
    cursor: pointer;
    color: inherit;
    text-decoration: none;
    font-family: inherit;
    background: none;
    padding: 0;
    border: none;
    font-weight: inherit;
    line-height: inherit;
    font-size: inherit;
    cursor: pointer;
}

a {
    transition: color 0.3s ease 0s;
}

a:hover,
a:focus {
    color: #FFB607;
}

ul {
    padding: 0;
    margin: 0;
    list-style: none;
}

.text-nowrap {
    white-space: nowrap;
}