*:before,
:after{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    overflow-x: hidden;
}

html,
body{
    margin: 0;
    padding: 0;
    min-height: 100%;
    align-items: center;
    justify-content: center;

}

body{
    overflow-x: hidden;
}

a{
    text-decoration: none;
}

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

button{
    outline: none;
    cursor: pointer;
}

h1,
h2,
h3,
h4,
h5,
h6{
    font-size: 14px;
}

.body_container{
    max-width: 1440px;
    margin: 0 auto;
    padding: 0 10px;
}

/*Section of header*/

.header{
    width: 100%;
    height: 90px;
    align-items: center;
    justify-content: center;
}

.header_container{
    max-width: 1400px;
    margin: 0 auto;
    padding: 0 10px;

}

.contents_logo-div{
    width: 170px;
    padding: 5px 5px;
    display: flex;
}

.contents_logo-div img{
    width: 50px;
}

.header-contents_row,
.header_items,
.item-contents_row{
    display: flex;
    padding: 10px 5px;
    margin: 0;
}

.item-contents_row{
    width: 100%;
    justify-content: space-between;
}

.header-items_item{
    margin: 0 20px;
    font-family: Calibri;
}

.header-items_item a{
    color: #000;
}

.header_items{
    margin: -3px 0;
}

.contents_logo-div a{
    font-size: 26px;
    margin: 5px 0;
    color: #000;
    font-weight: 600;
    font-family: Consolas;
}

.content-buttons_row{
    margin: 0;
    padding: 0 5px;
    display: flex;
    width: 350px;
}

.contents_login-btn,
.contents_sign-btn{
    width: 40%;
    border-radius: 5px;
    padding: 12px 10px;
    border: 1px solid rgba(0, 0, 0, 0.5);
    background-color: #fff;
    color: #ff3b3c;
    cursor: pointer;
    margin: 0 15px;
}

.contents_sign-btn{
    background-color: #ff3b3c;
    color: #ffffff;
    transition: all 0.3s ease;
    padding: 5px 10px;
}

.contents_sign-btn:hover{
    background-color: #ffffff;
    color: #ff3b3c;
    transition: all 0.3s ease;
}

.contents_login-btn:hover{
    background-color: #ff3b3c;
    color: #ffff;
    transition: all 0.3s ease;
}

/*Section of body*/

.body-contents_row{
    display: flex;
    max-width: 1400px;
    margin: 0 auto;
    padding: 0 5px;
}

.body-contents_text{
    margin: 50px 0;
}

.body-contents_text h2{
    font-size: 65px;
    font-family: Calibri;
}

.body-contents_text p{
    font-size: 16px;
    width: 400px;
    font-family: Calibri;
}

.body-contents_img{
    width: 600px;
}

.body-contents_img img{
    width: 600px;
    height: 529px;
}

.body-content-buttons_row{
    display: flex;
    width: 300px;
    margin: 0;
    padding: 0 5px;
    transform: translateY(-285%);
}

.contets_text{
    transform: translateY(-485%);
    padding: 0 15px;
}

.body-content-button_free,
.body-content-button_demo{
    padding: 12px 20px;
    border-radius: 5px;
    border: 1px solid;
    background-color: #fff;
    color: #ff3b3c;
    cursor: pointer;
    margin: 0 10px;
    transition: all 0.3s ease;
}

.body-content-button_demo{
    background-color: #ff3b3c;
    color: #ffffff;
    transition: all 0.3s ease;
}

.body-content-button_demo:hover{
     background-color: #ffffff;
     color: #ff3b3c;
     transition: all 0.3s ease;
}

.body-content-button_free:hover{
    background-color: #ff3b3c;
    color: #ffffff;
    transition: all 0.3s ease;
}

.contets_text p{
    font-size: 14px;
    font-family: Calibri;
}

.body_background{
    max-width: 1800px;
    height: 56%;
    margin: 0;
    background-color: #FF9C7D;
    justify-content: center;
    align-items: center;
    transform: translateY(5px);
}

.background_container{
    max-width: 1400px;
    margin: 0 auto;
    padding: 0 5px;
}

.background_text{
    padding: 75px 0;
    width: 100%;
    justify-content: center;
}

.background_text h1{
    font-size: 45px;
    font-family: Calibri;
    width: 500px;
    margin: 0 29%;
}

.background-items_row{
    display: flex;
    margin: 80px 0;
    justify-content: center;
}

.background_item{
    margin: 0 40px;
}

.background_item img{
    width: 120px;
}

.localization-div{
    max-width: 1800px;
    height: 50%;
    margin: 0;
    justify-content: center;
    align-items: center;
}

.localization_container{
    max-width: 1400px;
    height: 100%;
    margin: 0 auto;
    padding: 0 5px;
}

.localization_row,
.shorten_row,
.ensure_row,
.develop_row{
    display: flex;
    justify-content: space-between;
}

.localization_text-div,
.shorten_text-div,
.ensure_text-div,
.develop_text-div{
    width: 50%;
    margin: 100px 0;
}

.localization_text-div h2{
    font-size: 50px;
    width: 500px;
    font-family: Calibri;
}

.localization_text-div p{
    font-size: 16px;
    width: 350px;
    font-family: Calibri;
}

.localization_btn,
.shorten_btn,
.ensure_btn,
.develop_btn{
    padding: 10px 20px;
    width: 20%;
    border-radius: 5px;
    border: 1px solid;
    background-color: #ffffff;
    color: #ff3b3c;
    transition: all 0.3s ease;
}

.localization_btn:hover,
.shorten_btn:hover,
.ensure_btn:hover,
.develop_btn:hover{
    background-color: #ff3b3c;
    color: #ffffff;
    transition: all 0.3s ease;
}

.localization_img-div,
.shorten_img-div,
.ensure_img-div{
    width: 532px;
    height: 532px;
    margin: 50px 0;
}

.develop_img-div{
    width: 600px;
    height: 400px;
    background-color: #FFF8E4;
    margin: 100px 0;
}

.localization_img-div img{
    width: 450px;
    height: 450px;
}

.shorten_img-div img{
    width: 450px;
    height: 450px;
}
.ensure_img-div img{
    width: 450px;
    height: 450px;
}
.develop_img-div img{
    width: 400px;
    height: 200px;
    margin: 100px 100px;
}


.shorten_text-div h2{
    font-size: 50px;
    width: 500px;
    font-family: Calibri;
}

.shorten_text-div p{
    font-size: 16px;
    width: 350px;
    font-family: Calibri;
}

.ensure_text-div h2{
    font-size: 50px;
    width: 500px;
    font-family: Calibri;
}

.ensure_text-div p{
    font-size: 16px;
    width: 350px;
    font-family: Calibri;
}

.develop_text-div h2{
    font-size: 50px;
    width: 500px;
    font-family: Calibri;
}

.develop_text-div p{
    font-size: 16px;
    width: 350px;
    font-family: Calibri;
}

.localize{
    width: 100%;
    height: 833px;
    background: #FFF8E4;
    margin: 0;
    padding: 0;
    justify-content: center;
    align-items: center;
    transform: translateY(280%);
}

.localize_container{
    max-width: 1400px;
    margin: 0 auto;
    padding: 0 5px;
    justify-content: center;
    align-items: center;
}

.localize_text-div{
    width: 100%;
    padding: 100px 0;
}

.localize_text-div h1{
    font-size: 50px;
    font-family: Calibri;
    margin: 0 22%;
}

.localize-contents_row{
    display: flex;
    max-width: 1300px;
    margin: 0 auto;
}

#localize-contents_row{
    margin: 70px auto;
}

.localize-contents img{
    width: 120px;
    height: 80px;
    margin: 0 150px;
}

.localize_img-content img{
    width: 120px;
    height: 100px;
    margin: 0 150px;
}

.localize-contents{
    width: 400px;
    margin: 0 20px;
    font-family: Calibri;
}

.localize-content_text-div{
    width: 100%;
    text-align: center;
}

.localize-content_text-div p{
    font-size: 25px;
    font-weight: 600;
}

.localize-content_text-div span{
    font-size: 16px;
}

.localization-team_div{
    width: 100%;
    height: 833px;
    margin: 0;
    padding: 0;
    justify-content: center;
    align-items: center;
    transform: translateY(290%);
}

.localization-team_container{
    max-width: 1400px;
    margin: 0 auto;
    padding: 0 5px;
    justify-content: center;
    align-items: center;
}

.localization-team_text-div{
    width: 100%;
    text-align: center;
}

.localization-team_text-div h1{
    font-size: 50px;
    font-family: Calibri;
}

.localization-team-contents_row{
    display: flex;
    max-width: 1300px;
    margin: 0 auto;
    padding: 0 5px;
}

.localization-team-contents{
    width: 400px;
    margin: 0 20px;
    font-family: Calibri;
}

.localization-team-contents_img-div{
    width: 400px;
}

.localization-team-contents_img-div img{
    width: 120px;
}

.localization-team-contents_text-div{
    width: 300px;
    margin: 10px 0;
}

.localization-team-contents_text-div p{
    font-size: 30px;
    font-weight: 700;
}

.localization-team-contents_text-div span{
    width: 250px;
}

#localization-team-contents-text-div{
    margin: 55px 0;
}

.localization-team-contents-text-div_btn{
    margin: 40px 0;
    background-color: #ffffff;
    border: crimson;
}

.localization-team-contents-text-div_btn a{
    border-bottom: 1px solid;
}

#btn{
    margin: 35px 0;
}

#btn2{
    margin: 50px 0;
}

.about_lokalise{
    width: 100%;
    margin: 0;
    padding: 0 5px;
    transform: translateY(589%);
    background-color: #C9E8F2;
    align-items: center;
    justify-content: center;
}

.about-lokalise_container{
    max-width: 1400px;
    margin: 0 auto;
    padding: 0 5px;
}

.about-lokalise-contents_row{
    display: flex;
}

.about-lokalise-contents_img-div{
    width: 300px;
}

.about-lokalise-contents_img-div img{
    width: 250px;
    margin: 70px 0;
}

.about-lokalise-contents_text-div p{
    font-size: 25px;
    width: 50%;
    margin: 70px 0;
    font-family: Calibri;
}
.about-lokalise-contents_text-div h1{
    font-size: 35px;
    font-weight: 700;
    font-family: Arial;
}

.management-software{
    width: 100%;
    margin: 0;
    height: 314px;
    padding: 0 5px;
    align-items: center;
    justify-content: center;
    background-color: #DABC98;
    transform: translateY(745%);
}

.management-software_container{
    max-width: 1300px;
    margin: 0 auto;
    padding: 0 5px;
}

.management-software-contents_row{
    display: flex;
    justify-content: space-between;
}

.management-software_text-img{
    display: flex;
    justify-content: space-between;
    width: 50%;
    margin: 50px 0;
}

.management-software_text-img p{
    font-size: 35px;
    font-weight: 700;
    font-family: Calibri;
    width: 450px;
}

.management-software_text-img img{
    width: 100px;
    height: 100px;
    margin: 20px 0;
}

.management-software_img-div{
    border-left: 2px solid;
    width: 50%;
    height: 200px;
    margin: 50px 0;
}

.management-software_img-div img{
    width: 300px;
    transform: translateX(100%);
}

.integrate{
    width: 100%;
    margin: 0;
    height: 314px;
    padding: 0 5px;
    align-items: center;
    justify-content: center;
    transform: translateY(760%);
}

.integrate_container{
    max-width: 1300px;
    margin: 0 auto;
    padding: 0 5px;
}

.integrate_contents{
    width: 100%;
    justify-content: center;
    align-items: center;
}

.integrate_contents p{
    font-size: 50px;
    width: 500px;
    text-align: center;
    font-weight: 600;
    font-family: Calibri;
    transform: translateX(80%);
}

.integrate_contents span{
    font-family: Calibri;
    margin: 0 30%;
}

.integrate_contents img{
    width: 800px;
    margin: 30px 15%;
}

.integrate-contents_btn{
    height: 40px;
    border: crimson;
    border-radius: 5px;
    background: #FF6336;
    color: #ffffff;
    margin: 0 45%;
}

.localization-made{
    width: 100%;
    margin: 0;
    height: 414px;
    padding: 0 5px;
    align-items: center;
    justify-content: center;
    background-color: #FF9C7D;
    transform: translateY(680%);
}

.localization-made_container{
    max-width: 1300px;
    margin: 0 auto;
    padding: 0 5px;
}

.localization-made_contents{
    width: 100%;
    margin: 0;
    font-family: Calibri;
    padding: 100px 0;
}

.localization-made_contents h1{
    font-size: 50px;
    font-weight: 600;
    width: 500px;
    text-align: center;
    margin: 0 30%;
}

.localization-made_contents p{
    transform: translateX(37%);
}

.localization-made_btn{
    height: 40px;
    padding: 10px 30px;
    border: crimson;
    background-color: #000000;
    color: #ffffff;
    transform: translateX(480%) translateY(50%);
}

.footer{
    width: 100%;
    margin: 0;
    height: 414px;
    padding: 0 5px;
    align-items: center;
    justify-content: center;
    background-color: #ffffff;
    transform: translateY(710%);
    font-family: Calibri;
}

.footer_container{
    max-width: 1300px;
    height: 600px;
    margin: 0 auto;
    padding: 0 5px;
    border-bottom: 1px solid;
}

.footer-contents_row{
    display: flex;
    justify-content: space-between;
}

.footer_text-img-div{
    width: 300px;
    display: flex;
    margin: 0 20px;
    flex-direction: column;
}

.footer_text-img-div h1{
    font-size: 40px;
    font-weight: 700;
}

.footer-text_img{
    width: 100px;
}

.footer_text-img-div a{
    font-weight: 600;
    color: #000;
}

.footer-items_row{
    display: flex;
}

.footer-item p{
    font-weight: 600;
}

.footer-item a{
    color: #000;
}

.footer-item li{
    margin: 10px 0;
}

.footer-items_row{
    margin: 10px 0;
}

.logo-text_div{
    max-width: 1300px;
    margin: 0 auto;
    padding: 0 5px;
    font-size: 12px;
}

.logo-text{
    display: flex;
    justify-content: space-between;
}

.logo-text_row{
    display: flex;
}

.logo-text_row h1{
    font-size: 20px;
}

.logo-text_row p{
    width: 300px;
    margin: 12px 10px;
}