/**
Theme Name: Linxhq Theme
Author: Thiên Quân
Author URI: https://linxhq.com.vn
Description: Theme for knv
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: nhat-tam
Template: hello-elementor
*/
/* =Theme customization starts here
-------------------------------------------------------------- */
:root{
    --linxhq-rcol-width: 158px;
}
*{
    -webkit-font-smoothing: antialiased;
}
ul{
    list-style: none;
}
input[type=date],
input[type=email],
input[type=number],
input[type=password],
input[type=search],
input[type=tel],
input[type=text],
input[type=url],
select,
textarea{
    padding: 0px;
}
.linxhq-top-container {
    display: flex;
    gap: 2px;
}
.linxhq-bottom-container {
    margin-top: 2px;
}
.slick-gallery .slick-slide {
    position: relative;
    width: 100%; /* Đảm bảo slider hoạt động linh hoạt */
    aspect-ratio: 16/9; /* Tỉ lệ khung hình bạn muốn (hoặc bỏ nếu muốn chiều cao cố định) */
    overflow: hidden; /* Cắt phần dư nếu hình ảnh lớn hơn container */
}
.slick-gallery .slick-slide img {
    object-fit: cover;
    width: 100%;
    height: 100%;
}
.slick-gallery  .slick-arrow {
    width: 45px;
    height: 45px;
    background: rgba(0, 0, 0, 0.4);
    border: none;
    position: absolute;
    top: 50%;
    font-size: 0;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 1;
    -webkit-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
    color: #ffffff;
}
.slick-gallery .slick-arrow:hover{
    background-color: var(--e-global-color-1ce5480);
}
.slick-gallery .slick-arrow::before{
    display: none;
}
.slick-gallery .slick-arrow::after{
    position: absolute;
    top: 50%;
    left: 50%;
    font-family: "Font Awesome 5 Free";
    font-weight: bold;
    font-size: 15px;
    line-height: 20px;
    color: #ffffff;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.slick-gallery .slick-prev {
    left: 0;
}
.slick-gallery .slick-prev::after{
    content: "\f053";
    margin-left: -1px;
}
.slick-gallery .slick-next {
    right: 0;
}
.slick-gallery .slick-next::after{
    content: "\f054";
    margin-right: -1px;
}

.linxhq-lcol {
    width: calc(100% - var(--linxhq-rcol-width));
}
.linxhq-rcol {
    width: var(--linxhq-rcol-width);
}
.linxhq-rcol .linxhq-row {
    margin-bottom: 2px;
    height: calc((100% - 4px) / 3);
}
.linxhq-row {
    position: relative;
}
.linxhq-thumb {
    width: 100%;
    position: relative;
    overflow: hidden;
    height: 100%;
}
.linxhq-thumb img {
    object-fit: cover;
    width: 100%;
    height: 100%;
}
.linxhq-row .linxhq-decss, 
.linxhq-row .linxhq-decss a{
    color:#fff;
}
.linxhq-row .linxhq-decss {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    align-content: center;
    justify-content: center;
    text-align: center;
    background-color: rgba(0, 0, 0, 0.3);
    padding: 5px;
    pointer-events: none;
    -webkit-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.linxhq-row .linxhq-decss > div {
    width: 100%;
}
.linxhq-row .ldicon {
    max-width: 30px;
    margin: 0 auto;
    margin-bottom: 5px;
}
.linxhq-row .ldname {
    font-size: 14px;
    line-height: 20px;
    font-weight: bold;
    max-height: 40px;
    overflow: hidden;
}
.linxhq-row .ldname span{
    display: block;
}
.linxhq-row .ldview a {
    display: inline-block;
    font-size: 14px;
    line-height: 22px;
    padding: 4px 22px;
    background-color: var(--e-global-color-1ce5480);
    color: #fff;
    border-radius: 25px;
    font-weight: bold;
}
.linxhq-bottom-container .linxhq-row {
    aspect-ratio: 16 / 9;
    margin: 0px 1px;
    width: calc((100% - 8px) / 5) !important;
    min-width: 146px;
}
.linxhq-bottom-container .linxhq-row:first-child {
    margin-left: 0px;
}
.linxhq-bottom-container .linxhq-row:last-child {
    margin-right: 0px;
}
.linxhq-bottom-container .slick-track {
    margin-left: 0px;
}

.lqviewlimit .thecontent{
    margin-bottom: 10px;
    position: relative;
}
.lqviewlimit .thecontent::before{
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1;
    height: 0;
    background: rgb(255,255,255);
    background: linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.lqviewlimit.active .thecontent::before{
    height: 44px;
}
.lqviewlimit .dsview{
    text-align: center;
}
.vhviewtt > div{
    display: none;
}
.vhviewtt a{
    font-size: 14px;
    line-height: 22px;
    font-weight: 500;
    color: var(--e-global-color-1ce5480);
    display: inline-block;
    padding-right: 15px;
    position: relative;
}
.vhviewtt a::before{
    position: absolute;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    font-size: 16px;
}
.vhviewtt .showview a::before{
    content: '\f107';
}
.vhviewtt .hideview a::before{
    content: '\f106';
}
.thecontent{
    font-size: 14px;
    line-height: 22px;
}

/* Lịch trình */
.collapse-item{
    margin-bottom: 5px;
}

.collapse-item .collapse-header {
    display: flex;
    justify-content: space-between; /* Căn giữa nội dung và mũi tên */
    align-items: center;
    cursor: pointer;
    position: relative; /* Tạo vị trí cho mũi tên */
    padding: 10px 30px 10px 10px;
    background: #E6F2FA;
    border-radius: 3px;
}

.collapse-item .collapse-header:hover {
    background: var(--e-global-color-1ce5480);
    color:white;
}

.collapse-item .collapse-header::after {
    content: "\f078";
    display: inline-block;
    transition: transform 0.3s ease;
    position: absolute;
    right: 10px;
    font-family: 'Font Awesome 5 Free';
    color: #000;
    font-weight: bold;
    font-size: 15px;
    line-height: 20px;
}
.collapse-item .collapse-header:hover::after {
    color: #fff;
}
.collapse-item .collapse-header.active::after {
    transform: rotate(180deg); /* Xoay mũi tên lên */
}
.collapse-item .collapse-title strong{
    font-weight: 500;
}

.collapse-item .collapse-content.open {
    padding: 0 15px 10px; /* Hiển thị padding khi mở */
}

.collapse-item .collapse-content {
    height: 0; /* Ẩn nội dung ban đầu */
    overflow: hidden; /* Ẩn nội dung tràn */
    transition: height 0.4s ease, padding 0.4s ease; /* Hiệu ứng mượt */
    padding: 0 15px; /* Padding sẽ giảm khi ẩn */
}

.note_plan_tour_detail{
    margin-top:20px;
}

/* Price tour */
.box-info {
    margin-bottom: 15px;
}
.tbyears {
    margin-bottom: 20px;
}
.tbyears ul {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    overflow-x: auto;
    -webkit-display: flex;
    flex-flow: row nowrap;
    white-space: nowrap;
    list-style: none;
    padding: 0;
}
.tbyears li {
    margin-right: 10px;
}
.tbyears li a {
    display: block;
    font-size: 14px;
    line-height: 22px;
    font-weight: bold;
    padding: 9px 14px;
    border-radius: 5px;
    background-color: #eeeeee;
    color:#000;
}
.tbyears li.current a, 
.tbyears li.active a, 
.tbyears li a:hover {
    background-color: var(--e-global-color-1ce5480);
    color: #fff!important;
}

.tbinfos {
    border: 1px solid #d6e3ef;
}
.tbinfos .ifhead {
    background-color: var(--e-global-color-accent);
    color: #fff;
    font-size: 14px;
    line-height: 22px;
    font-weight: bold;
    z-index: 1;
    border-bottom: 1px solid #d6e3ef;
}
.tbinfos .ifhead .th {
    padding: 9px 15px;
}
.tbinfos .ifgrip {
    display: flex;
}
.tbinfos .ifgrip .mcol {
    width: 36.19%;
}
.tbinfos .ifgrip .bcol {
    width: 30.54%;
}
.tbinfos .ifgrip .tcol {
    width: calc(100% - ( 36.19% + 30.54% ));
}
.tbinfos .ifgrip .ncol {
    width: 45px;
}
.tbinfos .ifbody .tritem {
    border-bottom: 1px solid #d6e3ef;
    cursor: pointer;
}
.tbinfos .ifbody .tritem:nth-child(even) {
    background-color: #f2f2f2;
}
.tritem.old_day,
.tritem.old_day .ifprice .pnews,
li.old_day {
    text-decoration: line-through;
    color: #868585 !important;
}
.tbinfos .ifbody .td a {
    color: #000;
}
.tbinfos .ifbody .tritem:hover,
.tbinfos .ifbody .tritem.active,
.tbinfos .ifbody .tritem:hover .td a {
    background-color: var(--e-global-color-accent);
    color: #fff;
}
.tbinfos .ifbody .td {
    padding: 9px 15px;
    font-size: 14px;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-height: 43px;
}
.tbinfos .ifprice .pnews {
    color: var(--e-global-color-1ce5480);
    font-weight: bold;
}

/* Price tour sidebar */
[type=button]:focus, [type=button]:hover, [type=submit]:focus, [type=submit]:hover, button:focus, button:hover,
[type=button], [type=submit], button{
    color:#000;
}
.book-tour {
    display: block;
    text-align: center;
    font-size: 15px;
    line-height: 23px;
    padding: 10px 15px;
    background: var(--e-global-color-1ce5480);
    color: #ffffff;
    font-weight: bold;
    margin: 10px 0;
    border-radius: 5px;
}
.book-tour:hover {
    background: #666666;
    color: #ffffff;
}
.book-tour .fa{
    padding-right: 8px;
}

.ctcheck{
    margin-bottom: 10px;
}
.ctcheck .ckgrip{
    display: flex;
    align-items: center;
    align-content: center;
    margin: 0 -5px;
}
.ctcheck .ckgrip > div{
    padding: 0 5px;
}
.ctcheck .ckgrip .ycol{
    width: 100%;
}
.ckchose ul{
    display: flex;
    align-items: center;
    align-content: center;
    padding: 0;
}
.ckchose li{
    width: 70px;
    margin-right: 10px;
    text-align: center;
    font-size: 14px;
    line-height: 25px;
    background-color: #fff;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .1);
    border-radius: 5px;
    border: 2px solid transparent;
    padding: 8px 5px;
    cursor: pointer;
}
.ckchose li:last-child{
    margin-right: 0;
}
.ckchose li.active{
    border-color: var(--e-global-color-1ce5480);
}
.ckdates {
    position: relative;
    display: flex;
    align-items: center;
    align-content: center;
    justify-content: center;
    background-color: #fff;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .1);
    border-radius: 5px;
    height: 45px;
    margin-bottom: 0;
    line-height: 20px;
    font-size: 14px;
}
.ckdates i{
    margin-right: 5px;
}
.form-control {
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
.ckdates input{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    opacity: 0;
}
.ctudate{
    margin-bottom: 10px;
    display: flex;
}
.ctudate .udline{
    display: flex;
    align-items: center;
    align-content: center;
    font-size: 14px;
    line-height: 21px;
    border: 2px solid var(--e-global-color-1ce5480);
    border-radius: 5px;
    padding: 10px 16px;
}
.ctudate .udline i{
    margin-right: 6px;
}
.ctchose{
    margin-bottom: 12px;
}
.ctchose .csitem{
    background-color: #fff;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .1);
    border-radius: 5px;
    padding: 10px;
    margin-bottom: 10px;
}
.ctchose .csitem:last-child{
    margin-bottom: 10px;
}
.ctchose .iigrip{
    display: flex;
    align-items: center;
    align-content: center;
    justify-content: space-between;
    margin: 0 -5px;
}
.ctchose .iigrip > div{
    padding: 0 5px;
}
.ctchose .itext .tm{
    font-size: 14px;
    line-height: 20px;
}
.ctchose .itext .th{
    color: #999999;
    line-height: 20px;
    font-size: 14px;
}
.ctchose .inumb{
    display: flex;
    align-items: center;
    align-content: center;
}
.ctchose .inumb .ncore{
    color: var(--e-global-color-1ce5480);
    font-weight: bold;
    width: 18px;
    min-width: 18px;
    font-size: 14px;
}
.ctchose .ninfo .sold{
    color: #999999;
    font-size: 14px;
    line-height: 18px;
    text-decoration: line-through;
}
.ctchose .ninfo .snew{
    color: var(--e-global-color-1ce5480);
    font-size: 14px;
    line-height: 20px;
    font-weight: bold;
}
.ctchose .iquan{
    display: flex;
    align-items: center;
    align-content: center;
}
.ctchose .iquan button{
    width: 30px;
    background-color: transparent;
    font-weight: 900;
    border: none;
    font-size: 11px;
    padding: 0px;
}
.ctchose .iquan input{
    width: 40px;
    text-align: center;
    border: none;
    font-size: 14px;
}
.ctctact{
    color: #fbac09;
    margin-bottom: 5px;
    font-size: 14px;
}
.ctprice{
    margin-bottom: 10px;
}
.ctprice .prgrip{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    margin: 0 -5px;
}
.ctprice .prgrip > div{
    padding: 0 5px;
}
.ctprice .ptext{
    font-size: 16px;
    line-height: 24px;
}
.ctprice .polds{
    color: #999999;
    font-size: 18px;
    line-height: 22px;
    text-decoration: line-through;
    /* text-align: right; */
}
.ctprice .pnews{
    color: var(--e-global-color-1ce5480);
    font-size: 22px;
    line-height: 22px;
    font-weight: 500;
}
.ctinfos{
    padding: 10px 0;
    background-color: #fff;
    margin: auto;
}
.ctinfos .ifgrip{
    display: flex;
    align-items: center;
    align-content: center;
    justify-content: center;
    margin: 0 -5px;
}
.ctinfos .ifgrip > div{
    padding: 0 5px;
}
.ctinfos .iicon{
    width: 50px;
}
.ctinfos .itext{
    font-weight: bold;
}
.ctinfos .itext .th{
    color: var(--e-global-color-1ce5480);
    font-size: 23px;
    line-height: 25px;
}

.pagination {
    margin-top: 20px;
    display: flex;
    justify-content: center;
    list-style: none;
    padding: 0;
}

.pagination .page-item {
    margin: 0 5px;
}

.pagination .page-link {
    padding: 10px; /* Để nút tròn cân đối */
    text-decoration: none;
    color: #007bff;
    background-color: #ffffff;
    border: 1px solid #dee2e6;
    border-radius: 50%; /* Tạo hình tròn */
    width: 40px; /* Đặt chiều rộng cố định để tròn đều */
    height: 40px; /* Đặt chiều cao cố định */
    display: flex; /* Căn giữa nội dung */
    align-items: center; /* Căn giữa nội dung */
    justify-content: center; /* Căn giữa nội dung */
    transition: all 0.3s ease;
}

.pagination .page-link:hover {
    background-color: #e9ecef;
    color: #0056b3;
}

.pagination .page-item.active .page-link {
    background-color: #007bff;
    color: #ffffff;
    border-color: #007bff;
}

.ckdates {
    cursor: pointer;
    position: relative;
}

.ckdates input {
    display: block;
    width: 100%;
    cursor: pointer;
}

.ckdates .ui-datepicker {
    z-index: 1000 !important;
}
.ui-datepicker {
    width: 420px;
}
.ui-datepicker td.has-price {
    position: relative;
}

.ui-datepicker td.has-price::after {
    content: attr(title); /* Lấy giá trị từ thuộc tính `title` */
    position: absolute;
    top: 60%; /* Điều chỉnh vị trí */
    left: 50%;
    transform: translateX(-50%);
    font-size: 0.8em;
    width: 100%;
    text-align: center;
}

.ui-datepicker td span, 
.ui-datepicker td a {
    display: block;
    width: 100%; /* Để ô chiếm toàn bộ không gian */
    height: 100%; /* Điều chỉnh chiều cao phù hợp */
    padding: 10px; /* Tăng khoảng cách */
    text-align: center;
}

.ui-datepicker td {
    border: 1px solid #ccc; /* Thêm viền giữa các ngày */
}

.ui-datepicker td.has-price.lowest-price::after {
    color: #1aad58 !important; /* Màu xanh lá cây (giá thấp nhất) */
}

.ui-datepicker td.has-price.highest-price::after {
    color: #e74c3c !important; /* Màu đỏ (giá cao nhất) */
}

.ui-datepicker td.has-price.normal-price::after {
    color: #3498db !important; /* Màu xanh dương */
}

.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.ui-button,
html .ui-button.ui-state-disabled:hover,
html .ui-button.ui-state-disabled:active {
    border: none!important;
    background: #047ccc17;
}
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover {
    font-weight: 700;
    color: #047ccc;
    background-color: #fff22b7d;
}
div#ui-datepicker-div {
    z-index: 99!important;
}
.ui-datepicker .note-calenda {
    padding: 10px 10px 15px;
    text-align: right;
}
.ui-datepicker .note-calenda span {
    display: block;
}
.ui-datepicker .note-calenda .green_color {
    color: #1aad58;
}
.ui-datepicker .note-calenda .red_color{
    color: #e74c3c;
}

/* Style cho trang đơn đặt hàng */
.box-detail .box-info-item {
    border-bottom: none;
    padding: 10px 0 15px;
}
.tDetal .tImg {
    width: 90px;
    height: 90px;
    float: left;
    margin-right: 10px;
}
.tDetal .tImg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.tDetal .tTitle {
    font-size: 14px;
    line-height: 15px;
    overflow: hidden;
    font-weight: bold;
    max-height: 85px;
}
.clear {
    clear: both;
    font-size: 0px;
    line-height: 0px;
    height: 0;
}
.box-date-item {
    padding: 10px 20px;
    background-color: #f6f6f6;
    margin: 0 -24px;
    font-size: 13px;
}
.box-quan-item {
    padding: 15px 0;
    border-bottom: 1px solid #e6e6e6;
}
.box-quan-item .qitem {
    margin-bottom: 12px;
}
.box-quan-item .vvgrip {
    display: flex;
    align-items: center;
    align-content: center;
    margin: 0 -5px;
}
.box-quan-item .vvgrip .mcol {
    min-width: 70px;
}
.box-quan-item .vtext .tm {
    font-size: 13px;
    line-height: 20px;
}
.box-quan-item .vtext .th {
    color: #999999;
    font-size: 11px;
}
.box-quan-item .vvgrip .hcol {
    min-width: 90px;
}
.box-quan-item .vvgrip .bcol {
    min-width: 130px;
}
.box-quan-item .iquan {
    width: 80px;
    padding: 5px;
    border-left: 1px solid #dddddd;
    border-top: 1px solid #dddddd;
    background-color: #f6f6f6;
    display: flex;
}
.box-quan-item .iquan button {
    width: 21px;
    height: 31px;
    background-color: #fff;
    border: none;
    border-right: 1px solid #dddddd;
    border-bottom: 1px solid #dddddd;
    padding: 0;
    font-size: 6px;
}
.box-quan-item .iquan input {
    width: calc(100% - 42px);
    height: 31px;
    text-align: center;
    background-color: transparent;
    border: none;
    font-size: 14px;
}
.box-quan-item .vvgrip > div {
    padding: 0 5px;
}
.box-quan-item .cremo {
    position: relative;
    padding-left: 10px;
    line-height: 18px;
}
.box-quan-item .cremo::before {
    content: 'x';
    color: #bbbbbb;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    line-height: 14px;
    font-size: 14px;
}
.box-quan-item .cremo .rold {
    color: #999999;
    text-decoration: line-through;
}
.box-quan-item .cremo .rnew {
    color: var(--e-global-color-1ce5480);
    font-weight: bold;
}
.box-quan-item .cremo .rold,
.box-quan-item .cremo .rnew {
    font-size: 14px;
}
.box-detail .box-info-item:last-child {
    border-bottom: 0;
}
.text-large {
    font-size: 18px;
    line-height: 25px;
}
.fl {
    float: left;
}
.fr {
    float: right;
}
.color4 {
    color: #fbac09;
}
.price-star {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: space-between;
    align-items: center;
    justify-content: space-between;
}
.price-star .i-price {
    display: inline-block;
    vertical-align: middle;
    font-size: 17px;
    line-height: 30px;
    color: var(--e-global-color-1ce5480);
    font-weight: bold;
} 
.price-star .i-price-line {
    display: inline-block;
    vertical-align: middle;
    font-size: 15px;
    line-height: 24px;
    color: #999999;
    text-decoration: line-through;
    padding-left:10px;
}
 
/* Mega Menu  */
/* Ẩn mô tả mặc định */
.menu-item-description {
    display: none;
}

/* Hiển thị mô tả khi hover để hiện nội dung mega menu */
.has-mega-menu:hover .menu-item-description {
    display: block;
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 9999;
    background: #fff;
    width: 100%;
    padding: 20px;
}
.linxhq-p-static{
    position: static!important;
}
@media only screen and (max-width: 1024px) and (min-width: 992px) {
    .slick-gallery .slick-slide {
        aspect-ratio: 4 / 3;
    }
    .linxhq-bottom-container .linxhq-row {
        min-width: 125px;
    }
}

@media only screen and (max-width: 1024px) {
    /* .fix-sidebar-mobile{
        position: absolute;
        width: calc(100% - 20px);
        top: 0px;
        z-index: 9999999;
        background: #fff;
        margin-left: -10px;
    } */
    .fix-sidebar-mobile {
        position: fixed !important;
        top: 50% !important;
        left: 50% !important;
        transform: translate(-50%, -50%) !important;
        z-index: 9999 !important;
        background: #fff !important;
        padding: 20px !important;
        box-shadow: 0 0 10px rgba(0,0,0,0.1) !important;
        max-width: 90% !important;
        width: 400px !important;
    }
    
    /* Add overlay */
    .overlay-web {
        content: '';
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: rgba(0,0,0,0.5);
        z-index: 998;
    }
}
@media only screen and (max-width: 991px) {
    .linxhq-top-container {
        flex-wrap: wrap;
    }
    .linxhq-lcol, 
    .linxhq-rcol {
        width: 100%;
    }
    .linxhq-rcol {
        display: flex;
        flex-wrap: wrap;
        gap: 2px;
    }
    .linxhq-rcol .linxhq-row {
        width: calc( (100% - 4px )/ 3);
        margin-bottom: 2px;
        height: 100%;
        aspect-ratio: 16 / 9;
    }
    .linxhq-bottom-container .linxhq-row {
        min-width: 125px;
        width: calc((100% - 8px) / 14) !important;
    }
    .slick-gallery-container.slick-initialized.slick-slider{
        max-height: 131px!important;
    }
    
}
@media only screen and (max-width: 567px){
    .linxhq-bottom-container{
        display: none;
    }
}