/*
Theme Name: Xu Ly Dinh Luong Ver 3
Theme URI: https://xulydinhluong.com/
Author: Xu Ly Dinh Luong
Description: Theme Xu Ly Dinh Luong Ver 3 - cập nhật ảnh đại diện theme và hiển thị đầy đủ thumbnail sidebar.
Version: 3.0.0
Text Domain: xulydinhluong-ver3
*/
@import url("https://fonts.googleapis.com/css2?family=Google+Sans:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap");body { font-family:"Google Sans", Roboto, Helvetica Neue, sans-serif; }
* { padding:0; box-sizing:border-box; }
ul, ol { list-style:none; }
code { font-size:18px!important;    
	color: #108575;
    word-wrap: break-word;
    background: #e5f6f273;
    padding: 5px 10px;
    border: 1px solid #d8ece9;
    border-radius: 5px; }
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display:block; }
figcaption, figure { text-align:center; width:auto!important; font-style:italic; font-size:15px; }
.callout { position:fixed; bottom:35px; left:20px; margin-left:20px; max-width:450px; Z-INDEX:99999; }
.callout-header { padding:15px; font-weight:bold; background:#0c9277; font-size:19px; color:white; border-radius:10px 10px 0 0; }
.callout-container { padding:15px; background-color:#feffd6; border:1px solid #1a8f5d; color:black; border-radius:0 0 10px 10px; }
.callout-container p { margin-bottom:10px; }
.callout a { font-weight:bold; color:#ff4f11!important; }
.closebtn { position:absolute; top:5px; right:15px; color:white; font-size:30px; cursor:pointer; }
.closebtn:hover { color:lightgrey; }
@media screen and (max-width: 525px) {
  .callout { max-width:300px; }
}
.notif { position:fixed; z-index:99999; top:100px; right:20px; max-width:290px; }
.btn-outline-success:not(:disabled):not(.disabled).active:focus, .btn-outline-success:not(:disabled):not(.disabled):active:focus, .show>.btn-outline-success.dropdown-toggle:focus { box-shadow:none; }
.btn-outline-success:not(:disabled):not(.disabled).active, .btn-outline-success:not(:disabled):not(.disabled):active, .show>.btn-outline-success.dropdown-toggle { background-color:#078074; border-color:#078074; }
.btn-outline-success:hover { color:#fff; background-color:#078074; border-color:#078074; }
.clearfix:after { content:""; display:table; clear:both; }
p { margin:0; padding:0; line-height:22px; }
a { color:#474a52; transition:all .3s ease; -moz-transition:all .3s ease; -webkit-transition:all .3s ease; -ms-transition:all .3s ease; -o-transition:all .3s ease; }
a:focus, a:hover, a:active { text-decoration:none; color:#0c9277; }
a:link { text-decoration:none; color:#2a2b2e; }
a:visited { text-decoration:none; color:#2a2b2e; }
a:focus, select:focus, input:focus, button:focus { outline:none; }
.topnoti { background-color:#df4d59; color:#fff; text-align:center; height:auto; padding:10px; line-height:1.3; }
input[type=search] { -webkit-appearance:none; outline:none; }
input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button { display:none; }
.img-responsive, .thumbnail > img, .thumbnail a > img, .carousel-inner > .item > img, .carousel-inner > .item > a > img { display:block; width:100%; height:auto; }
img { max-width:100%; height:auto; }
ul, ol { list-style:none; margin:0; padding:0; }
.row { margin-right:-8px; margin-left:-8px; }
.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-6, .col-8, .col-9, .col-10, .col-11, .col-12, .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 { padding-right:8px; padding-left:8px; }
.container { padding-right:8px; padding-left:8px; }
h1, h2, h3, h4, h5, h6 { color:#000; padding:0; margin:0; }
h1 { font-size:32px; }
h2 { font-size:22px; }
h3 { font-size:18px; }
h4 { font-size:16px; }
h5 { font-size:14px; }
h6 { font-size:13px; }
.copyright { background-color:#232532; }
.copyright p { padding:20px 0; }
.footer { background-color:#1c1c28; }
.footer ul li { line-height:30px; }
.footer ul li a { color:#f9fafb; position:relative; padding-left:10px; }
.footer ul li a:before { content:""; height:1px; width:5px; background-color:#FFF; position:absolute; top:10px; left:0; }
.footer h2 { padding:3px 0; }
.footer h2::after { background-color:#FFF; }
.footer-logo img { margin-top:-10px; }
.footer .contact p { line-height:30px; }
.footer .social a { color:#FFF; font-size:26px; display:inline-block; margin-right:10px; }
.footer .social a.yt { font-size:30px; position:relative; top:2px; }
.header { background-color:#1b1c27; }
.header-social li { display:inline-block; }
.header-social li a { color:#FFF; font-size:18px; margin:0 5px; }
.header-social li a.yt { font-size:22px; }
.header-social li a.yt i { position:relative; top:2px; }
.menu { background-color:#232532; transition:all .2s linear; left:0; width:100%; }
.menu.fixed { position:fixed; }
.menu .header-menu li { display:inline-block; }
.menu .header-menu li a { color:#FFF; display:inline-block; text-transform:uppercase; padding:5px 15px; position:relative; font-size:15px; font-weight:500; }
.menu .header-menu li:hover a { background-color:#007060; border-radius:3px; }
.menu .header-menu li.menu-item-has-children a::after { content:""; position:relative; border-top:5px solid #FFF; border-left:5px solid transparent; border-right:5px solid transparent; }
.menu .header-menu li.menu-item-has-children ul li a::after { display:none; }
.menu .header-menu li:hover ul li ul { top:-3px; opacity:0; }
.menu .header-menu li:hover ul { opacity:1; visibility:visible; top:100%; }
.menu .header-menu li ul li:hover ul { top:-3px; opacity:1; }
.menu .header-menu li ul li:hover ul li a, .menu .header-menu li:hover ul li a { background-color:#f9fafb; border-radius:0; }
.menu .header-menu li ul li ul li:hover a { background-color:#ecf0f1; }
.menu .header-menu li ul { position:absolute; background-color:#f9fafb; transition-duration:200ms; transition-property:opacity, top, visible; transition-timing-function:cubic-bezier(.7, 1, .7, 1); }
.menu .header-menu li ul li { padding:0; }
.menu .header-menu li ul li ul { position:absolute; }
.menu .header-menu li ul li a { border-radius:0; }
.menu .header-menu li ul li:hover a { background-color:#ecf0f1; border-radius:0; }
.reason { background-color:#FFF; padding:40px 0; }
.reason span { font-weight:600; }
.reason .content h2 { color:#0c9277; font-weight:300; font-size:30px; padding:0 0 30px 0; }
.reason .content h2 strong { font-weight:900; }
.reason .content h2 span { position:relative; border-bottom:1px solid #0c9277; padding-bottom:3px; }
.reason .content p.sub { font-size:18px; line-height:1.7; }
.reason .content ul { margin-top:30px; }
.reason .content ul li { position:relative; margin-bottom:20px; }
.reason .content ul li .image-icon { position:absolute; left:0; top:0; height:70px; width:70px; border-radius:50%; background-color:#0c9277; line-height:74px; font-size:40px; color:#FFF; text-align:center; }
.reason .content ul li .image-icon var { position:relative; top:4px; }
.reason .content ul li .image-icon.cl { background-color:#c44c63; }
.reason .content ul li .item { padding-left:85px; }
.reason .content ul li .item h3 { text-transform:uppercase; font-weight:600; font-size:19px; color:#333e4f; margin-bottom:5px; }
.reason .content ul li .item p { line-height:1.6; font-style:italic; }
.reason .image { text-align:center; margin-top:10px; }
.reason .image img { max-width:93%; }
.privacy { margin:15px 0; }
.privacy .content { padding-left:10px; }
.privacy .image img { border-radius:5px; }
.package { background:url("https://xulydinhluong.com/wp-content/uploads/2024/01/dich-vu-spss-2.jpg") no-repeat; background-size:cover; padding:40px 0; }
.package .des p { line-height:1.5; }
.package .des h3 { font-size:18px; color:#f49935; margin:20px 0 18px; text-decoration:underline; font-weight:700; line-height:1.5em; font-style:normal; }
.package h2, .package h1 { text-align:center; color:#FFF; margin:0 0 30px 0; font-size:30px; font-weight:300; position:relative; display:inline-block; }
.package h2 span, .package h1 span { font-weight:600; font-size:30px; }
.package h2::after, .package h1::after { content:""; width:60%; height:1px; background-color:#FFF; position:absolute; bottom:-7px; left:50%; margin-left:-30%; }
.package .item { border-radius:5px; border:1px solid #0c9277; position:relative; padding:20px 0 0 0; margin:40px 10px 20px 10px; background-color:#0c92771c; }
.package .item .content { padding:0 20px; }
.package .item .amos-price { background:#0c9277; padding:10px 40px; }
.package .item .amos-price p { color:#FFF; line-height:32px; font-size:17px; font-weight:500; }
.package .item .amos-price p span { position:relative; top:2px; }
.package .item.group1 { border-color:#c44c63; background-color:#c314321c; }
.package .item.group3 { border-color:#d87140; background-color:#c361141c; }
.package .item h3 { position:absolute; width:100%; height:40px; left:0; top:-20px; text-align:center; line-height:40px; }
.package.amos .item h3 { height:50px; top:-30px; }
.package .item h3 span { color:#FFF; text-transform:uppercase; background-color:#0c9277; padding:6px 15px; border-radius:5px; font-size:21px; font-weight:600; }
.package .item h3 a { color:#FFF; }
.package.amos .item h3 span { width:60px; height:60px; display:inline-block; text-align:center; line-height:60px; border-radius:50%; padding:0; font-weight:600; }
.package .item.group1 h3 span { background-color:#c44c63; }
.package .item.group3 h3 span { background-color:#d87140; }
.package .item ul { display:inline-block; margin-top:25px; }
.package .item ul li { color:#FFF; line-height:34px; position:relative; padding-left:15px; font-size:19px; font-weight:300; text-align:left; margin:8px 0; }
.package .item .view-price { text-align:center; margin-top:30px; margin-bottom:30px; }
.package .item .view-price a { color:#3e4241; background-color:#FFF; display:inline-block; padding:3px 17px 3px 17px; border-radius:5px; position:relative; text-transform:uppercase; font-size:18px; font-weight:600; }
.package .item .view-price a:hover { color:#fff; background-color:#0c9277; }
.package .item.group1 .view-price a:hover { background-color:#c44c63; }
.package .item.group3 .view-price a:hover { background-color:#d87140; }
.package .item .view-price a:hover::before { border-left-color:#FFF; }
.package .des { color:#FFF; font-size:18px; font-style:italic; padding-bottom:10px; }
.package .des ul { list-style-type:disc; padding:0 20px; }
.package .des li { margin-bottom:10px; }
.tick-icon { width:22px; height:22px; overflow:hidden; vertical-align:middle; fill:none!important; stroke:#ffc000; stroke-linecap:round; stroke-linejoin:round; stroke-width:2; margin-right:8px; padding:1px; margin-top:-2px; }
.info { background-color:#f9fafb; padding:40px 0; }
.info.amos { background-color:#FFF; padding-top:0; }
.info .item { position:relative; padding-left:90px; }
.info .item h2 { margin-bottom:5px; color:#333e4f; font-weight:600; }
.info .item p { font-size:18px; line-height:1.4; }
.info .item .info-icon { position:absolute; left:0; top:0; background-color:#0c9277; width:70px; height:70px; text-align:center; line-height:70px; border-radius:50%; font-size:40px; color:#FFF; }
.info .item .info-icon span { position:relative; top:8px; }
.why { padding:40px 0; }
.why h2 { display:inline-block; text-align:center; position:relative; color:#0c9277; font-weight:300; font-size:30px; padding-bottom:8px; }
.why h2 span { font-weight:600; }
.why h2::before { content:""; width:50%; height:1px; background-color:#0c9277; position:absolute; bottom:0; left:50%; margin-left:-25%; }
.why .content { margin-top:50px; background:#f0fff5; border:1px solid #45b86b; border-radius:5px; padding:15px; }
.why .content li { margin-bottom:20px; }
.why .item { position:relative; padding-left:40px; }
.why .item .w-icon { position:absolute; width:40px; height:40px; line-height:27px; text-align:center; top:0; left:0; }
.why .item h3 { color:#333e4f; font-weight:600; font-size:19px; margin-bottom:5px; }
.why .item p { line-height:1.6; }
.why .img-w { padding-top:40px; text-align:center; margin-top:10px; padding-left:10px; }
.why .img-w img { border-radius:5px; }
.countdown { background-color:#0c9277; padding:40px 0; }
.countdown .item { position:relative; padding-left:90px; color:#FFF; }
.countdown .item .c-icon { position:absolute; width:60px; height:70px; left:8px; top:10px; }
.countdown .item h3 { font-size:44px; color:#FFF; padding-top:5px; }
.countdown .item p { font-size:20px; }
.faq { background-color:#f9fafb; padding:40px 0; }
.faq h2.title { display:inline-block; text-align:center; position:relative; color:#0c9277; font-weight:300; font-size:30px; padding-bottom:8px; }
.faq h2.title::before { content:""; width:50%; height:1px; background-color:#0c9277; position:absolute; bottom:0; left:50%; margin-left:-25%; }
.faq h2.title span { font-weight:600; }
.faq .question { margin-top:50px; }
.faq .question h3 { color:#333e4f; font-weight:500; font-size:23px; margin-bottom:5px; }
.faq .question p { color:#606874; line-height:1.6; font-size:17px; }
.faq .question li { margin-bottom:20px; background:#eef3f2; padding:20px; border:1px solid #d8e4e1; }
.faq .accordion { margin-top:30px; }
.faq .accordion .card { border-radius:0; border-color:#b7c5c3; background-color:transparent; border-left:none; border-right:none; }
.faq .accordion .card .card-header { background-color:transparent; padding:25px 15px; border-bottom:none; padding-bottom:10px; }
.faq .card-body { padding:15px; padding-top:0; padding-bottom:25px; font-size:18px; }
.faq .accordion h2 a { display:inline-block; width:100%; font-size:19px; cursor:pointer; color:#0c9277; font-weight:500; }
.faq .accordion h2 a.collapsed { color:#333e4f; padding-bottom:6px; }
.faq .accordion h2 a.collapsed var { transform:rotate(0deg); }
.faq .accordion h2 a var { float:right; transform:rotate(180deg); -webkit-transition:.4s ease-in-out; -moz-transition:.4s ease-in-out; -o-transition:.4s ease-in-out; transition:.4s ease-in-out; }
.faq .card-body p { line-height:1.6; padding-right:40px; }
.faq .accordion .card .card-header .text { width:90%; float:left; }
.faq .card-body a { font-style:italic; font-weight:500; color:#0c9277; }
.about { background-color:#fff; padding:40px 0; }
.about h2.title { display:inline-block; text-align:center; position:relative; color:#0c9277; font-weight:300; font-size:30px; padding-bottom:8px; }
.about h2.title::before { content:""; width:50%; height:1px; background-color:#0c9277; position:absolute; bottom:0; left:50%; margin-left:-25%; }
.about h2.title span { font-weight:600; }
.about .content { margin-top:30px; }
.about p { font-size:18px; line-height:2; margin:15px 0; }
.home-blog h2 { display:inline-block; color:#0c9277; font-weight:300; font-size:30px; position:relative; }
.home-blog h2 span { font-weight:600; }
.home-blog h2::before { position:absolute; width:100%; height:1px; background-color:#0c9277; left:0; bottom:-7px; content:""; }
.home-blog .item .inf { padding-top:10px; }
.home-blog .item .inf a { color:#333e4f; font-weight:700; }
.home-blog .item .inf p { font-weight:600; margin-bottom:10px; }
.home-blog .item .des { color:#606874; }
.home-blog .swiper-blog { margin-top:30px; }
.home-blog .item img { border-radius:5px; }
.swiper-group.swiper-container .swiper-button-next { right:-100px; transition:right .3s ease; -moz-transition:right .3s ease; -webkit-transition:right .3s ease; -ms-transition:right .3s ease; -o-transition:right .3s ease; }
.swiper-group.swiper-container .swiper-button-prev { left:-100px; transition:right .3s ease; -moz-transition:right .3s ease; -webkit-transition:right .3s ease; -ms-transition:right .3s ease; -o-transition:right .3s ease; }
.swiper-group.swiper-container .swiper-button-next span, .swiper-group.swiper-container .swiper-button-prev span { position:relative; top:3px; }
.swiper-group.swiper-container .swiper-button-next::after, .swiper-group.swiper-container .swiper-button-next::before, .swiper-group.swiper-container .swiper-button-prev::before, .swiper-group.swiper-container .swiper-button-prev::after { display:none; }
.swiper-group.swiper-container .swiper-button-next, .swiper-group.swiper-container .swiper-button-prev { width:40px; height:40px; line-height:40px; text-align:center; background-image:none; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; -o-border-radius:50%; -ms-border-radius:50%; font-size:22px; color:#fff; background-color:#049a84; top:34%; opacity:80%; }
.swiper-group.swiper-container .swiper-button-next.swiper-button-disabled, .swiper-group.swiper-container .swiper-button-prev.swiper-button-disabled { opacity:.6; }
.swiper-group.swiper-container:hover .swiper-button-prev { left:10px; }
.swiper-group.swiper-container:hover .swiper-button-next { right:10px; }
.package.amos .item ul { min-height:260px; display:inline-block; margin:30px 0; }
.info-contact { background-color:#ffffff; padding:40px 0; }
.package.amos.smartpls .item { border-color:#d87140; background-color:#c34e141c; }
.package.amos.spss .item { border-color:#c44c63; background-color:#c314321c; }
.info-contact .item { position:relative; padding-left:90px; padding-top:7px; }
.info-contact .item h2 { text-transform:uppercase; color:#20242d; font-size:18px; margin-bottom:5px; font-weight:500; }
.info-contact .item .info-icon { position:absolute; left:0; top:0; background-color:#0c9277; width:70px; height:70px; text-align:center; line-height:70px; border-radius:50%; font-size:40px; color:#FFF; }
.package.amos.smartpls .item h3 span { background-color:#d87140; }
.package.amos.smartpls .item .amos-price { background-color:#d87140; }
.package.amos.spss .item h3 span { background-color:#c44c63; }
.package.amos.spss .item .amos-price { background-color:#c44c63; }
.info-contact .item .info-icon span { position:relative; top:5px; }
.info-contact .item p a, .info-contact .item p { color:#0c9277; font-size:20px; font-weight:500; }
.info-contact .des { font-style:italic; max-width:70%; text-align:center; margin:0 auto; padding-top:30px; font-size:18px; line-height:1.5; }
.info-contact h2 { display:inline-block; text-align:center; position:relative; color:#0c9277; font-weight:300; font-size:30px; margin-bottom:40px; }
.info-contact h3 { display:inline-block; position:relative; margin-top:2px; font-size:22px; font-weight:600; text-transform:uppercase; color:#333e4f; }
.info-contact h2 span { font-weight:600; }
.info-contact h2::before { content:""; width:50%; height:1px; background-color:#0c9277; position:absolute; bottom:-8px; left:50%; margin-left:-25%; }
.info-contact .clock { text-align:center; margin-bottom:40px; display:none; }
.info-contact .timer { text-align:center; font-size:20px; margin-bottom:30px; font-weight:500; background:#0c9277; padding:5px 10px; color:#fff; border-radius:30px; }
.package-detail { background-color:#f9fafb; padding:40px 0; }
.package-detail h2 { display:inline-block; text-align:center; position:relative; color:#0c9277; font-weight:300; font-size:30px; margin-bottom:30px; }
.package-detail h3 { display:inline-block; position:relative; margin-top:2px; font-size:22px; font-weight:500; text-transform:uppercase; color:#333e4f; }
.package-detail h2 span { font-weight:600; }
.package-detail h2::before { content:""; width:50%; height:1px; background-color:#0c9277; position:absolute; bottom:-8px; left:50%; margin-left:-25%; }
.package-detail .test-list { padding:10px; }
.package-detail .test-list h4 { color:#0c9277; font-weight:500; font-size:22px; line-height:1.8; }
.package-detail .test-list p { font-size:18px; line-height:1.6; }
.item-new { margin-bottom:40px; }
.item-new .content a.title { font-size:20px; font-weight:500; color:#20242d; }
.item-new .content a.title:hover { color:#0c9277; }
.item-new .info-content ul { border-bottom:1px solid #d6d6d6; padding:10px 0; font-size:14px; }
.item-new .info-content ul li { display:inline-block; }
.item-new .info-content ul li:first-child span { padding-left:0; }
.item-new .info-content ul li span.author { text-transform:capitalize; }
.item-new .info-content ul li span { position:relative; padding:0 8px; color:#83848f; }
.item-new .info-content ul li span::before { content:""; width:1px; height:13px; background-color:#83848f; position:absolute; right:0; bottom:2px; }
.item-new .info-content ul li:last-child span::before { display:none; }
.item-new .des { color:#4e5158; padding-top:10px; }
.item-new img { border-radius:5px; }
h1.page-title { font-size:20px; font-weight:bold; margin:15px 0; }
.sidebar-widget { padding-left:15px; }
.sidebar-group { margin-top:15px; }
.sidebar-group.last { margin-bottom:30px; }
.sidebar-group.last img { border-radius:5px; }
.sidebar-group h3, .sidebar-group h2 { background-color:#0c9277; border-bottom:5px solid #018a76; padding:10px 15px 7px 15px; color:#FFF; text-transform:uppercase; font-size:20px; margin-bottom:15px; border-radius:5px; }
.sidebar-group .content ul.category-menu li a { border-bottom:1px solid #c9c9c9; display:inline-block; width:100%; padding:8px 5px; color:#5a5e64; }
.sidebar-group .content ul.category-menu li a i { position:relative; top:3px; margin-right:5px; }
.sidebar-group .content ul.category-menu li ul li a { padding-left:30px; }
.sidebar-group .content ul.category-menu li a:hover { color:#0c9277; }
.sidebar-group .postview li { margin-bottom:6px; }
.sidebar-group .postview li a { color:#20242d; font-weight:500; }
.sidebar-group .postview li p { color:#83848f; font-size:14px; }
.sidebar-group .postview li a:hover { color:#0c9277; }
.sidebar-group .postview img { border-radius:5px; }
.related { position:relative; margin:40px 0 30px 0; }
.related img { border-radius:5px; }
.related a { font-weight:600; font-size:16px; font-style:normal; text-align:left; }
.related a:hover { color:#0c9277; }
.title-details h2 { text-transform:uppercase; border-top:2px solid #e9e8ef; font-size:20px; }
.title-details h2 span { color:#333e4f; position:relative; height:60px; display:inline-block; line-height:70px; font-weight:600; }
.title-details h2 span::before { content:""; width:100%; height:2px; top:-2px; position:absolute; background-color:#0c9277; }
.related .relate { padding-top:5px; text-align:left; }
.related figure { margin-bottom:30px; }
.entry-content p { line-height:1.8; margin-bottom:10px; }
.entry-content { margin:25px 0; }
.entry-content ul { list-style:disc; padding-left:30px; }
.entry-content ol { list-style:decimal; padding-left:30px; }
.entry-content ul ul, .entry-content ol ul { list-style:circle; padding-left:30px; margin-top:5px; }
.entry-content ol ol, .entry-content ul ol { list-style:lower-latin; padding-left:30px; margin-top:5px; }
.entry-content li { line-height:1.8; margin-bottom:5px; }
.content-new { margin:25px 0; }
.content-new a, .content-new a:link, .content-new a:link strong { color:#1a6092; }
.content-new p, .content-new div { line-height:2; margin:15px 0; }
.content-new table p, .content-new table div { line-height:1.8; margin:0; }
.content-new ul { list-style:disc; padding-left:30px; }
.content-new ol { list-style:decimal; padding-left:30px; }
.content-new ul ul, .content-new ol ul { list-style:circle; padding-left:30px; margin-top:5px; }
.content-new ol ol, .content-new ul ol { list-style:lower-latin; padding-left:30px; margin-top:5px; }
.detail-title { margin-top:15px; }
.auth-info { border-bottom:1px solid #e8e7ee; color:#2a2b2e; text-transform:uppercase; font-size:14px; }
.auth-info var { font-style:normal; padding:0 7px; }
.auth-info ul li a { color:#fff; text-transform:uppercase; background-color:#0c9277; padding:3px 5px; border-radius:2px; margin-left:3px; }
.auth-info ul li, .auth-info ul { display:inline-block; }
.auth-info .cat a { background:#0c9277; color:#fff; padding:3px 5px; border-radius:2px; }
.tags a { display:inline-block; background-color:#0c9277; color:#FFF; margin-right:10px; padding:2px 10px; margin-bottom:10px; border-radius:2px; }
.breadcrumb-detail { background-color:#e8e7ee; color:#565865; font-size:15px; }
.breadcrumb-detail span { color:#2a2b2e; }
.share { margin:25px 0; }
.page .entry-title { color:#2a2b2e; font-size:25px; font-weight:500; margin-top:15px; }
.main-search { text-align:right; position:relative; }
.main-search span { cursor:pointer; }
.main-search span.lv { position:relative; top:5px; }
.main-search .icon-search.open::before { content:"l"; }
.main-search .form-search { position:absolute; right:0; width:320px; z-index:9; background-color:#FFF; padding:10px; transform:scale(.8); -moz-transform:scale(.8); -webkit-transform:scale(.8); -o-transform:scale(.8); -ms-transform:scale(.8); transition:all ease-in-out .3s; -webkit-transition:all ease-in-out .3s; -moz-transition:all ease-in-out .3s; -o-transition:all ease-in-out .3s; -moz-box-shadow:0 0 6px rgba(0, 0, 0, .1); -webkit-box-shadow:0 0 6px rgba(0, 0, 0, .1); box-shadow:0 0 6px rgba(0, 0, 0, .1); opacity:0; visibility:hidden; }
.main-search .form-search.on { opacity:1!important; visibility:visible!important; transform:scale(1)!important; -moz-transform:scale(1)!important; -webkit-transform:scale(1)!important; -o-transform:scale(1)!important; -ms-transform:scale(1)!important; }
.main-search .form-search .form-control { width:100%; height:40px; border-radius:4px; background-color:#FFF; border:1px solid #DDD; box-shadow:none; padding-right:80px; }
.main-search .form-search .btn-default { position:absolute; top:10px; height:40px; right:10px; border-radius:4px; font-size:20px; color:#0c9277; border:none; }
.main-search .form-search .btn-default span { position:relative; top:2px; }
.screen-reader-text { display:none; }
ul.page-numbers li { display:inline-block; margin-right:5px; }
ul.page-numbers li span.current, ul.page-numbers li a { border-radius:5px; display:inline-block; padding:8px 16px; border:1px solid #0c9277; }
ul.page-numbers li a:hover { color:#fff!important; background-color:#0c9277!important; }
.pagination { padding:40px 0!important; }
.pagination ul.page-numbers li span.page-numbers.current { background-color:#0c9277; border-color:#0c9277; }
.nav-links { width:100%; }
.main_menu_mobile { background-color:#1b1c27; padding:5px 0; position:fixed; width:100%; z-index:9; transition:all .2s linear; top:0; }
.mb-search { text-align:right; color:#dedede; font-size:20px; }
.mb-search span { position:relative; top:12px; }
.header-social.mb { text-align:right; margin-top:15px; }
.main-menu-mb { position:fixed; height:100%; width:270px; background:#232532; z-index:9; transition:transform .5s; -o-transition:-o-transform .5s; -ms-transition:-ms-transform .5s; -moz-transition:-moz-transform .5s; -webkit-transition:-webkit-transform .5s; overflow-y:auto; overflow-x:hidden; top:0; left:0%; transition:transform .5s; -webkit-transform:translateX(-100%); -moz-transform:translateX(-100%); -ms-transform:translateX(-100%); -o-transform:translateX(-100%); transform:translateX(-100%); }
body.mm_open .main-menu-mb { -webkit-transform:translateX(0)!important; -moz-transform:translateX(0)!important; -ms-transform:translateX(0)!important; -o-transform:translateX(0)!important; transform:translateX(0)!important; }
.wapper { transition:transform .5s; -o-transition:-o-transform .5s; -ms-transition:-ms-transform .5s; -moz-transition:-moz-transform .5s; -webkit-transition:-webkit-transform .5s; position:relative; overflow:hidden; }
body.mm_open .wapper { -webkit-transform:translateX(269px); -moz-transform:translateX(269px); -ms-transform:translateX(269px); -o-transform:translateX(269px); transform:translateX(269px); }
.ovlay { position:fixed; width:100%; height:100%; overflow:hidden; background-color:transparent; display:none; z-index:8; }
body.mm_open .ovlay { display:block; }
body.mm_open .bd-wapper { overflow:hidden; }
.m-menu ul li a { border-bottom:1px solid #3f4048; padding:8px 10px; display:inline-block; width:100%; color:#cbcdd8; }
.m-menu ul li ul li a { padding-left:30px; }
.m-menu ul li ul li a { padding-left:30px; }
.m-menu ul li ul li ul li a { padding-left:60px; }
.avia-button { color:#fff!important; font-weight:bold; padding:10px 15px; min-width:200px; display:inline; background-color:#ea1212; border-radius:150px; }
.avia-button:hover { background-color:#0c9277; }
.kksr-stars, .kksr-stars-inactive, .kksr-star, .kksr-icon, .kksr-stars-active, .kksr-legend { margin-top:0!important; margin-bottom:0!important; }
.greenbox { background-color:#f0ffdc; border-color:#77d267 #77d267 #77d267 #68bb59; border-style:solid; border-width:1px 1px 1px 3px; margin:15px 0px!important; overflow:auto; padding:0 10px; border-radius:5px; }
.orabox { background-color:#fff2dc; border-color:#ff8073 #ff8073 #ff8073 #ff3d08; border-style:solid; border-width:1px 1px 1px 3px; margin:15px 0px!important; overflow:auto; padding:0 10px; border-radius:5px; }
.bluebox { background-color:#dcf4ff; border-color:#4fbcec #4fbcec #4fbcec #159eda; border-style:solid; border-width:1px 1px 1px 3px; margin:15px 0px!important; overflow:auto; padding:0 10px; border-radius:5px; }
.video-responsive { border-radius:5px; overflow:hidden; padding-bottom:56.25%; position:relative; height:0; text-align:center; margin-bottom:20px!important; }
.video-responsive iframe { left:0; top:0; height:100%; width:100%; position:absolute; }
.question-box span, .question-box a { font-style:italic; color:#0c9277; font-weight:500; }
.arcontactus-widget .messanger p { font-family:"Google Sans", Roboto, sans-serif!important; }
.arcontactus-widget .arcontactus-prompt, .arcontactus-widget .messangers-block { width:240px!important; }
.arcontactus-widget.right.arcontactus-message { bottom:75px; right:12px; }
.arcontactus-widget .arcontactus-prompt.active { width:160px!important; }
.arcontactus-widget .arcontactus-message-button { width:60px; height:60px; background-color:#f96d3a!important; }
.arcontactus-widget .arcontactus-message-button .pulsation { width:80px; height:80px; position:absolute; left:-10px; top:-10px; }
.arcontactus-widget .pulsation.stop, .arcontactus-widget .arcontactus-message-button .pulsation { background-color:#f96d3a!important; }
.icons-line, .callback-state, .arcontactus-widget .arcontactus-prompt .arcontactus-prompt-close, .arcontactus-prompt-inner, .arcontactus-widget .icons-line span { color:#f96d3a!important; }
#ez-toc-container li, #ez-toc-container ul, #ez-toc-container ul li, div.ez-toc-widget-container, div.ez-toc-widget-container li { line-height:2; }
#codepro { border-radius:5px; border:none; width:117px; background:#108575; color:#fff; padding:7px 5px; text-align:center; outline-color:unset; }
#codepro:focus, #codepro:active, #codepro:focus-visible, #codepro:target { border:none; }
@media screen and (max-width: 896px) {
  .arcontactus-widget.right.arcontactus-message { bottom:122px; }
}
.sliders { display:none; }
.gifimage { margin:0!important; margin-top:-3px!important; }
.reference a { color:#f49935; font-weight:bold; }
.events-schema { text-align:center; }
.events-schema p { display:inline; padding:10px; font-weight:500; }
body .scrollup { position:fixed; bottom:65px; width:50px; height:50px; z-index:99; border-radius:50%; box-shadow:0px 3px 10px rgb(0 0 0 / 10%); text-align:center; cursor:pointer; transition:all .3s ease-in-out; -webkit-transition:all .3s ease-in-out; background-color:#0c9277; color:#FFF; line-height:40px; font-size:22px; }
body .scrollup.right { right:-50px; }
body .scrollup.right.active { right:30px; }
body .scrollup:hover { transform:translateY(-7px); -webkit-transform:translateY(-7px); box-shadow:0px 5px 15px rgb(0 0 0 / 15%); }
.icon-up-open-big { line-height:2.5; }
.table-striped { font-size:18px; }
.header-social .img-clock { display:block; line-height:40px; text-align:center; }
.header-social .content { display:block; font-size:14px; }
@media screen and (max-width: 1200px) {
  .reason .image { display:none; }
  .reason .content h2 { text-align:center; }
  .reason .content ul li .image-icon { position:absolute; top:-8px; }
  .reason .content ul li { margin:40px 20px; }
  .info-contact .item p a, .info-contact .item p { font-size:17px; }
  .info-contact h3 { font-size:20px; }
  .info-contact .item { padding-left:80px; }
  .info-contact .des { font-size:17px; }
  .info .item p { font-size:16px; }
  @media screen and (max-width: 992px) {
    .why .img-w { display:none; }
    .countdown { padding:20px 0; }
    .countdown .item, .info .item { margin:20px; }
    .info .item .info-icon { position:absolute; top:-8px; }
    .package .item .content { padding:0 20px; }
    .package .item .amos-price { padding:10px 20px; }
    .package .item ul li { font-size:18px; }
    .info-contact .item { margin:20px; }
    .info-contact .des { max-width:100%; }
    .info-contact h3 { font-size:22px; }
    .info-contact .item p a, .info-contact .item p { font-size:20px; margin-top:3px; }
    .home-blog .item .inf p { font-size:18px; }
    @media screen and (max-width: 768px) {
      .privacy .content { padding-left:0px; }
      .events-schema p { display:block; padding:0; margin:10px 0; }
      .table-striped { font-size:16px; }
      .wapper { padding-top:60px; }
      .container { padding-right:15px; padding-left:15px; }
      .reason .content ul li { margin:10px 0px; }
      .reason .content ul li .image-icon { position:absolute; top:8px; }
      .reason .content ul { margin-top:20px; }
      .reason .content h2 { font-size:24px; padding:0 0 15px 0; text-align:center; }
      .reason .content ul li { margin-bottom:15px; min-height:auto; }
      .reason .content ul li .item { margin:5px 0; padding-left:75px; }
      .reason .content ul li .item h3 { font-size:18px; }
      .reason .content ul li .image-icon { height:60px; width:60px; line-height:63px; font-size:35px; }
      .reason .content p.sub { font-size:16px; line-height:1.5; }
      .info .item { margin-bottom:20px; }
      .info .item h2 { text-transform:uppercase; }
      .info .item p { line-height:1.6; font-size:16px; font-style:italic; }
      .package h2, .package h1 { font-size:24px; margin:0 0 30px 0; }
      .package .item .content { padding:0 20px; }
      .package .item .amos-price { padding:10px 40px; }
      .package .item { margin:20px 60px 25px 60px; }
      .package .item h3 span { font-size:20px; }
      .package h2 span, .package h1 span { font-size:24px; }
      .footer .item { padding-left:0; margin-top:30px; }
      .info-contact .item { margin:20px 0; padding-left:75px; padding-top:5px; }
      .info-contact h2 { font-size:24px; margin-bottom:15px; }
      .info-contact h3 { margin-top:0; font-size:18px; }
      .info-contact .item p a, .info-contact .item p { font-size:18px; }
      .info-contact .des { max-width:100%; font-size:16px; }
      .package .des { margin-bottom:10px; font-size:16px; }
      .package .des h3 { margin-left:10px; }
      .info-contact, .reason, .package, .footer, .home-blog, .why, .info { padding:30px 0 15px 0; }
      .related .relate { padding-top:0; }
      .package .item ul li { font-size:18px; }
      .package .item ul { margin-top:15px; margin-left:15px; }
      .package .item .view-price { margin:20px 0 25px 0; }
      .package .item .view-price a { font-size:17px; }
      .info .item .info-icon { width:60px; height:60px; font-size:35px; line-height:58px; }
      .info .item { padding-left:75px; }
      .info .item h2 { font-size:18px; }
      .why h2 { font-size:24px; margin-bottom:30px; }
      .why .content { margin-top:0; }
      .why .img-w { display:none; }
      .why .item h3 { line-height:1.4; }
      .countdown li { margin-bottom:20px; }
      .countdown { padding:10px 0; }
      .countdown .item, .info .item { margin:10px 0; }
      .countdown .item { padding-left:80px; }
      .countdown .item .c-icon { width:55px; }
      .countdown .item h3 { font-size:40px; }
      .countdown .item p { font-size:18px; }
      .faq h2.title { font-size:24px; margin-bottom:30px; }
      .faq .question { margin-top:0; }
      .faq .question h3 { font-size:20px; }
      .faq .question p { font-size:16px; }
      .about h2.title { font-size:24px; }
      .about p { font-size:16px; }
      .info-contact .item .info-icon { width:60px; height:60px; line-height:60px; font-size:35px; }
      .home-blog h2 { font-size:24px; }
      .detail-title { font-size:21px; }
      .auth-info { font-size:13px; }
      .auth-info .cat, .auth-info var { display:none; }
      .related img { margin:0; }
      .faq .accordion { margin-top:0; }
      .faq .accordion h2 a { font-size:17px; }
      .faq .card-body { font-size:16px; }
      .item-new .content { margin-top:15px; }
    }
    @media screen and (max-width: 600px) {
      .reason .content h2, .package h2, .package h1, .package h2 span, .package h1 span, .why h2, .why h2 span, .faq h2.title, .faq h2.title span, .about h2.title span, .about h2.title, .home-blog h2 span, .home-blog h2, .info-contact h2, .info-contact h2 span { font-size:22px; }
      .reason .content p.sub { font-size:16px; }
      .reason .content ul li .item h3, .why .item h3, .info-contact h3, .info-contact .item p a, .info-contact .item p { font-size:16px; }
      .package .item ul { margin-left:0; }
      .package .item h3 span { font-size:18px; }
      .package .item ul li { font-size:17px; }
      .package .item { margin:20px 20px 25px 20px; }
      .info .item h2 { font-size:16px; }
      .info .item .info-icon { position:absolute; top:4px; }
      .package .item .view-price a { font-size:16px; }
      .countdown .item h3 { font-size:30px; }
      .countdown .item p { font-size:16px; }
      .info-contact .item { margin:15px 0; }
      .info-contact .des { padding-top:10px; }
      .home-blog .item .des { color:#606874; font-size:15px; }
    }
  }
}
/* XLĐL CUSTOM STYLES - merged from WordPress Additional CSS */
:root { --xldl-primary:#108575; --xldl-primary-dark:#086b60; --xldl-accent:#f49935; --xldl-dark:#171923; --xldl-text:#1f2933; --xldl-muted:#667085; --xldl-bg:#f6faf9; --xldl-card:#ffffff; --xldl-border:#e5eee9; --xldl-radius:18px; --xldl-shadow:0 12px 35px rgba(16, 133, 117, .10); }
body { background:#fff; color:var(--xldl-text)!important; font-size:16px; }
.container { width:1320px!important; max-width:1320px!important; }
.header { height:auto!important; }
.header .row { display:flex; align-items:center; }
.header-social { margin-top:0!important; display:flex!important; align-items:center!important; justify-content:flex-end!important; gap:14px!important; }
.header-social .img-clock { float:none!important; position:static!important; right:auto!important; width:34px!important; }
.header-social .img-clock img { width:34px!important; height:34px!important; opacity:.65; }
.header-social .content { float:none!important; color:#1f2933!important; line-height:1.35!important; }
.header-social .content p { margin:0!important; font-size:13px!important; color:#667085!important; }
.header-social .content span { font-size:15px!important; font-weight:800!important; color:#17212b!important; }
.header-cta { display:inline-flex!important; align-items:center!important; justify-content:center!important; color:#fff!important; font-weight:850!important; white-space:nowrap!important; }
.menu { box-shadow:none!important; }
.menu.fixed { top:32px!important; box-shadow:0 10px 28px rgba(15, 23, 42, .14)!important; }
.menu .header-menu li:hover a { background:transparent!important; }
.menu .header-menu li.menu-item-has-children a::after { top:2px!important; right:-6px!important; border-top-color:#fff!important; }
.menu .header-menu li ul { display:block!important; height:auto!important; max-height:none!important; overflow:visible!important; visibility:hidden!important; opacity:0!important; top:100%!important; left:0!important; width:260px!important; padding:8px 0!important; background:#fff!important; border-top:3px solid #108575!important; border-radius:0 0 14px 14px!important; box-shadow:0 18px 42px rgba(15, 23, 42, .14)!important; z-index:99999!important; }
.menu .header-menu li:hover>ul { visibility:visible!important; opacity:1!important; }
.menu .header-menu li ul li ul { left:260px!important; top:0!important; }
.xldl-home-hero,.xldl-problems,.xldl-services,.xldl-why,.xldl-security,.xldl-faq { padding:80px 0; }
.xldl-home-hero { background:radial-gradient(circle at 10% 10%, rgba(16, 133, 117, .12), transparent 32%), radial-gradient(circle at 90% 20%, rgba(244, 153, 53, .12), transparent 32%), linear-gradient(180deg, #ffffff 0%, #f6fbfa 100%); overflow:hidden; }
.xldl-label { display:inline-flex; background:rgba(16, 133, 117, .1); color:var(--xldl-primary); border:1px solid rgba(16, 133, 117, .18); border-radius:999px; padding:8px 14px; font-size:14px; font-weight:800; margin-bottom:18px; }
.xldl-hero-copy h1 { font-size:52px; line-height:1.12; font-weight:900; color:#17212b; letter-spacing:-1.4px; margin-bottom:22px; }
.xldl-hero-copy p { font-size:18px; line-height:1.8; color:var(--xldl-muted); max-width:680px; }
.xldl-hero-buttons { display:flex; gap:14px; flex-wrap:wrap; margin:30px 0; }
.xldl-btn-main,.xldl-btn-sub { display:inline-flex; height:50px; align-items:center; justify-content:center; padding:0 26px; border-radius:999px; font-size:16px; font-weight:850; }
.xldl-btn-main { background:var(--xldl-accent); color:#fff!important; box-shadow:0 14px 30px rgba(244, 153, 53, .28); }
.xldl-btn-main:hover { background:var(--xldl-primary); color:#fff!important; }
.xldl-btn-sub { background:#fff; border:1px solid #d9ebe6; color:var(--xldl-primary)!important; }
.xldl-trust-row { display:grid; grid-template-columns:repeat(3, 1fr); gap:14px; max-width:620px; }
.xldl-trust-row div { background:#fff; border:1px solid var(--xldl-border); border-radius:18px; padding:16px; box-shadow:0 10px 28px rgba(16, 133, 117, .08); }
.xldl-trust-row strong { display:block; font-size:24px; color:var(--xldl-primary); }
.xldl-trust-row span { color:var(--xldl-muted); font-size:14px; }
.xldl-hero-panel { background:#fff; border:1px solid var(--xldl-border); border-radius:34px; padding:34px; box-shadow:0 24px 70px rgba(16, 133, 117, .13); }
.xldl-hero-panel img { width:100%; border-radius:24px; }
.xldl-section-head { text-align:center; max-width:780px; margin:0 auto 42px; }
.xldl-section-head span { color:var(--xldl-primary); font-size:14px; font-weight:900; text-transform:uppercase; letter-spacing:.8px; background:rgba(16, 133, 117, .1); border:1px solid rgba(16, 133, 117, .18); border-radius:999px; padding:8px 14px; }
.xldl-section-head h2 { color:#17212b; font-size:38px; line-height:1.25; font-weight:900; margin:10px 0 14px; letter-spacing:-.8px; }
.xldl-section-head p { color:var(--xldl-muted); font-size:17px; line-height:1.7; }
.xldl-section-head.light span { color:#f49935!important; }
.xldl-section-head.light h2 { color:#fff!important; }
.xldl-section-head.light p { color:rgba(255, 255, 255, .82)!important; }
.xldl-problems { background:#fff; }
.xldl-mini-card { height:100%; background:#fff; border:1px solid var(--xldl-border); border-radius:24px; padding:28px; box-shadow:0 12px 35px rgba(15, 23, 42, .05); transition:.25s; }
.xldl-mini-card:hover { transform:translateY(-6px); box-shadow:0 20px 45px rgba(16, 133, 117, .12); }
.xldl-mini-card i { display:inline-flex; width:58px; height:58px; border-radius:18px; background:#eefaf7; color:var(--xldl-primary); align-items:center; justify-content:center; font-size:28px; margin-bottom:18px; }
.xldl-mini-card h3 { font-size:20px; font-weight:850; color:#17212b; margin-bottom:10px; }
.xldl-mini-card p { color:var(--xldl-muted); line-height:1.7; }
.xldl-services { position:relative; overflow:hidden; padding:90px 0 95px!important; background:linear-gradient(rgb(47 62 60 / 90%), rgb(33 48 47 / 35%)), url("https://xulydinhluong.com/wp-content/uploads/2024/01/dich-vu-spss-2.jpg") center center / cover no-repeat!important; background-attachment:scroll!important; }
.xldl-services .container { position:relative; z-index:1; }
.xldl-service-card { height:100%; position:relative; background:#fff!important; border:1px solid rgba(255, 255, 255, .28)!important; border-radius:24px!important; padding:34px!important; box-shadow:0 8px 24px rgba(0, 0, 0, .16)!important; backdrop-filter:none!important; -webkit-backdrop-filter:none!important; display:flex; flex-direction:column; transition:transform .2s ease; }
.xldl-service-card:hover { transform:translateY(-4px); }
.xldl-service-card.featured { border:1px solid rgba(255, 255, 255, .18)!important; }
.xldl-badge { display:none!important; }
.xldl-service-top span { color:#108575!important; font-size:14px; font-weight:900; text-transform:uppercase; border:1px solid rgba(16, 133, 117, .18); border-radius:20px; padding:5px 10px; background:rgba(16, 133, 117, .1); }
.xldl-service-top h3 { font-size:27px; font-weight:900; color:#17212b!important; margin:8px 0 12px; }
.xldl-service-top p { color:#667085!important; line-height:1.7; }
.xldl-service-card ul { flex:1; margin:24px 0!important; padding:0!important; }
.xldl-service-card li { position:relative; padding-left:28px; margin:13px 0; color:#17212b!important; font-size:16px; }
.xldl-service-card li:before { content:"✓"; position:absolute; left:0; top:0; color:#108575!important; font-weight:900; }
.xldl-service-card a { margin:12px auto 0!important; width:170px!important; height:48px!important; display:flex!important; justify-content:center!important; align-items:center!important; background:#108575!important; color:#fff!important; border-radius:999px!important; font-weight:850!important; }
.xldl-service-card a:hover { background:#f49935!important; color:#fff!important; }
.xldl-why { background:#f6fbfa; }
.xldl-why-grid { display:grid; grid-template-columns:repeat(4, 1fr); gap:18px; }
.xldl-why-card { background:#fff; border:1px solid var(--xldl-border); border-radius:26px; padding:28px; box-shadow:0 12px 35px rgba(16, 133, 117, .06); }
.xldl-why-card span { color:var(--xldl-accent); font-size:32px; font-weight:900; }
.xldl-why-card h3 { font-size:20px; font-weight:900; color:#17212b; margin:16px 0 12px; line-height:1.35; }
.xldl-why-card p { color:var(--xldl-muted); line-height:1.75; }
.xldl-security { background:#fff; padding:76px 0!important; }
.xldl-security-panel { position:relative; overflow:hidden; border-radius:34px; background:linear-gradient(135deg, #f6fbfa 0%, #ffffff 100%); border:1px solid #e5eee9; padding:58px 64px; min-height:460px; display:flex; align-items:center; }
.xldl-security-content { position:relative; z-index:2; max-width:720px; }
.xldl-security-content h2 { color:#17212b; font-size:42px; line-height:1.2; font-weight:900; margin:12px 0 18px; }
.xldl-security-content>p { color:#667085; font-size:17px; line-height:1.8; margin-bottom:28px; }
.xldl-security-visual { position:absolute; right:0; top:0; bottom:0; width:42%; opacity:.16; }
.xldl-security-visual img { width:100%; height:100%; object-fit:cover; }
.xldl-security-list { display:grid; grid-template-columns:1fr 1fr; gap:16px; margin-top:26px; }
.xldl-security-item { display:flex; align-items:flex-start; gap:14px; background:rgba(255, 255, 255, .82); border:1px solid rgba(16, 133, 117, .12); border-radius:18px; padding:18px; }
.xldl-security-item svg { width:32px; height:32px; min-width:32px; fill:none; stroke:#108575; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; margin-top:3px; }
.xldl-security-item strong { display:block; color:#17212b; font-size:17px; font-weight:900; margin-bottom:6px; }
.xldl-security-item p { margin:0; color:#667085; font-size:15px; line-height:1.65; }
.xldl-faq { background:#fff; }
.xldl-faq .accordion { max-width:980px; margin:0 auto; }
.home-blog { background:var(--xldl-bg); padding:70px 0; }
.home-blog .item img,.item-new img,.related img,.sidebar-group .postview img { border-radius:0px!important; }
.home-blog .item .inf p { font-size:18px; line-height:1.45; }
.footer p,.footer ul li a { color:#d7dbe5; }
body .scrollup { background:var(--xldl-primary); }
.xldl-stats-bar { background:#ffffff; padding:0; position:relative; z-index:2; }
.xldl-stats-bar-inner { background:linear-gradient(135deg, #108575, #086b60); border-radius:28px; padding:30px 46px; display:grid; grid-template-columns:repeat(3, 1fr); gap:24px; transform:translateY(-38px); box-shadow:0 18px 45px rgba(16, 133, 117, .18); }
.xldl-stat-item { text-align:center; color:#fff; border-right:1px solid rgba(255, 255, 255, .22); }
.xldl-stat-item:last-child { border-right:0; }
.xldl-stat-item strong { display:block; font-size:42px; line-height:1; font-weight:900; color:#fff; margin-bottom:8px; }
.xldl-stat-item span { display:block; font-size:16px; color:rgba(255, 255, 255, .9); }
.xldl-faq .card { border:1px solid #e5eee9!important; border-radius:20px!important; margin-bottom:14px; overflow:hidden!important; background:#fff!important; box-shadow:none!important; }
.xldl-faq .card-header { padding:0!important; background:#fff!important; border-bottom:0!important; }
.xldl-faq .accordion h2 a { display:flex; justify-content:space-between; padding:24px 28px!important; font-size:17px; font-weight:850; color:#17212b!important; line-height:1.4!important; }
.xldl-faq .collapse.show { border-top:1px solid #eef2f1!important; background:#fbfdfc!important; }
.xldl-faq .card-body { padding:22px 28px 28px!important; color:var(--xldl-muted); font-size:16px; line-height:1.8; background:#fbfdfc!important; }
.xldl-faq .card-body p { margin:0!important; color:#667085!important; font-size:17px!important; line-height:1.75!important; }
.xldl-faq .accordion h2 a:not(.collapsed) { color:#108575!important; background:#f6fbfa; }
.xldl-faq .accordion h2 a:not(.collapsed) .icon { transform:rotate(180deg); }
.xldl-faq .accordion h2 a .icon { transition:.2s; }
.xldl-faq .accordion h2 a,.xldl-faq .accordion h2 a *,.xldl-faq .card-header,.xldl-faq .card-header * { cursor:pointer!important; background:#f6fbfa; }
.xldl-final-cta h2 { font-size:46px; line-height:1.2; font-weight:900; color:#17212b; margin:22px 0 18px; }
.xldl-final-cta p { max-width:700px; margin:0 auto; color:#667085; font-size:18px; line-height:1.8; }
.xldl-final-buttons { margin-top:36px; display:flex; justify-content:center; gap:18px; flex-wrap:wrap; }
.xldl-final-cta { padding:34px 0 64px!important; text-align:center; }
.xldl-final-cta-box { background:linear-gradient(135deg, #108575, #086b60); border-radius:26px; padding:30px 42px; display:flex; align-items:center; justify-content:space-between; gap:34px; box-shadow:0 18px 45px rgba(16, 133, 117, .18); }
.xldl-final-cta-content { flex:1; max-width:620px; }
.xldl-final-cta-content h2 { color:#fff; font-size:34px; line-height:1.15; font-weight:900; margin:0 0 8px; }
.xldl-final-cta-content p { color:rgba(255, 255, 255, .9); font-size:15.5px; line-height:1.55; margin:0; }
.xldl-final-cta-buttons { display:flex; align-items:center; gap:14px; flex-shrink:0; }
.xldl-btn-white,.xldl-btn-outline-white { height:48px; padding:0 24px; display:flex; align-items:center; justify-content:center; border-radius:999px; font-size:18px; font-weight:850; white-space:nowrap; }
.xldl-btn-white { background:#f96d3a!important; color:#fff!important; box-shadow:0 10px 24px rgba(0, 0, 0, .12); }
.xldl-btn-white:hover { background:#f49935!important; color:#fff!important; }
.xldl-btn-outline-white { border:1.5px solid rgba(255, 255, 255, .38); color:#fff!important; background:transparent!important; }
.xldl-btn-outline-white:hover { background:rgba(255, 255, 255, .12)!important; color:#fff!important; }
.xldl-process { background:#f6fbfa; padding:84px 0; }
.xldl-process-line { position:relative; display:grid; grid-template-columns:repeat(4, 1fr); gap:28px; margin-top:54px; }
.xldl-process-line::before { content:""; position:absolute; top:40px; left:8%; right:8%; height:2px; border-top:2px dashed #108575; opacity:.65; }
.xldl-process-step { position:relative; z-index:1; text-align:center; }
.xldl-process-icon { width:78px; height:78px; margin:0 auto 20px; border-radius:50%; background:#fff; border:2px dashed #108575; display:flex; align-items:center; justify-content:center; box-shadow:0 14px 30px rgba(16, 133, 117, .10); }
.xldl-process-icon svg { width:34px; height:34px; fill:none; stroke:#108575; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; }
.xldl-process-step h3 { color:#108575; font-size:25px; font-weight:900; margin:0 0 24px; }
.xldl-process-card { position:relative; background:#fff; border:2px solid #108575; border-radius:20px; padding:26px 26px 28px; text-align:left; min-height:210px; }
.xldl-process-card::before { content:""; position:absolute; top:-12px; left:50%; width:22px; height:22px; background:#fff; border-left:2px solid #108575; border-top:2px solid #108575; transform:translateX(-50%) rotate(45deg); }
.xldl-process-card h4 { color:#17212b; font-size:20px; line-height:1.35; font-weight:900; margin:0 0 14px; }
.xldl-process-card p { color:#667085; font-size:16px; line-height:1.75; margin:0; }
.xldl-blog-slider { background:#f6fbfa; padding:76px 0; }
.xldl-slider-wrap { position:relative; }
.xldl-slider-track { display:flex; gap:24px; overflow-x:auto; scroll-snap-type:x mandatory; scroll-behavior:smooth; padding:8px 2px 18px; scrollbar-width:none; }
.xldl-slider-track::-webkit-scrollbar { display:none; }
.xldl-blog-card { flex:0 0 calc(33.333% - 16px); scroll-snap-align:start; background:#fff; border:1px solid #e5eee9; border-radius:15px; overflow:hidden; }
.xldl-blog-thumb { display:block; aspect-ratio:16/9; overflow:hidden; }
.xldl-blog-thumb img { width:100%; height:100%; object-fit:cover; transition:.25s; }
.xldl-blog-card:hover img { transform:scale(1.04); }
.xldl-blog-info { padding:20px 22px 24px; }
.xldl-blog-info h3 { font-size:21px; line-height:1.35; font-weight:900; margin:0 0 12px; }
.xldl-blog-info h3 a { color:#17212b!important; }
.xldl-blog-info h3 a:hover { color:#108575!important; }
.xldl-blog-info p { color:#667085; font-size:16px; line-height:1.7; margin:0; }
.xldl-slider-btn { position:absolute; top:50%; transform:translateY(-50%); width:58px; height:58px; border:none; border-radius:50%; background:#108575; color:#fff; display:flex; align-items:center; justify-content:center; cursor:pointer; z-index:10; opacity:0; visibility:hidden; transition:opacity .25s ease, background .25s ease, transform .25s ease; }
.xldl-slider-wrap:hover .xldl-slider-btn { opacity:1; visibility:visible; }
.xldl-slider-btn:hover { background:#f49935; transform:translateY(-50%) scale(1.06); }
.xldl-slider-btn.prev { left:18px; }
.xldl-slider-btn.next { right:18px; }
.xldl-slider-btn svg { width:20px; height:20px; fill:none; stroke:currentColor; stroke-width:3; stroke-linecap:round; stroke-linejoin:round; display:block; flex-shrink:0; }
.footer .container { max-width:1280px; }
.footer .row { align-items:flex-start; }
.footer-logo img { max-width:280px; margin-bottom:32px; }
.footer h2::after { content:""; position:absolute; left:0; bottom:0; width:140px; height:2px; background:#108575; border-radius:999px; }
.footer p:hover::before { transform:rotate(-45deg) translateX(3px); }
.footer p a { color:inherit; text-decoration:none; transition:.25s; }
.footer p:hover a,.footer p:hover { color:#f49935; }
.footer-social { display:flex; gap:16px; margin-top:32px; }
.footer-social a { width:56px; height:56px; display:flex; align-items:center; justify-content:center; border-radius:16px; background:rgba(255, 255, 255, .06); border:1px solid rgba(255, 255, 255, .08); transition:.25s; }
.footer-social a:hover { background:#108575; transform:translateY(-4px); }
.footer-social a i { font-size:24px; color:#fff; }
.footer-social a::before { display:none!important; }
.footer { background:#0b1022!important; padding:46px 0 36px!important; color:#d7dbe5; }
.footer .footer-logo img { max-width:220px!important; margin-bottom:24px!important; }
.footer h2 { font-size:22px!important; letter-spacing:.3px; position:relative; display:inline-block; color:#fff; font-weight:800; text-transform:uppercase; margin-bottom:24px!important; padding-bottom:10px!important; }
.footer p { display:flex; align-items:center; gap:14px; margin-bottom:12px!important; color:#d7dbe5; font-size:17px!important; line-height:1.45!important; }
.footer p::before { content:""; width:7px!important; height:7px!important; flex-shrink:0; border-right:2px solid #fff; border-bottom:2px solid #fff; transform:rotate(-45deg); opacity:.9; transition:.25s; }
.footer .social { margin-top:20px!important; }
.footer .social a { width:38px!important; height:38px!important; border-radius:10px!important; }
.copyright { background:#080c18!important; border-top:1px solid rgba(255, 255, 255, .06)!important; padding:5px 0!important; text-align:center!important; color:rgba(255, 255, 255, .65); font-size:15px; }
.copyright p { margin:0!important; color:rgba(255, 255, 255, .78)!important; font-size:14px!important; line-height:1.5!important; }
.copyright p::before { display:none!important; content:none!important; }
.copyright a { color:#fff!important; font-weight:800!important; }
.xld-breadcrumb { display:flex; align-items:center; flex-wrap:wrap; gap:8px; font-size:14px; line-height:1.5; color:#64748b; }
.xld-breadcrumb a { color:#108575; text-decoration:none; font-weight:600; }
.xld-breadcrumb a:hover { color:#f49935; }
.xld-breadcrumb span { color:#94a3b8; }
.xld-breadcrumb .current { color:#475569; font-weight:500; }
.article-header { margin-bottom:40px; }
.article-thumbnail { margin-bottom:24px; overflow:hidden; border-radius:18px; }
.article-thumbnail img { width:100%; height:auto; display:block; }
.article-meta-top { display:flex; gap:10px; align-items:center; margin-bottom:18px; font-size:14px; color:#64748b; }
.article-meta-top a{ color:#0c9277 }
.article-category { color:#108575; font-weight:700; text-decoration:none; }
.article-category:hover { color:#f49935; }
.article-meta-top .dot { opacity:.5; }
.detail-title { font-size:40px; line-height:1.25; font-weight:800; color:#0f172a; margin-bottom:18px; }
.article-excerpt { font-size:18px; line-height:1.8; color:#475569; margin-bottom:24px; }
.auth-info { display:flex; gap:30px; flex-wrap:wrap; padding:10px 20px; background:#f8fafc; border:1px solid #e2e8f0; border-radius:10px; }
.author-item { font-size:13px; color:#64748b; }
.author-item strong { color:#0f172a; }
.breadcrumb-detail { background:#f8fafc; border-bottom:1px solid #e2e8f0; padding:18px 0; margin-bottom:0; }
.article-page { padding-top:44px; padding-bottom:70px; overflow:visible!important; }
.article-layout { display:grid!important; grid-template-columns:minmax(0, 2fr) minmax(300px, 1fr); gap:34px; align-items:start!important; overflow:visible!important; }
.article-main-col { margin-bottom:40px; }
.article-sidebar-col { position:relative!important; overflow:visible!important; }
.sticky-sidebar { position:sticky; top:100px; }
.article-related { margin-top:70px; padding-top:50px; border-top:1px solid #e2e8f0; }
.section-title { font-size:28px; line-height:1.3; font-weight:800; margin-bottom:30px; color:#0f172a; }
.related-grid { list-style:none; padding:0; margin:0 -12px; }
.related-grid li { margin-bottom:24px; }
.related-card { height:100%; background:#ffffff; border:1px solid #e2e8f0; border-radius:10px; overflow:hidden; box-shadow:0 8px 24px rgba(15, 23, 42, 0.05); transition:all .25s ease; }
.related-card:hover { transform:translateY(-4px); box-shadow:0 14px 34px rgba(15, 23, 42, 0.1); }
.related-img { display:block; background:#f1f5f9; }
.related-img img { width:100%; object-fit:cover; display:block; }
.related-content { padding:16px 18px 20px; }
.related-title { display:block; font-size:16px; line-height:1.55; font-weight:700; color:#1e293b; text-decoration:none; }
.related-title:hover { color:#108575; }
.sidebar-widget { width:100%; }
.sidebar-group { background:#ffffff; border:1px solid #e2e8f0; border-radius:18px; padding:22px; margin-bottom:24px; box-shadow:0 8px 24px rgba(15, 23, 42, 0.04); }
.sidebar-group h2 { font-size:20px; line-height:1.3; font-weight:800; margin:0 0 18px; padding-bottom:12px; border-bottom:1px solid #e2e8f0; color:#fff; }
.category-menu { list-style:none; padding:0; margin:0; }
.category-menu li { margin-bottom:10px; }
.category-menu a { display:block; color:#334155; font-size:15px; line-height:1.5; text-decoration:none; padding:9px 12px; border-radius:10px; background:#f8fafc; }
.category-menu a:hover { color:#108575; background:#ecfdf5; }
.postview { list-style:none; padding:0; margin:0; }
.postview li { padding-bottom:14px; margin-bottom:14px; display:flex; gap:16px; padding:18px 0; border-bottom:1px solid #edf2f7; transition:.25s; }
.postview li:last-child { padding-bottom:0; margin-bottom:0; border-bottom:0; }
.postview-img { background:#f1f5f9; display:block; width:110px; min-width:110px; height:72px; border-radius:7px; overflow:hidden; }
.postview-img img { display:block; width:100%; height:100%; object-fit:cover; }
.postview-info .title { text-decoration:none; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; font-size:17px; line-height:1.45; font-weight:700; color:#1e293b; }
.postview-info .title:hover { color:#108575; }
.postview-info p { margin:4px 0 0; color:#94a3b8; font-size:14px; }
.article-main-col,.article-sidebar-col { width:auto!important; max-width:none!important; float:none!important; padding-left:15px; padding-right:15px; }
.xld-toc p { margin:0; color:#94a3b8; font-size:14px; }
.xld-toc ul { list-style:none; padding:0; margin:0; }
.xld-toc li { margin-bottom:9px; }
.xld-toc li.toc-h3 { padding-left:16px; }
.xld-toc a { display:block; color:#334155; font-size:14.5px; line-height:1.5; text-decoration:none; padding:8px 10px; border-radius:10px; background:#f8fafc; }
.xld-toc a:hover { color:#108575; background:#ecfdf5; }
.xld-author-box { display:flex; gap:22px; margin:56px 0 34px; padding:28px; background:#f8fafc; border:1px solid #e2e8f0; border-radius:20px; }
.xld-author-avatar { width:100px; height:100px; min-width:100px; border-radius:50%; overflow:hidden; }
.xld-author-avatar img { width:100%; height:100%; display:block; object-fit:cover; }
.xld-author-avatar span { display:none; }
.xld-author-content h2 { margin:0 0 10px; font-size:22px; line-height:1.35; font-weight:900; color:#0f172a; }
.xld-author-content p { margin:0; font-size:16px; line-height:1.75; color:#475569; }
.xld-author-links { display:flex; gap:12px; flex-wrap:wrap; margin-top:16px; }
.xld-author-links a { display:inline-flex; align-items:center; justify-content:center; height:38px; padding:0 16px; border-radius:999px; background:#fff; border:1px solid #dbe7e3; color:#108575; font-weight:800; text-decoration:none; }
.xld-author-links a:hover { background:#108575; color:#fff; }
.xld-post-cta { display:flex; align-items:center; justify-content:space-between; gap:28px; margin:34px 0 60px; padding:30px 34px; border-radius:24px; background:linear-gradient(135deg, #108575, #086b60); box-shadow:0 18px 42px rgba(16, 133, 117, .18); }
.xld-post-cta h2 { margin:0 0 10px; color:#fff; font-size:26px; line-height:1.3; font-weight:900; }
.xld-post-cta p { margin:0; color:rgba(255, 255, 255, .88); font-size:16px; line-height:1.7; }
.xld-post-cta a { min-width:170px; height:48px; display:inline-flex; align-items:center; justify-content:center; border-radius:999px; background:#f49935; color:#fff; font-size:15px; font-weight:900; text-decoration:none; white-space:nowrap; }
.xld-post-cta a:hover { background:#fff; color:#108575; }
.postview li:hover { transform:translateX(4px); }
.content-new { font-size:17px; line-height:1.85; color:#17212b; }
.content-new h2 { position:relative; margin:30px 0 20px; padding-left:20px; font-size:30px; line-height:1.35; font-weight:900; color:#0f172a; }
.content-new h2::before { content:""; position:absolute; left:0; top:3px; width:6px; height:34px; border-radius:999px; background:#108575; }
.content-new h3 { margin:28px 0 15px; font-size:22px; line-height:1.45; font-weight:850; color:#263238; }
.content-new h4 { margin:30px 0 14px; font-size:18px; line-height:1.45; font-weight:850;  color:#263238;}
.content-new a { color:#108575; font-weight:700; text-decoration:none; border-bottom:1px solid rgba(16, 133, 117, .25); }
.content-new a:hover { color:#f49935; border-bottom-color:#f49935; }
.content-new ul,.content-new ol { margin:12px 0; padding-left:18px; }
.content-new li { margin:6px 0; padding-left:4px; line-height:1.8 }
.content-new img { max-width:100%; height:auto; display:block; margin:28px auto; border-radius:10px; box-shadow:0 12px 34px rgba(15, 23, 42, .10); }
.content-new figure { margin:34px 0; }
.content-new figure img { margin:0 auto; }
.content-new figcaption { margin-top:12px; text-align:center; font-size:14px; color:#64748b; font-style:italic; }
.content-new table { width:100%; margin:30px 0; border-collapse:separate; border-spacing:0; overflow:hidden; border:1px solid #e2e8f0; border-radius:5px; line-height:1.55; background:#fff; }
.content-new table th { background:#108575; color:#fff; font-weight:850; padding:14px 16px; border:0; }
.content-new table td { padding:13px 16px; border-top:1px solid #e2e8f0;  }
.content-new table tr:nth-child(even) td { background:#f8fafc; }
.content-new blockquote { margin:32px 0; padding:24px 28px; border-left:6px solid #108575; background:#f8fafc; border-radius:0 18px 18px 0; color:#334155; font-size:17px; line-height:1.75; }
.content-new .orabox,.content-new .greenbox,.content-new .bluebox { margin:32px 0; padding:24px 28px; border-radius:18px; font-size:17px; line-height:1.75; }
.content-new .orabox { background:#fff7ed; border:1px solid #fed7aa; color:#7c2d12; }
.content-new .greenbox { background:#ecfdf5; border:1px solid #bbf7d0; color:#064e3b; }
.content-new .bluebox { background:#eff6ff; border:1px solid #bfdbfe; color:#1e3a8a; }
.content-new .table-responsive { overflow-x:auto; margin:30px 0; }
@media (min-width:769px) and (max-width:991px) {
  .xldl-services { padding:64px 0!important; }
  .xldl-services .row { display:grid!important; grid-template-columns:1fr 1fr!important; gap:22px!important; }
  .xldl-services .col-lg-4 { max-width:100%!important; flex:0 0 100%!important; padding-left:0!important; padding-right:0!important; }
  .xldl-services .col-lg-4:nth-child(3) { grid-column:1 / -1; }
  .xldl-service-card { padding:28px!important; border-radius:22px!important; }
  .xldl-service-top h3 { font-size:24px!important; }
  .xldl-service-top p { font-size:16px!important; line-height:1.65!important; }
  .xldl-service-card li { font-size:16px!important; margin:10px 0!important; }
  .xldl-service-card a { width:160px!important; height:46px!important; }
}
@media (max-width:768px) {
  .xldl-services { padding:46px 0!important; }
  .xldl-services .row { gap:18px!important; }
  .xldl-service-card { padding:24px!important; border-radius:20px!important; }
  .xldl-service-top h3 { font-size:24px!important; }
  .xldl-service-top p { font-size:15.5px!important; line-height:1.65!important; }
  .xldl-service-card ul { margin:18px 0!important; }
  .xldl-service-card li { font-size:15.5px!important; margin:9px 0!important; }
  .footer { text-align:center; padding:50px 0 35px; }
  .footer-logo img { max-width:220px; margin:0 auto 24px; }
  .footer h2::after { left:50%; transform:translateX(-50%); }
  .footer p { justify-content:center; font-size:16px; }
  .footer-social { justify-content:center; }
}
@media (max-width:991px) {
  .xldl-security-panel { padding:42px 32px; }
  .xldl-security-content h2 { font-size:32px; }
  .xldl-security-visual { width:100%; opacity:.08; }
  .xldl-security-list { grid-template-columns:1fr; }
  .xldl-final-cta .container { max-width:720px!important; }
  .xldl-final-cta-box { flex-direction:column; text-align:center; padding:30px 26px; gap:22px; }
  .xldl-final-cta-content h2 { font-size:28px; }
  .xldl-final-cta-buttons { width:100%; justify-content:center; }
  .xldl-process-line { grid-template-columns:repeat(2, 1fr); gap:34px 24px; }
  .xldl-process-line::before { display:none; }
  .xldl-blog-card { flex:0 0 calc(50% - 12px); }
  .xldl-slider-btn { opacity:1; visibility:visible; }
}
@media (max-width:575px) {
  .xldl-security { padding:52px 0!important; }
  .xldl-security-panel { padding:32px 22px; border-radius:24px; }
  .xldl-security-item { padding:16px; }
  .xldl-final-cta-buttons { flex-direction:column; }
  .xldl-btn-white,.xldl-btn-outline-white { width:100%; }
  .xldl-process { padding:56px 0; }
  .xldl-process-line { grid-template-columns:1fr; gap:28px; margin-top:36px; }
  .xldl-process-card { min-height:auto; }
  .xldl-blog-slider { padding:54px 0; }
  .xldl-blog-card { flex:0 0 86%; }
  .xldl-slider-btn { width:40px; height:40px; font-size:28px; }
  .xldl-slider-btn.prev { left:4px; }
  .xldl-slider-btn.next { right:4px; }
}
@media (max-width:1200px) {
  .menu .container { max-width:100%!important; padding-left:16px!important; padding-right:16px!important; }
  .menu .header-menu>li>a { font-size:13px!important; padding:0 9px!important; }
  .xldl-hero-copy h1 { font-size:42px; }
  .xldl-hero-panel { margin-top:36px; }
  .xldl-why-grid { grid-template-columns:repeat(2, 1fr); }
}
@media (max-width:991px) {
  .header,.menu { display:none!important; }
  .main_menu_mobile { background:#fff!important; border-bottom:1px solid #e8efec; box-shadow:0 8px 24px rgba(15, 23, 42, .08); }
  .mbnavbar,.mb-search,.header-social.mb li a { color:#17212b!important; }
  .logo-xldl img { max-width:180px!important; height:auto!important; }
  .xldl-home-hero,.xldl-problems,.xldl-services,.xldl-why,.xldl-security,.xldl-faq,.home-blog { padding:48px 0; }
  .xldl-hero-copy h1 { font-size:34px; letter-spacing:-.6px; }
  .xldl-hero-copy p,.xldl-section-head p { font-size:16px; }
  .xldl-hero-buttons a { width:100%; }
  .xldl-trust-row { grid-template-columns:1fr; }
  .xldl-hero-panel { display:none; }
  .xldl-section-head h2,.xldl-security-copy h2 { font-size:28px; }
  .xldl-service-card { margin-bottom:22px; }
  .xldl-why-grid { grid-template-columns:1fr; }
  .xldl-security-copy { padding-left:0; margin-top:28px; }
  .xldl-stats-bar-inner { grid-template-columns:1fr; padding:26px; gap:18px; transform:translateY(-24px); }
  .xldl-stat-item { border-right:0; border-bottom:1px solid rgba(255, 255, 255, .2); padding-bottom:18px; }
  .xldl-stat-item:last-child { border-bottom:0; padding-bottom:0; }
  .xldl-stat-item strong { font-size:34px; }
  .xldl-final-cta { padding:60px 0; }
  .xldl-final-cta h2 { font-size:32px; }
  .xldl-final-buttons a { width:100%; }
  .xldl-slider-btn { opacity:1; visibility:visible; width:44px; height:44px; }
  .xldl-slider-btn svg { width:16px; height:16px; }
  .xldl-slider-btn.prev { left:8px; }
  .xldl-slider-btn.next { right:8px; }
  .detail-title { font-size:30px; }
  .article-excerpt { font-size:16px; }
}
@media (max-width:1024px) {
  .footer { padding:60px 0 45px; }
  .footer .col-lg-4,.footer .col-md-4 { margin-bottom:40px; }
}
@media (max-width:991px) {
  .article-page { padding-top:32px; padding-bottom:50px; }
  .article-sidebar-col { margin-top:20px; }
}
@media (max-width:767px) {
  .breadcrumb-detail { padding:14px 0; }
  .article-page { padding-top:26px; }
  .section-title { font-size:24px; }
  .article-related { margin-top:50px; padding-top:36px; }
  .sidebar-group { padding:18px; border-radius:16px; }
}
@media (min-width:992px) {
  .article-sidebar-col { position:relative!important; }
  .sticky-sidebar.is-fixed { position:fixed!important; top:92px!important; z-index:20; max-height:calc(100vh - 110px); overflow-y:auto!important; padding-right:6px; }
  .sticky-sidebar.is-bottom { position:absolute!important; top:auto!important; bottom:0!important; max-height:none; overflow:visible!important; }
  .sticky-sidebar::-webkit-scrollbar { width:5px; }
  .sticky-sidebar::-webkit-scrollbar-thumb { background:#cbd5e1; border-radius:999px; }
}
@media (max-width:767px) {
  .xld-author-box { flex-direction:column; padding:22px; }
  .xld-post-cta { flex-direction:column; align-items:flex-start; padding:24px; }
  .xld-post-cta a { width:100%; }
  .content-new { font-size:16.5px; line-height:1.8; }
  .content-new h2 { font-size:26px; margin-top:42px; }
  .content-new h3 { font-size:22px; }
  .content-new h4 { font-size:19px; }
  .content-new table { display:block; overflow-x:auto; white-space:nowrap; }
}
@media (min-width:1200px) {
  .menu .container { width:1320px!important; max-width:1320px!important; }
  .menu .row { display:flex!important; align-items:center!important; width:100%!important; }
  .menu .col-md-11 { width:calc(100% - 70px)!important; max-width:calc(100% - 70px)!important; flex:0 0 calc(100% - 70px)!important; padding-left:0!important; padding-right:0!important; }
  .menu .col-md-1 { width:70px!important; max-width:70px!important; flex:0 0 70px!important; padding-left:0!important; padding-right:0!important; }
  .menu .header-menu { width:100%!important; justify-content:flex-start!important; }
  .menu .header-menu>li>a { padding-left:18px!important; padding-right:18px!important; }
}
.xld-topbar { background:linear-gradient(135deg, #108575, #086b60); color:#fff; font-size:14px; font-weight:700; }
.xld-topbar-inner { height:42px; display:flex; align-items:center; justify-content:space-between; }
.xld-topbar-left,.xld-topbar-right { display:flex; align-items:center; }
.xld-topbar-left { gap:40px; }
.xld-topbar-right { gap:50px; }
.xld-topbar span { color:rgba(255, 255, 255, .92); white-space:nowrap; }
.header { background:#fff!important; padding:32px 0!important; border-bottom:1px solid #edf2f7; }
.xld-header-inner { display:flex; align-items:center; justify-content:space-between; gap:32px; }
.header .logo img { width:220px!important; max-width:220px!important; height:auto!important; }
.xld-header-info { flex:1; display:flex; justify-content:center; gap:22px; }
.xld-info-card { display:flex; align-items:center; gap:14px; min-width:210px; padding:16px 20px; background:#fff; border:1px solid #e5eee9; border-radius:18px; box-shadow:0 10px 28px rgba(15, 23, 42, .04); }
.xld-info-card>span { width:42px; height:42px; border-radius:14px; display:flex; align-items:center; justify-content:center; background:#eefaf7; color:#108575; font-size:22px; }
.xld-info-card small { display:block; color:#667085; font-size:14px; line-height:1.35; margin-bottom:3px; }
.xld-info-card strong { display:block; color:#17212b; font-size:16px; font-weight:900; line-height:1.35; }
.header-cta { height:58px!important; padding:0 34px!important; border-radius:999px!important; background:linear-gradient(135deg, #f49935, #ff8a00)!important; box-shadow:0 14px 32px rgba(244, 153, 53, .28); font-size:17px!important; }
@media (max-width:1200px) {
  .xld-header-info { display:none; }
}
@media (max-width:991px) {
  .xld-topbar,.header { display:none!important; }
}
.menu { background:#262e2e!important; height:auto!important; position:sticky!important; top:32px!important; z-index:9999!important; overflow:visible!important; padding:5px 0!important; }
.menu .container { width:1320px!important; max-width:1320px!important; }
.menu .container,.menu .row,.menu .col-md-11,.menu .header-menu { overflow:visible!important; }
.menu .row { display:flex!important; align-items:center!important; }
.menu .header-menu { display:flex!important; align-items:center!important; justify-content:flex-start!important; gap:2px!important; margin:0!important; padding:0!important; white-space:nowrap!important; }
.menu .header-menu li { position:relative!important; list-style:none!important; padding:0!important; }
.menu .header-menu>li>a { min-height:56px!important; display:flex!important; align-items:center!important; padding:0 18px!important; color:#fff!important; font-size:16px!important; font-weight:800!important; text-transform:uppercase!important; line-height:1.2!important; white-space:nowrap!important; background:transparent!important; }
.menu .header-menu>li>a:hover { color:#f49935!important; background:transparent!important; }
.menu .header-menu>li.menu-item-has-children>a { padding-right:32px!important; }
.menu .header-menu>li.menu-item-has-children>a::after { content:""!important; position:absolute!important; right:14px!important; top:50%!important; transform:translateY(-50%)!important; width:0!important; height:0!important; border-left:5px solid transparent!important; border-right:5px solid transparent!important; border-top:6px solid currentColor!important; }
.menu .header-menu>li>ul { position:absolute!important; left:0!important; top:100%!important; width:290px!important; padding:0!important; margin:0!important; background:#fff!important; border-top:4px solid #108575!important; border-radius:0!important; box-shadow:0 20px 45px rgba(15, 23, 42, .14)!important; visibility:hidden!important; opacity:0!important; transform:translateY(8px)!important; transition:.18s ease!important; z-index:99999!important; }
.menu .header-menu>li:hover>ul { visibility:visible!important; opacity:1!important; transform:translateY(0)!important; }
.menu .header-menu li ul li { position:relative!important; display:block!important; width:100%!important; border-bottom:1px solid #eef2f1!important; }
.menu .header-menu li ul li:last-child { border-bottom:0!important; }
.menu .header-menu li ul li a { position:relative!important; display:flex!important; align-items:center!important; justify-content:space-between!important; width:100%!important; min-height:54px!important; padding:0 38px 0 28px!important; color:#263248!important; background:#fff!important; font-size:16px!important; font-weight:800!important; line-height:1.35!important; text-transform:none!important; white-space:normal!important; }
.menu .header-menu li ul li a:hover { background:#f3faf8!important; color:#108575!important; }
.menu .header-menu li ul li.menu-item-has-children>a::after { content:""!important; position:absolute!important; right:18px!important; top:50%!important; transform:translateY(-50%)!important; width:0!important; height:0!important; border-top:5px solid transparent!important; border-bottom:5px solid transparent!important; border-left:6px solid currentColor!important; }
.menu .header-menu li ul li>ul { position:absolute!important; left:100%!important; top:-4px!important; width:320px!important; padding:0!important; margin:0 0 0 0!important; background:#fff!important; border-top:4px solid #108575!important; border-radius:0!important; box-shadow:0 20px 45px rgba(15, 23, 42, .14)!important; visibility:hidden!important; opacity:0!important; transform:translateX(8px)!important; transition:.18s ease!important; z-index:100000!important; }
.menu .header-menu li ul li:hover>ul { visibility:visible!important; opacity:1!important; transform:translateX(0)!important; }
.main-search { height:56px!important; line-height:56px!important; color:#fff!important; font-size:21px!important; }
.main-search .form-search { top:56px!important; border-top:3px solid #108575!important; border-radius:0 0 14px 14px!important; }
@media (max-width:1199px) {
  .menu .container { width:100%!important; max-width:100%!important; padding-left:16px!important; padding-right:16px!important; }
  .menu .header-menu>li>a { padding-left:12px!important; padding-right:26px!important; font-size:14px!important; }
}
.xld-archive-hero { background:radial-gradient(circle at 10% 10%, rgba(16, 133, 117, .12), transparent 30%), radial-gradient(circle at 90% 20%, rgba(244, 153, 53, .12), transparent 30%), linear-gradient(180deg, #ffffff 0%, #f6fbfa 100%); padding:58px 0 62px; border-bottom:1px solid #e2e8f0; }
.xld-archive-label { display:inline-flex; align-items:center; padding:8px 14px; border-radius:999px; background:rgba(16, 133, 117, .1); border:1px solid rgba(16, 133, 117, .18); color:#108575; font-size:14px; font-weight:900; text-transform:uppercase; letter-spacing:.5px; margin-bottom:18px; }
.xld-archive-hero h1 { font-size:48px; line-height:1.18; font-weight:900; color:#0f172a; margin:0 0 18px; letter-spacing:-.8px; }
.xld-archive-desc { max-width:820px; color:#475569; font-size:18px; line-height:1.8; }
.xld-archive-desc p { margin:0;line-height:1.7 }
.xld-archive-stats { display:flex; gap:12px; flex-wrap:wrap; margin-top:26px; }
.xld-archive-stats span { display:inline-flex; align-items:center; height:38px; padding:0 16px; border-radius:999px; background:#fff; border:1px solid #dbe7e3; color:#108575; font-size:14px; font-weight:850; }
.xld-archive-page { padding-top:54px; padding-bottom:76px; }
.xld-archive-layout { display:grid!important; grid-template-columns:minmax(0, 2fr) minmax(320px, 1fr); gap:20px; align-items:start; }
.xld-archive-main,.xld-archive-sidebar { float:none!important; width:auto!important; max-width:none!important; padding-left:15px; padding-right:15px; }
.xld-archive-sidebar-inner { position:sticky; top:100px; }
.xld-archive-main ul.row { list-style:none; padding:0; margin:0; }
.xld-archive-item { list-style:none; margin-bottom:26px; width:100%; }
.xld-archive-card { display:grid; grid-template-columns:380px minmax(0, 1fr); gap:30px; align-items:center; background:#fff; border:1px solid #e2e8f0; border-radius:20px; padding:18px; box-shadow:0 8px 24px rgba(15, 23, 42, .045); transition:.25s ease; }
.xld-archive-card:hover { transform:translateY(-4px); box-shadow:0 16px 38px rgba(15, 23, 42, .09); }
.xld-archive-thumb { display:flex; align-items:center; overflow:hidden; border-radius:16px; background:#f8fafc; }
.xld-archive-thumb img { width:100%; height:auto; display:block; transition:.25s ease; }
.xld-archive-card:hover .xld-archive-thumb img { transform:scale(1.04); }
.xld-archive-content { padding:6px 4px; }
.xld-archive-meta { display:flex; align-items:center; flex-wrap:wrap; gap:8px; margin-bottom:12px; font-size:14px; color:#94a3b8; }
.xld-archive-meta a { color:#108575; font-weight:800; text-decoration:none; }
.xld-archive-meta a:hover { color:#f49935; }
.xld-archive-content h2 { margin:0 0 12px; font-size:26px; line-height:1.35; font-weight:900; }
.xld-archive-content h2 a { color:#0f172a; text-decoration:none; }
.xld-archive-content h2 a:hover { color:#108575; }
.xld-archive-excerpt { margin:0 0 18px; color:#475569; font-size:16px; line-height:1.7; }
.xld-archive-readmore { display:inline-flex; align-items:center; color:#108575; font-size:15px; font-weight:900; text-decoration:none; }
.xld-archive-readmore:hover { color:#f49935; }
.xld-archive-cta { margin-top:24px; padding:26px; border-radius:22px; background:linear-gradient(135deg, #108575, #086b60); box-shadow:0 16px 36px rgba(16, 133, 117, .18); }
.xld-archive-cta h2 { margin:0 0 10px; color:#fff; font-size:23px; line-height:1.3; font-weight:900; }
.xld-archive-cta p { margin:0 0 18px; color:rgba(255, 255, 255, .88); font-size:15.5px; line-height:1.65; }
.xld-archive-cta a { display:inline-flex; align-items:center; justify-content:center; height:44px; padding:0 20px; border-radius:999px; background:#f49935; color:#fff; font-size:15px; font-weight:900; text-decoration:none; }
.xld-archive-cta a:hover { background:#fff; color:#108575; }
.xld-archive-page .pagination,.xld-archive-page .paging-navigation,.xld-archive-page .nav-links { margin-top:38px; display:flex; gap:8px; flex-wrap:wrap; }
.xld-archive-page .page-numbers { display:inline-flex; align-items:center; justify-content:center; min-width:42px; height:42px; padding:0 14px; border-radius:999px; background:#fff; border:1px solid #e2e8f0; color:#334155; font-weight:800; text-decoration:none; }
.xld-archive-page .page-numbers.current,.xld-archive-page .page-numbers:hover { background:#108575; color:#fff; border-color:#108575; }
@media (max-width:991px) {
  .xld-archive-layout { display:block!important; }
  .xld-archive-sidebar { margin-top:36px; }
  .xld-archive-sidebar-inner { position:static; top:auto; }
  .xld-archive-card { grid-template-columns:260px minmax(0, 1fr); }
}
@media (max-width:767px) {
  .xld-archive-hero { padding:42px 0 46px; }
  .xld-archive-hero h1 { font-size:34px; }
  .xld-archive-desc { font-size:16px; }
  .xld-archive-page { padding-top:36px; padding-bottom:54px; }
  .xld-archive-card { display:block; padding:16px; }
  .xld-archive-thumb { margin-bottom:18px; min-height:auto; }
  .xld-archive-thumb img { min-height:auto; }
  .xld-archive-content h2 { font-size:22px; }
  .xld-archive-excerpt { font-size:15.5px; }
}
.xld-no-result { padding:38px; background:#fff; border:1px solid #e2e8f0; border-radius:22px; box-shadow:0 8px 24px rgba(15, 23, 42, .045); }
.xld-no-result h2 { margin:0 0 12px; font-size:28px; line-height:1.35; font-weight:900; color:#0f172a; }
.xld-no-result p { margin:0 0 24px; color:#475569; font-size:16px; line-height:1.7; }
.xld-service-hero { padding:90px 0; background:radial-gradient(circle at 10% 10%, rgba(16, 133, 117, .12), transparent 32%), radial-gradient(circle at 90% 20%, rgba(244, 153, 53, .14), transparent 32%), linear-gradient(180deg, #ffffff 0%, #f6fbfa 100%); }
.xld-service-hero-grid { display:grid; grid-template-columns:minmax(0, 1.05fr) minmax(420px, .95fr); gap:54px; align-items:center; }
.xld-service-label { display:inline-flex; padding:9px 16px; border-radius:999px; background:rgba(16, 133, 117, .1); border:1px solid rgba(16, 133, 117, .18); color:#108575; font-size:14px; font-weight:900; letter-spacing:.6px; margin-bottom:18px; }
.xld-service-hero h1 { margin:0 0 22px; color:#0f172a; font-size:56px; line-height:1.12; font-weight:950; letter-spacing:-1.3px; }
.xld-service-hero p { max-width:680px; margin:0; color:#475569; font-size:18px; line-height:1.8; }
.xld-service-actions { display:flex; gap:14px; flex-wrap:wrap; margin-top:32px; }
.xld-btn-primary,.xld-btn-secondary { height:52px; display:inline-flex; align-items:center; justify-content:center; padding:0 28px; border-radius:999px; font-size:16px; font-weight:900; text-decoration:none; }
.xld-btn-primary { background:#f49935; color:#fff; box-shadow:0 14px 30px rgba(244, 153, 53, .28); }
.xld-btn-primary:hover { background:#108575; color:#fff; }
.xld-btn-secondary { background:#fff; color:#108575; border:1px solid #dbe7e3; }
.xld-btn-secondary:hover { background:#108575; color:#fff; }
.xld-service-tags { display:flex; gap:10px; flex-wrap:wrap; margin-top:24px; }
.xld-service-tags span { padding:8px 13px; border-radius:999px; background:#fff; border:1px solid #e2e8f0; color:#334155; font-size:14px; font-weight:800; }
.xld-service-hero-image { padding:18px; border-radius:34px; background:#fff; border:1px solid #e2e8f0; box-shadow:0 24px 70px rgba(16, 133, 117, .13); }
.xld-service-hero-image img { width:100%; display:block; border-radius:24px; }
.xld-service-problems { padding:84px 0; background:#fff; }
.xld-section-head { max-width:820px; margin:0 auto 44px; text-align:center; }
.xld-section-head span { color:var(--xldl-primary); font-size:14px; font-weight:900; letter-spacing:.7px; background:rgba(16, 133, 117, .1); border:1px solid rgba(16, 133, 117, .18); border-radius:999px; padding:8px 14px; }
.xld-section-head h2 { margin:10px 0 14px; color:#0f172a; font-size:40px; line-height:1.25; font-weight:950; }
.xld-section-head p { margin:0; color:#64748b; font-size:17px; line-height:1.75; }
.xld-problem-grid { display:grid; grid-template-columns:repeat(4, 1fr); gap:22px; }
.xld-problem-card { background:#fff; border:1px solid #e2e8f0; border-radius:24px; padding:28px; box-shadow:0 10px 28px rgba(15, 23, 42, .045); transition:.25s; }
.xld-problem-card:hover { transform:translateY(-5px); box-shadow:0 18px 42px rgba(16, 133, 117, .12); }
.xld-icon { width:54px; height:54px; display:flex; align-items:center; justify-content:center; border-radius:10px; background:#ecfdf5; color:#108575; font-size:18px; font-weight:950; margin-bottom:18px; }
.xld-problem-card h3 { margin:0 0 12px; color:#0f172a; font-size:20px; line-height:1.35; font-weight:900; }
.xld-problem-card p { margin:0; color:#64748b; font-size:15.8px; line-height:1.7; }
.xld-service-stats { background:#108575; }
.xld-service-stats-box { display:grid; grid-template-columns:repeat(4, 1fr); gap:0; }
.xld-service-stats-box div { padding:30px 22px; text-align:center; color:#fff; border-right:1px solid rgba(255, 255, 255, .18); }
.xld-service-stats-box div:last-child { border-right:0; }
.xld-service-stats-box strong { display:block; font-size:38px; line-height:1; font-weight:950; margin-bottom:8px; }
.xld-service-stats-box span { color:rgba(255, 255, 255, .88); font-size:15px; }
.xld-service-pricing { padding:90px 0; background:#F5FAF8; }
.xld-price-note-grid { display:grid; grid-template-columns:repeat(4, 1fr); gap:16px; margin:0 auto 36px; }
.xld-price-note-item { min-height:86px; padding:18px 20px; background:#e9f7f4; border:1px solid #c8e6df; border-radius:18px; color:#086b60; font-size:15px; line-height:1.55; font-weight:850; }
.xld-price-note-item a { color:#d37437; font-weight:950; text-decoration:underline; text-underline-offset:3px; }
.xld-price-note-item a:hover { color:#f49935; }
.xld-price-grid { display:grid; grid-template-columns:repeat(3, 1fr); gap:24px; }
.xld-price-card { display:flex; flex-direction:column; background:#fff; border:1px solid #c1dccf; border-radius:24px; padding:28px; box-shadow:0 10px 28px rgba(15, 23, 42, .05); transition:.25s; }
.xld-price-card:hover { transform:translateY(-6px); box-shadow:0 18px 42px rgba(16, 133, 117, .12); border-color:rgba(16, 133, 117, .35); }
.xld-price-head { display:flex; align-items:flex-start; justify-content:space-between; gap:18px; margin-bottom:22px; padding-bottom:18px; border-bottom:1px solid #e2e8f0; }
.xld-price-head span { width:58px; height:58px; display:flex; align-items:center; justify-content:center; border-radius:14px; background:#ecfdf5; color:#108575; font-size:22px; font-weight:950; }
.xld-price-head h3 { margin:0; color:#0f172a; font-size:30px; line-height:1.2; font-weight:950; text-align:right; }
.xld-price-card ul { list-style:none; padding:0; margin:0 0 22px; }
.xld-price-card li { position:relative; margin-bottom:12px; padding-left:28px; color:#334155; font-size:16px; line-height:1.55; font-weight:700; }
.xld-price-card li::before { content:"✓"; position:absolute; left:0; top:0; color:#108575; font-weight:950; }
.xld-price-info { margin-top:auto; padding:16px 18px; background:#f8fafc; border-radius:16px; border:1px solid #e2e8f0; }
.xld-price-info p { margin:0 0 7px; color:#475569; font-size:15px; font-weight:800; }
.xld-price-info p:last-child { margin-bottom:0; }
.xld-price-card a { height:46px; margin-top:20px; display:flex; align-items:center; justify-content:center; border-radius:999px; background:#108575; color:#fff; font-size:15px; font-weight:900; text-decoration:none; }
.xld-price-card a:hover { background:#f49935; color:#fff; }
.xld-price-note-link:hover { background:#dcf4ee; }
@media (max-width:991px) {
  .xld-price-intro { grid-template-columns:1fr; }
  .xld-price-grid { grid-template-columns:repeat(2, 1fr); }
}
@media (max-width:767px) {
  .xld-service-pricing { padding:56px 0; }
  .xld-price-grid { grid-template-columns:1fr; }
  .xld-price-head h3 { font-size:26px; }
  .xld-price-intro-card,.xld-price-card { border-radius:20px; }
}
@media (max-width:991px) {
  .xld-price-note-grid { grid-template-columns:repeat(2, 1fr); }
}
@media (max-width:767px) {
  .xld-price-note-grid { grid-template-columns:1fr; }
  .xld-price-note-item { min-height:auto; }
}
.xld-service-why { padding:90px 0; background:#fff; }
.xld-why-v2-grid { display:grid; grid-template-columns:repeat(4, 1fr); gap:24px; margin-top:42px; }
.xld-why-v2-card { position:relative; background:#fff; border:1px solid #e2e8f0; border-radius:20px; padding:30px; box-shadow:0 10px 28px rgba(15, 23, 42, .05); transition:.25s; overflow:hidden; }
.xld-why-v2-card::before { content:""; position:absolute; left:0; top:0; width:100%; height:5px; background:linear-gradient(90deg, #108575, #f49935); }
.xld-why-v2-card:hover { transform:translateY(-6px); box-shadow:0 18px 42px rgba(16, 133, 117, .12); }
.xld-why-v2-card span { width:58px; height:58px; display:flex; align-items:center; justify-content:center; border-radius:10px; background:#ecfdf5; color:#108575; font-size:21px; font-weight:950; margin-bottom:22px; }
.xld-why-v2-card h3 { margin:0 0 14px; color:#0f172a; font-size:21px; line-height:1.35; font-weight:950; }
.xld-why-v2-card p { margin:0; color:#64748b; font-size:16px; line-height:1.75; }
@media (max-width:991px) {
  .xld-why-v2-grid { grid-template-columns:repeat(2, 1fr); }
}
@media (max-width:767px) {
  .xld-why-v2-grid { grid-template-columns:1fr; }
  .xld-service-why { padding:60px 0; }
}
.xld-service-delivery { padding:90px 0; background:#fff; }
.xld-delivery-panel { display:grid; grid-template-columns:minmax(0, .9fr) minmax(0, 1.1fr); gap:42px; align-items:center; background:linear-gradient(135deg, #108575, #075f56); border-radius:34px; padding:54px; box-shadow:0 24px 70px rgba(16, 133, 117, .22); overflow:hidden; position:relative; }
.xld-delivery-panel::before { content:""; position:absolute; right:-120px; top:-120px; width:320px; height:320px; border-radius:50%; background:rgba(255, 255, 255, .08); }
.xld-delivery-left { position:relative; z-index:2; }
.xld-delivery-left span { display:inline-flex; padding:8px 14px; border-radius:999px; background:rgba(255, 255, 255, .14); color:#fff; font-size:13px; font-weight:900; letter-spacing:.7px; margin-bottom:18px; }
.xld-delivery-left h2 { margin:0 0 18px; color:#fff; font-size:40px; line-height:1.22; font-weight:950; letter-spacing:-.5px; }
.xld-delivery-left p { margin:0 0 28px; color:rgba(255, 255, 255, .86); font-size:17px; line-height:1.8; }
.xld-delivery-left a { height:50px; display:inline-flex; align-items:center; justify-content:center; padding:0 26px; border-radius:999px; background:#f49935; color:#fff; font-size:15px; font-weight:900; text-decoration:none; }
.xld-delivery-left a:hover { background:#fff; color:#108575; }
.xld-delivery-checklist { position:relative; z-index:2; display:grid; grid-template-columns:repeat(2, 1fr); gap:16px; }
.xld-delivery-row { display:flex; gap:14px; align-items:flex-start; background:rgba(255, 255, 255, .96); border:1px solid rgba(255, 255, 255, .35); border-radius:18px; padding:18px; box-shadow:0 10px 24px rgba(0, 0, 0, .08); }
.xld-solid-icon { flex:0 0 44px; width:44px; height:44px; border-radius:10px; background:#108575; color:#fff; display:flex; align-items:center; justify-content:center; }
.xld-solid-icon svg { width:23px; height:23px; fill:none; stroke:currentColor; stroke-width:1.9; stroke-linecap:round; stroke-linejoin:round; }
.xld-delivery-row h3 { margin:0 0 6px; color:#0f172a; font-size:16.5px; line-height:1.35; font-weight:950; }
.xld-delivery-row p { margin:0; color:#64748b; font-size:14.5px; line-height:1.6; }
@media (max-width:991px) {
  .xld-delivery-panel { grid-template-columns:1fr; padding:38px; }
  .xld-delivery-left h2 { font-size:34px; }
}
@media (max-width:767px) {
  .xld-service-delivery { padding:60px 0; }
  .xld-delivery-panel { padding:28px; border-radius:26px; }
  .xld-delivery-checklist { grid-template-columns:1fr; }
  .xld-delivery-left h2 { font-size:30px; }
}
.xld-service-target { padding:90px 0; background:#f8fafc; }
.xld-target-list { display:grid; grid-template-columns:repeat(2, 1fr); gap:22px; margin-top:42px; }
.xld-target-item { display:flex; gap:18px; align-items:flex-start; background:#fff; border:1px solid #e2e8f0; border-radius:22px; padding:24px; box-shadow:0 10px 28px rgba(15, 23, 42, .045); transition:.25s; }
.xld-target-item:hover { transform:translateY(-5px); box-shadow:0 18px 42px rgba(16, 133, 117, .12); border-color:rgba(16, 133, 117, .35); }
.xld-target-icon { flex:0 0 58px; width:58px; height:58px; border-radius:15px; background:#ecfdf5; color:#108575; display:flex; align-items:center; justify-content:center; }
.xld-target-icon svg { width:35px; height:35px; fill:none!important; stroke:currentColor!important; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; }
.xld-target-item .xld-target-icon { margin:0; }
.xld-target-item h3 { margin:0 0 8px; color:#0f172a; font-size:20px; line-height:1.35; font-weight:950; }
.xld-target-item p { margin:0; color:#64748b; font-size:15.8px; line-height:1.7; }
@media (max-width:767px) {
  .xld-service-target { padding:60px 0; }
  .xld-target-list { grid-template-columns:1fr; }
  .xld-target-item { padding:22px; }
}
.xld-service-faq { padding:90px 0; background:#fff; }
.xld-faq { max-width:980px; margin:42px auto 0; }
.xld-faq-item { background:#fff; border:1px solid #e5edf3; border-radius:18px; margin-bottom:16px; overflow:hidden; transition:.25s; box-shadow:0 8px 22px rgba(15, 23, 42, .035); }
.xld-faq-item:hover { border-color:#108575; box-shadow:0 12px 28px rgba(16, 133, 117, .08); }
.xld-faq-question { width:100%; padding:24px 28px; background:none; border:0; display:flex; align-items:center; justify-content:space-between; text-align:left; font-size:20px; font-weight:900; color:#0f172a; cursor:pointer; gap:20px; }
.xld-faq-question span { display:block; }
.xld-faq-question i { width:32px; height:32px; flex:0 0 32px; border-radius:50%; background:#ecfdf5; color:#108575; display:flex; align-items:center; justify-content:center; font-style:normal; font-size:0; transition:.25s; }
.xld-faq-question i::before { content:"+"; font-size:24px; font-weight:800; line-height:1; }
.xld-faq-answer { display:none; padding:0 28px 24px; color:#64748b; font-size:16px; line-height:1.8; }
.xld-faq-answer p { margin:0; }
.xld-faq-item.active .xld-faq-answer { display:block; }
.xld-faq-item.active .xld-faq-question i { background:#108575; color:#fff; transform:rotate(45deg); }
@media (max-width:767px) {
  .xld-service-faq { padding:60px 0; }
  .xld-faq-question { padding:18px 20px; font-size:17px; }
  .xld-faq-answer { padding:0 20px 20px; font-size:15px; }
}
.xld-service-cta { padding:90px 0; background:#fff; }
.xld-service-cta-box { display:grid; grid-template-columns:1.6fr .9fr; gap:40px; align-items:center; padding:55px; border-radius:26px; background:linear-gradient(135deg, #108575, #0d6e63); box-shadow:0 18px 45px rgba(16, 133, 117, .18); }
.xld-service-cta-left span { display:inline-block; padding:8px 16px; border-radius:999px; background:rgba(255, 255, 255, .15); color:#fff; font-size:13px; font-weight:800; letter-spacing:1px; }
.xld-service-cta-left h2 { margin:18px 0; color:#fff; font-size:42px; line-height:1.2; font-weight:900; }
.xld-service-cta-left p { margin-bottom:24px; color:rgba(255, 255, 255, .9); font-size:17px; line-height:1.8; }
.xld-service-cta-left ul { margin:0; padding:0; list-style:none; }
.xld-service-cta-left li { display:flex; align-items:flex-start; margin-bottom:14px; color:#fff; font-size:16px; font-weight:700; line-height:1.6; }
.xld-cta-check { width:24px; height:24px; flex:0 0 24px; margin-right:12px; margin-top:2px; fill:none!important; stroke:#fff!important; stroke-linecap:round; stroke-linejoin:round; stroke-width:2.2; }
.cta-card { padding:34px; background:#fff; border-radius:22px; box-shadow:0 12px 30px rgba(15, 23, 42, .12); text-align:center; }
.cta-card h3 { margin:0 0 10px; font-size:28px; font-weight:900; color:#0f172a; }
.cta-card p { margin:0; color:#64748b; }
.cta-card strong { display:block; margin:18px 0 28px; font-size:24px; line-height:1.6; color:#108575; }
.btn-zalo,.btn-phone { display:flex; align-items:center; justify-content:center; height:54px; border-radius:999px; font-weight:800; text-decoration:none; transition:.25s; }
.btn-zalo { margin-bottom:14px; background:#f49935; color:#fff; }
.btn-zalo:hover { background:#ffab4d; color:#fff; }
.btn-phone { border:2px solid #108575; color:#108575; background:#fff; }
.btn-phone:hover { background:#108575; color:#fff; }
@media (max-width:991px) {
  .xld-service-cta-box { grid-template-columns:1fr; padding:40px; }
  .xld-service-cta-left h2 { font-size:34px; }
}
@media (max-width:767px) {
  .xld-service-cta { padding:60px 0; }
  .xld-service-cta-box { padding:28px; }
  .xld-service-cta-left h2 { font-size:28px; }
  .xld-service-cta-left p,.xld-service-cta-left li { font-size:15px; }
  .cta-card strong { font-size:20px; }
}
@media (max-width:1199px) {
  .container { width:100%!important; max-width:100%!important; padding-left:24px!important; padding-right:24px!important; }
  .xld-service-hero-grid { grid-template-columns:1fr!important; gap:40px!important; }
  .xld-service-hero-content { text-align:center!important; margin:0 auto!important; }
  .xld-service-hero-content p { margin-left:auto!important; margin-right:auto!important; }
  .xld-service-actions,.xld-service-tags { justify-content:center!important; }
  .xld-service-hero-image { max-width:620px!important; margin:0 auto!important; }
  .xld-price-grid { grid-template-columns:repeat(2, 1fr)!important; }
  .xld-why-v2-grid { grid-template-columns:repeat(2, 1fr)!important; }
  .xld-delivery-panel { grid-template-columns:1fr!important; padding:42px!important; }
  .xld-delivery-left { text-align:center!important; }
  .xld-delivery-checklist { grid-template-columns:repeat(2, 1fr)!important; }
  .xld-target-list { grid-template-columns:1fr!important; }
  .xld-service-cta-box { grid-template-columns:1fr!important; padding:42px!important; }
  .xld-service-cta-left { text-align:center!important; }
  .xld-service-cta-left li { justify-content:center!important; text-align:left!important; }
}
@media (max-width:991px) {
  .xld-section-head h2,.xldl-section-head h2 { font-size:32px!important; }
  .xld-service-hero { padding:64px 0!important; }
  .xld-service-hero-content h1 { font-size:42px!important; line-height:1.18!important; }
  .xld-problem-grid { grid-template-columns:repeat(2, 1fr)!important; }
  .xld-service-stats-box { grid-template-columns:repeat(2, 1fr)!important; }
  .xldl-process-line { grid-template-columns:repeat(2, 1fr)!important; }
  .xldl-process-line::before { display:none!important; }
  .xld-price-note-grid { grid-template-columns:1fr!important; }
  .xld-service-pricing,.xld-service-why,.xld-service-delivery,.xld-service-target,.xldl-faq,.xld-service-cta { padding:64px 0!important; }
}
@media (max-width:767px) {
  .container { padding-left:14px!important; padding-right:14px!important; }
  .xld-section-head,.xldl-section-head { margin-bottom:30px!important; }
  .xld-section-head span,.xldl-section-head span { font-size:12px!important; padding:7px 12px!important; }
  .xld-section-head h2,.xldl-section-head h2 { font-size:28px!important; line-height:1.25!important; }
  .xld-section-head p,.xldl-section-head p { font-size:15.5px!important; line-height:1.7!important; }
  .xld-service-hero { padding:48px 0!important; }
  .xld-service-hero-content h1 { font-size:32px!important; letter-spacing:-.4px!important; }
  .xld-service-hero-content p { font-size:16px!important; line-height:1.75!important; }
  .xld-service-actions { flex-direction:column!important; gap:12px!important; }
  .xld-service-actions a { width:100%!important; }
  .xld-service-tags { gap:8px!important; }
  .xld-service-tags span { font-size:13px!important; padding:7px 11px!important; }
  .xld-service-hero-image { display:none!important; }
  .xld-problem-grid,.xld-price-grid,.xld-why-v2-grid,.xld-delivery-checklist,.xldl-process-line { grid-template-columns:1fr!important; }
  .xld-problem-card,.xld-price-card,.xld-why-v2-card,.xld-target-item { padding:22px!important; border-radius:20px!important; }
  .xld-service-stats-box { grid-template-columns:1fr!important; border-radius:22px!important; }
  .xld-service-stats-box div { border-right:0!important; border-bottom:1px solid rgba(255, 255, 255, .18)!important; padding:18px 0!important; }
  .xld-service-stats-box div:last-child { border-bottom:0!important; }
  .xld-price-head h3 { font-size:25px!important; }
  .xld-price-head span { width:50px!important; height:50px!important; font-size:19px!important; }
  .xldl-process-card { min-height:auto!important; padding:22px!important; }
  .xldl-process-icon { width:64px!important; height:64px!important; }
  .xldl-process-step h3 { font-size:22px!important; }
  .xld-delivery-panel { padding:28px!important; border-radius:24px!important; }
  .xld-delivery-left h2 { font-size:28px!important; }
  .xld-delivery-left p { font-size:15.5px!important; }
  .xld-delivery-row { padding:16px!important; }
  .xld-target-item { gap:14px!important; }
  .xld-target-icon { width:50px!important; height:50px!important; flex:0 0 50px!important; }
  .xldl-faq .accordion h2 a { padding:18px 20px!important; font-size:15.5px!important; }
  .xldl-faq .card-body { padding:18px 20px 22px!important; }
  .xld-service-cta-box { padding:28px!important; border-radius:24px!important; }
  .xld-service-cta-left h2 { font-size:28px!important; line-height:1.25!important; }
  .xld-service-cta-left p { font-size:15.5px!important; }
  .xld-service-cta-left li { justify-content:flex-start!important; font-size:15px!important; }
  .cta-card { padding:26px 20px!important; }
  .cta-card h3 { font-size:24px!important; }
  .cta-card strong { font-size:20px!important; }
  .btn-zalo,.btn-phone { height:50px!important; width:100%!important; }
}
@media (max-width:480px) {
  .xld-service-hero-content h1 { font-size:29px!important; }
  .xld-section-head h2,.xldl-section-head h2 { font-size:25px!important; }
  .xld-problem-card h3,.xld-why-v2-card h3,.xld-target-item h3 { font-size:18px!important; }
  .xld-problem-card p,.xld-why-v2-card p,.xld-target-item p { font-size:14.8px!important; }
  .xld-price-card li { font-size:15px!important; }
  .xld-delivery-row { display:block!important; }
  .xld-solid-icon { margin-bottom:12px!important; }
}
@media (max-width:767px) {
  .breadcrumb-detail { padding:14px 0!important; background:#f8fafc!important; border-bottom:1px solid #e2e8f0!important; }
  .xld-breadcrumb { display:block!important; font-size:15px!important; line-height:1.7!important; word-break:break-word!important; }
  .xld-breadcrumb a,.xld-breadcrumb span,.xld-breadcrumb .current { margin: 0 3px;display:inline!important; font-size:15px!important; line-height:1.7!important; }
  .article-page { padding-top:28px!important; padding-bottom:50px!important; overflow:hidden!important; }
  .article-layout { display:block!important; }
  .article-main-col,.article-sidebar-col { width:100%!important; max-width:100%!important; padding-left:10px!important; padding-right:10px!important; margin:0!important; float:none!important; }
  .sidebar-widget {padding-left: 0;}
	.xld-archive-main, .xld-archive-sidebar {padding-left: 10px; padding-right: 10px;}
  .article-sidebar-col { margin-top:28px!important; }
  .sticky-sidebar { position:static!important; top:auto!important; max-height:none!important; overflow:visible!important; padding-right:0!important; }
  .article-header { margin-bottom:28px!important; }
  .article-thumbnail { border-radius:14px!important; margin-bottom:18px!important; }
  .article-meta-top { flex-wrap:wrap!important; gap:8px!important; font-size:14px!important; line-height:1.5!important; margin-bottom:14px!important; }
  .detail-title { font-size:30px!important; line-height:1.25!important; letter-spacing:-.4px!important; margin-bottom:16px!important; word-break:break-word!important; }
  .article-excerpt { font-size:16px!important; line-height:1.75!important; margin-bottom:18px!important; }
  .auth-info { display:block!important; padding:8px 16px!important; border-radius:12px!important; }
  .author-item { display:block!important; margin-bottom:8px!important; font-size:13.5px!important; }
  .sidebar-group { padding:18px!important; border-radius:16px!important; margin-bottom:20px!important; }
  .sidebar-group h2 { font-size:20px!important; padding:15px 16px!important; margin:-18px -18px 16px!important; border-radius:14px 14px 0 0!important; background:#108575!important; color:#fff!important; border-bottom:0!important; }
  .xld-toc a { font-size:15px!important; line-height:1.55!important; padding:10px 12px!important; }
  .xld-toc li.toc-h3 { padding-left:10px!important; }
  .postview li { display:flex!important; gap:12px!important; padding:14px 0!important; }
  .postview-img { width:92px!important; min-width:92px!important; height:62px!important; }
  .postview-info .title { font-size:15px!important; line-height:1.4!important; }
  .content-new { font-size:16.5px!important; line-height:1.8!important; overflow:hidden!important; }
  .content-new h2 { font-size:26px!important; line-height:1.35!important; margin:20px 0 10px!important }
  .content-new h2::before{top: 3px; width: 6px;height: 30px;}
  .content-new h3 { font-size:22px!important; line-height:1.4!important;margin: 25px 0 0px; }
  .content-new h4 { font-size:19px!important; }
  .content-new img { max-width:100%!important; height:auto!important; }
  .content-new table { display:block!important; width:100%!important; overflow-x:auto!important; white-space:nowrap!important; }
  .xld-author-box { display:block!important; padding:22px!important; margin:40px 0 28px!important; text-align:center!important; }
  .xld-author-avatar { margin:0 auto 16px!important; }
  .xld-author-links { justify-content:center!important; }
  .xld-post-cta { display:block!important; padding:24px!important; margin:30px 0 42px!important; text-align:left!important; }
  .xld-post-cta h2 { font-size:23px!important; }
  .xld-post-cta a { width:100%!important; margin-top:18px!important; }
  .article-related { margin-top:42px!important; padding-top:34px!important; }
  .related-grid { margin:0!important; }
  .related-grid li { padding-left:0!important; padding-right:0!important; }
}
.xld-404-page { padding:110px 0; background:radial-gradient(circle at 15% 15%, rgba(16, 133, 117, .12), transparent 32%), radial-gradient(circle at 85% 20%, rgba(244, 153, 53, .14), transparent 30%), linear-gradient(180deg, #fff 0%, #f6fbfa 100%); }
.xld-404-box { max-width:820px; margin:0 auto; text-align:center; background:#fff; border:1px solid #e2e8f0; border-radius:32px; padding:60px 42px; box-shadow:0 22px 60px rgba(15, 23, 42, .08); }
.xld-404-code { font-size:110px; line-height:.9; font-weight:950; color:#108575; letter-spacing:-4px; margin-bottom:20px; }
.xld-404-box span { display:inline-flex; padding:8px 15px; border-radius:999px; background:#ecfdf5; color:#108575; font-size:14px; font-weight:900; text-transform:uppercase; letter-spacing:.7px; margin-bottom:18px; }
.xld-404-box h1 { margin:0 0 16px; color:#0f172a; font-size:42px; line-height:1.22; font-weight:950; }
.xld-404-box p { max-width:620px; margin:0 auto 30px; color:#64748b; font-size:17px; line-height:1.75; }
.xld-404-actions { display:flex; align-items:center; justify-content:center; gap:14px; flex-wrap:wrap; }
.xld-404-actions a { height:52px; padding:0 26px; border-radius:999px; display:inline-flex; align-items:center; justify-content:center; font-size:16px; font-weight:900; text-decoration:none; }
.xld-404-primary { background:#f49935; color:#fff!important; box-shadow:0 14px 28px rgba(244, 153, 53, .25); }
.xld-404-primary:hover { background:#108575; color:#fff!important; }
.xld-404-secondary { background:#fff; color:#108575!important; border:2px solid #108575; }
.xld-404-secondary:hover { background:#108575; color:#fff!important; }
@media (max-width:767px) {
  .xld-404-page { padding:70px 0; }
  .xld-404-box { padding:42px 22px; border-radius:24px; }
  .xld-404-code { font-size:82px; }
  .xld-404-box h1 { font-size:30px; }
  .xld-404-box p { font-size:15.5px; }
  .xld-404-actions a { width:100%; }
}
@media (max-width:991px) {
  body { padding-top:70px!important; }
  .wapper,.bd-wapper { padding-top:0!important; }
  .main_menu_mobile.xld-mobile-header { margin-top:0!important; background:#fff; border-bottom:1px solid #eef2f4; box-shadow:0 6px 18px rgba(15, 23, 42, .06); position:fixed!important; top:0!important; left:0!important; right:0!important; width:100%!important; height:70px!important; z-index:99997!important; }
  .xld-mobile-header-inner { display:grid; grid-template-columns:48px 1fr 48px; align-items:center; gap:10px; padding:0 14px; height:100%!important; }
  .mbnavbar { width:40px; height:40px; border:0; background:#f3f7f6; border-radius:10px; display:flex; align-items:center; justify-content:center; padding:0; margin:0; color:#16212b; }
  .mbnavbar svg { width:26px; height:26px; }
  .logo-xldl { text-align:center; line-height:1; height:100%!important; display:flex!important; align-items:center!important; justify-content:center!important; }
  .logo-xldl img { display:block; max-width:185px; width:100%; height:auto; max-height:48px; object-fit:contain; }
  .xld-mobile-zalo { width:44px; height:44px; border-radius:14px; display:flex; align-items:center; justify-content:center; }
  .xld-mobile-zalo img { width:30px; height:30px; object-fit:contain; display:block; }
  .main-menu-mb { width:78vw; max-width:360px; min-width:300px; background:#fff; box-shadow:18px 0 60px rgba(15, 23, 42, .18); z-index:99999; overflow-y:auto; }
  .menu-wp { padding:18px 16px 22px; background:#fff; }
  .mb-form-search { margin-bottom:18px; }
  .mb-form-search .form-search { height:48px; background:#f9fbfb; border:1px solid #e5e7eb; border-radius:15px; display:flex; align-items:center; overflow:hidden; }
  .mb-form-search input { height:48px; border:0; background:transparent; box-shadow:none!important; padding:0 14px; font-size:15px; color:#1f2937; }
  .mb-form-search button { width:48px; height:48px; border:0; background:transparent; color:#108575; }
  .form-control:focus,.mb-form-search input:focus { outline:0!important; box-shadow:none!important; border:0!important; }
  .xld-mobile-menu { list-style:none; margin:0; padding:0; background:#fff; }
  .xld-mobile-menu li { border-bottom:0; margin-bottom:0px; }
  .xld-mobile-menu>li>a { display:flex!important; align-items:center!important; gap:8px; min-height:50px; padding:0 12px!important; border-radius:14px; color:#122033!important; background:#fff!important; font-size:15.5px; font-weight:500; text-decoration:none!important; border-bottom:0!important; opacity:1!important; }
  .xld-mobile-menu>li>a:hover,.xld-mobile-menu li.xld-sub-open>a { background:#f5faf8!important; color:#108575!important; }
  .xld-mobile-menu>li>a>svg { width:22px; height:22px; margin-right:8px; fill:none; stroke:#108575!important; stroke-width:1.3; stroke-linecap:round; stroke-linejoin:round; flex:0 0 22px; }
  .xld-mobile-menu>li>a>span { flex:1!important; color:inherit!important; opacity:1!important; }
  .xld-mobile-menu>li>a>.xld-arrow { margin-left:auto!important; width:20px!important; height:20px!important; display:flex!important; align-items:center!important; justify-content:center!important; flex:0 0 20px!important; font-style:normal!important; line-height:1!important; }
  .xld-mobile-menu>li>a>.xld-arrow svg { width:18px!important; height:18px!important; margin:0!important; display:block!important; stroke:#108575!important; stroke-width:2.5!important; fill:none!important; transition:.22s ease; }
  .xld-mobile-menu li.xld-sub-open>a>.xld-arrow svg { transform:rotate(90deg); }
  .xld-mobile-menu .sub-menu { display:none; list-style:none; margin:10px 0 8px 47px; padding:0; border-left:2px solid #e3f0ed; background:#fff!important; }
  .xld-mobile-menu .sub-menu li { margin:0; border:0; }
  .xld-mobile-menu .sub-menu a { display:block; min-height:auto; padding:8px 0 8px 14px; color:#435366!important; background:#fff!important; font-size:14.5px; font-weight:500; text-decoration:none!important; border-bottom:0!important; opacity:1!important; }
  .xld-mobile-menu .sub-menu a:hover { color:#108575!important; }
  .xld-menu-zalo-btn { display:flex; align-items:center; justify-content:center; gap:10px; width:100%; height:50px; margin-top:14px; border-radius:15px; background:#f49935; color:#fff!important; text-decoration:none!important; font-size:15.5px; font-weight:800; }
  .xld-menu-zalo-btn:hover { background:#108575; color:#fff!important; }
  .xld-menu-zalo-btn img { width:22px; height:22px; display:block; }
  .ovlay { background:rgba(15, 23, 42, .48); backdrop-filter:blur(4px); }
  body.mm_open .ovlay { z-index:99998; }
  body.mm_open .zalo-chat-widget,body.mm_open .fb_dialog,body.mm_open iframe[src*="zalo"],body.mm_open iframe[src*="facebook"],body.mm_open .float-contact,body.mm_open .hotline-phone-ring-wrap { z-index:1!important; pointer-events:none; }
}
@media (max-width:767px) {
  .search-page-form,.search-form,.xld-search-form { display:flex!important; width:100%!important; max-width:100%!important; gap:10px; overflow:hidden; }
  .search-page-form input,.search-form input,.xld-search-form input,input[type="search"] { flex:1 1 auto!important; min-width:0!important; width:auto!important; max-width:100%!important; }
  .search-page-form button,.search-form button,.xld-search-form button,button[type="submit"] { flex:0 0 auto!important; white-space:nowrap; }
}
.xld-search-form-wrap { max-width:650px; margin-top:28px; }
.xld-search-form { display:grid; grid-template-columns:1fr 56px; gap:12px; align-items:center; }
.xld-search-form input { width:100%; height:56px; border:1px solid #dbe7e3; border-radius:999px; padding:0 22px; font-size:16px; background:#fff; }
.xld-search-form button { width:56px; height:56px; padding:0; border:0; border-radius:50%; background:#108575; display:flex; align-items:center; justify-content:center; cursor:pointer; }
.xld-search-form button:hover { background:#086b60; }
.xld-search-icon { width:24px; height:24px; display:block; fill:none; stroke:#fff; stroke-width:2.3; stroke-linecap:round; stroke-linejoin:round; }
@media (max-width:767px) {
  .xld-search-form { grid-template-columns:1fr 54px; gap:10px; }
  .xld-search-form input { height:54px; }
  .xld-search-form button { width:54px; height:54px; }
}
@media (max-width:991px) {
  .xld-topbar,.header,.menu { display:none!important; }
  .main_menu_mobile.xld-mobile-header { display:block!important; }
  .main_menu_mobile.xld-mobile-header .xld-mobile-header-inner { display:grid!important; }
  .m-menu .header-menu { display:none!important; }
  .xld-mobile-menu { display:block!important; }
}
@media (min-width:992px) {
  .main_menu_mobile,.main-menu-mb,.ovlay { display:none!important; }
}
.xld-mobile-menu li.xld-divider { position:relative; margin-bottom:10px; padding-bottom:10px; }
.xld-mobile-menu li.xld-divider::after { content:""; position:absolute; left:0; right:0; bottom:0; height:1px; background:#e9eef2; }
@media (max-width:991px) {
  .mbnavbar,.mbnavbar:hover,.mbnavbar:focus,.mbnavbar:focus-visible,.mbnavbar:active { background:#f3f7f6!important; border:0!important; color:#16212b!important; outline:none!important; box-shadow:none!important; -webkit-tap-highlight-color:transparent!important; }
  .mbnavbar svg,.mbnavbar:hover svg,.mbnavbar:focus svg,.mbnavbar:focus-visible svg,.mbnavbar:active svg { stroke:currentColor!important; color:#16212b!important; }
}
@media (max-width:991px) {
  body { padding-top:65px!important; }
  body.mm_open { padding-top:65px!important; overflow:hidden!important; }
  .bd-wapper,.wapper,body.mm_open .bd-wapper,body.mm_open .wapper { margin-top:0!important; padding-top:0!important; top:auto!important; transform:none!important; transition:none!important; }
  .main_menu_mobile.xld-mobile-header,body.mm_open .main_menu_mobile.xld-mobile-header { position:fixed!important; top:0!important; left:0!important; right:0!important; width:100%!important; height:65px!important; margin:0!important; transform:none!important; z-index:99997!important; }
  .main-menu-mb { position:fixed!important; top:0!important; left:0!important; bottom:0!important; height:100dvh!important; margin:0!important; transform:translateX(-105%)!important; transition:transform .5s cubic-bezier(.22, .61, .36, 1)!important; will-change:transform; }
  body.mm_open .main-menu-mb { transform:translateX(0)!important; }
  .ovlay { position:fixed!important; inset:0!important; margin:0!important; padding:0!important; opacity:0; visibility:hidden; pointer-events:none; transition:opacity .32s ease, visibility .32s ease!important; }
  body.mm_open .ovlay { opacity:1!important; visibility:visible!important; pointer-events:auto!important; }
}


/* =========================================================
   XLDL VER 3 - SIDEBAR FEATURED THUMBNAILS
   Hiển thị toàn bộ ảnh đại diện, không crop nội dung.
   ========================================================= */
.sidebar-group .postview .postview-img {
  height: auto !important;
  align-self: flex-start;
}

.sidebar-group .postview .postview-img img {
  display: block;
  width: 100% !important;
  height: auto !important;
  object-fit: contain !important;
}