@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@200;300;400;500;523;600;700;800&display=swap');

html,
body {
    font-size: 14px;
    font-family: 'Manrope', sans-serif;

}

p {
    font-size: 15px;
    line-height: 1.6;
}

hr {
    width: 50%;
    height: 10%;
    text-align: left;
    margin-left: 0;
    background-color: gray;
    height: 4px;

}

.circle {
    width: 1.5vw;
    height: 1.5vw;
    background-color: #537cc9;
}

/*------------------------test---------------*/





/*-------------image--------------------------------*/



.backgroung_image {
    background-image: url(img/);
    background-position:left;
    background-repeat: no-repeat;
    background-size:contain;
}

.banner {
    background-image: url(img/banner_0.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    text-align: center;
    padding: 10%;
}


.banner1 {
    background-image: url(img/banner_1.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    text-align: center;
    padding: 5%;
}

.banner2 {
    background-image: url(img/banner_2.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    text-align: center;
    padding: 5%;
}

.banner_content {
    background-image: url(img/banner_1.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    text-align: center;
    padding: 12%;
}

.banner_application {
    background-image: url(img/banner_2.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    text-align: center;
    padding: 12%;
}

.banner_strategy {
    background-image: url(img/banner_3.png);
    background-position: top;
    background-repeat: no-repeat;
    background-size: cover;
    text-align: center;
    padding: 12%;
}

.banner_activation {
    background-image: url(img/banner_4.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    text-align: center;
    padding: 12%;
}

.banner_activation_1 {
    background-image: url(img/4_3_image.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    text-align: center;
    padding: 10%;
}

.banner_retail {
    background-image: url(img/banner_5.png);
    background-position: top;
    background-repeat: no-repeat;
    background-size: cover;
    text-align: center;
    padding: 12%;
}

.banner_retail2 {
    background-image: url(img/5_1_image.png);
    background-position: top;
    background-repeat: no-repeat;
    background-size: cover;
    text-align: center;
    padding: 12%;

}

.banner_retail3 {
    background-image: url(img/5_3_image.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    text-align: center;
    padding: 15%;
}


.banner_support {
    background-image: url(img/banner_6.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    text-align: center;
    padding: 12%;
}

.banner_support1 {
    background-image: url(img/6_1_image.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    text-align: center;
    padding: 12%;
}

.banner_contact {
    background-image: url(img/banner_7.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    text-align: center;
    padding: 12%;
}


.bk {
    background-image: url(img/bk.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;

}

.small_text {
    font-size: 5vw;
}



.no_text {
    font-size: 5vw;
    font-size: 52px;
}

.text-shadow {
    text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.24);
}

.h1-shadow {

    background-color: #7e7e7e;
    color: #ffffff;
}


.box-shadow {
        text-shadow: 2px 2px rgb(206, 63, 63);
}

.bk_color1 {
    background-color: rgb(111,163, 198);
    color: aliceblue;

}

.bk_color2 {
    background-color: #ba759b;
    color: aliceblue;

}

.bk_color3 {
    background-color: #c6b839;
    color: aliceblue;

}

.margin5 {
    margin: 5erm;
}


.color_important {
    color: #ffffff;
}

.zlayer {
    z-index: -2;
    margin-top: -30%;
}

.zlayer2 {
    z-index: -2;
    margin-top: -10%;
}

.zlayer4 {
    z-index: -2;
    margin-top: -20%;
}

.zlayer3 {
    z-index: -2;
    margin-bottom: -15%;
}


.hr_white {
    background-color: #ffffff;

    box-sizing: content-box;
    height: 1px;
    overflow: visible;
}

.mt-6 {
    margin-top: 10% !important;
}

.mb-6 {
    margin-bottom: 16% !important;
}

.pb-7 {
    padding-bottom: 10% !important;
}

.shadow {
    text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.59);
}

.w500 {
    max-width: 500PX;
}

.col-sm > img {
    width: 100%;
    padding: 3%;
}


.content_form {
    background-color: #96A1A6;
    padding: 3%;
}


.footer {
    background-color: #212529;
    color: #ffffff;
}

/*-------------menu--------------------------------*/