/* ==========================================================================
   BOOTSTRAP GRID CORE — GIỮ ĐẦY ĐỦ GRID ĐANG CÓ THỂ ĐƯỢC THEME DÙNG
   (Không giữ Button/Form/Modal/Dropdown... để tránh phình CSS)
   ========================================================================== */
*, *:before, *:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
html { -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
body { margin: 0; }
img { vertical-align: middle; border: 0; }

.container {
    padding-right: 15px; padding-left: 15px;
    margin-right: auto; margin-left: auto;
}
@media (min-width: 768px) { .container { width: 750px; } }
@media (min-width: 992px) { .container { width: 970px; } }
@media (min-width: 1200px) { .container { width: 1170px; } }

.row { margin-right: -15px; margin-left: -15px; }

/* Bootstrap 3 grid base */
.col-lg-1,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-10,.col-lg-11,.col-lg-12,
.col-md-1,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-10,.col-md-11,.col-md-12,
.col-sm-1,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-10,.col-sm-11,.col-sm-12,
.col-xs-1,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9,.col-xs-10,.col-xs-11,.col-xs-12 {
    position: relative; min-height: 1px;
    padding-right: 15px; padding-left: 15px;
}

.col-xs-1{width:8.33333333%}.col-xs-2{width:16.66666667%}.col-xs-3{width:25%}.col-xs-4{width:33.33333333%}.col-xs-5{width:41.66666667%}.col-xs-6{width:50%}.col-xs-7{width:58.33333333%}.col-xs-8{width:66.66666667%}.col-xs-9{width:75%}.col-xs-10{width:83.33333333%}.col-xs-11{width:91.66666667%}.col-xs-12{width:100%}
[class*="col-xs-"] { float: left; }

@media (min-width: 768px) {
    .col-sm-1,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-10,.col-sm-11,.col-sm-12 { float:left; }
    .col-sm-1{width:8.33333333%}.col-sm-2{width:16.66666667%}.col-sm-3{width:25%}.col-sm-4{width:33.33333333%}.col-sm-5{width:41.66666667%}.col-sm-6{width:50%}.col-sm-7{width:58.33333333%}.col-sm-8{width:66.66666667%}.col-sm-9{width:75%}.col-sm-10{width:83.33333333%}.col-sm-11{width:91.66666667%}.col-sm-12{width:100%}
}

@media (min-width: 992px) {
    .col-md-1,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-10,.col-md-11,.col-md-12 { float:left; }
    .col-md-1{width:8.33333333%}.col-md-2{width:16.66666667%}.col-md-3{width:25%}.col-md-4{width:33.33333333%}.col-md-5{width:41.66666667%}.col-md-6{width:50%}.col-md-7{width:58.33333333%}.col-md-8{width:66.66666667%}.col-md-9{width:75%}.col-md-10{width:83.33333333%}.col-md-11{width:91.66666667%}.col-md-12{width:100%}
}

@media (min-width: 1200px) {
    .col-lg-1,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-10,.col-lg-11,.col-lg-12 { float:left; }
    .col-lg-1{width:8.33333333%}.col-lg-2{width:16.66666667%}.col-lg-3{width:25%}.col-lg-4{width:33.33333333%}.col-lg-5{width:41.66666667%}.col-lg-6{width:50%}.col-lg-7{width:58.33333333%}.col-lg-8{width:66.66666667%}.col-lg-9{width:75%}.col-lg-10{width:83.33333333%}.col-lg-11{width:91.66666667%}.col-lg-12{width:100%}
}

.clearfix:before,.clearfix:after,.container:before,.container:after,.row:before,.row:after {
    display: table; content: " ";
}
.clearfix:after,.container:after,.row:after { clear: both; }
.text-center { text-align: center; }

.navbar-brand {
    float:left; height:50px; padding:15px 15px;
    font-size:18px; line-height:20px;
}
.navbar-brand:focus,.navbar-brand:hover { text-decoration:none; }
.navbar-brand>img { display:block; }

/* ==========================================================================
   1. FONTS & GLOBAL TYPOGRAPHY
   ========================================================================== */
@font-face {
    font-family: 'Roboto';
    src: url('/dienmay/font/Roboto/subset-Roboto-Regular.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Roboto';
    src: url('/dienmay/font/Roboto/subset-Roboto-Medium.woff2') format('woff2');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Roboto';
    src: url('/dienmay/font/Roboto/subset-Roboto-Bold.woff2') format('woff2');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

html {
    font-display: swap;
}
html, body {
    font-family: 'Roboto', Arial, Helvetica, sans-serif;
    font-size: 16px;
    line-height: 1.6;
    color: #000;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
body {
    font-synthesis: none;
}
h1, h2, h3, h4, h5, h6 {
    font-family: 'Roboto', Arial, Helvetica, sans-serif;
    font-weight: 700;
}
a, a:focus, a:hover {
    text-decoration: none;
}
#wrapper {
    overflow: hidden;
}

/* ==========================================================================
   2. UTILITY CLASSES (Margins, Paddings, Colors, Text)
   ========================================================================== */
.mw-1800 { max-width: 1800px; width: 100%; margin: 0 auto; }
.clear-both { clear: both; }
.d-flex { display: flex; }
.list-style-type-disc li { list-style-type: disc; }
.rotate90 { transform: rotate(90deg); }

/* Backgrounds & Colors */
.bg-main { background-color: #008f8c; }
.bg-gray { background-color: #f9f9f9; }
.cl-white { color: #fff; }
.cl-dark { color: #000000; }
.cl-orange { color: #d58330; }

/* Font Sizes & Weights */
.fs-22 { font-size: 22px; }
.fs-20 { font-size: 20px; }
.fs-16 { font-size: 16px; }
.fs-14 { font-size: 14px; }
.fw-300 { font-weight: 300; }
.fw-700 { font-weight: 700; }
.lh-24 { line-height: 24px; }
.lh-26 { line-height: 26px; }

/* Paddings */
.p-section { padding-top: 40px; padding-bottom: 60px; }
.pt-65 { padding-top: 65px; }
.pt-40 { padding-top: 40px; }
.pt-20 { padding-top: 20px; }
.pbt-120 { padding-bottom: 120px; }
.pbt-90 { padding-bottom: 90px; }
.pbt-80 { padding-bottom: 80px; }
.pbt-60 { padding-bottom: 60px; }
.pbt-20 { padding-bottom: 20px; }

/* Margins */
.mt-70 { margin-top: 70px; }
.mt-50 { margin-top: 50px; }
.mt-20 { margin-top: 20px; }
.mbt-70 { margin-bottom: 70px; }
.mbt-20 { margin-bottom: 20px; }
.mbt-15 { margin-bottom: 15px; }
.mbt-8 { margin-bottom: 8px; }

/* ==========================================================================
   3. TYPOGRAPHY & HEADING STRUCTURES
   ========================================================================== */
.section-title {
    font-size: 24px;
    font-weight: 700;
    line-height: 32px;
    margin-top: 0;
    margin-bottom: 21px;
    color: #000;
    position: relative;
    padding-bottom: 20px;
}
.section-title:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 74px;
    height: 3px;
    background-color: #008f8c;
}
.section-title.cl-white:after { background-color: #fff; }
.section-title.border-orange:after { background-color: #d58330; }
.section-intro { font-size: 16px; font-weight: 300; line-height: 24px; }

/* ==========================================================================
   4. BUTTONS & PAGINATION
   ========================================================================== */
.main-btn {
    text-transform: uppercase;
    padding: 14px 36px;
    font-size: 16px;
    white-space: nowrap;
    letter-spacing: .06em;
    transition: .3s;
    backface-visibility: hidden;
    display: inline-block;
    border: 1px solid transparent;
    font-weight: 700;
    line-height: 24px;
    color: #fff;
}
.main-btn.btn-v1 { border-color: #d58330; background-color: #d58330; }
.main-btn.btn-v1:focus, .main-btn.btn-v1:hover, .main-btn.btn-v2 {
    background-color: #005da4;
    border-color: #005da4;
    color: #fff;
    transition: all 0.3s ease;
}
.main-btn.btn-v2:focus, .main-btn.btn-v2:hover {
    color: #005da4;
    background-color: #ffcc00;
    border-color: #d58330;
    border-radius: 4px !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 4px 15px rgba(0, 93, 164, 0.3) !important;
    transform: translateY(-3px) !important;
}

.submit-btn, .view-more-btn { padding: 14px 36px; transition: .4s; }
.submit-btn {
    color: #fff;
    background-color: #008f8c;
    border-color: #008f8c;
    font-size: 16px;
    line-height: 24px;
    font-weight: 700;
    border-radius: 0;
}
.submit-btn:focus, .submit-btn:hover {
    color: #fff;
    background-color: #00716f;
    border-color: #00716f;
    outline: 0;
    box-shadow: none;
}
.view-more-btn {
    font-size: 14px;
    line-height: 14px;
    color: #fff;
    display: inline-block;
    background-color: #d58330;
    border: 2px solid #d58330;
}
.view-more-btn:focus, .view-more-btn:hover { background-color: #fff; color:#d58330; }

.btn-call-popup { background-color: #008f8c; border-color: #008f8c; }
.btn-call-popup:focus, .btn-call-popup:hover { background-color: #fff; color: #008f8c; border-color: #008f8c; }

/* Pagination */
.m-pagination { text-align: center; margin-top: 40px; }
.m-pagination li { list-style-type: none; display: inline-block; }
.m-pagination li:not(:last-child) { margin-right: 10px; }
.m-pagination li a {
    display: block; width: 54px; height: 54px; line-height: 54px;
    padding: 0; text-align: center; background-color: #005da4;
    color: #ffffff; border: 1px solid #005da4; border-radius: 4px;
    transition: all 0.3s ease;
}
.m-pagination li a:hover, .m-pagination li.active a {
    background-color: #ffcc00; border-color: #ffcc00; color: #005da4;
    font-weight: bold; box-shadow: 0 4px 10px rgba(0, 93, 164, 0.2); transform: translateY(-2px);
}
.m-pagination .pagination-nav .pagination li .arrow-btn:hover { border: 1px solid #188f8c !important; }

/* Scroll Top Button */
.scroll-top-btn {
    position: fixed; bottom: 20px; right: 20px; z-index: 100;
    width: 50px; height: 50px; background-color: #434345;
    color: #fff !important; border-radius: 50%; text-decoration: none !important;
    box-shadow: 0 0 10px 0 rgba(0,0,0,.22);
    display: flex; justify-content: center; align-items: center;
    opacity: 0; visibility: hidden; transition: all 0.3s ease;
}
.scroll-top-btn.visible { opacity: 1; visibility: visible; }
.scroll-top-btn:hover, .scroll-top-btn:focus { background-color: #006BE6; color: #fff; outline: none; }

/* ==========================================================================
   5. HEADER, TOP MENU & NAVIGATION (DESKTOP)
   ========================================================================== */
.top-header { padding-top: 10px; position: relative; z-index: 2; }
.top-header:before {
    content: ""; position: absolute; top: 0; bottom: -24px;
    width: 10000px; background: #eeeff1; z-index: -1; right: 68%;
    transform: skew(-36deg);
}
.header-title { color: #d5832f; font-weight: 700; margin-top: 10px; }
.header-info .mail { padding-top: 6px; }
.header-info .link { display: flex; font-size: 30px; }
.header-info .phone .icon { font-size: 30px; font-weight: 700; margin-right: 10px; color: #d58330; }
.header-info .phone span { animation: change-color 1s infinite; line-height: 1; }
@keyframes change-color { from { color: #006b69; } to { color: #d58330; } }
.header-info .mail .icon { font-size: 18px; color: #d58330; margin-right: 10px; }
.header-info .mail span, .top-header-content .right li { color: #008f8c; font-size: 16px; }
.top-header-content .right ul { list-style-type: none; padding-left: 0; }
.top-header-content .right li { line-height: 24px; }
.top-header-content .right li span { margin-right: 8px; }
.top-header-content .right li:nth-child(2) { padding-left: 20px; }
.top-header-content .right li:nth-child(3) { padding-left: 40px; }
.top-header-content .right li:nth-child(4) { padding-left: 60px; }

/* Menu Base */
.top-menu { border: 0; margin-bottom: 0; }
.top-menu ul, .lz-top-menu ul { padding-left: 0; }
.top-menu li, .lz-top-menu li { list-style-type: none; position: relative; }
.top-menu a, .lz-top-menu a { color: #fff; display: block; }
.top-menu .top-menu-content, .lz-top-menu .lz-top-menu-content {
    display: flex; justify-content: center; align-items: center; margin-bottom: 0; z-index: 100;
}
.top-menu-content { position: relative; min-height: 70px; }
.lz-top-menu-content { position: relative;    margin: 0 auto;}

/* Skew Backgrounds for Menu */
.top-menu-content:before, .lz-top-menu-content:before {
    content: ""; position: absolute; height: 100%; transition: .35s all ease;
    left: -5000px !important; width: 10000px !important; transform: none !important;
}
.top-menu-content:before { background-color: #008f8c; }
.lz-top-menu-content:before { background-color: #004B91; }

/* Menu Level 1 */
.top-menu-content .navbar-nav > li > a, .lz-top-menu-content .menu-lv1, .lz-top-menu-content .search-btn {
    position: relative; font-size: 14px; padding: 18px 28px;
}
.menu-lv1 {
    font-family: 'Roboto', sans-serif !important; font-size: 16px !important;
    font-weight: 700 !important; text-transform: uppercase !important;
    letter-spacing: 0.5px !important; color: #ffffff !important;
    text-decoration: none !important; padding: 15px 20px !important;
    display: block !important; transition: color 0.3s ease !important;
}
.menu-lv1:hover { color: #ffb800 !important; }
.menu-lv1, .top-menu-content .navbar-nav > li > a { padding: 15px 14px !important; letter-spacing: 0 !important; }
.menu-lv1 .caret, .top-menu-content .navbar-nav > li > a .caret { margin-left: 8px !important; }

.top-menu-content .navbar-nav > li > a {
    color: #fff; display: inline-block; vertical-align: middle;
    font-weight: 700; text-transform: capitalize; text-shadow: none; transition: .4s;
}
.top-menu-content .navbar-nav > li:not(:last-child) > a:after {
    content: ""; position: absolute; top: 50%; right: 0; transform: translateY(-50%);
    width: 1px; height: 25px; background: rgba(255, 255, 255, .2);
}
.top-menu-content .navbar-nav > li:not(:last-child) > a:before {
    content: ""; position: absolute; bottom: 10px; left: 50%; transform: translateX(-50%);
    width: 90%; height: 2px; background-color: #d58330; opacity: 0; visibility: hidden; transition: .4s;
}
.top-menu-content .navbar-nav > li.active a:before, .top-menu-content .navbar-nav > li:hover > a:before {
    opacity: 1; visibility: visible;
}
.top-menu-content .open > a, .top-menu-content .open > a:focus, .top-menu-content .open > a:hover,
.top-menu-content .navbar-nav > li:hover > a, .top-menu-content .navbar-nav > li > a:focus,
.top-menu-content .navbar-nav > li > a:hover, .lz-top-menu-content li.active a, .lz-top-menu-content li:hover > a {
    background-color: #005da4 !important; color: #fff !important;
}

/* Dropdowns Level 2 & 3 */
.top-menu-content .dropdown-menu, .lz-top-menu .childmenu, .top-menu-content .dropdown .menu-rank-2 {
    position: absolute; top: 100%; left: 0; z-index: 30; width: max-content;
    background-color: #35a8e0 !important; box-shadow: 0 10px 30px rgba(0,0,0,0.08) !important;
    padding: 0 !important; min-width: 270px !important; border: none !important;
    border-top: 3px solid #ffcc00 !important; border-radius: 0 0 6px 6px !important;
    display: none; transition: .3s ease;
}
.top-menu-content .dropdown-menu li a, .lz-top-menu .childmenu a {
    padding: 14px 20px !important; color: #ffffff !important; font-weight: 500 !important;
    font-size: 15px !important; text-transform: none !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.2) !important;
    display: block !important; transition: all 0.3s ease !important; background-image: none !important;
}
.top-menu-content .dropdown-menu li:last-child > a, .lz-top-menu .childmenu li:last-child > a { border-bottom: none !important; }
.top-menu-content .dropdown-menu li a:hover, .lz-top-menu .childmenu a:hover {
    background-color: #278fc0 !important; color: #ffffff !important; padding-left: 28px !important;
}
.top-menu-content .dropdown-menu li a .caret, .lz-top-menu .childmenu a .caret {
    border-left-color: #008f8c; float: none; margin-top: 0; position: absolute; top: 15px; right: 5px;
}
.top-menu-content .dropdown-menu li a:hover .caret { border-left-color: #fff; }
.top-menu-content .dropdown-menu li a .dropdown-menu-icon, .lz-top-menu .childmenu a .dropdown-menu-icon { display: none !important; }

/* Level 3 Specifics */
.top-menu-content .dropdown .menu-rank-2, .childmenu .childmenu {
    position: absolute !important; top: -3px !important; left: 100% !important;
    max-height: 400px !important; overflow-y: auto !important; border-top: 3px solid #005da4 !important; border-radius: 0;
}
.top-menu-content .dropdown .menu-rank-2::-webkit-scrollbar, .childmenu .childmenu::-webkit-scrollbar { width: 5px; }
.top-menu-content .dropdown .menu-rank-2::-webkit-scrollbar-track, .childmenu .childmenu::-webkit-scrollbar-track { background: #278fc0; }
.top-menu-content .dropdown .menu-rank-2::-webkit-scrollbar-thumb, .childmenu .childmenu::-webkit-scrollbar-thumb { background-color: #ffcc00; border-radius: 10px; }
.lz-top-menu-content > li:nth-child(n+4) .childmenu .childmenu, .top-menu-content .navbar-nav > li:nth-child(n+4) .dropdown .menu-rank-2 {
    right: 100% !important; left: auto !important; box-shadow: -10px 10px 30px rgba(0,0,0,0.08) !important;
}

/* Submenu Interactions */
.has-childmenu:after {
    content: ''; position: absolute; top: 50%; transform: translate(0, -50%); right: 15px;
    border-top: 4px dashed #fff; border-right: 4px solid transparent; border-left: 4px solid transparent; transition: .3s;
}
.has-childmenu .has-childmenu:after {
    display: block; width: 8px; height: 8px; border: none;
    border-right: 2px solid #ffffff; border-bottom: 2px solid #ffffff;
    transform: translateY(-50%) rotate(-45deg); position: absolute; top: 50%; right: 15px; transition: all 0.3s ease;
}
.has-childmenu .has-childmenu:hover:after { border-right-color: #ffcc00; border-bottom-color: #ffcc00; }
.has-childmenu:hover > ul { display: block; }
.lz-top-menu-content > li.has-childmenu > a, .top-menu-content .navbar-nav > li.has-childmenu > a { padding-right: 24px !important; }
.lz-top-menu-content > li.has-childmenu:after, .top-menu-content .navbar-nav > li.has-childmenu:after {
    content: ''; display: block !important; position: absolute; top: 50%; right: 8px !important;
    width: 7px; height: 7px; border: none !important; border-right: 2px solid #ffffff !important; border-bottom: 2px solid #ffffff !important;
    transform: translateY(-50%) rotate(45deg) !important; transition: all 0.3s ease;
}
.lz-top-menu-content > li.has-childmenu:hover:after, .top-menu-content .navbar-nav > li.has-childmenu:hover:after { border-right-color: #ffcc00 !important; border-bottom-color: #ffcc00 !important; }

/* Sticky Menu */
.top-menu.sticky, .lz-top-menu.sticky {
    position: fixed; top: 0; left: 0; width: 100%; z-index: 100; box-shadow: 0 2px 2px 0 rgba(0,0,0,.15);
}
.top-menu.sticky .top-menu-content:before, .lz-top-menu.sticky .lz-top-menu-content:before { left: -100px; }

/* Desktop Menu Icons (First 6 items) */
.lz-top-menu-content > li:nth-child(-n+6) > a, .top-menu-content .navbar-nav > li:nth-child(-n+6) > a { padding-left: 36px !important; position: relative; }
.lz-top-menu-content > li:nth-child(-n+6) > a:before, .top-menu-content .navbar-nav > li:nth-child(-n+6) > a:before {
    content: '' !important; position: absolute !important; left: 12px !important; top: 50% !important; bottom: auto !important;
    transform: translateY(-50%) !important; width: 18px !important; height: 18px !important; background-color: #ffffff !important;
    -webkit-mask-size: contain; -webkit-mask-repeat: no-repeat; -webkit-mask-position: center; mask-size: contain; mask-repeat: no-repeat; mask-position: center;
    opacity: 1 !important; visibility: visible !important; transition: all 0.3s ease !important;
}
.lz-top-menu-content > li:nth-child(-n+6):hover > a:before, .top-menu-content .navbar-nav > li:nth-child(-n+6):hover > a:before { background-color: #ffcc00 !important; }
.lz-top-menu-content > li:nth-child(1) > a:before, .top-menu-content .navbar-nav > li:nth-child(1) > a:before { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z'%3E%3C/path%3E%3Cpolyline points='9 22 9 12 15 12 15 22'%3E%3C/polyline%3E%3C/svg%3E"); }
.lz-top-menu-content > li:nth-child(2) > a:before, .top-menu-content .navbar-nav > li:nth-child(2) > a:before { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12.89 1.45l8 4A2 2 0 0 1 22 7.24v9.53a2 2 0 0 1-1.11 1.79l-8 4a2 2 0 0 1-1.79 0l-8-4a2 2 0 0 1-1.1-1.8V7.24a2 2 0 0 1 1.11-1.79l8-4a2 2 0 0 1 1.78 0z'%3E%3C/path%3E%3Cpolyline points='2.32 6.16 12 11 21.68 6.16'%3E%3C/polyline%3E%3Cline x1='12' y1='22.76' x2='12' y2='11'%3E%3C/line%3E%3C/svg%3E"); }
.lz-top-menu-content > li:nth-child(3) > a:before, .top-menu-content .navbar-nav > li:nth-child(3) > a:before { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='3'%3E%3C/circle%3E%3Cpath d='M19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a2 2 0 0 1 0 2.83 2 2 0 0 1-2.83 0l-.06-.06a1.65 1.65 0 0 0-1.82-.33 1.65 1.65 0 0 0-1 1.51V21a2 2 0 0 1-2 2 2 2 0 0 1-2-2v-.09A1.65 1.65 0 0 0 9 19.4a1.65 1.65 0 0 0-1.82.33l-.06.06a2 2 0 0 1-2.83 0 2 2 0 0 1 0-2.83l.06-.06a1.65 1.65 0 0 0 .33-1.82 1.65 1.65 0 0 0-1.51-1H3a2 2 0 0 1-2-2 2 2 0 0 1 2-2h.09A1.65 1.65 0 0 0 4.6 9a1.65 1.65 0 0 0-.33-1.82l-.06-.06a2 2 0 0 1 0-2.83 2 2 0 0 1 2.83 0l.06.06a1.65 1.65 0 0 0 1.82.33H9a1.65 1.65 0 0 0 1-1.51V3a2 2 0 0 1 2-2 2 2 0 0 1 2 2v.09a1.65 1.65 0 0 0 1 1.51 1.65 1.65 0 0 0 1.82-.33l.06-.06a2 2 0 0 1 2.83 0 2 2 0 0 1 0 2.83l-.06.06a1.65 1.65 0 0 0-.33 1.82V9a1.65 1.65 0 0 0 1.51 1H21a2 2 0 0 1 2 2 2 2 0 0 1-2 2h-.09a1.65 1.65 0 0 0-1.51 1z'%3E%3C/path%3E%3C/svg%3E"); }
.lz-top-menu-content > li:nth-child(4) > a:before, .top-menu-content .navbar-nav > li:nth-child(4) > a:before { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20.59 13.41l-7.17 7.17a2 2 0 0 1-2.83 0L2 12V2h10l8.59 8.59a2 2 0 0 1 0 2.82z'%3E%3C/path%3E%3Cline x1='7' y1='7' x2='7.01' y2='7'%3E%3C/line%3E%3C/svg%3E"); }
.lz-top-menu-content > li:nth-child(5) > a:before, .top-menu-content .navbar-nav > li:nth-child(5) > a:before { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M22 11.08V12a10 10 0 1 1-5.93-9.14'%3E%3C/path%3E%3Cpolyline points='22 4 12 14.01 9 11.01'%3E%3C/polyline%3E%3C/svg%3E"); }
.lz-top-menu-content > li:nth-child(6) > a:before, .top-menu-content .navbar-nav > li:nth-child(6) > a:before { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 18v-6a9 9 0 0 1 18 0v6'%3E%3C/path%3E%3Cpath d='M21 19a2 2 0 0 1-2 2h-1a2 2 0 0 1-2-2v-3a2 2 0 0 1 2-2h3zM3 19a2 2 0 0 0 2 2h1a2 2 0 0 0 2-2v-3a2 2 0 0 0-2-2H3z'%3E%3C/path%3E%3C/svg%3E"); }
.lz-top-menu-content > li:nth-child(7) > a:before, .top-menu-content .navbar-nav > li:nth-child(7) > a:before { display: none !important; }

/* Search Form Desktop */
.top-menu-content .search-form, .lz-top-menu-content .search-form {
    opacity: 0; visibility: hidden; position: absolute; top: 100%; right: 0; bottom: 0;
    z-index: 99; transition: all .3s ease; width: 370px; height: 54px; box-shadow: 0 4px 6px 0 rgba(0,0,0,.2);
}
.top-menu-content .search-form.active, .lz-top-menu-content .search-form.active { opacity: 1; visibility: visible; }
.search-form .form-control:focus { border-color: #188f8c; }

/* ==========================================================================
   6. BANNER, SLIDER & IMAGES
   ========================================================================== */
.box-img { display: flex; justify-content: center; align-items: center; background-color: #f9f9f9; overflow: hidden; }
.box-img img, img { height: auto; max-width: 100%; }
.box-img img { width: auto; max-height: 100%; }
.hero-img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; aspect-ratio: 16 / 9; }

/* Banner Container */
.banner { position: relative; width: 100%; overflow: hidden; background: none !important; min-height: 300px; aspect-ratio: 1490 / 312; display: block; }
.banner .container { width: 100%; }
.banner:after, .link-overlay:after { content: ""; }
.banner:after { display: none !important; }
.banner-img { width: 100%; height: 100%; object-fit: cover; display: block; aspect-ratio: 1490 / 312; }
.banner-content { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; text-align: center; z-index: 5; padding: 0 15px; }
.banner-content .banner-title { color: #fff; font-size: 54px; line-height: 70px; font-weight: 700; margin-bottom: 30px; }

/* Banner Breadcrumb */
.banner-content .m-breadcrumb ul { margin-bottom: 0; padding-left: 0; }
.banner-content .m-breadcrumb li { display: inline-block; list-style-type: none; font-size: 16px; font-weight: 300; color: #fff; line-height: 20px; }
.banner-content .m-breadcrumb li a { font-size: 16px; font-weight: 300; color: #d58330; transition: .3s; line-height: 20px; }
.banner-content .m-breadcrumb li:not(:last-child), .m-breadcrumb .breadcrumb-icon { margin-right: 20px; }

/* Home Static Banner */
.home-banner { position: relative; width: 100%; overflow: hidden; }
.banner-media { position: relative; width: 100%; aspect-ratio: 1490 / 630; }
.banner-overlay {
    position: absolute; inset: 0; display: flex; align-items: center;
    background: linear-gradient(90deg, rgba(0,0,0,0.75) 0%, rgba(0,0,0,0.55) 40%, rgba(0,0,0,0.15) 70%, rgba(0,0,0,0) 100%);
}
.banner-text-box { max-width: 600px; color: #fff; }
.banner-text-box .banner-title { font-size: 48px; line-height: 1.2; font-weight: 700; margin-bottom: 25px; }
.banner-text-box .banner-title a { color: #fff; text-decoration: none; }
.banner-text-box .banner-title a:hover { opacity: 0.9; }

/* Skew Box Effect */
.skew-box { position: relative; }
.skew-box:before { content: ""; position: absolute; background: inherit; top: -28px; right: -1%; width: 39.8%; height: 30px; display: block; transform: skew(-34deg); z-index: 10; }
.skew-box-white:before { background: #fff; }
.skew-box-wide:before { width: 62.24%; }

/* Link Overlay */
.link-overlay { position: relative; }
.link-overlay:after {
    position: absolute; top: 100%; left: 0; width: 100%; height: 100%;
    background: rgba(61, 183, 239, 0.6) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23333333' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.71'%3E%3C/path%3E%3Cpath d='M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.71-1.71'%3E%3C/path%3E%3C/svg%3E") center no-repeat;
    background-size: 24px; transition: 0.4s; cursor: pointer;
}
.link-overlay:hover:after { top: 0; }

/* ==========================================================================
   7. MAIN CONTENT COMPONENTS
   ========================================================================== */
.child-page-content { padding-top: 20px; padding-bottom: 10px; }
.child-page-content .section-title { color: #005da4; font-size: 32px; text-transform: uppercase; }
.child-page-content .section-title:after { content: ''; display: block; background-color: #ffcc00; width: 80px; height: 4px; margin-top: 10px; border-radius: 4px; }
.child-page-content .m-breadcrumb { text-align: left; margin-bottom: 25px; padding-bottom: 12px; border-bottom: 1px solid #e6eaf2; }
.child-page-content .m-breadcrumb ul { padding-left: 0; margin-bottom: 0; }
.child-page-content .m-breadcrumb li { display: inline-block; list-style-type: none; font-size: 15px; color: #666666; }
.child-page-content .m-breadcrumb li a { color: #005da4 !important; font-weight: 500; transition: 0.3s; }
.child-page-content .m-breadcrumb li a:hover { color: #ffcc00 !important; text-decoration: underline; }
.child-page-content .m-breadcrumb .breadcrumb-sep { margin: 0 12px; color: #999999; font-size: 14px; }
.child-page-content .m-breadcrumb .breadcrumb-sep::before { content: "→"; }

/* Services */
.service-box { margin-bottom: 30px; }
.service-item { display: flex; flex-direction: column; overflow: hidden; position: relative; background: #fff; padding: 15px; border-radius: 6px; height: 100%; transition: all 0.25s ease; }
.service-item:after { content: ""; position: absolute; top: 0; width: 100%; height: 100%; background: rgba(246, 233, 210, .15); opacity: 1; transition: .3s all ease; }
.service-item:hover { transform: translateY(-4px); box-shadow: 0 6px 18px rgba(0,0,0,0.08); }
.service-item:hover:after { opacity: 0; }
.service-title { font-size: 16px; font-weight: 600; margin: 12px 0 6px; min-height: 44px; }
.service-desc { font-size: 15px; line-height: 1.6; color: #555; flex-grow: 1; }
.service-intro { font-size: 18px; font-weight: 600; margin-bottom: 6px; }
.service-sub { font-size: 15px; color: #555; margin-bottom: 8px; }
.service-highlight { font-size: 15px; color: #00857c; font-weight: 500; }
.service-btn { display: inline-block; margin-top: 10px; padding: 8px 14px; background: #2b50ff; color: #fff; font-weight: 600; border-radius: 4px; text-align: center; }
.service-btn:hover { background: #1e3ee0; color: #fff; }

.service-item-title { position: absolute; padding: 8px 30px 8px 50px; bottom: 20px; left: -30px; z-index: 10; font-size: 20px; font-weight: 300; color: #fff; transition: .3s all ease; line-height: 20px; padding-right: 40px; }
.service-item-title .arrow-icon { position: absolute; top: 9px; left: 22px; color: #fff; margin-right: 10px; font-size: 18px; transition: .3s all ease; opacity: 0; }
.service-item:hover .service-item-title { left: 0; }
.service-item:hover .arrow-icon { opacity: 1; }
.service-item-title:after { content: ""; position: absolute; z-index: -1; top: 0; left: -10%; bottom: 0; background-color: #d58330; transform: skew(-32deg); width: 400px; transition: .3s all ease; }

/* Why Choose Us (WCU) */
.wcu-box:not(:last-child) { margin-bottom: 30px; }
.wcu-item { display: block; }
.wcu-item .left { margin-right: 15px; margin-bottom: 15px; }
.wcu-item .left span { margin: 0 auto; }
.wcu-item .left .wcu-icon { font-size: 40px; color: #fff; }
.wcu-item .left > span { background-color: #d58330; border-radius: 100%; width: 80px; height: 80px; text-align: center; line-height: 80px; box-sizing: border-box; padding: 6px; display: flex; justify-content: center; align-items: center; margin: 0 auto; }
.wcu-item .right h3 { margin-top: 0; }
.wcu-item .right > p { display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; overflow: hidden; -webkit-line-clamp: 6; }
.wcu-item .right a { color: #fff; }

/* News & Blog */
.news-box { margin-bottom: 30px; }
.news-item .box-img, .news-item .news-title { margin-top: 0; margin-bottom: 15px; }
.news-box .box-img, .service-box .box-img { height: auto; width: 100% !important; aspect-ratio: 3 / 2 !important; overflow: hidden; background-color: #f8f9fa; display: flex !important; justify-content: center !important; align-items: center !important; border-radius: 6px; }
.news-item .box-img img { width: 100% !important; height: 100% !important; object-fit: cover !important; transition: transform 0.4s ease; }
.news-item:hover .box-img img { transform: scale(1.05); }
.news-item .news-title a { font-size: 22px; font-weight: 700; line-height: 28px; color: #8b4a0b; transition: .4s; }
.blog-page .news-item .news-title a { color: #333333; transition: .3s; }
.blog-page .news-item .news-title a:hover { color: #005da4; }
.news-item .news-content .news-text { font-size: 16px; font-weight: 300; line-height: 24px; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; overflow: hidden; -webkit-line-clamp: 4; }

/* Post Content & Tables */
.post-page .left .section-title { margin-bottom: 30px; font-size: 32px; font-weight: 700; padding-bottom: 10; line-height: 1.3; }
.post-content .post-text img { height: auto !important; }
.post-text { overflow: hidden; }
.post-content .another-news { margin-top: 60px; }
.post-content .share-box { margin-top: 30px; }
.post-content .share-box span a { color: #d58330; }
.about-page .about-content .left .content p, .post-page .post-content .left .content p { margin: 10px 0; line-height: 24px; }
.post-content table { text-align: center; }
.post-content table td[style*="text-align:left"], .post-content table th[style*="text-align:left"], .post-content table .has-text-align-left { text-align: left; padding-left: 12px; }
.table td, .table th { min-height: 32px; vertical-align: middle; }
.table-cta { background: #f9fbff; padding: 24px 16px; border-top: 1px solid #e6eaf2; }
.table-cta strong { font-size: 16px; display: block; margin-bottom: 8px; }
.btn-tu-van { display: inline-block; margin-top: 12px; padding: 14px 30px; background: #0b57d0; color: #ffffff; border-radius: 30px; font-weight: 600; text-decoration: none; font-size: 15px; }
.btn-tu-van:hover { background: #094cb8; }

/* Sidebar & Tags */
.sidebar-title { margin-bottom: 30px; font-size: 20px; font-weight: 700; }
.sidebar-title-border { padding-bottom: 18px; margin-top: 0; position: relative; border-bottom: 1px solid #d0d0d0; }
.sidebar-title-border:before { content: ''; position: absolute; bottom: 0; left: 0; width: 40px; height: 1px; background-color: #3db7ef; }
.sidebar-box:not(:last-child) { margin-bottom: 60px; }
.sidebar .sidebar-box ul { padding-left: 0; list-style: none; }
.sidebar .category li { margin-bottom: 20px; list-style-type: none; }
.sidebar .category li a { color: #005da4; font-weight: 300; font-size: 16px; text-decoration: none; padding-left: 24px; position: relative; line-height: normal; }
.sidebar .category li a:hover { color: #ffcc00; font-weight: 500; }
.sidebar .category li a:before {
    content: ''; position: absolute; left: 0; top: 5px; width: 9px; height: 9px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23333333' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");
    background-position: center center; background-repeat: no-repeat; background-size: 100%; transition: .4s;
}
.sidebar .category li a:hover:before { left: 5px; }
.sidebar .category li.active > a:before { transform: rotate(90deg); }
.sub-category { padding-left: 40px; padding-top: 20px; }
.sidebar .sidebar-box ul .sub-category { display: none; padding-left: 30px; }
.sidebar .category li.active .sub-category { display: block !important; }
.sub-category li a { display: -webkit-box; height: 1; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; font-size: 15px; }

.tags-box .tags-item { margin-right: 10px; display: inline-block; margin-bottom: 10px; }
.tags-box .tags-item a { padding: 14px 15px; background-color: #f9f9f9; font-size: 16px; font-weight: 400; color: #000; transition: .4s; display: block; }
.tags-box .tags-item a:hover { background-color: #188f8c; color: #fff; }

/* Misc Elements */
.about-us-logo { padding-top: 50px; }
.about-content .content ul { padding-left: 40px; }
.about-content .content li { list-style-type: disc; }
.check-icon, img[src*="check"] { width: 25px; height: 25px; min-width: 25px; min-height: 25px; display: inline-block; }
.icon-hot-starburst {
    display: inline-block; vertical-align: middle; width: 30px; height: 30px; margin-right: 3px; margin-bottom: 2px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpolygon points='50,5 62,30 90,15 75,42 98,60 72,70 75,95 50,80 25,95 28,70 2,60 25,42 10,15 38,30' fill='%23FFFF00' stroke='%23FF0000' stroke-width='4' stroke-linejoin='round'/%3E%3Ctext x='50' y='61' font-family='Arial,sans-serif' font-size='30' font-weight='900' fill='%23FF0000' text-anchor='middle' transform='rotate(-15, 50, 50)'%3EHOT%3C/text%3E%3C/svg%3E");
    background-size: contain; background-repeat: no-repeat; background-position: center; animation: chop-ngoi-sao 0.2s infinite alternate;
}
@keyframes chop-ngoi-sao { 0% { transform: scale(0.95); } 100% { transform: scale(1.15); } }

/* ==========================================================================
   8. FOOTER, CONTACT & FORMS
   ========================================================================== */
.main-footer { background-color: #0000FF !important; }
.logo { padding-bottom: 10px; }
.logo .box-img, .footer-logo { background-color: unset; }
.logo-img { width: 120px; height: auto; }
.footer-logo { float: left; }
.footer-logo img { max-height: 78px; }
.bottom-footer { padding-top: 10px; padding-bottom: 10px; }
.info-contact { padding-left: 0; list-style-type: none; }
.info-contact li { padding-left: 30px; position: relative; }
.info-contact li .info-contact-icon { position: absolute; top: 0; left: 0; color: #d58330; }
.info-contact li a, .most-view-news li a { display: block; transition: 0.4s; }
.info-contact li a { color: #fff; word-break: break-all; }
.info-contact li a:hover, .info-contact li a:focus { color: #fff; transform: translateX(20px); }
.most-view-news { padding-left: 40px; }
.most-view-news li { color: #fff; }
.most-view-news li a:hover, .most-view-news li a:focus { transform: translateX(20px); color: #ff9900; }
.socials-icon { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); }
.socials-icon ul { padding-left: 0; margin-bottom: 0; }
.socials-icon li { display: inline-block; }
.socials-icon li a { color: #b7b7b7; padding: 0 6px; transition: 0.4s; }
.socials-icon li a:hover { color: #008f8c; }
.bottom-footer ul, .contact-content .content .contact-info .right ul, .contact-content .content .contact-info ul, .main-footer .info-contact, .main-footer .most-view-news, .switchboard-popup .left, .switchboard-popup .right, .top-header .right ul { list-style: none; padding-left: 0; }

/* Contact Page Specifics */
.contact-page .banner { background-image: url(../images/contact/bg-contact.png); }
.about-page .about-content .section-title, .contact-info-box .intro, .contact-info-box .section-title { margin-bottom: 50px; }
.contact-content .contact-info-box { margin-bottom: 60px; }
.contact-info .left, .contact-info-box .intro, .contact-info-box .section-title { margin-bottom: 40px; }
.contact-content .map-canvas { height: 500px; width: 100%; }
.contact-info .left ul { padding-left: 0; list-style-type: none; }
.contact-info .left ul li { font-size: 16px; font-weight: 300; line-height: 24px; margin-bottom: 15px; position: relative; padding-left: 40px; }
.contact-info h5, .form-contact h5 { font-weight: 700; font-size: 20px; line-height: 24px; }
.contact-info .contact-info-icon { position: absolute; left: 5px; top: 5px; color: #188f8c; }
.contact-info h5 { margin-bottom: 15px; }
.blog-page .section-title, .contact-info, .form-contact h5 { margin-bottom: 40px; }
.contact-info .left li a { color: #188f8c; transition: .4s; word-wrap: break-word; }
.contact-info .left li a:hover { color: #00716f; }
.contact-info .right h5 { padding-left: 40px; position: relative; }
.contact-info .right h5 .share-icon { position: absolute; left: 5px; top: 0; color: #188f8c; }
.contact-info .socials-icon { position: static; transform: translate(0, 0); padding-left: 40px; }
.contact-info .socials-icon li:not(:last-child) { margin-right: 10px; }

/* Forms */
.form-contact .form-control { border-radius: 0; outline: 0; border: 1px solid #e1e1e1; box-shadow: none; height: 54px; resize: none; }
.form-contact .form-group { position: relative; }
.form-contact .form-group label { position: absolute; top: 50%; left: 10px; transform: translateY(-50%); font-size: 16px; font-weight: 300; color: #b7b7b7; transition: .4s; }
.form-contact .form-group label.focus { font-size: 13px; top: 10px; }
.form-contact .form-group.address .form-control { height: 80px; padding-top: 15px; }
.form-contact .form-group.content .form-control { height: 152px; padding-top: 20px; }
.form-contact .form-group.address label, .form-contact .form-group.content label { top: 15px; transform: translateY(0); }
.form-contact .form-group.address label.focus, .form-contact .form-group.content label.focus { top: 5px; }
#quickForm { scroll-margin-top: 180px; }

/* Register Form / Modals */
.register-form-box { background: rgba(33, 33, 33, .65); padding: 30px 40px 40px; right: 20%; z-index: 10; max-width: 400px; width: 100%; max-height: 476px; height: 100%; }
.register-form-box h2 { color: #fff; font-size: 28px; font-weight: 700; margin-bottom: 10px; }
.register-form-box > p { color: #fff; font-size: 16px; font-weight: 300; margin-bottom: 20px; }
.register-form .form-control { border-radius: 0; box-shadow: none; border: 0; color: #d58330; font-size: 16px; }
.register-form input { height: 45px; }
.register-form .form-control:focus { outline: 0; border: 0; }
.register-form .form-control::placeholder { font-size: 18px; color: #d58330; font-weight: 300; }
.register-form textarea { height: 70px; }
#register-modal { padding-right: 0 !important; }
#register-modal .modal-body { background-color: #008f8c; }
#register-modal .close { color: #fff; position: absolute; top: 0; right: 0; font-size: 40px; z-index: 2; opacity: 1; line-height: .5; }
#register-modal .close:focus { outline: 0; }
#register-modal .register-form-box { display: block !important; max-width: unset; position: static; transform: translateY(0); margin: 0 auto; background: 0 0; }
#register-modal .submit-btn { background-color: #d58330; }
#register-modal .submit-btn:focus, #register-modal .submit-btn:hover { background-color: #fff; border-color: #d58330; color: #d58330; box-shadow: none; outline: 0; }

/* Popups (Switchboard & Call) */
.switchboard-btn { top: 0; height: 56px; justify-content: center; position: absolute; right: 11px; align-items: center; display: flex; }
.switchboard-btn-off, .switchboard-btn-on { font-size: 28px; color: #000; transition: .4s; }
.switchboard-btn-on { position: absolute; top: 50%; left: 0; transform: translateY(-50%) rotate(-90deg); z-index: 1; opacity: 0; visibility: hidden; }
.switchboard-btn-off { z-index: 2; }
.switchboard-btn.active .switchboard-btn-on { transform: translateY(-50%) rotate(0); opacity: 1; visibility: visible; }
.switchboard-btn.active .switchboard-btn-off { transform: rotate(90deg); opacity: 0; visibility: hidden; }
.switchboard-popup { position: absolute; right: 0; top: 100%; opacity: 0; visibility: hidden; background: #fff; box-shadow: 0 0 10px 0 rgba(0, 0, 0, .22); padding: 30px 20px; margin-top: 0; border-bottom-left-radius: 50%; transition: .35s all ease; display: flex; }
.switchboard-popup.active { opacity: 1; visibility: visible; border-bottom-left-radius: 0; }
.switchboard-popup .left { width: 70%; }
.switchboard-popup .right { width: 30%; }
.popup-title { color: #d5832f; font-size: 36px; font-weight: 700; line-height: 48px; margin-bottom: 10px; }
.switchboard-popup .left li { padding-left: 25px; margin-bottom: 10px; position: relative; }
.switchboard-popup .left li:first-child { padding-left: 0; }
.switchboard-popup .left li .mail-icon, .switchboard-popup .left li .phone-icon { color: #188f8c; font-size: 18px; position: absolute; top: 3px; left: 0; }
.switchboard-popup .right li .right-text, .switchboard-popup li a { font-size: 16px; font-weight: 300; color: #000; line-height: 24px; }
.switchboard-popup .right li { margin-bottom: 6px; }
.switchboard-popup .right li:nth-child(2) { padding-left: 10px; }
.switchboard-popup .right li:nth-child(3) { padding-left: 20px; }
.switchboard-popup .right li:nth-child(4) { padding-left: 30px; }
.switchboard-popup .like-icon-box { background-color: #d58330; border-radius: 100%; width: 22px; height: 22px; display: inline-flex; justify-content: center; align-items: center; box-sizing: border-box; margin-right: 8px; }
.switchboard-popup .right .like-icon { color: #fff; font-size: 14px; }

.call-popup-fixed { position: fixed; top: 350px; z-index: 999; transition: all ease .4s; -webkit-transition: all ease .4s; right: -148px; }
.call-popup-fixed:hover { right: 0; }
.call-popup-fixed .call-popup-fixed-btn { height: 45px; line-height: 45px; padding-left: 45px; position: relative; transition: all ease .4s; background-color: #d58330; padding-right: 10px; color: #fff; display: flex; align-items: center; }
.call-popup-fixed .call-popup-fixed-btn:focus { outline: 0; }
.call-popup-fixed .call-popup-fixed-btn:hover { background-color: #f7a14a; }

/* ==========================================================================
   9. MOBILE MENU PLUGIN (Mmenu) & COMPONENTS
   ========================================================================== */
.mobile-navbar { background-color: #fff; height: 56px; display: flex; position: fixed; left: 0; right: 0; top: 0; box-shadow: 0 0 10px 0 rgba(67, 67, 69, .35); z-index: 20; justify-content: space-between; align-items: center; padding-left: 15px; padding-right: 15px; }
.mobile-navbar .mobile-menu-btn a { display: block; }
.mobile-navbar .mobile-menu-btn span { height: 4px; width: 24px; background-color: #000; display: block; margin-bottom: 5px; }
.mobile-navbar .mobile-menu-btn span:last-child { margin-bottom: 0; }
.mobile-logo { float: none; left: 50%; transform: translateX(-50%); display: flex; align-items: center; position: absolute; top: 0; height: 56px; justify-content: center; }
.mobile-logo img { width: auto; height: 45px; }
.mm-slideout { z-index: auto; }
.mobile-search-form { padding-left: 15px; padding-right: 15px; padding-top: 20px; overflow: hidden; }
.mobile-search-form:after { display: none; }
.mobile-search-form .form-control { border-radius: 0; box-shadow: none; height: 46px; width: calc(100% - 46px); float: left; border-color: #fff; }
.mobile-search-form .mobile-submit-btn { width: 46px; height: 46px; float: left; box-shadow: none; background-color: #d58330; color: #fff; border: 1px solid #d58330; }
.mobile-search-btn { border-radius: 0; width: 46px; height: 46px; background-color: #fff; border: 1px solid #fff; color: #000; }
.mobile-search-form .form-control:focus { border-color: #fff; }

/* jQuery mmenu v7.0.6 - reduced core for default off-canvas menu */.mm-hidden{display:none!important}.mm-wrapper{overflow-x:hidden;position:relative}.mm-menu{box-sizing:border-box;background:inherit;display:block;padding:0;margin:0;position:absolute;left:0;right:0;top:0;bottom:0;z-index:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.mm-menu a,.mm-menu a:active,.mm-menu a:hover,.mm-menu a:link,.mm-menu a:visited{color:inherit;text-decoration:none}.mm-panels,.mm-panels>.mm-panel{position:absolute;left:0;right:0;top:0;bottom:0;z-index:0}.mm-panel,.mm-panels{background:inherit;border-color:inherit;box-sizing:border-box;margin:0}.mm-panels{overflow:hidden}.mm-panel{-webkit-overflow-scrolling:touch;overflow:scroll;overflow-x:hidden;overflow-y:auto;padding:0 20px;-webkit-transform:translate(100%,0);-ms-transform:translate(100%,0);transform:translate(100%,0);-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);transition:-webkit-transform .4s ease;transition:transform .4s ease;transition:transform .4s ease,-webkit-transform .4s ease;-webkit-transform-origin:top left;-ms-transform-origin:top left;transform-origin:top left}.mm-panel:not(.mm-hidden){display:block}.mm-panel:after,.mm-panel:before{content:'';display:block;height:20px}.mm-panel_has-navbar{padding-top:40px}.mm-panel_opened{z-index:1;-webkit-transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0,0);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.mm-panel_opened-parent{-webkit-transform:translate(-30%,0);-ms-transform:translate(-30%,0);transform:translate(-30%,0);-webkit-transform:translate3d(-30%,0,0);transform:translate3d(-30%,0,0)}.mm-panel_highest{z-index:2}.mm-panel_noanimation{transition:none!important}.mm-panel_noanimation.mm-panel_opened-parent{-webkit-transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0,0);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.mm-btn{box-sizing:border-box;width:40px;height:40px;position:absolute;top:0;z-index:1}.mm-btn_fullwidth{width:100%}.mm-btn_clear:after,.mm-btn_clear:before,.mm-btn_close:after,.mm-btn_close:before{content:'';border:2px solid transparent;box-sizing:content-box;display:block;width:5px;height:5px;margin:auto;position:absolute;top:0;bottom:0;-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg)}.mm-btn_clear:before,.mm-btn_close:before{border-right:none;border-bottom:none;right:18px}.mm-btn_clear:after,.mm-btn_close:after{border-left:none;border-top:none;right:25px}.mm-btn_next:after,.mm-btn_prev:before{content:'';border-top:2px solid transparent;border-left:2px solid transparent;box-sizing:content-box;display:block;width:8px;height:8px;margin:auto;position:absolute;top:0;bottom:0}.mm-btn_prev:before{-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg);left:23px;right:auto}.mm-btn_next:after{-webkit-transform:rotate(135deg);-ms-transform:rotate(135deg);transform:rotate(135deg);right:23px;left:auto}.mm-navbar{border-bottom:1px solid;border-color:inherit;text-align:center;line-height:20px;display:none;height:40px;padding:0 40px;margin:0;position:absolute;top:0;left:0;right:0;opacity:1;transition:opacity .4s ease}.mm-navbar>*{box-sizing:border-box;display:block;padding:10px 0}.mm-navbar a,.mm-navbar a:hover{text-decoration:none}.mm-navbar__title{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.mm-navbar__btn:first-child{left:0}.mm-navbar__btn:last-child{text-align:right;right:0}.mm-panel_has-navbar .mm-navbar{display:block}.mm-listitem,.mm-listview{list-style:none;display:block;padding:0;margin:0}.mm-listitem,.mm-listitem .mm-btn_next,.mm-listitem .mm-btn_next:before,.mm-listitem:after,.mm-listview{border-color:inherit}.mm-listview{font:inherit;line-height:20px}.mm-panels>.mm-panel>.mm-listview{margin:20px -20px}.mm-panels>.mm-panel>.mm-listview:first-child,.mm-panels>.mm-panel>.mm-navbar+.mm-listview{margin-top:-20px}.mm-listitem{position:relative}.mm-listitem:after{content:'';border-bottom-width:1px;border-bottom-style:solid;display:block;position:absolute;left:0;right:0;bottom:0}.mm-listitem:after{left:20px}.mm-listitem a,.mm-listitem a:hover{text-decoration:none}.mm-listitem>a,.mm-listitem>span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;color:inherit;display:block;padding:10px 10px 10px 20px;margin:0}.mm-listitem .mm-btn_next{background:rgba(3,2,1,0);padding:0;position:absolute;right:0;top:0;bottom:0;z-index:2}.mm-listitem .mm-btn_next:before{content:'';border-left-width:1px;border-left-style:solid;display:block;position:absolute;top:0;bottom:0;left:0}.mm-listitem .mm-btn_next:not(.mm-btn_fullwidth){width:50px}.mm-listitem .mm-btn_next:not(.mm-btn_fullwidth)+a,.mm-listitem .mm-btn_next:not(.mm-btn_fullwidth)+span{margin-right:50px}.mm-listitem .mm-btn_fullwidth:before{border-left:none}.mm-listitem .mm-btn_fullwidth+a,.mm-listitem .mm-btn_fullwidth+span{padding-right:50px}.mm-listitem_divider{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;font-size:75%;text-transform:uppercase;padding:5px 10px 5px 20px}.mm-listitem_divider:after{content:' ';display:none;position:static;display:inline-block}.mm-listitem_spacer{padding-top:40px}.mm-listitem_spacer>.mm-btn_next{top:40px}.mm-menu{background:#f3f3f3;border-color:rgba(0,0,0,.1);color:rgba(0,0,0,.75)}.mm-menu .mm-navbar a,.mm-menu .mm-navbar>*{color:rgba(0,0,0,.3)}.mm-menu .mm-btn:after,.mm-menu .mm-btn:before{border-color:rgba(0,0,0,.3)}.mm-menu .mm-listview .mm-btn_next:after{border-color:rgba(0,0,0,.3)}.mm-menu .mm-listview a:not(.mm-btn_next){-webkit-tap-highlight-color:rgba(255,255,255,.4);tap-highlight-color:rgba(255,255,255,.4)}.mm-menu .mm-listitem_selected>a:not(.mm-btn_next),.mm-menu .mm-listitem_selected>span{background:rgba(255,255,255,.4)}.mm-menu .mm-listitem_divider{background:rgba(0,0,0,.05)}
.mm-page{box-sizing:border-box;position:relative}.mm-slideout{transition:-webkit-transform .4s ease;transition:transform .4s ease;transition:transform .4s ease,-webkit-transform .4s ease;z-index:1}.mm-wrapper_opened{overflow-x:hidden;position:relative}.mm-wrapper_background .mm-page{background:inherit}.mm-menu_offcanvas{display:none;position:fixed;right:auto;z-index:0}.mm-menu_offcanvas.mm-menu_opened{display:block}.mm-menu_offcanvas.mm-menu_opened.mm-no-csstransforms{z-index:10}.mm-menu_offcanvas{width:80%;min-width:140px;max-width:440px}.mm-wrapper_opening .mm-menu_offcanvas.mm-menu_opened~.mm-slideout{-webkit-transform:translate(80vw,0);-ms-transform:translate(80vw,0);transform:translate(80vw,0);-webkit-transform:translate3d(80vw,0,0);transform:translate3d(80vw,0,0)}@media all and (max-width:175px){.mm-wrapper_opening .mm-menu_offcanvas.mm-menu_opened~.mm-slideout{-webkit-transform:translate(140px,0);-ms-transform:translate(140px,0);transform:translate(140px,0);-webkit-transform:translate3d(140px,0,0);transform:translate3d(140px,0,0)}}@media all and (min-width:550px){.mm-wrapper_opening .mm-menu_offcanvas.mm-menu_opened~.mm-slideout{-webkit-transform:translate(440px,0);-ms-transform:translate(440px,0);transform:translate(440px,0);-webkit-transform:translate3d(440px,0,0);transform:translate3d(440px,0,0)}}.mm-page__blocker{background:rgba(3,2,1,0);display:none;width:100%;height:100%;position:fixed;top:0;left:0;z-index:2}.mm-wrapper_blocking{overflow:hidden}.mm-wrapper_blocking body{overflow:hidden}.mm-wrapper_blocking .mm-page__blocker{display:block}
.mm-sronly{border:0!important;clip:rect(1px,1px,1px,1px)!important;-webkit-clip-path:inset(50%)!important;clip-path:inset(50%)!important;white-space:nowrap!important;width:1px!important;min-width:1px!important;height:1px!important;min-height:1px!important;padding:0!important;overflow:hidden!important;position:absolute!important}

.mobile-menu { background-color: #005da4 !important; }
.mobile-menu .mm-listitem a, .mobile-menu .mm-listitem > span { padding-top: 15px !important; padding-bottom: 15px !important; text-transform: uppercase; color: #ffffff !important; font-size: 15px !important; font-weight: 600 !important; letter-spacing: 0.5px !important; transition: all 0.3s ease !important; }
.mobile-menu .mm-listview > li { border-bottom: 1px solid rgba(255, 255, 255, 0.2) !important; }
.mobile-menu .mm-listitem_selected > a:not(.mm-btn_next), .mobile-menu .mm-listitem_selected > span { background-color: #ffcc00 !important; color: #005da4 !important; }
.mobile-menu .mm-listitem_selected > .mm-btn_next:after { border-color: #005da4 !important; }
.mobile-menu .mm-listitem.active > a { background-color: #ffffff !important; color: #005da4 !important; }
.mobile-menu .mm-btn:after, .mobile-menu .mm-btn:before, .mobile-menu .mm-listview .mm-btn_next:after { border-color: #ffffff !important; }
.mobile-menu .mm-navbar, .mobile-menu .mm-navbars_top { background-color: #004b87 !important; border-bottom: 1px solid rgba(255, 255, 255, 0.2) !important; }
.mobile-menu .mm-navbar__title { color: #ffffff !important; }
.mobile-menu .mobile-search-form.mm-listitem { padding-left: 15px; padding-right: 15px; padding-top: 20px; }

/* Mobile Menu Icons */
.mobile-menu .mm-panels > .mm-panel:first-of-type .mm-listview > li:nth-child(-n+6) > a:not(.mm-btn_next), .mobile-menu .mm-panels > .mm-panel:first-of-type .mm-listview > li:nth-child(-n+6) > span { padding-left: 46px !important; position: relative; }
.mobile-menu .mm-panels > .mm-panel:first-of-type .mm-listview > li:nth-child(-n+6) > a:not(.mm-btn_next):before, .mobile-menu .mm-panels > .mm-panel:first-of-type .mm-listview > li:nth-child(-n+6) > span:before {
    content: '' !important; position: absolute !important; left: 18px !important; top: 50% !important; bottom: auto !important; transform: translateY(-50%) !important;
    width: 20px !important; height: 20px !important; background-color: #ffffff !important; -webkit-mask-size: contain; -webkit-mask-repeat: no-repeat; -webkit-mask-position: center; mask-size: contain; mask-repeat: no-repeat; mask-position: center; transition: all 0.3s ease !important; display: block !important;
}
.mobile-menu .mm-panels > .mm-panel:first-of-type .mm-listitem_selected > a:not(.mm-btn_next):before, .mobile-menu .mm-panels > .mm-panel:first-of-type .mm-listitem_selected > span:before, .mobile-menu .mm-panels > .mm-panel:first-of-type .mm-listitem.active > a:not(.mm-btn_next):before { background-color: #005da4 !important; }
.mobile-menu .mm-panels > .mm-panel:first-of-type .mm-listview > li:nth-child(1) > a:not(.mm-btn_next):before, .mobile-menu .mm-panels > .mm-panel:first-of-type .mm-listview > li:nth-child(1) > span:before { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z'%3E%3C/path%3E%3Cpolyline points='9 22 9 12 15 12 15 22'%3E%3C/polyline%3E%3C/svg%3E"); }
.mobile-menu .mm-panels > .mm-panel:first-of-type .mm-listview > li:nth-child(2) > a:not(.mm-btn_next):before, .mobile-menu .mm-panels > .mm-panel:first-of-type .mm-listview > li:nth-child(2) > span:before { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12.89 1.45l8 4A2 2 0 0 1 22 7.24v9.53a2 2 0 0 1-1.11 1.79l-8 4a2 2 0 0 1-1.79 0l-8-4a2 2 0 0 1-1.1-1.8V7.24a2 2 0 0 1 1.11-1.79l8-4a2 2 0 0 1 1.78 0z'%3E%3C/path%3E%3Cpolyline points='2.32 6.16 12 11 21.68 6.16'%3E%3C/polyline%3E%3Cline x1='12' y1='22.76' x2='12' y2='11'%3E%3C/line%3E%3C/svg%3E"); }
.mobile-menu .mm-panels > .mm-panel:first-of-type .mm-listview > li:nth-child(3) > a:not(.mm-btn_next):before, .mobile-menu .mm-panels > .mm-panel:first-of-type .mm-listview > li:nth-child(3) > span:before { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='3'%3E%3C/circle%3E%3Cpath d='M19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a2 2 0 0 1 0 2.83 2 2 0 0 1-2.83 0l-.06-.06a1.65 1.65 0 0 0-1.82-.33 1.65 1.65 0 0 0-1 1.51V21a2 2 0 0 1-2 2 2 2 0 0 1-2-2v-.09A1.65 1.65 0 0 0 9 19.4a1.65 1.65 0 0 0-1.82.33l-.06.06a2 2 0 0 1-2.83 0 2 2 0 0 1 0-2.83l.06-.06a1.65 1.65 0 0 0 .33-1.82 1.65 1.65 0 0 0-1.51-1H3a2 2 0 0 1-2-2 2 2 0 0 1 2-2h.09A1.65 1.65 0 0 0 4.6 9a1.65 1.65 0 0 0-.33-1.82l-.06-.06a2 2 0 0 1 0-2.83 2 2 0 0 1 2.83 0l.06.06a1.65 1.65 0 0 0 1.82.33H9a1.65 1.65 0 0 0 1-1.51V3a2 2 0 0 1 2-2 2 2 0 0 1 2 2v.09a1.65 1.65 0 0 0 1 1.51 1.65 1.65 0 0 0 1.82-.33l.06-.06a2 2 0 0 1 2.83 0 2 2 0 0 1 0 2.83l-.06.06a1.65 1.65 0 0 0-.33 1.82V9a1.65 1.65 0 0 0 1.51 1H21a2 2 0 0 1 2 2 2 2 0 0 1-2 2h-.09a1.65 1.65 0 0 0-1.51 1z'%3E%3C/path%3E%3C/svg%3E"); }
.mobile-menu .mm-panels > .mm-panel:first-of-type .mm-listview > li:nth-child(4) > a:not(.mm-btn_next):before, .mobile-menu .mm-panels > .mm-panel:first-of-type .mm-listview > li:nth-child(4) > span:before { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20.59 13.41l-7.17 7.17a2 2 0 0 1-2.83 0L2 12V2h10l8.59 8.59a2 2 0 0 1 0 2.82z'%3E%3C/path%3E%3Cline x1='7' y1='7' x2='7.01' y2='7'%3E%3C/line%3E%3C/svg%3E"); }
.mobile-menu .mm-panels > .mm-panel:first-of-type .mm-listview > li:nth-child(5) > a:not(.mm-btn_next):before, .mobile-menu .mm-panels > .mm-panel:first-of-type .mm-listview > li:nth-child(5) > span:before { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M22 11.08V12a10 10 0 1 1-5.93-9.14'%3E%3C/path%3E%3Cpolyline points='22 4 12 14.01 9 11.01'%3E%3C/polyline%3E%3C/svg%3E"); }
.mobile-menu .mm-panels > .mm-panel:first-of-type .mm-listview > li:nth-child(6) > a:not(.mm-btn_next):before, .mobile-menu .mm-panels > .mm-panel:first-of-type .mm-listview > li:nth-child(6) > span:before { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 18v-6a9 9 0 0 1 18 0v6'%3E%3C/path%3E%3Cpath d='M21 19a2 2 0 0 1-2 2h-1a2 2 0 0 1-2-2v-3a2 2 0 0 1 2-2h3zM3 19a2 2 0 0 0 2 2h1a2 2 0 0 0 2-2v-3a2 2 0 0 0-2-2H3z'%3E%3C/path%3E%3C/svg%3E"); }
.mobile-menu .mm-panels > .mm-panel:first-of-type .mm-listview > li:nth-child(7) > a:not(.mm-btn_next):before, .mobile-menu .mm-panels > .mm-panel:first-of-type .mm-listview > li:nth-child(7) > span:before { display: none !important; }
.about-page .sidebar .sidebar-box:nth-child(2), .mobile-menu { display: none; }
.mobile-menu.mm-menu_opened, .top-menu a { display: block; }

/* ==========================================================================
   10. RESPONSIVE (MEDIA QUERIES) - ORDERED LARGE TO SMALL
   ========================================================================== */
@media only screen and (max-width: 1600px) {
    .top-header:before { right: 70%; }
}

@media only screen and (max-width: 1480px) {
    .lz-top-menu-content:before { left: -100px; }
}

@media only screen and (max-width: 1366px) {
    .service.skew-box:before { display: none; }
    .top-header:before { right: 74%; bottom: 0; }
    .register-form-box { right: 2%; }
    .section-slide .register-form-box { right: 8%; }
    .lz-top-header-content { margin-bottom: 15px; }
    .lz-top-header-content .right li { padding-left: 0 !important; }
}

@media only screen and (min-width: 1201px) {
    .btn-call-popup { display: none; }
}

@media only screen and (max-width: 1200px) {
    .register-form-box { display: none; }
    .top-header:before { right: 77%; }
}

@media only screen and (max-width: 1024px) {
    .top-header:before { bottom: 0; right: 76%; }
    .top-header-content { margin-bottom: 20px; }
    .top-header .container { width: 100%; }
    .top-header-content .right li:nth-child(2), .top-header-content .right li:nth-child(3), .top-header-content .right li:nth-child(4) { padding-left: 0; }
    .lz-top-header-content { margin-bottom: 10px; }
    .lz-top-header-content .right li span { margin-right: 5px; }
    
    .service-item-title { padding: 8px 14px 8px 45px; font-size: 18px; }
    .service-item-title .arrow-icon { left: 20px; }
    .service-item-title:after { width: 330px; }
    
    .mt-70 { margin-top: 50px; }
    .mt-50 { margin-top: 30px; }
    .pbt-120 { padding-bottom: 90px; }
    .mbt-70 { margin-bottom: 50px; }
    
    .banner-content .banner-title, .form-contact h5 { margin-bottom: 30px; }
    .section-title { font-size: 34px; line-height: 40px; }
    .banner-content { padding-top: 35px; }
    .child-page .why-choose-us { padding-bottom: 40px; }
    .contact-content .map-canvas { height: 1045px; }
    .blog-page .news-item .news-title a { font-size: 20px; }
    
    .news-box .box-img, .service-box .box-img { height: 210px; }
    .blog-content.child-page-content .news-box .news-item .box-img { height: 172px; }
}

@media (min-width: 992px) {
    .banner-media { aspect-ratio: unset !important; height: auto !important; }
    .banner-img { width: 100%; height: auto !important; object-fit: unset !important; }
    .banner-overlay { align-items: center; padding-left: 8%; }
}

@media screen and (max-width: 768px) {
    .childmenu .childmenu { max-height: 200px; overflow-y: auto; left: 100%; top: 0; right: auto; border-radius: 0; }
    .banner-overlay { justify-content: center; text-align: center; background: rgba(0,0,0,0.55); }
    .banner-text-box { padding: 0 20px; }
    .banner-text-box .banner-title { font-size: 24px; }
    .news-item .box-img img { object-fit: contain !important; background-color: #ffffff; }
    .scroll-top-btn { bottom: 90px !important; z-index: 199999 !important; padding: 0 !important; width: 45px; height: 45px; }
}

@media only screen and (max-width: 576px) {
    .top-header, .top-menu, .lz-top-menu, .skew-box:before { display: none; }
    .top-menu-content { min-height: 56px; }
    body { padding-top: 56px !important; }
    .mobile-navbar { display: flex; }
    
    .post-page .left .section-title { font-size: 28px !important; font-weight: 800 !important; line-height: 1.2 !important; margin-bottom: 15px !important; }
    .news-item .box-img img { object-fit: contain !important; background-color: #ffffff; }
    
    .header-title, .wcu-item { text-align: center; }
    .about-page .about-content .left, .about-page .about-content .section-title, .about-us-logo, .main-footer .left { margin-bottom: 40px; }
    .section-title { font-size: 24px; line-height: 32px; }
    
    .contact-content .contact-info-box { margin-bottom: 60px; }
    .contact-content .map-canvas { height: 500px; }
    .contact-info .left, .contact-info-box .intro, .contact-info-box .section-title { margin-bottom: 40px; }
    .contact-info .socials-icon { text-align: left; }
    
    .service-box { width: 100%; }
    .service-item-title:after { width: 320px; }
    .service-box .box-img { height: 328px; }
    .blog-content.child-page-content .news-box .news-item .box-img, .news-box .box-img { height: 216px; }
    .skew-box:before { right: -3%; }
    
    .pbt-80 { padding-bottom: 40px; }
    .pbt-90 { padding-bottom: 50px; }
    .wcu-box:not(:last-child) { margin-bottom: 30px; }
    .wcu-item { display: block; }
    .wcu-item .left { margin-bottom: 15px; }
    .wcu-item .left>span { margin: 0 auto; }
    
    .switchboard-popup { display: block; max-width: 450px; width: 100%; padding-bottom: 20px; }
    .switchboard-popup .left, .switchboard-popup .right { width: 100%; }
    .switchboard-popup .right li:nth-child(2), .switchboard-popup .right li:nth-child(3), .switchboard-popup .right li:nth-child(4) { padding-left: 0; }
    .popup-title { font-size: 18px; line-height: 24px; }
    .switchboard-popup .right li .right-text, .switchboard-popup li a { font-size: 15px; }
    
    .banner { margin-top: 0px; width: 100% !important; height: auto !important; min-height: unset !important; aspect-ratio: 768 / 432 !important; overflow: hidden; display: block; }
    .banner-img { width: 100% !important; height: auto !important; aspect-ratio: 768 / 432 !important; object-fit: contain !important; border-radius: 8px; display: block; }
    .banner-content { padding-top: 5px; position: absolute; top: 100px; left: 10px; transform: unset !important; display: block; flex-direction: column; justify-content: center; align-items: center; min-height: unset; }
    .banner-content .banner-title { font-size: 28px; line-height: 1.3; text-align: center; margin-bottom: 10px; }
    
    .child-page-content { padding-top: 10px; padding-bottom: 20px; }
    .about-page .about-content .section-title { margin-bottom: 30px; }
    
    .call-popup-fixed .call-popup-fixed-btn { padding-left: 50px; height: 50px; line-height: 50px; }
}

/* ==========================================================================
   RELATED ARTICLES — GIỮ KÍCH THƯỚC ẢNH 360x240 TRÊN DESKTOP
   ========================================================================== */
@media (min-width: 992px) {
    .post-page .another-news .news-box .box-img {
        width: 100% !important;
        max-width: 360px !important;
        height: 240px !important;
        aspect-ratio: 3 / 2 !important;
    }
    .post-page .another-news .modern-news-img-wrap {
        width: 100%;
        max-width: 360px;
        height: 240px;
        aspect-ratio: 3 / 2;
    }
}
@media (max-width: 991px) {
    .post-page .another-news .news-box .box-img,
    .post-page .another-news .modern-news-img-wrap {
        width: 100%;
        height: auto;
        aspect-ratio: 3 / 2;
    }
}