@import url('https://fonts.googleapis.com/css2?family=Cormorant+Infant:wght@300;400;500;600;700&family=Roboto:wght@100;300;400;500;700;900&display=swap');

:root {
    --bs-primary: #521F6B;                                  --bs-primary-rgb: 82, 31, 107;
    --bs-secondary: #333333;                                --bs-secondary-rgb: 51, 51, 51;
    --bs-success: #55B958;                                  --bs-success-rgb: 85, 185, 88;
    --bs-danger: #FF6247;                                   --bs-danger-rgb: 255, 98, 71;
    --bs-warning: #FEE934;                                  --bs-warning-rgb: 254, 233, 52;
    --bs-info: #0EB3D0;                                     --bs-info-rgb: 14, 179, 208; 
    --bs-light: #F1F1F1;                                    --bs-light-rgb: 241, 241, 241;
    --bs-dark: #1D1F22;                                     --bs-dark-rgb: 29, 31, 34;
    --bs-white: #FFFFFF;                                    --bs-white-rgb: 255, 255, 255;
    --bs-black: #000000;                                    --bs-black-rgb: 0, 0, 0;

    --bs-body-color: #4C5057;                               --bs-body-color-rgb: 76, 80, 87;
    --bs-body-bg: #FFFFFF;
    --bs-border-color: #CCCCCC;

    --bs-font: 'Roboto', sans-serif;
    --bs-font-heading: 'Cormorant Infant', serif;
    --bs-font-italic: 'Roboto', sans-serif;

    --bs-body-ff: var(--bs-font);
    --bs-body-fs: 16px;
    --bs-body-lh: 20px;
    --bs-body-fw: 400;

    --bs-small-font-size: 14px;
    --bs-small-line-height: 20px;

    --bs-font-size-h1: 64px;
    --bs-font-size-h2: 70px; 
    --bs-font-size-h3: 50px; 
    --bs-font-size-h4: 36px; 
    --bs-font-size-h5: 30px; 
    --bs-font-size-h6: 25px; 

    --bs-display-1: 28px;
    --bs-display-2: 24px;
    --bs-display-3: 20px;
    --bs-display-4: 18px;
    --bs-display-5: 15px;
    --bs-display-6: 12px;

    --bs-radius-lg: 20px;
    --bs-radius-md: 15px;
    --bs-radius-sm: 10px;
    --bs-radius-xs: 5px;

    --bs-font-thin:  100;
    --bs-font-extra-light: 200;
    --bs-font-light: 300;
    --bs-font-regular: 400;
    --bs-font-medium: 500;  
    --bs-font-semi-bold: 600;
    --bs-font-bold: 700;
    --bs-font-extra-bold: 800;
    --bs-font-black: 900;   

    --transition: all .4s ease-in-out 0s; 

    --bs-gutter: 30px;
}

@media (max-width: 1199px) {
    :root {
        --bs-body-fs: 14px;

        --bs-font-size-h1: 48px;
        --bs-font-size-h2: 60px; 
        --bs-font-size-h3: 42px; 
        --bs-font-size-h4: 30px; 
        --bs-font-size-h5: 24px; 
        --bs-font-size-h6: 20px; 

        --bs-display-1: 24px;
        --bs-display-2: 20px;
        --bs-display-3: 18px;
        --bs-display-4: 16px;
        --bs-display-5: 15px;
        --bs-display-6: 12px;
    }
}

@media (max-width: 991px) {
    :root {
        --bs-body-fs: 14px;

        --bs-font-size-h1: 42px;
        --bs-font-size-h2: 48px; 
        --bs-font-size-h3: 36px; 
        --bs-font-size-h4: 24px; 
        --bs-font-size-h5: 20px; 
        --bs-font-size-h6: 18px; 

        --bs-display-1: 24px;
        --bs-display-2: 18px;
        --bs-display-3: 16px;
        --bs-display-4: 14px;
        --bs-display-5: 14px;
        --bs-display-6: 12px;
    
        --bs-gutter: 20px;
    }
}

@media (max-width: 767px) {
    :root {
        --bs-body-fs: 14px;

        --bs-font-size-h1: 36px;
        --bs-font-size-h2: 42px; 
        --bs-font-size-h3: 30px; 
        --bs-font-size-h4: 20px; 
        --bs-font-size-h5: 18px; 
        --bs-font-size-h6: 18px; 

        --bs-display-1: 24px;
        --bs-display-2: 18px;
        --bs-display-3: 18px;
        --bs-display-4: 14px;
        --bs-display-5: 14px;
        --bs-display-6: 12px;
    }
}

/* Reset CSS
======================================================*/
*,
*:after,
*:before {
    -webkit-box-sizing: border-box !important;
    -moz-box-sizing: border-box !important;
    box-sizing: border-box !important;
    vertical-align: top !important;
}

html {
    -webkit-text-size-adjust: none;
    -moz-text-size-adjust: none;
    text-size-adjust: none;
}

body,
html {
    background: var(--bs-body-bg) none no-repeat scroll top center;
    color: var(--bs-body-color);
    font-family: var(--bs-body-ff);
    font-size: var(--bs-body-fs);
    line-height: var(--bs-body-lh);
    font-weight: var(--bs-body-fw);
    margin: 0;
    padding: 0;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

body {
    margin-left: auto;
    margin-right: auto;
    min-height: 100vh;
    overflow-x: hidden;
}

figure, .figure {
    position: relative;
    display: inline-block;
    width: 100%;
    margin: 0px;
    overflow: hidden;
}

img {
    max-width: 100%;
    max-height: 100%;
    outline: none;
    border: none;
    height: auto;
    width: auto;
}

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

.absolute-div {
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    margin: auto;
}

.picture > img,
.picture > iframe {
    position: absolute;
    top: 0px;
    left: 0px;
    object-fit: cover;
    object-position: center;
    width: 100%;
    height: 100%;
}

strong, .strong, b, label {
    font-family: inherit;
    font-weight: var(--bs-font-bold);
    margin-bottom: 0px;
}

ul, ul li, ol, ol li {
    list-style: none;
    padding: 0px;
    margin: 0px;
    position: relative;
}

h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
    font-family: var(--bs-font-heading);
    font-weight: var(--bs-font-bold);
    color: var(--bs-body-color);
    line-height: 1;
    padding: 0px;
    margin: 0px;
    width: 100%;
}

h1, .h1 {font-size: var(--bs-font-size-h1); }
h2, .h2 {font-size: var(--bs-font-size-h2); }
h3, .h3 {font-size: var(--bs-font-size-h3); }
h4, .h4 {font-size: var(--bs-font-size-h4); }
h5, .h5 {font-size: var(--bs-font-size-h5); }
h6, .h6 {font-size: var(--bs-font-size-h6); }

a, .a, a:focus, .a:focus, a:hover, .a:hover {
    text-decoration: none;
    outline: none;
}

a, .a {
    color: var(--bs-primary);
    display: inline-block;
    cursor: pointer;
}

a:hover, .a:hover, .active a:not(.btn), .active .a:not(.btn) {
    color: var(--bs-primary);
}

p {
    font-size: var(--bs-body-fs);
    line-height: var(--bs-body-lh);
    margin: 0 0 15px;
}

p:empty {
    display: none;
}

label {
    margin-bottom: 0px;
}

small, .small {
    display: inline-block;
    font-size: var(--bs-small-font-size);
    line-height: var(--bs-small-line-height);
}

blockquote {
    font-size: var(--bs-display-4);
    line-height: 1.5;
    color: var(--bs-primary);
    font-style: italic;
    letter-spacing: -0.3px;
    margin-bottom: 28px;
    padding: 10px 0px 0;
}

blockquote::before, blockquote::after {
    content: "\201C";
    font-size: 102px;
    line-height: 27px;
    margin-left: -36px;
    position: relative;
    top: 22px;
    opacity: 0.3;
    left: 6px;
}

blockquote::after {
    content: "\201C";
    top: 27px;
}

section {
    display: inline-block;
    width: 100%;
    position: relative;
}

::-moz-selection {
    color: var(--bs-white);
    background: var(--bs-primary);
}

::selection {
    color: var(--bs-white);
    background: var(--bs-primary);
}

:hover, :visited, :active, :focus {
    outline: none !important;
}

:last-child:not(img):not(.icon):not(.margin-child):not(.bar):not(.modal-dialog),
:only-child:not(img):not(.icon):not(.margin-child):not(.bar):not(.modal-dialog) {
    margin-bottom: 0px !important;
}

/* Common Css
======================================================*/
.transition, ::before, ::after,img, svg, svg *, a, .a, input, textarea, button, select, option, .icon, .btn, 
.slider .slide-item a span, .slider .slide-item a label, .slider .slide-item a figure {
    -webkit-transition: var(--transition);
    -moz-transition: var(--transition);
    transition: var(--transition);
}

.box-shadow, .item:hover {
    -webkit-box-shadow: 0px 0px 30px rgba(var(--bs-secondary-rgb), 0.15);
    -moz-box-shadow: 0px 0px 30px rgba(var(--bs-secondary-rgb), 0.15);
    box-shadow: 0px 0px 30px rgba(var(--bs-secondary-rgb), 0.15);
}

.rounded-lg {
    -webkit-border-radius: var(--bs-radius-lg);
    -moz-border-radius: var(--bs-radius-lg);
    border-radius: var(--bs-radius-lg);
}

.rounded-md {
    -webkit-border-radius: var(--bs-radius-md);
    -moz-border-radius: var(--bs-radius-md);
    border-radius: var(--bs-radius-md);
}

.rounded-sm {
    -webkit-border-radius: var(--bs-radius-sm);
    -moz-border-radius: var(--bs-radius-sm);
    border-radius: var(--bs-radius-sm);
}

.rounded-xs {
    -webkit-border-radius: var(--bs-radius-xs);
    -moz-border-radius: var(--bs-radius-xs);
    border-radius: var(--bs-radius-xs);
}

.rounded-circle, .tab-content ul li:before {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

.icon {
    display: inline-block;
    line-height: 0;
}

.fa {
    line-height: inherit;
}

/* Link
======================================================*/
.link {position: relative; overflow: hidden; white-space: nowrap; display: inline-block; }
.link::before {content: ""; position: absolute; height: 1px; width: 100%; bottom: 0px; right: 0; left: 100%; background-color: var(--bs-white); -webkit-transform-origin: 0 100%; -moz-transform-origin: 0 100%; transform-origin: 0 100%; -webkit-transform: scaleY(1) scaleX(0); -moz-transform: scaleY(1) scaleX(0); transform: scaleY(1) scaleX(0); -webkit-transition: left .4s cubic-bezier(.5,0,.1,1), transform 0s linear .4s; -moz-transition: left .4s cubic-bezier(.5,0,.1,1), transform 0s linear .4s; transition: left .4s cubic-bezier(.5,0,.1,1), transform 0s linear .4s; }
.link:hover::before {left: 0; -webkit-transform: scaleY(1) scaleX(1); -moz--transform: scaleY(1) scaleX(1); transform: scaleY(1) scaleX(1); -webkit-transition: transform .4s cubic-bezier(.5,0,.1,1), left 0s linear; -moz-transition: transform .4s cubic-bezier(.5,0,.1,1), left 0s linear; transition: transform .4s cubic-bezier(.5,0,.1,1), left 0s linear; }

/* Range Picker
======================================================*/
.irs--flat .irs-line {height: 9px; background: #E3E3E3; box-shadow: 0px 1px 2px rgba(1, 1,  1, 0.1) inset; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
.irs--flat .irs-handle i {display: none !important; }
.irs--flat .irs-bar {height: 9px; background-color: var(--bs-primary); -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
.irs--flat .irs-handle {top: 20px; width: 19px; height: 19px; background-color: var(--bs-white); cursor: pointer; border: 1px solid var(--bs-body-color); -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; }
.irs--flat .irs-handle::before {content: ""; cursor: pointer; display: inline-block; position: absolute; width: 5px; height: 5px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; background: var(--bs-dark); top: 0px; left: 0px; right: 0px; bottom: 0px; margin: auto; }
.irs--flat .irs-min, .irs--flat .irs-max {display: none !important;}
.irs--flat .irs-from, .irs--flat .irs-to {padding: 0; color: var(--bs-body-color); font-size: var(--bs-small-font-size); line-height: var(--bs-small-line-height); text-shadow: none; background-color: transparent; border-radius: 0; float: left; visibility: visible !important; position: static !important; margin-top: -15px; }
.irs--flat .irs-from::before, .irs--flat .irs-to::before, .irs--flat .irs-single {display: none !important; }
.irs--flat .irs-from::after {content: "- "; margin-left: 4px; margin-right: 4px; }

/* Bootstrap
======================================================*/
.row {
    --bs-gutter-x: var(--bs-gutter);
    --bs-gutter-y: var(--bs-gutter);
}

.display-1 {font-size: var(--bs-display-1); line-height: 1.5; font-weight: 700;}
.display-2 {font-size: var(--bs-display-2); line-height: 1.5; font-weight: 700;}
.display-3 {font-size: var(--bs-display-3); line-height: 1.5; font-weight: 700;}
.display-4 {font-size: var(--bs-display-4); line-height: 1.5; font-weight: 700;}
.display-5 {font-size: var(--bs-display-5); line-height: 1.5; font-weight: 700;}
.display-6 {font-size: var(--bs-display-6); line-height: 1.5; font-weight: 700;}

.font-body {font-family: var(--bs-font);}
.font-heading {font-family: var(--bs-font-heading);}

/* Animation
======================================================*/
[data-aos="fade-up"] {
    transform: translate3d(0,50px,0);
}

/* Breadcrumb
======================================================*/
.section-breadcrumb {padding: 40px 0px;}

/* Form Control
======================================================*/
::-webkit-input-placeholder {
    color: #999999 !important;
    opacity: 1;
}
::-moz-placeholder {
    color: #999999 !important;
    opacity: 1;
}
:-ms-input-placeholder {
    color: #999999 !important;
    opacity: 1;
}
:-moz-placeholder {
    color: #999999 !important;
    opacity: 1;
}

::-webkit-calendar-picker-indicator {
    position: absolute;
    top: 0px;
    bottom: 0px;
    right: 0px;
    width: 20px;
    height: 20px;
    margin: auto;
    background-image: url("assets/images/icon-calendar.svg");
    border: none;
    background-origin: border-box;
    -webkit-box-sizing: border-box !important;
    -moz-box-sizing: border-box !important;
    box-sizing: border-box !important;
}

::-webkit-inner-spin-button,
::-webkit-calendar-picker-indicator {
    display: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

input, textarea, button, select, option {
    font-family: var(--bs-font);
    outline: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

select {
    background-image: url("../images/icon-select.svg");
    background-repeat: no-repeat;
    background-position: right 20px center;
    padding-right: 50px;
}

option {
    font-weight: normal;
    line-height: 18px;
    padding: 0px 15px;
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
    margin: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

textarea.form-control {
    min-height: 120px;
    resize: none;
}

.row-form {
    --bs-gutter-y: calc(var(--bs-gutter) - 5px);
}

.form-group {
    position: relative;
    margin-bottom: calc(var(--bs-gutter) - 5px);
}

.form-group label {
    font-size: var(--bs-small-font-size);
    line-height: var(--bs-small-line-height);
    font-weight: 500;
    margin-bottom: 5px;
}

.form-group label .required {
    color: var(--bs-danger);
}

.form-group small:not(.valid-feedback):not(.invalid-feedback), .form-group .small:not(.valid-feedback):not(.invalid-feedback) {
    color: var(--bs-body-color);
    opacity: 0.7;
}

.form-group .valid-feedback, .form-group .invalid-feedback {
    display: block;
    margin-top: 0;
}

.form-control {
    display: block;
    width: 100%;
    padding: 9px 20px;
    font-size: var(--bs-small-font-size);
    font-weight: 400;
    line-height: var(--bs-small-line-height);
    color: var(--bs-body-color);
    background-color: var(--bs-body-bg);
    -webkit-border-radius: var(--bs-radius-xs);
    -moz-border-radius: var(--bs-radius-xs);
    border-radius: var(--bs-radius-xs)
}
.form-control[type="password"] {
    padding-right: 45px;
}

.form-control:focus {
    border-color: var(--bs-primary);
    box-shadow: 0 0 0 .25rem rgba(var(--bs-primary-rgb),.25);
}

.form-check {
    font-size: var(--bs-small-font-size);
    line-height: var(--bs-small-line-height);
    min-height: inherit;
    margin-bottom: 10px;
    padding: 0;
}

.form-check .form-check-input {
    width: 12px;
    height: 12px;
    margin: 4px 10px 2px 0 !important;
    box-shadow: none;
}
.form-check .form-check-label {
    font-weight: normal;
}
.form-check-input:checked {
    background-color: var(--bs-primary);
    border-color: var(--bs-primary);
}
.form-check-input:checked[type="radio"] {
    background-color: transparent;
    --bs-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23521F6B'/%3e%3c/svg%3e");
}
.icon-input {
    cursor: pointer;
    position: absolute;
    width: 20px;
    height: 20px;
    right: 20px;
    top: 35px;
}
.icon-eye {
    background-image: url("../images/icon-eye-off.svg");
}
.icon-eye.active {
    background-image: url("../images/icon-eye.svg");
}

.form-control-date {
    background-image: url("../images/icon-calendar.png"); 
    background-repeat: no-repeat; 
    background-position: right 20px center; 
    padding-right: 45px !important;
}

/* Alert
======================================================*/
.alert {
    --bs-alert-bg: transparent;
    --bs-alert-padding-x: 20px;
    --bs-alert-padding-y: 9px;
    --bs-alert-margin-bottom: 20px;
    --bs-alert-border-radius: var(--bs-radius-xs);
    --bs-alert-link-color: inherit;
    position: relative;
    padding: var(--bs-alert-padding-y) var(--bs-alert-padding-x);
    margin-top: var(--bs-alert-margin-bottom);
    margin-bottom: var(--bs-alert-margin-bottom);
    color: var(--bs-alert-color);
    background-color: var(--bs-alert-bg);
    border: var(--bs-alert-border);
    border-radius: var(--bs-alert-border-radius);
    font-size: var(--bs-small-font-size);
    line-height: var(--bs-small-line-height);
}

.alert-success {
    --bs-alert-color: var(--bs-success);
    --bs-alert-bg: rgba(var(--bs-success-rgb), 0.1);
    --bs-alert-border-color: var(--bs-success);
    --bs-alert-link-color: var(--bs-success);
}

.alert-danger {
    --bs-alert-color: var(--bs-danger);
    --bs-alert-bg: rgba(var(--bs-danger-rgb), 0.1);
    --bs-alert-border-color: var(--bs-danger);
    --bs-alert-link-color: var(--bs-danger);
}

/* Badge
======================================================*/
.badge {
    --bs-badge-padding-x: 15px;
    --bs-badge-padding-y: 0;
    --bs-badge-font-size: calc(var(--bs-small-font-size) - 3px);
    --bs-badge-font-weight: 700;
    --bs-badge-color: var(--bs-primary);
    --bs-badge-border-radius: var(--bs-radius-xs);
    display: inline-block;
    padding: var(--bs-badge-padding-y) var(--bs-badge-padding-x);
    font-size: var(--bs-badge-font-size);
    font-weight: var(--bs-badge-font-weight);
    line-height: calc(var(--bs-small-line-height) - 3px);
    color: var(--bs-badge-color);
    border-radius: var(--bs-badge-border-radius);
    text-transform: uppercase;
}

/* Button
======================================================*/
.btn {
    --bs-btn-padding-x: 25px;
    --bs-btn-padding-y: 9px;
    --bs-btn-font-family: var(--bs-font);
    --bs-btn-font-size: var(--bs-small-font-size);
    --bs-btn-font-weight: 700;
    --bs-btn-line-height: 20px;
    --bs-btn-box-shadow: none;
    --bs-btn-focus-box-shadow: none;
    -webkit-border-radius: var(--bs-radius-xs);
    -moz-border-radius: var(--bs-radius-xs);
    border-radius: var(--bs-radius-xs);
    text-transform: uppercase;
}

.btn-sm {
    --bs-btn-padding-y: 2px;
    --bs-btn-padding-x: 15px;
    --bs-btn-font-size: calc(var(--bs-small-font-size) - 4px);
    --bs-btn-border-radius: var(--bs-border-radius-sm);
}

.btn .icon, .btn .fa {
    margin-right: 11px;
}

.btn-primary {
    --bs-btn-color: var(--bs-white);
    --bs-btn-bg: var(--bs-primary);
    --bs-btn-border-color: var(--bs-primary);
    --bs-btn-hover-color: var(--bs-white);
    --bs-btn-hover-bg: var(--bs-primary);
    --bs-btn-hover-border-color: var(--bs-primary);
    --bs-btn-focus-shadow-rgb: 0,0,0;
    --bs-btn-active-color: var(--bs-white);
    --bs-btn-active-bg: var(--bs-primary);
    --bs-btn-active-border-color: var(--bs-primary);
    --bs-btn-active-shadow: none;
    --bs-btn-disabled-color: var(--bs-white);
    --bs-btn-disabled-bg: var(--bs-primary);
    --bs-btn-disabled-border-color: var(--bs-primary);
}

.btn-white {
    --bs-btn-color: var(--bs-primary);
    --bs-btn-bg: var(--bs-white);
    --bs-btn-border-color: var(--bs-white);
    --bs-btn-hover-color: var(--bs-primary);
    --bs-btn-hover-bg: var(--bs-white);
    --bs-btn-hover-border-color: var(--bs-white);
    --bs-btn-focus-shadow-rgb: 0,0,0;
    --bs-btn-active-color: var(--bs-primary);
    --bs-btn-active-bg: var(--bs-white);
    --bs-btn-active-border-color: var(--bs-white);
    --bs-btn-active-shadow: none;
    --bs-btn-disabled-color: var(--bs-primary);
    --bs-btn-disabled-bg: var(--bs-white);
    --bs-btn-disabled-border-color: var(--bs-white);
}

.btn-outline-primary {
    --bs-btn-color: var(--bs-primary);
    --bs-btn-border-color: var(--bs-primary);
    --bs-btn-hover-color: var(--bs-white);
    --bs-btn-hover-bg: var(--bs-primary);
    --bs-btn-hover-border-color: var(--bs-primary);
    --bs-btn-focus-shadow-rgb: 13,110,253;
    --bs-btn-active-color: var(--bs-white);
    --bs-btn-active-bg: var(--bs-primary);
    --bs-btn-active-border-color: var(--bs-primary);
    --bs-btn-active-shadow: none;
    --bs-btn-disabled-color: var(--bs-primary);
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: var(--bs-primary);
    --bs-gradient: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

.btn-light {
    --bs-btn-color: var(--bs-primary);
    --bs-btn-bg: var(--bs-light);
    --bs-btn-border-color: var(--bs-light);
    --bs-btn-hover-color: var(--bs-primary);
    --bs-btn-hover-bg: var(--bs-light);
    --bs-btn-hover-border-color: var(--bs-light);
    --bs-btn-focus-shadow-rgb: none;
    --bs-btn-active-color: var(--bs-primary);
    --bs-btn-active-bg: var(--bs-light);
    --bs-btn-active-border-color: var(--bs-light);
    --bs-btn-active-shadow: none;
    --bs-btn-disabled-color: var(--bs-primary);
    --bs-btn-disabled-bg: var(--bs-light);
    --bs-btn-disabled-border-color: var(--bs-light);
}

/* Modal
======================================================*/
.modal {
    --bs-modal-padding: 0;
    --bs-modal-margin: var(--bs-gutter);
    --bs-modal-border-radius: 0;
    --bs-modal-box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
    --bs-modal-inner-border-radius: 0;
    --bs-modal-border-width: 0;
}

.modal-dialog {
    z-index: 1051;
}

.modal-slide .modal-dialog {
    margin: 0px;
    height: 100vh;
    max-width: 100%;
    background: transparent;
    text-align: center;
}

.modal-slide .modal-content {
    background-color: transparent;
}

.btn-close {
    --bs-btn-close-color: var(--bs-body-color);
    --bs-btn-close-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%234C5057'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e");
    --bs-btn-close-opacity: 1;
    --bs-btn-close-hover-opacity: 1;
    --bs-btn-close-focus-shadow: none;
    --bs-btn-close-focus-opacity: 1;
    --bs-btn-close-disabled-opacity: 0.25;
    --bs-btn-close-white-filter: invert(1) grayscale(100%) brightness(200%);
    box-sizing: content-box;
    width: 40px;
    height: 40px;
    padding: 15px 15px;
    color: var(--bs-btn-close-color);
    background: rgba(var(--bs-white-rgb), 0.5) var(--bs-btn-close-bg) center/1em auto no-repeat;
    border: 0;
    border-radius: 0;
    opacity: var(--bs-btn-close-opacity);
    position: absolute;
    top: 0px;
    right: 0px;
    z-index: 1051;
}

.modal-contact {
    --bs-modal-padding: var(--bs-gutter);
}

.modal-contact h4 {
    margin-bottom: var(--bs-gutter);
}

/* Title
======================================================*/
.title {
   position: relative; 
   padding-top: 50px;
   padding-bottom: 150px;
}

.title::before {
    content: ""; 
    display: inline-block; 
    width: 85px; 
    height: 2px; 
    background-color: var(--bs-primary); 
    position: absolute; 
    top: 0px; 
    right: 0px; 
    left: 0px; 
    margin: auto;
}

/* Calander
======================================================*/
.datepicker-dropdown {display: block; margin: 0; padding: 0px; width: 226px; font-size: 8px; line-height: 16px; color: var(--bs-body-color); border: 1px solid var(--bs-border-color); }
.datepicker-dropdown::before, .datepicker-dropdown::after {display: none;}
.datepicker-dropdown > div {margin: 0px -3px; }
.datepicker-dropdown > div::after {content: ""; display: inline-block; position: absolute; left: -1px; height: 1px; background: var(--bs-border-color); right: -1px; top: 22px; }

.datepicker-dropdown table {font-size: 8px; line-height: 16px; width: 100%; border-collapse: separate; border-spacing: 16px 4px; }
.datepicker-dropdown table thead tr:nth-child(2) {position: relative; top: -5px; }
.datepicker-dropdown table tfoot {display: none; }
.datepicker-dropdown table th {width: 16px; height: 16px; line-height: 16px; padding: 0; color: var(--bs-body-color); font-weight: var(--bs-font-bold); text-transform: uppercase; }
.datepicker-dropdown table th.disabled, .datepicker-dropdown table th.disabled:hover {background: none; color: var(--bs-body-color); cursor: not-allowed; opacity: .3 }
.datepicker-dropdown table th.prev {font-size: 0px; background: transparent url("../images/left-arrow.png") no-repeat scroll center center !important; }
.datepicker-dropdown table th.next {font-size: 0px; background: transparent url("../images/right-arrow.png") no-repeat scroll center center !important; }
.datepicker-dropdown table th.prev:hover, .datepicker-dropdown table th.next:hover {opacity: 0.5; }
.datepicker-dropdown table td {height: auto; line-height: 16px; width: 16px; padding: 0 }
.datepicker-dropdown table td.day {height: 16px; line-height: 16px; width: 16px; min-width: 16px; padding: 0 }
.datepicker-dropdown table td.disabled, .datepicker-dropdown table td.disabled:hover {color: var(--bs-border-color) !important; position: relative;}
.datepicker-dropdown table td.disabled::after {content: ""; display: inline-block; position: absolute; width: 90%; height: 1px; background: var(--bs-border-color); left: 0px; top: 8px; transform: rotate(-35deg); }
.datepicker-dropdown table td.active, .datepicker-dropdown table td.active:hover {background: var(--bs-primary) !important; color: var(--bs-white) !important; text-shadow: none }
.datepicker-dropdown table td.today::before {display: none }
.datepicker-dropdown table tr td span, .datepicker-dropdown table tr td i {width: 16.66%; height: 16px; line-height: 16px; margin: 0px; position: relative; text-transform: uppercase; }
.datepicker-dropdown table td span:hover, .datepicker-dropdown table td span:hover, .datepicker-dropdown table td i:hover, .datepicker-dropdown table td i:hover {background: var(--bs-light) }
.datepicker-dropdown table td span.active, .datepicker-dropdown table td span.active, .datepicker-dropdown table td i.active, .datepicker-dropdown table td i.active {background: var(--bs-primary) !important; color: var(--bs-white) !important; text-shadow: none; }
.datepicker-dropdown table tr td.new, .datepicker-dropdown table tr td.old {color:#c0c0c0; }
.datepicker-dropdown table tr td.today, .datepicker-dropdown table tr td.today.disabled, .datepicker-dropdown table tr td.today.disabled:hover, .datepicker-dropdown table tr td.today:hover {background: var(--bs-primary) !important; color: var(--bs-white) !important; }
.datepicker-dropdown .picker-switch td span, .datepicker-dropdown .picker-switch td i {display: none }
.datepicker-dropdown .datepicker-years table td, .datepicker-dropdown .datepicker-months table td {padding-left: 0; padding-right: 0; padding-bottom: 0 }

/* Header
======================================================*/
header {z-index: 1;}
header .header-top {background-color: var(--bs-secondary); padding: 10px 0; position: relative; z-index: 1;}
header .header-top ul li:not(:last-child) {margin-right: var(--bs-gutter);}
header .header-top ul li a {color: var(--bs-white);}
header .header-top ul li a .fa {font-size: 18px; line-height: 20px; margin-right: 15px;}
header .header-top ul li a:hover {opacity: 0.7;}
header .header-top ul li a[data-bs-toggle]::after {content: ""; display: inline-block; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 5px solid var(--bs-white); margin-left: 10px; margin-top: 7px;}

header .header-bottom {padding: 17px 0px;}
header .header-bottom .navigation ul {margin-right: 20px;}
header .header-bottom .navigation ul li {padding: 0px 20px; position: relative;}
header .header-bottom .navigation ul li:not(:last-child)::before {content: ""; display: inline-block; width: 2px; height: 11px; position: absolute; right: -1px; top: 0px; bottom: 0px; margin: auto; background-color: var(--bs-secondary);}
header .header-bottom .navigation ul li a:not(:hover) {color: var(--bs-body-color);}

.nav-toggle {margin-left: 10px; cursor: pointer;}
.nav-toggle .bar {width: 20px; height: 2px; background-color: var(--bs-primary); margin: 6px auto; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
.nav-toggle.open {-webkit-transition: all 0.3s ease-in-out 0.6s; -moz-transition: all 0.3s ease-in-out 0.6s; transition: all 0.3s ease-in-out 0.6s; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); -moz-transform: rotate(45deg); transform: rotate(45deg); }
.nav-toggle.open .bar:nth-child(1), .nav-toggle.open .bar:nth-child(3) {-webkit-transition-delay: 0.3s; -moz-transition-delay: 0.3s; transition-delay: 0.3s; }
.nav-toggle.open .bar:nth-child(1) {-webkit-transform: translateY(8px); -moz-transform: translateY(8px); transform: translateY(8px); }
.nav-toggle.open .bar:nth-child(2) {width: 0px; }
.nav-toggle.open .bar:nth-child(3) {-webkit-transform: translateY(-8px) rotate(90deg); -moz-transform: translateY(-8px) rotate(90deg); transform: translateY(-8px) rotate(90deg); }

header .header-top .dropdown-menu {border: none; padding: 20px; top: calc(100% + 10px); text-transform: none; width: 240px; left: -20px; }
header .header-top .dropdown-menu::before {content: ""; display: inline-block; border-left: 5px solid transparent; border-right: 5px solid transparent; border-bottom: 5px solid var(--bs-white); position: absolute; top: -5px; left: 20px; }
header .header-top .dropdown-menu li {margin-right: 0px !important; margin-top: 10px; }
header .header-top .dropdown-menu li a {color: var(--bs-body-color); padding: 0px; }
.search-input{position: relative; width:auto;height:36px; right:0; transition: .3s ease-in; padding-right: 46px !important; max-width: 190px;}
.search-button {position: absolute; width: 36px !important;height: 36px;right: 1px;top: 0px;}

/* Section Banner
======================================================*/
.section-banner {min-height: 780px; padding: 130px 0px 115px;}
.section-banner h4 {margin-bottom: 30px; position: relative; padding-left: 120px;}
.section-banner h4::before {content: ""; display: inline-block; width: 100px; height: 2px; background-color: var(--bs-primary); position: absolute; top: 0px; bottom: 0px; left: 0px; margin: auto;}
.section-banner h1 {margin-bottom: 45px;}

.section-banner .btn-sale {
    max-width: 750px;
    margin-left: auto;
    margin-right: auto;
}

/* Section Category
======================================================*/
.section-category {padding: 120px 0 165px;}
.section-category figure {padding-top: 100%;}

.item .item-data {position: absolute; bottom: 0px; left: 0px; background-color: rgba(var(--bs-secondary-rgb), 0.85); padding: 14px 15px;}
.item.item-xl .item-data {padding: 32px 35px;}

/* Section Feature
======================================================*/
.section-feature {padding-bottom: 50px; margin-bottom: -50px;}

.slider {margin: 0 calc(var(--bs-gutter) * -0.5);}
.slider .slick-list {overflow: visible;}
.slider .slide-item {padding: 0px calc(var(--bs-gutter) * 0.5); }
.slider .slide-item a {position: relative; overflow: hidden;}
.slider .slide-item a figure {padding-top: 100%;}
.slider .slide-item a span {position: absolute; padding: 10px 45px; top: var(--bs-gutter); left: var(--bs-gutter); background-color: rgba(var(--bs-primary-rgb), 0.85); -webkit-transform: translateY(-400%); -moz-transform: translateY(-400%); transform: translateY(-400%);}
.slider .slide-item a label {position: absolute; bottom: 0px; left: 0px; background-color: rgba(var(--bs-secondary-rgb), 0.85); padding: 32px 35px; -webkit-transform: translateY(100%); -moz-transform: translateY(100%); transform: translateY(100%);}
.slider .slide-item a:hover {margin-top: -50px; margin-bottom: -50px;}
.slider .slide-item a:hover figure {padding-top: calc(100% + 100px);}
.slider .slide-item a:hover span, .slider .slide-item a:hover label {-webkit-transform: translateY(0); -moz-transform: translateY(0); transform: translateY(0);}

/* Section Reviw
======================================================*/
.section-review {padding: 220px 0 200px;}

.review-image {width: 270px; margin-right: -70px; position: relative; z-index: 1;}
.review-image figure {padding-top: 100%;}
.review-image .icon {background: rgba(var(--bs-secondary-rgb), 0.85) url("../images/icon-previous.png") no-repeat scroll center center; width: 70px; position: absolute; display: inline-block; top: 0px; right: 0px; height: 50%; z-index: 1; border-bottom: 2px solid var(--bs-border-color); cursor: pointer; }
.review-image .icon.icon-next {background-image: url("../images/icon-next.png"); top: inherit; bottom: 0px; border-bottom: none; }
.review-image .icon:hover {background-color: rgba(var(--bs-secondary-rgb), 1); }

.review-text {border: 1px solid #EEEEEE; padding: 90px 160px 90px 200px; min-height: 400px; width: calc(100% - 200px);}
.review-text h5 {margin-bottom: 30px;}
.review-text h5:empty {display: none;}
.review-text p {margin-bottom: 40px;}
.review-text label {margin-right: 10px;}
.review-text span {margin-left: 10px; display: inline-block;}

/* Section Sale
======================================================*/
.box {background-color: rgba(var(--bs-secondary-rgb), 0.85); width: 570px; max-width: 100%; height: 780px;}
.box h2 {margin-bottom: 160px;}
.box label {margin-bottom: 33px;}

/* Section Story
======================================================*/
.section-story {padding: 220px 0px;}
.section-story h4 {margin-bottom: 30px; padding-top: 40px; position: relative;}
.section-story h4::before {content: ""; display: inline-block; width: 35px; height: 2px; background-color: var(--bs-primary); position: absolute; top: 0px; left: 0px; margin: auto;}
.section-story figure {padding-top: 74%; margin-bottom: 50px;}
.section-story .text-editor {position: relative; left: 70px;}
.section-story .text-editor p {max-width: 350px;}
.section-story .text-editor figure {padding-top: 52.69%; margin-bottom: 72px; z-index: 1;}

/* Section CTA
======================================================*/
.section-cta {min-height: 620px; padding-top: 130px; padding-bottom: 50px;}
.section-cta label {margin-bottom: 27px;}
.section-cta h2 {margin-bottom: 23px;}

.search-box {max-width: 750px; width: 100%;}
.search-box li {margin-right: 1px;}
.search-box li:first-child input {-webkit-border-radius: var(--bs-radius-xs) 0 0 var(--bs-radius-xs); -moz-border-radius: var(--bs-radius-xs) 0 0 var(--bs-radius-xs); border-radius: var(--bs-radius-xs) 0 0 var(--bs-radius-xs);}
.search-box li:last-child button {-webkit-border-radius: 0 var(--bs-radius-xs) var(--bs-radius-xs) 0; -moz-border-radius: 0 var(--bs-radius-xs) var(--bs-radius-xs) 0; border-radius: 0 var(--bs-radius-xs) var(--bs-radius-xs) 0;} 
.search-box li:nth-last-child(2), .search-box li:last-child {margin-right: 0;}
.search-box li input[type="text"] {border: none; font-size: var(--bs-font-size-h5); line-height: 40px; padding: 15px 20px 45px 20px !important; width: 100%; font-family: var(--bs-font-heading); font-weight: 600; color: var(--bs-body-color); background-color: var(--bs-white); }
.search-box li input.form-control-date {font-size: 0; background-image: none;}
.search-box li > label {position: absolute; bottom: 15px; left: 0px; padding: 0px 20px; pointer-events: none; }
.search-box li > label .fa {font-size: 14px; margin-right: 5px; color: var(--bs-primary); position: relative; top: -1px; }
.search-box li .form-control-date-text {position: absolute; top: 0px; padding: 20px 20px 50px 20px; pointer-events: none; }
.search-box li .form-control-date-text h5 {margin-right: 20px; }
.search-box li .form-checkbox {padding: 0px 20px 15px;}

.alert-search {max-width: 750px; margin-left: auto; }

/* Section List
======================================================*/
.section-list {padding: 80px 0 110px;}
.aside-toggle {display: inline-block; width: 100%; padding: 15px 15px; color: var(--bs-white) !important; background-color: var(--bs-primary); font-weight: var(--bs-font-bold); text-transform: uppercase;}
.aside-toggle .bar {background: var(--bs-white); display: inline-block; height: 2px; width: 15px; margin: 2px 0 2px auto;}
.aside-toggle .bar:nth-child(2) {width: 9px;}
.aside-toggle .bar:nth-child(3) {width: 12px;}

aside {padding: 5px; border: 1px solid var(--bs-border-color);}
.aside-item {padding: 25px 15px; border-bottom: 1px solid var(--bs-border-color);}
.aside-item:last-child {border-bottom: none;}
.aside-item > label {margin-bottom: 18px;}
.aside-item ul {margin-bottom: 11px;}
.aside-item ul li {margin-bottom: 10px;}
.aside-item ul li input[type="text"] {border: 1px solid var(--bs-border-color); color: var(--bs-body-color); width: 100%; font-size: var(--bs-small-font-size); line-height: var(--bs-small-line-height); padding: 9px 20px; -webkit-border-radius: var(--bs-radius-xs); -moz-border-radius: var(--bs-radius-xs); border-radius: var(--bs-radius-xs);}
.aside-item .form-check label {color: var(--bs-body-color); font-weight: normal; display: flex; align-items: center;}
.aside-item .form-check label .icon {max-width: 16px; min-width: 16px; margin-right: 12px;}
.aside-item .form-check input {--bs-form-check-bg: var(--bs-body-bg); vertical-align: top; background-color: var(--bs-form-check-bg); background-image: var(--bs-form-check-bg-image); background-repeat: no-repeat; background-position: center; background-size: contain; border: var(--bs-border-width) solid var(--bs-border-color); -webkit-appearance: none; -moz-appearance: none; appearance: none; -webkit-print-color-adjust: exact; color-adjust: exact; print-color-adjust: exact; width: 12px; height: 12px; margin: 4px 10px 2px 0 !important; box-shadow: none; -webkit-border-radius: .25em; -moz-border-radius: .25em; border-radius: .25em; float: left; }
.aside-item .form-check input:checked {background-color: var(--bs-primary); border-color: var(--bs-primary); }
.aside-item .form-check input:checked[type=checkbox] {--bs-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e"); }

.aside-item .ratio {margin-bottom: 23px;}
.aside-item .note {font-size: calc(var(--bs-small-font-size) - 3px);}
.aside-item .datepicker-dropdown {margin: 14px 0 25px;}
.aside-item .badge {top: -18px !important;}
.aside-item .form-check {}

.select2 {width: 100% !important; }
.select2-container--default .select2-selection--single {border: 1px solid var(--bs-border-color); -webkit-border-radius: var(--bs-radius-xs); -moz-border-radius: var(--bs-radius-xs); border-radius: var(--bs-radius-xs); padding: 9px 0px; }
.select2-container .select2-selection--single {height: auto; }
.select2-container .select2-selection--single .select2-selection__rendered {padding-left: 20px; padding-right: 50px; }
.select2-container--default .select2-selection--single .select2-selection__rendered {margin-bottom:5px;color: var(--bs-body-color); font-size: var(--bs-small-font-size); line-height: var(--bs-small-line-height); }
.select2-container--default .select2-selection--single .select2-selection__arrow {height: 38px; width: 40px; }
.select2-container--default .select2-selection--single .select2-selection__arrow b {border-color: var(--bs-body-color) transparent transparent transparent; }

.select2-dropdown {-webkit-border-radius: 0px !important; -moz-border-radius: 0px !important; border-radius: 0px !important; border-color: var(--bs-border-color); font-size: var(--bs-small-font-size ); line-height: var(--bs-small-line-height); }
.select2-results__option {padding: 5px 20px; }
.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {background-color: var(--bs-primary); color: var(--bs-white); }
.select2-container--default .select2-results__option--selected {background-color: var(--bs-light); }

.pagination {margin-top: 65px; margin-bottom: 90px;}
.pagination .page-item {padding: 0px 12px; }
.pagination .page-item .page-link {font-size: var(--bs-display-2); line-height: 25px; padding: 0; border: none; color: var(--bs-border-color); background-color: transparent; box-shadow: none; }
.pagination .page-item.active .page-link, .pagination .page-item .page-link:hover {color: var(--bs-primary); text-decoration: underline; }
.pagination .page-item .page-link.icon {width: 35px; height: 25px; background: transparent url("../images/icon-pagination-previous.png") no-repeat scroll center center;}
.pagination .page-item .page-link.icon.icon-next {background-image: url("../images/icon-pagination-next.png")}
.pagination .page-item .page-link.disabled {filter: grayscale(50%); opacity: 0.2;}
.pagination .page-item.page-item-first {padding-right: 58px;}
.pagination .page-item.page-item-last {padding-left: 58px;}

.card {--bs-card-spacer-y: 0; --bs-card-spacer-x: 0; --bs-card-border-radius: 0; margin-bottom: var(--bs-gutter);}
.card figure {width: 325px; min-width: 325px; min-height: 270px;}
.card .card-body {padding: 35px 30px 35px 30px}
.card h5 {margin-bottom: 22px;}
.card ul {margin: -12px -18px 22px -18px;}
.card ul li {padding: 0px 18px; width: 50%; display: flex; margin-top: 12px;}
.card ul li label {text-transform: uppercase; min-width: 150px;}

.icon-badge {width: 122px; height: 99px; position: absolute; top: -10px; left: -16px; display: inline-block; background: transparent url("../images/icon-badge.svg") no-repeat scroll center center; z-index: 1; background-size: cover;}

.box-service {border: 1px solid var(--bs-border-color); padding: 50px 50px 35px 50px;}
.box-service figure {width: 50px; min-width: 50px; margin-right: 35px;}
.box-service h6 {margin-bottom: 10px;}
.box-service p {margin-bottom: 33px;}

/* Apartment Detail
======================================================*/
.section-item {padding: 110px 0 0;}
.section-item .icon-badge {width: 194px; height: 157px; left: -22px; top: -6px; }
.section-item .badge {position: absolute; top: -26px; right: 0px;}
.section-item .btn-sm {width: 130px; margin: 0px 5px;}

.product-title {margin-bottom: var(--bs-gutter);}
.product-title h1 {margin-bottom: 10px;}
.product-title span {font-size: calc(var(--bs-small-font-size) - 2px); line-height: calc(var(--bs-small-line-height) - 5px); color: #8D8E92; font-weight: bold; margin-left: 10px;}
.product-title del {margin-right: 15px;}
.product-title small {font-size: calc(var(--bs-small-font-size) - 4px); line-height: calc(var(--bs-small-line-height) - 4px); margin-top: 4px;}

.rating-star {line-height: 15px;}
.rating-star li {margin-right: 4px;}

.product-image .slick-slide .figure {padding-top: 57.5%; }
.product-image .icon {width: 35px; height: 35px; background: rgba(var(--bs-white-rgb), 0.5) url("../images/icon-left.svg") no-repeat scroll center center;cursor: pointer; position: absolute; top: 0px; left: 25px; bottom: 0px; margin: auto; z-index: 1; }
.product-image .icon.icon-next {right: 25px; left: inherit; background-image: url("../images/icon-right.svg"); cursor: pointer; }

.product-thumbnail {margin: var(--bs-gutter) calc(var(--bs-gutter) * -0.5) 40px; }
.product-thumbnail .slick-slide {padding: 0px calc(var(--bs-gutter) * 0.5); }
.product-thumbnail .slick-slide figure {padding-top: 57.5%; }
.product-thumbnail .icon {width: 35px; height: 100%; background: rgba(var(--bs-white-rgb), 0.5) url("../images/icon-left.svg") no-repeat scroll center center; cursor: pointer;  position: absolute; top: 0px; left: calc(var(--bs-gutter) * 0.5); bottom: 0px; margin: auto; z-index: 1; }
.product-thumbnail .icon.icon-next {right: calc(var(--bs-gutter) * 0.5); left: inherit; background-image: url("../images/icon-right.svg"); }

.product-data {background-color: #FAFAFA; padding: 40px; margin-top: 50px; margin-bottom: 70px;}
.product-data ul {margin: -20px -10px 55px; text-align: center; color: var(--bs-primary);}
.product-data ul li {width: 20%; padding: 20px 10px 0px;}
.product-data ul li figure {margin-bottom: 30px; height: 34px;}
.product-data ul li label {font-size: calc(var(--bs-small-font-size) - 2px); margin-bottom: 15px; border: 1px solid var(--bs-primary); -moz-border-radius: 3px; -ms-border-radius: 3px; border-radius: 3px; line-height: calc(var(--bs-small-line-height) + 3px); padding: 0px 12px; text-transform: uppercase; }
.product-data ul li span {display: inline-block; width: 100%; line-height: 1;}
.product-data ul li span small {font-size: calc(var(--bs-small-font-size) - 2px); text-transform: uppercase; position: relative; bottom: -3px;}

.nav-tabs {
    --bs-nav-tabs-border-radius: 0;
    --bs-nav-tabs-link-hover-border-color: transparent;
    --bs-nav-tabs-link-active-color: var(--bs-white);
    --bs-nav-tabs-link-active-bg: var(--bs-primary);
    --bs-nav-tabs-link-active-border-color: transparent;
    border-bottom: none;
}
.nav-tabs li {margin-right: -1px;}
.nav-tabs li .nav-link {border-color: var(--bs-border-color); padding: var(--bs-nav-link-padding-y) var(--bs-nav-link-padding-x); font-size: var(--bs-small-font-size); font-weight: 700; color: var(--bs-body-color); width: 100%; margin-top: -1px;}
.nav-tabs li .nav-link:focus, .nav-tabs li .nav-link:hover {background-color: var(--bs-primary); border-color: transparent; color: var(--bs-white); }
.nav-tabs li:first-child .nav-link {-webkit-border-radius: var(--bs-radius-xs) 0 0 var(--bs-radius-xs); -moz-border-radius: var(--bs-radius-xs) 0 0 var(--bs-radius-xs); border-radius: var(--bs-radius-xs) 0 0 var(--bs-radius-xs); }
.nav-tabs li:last-child .nav-link {-webkit-border-radius: 0 var(--bs-radius-xs) var(--bs-radius-xs) 0; -moz-border-radius: 0 var(--bs-radius-xs) var(--bs-radius-xs) 0; border-radius: 0 var(--bs-radius-xs) var(--bs-radius-xs) 0; }

.tab-content {padding: 40px; font-size: var(--bs-small-font-size); line-height: calc(var(--bs-small-line-height) + 5px);}
.tab-content p {font-size: var(--bs-small-font-size); line-height: calc(var(--bs-small-line-height) + 5px);}
.tab-content .row-kitchen {--bs-gutter-y: 5px;}
.tab-content .row-kitchen .col::before {content: ""; width: 4px; height: 4px; display: inline-block; background: var(--bs-dark); border-radius: 50%; margin-right: 5px; position: absolute; top: 9px; left: 0px; }
.tab-content .row-amenities label {padding-left: 50px; position: relative;}
.tab-content .row-amenities label .icon {position: absolute; top: -2px; left: 0px; width: 24px; height: 24px; display: flex; justify-content: center; align-items: center;}
.tab-content ul li {padding-left: 40px; margin-bottom: 11px;}
.tab-content ul li:before {content: ''; position: absolute; width: 5px; height: 5px; background: var(--bs-body-color); left: 0; top: 10px;}
.tab-content .small-required {padding-left: 50px;}
.tab-item {border: 1px solid var(--bs-border-color); height: 100%; width: 100%; padding: 12px 15px;}
.tab-item small {margin-bottom: 3px;}
.tab-item span {display: inline-block; width: 100%; font-size: calc(var(--bs-small-font-size) - 2px); line-height: calc(var(--bs-small-line-height) - 5px);}
.tab-item figure {margin: 17px 0px 18px;}

.icon-tooltip {width: 11px; height: 11px; display: inline-block; background: transparent url("../images/icon-tooltip.svg") no-repeat scroll center center; margin: 6px 0px 6px 4px; cursor: pointer; position: relative; }
.icon-tooltip::before {content: attr(data-bs-title); position: absolute; background: var(--bs-primary); color: var(--bs-white); padding: 5px 10px; font-size: var(--bs-small-font-size); width:225px; line-height: var(--bs-small-line-height); font-style: normal; text-transform: none; font-weight: normal; border-radius: var(--bs-radius-xs); opacity: 0; visibility: hidden; }
.icon-tooltip::after {opacity: 0; visibility: hidden; }
.icon-tooltip[data-bs-placement="top"]::before {bottom: calc(100% + 10px); left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); transform: translateX(-50%); }
.icon-tooltip[data-bs-placement="top"]::after {content: ""; display: inline-block; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 5px solid var(--bs-primary); position: absolute; left: 0px; right: 0px; bottom: calc(100% + 5px); }
.icon-tooltip:hover::before, .icon-tooltip:hover::after {opacity: 1; visibility: visible; }

/* Section Quote
======================================================*/
.section-quote {padding: 180px 0 50px;}
.section-quote h4 {margin-bottom: 25px;}
.section-quote p {margin-bottom: 50px;}

.box-quote {border: 1px solid #EEEEEE; padding: var(--bs-gutter); position: relative; height: 100%; display: flex; flex-direction: column;}
.box-quote::before {content: "“"; font-size: 200px; line-height: 1; position: absolute; opacity: 0.1; top: 31px; left: calc(var(--bs-gutter) - 5px); }
.box-quote p {font-size: var(--bs-small-font-size); line-height: calc(var(--bs-small-line-height) + 6px); margin-top: 19px; margin-bottom: 24px; }
.box-quote small::before {content: "-"; margin: 0px 15px 0px 20px; }

.product-slide figure img {max-width: calc(100% - var(--bs-gutter) - var(--bs-gutter)); max-height: calc(100vh - var(--bs-gutter) - var(--bs-gutter)); margin: 0px auto;}
.product-slide .icon {width: 35px; height: 70px; cursor: pointer; background: rgba(var(--bs-white-rgb), 0.5) url("../images/icon-left.svg") no-repeat scroll center center; position: absolute; top: 0px; left: 0; bottom: 0px; margin: auto; z-index: 1; }
.product-slide .icon.icon-next {right: 0; left: inherit; background-image: url("../images/icon-right.svg"); }

/* Section Content
======================================================*/
.section-content {padding: 70px 0 70px;}


/* Text Editor
======================================================*/
.text-editor :first-child {margin-top: 0px; }
.text-editor :last-child {margin-bottom: 0px; }
.text-editor .teamMemberBlurb{ display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden;transition: .5s;}
.text-editor .teamMemberBlurb.active{-webkit-line-clamp: inherit;}
.text-editor {line-height: calc(var(--bs-body-lh) + 5px); }
.text-editor h2, .text-editor h3, .text-editor h4, .text-editor h5, .text-editor h6 {margin-top: 15px; margin-bottom: 18px; display: inline-block;} 
.text-editor h2{font-size: calc(var(--bs-font-size-h2) / 2);}
.text-editor p {line-height: calc(var(--bs-body-lh) + 5px); margin-bottom: 17px; }
.text-editor a:not(.btn) {display: inline; text-decoration: underline; }
.text-editor figure {margin-top: 7px; margin-bottom: 23px; }
.text-editor figure, .text-editor img {width: 100%; overflow: hidden; }
.text-editor ul, .text-editor ol {margin-bottom: 17px; }
.text-editor ul li, .text-editor ol li {padding-left: 40px; position: relative; margin-bottom: 7px; }
.text-editor ul li::before {content: ''; position: absolute; width: 5px; height: 5px; background: var(--bs-body-color); left: 0; top: 10px; }
.text-editor ol {counter-reset: ol; }
.text-editor ol > li::before {counter-increment: ol; content: counter(ol) "."; position: absolute; left: 0px; top: 0px; }
.text-editor blockquote {font-size: var(--bs-font-size-h6); margin-bottom: 18px;}

/* Team Page
======================================================*/
.row-team {--bs-gutter-y: calc(var(--bs-gutter) * 2);}

.team-item figure {padding-top: 100%; margin-bottom: calc(var(--bs-gutter) * 0.5);}
.team-item small {margin-bottom: calc(var(--bs-gutter) * 0.5);}
.team-item .text-editor {margin-top: calc(var(--bs-gutter) * 0.5);}
.team-item .fa {width: 16px; margin-right: 10px;}
.team-item .read-data{cursor: pointer;}

.aside-product {margin-bottom: var(--bs-gutter);}
.aside-product .figure {padding-top: 56%; margin-bottom: calc(var(--bs-gutter) * 0.5);}
.aside-product small {margin-bottom: 10px;}

.contact-link {position: fixed;  background: var(--bs-primary); color: var(--bs-white); top: calc(50% - 21px); padding: 10px 25px; text-orientation: inherit; left: -28px; font-size: var(--bs-small-font-size); line-height: var(--bs-small-line-height); font-weight: 700; -webkit-transform: rotate(-90deg) translateY(-50%); -moz-transform: rotate(-90deg) translateY(-50%); transform: rotate(-90deg) translateY(-50%); cursor: pointer; -webkit-border-radius: 0 0 var(--bs-radius-xs) var(--bs-radius-xs); -moz-border-radius: 0 0 var(--bs-radius-xs) var(--bs-radius-xs); border-radius: 0 0 var(--bs-radius-xs) var(--bs-radius-xs); }
.contact-link a {color: var(--bs-white); }
.team-item figure img{object-fit: contain; width:70%;}
.teamMemberEmail a{font-size: 13px;}

/* Section Partner
======================================================*/
.section-partner {padding: 120px 0 165px; }

.partners-image {width: calc(100% - 180px); margin-left: auto; margin-right: auto; position: relative; z-index: 1;}
.partners-image .slick-slide {position: relative;}
.partners-image .slick-slide figure {padding-top: 71.5%; }
.partners-image .slick-slide figure span {position: absolute; text-align: center; bottom: 0px; background-color: rgba(var(--bs-secondary-rgb), 0.85); padding: 15px 15px; color: var(--bs-white); left: 0; right: 0; bottom: -100%; opacity: 0; visibility: hidden;}
.partners-image .slick-slide.slick-current figure span {bottom: 0; opacity: 1; visibility: visible;}
.partners-image .icon {width: 35px; height: 35px; background: rgba(var(--bs-white-rgb), 0.5) url("../images/icon-left.svg") no-repeat scroll center center; position: absolute; top: 0px; left: calc(var(--bs-gutter) * 0.5); bottom: 0px; margin: auto; z-index: 1; cursor: pointer;}
.partners-image .icon.icon-next {right: calc(var(--bs-gutter) * 0.5); left: inherit; background-image: url("../images/icon-right.svg"); }


.partners-data  {border: 1px solid #EEEEEE; padding: 140px 90px 90px 90px; width: 100%; margin-top: -50px; }
.partners-data h5 ~ p {margin-top: 10px;}
.partners-data h5:not(:first-child) {margin-top: 90px;}
.partners-data ul {margin: calc(var(--bs-gutter) * -0.5); padding-top: 90px}
.partners-data ul li {width: 25%; padding: calc(var(--bs-gutter) * 0.5);}

.item-address {padding-left: 85px; position: relative;}
.item-address label {margin-bottom: 10px;}
.item-address address cite {font-family: var(--bs-font); font-style: normal;}
.item-address::before {content: ""; display: inline-block; background: transparent url("../images/icon-address.svg") no-repeat scroll center center; border: 1px solid var(--bs-primary); width: 50px; height: 50px; position: absolute; top: 0px; left: 0px; border-radius: 50%; background-size: 50%; }

.slide-tag {padding-left: 50px; padding-right: 50px;}
.slide-tag .icon {width: 40px; height: 40px; cursor: pointer; background: var(--bs-primary) url("../images/icon-light-left.svg") no-repeat scroll center center; position: absolute; top: 0px; left: 0; bottom: 0px; margin: auto; z-index: 1; }
.slide-tag .icon.icon-next {right: 0px; left: inherit; background-image: url("../images/icon-light-right.svg"); }
.slide-tag .slick-slide {padding-right: calc(var(--bs-gutter) * 0.5);}
.slide-tag .slick-slide .btn:hover a {color: var(--bs-white) !important;}

.slide-tag .icon::after {content: ""; width: 50px; height: 40px; position: absolute; left: 50px; background: rgb(255,255,255); background: -webkit-linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%); background: -moz-linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%); background: linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%); pointer-events: none; }
.slide-tag .icon.icon-next::after {left: inherit; right: 50px; -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); transform: rotate(180deg);}

.degree-360-icon {position: absolute; bottom: 20px; right: 20px; }
.play-icon {position: absolute; top: 0px; width: 100%; height: 100%; display: flex; align-content: center; flex-wrap: wrap; text-align: center; }
.play-icon a {display: inline-block; margin-left: auto; margin-right: auto; margin-bottom: 20px; max-width: 50px; }
.play-icon h6 {color:#fff; }

/* Footer
======================================================*/
footer {background-color: #262626;}
footer .footer-top {padding: 170px 0px 70px;}
footer .footer-top label {margin-bottom: 26px;}
footer .footer-top ul li {margin-bottom: 18px;}
footer .footer-top ul li a {color: var(--bs-border-color);}
footer .footer-top ul li a .fa {margin-right: 5px;}
footer .footer-top ul li a:hover {color: var(--bs-white);}
footer .footer-bottom {padding: 40px 0px; border-top: 1px solid #5A5A5A;}

#slider .icon {background: rgba(var(--bs-secondary-rgb), 0.85) url("../images/icon-previous.png") no-repeat scroll center center; width: 70px; position: absolute; display: inline-block; top: 0px; right: 0px; height:70px; z-index: 1; border-bottom: 2px solid var(--bs-border-color); cursor: pointer; }
#slider .icon.icon-next {
    background-image: url(../images/icon-next.png);
    top: 62%;
    bottom: 0px;
    border-bottom: none;
    transform: translateY(-50%);
    right: 0px;
}
#slider .icon:hover {background-color: rgba(var(--bs-secondary-rgb), 1); }
#slider .icon.icon-previous {
    left: 0px;
    top: 62%;
    transform: translateY(-50%);
}

/* Responsive
======================================================*/
@media (max-width: 1599px) {   
    .title {padding-top: 3.125vw; padding-bottom: 7.81vw; }

    .section-banner {min-height: 650px; height: 48.75vw; padding: 8.125vw 0px 7.187vw; }

    .section-category, .section-partner {padding: 7.5vw 0 8.59vw; }

    .section-review {padding: 11.45vw 0 10.41vw; }

    .review-text {padding: 90px 8.33vw 90px 10.41vw;}

    .box {min-height: 650px; height: 48.75vw; }
    .box h2 {margin-bottom: 8.33vw; }

    .section-story {padding: 11.45vw 0px; }

    .section-cta {min-height: 500px; height: 36.90vw; padding-top: calc(3.12vw + 70px); padding-bottom: 70px; }

    .section-item {padding: 6.87vw 0 0; }

    .section-quote {padding: 6.37vw 0 50px; }

    footer .footer-top {padding: calc(6.25vw + 70px) 0px 70px;}
}

@media (min-width: 1400px) {
    .container {
        --bs-gutter-x: var(--bs-gutter);
        --bs-gutter-y: 0;
        max-width: 1200px;
    }
}

@media (max-width: 1399px) {
    .card .card-body {padding: 30px 30px 30px 30px; }
    .card ul {margin: -12px -10px 22px -10px; }
    .card ul li {padding: 0px 10px; }

    .box-service {padding: 30px; height: 100%; }
}

@media (max-width: 1199px) {
    .container {--bs-gutter-x: 40px;}

    .section-banner {min-height: 550px;}
    .section-banner h4 {padding-left: calc(8.33vw + 20px); }
    .section-banner h4::before {width: 8.33vw; }

    .search-box li .form-control-date-text {padding: 13px 20px 43px 20px; }
    .search-box li .form-control-date-text h5 {margin-right: 10px; }
    .search-box li input[type="text"] {padding: 5px 20px 35px 20px !important; }

    .box {min-height: 550px;}

    .section-story h4 {padding-top: 30px; }
    .section-story .text-editor {left: 40px; }
    .section-story .text-editor figure {margin-bottom: 40px; }
    .section-story .text-editor p {max-width: 320px; }

    aside:not(.aside-static) {display: none; max-height: 80vh; overflow: auto; position: absolute; top: 100%; border-top: none; left: 0px; width: 100%; z-index: 2; background-color: var(--bs-white); padding: 0;}
    .aside-item {padding: 15px 15px; }

    .section-breadcrumb {padding: 20px 0px; }
    .section-list {padding: 70px 0 70px; }

    .pagination {margin-top: 50px; margin-bottom: 70px; }
    .pagination .page-item .page-link.icon {background-size: 70%;}
    .pagination .page-item.page-item-first {padding-right: 30px; }
    .pagination .page-item.page-item-last {padding-left: 30px; }

    .box-service figure {width: 40px; min-width: 40px; margin-right: 20px; }
    .box-service p {margin-bottom: 20px; }

    .item-address {padding-left: 60px; }
    .item-address::before {width: 40px; height: 40px; }
    .partners-data ul li {width: 33.33%; }
}

@media (max-width: 991px) {
    .container {max-width: 100%;}

    header .header-top ul li:not(:last-child) {margin-right: 20px; }
    header .header-top ul li a span {display: none;}
    header .header-top ul li a .fa {margin-right: 0;}

    header .header-bottom .navigation {position: absolute; margin: 0; left: 0px; top: 100%; width: 100%; background: var(--bs-primary); display: none; z-index: 13;}
    header .header-bottom .navigation ul {margin-right: 0; padding: 10px 0;}
    header .header-bottom .navigation ul li {padding: 10px 20px;}
    header .header-bottom .navigation ul li:not(:last-child)::before  {display: none;}
    header .header-bottom .navigation ul li a {color: var(--bs-white) !important; }
    header .header-top .dropdown-menu {left: -120px; }
    header .header-top .dropdown-menu::before {left: 120px;}

    .title {padding-top: 30px; padding-bottom: 50px; }
    .title::before {width: 50px; }

    .section-banner {min-height: 500px; height: 48.75vw; padding: 70px 0px 70px; }
    .search-box li .form-control-date-text {padding: 11px 20px 41px 20px; }
    .search-box li .form-control-date-text h5 {font-size: calc(var(--bs-font-size-h4) + 4px);}

    .section-category, .section-partner {padding: 70px 0 70px; }

    .section-feature {padding-bottom: 30px; margin-bottom: -30px;}
    .slider .slide-item a:hover {margin-top: -30px; margin-bottom: -30px; }
    .slider .slide-item a:hover figure {padding-top: calc(100% + 60px);}

    .section-review {padding: 70px 0 70px; }
    .review-image {width: 200px; margin-right: -50px;}
    .review-image .icon {width: 50px;}
    .review-text {padding: 50px 50px 50px 100px; min-height: 300px; width: calc(100% - 150px);}
    .review-text h5 {margin-bottom: 20px; }
    .review-text p {margin-bottom: 20px; }

    .box {min-height: 500px; height: 48.75vw; width: 60%;}
    .box h2 {margin-bottom: 70px; }

    .section-story {padding: 70px 0px; }
    .section-story figure {padding-top: 74%; margin-bottom: 30px; }
    .section-story .text-editor {left: 0; padding-left: 40px; }
    .section-story .text-editor p {max-width: 100%; }

    .section-cta {min-height: 500px; height: 36.90vw; padding-top: 70px; padding-bottom: 70px; }

    .slider .slide-item a span {padding: 10px 20px; top: 20px; left: 20px; font-size: calc(var(--bs-display-2) - 2px);}
    .slider .slide-item a label {padding: 20px 20px; }

    .card figure {width: 250px; min-width: 250px; min-height: 250px; }

    .section-item {padding: 50px 0 0; }
    .section-item .badge {top: -18px;}

    .product-thumbnail {margin: var(--bs-gutter) calc(var(--bs-gutter) * -0.5) 20px; }
    .product-data {padding: 30px; margin-top: 20px; margin-bottom: 50px; }
    .product-data ul {margin: -20px -10px 30px;}

    .section-quote {padding: 70px 0 50px; }
    .section-quote h4 {margin-bottom: 15px; }
    .section-quote p {margin-bottom: 30px; }

    .tab-content {padding: 30px 0;}
    .tab-content ul li {padding-left: 30px; margin-bottom: 5px; }

    .section-content {padding: 50px 0 50px;}


    .text-editor h2, .text-editor h3, .text-editor h4, .text-editor h5, .text-editor h6 {margin-top: 10px; margin-bottom: 12px;} 
    .text-editor p {margin-bottom: 12px; }
    .text-editor figure {margin-top: 7px; margin-bottom: 18px; }
    .text-editor ul, .text-editor ol {margin-bottom: 12px; }
    .text-editor ul li, .text-editor ol li {padding-left: 20px;}
    .text-editor blockquote {margin-bottom: 12px;}

    .partners-image {width: calc(100% - 100px); }
    .partners-data {padding: 100px 50px 50px 50px;}
    .partners-data h5:not(:first-child) {margin-top: 50px; }
    .partners-data ul {padding-top: 50px; }

    footer .footer-top {padding: 70px 0px;}
    footer .footer-top .column:first-child {width: 100%; margin-bottom: 50px;}
    footer .footer-bottom {padding: 30px 0px; border-top: 1px solid #5A5A5A; }
}

@media (max-width: 767px) {
    .form-check {margin-bottom: 5px; }

    .section-banner {height: auto;}
    .section-banner h4 {margin-bottom: 20px; }
    .section-banner h1 {margin-bottom: 30px; }

    .search-box li input[type="text"] {padding: 0px 10px 30px 10px !important; }
    .search-box li .form-control-date-text {padding: 8px 10px 38px 10px; }
    .search-box li > label {padding: 0px 10px; bottom: 10px; font-size: 12px;}
    .search-box li .form-checkbox {padding: 0px 10px 10px; }

    .review-image {width: calc(100% - 60px); margin-right: 0; margin-bottom: -40px; }
    .review-text {padding: 70px 30px 30px 30px; min-height: inherit; width: 100%; }
    .review-image .icon {width: 50%; height: 40px; }
    .review-image .icon.icon-previous {top: inherit; bottom: 0px; left: 0px; right: initial; border-right: 2px solid var(--bs-border-color); border-bottom: none;}

    .box {min-height: 400px; height: 48.75vw; width: 100%; }
    .box h2 {margin-bottom: 50px; }

    .section-cta {min-height: 400px; height: auto; }

    .item.item-xl .item-data {padding: 14px 15px; }
    .item.item-xl .item-data .display-2 {font-size: calc(var(--bs-display-2) - 4px);}

    .section-list {padding: 50px 0 50px; }
    .card figure {width: 100%; min-width: 100%; min-height: inherit; padding-top: 81.85%; }
    .card .card-body {padding: 20px; }

    .pagination {margin-top: 30px; margin-bottom: 50px; }
    .pagination .page-item .page-link.icon {background-size: 50%;}
    .pagination .page-item.page-item-first {padding-right: 10px; }
    .pagination .page-item.page-item-last {padding-left: 10px; }

    .product-data {padding: 20px;}
    .product-data ul {margin: -20px -10px 20px;}
    .product-data ul li {width: 33.333333%;}
    .product-data ul li figure {margin-bottom: 12px; }
    .product-data ul li label {margin-bottom: 10px;}

    .section-item .icon-badge {width: 120px; height: 97px; left: -14px; top: -6px; }

    .tab-content {padding: 20px 0;}
    .tab-content ul li {padding-left: 20px;}
    .tab-content .row-amenities {--bs-gutter-y: 10px;}
    .tab-content .row-amenities label {padding-left: 40px; }
    .tab-content .small-required {padding-left: 40px; }

    .partners-image {width: calc(100% - 60px); }
    .partners-data {padding: 70px 30px 30px 30px;}
    .partners-data h5:not(:first-child) {margin-top: 30px; }
    .partners-data ul {padding-top: 30px; }

    footer .footer-top .column {width: 100%; margin-bottom: 50px;}
    .search-box .form-control-date {
        opacity: 0;
    }

    .pagination .page-item .page-link{
        font-size: var(--bs-display-4); 
    }
    .pagination .page-item .page-link.icon{
        width: 28px;
        height: 28px;
    }
    .datepicker-inline {
        width: 100%;
    }
    #slider .icon.icon-next {
        right: 0;
        width: 40px;
        height: 40px;
    }
    #slider .icon.icon-previous {
        left: 0;
        width: 40px;
        height: 40px;
    }
    .search-input {
        width: 143px;
    }
}

@media (max-width: 575px) {
    .form-check {margin-bottom: 0px; margin-right: 20px;}
    .btn {--bs-btn-padding-x: 15px; }
    .btn .icon, .btn .fa {margin-right: 6px; }

    header .header-top .display-4 {font-size: calc(var(--bs-display-4) - 4px);}
    header .header-top ul {margin-top: 10px;}
    header .header-bottom .brand-logo {max-width: 100px;}
    header .header-top .dropdown-menu {width: 280px; left: -200px; right: -200px; margin: auto; }
    header .header-top .dropdown-menu::before {left: -20px; right: 0px; margin: auto; width: 0; }

    .title {padding-top: 20px; padding-bottom: 40px; }
    .title::before {width: 40px; }

    .section-banner h5.fw-normal {margin-bottom: 30px;}
    .section-banner h4 {padding-left: 30px; }
    .section-banner h4::before {width: 20px; }

    .review-image {width: calc(100% - 40px); }
    .review-text {padding: 60px 20px 20px 20px;}
    .review-image .icon {height: 40px; }

    .section-story .text-editor {left: 0; padding-left: 0px; }
    .section-story .text-editor figure {margin-bottom: 20px; }

    .search-box li input[type="text"] {padding: 0px 15px 30px 15px !important; }
    .search-box li .form-control-date-text {padding: 10px 15px 40px 15px; }
    .search-box li > label {padding: 0px 15px;}
    .search-box li .form-checkbox {padding: 15px 15px 20px; }
    .search-box li:first-child input {-webkit-border-radius: var(--bs-radius-xs) var(--bs-radius-xs) 0 0; -moz-border-radius: var(--bs-radius-xs) var(--bs-radius-xs) 0 0; border-radius: var(--bs-radius-xs) var(--bs-radius-xs) 0 0; }
    .search-box li:last-child button {-webkit-border-radius: 0 0 var(--bs-radius-xs) var(--bs-radius-xs); -moz-border-radius: 0 0 var(--bs-radius-xs) var(--bs-radius-xs); border-radius: 0 0 var(--bs-radius-xs) var(--bs-radius-xs); }

    .section-breadcrumb .breadcrumb {margin-top: 10px;}

    .card h5 {margin-bottom: 12px; }
    .card ul {margin: -7px -10px 12px -10px; }
    .card ul li {width: 100%; margin-top: 7px;}

    .box-service {padding: 20px; flex-direction: column;}
    .box-service figure {margin-right: 0; margin-bottom: 20px; }

    .product-data ul li {width: 50%;}

    .section-item .badge {top: -16px; }

    .box-quote small::before {margin: 0px 10px 0px 10px; }
    .box-quote p {margin-bottom: 20px;}

    .badge {--bs-badge-padding-x: 10px; line-height: calc(var(--bs-small-line-height) - 5px); }

    .partners-image {width: calc(100% - 40px); }
    .partners-data {padding: 70px 20px 20px 20px;}
    .partners-data ul li {width: 50%; }
}

#arrival_form_flight .notice, #arrival_form_flight .notice p {
    font-size: 14px;
    margin: 14px 0px;
}
.ben_gurion .labelwrapper, .ben_gurion_going .labelwrapper{
    width: 100%;
}
.ben_gurion .input.time, .ben_gurion_going .input.time{
    display: flex;
    flex-wrap: wrap;
}
.ben_gurion .input.time .form-control.time_field, .ben_gurion_going .input.time .form-control.time_field{
    width: 32%;
    margin-right: 1%;
}
.ben_gurion, .ben_gurion .input {
    margin-bottom: 14px;
}

#arrival_form_flight fieldset {
    margin-bottom: 20px;
}

.bedrooms-content-wrap .col figure img {
    width: 20px;
    margin-right: 3px;
    height: 20px;
}

.datepicker-dropdown table td.day.calReserved {
    background: #521f6b;
    color: #fff;
}

.form-control.error {
	border-color: var(--bs-danger) !important;
    box-shadow: 0 0 0 0.25rem rgba(var(--bs-danger-rgb),.25) !important;
}
.rod-select.error ~ .select2 .select2-selection {
	border-color: var(--bs-danger) !important;
    box-shadow: 0 0 0 0.25rem rgba(var(--bs-danger-rgb),.25) !important;
}
footer .footer-bottom a{color: var(--bs-border-color);}
footer .footer-bottom a:hover{color: var(--bs-white);}

form .required label:after {
    color: #e32;
    content: '*';
    display: inline;
}

.datepicker-dropdown table th, .datepicker-dropdown table td.day {
    font-size: 14px;
    padding: 5px;
    
}
.datepicker-dropdown table td.day{
    color: #521f6b;
}

.datepicker-dropdown table{
    border-spacing:0px 0px;
}

.datepicker-dropdown table th {
    border-spacing: 0;
    padding-top: 9px;
}
.datepicker table tr td.disabled.disabled-date {
    background: #ddd;
    color:#555 !important;
    text-decoration: none;
    border-radius: 0;
}
.datepicker-title{
    display: none;
}

thead tr:first-child {
    display: none;
}

.datepicker-dropdown > div::after{
    top: 32px;
}

.box-quote::before {
    background: none;
    content: "\201C";
}
.tab-content .row-amenities label{
    display: flex;
    align-items: center;
    padding-left: 26px;
}

.row-floor-plan.row-cols-lg-4>* {
    flex: 0 0 49%;
    width: 49%;
}

.row-floor-plan.row-cols-lg-4>* a{
    font-size: 16px;
    text-transform: capitalize;
    color: #333;
    text-align: center;
    display: block;
}

header .header-top ul li.whatsapp-text a,header .header-top ul li.whatsapp-text i{color:#25d366;}
.grecaptcha-badge {
  width: 70px !important;
  overflow: hidden !important;
  transition: all 0.3s ease !important;
  left: 4px !important;
}
.grecaptcha-badge:hover {
  width: 256px !important;
}
.alert-search{color: var(--bs-danger);margin: 5px 0;font-size: 12px;line-height: normal;}
.section-list .irs{font-family: inherit;}
.contract-inputs label{font-size: var(--bs-body-fs);}

.search-box li > label[for="ApartmentNumberBedrooms"]{
    display: none;
  }
  .search-box li .select2-container .select2-selection--single {
    height: auto;
    border: 0;
  }
  .search-box .select2-selection__rendered {
    font-size: var(--bs-font-size-h5) !important;
    height: 48px !important;
    line-height: 48px !important;
    font-family: var(--bs-font-heading) !important;
}
.search-box .select2-container--default .select2-selection--single .select2-selection__arrow b{
    border-width: 8px 8px 0 8px;
    margin-left: -12px;
    margin-top: -4px;
}
.search-box .select2-container--default .select2-selection--single .select2-selection__arrow{
    height: 64px;
}
.search-box .select2-selection__rendered[title="All"] {
    font-size: var(--bs-font-size-h6) !important;
}

@media (max-width: 991px){
	.search-box .select2-selection__rendered{
		font-size: calc(var(--bs-font-size-h4) + 4px) !important;
		line-height: 24px !important;
	}
}

.error-message {
    --bs-alert-color: var(--bs-danger);
    position: relative;
    padding: var(--bs-alert-padding-y) var(--bs-alert-padding-x);
    color: var(--bs-alert-color);
    font-size: var(--bs-small-font-size);
    line-height: var(--bs-small-line-height);
}

@media (min-width: 1201px){

    #mobile-filter{
        display: none;
    }
    

}

.search-box li.disabled-field *, .search-box li.disabled-field > label {
    opacity: 0.6 !important;
    pointer-events: none;
}
.disabled-date input {
    background-color: #c9c9c9;
}
.disabled-date {
    pointer-events: none;
    cursor: not-allowed;
}

.search-box li.disabled-field input.form-control-date{
    background-color: #c4c4c4;
}

@media (max-width: 1200px){
    #mobile-filter .date-field {
        width:100%;
        margin-right: 10px;
    }
    #mobile-filter .actionsBtn {
        width: 110px;
    }
    #mobile-filter .date-field:last-child {
        margin-right: 0;
    }

    #mobile-filter li {
        list-style: none;
    }
    #mobile-filter {
        border: 1px #ccc solid;
        border-radius: 5px;
        padding:8px 8px 4px;
        width: 100% !important;
        float: left;
       
    }
    #mobile-filter .mobile-filter-child{
        display: flex;
        justify-content: space-between;
    }

    #mobile-filter .date-field input {
        width: 100%;
        border: 1px #ccc solid;
        border-radius: 4px !important;
        padding: 6px 8px 6px 28px !important;
        font-size: 11px;
        background-position: left 12px center;
        background-size: 10px;

    }
    .mobile-bed {
        float: left;
        width: 60px;
    }

    .clearBtn {
        float: left;
        width: 26px;
        text-align: center;
    }
    .searchBtn {
        float: left;
        width: 26px;
        text-align: center;
    }
    
    .clearBtn .fa {
        font-size: 16px;
        color: #AAADAC;
        margin-top: 6px;
    }
    .mobile-bed .select2-container--default .select2-selection--multiple {
        border-radius: 50px !important;
        border-color: #ccc;
        /* text-align: center; */
        padding-left: 4px;
        height: 37px;
    }

    .mobile-bed .select2-container .select2-search--inline .select2-search__field{
        margin-top: 8px;
    }

    #mobile-filter .searchBtn button {
        font-size: 0;
        border: 0;
        margin-top: 5px;
        padding-left: 0px;
        color: #AAADAC;
    }

    #mobile-filter .searchBtn button::before {
        font-size: 15px;
    }

    #mobile-filter .searchBtn button {
        font-size: 0;
        border: 0;
        margin-top: 5px;
        background: none;
    }
    #mobile-filter + .aside-item {
        display: none;
    }
    #mobile-filter  + .aside-item .date-field, #mobile-filter  + .aside-item .bedrooms-field,
    #mobile-filter  + .aside-item .mb-hide{
        display: none;
    }
    #mobileCollapseFilter {
        background: #521F6B;
        width: 34px;
        float: right;
        height: 34px;
        color: #fff;
        text-align: center;
        border-radius: 50%;
        line-height: 34px;
        font-size: 20px;
        flex-basis: 34px;
        max-width: 34px;
    }

    .activeColl .aside-item {
        clear: both;
    }
    .collapseIcon.activeColl .fa-angle-down:before {
        content: "\f106";
    }
    .aside-toggle{
        display: none !important;
    }

    .mobile-filter {
        margin-top: 0 !important;
        position: sticky;
        top: 0px;
        z-index: 999;
        background: #fff;
        padding: 10px 18px;
        margin-left: -10px;
     
        margin-right: -10px;
       
    }
    .activeColl #mobile-filter + .aside-item {
        display: block;
    }

    #mobile-filter .clearBtn,
    #mobile-filter .searchBtn {
        list-style: none;
        background-color: #ececec;
        height: 34px;
        line-height: 34px;
        border-radius: 50%;
        width: 34px;
        flex-basis: 34px;
        max-width: 34px;
        border: 1px #dfdfdf solid;
    }

    #mobile-filter .clearBtn {
        margin: 0 4px;
    }
    .bedroom-mb .aside-item .form-check input{
        margin-right: 4px !important;
    }

    .bedroom-mb {
        clear: both;
    }
    .bedroom-mb .aside-item .form-check {
        float: left;
        margin-right: 12px;
        width: 10%;
    }
    .bedroom-mb .aside-item > label {
        margin-bottom: 5px;
        float: left;
        font-size: 12px;
        margin-right: 18px;
    }
    .bedroom-mb .aside-item {
        float: left;
        width: 100%;
        padding:10px 0px 0;
        display: flex;
        justify-content: space-between; 
    }

    #mobile-filter .clearBtn .fa, #mobile-filter .searchBtn .fa {
        margin: 0;
        padding: 0;
    }

    #mobile-filter ~ .aside-item {
        clear: both;
    }
    .date-field-wrap {
        display: flex;
        justify-content: space-between;
        width: calc(100% - 120px);
    }

    .aside-item ul li.mb_hide{
        display: none !important;
    }

}

@media screen and (max-width:767px){
    .mobile-filter{
        max-width: fit-content;
        width: auto;
    }
}


.mobile-more-filters {
    display: none;
    clear: both;
    border: 1px #ccc solid;
    margin-top: 10px !important;
    float: left;
    width: 100%;
    overflow-y: auto;
    max-height: calc(100vh - 200px);
}
.datepicker-dropdown table td.disabled::after{
    display: none;
}

.section-item .sale-label-wrap .badge {position:unset}
.nav-tabs li .nav-link .icon-tooltip{
    background: transparent url("../images/icon-tooltip.svg") no-repeat center center;
    background-size: 11px 11px;
    width: 11px;
    height: 11px;
    display: inline-block;
    margin-left: 4px;
    vertical-align: middle;
    position: relative;
    top: -10px;
  }
  
  .nav-tabs li .nav-link:hover .icon-tooltip,
  .nav-tabs li .nav-link:focus .icon-tooltip,
  .nav-tabs li .nav-link.active .icon-tooltip{
    background-image: url("../images/icon-tooltip-white.svg");
  }