/*====== DEFAULT VARIABLES ======*/
:root{
	/* Color styles */
	--primary: rgba(16, 185, 129, 1);
	--primary-10: rgba(16, 185, 129, .1);
	--primary-20: rgba(16, 185, 129, .2);
	--primary-50: rgb(240 253 244 / 1);
	--primary-100: rgb(220 252 231 / 1);
	--primary-dark: rgb(5, 65, 45);
	--secondary: rgba(59, 120, 246, 1);
	--secondary-10: rgba(59, 120, 246, .1);
	--secondary-20: rgba(59, 120, 246, .2);
	--secondary-50: rgb(239 246 255 / 1);
	--secondary-100: rgb(219 234 254 / 1);
	--primary-light: rgb(16 185 129 / 90%);
    --yellow-100: rgb(254 249 195 / 1);
    --yellow-800: rgb(133 77 14 / 1);
    --red-100: rgb(254 226 226 / 1);
    --red-800: rgb(153 27 27 / 1);
	--light2: rgba(244, 249, 251, 1);
	--border: rgba(226, 232, 240, .7);
	--blue-2: rgba(0, 148, 255, 1);
	--grey2: rgba(229, 243, 254, 1);
	--light-blue: rgba(229, 243, 254, 1);
	--bg: rgba(244, 249, 251, 1);
	--grey: rgba(114, 128, 149, 1);
	--gray-50: rgba(107, 114, 128, 1);
	--white: rgba(255, 255, 255, 1);
	--green: rgba(17, 185, 53, 1);
	--blue-3: rgba(44, 166, 255, 1);
	--button-alt: rgba(16, 185, 129, 1);
	--primary2: rgba(110, 195, 191, 1);
	--primary3: rgba(65, 170, 158, 1);
    --dark-opacity: rgba(36, 64, 77, .6);
    --bg-input: rgb(226 232 240);
	--border-rgb: 226, 237, 236;
	--primary-rgb: 16, 185, 129;
	--secondary-rgb: 59, 120, 246;
    --accent: rgb(241, 245, 249);
    --muted: 210 40% 96.1%;
    --bg-gray-50: rgb(249 250 251);

	/* Text-size styles */
	--title: 30px;
	--bold16: 16px;
	--bold14: 14px;
	--semibold14: 14px;
	--semibold18: 18px;
	--regular14: 14px;
	--semibold13: 13px;
	--bold20: 20px;
	--regular13: 13px;
	--semibold16: 16px;
	--regular12: 12px;
	--semibold12: 12px;
	
	/* Effect styles */
	--shadow-1:  rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0.05) 0px 1px 2px 0px;
	--shadow-2:  0px 4px 4px rgba(0, 0, 0, 0.2);
	--shadow-3:  0px 8px 16px rgba(0, 0, 0, 0.16);
    --bs-box-shadow-sm: rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0.05) 0px 1px 2px 0px;
    --bs-box-shadow-md: rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0.05) 0px 5px 10px 0px;

    --tw-gradient-from-position: ;
    --tw-gradient-via-position: ;
    --tw-gradient-to-position: ;
	
  --base-black: #000;
  --base-white: #FFF;
  --text-title: #11142D;
  --text-body-1: #515151;
  --text-body-2: #9A9AB0;
  --text-link-purple: #F3692E;
  --text-link-white: #FFF;
  --primary-1: #032030;
  --primary-2: #2E5C99;
  --primary-3: #109BE9;
  --primary-4: #70C5F5;
  --primary-5: #CFECFC;
  --secondary-1: #481804;
  --secondary-2: #913108;
  --secondary-3: #F36326;
  --secondary-4: #FABA9E;
  --secondary-5: #FCDCCF;
  --accent-1: #4B3602;
  --accent-2: #956D04;
  --accent-3: #F9BC1D;
  --accent-4: #FBD36A;
  --accent-5: #FEF0CD;
  --color-warning: #F04461;
  --color-error: #F04461;
  --color-success: #3AC170;
  --color-info: #F1F1F6;
  --system-primary: #FFFFFF;
  --system-secondary: #F0F3FB;
  --separator-primary: #E1E1FB;
  --separator-secondary: #E1E1E1;
  --fills-button: #FFFFFF;
  --fills-placeholder: #f0f6ff;
  --fills-progress: #F2F2F2;
  --fills-field-1: #FDFDFD;
  --fills-field-2: #F6F6F7;
  --fills-icon: #9A9AB0;
  --fills-disabled: #E0E0E0;

  --font-family: 'Cairo', sans-serif;
  --box-shadow: 0 10px 20px rgba(0,0,0,.12), 0 4px 8px rgba(0,0,0,.06);
  --border-radius: 0.75rem;
  --transition: 0.3s all;
  --gradient: linear-gradient(93.38deg, #FFE9F1 40.1%, #CFF4FF 100%);
  
  /* Gradient variables */
  --bg-light-gradient: linear-gradient(rgb(255, 255, 255), rgb(249, 250, 251));
  --bg-dark-gradient: linear-gradient(to right bottom, rgb(255, 255, 255), rgb(249, 250, 251), rgb(255, 255, 255));
}

html {
    scroll-behavior: smooth;
}
body {
    font-family: var(--font-family);
    font-optical-sizing: auto;
    font-size: 16px;
    line-height: 125%;
    box-sizing: border-box;
    color: var(--primary-dark);
    background-color: var(--bg-gray-50);
    --bs-border-color: var(--border);
}
a {
    color: var(--text-body-1);
    text-decoration: none;
}
a.text-secondary:hover {
    color: var(--secondary-3) !important;
}
a:hover,
a.text-primary:hover {
    color: var(--primary);
}

@media (max-width: 760px){
	.explore.hotel-themes h6{
		font-size: 0.7rem;
	}
	#mc_embed_signup h5{
		font-size: 16px;
	}
}
.explore .card-img-top{
	object-fit: cover;
	height: 176px;
    width: 100%;
}
#footer {
    background-color: var(--white);
    color: var(--text-title);
    border-top: 1px solid var(--border);
}
#footer a {
    color: var(--text-title);
}
#footer a:hover {
    text-decoration: underline;
}
#footer .footer-links {
    background-color: var(--light2);
}
#footer .footer-links a {
    background-color: var(--primary);
    color: var(--white);
}
#footer .social-icons a {
    width: 32px;
    height: 32px;
    padding: 0 !important;
    display: flex;
    align-items: center;
    justify-content: center;
}
@media (min-width: 768px){
   	.navbar-nav .list-group.collapse,
   	.footer-nav .collapse,
   	.footer-links .collapse,
   	#collapseChange,
   	#collapseRooms {
		display: block;
	}
   	.footer-links {
		background-color: var(--base-white);
	}
}

.info-list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    grid-gap: 1rem;
}
.info-list li {
    display: flex;
    align-items: center;
} 
.info-list li:before {
    display: inline-block;
    content: "";
    width: 2rem;
    height: 2rem;
    margin-right: 1rem;
    border-radius: 0.5rem;
    background-color: var(--fills-progress);
}
.line {
    height: 1px;
    min-width: 2rem;
    background-color: var(--text-body-1);
}
.line-clamp {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
@media (max-width: 767px) {
   	.mobile-scroll {
   		display: flex !important;
        flex-wrap: nowrap !important;
        overflow: auto !important;
	}
}
.min-w-80px {
    min-width: 80px;
}
.max-h-200 {
    max-height: 200px;
}
.min-h-100 {
    min-height: 100px;
}
.h-05rem {
    height: 0.5rem !important;
}
.h-1rem {
    height: 1rem !important;
}
.h-1-5rem {
    height: 1.5rem !important;
}
.h-2rem {
    height: 2rem !important;
}
.h-3rem {
    height: 3rem !important;
}
.h-4rem {
    height: 4rem !important;
}
.h-5rem {
    height: 5rem !important;
}
.h-10rem {
    height: 10rem !important;
}
.w-05rem {
    width: 0.5rem !important;
}
.w-1rem {
    width: 1rem !important;
}
.w-1-5rem {
    width: 1.5rem !important;
}
.w-2rem {
    width: 2rem !important;
}
.w-3rem {
    width: 3rem !important;
}
.w-4rem {
    width: 4rem !important;
}
.w-5rem {
    width: 5rem !important;
}
.w-10rem {
    width: 10rem !important;
}
.max-w-90 {
    max-width: 90% !important;
}
.object-fit-cover {
    object-fit: cover;
}
.rotate-180 {
    transform: rotate(180deg);
}
.rotate-90 {
    transform: rotate(90deg);
}
.rotate-45 {
    transform: rotate(45deg);
}
@media (min-width: 1024px) {
    .position-lg-absolute {
        position: absolute;
    }
    .position-lg-sticky {
        position: sticky;
    }
}
.sticky {
	z-index: 2 !important;
}
@media (max-width: 768px) {
   	.is-sticky .sticky {
   		position: unset !important;
	}
}
.sticky-top {
    z-index: 999;
}
.hover-scale-101 {
    transition: var(--transition);
    transform: scale(1);
}
.hover-scale-11 {
    transition: var(--transition);
    transform: scale(1);
}
.hover-scale-101:hover {
    transform: scale(1.01);
}
.hover-scale-11:hover {
    transform: scale(1.1);
}
.hover-shadow-md:hover {
    box-shadow: var(--bs-box-shadow-md) !important;
}
.hover-shadow-lg:hover {
    box-shadow: var(--bs-box-shadow-lg) !important;
}
.hover-text-primary:hover {
    color: var(--primary);
}
svg.lucide {
    width: 1.2em;
    height: 1.2em;
}
svg.lucide.icon-xs {
    width: 0.75em;
    height: 0.75em;
}
svg.lucide.icon-sm {
    width: 1em;
    height: 1em;
}
.opacity-10 {
    opacity: .1;
}
.blur-sm {
    filter: blur(4px);
}
.blur-xl {
    filter: blur(24px);
}
.blur-3xl {
    filter: blur(64px);
}

/** CUSTOM BOOTSTRAP **/

@keyframes rafeefFloat {
    0% {
        transform: translateY(0)
    }

    50% {
        transform: translateY(-10px)
    }

    to {
        transform: translateY(0)
    }
}

.animate-float {
    animation: rafeefFloat 5s ease-in-out infinite
}

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

.animate-pulse {
    animation: rafeefPulse 2s cubic-bezier(.4,0,.6,1) infinite
}
.transition {
    transition: var(--transition) !important;
}
.top-25 {
    top: 25%;
}
.top-33 {
    top: 33%;
}
.top-66 {
    top: 66%;
}
.top-75 {
    top: 75%;
}
.top-20 {
    top: 20%;
}
.top-10 {
    top: 10%;
}
.top-5 {
    top: 5%;
}
.start-25 {
    left: 25%;
}
.start-33 {
    left: 33%;
}
.start-75 {
    left: 75%;
}
.start-20 {
    left: 20%;
}
.start-10 {
    left: 10%;
}
.end-5 {
    right: 5%;
}
.end-10 {
    right: 10%;
}
.end-20 {
    right: 20%;
}
.end-25 {
    right: 25%;
}
.end-33 {
    right: 33%;
}
.end-75 {
    right: 75%;
}
.bottom-10 {
    bottom: 10%;
}
.bottom-20 {
    bottom: 20%;
}
.bottom-25 {
    bottom: 25%;
}
.bottom-33 {
    bottom: 33%;
}
.bottom-75 {
    bottom: 75%;
}
@media (min-width: 992px) {
    .top-lg-10 {
        top: 10% !important;
    }
    .top-lg-20 {
        top: 20% !important;
    }
}
.backdrop-blur-sm {
    --tw-backdrop-blur: blur(4px);
    -webkit-backdrop-filter: var(--tw-backdrop-blur);
    backdrop-filter: var(--tw-backdrop-blur) ;
}
.backdrop-blur-md {
    --tw-backdrop-blur: blur(12px);
    -webkit-backdrop-filter: var(--tw-backdrop-blur);
    backdrop-filter: var(--tw-backdrop-blur) ;
}
.d-flex-center-between {
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.d-flex-center {
	display: flex;
	align-items: center;
	justify-content: center;
}
.btn {
    border-radius: .75rem;
    font-weight: 600;
    font-size: 14px;
    padding: .75rem;
}
.btn-sm {
    font-size: 14px;
    padding: 0.5rem .75rem;
}
.btn-lg {
    font-size: 1rem;
    padding: 0.9rem 1.5rem;
}
.btn-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 3rem;
    height: 3rem;
}
.btn-icon .material-symbols-rounded {
    font-size: 24px;
}
.btn-icon.btn-sm {
    width: 2.25rem;
    height: 2.25rem;
}
.btn-icon.btn-lg {
    width: 3.5rem;
    height: 3.5rem;
}
.btn.btn-link {
    text-decoration: none;
    padding-inline: 0;
    font-weight: 400;
    color: var(--text-title);
}
.btn.btn-link:hover {
    color: var(--primary);
}
.link-hover-primary:hover {
    color: var(--primary) !important;
}
.btn-group>.btn {
    border-width: 1px;
}
.form-label {
    text-transform: capitalize;
}
.form-control,
.form-select {
    border-radius: var(--border-radius);
    font-weight: 400;
    font-size: 14px;
    padding: .75rem;
    background-color: var(--white);
    border-color: var(--border);
    color: var(--text-title);
}
:not(.input-group)> .form-control:hover {
    border-color: var(--primary) !important;
}
.input-group:hover .form-control,
.input-group:hover .input-group-text {
    border-color: var(--primary) !important;
}
.form-select {
    padding-right: 1.8rem;
    padding-left: 0.75rem;
    cursor: pointer;
    color: var(--text-title);
}
.form-select:hover {
    border-color: var(--primary);
    color: var(--primary);
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%2310b981' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
}
.form-select-lg {
    padding-block: 1.1rem;
}
.select-white {
    background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.99008 6L7.99008 10L11.9901 6' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}
.select-white option {
    color: #000;
}
.form-control-sm {
    padding: 0.48rem 1rem;
}
.form-control-lg {
    padding: 1.1rem 1rem;
}
.form-control[readonly]{
    background-color: transparent;
}
.form-control[readonly]:hover {
    border-color: transparent !important;
}
.form-floating>label {
    font-size: 14px;
}
.input-group-text {
    background-color: transparent;
    border-radius: var(--border-radius);
}
.input-group>:not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
    border-left: 0;
}
.line-height-normal {
    line-height: normal !important;
}
.card {
    --bs-card-border-color: rgba(var(--border-rgb),var(--bs-border-opacity))!important;
    background: #fff;
    border-radius: 0.75rem;
    box-shadow: 0 6px 10px rgba(0,0,0,0);
    transition: .4s transform cubic-bezier(.155,1.105,.295,1.12),.3s box-shadow,.3s -webkit-transform cubic-bezier(.155,1.105,.295,1.12);
}
.card-hover:hover{
    box-shadow: var(--shadow-3);
}
.card-hover2:hover{
    box-shadow: var(--shadow-2);
}
.card-hover3 {
    overflow: hidden;
}
.card-hover3 .card-img-top {
    transition: var(--transition);
}
.card-hover3:hover .card-img-top {
    transform: scale(1.1);
    overflow: hidden;
}
.card>.list-group:last-child {
    border-bottom-width: 0;
    border-bottom-right-radius: calc(0.5rem - 1px);
    border-bottom-left-radius: calc(0.5rem - 1px);
}
.card-img,
.card-img-overlay {
	border-radius: 0.75rem;
}
.accordion.custom .accordion-item {
    border: 0;
    background-color: var(--white);
    box-shadow: var(--shadow-1);
    margin-bottom: 1rem;
    border-radius: 0.5rem;
    color: var(--primary-dark);
}
.accordion.custom .accordion-button,
.accordion.custom .accordion-button:not(.collapsed) {
    color: var(--primary-dark);
    background-color: var(--white);
    box-shadow: none;
    border-radius: 0.25rem;
}
.ui-accordion.f-rules .ui-accordion-header {
    color: var(--primary-dark);
    background-color: var(--white);
    box-shadow: none;
    border-radius: .5rem;
    border-color: var(--border);
}
.ui-accordion.f-rules .ui-accordion-header.ui-state-active {
    color: var(--primary-dark);
    background-color: var(--bg);
    border-color: var(--border);
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}
.ui-accordion.f-rules .ui-accordion-header a {
    color: var(--primary-dark);
    font-size: 13px;
    font-weight: 500;
}
.ui-accordion.f-rules .ui-accordion-content {
    height: auto !important;
    border-color: var(--border);
}
.accordion.custom2 .accordion-item {
    border-radius: 0;
    background-color: transparent;
    box-shadow: none;
}
.accordion.custom2 .accordion-body {
    background-color: var(--white);
    border-radius: 0.5rem;
    color: var(--primary-dark);
    padding: 0 1rem 1rem;
}
.accordion.custom2 .accordion-button,
.accordion.custom2 .accordion-button:not(.collapsed) {
    color: var(--primary-dark);
    background-color: transparent;
    box-shadow: none;
    border-radius: 0.5rem;
    padding: 1rem;
}
.accordion.custom .accordion-button::after,
.accordion.custom2 .accordion-button::after {
    background-image: url("data:image/svg+xml,%3Csvg width='18' height='17' viewBox='0 0 18 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.5 6.375L9 10.625L13.5 6.375' stroke='%23728095' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}
.dropdown-toggle.caret-off::after {
    display: none;
}

.nav-tabs .nav-link {
    color: var(--grey);
}
.nav-tabs .nav-link.active {
    color: var(--secondary);
    border-top: 0;
    border-left: 0;
    border-right: 0;
}
header > .navbar > .container {
    align-items: initial;
}
.navbar .nav-item {
    margin-right: 1rem;
}
.navbar .navbar-toggler {
    border-color: rgba(0,0,0,0);
}
.navbar-dark .navbar-toggler {
    color: rgba(255,255,255,1);
}
.navbar-dark .dropdown-toggle::after {
    border-top-color: #fff;
}
.navbar.navbar-dark .offcanvas.show .navbar-nav .nav-link,
.navbar.navbar-dark .offcanvas.show .call-center,
.navbar.navbar-dark .offcanvas.show .call-center .nav-link,
.navbar.navbar-dark .offcanvas.show .navbar-nav .nav-link{
    color: var(--base-black);
}
.header-nav .nav-link {
    display: flex;
    align-items: center;
    gap: .75rem;
    padding-inline: .5rem;
}
.header-nav .nav-link:hover {
    background-color: var(--bg);
    border-radius: 0.5rem;
}
.header-nav .nav-link svg.lucide {
    font-size: 14px;
}
.header-height {
    height: 4rem;
}
#header-lang {
    display: flex;
}
html:not(.ar) #header-lang select#languageSelection {
    padding-left: 1.5rem;
}
@media (max-width: 992px){
    #header-lang {
        display: none;
        flex-direction: column;
        gap: 1rem;
    }
   	#header-lang select {
		border: 1px solid var(--grey) !important;
		border-radius: 0.75rem;
	}
   	#header-lang #languageSelection {
		padding-left: 2rem !important;
	}
   	#header-lang .lucide {
		left: 0.55rem !important;
	}
}

.dropdown-menu {
	border-color: var(--light2);
    box-shadow: var(--shadow-1);
    --bs-dropdown-link-active-bg: var(--primary);
}
@media (min-width: 768px){
   	.dropdown-hover:hover>.dropdown-menu {
		display: inline-block;
	}
	.dropdown-hover>.dropdown-toggle:active {
		pointer-events: none;
	}
}
.dropdown-hover .dropdown-menu a {
	font-size: 14px;
	border: 0;
	padding-block: 0.3rem;
}
.navbar-nav .dropdown-toggle::after {
	display: none;
}
.btn-group-custom .btn {
    background-color: var(--light2);
    color: var(--text-body-1);
    border: none;
    font-weight: 500;
    display: flex;
    align-items: center;
    gap: 0.5rem;
    transition: all 0.2s ease-in-out;
}
  
.btn-group-custom .btn:hover {
    background-color: var(--grey2);
}
  
.btn-group-custom .btn-check:checked + .btn {
    background-color: var(--primary);
    color: #fff;
}
.offcanvas {
    height: 100vh;
    max-width: 80%;
    overflow-y: auto;
}
.badge {
    --bs-badge-font-weight: 600;
}
.badge-primary {
    background-color: var(--primary-100);
    color: var(--primary);
}
.badge-secondary {
    background-color: var(--secondary-100);
    color: var(--secondary);
}
.badge-success {
    background-color: var(--primary-10);
    color: var(--primary);
}
.badge-danger {
    color: var(--red-800);
    background-color: var(--red-100);
}
.badge-warning {
    color: var(--yellow-800);
    background-color: var(--yellow-100);
}
.badge-info {
    color: var(--blue-2);
    background-color: var(--blue-50);
}
.bi-star-fill {
    color: var(--secondary-3);
}
.border-lg {
    border-width: 0px !important;
}
@media (min-width: 992px) {
    .border-lg {
        border-width: 1px !important;
    }
}
.border-radius {
    border-radius: var(--border-radius) !important;
}
.border-radius-lg {
    border-radius: 30px;
}
.border-top-radius-lg {
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
}
.border-bottom-radius-lg {
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
}
.box-shadow {
    box-shadow: var(--box-shadow);
}
.box-shadow-1 {
    box-shadow: var(--shadow-1);
}
.box-shadow-2 {
    box-shadow: var(--shadow-2);
}
.box-shadow-3 {
    box-shadow: var(--shadow-3);
}
.border,.border-top,.border-end,.border-bottom,.border-start {
    --bs-border-opacity: 1;
    border-color: rgba(var(--border-rgb),var(--bs-border-opacity))!important;
}
.border-primary {
    --bs-border-opacity: 1;
    border-color: rgba(var(--primary-rgb),var(--bs-border-opacity))!important;
}
.border-secondary {
    --bs-border-opacity: 1;
    border-color: rgba(var(--secondary-rgb),var(--bs-border-opacity))!important;
}
.border-warning {
    border-color: var(--secondary-3) !important;
}
.border-light2 {
    border-color: var(--light2) !important;
}
.border-opacity-10 {
    --bs-border-opacity: .1 !important;
}
.border-opacity-25 {
    --bs-border-opacity: .25 !important;
}
.border-opacity-50 {
    --bs-border-opacity: .5 !important;
}
.border-gray-100 {
    border-color: rgb(243 244 246 / 1) !important;
}
.border-green-100 {
    --tw-border-opacity: 1;
    border-color: rgb(220 252 231 / var(--tw-border-opacity));
}
.border-purple-500 {
    --tw-border-opacity: 1;
    border-color: rgb(168 85 247 / var(--tw-border-opacity));
}
.border-hover {
    transition: border-color 0.3s ease;
}
.border-hover:hover {
    --bs-border-opacity: .4;
    border-color: rgba(var(--primary-rgb),var(--bs-border-opacity))!important;
} 
.form-check-label {
    font-size: 14px;
    margin-left: 0.6rem;
}
.form-switch .form-check-input {
    width: 2.5rem;
    height: 1.5rem;
    background-color: var(--bg-input);
    border-color: var(--bg-input);
    --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e");
}
.form-switch .form-check-input:checked {
    background-color: var(--primary);
    border-color: var(--primary);
}
.form-check {
    display: flex;
    align-items: center
}
html input[type=checkbox] {
    -webkit-appearance: none;
    width: 20px;
    min-width: 20px;
    height: 20px;
    padding: 2px;
    margin-top: 0;
    margin-left: -1.5rem;
    border-radius: .2rem;
    outline: none;
    display: flex;
    align-items: center
}
html input[type=checkbox]:checked:before {
    content: "";
    display: block;
    background-repeat: no-repeat;
    width: 100%;
    height: 10px;
}
html input[type=radio] {
    -webkit-appearance: none;
    width: 20px;
    height: 20px;
    padding: 0;
    margin-top: 0;
    margin-left: -16px;
    border-radius: 50%;
    outline: none;
    vertical-align: text-bottom;
}
html input[type=radio]:before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 50%;
}
html input[type=checkbox] {
    background-color: var(--base-white);
    border: 1px solid var(--grey);
}
html input[type=checkbox]:checked:before {
    background-size: contain;
}
html input[type=checkbox]:checked {
    border: 1px solid var(--blue-2);
    background-color: var(--blue-2);
}
html input[type=radio] {
    background-color: var(--base-white);
    border: 1px solid var(--grey);
}
html input[type=radio]:checked:before {
    background-color: var(--blue-2);
    border: 1px solid var(--base-white);
}
.alert {
    font-weight: 600;
    font-size: 13px;
    line-height: 1.2;
    display: flex;
    align-items: center;
    gap: 4px;
    color: var(--primary-dark);
}
.alert-info {
    --bs-alert-bg: var(--bg);
    --bs-alert-border-color: var(--border);
}
@media (min-width: 992px) {
    .modal-lg {
        --bs-modal-width: 650px;
    }
}
.line-clamp-1 {
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
/** CUSTOM PLUGINS **/
.iti {
    display: block;
}
.dd.ddcommon {
    border-radius: var(--border-radius);
    font-weight: 400;
    font-size: 14px;
    padding: .5rem .75rem;
    background-color: var(--white);
    border-color: var(--border);
    color: var(--text-title);
    cursor: pointer;
}
.dd.ddcommon:hover {
    border-color: var(--primary);
}
.dd.ddcommon .text {
    border-radius: var(--border-radius);
    font-weight: 400;
    font-size: 14px;
    padding: .5rem .75rem;
    background-color: var(--white);
    border: 1px solid var(--border);
    color: var(--text-title);
    width: 100%;
    height: 100%;
    left: 0;
    box-shadow: none;
}
.dd .divider {
    display: none;
}
html .ddcommon .ddTitle .ddTitleText {
    display: flex;
    align-items: center;
}
html .dd .ddChild {
    padding: 10px;
    border-radius: 12px;
    margin-top: 20px;
    background-color: var(--base-white);
}
html .dd .ddChild li {
    background-color: var(--base-white);
}
html .dd .ddChild li.hover,
html .dd .ddChild li.selected {
    background-color: var(--bg);
}
html .dd .ddChild li .ddlabel {
    color: var(--text-title);
}
.dd .ddChild img.fnone {
    margin-top: 4px;
}
html .chosen-container-single .chosen-single {
    border-radius: var(--border-radius);
    border-color: var(--border);
    background: none;
    font-weight: 500;
}
html .chosen-container .chosen-drop {
    border-bottom-left-radius: var(--border-radius);
    border-bottom-right-radius: var(--border-radius);
    font-weight: 400;
    font-size: 14px;
    padding: .5rem .75rem;
    background-color: var(--white);
    border-color: var(--border);
    color: var(--text-title);
    box-shadow: var(--shadow-1);
}
html .chosen-container-active.chosen-with-drop .chosen-single {
    border-top-left-radius: var(--border-radius);
    border-top-right-radius: var(--border-radius);
    border-color: var(--border);
    background: none;
}
html .chosen-container-active.chosen-with-drop .chosen-drop {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.datesModal .daterangepicker {
    min-width: 300px;
    width: 100%;
    margin: 0;
    border: 0;
    box-shadow: none;
    position: relative;
    top: 0 !important;
    left: 0 !important;
}
.datesModal .daterangepicker:before {
    top: -7px;
    border-right: 7px solid transparent;
    border-left: 7px solid transparent;
    border-bottom: 7px solid var(--light2);
}
.datesModal .daterangepicker:after {
    top: -7px;
    border-right: 7px solid transparent;
    border-left: 7px solid transparent;
    border-bottom: 7px solid transparent;
}
.datesModal .daterangepicker .drp-calendar.right {
    display: block !important;
}
.datesModal .daterangepicker .drp-calendar.left.single th.next {
    display: none;
}
.datesModal .daterangepicker.show-calendar .drp-buttons,
html .hoteldatepicker.show-calendar .drp-buttons,
.page-flight.page-result .flight-datepicker.show-calendar .drp-buttons {
    padding: 16px 0 0;
    display: flex;
    align-items: center;
    justify-content: end;
    position: sticky;
}
html .page-hotel-detail .hoteldatepicker.show-calendar .drp-buttons,
.page-flight.page-result .flight-datepicker.show-calendar .drp-buttons {
    padding: 16px;
}
.datesModal .daterangepicker.show-calendar .drp-buttons .departure-return-dates,
html .hoteldatepicker.show-calendar .drp-buttons .departure-return-dates,
.page-flight.page-result .flight-datepicker.show-calendar .drp-buttons .departure-return-dates {
    position: absolute;
    left: 0;
    top: 10px;
    direction: ltr;
    text-align: left;
    text-transform: capitalize;
}
html .page-hotel-detail .hoteldatepicker.show-calendar .drp-buttons .departure-return-dates,
.page-flight.page-result .flight-datepicker.show-calendar .drp-buttons .departure-return-dates {
    left: 16px;
}
.datesModal .daterangepicker.show-calendar .drp-buttons .departure-return-dates .departure-label,
html .hoteldatepicker.show-calendar .drp-buttons .departure-return-dates .departure-label,
.page-flight.page-result .flight-datepicker.show-calendar .drp-buttons .departure-return-dates .departure-label {
    width: 83px;
}
.datesModal .daterangepicker .drp-selected,
html .hoteldatepicker .drp-selected,
.page-flight.page-result .flight-datepicker .drp-selected {
    margin-top: 10px;
    direction: ltr;
}
.daterangepicker .drp-calendar {
    max-width: 300px;
}
.daterangepicker .calendar-table th, 
.daterangepicker .calendar-table td {
    min-width: 40px;
    width: 40px;
    height: 40px;
    line-height: 32px;
    font-size: 14px;
    font-weight: 400;
    border-radius: 0;
    border-radius: .5rem;
}
.daterangepicker td.available:hover, 
.daterangepicker th.available:hover {
    background-color: var(--grey2);
}
.daterangepicker td.active, 
.daterangepicker td.active:hover {
    background-color: var(--primary);
}
.daterangepicker select.monthselect, 
.daterangepicker select.yearselect {
    font-size: 14px;
    padding: 4px;
    border-radius: var(--border-radius);
    border-color: #ccc;
}
.daterangepicker .drp-selected {
    margin-right: auto;
    font-weight: 500;
    font-size: 14px;
    color: var(--primary);
}
.daterangepicker .drp-buttons .btn {
    margin-left: 8px;
    font-size: 14px;
    font-weight: 500;
    padding: 8px 16px;
}
.daterangepicker .drp-buttons .cancelBtn {
    border: 1px solid var(--border);
}
.daterangepicker .drp-buttons .cancelBtn:hover {
    background-color: var(--light2);
    color: var(--text-title);
}
.hoteldatepicker td.start-date, .hoteldatepicker td.start-date:hover {
    background-color: var(--secondary);
}
.page-flight.page-result .apply-traveller-modal {
    display: inline-block !important;
}
.page-flight.page-result .close-traveller-modal {
    display: none;
}
@media (max-width: 760px){
    
    html .daterangepicker {
        width: auto;
    }
    html .daterangepicker .drp-calendar {
        max-width: 95%
    }

    html .datesModal .daterangepicker .drp-buttons {
        position: fixed !important;
        bottom: 0;
        left: 0;
        right: 0;
        z-index: 9;
        padding: .5rem !important;
        background-color: var(--base-white)
    }

    html .datesModal .daterangepicker .drp-buttons .btn {
        padding-block:.8rem
    }

    .datesModal .daterangepicker.single .drp-buttons,
    .datesModal .daterangepicker.single .drp-buttons .cancelBtn {
        display: flex
    }

    html .filter-btns {
        position: fixed;
        bottom: 0;
        left: 0;
        right: 0;
        z-index: 9;
        background-color: var(--base-white);
        border-top: 1px solid var(--system-secondary);
        padding: 1rem
    }

    html .datesModal .daterangepicker .calendar-table th.next {
        position: absolute;
        top: 1.3rem;
        right: 2rem
    }

    .datesModal .daterangepicker.show-calendar .drp-buttons .departure-return-dates {
        left: 10px;
        top: 10px;
    }
    html .page-hotel-detail .hoteldatepicker.show-calendar {
        position: fixed;
        top: auto !important;
        left: 0 !important;
        right: 0 !important;
        bottom: 0 !important;
        z-index: 9998;
        height: 60vh;
        overflow-y: auto;
        padding-bottom: 5rem;
    }
    html .page-hotel-detail .hoteldatepicker.show-calendar .drp-buttons {
        position: fixed;
        top: auto !important;
        left: 0 !important;
        right: 0 !important;
        bottom: 0 !important;
        z-index: 9999;
        background-color: white;
    }
    html .page-hotel-detail .hoteldatepicker.show-calendar .calendar-table th.next {
        position: absolute;
        top: 1.3rem;
        right: 2rem;
    }
    .page-flight.page-result .flight-datepicker {
        position: fixed;
        top: auto !important;
        left: 0 !important;
        right: 0 !important;
        bottom: 0 !important;
        height: 60vh;
        overflow-y: auto;
        padding-bottom: 5rem;
        border-top-left-radius: 2rem;
        border-top-right-radius: 2rem;
        box-shadow: 0 -10px 10px 5px rgba(0, 0, 0, 0.1);
    }
    .page-flight.page-result .flight-datepicker .drp-buttons {
        position: fixed !important;
        bottom: 0;
        left: 0;
        right: 0;
        z-index: 9;
        padding: .5rem !important;
        background-color: var(--base-white);
        display: flex;
        align-items: center;
        justify-content: end;
    }
    .page-flight.page-result .flight-datepicker .drp-selected {
        margin-top: 15px;
        direction: ltr;
    }
    .page-flight.page-result .flight-datepicker.show-calendar .drp-buttons .departure-return-dates {
        position: absolute;
        left: 10px;
        top: 10px;
        direction: ltr;
        text-align: left;
        text-transform: capitalize;
    }
    .page-flight.page-result .flight-datepicker.show-calendar .drp-buttons .departure-return-dates .departure-label {
        width: 83px;
    }
}
.tns-ovh {
    border-radius: var(--border-radius);
}
.tns-outer [aria-controls] {
    background: #fff;
    color: var(--secondary-3);
    padding: 0.4rem 0.6rem;
    border-radius: var(--border-radius);
    border: 1px solid var(--secondary-3);
    margin: .5rem;
}
.tns-outer [aria-controls]:hover {
    color: #fff;
    background-color: var(--secondary-3);
}
.tns-item.selected .btn {
    color: var(--primary-dark);
    background-color: var(--light-blue);
    border-radius: 0;
}
.tns-nav {
    text-align: center;
}
.tns-nav > [aria-controls] {
    width: 8px;
    height: 8px;
    padding: 0;
    margin: 0 5px;
    border-radius: 50%;
    background: #eee;
    border: 0;
}
.tns-nav > .tns-nav-active {
    background: var(--primary);
    width: 16px;
    border-radius: 4.5rem;
}
.tns-nav > button:hover {
    background: #ddd !important;
}
.tns-outer [data-action] {
    display: none;
}
[data-controls="prev"].btn-icon:focus,
[data-controls="next"].btn-icon:focus {
    border-color: transparent;
    background-color: var(--white);
    color: var(--base-black);
}
[data-controls="prev"].btn-icon:disabled,
[data-controls="next"].btn-icon:disabled {
    border-color: transparent;
    color: var(--grey);
}
.irs--round .irs-bar {
    background-color: var(--fills-icon);
}
.irs--round .irs-handle {
    border: 4px solid var(--fills-icon);
    background-color: var(--fills-icon);
    box-shadow: none;
}
.irs--round .irs-handle.state_hover, 
.irs--round .irs-handle:hover {
    background-color: var(--fills-icon);
}
@media (min-width: 1200px){
    .irs--round .irs-handle {
        border: 0;
        width: 16px;
        height: 16px;
        top: 30px;
    }
}
.ui-slider.ui-widget-content,
.ui-slider .ui-slider-range {
	height: 0.3rem;
	border: 0;
    background-color: var(--fills-icon);
}
.ui-slider .ui-slider-handle {
	top: -0.5rem;
    border-radius: 100rem;
    border: 0;
    background-color: var(--fills-icon);
}
html .intl-number-input .flag-dropdown .selected-flag {
    margin: 1px;
    padding: 0 10px;
    height: 47px;
    display: flex;
    align-items: center;
    justify-content: center;
}
html .intl-number-input input {
    height: 47px;
    padding-left: 48px;
    padding-right: 10px;
    min-width: 105px;
}
.intl-number-input .flag-dropdown .country-list {
    border-radius: var(--border-radius);
    box-shadow: var(--shadow-3);
    border: 0;
}
.ui-widget,.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button {
    font-family: inherit;
    font-size: inherit;
}
.ui-spinner {
    min-width: 3rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border: 0 !important;
    background: none !important;
}
.ui-spinner-input {
     background: none !important;
     text-align: center;
     order: 2;
     margin: 0;
     width: 2rem;
 }
 .ui-spinner-button {
     width: 2rem;
     height: 2rem;
     position: initial;
     background-color: var(--bg);
     cursor: pointer;
     border-radius: 100%;
 }
 .ui-spinner-button:hover {
     background-color: var(--light2);
 }
 .ui-spinner-down {
     order: 1;
 }
 .ui-spinner-up {
     order: 3;
 }
 .ui-spinner-button::after {
     content: "";
     background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2310b981' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='lucide lucide-circle-plus text-green-500 dark:text-green-400'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cpath d='M8 12h8'%3E%3C/path%3E%3Cpath d='M12 8v8'%3E%3C/path%3E%3C/svg%3E");
     background-repeat: no-repeat;
     background-size: 20px;
     background-position: center;
     border: 0;
     margin-left: 0;
     vertical-align: text-top;
     font-size: 1rem;
     width: 2rem;
     height: 2rem;
     display: block;
 }
 .ui-spinner-button.ui-spinner-down::after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23a5b3c6' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='lucide lucide-circle-minus text-slate-500 dark:text-slate-400'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cpath d='M8 12h8'%3E%3C/path%3E%3C/svg%3E");
    background-repeat: no-repeat;
     background-size: 20px;
     background-position: center;
     width: 2rem;
     height: 2rem;
     display: block;
    content: "";
     border: 0;
 }
 @media (max-width: 768px){
     .ui-spinner {
         align-items: center;
         justify-content: space-between;
     }
     .ui-spinner-button {
         width: 2rem;
         height: 2rem;
         position: initial;
     }
     .ui-spinner-down {
         order: 1;
     }
     .ui-spinner-up {
         order: 3;
     }
     .ui-spinner-input {
         text-align: center;
         order: 2;
         margin: 0;
         width: 2rem;
     }
 }

/** LAYOUT **/
@media (min-width: 1400px){
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
        max-width: 1354px;
    }
}

/** TYPOGRAPHY **/
h1,.h1{
    font-weight: 500;
    font-size: 28px;
}
h2,.h2{
    font-weight: 500;
    font-size: 24px;
}
h3,.h3{
    font-weight: 500;
    font-size: 20px;
}
h4,.h4{
    font-weight: 500;
    font-size: 18px;
}
h5,.h5{
    font-weight: 500;
    font-size: 16px;
}
.h6,.h6 {
    font-weight: 500;
    font-size: 14px;
}
.display {
    font-weight: 700;
    font-size: 24px;
}
.title {
    font-weight: 700;
    font-size: 20px;
    line-height: normal;
}
.headline {
    font-weight: 400;
    font-size: 14px;
}
.bold24 {
    font-weight: 700;
    font-size: 24px;
}
.semibold24 {
    font-weight: 600;
    font-size: 24px;
}
.bold20 {
    font-weight: 700;
    font-size: 18px;
}
.semibold20 {
    font-weight: 600;
    font-size: 18px;
}
.semibold18 {
    font-weight: 600;
    font-size: 16px;
}
.bold18 {
    font-weight: 700;
    font-size: 18px;
}
.bold16 {
    font-weight: 700;
    font-size: 14px;
}
.semibold16 {
    font-weight: 600;
    font-size: 14px;
}
.bold14 {
    font-weight: 700;
    font-size: 14px;
}
.semibold14 {
    font-weight: 600;
    font-size: 14px;
}
.regular14 {
    font-weight: 400;
    font-size: 14px;
}
.bold13 {
    font-weight: 700;
    font-size: 13px;
}
.semibold13 {
    font-weight: 600;
    font-size: 13px;
}
.regular13 {
    font-weight: 400;
    font-size: 13px;
}
@media (min-width: 1024px){
	h1,.h1{
	    font-weight: 600;
	    font-size: 36px;
	}
	h2,.h2{
	    font-weight: 600;
	    font-size: 30px;
	}
	h3,.h3{
	    font-weight: 600;
	    font-size: 24px;
	}
	h4,.h4{
	    font-weight: 600;
	    font-size: 20px;
	}
	h5,.h5{
	    font-weight: 600;
	    font-size: 18px;
	}
	.h6,.h6 {
	    font-weight: 600;
	    font-size: 16px;
	}
	.display {
	    font-weight: 700;
	    font-size: 36px;
        line-height: 1.2;
	}
	.title {
	    font-weight: 700;
	    font-size: 30px;
        line-height: 1.2;
	}
	.headline {
	    font-weight: 400;
	    font-size: 18px;
	}
	.bold24 {
	    font-weight: 700;
	    font-size: 24px;
	}
    .semibold24 {
        font-weight: 600;
        font-size: 24px;
    }
	.bold20 {
	    font-weight: 700;
	    font-size: 20px;
	}
    .semibold20 {
        font-weight: 600;
        font-size: 20px;
    }
	.semibold18 {
	    font-weight: 600;
	    font-size: 18px;
	}
	.bold16 {
	    font-weight: 700;
	    font-size: 16px;
	}
	.semibold16 {
	    font-weight: 600;
	    font-size: 16px;
	}
}
.semibold12 {
    font-weight: 600;
    font-size: 12px;
}
.regular12 {
    font-weight: 400;
    font-size: 12px !important;
}
.captions {
    font-weight: 400;
    font-size: 10px;
}
.captions.bold {
    font-weight: 700;
    line-height: 110%;
}
.small, small {
    font-weight: 400;
    font-size: 12px;
}
.notif {
    font-weight: 400;
    font-size: 9px;
    line-height: 120%;
    letter-spacing: 0.008em;
}
.notif.bold {
    font-weight: 700;
    line-height: 110%;
}
.bold{
    font-weight: 700 !important;
}
.head{
    font-style: normal;
    font-weight: 700;
    font-size: 30px;
    line-height: 100%;
    text-transform: uppercase;
    letter-spacing: 0.2em;
}
.fs-14 {
    font-size: 14px !important;
}
.fs-16 {
    font-size: 16px !important;
}
.fs-18 {
    font-size: 18px !important;
}
.fs-20 {
    font-size: 20px !important;
}

.ellipse {
    border-radius: 4.5em;
}
/** COLORS **/
.base-black {
    color: var(--base-black);
}
.base-white {
    color: var(--base-white) !important;
}
.text-title {
    color: var(--text-title);
}
.text-grey {
    color: var(--grey);
}
.text-gray-50 {
    color: var(--gray-50) !important;
}
.text-primary-dark {
    color: var(--primary-dark);
}
.text-body-1 {
    color: var(--text-body-1);
}
.text-body-2 {
    color: var(--text-body-2);
}
.text-link-purple {
    color: var(--text-link-purple);
}
.text-link-white {
    color: var(--text-link-white);
}
.text-primary {
    color: var(--primary) !important;
}
.text-secondary {
    color: var(--secondary) !important;
}
.text-muted-foreground {
    color: hsl(215.4 16.3% 46.9%);
}
.text-purple-600 {
    --tw-text-opacity: 1;
    color: rgb(147 51 234 / var(--tw-text-opacity));
}
.primary-1 {
    color: var(--primary-1);
}
.primary-2 {
    color: var(--primary-2);
}
.primary-3 {
    color: var(--primary-3);
}
.primary-4 {
    color: var(--primary-4);
}
.primary-5 {
    color: var(--primary-5);
}
.secondary-1 {
    color: var(--secondary-1);
}
.secondary-2 {
    color: var(--secondary-2);
}
.secondary-3 {
    color: var(--secondary-3);
}
.secondary-4 {
    color: var(--secondary-4);
}
.secondary-5 {
    color: var(--secondary-5);
}
.accent-1 {
    color: var(--accent-1);
}
.accent-2 {
    color: var(--accent-2);
}
.accent-3 {
    color: var(--accent-3);
}
.accent-4 {
    color: var(--accent-4);
}
.accent-5 {
    color: var(--accent-5);
}
.color-warning {
    color: var(--color-warning);
}
.color-success {
    color: var(--color-success);
}
.color-error {
    color: var(--color-error);
}
.color-info {
    color: var(--color-info);
}
.bg-opacity-95 {
    --bs-bg-opacity: .95 !important;
}
.bg-opacity-90 {
    --bs-bg-opacity: .9 !important;
}
.bg-opacity-80 {
    --bs-bg-opacity: .8 !important;
}
.bg-primary {
    background-color: var(--primary) !important;
}
.bg-primary-10 {
    background-color: var(--primary-10) !important;
}
.bg-primary-20 {
    background-color: var(--primary-20) !important;
}
.bg-primary-50 {
    --tw-bg-opacity: 1;
    background-color: rgb(240 253 244 / var(--tw-bg-opacity));
}
.bg-primary-100 {
    --tw-bg-opacity: 1;
    background-color: rgb(220 252 231 / var(--tw-bg-opacity));
}
.bg-primary-light {
    background-color: var(--primary-light) !important;
}
.bg-secondary {
    background-color: var(--secondary) !important;
}
.bg-secondary-10 {
    background-color: var(--secondary-10) !important;
}
.bg-secondary-20 {
    background-color: var(--secondary-20) !important;
}
.bg-secondary-100 {
    --tw-bg-opacity: 1;
    background-color: rgb(219 234 254 / var(--tw-bg-opacity));
}
.bg-blue-50 {
    --tw-bg-opacity: 1;
    background-color: rgb(239 246 255 / var(--tw-bg-opacity));
}
.bg-purple-50 {
    background-color: #a855f70d;
}
.bg-purple-500 {
    --tw-bg-opacity: 1;
    background-color: rgb(168 85 247 / var(--tw-bg-opacity));
}
.bg-light {
    background-color: var(--bg) !important;
}
.bg-gray-50 {
    --bs-bg-opacity: 1;
    background-color: rgb(249 250 251 / var(--bs-bg-opacity));
}
.bg-muted {
    background-color: hsl(var(--muted));
}
.bg-success {
    background-color: var(--color-success) !important;
}
.bg-warning {
    background-color: var(--color-warning) !important;
}
.bg-danger {
    background-color: var(--color-error) !important;
}
.bg-gradient {
    --bs-gradient: linear-gradient(to right, rgb(16, 185, 129), rgb(96, 165, 250));
}
.bg-light-gradient {
    background: var(--bg-light-gradient);
}
.bg-dark-gradient {
    background: linear-gradient(to right bottom, rgb(31, 41, 55), rgb(71, 85, 105), rgb(31, 41, 55));
}
.bg-grid-pattern {
    background-image: linear-gradient(to right, rgba(255, 255, 255, .1) 1px, transparent 1px), linear-gradient(to bottom, rgba(255, 255, 255, .1) 1px, transparent 1px);
    background-size: 20px 20px;
}
.bg-fade-gradient {
    background: linear-gradient(0deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 100%);
}
.from-blue-50 {
    --tw-gradient-from: #eff6ff var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(239 246 255 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.to-blue-100 {
    --tw-gradient-to: #dbeafe var(--tw-gradient-to-position);
}
.bg-gradient-to-r {
    background-image: linear-gradient(to right, var(--tw-gradient-stops));
}
.system-primary {
    background-color: var(--system-primary);
}
.system-secondary {
    background-color: var(--system-secondary);
}
.separator-primary {
    background-color: var(--separator-primary);
}
.separator-secondary {
    background-color: var(--separator-secondary);
}
.fills-button {
    background-color: var(--fills-button);
}
.fills-placeholder {
    background-color: var(--fills-placeholder);
}
.fills-progress {
    background-color: var(--fills-progress);
}
.fills-field-1 {
    background-color: var(--fills-field-1);
}
.fills-field-2 {
    background-color: var(--fills-field-2);
}
.fills-icon {
    background-color: var(--fills-icon);
}
.fills-disabled {
    background-color: var(--fills-disabled);
}
h1,.h1,
h2,.h2,
h3,.h3,
h4,.h4,
h5,.h5,
.h6,.h6 {
    color: var(--primary-dark);
}
.btn-close {
    --bs-btn-close-opacity: 0.75;
    --bs-btn-close-hover-opacity: 0.95;
    background-size: .75rem !important;
}
a.base-white:hover {
    color: var(--secondary-3) !important; 
}
.btn-hover-bg-light:hover {
    background-color: var(--accent) !important;
}
.btn-white { 
    color: var(--text-title); 
    background-color: var(--base-white);
    border-color: var(--base-white);
}
.btn-white:hover, 
.btn-white:focus, 
.btn-white:active, 
.btn-white.active, 
.open .dropdown-toggle.btn-white { 
    color: var(--text-title);
    background-color: var(--bg);
    border-color: var(--bg);
}
.btn-dark { 
    color: var(--white); 
    background-color: var(--primary-dark);
    border-color: var(--primary-dark);
}
.btn-dark:hover, 
.btn-dark:focus, 
.btn-dark:active, 
.btn-dark.active, 
.open .dropdown-toggle.btn-dark { 
    color: var(--base-white);
    background-color: var(--base-black);
    border-color: var(--base-black);
}
.btn-dark-opacity { 
    color: var(--white); 
    background-color: var(--dark-opacity);
    border-color: transparent;
}
.btn-dark-opacity:hover, 
.btn-dark-opacity:focus, 
.btn-dark-opacity:active, 
.btn-dark-opacity.active, 
.open .dropdown-toggle.btn-dark-opacity { 
    color: var(--base-white);
    background-color: var(--base-black);
    border-color: transparent;
}
.btn-grey { 
    color: var(--text-title); 
    background-color: var(--fills-field-1);
    border-color: var(--fills-field-1);
}
.btn-grey:hover, 
.btn-grey:focus, 
.btn-grey:active, 
.btn-grey.active, 
.open .dropdown-toggle.btn-grey { 
    color: var(--base-white);
    background-color: var(--separator-secondary);
    border-color: var(--separator-secondary);
}
.btn-primary { 
    background-color: var(--button-alt); 
    border-color: var(--button-alt); 
    --bs-btn-active-bg: var(--primary2);
    --bs-btn-active-border-color: var(--primary2);
}
.btn-primary:hover, 
.btn-primary:focus, 
.btn-primary:active, 
.btn-primary.active, 
.open .dropdown-toggle.btn-primary { 
    color: #ffffff; 
    background-color: var(--primary-light) !important; 
    border-color: var(--primary-light) !important; 
}    
.btn-primary:active, 
.btn-primary.active, 
.open .dropdown-toggle.btn-primary { 
    background-image: none; 
} 
.btn-primary.disabled, 
.btn-primary[disabled], 
fieldset[disabled] .btn-primary, 
.btn-primary.disabled:hover, 
.btn-primary[disabled]:hover, 
fieldset[disabled] .btn-primary:hover, 
.btn-primary.disabled:focus, 
.btn-primary[disabled]:focus, 
fieldset[disabled] .btn-primary:focus, 
.btn-primary.disabled:active, 
.btn-primary[disabled]:active, 
fieldset[disabled] .btn-primary:active, 
.btn-primary.disabled.active, 
.btn-primary[disabled].active, 
fieldset[disabled] .btn-primary.active { 
    background-color: var(--primary2); 
    border-color: var(--primary2); 
} 
.btn-primary .badge { 
    color: var(--primary2); 
    background-color: #ffffff; 
}
.btn-primary-light { 
    color: var(--white); 
    background-color: var(--primary-light); 
    border-color: var(--primary-light); 
}
.btn-primary-light:hover, 
.btn-primary-light:focus, 
.btn-primary-light:active, 
.btn-primary-light.active, 
.open .dropdown-toggle.btn-primary-light { 
    color: #ffffff; 
    background-color: var(--primary2); 
    border-color: var(--primary2); 
}    
.btn-primary-light:active, 
.btn-primary-light.active, 
.open .dropdown-toggle.btn-primary-light { 
    background-image: none; 
} 
.btn-primary-light.disabled, 
.btn-primary-light[disabled], 
fieldset[disabled] .btn-primary-light, 
.btn-primary-light.disabled:hover, 
.btn-primary-light[disabled]:hover, 
fieldset[disabled] .btn-primary-light:hover, 
.btn-primary-light.disabled:focus, 
.btn-primary-light[disabled]:focus, 
fieldset[disabled] .btn-primary-light:focus, 
.btn-primary-light.disabled:active, 
.btn-primary-light[disabled]:active, 
fieldset[disabled] .btn-primary-light:active, 
.btn-primary-light.disabled.active, 
.btn-primary-light[disabled].active, 
fieldset[disabled] .btn-primary-light.active { 
    background-color: var(--primary2); 
    border-color: var(--primary2); 
} 
.btn-primary-dark { 
    color: var(--white); 
    background-color: var(--primary-dark); 
    border-color: var(--primary-dark); 
}
.btn-primary-dark:hover, 
.btn-primary-dark:focus, 
.btn-primary-dark:active, 
.btn-primary-dark.active, 
.open .dropdown-toggle.btn-primary-dark { 
    color: #ffffff; 
    background-color: var(--primary); 
    border-color: var(--primary); 
}    
.btn-primary-dark:active, 
.btn-primary-dark.active, 
.open .dropdown-toggle.btn-primary-dark { 
    background-image: none; 
} 
.btn-secondary { 
    color: #ffffff; 
    background-color: var(--secondary); 
    border-color: var(--secondary); 
}
.btn-secondary:hover, 
.btn-secondary:focus, 
.btn-secondary:active, 
.btn-secondary.active, 
.open .dropdown-toggle.btn-secondary { 
    color: #ffffff; 
    background-color: var(--secondary); 
    border-color: var(--secondary); 
}    
.btn-secondary:active, 
.btn-secondary.active, 
.open .dropdown-toggle.btn-secondary { 
    background-image: none; 
} 
.btn-secondary.disabled, 
.btn-secondary[disabled], 
fieldset[disabled] .btn-secondary, 
.btn-secondary.disabled:hover, 
.btn-secondary[disabled]:hover, 
fieldset[disabled] .btn-secondary:hover, 
.btn-secondary.disabled:focus, 
.btn-secondary[disabled]:focus, 
fieldset[disabled] .btn-secondary:focus, 
.btn-secondary.disabled:active, 
.btn-secondary[disabled]:active, 
fieldset[disabled] .btn-secondary:active, 
.btn-secondary.disabled.active, 
.btn-secondary[disabled].active, 
fieldset[disabled] .btn-secondary.active { 
    background-color: var(--primary-dark); 
    border-color: var(--primary-dark); 
} 
.btn-orange { 
    color: #ffffff; 
    background-color: var(--secondary); 
    border-color: var(--secondary); 
}
.btn-orange:hover, 
.btn-orange:focus, 
.btn-orange:active, 
.btn-orange.active, 
.open .dropdown-toggle.btn-orange { 
    color: #ffffff; 
    background-color: var(--secondary-3); 
    border-color: var(--secondary-3); 
}    
.btn-orange:active, 
.btn-orange.active, 
.open .dropdown-toggle.btn-orange { 
    background-image: none; 
} 
.btn-outline-primary { 
    color: var(--primary); 
    border-color: var(--primary); 
    --bs-btn-color: var(--primary);
    --bs-btn-border-color: var(--primary);
    --bs-btn-hover-color: var(--primary-dark);
    --bs-btn-hover-bg: var(--primary);
    --bs-btn-hover-border-color: var(--primary);
    --bs-btn-active-color: var(--primary-dark);
    --bs-btn-active-bg: var(--primary);
    --bs-btn-active-border-color: var(--primary);
} 
.btn-outline-primary:hover, 
.btn-outline-primary:focus, 
.btn-outline-primary:active, 
.btn-outline-primary.active, 
.open .dropdown-toggle.btn-outline-primary { 
    color: var(--text-title); 
    background-color: var(--primary-20); 
    border-color: var(--primary); 
} 
.btn-outline-primary:active, 
.btn-outline-primary.active, 
.open .dropdown-toggle.btn-outline-primary { 
    background-image: none; 
} 
.btn-outline-primary.disabled, 
.btn-outline-primary[disabled], 
fieldset[disabled] .btn-outline-primary, 
.btn-outline-primary.disabled:hover, 
.btn-outline-primary[disabled]:hover, 
fieldset[disabled] .btn-outline-primary:hover, 
.btn-outline-primary.disabled:focus, 
.btn-outline-primary[disabled]:focus, 
fieldset[disabled] .btn-outline-primary:focus, 
.btn-outline-primary.disabled:active, 
.btn-outline-primary[disabled]:active, 
fieldset[disabled] .btn-outline-primary:active, 
.btn-outline-primary.disabled.active, 
.btn-outline-primary[disabled].active, 
fieldset[disabled] .btn-outline-primary.active { 
    background-color: #FFFFFF; 
    border-color: var(--border);
    color: var(--text-body-1);
} 
.btn-outline-primary .badge { 
    color: #FFFFFF; 
    background-color: var(--secondary-3); 
}
.btn-outline-success { 
    color: var(--color-success); 
    border-color: var(--color-success); 
} 
.btn-outline-success:hover, 
.btn-outline-success:focus, 
.btn-outline-success:active, 
.btn-outline-success.active, 
.open .dropdown-toggle.btn-outline-success { 
    color: #ffffff; 
    background-color: var(--color-success); 
    border-color: var(--color-success); 
} 
.btn-outline-secondary { 
    color: var(--secondary); 
    border-color: var(--secondary)
}
.btn-outline-secondary:hover, 
.btn-outline-secondary:focus, 
.btn-outline-secondary:active, 
.btn-outline-secondary.active, 
.open .dropdown-toggle.btn-outline-secondary { 
    color: #ffffff; 
    background-color: var(--secondary); 
    border-color: var(--secondary); 
} 
.btn-outline-dark { 
    color: var(--text-title); 
    border-color: var(--border);
} 
.btn-outline-dark:hover, 
.btn-outline-dark:focus, 
.btn-outline-dark:active, 
.btn-outline-dark.active, 
.open .dropdown-toggle.btn-outline-dark { 
    color: var(--text-title); 
    background-color: var(--bg-input); 
    border-color: var(--border); 
} 
.btn-outline-white { 
    color: var(--base-white); 
    background-color: transparent; 
    border-color: var(--base-white); 
} 
.btn-outline-white:hover, 
.btn-outline-white:focus, 
.btn-outline-white:active, 
.btn-outline-white.active, 
.open .dropdown-toggle.btn-outline-white { 
    color: var(--text-body-1);
    background-color: var(--base-white);
    border-color: var(--base-white); 
}
.hover-primary2:hover {
    color: var(--primary2);
} 
.form-control.is-valid, .was-validated .form-control:valid {
    border-color: var(--color-success);
}
.form-control.error, 
.form-control.is-invalid, 
.was-validated .form-control:invalid,
.form-select.error, 
.form-select.is-invalid, 
.was-validated .form-select:invalid {
    border-color: var(--color-error);
}
.input-group {
    position: relative;
}
  
label.error {
    /* Tooltip style */
    display: block;
    margin-top: 0.25rem;
    padding: 0.25rem 0.75rem;
    font-size: 0.875em;
    color: var(--color-error) !important;
    background: var(--bg);
    border-radius: 0.375rem;
    pointer-events: none;
    opacity: 0.95;
}
  
.input-group .form-control.error,
.input-group:has(.form-control.error) .input-group-text {
    border-color: var(--color-error) !important;
}
.input-group label.error {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 10;
    box-shadow: 0 2px 8px rgba(0,0,0,0.08);
}


/** CUSTOM TAB **/
.nav-pills {
    --bs-nav-pills-border-radius: var(--border-radius);
    --bs-nav-pills-link-active-bg: var(--primary);
    --bs-nav-link-color: var(--text-title);
    --bs-nav-link-hover-color: var(--primary);
    border-radius: var(--border-radius);
}
.nav-pills.nav-pills-white {
    --bs-nav-pills-link-active-bg: var(--white);
    --bs-nav-pills-link-active-color: var(--text-title);
    --bs-nav-link-color: var(--text-title);
    --bs-nav-link-hover-color: var(--primary);
}
.nav-pills .nav-link {
    background-color: var(--bg);
}
.nav-pills-custom.nav-pills .show>.nav-link,
.nav-pills-custom.nav-pills .nav-link:hover {
    border-color: transparent !important;
}
.nav-pills-custom.nav-pills .nav-link:not(.active):hover h2 {
    color: var(--primary);
}
.nav-pills-custom.nav-pills .nav-link.active,
.nav-pills-custom.nav-pills .nav-link.active h2 {
    color: white;
    font-weight: 600;
}
.nav-pills-custom.nav-pills .nav-link {
    color: var(--text-title);
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: .25rem .5rem;
    text-transform: capitalize;
}
.nav-pills-white.nav-pills .nav-link:not(.active) {
    position: relative;
    background-color: var(--muted);
}
.nav-pills-white.nav-pills .nav-link.active {
    border-bottom: 2px solid var(--primary);
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}
.check-group .btn-check:checked+.btn {
    background-color: var(--bg);
    color: var(--secondary);
    border-color: transparent !important;
}

/** SEARCH TAB **/

.search-container .search-icon {
    width: 24px;
    height: 24px;
    margin-right: 0.5rem;
}
.search-container .nav-link h2 {
    font-size: 16px;
    font-weight: 400;
    margin-bottom: 0;
}
.search-container h1.text-title,
.search-container .tursab {
    color: var(--base-white);
}
.search-form label {
    text-transform: capitalize;
    color: var(--grey);
}
.input-group-text .lucide {
    color: var(--grey);
}
#clearReturning {
	z-index: 1;
}
#clearReturning:hover .bi-x {
	color: var(--primary-3);
}
@media (min-width: 768px) {
    .search-form .col,
    .search-form .col-6 {
        border-bottom: 0;
    }
    .search .tab-content {
    	background: rgba(255, 255, 255, 0.92);
       	min-height: 8rem;
		border-top-right-radius: 0.5rem;
		display: flex;
		align-items: center;
    }
	.search .nav-pills .nav-link {
	    font-size: 14px;
    	padding: 0.5rem 1rem;
    	flex: inherit;
	}
}

.search-form .change-location {
    z-index: 1;
    width: 2rem;
    height: 2rem;
    position: absolute;
    bottom: -1.5rem;
    right: 1rem;
    padding: 0;
    color: var(--primary);
    border-radius: 100%;
    border: 1px solid var(--primary);
    box-shadow: var(--shadow-1);
    background-color: var(--white);
    display: flex;
    align-items: center;
    justify-content: center;
}
.search-form .change-location:hover {
    background-color: var(--light2);
}
@media (min-width: 1024px) {
    .search-form .change-location {
        bottom: .75rem;
        right: -1rem;
    }
}
.cabin-select {
    padding: 4px;
    background-color: var(--bg);
}
.cabin-select .btn {
    border: 0;
    padding-inline: 1rem;
}
.cabin-select .btn-check:checked+.btn {
    background-color: var(--white);
    border: 0;
}
.mobile-autocomplete-input .form-control {
    margin-top: 0 !important;
    background-color: var(--white) !important;
}
.recent-search-card {
    border: 1px solid var(--bg);
    transition: all 0.3s ease;
}
.recent-search-card:hover {
    box-shadow: var(--shadow-1);
    border: 1px solid var(--primary);
}
.recent-search-card .badge {
    padding: 2px 6px;
    font-size: 10px;
}
.recent-searches .clear-all:hover {
    color: var(--color-error);
}
#mobileAutocomplete {
    z-index: 9999;
}
.location-search .form-label {
    top: .5rem;
    left: 2.3rem;
}
.mobile-padded {
    background-color: rgba(var(--bs-white-rgb), var(--bs-bg-opacity)) !important;
}
.mobile-qr {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-white-rgb), var(--bs-bg-opacity)) !important;
}
.mobile-qr svg {
    color: rgb(5, 65, 45);
}
  /*** AUTOCOMPLETE ***/
#departure-airport-title,
#arrival-airport-title {
    display: none;
    align-items: center;
    padding: .75rem 1rem;
    gap: 0.5rem;
    border-bottom: 1px solid var(--border);
}
.ui-autocomplete #departure-airport-title,
.ui-autocomplete #arrival-airport-title {
    display: flex;
}
.search-results .ui-autocomplete {
    z-index: 2!important
}
.ui-autocomplete-title {
    font-size: 14px;
    font-weight: 600;
    padding: 10px;
    color: var(--grey);
}
.ui-autocomplete {
    z-index: 9999;
    box-shadow: var(--shadow-1);
    padding: 0;
    border-radius: var(--border-radius);
    background-color: var(--base-white);
    border-color: var(--border) !important;
    max-height: 21rem;
    overflow-y: auto;
}
@media (max-width: 760px) {
    .ui-autocomplete {
        left:0!important;
        width: 100%!important;
        position: fixed!important;
        top: 60px!important;
        bottom: 0;
        border-radius: 0;
        overflow: auto;
        border: 0!important;
        box-shadow: none;
        max-height: none;
    }
    .location-search .form-label {
        top: .15rem;
    }
}
.page-flight .ui-autocomplete .ui-menu-item a.atype1,
.page-flight .ui-autocomplete .ui-menu-item a.atype1.ui-state-active,
.page-flight .ui-autocomplete .ui-menu-item a.atype1:hover {
    background-color: var(--bg);
}
.page-flight .ui-autocomplete .ui-menu-item a {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}
.page-flight .ui-autocomplete .ui-menu-item a.atype1 .airport-code {
    width: 2rem;
    height: 2rem;
    font-size: 10px;
    font-weight: 500;
    border-radius: 0.6rem;
    margin-left: 0.25rem;
    background-color: var(--blue-2);
}
.page-flight .ui-autocomplete .ui-menu-item a .airport-code {
    font-size: .75rem;
    font-weight: 700;
    line-height: 1rem;
    width: 2.5rem;
    height: 2.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    background-color: var(--secondary);
    border-radius: 0.75rem;
    box-shadow: var(--shadow-1);
}
.ui-autocomplete .hotel-autocomplete-item {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: .5rem !important;
    border-radius: 0.5rem;
}
.ui-autocomplete .hotel-autocomplete-item .icon-hotel {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='lucide lucide-building h-5 w-5'%3E%3Crect width='16' height='20' x='4' y='2' rx='2' ry='2'%3E%3C/rect%3E%3Cpath d='M9 22v-4h6v4'%3E%3C/path%3E%3Cpath d='M8 6h.01'%3E%3C/path%3E%3Cpath d='M16 6h.01'%3E%3C/path%3E%3Cpath d='M12 6h.01'%3E%3C/path%3E%3Cpath d='M12 10h.01'%3E%3C/path%3E%3Cpath d='M12 14h.01'%3E%3C/path%3E%3Cpath d='M16 10h.01'%3E%3C/path%3E%3Cpath d='M16 14h.01'%3E%3C/path%3E%3Cpath d='M8 10h.01'%3E%3C/path%3E%3Cpath d='M8 14h.01'%3E%3C/path%3E%3C/svg%3E");
    background-size: 1.25rem;
    background-position: center;
    background-repeat: no-repeat;
    width: 2.5rem;
    height: 2.5rem;
    font-size: .75rem;
    font-weight: 700;
    line-height: 1rem;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    background-color: var(--secondary);
    border-radius: 0.75rem;
    box-shadow: var(--shadow-1);
}
.ui-autocomplete .hotel-autocomplete-item:hover {
    background-color: var(--bg);
}
.ui-autocomplete .hotel-country-count,
.ui-autocomplete .airport-name {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23212529bf' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='lucide lucide-map-pin h-3.5 w-3.5'%3E%3Cpath d='M20 10c0 4.993-5.539 10.193-7.399 11.799a1 1 0 0 1-1.202 0C9.539 20.193 4 14.993 4 10a8 8 0 0 1 16 0'%3E%3C/path%3E%3Ccircle cx='12' cy='10' r='3'%3E%3C/circle%3E%3C/svg%3E");
    background-size: .8rem;
    background-position: left center;
    background-repeat: no-repeat;
    padding-left: .9rem;
}
.ui-autocomplete .ui-menu-item .city-name {
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
}
.page-flight .ui-autocomplete .ui-menu-item a .airport-name {
    font-size: 12px;
    line-height: 15px;
    color: var(--gray-50);
}

.page-flight .ui-autocomplete .ui-menu-item a.atype2,
.page-flight .ui-autocomplete .ui-menu-item a.atype2.ui-state-active,
.page-flight .ui-autocomplete .ui-menu-item a.atype2:hover {
    background-color: #f1f5f9;
}
.page-flight .ui-autocomplete .ui-menu-item a.atype1.ui-state-active,
.page-flight .ui-autocomplete .ui-menu-item a.atype1:hover,
.page-flight .ui-autocomplete .ui-menu-item a.atype2.ui-state-active,
.page-flight .ui-autocomplete .ui-menu-item a.atype2:hover {
    background-color: #f1f5f9;
}
.page-flight .ui-autocomplete .ui-menu-item a:not(.atype1) {
    line-height: 1
}
body .ui-autocomplete a.atype2 {
    font-weight: 600;
    background-color: transparent;
    color: var(--base-black)
}
body .ui-autocomplete a.atype2.ui-state-hover {
    font-weight: 600;
    margin: 0;
    background-color: var(--light-blue);
    color: var(--base-black)
}
body .ui-autocomplete .ui-state-focus {
    background-color: var(--light-blue);
    border-color: inherit;
    border-top-color: transparent;
    border-bottom-color: transparent;
    cursor: pointer;
    color: var(--base-black)
}
.searchTerm {
    font-weight: 600
}
.ui-menu.ui-autocomplete .ui-autocomplete-category,.ui-menu.ui-autocomplete .ui-menu-item.ui-autocomplete-category {
    margin: 0;
    padding: 5px 10px;
    background-color: var(--fills-field-1);
    color: var(--base-black);
    opacity: 1;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: .8rem;
    border-radius: var(--border-radius)
}

.ui-autocomplete .ui-menu-item {
    padding: 2px;
}
.ui-autocomplete .ui-menu-item a {
    padding: 10px;
    margin: 0;
    display: block;
    color: var(--base-black);
    border: 0;
    font-size: 14px;
    border-radius: 0.5rem;
}

.ui-autocomplete .ui-menu-item a.ui-state-active,.ui-autocomplete .ui-menu-item a:hover {
    background-color: #f1f5f9;
}


/** SEARCH RESULTS **/
.result-row:has(.no-image) {
    display: none;
}
.result-row i,
.leg i {
    font-style: normal;
}
.search-filter input.form-control:disabled, 
.search-filter input.form-control[readonly]{
    background-color: transparent;
    margin-bottom: -28px;
    color: var(--fills-icon);
}
.search-filter .accordion-button {
    text-transform: capitalize;
}
#filterByPrice,
#filterByNight {
    border: 0;
    font-size: 12px;
    text-align: center;
    width: 100%;
    color: var(--fills-icon);
}
.row-first {
    padding: 1px;
    background-color: var(--primary);
}
.row-first .row-content {
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important;
}
.modal .carousel-item img {  
    object-fit: cover;
    object-position: center;
    overflow: hidden;
    height:50vh;
}
@media (min-width: 1200px){
.modal .carousel-item img {
        height:80vh;
    }
}

@media (max-width: 767px){
    .privacy-popup {
        bottom: auto !important;
        top: 0 !important
    }
}

/** FLIGHT **/
.info-section .card:hover .h2 {
    color: var(--primary);
}
.info-section .card .progress {
    height: 4px;
    background-color: transparent;
    bottom: 0;
}
.info-section .card:hover .progress-bar {
    width: 100% !important;
}
.class-price-group .btn {
    border-radius: 0.5rem !important;
}
.class-price-group .btn {
    margin-right: 1rem;
    margin-bottom: 1rem;
    padding: 1rem;
    width: 30%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.class-price-group .btn:nth-child(8),
.class-price-group .btn:nth-child(10) {
    max-width: 30%;
}
.class-price-group .btn-check:active+.btn-primary, 
.class-price-group .btn-check:checked+.btn-primary, 
.class-price-group .btn-primary.active, 
.class-price-group .btn-primary:active, 
.class-price-group .show>.btn-primary.dropdown-toggle {
    color: #fff;
    background-color: var(--color-success);
    border-color: var(--color-success);
}
#collapsePeople2 {
  z-index: 1055;
}
@media (max-width: 767px) {
    #collapsePeople2 {
      position: fixed !important;
      left: 0;
      right: 0;
      bottom: 0;
      top: auto;
      z-index: 1055;
      min-width: 100vw !important;
      max-width: 100vw !important;
      border-top-left-radius: 1.25rem;
      border-top-right-radius: 1.25rem;
      border-bottom-left-radius: 0;
      border-bottom-right-radius: 0;
      background: #fff;
      box-shadow: 0 -4px 24px rgba(0,0,0,0.12);
      transition: transform 0.3s cubic-bezier(.4,0,.2,1);
      padding-bottom: env(safe-area-inset-bottom, 16px);
      display: block;
    }
    #collapsePeople2:not(.show) {
      transform: translateY(100%);
      pointer-events: none;
    }
    #collapsePeople2.show {
      transform: translateY(0);
      pointer-events: auto;
    }
    #collapsePeople2 .card {
      border-radius: 1.25rem 1.25rem 0 0;
      box-shadow: none;
    }
    #collapsePeople2 .bottom-sheet-handle {
      width: 48px;
      height: 5px;
      background: #e0e0e0;
      border-radius: 3px;
      margin: 12px auto 8px auto;
      display: block;
    }
  }
.page-flight .result-row .row-content {
    color: var(--primary-dark);
}
.page-flight .route-line .rounded-circle {
    width: 4px;
    height: 4px;
}
.page-flight .route-line .border {
    height: 1px;
}

.page-flight .airline-logo-div {
    width: 40px;
    height: 40px;
    padding: 2px;
    box-shadow: var(--shadow-1);
    background-color: white;
    border: 1px solid rgb(243 244 246 / 1);
    border-radius: 100rem;
    overflow: hidden;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}
.page-flight .airline-logo-div .airline-logo {
    width: 100%;
    height: auto;
    max-height: 100%;
}
.page-flight .result-route {
    background-image: url("data:image/svg+xml,%3Csvg width='131' height='9' viewBox='0 0 131 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M130.854 4.85355C131.049 4.65829 131.049 4.34171 130.854 4.14645L127.672 0.964466C127.476 0.769204 127.16 0.769204 126.964 0.964466C126.769 1.15973 126.769 1.47631 126.964 1.67157L129.793 4.5L126.964 7.32843C126.769 7.52369 126.769 7.84027 126.964 8.03553C127.16 8.2308 127.476 8.2308 127.672 8.03553L130.854 4.85355ZM0.5 5H130.5V4H0.5V5Z' fill='%23728095'/%3E%3C/svg%3E");
    background-position: center right;
    background-repeat: no-repeat;
    /* background-size: contain; */
    font-size: 12px;
    min-width: 2rem;
    min-height: 10px;
}
.page-flight .result-row-left .btn.btn-link:not(.collapsed) {
    transform: rotate(180deg);
}
.page-flight .flight-divider {
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}
.page-flight .flight-divider::after {
    content: "";
    height: 100%;
    width: 1px;
    background-color: var(--border);
    position: absolute;
    left: 50%;
    top: 0;
    bottom: 0;
}
.page-flight .flight-divider .flight-icon {
    transform: rotate(90deg);
    z-index: 1;
}
.flightRules ul {
    margin: 0 !important;
    padding: 1rem;
    list-style: none !important;
    font-size: 13px;
    background-color: var(--white);
    border-radius: var(--border-radius);
    border: 1px solid var(--border);
}
.flightRules ul li {
    padding-bottom: 4px;
    margin-bottom: 4px;
}
.fr-info{
	margin-bottom: 20px;
}
.fr-info .fr-head {
    background: var(--white);
    color: var(--text-title);
    margin-top: 20px;
    padding: 20px 20px 0;
    border-radius: .5rem .5rem 0 0;
    border: 1px solid var(--border);
    border-bottom: 0;
}
.fr-dest-icon{
	vertical-align:middle;
	margin:0 10px;
}
.fr-info .fr-head .fr-city {
	margin-right:5px;
}
.fr-info table{
	width:100%;
	color:var(--primary-dark);
    font-size: 13px;
}
.fr-info table td{
	padding:5px 10px 5px 5px;
}
.fr-info .fr-tableTitle{
	color: var(--primary-dark);
	font-weight:bold;
}
.fr-permit{
	color:orange;
    border: 1px solid var(--border);
    padding: 10px !important;
}
.fr-permit.NOT_PERMITTED{
	color:#F24343;
}
.fr-permit.PERMITTED{
	color: var(--primary);
}
.fr-container{
	padding:20px;
    margin-bottom: 10px;
	border:1px solid var(--border);
    border-top: 0;
    background-color: var(--white);
    border-radius: 0 0 .5rem .5rem;
}

/* bx slider matrix */

.matrixToggle{
	text-align:right;
	overflow:hidden;
	border-bottom:1px solid #CFDBEC;
}
.matrixToggle a{
	background:#CFDBEC url(/images/expand.png) no-repeat scroll right center;
	color:#fff;
	display:block;
	padding:3px 20px 3px 15px;
	float:right;
	border-radius:3px 3px 0 0;
	font-weight:bold;
}
.matrixToggle a:hover{
	background:orange url(/images/expand.png) no-repeat scroll right center;
	color:#fff;
}
#matrix-tabs,
#matrix-tabs-multi-prov{
	padding:0;
	border:0;
	margin-bottom:20px;
	display:none;
}
#matrix-tabs.ui-tabs,
#matrix-tabs-multi-prov.ui-tabs{
	display:block;
    background-color: transparent;
}
#matrix-tabs .ui-tabs-nav,
#matrix-tabs-multi-prov .ui-tabs-nav{
	padding:0;
	border:1px solid var(--light-blue);
	background: transparent;
	border-radius:4px 4px 0 0;
}
#matrix-tabs .ui-tabs-nav .ui-tabs-selected,
#matrix-tabs-multi-prov .ui-tabs-nav .ui-tabs-selected{
	top:0 !important;
	font-weight:normal;
}
#matrix-tabs .ui-tabs-panel,
#matrix-tabs-multi-prov .ui-tabs-panel{
	padding:0;
	background:transparent;
}
.matrix-tabs .ui-tabs-nav a{
	font-size:13px;
    font-weight: 600;
    color: var(--grey);
}
.matrix-tabs .ui-tabs-nav li:first-child a{
	border-right:1px solid var(--light-blue);
}
.matrix-tabs .ui-tabs-nav .ui-state-active a,
.matrix-tabs .ui-tabs-nav a:hover{
	color:var(--primary-dark);
}
.matrixContainer {
	background: #fff;
	padding: 0;
	border: 1px solid var(--light-blue);
	border-top:0;
    display: flex;
}

.matrixContainer .bx-viewport {
	height:auto !important;
}

.matrixContainer .matrixAirline {
	width: 90px !important;
}

.matrixContainer .allResults li,.matrixContainer .stops li, .matrixContainer .matrixAirline li {
	padding: 4px;
	margin: 0;
	height:24px;
	background: #fff;
	text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
	border-bottom:1px solid var(--light-blue);
	border-right: 1px solid var(--light-blue);
}
.matrixContainer .allResults li:last-child,
.matrixContainer .stops li:last-child, 
.matrixContainer .matrixAirline li:last-child {
	border-bottom:0;
}
.matrixContainer ul {
	margin: 0;
    padding: 0;
    list-style: none;
}
.matrixContainer .stops {
	width: 13%;
	margin-left: 0;
}
.matrixContainer .stops a {
	white-space:nowrap;
}
.matrixContainer .allResults {
	width: 13%;
	margin-right:0;
}
.search-results .matrixContainer a{
	font-size:11px;
	color:#2B7BB5;
	outline:0;
}
.search-results .matrixContainer a i{
	font-style: normal;
}
.search-results .matrixContainer a b{
	font-weight: normal;
}
.search-results .matrixContainer a:hover{
	color:#333;
}
.matrixContainer li.matrixHead {
	height: 36px;
	background: #fff;
	font-size: 11px;
}
.matrixContainer .stops li.matrixHead, 
.matrixContainer .allResults li.matrixHead {
	background: transparent;
}

.matrixContainer .allResults li, .matrixContainer .stops li {
	background: #fff;
}
.matrixContainer .matrixHead img{
	max-width:70px;
	max-height:24px;
}
.matrixContainer .bx-wrapper .bx-controls-direction .bx-next, 
.matrixContainer .bx-wrapper .bx-controls-direction .bx-prev {
	position: absolute;
	top: -30px;
	text-indent: -999999em;
	width: 30px;
	height: 30px;
	outline:0;
	margin:0;
}
.matrixContainer .bx-wrapper .bx-controls-direction .bx-next {
	right: 0;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 16L14 12L10 8' stroke='%23154553' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}
.matrixContainer .bx-wrapper .bx-controls-direction .bx-prev {
	right: 30px;
	left:auto;
    transform: rotate(180deg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 16L14 12L10 8' stroke='%23154553' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}
.matrixContainer .bx-wrapper {
	background:transparent;
    box-shadow: none;
    margin: 0;
    border: 0;
	max-width:74% !important;
}
.matrixHead span {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 98%;
}
#matrix-tabs .ui-widget-header .ui-state-default,
#matrix-tabs .ui-widget-header .ui-state-active,
#matrix-tabs-multi-prov .ui-widget-header .ui-state-default,
#matrix-tabs-multi-prov .ui-widget-header .ui-state-active{
	background:none;
	border:0;
	margin: 0;
    padding: 0;
    top: 0;
}


/** HOTEL **/
#entatil-öneriyor {
    display: none !important;
}
.page-flight .ui-autocomplete:has(.iconHotel) .ui-menu-item a, 
.page-flight .ui-autocomplete:has(.iconHotel) .ui-menu-item a.ui-state-active, 
.page-flight .ui-autocomplete:has(.iconHotel) .ui-menu-item a:hover {
    background-image: none;
    padding-left: 10px;
}

.gl-guests:not(:first-child) {
    border-top: 1px solid var(--border);
    padding-top: 12px;
}
.gl-guests .form-select {
    width: 50px;
    padding-left: 10px;
    padding-right: 20px;
    background-position: right 8px center;
}
@media (max-width: 768px){
    .page-hotel.page-result .price-value {
        font-size: 1.5rem;
    }
    .page-hotel.page-result .hotel-title {
        font-size: 1.125rem;
    }
}
.page-hotel.page-result .hotel-image {
    max-height: 210px;
}
.page-hotel-detail .maps{
    display: flex;
    align-items: flex-end;
    border: 1px solid #eee;
    background-color: var(--base-white);
    position: relative;
    z-index: 1;
}
.page-hotel-detail .search-form .popular-destinations {
    display: none;
}
.list-icons .btn {
	color: var(--text-body-1);
}
.list-icons .btn.active,
.list-icons .btn:hover {
	color: var(--secondary-3);
}

/** CHECKOUT **/
.payAccount a {
    border-bottom: 1px solid;
}
.tableCoupon td.addCoupon {
    padding: 0 !important;
}
.tableCoupon td.addCoupon:last-child {
    padding-left: .5rem !important;
}
.payment-icons img{
    max-height: 2rem;
}
#payment-tabs.nav-pills .nav-link {
    justify-content: start;
    padding: 12px !important;
    background-color: transparent;
    border: 1px solid var(--border);
    text-align: left;
}
#payment-tabs.nav-pills .nav-link:not(.active):hover {
    border-color: var(--secondary-20) !important;
}
#payment-tabs.nav-pills .nav-link.active {
    background-color: var(--primary-50);
    color: var(--base-black);
    border: 1px solid var(--primary) !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%2310b981' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='lucide lucide-check h-5 w-5 text-rafeef-green mt-1'%3E%3Cpath d='M20 6 9 17l-5-5'%3E%3C/path%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 1rem center;
    background-size: 1rem;
}
.payment-icon {
    padding: .5rem;
    border-radius: .25rem;
}
.payment-icon img {
    width: 4rem;
    max-height: 2rem;
    object-fit: contain;
}
@media (max-width: 640px){
    .payment-icon img {
        width: 2rem;
    }
}
.nav-link.active .payment-icon {
    border: 2px solid var(--primary);
    border-radius: 1rem;
}
img.payment-brand {
    max-width: 10rem;
}
.card-brand {
    height: 12px;
}
#bankprocess,
#bankprocessfail,
.autoreserve {
	display: none;
}
html .ui-dialog .ui-dialog-titlebar-close {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 1.5rem;
	height: 1.5rem;
	border: 0;
}
button.ui-dialog-titlebar-close:after {
	content: "×";
}
.no-close.ui-widget.ui-widget-content {
    border-color: transparent;
}
.ui-widget-overlay {
    background: #000;
    opacity: .3;
    z-index: 1000 !important;
}
html .ui-widget {
	font-family: var(--font-family);
	font-size: 14px;
}
html .ui-widget-content {
    background: var(--base-white);
    color: var(--text-body-1);
}
@media (max-width: 768px){
	.ui-dialog {
	   max-width: 100%;
	}
}
/** DASHBOARD **/

.page-dashboard .hero {
    position: relative;
    padding-block: 1rem;
    background-color: var(--primary-10);
    text-align: center;
    color: var(--primary-dark);
}
.page-dashboard .hero .base-white {
    color: var(--base-black) !important;
}
.page-dashboard h1 {
    text-transform: capitalize;
    color: var(--base-black);
}

.page-dashboard .explore-hero {
    position: relative;
    z-index: 1;
}
.dashboard-links a {
    color: var(--primary-2);
}
.dashboard-links a:hover {
    color: var(--primary-3);
}
.dashboard-links a .bi{
    font-size: 32px;
}
@media (min-width: 1024px){
    .order-table {
        max-height: 50vh;
        overflow-y: auto;
    }
    .order-table .card:not(:last-child) {
        border-bottom: 1px solid var(--border);
    }
}

#orderDetailFrame {
    transition: height 0.3s ease;
}


/* LOADING */
.loading .loading-icon svg {
    width: 60px;
    height: 60px;
}
.loading-results {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    border-radius: .5rem;
    background-color: var(--white);
}
@media (min-width: 1024px){
    .loading-results {
        background-color: transparent;
        position: absolute;
        top: -4.5rem;
        left: 50%;
        transform: translateX(-50%);
        flex-direction: row;
    }
}
.lds-ellipsis {
  display: inline-block;
  position: relative;
  width: 80px;
  height: 80px;
}
.lds-ellipsis div {
  position: absolute;
  top: 33px;
  width: 13px;
  height: 13px;
  border-radius: 50%;
  background: var(--primary-light);
  animation-timing-function: cubic-bezier(0, 1, 1, 0);
}
.lds-ellipsis div:nth-child(1) {
  left: 8px;
  animation: lds-ellipsis1 0.6s infinite;
}
.lds-ellipsis div:nth-child(2) {
  left: 8px;
  animation: lds-ellipsis2 0.6s infinite;
}
.lds-ellipsis div:nth-child(3) {
  left: 32px;
  animation: lds-ellipsis2 0.6s infinite;
}
.lds-ellipsis div:nth-child(4) {
  left: 56px;
  animation: lds-ellipsis3 0.6s infinite;
}
@keyframes lds-ellipsis1 {
  0% {
    transform: scale(0);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes lds-ellipsis3 {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(0);
  }
}
@keyframes lds-ellipsis2 {
  0% {
    transform: translate(0, 0);
  }
  100% {
    transform: translate(24px, 0);
  }
}

/* Dark mode toggle button styles */
.dark-mode-toggle {
    transition: var(--transition);
    border: none;
    background: var(--base-white);
    color: var(--text-title);
    padding-top: .375rem;
    padding-bottom: .375rem;
    padding-left: .5rem;
    padding-right: .5rem;
    border-radius: 5.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    box-shadow: var(--shadow-1);
    direction: ltr;
}

.dark-mode-toggle:hover {
    background-color: var(--system-secondary);
    color: var(--primary);
}

.dark-mode-toggle .sun-icon {
    color: var(--bs-warning);
}

.dark-mode-toggle .moon-icon {
    color: var(--bs-gray-500);
}

/* Hero page bottom fade gradient */
.hero-bottom-fade {
    background: linear-gradient(180deg, rgba(30, 64, 175, 0) 0%, rgba(255, 255, 255, 1) 100%);
}

.light-logo {
    display: block;
}
.dark-logo {
    display: none;
}