/*
=====================
CSS Table of Conttent 
=====================
*/
/**
* This is a ClashDisplay font
* You can controll variable axes as shown below:
* font-variation-settings: 'wght' 900.0;
*
* available axes:

* 'wght' (range from 300.0 to 900.0)

*/




@font-face {
    font-family: 'ClashDisplay-Medium';
    src: url('../fonts/ClashDisplay-Medium.woff2') format('woff2'),
        url('../fonts/ClashDisplay-Medium.woff') format('woff'),
        url('../fonts/ClashDisplay-Medium.ttf') format('truetype');
    font-weight: 500;
    font-display: swap;
    font-style: normal;
}


@font-face {
    font-family: 'ClashDisplay-Semibold';
    src: url('../fonts/ClashDisplay-Semibold.woff2') format('woff2'),
        url('../fonts/ClashDisplay-Semibold.woff') format('woff'),
        url('../fonts/ClashDisplay-Semibold.ttf') format('truetype');
    font-weight: 600;
    font-display: swap;
    font-style: normal;
}




/**
* This is a Satoshi font
* You can controll variable axes as shown below:
* font-variation-settings: 'wght' 900.0;
*
* available axes:

* 'wght' (range from 300.0 to 900.0)

*/




@font-face {
    font-family: 'Satoshi-Regular';
    src: url('../fonts/Satoshi-Regular.woff2') format('woff2'),
        url('../fonts/Satoshi-Regular.woff') format('woff'),
        url('../fonts/Satoshi-Regular.ttf') format('truetype');
    font-weight: 400;
    font-display: swap;
    font-style: normal;
}


@font-face {
    font-family: 'Satoshi-Medium';
    src: url('../fonts/Satoshi-Medium.woff2') format('woff2'),
        url('../fonts/Satoshi-Medium.woff') format('woff'),
        url('../fonts/Satoshi-Medium.ttf') format('truetype');
    font-weight: 500;
    font-display: swap;
    font-style: normal;
}


@font-face {
    font-family: 'Satoshi-Bold';
    src: url('../fonts/Satoshi-Bold.woff2') format('woff2'),
        url('../fonts/Satoshi-Bold.woff') format('woff'),
        url('../fonts/Satoshi-Bold.ttf') format('truetype');
    font-weight: 700;
    font-display: swap;
    font-style: normal;
}

body {
    font-family: 'Satoshi-Regular';
    color: #40485C;
    -webkit-animation: fadein 2s;
    -moz-animation: fadein 2s;
    -ms-animation: fadein 2s;
    -o-animation: fadein 2s;
    animation: fadein 2s;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'ClashDisplay-Semibold';
}

.satoshi-medium {
    font-family: 'Satoshi-Medium';
}

.satoshi-bold {
    font-family: 'Satoshi-Bold';
}

.clashdisplay-medium {
    font-family: 'ClashDisplay-Medium';
}

.clashdisplay-semibold {
    font-family: 'ClashDisplay-Semibold';
}

html {
    scroll-behavior: smooth;
}

:root {
    scrollbar-color: #1D1D1E #212224 !important;
    scrollbar-width: thin !important;
}

body::-webkit-scrollbar {
    width: .8rem;
}

body::-webkit-scrollbar-track {
    border-radius: 0;
}

body::-webkit-scrollbar-thumb {
    background-color: #1D1D1E;
    border-radius: 0;
}

input::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */
    color: #6A7178;
    line-height: 5;
}

input::-moz-placeholder {
    /* Firefox 19+ */
    color: #6A7178;
    line-height: 5;
}

input:-ms-input-placeholder {
    /* IE 10+ */
    color: #6A7178;
    line-height: 5;
}

input:-moz-placeholder {
    /* Firefox 18- */
    color: #6A7178;
    line-height: 5;
}

img {
    max-width: 100%;
}

select {
    -webkit-appearance: none;
    -moz-appearance: none;
    text-indent: 1px;
    text-overflow: '';
}

input[type="date"]::-webkit-inner-spin-button,
input[type="date"]::-webkit-calendar-picker-indicator {
    display: none;
    -webkit-appearance: none;
}

input[type="time"]::-webkit-calendar-picker-indicator {
    display: none;
    background: none;
}

.hero-thumb img {
    max-height: 1060px;
}
.hero-wrap-thumb{
    min-height: 500px;
}

/*
* Select Language JS
* Js: v3.4.14,
* Jquery: v3.4.7
* Browsers: last 4 version
*/

.formDropdown {
    position: relative;
}

.formDropdown .optionGroup {
    display: none;
    position: absolute;
    background: rgb(241, 241, 241);
    border: 1px solid #7B9DCA4A;
    padding: 1rem;
}

.formDropdown .optionGroup.show {
    display: block;
}

.formDropdown .optionGroup img {
    width: 20px;
}

.formDropdown .country_wrap {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: rgba(129, 162, 204, 0.09);
    border: 1px solid #7B9DCA4A;
    width: 315px;
    height: 60px;
    padding: 10px 20px;
    border-radius: 10px;

}

.formDropdown .country_wrap input {
    background: transparent;
    border: 0;
    outline: 0;
    color: #07122CC4;
    font-family: 'Satoshi-Medium';
    font-size: 18px;

}

.formDropdown .country_wrap img {
    width: 20px;
}

.formDropdown .country_wrap .flag {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-right: 1px solid #000;
    padding: 5px 15px 5px 0px;
    position: relative;
    min-width: 52px;
}

.formDropdown .country_wrap .number {
    margin-left: 15px;
}

.formDropdown .country_wrap .bxs_up-arrow {
    margin-left: 6px;
    width: 10px;
}