* {
    margin: 0;
    padding: 0;
}

/*your custom css goes here*/
#booking-popup {
    display: none;
    position: fixed;
    z-index: 1100;
    left: 0;
    top: 0%;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgb(0, 0, 0);
    background-color: rgba(0, 0, 0, 0.8);
}

#booking-popup .booking-zone {
    z-index: 1110;
    position: relative;
    background-color: transparent;
    max-width: 70%;
    max-height: 100%;
    margin-top: 5%;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    padding: 0px;
}

#booking-popup .booking-zone .booking-close {
    border-radius: 50%;
    font-size: 1.5em;
    padding: 5px 10px;
    font-weight: 700;
    color: #fff;
    background: rgba(0, 0, 0, 0.6);
    float: right;
    position: absolute;
    right: -25px;
    top: -25px;
    cursor: pointer;
    z-index: 1120;
}

#booking-popup .list-time {
    background: rgba(255, 255, 255, 0.6);
    z-index: 100;
}

#booking-popup .list-time p {
    font-size: 16px;
    font-weight: 600;
    color: #000;
    margin: 3px auto;
    background: rgba(255, 255, 255, 0.8);
    border-top: 1px solid #fff;
    border-bottom: 1px solid #e2e5ec;
}

#booking-popup .begin-end {
    background: rgba(255, 255, 255, 0.6);
    z-index: 100;
}

#booking-popup .month {
    background: #ebedf2;
    padding: 5px;
    border-bottom: 1px solid #ccc;
}

.block-row:first-child {
    margin-top: 15px;
}

.block-row {
    position: relative;
    float: left;
    background: #ebedf2;
    margin: 15px auto;
    display: block;
    padding: 5px;
    border: 1px solid #ccc;
    width: 100%;
}

.block-row .day {
    position: relative;
    float: left;
    left: 0px;
    height: 20px;
    text-align: center;
    padding: 0px 5px;
    z-index: 100;
    margin: 0px auto;
    width: 70px;
}

.block-row .day span {
    font-size: 14px;
    color: #000;
    z-index: 1000;
    top: 0px;
    left: 10%;
    position: absolute;
}

.block-row .block {
    position: relative;
    float: left;
    left: 0px;
    height: 20px;
    width: 100px;
    background: #fff;
    border: 1px solid #ccc;
    z-index: 10100;
}

.block-row .block.unlock:hover {
    cursor: pointer;
    background: rgba(230, 46, 4, 0.6) !important;
}

.block-row .block span {
    color: #000;
    font-size: 11px;
    position: absolute;
    top: -29px;
    background: #fff;
    border: 1px solid #ccc;
    width: 110px;
}

.block-row .block span::before {
    content: "\25b2";
    padding-left: 0em;
    position: absolute;
    top: -20px;
    font-size: 16px;
    left: 0px;
    color: #f8f9fa;
}

.arrow-up {
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;

    border-bottom: 5px solid black;
}

.block-row .block span.hidden {
    display: none;
}

.block-row .block span.hidden-date {
    display: none;
}

.block-row .block:hover span.hidden {
    display: block;
    left: 0px;
}

.slider {
    position: relative;
    height: 100%;
    width: 100%;
    background: rgba(255, 255, 255, 0.6);
    z-index: 1000;
    padding: 0px;
}

.booking-popup-mini {
    display: none;
    position: fixed;
    z-index: 2500;
    left: 0;
    top: 0%;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgba(0, 0, 0, 0.8);
}

.booking-popup-mini .booking-zone-mini {
    z-index: 1510;
    position: relative;
    background-color: #fff;
    max-width: 50%;
    max-height: 100%;
    margin-top: 10%;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    padding: 0px;
}

.booking-popup-mini .booking-zone-mini .datetime-close {
    border-radius: 50%;
    font-size: 1.5em;
    padding: 5px 10px;
    font-weight: 700;
    color: #fff;
    background: rgba(0, 0, 0, 0.6);
    float: right;
    position: absolute;
    right: -25px;
    top: -25px;
    cursor: pointer;
    z-index: 1120;
}

.booking-popup-mini .booking-zone-mini .booking-form {
    padding: 10px 5px;
}

/*show calendar*/
#booking-show {
    background: #F4D037;
}

#booking-show .list-time {
    background: rgba(255, 255, 255, 0.6);
    z-index: 100;
}

#booking-show .list-time p {
    font-size: 16px;
    font-weight: 600;
    color: #000;
    margin: 3px auto;
    background: rgba(255, 255, 255, 0.8);
    border-top: 1px solid #fff;
    border-bottom: 1px solid #e2e5ec;
}

#booking-show .begin-end {
    background: #F4D037;
    z-index: 100;
}

#booking-show .begin-end .end {
    padding: 15px;
    text-align: center;
}

#booking-show .begin-end .end .listed-booking {
    position: relative;
    margin-top: 15px;
    padding: 10px 30px;
    border: 1px solid #ccc;
    color: #fff;
    background: #e62e04;
    font-size: 0.875rem;
    font-weight: 600;
}

#booking-show .begin-end .end .listed-booking:hover {
    color: #000;
    background: rgba(230, 46, 4, 0.6);
    border: 1px solid #333;
}

#booking-show .month {
    background: #F4D037;
    padding: 10px 0px 0px;
    /*border-bottom: 1px solid #ccc;*/
    width: 100%;
}

#booking-show .month .note-label {
    position: relative;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

#booking-show .month .note-label .sel-month-year {
    padding: 3px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}

#booking-show .month .note-label .sel-rect {
    position: relative;
    padding: 10px;
    color: #000;
}

#booking-show .block-row:first-child {
    margin-top: 30px;
}

#booking-show .block-row {
    position: relative;
    float: left;
    display: none !important;
    background: rgba(25, 26, 28, 1);
    margin: 15px auto;
    padding: 5px;
    border: 1px solid #ddd;
    width: 100%;
}

#booking-show .block-row .tick {
    position: relative;
    float: left;
    left: 0px;
    height: 20px;
    text-align: center;
    padding: 0px 5px;
    z-index: 100;
    margin: 0px auto;
    width: 20px;
    padding-top: 3px;
}

#booking-show .block-row .day {
    position: relative;
    float: left;
    left: 0px;
    height: 20px;
    text-align: center;
    padding: 0px 5px;
    z-index: 100;
    margin: 0px auto;
    width: 50px;
}

#booking-show .block-row .day span {
    font-size: 14px;
    color: #000;
    z-index: 1000;
    top: 0px;
    left: 10%;
    position: absolute;
}

#booking-show .block-row .block {
    position: relative;
    float: left;
    height: 20px;
    width: 20px;
    background: #fff;
    border: 1px solid #ccc;
    z-index: 10100;
}

#booking-show .block-row .block-day {
    position: relative;
    display: none;
    float: left;
    background: #fff;
    padding: 25px 5px 10px;
    margin-top: 0px;
    width: 100%;
    margin-bottom: 0px;
    border-radius: 3px;
    border: 1px solid #939393;
}

#booking-show .block-row .choose-hours {
    position: relative;
    display: block;
    float: left;
    background: rgba(25, 26, 28, 1);
    padding: 10px 10px 0px;
    margin-top: 10px;
    width: 100%;
    margin-bottom: 5px;
    border-radius: 3px;
    border: 1px solid #939393;
}

#booking-show .block-row .choose-hours label {
    margin-left: 10px;
}

#booking-show .block-row .check-hours {
    position: relative;
    margin-top: 15px;
    width: 100%;
    background: #d4d4dc;
    height: 100%;
}

#booking-show .block-row .check-hours .block-check {
    position: relative;
    float: left;
    height: 100%;
    width: 16.66%;
    background: rgba(25, 26, 28, 1);
    z-index: 10100;
    text-align: center;
    padding: 15px 0px 5px;
    border: 1px solid #eee;
}

#booking-show .block-row .check-hours .block-check input[type="checkbox"] {
    width: 20px;
    height: 20px;
}

#booking-show .block-row span.unit_price_hours {
    padding: 3px 10px;
    background: rgba(25, 26, 28, 1);
    border: 1px solid #ddd;
    border-radius: 20px;
}

input:disabled {
    cursor: default;
    background-color: -internal-light-dark(rgba(239, 239, 239, 0.3),
            rgba(59, 59, 59, 0.3));
    color: -internal-light-dark(rgb(255, 255, 84), rgb(170, 170, 170));
    border-color: rgba(118, 118, 118, 0.3);
}

input[type="checkbox"]:disabled+label {
    color: #000;
}

#booking-show .block-row .block-check label {
    display: block;
}

#booking-show .block-row .block.unlock:hover {
    cursor: pointer;
    background: rgba(0, 0, 255, 0.2) !important;
}

#booking-show .block-row .block.active {
    cursor: pointer;
    background: blue !important;
}

#booking-show .block-row .block span {
    color: #000;
    font-size: 11px;
    padding: 0px 0px 0px 1px;
    position: absolute;
    top: 160%;
    background: #fff;
    border: 1px solid #ccc;
    width: 65px;
    display: none;
    z-index: 1200;
}

#booking-show .block-row .block span.hidden {
    display: none;
}

#booking-show .block-row .block span.tooltip-hidden {
    display: none;
}

#booking-show .block-row .block span.hidden-date {
    display: none;
}

#booking-show .block-row .block:hover span.tooltip-hidden {
    display: block;
    left: 0px;
}

#booking-show .block-row .block span.tip {
    color: rgba(0, 0, 0, 0.6);
    font-size: 11px;
    padding: 0px 0px 0px 1px;
    position: absolute;
    top: -140%;
    background: transparent;
    border: none;
    width: auto;
    display: block;
}

.block-row .block span.tip::before {
    content: "\25be";
    padding: 0px;
    position: absolute;
    top: 7px;
    font-size: 16px;
    left: 10%;
    color: rgba(0, 0, 0, 0.3);
}

.block-calendar {
    position: relative;
    float: left;
    background: #000;
    margin: 0px auto;
    display: block;
    padding: 5px;
    /*border: 2px solid #ebedf2;*/
    width: 100%;
}

.block-calendar .month-year {
    position: relative;
    width: 100%;
    text-align: center;
    padding: 15px;
}

.block-calendar .month-year span {
    font-size: 20px;
    font-weight: 700;
    color: #000;
}

.block-calendar .block-date {
    width: 14.28%;
    position: relative;
    float: left;
    text-align: center;
    padding: 0px;
}

.block-calendar .block-date div.day {
    font-size: 18px;
    font-weight: 500;
    border: none;
    background: transparent !important;
}

.block-calendar .block-date div {
    border-radius: 3px;
    padding: 5px 15px;
    background: #fff;
    border: 1px solid #ccc;
    margin: 15px;
    text-align: center;
}

.block-calendar .block-date div.blank {
    border: none;
}

.block-calendar .block-date div span {
    font-size: 18px;
    font-weight: 500;
}

.block-calendar .block-date div.allow {
    cursor: pointer;
}



@media (min-width: 768px) and (max-width: 1025px) {
    .block-calendar .block-date div {
        border-radius: 3px;
        padding: 5px 0px;
        background: #fff;
        border: 1px solid #ccc;
        margin: 15px;
        text-align: center;
    }
}

@media (min-width: 768px) {
    
    .block-calendar .block-date div.allow.current:hover,
    .block-calendar .block-date div.allow:hover {
        color: #fff;
        background: #e62e04;
    }
}

.block-calendar .block-date div.allow.forent.added,
.block-calendar .block-date div.allow.added.current,
.block-calendar .block-date div.allow.added {
    color: #fff;
    background: #25b053 !important;
}

.block-calendar .block-date div.allow.forent,
.block-calendar .block-date div.allow.added.forent {
    color: #000;
    background: #fff;
    border: 1px solid #25b053;
}

.block-calendar .block-date div.allow.current {
    background: #f1f1f1;
}

.block-calendar .block-date div.allow.current span {
    color: #000;
}

.block-calendar .block-date div.disable {
    color: #ccc;
    background: #fff;
    border: 1px solid #ccc;
    border-radius: 3px;
}

.block-calendar .block-date div.full {
    color: #fff;
    background: #e62e04;
    border: 1px solid #ccc;
    border-radius: 3px;
}

.block-calendar .block-date div.full.disable {
    color: #ccc;
    background: #fff;
}

.booking-popup-mini {
    display: none;
    position: fixed;
    z-index: 2500;
    left: 0;
    top: 0%;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgba(0, 0, 0, 0.8);
}

/*input blocktime*/
.booking-popup-mini-follow {
    display: none;
    position: relative;
    z-index: 2500;
    left: 0;
    top: 0%;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: transparent;
}

.booking-popup-mini-follow .booking-zone-mini {
    z-index: 3510;
    position: relative;
    background-color: transparent;
    max-width: 90%;
    height: auto;
    margin-top: 6.5%;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    padding: 0px;
}

.booking-popup-mini-follow .booking-zone-mini .add_datetime_booking {
    padding: 3px 15px;
    position: relative;
    margin-top: 15px;
    color: #fff;
    background: rgba(230, 46, 4, 0.6);
}

.booking-popup-mini-follow .booking-zone-mini .pick-time {
    width: 100%;
    background: #fff;
}

.booking-popup-mini-follow .booking-zone-mini .pick-time .pick-input {
    width: 50%;
    position: relative;
    float: left;
}

.booking-popup-mini-follow .booking-zone-mini .input-group.date .input-group-addon {
    cursor: pointer;
    position: relative;
    right: 25px;
    top: 10px;
}

.booking-popup-mini-follow .booking-zone-mini .datetime-close {
    border-radius: 50%;
    font-size: 1.2em;
    padding: 3px 11px;
    font-weight: 700;
    color: #fff;
    background: rgba(0, 0, 0, 0.6);
    float: right;
    position: absolute;
    right: -23px;
    top: -10px;
    cursor: pointer;
    z-index: 2120;
}

.booking-popup-mini-follow .booking-zone-mini .booking-form {
    padding: 10px 5px;
}

#booking-show .booking-zone .title-booking {
    padding-top: 15px;
    text-align: center;
}

#booking-show .booking-zone .title-booking h3 {
    color: #000 !important;
    font-weight: 700;
    font-size: 18px;
    text-transform: uppercase;
}

.show-booking .loading {
    text-align: center;
    width: 100%;
    width: 100%;
}

.show-booking {
    color: #000;
}

.show-booking .loading .img-loading {
    position: relative;
    width: 100px;
    height: auto;
    margin-left: auto;
    margin-right: auto;
}

.entity_index {
    display: block;
    padding-top: 8px;
    padding-left: 0px;
}

.list-datetime {
    position: relative;
    padding: 0px 5px 3px;
    display: inline-block;
    margin-top: 0%;
}

.list-datetime span.tags {
    padding: 3px 5px;
    font-size: 14px;
    color: #fff;
    background: blue;
    margin: 5px;
}

.rect {
    height: 17px;
    width: 17px;
    display: inline-block;
    position: relative;
    top: 4px;
    border: 2px solid #ccc;
}

.rect.yellow {
    background: yellow;
}

.rect.red {
    background: red;
}

.rect.white {
    background: white;
}

.rect.blue {
    background: blue;
}

.rect.white {
    background: white;
}

.select-tick {
    height: 20px;
    width: 20px;
    position: relative;
    display: inline-block;
    bottom: 0px;
    top: 6px;
    left: 0px;
    border: 2px solid #ccc;
}

.select-tick.green {
    background-image: url(../img/tick-green.jpg);
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.select-tick.blue {
    background-image: url(../img/tick-xanh.jpg);
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.select-tick.white {
    background-image: url(../img/tick-trang.jpg);
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.select-tick.yellow {
    background-image: url(../img/tick-xanh.jpg);
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

@media (max-width: 768px) {
    .py-5.py-5-custom {
        padding-top: 0.5rem !important;
    }
    #booking-show .block-row .check-hours .block-check {
        position: relative;
        float: left;
        left: 0px;
        height: 100%;
        width: 16.66%;
        background: transparent;
        z-index: 10100;
        text-align: center;
    }

    #booking-show .block-row .block {
        position: relative;
        float: left;
        left: 0px;
        height: 20px;
        width: 16.66%;
        background: #fff;
        border: 1px solid #ccc;
        z-index: 10100;
        margin-top: 15px;
        margin-bottom: 15px;
    }

    #booking-show .block-row .tick {
        position: absolute;
        float: left;
        height: auto;
        text-align: left;
        padding: 5px 5px;
        z-index: 2300;
        margin: 0px auto;
        width: 20px;
        padding-top: 10px;
    }

    #booking-show .block-row .day {
        position: relative;
        float: left;
        height: 20px;
        text-align: left;
        padding: 10px 5px;
        z-index: 100;
        margin-top: 7px;
        margin-bottom: 20px;
        width: 100%;
    }

    #booking-show .block-row .block span.tip {
        color: #939393;
        font-size: 11px;
        padding: 0px 0px 0px 1px;
        position: absolute;
        top: -140%;
        background: transparent;
        border: none;
        width: auto;
        display: block;
        left: 33%;
    }

    .block-calendar .block-date div {
        border-radius: 3px;
        padding: 5px 5px;
        background: #fff;
        border: 1px solid #ccc;
        margin: 5px;
        text-align: center;
    }

    .block-calendar .month-year {
        position: relative;
        width: 100%;
        text-align: center;
        padding: 0px;
    }

    .block-calendar .month-year span {
        font-size: 14px;
        font-weight: 500;
        color: #000;
    }

    .block-calendar .block-date div span {
        font-size: 14px;
        font-weight: 500;
    }

    .block-calendar .block-date div.day {
        font-size: 14px;
        font-weight: 500;
        border: none;
    }

    .ui-select .ui-btn select {
        font-size: 50px;
    }

    /*.block-calendar .block-date div.allow:hover{
		color:#fff;
		background:#e62e04 !important;
	}*/
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {

    select,
    textarea,
    input {
        font-size: 16px;
    }
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {

    select:focus,
    textarea:focus,
    input:focus {
        font-size: 16px;
    }
}

.htz-popup-processing {
    display: none;
    position: fixed;
    z-index: 1010;
    left: 0;
    top: 0%;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgba(0, 0, 0, 0.1);
}

.htz-popup-processing .processing {
    position: relative;
    background-color: transparent;
    width: 250px;
    height: 250px;
    margin-top: 15%;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

.htz-popup-processing .processing .loading {
    position: absolute;
    top: 11%;
    left: 11%;
    display: block;
    width: 200px;
    height: 200px;
    margin-left: auto;
    margin-right: auto;
}

.htz-popup-processing .processing .checked-img {
    display: none;
    width: 60px;
    margin-right: auto;
    margin-left: auto;
    padding: 5px;
}

#testscreen {
    color: #fff;
}

.custom-fix-bottom {
    position: fixed;
    left: 0px;
    right: auto;
    bottom: 0px !important;
    width: 100%;
}

.custom-bottom {
    position: relative;
    width: 100%;
    border-bottom: 1px solid #ddd;
}

ul.vnposttotalshipfee {
    list-style: none;
    margin-top: 10px;
    padding: 0px;
}

ul.vnposttotalshipfee li {
    width: 100%;
}

ul.vnposttotalshipfee li div:first-child {
    width: 70%;
    float: left;
    padding-top: 5px;
    padding-bottom: 5px;
}

ul.vnposttotalshipfee li div:nth-child(2) {
    width: 30%;
    float: left;
    padding-top: 5px;
    padding-bottom: 5px;
}

.list-group span p {
    color: #1b1b28;
    font-weight: 600;
    opacity: 1 !important;
    margin-bottom: 0rem;
}

a.map,
a.map fa {
    font-size: 14px;
}

/*popup google map*/
.htz-popup-google-map {
    display: none;
    position: fixed;
    z-index: 1020;
    left: 0;
    top: 0%;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgba(0, 0, 0, 0.3);
}

.htz-popup-google-map .show-map {
    margin-top: 5%;
    background: #fff;
    width: 500px;
    min-height: 300px;
    margin-left: auto;
    margin-right: auto;
    z-index: 12000;
    padding: 5px;
}

.htz-popup-google-map .show-map .bnt-close {
    position: absolute;
    right: 30px;
    top: 50px;
    left: auto;
    color: #000;
    font-size: 18px;
    border: 1px solid #000;
    border-radius: 50%;
    padding: 0px 5px;
    background: #fff;
    z-index: 20000;
}

.htz-popup-google-map .show-map .bnt-close fa {
    font-size: 18px;
    color: #000;
}

@media (max-width: 678px) {
    .htz-popup-google-map .show-map .bnt-close {
        right: 0px;
        top: 60px;
    }

    .htz-popup-google-map .show-map {
        margin-top: 20%;
    }
}

.list-aminity {
    position: relative;
    padding: 0px 15px 0px 15px;
}

.scroll-amenity {
    max-height: 100%;
    /*max-height: 100px;*/
    /*overflow-y: scroll;*/
    margin-bottom: 0.1em;
}

/* Track */
.scroll-amenity::-webkit-scrollbar-track {
    background: rgba(239, 239, 239, 0.2);
}

/* Handle */
.scroll-amenity::-webkit-scrollbar-thumb {
    background: rgba(239, 239, 239, 1);
}

/* Handle on hover */
.scroll-amenity::-webkit-scrollbar-thumb:hover {
    background: #ddd;
}

ul.amenity {
    list-style: none;
    margin: 0;
    padding: 0;
    width: 100%;
    display: contents;
}

ul.amenity li {
    float: left;
    padding: 5px 5px;
    width: 85px;
    text-align: center;
    border: 1px dotted #e2e5ec;
}

.scroll-amenity ul.amenity li {
    float: left;
    padding: 5px 5px;
    width: 82px;
    text-align: center;
    border: 1px dotted #e2e5ec;
}

ul.amenity li img.icon-amenity {
    width: 30px !important;
    height: auto;
}

ul.amenity li input[type="checkbox"] {
    border: 1px solid #27bdbe;
    height: 15px;
    width: 15px;
    display: inline-block;
    margin-right: auto;
}

ul.amenity li a.tip {
    margin-bottom: 0rem;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    height: 1.1rem;
    border-top: 1px solid #e2e5ec;
    color: #939393;
}

input[type="checkbox"]:checked+a {
    color: #000 !important;
    font-weight: 550;
}

.layout-video {
    position: relative;
    width: 100%;
    height: 100%;
    float: left;
    color: #fff;
    background: rgba(25, 26, 28, 1);
    margin-bottom: 40px;
}

.container-sidebar {
    width: 100%;
    height: 100%;
    background: rgba(239, 239, 239, 0.6);
    float: left;
}

.container-sidebar .list-icon-image {
    position: relative;
    margin: auto;
    padding: 5px;
    height: auto;
    display: flex;
    justify-content: center;
    align-items: center;
}

.container-sidebar .list-icon-image ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.container-sidebar .list-icon-image ul li {
    width: 33.33%;
    text-align: center;
    padding: 15px;
    float: left;
}

.container-sidebar .list-icon-image ul li img {
    width: 80%;
    height: auto;
}

.carousel-box.video {
    width: 100%;
    background: #fff;
}

.layout-video .container-video {
    position: relative;
    width: 85%;
    height: 100%;
    float: left;
}

.layout-video .warranty {
    position: relative;
    width: 15%;
    height: 100%;
    float: left;
    color: #fff;
    background: rgba(25, 26, 28, 1);
}

.layout-video .warranty ul {
    list-style: none;
    padding: 5px 15px;
    margin: 0px;
}

.layout-video .warranty ul li {
    padding: 3px;
    margin-top: 28px;
    margin-bottom: 28px;
}

.layout-video .warranty ul li img {
    width: 100%;
    height: auto;
}

.layout-video .warranty ul li a {
    font-size: 16px;
    font-weight: 600;
    color: #fff;
}

.layout-video .all-channel ul {
    width: 100%;
    display: block;
    list-style: none;
    padding: 5px 5px;
    margin-top: 5px;
}

.layout-video .warranty.program .area-scroll {
    overflow-y: hidden;
    height: 390px;
    scroll-behavior: smooth;
}

.layout-video .warranty.program .area-scroll div.head {
    padding: 8px;
    text-align: center;
    width: 100%;
}

.layout-video .warranty.program .area-scroll div.head a {
    color: #fff;
    font-size: 16px;
    font-weight: 400;
}

.layout-video .warranty.program ul {
    list-style: none;
    padding: 5px 5px;
    margin: 0px;
}

.layout-video .warranty.program ul li {
    padding: 2px 1px 2px 1px;
    margin-top: 3px;
    margin-bottom: 3px;
    text-align: center;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
}

.layout-video .warranty.program ul li.broadcasting {
    background: rgba(0, 0, 0, 0.3);
}

.layout-video .warranty.program ul li a p.title {
    color: rgba(255, 255, 255, 0.6);
    margin: 0 0 4px 0;
    font-size: 14px;
    line-height: 1.2rem;
    font-weight: 300;
    overflow: hidden;
    display: block;
    max-height: 2.4rem;
    -webkit-line-clamp: 2;
    display: box;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    white-space: normal;
}

.layout-video .warranty.program ul li.broadcasting a p.title {
    color: rgba(255, 255, 255, 0.8);
    font-size: 14px;
}

.layout-video .warranty.program ul li a {
    font-size: 13px;
    font-weight: 300;
    color: rgba(255, 255, 255, 0.6);
}

.layout-video .warranty.program ul li a img {
    height: auto;
    width: 100%;
}

.layout-video .warranty.program ul li a p {
    margin-top: 0;
    margin-bottom: 0.1rem;
}

.layout-video .warranty.program .btn-scroll {
    position: absolute;
    left: 0px;
    bottom: -7px;
    z-index: 1;
    padding: 3px 3px;
    overflow: hidden;
    width: 100%;
}

.layout-video .warranty.program .btn-scroll button.btn {
    background: rgba(255, 255, 255, 0.9);
    width: 100%;
    height: 30px;
    text-align: -webkit-center;
    padding: 0px 3px;
    font-size: 1.2rem;
}

.layout-video .list-video {
    width: 100%;
    height: 100%;
    color: #fff;
    background: rgba(25, 26, 28, 1);
    padding-top: 15px;
    display: inline-block;
    z-index: 10000;
    margin-left: auto;
    margin-right: auto;
}

.layout-video .list-video ul {
    list-style: none;
    padding: 0px 0px;
    margin: 0px;
    height: 100%;
    background: #fff;
    display: block;
}

.layout-video .list-video ul li {
    position: relative;
    padding: 3px;
    float: left;
    text-align: left;
    width: 33.33%;
    margin-top: 0px;
    margin-bottom: 0px;
    min-height: 100%;
    border-left: 1px solid #f2f3f8;
    border-bottom: 1px solid #f2f3f8;
}

.layout-video .list-video ul li a {
    font-size: 13px;
    font-weight: 300;
    color: #fff;
}

.layout-video .list-video .blank {
    height: 30px;
    width: 100%;
}

.layout-video .container-video .over-screen {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0px;
    top: 0px;
    background: rgba(0, 0, 0, 0.3);
    text-align: center;
    z-index: 1;
}

video[poster] {
    height: 100%;
    width: 100%;
    object-fit: cover;
}

video[controls] {
    z-index: 3000;
}

.layout-video .container-video .over-screen .btn-play {
    position: relative;
    top: 40%;
    left: 45%;
    z-index: 1000;
    width: 100px;
    height: auto;
    color: #fff;
    background: #e62e04;
    border-radius: 10px;
    padding: 8px;
    border: 1px solid rgba(0, 0, 0, 0.8);
}

.layout-video .container-video .over-screen .btn-play .la-play {
    color: #fff;
    font-size: 40px;
}

.layout-video .container-video .over-screen .btn-play:hover .la-play {
    color: #e62e04;
}

.layout-video .container-video .over-screen .btn-play:hover {
    background: #fff;
}

.layout-video .container-video .over-ads {
    width: 100%;
    height: 30%;
    position: absolute;
    left: 0%;
    bottom: 0%;
    background: transparent;
    z-index: 1210;
}

.layout-video .container-video .btn-ads-more {
    position: absolute;
    right: 2%;
    left: auto;
    bottom: 16%;
    float: right;
    z-index: 2;
}

.layout-video .container-video .btn-ads-more .link-more {
    color: #fff;
    font-size: 16px;
    padding: 5px 15px;
    background: rgba(0, 0, 0, 0.6);
}

.layout-video .container-video .btn-ads-more .link-more:hover {
    color: var(--white);
    background-color: var(--primary);
    border-color: var(--primary);
}

.layout-video .container-video .btn-ads-more .link-more::after {
    position: relative;
    content: "\00BB";
    font-size: 30px;
    top: 3px;
    right: 0px;
}

.hotdeal .more {
    position: absolute;
    float: right;
    left: auto;
    right: 15px;
    top: 0px;
}

.hotdeal .more .link-more {
    color: #1b1b28;
    font-size: 16px;
    padding: 5px 15px;
    font-weight: 600;
}

.hotdeal .more .link-more:hover {
    color: var(--white);
    background-color: var(--primary);
    border-color: var(--primary);
}

.hotdeal .more .link-more::after {
    position: relative;
    content: "\00BB";
    font-size: 30px;
    top: 3px;
    right: 0px;
}

@media (max-width: 768px) {
    .py-5-custom {
        padding-top: 3rem;
    }

    .layout-video .container-video .over-screen .btn-play {
        top: 30%;
        left: 43%;
        width: 60px;
        padding: 5px;
    }

    .layout-video .container-video .over-screen .btn-play .la-play {
        font-size: 25px;
    }

    .layout-video .container-video .over-ads .btn-ads-more {
        position: relative;
        margin-right: auto;
        margin-left: auto;
        float: right;
        margin-top: -40%;
    }

    .layout-video .container-video .over-ads .btn-ads-more {
        position: relative;
        margin-right: auto;
        margin-left: auto;
        float: right;
        margin-top: -30%;
    }

    .layout-video .container-video .over-ads {
        width: 100%;
        height: 35%;
        position: absolute;
        left: 0%;
        bottom: 0%;
        background: transparent;
        z-index: 1210;
        display: none;
    }

    .container-sidebar .list-icon-image ul {
        list-style-type: none;
        margin: 0;
        padding: 0;
        width: 70%;
    }

    ul.amenity li {
        float: left;
        padding: 5px 5px;
        width: 78px;
        text-align: center;
        border: 1px dotted #e2e5ec;
    }

    .layout-video .container-video {
        width: 100%;
    }

    .layout-video .warranty {
        position: relative;
        width: 100%;
        float: left;
        display: none;
    }

    .layout-video .warranty.program .area-scroll {
        overflow-y: scroll;
        height: 390px;
        scroll-behavior: smooth;
    }

    .layout-video .warranty.program .btn-scroll {
        display: none;
    }

    .layout-video {
        margin-bottom: 0px;
        margin-top: 0px;
        position: relative;
    }

    .layout-video .warranty.program .area-scroll ul {
        -webkit-column-count: 2;
        -moz-column-count: 2;
        column-count: 2;
        column-gap: 4px;
    }

    .layout-video .warranty.program ul li a p.title {
        line-height: 1.2rem;
        height: 2.4rem;
        -webkit-line-clamp: 2;
    }

    .layout-video .warranty.program ul li {
        padding: 2px 1px 2px 1px;
        margin-top: 0px;
        margin-bottom: 4px;
        text-align: center;
        border: 1px solid rgba(255, 255, 255, 0.1);
        break-inside: avoid-column;
        list-style-type: none;
        height: 90px;
    }
}

.modal-content.flash-sale {
    background: transparent !important;
}

.aiz-editor-data.popup {
    position: relative;
    text-align: center;
}

.aiz-editor-data.popup img {
    max-width: 80%;
    height: auto;
}

.editor__editable,
main .ck-editor[role="application"] .ck.ck-content,
.ck.editor__editable[role="textbox"],
.ck.ck-editor__editable[role="textbox"],
.ck.editor[role="textbox"] {
    width: 100%;
    background: #fff;
    font-size: 1.1em;
    line-height: 1.7em;
    min-height: 100px;
    padding: 5px 10px;
}

.editor__editable p,
main .ck-editor[role="application"] .ck.ck-content p,
.ck.editor__editable[role="textbox"] p,
.ck.ck-editor__editable[role="textbox"] p,
.ck.editor[role="textbox"] p {
    margin-top: 0;
    margin-bottom: 0.2rem;
}

.aiz-category-menu .all-category span {
    color: #fff;
}

.aiz-category-menu .sub-cat-menu .card,
.aiz-category-menu .sub-cat-menu {
    background: rgba(25, 26, 28, 1);
}

.aiz-category-menu .sub-cat-menu .card ul li a {
    color: #fff;
}

.aiz-category-menu .sub-cat-menu .card ul li:hover a,
.aiz-category-menu .category-nav-element:hover>a {
    background: rgba(25, 26, 28, 0.6);
    color: #e62e04 !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}

.slider,
.block-calendar,
.bg-dark-gray {
    color: #fff;
    background: #F4D037;
    /*background: rgba(25, 26, 28, 0.6);*/
}

.sticky-top .bg-dark-gray {
    background: rgba(25, 26, 28, 1);
}

.block-calendar .block-date div {
    /*background: rgba(25, 26, 28, 1) !important;*/
    border: 1px solid #000;
    background: #ffffff !important;
    color: #000;
}

.block-calendar .block-date div.blank {
    opacity: 0;
}

.block-calendar .block-date div.disable {
    color: rgba(255, 255, 255, 0.3);
    background: rgba(25, 26, 28, 0.1) !important;
    border: 1px solid rgba(255, 255, 255, 0.3);

}

.block-calendar .block-date div.allow.current span {
    color: #000;
}

.bg-dark-gray.detail,
.bg-dark-gray .location,
.bg-dark-gray h1,
#search-form h1,
#search-form .breadcrumb li a,
.bg-dark-gray a,
.bg-dark-gray h3 {
    color: #fff !important;
}

.bg-dark-gray.detail .bg-soft-primary {
    color: #fff;
}

.bg-soft-primary {
    color: #fff;
}

.aiz-main-wrapper {
    background: rgb(2, 13, 35);
}

.top-navbar ul li a span,
.top-navbar ul li a {
    color: #fff;
}

/*.hover-category-menu.active #category-sidebar span,
.hover-category-menu.active #category-sidebar > ul > li a{
	color:#000 !important;
}*/
.custom-header-menu .bg-dark-gray {
    /*border-top: 1px solid rgba(255, 255, 255, 0.1);*/
}

.aiz-radio-inline span {
    color: #fff;
}

#option-choice-form {
    color: #fff;
}

.nav-cart-box .dropdown-menu {
    color: #fff;
    background: rgba(25, 26, 28, 1);
}

.nav-cart-box .dropdown-menu ul {
    background: rgba(25, 26, 28, 1);
}

.nav-cart-box .dropdown-menu ul li.list-group-item {
    border: 1px solid #ddd;
    background: rgba(25, 26, 28, 1);
}

.nav-cart-box .dropdown-menu ul li.list-group-item .btn {
    color: #fff;
}

.detail-page h1,
.checkout h1 {
    color: #fff;
}

.notifications .list-group-flush li a span {
    color: #000;
}

.bg-white {
    color: #fff;
    background-color: rgba(25, 26, 28, 0.6);
}

.bg-white .tab-content {
    color: #000;
    background: #fff !important;
}

#cart-summary .list-group-item {
    background: rgba(25, 26, 28, 0.6);
}

.checkout .bg-white {
    color: #000;
    background: #fff;
}

.checkout p {
    color: #fff;
}

.aiz-mobile-bottom-nav.bg-white {
    background-color: rgba(25, 26, 28, 1);
}

.sidebar-left .list-group-flush>.list-group-item {
    background: rgba(25, 26, 28, 0.6);
}

label.aiz-megabox.bg-white {
    color: #000;
    background: #fff;
}

label.aiz-checkbox {
    color: #fff;
}

.customer_product_details ul.list-group {}

.customer_product_details .list-group-item {
    position: relative;
    display: block;
    padding: 0.75rem 1.25rem;
    background-color: rgba(25, 26, 28, 0.6);
    border: 1px solid rgba(0, 0, 0, 0.125);
}

.freeforms {
    background: #dee2e6;
    padding: 15px;
    border-radius: 3px;
}

.px-18 {
    padding-right: 1.3rem !important;
}

.list-inline-item {
    display: inline-block;
}

/* custom text */
.aiz-main-wrapper {
    background: #002057 !important;
}

.bg-dark-gray {
    background: #0f1d55 !important;
}

.row.bg-color {
    background: #0f1d53 !important;
}

.container_wrap {
    padding: 0 30px !important;
}

.sidebar-left .list-group-flush>.list-group-item {
    background: none;
}

.color-white-text {
    color: #fff !important;
}

.color-black-text,
.list-group-item.color-black a,
.color-black a {
    color: #000 !important;
}

.ct-h-170 {
    height: 170px !important;
}

.form-label.required {
    position: relative;
}

.form-label.required::after {
    content: "*";
    color: rgb(230, 0, 0);
    position: absolute;
    z-index: 1;
    right: -10px;
    top: 0;
    font-weight: 600;
}

.select-check-order {
    display: flex;
    align-items: center;
    gap: 10px;
}

.select-check-order .select-action {
    width: 60px;
    padding: 5px;
    border: 1px solid #ccc;
    border-radius: 10px;
    text-align: center;
    background-color: #fff;
    cursor: pointer;
}

.select-check-order input {
    display: none !important;
}

.select-check-order input:checked+label {
    background-color: #e62e04 !important;
    color: #fff !important;
}

.text-black {
    color: #000;
}

.ct-language:hover {
    color: #fff;
}

.currency-hover:hover a span {
    color: #fff !important;
}

.active.color-text span {
    color: #fff !important;
}

.ct-w-300px {
    width: 100%;
    max-width: 300px !important;
}

.top-sell-box {
    padding: 0 15px !important;
}

.icon-action-cart a:hover i.color-hover,
.language-hover li:hover span {
    color: #fff !important;
}

.search-wrap-mobile {
    display: none;
    transform: translateY(0px) !important;
}

.menu-btn-nav button {
    padding: 10px;
    border-radius: 5px;
    border: none;
    background-color: #e62e04;
    display: none;
    margin-left: 20px;
    color: #fff;
    font-weight: 600;
}

header .search-flex .header-logo .text-home {
    display: none;
}

header .search-flex .header-logo .icon-home {
    display: none;
}

header .search-flex .header-logo .img-home {
    display: block;
}

@media screen and (max-width: 1024px) {
    .layout-filter {
        flex-wrap: wrap;
    }
}

@media screen and (max-width: 991px) {
    header .search-flex .header-logo .text-home {
        display: block;
    }

    header .search-flex .header-logo .icon-home {
        display: block;
    }

    header .search-flex .header-logo .img-home {
        display: none;
    }

    header .search-flex {
        margin-top: 5px;
        margin-bottom: 5px;
    }

    header .search-flex .header-logo {
        width: 100%;
    }

    header .search-flex .header-logo a.head-link {
        width: 33.33%;
        padding: 3px;
    }

    header .search-flex .header-logo a .head-mobile {
        border: 1px solid #939393;
        height: 50px;
        padding: 3px;
        text-align: center;
        display: none;
    }

    .header-logo {
        width: 100%;
        padding-right: unset !important;
    }

    .search-flex {
        flex-wrap: wrap !important;
    }

    .search-container {
        width: 100%;
        display: flex;
        align-items: center;
    }

    .search-wrap-desktop {
        display: none !important;
    }

    .search-wrap-mobile {
        display: block !important;
        position: unset !important;
        width: 100%;
        max-width: 700px;
        height: 45px;
        border-radius: 10px;
    }

    .front-header-search {
        opacity: 1;
    }

    .search-wrap-mobile .input-search {
        border-radius: 10px !important;
    }

    .menu-btn-nav button {
        display: block !important;
    }
}

@media screen and (max-width: 425px) {
    .search-wrap {
        max-width: 365px;
    }
}

@media screen and (max-width: 405px) {
    .ct-w-full {
        width: 100% !important;
    }
}

.customer_product_details .list-group-item,
#cart-summary .list-group-item {
    background: unset !important;
}

.h-40px {
    height: 40px !important;
}

span.unit {
    position: relative;
    margin-left: 5px;
}

ul.verify {
    list-style: none;
    float: left;
    margin: 0px;
    padding: 0px;
}

ul.verify li {
    float: left;
    padding: 5px;
    width: 150px;
    margin: 5px;
}

.location ul.verify {
    list-style: none;
    float: left;
    margin: 0px;
    padding: 0px;
}

.location ul.verify li {
    float: left;
    padding: 5px;
    width: 30px;
    margin: 5px;
}

.list-video .ytd-rich-grid-media {
    color: var(--yt-spec-text-primary);
    font-size: 0.6rem;
    line-height: 1.2rem;
    font-weight: 300;
    overflow: hidden;
    display: block;
    height: 2.4rem;
    -webkit-line-clamp: 2;
    display: box;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    white-space: normal;
}

.packages .image-pro img {
    width: 100%;
    height: auto;
}

/*.packages .list ul {
	list-style:none;
	margin:0px;
	padding:0px;
}
.packages .list ul li {
	padding: 5px 15px;
	margin:0px 15px 15px;
	float:left;
	background:transparent;
	border-radius:3px;
	border:1px solid #fff;
	width:200px;
}
.packages .list ul li a {
	color:#fff !important;
}*/

/*goi pro */
.packages {
    background: #ffffff;
}

::-moz-focusring {
    outline: auto
}

:-moz-ui-invalid {
    box-shadow: none
}

progress {
    vertical-align: baseline
}

::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
    height: auto
}

::-webkit-search-decoration {
    -webkit-appearance: none
}

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit
}

audio,
canvas,
embed,
iframe,
object,
video {
    display: block;
    vertical-align: middle
}

video {
    max-width: 100%;
    height: auto
}

[hidden] {
    display: none
}

img,
svg {
    display: inline-block;
    vertical-align: middle
}

img {
    max-width: none
}

._1fi8cqc0 {
    --_1qkjl4v0: #000;
    --_1qkjl4v1: #9b9b9b;
    --_1qkjl4v2: #38699f;
    --_1qkjl4v3: #598dc5;
    --_1qkjl4v4: #e1eaf4;
    --_1qkjl4v5: #cacaca;
    --_1qkjl4v6: #e8e8e8;
    --_1qkjl4v7: #f4f4f4;
    --_1qkjl4v8: #fff4d6;
    --_1qkjl4v9: #cacaca;
    --_1qkjl4va: #ffba00;
    --_1qkjl4vc: #ffce47;
    --_1qkjl4vb: #cc9600;
    --_1qkjl4vd: #fff4d6;
    --_1qkjl4ve: #fff9ea;
    --_1qkjl4vf: #589f39;
    --_1qkjl4vh: #7ac45a;
    --_1qkjl4vg: #42782b;
    --_1qkjl4vi: #e4f1de;
    --_1qkjl4vj: #f1f8ee;
    --_1qkjl4vk: #fe9900;
    --_1qkjl4vm: #ffb647;
    --_1qkjl4vl: #cc7a00;
    --_1qkjl4vn: #ffefd6;
    --_1qkjl4vo: #fff7ea;
    --_1qkjl4vz: #4a90e2;
    --_1qkjl4v11: #84b4eb;
    --_1qkjl4v10: #2275d3;
    --_1qkjl4v12: #e0efff;
    --_1qkjl4v13: #eff6ff;
    --_1qkjl4vu: #d0021b;
    --_1qkjl4vw: #fd213b;
    --_1qkjl4vv: #a20214;
    --_1qkjl4vx: #ffd7db;
    --_1qkjl4vy: #ffeff1;
    --_1qkjl4v19: #ffba00;
    --_1qkjl4v1b: #ffce47;
    --_1qkjl4v1a: #cc9600;
    --_1qkjl4v1c: #fff4d6;
    --_1qkjl4v1d: #fff9ea;
    --_1qkjl4v14: #589f39;
    --_1qkjl4v16: #7ac45a;
    --_1qkjl4v15: #42782b;
    --_1qkjl4v17: #e4f1de;
    --_1qkjl4v18: #f1f8ee;
    --_1qkjl4vp: #cacaca;
    --_1qkjl4vr: #e8e8e8;
    --_1qkjl4vq: #9b9b9b;
    --_1qkjl4vs: #f4f4f4;
    --_1qkjl4vt: #f8f8f8;
    --_1qkjl4v1e: #f80;
    --_1qkjl4v1f: #fff4e0;
    --_1qkjl4v1g: #12a154;
    --_1qkjl4v1h: #ecf9f1;
    --_1qkjl4v1i: #ffba00;
    --_1qkjl4v1j: #fff;
    --_1qkjl4v1k: #f4f4f4;
    --_1qkjl4v1l: #e8e8e8;
    --_1qkjl4v1m: #222;
    --_1qkjl4v1n: #22222280;
    --_1qkjl4v1o: #e5193b;
    --_1qkjl4v1p: #fff0f2;
    --_1qkjl4v1q: #2a70df;
    --_1qkjl4v1r: #f2f6fc;
    --_1qkjl4v1s: #12a154;
    --_1qkjl4v1t: #ecf9f1;
    --_1qkjl4v1u: #f80;
    --_1qkjl4v1v: #fff4e0;
    --_1qkjl4v1w: #ffba00;
    --_1qkjl4v1x: #f80;
    --_1qkjl4v1y: #12a154;
    --_1qkjl4v1z: #222;
    --_1qkjl4v20: #595959;
    --_1qkjl4v21: #8c8c8c;
    --_1qkjl4v22: #2a70df;
    --_1qkjl4v23: #e5193b;
    --_1qkjl4v24: #108446;
    --_1qkjl4v25: #2a70df;
    --_1qkjl4v26: #e56700;
    --_1qkjl4v27: silver;
    --_1qkjl4v28: #fff;
    --_1qkjl4v29: #f80;
    --_1qkjl4v2a: #12a154;
    --_1qkjl4v2b: #e5193b;
    --_1qkjl4v2c: #2a70df;
    --_1qkjl4v2d: #ffba00;
    --_1qkjl4v2e: #fff;
    --_1qkjl4v2f: silver;
    --_1qkjl4v2g: #f80;
    --_1qkjl4v2h: #e8e8e8;
    --_1qkjl4v2i: silver;
    --_1qkjl4v2j: #8c8c8c;
    --_1qkjl4v2k: #f80;
    --_1qkjl4v2l: #fff;
    --_1qkjl4v2m: #f80;
    --_1qkjl4v2n: #12a154;
    --_1qkjl4v2o: #2a70df;
    --_1qkjl4v2p: #12a154;
    --_1qkjl4v2q: #e5193b;
    --_1qkjl4v2r: silver;
    --_1qkjl4v2s: #222;
    --_1qkjl4v2t: #f80;
    --_1qkjl4v2u: #12a154;
    --_1qkjl4v2v: #222;
    --_1qkjl4v2w: #595959;
    --_1qkjl4v2x: #8c8c8c;
    --_1qkjl4v2y: #fff;
    --_1qkjl4v2z: #2a70df;
    --_1qkjl4v30: #12a154;
    --_1qkjl4v31: #e5193b;
    --_1qkjl4v32: #f80;
    --_1qkjl4v33: #ffba00;
    --_1qkjl4v34: silver;
    --_1qkjl4v35: #f4f4f4;
    --_1qkjl4v36: #ffb057;
    --_1qkjl4v37: #e56700;
    --_1qkjl4v38: #ffe9c2;
    --_1qkjl4v39: #ffd494;
    --_1qkjl4v3a: #26c06e;
    --_1qkjl4v3b: #108446;
    --_1qkjl4v3c: #d9f2e4;
    --_1qkjl4v3d: #abe7c5;
    --_1qkjl4v3e: #ff4766;
    --_1qkjl4v3f: #b01730;
    --_1qkjl4v3g: #ffe5ea;
    --_1qkjl4v3h: #fccfd7;
    --_1qkjl4v3i: #a7a7a7;
    --_1qkjl4v3j: #737373;
    --_1qkjl4v3k: #e8e8e8;
    --_1qkjl4v3l: #dadada;
    --_1qkjl4v3m: #595959;
    --_1qkjl4v3n: #404040;
    --_1qkjl4v3o: #e8e8e8;
    --_1qkjl4v3p: #dadada;
    --_1qkjl4v3q: #4e8bef;
    --_1qkjl4v3r: #1956b8;
    --_1qkjl4v3s: #e4ecfb;
    --_1qkjl4v3t: #cadbf7;
    --_1qkjl4v3u: #26c06e;
    --_1qkjl4v3v: #108446;
    --_1qkjl4v3w: #d9f2e4;
    --_1qkjl4v3x: #abe7c5;
    --_1qkjl4v42: 0;
    --_1qkjl4v43: 2px;
    --_1qkjl4v44: 4px;
    --_1qkjl4v45: 8px;
    --_1qkjl4v46: 12px;
    --_1qkjl4v47: 20px;
    --_1qkjl4v48: 9999px;
    --_1qkjl4v49: 100%;
    --_1qkjl4v4a: 0px;
    --_1qkjl4v4b: 2px;
    --_1qkjl4v4c: 4px;
    --_1qkjl4v4d: 8px;
    --_1qkjl4v4e: 12px;
    --_1qkjl4v4f: 16px;
    --_1qkjl4v4g: 24px;
    --_1qkjl4v4h: 32px;
    --_1qkjl4v4i: 48px;
    --_1qkjl4v4j: 64px;
    --_1qkjl4v4k: 96px;
    --_1qkjl4v4l: 128px;
    --_1qkjl4v3y: none;
    --_1qkjl4v3z: 0px 2px 4px rgba(0, 0, 0, .5);
    --_1qkjl4v40: 0px 0px 8px rgba(0, 0, 0, .3);
    --_1qkjl4v41: 2px 2px 14px rgba(0, 0, 0, .3);
    --_1qkjl4v4m: 12px;
    --_1qkjl4v4n: 16px;
    --_1qkjl4v4o: 20px;
    --_1qkjl4v4p: 24px;
    --_1qkjl4v4q: 28px;
    --_1qkjl4v4r: 32px;
    --_1qkjl4v4s: 48px;
    --_1qkjl4v4t: 64px;
    --_1qkjl4v4u: 80px;
    --_1qkjl4v4v: 96px;
    --_1qkjl4v4w: 128px
}

._15jw4oz0 {
    --_1qkjl4v0: #222;
    --_1qkjl4v1: #8c8c8c;
    --_1qkjl4v2: #2a70df;
    --_1qkjl4v3: #4e8bef;
    --_1qkjl4v4: #1956b8;
    --_1qkjl4v5: silver;
    --_1qkjl4v6: #e8e8e8;
    --_1qkjl4v7: #f4f4f4;
    --_1qkjl4v8: #ffe999;
    --_1qkjl4v9: silver;
    --_1qkjl4va: #f80;
    --_1qkjl4vb: #e56700;
    --_1qkjl4vc: #ffb057;
    --_1qkjl4vd: #ffe9c2;
    --_1qkjl4ve: #fff4e0;
    --_1qkjl4vf: #12a154;
    --_1qkjl4vg: #108446;
    --_1qkjl4vh: #26c06e;
    --_1qkjl4vi: #d9f2e4;
    --_1qkjl4vj: #ecf9f1;
    --_1qkjl4vk: #f80;
    --_1qkjl4vl: #e56700;
    --_1qkjl4vm: #ffb057;
    --_1qkjl4vn: #ffe9c2;
    --_1qkjl4vo: #fff4e0;
    --_1qkjl4vp: silver;
    --_1qkjl4vq: #8c8c8c;
    --_1qkjl4vr: #e8e8e8;
    --_1qkjl4vs: #f4f4f4;
    --_1qkjl4vt: #f4f4f4;
    --_1qkjl4vu: #e5193b;
    --_1qkjl4vv: #ff4766;
    --_1qkjl4vw: #b01730;
    --_1qkjl4vx: #ffe5ea;
    --_1qkjl4vy: #fff0f2;
    --_1qkjl4vz: #4e8bef;
    --_1qkjl4v10: #2a70df;
    --_1qkjl4v11: #7ea8ed;
    --_1qkjl4v12: #e4ecfb;
    --_1qkjl4v13: #f2f6fc;
    --_1qkjl4v14: #12a154;
    --_1qkjl4v15: #108446;
    --_1qkjl4v16: #26c06e;
    --_1qkjl4v17: #d9f2e4;
    --_1qkjl4v18: #ecf9f1;
    --_1qkjl4v19: #ffba00;
    --_1qkjl4v1a: #e09900;
    --_1qkjl4v1b: #ffd35c;
    --_1qkjl4v1c: #ffe999;
    --_1qkjl4v1d: #fff6cc;
    --_1qkjl4v1e: #f80;
    --_1qkjl4v1f: #fff4e0;
    --_1qkjl4v1g: #12a154;
    --_1qkjl4v1h: #ecf9f1;
    --_1qkjl4v1i: #ffba00;
    --_1qkjl4v1j: #fff;
    --_1qkjl4v1k: #f4f4f4;
    --_1qkjl4v1l: #e8e8e8;
    --_1qkjl4v1m: #222;
    --_1qkjl4v1n: #22222280;
    --_1qkjl4v1o: #e5193b;
    --_1qkjl4v1p: #fff0f2;
    --_1qkjl4v1q: #2a70df;
    --_1qkjl4v1r: #f2f6fc;
    --_1qkjl4v1s: #12a154;
    --_1qkjl4v1t: #ecf9f1;
    --_1qkjl4v1u: #f80;
    --_1qkjl4v1v: #fff4e0;
    --_1qkjl4v1w: #ffba00;
    --_1qkjl4v1x: #f80;
    --_1qkjl4v1y: #12a154;
    --_1qkjl4v1z: #222;
    --_1qkjl4v20: #595959;
    --_1qkjl4v21: #8c8c8c;
    --_1qkjl4v22: #2a70df;
    --_1qkjl4v23: #e5193b;
    --_1qkjl4v24: #108446;
    --_1qkjl4v25: #2a70df;
    --_1qkjl4v26: #e56700;
    --_1qkjl4v27: silver;
    --_1qkjl4v28: #fff;
    --_1qkjl4v29: #f80;
    --_1qkjl4v2a: #12a154;
    --_1qkjl4v2b: #e5193b;
    --_1qkjl4v2c: #2a70df;
    --_1qkjl4v2d: #ffba00;
    --_1qkjl4v2e: #fff;
    --_1qkjl4v2f: silver;
    --_1qkjl4v2g: #f80;
    --_1qkjl4v2h: #e8e8e8;
    --_1qkjl4v2i: silver;
    --_1qkjl4v2j: #8c8c8c;
    --_1qkjl4v2k: #f80;
    --_1qkjl4v2l: #fff;
    --_1qkjl4v2m: #f80;
    --_1qkjl4v2n: #12a154;
    --_1qkjl4v2o: #2a70df;
    --_1qkjl4v2p: #12a154;
    --_1qkjl4v2q: #e5193b;
    --_1qkjl4v2r: silver;
    --_1qkjl4v2s: #222;
    --_1qkjl4v2t: #f80;
    --_1qkjl4v2u: #12a154;
    --_1qkjl4v2v: #222;
    --_1qkjl4v2w: #595959;
    --_1qkjl4v2x: #8c8c8c;
    --_1qkjl4v2y: #fff;
    --_1qkjl4v2z: #2a70df;
    --_1qkjl4v30: #12a154;
    --_1qkjl4v31: #e5193b;
    --_1qkjl4v32: #f80;
    --_1qkjl4v33: #ffba00;
    --_1qkjl4v34: silver;
    --_1qkjl4v35: #f4f4f4;
    --_1qkjl4v36: #ffb057;
    --_1qkjl4v37: #e56700;
    --_1qkjl4v38: #ffe9c2;
    --_1qkjl4v39: #ffd494;
    --_1qkjl4v3a: #26c06e;
    --_1qkjl4v3b: #108446;
    --_1qkjl4v3c: #d9f2e4;
    --_1qkjl4v3d: #abe7c5;
    --_1qkjl4v3e: #ff4766;
    --_1qkjl4v3f: #b01730;
    --_1qkjl4v3g: #ffe5ea;
    --_1qkjl4v3h: #fccfd7;
    --_1qkjl4v3i: #a7a7a7;
    --_1qkjl4v3j: #737373;
    --_1qkjl4v3k: #e8e8e8;
    --_1qkjl4v3l: #dadada;
    --_1qkjl4v3m: #595959;
    --_1qkjl4v3n: #404040;
    --_1qkjl4v3o: #e8e8e8;
    --_1qkjl4v3p: #dadada;
    --_1qkjl4v3q: #4e8bef;
    --_1qkjl4v3r: #1956b8;
    --_1qkjl4v3s: #e4ecfb;
    --_1qkjl4v3t: #cadbf7;
    --_1qkjl4v3u: #26c06e;
    --_1qkjl4v3v: #108446;
    --_1qkjl4v3w: #d9f2e4;
    --_1qkjl4v3x: #abe7c5;
    --_1qkjl4v42: 0;
    --_1qkjl4v43: 2px;
    --_1qkjl4v44: 4px;
    --_1qkjl4v45: 8px;
    --_1qkjl4v46: 12px;
    --_1qkjl4v47: 20px;
    --_1qkjl4v48: 9999px;
    --_1qkjl4v49: 100%;
    --_1qkjl4v4a: 0px;
    --_1qkjl4v4b: 2px;
    --_1qkjl4v4c: 4px;
    --_1qkjl4v4d: 8px;
    --_1qkjl4v4e: 12px;
    --_1qkjl4v4f: 16px;
    --_1qkjl4v4g: 24px;
    --_1qkjl4v4h: 32px;
    --_1qkjl4v4i: 48px;
    --_1qkjl4v4j: 64px;
    --_1qkjl4v4k: 96px;
    --_1qkjl4v4l: 128px;
    --_1qkjl4v3y: none;
    --_1qkjl4v3z: 0px 2px 4px rgba(0, 0, 0, .5);
    --_1qkjl4v40: 0px 0px 8px rgba(0, 0, 0, .3);
    --_1qkjl4v41: 2px 2px 14px rgba(0, 0, 0, .3);
    --_1qkjl4v4m: 12px;
    --_1qkjl4v4n: 16px;
    --_1qkjl4v4o: 20px;
    --_1qkjl4v4p: 24px;
    --_1qkjl4v4q: 28px;
    --_1qkjl4v4r: 32px;
    --_1qkjl4v4s: 48px;
    --_1qkjl4v4t: 64px;
    --_1qkjl4v4u: 80px;
    --_1qkjl4v4v: 96px;
    --_1qkjl4v4w: 128px
}


.aspect-w-2 {
    position: relative;
    padding-bottom: calc(var(--tw-aspect-h) / var(--tw-aspect-w) * 100%);
    --tw-aspect-w: 2
}

.aspect-w-2>* {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.aspect-h-1 {
    --tw-aspect-h: 1
}

.aspect-w-3 {
    position: relative;
    padding-bottom: calc(var(--tw-aspect-h) / var(--tw-aspect-w) * 100%);
    --tw-aspect-w: 3
}

.aspect-w-3>* {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.aspect-h-2 {
    --tw-aspect-h: 2
}

.static {
    position: static
}

.fixed {
    position: fixed
}

.absolute {
    position: absolute
}

.relative {
    position: relative
}

.inset-0 {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.top-0 {
    top: 0
}

.left-0 {
    left: 0
}

.right-0 {
    right: 0
}

.top-\[48px\] {
    top: 48px
}

.bottom-\[140px\] {
    bottom: 140px
}

.-top-\[9px\] {
    top: -9px
}

.left-\[0px\] {
    left: 0
}

.bottom-0 {
    bottom: 0
}

.-right-\[2px\] {
    right: -2px
}

.-top-\[2px\] {
    top: -2px
}

.left-1\/2 {
    left: 50%
}

.-top-4 {
    top: -1rem
}

.-top-3 {
    top: -.75rem
}

.-right-2 {
    right: -.5rem
}

.z-10 {
    z-index: 10
}

.z-20 {
    z-index: 20
}

.mx-auto {
    margin-left: auto;
    margin-right: auto
}

.mt-4 {
    margin-top: 1rem
}

.mt-2 {
    margin-top: .5rem
}

.mt-6 {
    margin-top: 1.5rem
}

.mt-16 {
    margin-top: 4rem
}

.mt-8 {
    margin-top: 2rem
}

.mt-3 {
    margin-top: .75rem
}

.ml-auto {
    margin-left: auto
}

.mb-6 {
    margin-bottom: 1.5rem
}

.mt-1 {
    margin-top: .25rem
}

.mt-14 {
    margin-top: 3.5rem
}

.block {
    display: block
}

.inline-block {
    display: inline-block
}

.flex {
    display: flex
}

.inline-flex {
    display: inline-flex
}

.grid {
    display: grid
}

.hidden {
    display: none
}

.h-10 {
    height: 2.5rem
}

.h-3 {
    height: .75rem
}

.h-4 {
    height: 1rem
}

.h-5 {
    height: 1.25rem
}

.h-6 {
    height: 1.5rem
}

.h-8 {
    height: 2rem
}

.h-12 {
    height: 3rem
}

.h-\[74px\] {
    height: 74px
}

.h-\[273px\] {
    height: 273px
}

.h-\[200px\] {
    height: 200px
}

.h-full {
    height: 100%
}

.h-2 {
    height: .5rem
}

.h-\[1px\] {
    height: 1px
}

.h-\[110px\] {
    height: 110px
}

.h-\[500px\] {
    height: 500px
}

.h-14 {
    height: 3.5rem
}

.h-7 {
    height: 1.75rem
}

.h-\[72px\] {
    height: 72px
}

.h-\[26px\] {
    height: 26px
}

.h-\[100px\] {
    height: 100px
}

.min-h-screen {
    min-height: 100vh
}

.w-\[400px\] {
    width: 400px
}

.w-full {
    width: 100%
}

.w-\[180px\] {
    width: 180px
}

.w-3 {
    width: .75rem
}

.w-4 {
    width: 1rem
}

.w-5 {
    width: 1.25rem
}

.w-6 {
    width: 1.5rem
}

.w-8 {
    width: 2rem
}

.w-12 {
    width: 3rem
}

.w-\[1px\] {
    width: 1px
}

.w-2 {
    width: .5rem
}

.w-\[110px\] {
    width: 110px
}

.w-\[174px\] {
    width: 174px
}

.w-10 {
    width: 2.5rem
}

.w-\[3px\] {
    width: 3px
}

.w-7 {
    width: 1.75rem
}

.w-\[72px\] {
    width: 72px
}

.w-\[82px\] {
    width: 82px
}

.min-w-\[260px\] {
    min-width: 260px
}

.max-w-\[400px\] {
    max-width: 400px
}

.max-w-\[778px\] {
    max-width: 778px
}

.flex-1 {
    flex: 1 1 0%
}

.flex-shrink-0 {
    flex-shrink: 0
}

.flex-shrink {
    flex-shrink: 1
}

.shrink-0 {
    flex-shrink: 0
}

.-translate-x-1\/2 {
    --tw-translate-x: -50%
}

.-translate-x-1\/2,
.rotate-45 {
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.rotate-45 {
    --tw-rotate: 45deg
}

.rotate-180 {
    --tw-rotate: 180deg
}

.rotate-180,
.transform {
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

@keyframes spin {
    to {
        transform: rotate(1turn)
    }
}

.animate-spin {
    animation: spin 1s linear infinite
}

@keyframes pulse {
    50% {
        opacity: .5
    }
}

.animate-pulse {
    animation: pulse 2s cubic-bezier(.4, 0, .6, 1) infinite
}

.cursor-not-allowed {
    cursor: not-allowed
}

.cursor-pointer {
    cursor: pointer
}

.grid-cols-\[52px_1fr\] {
    grid-template-columns: 52px 1fr
}

.grid-cols-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr))
}

.flex-col {
    flex-direction: column
}

.items-start {
    align-items: flex-start
}

.items-center {
    align-items: center
}

.items-baseline {
    align-items: baseline
}

.justify-start {
    justify-content: flex-start
}

.justify-center {
    justify-content: center
}

.justify-between {
    justify-content: space-between
}

.gap-4 {
    gap: 1rem
}

.gap-3 {
    gap: .75rem
}

.gap-2 {
    gap: .5rem
}

.gap-8 {
    gap: 2rem
}

.gap-6 {
    gap: 1.5rem
}

.gap-1 {
    gap: .25rem
}

.overflow-auto {
    overflow: auto
}

.overflow-hidden {
    overflow: hidden
}

.overflow-x-auto {
    overflow-x: auto
}

.overflow-y-visible {
    overflow-y: visible
}

.whitespace-pre-line {
    white-space: pre-line
}

.rounded {
    border-radius: .25rem
}

.rounded-lg {
    border-radius: .5rem
}

.rounded-xl {
    border-radius: .75rem
}

.rounded-full {
    border-radius: 9999px
}

.rounded-2xl {
    border-radius: 1rem
}

.rounded-3xl {
    border-radius: 1.5rem
}

.rounded-md {
    border-radius: .375rem
}

.rounded-t-lg {
    border-top-left-radius: .5rem;
    border-top-right-radius: .5rem
}

.rounded-b-lg {
    border-bottom-right-radius: .5rem;
    border-bottom-left-radius: .5rem
}

.border {
    border-width: 1px
}

.border-\[6px\] {
    border-width: 6px
}

.border-2 {
    border-width: 2px
}

.border-r {
    border-right-width: 1px
}

.border-b {
    border-bottom-width: 1px
}

.border-t {
    border-top-width: 1px
}

.border-gray-700 {
    --tw-border-opacity: 1;
    border-color: rgb(64 64 64/var(--tw-border-opacity))
}

.border-green-600 {
    --tw-border-opacity: 1;
    border-color: rgb(15 102 56/var(--tw-border-opacity))
}

.border-gray-400 {
    --tw-border-opacity: 1;
    border-color: rgb(140 140 140/var(--tw-border-opacity))
}

.border-gray-4 {
    --tw-border-opacity: 1;
    border-color: rgb(244 244 244/var(--tw-border-opacity))
}

.border-green-400 {
    --tw-border-opacity: 1;
    border-color: rgb(18 161 84/var(--tw-border-opacity))
}

.border-gray-2 {
    --tw-border-opacity: 1;
    border-color: rgb(202 202 202/var(--tw-border-opacity))
}

.border-r-gray-700 {
    --tw-border-opacity: 1;
    border-right-color: rgb(64 64 64/var(--tw-border-opacity))
}

.bg-white {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255/var(--tw-bg-opacity))
}

.bg-orange-2 {
    --tw-bg-opacity: 1;
    background-color: rgb(254 153 0/var(--tw-bg-opacity))
}

.bg-slate-200 {
    --tw-bg-opacity: 1;
    background-color: rgb(226 232 240/var(--tw-bg-opacity))
}

.bg-blue-5 {
    --tw-bg-opacity: 1;
    background-color: rgb(239 246 255/var(--tw-bg-opacity))
}

.bg-gray-200 {
    --tw-bg-opacity: 1;
    background-color: rgb(192 192 192/var(--tw-bg-opacity))
}

.bg-green-75 {
    --tw-bg-opacity: 1;
    background-color: rgb(217 242 228/var(--tw-bg-opacity))
}

.bg-orange-100 {
    --tw-bg-opacity: 1;
    background-color: rgb(255 212 148/var(--tw-bg-opacity))
}

.bg-gray-75 {
    --tw-bg-opacity: 1;
    background-color: rgb(232 232 232/var(--tw-bg-opacity))
}

.bg-blue-100 {
    --tw-bg-opacity: 1;
    background-color: rgb(202 219 247/var(--tw-bg-opacity))
}

.bg-green-400 {
    --tw-bg-opacity: 1;
    background-color: rgb(18 161 84/var(--tw-bg-opacity))
}

.bg-red-100 {
    --tw-bg-opacity: 1;
    background-color: rgb(252 207 215/var(--tw-bg-opacity))
}

.bg-gray-3 {
    --tw-bg-opacity: 1;
    background-color: rgb(232 232 232/var(--tw-bg-opacity))
}

.bg-blue-1 {
    --tw-bg-opacity: 1;
    background-color: rgb(34 117 211/var(--tw-bg-opacity))
}

.bg-red-2 {
    --tw-bg-opacity: 1;
    background-color: rgb(208 2 27/var(--tw-bg-opacity))
}

.bg-gray-4 {
    --tw-bg-opacity: 1;
    background-color: rgb(244 244 244/var(--tw-bg-opacity))
}

.bg-opacity-75 {
    --tw-bg-opacity: 0.75
}

.object-cover {
    -o-object-fit: cover;
    object-fit: cover;
    background: rgba(0, 0, 0, 0.5);
}

.p-4 {
    padding: 1rem
}

.p-6 {
    padding: 1.5rem
}

.p-8 {
    padding: 2rem
}

.p-1 {
    padding: .25rem
}

.p-3 {
    padding: .75rem
}

.py-4 {
    padding-top: 1rem;
    padding-bottom: 1rem
}

.px-4 {
    padding-left: 1rem;
    padding-right: 1rem
}

.px-2 {
    padding-left: .5rem;
    padding-right: .5rem
}

.px-0 {
    padding-left: 0;
    padding-right: 0
}

.px-5 {
    padding-left: 1.25rem;
    padding-right: 1.25rem
}

.px-3 {
    padding-left: .75rem;
    padding-right: .75rem
}

.px-6 {
    padding-left: 1.5rem;
    padding-right: 1.5rem
}

.py-2 {
    padding-top: .5rem;
    padding-bottom: .5rem
}

.py-1 {
    padding-top: .25rem;
    padding-bottom: .25rem
}

.px-1 {
    padding-left: .25rem;
    padding-right: .25rem
}

.px-1\.5 {
    padding-left: .375rem;
    padding-right: .375rem
}

.py-0\.5 {
    padding-top: .125rem;
    padding-bottom: .125rem
}

.py-0 {
    padding-top: 0;
    padding-bottom: 0
}

.py-3 {
    padding-top: .75rem;
    padding-bottom: .75rem
}

.py-2\.5 {
    padding-top: .625rem;
    padding-bottom: .625rem
}

.pt-\[48px\] {
    padding-top: 48px
}

.pb-\[140px\] {
    padding-bottom: 140px
}

.pb-4 {
    padding-bottom: 1rem
}

.pr-4 {
    padding-right: 1rem
}

.pb-\[40px\] {
    padding-bottom: 40px
}

.pt-5 {
    padding-top: 1.25rem
}

.pt-6 {
    padding-top: 1.5rem
}

.pb-2 {
    padding-bottom: .5rem
}

.pb-10 {
    padding-bottom: 2.5rem
}

.pt-4 {
    padding-top: 1rem
}

.text-left {
    text-align: left
}

.text-center {
    text-align: center
}

.text-xl {
    font-size: 1.25rem;
    line-height: 1.75rem
}

.text-xs {
    font-size: .75rem;
    line-height: 1rem
}

.text-\[18px\] {
    font-size: 18px
}

.text-\[32px\] {
    font-size: 32px
}

.text-base {
    font-size: 1rem;
    line-height: 1.5rem
}

.text-2xl {
    font-size: 1.5rem;
    line-height: 2rem
}

.text-sm {
    font-size: .875rem;
    line-height: 1.25rem
}

.text-lg {
    font-size: 1.125rem;
    line-height: 1.75rem
}

.text-\[10px\] {
    font-size: 10px
}

.font-bold {
    font-weight: 700
}

.font-medium {
    font-weight: 500
}

.uppercase {
    text-transform: uppercase
}

.capitalize {
    text-transform: capitalize
}

.italic {
    font-style: italic
}

.leading-5 {
    line-height: 1.25rem
}

.text-white {
    --tw-text-opacity: 1;
    color: rgb(255 255 255/var(--tw-text-opacity))
}

.text-blue-400 {
    --tw-text-opacity: 1;
    color: rgb(78 139 239/var(--tw-text-opacity))
}

.text-blue-1 {
    --tw-text-opacity: 1;
    color: rgb(34 117 211/var(--tw-text-opacity))
}

.text-gray-700 {
    --tw-text-opacity: 1;
    color: rgb(64 64 64/var(--tw-text-opacity))
}

.text-green-400 {
    --tw-text-opacity: 1;
    color: rgb(18 161 84/var(--tw-text-opacity))
}

.text-orange-900 {
    --tw-text-opacity: 1;
    color: rgb(69 22 8/var(--tw-text-opacity))
}

.text-black {
    --tw-text-opacity: 1;
    color: rgb(0 0 0/var(--tw-text-opacity))
}

.text-gray-500 {
    --tw-text-opacity: 1;
    color: rgb(115 115 115/var(--tw-text-opacity))
}

.text-gray-600 {
    --tw-text-opacity: 1;
    color: rgb(89 89 89/var(--tw-text-opacity))
}

.text-red-2 {
    --tw-text-opacity: 1;
    color: rgb(208 2 27/var(--tw-text-opacity))
}

.text-gray-0 {
    --tw-text-opacity: 1;
    color: rgb(119 119 119/var(--tw-text-opacity))
}

.text-gray-1 {
    --tw-text-opacity: 1;
    color: rgb(155 155 155/var(--tw-text-opacity))
}

.line-through {
    text-decoration-line: line-through
}

.opacity-30 {
    opacity: .3
}

.opacity-70 {
    opacity: .7
}

.opacity-50 {
    opacity: .5
}

.outline {
    outline-style: solid
}

.ring-2 {
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)
}

.ring-white {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(255 255 255/var(--tw-ring-opacity))
}

.ring-opacity-60 {
    --tw-ring-opacity: 0.6
}

.ring-offset-2 {
    --tw-ring-offset-width: 2px
}

.ring-offset-green-200 {
    --tw-ring-offset-color: #6ed498
}

.filter {
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
}

.transition {
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-duration: .15s
}

.no-scrollbar::-webkit-scrollbar {
    display: none
}

.no-scrollbar {
    -ms-overflow-style: none;
    scrollbar-width: none
}

#__next,
body,
html {
    min-height: 100vh
}

body {
    background-color: #f4f4f4;
    font-family: Helvetica, Arial, Roboto, sans-serif;
    font-size: 14px;
    color: #222
}

.bar-of-progress:after {
    content: "";
    display: block;
    position: absolute;
    right: 0;
    width: 100px;
    height: 100%;
    box-shadow: 0 0 10px currentColor, 0 0 5px currentColor;
    transform: rotate(3deg) translateY(-4px)
}

.hover\:bg-orange-3:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(255 182 71/var(--tw-bg-opacity))
}

.hover\:bg-orange-1:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(204 122 0/var(--tw-bg-opacity))
}

.hover\:bg-gray-4:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(244 244 244/var(--tw-bg-opacity))
}

.hover\:text-green-400:hover {
    --tw-text-opacity: 1;
    color: rgb(18 161 84/var(--tw-text-opacity))
}

.focus\:outline-none:focus {
    outline: 2px solid transparent;
    outline-offset: 2px
}

.focus\:ring-0:focus {
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)
}

.focus-visible\:ring:focus-visible {
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)
}

.focus-visible\:ring-gray-500:focus-visible {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(115 115 115/var(--tw-ring-opacity))
}

.focus-visible\:ring-opacity-75:focus-visible {
    --tw-ring-opacity: 0.75
}

.active\:bg-orange-1:active {
    --tw-bg-opacity: 1;
    background-color: rgb(204 122 0/var(--tw-bg-opacity))
}

.data-\[state\=active\]\:bg-white[data-state=active] {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255/var(--tw-bg-opacity))
}

.data-\[state\=active\]\:text-green-400[data-state=active] {
    --tw-text-opacity: 1;
    color: rgb(18 161 84/var(--tw-text-opacity))
}

.data-\[state\=active\]\:shadow[data-state=active] {
    --tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px -1px rgba(0, 0, 0, .1);
    --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

@media (min-width: 768px) {
    .md\:mt-8 {
        margin-top: 2rem
    }

    .md\:mt-14 {
        margin-top: 3.5rem
    }

    .md\:block {
        display: block
    }

    .md\:flex {
        display: flex
    }

    .md\:hidden {
        display: none
    }

    .md\:w-auto {
        width: auto
    }

    .md\:max-w-\[351px\] {
        max-width: 351px
    }

    .md\:grid-cols-3 {
        grid-template-columns: repeat(3, minmax(0, 1fr))
    }

    .md\:grid-cols-\[338px_1fr\] {
        grid-template-columns: 338px 1fr
    }

    .md\:grid-cols-2 {
        grid-template-columns: repeat(2, minmax(0, 1fr))
    }

    .md\:flex-row {
        flex-direction: row
    }

    .md\:flex-row-reverse {
        flex-direction: row-reverse
    }

    .md\:gap-0 {
        gap: 0
    }

    .md\:gap-4 {
        gap: 1rem
    }

    .md\:rounded-lg {
        border-radius: .5rem
    }

    .md\:rounded-b-3xl {
        border-bottom-right-radius: 1.5rem;
        border-bottom-left-radius: 1.5rem
    }

    .md\:border {
        border-width: 1px;
    }

    .md\:border-gray-3 {
        border: 1px solid #000;
    }

    .md\:bg-inherit {
        background-color: inherit
    }

    .md\:px-7 {
        padding-left: 1.75rem;
        padding-right: 1.75rem
    }

    .md\:px-0 {
        padding-left: 0;
        padding-right: 0
    }

    .md\:px-11 {
        padding-left: 2.75rem;
        padding-right: 2.75rem
    }

    .md\:py-4 {
        padding-top: 1rem;
        padding-bottom: 1rem
    }

    .md\:pb-16 {
        padding-bottom: 4rem
    }

    .md\:pt-5 {
        padding-top: 1.25rem
    }

    .md\:pt-\[72px\] {
        padding-top: 72px
    }

    .md\:text-\[32px\] {
        font-size: 32px
    }

    .md\:text-lg {
        font-size: 1.125rem;
        line-height: 1.75rem
    }

    .md\:capitalize {
        text-transform: capitalize
    }
}

.row.packages {
    margin-left: 0px !important;
    margin-right: 0px !important;
}

.row.packages a {
    color: #222;
}

/* end pro */
.box-package {
    padding: 15px 15px;
    border-radius: 15px !important;
    z-index: 100;
}

.box-package .position-relative .description ul {
    list-style: none;
    padding: 0px 0px;
    margin: 0px;
}

.box-package .position-relative .description ul li {
    position: relative;
    list-style: none;
    padding: 3px 3px;
}

.box-package .position-relative .description ul li:before {
    content: '\2713';
    display: inline-block;
    color: #12A154;
    padding: 0 6px 0 0;
}

.box-package .position-relative .description {
    padding: 0px 15px;
    height: 300px;
    overflow: hidden;
}

.box-package .position-relative .area-button-cart {
    text-align: center;
}

.box-package .position-relative .area-button-cart a.btn-cart {
    border: 1px solid #ddd;
    padding: 5px 15px;
    background: #12A154;
    color: #fff;
    border-radius: 15px;
}

.top-cover {
    z-index: 0px;
}

.product-upload ul.packages,
.purchased ul.packages {
    list-style: none;
    padding: 0px;
    margin: 0px;
    width: 100%;
}

.purchased ul.packages li {
    position: relative;
    float: left;
    padding: 5px 3px;
    width: 100%;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.purchased ul.packages li span.head {
    color: #e62e04;
}

.purchased ul.packages li.active {}

.product-upload ul.packages li {
    float: left;
    width: 100%;
}

.product-upload ul.packages li div {
    position: relative;
    float: left;
    width: 95%;
    padding: 5px 15px;
    margin-left: auto;
    margin-right: auto;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.product-upload ul.packages li.active div {
    background: #ffffff;
}

.product-upload ul.packages li.active div label {
    font-size: 16px;
    font-weight: 600;
}

.top-navbar,
header.sticky-top {
    background: rgba(15, 29, 85, 0.9);
    margin-bottom: 0px;
}


.custom-header-menu {
    background: transparent;
    padding-top: 8px;
    padding-bottom: 8px;
}

.custom-header-menu ul li a {
    color: #fff !important;
}

.custom-header-menu .btn-create-post {
    color: #ffffff;
    border: 1px solid rgba(255, 255, 255, 0.3);
    border-radius: 3px;
    font-size: 16px;
    padding: 5px 15px;
    background: rgba(0, 0, 0, 0.3);
}

#compare a i,
#compare a span,
#wishlist a i,
#wishlist a span,
#cart_items a i,
#cart_items a span {
    color: #fff;
}

#addToCart-modal-body .aiz-radio-inline span {
    color: #000;
}

.package-list.table.aiz-table thead th {
    vertical-align: bottom;
    border-bottom: 2px solid #dee2e6 !important;
}

.package-list.table.aiz-table td,
.package-list.table.aiz-table.aiz-table th {
    border: 1px solid #dee2e6;
}

.package-list.table.aiz-table td a.package {
    color: rgba(0, 0, 0, 0.3);
    font-weight: 300;
}

.package-list.table.aiz-table td a.package:hover {
    color: var(--primary);
    font-weight: 500;
}

.package-list.table.aiz-table td p {
    margin-top: 0;
    margin-bottom: 0.1rem;
}

.package-list th.balance,
.package-list td.balance {
    text-align: center;
}

.package-list td span {
    color: #000;
    font-weight: 400;
}

.package-list.table.aiz-table td,
.package-list.table.aiz-table th {
    padding: 0.55rem 0.55rem;
}

.categories-featured .minw-100 {
    min-width: 120px;
}

@media (max-width:768px) {
    .custom-header-menu {
        border-top: 1px solid rgba(143, 151, 171, 0.15);
        color: #ffffff;
        background: rgba(54, 67, 123, 0.6);
        padding-top: 40px;
        padding-bottom: 5px;
        margin-top: 0px;
    }
    .box-package .position-relative .description {
        padding: 0px 15px;
        height: auto;
        overflow: hidden;
    }

    .categories-featured .minw-100 {
        min-width: 115px;
    }
}

.desktop-call {
    width: 100%;
}

.featured-categories .cate-item {
    padding: 0px 5px;
}

/*.featured-categories .carousel-box .key-even {
	margin-bottom:20px !important;
}*/
.featured-categories .carousel-box {
    /*border: 1px solid #fff;*/
}

.img-fit-container {
    height: auto;
    width: 100%;
    /*object-fit: fill;*/
}

.ct-h-170-fix {
    height: 240px !important;
}

.ct-h-170-fix .renderer {
    margin: 0 0 4px 0;
    display: block;
    margin: 0 0 4px 0;
    overflow: hidden;
    display: block;
    max-height: 6rem;
    -webkit-line-clamp: 4;
    display: box;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    white-space: normal;
    height: 220px;
}

.list-video .slick-track {
    height: 130px;
}

@media(max-width:768px) {

    /*.featured-categories .carousel-box .key-odd {
		padding: 5px;
	}
	.featured-categories .carousel-box .key-even {
		margin-bottom: -5px !important;
		padding: 5px;
	}*/
    .featured-categories .aiz-carousel.gutters-10 .carousel-box {
        padding-left: 0px;
        padding-right: 0px;
    }

    .featured-categories .rounded {
        border-radius: 0rem !important;
    }

    .featured-categories .slick-slide>div {
        margin-bottom: -16.5px;
    }

    .featured-categories .aiz-card-box {
        padding: 5px;
    }

    .list-video .slick-track {
        height: auto;
    }
}

.list-video .slick-track {
    height: 110px;
}

@media (min-width:1131px) {
    .list-video .slick-track {
        height: 110px;
    }
}

.touch-type {
    position: absolute;
    width: 100%;
    text-align: center;
    font-weight: bold;
    top: 130px;
    font-size: 24px;
}

.touch-pan-x {
    touch-action: pan-x;
}

@media (max-width: 991.98px) {
    .mobile-hor-swipe {
        /*-webkit-overflow-scrolling: touch;*/
        overflow-x: auto;
        white-space: nowrap;
        touch-action: pan-x;
    }
}

.nav-btn.head-mobile {
    padding: 0px 10px;
}

.nav-btn.head-mobile .ship {
    height: 25px;
    width: auto;
}

.nav-btn.head-mobile .fa,
.nav-btn.head-mobile .las {
    font-size: 25px;
}

.head-link {
    display: none;
}

#search-form .la-filter {
    color: #ffffff;
}

@media(max-width:768px) {
    .head-link {
        display: block;
    }
}

.report {
    position: relative;
    margin-top: 60px;
    margin-bottom: 60px;
}

.report h2 {
    color: #333;
    font-weight: 600;
    line-height: 2rem;
}

.rang-date label {
    margin-top: 10px;
}

.btn-report {
    color: #333;
    background: #fff;
    border: 1px solid #ebedf2;
}

.select-address.active {
    background: rgba(222, 226, 230, 0.1);
    border: 1px solid rgba(230, 46, 4, 0.3) !important;
}

.select-address:hover {
    background: #F2F3F8;
}

.select-address .sel-btn {
    border: 1px solid rgba(222, 226, 230, 0.8);
}

.select-address:hover .sel-btn {
    background: #fff;
}

.select-address:hover .sel-btn:hover {
    background: rgba(222, 226, 230);
}

.form-fee .amount_collected {
    width: 500px;
    position: relative;
    margin-left: auto;
    margin-right: auto;
}

/*.bank-account {
	text-align:left;
	border:1px solid rgba(159,164,170,0.6);
}
.bank-account p span {
	font-weight:500;
}*/
.raw-html-embed {
    width: 100%;
}

.raw-html-embed iframe {
    position: relative;
    margin-left: auto;
    margin-right: auto;
}

figure.image img {
    width: 100%;
    height: auto;
}

.note-text-dot {
    margin-top: 0px;
    padding: 0.8rem 0.3rem;
    font-size: 0.8rem;
    line-height: 1.5;
    color: #74788d;
}

.notification .dropdown {
    position: relative;
    display: inline-block;
    width: auto !important;
}

.banks .card-body table tbody tr td {
    text-align: center;
    padding: 3px;
}

.banks .card-body table thead tr th {
    text-align: center;
}

.banks .card-body table thead tr.title {
    border-bottom: 1px solid #ededed;
}

.banks .card-body table tbody tr td .title-mobile,
.banks .card-body table tbody tr td .logo-mobile {
    display: none;
}

.banks .card-body table tbody tr td .logo-desktop {
    max-height: 40px;
}

.banks .card-body table tbody tr td p.title-desktop {
    font-size: 11px;
    margin-bottom: 0rem;
}

.banks .card-body table tbody tr.even {
    background: rgba(0, 0, 0, 0.02);
}

.banks .select-banks select.form-control {
    width: 100% !important;
}

.banks .card-body.list-banks {
    max-height: 300px;
    overflow: auto;
}

.banks .aiz-table {
    opacity: 1;
    height: auto;
}

.banks .list-banks .title-bank {
    background: rgba(0, 0, 0, 0.02);
}

.banks .list-banks .title-scheme {
    background: rgba(0, 0, 0, 0.01);
}

.dropdown.position-absolute {
    width: auto;
}

.aiz-card-box .installment {
    border-radius: 3px;
    text-align: left;
    height: 20px;
}

.aiz-card-box .installment span {
    color: #333;
    font-size: 12px;
    padding: 2px;
    border: 1px solid var(--soft-primary);
}

.business .select .some-class {
    float: left;
    clear: none;
}

.business .select label {
    float: left;
    clear: none;
    display: block;
    padding: 0px 1em 0px 8px;
}

.business .select input[type=radio],
.business .select input.radio {
    float: left;
    clear: none;
    margin: 2px 0 0 2px;
}

.sel_ep input[type=radio],
.sel_ep input.radio {
    float: left;
    clear: none;
    margin: 2px 0 0 2px;
}

.opt-business label.radio-inline {
    margin: 5px 0 0 3px;
}

.opt-business-type {
    margin-top: 5px;
    width: 100%;
}

.opt-business-type label.radio-inline {
    width: 32.33%;
}

.opt-business input[type=radio],
.opt-business input.radio,
.opt-business-type input[type=radio],
.opt-business-type input.radio {
    margin-right: 5px;
}

.reg-login {
    display: flex;
    flex-direction: row;
    width: 100%;
}

.reg-login input[type=radio] {
    display: none;
}

.reg-login .reg.checked {
    color: #fff;
    font-weight: 600;
    background-color: var(--hov-primary);
    border-color: var(--hov-primary);
}

.reg-login div {
    border: 1px solid #e2e5ec;
    width: 50%;
    text-align: center;
    padding: 5px 5px 0px;
}

.reg-login .reg.checked label {
    color: #fff;
}

.reg-login div label {
    font-size: 16px;
    font-weight: 500;
    cursor: pointer;
    color: var(--hov-primary);
}

#frm_login {
    display: none;
}

.grid-container {
    display: grid;
    grid-template-columns: auto auto auto;
    grid-template-rows: auto auto;
    grid-gap: 5px;
    padding: 5px;
}

.grid-container>div {
    text-align: center;
    padding: 3px 10px;
    font-size: 14px;
}

.grid-container .aiz-megabox>input:checked~.aiz-megabox-elem,
.grid-container .aiz-megabox>input:checked~.aiz-megabox-elem {
    border-color: transparent;
}

.grid-container>div.container-gap {
    display: flex;
    flex-wrap: wrap;
    border: 1px solid rgba(226, 229, 236, 0.3);
}

.grid-container>div.container-gap label {
    display: inline-block;
    margin-bottom: 0.0rem;
}

.grid-container .container-gap>div.col-left {
    flex: 30%;
    margin-bottom: 3px;
    text-align: left;
    padding: 5px 0px;
}

.grid-container .container-gap>div.col-right {
    flex: 70%;
    margin-bottom: 3px;
    text-align: left;
    padding: 5px 0px;
}

.dynamic-attribute {
    padding: 0px 15px;
}

.dynamic-attribute .div-gap {
    padding: 5px;
}

.thumbnail-bottom .aiz-carousel .carousel-box .thumb {
    height: 100px;
    width: 100%;
}

.error {
    color: red;
}

#amenities .header-body {
    display: block;
    height: 100%;
    width: 100%;
    margin: 15px auto;
}
.btn-cancel {
    color: #000;
    background: #fff;
    border-color: var(--primary);
    margin-right: 15px;
}

@media screen and (max-width: 992px) {
    .product-item  {  
        margin-right: auto;
        margin-left: auto;
    }
    .grid-container {
        display: grid;
        grid-template-columns: 60% 40%;
        grid-template-rows: 1fr;
        column-gap: 20px;
    }

    .grid-container {
        grid-template-columns: repeat(2, 1fr);
    }

    .grid-container .container-gap>div.col-left {
        flex: 100%;
        margin-bottom: 0px;
        text-align: left;
        padding: 0px;
    }

    .grid-container>div {
        text-align: center;
        padding: 3px 3px;
        font-size: 14px;
    }

    .grid-container .container-gap>div.col-right {
        flex: 100%;
        margin-bottom: 0px;
        text-align: left;
        padding: 0px;
    }

    .thumbnail-bottom .aiz-carousel .carousel-box .thumb {
        height: 50px;
        width: 100%;
    }
}