@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;600&display=swap');
 @import url('https://fonts.googleapis.com/css2?family=Roboto+Condensed:wght@700&display=swap');

body {
    background-color: #fff !important;
}

.bgx1{
    background-image:url(https://www.newpages2u.com/userfiles/22625/image/bg1.jpg);
    background-position:50% 80%;
    padding:6% 0 0 0;
    background-size: cover;
}

.font1{
    font-size:1.8rem;
    color:#222;
    font-family: 'Roboto Condensed', sans-serif;
}

.font2{
    font-size:.9rem;
    line-height:1.4rem;
    color:#555;
}

.wid-8{
    width:80%;
    margin:0 10%;
}

.txt-content1{
    padding:8% 1%;
}

.iconx1{
    max-width:150px;
    margin: 0 auto;
}

.btn-shopee{
    max-width: 400px;
    margin: -35px auto 0 auto;
    transition:ease-in-out 0.3s;
}

.btn-shopee img{
    transition:ease-in-out 0.3s;
}

.btn-shopee:hover img{
    animation : 1s .2s jello both;
    filter:brightness(110%);
}


.dividerx1{
    max-width:50px;
    margin: 0 auto;
}

.title-imgx1{
    max-width:250px;
    margin: 0 auto;
}

.imgx1{
    max-width:320px;
    margin-top:5%;
    margin: 0 auto;
}

.imgx2{
    max-width:320px;
    margin: -2% auto 0 auto;

}

.imgx3{
    max-width:250px;
    margin: 0 auto;
}

.intro {
    padding: 0 !important;
    overflow-x: auto;
}