:root {
    --bs-blue: #0d6efd;
    --bs-indigo: #6610f2;
    --bs-purple: #6f42c1;
    --bs-pink: #d63384;
    --bs-red: #dc3545;
    --bs-orange: #fd7e14;
    --bs-yellow: #ffc107;
    --bs-green: #198754;
    --bs-teal: #20c997;
    --bs-cyan: #0dcaf0;
    --bs-white: #fff;
    --bs-gray: #6c757d;
    --bs-gray-dark: #343a40;
    --bs-gray-100: #f8f9fa;
    --bs-gray-200: #e9ecef;
    --bs-gray-300: #dee2e6;
    --bs-gray-400: #ced4da;
    --bs-gray-500: #adb5bd;
    --bs-gray-600: #6c757d;
    --bs-gray-700: #495057;
    --bs-gray-800: #343a40;
    --bs-gray-900: #212529;
    --bs-primary: #FF7029;
    --bs-secondary: #D190BB;
    --bs-success: #198754;
    --bs-info: #0dcaf0;
    --bs-warning: #ffc107;
    --bs-danger: #dc3545;
    --bs-light: #f8f9fa;
    --bs-dark: #212529;
    --bs-primary-rgb: 76, 175, 80;
    --bs-secondary-rgb: 108, 117, 125;
    --bs-success-rgb: 25, 135, 84;
    --bs-info-rgb: 13, 202, 240;
    --bs-warning-rgb: 255, 193, 7;
    --bs-danger-rgb: 220, 53, 69;
    --bs-light-rgb: 248, 249, 250;
    --bs-dark-rgb: 33, 37, 41;
    --bs-white-rgb: 255, 255, 255;
    --bs-black-rgb: 0, 0, 0;
    --bs-body-color-rgb: 33, 37, 41;
    --bs-body-bg-rgb: 255, 255, 255;
    --bs-font-sans-serif: "Inter", sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans",        "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
    --bs-body-font-family: var(--bs-font-sans-serif);
    --bs-body-font-size: 1rem;
    --bs-body-font-weight: 400;
    --bs-body-line-height: 1.5;
    --bs-body-color: #494849;
    --bs-body-bg: #fff;

    /* Font variables */
    --primary-font: "Inter", sans-serif;
    --secondary-font: "Inter", sans-serif;
    --heading-font-weight: 700;
    --body-font-weight: 400;
}

/* Optimized font loading */
body {
    font-family: var(--primary-font);
     /* Ensures text remains visible during font loading */
    font-size: 14px;
}
img,
video,
iframe {
    max-width: 100%;
    height: auto;
}
header{position: fixed;top: 0;z-index: 100;left: 0;right: 0;background-color: #ffffff38;border: 1px solid #FFFFFF66;transition: all .25s linear 0ms;}
.logo{border-right: 1px solid #FFFFFF66;display: flex;justify-content: center;align-items: center;height: 100%;}
.logo a{display: block;padding: 10px;text-align: center;transition: all .25s linear 0ms;}
.logo a img{height: 64px;transition: all .25s linear 0ms;object-fit: contain;}
.mainSwiper{height: 100vh;min-height: 700px;margin-top: 0px;}
.swiper-slide-bg{position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-size: cover;background-position: center;}
.swiper-slide-bg:before{content:"";position: absolute;top: 0;left: 0;height: 100%;width: 100%;transform-origin: 50% 50%;transform: translate(0px, 0px);display: block;opacity: 1;pointer-events: none;background: rgb(38 105 176 / 46%);}
.header_top{border-bottom: 1px solid #FFFFFF66;padding:10px 50px;}
.contact_info{display: flex;}
.contact_info_item{ display: flex; justify-content: start; align-items: center;margin-right: 10px;}
.contact_info_item i{width: 35px;height: 35px;background-color: var(--bs-primary);display: flex;justify-content: center;align-items: center;color: #fff;margin-right: 10px;border-radius: 50%;}
.contact_info_item a{color: #fff;font-weight: 400;font-size: 15px;text-decoration: none;}
.navbar.bg-light{background-color: transparent !important;width: 100%;padding: 0;}
.navbar-light .navbar-nav .nav-link{color: #fff;font-weight: 600;font-size: 14px;padding: 25px 20px;text-transform: uppercase;}
.navbar-expand-lg .navbar-collapse{width: 100%;}
.header_bottom{padding-left: 50px;padding-right: 50px;}
.navbar-light .navbar-nav .nav-item:nth-child(1) .nav-link{padding-left: 0;}
.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover{color: #ff7029;}
.navbar .dropdown-menu{background-color: #fff;padding: 0;border-radius: 0;}
.navbar .dropdown-menu .dropdown-item{padding: 15px 15px;width: 300px;font-size: 16px;}
.dropdown-item:focus, .dropdown-item:hover{background-color: var(--bs-primary) !IMPORTANT;color: #fff;}
.mxh-header-item{width: 40px;height: 40px;display: flex;justify-content: center;align-items: center;background-color: rgba(255,255,255,.1);border-radius: 50%;text-decoration: none;color: #fff;margin-right: 10px;}
.mxh-header{display: flex;gap: 10px;height: 100%;border-right: 1px solid #FFFFFF66;padding-right: 20px;padding-top: 15px;padding-bottom: 15px;}
.search-box{padding-left: 20px;position: relative;}
.search-box form{position: relative;}
.search-box input{width: 231px;font-size: 13px;background-color: rgb(255 249 249);border: none;height: 40px;border-radius: 30px;padding-left: 20px;}
.search-box button{position: absolute;right: 7px;top: 0;color: #4f4d4c;background-color: transparent;border: none;width: 5px;height: 100%;padding: 7px 23px !IMPORTANT;text-align: unset;}
.mxh-header-item i{
}
.hotline_header{
}
.hotline_header_item{position: relative;padding-left: 63px;display: block;padding-right: 30px;}
.hotline_header_item i{width: 50px;height: 50px;background-color: var(--bs-primary);line-height: 50px;text-align: center;border-radius: 50%;color: #fff;font-size: 22px;position: absolute;left: 0;}
.hotline_header_item span{ display: block;color: #fff;padding-top: 3px;}
.hotline_header_item a{color: #fff;text-decoration: none;font-size: 18px;font-weight: 600;}
.atc_btn a{background-color: var(--bs-primary);padding: 10px 40px;margin-left: 10px;margin-right: 20px;display: inline-block;border-radius: 30px;color: #fff;text-decoration: none;font-size: 16px;}
.atc_btn{width: 252px;text-align: center;border-left: 1px solid #ccc;height: 70px;padding-top: 9px;}
.hotline_header_item{
}
.mainSwiper .content{position: relative;z-index: 1000;text-align: center;padding-top: 100px;}
.mainSwiper .content h2{color: #fff;font-weight: 800;font-size: 51px;width: 800px;margin: 0px auto;max-width: 100%;margin-bottom: 20px;}
.mainSwiper .content .des{color: #fff;font-size: 20px;}
.elementor-background-overlay{background-color: #F0F2F8;opacity: 0.61;transition: background 0.3s, border-radius 0.3s, opacity 0.3s;position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.solutions{padding-top: 70px;padding-bottom: 70px;background-size: cover;background-position: center top;}
.section-header{margin-bottom: 30px;position: relative;}
.section-subtitle{
}
.section-subtitle span{font-weight: 700;color: var(--bs-primary);font-size: 16px;text-transform: uppercase;}
.section-subtitle svg{margin-right: 5px;}
.section-subtitle svg rect{fill: var(--bs-primary);}
.section-title{margin-top: 15px;font-weight: 700;font-size: 38px;}
.section-dess{
}
.section-dess p{margin-bottom: 0;font-size: 16px;}
.solution_item{background-color: #fff;border-radius: 10px;overflow: hidden;margin-bottom: 20px;}
.solution_item .solution-link{display: block;overflow: hidden;}
.solution_item .solution-link img{width: 100%;height: 250px;object-fit: cover;transition: all .25s linear 0ms;}
.solution_item_content{padding: 20px;text-align: center;padding-bottom: 0;}
.solution_item_content h3{font-size: 24px;font-weight: 600;margin-bottom: 10px;font-family: Philosopher;}
.solution_item_content h3 a{text-decoration: none;color: #072032;}
.solution_item_content h3 a:hover{
}
.solution_item_content .dess{font-size: 17px;line-height: 24px;color: #5c6972;margin-bottom: 20px;}
.solution_item_content .link{display: block;margin-left: -20px;margin-right: -20px;padding: 15px;border-top: 1px solid #e9e9e9;text-decoration: none;font-size: 16px;font-weight: 700;position: relative;color: #072032;}
.solution_item_content .link:before{content:"";transition: all .25s linear 0ms;position: absolute;left: 0;right: 0;bottom: auto;top: 0;height: 0;width: 100%;background-color: var(--bs-primary);z-index: -1;}
.solution_item_content .link span{transition: all .25s linear 0ms;}
.solution_item_content .link:hover{}
.solution_item_content .link:hover span{color: #fff; position: relative; z-index: 1;transition: all .25s linear 0ms;}
.solution_item_content .link:hover:before{top: auto;height: 100%;bottom: 0;z-index: 0;}
.solution_item:hover img{scale: 1.05;transform: rotate(1deg);}
.gioithieu{padding-top: 70px;padding-bottom: 70px;}
.box_solieu{
}
.img_solieu{border-radius: 10px;width: 100%;height: 350px;object-fit: cover;}
.list_solieu {position: relative;margin-top: -150px;padding-left: 50px;}
.solieu_item{background-color: var(--bs-primary);padding: 20px 25px;border-radius: 10px;overflow: hidden;position: relative;}
.solieu_item:before{content:"";position: absolute;width: 200px;height: 200px;background-color: #ffffff3d;border-radius: 50%;top: -100px;left: -100px;}
.solieu_item .icon{display: block;background-color: #fff;width: 80px;height: 80px;border-radius: 50%;text-align: center;line-height: 80px;position: relative;z-index: 1;}
.solieu_item .icon img{height: 44px;}
.solieu_item h3{font-size: 23px;margin-top: 30px;color: #fff;font-weight: 800;text-transform: uppercase;}
.solieu_item p{margin-bottom: 20px;font-weight: 600;color: #ffff;font-size: 16px;}
.img_gioithieu{width: 100%;height: 220px;object-fit: cover;border-radius: 10px;}
.gioithieu_content {font-size: 16px;line-height: 26px;}
.gioithieu_list{margin-top: 50px;}
.gioithieu_item {border-bottom: 1px solid #ccc;padding-bottom: 20px;margin-bottom: 20px;}
.gioithieu_list .gioithieu_item:last-child{border-bottom: none;}
.gioithieu_item .icon{
}
.gioithieu_item .icon img{width: 80px;}
.gioithieu_item .content{
}
.gioithieu_item .content h3{font-size: 20px;font-weight: 600;color: #494b4f;margin-bottom: 12px;font-family: Philosopher;}
.gioithieu_item .content p{font-size: 16px;}
.why {padding-top: 70px;padding-bottom: 120px;background-color: var(--bs-primary);}
.why_background_overlay{background: url(../images/bg-striped.png);}
.elementor-background-img{bottom: 20px;right: 0;}
.why .section-title, .why .section-subtitle span{color:#fff;}
.why .section-subtitle svg rect { fill: #fff;}
.elementor-background-img img{
}
.why_item{background-color: #e25713;border-radius: 20px;padding: 30px 40px;}
.why_item h3{font-weight: 700;font-size: 29px;margin-bottom: 25px;color: #fff;margin-top: 25px;font-family: Philosopher;}
.why_item p{color: #fff;margin-top: 20px;margin-bottom: 35px;font-weight: 500;font-size: 15px;}
.why_item_f{
}
.why_item_f .num{font-size: 100px;font-weight: 700;color: #fff;opacity: 0.4;margin-left: -25px;margin-bottom: -70px;}
.why_item_f .icon{background-color: var(--bs-primary);width: 100px;height: 100px;display: block;text-align: center;line-height: 100px;border-radius: 20px;}
.why_item_f .icon img{filter: brightness(1000%) grayscale(100%);}
.duan {padding-top: 70px;padding-bottom: 70px;}
.duan_item{position: relative;}
.duan_item .duan-link{
}
.duan_item .duan-link img{width: 100%;}
.duan_item_content{position: absolute;bottom: 0;z-index: 10;width: 80%;right: 0;background-color: #ff7029d4;padding: 20px;border-radius: 30px 0 0 0;}
.duan_item_content h3{font-weight: 600;font-size: 20px;margin-bottom: 16px;}
.duan_item_content h3 a{color: #fff;text-decoration: none;}
.duan_item_content .link{background-color: #fff;padding: 10px 20px;border-radius: 30px;text-decoration: none;color: var(--bs-primary);display: inline-block;font-weight: 600;transition: all .25s linear 0ms;}
.duan_item_content .dess{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;color: #fff;margin-bottom: 19px;}
.duan_item_content .link:hover{background-color: var(--bs-primary);color: #fff;}
.team{background-color: #eef8f5;position: relative;padding-top: 70px;padding-bottom: 50px;}
.team_background_overlay{position: absolute;top: 0;left: 0;height: 60%;background-color: var(--bs-primary);width: 100%;}
.team .section-title, .team .section-subtitle span{color:#fff;}
.team .section-subtitle svg rect { fill: #fff;}
.team_item{background-color: #fff;border-radius: 20px;}
.team_item_img{
}
.team_item_img img{width: 100%;border-radius: 0 0 0 100px;}
.team_item_content{padding: 30px;}
.team_item_content h3{color: var(--bs-primary);font-weight: 700;font-size: 20px;font-family: Philosopher;}
.team_item_content p{margin-bottom: 0;font-size: 16px;}
.doitac{background-color: #eef8f5;padding-bottom: 70px;}
.doitac_item{
}
.doitac_item .doitac-link{display: block;text-align: center;}
.doitac_item .doitac-link img{
    height: 125px;
    width: 100%;
    object-fit: cover;
}
.blog{padding-top: 70px;padding-bottom: 70px;position: relative;background-size: cover;background-position: center;}
.blog::before{content: ""; position: absolute;left: 0;top: 0; width: 100%;height: 100%;background-color: #f9f9f9;opacity: 0.2;}
.blog_content{position: relative;}
.blog_content ul{list-style: none;padding: 0;text-align: center;}
.blog_content ul li{margin-bottom: 30px;margin-top: 30px;}
.blog_content ul li strong{padding: 10px 20px;background-color: var(--bs-primary);color: #fff;display: inline-block;font-weight: 500;border-radius: 20px;}
.blog_item{
}
.blog-link{display: block;overflow: hidden;border-radius: 20px;}
.blog-link img{transition: all .25s linear 0ms;height: 300px;width: 100%;border-radius: 20px;object-fit: cover;}
.blog_item_content{padding-top: 20px;}
.blog_item_content h3{font-size: 21px;font-weight: 600;margin-bottom: 20px;line-height: 30px;font-family: Philosopher;}
.blog_item_content h3 a{text-decoration: none;color: #1c1b1b;}
.blog_item:hover h3 a{color: var(--bs-primary);}
.blog_item_content .dess{font-size: 16px;margin-bottom: 30px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.blog_item_content .link{background-color: var(--bs-primary);padding: 10px 20px;border-radius: 30px;text-decoration: none;color: #fff;display: inline-block;font-weight: 600;transition: all .25s linear 0ms;border: 1px solid var(--bs-primary);}
.blog_item:hover .blog-link img{scale: 1.05;transform: rotate(1deg);}
.blog_item_content .link:hover{background-color: #fff;color: var(--bs-primary);}
footer{position: relative;background-position: center;background-size: cover;padding-top: 58px;color: #fff;}
.footer_background_overlay{background-color: #010F18E8;opacity: 0.97;transition: background 0.3s, border-radius 0.3s, opacity 0.3s;color: #fff;}
.footer-logo{margin-bottom: 30px;}
.footer-logo img{height: 50px;}
.footer-title{color: #fff;font-size: 21px;margin-bottom: 35px;margin-top: 20px;font-weight: 700;}
.content_footer{color: #fff;font-size: 15px;}
.content_footer ul{list-style: none;padding: 0;}
.content_footer ul li{margin-bottom: 15px;}
.content_footer ul li a{color: #fff;text-decoration: none;}
.chantrang{color: #fff;position: relative;padding-bottom: 20px;}
header.fix{background-color: #ffffffd4;}
header.fix .header_top{display: none !important;}
header.fix .logo a{padding: 10px;}
header.fix .logo a img{height: 45px;}
.head_page{padding-top: 220px;padding-bottom: 55px;background-color: #923304;position: relative;}
.head_page:before{content:"";background: url(../images/bg-striped.png);opacity: 0.61;transition: background 0.3s, border-radius 0.3s, opacity 0.3s;position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.head_page_content{position: relative;z-index: 1;}
.head_page_content .title_page{color: #fff;font-weight: 700;font-size: 42px;text-transform: uppercase;}
.breadcrumb-item a, .breadcrumb-item span{color: #fff;text-decoration: none;font-size: 16px;font-weight: 500;}
.breadcrumb-item+.breadcrumb-item::before{color: #fff;}
.news-detail{
}
.blog-detail-img{width: 100%;height: 350px;object-fit: cover;border-radius: 20px;margin-bottom: 20px;}
.tag{background-color: var(--bs-primary);padding: 6px 14px;border-radius: 5px;color: #fff;text-decoration: none;display: inline-block;}
.chiase{font-weight: 600;}
.chiase a{display: inline-block;text-decoration: none;width: 40px;height: 40px;background-color: var(--bs-primary);border-radius: 50%;text-align: center;line-height: 40px;color: #fff;}
.news-detail .title{font-weight: 700;margin-bottom: 30px;font-size: 32px;color: #2e2e2e;text-align: center;text-transform: uppercase;}
.blog-details{font-size: 16px;margin-bottom: 30px;}
.contact-form{background-color: #072032;border-radius: 8px;padding: 44px 52px 51px;position: relative;}
.contact-form .title{text-align: center;color: #fff;}
.contact-form .description{text-align: center;margin-bottom: 30px;color: #fff;font-size: 16px;}
.contact-form input{height: 54px;margin-bottom: 20px;font-size: 14px;}
.form-icon{position: relative;}
.form-icon i{position: absolute;right: 23px;top: 21px;font-size: 18px;color: #666060;}
.btn-primary{background-color: var(--bs-primary);padding: 14px 40px;display: inline-block;border-radius: 1px;color: #fff;text-decoration: none;font-size: 16px;border: none;width: 100%;}
.fix .navbar-light .navbar-nav .nav-link{color: #000;}
.fix .hotline_header_item span, .fix .hotline_header_item a{color: #000;}
.lienhe_contact p{margin-bottom: 10px;}
.lienhe_contact p img{
    width: 130px !important;
    height: 85px !important;
    object-fit: cover;
    border-radius: 10px;
    max-width: 100%;
}

@media (min-width: 500px) {
}
@media (max-width: 575.98px) {
.navbar-toggler{background-color:var(--bs-primary);border:none;padding:5px 10px;color:var(--bs-dark)!important}
.main-menu{padding-top:10px;padding-bottom:10px;background-color: var(--bs-primary);}
.sub-title{font-size:14px}
.block-title h2{font-size:20px;margin-top:8px}
.navbar-light .navbar-nav .nav-link{font-size:14px;padding-left:13px;padding-right:13px;padding-top:10px;padding-bottom:10px}
.dropdown-item{font-size:14px}
.logo{border: none;}
.logo img{height: 40px;filter: brightness(0) invert(1);}
.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover {color: #ffffff;}
.mainSwiper{height: 409px;min-height: 400px;}
.section-title{font-size: 32px;}
.why_item{padding: 20px;}
.why_item_f .num{font-size: 72px;margin-left: -16px;}
.mainSwiper .content h2{font-size: 34px;}
.mainSwiper .content{padding-top: 50px;}
.list_solieu{
        padding-left: 10px;
        padding-right: 10px;
}
.solieu_item{
    margin-bottom: 10px;
}
}
@media (min-width: 768px) and (max-width: 991.98px) {
    .navbar-toggler{background-color:var(--bs-primary);border:none;padding:5px 10px;color:var(--bs-dark)!important}
    .main-menu{padding-top:10px;padding-bottom:10px;background-color: var(--bs-primary);}
    .sub-title{font-size:14px}
    .block-title h2{font-size:20px;margin-top:8px}
    .navbar-light .navbar-nav .nav-link{font-size:14px;padding-left:13px;padding-right:13px;padding-top:10px;padding-bottom:10px}
    .dropdown-item{font-size:14px}
    .logo{border: none;}
    .logo img{height: 40px;filter: brightness(0) invert(1);}
    .navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover {color: #ffffff;}
    .mainSwiper{height: 409px;min-height: 400px;}
    .section-title{font-size: 32px;}
    .why_item{padding: 20px;}
    .why_item_f .num{font-size: 72px;margin-left: -16px;}
    .mainSwiper .content h2{font-size: 34px;}
    .mainSwiper .content{padding-top: 50px;}
    .list_solieu{
        padding-left: 10px;
        padding-right: 10px;
    }
    .solieu_item{
        margin-bottom: 10px;
    }
}
@media (min-width: 992px) and (max-width: 1024px) {
.logo a{padding: 16px;}
.contact_info_item a{font-size: 14px;overflow:hidden;white-space: nowrap;overflow: hidden;max-width: 300px;text-overflow: ellipsis;}
.header_top{padding-left: 15px;padding-right: 15px;}
.search-box input{width: 204px;}
.mxh-header-item{width: 35px;height: 35px;}
.search-box{padding-left: 10px;}
.mxh-header{gap: 0;}
.navbar-light .navbar-nav .nav-link{padding-left: 10px;padding-right: 10px;font-size: 14px;}
.atc_btn{width: 215px;}
.atc_btn a{padding-left: 20px;padding-right: 20px;width: 100%;margin-right: 0 !important;}
.header_bottom{padding-left: 15px;padding-right: 15px;}
.mainSwiper{height: 800px;}
.section-title{font-size: 32px;}
.why_item{padding: 20px;}
.why_item_f .num{font-size: 72px;margin-left: -16px;}
}
@media (min-width: 1025px) and (max-width: 1199.98px) {
.logo a{padding: 16px;}
.contact_info_item a{font-size: 14px;0verflow:hidden;white-space: nowrap;overflow: hidden;max-width: 300px;text-overflow: ellipsis;}
.header_top{padding-left: 15px;padding-right: 15px;}
.search-box input{width: 204px;}
.mxh-header-item{width: 35px;height: 35px;}
.search-box{padding-left: 10px;}
.mxh-header{gap: 0;}
.navbar-light .navbar-nav .nav-link{padding-left: 15px;padding-right: 15px;}
.atc_btn{width: 215px;}
.atc_btn a{padding-left: 20px;padding-right: 20px;width: 100%;margin-right: 0 !important;}
.header_bottom{padding-left: 15px;padding-right: 15px;}
}
@media (min-width: 1200px) and (max-width: 1399.98px) {
.logo a{padding: 16px;}
.contact_info_item a{font-size: 14px;0verflow:hidden;white-space: nowrap;overflow: hidden;max-width: 300px;text-overflow: ellipsis;}
.header_top{padding-left: 15px;padding-right: 15px;}
.search-box input{width: 204px;}
.mxh-header-item{width: 35px;height: 35px;}
.search-box{padding-left: 10px;}
.mxh-header{gap: 0;}
.navbar-light .navbar-nav .nav-link{padding-left: 30px;padding-right: 30px;}
.atc_btn{width: 215px;}
.atc_btn a{padding-left: 20px;padding-right: 20px;width: 100%;margin-right: 0 !important;}
.header_bottom{padding-left: 15px;padding-right: 15px;}
}
@media (min-width: 1400px) {
}
@keyframes bdFadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-100px);
        -ms-transform: translateY(-100px);
        transform: translateY(-100px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }
}
@keyframes pulse-animation {
    0% {
        transform: scale(1);
        opacity: .6;
    }
    40% {
        transform: scale(1.3);
        opacity: .6;
    }
    100% {
        transform: scale(2);
        opacity: 0;
    }
}
@keyframes animation-horizontal {
    16.65% {
        transform: translateX(8px)
    }

    33.3% {
        transform: translateX(-6px)
    }

    49.95% {
        transform: translateX(4px)
    }

    66.6% {
        transform: translateX(-2px)
    }

    83.25% {
        transform: translateX(1px)
    }

    100% {
        transform: translateX(0)
    }
}

/* Who We Are Section Styles */
.who-we-are-section {
    background-color: #f8f9fa;
    padding: 80px 0;
}

.section-title {
    font-size: 3rem;
    font-weight: 600;
    color: #ff6b35;
    margin-bottom: 3rem;
    font-family: 'Arial', sans-serif;
}

.content-block {
    padding-right: 2rem;
    height: 100%;
}

.content-text {
    font-size: 1.1rem;
    line-height: 1.8;
    color: #6c757d;
    margin-bottom: 1.5rem;
    font-family: 'Arial', sans-serif;
    text-align: justify;
}

.highlight-text {
    color: #ff6b35;
    font-weight: 600;
}

/* Responsive Design */
@media (max-width: 991.98px) {
    .content-block {
        padding-right: 0;
        margin-bottom: 2rem;
    }
    
    .section-title {
        font-size: 2.5rem;
        text-align: center;
    }
}

@media (max-width: 767.98px) {
    .section-title {
        font-size: 2rem;
    }
    
    .content-text {
        font-size: 1rem;
    }
    
    .who-we-are-section {
        padding: 60px 0;
    }
}

/* Additional styling for better visual appearance */
.container {
    max-width: 1200px;
}

/* Vertical line separator effect */
@media (min-width: 992px) {
    .row .col-lg-6:first-child .content-block {
        border-right: 1px solid #dee2e6;
        padding-right: 3rem;
    }
    
    .row .col-lg-6:last-child .content-block {
        padding-left: 3rem;
    }
}

/* Smooth transitions */
.content-text {
    transition: all 0.3s ease;
}

.highlight-text {
    transition: color 0.3s ease;
}

.highlight-text:hover {
    color: #e55a2b;
}

/* What We Do Section Styles */
.what-we-do-section {
    background-color: #ffffff;
    padding: 80px 0;
}

.section-subtitle {
    font-size: 1.1rem;
    color: #6c757d;
    font-family: 'Arial', sans-serif;
    text-align: left;
    margin-bottom: 3rem;
}

.service-card {
    background: #ffffff;
    border-radius: 8px;
    overflow: hidden;
    transition: all 0.3s ease;
}

.service-image {
    width: 100%;
    height: 200px;
    overflow: hidden;
}

.service-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 15px;
    transition: transform 0.3s ease;
}

.service-content {
    padding: 0;
    margin-top: 20px;
}

.service-number {
    font-size: 2rem;
    color: #ff6b35;
    font-weight: 700;
    margin-bottom: 0.5rem;
    font-family: 'Arial', sans-serif;
    text-shadow: 1px 1px 2px rgba(255, 107, 53, 0.3);
}

.service-title {
    font-size: 1.2rem;
    color: #ff6b35;
    font-weight: 600;
    margin-bottom: 1rem;
    font-family: 'Arial', sans-serif;
    line-height: 1.3;
}

.service-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.service-list li {
    font-size: 0.9rem;
    color: #6c757d;
    margin-bottom: 0.5rem;
    padding-left: 1rem;
    position: relative;
    font-family: 'Arial', sans-serif;
    line-height: 1.4;
}

.service-list li:before {
    content: "-";
    position: absolute;
    left: 0;
    color: #6c757d;
}

/* Responsive adjustments for What We Do section */
@media (max-width: 991.98px) {
    .what-we-do-section {
        padding: 60px 0;
    }

    .service-card {
        margin-bottom: 2rem;
    }
}

@media (max-width: 767.98px) {
    .service-image {
        height: 180px;
    }

    .service-content {
        padding: 0;
        margin-top: 15px;
    }

    .service-title {
        font-size: 1.1rem;
    }

    .service-list li {
        font-size: 0.85rem;
    }
}

/* Our International Presence Section Styles */
.international-presence-section {
    background-color: #f8f9fa;
    padding: 80px 0;
}

.section-description {
    font-size: 1.1rem;
    color: #6c757d;
    font-family: 'Arial', sans-serif;
    line-height: 1.6;
    text-align: left;
    margin-bottom: 3rem;
}

.world-map-container {
    width: 100%;
    max-width: 1000px;
    margin: 0 auto;
    background: #ffffff;
    padding: 2rem;
}

.world-map-wrapper {
    position: relative;
    width: 100%;
    height: auto;
}

.world-map-image {
}

.location-markers {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
}

.location-marker {
    position: absolute;
    transform: translate(-50%, -50%);
    pointer-events: auto;
}

.marker-dot {
    width: 8px;
    height: 8px;
    background-color: #ff6b35;
    border-radius: 50%;
    border: 2px solid #fff;
    box-shadow: 0 2px 4px rgba(0,0,0,0.2);
    cursor: pointer;
    transition: all 0.3s ease;
}

.marker-dot:hover {
    width: 12px;
    height: 12px;
    transform: translate(-50%, -50%) scale(1.2);
}

.australia-dot {
    background-color: #fff;
    border: 2px solid #ff6b35;
}

.marker-label {
    position: absolute;
    top: -25px;
    left: 50%;
    transform: translateX(-50%);
    font-family: 'Arial', sans-serif;
    font-size: 12px;
    font-weight: 600;
    color: #ff6b35;
    white-space: nowrap;
    background: rgba(255, 255, 255, 0.9);
    padding: 2px 6px;
    border-radius: 4px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.1);
}

.australia-label {
    color: #ff6b35;
    font-size: 14px;
    font-weight: 700;
    top: 15px;
}

/* Map responsive adjustments */
@media (max-width: 991.98px) {
    .international-presence-section {
        padding: 60px 0;
    }

    .world-map-container {
        padding: 1.5rem;
    }

    .marker-label {
        font-size: 10px;
    }

    .australia-label {
        font-size: 12px;
    }

    .marker-dot {
        width: 6px;
        height: 6px;
    }
}

@media (max-width: 767.98px) {
    .world-map-container {
        padding: 1rem;
    }

    .section-description {
        font-size: 1rem;
    }

    .marker-label {
        font-size: 8px;
        padding: 1px 4px;
    }

    .australia-label {
        font-size: 10px;
    }

    .marker-dot {
        width: 5px;
        height: 5px;
    }

    .international-presence-section {
        padding: 50px 0;
    }
}

/* Australia Overview Section Styles */
.australia-overview-section {
    background-color: #ffffff;
    padding: 80px 0;
}

.solar-map-container {
    position: relative;
    width: 100%;
    height: auto;
}

.solar-map-image {
    width: 100%;
    height: auto;
    box-shadow: 0 4px 15px rgba(0,0,0,0.1);
}

.map-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(45deg, rgba(255,107,53,0.1), rgba(255,140,66,0.1));
    border-radius: 8px;
    padding: 1rem;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.map-header {
    text-align: left;
}

.map-header h4 {
    font-size: 0.8rem;
    color: #333;
    margin: 0;
    font-weight: 600;
}

.map-header h3 {
    font-size: 0.9rem;
    color: #333;
    margin: 0;
    font-weight: 700;
}

.map-header h2 {
    font-size: 1.2rem;
    color: #ff6b35;
    margin: 0;
    font-weight: 800;
}

.map-logos {
    display: flex;
    gap: 1rem;
    align-items: center;
    margin-top: 1rem;
}

.logo-img {
    height: 25px;
    width: auto;
}

.map-legend {
    margin-top: auto;
}

.legend-title {
    font-size: 0.7rem;
    color: #333;
    margin-bottom: 0.5rem;
    font-weight: 500;
}

.legend-colors {
    display: flex;
    gap: 2px;
    margin-bottom: 0.25rem;
}

.color-box {
    width: 20px;
    height: 8px;
    display: block;
}

.legend-values {
    display: flex;
    justify-content: space-between;
    font-size: 0.6rem;
    color: #333;
    font-weight: 500;
}

/* Credit Rating Table */
.credit-rating-table {
    margin-bottom: 2rem;
}

.credit-rating-table .table {
    margin-bottom: 0;
    border: 2px solid #ff6b35;
}

.table-header th {
    border: none;
    padding: 0.75rem;
    font-weight: 700;
    font-size: 0.9rem;
    text-align: center;
    color: #fff;
}

.country-header {
    background-color: #ff6b35;
}

.fitch-header {
    background-color: #ff8c42;
}

.sp-header {
    background-color: #ffa366;
}

.moodys-header {
    background-color: #ffb380;
}

.country-cell {
    background-color: #f8f9fa;
    font-weight: 600;
    color: #333;
    text-align: center;
    vertical-align: middle;
    padding: 1rem;
}

.rating-cell {
    text-align: center;
    vertical-align: middle;
    padding: 1rem;
    font-weight: 700;
    font-size: 1rem;
    color: #333;
}

.rating-cell .year {
    font-size: 0.8rem;
    color: #6c757d;
    font-weight: 400;
}

/* Content Points */
.content-points {
    margin-top: 2rem;
}

.point-item {
    display: flex;
    align-items: flex-start;
    gap: 0.75rem;
}

.point-bullet {
    color: #ff6b35;
    font-size: 1.2rem;
    font-weight: 700;
    margin-top: 0.1rem;
    flex-shrink: 0;
}

.point-content {
    font-size: 0.95rem;
    line-height: 1.6;
    color: #333;
    font-family: 'Arial', sans-serif;
}

.point-content strong {
    color: #ff6b35;
    font-weight: 600;
}

/* Australia Overview Responsive */
@media (max-width: 991.98px) {
    .australia-overview-section {
        padding: 60px 0;
    }

    .solar-map-container {
        margin-bottom: 2rem;
    }

    .map-overlay {
        padding: 0.75rem;
    }

    .map-header h2 {
        font-size: 1rem;
    }

    .map-header h3 {
        font-size: 0.8rem;
    }

    .map-header h4 {
        font-size: 0.7rem;
    }

    .legend-title {
        font-size: 0.6rem;
    }

    .legend-values {
        font-size: 0.55rem;
    }
}

@media (max-width: 767.98px) {
    .australia-overview-section {
        padding: 50px 0;
    }

    .credit-rating-table .table th,
    .credit-rating-table .table td {
        padding: 0.5rem;
        font-size: 0.8rem;
    }

    .rating-cell {
        font-size: 0.85rem;
    }

    .rating-cell .year {
        font-size: 0.7rem;
    }

    .point-content {
        font-size: 0.9rem;
    }

    .map-overlay {
        padding: 0.5rem;
    }

    .color-box {
        width: 15px;
        height: 6px;
    }

    .legend-values {
        font-size: 0.5rem;
    }
}

/* Australia Showcase Section Styles */
.australia-showcase-section {
    background-color: #ffffff;
    padding: 80px 0;
}

.showcase-content {
    width: 100%;
}

.showcase-title {
    font-size: 2.5rem;
    font-weight: 700;
    color: #ff6b35;
    margin: 0 0 30px 0;
    font-family: 'Arial', sans-serif;
}

.showcase-image-wrapper {
    width: 100%;
    height: auto;
    overflow: hidden;
    margin-bottom: 30px;
}

.showcase-image {
    width: 100%;
    height: auto;
    object-fit: contain;
    object-position: center;
    display: block;
}

.project-info {
    width: 100%;
    text-align: left;
}

.project-title {
    font-size: 1.2rem;
    font-weight: 600;
    color: #ff6b35;
    margin: 0;
    font-family: 'Arial', sans-serif;
    text-transform: uppercase;
    letter-spacing: 1px;
    line-height: 1.4;
}

/* Australia Showcase Responsive */
@media (max-width: 991.98px) {
    .australia-showcase-section {
        padding: 60px 0;
    }

    .showcase-title {
        font-size: 2rem;
        margin-bottom: 25px;
    }

    .showcase-image-wrapper {
        margin-bottom: 25px;
    }

    .project-title {
        font-size: 1rem;
    }
}

@media (max-width: 767.98px) {
    .australia-showcase-section {
        padding: 50px 0;
    }

    .showcase-title {
        font-size: 1.8rem;
        margin-bottom: 20px;
    }

    .showcase-image-wrapper {
        margin-bottom: 20px;
    }

    .project-title {
        font-size: 0.9rem;
        letter-spacing: 0.5px;
    }
}

@media (max-width: 575.98px) {
    .australia-showcase-section {
        padding: 40px 0;
    }

    .showcase-title {
        font-size: 1.5rem;
        margin-bottom: 15px;
    }

    .showcase-image-wrapper {
        margin-bottom: 15px;
    }

    .project-title {
        font-size: 0.8rem;
        line-height: 1.3;
    }
}

/* Vietnam Overview Section Styles */
.vietnam-overview-section {
    background-color: #ffffff;
    padding: 80px 0;
}

.vietnam-overview-section .section-title {
    font-size: 2.5rem;
    font-weight: 700;
    color: #ff6b35;
    margin-bottom: 50px;
    font-family: 'Arial', sans-serif;
}

.vietnam-overview-section .solar-map-container {
    position: relative;
    width: 100%;
    height: auto;
    overflow: hidden;
}

.vietnam-overview-section .solar-map-image {
    width: 100%;
    height: auto;
    object-fit: contain;
    object-position: center;
    display: block;
}



.vietnam-overview-section .content-points {
    margin-top: 20px;
}

.vietnam-overview-section .point-item {
    display: flex;
    align-items: flex-start;
    gap: 10px;
}

.vietnam-overview-section .point-bullet {
    color: #ff6b35;
    font-size: 1.2rem;
    font-weight: bold;
    margin-top: 2px;
    flex-shrink: 0;
}

.vietnam-overview-section .point-content {
    font-size: 0.9rem;
    line-height: 1.6;
    color: #333;
    text-align: justify;
}

.vietnam-overview-section .point-content strong {
    color: #ff6b35;
    font-weight: 600;
}

/* Vietnam Overview Responsive */
@media (max-width: 991.98px) {
    .vietnam-overview-section {
        padding: 60px 0;
    }

    .vietnam-overview-section .section-title {
        font-size: 2rem;
        margin-bottom: 40px;
    }

    .vietnam-overview-section .solar-map-container {
        margin-bottom: 30px;
    }

    .vietnam-overview-section .map-overlay {
        padding: 15px;
    }

    .vietnam-overview-section .map-header h2 {
        font-size: 1rem;
    }

    .vietnam-overview-section .logo-img {
        height: 20px;
    }

    .vietnam-overview-section .color-box {
        width: 18px;
        height: 10px;
    }

    .vietnam-overview-section .legend-values {
        max-width: 140px;
    }
}

@media (max-width: 767.98px) {
    .vietnam-overview-section {
        padding: 50px 0;
    }

    .vietnam-overview-section .section-title {
        font-size: 1.8rem;
        margin-bottom: 30px;
    }

    .vietnam-overview-section .solar-map-container {
        margin-bottom: 25px;
    }

    .vietnam-overview-section .map-overlay {
        padding: 12px;
    }

    .vietnam-overview-section .map-header h4 {
        font-size: 0.7rem;
    }

    .vietnam-overview-section .map-header h3 {
        font-size: 0.8rem;
    }

    .vietnam-overview-section .map-header h2 {
        font-size: 0.9rem;
    }

    .vietnam-overview-section .logo-img {
        height: 18px;
    }

    .vietnam-overview-section .table-header th {
        font-size: 0.8rem;
        padding: 10px 6px;
    }

    .vietnam-overview-section .country-cell,
    .vietnam-overview-section .rating-cell {
        padding: 12px 6px;
        font-size: 0.8rem;
    }

    .vietnam-overview-section .point-content {
        font-size: 0.85rem;
    }
}

@media (max-width: 575.98px) {
    .vietnam-overview-section {
        padding: 40px 0;
    }

    .vietnam-overview-section .section-title {
        font-size: 1.5rem;
        margin-bottom: 25px;
    }

    .vietnam-overview-section .solar-map-container {
        margin-bottom: 20px;
    }

    .vietnam-overview-section .map-overlay {
        padding: 10px;
    }

    .vietnam-overview-section .map-header h4 {
        font-size: 0.6rem;
    }

    .vietnam-overview-section .map-header h3 {
        font-size: 0.7rem;
    }

    .vietnam-overview-section .map-header h2 {
        font-size: 0.8rem;
    }

    .vietnam-overview-section .logo-img {
        height: 15px;
    }

    .vietnam-overview-section .color-box {
        width: 15px;
        height: 8px;
    }

    .vietnam-overview-section .legend-values {
        max-width: 120px;
        font-size: 0.5rem;
    }

    .vietnam-overview-section .table-header th {
        font-size: 0.7rem;
        padding: 8px 4px;
    }

    .vietnam-overview-section .country-cell,
    .vietnam-overview-section .rating-cell {
        padding: 10px 4px;
        font-size: 0.7rem;
    }

    .vietnam-overview-section .year {
        font-size: 0.6rem;
    }

    .vietnam-overview-section .point-content {
        font-size: 0.8rem;
        line-height: 1.5;
    }
}