*{
    padding: 0;
    margin: 0;
    box-sizing: border-box;
}

.h1, .h2, .h3, .h4, .h5, .h6, .p, h1, h2, h3, h4, h5, h6, p, dl, ol, ul{
    padding: 0;
    margin: 0;
}

html{
    font-size: 16px; /* default value is 16px */
    scroll-behavior: smooth;
}

body{
    font-family: 'Inter', sans-serif;
    font-size: 1rem; /**** body basic font size 16px ****/
    line-height: 1.5rem; /**** body basic font size 24px ****/
    color:var(--black);
    background-color: var(--body-blue);
}

.clear{}

.clear:before,
.clear:after{
    content: "";
    display: table;
    clear: both;
}

ul.no_style,
ul.no_style li{
    list-style: none;
}

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

button{}

button:focus{
    outline: none;
    box-shadow: none;
}

/* button:focus {
    outline:none;
    box-shadow: none;
} */

b,
strong {
    font-weight: bolder
}

textarea {
    resize: none
}

:root{
    --body-blue:#1D1068;
    --light-blue-bg:#C9E2FF;
    --deep-blue-bg:#001EAC;
    --yellow-bg:#FFEB85;
    --text-blue:#001EAC;
    --text-grey:#A09559;
    --text-yellow:#FFE700;
    --white:#fff;
    --black:#000;

    --text-left:left;
    --text-right:right;
    --text-center:center;

    --font-light:light; /*** light weight***/
    --font-regular:400; /*** regular weight***/
    --font-medium:500; /*** medium weight***/
    --font-semibold:600;/*** semibold weight***/
    --font-bold:700;/*** bold weight***/

    --no-underline:none; /** use for text-decoration:none **/
    --underline:underline; /** use for text-decoration:underline **/
    --no-border:0px none;
    --no-shadow:0 0 0 0;

    --text-uppercase:uppercase;/** use for text-transform:uppercase **/

    --border-radius-5:5px;
    --border-radius-10:10px;
    --border-radius-15:15px;
    --border-radius-20:20px;
    --border-radius-30:30px;
    --border-radius-40:40px;
    --border-radius-50:50px;
    --capsule-radius:100vmax;

    --letter-spacing-2: -0.02em;
    --letter-spacing-5:-5%;
    --letter-spacing-4:-0.03em;
    --letter-spacing-4:-0.04em;

}


@font-face {
    font-family: 'Onest-ExtraBold';
    src: url('../fonts/Onest-ExtraBold.eot');
    src: url('../fonts/Onest-ExtraBold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Onest-ExtraBold.woff2') format('woff2'),
        url('../fonts/Onest-ExtraBold.woff') format('woff'),
        url('../fonts/Onest-ExtraBold.ttf') format('truetype'),
        url('../fonts/Onest-ExtraBold.svg#Onest-ExtraBold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Onest-Black';
    src: url('../fonts/Onest-Black.eot');
    src: url('../fonts/Onest-Black.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Onest-Black.woff2') format('woff2'),
        url('../fonts/Onest-Black.woff') format('woff'),
        url('../fonts/Onest-Black.ttf') format('truetype'),
        url('../fonts/Onest-Black.svg#Onest-Black') format('svg');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Onest-Bold';
    src: url('../fonts/Onest-Bold.eot');
    src: url('../fonts/Onest-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Onest-Bold.woff2') format('woff2'),
        url('../fonts/Onest-Bold.woff') format('woff'),
        url('../fonts/Onest-Bold.ttf') format('truetype'),
        url('../fonts/Onest-Bold.svg#Onest-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Onest-Regular';
    src: url('../fonts/Onest-Regular.eot');
    src: url('../fonts/Onest-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Onest-Regular.woff2') format('woff2'),
        url('../fonts/Onest-Regular.woff') format('woff'),
        url('../fonts/Onest-Regular.ttf') format('truetype'),
        url('../fonts/Onest-Regular.svg#Onest-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Onest-Medium';
    src: url('Onest-Medium.eot');
    src: url('Onest-Medium.eot?#iefix') format('embedded-opentype'),
        url('Onest-Medium.woff2') format('woff2'),
        url('Onest-Medium.woff') format('woff'),
        url('Onest-Medium.ttf') format('truetype'),
        url('Onest-Medium.svg#Onest-Medium') format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Onest-Light';
    src: url('../fonts/Onest-Light.eot');
    src: url('../fonts/Onest-Light.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Onest-Light.woff2') format('woff2'),
        url('../fonts/Onest-Light.woff') format('woff'),
        url('../fonts/Onest-Light.ttf') format('truetype'),
        url('../fonts/Onest-Light.svg#Onest-Light') format('svg');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Onest-Thin';
    src: url('../fonts/Onest-Thin.eot');
    src: url('../fonts/Onest-Thin.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Onest-Thin.woff2') format('woff2'),
        url('../fonts/Onest-Thin.woff') format('woff'),
        url('../fonts/Onest-Thin.ttf') format('truetype'),
        url('../fonts/Onest-Thin.svg#Onest-Thin') format('svg');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

h1{
    font-size: 6.875rem; /** font-size 110px **/
    line-height: 5.938rem; /** line-height 95px **/
    letter-spacing: var(--letter-spacing-5);
    color: var(--deep-blue);
    font-family: 'Onest-ExtraBold', sans-serif;
}

h2{
    font-size: 3.25rem; /** font-size 52px **/
    line-height: 3.5rem; /** line-height 56px **/
    font-family: 'Onest-Bold', sans-serif;
}

h3{
    font-size: 2.75rem; /** font-sze 44px **/
    line-height: 3.063rem; /** line-height 49px **/
}

h4{
    font-size: 1.625rem;  /** font-sze 26px **/
    line-height: 1.875rem;  /** font-sze 30px **/
}

h5{
    font-size: 1rem;  /** font-sze 16px **/
    line-height: 1.5rem;  /** font-sze 24px **/
}

h6{
        font-size: 0.813rem;  /** font-sze 13px **/
        line-height: 1rem;  /** font-sze 16px **/
}

p{
    font-size: 1rem;  /** font-sze 16px **/
    line-height: 1.5rem;  /** font-sze 24px **/
    font-weight: var(--font-medium);
}

a{
    text-decoration: var(--no-underline);
}

a:hover{
    text-decoration: var(--underline);
}

.container_full{
    max-width: 100%;
    margin: 0 auto;
}

.container{
    max-width: 1370px;
    margin: 0 auto;
    letter-spacing: var(--letter-spacing-5);
}