.btn-default{border: solid 1px var(--color-main);color: var(--color-main);border-radius: 25px;padding: 5px 25px;display: inline-block;font-size: 14px;}
.btn-default:hover{background: var(--color-main);color: #fff;}
.btn-white{color:var(--color-main);background:#fff;border-radius: 5px;font-size: 14px;font-weight: 500;padding: 8px 20px;}
.btn-white svg path{fill:var(--color-main);}
.btn-white:hover{background: var(--color-main);color: #fff;}
.btn-white:hover svg path{fill:#fff;}
.box-shadow{box-shadow: 0px 10px 60px 0px #00000012}
.viewsAll{color: #fff;transition: all 0.5s;background: var(--color-main);padding: 8px 20px;border-radius: 3px;border: solid 1px transparent;position: relative;display: inline-block;}
.viewsAll:hover{color: var(--color-main);background: none;border-color: var(--color-main);}
.viewsAll:hover svg path{fill:var(--color-main);}
.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);}
.content1000{max-width: 1000px; margin: auto;}
.banner{position: relative;}
.banner .title_site{position:absolute;bottom: 30px;left: 0px;width: 100%;}
.banner .title_site h1{font-weight: 600;font-size: 35px;display: block;text-align: center;text-transform: uppercase;color: #fff;}
.navClick{background:#f0efef;}
.navClick ul{list-style: none; padding: 0px;}
.navClick ul li{display: inline-block;font-weight: 600;color: #3b3b3b;padding: 10px 40px;cursor: pointer;transition: all 0.5s ease;position: relative;}
.navClick ul li:after{content:'';width: 1px;height: 15px;background: #3b3b3b;position: absolute;top: 12px;left: 0px;}
.navClick ul li:first-child:after{display: none;}
.navClick ul li:hover{color: var(--color-hover);}
#history{background:#f0f0f0;}
#partner{background: url(../images/bg_doingu.png) repeat-x top;color: #fff;margin-top: -10px;}
#partner .subtitle{color:#fff;}
.item_doingu{border-radius: 15px 15px 0px 0px;background: #fff;color: #1c1c1a;text-align: center;overflow: hidden;}
.item_doingu .images{overflow: hidden;}
.item_doingu .images .icon{position:absolute;bottom: -30px;text-align: center;width: 100%;transition: all 0.5s ease;}
.item_doingu:hover .images .icon{bottom: 30px;}
.item_doingu .images .icon a{color:#fff;border: solid 1px #fff;width: 30px;height: 30px;display: inline-block;line-height: 30px;border-radius: 50%;transition: all 0.5s ease;}
.item_doingu .images .icon a:hover{color:var(--color-hover); border-color:var(--color-hover);}
.item_doingu .name{text-transform: uppercase;}
.item_doingu .job{color: var(--color-hover);}
.control-doingu{top:inherit;bottom: 0px;width: auto;left: -150px;}
.control-owl.control-doingu button.owl-prev, .control-owl.control-doingu button.owl-next{position: relative;left: 0px;margin: 0px;right: 0px;}
.control-doingu button{border-radius: 50%;border: solid 1px #fff;background: none;width: 50px;height: 50px;text-align: center;margin-right: 15px;}
.control-doingu button svg{width: 36px;stroke: #fff;}
.title-project{font-size: 30px; color:#215a2c; font-weight: 500; text-transform: uppercase;}
.wrap-product{max-width: 1366px; margin: auto;}
.item_product{text-align: center;position: relative;}
.item_product image{width: 100%;}
.item_product .name{position:absolute;width: 100%;text-align: center;bottom: 15px;padding: 0px 15px;}
.item_product .name a{color:#fff;text-transform: uppercase;font-weight: 600;font-size: 18px;}
.item_product .name a:hover{color:var(--color-hover)}
.item_product.shapend .name{bottom: 50px}
.item_product .images{mask-size: cover;-webkit-mask-size: cover;mask-repeat: no-repeat;-webkit-mask-repeat: no-repeat;}
.item_product .shape{mask-image: url(../images/shape.svg);-webkit-mask-image: url(../images/shape.svg);}
.item_product .shape1{mask-image: url(../images/shape1.svg);-webkit-mask-image: url(../images/shape1.svg);mask-size: cover;-webkit-mask-size: 100%;}
.item_product .shape2{mask-image: url(../images/shape2.svg);-webkit-mask-image: url(../images/shape2.svg);mask-size: contain;-webkit-mask-size: contain;}
.item_product .shape3{mask-image: url(../images/shape3.svg);-webkit-mask-image: url(../images/shape3.svg);mask-size: contain;-webkit-mask-size: 100% 100%;}
.item_product .images img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.wrap-huongdan .info{position:absolute;width: 100%;top: 50%;left: 0px;transform: translateY(-50%);}
.wrap-huongdan .info .content{color:#fff;}
.wrap-huongdan .info .content .title{font-weight: 600;font-size: 50px;text-shadow: 0px 1px 3px #000;}
.wrap-huongdan .info .content a.views{color: #fff;transition: all 0.5s;padding: 7px 0px;position: relative;}
.wrap-huongdan .info .content a.views i{border: #fff solid 1px;color: #fff;width: 35px;height: 35px;text-align: center;line-height: 35px;border-radius: 50%;margin-left: 15px;}
.wrap-huongdan .info .content a.views:hover{color: var(--color-hover);background: none;}
.wrap-huongdan .info .content a.views:hover i{color:var(--color-hover); border-color: var(--color-hover);}
.hdItems{background:#fff;position: relative;padding: 40px;border-radius: 30px 0px 30px 30px;}
.hdItems:before{content:'';clip-path: polygon(84% 0%, 100% 0%, 100% 100%, 0% 100%);background: #fff;width: 100%;height: 80px;position: absolute;bottom: 97%;right: 0px;border-radius: 0px 50px 0px 50px;}
.hdItems .owl-dots{position:absolute;bottom: -85px;}
.hdItems .item_hd .name{color:var(--color-main);text-transform: uppercase;font-weight: 600;font-size: 16px;}
.wrap-organic > img{width: 100%; max-width: 1366px;}
.wrap-organic .content{max-width: 336px;background: #fcf9eb;border-radius: 30px;position: absolute;top: 15%;left: 33%;padding: 35px;text-align: left;}
.wrap-organic .content .title{font-size: 21px;text-transform: uppercase;font-weight: 600;color: var(--color-main);}
.wrap-organic .content .name{font-size: 25px;color: #3f3f3e;font-weight: 600;text-transform: uppercase;text-align: left;margin-bottom: 15px;}
.wrap-organic .content a.views{color: var(--color-main);transition: all 0.5s;padding: 7px 0px;position: relative;}
.wrap-organic .content a.views i{border: var(--color-main) solid 1px;color: var(--color-main);width: 35px;height: 35px;text-align: center;line-height: 35px;border-radius: 50%;margin-left: 15px;}
.wrap-organic .content a.views:hover{color: var(--color-hover);background: none;}
.wrap-organic .content a.views:hover i{color:var(--color-hover); border-color: var(--color-hover);}
.wrap-newsnb{background:#ede9e9;}
.control-news button.owl-prev{position: relative;left: -30px;margin: 0px;}
.control-news button.owl-next{position: relative;right: -30px;margin: 0px;}
.title_index1{font-size: 30px;color: var(--color-main);text-align: center;margin-bottom: 50px;position: relative;font-weight: bold;}
.title_index1 p{color:#fb1505;font-size: 16px;margin: 0px;}
.title_index1:before{content:'';width: 300px;height: 1px;background: #102648f7;position: absolute;bottom: -10px;right: calc(50% - 200px);}
.title_index1:after{content:'';width: 300px;height: 1px;background: #102648;position: absolute;bottom: -17px;left: calc(50% - 200px);}
.wrap-why {position: relative;z-index: 1;background: var(--color-hover) url(../images/bg_why.png) no-repeat center left;color: #fff;padding: 60px 0px;}
.wrap-why .title_index, .wrap-why .title_index p{color:#fff;;}
.wrap-why .content{max-width: 500px;color: #FFFFFFB2;}
.box_why{position: relative; color:#fff;}
.wrap-why .why-item {position: relative;color: #fff;}
.wrap-why .why-item .images{width: 80px;}
.wrap-why .why-item .why-item_text{position: relative;width: calc(100% - 80px);}
.wrap-why .why-item .why-item_text h3 {font-size: 20px;font-weight: 500;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;color: #FFFFFFB2;}
.imgwhy{position: absolute;top: 0px;right: 0px;max-height: 600px;}
.wrap-project .listCat{}
.wrap-project .listCat li{list-style: none;}
.wrap-project .listCat li a{color: var(--color-main);font-size: 13px;font-weight: 500;transition: all 0.5s ease;padding: 5px 18px;display: block;border: solid 1px var(--color-main);border-radius: 25px;}
.wrap-project .listCat li a:hover, .wrap-project .listCat li a.active{font-weight: bold;background: none;border-color: var(--color-main);color: var(--color-main);}
.wrap-project .listCat li.all a{color:var(--color-main);}
.wrap-partner{/* background:#F4F5F9; */}
.item_partner{border: solid 1px #ddd; border-radius: 5px; overflow: hidden; padding: 5px;}
.wrap-project{background: url(../images/bg_project.jpg) 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;}
.item_project{overflow: hidden;border-radius: 15px 15px 0px 0px;background: #fff;}
.item_project .images{overflow: hidden;border-radius: 15px 15px 0px 0px;}
.item_project .images img{transition: all 0.5s ease;}
.item_project:hover img{transform: scale(1.2);}
.item_project .info{border-left: solid 5px var(--color-main); padding-left: 10px;}
.item_project .name-project{color: var(--color-static);font-size: 18px;font-weight: 600;line-height: 25px;display: block;margin-bottom: 5px;}
.item_project .views{color: var(--color-main);transition: all 0.5s ease;font-size: 12px;font-style: italic;}
.item_project .views:hover, .item_project .name:hover{color: var(--color-hover);}
.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:#EAF1F7;}
.wrap-feedback .control-owl{top:inherit;bottom: 0px;position: relative;}
.control-product button.owl-prev, .control-product button.owl-next{bottom: 0px;position: inherit;margin: 5px;background: #fff;opacity: 1;color: var(--color-main);border-radius: 50%;text-align: center;width: 35px;height: 35px;}
.control-product button.owl-next{right: -20px}
.control-product button.owl-prev{left: -20px;}
.control-product button svg{stroke: var(--color-main);width: 20px;height: 20px;text-align: center;}
.feedback{background:#fff; padding: 30px; border-radius: 15px;}
.feedback .star{color:var(--color-main);}
.feedback p{
    color: #464646;
    text-align: left;
    -webkit-line-clamp: 5;
    min-height: 95px;
}
.feedback .images{position: relative;border-radius: 50%;display: inline-block;}
.feedback .images >img{border-radius: 50%;}
.feedback .info{
    text-align: left;
}
.feedback .name{
    font-weight: bold;
    font-size: 17px;
    color: #040401;
}
.feedback .info .job{color:#616161;}
.item_news{position: relative;transition: all 300ms;border-radius: 10px;overflow: hidden;margin-bottom: 20px;line-height: 22px;}
.item_news .images{position: relative;}
.item_news img{border-radius: 20px;}
.item_news .info{/* padding: 15px; */}
.item_news .date{font-size: 14px;border-radius: 25px;line-height: 30px;color: #066738;display: inline-block;}
.item_news .views{color: #066738;}
.item_news .views:hover{color:#f00;}
.item_news h3{color: #323232;font-weight: 600;font-size: 16px;transition: all 0.5s ease;}
.item_news h3:hover{color:var(--color-main);}
.item_news p{color:#868686;}
.wrap-newsnb ul{list-style: none; padding: 0px;}
.wrap-newsnb ul li a{color:#272727;display: inline-block;background: url(../images/ic_news.png) no-repeat left top 5px;padding-left: 30px;margin-bottom: 13px;font-size: 14px;transition: all 0.5s ease;}
.wrap-newsnb ul li a:hover{color:var(--color-main); font-weight: bold;}
.wrap-faqs{}
.wrap-faqs .container{background: #fcf9eb;border-radius: 30px;}
.wrap-faqs .content{max-width: 1000px; margin: auto;}
.item_faq{color:#000;padding: 15px 0px;border-top: solid 1px #ddd;}
.item_faq .name{position: relative;cursor: pointer;padding-right: 20px;font-weight: 600;font-size: 18px;padding: 10px 0px;color: #3b2e22;}
.item_faq .name i{position:absolute;right: 10px;transition: all 0.5s ease;font-size: 10px;color: #3b2e22;font-weight: bold;}
.item_faq .name.active i.fa-plus{display: none;}
.item_faq .name.active i{text-align: center;top: 17px;}
.item_faq .name.active{color: #3b2e22;}
.item_faq .content{display: none;color: #40474F;}
.wrap-message{position: relative;background: #f0efef;padding: 70px 0px;color: #7a7979;}
.wrap-message .title{color:var(--color-main);font-weight: bold;font-size: 18px;margin-bottom: 10px;}
.wrap-message a{background: var(--color-main);display: inline-block;padding: 10px 15px;color: #fff;}
.wrap-message a:hover{color:#ff0;}
.aboutProject{max-width: 1000px; margin: auto;}
.effectZoom{overflow: hidden;display: block;}
.effectZoom img{transition: all 0.5s ease;}
.effectZoom:hover img{transform: scale(1.2);}
.link-detail {border-radius:5px;padding: 0.7rem 1.8rem;color:#fff;font-weight:600;cursor:pointer;margin-bottom:1.5rem;border:1px solid var(--color-main);overflow:hidden;position:relative;z-index:1;background:var(--color-main);display:inline-block;font-size:13px;}
.link-detail i {font-size:15px;}
.link-detail:before {content:'';position:absolute;right:0;width:0;height:100%;background:#fff;z-index:-1;transition:0.4s;bottom:0;}
.link-detail:hover {color:var(--color-main);}
.link-detail:hover:before {width:100%;left:0;right:auto;}