﻿
.btnformlink {
    color: #fff !important;
    border: 1px solid #01AAAD;
    background-color: #01AAAD;
    padding: 10px 25px;
    font-weight: 600;
    border-radius: 15px;
}
.wrapbd{background:#F5F5F5}

/*---------------*/
.service-card{position:relative;border-radius:14px;overflow:hidden;box-shadow:0 10px 25px #0000001f; cursor:pointer}
.service-card img{width:100%;height:auto;display:block}
.service-overlay{position:absolute;left:0;right:0;bottom:0;height:45%;background:linear-gradient(to top,#005aaaf2,#005aaaa6,#005aaa00);z-index:1}
.service-title{position:absolute;bottom:20px;left:10px;right:10px;color:#fff;font-weight:600;font-size:1.25rem;line-height:1.4;text-align:center;z-index:2}
@media (max-width: 768px) {
.service-card{height:260px}
}

/*-------5 cột giới thiệu------*/

.wrapintro {padding:20px 0 20px; background:url('/images/temps/2025/Slice1.jpg') no-repeat bottom center}
.wrapintro .item{ }
.wrapintro .item img{width:100%; }
.wrapintro .item .img img{}

.wrapintro .item .title{padding:25px 0;font-size:40px; font-weight:bold;}
.wrapintro .item .title a{font-size:40px; font-weight:bold}
.wrapintro .item .desc{}

.wrapintro .item2{ color:#fff }
.wrapintro .item2 img{width:100%; }
.wrapintro .item2 .img img{}

.wrapintro .item2 .title{padding:25px 0;font-size:40px; font-weight:bold;color:#fff}
.wrapintro .item2 .title a{font-size:40px; font-weight:bold; color:#fff}
.wrapintro .item2 .desc{}

/* Tablet desktop :768px. */
@media (max-width: 870px) {
    .wrapintro { background:none}
    .wrapintro .item2, .wrapintro .item2 .title, .wrapintro .item2 .title a{color:unset;}
    .wrapintro .item .bor{margin:0 30%}
}

.tw-title {}
.tw-title .head-cap{font-size:40px; font-weight:bold}
.tw-title .head-after{position: relative;
    display: inline-block;
    text-transform: uppercase;}
.tw-title .head-after:before {
    content: "";
    position: absolute;
    background-color: #01AAAD;
    width: 100%;
    height: 1px;
    bottom: -1px;
}

@media (max-width: 870px) {
    .tw-title .head-cap{font-size:30px; font-weight:bold}
}

/*-------3 cot giới thiệu dịch vụ----*/
.development_history .navigation-group {    position: relative;
    top: -120px;}


@media (max-width: 776px) {
    .development_history .navigation-group { top: -60px !important;}
}

@media (max-width: 992px) {
    .development_history .navigation-group { top: -200px;}
}


.development_history .historis .tw-title h2,.development_history .historis .tw-title p {
    margin: 0
}

.development_history .historis .block_history_slide_js {
    margin-top: 4.8611111111vw
}

@media (max-width: 576px) {
    .development_history .historis .block_history_slide_js {
        padding:0 8vw
    }
}

.development_history .historis .block_history_slide_js .swiper-wrapper {
    position: relative
}

.development_history .historis .block_history_slide_js .swiper-wrapper .swiper-slide {
    width: auto;
    position: relative
}

.development_history .historis .block_history_slide_js .swiper-wrapper .swiper-slide p.year {
        font-size: 28px;
    font-weight: 500;
    line-height: 1.25;
    text-align: center;
    color: rgba(44,45,49,.45);
    transition: .5s;
    margin: 0;
    height: 8.3333333333vw;
    display: flex;
    align-items: flex-end;
    justify-content: center
}

@media (max-width: 576px) {
    .development_history .historis .block_history_slide_js .swiper-wrapper .swiper-slide p.year {
        font-size:24vw;
        line-height: 26.6666666667vw;
        height: 26.6666666667vw
    }
}

.development_history .historis .block_history_slide_js .swiper-wrapper .swiper-slide .dots {
    z-index: 9;
    position: relative;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: center;
    margin: 15px auto;
    width: 1.8055555556vw;
    height: 1.8055555556vw
}

@media (max-width: 576px) {
    .development_history .historis .block_history_slide_js .swiper-wrapper .swiper-slide .dots {
        display:none
    }
}

.development_history .historis .block_history_slide_js .swiper-wrapper .swiper-slide .dots .dot_active {
    display: none;
    margin: auto;
    width: 1.8055555556vw;
    height: 1.8055555556vw
}

.development_history .historis .block_history_slide_js .swiper-wrapper .swiper-slide .dots .dot_gray {
    display: block;
    margin: auto;
    width: .6944444444vw;
    height: .6944444444vw
}

.development_history .historis .block_history_slide_js .swiper-wrapper .swiper-slide .mo_ta_ngan {
    opacity: 0;
    transition: .5s;
    width: 38vw;
    margin-left: -12vw;
    margin-top: 2.0833333333vw
}

@media (max-width: 576px) {
    .development_history .historis .block_history_slide_js .swiper-wrapper .swiper-slide .mo_ta_ngan {
        width:100%;
        margin-left: 0;
        margin-top: 5.3333333333vw
    }
}

.development_history .historis .block_history_slide_js .swiper-wrapper .swiper-slide .mo_ta_ngan .large_title {
    
    font-size: 24px;
    line-height: 1.3;
    text-align: center;
    text-transform: capitalize;
    color: #01AAAD;
    margin-bottom: 10px
}

.development_history .historis .block_history_slide_js .swiper-wrapper .swiper-slide .mo_ta_ngan .small_desc {
    
    text-align: center;
    letter-spacing: -.02em;
    color: rgba(0,0,0,.65)
}

.development_history .historis .block_history_slide_js .swiper-wrapper .swiper-slide.swiper-slide-active p.year {
    color: #2E3242;
    font-weight: bold;
    margin: 0;
    transition: .5s;
    font-size:62px;
    line-height: 1.25
}

@media (max-width: 576px) {
    .development_history .historis .block_history_slide_js .swiper-wrapper .swiper-slide.swiper-slide-active p.year {
        font-size:45px
    }
}

.development_history .historis .block_history_slide_js .swiper-wrapper .swiper-slide.swiper-slide-active .dot_active {
    display: block;
    margin: auto;
    width: 1.8055555556vw;
    height: 1.8055555556vw
}

.development_history .historis .block_history_slide_js .swiper-wrapper .swiper-slide.swiper-slide-active .dot_gray {
    display: none
}

.development_history .historis .block_history_slide_js .swiper-wrapper .swiper-slide.swiper-slide-active .mo_ta_ngan {
    opacity: 1;
    transition: .5s
}

.development_history .historis .block_history_slide_js .swiper-wrapper .swiper-slide.swiper-slide-next p.year,.development_history .historis .block_history_slide_js .swiper-wrapper .swiper-slide.swiper-slide-prev p.year {
    color: rgba(44,45,49,.65);
    transition: .5s;
    font-size: 45px;
    font-weight: 500;
    line-height: 1.25
}

.development_history .historis .block_history_slide_js .swiper-wrapper .swiper-slide.swiper-slide-next .dot_gray,.development_history .historis .block_history_slide_js .swiper-wrapper .swiper-slide.swiper-slide-prev .dot_gray {
    width: 1.1111111111vw;
    height: 1.1111111111vw
}

.development_history .historis .block_history_slide_js .dash {
    position: absolute;
    content: "";
    width: 1000%;
    height: 1px;
    border-bottom: 1px dashed #a0a0a2;
    top: 50%;
    z-index: 0
}

@media (max-width: 576px) {
    .development_history .historis .block_history_slide_js .dash {
        display:none
    }
}

.development_history .historis .block_history_slide_js .navigation-group .navigation {
    top: 85%
}

@media (max-width: 576px) {
    .development_history .historis .block_history_slide_js .navigation-group .navigation {
        top:27%
    }
}

.development_history .historis .block_history_slide_js .navigation-group .navigation:after {
    display: none
}

.development_history .historis .block_history_slide_js .navigation-group .navigation img {
    width: 3.4722222222vw;
    height: 3.4722222222vw
}

@media (max-width: 576px) {
    .development_history .historis .block_history_slide_js .navigation-group .navigation img {
        width:8vw;
        height: 8vw
    }
}

.development_history .historis .block_history_slide_js .navigation-group .swiper-button-next {
    right: 12%
}

@media (max-width: 576px) {
    .development_history .historis .block_history_slide_js .navigation-group .swiper-button-next {
        right:5%
    }
}

.development_history .historis .block_history_slide_js .navigation-group .swiper-button-prev {
    left: 14%
}

@media (max-width: 576px) {
    .development_history .historis .block_history_slide_js .navigation-group .swiper-button-prev {
        left:5%
    }
}

/*---------news--------*/
.blg_News{padding:30px 0 25px; position:relative; z-index: 9; }
.blg_News .item{text-align:left;color:#484848; margin-bottom:15px; -webkit-border-radius:10px;-moz-border-radius:10px;border-radius: 10px;}
.blg_News .item .box{height: 100%;}
.blg_News .item .img{}
.blg_News .item .img img{width:100%;-webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear;-o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear;}
.blg_News .item .img img:hover{-webkit-transform: scale(1.1,1.1);  -moz-transform: scale(1.1,1.1);  -o-transform: scale(1.1,1.1);   -ms-transform: scale(1.1,1.1);   transform: scale(1.1,1.1);}

.blg_News .item .info{padding:20px 8px; font-size:14px; }

.blg_News .item .info .title{}
.blg_News .item .info .title a{color:#333;font-weight: 600;    font-size: 16px; }
.blg_News .item .info .desc{text-align:justify; color:#232323; }
@media screen and (max-width: 992px) {
   .blg_News{padding:15px 0 15px; }
    .sub_title .item { margin: 0 15px !important; }
}
.blg_News .tab_news {display:none}
.blg_News .actived {display:block !important}

/*--------partner-------*/

.wrappartners {padding:50px 0; overflow:hidden; background:#fff}
.mypartners {}
.mypartners .item {float:left; padding:15px 5px;}
.mypartners .item .img {overflow:hidden; display:block; position:relative; }
.mypartners .item .img img{width:100%; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear;-o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear;}
.mypartners .item .img img:hover{-webkit-transform: scale(1.1,1.1);  -moz-transform: scale(1.1,1.1);  -o-transform: scale(1.1,1.1);   -ms-transform: scale(1.1,1.1);   transform: scale(1.1,1.1);}

@media screen and (max-width: 767px) 
{
}