/* project */
#content-project{
    padding: 0px 0px 70px;
}
.title-project{
    position: relative;
    text-align: center;
    margin-bottom: 70px;
}
.title-project h2{font-weight: normal;font-size: 48px;line-height: 65px;text-align: center;color: #6DCFF6;display: inline-block;padding: 0 40px;position: relative;background: #ffffff;}
.title-project:before{
    position: absolute;
    content:'';
    width: 100%;
    height: 3px;
    background: #6dcff6;
    left: 0px;
    top: 50%;
    z-index: 0;
}
.name-project{

text-align: center;

max-width: 70%;

margin: 0 auto;
}
.description-project-item{padding: 30px 20px;position: relative;z-index: 12;height: 115px;}
.image-project img{

width: 100%;

object-fit: cover;

height: 380px;
}
.box-item-project{
    
/* float: left; */
    
/* margin: 0 2% 2% 0; */
    
position: relative;
    
border-radius: 20px;
    
overflow: hidden;
}
.box-list-project::after{
    content: '';
    display: block;
    clear: both;
}
.name-project a{
    
color: #ffffff;
    
text-transform: uppercase;
    
font-size: 20px;
    
line-height: 27px;
}
.box-item-project:nth-child(1) .description-project-item{background: #FFCD5B;}
.box-item-project:nth-child(2) .description-project-item{
    background: #e25353;
}
.box-item-project:nth-child(3) .description-project-item{
    background: #d62118;
}
.box-item-project:nth-child(4) .description-project-item{
    background: pink;
}
.box-item-project:nth-child(2n) .description-project-item{
    background:url('../image/background/bg_project1.png') no-repeat left bottom,#FFCD5B;
}
.box-item-project:nth-child(2n+1) .description-project-item{
    background:url('../image/background/bg_project2.png') no-repeat right top,#FFCD5B;
}
.box-content-hide{
    text-align: center;
    padding: 4px 0px 5px;
    font-size: 16px;
}
.box-content-hide h2{
    margin-bottom: 9px;
    font-size: 20px;
}
.box-content-hide h2 a{
    color: #000000;
    text-transform: capitalize;
}
.box-content-hide p{}
.box-icon-next{
    position: absolute;
    content:'';
    width: 19px;
    height: 15px;
    bottom: 16px;
    right: 10px;
    z-index: 12;
    font-size: 20px;
}
.box-icon-next i{color:#ffffff}
.box-content-hide{display: none;}
.box-item-project:hover .name-project{
    display: none;
}
.box-item-project:hover .box-content-hide{
    display: block;
}
.box-item-project:hover .box-icon-next i{
    color:#000000
}
.box-item-project::before{
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    background: #c3171759;
    z-index: 10;
    box-shadow: -1px 6px 9px #731616a1;
    display: none;
}
.box-item-project:hover::before{display: block;}
/* journey */
.slogan-journey{
    text-align: center;
}
#content-journeys .title-project{margin-bottom: 5px;}
.box-content-journey{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between;
    padding: 80px 0px;
}
.content-journey-left{
    width: 49%;
}
.content-journey-right{
    width: 49%;
}
.name-journey{
    margin-bottom: 10px;
}
.name-journey a{

font-weight: bold;

font-size: 20px;

line-height: 27px;

color: #F05B72;

position: relative;
}
.box-description-journey-main{

padding: 30px 0px;
}
.box-image-journey-main{
    
border-radius: 20px;
    
overflow: hidden;
    
border-bottom: 23px solid #f05b72;
}
.name-journey a::after{
    position: absolute;
    content:'';
    width: 22px;
    height: 3px;
    background-color: #F05B72;
    bottom: -5px;
    left: 0px;
}
.box-image-journey-main img{
    width: 100%;
    object-fit: cover;
}
.btn-readmore-journey{

font-size: 14px;

line-height: 19px;

color: #F05B72;

display: -webkit-box;

display: -ms-flexbox;

display: flex;

-webkit-box-pack:justify;

-ms-flex-pack:justify;

justify-content:space-between;

-webkit-box-align:Center;

-ms-flex-align:Center;

align-items:Center;

max-width: 71px;

margin-top: 10px;
}
.btn-readmore-journey i{
    
font-size: 18px;
    
margin-bottom: -1px;
}
.btn-see-more-journey a{
    display: block;
    margin: 37px 0px 0;
    background: #F05B72;
    box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.25);
    border-radius: 6px;
    max-width: 125px;
    text-align: center;
    padding: 14px 0px;
    font-size: 14px;
    color: #ffffff;
}
.list-other-journey{}
.list-other-journey ul{
    list-style: none;
    margin: 0;
    font-size: 20px;
}
.list-other-journey ul li{
    border-bottom: 1px solid #303030;
    padding: 13px 0px;
}
.list-other-journey ul li a{
    color:#000000;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between;
}
.content-journey-right ul{
    list-style: none;
}
.list-other-journey li a span{
    color: #f05b72;
}
.list-other-journey ul li a:hover{
    color:#F05B72
}

/* project ugicing */
.owl-item.active:nth-child(1) .box-item-project .description-project-item{
    background:url('../image/background/bg_project1.png') no-repeat bottom left, #FFCD5B;
    
}
.owl-item.active:nth-child(2) .box-item-project .description-project-item{
    background:url('../image/background/bg_project2.png') no-repeat top right, #F68C59;
}
.owl-item.active:nth-child(3) .box-item-project .description-project-item{
    background:url('../image/background/bg_project1.png') no-repeat bottom left, #F05B72;
}
.owl-item.active:nth-child(4) .box-item-project .description-project-item{
    background:url('../image/background/bg_project2.png') no-repeat top right, #6DCFF6;
}


.owl-item.active:nth-child(1) .box-item-project::before{
    background:#ffce5b80;
    
}
.owl-item.active:nth-child(2) .box-item-project::before{
    background: #f68b597e;
}
.owl-item.active:nth-child(3) .box-item-project::before{
    background: #f05b7171;
}
.owl-item.active:nth-child(4) .box-item-project::before{
    background:#6dcff68a;
}


.box-jorney-main:hover .box-image-journey-main, .item-journey-other:hover .box-image-journey-main{
    border-bottom: 23px solid #516CB3;
}

.box-jorney-main:hover a,.item-journey-other:hover a{
    color:#516CB3!important
}
#content-project .description-project-item{
    height: 170px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
}
#content-project .box-item-project:hover  p{
    color:#000000
}
.box-jorney-main img{
    height: 450px;
}
.item-journey-other img{
    height: 300px;
}
.in-small{
    display: none;
}

/* popup intro */
#popupIntro .modal-dialog{
    min-width: 45%!important;
    background: url('../image/background/bg_popup.png') no-repeat bottom center,transparent;
}
#popupIntro .btn-intro a{
    margin: 20px auto!important;
}
#content-popup-intro{
    background: url('../image/background/bg_popup.png') no-repeat bottom center,transparent;
    padding-bottom: 36px;
}
#popupIntro .modal-footer{
    display: none;
}
#popupIntro .modal-header{
    border:none!important
}
#popupIntro .modal-body{
    padding: 10px 0px 0px!important;
    background: transparent;
}
#popupIntro .close span{
    font-size: 25px;
    color:blue;
}
.slogan-popup-intro{
    font-family: Nunito;
    font-style: italic;
    font-weight: normal;
    font-size: 20px;
    line-height: 27px;
    text-align: center;
    color: #000000;
    width: 80%;
    margin: 0px auto 10px;
}
.title-popup-intro{
    background: #6DCFF6;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.2);
    padding: 20px 0px;
    margin: 50px 0px;
}
.title-popup-intro h2{
    font-weight: bold;
    font-size: 36px;
    line-height: 49px;
    color: #FFFFFF;
    text-align: center;
}
.box-account-dedicate{
    padding: 0 20px;
}
.box-account-dedicate .title-box-account{
    text-align: center;
    font-weight: bold;
    font-size: 14px;
    line-height: 19px;
    color: #000000;
    margin-bottom: 30px;
}
.item-account{

background: #FFFFFF;

box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.25);

border-radius: 6px;

width: 31.5%;

padding: 17px 11px;

text-align: center;

color: #516CB3;

font-size: 14px;
}
.item-account h2{
    color: #516CB3;
    font-weight: 700;
    font-size: 14px;
}
.name-account{

margin: 6px 0px 0px;

font-size: 14px;
}
.number-account{
    font-size: 14px;
}
.box-account-dedicate-inner{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between;
}
@media (max-width: 991px){
    .box-jorney-main img,.item-journey-other img{
        height: 190px;
    }
    .in-small{
        display: block;
    }
    .in-small ul{
        margin: 0px;
        list-style: none;
    }
}
@media (max-width: 767px){
    .title-project h2{
        font-size: 30px!important;
        line-height: 40px;
    }
    .name-project a{
        font-size: 15px;
        line-height:20px
    }
    .name-project{
        padding: 17px 0px;
    }
    .box-account-dedicate-inner{
        -ms-flex-wrap:wrap;
        flex-wrap:wrap
    }
    .item-account{
        width: 100%;
        max-width: 300px;
        margin: 0px auto 20px;
    }
    .title-popup-intro h2{
        font-size: 29px;
        line-height: 32px;
    }
    .title-popup-intro{
        margin: 30px 0px;
    }
    .slogan-popup-intro{
        font-size: 16px;
        width: 94%;
    }
    
}
@media (max-width: 480px){
    
}