/* common style */
            .social-icons a { color: #333333; font-size: 18px; height: 32px; line-height: 32px; width: 32px; float: left; margin: 5px 7px 5px 0; text-align: center; transition: all 0.3s ease-in-out; } 
            .social-icons a:hover { color: #666666; } 
            .social-icons.icon-gray a { background-color: #eeeeee; color: #555555; display: block; font-size: 18px; height: 36px; line-height: 36px; width: 36px; } 
            .social-icons.icon-gray a:hover { color: #bbbbbb; } 
            .social-icons.icon-gray.icon-bordered a { background-color: transparent; border: 2px solid #eeeeee; } 
            .social-icons.icon-gray.icon-bordered a:hover { border: 2px solid #d5d5d5; } 
            .social-icons.icon-dark a { background-color: #333333; color: #eeeeee; display: block; font-size: 18px; height: 36px; line-height: 36px; width: 36px; } 
            .social-icons.icon-dark a:hover { color: #5e5e5e; } 
            .social-icons.icon-dark.icon-bordered a { background-color: transparent; border: 2px solid #111111; color: #111111; } 
            .social-icons.icon-dark.icon-bordered a:hover { background-color: #111111; border-color: #111111; color: #fff; } 
            .social-icons.icon-bordered a { border: 1px solid #777777; } 
            .social-icons.icon-bordered a:hover { background-color: #777777; color: #fff; } 
            .social-icons.icon-rounded a { border-radius: 3px; } 
            .social-icons.icon-circled a { border-radius: 50%; } 
            .social-icons.icon-sm a { font-size: 13px; height: 30px; line-height: 30px; margin: 2px 7px 2px 0; width: 30px; } 
            .social-icons.icon-md a { font-size: 24px; height: 50px; line-height: 50px; width: 40px; } 
            .social-icons.icon-lg a { font-size: 32px; height: 60px; line-height: 60px; width: 60px; } 
            .social-icons.icon-xl a { font-size: 60px; height: 120px; line-height: 120px; width: 120px; } 
            .social-icons li { display: inline-block; margin-bottom: 0; margin-top: 0; }
            .widget>ul>li+li { border-top: none !important; }
            .list-inline { padding-left: 0; margin-left: -5px; list-style: none; }
            .list-inline>li { display: inline-block; padding-right: 5px; padding-left: 5px; }
            .bg-black-111 { background-color: #111111 !important; }
            .bg-black-222 { background-color: #222222 !important; }
            .bg-black-333 { background-color: #333333 !important; }


        .uwy.utb .uai img:not(.check_on),
        body .uwy.utb .uai img:not(.check_on),
        body .uwy.utb .uai {
            height: 35px !important;
            width: 35px !important;
            min-width: 35px !important;
            min-height: 35px !important;
            max-width: 35px !important;
            max-height: 35px !important;
        }


                    .banner_wrap{height:540px;}	
            .banner_title {font-size:55px;line-height:1.1;font-weight:400;font-family:'Roboto Condensed'; height:100% !important;}	
            .banner_text {position:absolute; bottom: 1%;}
            .banner_intro { font-size: 18px;}
            .banner_image { background-size: cover !important; background-position: 50% 50%; height:100% !important;}
            .banner_image.dyna_swipe { height:70vh !important; background-size: auto 100% !important;}
            .banner_image::after { content: ""; position: absolute; left: 0%; top: 0%; width: 100%; height: 100%;  }
            
            @media only screen and (min-width: 1280px) {
                .banner_imageX {position:absolute; bottom: 0; right:8%; height:100% !important;}	
            }
            
            @media only screen and (max-width: 1279px) {
                .banner_wrap{height:450px;}	
                .banner_text {padding-top: 30px;}
                .banner_image { height:100% !important; min-height: 400px;max-height: 400px; }
                .banner_title {font-size:50px; height:auto !important; max-height: 400px; } 
                .banner_home .swiper-slide { height: 400px; max-height: 400px; }
            }

                        .header-title-wrapper { margin-bottom: 2.5em; }
            .header-title-wrapper.is--application-area { padding-top: 3em; justify-content: space-between; align-items: flex-end; }
            .application-area-slider-wrapper { width: 100%; min-width: 100%; padding-bottom: 2em; }
            .application-area-slider-list { display: flex; align-items: center; gap: 15px;} 
            .application-area-slider-item { margin-right: 3vw; flex: 0 0 auto;} 
            .application-area-slider-card { width: 100%; height: auto; text-decoration: none; } 
            .application-area-slider-card:hover { text-decoration: none; } 
            .img-full-cover { position: absolute; left: 0; top: 0; right: 0; bottom: 0; width: 100%; height: 100%; object-fit: cover; } 
            .application-area-slider-card-img-wrap { position: relative; overflow: hidden; width: 100%; height: 15em; margin-bottom: 1em; } 
            .application-area-slider-item { display: inline-block; } 
            .application-area-slider-list { display: block !important; } 
            .slider-next { display: inline-block; margin-left: 1em; font-size: 2em; cursor: pointer; } 
            .slider-next:hover { color: #e98300; } 
            .slider-prev { display: inline-block; font-size: 2em; cursor: pointer; } 
            .slider-prev:hover { color: #e98300; } 
            .slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus { outline: none; } 
            .slick-slide, .slick-slide * { outline: none !important; }

            @media screen and (max-width: 991px) {
                .application-area-slider-card-img-wrap { height: 20em; }
            }

            @media screen and (max-width: 767px) {
                .application-area-slider-wrapper { padding-bottom: 8em; }
                .application-area-slider-card-img-wrap { height: 20em; }
            }


.application-area-slider-list .card {
  transition: transform 0.3s, box-shadow 0.3s;
}

.application-area-slider-list .card:hover {
  transform: translateY(-5px);
  box-shadow: 0 10px 25px rgba(0,0,0,0.2);
}

.application-area-slider-list .card-img-top {
  object-fit: cover;
  height: 200px;
}

/* Truncate Long text */
.text-truncate-multiline {
  display: -webkit-box !important;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;        /* number of lines */
  overflow: hidden !important;
  text-overflow: ellipsis;
  line-height: 1.5;
  max-height: calc(1.5em * 3);  /* fallback for Firefox */
  flex: 0 0 auto !important;    /* prevent flex-grow from breaking clamp */
  width: 100%;
}