input[type="number"] {
    -webkit-appearance: textfield;
    -moz-appearance: textfield;
    appearance: textfield;
}

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

.input-group-prepend {
    display: flex;
}

/*Main booking form */

.tab_content {
    padding: 0px 20px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.tab_info {
    width: 100%;
    margin-left: 15px;
    font-family: Nunito;
    font-weight: normal;
    font-size: clamp(1rem, 2.5vw, 1.3rem);
    text-align: left;
    color: #fff;
}

.tab_icon {
    font-size: 24px;
    color: var(--secondary-color);
}

.home-main-form {
    height: 100%;
    background-color: #fff;
    border-radius: 20px;
    width: min(80%, 100%);
    box-sizing: border-box;
    padding: 30px 4vw;
}

.book-flight {
    width: 100%;
    padding: 100px 0px;
    transition: 0.3s all ease;
}

.book-flight__container {
    width: 100%;
    height: 550px;
    background-color: var(--primary-color);
    display: flex;
    border-radius: 20px;
    border: none;
    box-shadow: 0px 0px 15px 2px #a5a5a5;
}

.book-flight__left {
    height: 100%;
    width: 20%;
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: flex-end;
}

.flight_form {
    width: 100%;
    box-sizing: border-box;
}

/*
Form Styles After Formik



*/
.main_form_group,
.date_form_group {
    margin-top: 10px;
    width: 100%;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    column-gap: 30px;
    row-gap: 10px;
    box-sizing: border-box;
}

select,
input {
    width: 100%;
    height: 50px;
    box-sizing: border-box;
    border-radius: 8px;
    background-color: #efefef;
    border: none;
    padding: 0px 10px;
    font-family: "Nunito";
    font-size: 1.1rem;
    color: #484848;
    margin-top: 5px;
    transition: 0.3s all ease;
}

.book_flight_title {
    font-family: "Poppins";
    font-weight: 600;
    letter-spacing: 0.05em;
    font-size: 35px;
    text-align: left;
    color: #484848;
}

.label_name {
    font-family: Nunito;
    font-weight: normal;
    font-size: 20px;
    text-align: left;
    color: #544e4e;
    margin-bottom: 5px;
}

.flight_type_radio {
    box-sizing: border-box;
    display: inline-flex;
    align-items: center;
    gap: 20px;
    height: 50px;
    transition: all 0.5s ease-out;
}

.radio_margin {
    margin-top: 10px;
}

.error {
    border-radius: 8px;
    border: 1px solid red;
}

.options {
    font-family: Nunito;
    font-weight: normal;
    font-size: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    background: var(--primary-color);
    height: 100%;
    width: 160px;
    box-sizing: border-box;
    cursor: pointer;
    border: 1px solid var(--primary-color);
    border-radius: 8px;
}

.form_submit_btn {
    font-family: Nunito;
    font-weight: normal;
    font-size: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    background: var(--primary-color);
    height: 60px;
    width: 200px;
    box-sizing: border-box;
    cursor: pointer;
    border: 1px solid var(--primary-color);
    border-radius: 8px;
    float: right;
    margin-top: 20px;
    margin-left: 20px;
    transition: 0.2s all;
}

.form_submit_btn:hover {
    color: var(--primary-color);
    background: #ffffff;
    border: 1px solid var(--primary-color);
}

.flight_type_radio input[type="radio"] {
    display: none;
}

#oneway:checked~.option-1,
#twoway:checked~.option-2 {
    background: #fff;
    border: 1px solid var(--primary-color);
}

#oneway:checked~.option-1 span,
#twoway:checked~.option-2 span {
    text-align: left;
    color: var(--primary-color);
}

/*book flight */

.book_age {
    width: 100%;
}

.age_wrapper {
    height: 50px;
    border-radius: 8px;
    background: #efefef;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.payPartner .partner {
    height: 80px;
    width: 140px;
}

.book__age-increase {
    width: 30px;
    height: 100%;
    border-radius: 8px 0px 0px 8px;
    background: var(--primary-color);
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    border: none;
    outline: none;
    color: white;
}

.book__age-decrease {
    width: 30px;
    height: 100%;
    border-radius: 0px 8px 8px 0px;
    border: none;
    outline: none;
    background: var(--primary-color);
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    color: white;
}

.age_inputs {
    display: inline-flex;
    gap: 30px;
}

.disabled {
    opacity: 0.5;
}

@media screen and (max-width: 920px) {
    .book-flight__container {
        width: 100%;
        height: 550px;
    }

    .label_name {
        font-size: 16px;
        margin-bottom: 5px;
    }

    .tab_content {
        justify-content: flex-end;
        align-items: center;
    }

    .tab_info {
        display: none;
    }

    .book-flight {
        padding: 0px;
    }

    .book-flight__left {
        width: 12%;
    }

    .home-main-form {
        width: 88%;
        border-radius: 10px;
        padding: 4vw 4vw;
    }

    .book-flight__container {
        border-radius: 10px;
    }

    select,
    input {
        width: 100%;
        height: clamp(30px, 35px, 40px);
        font-size: 14px;
    }

    .flight_type_radio {
        height: 35px;
    }

    .options {
        border-radius: 4px;
        font-size: 12px;
        width: 100px;
    }

    .form_submit_btn {
        font-size: 16px;

        height: 40px;
        width: 145px;

        border-radius: 4px;
        margin-top: 10px;
    }

    .main_form_group {
        margin-top: 10px;
        width: 100%;
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
        column-gap: 30px;
        row-gap: 10px;
        box-sizing: border-box;
    }

    .date_form_group {
        margin-top: 10px;
        width: 100%;
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));
        column-gap: 30px;
        row-gap: 10px;
        box-sizing: border-box;
    }

    .age_wrapper {
        height: 35px;
        border-radius: 8px;
        background: #efefef;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
}

.bQlqAP {
    width: min(100%, 245px);
    height: 90px;
    display: flex;
    -webkit-box-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    align-items: center;
    cursor: pointer;
    border-radius: 50px 0px 0px 50px;
    background: rgba(18, 119, 85, 0.843);
}

.fJdnBK {
    width: min(100%, 245px);
    height: 90px;
    background: transparent;
    display: flex;
    -webkit-box-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    align-items: center;
    cursor: pointer;
}

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

input:focus-visible {
    outline: none;
}

.navbar {
    padding: 0;
}

.active2::after,
.active3::after {
    content: '';
    position: absolute;
    z-index: 1;
    bottom: -10px;
    border-bottom: 12px solid #265740;
    border-right: 13px solid transparent;
    border-left: 13px solid transparent;
}

@media (max-width: 900px) {

    .nav-pills .nav-link,
    .nav-pills .nav-link.active,
    .nav-pills .show>.nav-link {
        border-radius: 15px 0px 0px 15px;
        -webkit-box-pack: center;
        justify-content: center;
    }
}

.carous {
    min-height: 65vh;
    background-position: center;
    background-blend-mode: darken;
    background-size: cover;
    background-repeat: no-repeat;
}

#scrollDiv {
    background-color: #005643;
    color: white;
    overflow: hidden;
}

#scroll-container {
    display: flex;
}

#scroll-text {
    white-space: pre;
}

.flight_status_btn {
    width: 100%;
    height: 50px;
    box-sizing: border-box;
    border-radius: 8px;
    background: var(--primary-color);
    border: 1px solid var(--primary-color);
    border-radius: 8px;
    padding: 0px 10px;
    font-family: "Nunito";
    font-size: 1.1rem;
    color: white;
    margin-top: 5px;
    transition: 0.3s all ease;
}

.form_submit_btn:hover {
    color: var(--primary-color);
    background: #ffffff;
    border: 1px solid var(--primary-color);
}

.bi-youtube,
.bi-twitter {
    color: rgb(17, 87, 64);
}

.bi-youtube:hover,
.bi-twitter:hover {
    color: #ffbf00;
}