/* Base CSS */
.alignleft {
    float: left;
    margin-right: 15px;
}

.alignright {
    float: right;
    margin-left: 15px;
}

.aligncenter {
    display: block;
    margin: 0 auto 15px;
}

a:focus {
    outline: 0 solid
}

* {
    box-sizing: border-box;
}

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

h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0 0 15px;
    color: #1B1B21;
    font-family: "Montserrat", sans-serif;
    font-family: 'Montserrat-Arabic';
}

body {
    color: #545051;
    font-weight: 300;
    font-family: 'Montserrat-Arabic';
}

@font-face {
    font-family: RusticLoveTattoo;
    src: url(../fonts/RusticLoveTattoo.otf);
}

@font-face {
    font-family: 'Montserrat-Arabic';
    src: url('../fonts/Montserrat-Arabic-Light.woff2') format('woff2'),
    url('../fonts/Montserrat-Arabic-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat-Arabic';
    src: url('../fonts/Montserrat-Arabic-Medium.woff2') format('woff2'),
    url('../fonts/Montserrat-Arabic-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat-Arabic';
    src: url('../fonts/Montserrat-Arabic-Regular.woff2') format('woff2'),
    url('../fonts/Montserrat-Arabic-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat-Arabic';
    src: url('../fonts/Montserrat-Arabic-Thin.woff2') format('woff2'),
    url('../fonts/Montserrat-Arabic-Thin.woff') format('woff');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat-Arabic';
    src: url('../fonts/Montserrat-Arabic-Black.woff2') format('woff2'),
    url('../fonts/Montserrat-Arabic-Black.woff') format('woff');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat-Arabic';
    src: url('../fonts/Montserrat-Arabic-SemiBold.woff2') format('woff2'),
    url('../fonts/Montserrat-Arabic-SemiBold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat-Arabic';
    src: url('../fonts/Montserrat-Arabic-ExtraBold.woff2') format('woff2'),
    url('../fonts/Montserrat-Arabic-ExtraBold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat-Arabic';
    src: url('../fonts/Montserrat-Arabic-ExtraLight.woff2') format('woff2'),
    url('../fonts/Montserrat-Arabic-ExtraLight.woff') format('woff');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat-Arabic';
    src: url('../fonts/Montserrat-Arabic-Bold.woff2') format('woff2'),
    url('../fonts/Montserrat-Arabic-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}


.selector-for-some-widget {
    box-sizing: content-box;
}

a:hover {
    text-decoration: none
}

button:focus {
    outline: 0;
    outline: 5px auto -webkit-focus-ring-color;
}

ul {
    padding: 0;
    margin: 0;
    list-style: none;
}


/* booking-area-start */

body {
    background: #F3F3F3;
}

.booking {
    padding: 37px 0;
    padding-bottom: 100px;
}

.container {
    max-width: 918px;
}

.booking__title {
    border-radius: 45px 45px 0px 0px;
    background: white;
    padding: 30px;
    text-align: center;
}

.booking__title h3 {
    color: black;
    font-size: 24px;
    font-weight: 500;
    line-height: normal;
    position: relative;
    width: fit-content;
    margin: auto;
    margin-bottom: 30px;
}

.booking__title p {
    color: #000;
    font-size: 18px;
    font-weight: 500;
    line-height: normal;
    margin: 0;
}

.booking__title h3:before {
    width: 6px;
    height: 6px;
    position: absolute;
    content: "";
    background: #0015FF;
    border-radius: 50%;
    right: -10px;
    bottom: 6px;
}

.booking__btns {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    padding: 10px 0;
    flex-direction: row-reverse;
    flex-wrap: wrap;
}

.booking__btns a {
    background: #fff;
    height: 50px;
    width: 30.3%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: row-reverse;
    text-decoration: none;
    color: black;
    font-size: 12px;
    font-weight: 700;
    line-height: normal;
    gap: 5px;
}

.booking__btns a.booking__noti-btn {
    width: 50px;
}

.booking__btns a.active {
    background: #0015FF;
    color: #fff;
}

.booking__btns a.active img {
    /*! filter: brightness(999999); */
    filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(272deg) brightness(102%) contrast(101%);
}


.booking__tabs {
    border-radius: 0px 0px 45px 45px;
    background: white;
    padding: 40px 65px 140px 65px;
}

.booking__tabs ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 12px;
}

.booking__tabs ul li {
    width: 49.2%;
    font-size: 12px;
}

.booking__tabs li button {
    width: 100%;
    border-radius: 8px !important;
    background-color: #FFF !important;
    height: 40px;
    color: black !important;
    font-size: 12px;
    font-weight: 500;
    line-height: normal;
}

.booking__tabs li button img {
    margin-left: 10px;
}

.booking__tabs li button.active {
    background: #00A713 !important;
    color: #fff !important;
}

.booking__tabs li button.active img {
    filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(272deg) brightness(102%) contrast(101%);
}

.booking__input label {
    color: black;
    font-size: 10px;
    font-weight: 500;
    line-height: normal;
    margin-right: 15px;
    background: #fff;
    display: inline-block;
    position: relative;
    z-index: 99;
    padding: 0 10px;
}

.single__input input {
    border-radius: 12px;
    border: 1.2px solid rgba(0, 0, 0, 0.10);
    background: white;
    height: 55px;
    padding: 0 20px;
    color: #8A8A8A;
    font-size: 11px;
    font-weight: 500;
    line-height: normal;
}

.booking__input .single__input {
    /*! margin-top: -8px; */
    position: relative;
    margin-bottom: 15px;
}

.single__input a {
    position: absolute;
    left: 20px;
    top: 50%;
    transform: translateY(-50%);
}

.single__input a.dropdown-toggle::after {
    display: none;
}

.booking__input {
}

.booking__takeoff {
    position: relative;
}

.bookin__up-downs {
    position: absolute;
    left: 45px;
    top: 54%;
    transform: translateY(-50%);
    border-radius: 12px;
    border: 1px solid #000;
    background: #FFF;
    height: 45px;
    width: 37px;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 9;
}

.booking__btn {
    margin-top: 40px;
}

.booking__btn button {
    width: 100%;
    border-radius: 16px;
    background: #292D32;
    height: 55px;
    border: 0;
    color: white;
    font-size: 12px;
    font-weight: 600;
    line-height: normal;
    text-transform: capitalize;
}

.booking__menu {
    max-width: 888px;
    margin: auto;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    background: #fff;
    border-top-left-radius: 45px;
    border-top-right-radius: 45px;
    overflow: hidden;
    z-index: 99;
}

.booking__menu ul {
    display: flex;
    flex-wrap: wrap;
}

.booking__menu li {
    width: 33.33%;
}

.booking__menu a {
    height: 70px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    color: #292D32;
    font-size: 14px;
    font-weight: 700;
    line-height: normal;
    gap: 8px;
}

.booking__menu li a.active {
    background: #0015FF;
    color: #fff;
}

.booking__menu li a.active img {
    filter: invert(92%) sepia(93%) saturate(0%) hue-rotate(202deg) brightness(106%) contrast(106%);
}

.booking__input--flex {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.booking__input--flex .booking__input {
    width: 49%;
}

.booking__sagest--wrapper {
    background: #FFFFFF;
    border-radius: 0 0 45px 45px;
    padding: 20px 30px 45px 35px;
}

.sagest__top--title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-bottom: 15px;
}

.sagest__top--title h3 {
    color: black;
    font-size: 14px;
    font-weight: 500;
    line-height: normal;
    margin: 0;
}

.sagest__top--title a {
    width: 45px;
    height: 45px;
    border-radius: 18px;
    background: black;
    display: flex;
    align-items: center;
    justify-content: center;
}

.single__sagest--search {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: 15px;
}

.sagest__search--right {
    padding-right: 23px;
    position: relative;
}

.sagest__search--right:before {
    position: absolute;
    content: "";
    width: 10px;
    height: 10px;
    background: #000;
    border-radius: 50%;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
}

.sagest__input {
    width: 93.2%;
    position: relative;
}

.sagest__input input {
    border-radius: 18px;
    border: 1px solid black;
    width: 100%;
    height: 50px;
    padding-right: 60px;
    padding-left: 30px;
    color: #979797;
    font-size: 10px;
    font-weight: 500;
    line-height: normal;
}

.sagest__input a {
    position: absolute;
    right: 16px;
    top: 50%;
    transform: translateY(-50%);
    padding-left: 14px;
    border-left: 1px solid #E5E5E5;
}

.single__sagest--search:last-child {
    margin: 0;
}

.sagest__search {
    margin-bottom: 15px;
}

.sagest__user {
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom: 1px solid #F7F7F7;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
}

.sagest__right {
    display: flex;
    align-items: center;
    gap: 15px;
}

.sagest__text h3 {
    color: #0015FF;
    font-size: 10px;
    font-weight: 700;
    line-height: normal;
    margin-bottom: 5px;
}

.sagest__text p {
    color: #8A8A8A;
    font-size: 10px;
    font-weight: 500;
    line-height: normal;
    margin: 0;
}

.sagest__left a {
    padding: 6px 10px;
    text-decoration: none;
    border-radius: 6px;
    background: #292D32;
    color: #FFF;
    font-size: 10px;
    font-weight: 500;
    line-height: normal;
}

.booking__sagest--wrapper {
    margin-bottom: 50px;
}

.sagest__search--right:after {
    position: absolute;
    content: "";
    width: 1px;
    height: 51px;
    right: 4px;
    top: 18px;
    border: 1px dashed #D9D9D9;
}

.single__sagest--search:last-child .sagest__search--right::after {
    border: 0;
}


::placeholder {
    opacity: 1;
    /* Firefox */
}

.booking__wrapper input:focus {
    color: #0015FF;
    font-weight: 700;
}


/* The container */
.containerss {
    display: block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 22px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/* Hide the browser's default checkbox */
.containerss input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}

/* Create a custom checkbox */
.checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 25px;
    width: 25px;
    background-color: #eee;
}

/* On mouse-over, add a grey background color */
.containerss:hover input ~ .checkmark {
    background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.containerss input:checked ~ .checkmark {
    background-color: #0015FF;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the checkmark when checked */
.containerss input:checked ~ .checkmark:after {
    display: block;
}

/* Style the checkmark/indicator */
.containerss .checkmark:after {
    left: 8px;
    top: 4px;
    width: 5px;
    height: 10px;
    border: solid white;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.travel__pop {
    /*! position: fixed; */
    /*! left: 0; */
    /*! right: 0; */
    /*! margin: auto; */
    /*! bottom: 0; */
    width: 888px;
    background: #fff;
    z-index: 99;
    border-radius: 24px 24px 0px 0px;
    padding: 30px 40px;
    padding-bottom: 70px;
    /*! opacity: 0; */
    /*! visibility: hidden; */
    z-index: 99;
    position: relative;
}

.travel__pop--title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-bottom: 25px;
}

.travel__pop--title h3 {
    margin: 0;
    color: #000;
    font-size: 14px;
    font-weight: 700;
    line-height: normal;
}

.close__travel {
    width: 26px;
    height: 26px;
    border-radius: 12px;
    background: black;
    display: flex;
    align-items: center;
    justify-content: center;
}

.single__travel--users-flex {
    padding: 25px 0;
    border-bottom: 1px solid #F7F7F7;
}

.single__travel--users-flex:last-child {
    border: 0;
}

.travel__users {
    margin-bottom: 20px;
}

.travel__user--ri {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 7px;
}

.travel--user-icon span {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 35px;
    height: 35px;
    background: black;
    border-radius: 12px;
}

.travel__user--text h3 {
    color: black;
    font-size: 12px;
    font-weight: 600;
    line-height: normal;
    margin-bottom: 5px;
}

.travel__user--text p {
    color: #8A8A8A;
    font-size: 10px;
    font-weight: 500;
    line-height: normal;
    margin: 0;
}

.single__travel--users-flex {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}

.nice-number button {
    width: 35px;
    height: 35px;
    background: transparent;
    border-radius: 12px;
    border: 1px solid #000;
    font-size: 29px;
    line-height: 0;
    transition: .3s;
}

.nice-number input {
    color: black;
    font-family: Montserrat-Arabic;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    border: 0;
}

.nice-number button:hover {
    background: #0015FF;
    color: #fff;
    border-color: #0015FF;
}

.travel__diveider-note {
    margin-bottom: 35px;
    position: relative;
}

.travel__diveider-note p {
    width: fit-content;
    display: flex;
    align-items: center;
    gap: 10px;
    color: #676767;
    font-size: 10px;
    font-weight: 400;
    line-height: 18px;
    margin: 0;
    padding-left: 20px;
    position: relative;
    background: #ffff;
}

.travel__diveider-note:before {
    background: #F7F7F7;
    position: absolute;
    content: "";
    height: 1px;
    width: 60%;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}

.travel__type--title {
    margin-bottom: 50px;
}

.travel__type--title h3 {
    color: black;
    font-size: 14px;
    font-weight: 500;
    line-height: normal;
    margin: 0;
}

.single__travel--check label {
    margin: 0;
    color: black;
    font-size: 12px;
    font-weight: 600;
    line-height: normal;
    text-transform: capitalize;
    height: 55px;
    padding: 0 15px;
    display: flex;
    align-items: center;
    border-radius: 10px;
    background: #F8F8F8;
}

.single__travel--check label span {
    top: 50%;
    transform: translateY(-50%);
    left: 15px;
    height: 20px;
    width: 20px;
    border-radius: 50%;
}

.single__travel--check {
    margin-bottom: 10px;
}

.single__travel--check label:active:focus {
    border: 1px solid #0015FF;
}

.travel__type--btn a:hover {
    background: #0015FF;
}

.travel__type--btn a {
    width: 100%;
    height: 55px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    border-radius: 16px;
    background: #1E1E1E;
    color: white;
    font-size: 12px;
    font-weight: 600;
    text-transform: capitalize;
    gap: 9px;
    transition: .3s;
}

.overlay {
    opacity: 0;
    background: black;
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0;
    bottom: 0;
    visibility: hidden;
    transition: .3s;
}

/* booking-area-end */


/* ticket-area-start */

.ticket__wrap {
    padding: 30px 0;
}

.ticket__wrap.pb-0 .radio-btn input:checked + label {
    background: #292D32;
}

.ticket__top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    margin-bottom: 10px;
}

.ticket__top--right {
    width: 78.6%;
    border-radius: 0px 18px 0px 0px;
    background: #FFF;
    height: 56px;
    padding: 0 25px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.ticket__top--ri-title {
    display: flex;
    align-items: center;
    gap: 16px;
    margin-bottom: 5px;
}

.ticket__top--ri-title h3 {
    color: #0015FF;
    font-size: 12px;
    font-weight: 700;
    line-height: normal;
    margin: 0;
}

.ticket__top--ri-title {
}

.ticket__top--right p {
    color: #8A8A8A;
    font-size: 10px;
    font-weight: 500;
    line-height: normal;
    margin: 0;
}

.ticket__mid a {
    width: 108px;
    background: #FFF;
    height: 56px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    color: #323232;
    font-size: 12px;
    font-weight: 700;
    line-height: normal;
    gap: 6px;
}

.ticket__priv--btn a {
    border-radius: 18px;
    background: black;
    width: 56px;
    height: 56px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.ticket__select--btn {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 7px;
    margin-bottom: 10px;
}

.ticket__select--btn a {
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 191px;
    background: #ffff;
    text-decoration: none;
    padding: 0 25px;
    color: black;
    font-size: 10px;
    font-weight: 700;
    line-height: normal;
    transition: .3s;
}

.ticket__select--btn a:hover {
    background: #0015FF;
    color: #fff;
}

.ticket__select--btn a:hover svg {
    /*! filter: brightness(9999); */
    filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(299deg) brightness(102%) contrast(102%);
}

.ticket__select--btn a:first-child {
    width: 143px;
}

.ticket__select--btn a:last-child {
    width: 143px;
}

.ticket__box {
    background: #fff;
    padding: 15px 25px;
    margin-bottom: 10px;
}

.ticket__box--user {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    flex-direction: row-reverse;
    margin-left: auto;
    justify-content: right;
    gap: 10px;
    margin-bottom: 13px;
}

.ticket__box--user-text h3 {
    color: #EA001B;
    font-size: 12px;
    font-weight: 500;
    line-height: normal;
    margin-bottom: 5px;
}

.ticket__box--user-text span {
    color: #8A8A8A;
    font-size: 10px;
    font-weight: 500;
    line-height: normal;
    display: block;
}

.ticket__loc {
    border-bottom: 1px solid #F6F6F6;
    padding: 15px 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.ticket__loc p {
    color: black;
    font-size: 10px;
    font-weight: 500;
    line-height: normal;
    margin: 0;
}

.ticket__info {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    padding: 13px 0;
    border-bottom: 1px solid #F3F3F3;
}

.ticket__info--text h4 {
    color: black;
    font-size: 10px;
    font-weight: 700;
    line-height: normal;
    margin-bottom: 4px;
}

.ticket__info--text h3 {
    color: black;
    font-size: 12px;
    font-weight: 700;
    line-height: normal;
    margin-bottom: 4px;
}

.ticket__info--text span {
    color: #8A8A8A;
    font-size: 10px;
    font-weight: 500;
    line-height: normal;
    margin: 0;
    display: block;
}

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

.ticket__info--mid {
    width: 59%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    position: relative;
}

.long-arr {
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
}

.ticket__info--mid-con span {
    width: 12.073px;
    height: 12.073px;
    background: #000;
    border-radius: 50%;
    display: block;
    margin: 9px auto;
}

.ticket__info--mid-text span {
    color: #8A8A8A;
    font-size: 10px;
    font-weight: 500;
    line-height: normal;
    display: block;
    margin-bottom: 3px;
}

.ticket__info--mid-text h3 {
    color: black;
    font-size: 12px;
    font-weight: 700;
    line-height: normal;
    margin-bottom: 3px;
}

.ticket__info--mid-text a {
    border-radius: 6px;
    background: #292D32;
    width: 27px;
    height: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    margin: auto;
    color: #FFF;
    font-size: 8px;
    font-weight: 500;
    line-height: normal;
}

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

.ticket__info--mid-con {
    text-align: center;
    position: relative;
    z-index: 9;
}

.ticket__info--mid-con p {
    color: #8A8A8A;
    font-size: 10px;
    font-weight: 500;
    line-height: normal;
    margin: 0;
}

.ticket__dit {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    border-bottom: 1px solid #F3F3F3;
    padding: 13px 0;
}

.ticket__dit p {
    color: #8A8A8A;
    font-size: 10px;
    font-weight: 500;
    line-height: normal;
    margin: 0;
}

.ticket__dit a {
    display: flex;
    align-items: center;
    flex-direction: row-reverse;
    gap: 5px;
    color: #8A8A8A;
    font-size: 10px;
    font-weight: 500;
    line-height: normal;
    text-decoration: none;
}

.ticket__peice {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-top: 13px;
    flex-wrap: wrap;
}

.ticket__peice p {
    color: #EA001B;
    font-size: 10px;
    font-weight: 500;
    line-height: normal;
    margin: 0;
}

.ticket__peice a {
    color: #00A713;
    font-size: 14px;
    font-weight: 700;
    line-height: normal;
    text-decoration: none;
}

.travel__type--checkbox-wrap.re-flex label {
    color: #EA001B;
    font-size: 12px;
    font-weight: 500;
    line-height: normal;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px;
}

.travel__type--checkbox-wrap.re-flex .single__travel--check:nth-child(2) label {
    color: #690C36;
}

.travel__type--checkbox-wrap.re-flex .single__travel--check:nth-child(3) label {
    color: #D2A234;
}

.travel__type--checkbox-wrap.re-flex .single__travel--check:nth-child(4) label {
    color: #00B1AD;
}

/* ticket-area-end */


/* info-area-start */

.info__area ul {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-bottom: 10px !important;
}

.info__area li button {
    background: #FFF !important;
    width: 100%;
    color: #8A8A8A;
    font-size: 10px;
    font-weight: 600;
    line-height: normal;
    height: 50px;
}

.info__area li {
    width: 32.33%;
}

.info__area li button.nav-link.active,
.nav-pills .show > .nav-link {
    background: #0015FF !important;
}

.info__box {
    background: #FFFFFF;
    padding: 35px 25px;
}

.info__top--flex {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-bottom: 35px;
}

.info__top--text.text-right {
    text-align: right;
}

.info__top--text h3 {
    color: black;
    font-size: 12px;
    font-weight: 700;
    line-height: normal;
    margin-bottom: 10px;
}

.info__top--text p {
    color: #8A8A8A;
    font-size: 10px;
    font-weight: 500;
    line-height: normal;
    margin: 0;
}

.info__top--text-mid h3 {
    color: #000;
    font-size: 10px;
    font-weight: 500;
    line-height: normal;
    margin: 0;
}

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

.info__road--time span {
    display: flex;
    align-items: center;
    color: #8A8A8A;
    font-size: 8px;
    font-weight: 500;
    line-height: normal;
    margin-bottom: 5px;
}

.info__road--time h3 {
    color: black;
    font-size: 14px;
    font-weight: 700;
    line-height: normal;
    margin-bottom: 5px;
}

.info__road--time p {
    color: #8A8A8A;
    font-size: 10px;
    font-weight: 500;
    line-height: normal;
    margin-bottom: 5px;
}

.info__road--time {
    /*! margin-bottom: 30px; */
}

.info__road--ri-text h3 {
    color: black;
    font-size: 10px;
    font-weight: 700;
    line-height: normal;
    margin-bottom: 5px;
}

.info__road--ri-text p {
    color: #8A8A8A;
    font-size: 8px;
    font-weight: 500;
    line-height: normal;
    margin-bottom: 5px;
}

.info__road--user {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    margin-bottom: 45px;
}

.info__road--user-tag span {
    border-radius: 6px;
    background: #292D32;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 18px;
    color: #FFF;
    font-size: 8px;
    font-weight: 500;
    line-height: normal;
}

.info__road--user-text h3 {
    color: black;
    font-size: 10px;
    font-weight: 700;
    line-height: normal;
    margin-bottom: 5px;
}

.info__road--user-text p {
    color: #8A8A8A;
    font-size: 10px;
    font-weight: 500;
    line-height: normal;
    margin: 0;
}

.info__road--plan img {
    margin-bottom: 5px;
}

.info__road--plan h3 {
    color: black;
    font-size: 10px;
    font-weight: 500;
    line-height: normal;
    margin-bottom: 5px;
}

.info__road--plan p {
    color: #8A8A8A;
    font-size: 10px;
    font-weight: 500;
    line-height: normal;
    margin-bottom: 12px;
}

.info__road--plan a {
    display: flex;
    align-items: center;
    flex-direction: row-reverse;
    justify-content: right;
    text-decoration: none;
    gap: 10px;
    color: #8A8A8A;
    font-size: 10px;
    font-weight: 500;
    line-height: normal;
    margin-bottom: 5px;
}

.info__road--plan {
    margin-bottom: 35px;
}

.info__road--ril-text h3 {
    color: black;
    font-size: 10px;
    font-weight: 400;
    line-height: normal;
    margin-bottom: 5px;
}

.info__road--ril-text span {
    color: black;
    font-size: 10px;
    font-weight: 700;
    line-height: normal;
    display: block;
}

.info__road--ril-text p {
    color: #8A8A8A;
    font-size: 8px;
    font-weight: 500;
    line-height: normal;
    margin: 0;
}

.info__road--time h4 {
    color: black;
    font-size: 10px;
    font-weight: 700;
    line-height: normal;
    margin-bottom: 5px;
}

.info__road--ril-text {
    margin-top: 15px;
    margin-bottom: 57px;
}

.info__road--bar p {
    max-width: 500px;
    background: #F3F3F3;
    padding: 10px 15px;
    color: #8A8A8A;
    font-size: 10px;
    font-weight: 400;
    line-height: normal;
    margin: 0;
}

.info__road--bar {
    margin-top: 54px;
    max-width: 500px;
    margin-bottom: 39px;
}

.info__road--ri-text {
    margin-top: 30px;
}

.info__single--road {
    display: flex;
    flex-wrap: wrap;
    gap: 60px;
    position: relative;
}

.info__road--left {
    width: 75%;
}

.round-road-black {
    position: absolute;
    height: 10px;
    width: 10px;
    background: black;
    border-radius: 50%;
    right: 84px;
}

.info__road--right {
    width: 8%;
}

.info__road {
    position: relative;
}

.info__single--road:before {
    position: absolute;
    /*! content: ""; */
    background: black;
    height: 77%;
    width: 1px;
    right: 88px;
    top: 43px;
}

.road--line {
    position: absolute;
    background: #B6B6B6;
    width: 1px;
    height: 76%;
    right: 88px;
    top: 43px;
}

.road--mid-round {
    padding: 33px 0;
    background: #fff;
    position: absolute;
    right: 84px;
    top: 50%;
    transform: translateY(-50%);
}

.road--mid-round span {
    /*! position: absolute; */
    height: 8px;
    width: 8px;
    border: 1px solid black;
    background: #D9D9D9;
    border-radius: 50%;
    /*! right: 84px; */
    /*! top: 50%; */
    /*! transform: translateY(-50%); */
    display: block;
}

.info__last--box {
    max-width: 888px;
    margin: auto;
    background: #fff;
    height: 137px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 25px;
}

.info__last--box.fix-bottom {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
}

.info__last--box-text span {
    color: #8A8A8A;
    font-size: 12px;
    font-weight: 500;
    line-height: normal;
    display: block;
    margin-bottom: 5px;
}

.info__last--box-text h3 {
    color: black;
    font-size: 18px;
    font-weight: 700;
    line-height: normal;
    margin: 0;
}

.info__last--box-btn a {
    width: 189px;
    height: 50px;
    border-radius: 18px;
    background: #0015FF;
    color: white;
    font-size: 10px;
    font-weight: 700;
    line-height: normal;
    text-decoration: none;
    display: flex;
    align-items: center;
    justify-content: center;
}

.info__collaps {
    min-height: 680px;
    background: #fff;
    padding: 30px 25px;
}

.info__collaps--title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    border-bottom: 1px solid #F3F3F3;
    padding-bottom: 25px;
}

.info__collaps--title h3 {
    color: #000;
    font-size: 14px;
    font-weight: 500;
    line-height: normal;
    margin: 0;
}

.info__collaps--title a {
    color: #000;
    font-size: 14px;
    font-weight: 500;
    line-height: normal;
    text-decoration: none;
}

.info__collaps--text {
    padding-top: 40px;
}

.info__collaps--text p {
    color: #8A8A8A;
    text-align: justify;
    font-size: 10px;
    font-weight: 500;
    line-height: 30px;
    margin: 0;
}

/* info-area-end */

/* contact-form-area-start */

.ticket__ror--to {
    border-radius: 18px 18px 0px 0px;
    background: #FFF;
    width: 92.5%;
    height: 56px;
    display: flex;
    align-items: center;
    padding: 0 25px;
}

.ticket__ror--to h3 {
    color: #0015FF;
    font-size: 12px;
    font-weight: 700;
    line-height: normal;
    margin: 0;
}

.contact-area {
    background: #fff;
    padding: 25px;
}

.contact__upload {
    text-align: center;
    padding: 16px;
    background: #F8F8F8;
}

.contact__upload h3 {
    color: black;
    font-size: 10px;
    font-weight: 700;
    line-height: normal;
    margin-bottom: 16px;
}

.contact__upload p {
    color: #8A8A8A;
    font-size: 10px;
    font-weight: 500;
    line-height: normal;
    margin-bottom: 16px;
}

.contact__upload a input {
    width: 100%;
    height: 100%;
    position: absolute;
    cursor: pointer;
    opacity: 0;
}

.contact__upload a {
    border-radius: 18px;
    background: black;
    height: 50px;
    width: 190px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: row-reverse;
    margin: auto;
    gap: 10px;
    color: white;
    font-size: 10px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-decoration: none;
    transition: .3s;
    position: relative;
}

.contact__notice {
    padding-top: 15px;
    padding-bottom: 25px;
}

.contact__notice p {
    margin: 0;
    color: #676767;
    font-size: 10px;
    font-weight: 400;
    line-height: normal;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px;
}

.contact__title {
    margin-bottom: 20px;
    padding-right: 10px;
    border-right: 2px solid #000;
}

.contact__title h3 {
    color: black;
    font-size: 12px;
    font-weight: 700;
    line-height: normal;
    margin: 0;
}

.contact__input label {
    display: block;
    color: black;
    font-size: 10px;
    font-weight: 500;
    line-height: normal;
    width: fit-content;
    margin-right: 15px;
    padding: 0 10px;
    margin-bottom: -5px;
    position: relative;
    background: #fff;
}

.contact__input {
    margin-bottom: 23px;
}

.contact__input input {
    width: 100%;
    height: 55px;
    border-radius: 12px;
    border: 1.2px solid rgba(0, 0, 0, 0.10);
    background: white;
    padding: 0 25px;
    color: #8A8A8A;
    font-size: 10px;
    font-weight: 500;
    line-height: normal;
}

.contact__input-flex {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.contact__input-flex .contact__input {
    width: 48.3%;
}

.contact__btn {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: 15px;
}

.contact__btn a {
    width: 49%;
    height: 55px;
    border-radius: 12px;
    background: #F3F3F3;
    text-decoration: none;
    display: flex;
    align-items: center;
    justify-content: center;
    color: black;
    font-size: 14px;
    font-weight: 500;
    line-height: normal;
    gap: 10px;
    flex-direction: row-reverse;
}

/*.contact__btn a:first-child {*/
/*    background: #0015FF;*/
/*    color: #fff;*/
/*}*/

.contact__btn-wd button {
    width: 100%;
    height: 55px;
    border-radius: 16px;
    background: #292D32;
    border: 0;
    color: white;
    font-size: 12px;
    font-weight: 600;
    text-transform: capitalize;
}

.contact__input label span {
    color: #F00;
}

.contact__pop--title .contact__notice {
    padding-bottom: 0;
}

.travel__pop.contact__pop .travel__pop--title {
    margin-bottom: 35px;
}


/* The container */
.contact__pop-what-check .containeraa {
    display: block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 22px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/* Hide the browser's default checkbox */
.contact__pop-what-check .container input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}

/* Create a custom checkbox */
.contact__pop-what-check .checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 25px;
    width: 25px;
    background-color: #eee;
}

/* On mouse-over, add a grey background color */
.contact__pop-what-check .containeraa:hover input ~ .checkmark {
    background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.contact__pop-what-check .containeraa input:checked ~ .checkmark {
    background-color: #1FCD8F;
}

/* Create the checkmark/indicator (hidden when not checked) */
.contact__pop-what-check .checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the checkmark when checked */
.contact__pop-what-check .containeraa input:checked ~ .checkmark:after {
    display: block;
}

/* Style the checkmark/indicator */
.contact__pop-what-check .containeraa .checkmark:after {
    left: 6px;
    top: 3px;
    width: 5px;
    height: 9px;
    border: solid white;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}


.contact__pop--varify {
    max-width: 523px;
    margin: auto;
}

.contact__pop--varify ul {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 33px;
    margin-bottom: 35px !important;
}

.contact__pop--varify li {
    width: 29%;
}

.contact__pop--varify li button {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    border-radius: 16px !important;
    border: 1px solid rgba(0, 0, 0, 0.08) !important;
    color: #8A8A8A;
    font-size: 10px;
    font-weight: 500;
    line-height: normal;
}

.contact__pop--varify .nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
    background: #0015FF;
}

.contact__pop--varify .nav-pills .nav-link.active svg {
    filter: invert(100%) sepia(3%) saturate(1939%) hue-rotate(198deg) brightness(118%) contrast(100%);
}

.contact__pop-what-check input {
    display: none;
}

.contact__pop-what-check label {
    color: #8A8A8A;
    font-size: 11px !important;
    font-style: normal;
    font-weight: 500;
    line-height: 20px;
    margin: 0 !important;
    padding-right: 27px !important;
    padding-left: 0 !important;
    position: relative !important;
}

.contact__pop-what-check label span {
    right: 0;
    top: 50% !important;
    transform: translateY(-50%);
    border-radius: 4px !important;
    height: 16px !important;
    width: 16px !important;
}

.contact__pop-what-check {
    margin-bottom: 40px;
}

.contact__pop-what-num .contact__input {
    margin: 0;
    width: 82%;
}

.contact__pop-what-num {
    display: flex;
    align-items: end;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-bottom: 22px;
    gap: 10px;
}

.contact__po-what-num-btn a {
    border-radius: 18px;
    background: black;
    width: 82px;
    height: 55px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-size: 14px;
    font-weight: 700;
    line-height: normal;
    text-decoration: none;
}

.contact__pop--btns button {
    height: 55px;
    width: 100%;
    border-radius: 16px;
    background: #292D32;
    border: 0;
    color: white;
    font-size: 12px;
    font-weight: 700;
    text-transform: capitalize;
}


.contact__info {
    background: #FFF;
    padding: 25px;
    margin-bottom: 10px;
}

.contact__info--title {
    margin-bottom: 25px;
}

.contact__info--title h3 {
    color: black;
    font-size: 12px;
    font-weight: 700;
    line-height: normal;
    margin: 0;
}

.contact__single--table {
    display: flex;
    align-items: first baseline;
    flex-wrap: wrap;
    justify-content: space-between;
    border-bottom: 1px solid #F6F6F6;
    padding-bottom: 15px;
    margin-bottom: 15px;
}

.contact__single--table:last-child {
    margin: 0;
    padding: 0;
    border: 0;
}

.contact__single--table span {
    color: #8A8A8A;
    font-size: 12px;
    font-weight: 500;
    line-height: normal;
    display: block;
}

.contact__single--table p {
    color: black;
    font-size: 12px;
    font-weight: 500;
    line-height: normal;
    margin: 0;
}

.contact__single--table:last-child span {
    font-weight: 700;
}

.contact__single--table:last-child p {
    font-weight: 700;
}

.contact__info--time {
    margin-bottom: 10px;
    background: #FFF;
    padding: 25px;
}

.contact__info--title h3 {
    color: black;
    font-size: 12px;
    font-weight: 700;
    margin: 0;
}

.contact__info--time-flex {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.contact__info--time-text h3 {
    color: #0015FF;
    font-size: 12px;
    font-weight: 500;
    line-height: normal;
    margin-bottom: 12px;
}

.contact__info--time-text p {
    color: #8A8A8A;
    font-size: 12px;
    font-weight: 500;
    margin: 0;
}

.contact__info--time-mark a {
    color: black;
    font-size: 12px;
    font-weight: 500;
    line-height: normal;
    text-decoration: none;
}

.contact__info--time-blk {
    background: #FFF;
    padding: 10px;
    display: flex;
    align-items: center;
    margin-top: 10px;
    justify-content: space-between;
    flex-wrap: wrap;
}

.contact__info--time-blk h3 {
    color: black;
    font-size: 12px;
    font-weight: 600;
    text-transform: capitalize;
    margin: 0;
}

.contact__info--time-blk a {
    width: 32px;
    height: 32px;
    background: #000;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.contact__info--time-blk-last {
    border-radius: 0px 0px 18px 18px;
    background: #FFF;
    padding: 10px;
    margin-top: 10px;
    margin-bottom: 10px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
}

.contact__info--time-blk__text h3 {
    color: black;
    font-size: 12px;
    font-weight: 600;
    text-transform: capitalize;
    margin-bottom: 5px;
}

.contact__info--time-blk__text p {
    color: #8A8A8A;
    font-size: 8px;
    font-weight: 500;
    text-transform: capitalize;
    margin: 0;
    max-width: 270px;
}

.contact__info--time-blk-last a {
    width: 32px;
    height: 32px;
    background: #000;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.travel__pop.contact__pop.ww .contact__input {
    margin-bottom: 72px;
}

.travel__pop.contact__pop.ww button {
    background: #0015FF;
}


.single__bank--card {
    background: #FFF;
    padding: 20px;
    margin-bottom: 10px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
    transition: .3s;
    border: 2px solid transparent;
}

.bank__card--text h3 {
    color: black;
    font-size: 12px;
    font-weight: 600;
    line-height: normal;
    text-transform: capitalize;
    margin-bottom: 12px;
    transition: .3s;
}

.bank__card--text p {
    color: #8A8A8A;
    font-size: 10px;
    font-weight: 400;
    line-height: normal;
    margin: 0;
}

.bank__card--text h3 {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-direction: row-reverse;
    justify-content: right;
}

.bank__card--text h3 span {
    width: 16px;
    height: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #d9d9d9;
    border-radius: 50%;
    border: 1px solid transparent;
}

.single__bank--card:last-child {
    border-radius: 0px 0px 18px 18px;
}


.single__bank--card.active {
    border: 2px solid #0015FF;
}

.single__bank--card.active h3 {
    color: #0015FF;
}

.single__bank--card h3 span {
    position: relative;
}

.single__bank--card h3 span:before {
    position: absolute;
    content: "";
    background: #0015FF;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    transition: .3s;
    opacity: 0;
    visibility: hidden;
}

.single__bank--card.active h3 span::before {
    opacity: 1;
    visibility: visible;
}

.single__bank--card.active h3 span {
    border-color: #0015FF;
    background: transparent;
}


.visa__wrapp {
    background: #fff;
    padding: 30px 25px;
    padding-bottom: 50px;
}

.visa__title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-bottom: 50px;
}

.visa__title h3 {
    font-size: 12px;
    font-weight: 700;
    line-height: 14.63px;
    margin: 0;
    position: relative;
    padding-right: 12px;
}

.visa__from {
    max-width: 335px;
    margin: auto;
}

.visa__from .contact__input {
    margin-bottom: 23px;
}

.visa__input--flex {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.visa__input--flex .contact__input {
    width: 49%;
}

form {
}

.visa__from .contact__pop-what-check {
    margin-bottom: 20px;
}

.visa__form--btn button {
    background: #292D32;
    width: 100%;
    height: 55px;
    border-radius: 16px;
    border: 0;
    color: #FFFFFF;
    font-size: 12px;
    font-weight: 600;
}

.visa__form--btn {
    margin-bottom: 40px;
}

.visa__form-devider {
    position: relative;
    text-align: center;
    margin-bottom: 40px;
}

.visa__form-devider span {
    font-size: 10px;
    font-weight: 500;
    line-height: 12.19px;
    background: #fff;
    padding: 0 13px;
    display: block;
    position: relative;
    width: fit-content;
    margin: auto;
}

.visa__form-devider:before {
    position: absolute;
    content: "";
    background: #EBEBEB;
    height: 1px;
    width: 100%;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}

.visa__select {
    background: #F3F3F3;
    height: 65px;
    border-radius: 16px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    padding: 0 20px;
    cursor: pointer;
}

.visa__select--text h3 {
    color: #000000;
    font-size: 12px;
    font-weight: 600;
    line-height: 14.63px;
    margin-bottom: 12px;
    display: flex;
    align-items: center;
    flex-direction: row-reverse;
    justify-content: right;
    gap: 10px;
}

.visa__select--text p {
    font-size: 10px;
    font-weight: 400;
    line-height: 12.19px;
    margin: 0;
}

.visa__select--text h3 span {
    width: 16px;
    background: #D9D9D9;
    height: 16px;
    display: block;
    border-radius: 50%;
}

.visa__price {
    padding: 45px 0;
    max-width: 894px;
    margin: auto;
    background: #fff;
    text-align: center;
    margin-top: 10px;
}

.visa__price h3 {
    color: #8A8A8A;
    font-size: 12px;
    font-weight: 500;
    line-height: 14.63px;
    margin-bottom: 5px;
}

.visa__price p {
    font-size: 18px;
    font-weight: 700;
    margin: 0;
    color: #000;
}

.comp__box {
    min-height: 630px;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}

.comp__box-text img {
    margin-bottom: 22px;
}

.comp__box-text h3 {
    font-size: 16px;
    font-weight: 600;
    line-height: 19.5px;
    margin-bottom: 20px;
}

.comp__box-text p {
    font-size: 12px;
    font-weight: 400;
    line-height: 14.63px;
    color: #5C5C5C;
    margin-bottom: 20px;
}

.comp__box-text a {
    width: 120px;
    height: 45px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #0015FF;
    margin: auto;
    border-radius: 60px;
    text-decoration: none;
    color: #fff;
    font-size: 12px;
    font-weight: 600;
}

.flight__top {
    margin: 10px 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.flight__top a {
    width: 48.5%;
    height: 40px;
    background: #FFFFFF;
    border-radius: 8px;
    font-size: 12px;
    font-weight: 500;
    line-height: 14.63px;
    text-align: center;
    text-decoration: none;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #000;
}

.flight__top {
}

.flight__top a.active {
    background: #00A713;
    color: #fff;
}

.flight__wrap {
    border-bottom-left-radius: 45px;
    border-bottom-right-radius: 45px;
    background: #fff;
    margin-bottom: 50px;
}

.flight__teb a {
    padding: 23px 0;
    width: 33.33%;
    border-bottom: 2px solid #F4F4F4;
    text-decoration: none;
    font-size: 14px;
    font-weight: 600;
    line-height: 17.07px;
    color: #000000;
    text-align: center;
    background: #fff;
}

.flight__teb button {
    padding: 23px 0;
    width: 33.33%;
    border-bottom: 2px solid #F4F4F4;
    text-decoration: none;
    font-size: 14px;
    font-weight: 600;
    line-height: 17.07px;
    color: #000000;
    text-align: center;
    background: #fff;
}

.flight__teb {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    background: #fff;
}

.flight__content {
    padding-top: 100px;
    padding-bottom: 170px;
    text-align: center;
}

.flight__content h3 {
    font-size: 12px;
    font-weight: 700;
    line-height: 14.63px;
    margin-bottom: 10px;
}

.flight__content p {
    font-size: 10px;
    font-weight: 400;
    line-height: 12.19px;
    margin-bottom: 25px;
}

.flight__content a {
    width: 190px;
    margin: auto;
    background: black;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 50px;
    border-radius: 10px;
    font-size: 10px;
    font-weight: 700;
    line-height: 12.19px;
    color: #fff;
    text-decoration: none;
}

.flight__teb a.active {
    color: #0015FF;
    border-bottom: 2px solid #0015FF;
}

.booking.ssa .booking__tabs {
    padding: 0;
    background: transparent;
    margin-top: 10px;
}

.booking.ssa .booking__tabs ul button {
    background: #FFF !important;
}

.booking.ssa .booking__tabs ul button.active {
    background: #00A713 !important;
}

.ticket__ror--to.wd {
    width: 100%;
}

.acc-box {
    background: #fff;
    padding: 10px 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-bottom: 10px;
}

.acc__user {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px;
}

.acc__user-icon span {
    height: 50px;
    width: 50px;
    display: flex;
    align-items: center;
    background: #0015FF;
    justify-content: center;
    border-radius: 50%;
}

.acc__user--text h3 {
    font-size: 12px;
    font-weight: 600;
    line-height: 14.63px;
    margin-bottom: 0;
}

.acc__user--text span {
    font-size: 10px;
    font-weight: 600;
    line-height: 12.19px;
    color: #8A8A8A;
    display: block;
    margin-top: 6px;
}

.acc__arrow--btn a {
    width: 32px;
    height: 32px;
    border-radius: 12px;
    background: #000;
    text-decoration: none;
    display: flex;
    align-items: center;
    justify-content: center;
}

.acc__list {
    background: #fff;
    padding: 25px;
}

.acc__list a {
    margin-bottom: 18px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    text-decoration: none;
}

.acc__list--text span {
    height: 38px;
    width: 38px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #0015FF;
}

.acc__list--text {
    display: flex;
    align-items: center;
    gap: 18px;
}

.acc__list--text h3 {
    font-size: 14px;
    color: #000;
    font-weight: 699;
    margin: 0;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 5px;
}

.acc__list--text h3 p {
    margin: 0;
    color: #8A8A8A;
}

.acc__socail {
    margin-top: 10px;
    background: #fff;
    padding: 10px 0;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 15px;
    margin-bottom: 100px;
}

.acc__socail a {
    width: 37.08px;
    height: 37.63px;
    background: #000;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.contact__btn.mb-30 {
    margin-bottom: 30px;
}

.contact__btn.mb-30 a:first-child {
    background: #000000;
}

.con__tet {
    padding: 100px 0;
}

.con__tet p {
    margin: 0;
    font-size: 12px;
    font-weight: 600;
    line-height: 18px;
    letter-spacing: -0.02em;
    text-align: center;
    margin: 0;
    color: #000;
}

.thanks-wrap {
    padding: 25px;
    background: #fff;
    margin-bottom: 100px;
}

.thanks__title h3 {
    font-size: 12px;
    font-weight: 700;
    line-height: 14.63px;
    margin: 0;
    padding-right: 10px;
    border-right: 2px solid #000;
}

.thanks__text--flex {
    text-align: center;
    padding: 100px 0;
    padding-bottom: 190px;
}

.thanks__text h3 {
    font-size: 14px;
    font-weight: 700;
    line-height: 17.07px;
    margin: 19px 0;
}

.thanks__text p {
    font-size: 12px;
    font-weight: 500;
    line-height: 14.63px;
    margin-bottom: 19px !important;
    max-width: 290px;
    margin: auto;
}

.thanks__text a {
    background: #0015FF;
    height: 50px;
    width: 190px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    color: #fff;
    font-size: 12px;
    gap: 10px;
    border-radius: 18px;
    margin: auto;
    flex-direction: row-reverse;
    font-weight: 600;
}

.tra__single--list {
    background: #fff;
    padding: 25px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-bottom: 10px;
}

.tra__content {
    width: 40%;
}

.tra__top--text span {
    padding: 5px 10px;
    display: inline-block;
    margin-bottom: 7px;
    border-radius: 10px;
    background: black;
    color: white;
    font-size: 8px;
    font-weight: 500;
    line-height: normal;
}

.tra__top--text h3 {
    color: #0015FF;
    font-size: 12px;
    font-weight: 700;
    line-height: normal;
    margin-bottom: 7px;
}

.tra__top--text p {
    color: #979797;
    font-size: 10px;
    font-weight: 500;
    line-height: normal;
    margin: 0;
}

.tra__top--text {
    padding-bottom: 15px;
}

.tra__text {
    border-top: 1px solid #F5F5F5;
    border-bottom: 1px solid #F5F5F5;
    padding: 15px 0;
}

.tra__text p {
    color: #979797;
    font-size: 10px;
    font-weight: 500;
    line-height: normal;
    margin-bottom: 7px;
}

.tra__text p:last-child {
    margin: 0;
}

.tra__icon a {
    width: 50px;
    height: 50px;
    border-radius: 18px;
    border: 1px solid rgba(0, 0, 0, 0.10);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 6px;
}

.tra__wrap {
    margin-bottom: 80px;
}

.single__noti {
    padding-bottom: 17px;
    margin-bottom: 40px;
    position: relative;
}

.noti__wrap {
    background: #fff;
    padding: 25px;
    margin-bottom: 80px;
}

.noti__flex {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px;
    margin-bottom: 17px;
}

.noti__icon span {
    width: 42px;
    height: 42px;
    border-radius: 21px;
    background: black;
    display: flex;
    align-items: center;
    justify-content: center;
}

.noty__text h3 {
    color: black;
    font-size: 10px;
    font-weight: 700;
    line-height: normal;
    margin-bottom: 8px;
}

.noty__text span {
    color: #0015FF;
    font-size: 10px;
    font-weight: 700;
    line-height: normal;
    display: block;
}

.noti__note p {
    color: #676767;
    font-size: 10px;
    font-weight: 400;
    line-height: normal;
    margin: 0;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px;
}

.single__noti:before {

    position: absolute;
    content: "";
    background: #F9F9F9;
    width: 250px;
    height: 2px;
    bottom: 0;
    right: 0;
}

.noty__boxs {
    height: 650px;
    background: #fff;
    padding: 25px;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-bottom: 80px;
}

.noty__boxs span {
    width: 38.54px;
    height: 39px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 36px;
    background: #0015FF;
    margin: 0 auto;
    margin-bottom: 15px;
}

.noty__boxs h3 {
    color: #0015FF;
    font-size: 12px;
    font-weight: 600;
    line-height: 18px;
    margin-bottom: 7px;
}

.noty__boxs p {
    color: #4C4C4C;
    font-size: 10px;
    font-weight: 500;
    line-height: 18px;
    margin-bottom: 15px;
}

.noty__boxs a {
    width: 145.265px;
    height: 41px;
    margin: 0 auto;
    border-radius: 32px;
    background: #020202;
    color: white;
    font-size: 10px;
    font-weight: 700;
    line-height: normal;
    text-decoration: none;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
}

.booking__input label span {
    color: red;
}

.book__in--flex {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.book__in--flex .booking__input {
    width: 49%;
}

.single__sagest--search.wd .sagest__input {
    width: 100%;
}

.seeg__title h3 {
    color: black;
    font-size: 12px;
    font-weight: 500;
    line-height: normal;
    margin: 0;
}

.seeg__title {
    margin-bottom: 20px;
    margin-top: 20px;
}

.ticket__select--btn.wd-3 a {
    width: 32.33%;
}

.single__ret {
    margin-bottom: 10px;
    background: #fff;
    padding: 25px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.ret__right {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 38px;
}

.ret__img {
    position: relative;
}

.ret__img a {
    position: absolute;
    right: 20px;
    top: 20px;
}

.ret__text h3 {
    color: black;
    font-size: 12px;
    font-weight: 700;
    line-height: normal;
    margin-bottom: 10px;
}

.ret__text p {
    color: #8A8A8A;
    font-size: 10px;
    font-weight: 500;
    line-height: normal;
    margin: 0;
}

.ret__left a {
    display: flex;
    align-items: center;
    text-decoration: none;
    flex-direction: row-reverse;
    gap: 1px;
    color: rgba(255, 162, 0, 0.80);
    font-size: 10px;
    font-weight: 500;
    line-height: normal;
    margin-bottom: 9px;
}

.ret__left a span {
    color: #8A8A8A;
    font-size: 10px;
    font-weight: 500;
    line-height: normal;
}

.ret__left p {
    color: #0015FF;
    font-size: 10px;
    font-weight: 500;
    line-height: normal;
    margin: 0;
}

.ty__rte a {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 10px;
    border-radius: 8px;
    background: #F8F8F8;
    padding: 0 15px;
    height: 55px;
    color: black;
    font-weight: 600;
    line-height: normal;
    text-transform: capitalize;
    font-size: 12px;
    text-decoration: none;
}


/* contact-form-area-end */


/* blog-area-start */

.blog__hero--img img {
    width: 100%;
}

.blog__hero--slider {
    margin-bottom: 20px;
}

.blog__area {
    background: #fff;
    padding: 12px;
}

.blog__hero--content-flex {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-bottom: 15px;
}

.blog__hero--right span {
    border-radius: 50px;
    background: black;
    padding: 10px;
    display: inline-block;
    margin-bottom: 10px;
    color: white;
    font-size: 6px;
    font-weight: 700;
    line-height: normal;
}

.blog__hero--right h3 {
    color: black;
    font-size: 12px;
    font-weight: 700;
    line-height: normal;
    margin-bottom: 10px;
}

.blog__hero--right a {
    color: rgba(255, 162, 0, 0.80);
    font-size: 10px;
    font-weight: 500;
    line-height: normal;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    flex-direction: row-reverse;
    justify-content: right;
    text-decoration: none;
}

.blog__hero--right a p {
    color: #8A8A8A;
    margin-bottom: 0;
}

.blog__hero--left a {
    color: #00A713;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    text-decoration: none;
    display: block;
    margin-bottom: 15px;
}

.blog__hero--left a:last-child {
    margin: 0;
    color: #0015FF;
}

/* blog-area-end */


.travel__pop.opa {
    opacity: 0;
    visibility: hidden;
    display: none;
}


/* desktop 52 css start here */

.booking__tabs.customize-tabs {
    padding: 0 10px;
}

.facilities__text ul li {
    width: auto;
    color: #8A8A8A;
    font-size: 10px;
    font-weight: 500;
    line-height: normal;
    display: flex;
    align-items: center;
    gap: 5px;
}

.facilities__text ul {
    justify-content: start;
}

.middle__dot {
    width: 5px !important;
    height: 5px;
    border-radius: 100px;
    background: #D9D9D9;
    margin: 0px 5px;
    margin-top: 4px;
}

.facilities__heading h5 {
    color: #000;
    font-size: 12px;
    font-weight: 700;
    line-height: normal;
    margin-bottom: 22px;
    position: relative;
    padding-right: 12px;
}

.facilities__heading h5::before {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    background: #000;
    width: 2px;
    height: 100%;
    content: '';
    border-radius: 100px;
}

.list__btn {
    color: #000;
    font-size: 10px;
    font-weight: 700;
    line-height: normal;
    text-decoration: none;
    margin: 22px 0;
    display: inline-block;
}

.face__map img {
    width: 100%;
    margin-bottom: 22px;
}

.separate__border {
    height: 1px;
    width: 80%;
    background: #F3F3F3;
    margin: 30px auto 20px auto;
}

.separate__border {
    height: 1px;
    width: 80%;
    background: #F3F3F3;
    margin: 30px auto 20px auto;
}

.policy__text p {
    margin: 0;
    color: var(--Black, #000);
    font-size: 10px;
    font-weight: 700;
    line-height: normal;
    margin-bottom: 2px;
}

.single__policy {
    gap: 12px;
    align-items: center;
}

.policy__text span {
    color: #8A8A8A;
    font-size: 10px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

p {
}

.face__policy-text p {
    color: #8A8A8A;
    font-size: 10px;
    font-weight: 400;
    line-height: normal;
    margin: 22px 0;
}

.facilities__location-text {
    display: flex;
    gap: 15px;
    align-items: center;
}

.facilities__location-text p {
    color: var(--blue, #0015FF);
    font-size: 10px;
    font-style: normal;
    font-weight: 700;
    line-height: 18px;
    margin: 0;
    width: 30%;
}

.about__hotel-text p {
    color: #8A8A8A;
    font-size: 10px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
}

.mega__btn {
    border-radius: 18px;
    background: var(--blue, #0015FF);
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-decoration: none;
    color: var(--White, #FFF);
    font-size: 10px;
    font-weight: 700;
    line-height: normal;
    margin-top: 40px;
    transition: .3s;
    border: 1px solid transparent;
}

.mega__btn:hover {
    background: transparent;
    border-color: var(--blue, #0015FF);
    color: var(--blue, #0015FF);
}

/* desktop 52 css end here */
.tab__facaltis--btn {
    padding: 20px 45px;
    background: #fff;
    margin-top: 10px;
}

.tab__facaltis--btn .mega__btn {
    margin: 0;
}

.blog__forms--btn {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 5px;
}

.blog__forms--btn a {
    border-radius: 18px;
    border: 1px solid #8A8A8A;
    background: white;
    padding: 10px;
    text-decoration: none;
    color: #8A8A8A;
    font-size: 10px;
    font-weight: 500;
    line-height: normal;
    display: flex;
    align-items: center;
    gap: 5px;
    transition: .3s;
}

.blog__forms--btn a:hover {
    background: #000;
    border-color: #000;
    color: #FFF;
}

.blog__forms--btn a:hover svg {
    filter: brightness(9999);
}

.blog__forms {
    margin-bottom: 20px;
}

.blog__boxs {
    background: #fff;
    padding: 20px 25px;
    border: 1px solid #F3F3F3;
    border-left: 0;
    border-right: 0;
}

.blog__boxs--title h3 {
    color: black;
    font-size: 12px;
    font-weight: 700;
    line-height: normal;
    border-right: 2px solid #000;
    padding-right: 10px;
    margin-bottom: 15px;
}

.blog__boxs--title ul {
    display: block;
    list-style: disc;
}

.blog__boxs--title li {
    display: inline-flex;
    width: auto !important;
    padding-right: 16px;
    margin-right: 16px;
    position: relative;
    color: #8A8A8A;
    font-size: 10px;
    font-weight: 400;
    line-height: normal;
    gap: 5px;
}

.blog__boxs--title li:first-child {
    margin: 0;
}

.blog__boxs--title li:before {
    position: absolute;
    content: "";
    height: 5px;
    width: 5px;
    background: #D9D9D9;
    border-radius: 50%;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}

.blog__boxs--title {
    padding-bottom: 20px;
    margin-bottom: 20px;
    border-bottom: 1px solid #F5F5F5;
}

.blog__boxs--flex {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
}

.blog__boxs--text span {
    color: #8A8A8A;
    font-size: 10px;
    font-weight: 500;
    line-height: normal;
    display: block;
    margin-bottom: 5px;
}

.blog__boxs--text h3 {
    color: black;
    font-size: 16px;
    font-weight: 700;
    line-height: normal;
    margin: 0;
}

.blog__boxs--btn a {
    width: 100px;
    height: 45px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    border-radius: 18px;
    background: #0015FF;
    color: #fff;
    font-size: 12px;
}

.travel__pop--title.pos {
    position: absolute;
    top: 24px;
    left: 40px;
    margin: 0;
}

.blog__po--top .blog__boxs--title {
    padding-bottom: 17px;
    margin-bottom: 17px;
}

.blog__pop--user-flex {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    border-bottom: 1px solid #F7F7F7;
    padding-bottom: 17px;
    margin-bottom: 17px;
}

.blog__pop--user-flex a {
    color: #8A8A8A;
    font-size: 10px;
    font-weight: 400;
    line-height: normal;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 5px;
    flex-direction: row-reverse;
    text-decoration: none;
    margin-bottom: 15px;
}

.blog__pop--user-flex a:last-child {
    margin: 0;
}

.blog__pop--last-prr h3 {
    color: #00A713;
}

.last__note p {
    margin: 0;
    color: #676767;
    font-size: 10px;
    font-weight: 400;
    line-height: normal;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px;
}

a {
    text-decoration: none;
    transition: .3s;
}

/* desktop 95 */
.radio-box {
    background: #fff;
    border-radius: 45px;
    width: 622px;
    margin: auto;
    position: relative;
}

.radio-title a img {
    width: 35px;
    margin-bottom: 17px;
}

.radio-title h3 {
    font-size: 16px;
    line-height: 1;
    margin-bottom: 10px;
    font-weight: 600;
}

.radio-title p {
    font-size: 12px;
    color: #999999;
    font-weight: 500;
    line-height: 1;
}

.radio-form {
    width: 335px;
    margin: auto;
}

.radio-form .form-check {
    display: block;
    width: 100%;
    background: #F8F8F8;
    height: 55px;
    line-height: 55px;
    padding: 0 15px;
    border-radius: 10px;
    margin-bottom: 10px;
    position: relative;
    cursor: pointer;
}

.radio-form .form-check label {
    display: block;
    color: #000;
    font-size: 12px;
    font-weight: 600;
}

.radio-form .form-check input {
    width: 20px;
    height: 20px;
    position: absolute;
    left: 15px;
    margin: 0;
    margin-left: 0 !important;
    top: 50%;
    transform: translateY(-50%);
    background: transparent;
    border-color: transparent;
}

.radio-btn a {
    display: block;
    background: #000000;
    height: 55px;
    line-height: 55px;
    border-radius: 16px;
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    width: 100%;
}

.radio-btn a:hover {
    background: blue;
}

.radio-form .form-check-input:checked[type="radio"] {
    background-image: url("../img/check.png");
    background-size: cover;
    border: none;
}

.radio-form .form-check-input:focus {
    border-color: transparent;
    outline: 0;
    box-shadow: none;
}

/* desktop 97 */

.radio-arrow a {
    width: 45px;
    height: 45px;
    border-radius: 18px;
    background: black;
    display: inline-block;
    text-align: center;
    line-height: 45px;
    position: absolute;
    left: 35px;
    top: 35px;
}

/* desktop 2 */
.radio-title.radio-title-02 a img {
    width: 140px;
}

.contact__form.contact__form-02 {
    width: 335px;
    margin: auto;
}

.contact__form.contact__form-02 .contact__input input {
    font-size: 12px;
}

.input-number-box {
    display: flex;
}

.input-number-box .contact__input {
    width: 255px;
}

.input-number-box .input-number {
    width: 72px;
    text-align: center;
    margin-right: 8px;
    position: relative;
    /*top: 8px;*/
}

.input-number-box .input-number a {
    height: 55px;
    line-height: 55px;
    background: black;
    width: 100%;
    border-radius: 18px;
    font-size: 14px;
    font-weight: 700;
    color: #fff;
    display: block;
}


.input-checkbox label {
    font-size: 11px;
    line-height: 20px;
    color: #8A8A8A;
    font-weight: 500;
    margin-right: 25px;
    cursor: pointer;
}

.input-checkbox label span {
    color: #000;
}

.input-checkbox input {
    width: 16px;
    height: 16px;
    border: 1px solid rgba(0, 0, 0, .10);
    float: right !important;
    border-radius: 8px;
    cursor: pointer;
}

.input-checkbox .form-check-input:focus {
    border-color: rgba(0, 0, 0, .10);
}

.input-checkbox .form-check-input:checked {
    background-color: #1FCD8F;
    border-color: #1FCD8F;
}

.form-check-input:focus {
    box-shadow: none;
}


.contact-2-btn button {
    border: 0;
    background: blue;
    color: #fff;
    font-size: 12px;
    font-weight: 700;
    width: 100%;
    height: 55px;
    line-height: 55px;
    border-radius: 10px;
    margin-bottom: 20px;
}

.contact-link a {
    display: inline-block;
    color: #686868;
    font-size: 12px;
    line-height: 1;
}

.contact-link a:last-child {
    color: blue;
    font-weight: 700;
}

/* desktop 3, 5 */
.contact-link.contact-link-02 a:last-child {
    color: black;
}

.radio-title.radio-title-03 h2 {
    font-size: 16px;
    font-weight: 700;
    color: black;
    margin-bottom: 10px;
}

.radio-title.radio-title-03 p {
    color: #8A8A8A;
}

.radio-title.radio-title-03 a {
    display: inline-block;
    color: blue;
    font-size: 14px;
    font-weight: 500;
}

.verification-codee form {
    display: flex;
    gap: 0 10px;
}

.verification-codee form input::placeholder,
.verification-codee form input::-moz-placeholder {
    color: #8A8A8A;
}

.verification-codee form input {
    border: 1px solid #8A8A8A;
    color: blue;
    font-size: 24px;
    font-weight: 500;
    text-align: center;
    height: 55px;
    background: none;
    width: 48px;
    height: 55px;
    border-radius: 14px;
    font-size: 16px;
}

.verification-codee form input:focus {
    border-color: blue;
}

.verification-codee form input:focus {
    box-shadow: none;
}

.radio-title.radio-title-03 a img {
    margin-bottom: 20px;
    width: 55px;
}

.overlay-check {
    width: 135px;
    text-align: center;
    background: #fff;
    border-radius: 16px;
    padding: 15px 0;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    top: 75px;
}

.overlay-check a img {
    width: 25px;
    margin-bottom: 7px;
}

.overlay-check span {
    display: inline-block;
    font-size: 14px;
    color: #000;
    font-weight: 500;
    line-height: 1;
}

.overlay-open {
    position: fixed;
    background: rgba(0, 0, 0, .65);
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

.radio-title.radio-title-02.radio-title-04 a img {
    margin-bottom: 35px;
}

.refresh-img a img {
    width: 45px;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    top: 50%;
    transform: translateY(-50%);
}

.booking-desktop-65 {
    background: #fff;
    padding: 15px 0;
}

.booking-65-tittle a img {
    width: 28px;
    margin-bottom: 10px;
}

.booking-65-tittle h3 {
    font-size: 12px;
    color: blue;
    font-weight: 700;
    line-height: 1;
}

.booking-desktop-65 .booking__form {
    width: 335px;
    margin: auto;
}

.booking__calll a {
    display: inline-block;
    color: #8A8A8A;
    font-size: 10px;
    font-weight: 500;
    margin-bottom: 15px;
}

.booking__calll a img {
    margin-left: 10px;
}

.booking__calll {
    border-bottom: 1px solid rgba(0, 0, 0, .10);
}


.booking-desktop-65-price {
    display: flex;
    align-items: center;
}

.desktop-65-price-text {
    width: 50%;
    margin-right: 25px;
}

.desktop-65-price-btn {
    width: 50%;
    text-align: left;
    margin-left: 25px;
}

.desktop-65-price-btn a {
    display: inline-block;
    width: 100px;
    height: 45px;
    line-height: 45px;
    background: blue;
    text-align: center;
    color: #fff;
    border-radius: 18px;
    font-size: 10px;
    font-weight: 500;
}

.desktop-65-price-text span {
    font-size: 10px;
    color: #8A8A8A;
    font-weight: 500;
    display: block;
    margin-bottom: 5px;
}

.desktop-65-price-text p {
    font-size: 16px;
    color: #00A713;
    font-weight: 700;
    line-height: 1;
    margin: 0;
}

.contact-area.contact-desktop-94-area {
    padding-top: 60px;
}

.contact-writer-box {
    width: 428px;
    margin: auto;
    margin-bottom: 310px;
}

.contact-writer-list {
    width: 100%;
    background: #F8F8F8;
    height: 90px;
    border-radius: 10px;
    padding-left: 20px;
    padding-right: 15px;
    display: flex;
    align-items: center;
}

.contact-write {
    width: 50%;
    text-align: left;
}

.contact-writer-text {
    width: 50%;
}

.contact-write a img {
    width: 38px;
}

.contact-writer-text a {
    font-size: 12px;
    color: black;
    font-weight: 500;
}

.contact-writer-text a img {
    margin-left: 10px;
    width: 50px;
}

.contact-writer-btn a {
    width: 208px;
    display: inline-block;
    background: blue;
    border-radius: 16px;
    height: 70px;
    line-height: 70px;
    color: #fff;
    font-size: 10px;
    font-weight: 700;
}

.contact-writer-btn a img {
    margin-left: 10px;
}

/* desktop 66 */

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

.btn-items {
    background: #F8F8F8;
    padding: 15px 0;
    margin-bottom: 15px;
}

.btn-items h3 {
    font-size: 10px;
    font-weight: 700;
    line-height: 1;
    margin-bottom: 15px;
}

.btn-items p {
    font-size: 10px;
    font-weight: 500;
    color: #8A8A8A;
    line-height: 1;
    margin-bottom: 15px;
}

.btn-items a {
    display: inline-block;
    width: 189px;
    background: black;
    height: 50px;
    line-height: 50px;
    border-radius: 18px;
    font-size: 10px;
    font-weight: 700;
    color: #fff;
    position: relative;
}

.btn-items a input {
    width: 100%;
    height: 100%;
    position: absolute;
    cursor: pointer;
    opacity: 0;
    left: 0;
}

.btn-items a img {
    margin-left: 10px;
}

.btn-items.btn-items-03 a {
    width: 270px;
    margin: 0 7.5px;
}

.input-number-box.input-number-box-66 .contact__input {
    width: 89%;
}

.input-number-box.input-number-box-66 .input-number {
    width: 82px;
    margin-right: 12px;
}

.btn-items.btn-items-green a {
    background: blue;
}

.btn-items.btn-items-green a.btn-redd {
    background: #EA001B;
}

.btn-items.btn-items-03 {
    padding-bottom: 5px;
}

.booking__tabs.booking__tabs-81 {
    border-radius: 0;
    padding: 0;
    padding-bottom: 50px;
    background: none;
    padding-top: 10px;
}

.booking__tabs.booking__tabs-81 ul {
    flex-wrap: nowrap;
    gap: 0;
    height: 72px;
    background: #fff;
}

.booking__tabs li button {
    width: 100%;
    border-radius: 8px !important;
    /*! background: none !important; */
    height: 100%;
    color: black !important;
    font-size: 14px;
    font-weight: 600;
    line-height: normal;
    border-radius: 0 !important;
    border-bottom: 1px solid transparent !important;
    border-radius: 8px !important;
    /*! background: #F3F3F3; */
}

.booking__tabs.booking__tabs-81.booking_main_btnrow li button.active {
    background: none !important;
    color: blue !important;
    border-color: blue !important;
    border-radius: 0 !important;
}

.booking__tabs.booking__tabs-81.booking_main_btnrow #pills-home-tab {
    background-color: white;
}

.tabs-81-content h3 {
    font-size: 14px;
    font-weight: 700;
    color: #000;
    margin-bottom: 15px;
    line-height: 1;
}

.tabs-81-content p {
    font-size: 14px;
    color: #676767;
    font-size: 14px;
    margin-bottom: 30px;
    line-height: 1;
}

.tabs-81-content a {
    display: inline-block;
    color: #fff;
    background: black;
    width: 269px;
    height: 70px;
    line-height: 70px;
    font-size: 14px;
    font-weight: 700;
    border-radius: 18px;
}

.tabs-81-content img {
    width: 207px;
}

.bokking-81-btn {
    display: flex;
    gap: 0 15px;
    margin-top: 10px;
}

.bokking-81-btn a {
    width: 50%;
    text-align: center;
    background: #fff;
    border-radius: 8px;
    display: inline-block;
    height: 40px;
    line-height: 40px;
    font-size: 12px;
    font-weight: 500;
    color: black;
}

.bokking-81-btn a.active {
    background: #00A713;
    color: #fff;
}

.tabs-82-content {
    background: #fff;
    padding: 15px;
}

.tabs-82-content > span {
    display: block;
    font-size: 8px;
    font-weight: 500;
    margin-bottom: 10px;
    color: #979797;
}

.tabs-82-content > h3 {
    font-size: 12px;
    color: blue;
    font-weight: 700;
    line-height: 1;
    margin-bottom: 10px;
}

.tabs-82-content > p {
    font-size: 8px;
    color: #979797;
    font-weight: 500;
    margin-bottom: 15px;
    padding-bottom: 15px;
    position: relative;
}

.tabs-82-content > p::before {
    position: absolute;
    content: '';
    width: 335px;
    height: 1px;
    background: rgba(0, 0, 0, .10);
    bottom: 0;
    right: 0;
}

.tabs-82-content > a {
    font-size: 10px;
    display: inline-block;
    margin-bottom: 10px;
    color: #979797;
}

.tabs-82-content > a img {
    margin-left: 10px;
}

.tabs-content-bottom {
    position: relative;
    padding-top: 10px;
    padding-bottom: 10px;
    margin-top: 10px;
    display: flex;
    align-items: center;
}

.tabs-content-bottom::before,
.tabs-content-bottom::after {
    position: absolute;
    content: '';
    width: 335px;
    height: 1px;
    background: rgba(0, 0, 0, .10);
    bottom: 0;
    right: 0;
}

.tabs-content-bottom::after {
    bottom: auto;
    top: 0;
}

.tabs-content-bottom-right a {
    font-size: 10px;
    color: #8A8A8A;
    font-weight: 500;
    display: inline-block;
}

.tabs-content-bottom-right a img {
    margin-left: 10px;
}

.tabs-content-bottom-mid span {
    display: block;
    color: #8A8A8A;
    font-size: 10px;
    font-weight: 500;
    margin-bottom: 7px;
}

.tabs-content-bottom-mid p {
    font-size: 16px;
    color: #00A713;
    margin: 0;
    font-weight: 700;
    line-height: 1;
}

.tabs-content-bottom-left a {
    width: 100px;
    height: 45px;
    line-height: 45px;
    display: inline-block;
    background: black;
    border-radius: 18px;
    color: #fff;
    font-size: 10px;
    font-weight: 700;
    text-align: center;
}

.tabs-content-bottom-left {
    width: 20%;
    text-align: left;
}

.tabs-content-bottom-right {
    width: 60%;
}

.tabs-content-bottom-mid {
    width: 20%;
}


.modal-dialog {
    max-width: 100%;
    bottom: 0;
    transform: unset !important;
    display: flex;
    justify-content: center;
    align-items: end;
    margin: 0;
    height: 100vh;
}

.modal-body {
    width: fit-content;
    padding: 0;
}

.modal-content {
    width: auto;
    background: transparent;
    border: 0;
    display: block;
    padding: 0;
}


.renges {
    margin-bottom: 70px;
}


.irs {
    position: relative;
    display: block;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.irs-line {
    position: relative;
    display: block;
    overflow: hidden;
    outline: none !important;
}

.irs-line-left,
.irs-line-mid,
.irs-line-right {
    position: absolute;
    display: block;
    top: 0;
}

.irs-line-left {
    left: 0;
    width: 11%;
}

.irs-line-mid {
    left: 9%;
    width: 82%;
}

.irs-line-right {
    right: 0;
    width: 11%;
}

.irs-bar {
    position: absolute;
    display: block;
    left: 0;
    width: 0;
}

.irs-bar-edge {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
}

.irs-shadow {
    position: absolute;
    display: none;
    left: 0;
    width: 0;
}

.irs-slider {
    position: absolute;
    display: block;
    cursor: default;
    z-index: 1;
}

.irs-slider.type_last {
    z-index: 2;
}

.irs-min {
    position: absolute;
    display: block;
    left: 0;
    cursor: default;
}

.irs-max {
    position: absolute;
    display: block;
    right: 0;
    cursor: default;
}

.irs-from,
.irs-to,
.irs-single {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    cursor: default;
    white-space: nowrap;
}

.irs-grid {
    position: absolute;
    display: none;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 20px;
}

.irs-with-grid .irs-grid {
    display: block;
}

.irs-grid-pol {
    position: absolute;
    top: 0;
    left: 0;
    width: 1px;
    height: 8px;
    background: #000;
}

.irs-grid-pol.small {
    height: 4px;
}

.irs-grid-text {
    position: absolute;
    bottom: 0;
    left: 0;
    white-space: nowrap;
    text-align: center;
    font-size: 9px;
    line-height: 9px;
    padding: 0 3px;
    color: #000;
}

.irs-disable-mask {
    position: absolute;
    display: block;
    top: 0;
    left: -1%;
    width: 102%;
    height: 100%;
    cursor: default;
    background: rgba(0, 0, 0, 0.0);
    z-index: 2;
}

.lt-ie9 .irs-disable-mask {
    background: #000;
    filter: alpha(opacity=0);
    cursor: not-allowed;
}

.irs-disabled {
    opacity: 0.4;
}


.irs-hidden-input {
    position: absolute !important;
    display: block !important;
    top: 0 !important;
    left: 0 !important;
    width: 0 !important;
    height: 0 !important;
    font-size: 0 !important;
    line-height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    outline: none !important;
    z-index: -9999 !important;
    background: none !important;
    border-style: solid !important;
    border-color: transparent !important;
}


.irs {
    height: 55px;
}

.irs-with-grid {
    height: 75px;
}

.irs-line {
    height: 4px;
    top: 33px;
    background: #EEE;
    background: #000;
    /* W3C */
    border: 1px solid #CCC;
    border-radius: 16px;
    -moz-border-radius: 16px;
}

.irs-line-left {
    height: 8px;
}

.irs-line-mid {
    height: 3px;
}

.irs-line-right {
    height: 3px;
}

.irs-bar {
    height: 3px;
    top: 33px;
    /* W3C */
}

.irs-bar-edge {
    height: 10px;
    top: 33px;
    width: 14px;
    border: 1px solid #8c131c;
    border-right: 0;
    background: #8c131c;
    background: linear-gradient(to top, #8c131c 0%, #c1131c 100%);
    /* W3C */
    border-radius: 16px 0 0 16px;
    -moz-border-radius: 16px 0 0 16px;
}

.irs-shadow {
    height: 2px;
    top: 38px;
    background: #000;
    opacity: 0.3;
    border-radius: 5px;
    -moz-border-radius: 5px;
}

.lt-ie9 .irs-shadow {
    filter: alpha(opacity=30);
}

.irs-slider {
    top: 64%;
    width: 27px;
    height: 27px;
    /*! border: 1px solid #AAA; */
    /*! background: #DDD; */
    /*! background: linear-gradient(to bottom, rgba(255, 255, 255, 1) 0%, rgba(220, 220, 220, 1) 20%, rgba(255, 255, 255, 1) 100%); */
    /* W3C */
    border-radius: 27px;
    -moz-border-radius: 27px;
    /*! box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3); */
    /*! cursor: pointer; */
    border-radius: 11px;
    border: 6px solid var(--White, #FFF);
    background: var(--Black, #000);
    transform: translateY(-50%);
}

.irs-slider.state_hover,
.irs-slider:hover {
    /*! background: #FFF; */
}

.irs-min,
.irs-max {
    color: black;
    font-size: 12px;
    line-height: 1.333;
    text-shadow: none;
    top: 0;
    padding: 1px 5px;
    background: rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    -moz-border-radius: 3px;
    display: none;
}

.lt-ie9 .irs-min,
.lt-ie9 .irs-max {
    background: #ccc;
}

.irs-from,
.irs-to,
.irs-single {
    /*! color: #fff; */
    /*! font-size: 14px; */
    /*! line-height: 1.333; */
    /*! text-shadow: none; */
    /*! padding: 1px 5px; */
    /*! background: #8c131c; */
    /*! border-radius: 3px; */
    /*! -moz-border-radius: 3px; */
    color: var(--Black, #000);
    text-align: right;
    font-family: Montserrat-Arabic;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.lt-ie9 .irs-from,
.lt-ie9 .irs-to,
.lt-ie9 .irs-single {
    background: #999;
}

.irs-grid {
    height: 27px;
}

.irs-grid-pol {
    opacity: 0.5;
    background: #428bca;
}

.irs-grid-pol.small {
    background: #999;
}

.irs-grid-text {
    bottom: 5px;
    color: #99a4ac;
}


/* desktop 99 css start */

.ticket__wrap.desktop-99 .ticket__ror--to {
    height: auto;
    border-radius: 45px 45px 0px 0px;
    padding: 30px 0;
}

.ticket__wrap.desktop-99 .ticket__ror--to h1 {
    font-size: 24px;
    margin: 0;
    line-height: 29.26px;
    font-weight: 500;
    margin-bottom: 30px;
}

.ticket__wrap.desktop-99 .ticket__ror--to p {
    font-size: 18px;
    font-weight: 500;
    line-height: 21.94px;
    color: #000000;
    margin: 0;
    text-align: center;
    padding: 0 20px;
}

.acc__list a:last-child {
    margin: 0;
}

.ticket__wrap.desktop-99 .acc__list {
    border-radius: 0 0 45px 45px;
}

.ticket__wrap.desktop-99 .acc__socail {
    background: transparent;
    gap: 10px;
}

.ticket__wrap.desktop-99 .acc__socail span {
    background: #fff;
    display: flex;
    width: 63px;
    height: 68px;
    justify-content: center;
    align-items: center;
    border-radius: 13px;
}

/* desktop 99 css start */


/* desktop 100 */

.ticket__wrap.desktop-same .ticket__priv--btn a {
    border-radius: 0;
}

.visa__input--flex .contact__input a {
    position: absolute;
    top: 23px;
    left: 12px;
}

.ticket__wrap.desktop-100 .contact__btn.flex-column {
    gap: 10px;
}

.ticket__wrap.desktop-100 .contact__btn.flex-column a:first-child {
    background: #0015FF;
}

.ticket__wrap.desktop-100 .contact__btn.flex-column a {
    background: #000;
    color: #fff;
}

/*.ticket__wrap.desktop-100 .contact__btn a:first-child {*/
/*    background: #0015FF;*/
/*    color: #fff;*/
/*}*/

/*.ticket__wrap.desktop-100 .contact__btn a:first-child {*/
/*    background: #000;*/
/*}*/

.ticket__wrap.desktop-same .visa__wrapp {
    padding-bottom: 99px;
    border-radius: 0 0 45px 45px;
}

.ticket__wrap.desktop-same .visa__wrapp .visa__title {
    margin-bottom: 80px;
}

.visa__title h3::after {
    position: absolute;
    right: 0;
    top: 0;
    width: 2px;
    height: 100%;
    background: #000;
    content: '';
}

/* desktop 100 */


/* desktop 104 */

.ticket__wrap.desktop-same .ticket__mid a {
    background: #0015FF;
    color: #fff;
}

.desktop-same .ticket__ror--to {
    border-radius: 0 18px 0 0;
}

/* desktop 104 */


/* desktop 105 */

.ticket.desktop-105 {
    height: 100vh;
}

.desktop-105 .thanks-wrap {
    height: 85vh;
    margin: 0;
    display: flex;
    justify-content: center;
    align-items: center;
}

.btn__social {
    background: #000 !important;
    border-radius: 100px !important;
}

/* desktop 105 */


/* desktop 106 */

.noti__wrap.desktop-106 {
    background: transparent;
    padding: 0;
    margin: 0;
}

.noti__wrap.desktop-106 .single__noti {
    margin-bottom: 10px;
    background: #fff;
    padding: 20px;
}

/* desktop 106 */


/* desktop 108 */

.ticket__wrap.desktop-105 .thanks-wrap {
    padding: 54px 0;
    display: flex;
    align-items: center;
    height: auto;
}

.ticket__wrap.desktop-105 .thanks-wrap .thanks__text--flex {
    padding: 0;
}

.thanks__list ul li {
    padding: 17px 15px;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 10px;
}

.thanks__list {
    margin-top: 10px;
}

.thanks__list a {
    background: #000;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 19px 15px;
    border-radius: 0 0 22px 22px;
}

.radio-form.radio__custom {
    width: 100%;
    margin-top: 10px;
}

.radio-form.radio__custom .form-check {
    background: #fff;
    border-radius: 10px;
}

.radio-form.radio__custom .radio-btn a {
    border-radius: 0 0 22px 22px;
}

.radio-form.radio__custom .radio-btn {
    margin: 0;
    width: 100% !important;
}

.form-check-label {
    color: black;
    font-size: 16px;
    cursor: pointer;
}

.form-check-input:checked + .form-check-label {
    color: #0015FF;
}

/* desktop 108 */


.contact__btn {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: 15px;
}

.radio-btn {
    width: 49% !important;
    height: 55px;
    border-radius: 12px;
    background: #F3F3F3;
    text-decoration: none;
    display: flex;
    align-items: center;
    justify-content: center;
    color: black;
    font-size: 14px;
    font-weight: 500;
    gap: 10px;
    flex-direction: row-reverse;
    cursor: pointer;
    transition: background-color 0.3s ease, color 0.3s ease;
    width: 100%;
}

.radio-box.pt-120.pb-110 .radio-btn {
    margin: 0 auto;
    margin-top: 30px;
}

.radio-btn input {
    display: none;
}

.radio-btn input:checked + label {
    background: #0015FF;
    color: white;
}

.radio-btn label {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    border-radius: 12px;
    transition: background-color 0.3s ease, color 0.3s ease;
    cursor: pointer;
    gap: 10px;
    flex-direction: row-reverse;
}

.radio-btn input:checked + label span {
    color: white;
}

.radio-btn input:checked + label svg path {
    fill: white;
}

.booking__takeoff {
    position: relative;
}

.dropdown {
    position: relative;
}

.dropdown-menu {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    background: #fff;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    z-index: 10;
    list-style: none;
    padding: 0;
    margin: 0;
    max-height: 200px;
    overflow-y: auto;
    z-index: 9999;
    text-align: right;
}

.dropdown-menu li {
    padding: 10px 15px;
    cursor: pointer;
    transition: background 0.2s;
}

.dropdown-menu li:hover {
    background: #f0f0f0;
}

.single__input input {
    cursor: pointer;
}

.single__input input:focus {
    outline: none;
    border-color: #007bff;
}

.booking__tabs.dd ul {
    display: none;
}


.calendar-container {
    width: 90%;
    max-width: 600px;
    background: white;
    border-radius: 10px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
    overflow: hidden;
}

.calendar-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 15px;
    background-color: #000;
    color: white;
}

.calendar-header h2 {
    font-size: 1.2rem;
}

.close-btn {
    background: none;
    border: none;
    color: white;
    font-size: 1.5rem;
    cursor: pointer;
}

.calendar {
    /*! padding: 20px; */
    padding-bottom: 127px;
}

.calender__flexx {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.calender__flexx .booking__input {
    width: 49%;
}

.calendar-footer button {
    width: 100%;
    border-radius: 16px;
    background: #292D32;
    height: 55px;
    color: white;
    font-size: 12px;
    font-weight: 600;
    text-transform: capitalize;
}

.month {
    text-align: center;
    font-weight: bold;
    margin-bottom: 30px !important;
    /*! padding-top: 30px; */
    max-width: 300px;
    margin: auto;
    position: relative;
    margin-top: 30px;
}

.travel__calenders {
    margin-top: -54px;
}

.month:before {
    position: absolute;
    content: "";
    background: rgba(0, 0, 0, 0.10);
    height: 1px;
    width: 100%;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}

.month.mtt {
    padding-top: 0;
}

.month span {
    color: #000;
    font-size: 12px;
    font-weight: 600;
    background: #fff;
    position: relative;
    background: #fff;
    padding: 0 17px;
}

.days {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    text-align: center;
}

.day-name,
.date {
    padding: 10px 0;
    font-size: 0.9rem;
}

.day-name {
    color: #666;
    font-weight: bold;
    color: #8A8A8A;
    text-align: right;
    font-family: Montserrat-Arabic;
    font-size: 10px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.date {
    border: 1px solid #ddd;
    margin: 5px;
    border-radius: 5px;
    cursor: pointer;
    transition: all 0.3s ease;
    color: var(--UI-color-ui-gray, #808080);
    text-align: center;
    font-feature-settings: 'liga' off, 'clig' off;
    font-family: Poppins;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 21px;
    letter-spacing: -0.32px;
    border: 0;
}

.date:hover {
    background-color: #ddd;
}

.empty {
    visibility: hidden;
}

.calendar-footer {
    /*! padding: 15px; */
    /*! background-color: #f5f5f5; */
    /*! display: flex; */
    justify-content: space-between;
    align-items: center;
    background: var(--White, #FFF);
    box-shadow: 0px -4px 50px 0px rgba(0, 0, 0, 0.25);
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 30px 40px;
}

.date-selector {
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.date-selector input {
    padding: 8px;
    border: 1px solid #ddd;
    border-radius: 5px;
}

.next-btn {
    padding: 10px 15px;
    background-color: black;
    color: white;
    border: none;
    border-radius: 5px;
    cursor: pointer;
    font-size: 0.9rem;
}

.next-btn:hover {
    background-color: #333;
}

.star-link.active {
    background-color: #ffcc00; /* Highlight color */
    color: #fff; /* Text color when active */
}


.booking__input {
    position: relative;
    margin-bottom: 1.5rem;
}

.booking__input label {
    color: black;
    font-size: 10px;
    font-weight: 500;
    line-height: normal;
    margin-right: 15px;
    background: #fff;
    display: inline-block;
    position: absolute;
    z-index: 1;
    top: 50%;
    left: 20px;
    transform: translateY(-50%);
    transition: all 0.3s ease;
    padding: 0 10px;
    pointer-events: none; /* Prevent interaction */
    right: 0;
    width: 70%;
}

.booking__input .single__input {
    margin-bottom: 15px;
    position: relative;
}

.single__input input {
    border-radius: 12px;
    border: 1.2px solid rgba(0, 0, 0, 0.10);
    background: white;
    height: 55px;
    padding: 0 20px;
    color: #8A8A8A;
    font-size: 11px;
    font-weight: 500;
    line-height: normal;
    width: 100%;
    outline: none;
    transition: all 0.3s ease;
}

.single__input input:focus {
    border-color: #000; /* Optional: Add focus effect */
}

.single__input input:focus + label,
.single__input input:not(:placeholder-shown) + label {
    top: -5px;
    left: 15px;
    font-size: 9px;
    color: #000; /* Adjust label color for focus */
    width: fit-content;
}

.single__input a {
    position: absolute;
    left: 20px;
    top: 50%;
    transform: translateY(-50%);
}


.contact__input {
    position: relative;
    margin-bottom: 1.5rem;
}

.contact__input label {
    position: absolute;
    top: 50%;
    left: 25px;
    transform: translateY(-50%);
    background: #fff;
    color: black;
    font-size: 10px;
    font-weight: 500;
    padding: 0 5px;
    transition: all 0.3s ease;
    pointer-events: none; /* Prevent interaction with the label */
    right: 0;
    width: 70%;
}

.contact__input input {
    width: 100%;
    height: 55px;
    border-radius: 12px;
    border: 1.2px solid rgba(0, 0, 0, 0.10);
    background: white;
    padding: 0 25px;
    color: #8A8A8A;
    font-size: 10px;
    font-weight: 500;
    line-height: normal;
    outline: none;
    transition: border-color 0.3s ease;
}

.contact__input input:focus {
    border-color: black; /* Optional: Highlight input on focus */
}

.contact__input input:focus + label,
.contact__input input:not(:placeholder-shown) + label {
    top: -3px;
    left: 20px;
    font-size: 9px;
    width: fit-content;
    color: black; /* Change label color when floating */
}