@import url('https://fonts.googleapis.com/css2?family=Ubuntu:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500;1,700&display=swap');

body {
    width: 100%;
    font-family: 'Ubuntu', sans-serif !important;
}

.b-example-divider {
    height: 3rem;
    background-color: rgba(0, 0, 0, .1);
    border: solid rgba(0, 0, 0, .15);
    border-width: 1px 0;
    box-shadow: inset 0 .5em 1.5em rgba(0, 0, 0, .1), inset 0 .125em .5em rgba(0, 0, 0, .15);
}

.grey-bg {
    background-color: rgba(0, 0, 0, .1);
    border: solid rgba(0, 0, 0, .15);
    border-width: 1px 0;
    box-shadow: inset 0 .5em 1.5em rgba(0, 0, 0, .1), inset 0 .125em .5em rgba(0, 0, 0, .15);
}


/* 
@media (min-width: 992px) {
    .rounded-lg-3 {
        border-radius: .3rem;
    }
} */

.stepwizard-step p {
    margin-top: 10px;
}

.stepwizard-row {
    display: table-row;
}

.stepwizard {
    display: table;
    width: 100%;
    position: relative;
}

.stepwizard-row:before {
    top: 17px;
    bottom: 0;
    position: absolute;
    content: " ";
    width: 100%;
    height: 7px;
    background-color: #ccc;
    /* z-order: 0; */
    border-radius: 50px;
}

.stepwizard-step {
    display: table-cell;
    text-align: center;
    position: relative;
    min-width: 80px;
}

.btn-wiz {
    color: #fff;
    background-color: #6c757d;
    border-color: #6c757d;
    border-radius: 50px;
    /* font-size: 23px; */
    width: 40px;
}

.btn-wiz-fin {
    color: #fff;
    background-color: #02A0DF;
    border-color: #02A0DF;
    border-radius: 50px;
    /* font-size: 23px; */
    width: 40px;
}

.wiz-step-title {
    font-size: 13px;
}

#progressbar {
    /* margin-bottom: 30px; */
    /* overflow: hidden; */
    color: lightgrey
}

#progressbar .active {
    color: #000000
}

#progressbar li {
    list-style-type: none;
    font-size: 12px;
    width: 16.5%;
    float: left;
    position: relative
}

#progressbar #step01:before {
    font-family: FontAwesome;
    content: "\f002"
}

#progressbar #step02:before {
    font-family: FontAwesome;
    content: "\f073"
}

#progressbar #step03:before {
    font-family: FontAwesome;
    content: "\f0c0"
}

#progressbar #step04:before {
    font-family: FontAwesome;
    content: "\f067"
}

#progressbar #step05:before {
    font-family: FontAwesome;
    content: "\f00c"
}

#progressbar #step06:before {
    font-family: FontAwesome;
    content: "\f09d"
}

#progressbar li:before {
    width: 40px;
    height: 40px;
    line-height: 35px;
    display: block;
    font-size: 18px;
    color: #ffffff;
    background: lightgray;
    border-radius: 50%;
    margin: 0 auto 10px auto;
    padding: 2px
}

#progressbar li:after {
    content: '';
    width: 100%;
    height: 3px;
    background: lightgray;
    position: absolute;
    left: 0;
    top: 20px;
    z-index: -1
}

#progressbar li.active:before,
#progressbar li.active:after {
    /* background: skyblue */
    background-color: #02A0DF;
}

nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active {
    color: #495057;
    background-color: #fff;
    border-color: #02A0DF #dee2e6 #fff #dee2e6;
    border-width: 3px 2px 0px 2px;
}

#myTabContent {
    background-color: #fff;
}

.nav-tabs .nav-link {
    background-color: #fff;
    padding: 10px 20px;
    font-size: 19px;
}

.priceDisplaySegmentDetails ul {
    padding: 0;
    list-style: none;
}

:root {
    --card-line-height: 1.2em;
    --card-padding: 1em;
    --card-radius: 0.5em;
    --color-blue: #02A0DF;
    --color-gray: #e2ebf6;
    --color-dark-gray: #c4d1e1;
    --radio-border-width: 2px;
    --radio-size: 1.5em;
}

.grid {
    display: grid;
    grid-gap: var(--card-padding);
    margin: 0 auto;
    max-width: 60em;
    padding: 0;
}

@media (min-width: 42em) {
    .grid {
        grid-template-columns: repeat(3, 1fr);
    }
}

.card {
    background-color: #fff;
    border-radius: var(--card-radius);
    position: relative;
}

.card:hover {
    box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.15);
}

.radio {
    font-size: inherit;
    margin: 0;
    position: absolute;
    right: calc(var(--card-padding) + var(--radio-border-width));
    top: calc(var(--card-padding) + var(--radio-border-width));
}

@supports (-webkit-appearance: none) or (-moz-appearance: none) {
    .radio {
        -webkit-appearance: none;
        -moz-appearance: none;
        background: #fff;
        border: var(--radio-border-width) solid var(--color-gray);
        border-radius: 50%;
        cursor: pointer;
        height: var(--radio-size);
        outline: none;
        transition: background 0.2s ease-out, border-color 0.2s ease-out;
        width: var(--radio-size);
    }

    .radio::after {
        border: var(--radio-border-width) solid #fff;
        border-top: 0;
        border-left: 0;
        content: "";
        display: block;
        height: 0.75rem;
        left: 25%;
        position: absolute;
        top: 50%;
        transform: rotate(45deg) translate(-50%, -50%);
        width: 0.375rem;
    }

    .radio:checked {
        background: var(--color-blue);
        border-color: var(--color-blue);
    }

    .card:hover .radio {
        border-color: var(--color-dark-gray);
    }

    .card:hover .radio:checked {
        border-color: var(--color-blue);
    }
}

.plan-details {
    border: var(--radio-border-width) solid var(--color-gray);
    border-radius: var(--card-radius);
    cursor: pointer;
    display: flex;
    flex-direction: column;
    padding: var(--card-padding);
    transition: border-color 0.2s ease-out;
}

.card:hover .plan-details {
    border-color: var(--color-dark-gray);
}

.radio:checked~.plan-details {
    border-color: var(--color-blue);
}

.radio:focus~.plan-details {
    box-shadow: 0 0 0 2px var(--color-dark-gray);
}

.radio:disabled~.plan-details {
    color: var(--color-dark-gray);
    cursor: default;
}

.radio:disabled~.plan-details .plan-type {
    color: var(--color-dark-gray);
}

.card:hover .radio:disabled~.plan-details {
    border-color: var(--color-gray);
    box-shadow: none;
}

.card:hover .radio:disabled {
    border-color: var(--color-gray);
}

.plan-type {
    color: var(--color-blue);
    font-size: 1.5rem;
    font-weight: bold;
    line-height: 1em;
}

.plan-cost {
    font-size: 2.5rem;
    font-weight: bold;
    padding: 0.5rem 0;
}

.slash {
    font-weight: normal;
}

.plan-cycle {
    font-size: 2rem;
    font-variant: none;
    border-bottom: none;
    cursor: inherit;
    text-decoration: none;
}

.hidden-visually {
    border: 0;
    clip: rect(0, 0, 0, 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    white-space: nowrap;
    width: 1px;
}

th {
    text-transform: uppercase;
}

.package {
    font-size: 14px;
}

.summary-container-journey>h4 {
    color: var(--color-blue);
    font-size: 16px;
}

.origin-count {
    font-size: 26px;
    color: var(--color-blue);
}

.rounded1 {
    border-radius: 25px !important;
    ;
}

.flno {
    text-transform: uppercase;
    color: var(--color-blue);
}

.flight-trip-header {
    font-size: 18px;
    text-transform: uppercase;
}

.flight-details {
    margin-top: 20px;
    font-size: 21px;
}

.flfrom {
    color: var(--color-blue);
    margin-right: 15px;
}

.flto {
    color: var(--color-blue);
    margin-left: 15px;
}

.fare-rules {
    font-size: 16px;
}

.fare-rules-header {
    font-size: 18px;
    margin-bottom: 10px;
}

.sticky-div.fixed {
    position: fixed;
}

.sticky-div.footstick {
    position: absolute;
    bottom: 0;
    top: inherit !important
}