.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;}
.title-project{font-size: 30px; color:#215a2c; font-weight: 500; text-transform: uppercase;}
.wrap-why {position: relative;z-index: 1;}
.wrap-why .img-why-center{border: solid 5px #215a2c;border-radius: 1000px;transform: perspective(var(--e-transform-perspective, 0)) rotate(var(--e-transform-rotateZ, 0)) rotateX(var(--e-transform-rotateX, 0)) rotateY(var(--e-transform-rotateY, 0)) translate(var(--e-transform-translate, 0)) translateX(var(--e-transform-translateX, 0)) translateY(var(--e-transform-translateY, 0)) scaleX(calc(var(--e-transform-flipX, 1) * var(--e-transform-scaleX, var(--e-transform-scale, 1)))) scaleY(calc(var(--e-transform-flipY, 1) * var(--e-transform-scaleY, var(--e-transform-scale, 1)))) skewX(var(--e-transform-skewX, 0)) skewY(var(--e-transform-skewY, 0));transform-origin: var(--e-transform-origin-y) var(--e-transform-origin-x);transition: background .3s, border .3s, border-radius .3s, box-shadow .3s, transform var(--e-transform-transition-duration, .4s);}
.wrap-why .img-why-center:hover{--e-transform-flipY: -1;}
.wrap-why .title-main{position: relative;text-align: center;color: var(--color-main);}
.box_why{position: relative;}
.wrap-why .why-item {position: relative;padding: 15px 0px;border-radius: 10px;}
.wrap-why .why-item .images{width: 77px;height: 77px;border-radius: 50%;transition: all 0.5s ease;}
.wrap-why .why-item:hover .images{transform: rotate(360deg)}
.wrap-why .why-item .why-item_text{position: relative;width: calc(100% - 77px);}
.wrap-why .why-item .why-item_text h3 {font-size: 17px;color: var(--color-main);text-transform: uppercase;font-weight: bold;}
.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;}
.item_gallery{position: relative; overflow: hidden;}
.item_gallery img{transition: all 0.5s ease}
.item_gallery:hover img{    transform: scale(110%);}
.item_gallery .info{position:absolute;top: 50%;right: 0px;transform: translateY(-50%);width: 100%;max-width: 500px;padding: 30px;background: rgba(255,255,255,0.7);font-size: 16px;}
.item_gallery .info .name{font-size: 30px;color:var(--color-main);/* text-transform: uppercase; */font-weight: bold;}
.item_gallery .info a{color:var(--color-main);font-weight: bold;text-decoration: underline;}
.item_gallery .info a:hover{color:#f00;}
.bst{background: url(../images/bg_bosuutap.png) repeat-x bottom center;background-size: cover;}
.bst .title_index{color:#fff;}
.item_bst{position: relative;max-width: 460px;/* margin: auto; */}
.item_bst .images{border-radius: 1000px 1000px 0px 0px; overflow: hidden;}
.item_bst .images img{ transition: all 0.5s ease;}
.item_bst:hover .images img{transform: scale(120%);}
.item_bst_1.item_bst .info{position:absolute;bottom: 0px;padding: 20px;color: #fff;z-index: 1;}
.item_bst_1.item_bst:after{content:'';background: linear-gradient(to bottom, rgba(0, 0, 0, 0.01), rgba(0, 0, 0, 0.5));width: 100%;height: 100%;position: absolute;bottom: 0px;border-radius: 1000px 1000px 0px 0px;}
.item_bst .info{color:#fff;padding-top: 20px;}
.item_bst .info h3{font-size: 19px;font-weight: bold;margin-bottom: 10px;text-transform: uppercase;}
.item_bst .info p{text-align: justify;line-height: 22px;-webkit-line-clamp: 2;}
.item_bst .info a{color:#fff;}
.item_bst .info a:hover{color:var(--background-hover);}
.control-bst{top: 95%;}
.control-bst button{background: none;bottom: 0px;top: inherit;width: 120px;border: solid 1px #F3AE3E;height: 30px;color: #F3AE3E;border-radius: 25px;}
.listCat li{list-style: none;padding: 0px 30px;}
.listCat li a{color: var(--color-main);transition: all 0.5s ease;text-transform: capitalize;font-size: 18px;}
.listCat li a:hover{font-weight: bold; text-decoration: underline;}
.wrap-khoahoc .contents{border: solid 1px var(--color-main);border-radius: 36px;overflow: hidden;}
.wrap-khoahoc .content-left .khoahocContent{position: relative;}
.wrap-khoahoc .content-left .khoahocContent .info{position:absolute;width: 100%;max-width: 350px;height: 100%;bottom: 0px;right: 0px;background: #073D20CC;color: #fff;padding: 30px;}
.wrap-khoahoc .content-left .khoahocContent .info .name{font-size: 18px;}
.khoahocItem{text-align:center;font-weight: 600;}
.khoahocItem .images{border-radius: 50%;display: inline-block;padding: 7px;border: solid 1px var(--color-main);transition: all 1s ease;}
.khoahocItem:hover .images{transform: rotate(180deg);}
.khoahocItem .images img{border-radius: 50%;}
.khoahocItem .name{color:var(--color-main);}
.khoahocItem a{color:var(--color-main);text-decoration: underline;}
.khoahoc-nav .slick-arrow{border: solid 1px var(--color-main);border-radius: 50%;width: 30px;height: 30px;}
.khoahoc-nav .slick-arrow:before{ display: none;}
.khoahoc-nav .slick-arrow i{color:var(--color-main); font-size: 20px;}
.feedback-for .feedback .images{border-radius: 1000px 1000px 0px 0px;}
.feedback-for .feedback .images img{border-radius: 1000px 1000px 0px 0px;border: solid 5px var(--color-main);}
.feedback-nav:hover .feedback{opacity: 0.5;}
.feedback-nav .feedback:hover{opacity: 1;}
.feedback-nav .feedback{
    margin: 0px;
    margin-bottom: 10px;
    background: #fff;
}
.feedback-nav .feedback p{
    color: #464646;
    text-align: left;
    -webkit-line-clamp: 5;
    min-height: 95px;
}
.feedback-nav .feedback .images{position: relative;border-radius: 50%;padding: 5px;border: dashed 1px #044D25;display: inline-block;scale: 0.8;transition: all 0.5s ease;}
.feedback-nav .feedback:hover .images{scale: 1;}
.feedback-nav .feedback .images >img{border-radius: 50%;}
.feedback .info{
    text-align: left;
}
.feedback .name{
    font-weight: bold;
    text-transform: uppercase;
    font-size: 17px;
    color: var(--color-main);
}
.feedback-nav .slick-dots{text-align: end;}
.feedback-nav .slick-dots li{width:auto;}
.feedback-nav .slick-dots button{background: none;width: 8px;height: 8px;border: solid 1px var(--color-main);border-radius: 50%;padding: 0px;}
.feedback-nav .slick-dots .slick-active button{background:var(--color-main); }
.feedback-nav .slick-dots button:before{display: none;}
.wrap-luugiu{background: url(../images/bg_luugiu.png) repeat-x top center;background-size: contain;margin-top: -50px;position: relative;z-index: 1;}
.wrap-luugiu .content{max-width: 470px;color: #fff;text-align: justify;}
.wrap-luugiu .content .title{font-size: 30px;text-transform: uppercase;line-height: 40px;margin-bottom: 20px;font-weight: 700;text-align: left;}
.wrap-luugiu .content a{display: inline-block;background-color: var(--background-hover);height: 40px;color: vaR(--color-main);font-size: 15px;font-weight: 600;padding: 0px 20px;border-radius: 25px;text-transform: uppercase;line-height: 40px;margin-top: 10px;}
.wrap-luugiu .content a:hover{background:#fff;}
.item_lg{transform: scale(0.85); opacity: .7}
.item_lg img{border-radius: 1000px 1000px 0px 0px;}
.slick-current.item_lg{transform: scale(1); opacity:1;}
.slick-save .slick-arrow{border: solid 1px var(--background-hover);border-radius: 50%;width: 30px;height: 30px;bottom: -61px;top: inherit;left: 150px;}
.slick-save .slick-arrow.slick-next{left: 185px;}
.slick-save .slick-arrow:before{ display: none;}
.slick-save .slick-arrow i{color: var(--background-hover);font-size: 20px;}
.wrap-newsnb{background: url(../images/bg_news.png) no-repeat right center;}
.wrap-connect .title{font-weight: bold; font-size: 30px; color:var(--color-main); text-transform: uppercase; margin-bottom: 10px;}
.wrap-connect .title2{font-weight: bold; font-size: 20px; color:var(--color-main); margin: 15px 0px;}
.item_connect{transform: scale(0.9);}
.center .item_connect{transform: scale(1);}
.control-project{position:absolute;top: 55px;right: 0px;}
.control-project button{border-radius: 50%;border: solid 2px #fff;background: none;width: 50px;height: 50px;text-align: center;margin-right: 15px;}
.control-project button svg{stroke: #fff;width: 36px;}
.item_news{position: relative;transition: all 300ms;border-radius: 3px;overflow: hidden;margin-bottom: 20px;}
.item_news .images{position: relative;}
.item_news .date{font-weight: 500;color: var(--color-main);margin-bottom: 10px;}
.item_news .date span{display: block;font-weight: bold;font-size: 25px;}
.item_news img{border-radius: 20px;}
.item_news h3{color: var(--color-main);font-weight: bold;font-size: 18px;transition: all 0.5s ease;}
.item_news .views{color: var(--color-main);font-weight: 500;transition: all 0.5s ease;}
.item_news .views:hover{color:var(--color-red); padding-left: 15px;}
.item_news.news_nb h3{font-weight: bold;font-size: 18px;}
.item_news h3:hover{color:var(--color-main);}
.item_news p{color: #3e3e3e;}
.owl-news .item_news .images{border-radius: 1000px 1000px 0px 0px;overflow: hidden;max-height: 350px;}
.owl-news .center .item_news .images{max-height: fit-content;}
.viewsAll:hover{color:#fff; }
.btn-slick{color: var(--color-main);font-size: 24px;}
.btn-slick:hover{color: var(--color-hover) !important;}
.btn-slick:before{display: none;}