.home-banner{color:#0b1d2a;width:100%;height:100vh;max-height:800px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;position:relative;overflow:hidden}.home-banner .overlay{z-index:1;background:#fff7;border-bottom:1px solid #fff;width:100%;height:100%;position:absolute;top:0;left:0}.home-banner .curve_img_div{z-index:2;pointer-events:none;width:100%;position:absolute;bottom:0}.home-banner .curve_img_div .curve_img{width:100%;height:auto;display:block}.home-banner .banner-swiper,.home-banner .swiper,.home-banner .swiper-wrapper,.home-banner .swiper-slide{width:100%;height:100%!important}.home-banner .swiper-wrapper{align-items:stretch!important}.home-banner .banner-slide{width:100%;height:100%;display:flex;position:relative}.home-banner .banner-image{object-fit:cover;object-position:center;width:100%;height:100%;display:block}.home-banner .banner-content{z-index:5;text-align:center;justify-content:center;align-items:center;height:100%;display:flex;position:absolute;top:0;left:0;right:0}.home-banner .banner-content .btn_holder{justify-content:center;gap:20px;margin-top:20px;display:flex}.home-banner .banner-text{color:#010e1e;font-size:clamp(20px,2vw,28px);font-weight:600}.home-banner .banner-nav{z-index:10;flex-direction:column;gap:14px;display:flex;position:absolute;top:50%;right:2.5%;transform:translateY(-50%)}.home-banner .banner-nav-btn{cursor:pointer;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#ffffffa6;border:none;border-radius:50%;justify-content:center;align-items:center;width:42px;height:42px;transition:background .25s;display:flex}.home-banner .banner-nav-btn:hover{background:#e35b2c}.home-banner .banner-arrow{border-bottom:2px solid #333;border-right:2px solid #333;width:10px;height:10px}.home-banner .banner-arrow-up{transform:rotate(-135deg)}.home-banner .banner-arrow-down{transform:rotate(45deg)}.home-banner .banner-nav-btn:hover .banner-arrow{border-color:#fff}@media (min-width:0) and (max-width:575px){.home-banner .banner-content{top:17px}.home-banner{height:50vh}.home-banner .banner-nav-btn{width:30px;height:30px}.home-banner .banner-content .btn_holder{flex-direction:column;gap:0}.home-banner .banner-content .btn_holder .white-btn{width:200px;margin:10px auto 0;padding:6px 15px 8px}}@media (min-width:576px) and (max-width:767px){.home-banner{height:60vh}.home-banner .banner-nav-btn{width:34px;height:34px}}@media (min-width:768px) and (max-width:991px){.home-banner{height:80vh}}
.info-card{cursor:default;background-color:#fff;border-radius:12px;flex-direction:column;justify-content:flex-start;width:100%;height:100%;padding:25px 20px;transition:background .3s;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 10px #0000000d}.info-card .info-card-bg{opacity:1;pointer-events:none;-webkit-user-select:none;user-select:none;z-index:0;background-image:url("/images/home/Mask Group 12.png");background-position:100%;background-repeat:no-repeat;background-size:contain;width:100%;height:100%;position:absolute}.info-card .info-card-content{z-index:1;flex-direction:column;display:flex;position:relative}.info-card .info-card-content .info-card-title{color:#000;-webkit-line-clamp:2;text-overflow:ellipsis;word-break:break-all;-webkit-box-orient:vertical;margin-bottom:10px;font-family:Raleway;font-size:17px;font-weight:700;transition:color .3s;display:-webkit-box;overflow:hidden}.info-card .info-card-content .info-card-desc{color:#222;-webkit-line-clamp:5;word-break:break-word;-webkit-box-orient:vertical;font-size:14px;font-weight:400;line-height:1.5;display:-webkit-box;overflow:hidden}.info-card:hover{background:linear-gradient(#ec1c2405 20%,#ec1c2480 100%)}.info-card:hover .info-card-title{color:#ec1c24}@media (min-width:0) and (max-width:991px){.info-card{background:linear-gradient(#bce3b905 20%,#bce3b980 100%)}.info-card .info-card-title{color:#3c9734}}@media (min-width:0) and (max-width:575px){.info-card{height:190px;padding:10px}.info-card .info-card-title{margin-top:5px;font-size:14px}.info-card .info-card-desc{font-size:12px}.info-card .info-card-bg{background-position:100% 100%;background-size:65%}}@media (min-width:576px) and (max-width:767px){.info-card{padding:18px 16px}.info-card .info-card-title{font-size:15px}.info-card .info-card-desc{font-size:13px}.info-card .info-card-bg{background-size:70%}}@media (min-width:768px) and (max-width:990px){.info-card{padding:20px 18px}.info-card .info-card-title{font-size:16px}.info-card .info-card-desc{font-size:14px}.info-card .info-card-bg{background-size:80%}}@media (min-width:991px) and (max-width:1220px){.info-card{padding:22px 20px}.info-card .info-card-title{font-size:17px}.info-card .info-card-desc{font-size:15px}.info-card{height:191px}}@media (min-width:1221px) and (max-width:1400px){.info-card{height:190px;padding:25px 20px}.info-card .info-card-title{font-size:18px}.info-card .info-card-desc{font-size:15px}}
.card-section{padding:60px 0}.card-section .card-section-title{text-align:center;margin-bottom:40px}.card-section .card-section-title h1{color:#010e1e;font-family:Raleway;font-size:2rem;font-weight:600;line-height:1.3}.card-section .col-lg-3,.card-section .col-md-6,.card-section .col-sm-12{flex:none;justify-content:center;margin-bottom:20px;display:flex}.card-section .info-card{flex-direction:column;align-items:flex-start;width:100%;padding:20px 8px;display:flex}@media (min-width:0) and (max-width:575px){.card-section{padding:40px 10px}.card-section .card-section-title h1{font-size:1.5rem}.card-section .col-12 .info-card{max-width:100%}}@media (min-width:576px) and (max-width:767.98px){.card-section{padding:50px 15px}.card-section .card-section-title h1{font-size:1.7rem}.card-section .col-sm-6 .info-card{max-width:200px}}@media (min-width:768px) and (max-width:991px){.card-section{padding:60px 20px}.card-section .card-section-title h1{font-size:1.9rem}.card-section .col-md-4 .info-card{max-width:220px}}@media (min-width:992px) and (max-width:1199px){.card-section{padding:70px 30px}.card-section .card-section-title h1{font-size:2rem}.card-section .col-lg-3 .info-card{max-width:250px}}@media (min-width:1200px) and (max-width:1399px){.card-section{padding:80px 40px}.card-section .card-section-title h1{font-size:2.1rem}.card-section .col-lg-3 .info-card{max-width:280px}}
