.border-radius{border-radius: 15px;}
.btn-default{padding: 10px 20px;display: inline-block;font-size: 14px;text-transform: none;background: var(--color-main);border-radius: 0px;color: #fff;}
.btn-default i{font-size: 22px;margin-left: 10px;}
.btn-default:hover{background: var(--color-main-hover);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;}
.btn-regis {background: linear-gradient(to right, #f15c3c 0%, #f7d258 100%);color: #fff;font-size: 13px;padding: 10px 35px;border-radius: 36px;line-height: 14px;transition: all 0.5s ease;}
.btn-regis:hover{background:#f15c3c;}
.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);}
.bg-gray{background: #f8f8f8;}
.banner .title_site{width: 100%;color: #fff;font-weight: 600;font-size: 26px;}
.banner .title_site h1, .banner .title_site span{font-weight: bold;font-size: 50px;display: block;position: relative;}
.item_list{background: #faf9f9;}
.item_list .info{padding: 20px 30px;}
.item_list h3{position: relative;font-size: 24px;line-height: 1.5;color: var(--color-main);text-transform: uppercase;padding-left: 3.625rem;font-weight: bold;margin-bottom: 20px;}
.item_list h3:before{content:"";position: absolute;width: 35px;height: 2px;background-color: var(--color-main);bottom: 0.5rem;left: 0;}
.item_list:hover h3, .item_thietke:hover .name h3, .item_project:hover a{color: var(--color-main);}
.item_list p{color: #4b4c4c; line-height: 25px;}
.item_list .views:hover{background: var(--color-main); color:#fff;}
.title-project{font-size: 30px; color:#215a2c; font-weight: 500; text-transform: uppercase;}
.wrap-why {position: relative;z-index: 1;background: #f5f6f7;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-partner{/* background:#F4F5F9; */}
.item_partner{border: solid 1px #ddd; border-radius: 5px; overflow: hidden; padding: 5px;}
.item_project{overflow: hidden;background: #fff;color: #fff;}
.item_project .images img{transition: all 0.5s ease;}
.item_project:hover img{transform: scale(1.2);}
.item_project .info{position: absolute;bottom: 0px;background: linear-gradient(to bottom, rgba(0, 0, 0, 0.01), #363a43);width: 100%;padding: 20px;}
.item_project a{color: #fff;font-size: 23px;font-weight: bold;line-height: 1.2;display: block;margin-bottom: 5px;position: relative;padding-bottom: 10px;}
.item_project a:before{content:'';position: absolute;width: 3.063rem;height: 0.125rem;background-color: #fff;bottom: 0;left: 0;}
.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);}
.viewsAllProject{color:#fff;border: solid 1px #fff;border-radius: 25px;padding: 11px 40px;transition: all 0.5s ease;}
.viewsAllProject:hover{background:#fff;}
.news-item{position: relative;filter: drop-shadow(10.5px 18.187px 10.5px rgba(239, 237, 237, 0.75));background-color: #ffffff;}
.news-item .btn-default{position: absolute; bottom: 0px; right: 0px;}
.news-item .name{display: block;margin-bottom: 1.563rem;font-size: 16px;letter-spacing: -1px;color: #006399;font-weight: 700;border-bottom: solid 1px;padding-bottom: 20px;}
.wrap-newsnb{position: relative;background: #f9f9f9;}
.wrap-newsnb .border-left{border-color: #ddd;}
.wrap-newsnb .title{color: var(--color-main);font-size: 36px;font-weight: bold;margin-bottom: 15px;}
.item_news{position: relative;transition: all 300ms;overflow: hidden;margin-bottom: 20px;line-height: 22px;}
.item_news .images{position: relative;}
.item_news img{}
.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-size: 16px;transition: all 0.5s ease;font-weight: bold;}
.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: #666464;display: inline-block;margin-bottom: 20px;font-size: 16px;transition: all 0.5s ease;padding-left: 2rem;FONT-WEIGHT: 700;position: relative;}
.wrap-newsnb ul li a:before{content: ">>";position: absolute;color: currentColor;left: 0;}
.wrap-newsnb ul li a:hover{color:var(--color-main); font-weight: bold;}
.wrap-brand{background: #faf9f9;}
.wrap-brand .title{font-size: 48px;color: #595858;font-weight: 400;}
.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;}
.navClick{/* background:#f0efef; */}
.navClick ul{list-style: none; padding: 0px;}
.navClick ul li{display: inline-block;text-transform: uppercase;font-weight: 600;color: #605f5e;padding: 10px 20px;cursor: pointer;transition: all 0.5s ease;width: 25%;text-align: center;background: #ebebeb;border-right: solid 2px #fff;}
.navClick ul li:hover, .navClick ul li.active{background: var(--color-main);color: #fff;}
#aboutUs{position: relative;}
#aboutUs:before{content:'';position: absolute;width: 210px;height: 280px;background: #423e85;bottom: 0px;right: 0px;z-index: -1;}
.wrap-about-content ul{list-style: none;padding: 0px;}
.wrap-about-content ul li{margin-bottom: 20px;border-left: 2px #211d70 solid;padding-left: 15px;}
.subtitle{font-weight: 500;color: var(--color-orange);font-size: 16px;}
.title_about{margin-bottom: 20px;color: #292929;position: relative;font-size: 35px;font-weight: bold;border-bottom: solid 1px #ddd;padding-bottom: 10px;}
.title_about span{color: var(--color-main);}
.title_about .line{background:#dddddd;height: 2px;transition: all 1s ease;width: 0px;}
.title_about.aos-animate .line{flex: 1 1 0rem;}
.sabo-detail{background: #f8f7f7;}
.sabo-detail .content{max-width: 600px; font-size: 16px;}
.top_service{color: #575655;font-size: 14px;background: #faf9f9;}
.top_service .name{color: var(--color-orange);font-size: 51px;position: relative;}
.top_service .name p{margin: 0px;font-weight: bold;}
.top_service .name:after{content:'';width: 150px;height: 1px;background: var(--color-orange);position: absolute;bottom: 0px;left: 0px;}
.title_service h1{font-weight: bold; color:#4068a3; font-size: 45px;}
.projectContainer{    background: #faf9f9;}
#doingu .item{position: relative;}
#doingu .item .info{position:absolute;top: 50%;width: 100%;transform: translateY(-50%);color: #fff;}
#doingu .item .info .text{padding-left: 20px;position: relative;}
#doingu .item .info .text:before{content:'';width: 4px;height: 100px;position: absolute;background: #fff;left: 0px;border-radius: 1px;}
#doingu .item .info .name{font-weight: bold;font-size: 16px;}
#camket{position: relative;}
#camket .earch{position:absolute;}
.item_camket .name{font-weight: bold; color: var(--color-main); font-size: 16px; margin-bottom: 5px;}
.item_camket.item_4{margin-left: 140px;}
.item_camket.item_3, .item_camket.item_5{margin-left: 100px;}
.item_camket.item_2, .item_camket.item_6{margin-left: 60px;}
.item_camket .images{width: 60px;}
.item_camket .info{width: calc(100% - 60px);}