.main-slider{
  position:relative;   
 }
.main-slider .forcefullwidth_wrapper_tp_banner{max-height:79vh!important} 
.main-slider .forcefullwidth_wrapper_tp_banner .rev_slider_wrapper{height:100%!important; position:relative}
.main-slider .forcefullwidth_wrapper_tp_banner .rev_slider_wrapper .content-txt{
    position:absolute;  
    max-width:1170px; 
    top:15%;
    left:calc(50% - 560px);
    z-index:100;
    display:flex;
    flex-direction:column;
    align-items: center;
    justify-content: center;
    gap:1rem;
}
.main-slider .forcefullwidth_wrapper_tp_banner .rev_slider_wrapper .content-txt .inner{
    max-width:500px;
    height:auto;
    -webkit-backdrop-filter: blur(8px);
    backdrop-filter: blur(8px);
    padding:1rem 1.2rem 1.2rem 1.2rem;
    border-radius:1rem;
    border:1px solid #ec55985c;
    box-shadow:0px 1px 6px #0000000a;
}
.main-slider .forcefullwidth_wrapper_tp_banner .rev_slider_wrapper .content-txt .inner > div{
    position:relative!important;     
    top: unset !important;
    left: unset !important;
    color:#fff;
    z-index:1;
    display:flex;
}
.main-slider .forcefullwidth_wrapper_tp_banner .rev_slider_wrapper .content-txt .tp-parallax-wrap, .main-slider .forcefullwidth_wrapper_tp_banner .rev_slider_wrapper .content-txt .tp-parallax-wrap *{
    position:relative!important;     
    top: unset !important;
    left: unset !important;
    position:relative!important;   
}
.main-slider .forcefullwidth_wrapper_tp_banner .rev_slider_wrapper .content-txt .wrap-title{
    display:flex;
}
.main-slider .forcefullwidth_wrapper_tp_banner .rev_slider_wrapper .content-txt .tp-caption-badge{
    margin-bottom:0.5rem!important;
}
.main-slider .forcefullwidth_wrapper_tp_banner .rev_slider_wrapper .content-txt .tp-caption-badge .sub-title{
    background:#ffffff5e;
    border-radius:20px;
    font-size:1rem!important;
    font-family:Quicksand-bold,Quicksand,Roboto,Verdana,Geneva,Tahoma,sans-serif;
    padding:0.1rem 1.25rem!important;
}
.main-slider .forcefullwidth_wrapper_tp_banner .rev_slider_wrapper .content-txt .wrap-title .tp-caption,
.main-slider .forcefullwidth_wrapper_tp_banner .rev_slider_wrapper .content-txt .wrap-title .tp-caption span{
    font-size:2.8rem!important;
    font-weight:500;
    line-height:140%;
}
.main-slider .forcefullwidth_wrapper_tp_banner .rev_slider_wrapper .content-txt .wrap-title .tp-parallax-wrap{
    position:absolute!important;
}
.main-slider .forcefullwidth_wrapper_tp_banner .rev_slider_wrapper .content-txt .wrap-title .tp-parallax-wrap:nth-child(1){
    position:relative!important;
}
.main-slider .forcefullwidth_wrapper_tp_banner .rev_slider_wrapper .content-txt .wrap-title .tp-caption-des{
    width:100%; display:flex; font-size:1.1rem; font-weight:400;
    padding-bottom:1.2rem;
}
.tp-caption-btn a{
    padding-top:10px; padding-bottom:10px;
    margin-top:1rem;
}

@media only screen and (max-width:1199px){
    .main-slider .forcefullwidth_wrapper_tp_banner .rev_slider_wrapper .content-txt{
    max-width:960px; 
    left:calc(50% - 460px);
}
}

@media only screen and (max-width:989px){
    .main-slider .forcefullwidth_wrapper_tp_banner .rev_slider_wrapper .content-txt{
    max-width:720px; 
    left:calc(50% - 340px);
}
}
@media only screen and (max-width:768px){
    .main-slider .forcefullwidth_wrapper_tp_banner .rev_slider_wrapper .content-txt{
    max-width:400px; 
    left:calc(50% - 200px);
}
.main-slider .forcefullwidth_wrapper_tp_banner .rev_slider_wrapper .content-txt .wrap-title .tp-caption,
.main-slider .forcefullwidth_wrapper_tp_banner .rev_slider_wrapper .content-txt .wrap-title .tp-caption span{
    font-size:2.2rem!important;
}
}
@media only screen and (max-width:400px){
    .main-slider .forcefullwidth_wrapper_tp_banner .rev_slider_wrapper .content-txt{
    max-width:340px; 
    left:calc(50% - 170px);
    top:5%;
}
.main-slider .forcefullwidth_wrapper_tp_banner .rev_slider_wrapper .content-txt .inner{
    padding:1rem 1rem 1.2rem 1rem;
}
.main-slider .forcefullwidth_wrapper_tp_banner .rev_slider_wrapper .content-txt .wrap-title .tp-caption,
.main-slider .forcefullwidth_wrapper_tp_banner .rev_slider_wrapper .content-txt .wrap-title .tp-caption span{
    font-size:2rem!important;
}
.main-slider .forcefullwidth_wrapper_tp_banner .rev_slider_wrapper .content-txt .wrap-title .tp-caption-des{
    font-size:1rem;
}
}

/*====== handy style ========*/

.ui3-main-slider{max-height:calc(100vh + 10px)!important; position:relative; box-shadow:none; min-height:calc(100vh + 10px);margin-top:-80px}
.ui3-main-slider.mt-default{margin-top:0px}
.ui3-main-slider.height-70vh{max-height:60vh!important; min-height:60vh}
.ui3-main-slider.height-75vh{max-height:75vh!important; min-height:75vh}
.ui3-main-slider .rev_slider{height:100%!important; position:relative}
.ui3-main-slider .img-banner{min-height:calc(100vh + 10px); height:calc(100vh + 10px)}
.ui3-main-slider.height-70vh .img-banner{height:60vh}
.ui3-main-slider.height-75vh .img-banner{height:75vh}
.ui3-main-slider .img-banner img{object-fit:cover; height:100%; width:100%;}
.ui3-main-slider .ui3-main-slider-txt{
    position:absolute;  
    max-width:100%; 
    top:0px;
    left:0px;
    z-index:100;
    display:flex;
    flex-direction:column;
    align-items: flex-start;
    justify-content: center;
    gap:1rem;
    background: #00000075;
    height: 100%;
    width: 100%;
}
.ui3-main-slider .ui3-main-slider-txt .inner{
     max-width:1280px;
    height:auto;
    padding:1rem 1rem 0.5rem 1rem;
    border-radius:0px;
    border:none;
    margin:0 auto;
    color:#ffffff;
    text-align:center;
}
.ui3-main-slider .ui3-main-slider-txt .tp-caption {
    white-space:normal; text-align:center;
    max-width:1280px;
    margin:5px auto;
}
.ui3-main-slider .ui3-main-slider-txt .inner .tp-caption {
    white-space:normal; text-align:center;
}
.ui3-main-slider .ui3-main-slider-txt .inner > div, .ui3-main-slider .ui3-main-slider-txt .inner > div *{
    position:relative!important;     
    top: unset !important;
    left: unset !important;
    z-index:1;
    
}
.ui3-main-slider .ui3-main-slider-txt .inner .sub-title{
    font-size:30px; 
    margin-bottom: 0px;
    font-family:FiraSansSemiBold,Quicksand-bold,Quicksand,Roboto,Verdana,Geneva,Tahoma,sans-serif;
    padding:0.2rem 1rem!important;
    text-shadow:0px 0px 10px rgba(0,0,0,0.3);
    width:100%;
    line-height:140%;
}
.ui3-main-slider .ui3-main-slider-txt .inner .title{margin-bottom:1.8rem}
.ui3-main-slider .ui3-main-slider-txt .inner .title.no-bottom-line{margin-bottom:0px}
.ui3-main-slider .ui3-main-slider-txt .inner .title:after{
    position:absolute;
    content:'';
    left:0px;
    top:100%;
    right:0px;
    margin:0px auto;
    width:140px;
    height:2px;
    background:#ffffff;
}
.ui3-main-slider .ui3-main-slider-txt .inner .title.no-bottom-line:after{
    position:absolute;
    content:'';
    left:0px;
    top:100%;
    right:0px;
    margin:0px auto;
    width:140px;
    height:0px;
    background:#ffffff;
}
.ui3-main-slider .ui3-main-slider-txt .inner .title span{
    font-size:50px!important; text-shadow:0px 0px 10px rgba(0,0,0,0.3);
    padding-bottom:5px;
    line-height:126%;
     overflow: hidden;
}

.ui3-main-slider .ui3-main-slider-txt .inner .des{
    line-height:140%; display:flex; text-shadow:0px 0px 10px rgba(0,0,0,0.3);
     overflow: hidden;
    
}
    
.list-app-icon{display:flex; flex-direction:row; margin-top:60px}
.app-icon{
    background:linear-gradient(#999999,#000000 80%); 
    box-shadow:0px 0px 6px #0000009c;
    width:100%; 
    display:flex; margin-bottom:1rem; margin-right:1rem; padding: 0.5rem 1.5rem; border-radius: 30px;}
.app-icon:hover{background:linear-gradient(#000000,#000000 80%);}
.app-icon img{height:40px; width:auto}

.img-banner{display:flex; justify-content:center}
.img-banner img{min-height:700px; max-width:none}
.ui3-main-slider .img-logo{margin-bottom:1.5rem}
.ui3-main-slider .img-logo img{width:200px; height:auto;}
.ui3-main-slider .slogan{padding-top:15px; padding-bottom:15px}
.ui3-main-slider p a{color:#0bffb4}

@media only screen and (max-width:1280px) {
    .ui3-main-slider{min-height:500px; overflow-x:clip}
    .ui3-main-slider .ui3-main-slider-txt .inner,.ui3-main-slider .ui3-main-slider-txt .tp-caption {max-width:1140px}
}
@media only screen and (max-width:1200px) {
    .ui3-main-slider .ui3-main-slider-txt .inner,.ui3-main-slider .ui3-main-slider-txt .tp-caption {max-width:960px}
}
@media only screen and (max-width:991px) {
    .ui3-main-slider{}
    .ui3-main-slider .ui3-main-slider-txt{}
     .ui3-main-slider .ui3-main-slider-txt .inner,.ui3-main-slider .ui3-main-slider-txt .tp-caption {max-width:720px}
    .ui3-main-slider .img-banner img{}
    .list-app-icon{margin-top:40px}	
    .app-icon img{height:36px}
}
@media only screen and (max-width:768px) {
     /*.ui3-main-slider .ui3-main-slider-txt .inner,.ui3-main-slider .ui3-main-slider-txt .tp-caption {max-width:540px}*/
}

@media only screen and (max-width:600px) {
    .ui3-main-slider{}
    .ui3-main-slider.no-app{min-height:420px; }
    .img-banner{justify-content:flex-start}
     .ui3-main-slider .ui3-main-slider-txt .inner,.ui3-main-slider .ui3-main-slider-txt .tp-caption {max-width:94%}
    .list-app-icon{margin-top:10px}
    .app-icon img{height:30px}
    .ui3-main-slider .ui3-main-slider-txt .sub-title{font-size:1.25rem!important}
    .ui3-main-slider .ui3-main-slider-txt .inner .title span{
        font-size:2.2rem!important;
    }
    .ui3-main-slider .ui3-main-slider-txt .inner .title{margin-bottom:1.3rem}
    .ui3-main-slider .slogan{padding-top:10px; padding-bottom:10px}
    .ui3-main-slider .ui3-main-slider-txt .inner .des{
        font-size:0.9rem;
        
    }
    .ui3-main-slider .tp-caption .site-button{padding-left:15px; padding-right:15px}
}

@media only screen and (max-width:600px) and (max-height:700px){
    .ui3-main-slider.no-app.main-slider-handysize{
        height:calc(100vh + 200px);
        max-height:unset!important;
    }
    .ui3-main-slider.main-slider-handysize .ui3-main-slider-txt{
        height:calc(100vh + 200px);
        padding-top:80px;
    }
    .ui3-main-slider.main-slider-handysize .img-banner{height:calc(100vh + 200px)}
    .ui3-main-slider .ui3-main-slider-txt .sub-title{font-size:1.125rem!important}
    .ui3-main-slider .ui3-main-slider-txt .inner .title span{ font-size:2rem!important;}
}

/*====== handy style - about  ========*/
.ui4-main-slider{max-height:calc(100vh + 10px)!important; position:relative; box-shadow:none; min-height:calc(100vh + 10px);margin-top:-80px}
.ui4-main-slider.height-70vh{max-height:60vh!important; min-height:60vh}
.ui4-main-slider .rev_slider{height:100%!important; position:relative}
.ui4-main-slider .img-banner{height:calc(100vh + 10px)}
.ui3-main-slider.height-70vh .img-banner{height:60vh}
.ui4-main-slider .img-banner img{object-fit:cover; height:100%; width:100%;}
.ui4-main-slider .ui4-main-slider-txt{
    position:absolute;  
    max-width:100%; 
    top:0px;
    left:0px;
    z-index:100;
    display:flex;
    flex-direction:column;
    align-items: flex-start;
    justify-content:center;
    gap:10px;
    background: #00000075;
    height: 100%;
    width: 100%;
}
.ui4-main-slider .ui4-main-slider-txt .content{
    width:1280px;
    margin:0 auto;
}
.ui4-main-slider .ui4-main-slider-txt .inner{
     max-width:600px;
    height:auto;
    padding:1rem 0rem 0.5rem 0rem;
    border-radius:0px;
    border:none;
    
    color:#ffffff;
}
.ui4-main-slider .ui4-main-slider-txt .tp-caption {
    white-space:normal; 
    max-width:600px;
}
.ui4-main-slider .ui4-main-slider-txt .inner .tp-caption {
    white-space:normal; 
}
.ui4-main-slider .ui4-main-slider-txt .inner > div, .ui4-main-slider .ui4-main-slider-txt .inner > div *{
    position:relative!important;     
    top: unset !important;
    left: unset !important;
    z-index:1;
    
}
.ui4-main-slider .ui4-main-slider-txt .inner .sub-title{
    font-size:24px; 
    margin-bottom: 0px;
    font-family:FiraSansSemiBold,Quicksand-bold,Quicksand,Roboto,Verdana,Geneva,Tahoma,sans-serif;
    padding:0rem 0rem!important;
    text-shadow:0px 0px 10px rgba(0,0,0,0.3);
    width:100%;
    line-height:140%;
}
.ui4-main-slider .ui4-main-slider-txt .inner .title{margin-bottom:10px}
.ui4-main-slider .ui4-main-slider-txt .inner .title span{
    font-size:50px!important; text-shadow:0px 0px 10px rgba(0,0,0,0.3);
    padding-bottom:5px;
    line-height:126%;
     overflow: hidden;
}

.ui4-main-slider .ui4-main-slider-txt .inner .des{
    line-height:140%; display:flex; text-shadow:0px 0px 10px rgba(0,0,0,0.3);
     overflow: hidden;
    margin-bottom:2rem;
}
    
.list-app-icon{display:flex; flex-direction:row; margin-top:60px}
.app-icon{
    background:linear-gradient(#999999,#000000 80%); 
    box-shadow:0px 0px 6px #0000009c;
    width:100%; 
    display:flex; margin-bottom:1rem; margin-right:1rem; padding: 0.5rem 1.5rem; border-radius: 30px;}
.app-icon:hover{background:linear-gradient(#000000,#000000 80%);}
.app-icon img{height:40px; width:auto}

.img-banner{display:flex; justify-content:center}
.img-banner img{min-height:700px; max-width:none}
.ui4-main-slider .ui4-main-slider-txt.img-right .content{flex-wrap: wrap; display: flex; justify-content: space-between;}
.ui4-main-slider .img-logo{width:24%}

.ui4-main-slider .ui4-main-slider-txt .list-contact-info .des{margin-bottom:0px}
.ui4-main-slider .list-contact-info ul{list-style:none; margin-top:0px}
.ui4-main-slider .list-contact-info i{margin-right:10px}

.ui4-main-slider .ui4-main-slider-txt .inner .title.bottom-line:after{
    position: absolute;
    content: '';
    left: 0px;
    top: 100%;
    right: 0px;
    width: 80%;
    height: 2px;
    background: #ffffff;
}

.primary-bg-slider .ui4-main-slider-txt{
    /*background-image:linear-gradient(180deg, var( --site-primary-color ) 40%, #ce5532 100%); */
    border-bottom:2px solid #fff;
}


@media only screen and (max-width:1399px) {
    .ui4-main-slider{min-height:500px; overflow-x:clip}
    .ui4-main-slider .ui4-main-slider-txt .content {max-width:1140px}
}
@media only screen and (max-width:1200px) {
    .ui4-main-slider .ui4-main-slider-txt .content {max-width:960px}
}
@media only screen and (max-width:991px) {
    .ui4-main-slider .ui4-main-slider-txt .content {max-width:720px}
    .list-app-icon{margin-top:40px}	
    .app-icon img{height:36px}
    .ui4-main-slider .ui4-main-slider-txt.img-right .content{text-align:center; justify-content:center}
    .ui4-main-slider .img-logo{width:40%}
}
@media only screen and (max-width:850px) {
     .ui4-main-slider .ui4-main-slider-txt .content{max-width:720px}
}

@media only screen and (max-width:600px) {
    .ui4-main-slider.no-app{min-height:420px; }
    .ui4-main-slider .ui4-main-slider-txt .content{max-width:94%}
    .list-app-icon{margin-top:10px}
    .app-icon img{height:30px}
    .ui4-main-slider .ui4-main-slider-txt .inner{text-align:center}
    .ui4-main-slider .ui4-main-slider-txt .sub-title{font-size:1.25rem!important}
    .ui4-main-slider .ui4-main-slider-txt .inner .title span{font-size:2.3rem!important; }
    .ui4-main-slider .ui4-main-slider-txt .inner .des{font-size:0.9rem;}
    .ui4-main-slider .tp-caption .site-button{padding-left:15px; padding-right:15px}
    .ui4-main-slider .ui4-main-slider-txt .tp-caption{justify-content: center; display: flex;}
    .ui4-main-slider .ui4-main-slider-txt .list-contact-info {flex-direction:column}
    .ui4-main-slider .ui4-main-slider-txt .inner .title.bottom-line:after{margin:0 auto}
    .ui4-main-slider.form-contact{min-height:calc(100vh + 120px)!important; max-height:unset!important}
}

@media only screen and (max-width:600px) and (max-height:850px) {
    .ui4-main-slider.form-contact{min-height:calc(100vh + 240px)!important;}
}

/*================ ui-slider-height - fix height 100vh for mobile ================== */
@media only screen and (max-height:1280px){
    .ui-slider-height{min-height:100vh}
}
@media only screen and (max-width:600px){
    .ui-slider-height{max-height:unset!important; min-height:calc(100vh + 10px);}
    .ui-slider-height .ui3-main-slider-txt{}
    .ui-slider-height .img-banner{height:unset}
}