*{
    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.313rem; /**** body basic line-height 21px ****/

    color:var(--black);
    background-color: var(--body-blue);
}

body.menu-open{
    overflow: hidden;
}


.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;
} */

b,
strong {
    font-weight: bolder
}

textarea {
    resize: none
}

:root{
    --color-1:#F0F2FF;
    --color-2:#4F588F;
    --color-3:#8E93B0;

    --color-4:#7c7c7c;
    --color-5:#B6B6B6;
    --color-6:#A09559;
    --color-new:#243DD6;
    --no-bg:transparent;

    --white:#fff;
    --black:#0F1113;

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

    --font-light:300; /*** light weight***/
    --font-regular:400; /*** regular weight***/
    --font-medium:500; /*** medium weight***/
    --font-semibold:600;/*** semibold weight***/
    --font-bold:700;/*** bold weight***/
    --font-extra-bold:800;/*** extra-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-8:8px;
    --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.04em;

    --padding-0:0px;

    --font-size-13:0.813rem; /** font-size: 13px **/
    --line-height-16:1rem; /** line-height: 16px **/

}

h1{
    font-size:2.5rem; /** font-size:40px **/
    line-height: 2.875rem; /** font-size:46px **/
    font-weight: var(--font-semibold);
}

h2{
    font-size:1.5rem; /** font-size:24px **/
    line-height: 1.688rem; /** font-size:27px **/
}

h3{
    font-size:1rem; /** font-size:16px **/
    line-height: 1.313rem; /** font-size:21px **/
}

h4{
    font-size:0.875rem; /** font-size:14px **/
    line-height: 1.063rem; /** font-size:17px **/
}

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

h6{}


p{
    font-size:1rem; /** font-size:16px **/
    line-height: 1.313rem; /** font-size:21px **/
}

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

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

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

.container{
    max-width: 1360px;
    margin: 0 auto;
}

.black_arow_btn{
    background: var(--black);
    color: var(--white);
    text-transform: var(--text-uppercase);
    letter-spacing: var(--letter-spacing-2);
    border: var(--no-border);
    box-shadow: var(--no-shadow);
    font-weight: var(--font-semibold);
    font-size: 14px;
    text-align: left;
    text-align: left;
    padding:0 0 0 20px;
    position: relative;
    overflow: hidden;
    transition: all .3s ease-in-out;
    height: 37px;
    line-height: 100%;
    border-radius: 100vmax;
}

.black_arow_btn:before{
    content: "";
    width: 14px;
    height: 11px;
    background: url(../images/black_button_arrow.svg) 0px 0px no-repeat;
    position: absolute;
    top: 50%;
    left: -13px;
    z-index: 1;
    transform: translateY(-50%);
    background-size: cover;
    transition: all .3s ease-in-out;
}

.black_arow_btn:after{
    content: "";
    width: 14px;
    height: 11px;
    background: url(../images/black_button_arrow.svg) 0px 0px no-repeat;
    position: absolute;
    top: 50%;
    right: 13px;
    z-index: 1;
    transform: translateY(-50%);
    background-size: cover;
    transition: all .3s ease-in-out;
}


.black_arow_btn:hover{
    padding:0 0 0 40px;
    transition: all .3s ease-in-out;
}

.black_arow_btn:hover:before{
    left: 14px;
    transition: all .3s ease-in-out;
}

.black_arow_btn:hover:after{
    right: -16px;
}





.white_arow_btn{
    background: var(--white);
    color: var(--black);
    text-transform: var(--text-uppercase);
    letter-spacing: var(--letter-spacing-2);
    border: var(--no-border);
    box-shadow: var(--no-shadow);
    font-weight: var(--font-semibold);
    font-size: 14px;
    text-align: left;
    text-align: left;
    padding:0 0 0 20px;
    position: relative;
    overflow: hidden;
    transition: all .3s ease-in-out;
    height: 37px;
    line-height: 100%;
    border-radius: 100vmax;
}

.white_arow_btn:before{
    content: "";
    width: 14px;
    height: 11px;
    background: url(../images/white_btn_arrow.svg) 0px 0px no-repeat;
    position: absolute;
    top: 50%;
    left: -13px;
    z-index: 1;
    transform: translateY(-50%);
    background-size: cover;
    transition: all .3s ease-in-out;
}

.white_arow_btn:after{
    content: "";
    width: 14px;
    height: 11px;
    background: url(../images/white_btn_arrow.svg) 0px 0px no-repeat;
    position: absolute;
    top: 50%;
    right: 13px;
    z-index: 1;
    transform: translateY(-50%);
    background-size: cover;
    transition: all .3s ease-in-out;
}


.white_arow_btn:hover{
    padding:0 0 0 40px;
    transition: all .3s ease-in-out;
}

.white_arow_btn:hover:before{
    left: 14px;
    transition: all .3s ease-in-out;
}

.white_arow_btn:hover:after{
    right: -16px;
}

.modal-header{
    border-bottom: 0px none;
}