.btn-default{background: var(--color-main);color: #fff;border-radius: 25px;padding: 3px 25px;}
.btn-default:hover{background: var(--background-hover);}
.btn-white{color:var(--color-main);background:#fff;border-radius: 25px;text-transform: uppercase;}
.btn-white:hover{background: var(--background-hover);}
.viewsAll{background: var(--color-main);font-size: 15px;color: #fff;padding: 8px 15px;border-radius: 5px;transition: all 0.5s ease;}
.viewsAll:hover{background: var(--color-red);}
.effect{position: relative;overflow: hidden;display: block;}
.effect:before{position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255,255,255,.5);
    content: "";
    -webkit-transition: all .6s;
    transition: all .6s;
    z-index: 2;
    -webkit-transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,-45deg) translate3d(0,-150%,0);
    transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,-45deg) translate3d(0,-150%,0);}
.effect:hover:before{-webkit-transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,-45deg) translate3d(0,150%,0);transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,-45deg) translate3d(0,150%,0);}
.banner{position: relative;}
.banner .title_site{position:absolute;bottom: 30%;left: 0px;width: 100%;color: var(--color-main);text-transform: uppercase;font-weight: 700;font-size: 26px;}
.banner .title_site h1, .banner .title_site span{font-weight: 900;font-size: 4rem;display: block;}
.wrap-product-sale, .wrap-partner{background:#F7F7F7;}
.title_product{border-bottom: solid 1px #ddd;color: var(--color-black);padding: 10px;padding-left: 30px;text-transform: uppercase;font-weight: 600;}
.title_product h2{font-size: 24px;}
.title_product:after{content:'';width: 14px;height: 14px;background: var(--color-red);position: absolute;left: 0px;top: 50%;transform: translateY(-50%);}
.title_product .viewAll{position:absolute;color: #0C0A0AB2;font-size: 13px;font-weight: 400;right: 10px;top: 15px;}
.title_product .viewAll i{color: var(--color-red);}
.title_product .viewAll:hover{color: var(--color-red);}
.title-project{font-size: 30px; color:#215a2c; font-weight: 500; text-transform: uppercase;}
.wrap-why {position: relative;z-index: 1;background: #F9F9F9 url(../images/bg_why.png) top center;}
.wrap-why .title-main{position: relative;text-align: center;color: var(--color-main);}
.box_why{position: relative;}
.wrap-why .why-item {position: relative;background: #fff;padding: 30px;border-radius: 10px;}
.wrap-why .why-item .images .number{color: #DDDBDB;font-size: 57px;}
.wrap-why .why-item .why-item_text{position: relative;color: #1A1A1A;}
.wrap-why .why-item .why-item_text h3 {font-size: 24px;font-weight: 600;font-family: "Plus Jakarta Sans", sans-serif;}
.wrap-why .why-item .why-item_text .number{display: inline-block;width: 30px;height: 30px;text-align: center;line-height: 30px;background: var(--color-main);color: #fff;border-radius: 50%;margin-right: 10px;}
.wrap-why .why-item .why-item_text p {margin: 0px;font-size: 14px;}
.wrap-project{background: url(../images/Background.png) no-repeat top center;background-size: cover;}
.wrap-project .layer{background: -webkit-linear-gradient(left, #94562A, #DFA66B, #B97E4B);position: absolute;height: 86%;top: 50%;left: 50%;transform: translate(-50%, -50%);border-radius: 50px;}
.wrap-project .title_index{color:#fff;}
.wrap-project .title_index span{color: var(--color-hover);}
.item_project{}
.item_project:after{content:'';background: linear-gradient(to bottom, rgba(0, 0, 0, 0.01), rgba(0, 0, 0, 0.9));width: 100%;height: 50%;position: absolute;bottom: 0px;}
.item_project .info{color:#fff;position:absolute;bottom: 0px;left: 0px;width: 100%;padding: 15px;z-index: 1;font-size: 14px;}
.item_project .info a{font-size: 17px;color:#fff;transition: all 0.5s ease;display: block;}
.item_project .info a:hover{color:var(--color-main);}
.item_project.insight .info{position: relative;color: #464646;text-align: left;}
.item_project.insight:after{display: none;}
.item_project.insight .info a{color:#000;}
.wrap-project .owl-carousel .owl-nav button.owl-prev, .wrap-project .owl-carousel .owl-nav button.owl-next{color:#945F32;position:absolute;background: #fff;width: 54px;height: 54px;line-height: 54px;text-align: center;border-radius: 50%;top: 50%;transform: translateY(-50%);margin: 0px;}
.wrap-project .owl-carousel .owl-nav button.owl-next{right: calc(25% - 27px);}
.wrap-project .owl-carousel .owl-nav button.owl-prev{left: calc(25% - 27px);}
.wrap-project .owl-dots{position: relative;}
.viewsAllProject{color:#fff;border: solid 1px #fff;border-radius: 25px;padding: 11px 40px;transition: all 0.5s ease;}
.viewsAllProject:hover{background:#fff;}
.item_cn{color: #484848;box-shadow: 0px 4px 6px 0px rgba(44,44,44,0.04);border: 1px solid #F2F2F2;}
.item_cn .images .countImg{position: absolute; bottom: 20px; right: 20px; color:#fff;}
.item_cn a{text-transform: uppercase;color: var(--color-static);font-weight: 600;font-size: 18px;}
.item_cn .detail{font-weight: 500;}
.item_cn p{-webkit-line-clamp: 2;}
.wrap-feedback{background: url(../images/bg-feedback.png) repeat-y top center;background-size: 100% auto;}
.wrap-feedback .title_index{color:#fff;}
.wrap-feedback .title_index span{color:var(--color-hover);}
.feedback{background:#fff;padding: 25px;border-radius: 3px;}
.feedback .images{margin-right: 15px;}
.feedback .images >img{border-radius: 50%;}
.feedback .info{
    text-align: left;
}
.feedback .name{
    font-weight: bold;
    font-size: 17px;
    color: var(--color-main);
}
.feedback .info p{color:#3C3C4380;}
.wrap-feedback .owl-theme .owl-nav.disabled + .owl-dots{margin-top: 30px;position: relative;}
.wrap-feedback .owl-theme .owl-dots .owl-dot{border: solid 1px transparent;border-radius: 50%;margin: 1px;}
.wrap-feedback .owl-theme .owl-dots .owl-dot span{background: var(--color-hover);margin: 5px;width: 5px;height: 5px;}
.wrap-feedback .owl-theme .owl-dots .owl-dot.active{border-color: var(--color-hover);}
.item_news{position: relative;transition: all 300ms;border-radius: 3px;overflow: hidden;margin-bottom: 20px;}
.item_news .images{position: relative;}
.item_news img{border-radius: 10px 10px 0px 0px;}
.item_news .info{border: solid 1px #ddd;padding: 25px;margin: 0px 25px;}
.item_news .date{font-weight: 500;color: #fff;margin-bottom: 10px;position: absolute;background: -webkit-linear-gradient(left, #94562A, #DFA66B, #B97E4B);width: 105px;height: 90px;text-align: center;font-size: 24px;border-radius: 5px 5px 0px 0px;line-height: 30px;padding: 15px;text-transform: uppercase;top: -90px;left: 0px;}
.item_news .list{color:#554B4B;margin-bottom: 10px;display: inline-block;font-family: "Plus Jakarta Sans", sans-serif;}
.item_news .list i{font-size: 17px;background: -webkit-linear-gradient(left, #94562A, #DFA66B, #B97E4B);background-clip: border-box;-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.item_news h3{color: #1A1A1A;font-weight: bold;font-size: 20px;transition: all 0.5s ease;font-family: "Plus Jakarta Sans", sans-serif;}
.item_news .views{color: #1A1A1A;font-weight: 500;transition: all 0.5s ease;font-family: "Plus Jakarta Sans", sans-serif;border: solid 1px #ddd;padding: 8px 30px;display: inline-block;border-radius: 25px;}
.item_news .views:hover{background: var(--color-main);}
.item_news.news_nb h3{font-weight: bold;font-size: 18px;}
.item_news h3:hover{color:var(--color-main);}
.item_news p{color: #3e3e3e;}
.viewsAll:hover{color:#fff; }
.aboutProject, .content1000{max-width: 1000px; margin: auto;}
.aboutPage{ background: #CDE8F4 url(../images/cloud.png) no-repeat bottom center; background-size: 100%;}
.aboutPage .box_about{background: rgba(255, 255, 255, 0.66);}
.aboutPage .box_about:nth-child(2n){background: rgba(234, 197, 171, 0.66);}
.aboutPage .box_about .title{color:var(--color-main);font-weight: bold;text-transform: uppercase;text-align: center;font-size: 30px;}