.ck-button {
    width: auto;
    padding: 10px;
    background-color: #EFEFEF;
    border-radius: 4px;
    border: 1px solid #D0D0D0;
    overflow: auto;
    margin: 0 10px;
    text-align: center;
}

.ck-button label span {
    text-align: center;
    padding: 3px 0px;
    display: block;
}

.ck-button label input {
    position: relative;
    width: auto;
    margin: 10px;
}

.active-type {
    border: 1px solid #3490dc;
    background-color: #3490dc;
}

.ck-button input:checked+span {
    color: #fff;
    width: auto;
}

.lab {
    line-height: 2 !important;
}

#heading {
    text-transform: uppercase;
    color: #3490dc;
    font-weight: normal
}

#msform {
    text-align: center;
    position: relative;
    margin-top: 20px;
    box-shadow: 0 5px 25px rgb(7 30 62 / 15%);
    /* background-color: #3590dc8a; */
    padding: 1.25rem 1.875rem;
    align-items: flex-end;
}

#msform fieldset {
    background: #fff;
    border: 0 none;
    border-radius: 0.5rem;
    box-sizing: border-box;
    width: 100%;
    margin: 0;
    padding-bottom: 20px;
    position: relative
}

.form-card {
    text-align: left;
    padding: 1rem;
}

#msform fieldset:not(:first-of-type) {
    display: none
}

#msform input,
#msform textarea {
    /* padding: 8px 15px 8px 15px; */
    /* border: 1px solid #ccc; */
    border-radius: 5px;
    /* margin-bottom: 25px; */
    /* margin-top: 2px; */
    /* width: auto; */
    /* width: 100%; */
    box-sizing: border-box;
    color: #2C3E50;
    font-size: 14px;
    letter-spacing: 1px
}

#msform input:focus,
#msform textarea:focus {
    -moz-box-shadow: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    border: 1px solid #3490dc;
    outline-width: 0
}

#msform .action-button {
    width: 100px;
    background: #00d794;
    font-weight: bold;
    color: white;
    border: 0 none;
    border-radius: 5px;
    cursor: pointer;
    padding: 10px 5px;
    margin: 10px 0px 10px 5px;
}

#msform .action-button:hover,
#msform .action-button:focus {
    background-color: #00d794;
}

#msform .action-button-previous {
    width: 100px;
    background: #00d794;
    font-weight: bold;
    color: white;
    border: 0 none;
    border-radius: 5px;
    cursor: pointer;
    padding: 10px 5px;
    margin: 10px 5px 10px 0px;
}

#msform .action-button-previous:hover,
#msform .action-button-previous:focus {
    background-color: #00d794;
}

.card {
    z-index: 0;
    border: none;
    position: relative;
}

.purple-text {
    color: #0f0c59;
    font-weight: normal;
}

.steps {
    font-size: 20px;
    color: #000;
    margin-bottom: 10px;
    font-weight: normal;
    text-align: right;
}

.fieldlabels {
    color: #000;
    text-align: left;
    font-weight: 600;
    padding-left: 20px;
}

#progressbar {
    margin-bottom: 0px;
    overflow: hidden;
    color: lightgrey;
}

#progressbar .active {
    color: #0f0c59;
}

#progressbar li {
    list-style-type: none;
    font-size: 15px;
    width: 25%;
    float: left;
    position: relative;
    font-weight: 400;
}

#progressbar #first:before {
    font-family: FontAwesome;
    content: "01";
}

#progressbar #second:before {
    font-family: FontAwesome;
    content: "02";
}

#progressbar #third:before {
    font-family: FontAwesome;
    content: "03";
}

#progressbar #fourth:before {
    font-family: FontAwesome;
    content: "04";
}

#progressbar #fifth:before {
    font-family: FontAwesome;
    content: "05";
}

#progressbar #confirm:before {
    font-family: FontAwesome;
    content: "✔ "
}

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

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

#progressbar li.active:before,
#progressbar li.active:after {
    background: #0f0c59;
}

.progress {
    height: 20px;
}

.progress-bar {
    background-color: #3490dc
}

.fit-image {
    width: 100%;
    object-fit: cover;
}

.Radio {
    display: inline-flex;
    align-items: center;
}

.Radio--large {
    font-size: 2rem;
}

.Radio-Input {
    margin: 0 0.5rem 0;
}

.result-msg {
    text-align: center !important;
    font-size: 15px;
    font-weight: bold;
}

.find-form__destination {
    align-items: center;
    width: calc((100% / 2) - (155px / 2));
}

.find-form__duration {
    width: calc((100% / 2) - (155px / 2));
    align-items: center;
    padding: 0 1.25rem;
}

.find-form__btn {
    width: 155px;
}

.find-form__destination .left {
    width: calc((100% / 1) - (50px / 2));
}

.find-form__duration .right {
    width: calc((100% / 2) - (50px / 2));
}

.table-tour-single,
.find-form,
.find-form__destination,
.find-form__duration,
.about-item,
.trip-card__meta li,
.trip-slider .slick-dots,
.subscribe-form,
.d-widget__icon,
.single-package-header,
.package-tab-content .cmn-list,
.package-sidebar-list,
.single-rating {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

#msform .previous {
    float: right;
    margin-left: 20px;
}

#msform .next {
    float: right;
    margin-right: 20px;
}

select.form-control {
    font-size: 13px;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    background-position: right center;
    background-repeat: no-repeat;
    background-size: 1ex;
    background-origin: content-box;
    background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjxzdmcKICAgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIgogICB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIgogICB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiCiAgIHhtbG5zOnN2Zz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciCiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICAgdmVyc2lvbj0iMS4xIgogICBpZD0ic3ZnMiIKICAgdmlld0JveD0iMCAwIDM1Ljk3MDk4MyAyMy4wOTE1MTgiCiAgIGhlaWdodD0iNi41MTY5Mzk2bW0iCiAgIHdpZHRoPSIxMC4xNTE4MTFtbSI+CiAgPGRlZnMKICAgICBpZD0iZGVmczQiIC8+CiAgPG1ldGFkYXRhCiAgICAgaWQ9Im1ldGFkYXRhNyI+CiAgICA8cmRmOlJERj4KICAgICAgPGNjOldvcmsKICAgICAgICAgcmRmOmFib3V0PSIiPgogICAgICAgIDxkYzpmb3JtYXQ+aW1hZ2Uvc3ZnK3htbDwvZGM6Zm9ybWF0PgogICAgICAgIDxkYzp0eXBlCiAgICAgICAgICAgcmRmOnJlc291cmNlPSJodHRwOi8vcHVybC5vcmcvZGMvZGNtaXR5cGUvU3RpbGxJbWFnZSIgLz4KICAgICAgICA8ZGM6dGl0bGU+PC9kYzp0aXRsZT4KICAgICAgPC9jYzpXb3JrPgogICAgPC9yZGY6UkRGPgogIDwvbWV0YWRhdGE+CiAgPGcKICAgICB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMjAyLjAxNDUxLC00MDcuMTIyMjUpIgogICAgIGlkPSJsYXllcjEiPgogICAgPHRleHQKICAgICAgIGlkPSJ0ZXh0MzMzNiIKICAgICAgIHk9IjYyOS41MDUwNyIKICAgICAgIHg9IjI5MS40Mjg1NiIKICAgICAgIHN0eWxlPSJmb250LXN0eWxlOm5vcm1hbDtmb250LXdlaWdodDpub3JtYWw7Zm9udC1zaXplOjQwcHg7bGluZS1oZWlnaHQ6MTI1JTtmb250LWZhbWlseTpzYW5zLXNlcmlmO2xldHRlci1zcGFjaW5nOjBweDt3b3JkLXNwYWNpbmc6MHB4O2ZpbGw6IzAwMDAwMDtmaWxsLW9wYWNpdHk6MTtzdHJva2U6bm9uZTtzdHJva2Utd2lkdGg6MXB4O3N0cm9rZS1saW5lY2FwOmJ1dHQ7c3Ryb2tlLWxpbmVqb2luOm1pdGVyO3N0cm9rZS1vcGFjaXR5OjEiCiAgICAgICB4bWw6c3BhY2U9InByZXNlcnZlIj48dHNwYW4KICAgICAgICAgeT0iNjI5LjUwNTA3IgogICAgICAgICB4PSIyOTEuNDI4NTYiCiAgICAgICAgIGlkPSJ0c3BhbjMzMzgiPjwvdHNwYW4+PC90ZXh0PgogICAgPGcKICAgICAgIGlkPSJ0ZXh0MzM0MCIKICAgICAgIHN0eWxlPSJmb250LXN0eWxlOm5vcm1hbDtmb250LXZhcmlhbnQ6bm9ybWFsO2ZvbnQtd2VpZ2h0Om5vcm1hbDtmb250LXN0cmV0Y2g6bm9ybWFsO2ZvbnQtc2l6ZTo0MHB4O2xpbmUtaGVpZ2h0OjEyNSU7Zm9udC1mYW1pbHk6Rm9udEF3ZXNvbWU7LWlua3NjYXBlLWZvbnQtc3BlY2lmaWNhdGlvbjpGb250QXdlc29tZTtsZXR0ZXItc3BhY2luZzowcHg7d29yZC1zcGFjaW5nOjBweDtmaWxsOiMwMDAwMDA7ZmlsbC1vcGFjaXR5OjE7c3Ryb2tlOm5vbmU7c3Ryb2tlLXdpZHRoOjFweDtzdHJva2UtbGluZWNhcDpidXR0O3N0cm9rZS1saW5lam9pbjptaXRlcjtzdHJva2Utb3BhY2l0eToxIj4KICAgICAgPHBhdGgKICAgICAgICAgaWQ9InBhdGgzMzQ1IgogICAgICAgICBzdHlsZT0iZmlsbDojMzMzMzMzO2ZpbGwtb3BhY2l0eToxIgogICAgICAgICBkPSJtIDIzNy41NjY5Niw0MTMuMjU1MDcgYyAwLjU1ODA0LC0wLjU1ODA0IDAuNTU4MDQsLTEuNDczMjIgMCwtMi4wMzEyNSBsIC0zLjcwNTM1LC0zLjY4MzA0IGMgLTAuNTU4MDQsLTAuNTU4MDQgLTEuNDUwOSwtMC41NTgwNCAtMi4wMDg5MywwIEwgMjIwLDQxOS4zOTM0NiAyMDguMTQ3MzIsNDA3LjU0MDc4IGMgLTAuNTU4MDMsLTAuNTU4MDQgLTEuNDUwODksLTAuNTU4MDQgLTIuMDA4OTMsMCBsIC0zLjcwNTM1LDMuNjgzMDQgYyAtMC41NTgwNCwwLjU1ODAzIC0wLjU1ODA0LDEuNDczMjEgMCwyLjAzMTI1IGwgMTYuNTYyNSwxNi41NDAxNyBjIDAuNTU4MDMsMC41NTgwNCAxLjQ1MDg5LDAuNTU4MDQgMi4wMDg5MiwwIGwgMTYuNTYyNSwtMTYuNTQwMTcgeiIgLz4KICAgIDwvZz4KICA8L2c+Cjwvc3ZnPgo=");
}

label {
    margin-bottom: 0;
    font-size: 14px;
}

.radioGroup label {
    display: inline-block;
    margin: 0 0.2em;
    text-align: center;
}
.radioGroup label input[type="radio"] {
    margin: 0.5em auto;
}

.form-group {
    padding:  10px 0 10px 0;
}

.select2-basic~.select2-container {
    display: block;
    width: 100% !important;
    max-width: 100% !important;
    height: 50px;
}

.select2-container {
    display: contents;
}

.select2-container .select2-dropdown {
    border: none;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
}

.select2-container .selection,
.select2-container .select2-selection--single,
.select2-container .select2-selection__rendered {
    display: block;
}

.select2-container .select2-selection--single {
    height: 50px;
    border-color: #b1bdcb;
}

.select2-container .select2-selection--single .select2-selection__rendered {
    line-height: 50px;
    padding-left: 1.25rem;
}

.select2-container .select2-selection--single .select2-selection__arrow {
    height: 50px;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #F77C5A;
}

.select2-dropdown ::-webkit-scrollbar {
    width: .5rem;
}

.select2-dropdown ::-webkit-scrollbar-track {
    box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}

.select2-dropdown ::-webkit-scrollbar-thumb {
    background-color: #14233c;
}

.radio-container {
    background: #fff;
    border: 1px solid rgba(0,0,0,.1);
    border-radius: 4px;
    display: inline-block;
    padding: 5px;
}

.radio-container label {
    background: transparent;
    border: 1px solid transparent;
    border-radius: 2px;
    display: inline-block;
    height: 26px;
    line-height: 26px;
    margin: 0;
    padding: 0;
    text-align: center;
    transition: .2s all ease-in-out;
    width: 100px;
}
.radio-container input[type="radio"] {
    display: none;
}
.radio-container input[type="radio"]:checked + label {
    background: #F7B1AB;
    border: 1px solid rgba(0,0,0,.1);
}

.form-span-error {
    color: red;
    font-size: 13px;
    font-weight: 500;
}

@media screen and (max-width: 600px) {
    .checkdesign {
        margin-left: 0 !important;
    }
}