.imgGalleryBlock ul {

   display: flex;

    position: relative;

    justify-content: space-evenly;

    z-index: 9;

}

.imgGalleryBlock ul li {

    margin: 0 5px;

    list-style: none;

    background: #fff;

    border-radius: 5px;

    overflow: hidden;

}



.form_bx {



background-color: #ffffff;



padding: 10px;



border-radius: 5px;



box-shadow: 0px 6px 20px 0px rgb(0 0 0 / 16%);



margin: 35px;

}



.formBg label.labelBox {

        background: #ffffff;

        z-index: 1;

        top: 0;

        left: 25px;

    }



.formBg{

    background:transparent

}

    .form-control[readonly] {

        background: transparent;

    }

    #toc_enquiry_form.iti {

        display: block;

        width: calc(100% - 0px);

        margin: 10px 0 0 0;

    }

.form_CTA {

    display: flex;

    align-items: center;

    padding: 5px 8px;

    border-radius: 3px;

}



.contact__formBox.enquiry_form .icons {

    color: #000000;

    position: absolute;

    left: 8px;

    top: 13px;

    display: block;

    pointer-events: none;

    font-size: 20px;

}



    .contact__formBox.enquiry_form .icons img {

        width: 15px;

    }



.contentBox p {

    line-height: 22px;

    font-size: 14px;

}

p.divider-wrapper {

    text-align: center;

    font-size: 14px;

    margin: 15px 0;

    font-weight: 300;

    line-height: 20px;

    /* background: #ff7521; */

}

.search_tfn {

    display: flex;

    align-items: center;

    width: 50%;

}



    .search_tfn .tfn_bg {

        background: #e9ba53;

        color: #120202;

        padding: 14px 8px 10px;

        margin-right: 0;

        font-weight: 600;

        font-size: 15px;

        border-radius: 0;

        width: 100%;

        text-align: center;

    }

.search_tfn a {

    color: #000;

}

.saveExtra {

    font-weight: 500;

    font-size: 13px;

    border: 1px solid #04040445;

    padding: 3px 10px;

    width: 50%;

    float: left;

}

.saveExtra h4 {

    margin: 0;

    font-weight: 700;

    font-size: 18px;

    color: #000;

}.saveExtra span {

    font-size: 12px;

}

.formBg .calanderDate label.labelBox{

    left: 10px;

}



#toc_enquiry_form.fm_ln1 button{

       margin-top: 0;

       background: #f0cc7f;

       padding: 15px;

       text-align: center;

       border-radius: 0;

       border: none;

       font-weight: 600;

       height: 100%;

       letter-spacing: .1em;

       width: auto;

       color: #000;

       font-size: 14px;

       text-transform: uppercase;

       display: block;

       float: none;

       margin: 0 auto;

       padding: 10px;

       margin-top: 15px;

}



.switch-field label {

    color: #333;

}

.ui-datepicker.ui-widget.ui-widget-content.ui-helper-clearfix.ui-corner-all {

    opacity: 1;

}

.formBg {

    border: none;

}

    section.formbackground {

        background: url(https://images.unsplash.com/photo-1582310232830-64b3e74b8596?q=80&w=1935&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D);

        width: 100%;

        background-position: center;

        position: relative;

        width: 100%;

        z-index: 0;

}

@media (max-width: 767px) {

    .form_bx {

        padding:0;

        box-shadow: none;

        margin: 0;

    }

    .headTitle {

    text-align: center;

    padding: 8px;

    padding-bottom: 0;

    background: url('https://www.comparebusinessclass.com/images/img_slider_1.jpg');

    background-repeat: no-repeat;

    background-size: cover;

    background-position: right;

    position: relative;

}

    .headTitle:before {

        background: linear-gradient(180deg, rgb(0 0 0 / 63%) 0%, rgb(0 0 0 / 76%) 100%);

        content: "";

        position: absolute;

        width: 100%;

        height: 100%;

        left: 0;

        top: 0;

        z-index: 5;

    }

    header.mob {

        display: flex;

        align-items: center;

        background: transparent;

        padding: 6px;

    }       

    header .support-top {

        /* display: flex; */

        /* align-items: self-end; */

        /* width: 202px; */

        /* margin: 0 !important; */

        /* background: transparent; */

    }

        .pulse-button {

        color: #333;

        font-size: 12px;

        font-weight: bold;

        position: relative;

        /* width: 340px; */

        padding: 3px 0px 4px 45px;

        line-height: inherit;

        text-align: left;

        border: none;

        box-shadow: none;

        border-radius: 10px;

        background-size: cover;

        background-repeat: no-repeat;

        -webkit-animation: pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1);

        -moz-animation: pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1);

        -ms-animation: pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1);

        animation: pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1);

        float: right;

    }

    .pulse-button a {

        color: #000;

    }

    .pulse-button i {

        font-size: 13px;

        margin: 0 auto;

        opacity: 1;

    }

    .pulse-button span {

        width: 30px;

        height: 30px;

        position: absolute;

        left: 5px;

        top: 6px;

        color: #333;

        background: #000;

        border-radius: 50%;

        width: 35px;

        height: 35px;

        float: right;

    }

    

        .pulse-button span:before {

        content: url(../img/phone_ring.png);

        width: 15px;

        height: 15px;

        font-size: 25px;

        display: block;

        margin: 1px 8px;

        -webkit-animation: wiggle 2s infinite;

        -moz-animation: wiggle 2s infinite;

        animation: wiggle 2s infinite;

        filter: invert(1);

    }

}

section.formbackground:after {

        content: "";

        background: #ffffffe6;

        width: 100%;

        height: 100%;

        position: absolute;

        top: 0;

        z-index: -1;

}

.enquiryForm {

    width: 100%;

}

.leftSectionenquiry {

    text-align: center;

    color: #fff;

    margin-top: 20%;

}



    .leftSectionenquiry .destinationTitle h2 {

        color: #fff;

        font-size: 23px;

        line-height: 1.4;

    }



    .leftSectionenquiry .dealsPrice .topDeals {

        font-size: 18px;

        margin-bottom: 25px;

    }



    .leftSectionenquiry .dealsPrice .onGoingdeals {

        font-size: 1.125em;

        font-family: Open Sans, sans-serif;

        font-weight: 700;

        margin-bottom: 45px;

    }



    .leftSectionenquiry .dealsPrice .oldPrice {

        text-decoration: line-through;

        font-size: 18px;

    }

 ul.airlinesFare {

        display: flex;

        justify-content: space-between;

        padding: 10px 15px;

        border: none;

        align-items: center;

        flex-direction: row;

    }

.iconhead {

    display: flex;

    flex-direction: column;

    justify-content: center;

    align-items: center;

}

        ul.airlinesFare li {

        padding: 10px;

        width: 100%;

        display: flex;

        justify-content: space-between;

        /* flex-direction: column; */

    }

   ul.airlinesFare li .airlineDIv img {

    width: 50px;

    /* max-width: 32%; */

    padding: 5px 10px;

 }

.airlineDIv h4 {

        font-size: 11px;

        line-height: 22px;

        font-weight: 400;

        color: #000;

        text-align: center;

    }

    span.border-endDIv {

        height: 1px;

        width: 100%;

        background: #dddddd;

        margin: 0 auto;

    }



    body.resultpage .searchBoxMain .searchField, .selectDateDiv {

        display: flex;

        background: transparent;

        justify-content: space-between;

        flex-direction: column;

    }



    .searchBoxMain .searchField .searcgBox {

        width: 100%;

    }



    .searchBoxMain .searchField .selectDateDiv {

        display: flex;

        width: 100%;

        background: #fff;

        flex-direction: row;

    }



    .searchField .findTicket {

        display: flex;

        width: 100%;

        background: #f0cc7f;

        align-items: center;

        justify-content: center;

        margin-left: 0;

        padding: 10px;

        margin-top: 15px;

    }



    .searchBoxMain .searchField .searcgBox {

        display: flex;

        width: 100%;

        background: #fff;

        margin-bottom: 15px;

    }



    .searchBoxMain .headingTitle h3 {

        font-size: 20px;

        /* font-family: sans-serif; */

    }



       

    .leftSectionenquiry .dealsPrice .dealPrice {

        font-size: 3.75em;

        font-family: Open Sans, sans-serif;

        font-weight: 600;

        position: relative;

        line-height: 1;

        display: inline-block;

        margin-bottom: 40px;

        white-space: nowrap;

    }



.destinationTitle {

    margin-bottom: 30px;

}



.destinationTitle {

    margin-bottom: 20px;

}

.form_bx input{

    border: 1px solid #00000052;

    margin: 10px 0;

}

.calanderDate {

    display: flex;

}



.formBg input {

        padding: 10px 12px 10px 28px;

    }

    .enquiryForm label.labelBox {

        top: -8px;

        background: #fff;

        font-size: 10px;

        

    }



    .enquiryForm .formBg button {

        margin: 35px;

        width: 250px;

        text-align: center;

        margin: 20px auto;

        display: block;

        padding: 12px;

        float: none;

        border-radius: 3px;

    }



    .selectTraveller {

        position: relative;

        background: transparent;

    }

.topRow .switch-field {

        display: flex;

        white-space: nowrap;

        margin: 0;

        overflow: visible;

    }

    .selectTraveller .form-control[readonly] {

        background: transparent;

        border: none;

        box-shadow: none;

        padding: 5px;

        margin: 0;

    }

    .topRow {

        display: flex;

        align-items: center;

        margin: 10px;

    }

.topRow .switch-field {

        display: flex;

        white-space: nowrap;

        margin: 0;

        overflow: visible;

    }

    .enquiryForm .calanderDate label.labelBox {

    left: 10px;

    top: 3px;

}

    .enquiryForm label.labelBox {

        top: 3px;

    left: 25px;

    z-index: 1;

}

.enquiryForm .formBg button{

    margin:0 auto;

}

.selectTraveller label.labelBox {

        display: none;

    }



    .topRow .switch-field input:checked + label {

        background-color: #e9ba53;

        color: #120202;

        text-transform: capitalize;

        letter-spacing: 0.5;

        border: none;

        box-shadow: none;

    }

    .topRow .switch-field input {

    display: none;

}

.callNow h2 {

        font-size: 16px ;

        font-weight: 700;

        line-height: 25px;

        color: #F77100;

        text-align: left;

        margin:0;

    }

    .callNow h6 {

        font-size: 12px !important;

        font-weight: 300;

        line-height: 25px;

        text-align: center;

        margin: 0;

}

.ctaBtn {

    /* width: 230px; */

    height: 50px;

    border-radius: 10px;

    background: transparent;

    text-align: center;

    padding: 0 5px;

    border: 1px solid #9d9a9a;

}

.ctaBtn a {

    font-size: 14px;

    font-weight: 700;

    line-height: 50px;

    text-align: center;

    color: #5b5b5b;

}



.excDeals {

    display: flex;

    order: -1;

    align-items: center;

    justify-content: space-between;

    position: relative;

    margin: 0;

    border-bottom: 1px solid #ebebeb;

    padding-bottom: 10px;

}



.enquiryForm .form_bx {

    padding: 10px 30px;

    margin: 10px;

    display: flex;

    flex-direction: column;

}

.excDeals .callNow {

    white-space: nowrap;

    text-align: left;

}

.ctaBtn a img {

    width: 34px;

    filter: invert(1);

}

.excDeals:after {

    position: absolute;

    content: "";

    width: 1px;

    height: 46px;

    background: #b7b7b7;

    left: 52%;

}

p.privacy_des {

    font-size: 12px;

    margin: 10px 0;

}

.formBg input::placeholder {

   font-size: 13px;

    }

    .formBg img {

    position: absolute;

    top: 0;

    left: 22px;

    height: 15px;

    margin-top: 25px;

}

.calanderDate img {

    left: 8px;

    z-index: 8;

}

p.privacy_des {

    margin: 30px 0;

    font-size: 12px;

}

.ctaBtn a{

        font-size: 14px;

    }

    @media (max-width: 767px) {

            .fm_ln1 {

        padding: 0;

        display: flex;

        flex-direction: column;

        box-shadow: none;

        background: rgb(255 255 255 / 96%);

        margin: 0 0 10px 0;

        box-shadow: rgba(0, 0, 0, 0.25) 0px 54px 55px, rgba(0, 0, 0, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px, rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px;

        border-radius: 20px;

        padding: 5px 0 15px 0;

    }

        .callNow h2 {

        font-size: 20px !important;

      

    }

    .ctaBtn a {

    font-size: 18px;

}

   

        .enquiryForm {

    width: 100%;

}

        .excDeals:after {

   

    background: transparent;

   

}

        .excDeals {

            display: flex;

        order: 1;

        align-items: center;

        justify-content: space-between;

        position: relative;

        margin: 0 16px 10px 16px;

        padding-top: 15px;

        border-top: 1px solid #dfdfdf;

        border-bottom: 0;

        flex-direction: column;

}

   

    .enquiryForm .form_bx {

        padding: 0px;

    margin: 0;

    z-index: 99;

    position: relative;



}

    .selectTraveller {

    position: relative;

    background: transparent;

}

.topRow {

    display: flex;

    align-items: center;

    margin: 10px;

}

.topRow label {

    padding: 2px;

    margin: 5px;

    background: transparent;

    border: none;

    box-shadow: none;

    text-transform: capitalize;

    letter-spacing: 0.5;

    font-size: 12px;

    width: 70%;

}

.selectTraveller input {

    padding: 5px;

}

.selectTraveller .form-control[readonly] {

    background: transparent;

    border: none;

    box-shadow: none;

    padding:5px;

    margin: 0;

    letter-spacing: 0;

    font-size: 12px;

}



.topRow .switch-field {

    display: flex;

    white-space: nowrap;

    margin: 0;

    overflow: visible;

}

.enquiryForm form#flight_search_form {

    border: 1px solid #e9e9e9;

    margin: 10px;

    background: #fff;

    box-shadow: 1px 1px 20px 1px rgb(0 0 0 / 18%);

    border-radius: 5px;

}

.formBg label.labelBox{

    background: #ffffff;

    z-index: 9;

    top: 0;

}

        .form-control[readonly]{

            background:transparent;

        }



.formBg input {

            /* padding: 10px; */

            background: transparent;

            border-radius: 0 !important;

            font-size: 14px;

            letter-spacing: 0;

            position: relative;

}

.topRow .switch-field label {

        border-right: 1px solid #d7d7d7;

    text-transform: capitalize;

    padding: 5px;

    margin: 0 8px 0 0;

    letter-spacing: 0;

}



.enquiryForm .headTitle {

   

    padding: 8px 10px;

    height: auto;

    position: relative;

    z-index: 99;

}



.enquiryForm .headTitle h4 {

  color: #ffffff;

  text-align: center;

  font-size: 18px;

  margin: 10px 0 15px;

  position: relative;

  z-index: 9;

  font-weight: 300;

}

.enquiryForm .formBg button {

    margin: 35px;

    width: 250px;

    text-align: center;

      margin: 20px auto;

    display: block;

    padding: 12px;

    float: none;

    border-radius: 3px;

            border-color: #d94231;

        background-color: #d94231;

        color: #fff;

}

.selectTraveller .psg_dls.d-none-cst {

    top: 40px;

    width: 300px;

    left: -120px;

    z-index: 999;

}

.topRow label input {

    margin: 0;

}

.selectTraveller .pass_bx {

    display: flex;

    justify-content: space-between;

}



.enquiryForm  label.labelBox {

    top: 2px;

    background: #fff;

    margin: 0;

}

p.privacy_des {

    font-size: 12px !important;

    line-height: 20px !important;

    color: #000;

    font-weight: 400;

    margin: 15px;

    /* display: none; */

}



.formusp {

width: 100%;

    padding: 15px 0 10px;

    border-radius: 6px;



}

.imgGalleryBlock ul li img {

    border: 1px solid #ffc68a;

}



.formusp h6 {

        font-weight: 600;

        margin-top: 10px;

    }

    .formusp ul {

        width: 100%;

    display: flex;

    flex-wrap: wrap;

    padding: 0;

    justify-content: space-between;

    

    align-items: center;

    margin: 15px;

    flex-direction: column;

}

ul.grid-wrapper li p {

        text-align: left;

        margin-left: 15px;

    }

ul.grid-wrapper li {

    width: 100%;

    display: flex;

    border: none;

    align-items: flex-start;

    list-style: none;

    margin-bottom: 0;

    padding: 0;

    flex-direction: column;

    align-items: center;

    position: relative;

    flex-direction: row;

}

.tg-home-slider{

    background: transparent;

}

.tg-home-slider:after{

background:transparent

}

#toc_enquiry_form .iti {

    display: block;

    width: calc(100% - 0px);

    margin: 10px 0;
}



#toc_enquiry_form.fm_ln1 button{

       margin-top: 0;

       background: #f0cc7f;

       padding: 15px;

       text-align: center;

       border-radius: 0;

       border: none;

       font-weight: 600;

       height: 100%;

       letter-spacing: .1em;

       width: auto;

       color: #000;

       font-size: 14px;

       text-transform: uppercase;

       display: block;

       float: none;

       margin: 10px auto;

       padding: 10px;

       margin-top: 0;

       width: 100%;

}



.leftSectionenquiry {

    text-align: center;

    color: #fff;

    margin-top: 5%;

}

    }
    
    @media (min-width: 768px) and (max-width: 1023px) {
.form_bx {margin: 15px 0;padding: 5px;}
}
.switch-field label{
      padding: 5px 8px;
}
.destinationTitle h1 {
    line-height: 30px;
    font-weight: 300;
    font-size: 24px;
}
}