.btn-default {
    background: var(--color-main);
    color: #fff;
    border-radius: 5px;
    padding: 8px 18px;
    font-size: 14px;
    font-weight: 600;
}

.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);
}
.button-contact{padding: 8px 17px;background: transparent;border: 1px solid #ddd;color: #fff;position: relative;font-size: 18px;transition: 0.5s;}
.button-contact:hover{background-color: #fff; color: #000;}
.contact-content{display: none;}
.viewsAll {
    border: solid 1px var(--color-hover);
    font-size: 14px;
    color: #0C0A0A;
    padding: 5px 5px 5px 15px;
    border-radius: 5px;
    transition: all 0.5s ease;
    text-transform: uppercase;
    font-weight: 600;
}

.viewsAll:hover {
    background: var(--color-hover);
}

.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-list {
    background: #F6F6F6;
}

.item_list .box-text {
    background: var(--color-main);
    position: relative;
    padding: 20px;
    padding-right: 70px;
}

.item_list .box-text h3 {
    color: #fff;
    font-size: 20px;
    font-weight: 500;
}

.item_list .box-text .number {
    position: absolute;
    color: var(--color-main);
    text-shadow: -1px -1px 0 #FFFFFF1A, 1px -1px 0 #FFFFFF1A, -1px 1px 0 #FFFFFF1A, 1px 1px 0 #FFFFFF1A;
    font-size: 40px;
    right: 20px;
    top: 50%;
    font-weight: 900;
    font-family: "Archivo", sans-serif;
    transform: translateY(-50%);
}

.title-project {
    font-size: 30px;
    color: #215a2c;
    font-weight: 500;
    text-transform: uppercase;
}

.wrap-why {
    position: relative;
    z-index: 1;
    background: #0D385B url(../images/bg_why.png) top center;
}
.wrap-why .subtitle, .wrap-why .title_index{color:#fff;}
.box_why {
    position: relative;
    border-top: solid 1px #FFFFFF33;
    border-bottom: solid 1px #FFFFFF33;
}

.wrap-why .why-item {
    position: relative;
    padding: 30px;
    color: #fff;
    border-right: solid 1px #FFFFFF33;
}
.wrap-why .why-item:last-child{border: none;}
.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: 18px;
    font-weight: 600;
    color: #fff;
}

.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: 13px;
}

.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;
    top: 10px;
    left: 0px;
    width: 100%;
    padding: 15px;
    z-index: 1;
    font-size: 14px;
}

.item_project .info a {
    font-size: 25px;
    color: #fff;
    transition: all 0.5s ease;
    display: block;
    font-weight: 700;
}

.item_project .info a:hover {
    color: var(--color-main);
}

.item_project .address {
    position: absolute;
    bottom: 20px;
    left: 20px;
    color: #ffffff8f;
    border: solid 1px #fbfbfb63;
    z-index: 1;
    padding: 4px 15px;
    border-radius: 5px;
    background: rgba(0,0,0,0.3);
}

.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);
}
.wrap-newsnb{background:#F5F3F2;}
.item_news {
    position: relative;
    transition: all 300ms;
    overflow: hidden;
    margin-bottom: 20px;
    background: #fff;
    border: solid 1px #ddd;
    border-radius: 5px;
}

.item_news .images {
    position: relative;
}

.item_news img {
    border-radius: 5px;
}

.item_news .info {
    padding: 25px;
}

.item_news .date {
    font-size: 14px;
    color: #7C7C84;
}

.item_news .list {
    color: var(--color-hover);
    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: #141416;
    font-weight: bold;
    font-size: 20px;
    transition: all 0.5s ease;
    text-transform: uppercase;
}

.item_news .views {
    color: var(--color-hover);
    font-weight: 500;
    transition: all 0.5s ease;
    display: inline-block;
    text-decoration: underline;
}

.item_news .views:hover {
    color: 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 .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;
}
.item_gallery{position: relative;padding-bottom: 400px;}
.item_gallery img{position:absolute;width: 100%;height: 100%;object-fit: cover;top: 0px;}
.title_cart{font-weight: bold; font-size: 18px;}
.title_cart i{color: green; font-size: 24px;}
.content_all_product{display: none;}
.title_all_product i{position: absolute;right: 10px;top: 15px;}