@charset "UTF-8";

/* Poppins */
@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
/* inter */
@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');
/* Rubik */
@import url('https://fonts.googleapis.com/css2?family=Rubik:ital,wght@0,300..900;1,300..900&display=swap');

/* #wrap {
    min-width: 100%;
    overflow: hidden;
} */

html, body {
    font-family: "Poppins", sans-serif;
    font-size: 100%;
    color: inherit;
    line-height: 1.2;
    letter-spacing: -0.2px;
    word-break: keep-all;
    word-wrap: break-word;
    -webkit-font-smoothing: antialiased;
    height: 100vh;
    /* height: var(--vh); */
    /* overflow-x: hidden; */ 
}
/* :root {
    --vh: 100%;
} */

body.no_scroll {    
    overflow: hidden;
    padding-right: var(--scrollbar-width); 
    /* background-color: transparent; */
}
body.no_scroll header {    
    padding-right: var(--scrollbar-width); 
}
body.no_scroll .top_btn {
    margin-right: var(--scrollbar-width); 
}
.wrapper {
    max-width: 1200px;
    margin: 0 auto;
    width: 100%;
}

* {
    padding: 0;
    margin: 0;
    box-sizing: border-box;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}

ul, ol, li {
    list-style: none;
}

a {
    text-decoration: none;
    color: inherit;
}
blockquote, q {
	quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

address, em {
    font-style: normal ;
}

h1, h2, h3, h4, h5, h6, strong, th {
    font-size: inherit;
    font-weight: inherit;
}

input, button, select {
    color: inherit;
    font-family: inherit;
    font-size: inherit;
}

button{
    background-color: transparent;
    border: 0;
    cursor: pointer;
}
table {
    border-collapse: collapse;
    border: 0;
}

table caption {
    display: none;
}

fieldset {
    border: 0;
}

legend {
    display: none;
}

:root {
    --mainorange: #FF8204;
    --lightorange: #ffeddb;
    --suborange: #FFEFDF;
    --bgorange: #FFF8F3;
    --hoverorange:#FFA243;
    --maingreen: #51B491;
    --bggreen: #F1F9F6;
    --mainskyblue: #77A9E8;
    --mainred: #FF5253;
    --gray8: #B8B8B8;
    --gray7: #7B7B7B;
    --gray5: #B5B5B5;
    --gray4: #D4D4D4;
    --mainbrown :#453E39;
    --mainblack :#2F2E2D;
    --black: #000000;
    --white: #FFFFFF;
}


.font_l {
    font-weight: 300; /* poppins-light */
}
.font_r {
    font-weight: 400; /* poppins-regular */
}
.font_m {
    font-weight: 500; /* poppins-medium */
}
.font_bold {
    font-weight: 600; /* poppins-semibold */
}
.font_black {
    font-weight: 700; /* poppins-bold */
}

.font_inter_l {
    font-family: "Inter", sans-serif;
    font-weight: 300; /* poppins-light */
}
.font_inter_r {
    font-family: "Inter", sans-serif;
    font-weight: 400; /* poppins-regular */
}
.font_inter_m {
    font-family: "Inter", sans-serif;
    font-weight: 500; /* poppins-medium */
}
.font_inter_bold {
    font-family: "Inter", sans-serif;
    font-weight: 600; /* poppins-semibold */
}
.font_inter_black {
    font-family: "Inter", sans-serif;
    font-weight: 700; /* poppins-bold */
}
.font_inter {
    font-family: "Inter", sans-serif;
}
/* .font_55 {
    font-size: 55px;
} */

input:focus {
    border: 1px solid var(--mainorange);
}   


@media screen and (max-width: 1280px) {
    .wrapper {
        max-width: 100%;
        padding: 0 60px;
    }
}
@media screen and (max-width: 768px) {
    .wrapper {
        padding: 0 20px;
    }
}
@media screen and (max-width: 768px) {
    .wrapper {
        padding: 0 20px;
    }
}