* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -moz-tap-highlight-color: rgba(0, 0, 0, 0);
    -ms-tap-highlight-color: rgba(0, 0, 0, 0);
    -o-tap-highlight-color: rgba(0, 0, 0, 0);
}

:root {
    --blue-50: #f1f9fe;
    --blue-100: #e1f2fd;
    --blue-200: #bde4fa;
    --blue-300: #83d0f6;
    --blue-400: #42b7ee;
    --blue-500: #1899d6;
    --blue-600: #0c7fbd;
    --blue-700: #0b6699;
    --blue-800: #0d567f;
    --blue-900: #114869;
    --blue-950: #0b2d46;
    --light-color1: #E1E1E1;
    --light-color2: #F1F1F1;
    --light-color3: #F5F5F5;
    --light-color4: #FAFAFA;
    --light-color5: #FDFDFF;
    --light-color6: #FDFDFF;
    --blue-color1: #005CA3;
    --blue-color2: #1787DD;
    --blue-color3: #3DA9FC;
    --blue-color4: #82C9FF;
    --blue-color5: #ADD9FB;
    --blue-color6: #EAF6FF;
    --gray-color1: #233341;
    --gray-color2: #506578;
    --gray-color3: #B7CADB;
    --gray-color4: #CBDCEC;
    --gray-color5: #E7F2FC;
    --gray-color6: #ECF6FF;
    --body-color: #373741;
    --white-color: #fdfdff;
    --primary-color: #61677A;
    --secondary-color: #fef6e4;
    --buttonp-color: #3da9fc;
    --buttons-color: #abd1c6;
    --card-black: #34333a;
    --tertiary-color: #6a6e76;
    --shadow-bottom: 0 4px 12px rgba(0, 0, 0, .3);
    --shadow-right: 4px 0px 12px rgba(0, 0, 0, .2);
    --shadow-left: -4px 0px 12px rgba(0, 0, 0, .2);
    --content-shadow: rgba(0, 0, 0, 0.2) 0px 4px 12px;
    --small-shadow: rgba(0, 0, 0, 0.1) 0px 2px 8px;
    --sss: #8bd3dd;
}

*:before,
*:after {
    box-sizing: inherit;
}

:focus {
    outline: none;
}

:invalid,
:required,
:valid {
    border: 0;
    outline: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

::selection {
    background: gray;
    color: #fff;
}

input:not([type="range"], [type="radio"]),
textarea,
select,
option,
button {
    font-family: inherit;
    font-size: inherit;
    color: inherit;
    border: none;
    background: none;
    outline: none;
    line-height: inherit;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
}

select {
    background: #fff;
    color: #111;
    cursor: pointer;
}

select option {
    background-color: #fff;
    color: black;
    cursor: pointer;
}

::placeholder {
    color: inherit;
    opacity: 0.5;
}

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

mark {
    background: none;
    color: inherit;
}

img,
figure,
iframe {
    display: block;
}

img {
    color: transparent !important;
    text-shadow: none !important;
}

img.cover {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

ul {
    list-style: none;
}

br+br,
.clear {
    clear: both;
}

h1 {
    font-size: 28px;
    line-height: 34px;
}

h2 {
    font-size: 26px;
    line-height: 32px;
}

h3 {
    font-size: 24px;
    line-height: 30px;
}

h4 {
    font-size: 22px;
    line-height: 26px;
}

h5 {
    font-size: 20px;
    line-height: 24px;
}

h6 {
    font-size: 18px;
    line-height: 22px;
}


.ease,
a {
    transition: all 250ms ease;
}

.easeSlow {
    transition: all 500ms ease;
}

.easeNone {
    transition: none;
}


::-webkit-scrollbar {
    width: 10px;
    scrollbar-color: black;
}


body {
    width: 100%;
    font-family: "Poppins", sans-serif;
    color: black;
}

.is_active {
    display: block !important;
}

@keyframes drop-down {
    from {
        opacity: 0;
        transform: translateY(-100px);
    }

    to {
        opacity: 1;
        transform: translate(0px);
    }
}

@keyframes drop-left {
    from {
        opacity: 0;
        transform: translateX(-100px);
    }

    to {
        opacity: 1;
        transform: translate(0px);
    }
}

@keyframes drop-right {
    from {
        opacity: 0;
        transform: translateX(100px);
    }

    to {
        opacity: 1;
        transform: translate(0px);
    }
}