/*
Version: 3.0.3
Theme Name: Super Theme
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
*/

/*************** ADD CUSTOM CSS HERE.   ***************/

/* declare primary color */
:root {
    --cus-primary-color: #0056b3;
    --cus-secondary-color: #002956;
    --cus-black-color: #000;
    --cus-white-color: #fff;
}

body, a, h1, h2, h3, h4, h5, h6, p, li {
    /* font-family: 'Inter', sans-serif; */
}

/* Mobile Menu */
.off-canvas-left .mfp-content {
    background: #fff;
}

/* Header nav */
#header .nav > li.menu-item {
    
}

#header .nav > li > a {
    font-weight: 500;
    text-transform: capitalize;
}

#header .nav > li > a:hover {
}

/* SPT Button */
.spt-button {
    transition: all 0.3s ease;
    display: inline-block;
}

.spt-button-inner {
    display: flex;
    align-items: center;
}

.spt-button svg {
    margin-right: 10px;
}

.spt-button:hover {
    box-shadow: inset 0 0 0 100px rgba(0,0,0,.2);
}

/*  SPT Icon Box  */
.spt-icon-box-content p {
    margin-bottom: 0;
}

/* CF7 */
span.wpcf7-spinner {
    display: none;
}

/* Accordion */
.accordion {
    background: #fff;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0px -1px 6px 1px #ddd;
}

div#accordion-2860439605 {}

.accordion-title {
    border: 0;
    padding-left: 20px;
}

.accordion-title span {
    font-size: 16px;
    color: rgb(0, 51, 102);
}

.accordion-title button {}

.accordion-title button i {}

.accordion-title button i::before {}

.accordion-inner {
    padding-bottom: 0;
}

.accordion-inner p {}

.accordion-inner ul li {}

.accordion-inner p:last-child {
}

.accordion-item {
    border-bottom: 1px solid #ddd;
}

.accordion .toggle {
    left: unset;
    right: 0;
}


/* Custom */

.header-logo-slogan {
    font-size: 30px;
}

.flex {
    display: flex;
}

.flex-wrap {
    flex-wrap: wrap;
}

.items-center {
    align-items: center;
}

.w-2 {
    width: .5rem;
}

.h-2 {
    height: .5rem;
}

.bg-green-500 {
    --tw-bg-opacity: 1;
    background-color: rgb(34 197 94 / var(--tw-bg-opacity, 1));
}

.gap-2 {
    gap: .5rem;
}

.gap-4 {
    gap: 1rem;
}

.w-4 {
    width: 1rem;
}

.h-4 {
    height: 1rem;
}

#header a {
    color: #fff;
}

a.button {
    font-weight: normal;
    line-height: 52px;
}

.yellow-btn {
    background: #eab308;
    color: #000 !important;
}

.yellow-btn.phone-btn {
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-phone w-5 h-5"><path d="M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z"></path></svg>') no-repeat;
    background-color: #eab308;
    background-size: 20px;
    background-position: 20px center;
    padding-left: 50px;
}

.green-btn {
    background: #15803d;
    color: #fff;
}

.green-btn.whatsapp-btn {
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="%23ffffff" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-message-circle w-5 h-5"><path d="M7.9 20A9 9 0 1 0 4 16.1L2 22Z"></path></svg>') no-repeat;
    background-color: #15803d;
    background-size: 20px;
    background-position: 20px center;
    padding-left: 50px;
}

.hp-sec1 {
    background-image: linear-gradient(to bottom right, #fffbeb, #fefce8, #eff6ff);
}

.hp-sec2-list .col {
    flex-basis: 20%;
    max-width: 20%;
}

.hp-sec2-list .icon-box {
    box-shadow: 0 0 #0000, 0 0 #0000, 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);
    padding: 1.5rem;
    border: 1px solid #fde047;
    border-radius: .5rem;
    background-image: linear-gradient(to bottom right, #fffbeb, #fefce8);

    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;
}

.hp-sec2-list .icon-box:hover {
    transform: translate(0, 0) rotate(0) skew(0) skewY(0) scaleX(1.05) scaleY(1.05);
}

.hp-sec2-list .icon-box .text > * {
    color: #1f2937;
    font-size: 16px;
    margin: 0;
}

.hp-sec2-list .icon-box .icon-box-text {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding-top: 50px;
}

.hp-sec2-list .icon-box .icon-box-text::before {
    content: '';
    width: 32px;
    height: 32px;
    background: #60a5fa;
    display: block;
    border-radius: 100%;
    position: absolute;
    margin: auto;
    top: 0;
}

.hp-sec2-list .icon-box .icon-box-text::after {
    content: '';
    width: 16px;
    height: 16px;
    background: #facc15;
    display: block;
    border-radius: 100%;
    position: absolute;
    margin: auto;
    top: 8px;
}

.hp-sec3 .col-inner {
    height: 100%;
}

.hp-sec3-list .icon-box {
    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;
    box-shadow: 0 0 #0000, 0 0 #0000, 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);
    padding: 2rem;
    border-radius: .5rem;
    background: #fff;
    height: 100%;
}

.hp-sec3-list .icon-box:hover {
    box-shadow: 0 0 #0000, 0 0 #0000, 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);
}

.hp-sec3-list .icon-box p {
    margin: 0;
}

.price-box {
    padding: 1.5rem;
    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;
    border-width: 2px;
    border-radius: .5rem;
    border-style: solid;
    height: 100%;
}

.price-box:hover {
    box-shadow: 0 0 #0000, 0 0 #0000, 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);
}

.color1-price-box {
    border-color: rgb(252 211 77 / 1);
    background-color: rgb(255 251 235 / 1);
}

.color2-price-box {
    border-color: rgb(147 197 253 / 1);
    background-color: rgb(239 246 255 / 1);
}

.color3-price-box {
    border-color: rgb(253 224 71 / 1);
    background-color: rgb(254 252 232 / 1);
}

.color4-price-box {
    border-color: rgb(253 186 116 / 1);
    background-color: rgb(255 247 237 / 1);
}


.price-box-price {
    font-weight: 700;
    font-size: 30px;
}

.price-box-price span {
    font-weight: normal;
    font-size: 16px;
    color: #333;
}

.price-box-name {
    margin-bottom: 20px;
    font-size: 20px;
}

.price-box-price p {
    margin-bottom: 20px;
}

.price-box-desc {}

.price-box-desc ul, .list-icon ul {
    margin: 0;
    list-style: none;
}

.price-box-desc ul li, .list-icon ul li {
    margin-left: 0;
    background: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%2316a34a%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20class%3D%22lucide%20lucide-check-circle%20w-5%20h-5%20text-green-600%20flex-shrink-0%20mt-0.5%22%3E%3Cpath%20d%3D%22M22%2011.08V12a10%2010%200%201%201-5.93-9.14%22%3E%3C%2Fpath%3E%3Cpath%20d%3D%22m9%2011%203%203L22%204%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E) no-repeat;
    background-size: 20px 20px;
    background-position: 0 2px;
    padding-left: 30px;
    font-size: 15px;
}

.hp-sec4-list .col-inner {
    height: 100%;
}

.hp-sec5 {
    background-image: linear-gradient(to bottom right, #fffbeb, #fefce8);
}

.hp-sec5 .price-box {
    background-color: #fff;
    border-left: 0;
    border-right: 0;
    border-bottom: 0;
    border-width: 4px;
}

.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;
}

.shadow-lg {
    --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);
    --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);
}

.p-6 {
    padding: 1.5rem;
}

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

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

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

.hp-sec6 .icon-box p {
    margin: 0;
}

.bg-yellow-500 {
    --tw-bg-opacity: 1;
    background-color: rgb(234 179 8 / var(--tw-bg-opacity, 1));
}

.bg-opacity-20 {
    --tw-bg-opacity: .2;
}

.w-auto {
    width: auto;
}

.h-10 {
    height: 2.5rem;
}

.mb-0 {
    margin-bottom: 0;
}

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

.font-semibold {
    font-weight: 600;
}

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

.gap-3 {
    gap: .75rem;
}

.bg-gradient-to-br {
    background-image: linear-gradient(to bottom right,#fffbeb, #fefce8, #eff6ff);
}

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

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

.p-8 {
    padding: 2rem;
}

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

.hp-sec3.abp-sec4 .icon-box {
    box-shadow: none !important;
    padding: 0;
}

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

table {
    text-indent: 0;
    border-color: inherit;
    border-collapse: collapse;
    margin-bottom: 0;
}

.w-full {
    width: 100%;
}

.bg-gray-800 {
    --tw-bg-opacity: 1;
    background-color: rgb(31 41 55 / 1);
}

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

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

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

table thead th {
    text-transform: none;
    font-size: 15px;
}

table tbody td {
    color: #000;
    font-size: 15px;
}

.text-green-600 {
    --tw-text-opacity: 1;
    color: rgb(22 163 74 / var(--tw-text-opacity, 1));
}

.text-center {
    text-align: center;
}

.overflow-hidden {
    overflow: hidden;
}

.text-amber-600 {
    --tw-text-opacity: 1;
    color: rgb(217 119 6 / var(--tw-text-opacity, 1));
}

.font-bold {
    font-weight: 700;
}

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

.shadow-md {
    --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);
    --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);
}

.p-3 {
    padding: .75rem;
}

.w-8 {
    width: 2rem;
}

.h-8 {
    height: 2rem;
}

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

.text-gray-700 {
    --tw-text-opacity: 1;
    color: rgb(55 65 81 / var(--tw-text-opacity, 1));
}

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

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

.text-gray-900 {
    --tw-text-opacity: 1;
    color: rgb(17 24 39 / var(--tw-text-opacity, 1));
}

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

.mb-2 {
    margin-bottom: .5rem;
}

.mb-3 {
    margin-bottom: .75rem;
}

.grid {
    display: grid;
}

.bg-opacity-60 {
    --tw-bg-opacity: .6;
}

.bg-blue-600 {
    --tw-bg-opacity: 1;
    background-color: rgb(37 99 235 / var(--tw-bg-opacity, 1));
}

.text-blue-600 {
    --tw-text-opacity: 1;
    color: rgb(37 99 235 / var(--tw-text-opacity, 1));
}

.text-3xl {
    font-size: 1.875rem;
    line-height: 2.25rem;
}

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

.font-normal {
    font-weight: 400;
}

.text-gray-600 {
    --tw-text-opacity: 1;
    color: rgb(75 85 99 / var(--tw-text-opacity, 1));
}

.mb-4 {
    margin-bottom: 1rem;
}

.service-item p {
    margin-bottom: 10px;
}

.service-item p:last-child {
    margin: 0;
}

.p-4 {
    padding: 1rem;
}

.service-additional-info {
    margin-top: 10px;
    color: #000;
    font-size: .9rem;
}

.service-additional-info h2, .service-additional-info h3, .service-additional-info h4, .service-additional-info h5, .service-additional-info h6 {
    color: #000;
}

.service-additional-info ul {
    margin: 0;
}

.bg-gray-50 {
    --tw-bg-opacity: 1;
    background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1));
}

.border-gray-200 {
    --tw-border-opacity: 1;
    border-color: rgb(229 231 235 / var(--tw-border-opacity, 1));
}

.border {
    border-width: 1px;
    border-style: solid;
}

.border-green-200 {
    --tw-border-opacity: 1;
    border-color: rgb(187 247 208 / var(--tw-border-opacity, 1));
}

.green-box {
    background-image: linear-gradient(to bottom right, #f0fdf4, #ecfdf5);
}

.border-yellow-200 {
    --tw-border-opacity: 1;
    border-color: rgb(254 240 138 / var(--tw-border-opacity, 1));
}

.ctp-phone-box .icon-inner {
    background: #eab308;
    border-radius: 5px;
    padding: 8px;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.ctp-whatsapp-box .icon-inner {
    background: #16a34a;
    border-radius: 5px;
    padding: 8px;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.ctp-mail-box .icon-inner {
    background: #2563eb;
    border-radius: 5px;
    padding: 8px;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.border-yellow-300 {
    --tw-border-opacity: 1;
    border-color: rgb(253 224 71 / var(--tw-border-opacity, 1));
}

.text-yellow-600 {
    --tw-text-opacity: 1;
    color: rgb(202 138 4 / var(--tw-text-opacity, 1));
}

.ctp-form-col {}

.ctp-form-col label {
    font-size: 14px;
    color: #374151;
    font-weight: 600;
    margin-bottom: 14px;
}

.ctp-form-col label span.wpcf7-form-control-wrap {
    margin-top: 8px;
}

.ctp-form-col .wpcf7-form-control {
    color: #000;
    border: 1px solid #d1d5db;
    border-radius: 6px;
    box-shadow: none;
    padding: 20px;
    font-weight: normal;
}

.ctp-form-col select.wpcf7-form-control {
    padding: 0 20px;
}

.ctp-form-col .wpcf7-form-control::placeholder {
    color: #000;
}

.ctp-form-col .wpcf7-submit {
    width: 100%;
    background: #eab308;
    text-transform: none;
    color: #000 !important;
    padding: 4px 0;
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    border: 0;
    margin-top: 5px;
}

.ctp-form-col p {
    font-size: 13px;
}

.ctp-sec3 .col-inner, .ctp-sec3 .col-inner .icon-box {
    height: 100%;
}

@media (min-width: 768px) {
    .md\:grid-cols-2 {
        grid-template-columns: repeat(2,minmax(0,1fr));
    }
}

@media (min-width: 1024px) {
    .lg\:grid-cols-3 {
        grid-template-columns: repeat(3,minmax(0,1fr));
    }
}

@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/
    .hp-sec2-list .col {
        flex-basis: 100%;
        max-width: 100%;
    }

    .p-8 {
        padding: 1.2rem;
    }

    .md\:flex-col {
        flex-direction: column;
    }

    .md\:text-1xl {
        font-size: 1rem;
        line-height: 1.5rem;
    }

    .airport_loc {
        font-size: 15px;
    }

    h3.service-name {
        font-size: 17px;
        margin-bottom: 5px;
    }

    .service-price {
        font-size: 23px;
    }

    .service-price-vnd {
        font-size: 14px;
    }


    .service-includes-title {
        font-size: 14px !important;
    }

    .service-includes ul li {
        font-size: 14px;
        background-size: 14px 14px;
        padding-left: 20px;
    }

    .service-label {
        font-size: 13px;
    }

    .service-label-container {
        flex-direction: column;
        align-items: baseline;
    }

    .service-desc {
        font-size: 14px;
        color: #000;
    }
}

#footer .absolute-footer {
    display: none;
}