.search-container-two,.search-field{position:relative}
.search-container{max-width:none;margin:auto;width: 100%;background:#ebebeb;padding:20px;border-radius:20px;box-shadow:0 10px 30px rgba(0,0,0,.08)}
.trip-type-toggle{width:320px;background:#fff;padding:4px;border-radius:40px;display:flex;margin-bottom:2px}
.toggle-btn{flex:1;border:none;background:0 0;padding:10px 3px;border-radius:40px;cursor:pointer;font-size:15px;font-weight:600;color:#64748b;transition:.3s}
.search-field,.swap-btn{background:#fff;cursor:pointer}
.toggle-btn.active{background:#f00;color:#fff}
.search-bar{display:grid;grid-template-columns:2fr 2fr 1.4fr 1.4fr 1.6fr;border:1px solid #dbe4f0;border-radius:8px;overflow:hidden}
.search-field{padding:16px;border-right:1px solid #dbe4f0}
.search-field:last-child{border-right:none}
.search-field label{display:block;font-size:12px;color:#64748b;margin-bottom:6px}
.search-field input{width:100%;border:none;outline:0;background:0 0;font-size:15px;color:#111827;cursor:pointer}
.swap-btn{position:absolute;right:-15px;top:50%;transform:translateY(-50%);width:32px;height:32px;border-radius:50%;border:1px solid #dbe4f0;z-index:20;font-size:14px}

.flight-wrp .my-trip-sec {margin: 0;}
/* =========================
   SUGGESTION POPUP
========================= */

.flight-calnder {
  position: relative;
  width: 100%;
  min-height: 400px; /* Adjust height based on your design */
  overflow: hidden;
}

/* Force video to fill container area and act as a background */
.calendar-bg-video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover; /* Prevents video from stretching or distorting */
  z-index: 1;
}

/* Lift content block over the video layer */
.calendar-content {
  position: relative;
  z-index: 2;
  color: #ffffff; /* Contrast text */
  padding: 24px;
}
.quote-section h2 {
  font-size: 20px;
}
.flight-mdlhd {  padding: 0;border:none;}
.flight-mdlhd button {
    position: relative;
  top: 11px;right: 12px;z-index: 4;

}

.quote-form textarea {
  grid-column: 1/-1;
  resize: none;
  height: 50px;
}
.flight-mdl { margin-top: 10%;}

.quote-form .send-btn:hover {
  background: #0b776f;
}
.quote-form .send-btn {
  width: 100%;
  background: green;
  border: none;
  color: #fff;
  padding: 12px;
  border-radius: 3px;
}
  .quote-form input, .quote-form textarea {
  width: 100%;
  border: 1px solid #cdcdcd;
  outline: 0;
  background: #fff;
  padding: 8px;
  font-size: 14px;
  border-radius: 4px;
  color: #444;margin-bottom: 12px;
}

.suggestion-popup{position:absolute;top:105%;left:0;width:430px;background:#fff;border-radius:18px;
    box-shadow:0 15px 40px rgba(0,0,0,.15);border:1px solid #e5edf7;padding:12px 0;display:none;z-index:600}
.airport-code,.days-grid div:hover{background:#edf4ff}
.calendar-popup,.traveller-popup{box-shadow:0 15px 45px rgba(0,0,0,.18)}
.calendar-popup.open,.suggestion-popup.open,.traveller-popup.open{display:block}
.suggestion-title{padding:0 16px 12px;font-size:14px;font-weight:700;color:#64748b}
.suggestion-item{display:flex;justify-content:space-between;align-items:center;padding:14px 16px;cursor:pointer;transition:.2s}
.suggestion-item:hover{background:#f8fbff}
.airport-info{display:flex;flex-direction:column;gap:4px}
.airport-city{font-size:15px;font-weight:700;color:#111827}
.airport-name{font-size:12px;color:#64748b}
.airport-code{color:#0052cc;font-size:13px;font-weight:700;padding:7px 10px;border-radius:8px}
.footer-action-row{margin-top:10px;display:flex;justify-content:end;align-items:center}
.search-submit-btn{border:none;background: #ffb100;color:#fff;padding: 7px 45px;border-radius: 10px;cursor: pointer;font-size: 16px;font-weight: 400;}

.search-submit-btn:hover, .done-btn:hover {background: #729320;color: #fff;}
.search-container .btn:focus {outline: 0;box-shadow: none;}

.traveller-popup{color: #111827;position:absolute;top:103%;right:0;width:360px;background:#fff;border-radius:24px;padding:22px;border:1px solid #e5edf7;display:none;z-index:500}
.popup-title{font-size:18px;font-weight:500;margin-bottom:22px}
.counter-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}
.counter-label h4{font-size:15px;margin-bottom:3px}
.counter-label span{font-size:13px;color:#64748b}
.counter-box{display:flex;align-items:center;border:1px solid #dbe4f0;border-radius:14px;overflow:hidden}
.counter-btn{width:42px;height:42px;border:none;background:#fff;font-size:22px;cursor:pointer;color:#334155}
.counter-value{width:40px;text-align:center;font-size:16px;font-weight:500}
.info-box{background:#f2f7ff;padding:12px;border-radius:10px;font-size:13px;color:#475569;margin:18px 0}
.cabin-title{font-size: 16px;font-weight: 500;margin-bottom: 10px;}
.cabin-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px 10px}
.cabin-option{display:flex;align-items:center;gap:10px;cursor:pointer;font-weight: 500;
  font-size: 14px;}
.cabin-option input{display:none}
.custom-radio{width:22px;height:22px;border-radius:50%;border:2px solid #cbd5e1;position:relative}
.cabin-option input:checked+.custom-radio{border-color:#16191f}
.cabin-option input:checked+.custom-radio::after{content:'';width:10px;height:10px;background:#353536;border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}
.done-btn{width:100%;margin-top:25px;border:none;background: #ffb100;color:#fff;padding: 10px 12px;border-radius:10px;cursor:pointer;font-size:17px;font-weight:500}
.calendar-popup{position:absolute;top:105%;left:50%;transform:translateX(-50%);width:860px;background:#fff;border-radius:22px;padding:25px;display:none;z-index:400; color:#212121;}
.calendar-header{display:flex;justify-content:space-between;margin-bottom:0px}
.calendar-header button{width: 30px;height: 30px;border: none;border-radius: 50%;background: #000;cursor: pointer;font-size: 22px;line-height: 6px;
  color: #fff;}

.flight-calnder {position: relative;line-height: 0;}
.search-container {position: absolute;top: 50%;left: 50%;translate: -50% -50%;line-height: initial;}
.weekdays {margin-bottom: 10px;}
.calendar-header button span {position: relative;top:-2px;}
.calendar-wrapper{display:flex;gap:30px}
.month-box{flex:1}
.month-box h3{text-align:center;margin-bottom:18px;font-size: 15px;}
.days-grid,.weekdays{display:grid;grid-template-columns:repeat(7,1fr);gap:8px}
.weekdays span{text-align:center;font-size:13px;color:#64748b;font-weight:600}
.days-grid div{height:42px;display:flex;align-items:center;justify-content:center;border-radius:10px;cursor:pointer;font-weight: 500;font-size: 13px; color:#212121;}
.active-day{background:#7f9c3f !important;color:#fff}

/* =========================
   MOBILE
========================= */

@media(max-width:990px){
.flight-wrp .my-trip-sec{margin:0;overflow:hidden}
.suggestion-popup{position:fixed;top:0;left:0;width:100%;height:100%;border-radius:0;overflow:auto}
.search-container{width:90%;top:20px;translate:-50% 0%}
.flight-calnder{min-height:606px}
.search-submit-btn,.trip-type-toggle{width:100%}
.search-bar{grid-template-columns:1fr;gap:12px;border:none}
.search-field{border:1px solid #dbe4f0;border-radius:16px}
.swap-btn{left:50%;top:auto;bottom:-16px;transform:translateX(-50%)}
.footer-action-row{flex-direction:column;gap:15px}
.traveller-popup{position:fixed;bottom:0;left:0;right:0;top:auto;width:100%;border-radius:25px 25px 0 0;max-height:90vh;overflow:auto}
.calendar-popup{width:95%;top:5%;left:50%;transform:translateX(-50%);max-height:90vh;overflow:auto;}
.calendar-wrapper{flex-direction:column;}
}
@media(min-width:991px){

.flight-calnder {min-height: 740px;overflow: hidden;}
.search-submit-btn{height:76px;}
.search-container {line-height: initial;width: 90%;display: flex;column-gap: 2px;top: 100px;
  left: 50%;justify-content: center;translate: -50% 0px;}
.footer-action-row {align-items: end;}

}

@media (max-width: 1062px) {
  header {position: relative;top: 0;}
}

@media (min-width: 1063px) {

.search-container {width: 82%;}


}