:root {
    --primary-color: #006CE5;
    --primary-color-rgb: 0, 108, 229;
    --success-color: #03AA85;
    --success-color-rgb: 7, 148, 73;
    --warning-color: #FC820A;
    --warning-light-color: #ffefe4;
    --warning-color-rgb: 227, 99, 1;
    --yellow-color: #FFC400;
    --yellow-color-rgb: 255, 196, 0;
    --danger-color: #FF3030;
    --danger-color-rgb: 255, 48, 48;
    --dark-color: #11151F;
    --dark-color-rgb: 17, 21, 31;
    --mute-color: #6677A2;
    --font-weight-default: 400;
    --header-link: #445275;
    --body-custom-bg: #F4F6FA;
    --primary-light: #66A7EF;
    --font-size-3xs: 0.7rem;
    --font-size-2xs: 0.8rem;
    --font-size-xs: 0.9rem;
    --font-size-md: 1.2rem;
    --font-size-lg: 1.5rem;
    --font-size-xl: 2rem;
    --font-size-2xl: 2.5rem;
    --footer-bg: #E6EAF5;
    --light-blue: #F4F6FA;
    --nav-link: #445275;
    --form-control-height: calc(1.5em + 1.35rem + 2px);
    --form-control-radius: 0.75rem;
    --rounded-xl: 1.5rem;
    --rounded-2xl: 2rem;
    --rounded-3xl: 3.5rem;
    --light-blue-signin: #EAFCF8;
    --primary-50: #ECF5FF;
    --primary-gray: #CCE2FA;
}

.radius-50 {
    border-radius: 50%;
}

.flex-1 {
    flex: 1;
}

.min-h-100 {
    min-height: 100%;
}

.max-h-35px {
    max-height: 35px;
}

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

.text-dark {
    color: var(--dark-color) !important;
}

.text-success {
    color: var(--success-color) !important;
}

.fw-medium {
    font-weight: 500;
}

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

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

.top-0 {
    top: 0;
}

.right-0 {
    right: 0;
}

.bottom-0 {
    bottom: 0;
}

.left-0 {
    left: 0;
}

.inset-0 {
    inset: 0;
}

.opacity-100 {
    opacity: 1;
}

.opacity-70 {
    opacity: 0.7;
}

.opacity-50 {
    opacity: 0.5;
}

.opacity-40 {
    opacity: 0.4;
}

.opacity-30 {
    opacity: 0.3;
}

.opacity-20 {
    opacity: 0.2;
}

.opacity-10 {
    opacity: 0.1;
}

.border-primary-gray {
    border-color: var(--primary-gray);
}

.bg-primary-50,
.hover-primary-50:hover {
    background-color: var(--primary-50);
}

.btn {
    padding: 0.7rem .75rem;
}

.bg-overlay {
    background: rgb(0, 0, 0);
    background: -moz-linear-gradient(0deg, rgba(0, 0, 0, 0.7) 0%, rgba(14, 178, 240, 0) 100%);
    background: -webkit-linear-gradient(0deg, rgba(0, 0, 0, 0.7) 0%, rgba(14, 178, 240, 0) 100%);
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.7) 0%, rgba(14, 178, 240, 0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000", endColorstr="#0eb2f0", GradientType=1);
}

.form-control {
    height: var(--form-control-height);
    border-radius: var(--form-control-radius);
}

.smooth-transition {
    -webkit-transition: 0.3s all ease;
    -o-transition: 0.3s all ease;
    transition: 0.3s all ease;
}

.dropdown .dropdown-item:hover {
    background-color: #ECF5FF;
}

.no-active-focus:active,
.no-active-focus:focus {
    box-shadow: none;
    outline: none;
}

.placeholder-primary::placeholder {
    color: var(--primary-color)
}

body.custom-bg {
    background-color: var(--body-custom-bg);
}


.bg-light-blue {
    background-color: var(--light-blue);
}

.text-light-blue {
    color: var(--light-blue);
}

.text-yellow {
    color: var(--yellow-color);
}

.btn-primary,
.btn-primary {
    background-color: var(--primary-color) !important;
}

.btn-danger,
.btn-danger {
    background-color: var(--danger-color) !important;
}

.btn-success,
.btn-success {
    background-color: var(--success-color) !important;
}

.btn-warning,
.btn-warning {
    background-color: var(--warning-color) !important;
}

.btn-warning,
.btn-warning {
    background-color: var(--yellow-color) !important;
    color: var(--dark-color) !important;
}

.btn-outline-primary {
    border-color: var(--primary-color) !important;
    color: var(--primary-color) !important;
}

.btn-outline-primary:hover {
    color: rgb(255, 255, 255) !important;
}

.btn-outline-danger {
    border-color: var(--danger-color) !important;
    color: var(--danger-color) !important;
}

.btn-outline-success {
    border-color: var(--success-color) !important;
    color: var(--success-color) !important;
}

.btn-outline-warning {
    border-color: var(--warning-color) !important;
    color: var(--warning-color) !important;
}

.btn-outline-yellow {
    border-color: var(--yellow-color) !important;
    color: var(--yellow-color) !important;
    color: var(--dark-color) !important;
}

.btn-outline-primary:hover {
    background-color: var(--primary-color) !important;
}

.btn-outline-danger:hover {
    background-color: var(--danger-color) !important;
}

.btn-outline-success:hover {
    background-color: var(--success-color) !important;
}

.btn-outline-warning:hover {
    background-color: var(--warning-color) !important;
    color: rgb(255, 255, 255) !important;
}

.btn-outline-yellow:hover {
    background-color: var(--yellow-color) !important;
}

.bg-dark {
    background-color: var(--dark-color) !important;
}

.bg-primary-gradient {
    background: rgb(0, 108, 229);
    background: -moz-linear-gradient(90deg, rgba(0, 108, 229, 1) 0%, rgba(14, 178, 240, 1) 100%);
    background: -webkit-linear-gradient(90deg, rgba(0, 108, 229, 1) 0%, rgba(14, 178, 240, 1) 100%);
    background: linear-gradient(90deg, rgba(0, 108, 229, 1) 0%, rgba(14, 178, 240, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#006ce5", endColorstr="#0eb2f0", GradientType=1);
}

.bg-primary-light {
    background-color: var(--primary-light);
}

.bg-warning-light {
    background-color: var(--warning-light-color);
}

.text-primary-light {
    color: var(--primary-light) !important;
}

.text-primary {
    color: var(--primary-color) !important;
}

.text-mute {
    color: var(--mute-color) !important;
}

.text-warning {
    color: var(--warning-color) !important;
}

.last-mt-0:last-child {
    margin-top: 0 !important;
}

.last-mr-0:last-child {
    margin-right: 0 !important;
}

.last-ml-0:last-child {
    margin-bottom: 0 !important;
}

.last-mb-0:last-child {
    margin-bottom: 0 !important;
}

.last-pt-0:last-child {
    padding-top: 0 !important;
}

.last-pr-0:last-child {
    padding-right: 0 !important;
}

.last-pl-0:last-child {
    padding-bottom: 0 !important;
}

.last-pl-0:last-child {
    padding-left: 0 !important;
}

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

.overflow-x-scroll::-webkit-scrollbar {
    display: none;
}

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

.object-cover {
    object-fit: cover;
}

.cursor-pointer {
    cursor: pointer;
}

.aspect-ratio-video {
    aspect-ratio: 16/9;
}

.aspect-ratio-16-11 {
    aspect-ratio: 16/11;
}

.aspect-ratio-square {
    aspect-ratio: 1/1;
}

.aspect-ratio-1-2 {
    aspect-ratio: 1/2;
}

.aspect-ratio-9-11 {
    aspect-ratio: 9/11;
}

.z-index-1 {
    z-index: 1;
}

.z-index-5 {
    z-index: 5;
}

.z-index-10 {
    z-index: 10;
}

.text-decoration-underline {
    text-decoration: underline;
}

.rounded-xl {
    border-radius: var(--rounded-xl);
}

.rounded-2xl {
    border-radius: var(--rounded-2xl);
}

.rounded-3xl {
    border-radius: var(--rounded-3xl);
}

.rounded-left {
    border-bottom-left-radius: 2rem !important;
    border-top-left-radius: 2rem !important;
}

.rounded-right {
    border-bottom-right-radius: 2rem !important;
    border-top-right-radius: 2rem !important;
}

.text-3xs {
    font-size: var(--font-size-3xs)
}

.text-2xs {
    font-size: var(--font-size-2xs)
}

.text-xs {
    font-size: var(--font-size-xs)
}

.text-md {
    font-size: var(--font-size-md)
}

.text-lg {
    font-size: var(--font-size-lg)
}

.text-xl {
    font-size: var(--font-size-xl)
}

.text-2xl {
    font-size: var(--font-size-2xl)
}

.page-link {
    background: none;
}

.li-style-disc {
    list-style: disc;
}

.custom-select {
    background: url(/img/tour-detail/dropdown.svg) right 0.75rem center/20px no-repeat;
}

.input-check {
    --size: 20px;
    width: var(--size);
    height: var(--size);
}

.modal-backdrop.show {
    z-index: 0;
}

.btn-bookingNow:hover {
    color: white;
}