.about-us{
    background-image:url("/media/t4vbdezz/about-us-banner.jpg");
    background-repeat:no-repeat;
    background-position:bottom center;
    min-height:760px;
}
.about-us-content{
    background-color:#ffffff7a;
    padding:30px;
    border-radius:20px;
    -webkit-backdrop-filter: blur(4px);
    backdrop-filter: blur(4px);
}

.h-100{height:100%}
.list-img .img{display: flex; align-items: center; justify-content: center; width:100%; height:auto}
.list-img .img img{border-radius:400px 400px 10px 10px; border:1px solid #fff; box-shadow:0px 0px 6px #0000004d; width:100%}

.ui2-about-us{
    background-image:url("/media/dhobznxm/welcome-banner2.jpg");
    background-repeat:no-repeat;
    background-position:top left;
    background-size:cover;
    background-color:#eeeeee;
}
.ui2-about-us .section-container{padding-top:5rem; padding-bottom:5rem}
.ui2-about-us .list-img>div{display:flex; align-items:center; justify-content:center}
.ui2-about-us .list-img .img{ }
.ui2-about-us .list-img .img img{height:330px; max-height:100%; object-fit:cover}
.ui2-about-us .list-img .img img{border-radius:10px 50px 10px 50px;}

.ui2-about-us .about-us{height:100%; }
.ui2-about-us .about-us-content{
    background-color:transparent; padding:0px; border-radius:0px; 
    -webkit-backdrop-filter: blur(0px);
    backdrop-filter: blur(0px);
    height:100%;
    display:flex;
    align-items:center;
    flex-direction:column;
    justify-content:center;
}

/*======== layout 3 ============*/
.ui3-about-us{
    background-image:url("/media/vrmlpbyw/welcome-banner5.jpg");
    background-repeat:no-repeat;
    background-position:top left;
    background-size:cover;
    background-color:#eeeeee;
} 
.ui3-about-us .list-img2{height:100%}
.ui3-about-us .list-img2>div{display:flex; align-items:center; justify-content:center}
.ui3-about-us .list-img2 .img{height:100%; }
.ui3-about-us .list-img2 .img img{height:330px; max-height:100%; object-fit:cover; height:100%;
}
.ui3-about-us .list-img2 .img img{border-radius:0px;}
.ui3-about-us .about-us-content{border-radius:0px; align-items:center; display:flex; flex-direction:column}

/*======== new layout - layout 1 ============*/
.aboutus-bg{
    background-repeat:no-repeat;
    background-position:top center;
    background-size:cover;
    background-color:#eeeeee;
    color:#ffffff;
    display:flex;
    flex-direction:column;
}
.aboutus-bg .sub-title-page{color:#fff;}
.aboutus-bg h1.bottom-line:after{background-color:#ffffff}
.aboutus-bg .list-img3{background:#ffffff; padding: 20px 10px; box-shadow:0px 0px 6px #0000004d}
.aboutus-bg .list-img3 .col-md-auto{width:25%; height:100%;}
.aboutus-bg .list-img3 .col-md-auto:nth-child(2){width:50%; height:100%;}
.aboutus-bg .list-img3 .col-md-auto .item{width:100%; height:100%;max-height:360px}
.aboutus-bg .list-img3 .col-md-auto .item img{width: auto; object-fit: cover; height: 100%; min-width: 100%; max-height:360px}

.aboutus-bg .block-txt .quote{
    border:none; border-left:1px dashed #bbbbbb; padding:0px; border-radius:0px;display: flex;
    align-items: center;
    font-size: 18px; height:100%}
 .aboutus-bg .block-txt h2{margin-bottom:0px; }
 
 @media only screen and (max-width:1280px) {
     .aboutus-bg .list-img3 .col-md-auto .item img{max-height:300px}
 }
 

@media only screen and (max-width:568px) {
.aboutus-bg .list-img3{padding:10px 5px; }
.aboutus-bg .list-img3 .col-md-auto {padding-left:2px; padding-right:2px}
.aboutus-bg .quote p{padding-left:20px}
.aboutus-bg .list-img3 .col-md-auto .item img{max-height:160px}
}

/*======== new layout - the best beauty ============*/
.aboutus-bg.aboutus-bg2, .aboutus-bg.aboutus-bg2 * {
    color:#000000;
}
.aboutus-bg2 h1.bottom-line:after{    background-color: #000000;}