.flight-card {
    border: 1px solid #ddd;
    padding: 10px;
    border-radius: 5px;
    background-color: #fff;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
    display: flex;
    align-items: center;
    flex-direction: row;
    margin-bottom: 20px;
    cursor: pointer; /* Make the whole card clickable */
}
.flight-img {
    height: auto;
    margin-right: 20px;
}
.flight-info {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 100%;
}
.flight-times {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
}
.flight-time {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}
.flight-time.text-right {
    align-items: flex-end;
}
.airport {
    font-size: 1rem;
    font-weight: 700;
}
.time {
    font-size: 1rem;
}
.flight-details {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 0 20px;
}
.total-time {
    font-size: 0.9rem;
    font-weight: bold;
}
.line {
    height: 3px;
    width: 100px;
    background-color: lightgreen;
    margin: 5px 0;
}
.stops {
    font-size: 0.9rem;
    font-weight: bold;
}
.flight-price {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}

/* Responsive Styles */
@media (max-width: 768px) {
    .flight-card {
        flex-direction: column !important;
        align-items: flex-start !important;
    }
    .flight-img {
        width: 15% !important;
        height: auto !important;
        align-self: flex-start !important;
    }
    .flight-info {
        flex-direction: column !important;
        align-items: flex-start !important;
    }
    .flight-times {
        flex-direction: row !important;
        align-items: center !important;
        width: 100% !important;
        flex-wrap: wrap !important;
    }
    .flight-time,
    .flight-time.text-right {
        align-items: center !important;
        text-align: center !important;
        margin: 5px 0 !important;
    }
    .flight-details {
        flex-direction: column !important;
        align-items: center !important;
        margin: 10px 0 !important;
    }
    .line {
        width: 50px !important;
    }
    .flight-price {
        align-items: center !important;
        margin-top: 10px !important;
    }
    .airport {
        font-size: 0.6rem !important; /* Reduced font size for mobile */
    }
}


/*! CSS Used from: https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css */
.fa{font-family:var(--fa-style-family,"Font Awesome 6 Free");font-weight:var(--fa-style,900);}
.fa{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:var(--fa-display,inline-block);font-style:normal;font-variant:normal;line-height:1;text-rendering:auto;}
.fa-long-arrow-left:before{content:"\f177";}
.fa-long-arrow-right:before{content:"\f178";}
/*! CSS Used from: https://www.tarifavuelo.com/_next/static/css/56f6c9efada236f5.css */
h2,h5,h6{font-family:Lato,sans-serif;}
h2,h5,h6{color:#666;font-weight:700;}
p{font-family:Lato,sans-serif;color:#060606;font-size:16px;line-height:1.9;font-weight:400;}
li,ul{margin:0!important;padding:0;}
li{font-family:Lato,sans-serif;font-size:16px;line-height:1.9;font-weight:400;color:#060606;}
.modal{z-index:100000000000000;background:rgba(0,0,0,.8);}
.modal-body{padding:1rem 0!important;}
.sear-popup{border-radius:0;}
.search-top{background:#F56960;padding-top:15px;padding-bottom:15px;}
.search-top h2,.search-top h6{color:#fff;font-weight:500;margin-bottom:0;}
.search-aero{float:left;width:100%;font-size:42px;color:#fff;line-height:42px;height:25px;}
.search-aero i{background:none!important;color:#fff!important;}
.search-med{padding-top:50px;padding-bottom:50px;}
.search-med h5{color:#000;}
.search-med p{font-size:14px;line-height:20px;}
.search-date{background:#F56960;}
.search-date ul{text-align:center;}
.search-date ul li{text-align:center;display:inline-block;border-right:1px dotted #cf9b00;padding:10px 20px 5px;margin:0;}
.search-date ul li:first-child{padding-left:0;}
.search-date ul li:last-child{border-right:none;padding-right:0;}
.search-date ul li h6{color:#000;font-size:14px;}
.search-date ul li p{color:#fff;font-size:14px;}
.discountoffer h6{font-size:16px;font-weight:600;color:#666;}
.discountoffer p{font-size:24px;padding:5px;border-radius:2vw;font-weight:700;margin:0;color:#F56960;}
.discountoffer{border:1px solid;padding:10px;margin-top:10px;}
@media (max-width:767px){
.search-top{padding-top:10px;padding-bottom:10px;}
.search-aero{float:left;width:100%;font-size:28px;color:#fff;line-height:28px;height:20px;}
.search-med{padding-top:10px;padding-bottom:10px;}
.search-date ul li{padding:10px 5px;}
.modal.fade.show{opacity:1;padding:0!important;overflow:unset;background:rgba(0,0,0,.85);text-align:center;}
.modal{position:fixed;top:0;left:0;z-index:10000000!important;display:none;width:100%;height:100%;overflow-x:hidden;overflow-y:auto;outline:0;}
.modal.show .modal-dialog{margin:0;}
}
*,:after,:before{box-sizing:border-box;}
h2,h5,h6{margin-top:0;margin-bottom:.5rem;font-weight:500;line-height:1.2;color:var(--bs-heading-color);}
h2{font-size:calc(1.325rem + .9vw);}
@media (min-width:1200px){
h2{font-size:2rem;}
}
h5{font-size:1.25rem;}
h6{font-size:1rem;}
p{margin-top:0;margin-bottom:1rem;}
ul{padding-left:2rem;}
ul{margin-top:0;margin-bottom:1rem;}
img{vertical-align:middle;}
.img-fluid{max-width:100%;height:auto;}
.container-fluid{--bs-gutter-x:1.5rem;--bs-gutter-y:0;width:100%;padding-right:calc(var(--bs-gutter-x) * .5);padding-left:calc(var(--bs-gutter-x) * .5);margin-right:auto;margin-left:auto;}
.row{--bs-gutter-x:1.5rem;--bs-gutter-y:0;display:flex;flex-wrap:wrap;margin-top:calc(-1 * var(--bs-gutter-y));margin-right:calc(-.5 * var(--bs-gutter-x));margin-left:calc(-.5 * var(--bs-gutter-x));}
.row>*{flex-shrink:0;width:100%;max-width:100%;padding-right:calc(var(--bs-gutter-x) * .5);padding-left:calc(var(--bs-gutter-x) * .5);margin-top:var(--bs-gutter-y);}
.col-2{flex:0 0 auto;width:16.66666667%;}
.col-5{flex:0 0 auto;width:41.66666667%;}
.col-12{flex:0 0 auto;width:100%;}
@media (min-width:576px){
.col-sm-2{flex:0 0 auto;width:16.66666667%;}
.col-sm-5{flex:0 0 auto;width:41.66666667%;}
}
@media (min-width:992px){
.col-lg-2{flex:0 0 auto;width:16.66666667%;}
.col-lg-5{flex:0 0 auto;width:41.66666667%;}
}
@media (min-width:1200px){
.col-xl-2{flex:0 0 auto;width:16.66666667%;}
.col-xl-5{flex:0 0 auto;width:41.66666667%;}
}
.fade{transition:opacity .15s linear;}
@media (prefers-reduced-motion:reduce){
.fade{transition:none;}
}
.modal{--bs-modal-zindex:1055;--bs-modal-width:500px;--bs-modal-padding:1rem;--bs-modal-margin:0.5rem;--bs-modal-bg:var(--bs-body-bg);--bs-modal-border-color:var(--bs-border-color-translucent);--bs-modal-border-width:var(--bs-border-width);--bs-modal-border-radius:var(--bs-border-radius-lg);--bs-modal-box-shadow:var(--bs-box-shadow-sm);--bs-modal-inner-border-radius:calc(var(--bs-border-radius-lg) - (var(--bs-border-width)));--bs-modal-header-padding-x:1rem;--bs-modal-header-padding-y:1rem;--bs-modal-header-padding:1rem 1rem;--bs-modal-header-border-color:var(--bs-border-color);--bs-modal-header-border-width:var(--bs-border-width);--bs-modal-title-line-height:1.5;--bs-modal-footer-gap:0.5rem;--bs-modal-footer-border-color:var(--bs-border-color);--bs-modal-footer-border-width:var(--bs-border-width);position:fixed;top:0;left:0;z-index:var(--bs-modal-zindex);display:none;width:100%;height:100%;overflow-x:hidden;overflow-y:auto;outline:0;}
.modal-dialog{position:relative;width:auto;margin:var(--bs-modal-margin);pointer-events:none;}
.modal.fade .modal-dialog{transition:transform .3s ease-out;transform:translateY(-50px);}
@media (prefers-reduced-motion:reduce){
.modal.fade .modal-dialog{transition:none;}
}
.modal.show .modal-dialog{transform:none;}
.modal-dialog-centered{display:flex;align-items:center;min-height:calc(100% - var(--bs-modal-margin) * 2);}
.modal-content{position:relative;display:flex;flex-direction:column;width:100%;color:var(--bs-modal-color);pointer-events:auto;background-color:var(--bs-modal-bg);background-clip:padding-box;border:var(--bs-modal-border-width) solid var(--bs-modal-border-color);border-radius:var(--bs-modal-border-radius);outline:0;}
.modal-body{position:relative;flex:1 1 auto;padding:var(--bs-modal-padding);}
@media (min-width:576px){
.modal{--bs-modal-margin:1.75rem;--bs-modal-box-shadow:var(--bs-box-shadow);}
.modal-dialog{max-width:var(--bs-modal-width);margin-right:auto;margin-left:auto;}
}

.btn-theme {
    border: none;
    height: 50px;
    padding: 0 15px;
    width: 100%;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
    background-color: #F56960;
    color: #ffffff;
    line-height: 1.3;
    font-weight: 600;
    margin-bottom: auto;
}