:root{
    --c1:#3a4476;
    --c2:#304f47;
    --c3:#304f47;
    --c4:#28a745;
}
*{padding:0;margin:0;box-sizing: border-box;}

body{font-size:16px;line-height:1.7;color:#000;font-family: Arial, Helvetica, sans-serif;}
.searchEngine{width:100%;display: flex;flex-direction: column;background-repeat:no-repeat;background-position: center;background-size: cover;justify-content: center;padding:32px 0;}
.containerC{display: flex;flex-direction: column;row-gap:32px;width: 1400px;margin:0 auto;padding:20px 16px;max-width: 100%;}
.searchEngine .hd{text-align: center;color:#fff;font-weight:bold;font-size: 40px;text-shadow: 0 0 2px #000;line-height: 1.3;}
.searchEngine .btns{border-radius: 0 0 4px 4px;align-self: center;}
.searchEngine .formArea .fields{background: rgba(225,225,225,0.5);padding:16px;border-radius: 4px;display: flex;column-gap: 4px;}
.searchEngine .formArea .fields .inputs{flex: 1 1 0;}

.formArea{display: flex;flex-direction: column;}
.formArea .tripBtns{display: flex;justify-content: center;gap:4px;}
.formArea .tripBtns > a{width:auto;padding:6px 16px;background: var(--c1);color:#fff;cursor: pointer;text-decoration: none;border-radius:4px 4px 0 0;}
.formArea .tripBtns > a.active{background: var(--c2);}
.formArea .fields{row-gap: 16px;}
.formArea .fields .inputs{display: flex;flex-direction: column;row-gap:4px;min-width: 0;}
.formArea .fields .inputs > input, .formArea .fields .inputs > select, .formArea .fields .inputs .iti input{border-radius: 4px;border:1px solid #ccc;outline: none;padding:12px 8px;background: #fff;}
.formArea .fields .inputs .iti input{width: 100%;}
.formArea .fields .inputs .iti .iti__selected-dial-code{margin-left: 0;}
.formArea .btns{padding:12px 32px;background: var(--c2);color:#fff;border:none;outline:none;font-size: 16px;cursor: pointer;}
.searchEngine .formArea .returnDate.hide{display: none;}
.searchEngine .inputs button{padding:0;color: #000;background: transparent;}

.formArea .fields .inputs > input::placeholder { font-size: 12px; }
.iti input { font-size: 12px !important; }.formArea .iti input[type="tel"], .formArea .iti input[type="text"] { font-size: 14px !important; } .formArea .iti input[type="tel"]::placeholder, .formArea .iti input[type="text"]::placeholder { font-size: 13px !important; color: #777 !important; opacity: 1 !important; }

.sideBarSearch{background: var(--c3);border-radius: 4px;padding:16px;row-gap: 16px;display: flex;flex-direction: column;}
.sideBarSearch .formArea .returnDate.hide{display: flex;visibility: hidden;opacity: 0;height: 0px;}
.sideBarSearch .formArea .fields{background: #fff;padding:16px;border-radius: 4px 4px 0 0;display: flex;flex-wrap:wrap;}
.sideBarSearch .formArea .fields .inputs:not(.fw){width: 50%;}
.sideBarSearch .formArea .fields .inputs:not(.fw):nth-child(odd){padding-right: 2px;}
.sideBarSearch .formArea .fields .inputs:not(.fw):nth-child(even){padding-left: 2px;}
.sideBarSearch .formArea .fields .inputs.fw{width: 100%;}
.sideBarSearch .btns{border-radius: 0 0 4px 4px;}
.formArea .fields .inputs label{line-height:1.2;}

.callText{width: 100%;display: flex;flex-direction: column;text-align: center;color:#fff;}
.callText p{margin:0}
.callText .hd{font-weight: bold;}
.callText a{background: #fff;color:#000;align-self: center;text-decoration: none;padding:8px 16px;border-radius: 50px;display: flex;align-items: center;margin: 12px 0;}
.callText a > i{font-style: normal;filter: brightness(0) invert(0);}



.logosArea{width: 100%;display:flex;flex-wrap: wrap;justify-content: center;gap:8px;}
.logosArea > img{height: 40px  !important;max-width: 100%;object-fit: contain;width:auto !important;}


.thanks{width: 100%;display: flex;flex-direction: column;}
.thanks .thanksArea{width: 100%;display: flex;flex-direction: column;background: var(--c2);color:#fff;border-radius: 20px;padding:48px 32px;row-gap: 24px;}

.thanks .top{display:flex;flex-direction:column;row-gap: 12px;}
.thanks .top .hd{font-weight: bold;font-size: 36px;line-height: 1.2;}

.thanks .mid{width: 100%;display: flex;justify-content: center;}
.thanks .mid .midArea{display: flex;flex-direction: column;row-gap: 16px;max-width: 900px; width: 100%;}
.thanks .mid .midArea p{display: flex;justify-content: center;text-align: center;column-gap: 12px;align-items: center;line-height: 1.3;}
.thanks .mid .midArea p b{font-size: 28px;width: 50%;}
.thanks .mid .midArea p i{font-style: normal;font-size: 56px;flex-shrink: 0;}
.thanks .mid .midArea .iconText{width: 100%;display: flex;}
.thanks .mid .midArea .iconText > li{width: 25%;flex-shrink: 0;list-style: none;text-align: center;display: flex;flex-direction: column;align-items: center;row-gap: 4px;}
.thanks .mid .midArea .iconText > li img{height: 56px;}

.thanks .bottom{display: flex;justify-content: space-between;align-items: center;}
.thanks .bottom .logosArea{max-width:300px;}
.thanks .numArea{display: flex;flex-direction: column;row-gap: 16px;}
.thanks .numArea a{text-decoration: none;color:#fff;display: flex;align-items: center;font-weight: bold;position: relative;padding-left: 48px;}
.thanks .numArea a::before{width: 40px;height: 40px;content:"";background: var(--c4);border-radius: 100%;position: absolute;top:0;bottom:0;margin-block: auto;left:0;}
.thanks .numArea a::after{content: "\1F4DE";position: absolute;left:0;top:0;bottom:0;margin-block: auto;filter: brightness(0) invert(1);font-weight: normal;width: 40px;height: 40px;display: flex;justify-content: center;align-items: center;}
.thanks .btns{display: flex;}
.thanks .btns > *{background: var(--c4);color:#fff;text-decoration: none;padding: 8px 20px;border-radius: 8px;font-weight: bold;}

.wcuArea{display: flex;margin:0 -16px;flex-wrap: wrap;row-gap: 32px;}
.wcuArea > li{width: 33.33%;list-style: none;padding:0 16px;flex-shrink: 0;}
.wcuArea > li p{width: 100%;display: flex;flex-direction: column;position: relative;padding-left:72px;}
.wcuArea > li p i{position: absolute;top:0;left:0;width: 60px;height: 60px;background: var(--c2);color:#fff;display: flex;justify-content: center;align-items: center;border-radius: 100%;}
.wcuArea > li p i > img{width: 36px;}
.wcuArea > li p b{color:#000;margin-bottom: 6px;line-height: 1.3;}
.wcuArea > li p span{color:#6c757d;}


@media (min-width:1200px) and (max-width:1399px){
    .containerC{width:1200px;}
}
@media (min-width:992px) and (max-width:1199px){
    .containerC{width:992px;}
}
@media (min-width:768px) and (max-width:991px){
    .containerC{width:768px;}
}
@media (min-width:576px) and (max-width:991px){
    .wcuArea > li {width: 50%;}
}
@media (min-width:576px) and (max-width:767px){
    .thanks .mid .midArea p b {font-size: 24px;}
    .thanks .mid .midArea .iconText > li img {height: 40px;}
}
@media (min-width:441px) and (max-width:1399px){
    .searchEngine .formArea .fields{display: grid;grid-template-columns: repeat(auto-fill, minmax(40%, 1fr));}
    .searchEngine .formArea .returnDate.hide{display: flex;visibility: hidden;opacity: 0;height: 0px;}
}
@media (max-width:575px){
    .thanks .thanksArea {padding: 36px 16px;}
    .thanks .mid .midArea .iconText > li img {height: 24px;}
    .thanks .mid .midArea p{flex-direction: column;}
    .thanks .mid .midArea p b {font-size: 20px;width: 100%;}
    .thanks .mid .midArea p i{font-size: 32px;}
    .thanks .bottom {flex-direction: column;align-items: flex-start;row-gap: 12px;}
    .thanks .mid .midArea .iconText{flex-wrap: wrap;row-gap: 12px;}
    .thanks .mid .midArea .iconText > li{width: 50%;}
    .thanks .thanksArea {row-gap: 48px;}
    .wcuArea > li {width: 100%;}
}
@media (max-width:440px){
    .searchEngine .formArea .fields{display: grid;grid-template-columns: repeat(auto-fill, minmax(100%, 1fr));}
    .formArea .fields{gap:10px 4px;}
    .sideBarSearch .formArea .fields{grid-template-columns: repeat(1, minmax(0, 1fr));}
    .sideBarSearch .formArea .fields .inputs:not(.fw):nth-child(2n+1) {padding-right: 0;}
    .sideBarSearch .formArea .fields .inputs:not(.fw):nth-child(2n) {padding-left: 0;}
    .sideBarSearch .formArea .fields .inputs:not(.fw) {width: 100%;}
}


/* Left sidebar form only */
.sideBarSearch .searchEngine {
    background: transparent !important;
    padding: 0 !important;
}

.sideBarSearch .containerC {
    width: 100% !important;
    padding: 0 !important;
    row-gap: 0 !important;
}

.sideBarSearch .searchEngine .hd {
    display: none !important;
}

.sideBarSearch .formArea .fields {
    display: flex !important;
    flex-wrap: wrap !important;
    background: #fff !important;
    padding: 16px !important;
    gap: 12px 0 !important;
}

.sideBarSearch .formArea .fields .inputs {
    flex: unset !important;
    width: 50% !important;
    padding: 0 4px !important;
}

.sideBarSearch .formArea .fields .inputs.fw,
.sideBarSearch .formArea .fields .inputs:nth-last-child(-n+3) {
    width: 100% !important;
}

.sideBarSearch .formArea .fields input,
.sideBarSearch .formArea .fields select,
.sideBarSearch .formArea .fields .iti {
    width: 100% !important;
}

.sideBarSearch .btns {
    width: 100% !important;
    border-radius: 0 0 4px 4px !important;
}


 /* post show */

.post-listing .post-item .post-content > a{width:100%;display:flex;}
.post-listing .post-item .post-content > a > img{width:100%;}


/* Flight search responsive fix */
.page-class {
    height: auto !important;
    min-height: 500px;
    padding: 80px 0 50px;
}

.banner-content {
    min-height: auto !important;
    height: auto !important;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 20px;
}

.single-flight-search {
    width: 100%;
    max-width: 1100px;
    margin: 0 auto;
    padding: 0 15px;
    box-sizing: border-box;
}

.single-flight-search form,
.single-flight-search .flight-search-form {
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
}

/* Mobile */
@media (max-width: 768px) {
    .page-class {
        min-height: auto !important;
        padding: 50px 0 30px;
    }

    .banner-content {
        align-items: stretch !important;
        padding: 0 10px;
    }

    .page-header h1 {
        font-size: 28px;
        text-align: center;
        line-height: 1.2;
    }

    .breadcrumb-wrapper {
        text-align: center;
        overflow-x: auto;
    }

    .breadcrumb {
        justify-content: center;
        flex-wrap: wrap;
        padding: 0;
        margin: 0;
    }

    .single-flight-search {
        padding: 0;
        width: 100%;
    }

    .single-flight-search input,
    .single-flight-search select,
    .single-flight-search button {
        width: 100% !important;
        max-width: 100% !important;
        margin-bottom: 10px;
    }

    .single-flight-search .row,
    .single-flight-search .form-row,
    .single-flight-search .flight-row {
        display: flex;
        flex-direction: column;
        gap: 10px;
    }
}