/* Home Trip Search */
.ft-trip-search{
  width:100%;
  background:#e7f7fe;
  direction: rtl;
  text-align:right;
  padding: 34px 0;
}

.ft-trip-search__inner{
  max-width: 1227px;
  margin: 0 auto;
}

.ft-trip-search__title{
  margin: 0 0 24px;
  font-size: 24px;
  line-height: 36px;
  color:#1076b4;
  font-weight: 800;
  text-align:center;
}

.ft-trip-search__row{
  display:flex;
  align-items:flex-end;
  gap:24px;
  flex-wrap: nowrap;
}

/* Button */
.ft-trip-search__btn{
  height:56px;
  width:159px;
  border:0;
  border-radius:10px;
  background: linear-gradient(74.9deg, #1076b4, #40aba7);
  color:#fff;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  padding:10px;
  cursor:pointer;
  font-family: inherit;
  font-size:20px;
  font-weight:600;
}

/* Fields */
.ft-trip-search__field{
  width:220px;
  display:flex;
  flex-direction:column;
  align-items:flex-end;
  gap:13px;
}

.ft-trip-search__label{
  width:100%;
  font-size:20px;
  line-height:16px;
  color:#1076b4;
  font-weight:700;
}

.ft-trip-search__box{
  width:100%;
  height:56px;
  border-radius:10px;
  border:1px solid #1076b4;
  box-sizing:border-box;
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:16px 10px;
  gap:20px;
  background: transparent;
}

.ft-trip-search__box-text{
  font-size:20px;
  line-height:16px;
  font-weight:600;
  color:#1076b4;
}

/* Budget */
.ft-trip-search__field--budget{ width:235px; }
.ft-trip-search__budget{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:13px;
  width:100%;
}

.ft-trip-search__box--num{
  width:111px;
  justify-content:flex-end;
  padding:16px 10px 16px 0;
}

/* Country */
.ft-trip-search__field--country{ width:297px; }
.ft-trip-search__box--wide{
  justify-content:space-between;
}

/* CTA */
.ft-trip-search__cta{
  margin-top: 24px;
  height:56px;
  border-radius:10px;
  background: linear-gradient(89.88deg, #1076b4, #40aba7);
  display:flex;
  align-items:center;
  justify-content:center;
  padding:10px;
  color:#fff;
  font-size:20px;
  line-height:36px;
  font-weight:600;
}

/* Icons (بدل الصور - لو عندك صور ابعتي المسارات) */
.ft-trip-search__ico{
  display:inline-block;
}
.ft-trip-search__ico--arrow{
  width:16px;
  height:10px;
  opacity:.9;
}
.ft-trip-search__ico--search{
  width:24px;
  height:24px;
  opacity:.9;
}

/* Responsive */
@media (max-width: 1100px){
  .ft-trip-search__row{
    flex-wrap: wrap;
    gap: 12px;
  }
  .ft-trip-search__btn{
    width: 100%;
    order: 10;
  }
  .ft-trip-search__field,
  .ft-trip-search__field--budget,
  .ft-trip-search__field--country{
    width: 100%;
  }
  .ft-trip-search__budget{
    justify-content: space-between;
  }
  .ft-trip-search__box--num{
    width: calc(50% - 6px);
  }
  .ft-trip-search__cta{
    font-size: 16px;
    line-height: 26px;
    height: auto;
    padding: 14px 10px;
  }
}

@media (max-width: 768px){
.ft-trip-search *{ box-sizing: border-box; }

.ft-trip-search .ft-trip-search__row{
  display:flex !important;
  align-items:flex-end !important;
  gap:24px !important;
  flex-wrap: nowrap !important;
}
.ft-trip-search .ft-trip-search__field{
  display:flex !important;
  flex-direction:column !important;
  align-items:flex-end !important;
}

/* Fix order: make row layout LTR but keep Arabic RTL inside */
.ft-trip-search__row{
  direction: ltr !important;      /* ده اللي هيظبط ترتيب العناصر */
  justify-content: flex-start !important;
}

.ft-trip-search__row > *{
  direction: rtl;                 /* يخلي النص جوه كل عنصر عربي */
  text-align: right;
}


/* Ensure exact widths keep the layout stable */
.ft-trip-search__btn{ flex: 0 0 159px; }
.ft-trip-search__field{ flex: 0 0 220px; }
.ft-trip-search__field--budget{ flex: 0 0 235px; }
.ft-trip-search__field--country{ flex: 0 0 297px; }

/* Make selects/inputs look like design boxes */
.ft-trip-search__box--select{ position: relative; }
.ft-trip-search__select{
  width:100%;
  height: 169%;
  border:0;
  outline:0;
  background: transparent;
  font-family: inherit;
  font-size:20px;
  font-weight:600;
  color:#1076b4;
  direction: rtl;
  text-align: right;
  appearance: none;
  padding: 0;
}

/* inputs for budget */
.ft-trip-search__input{
  width:100%;
  height:100%;
  border:0;
  outline:0;
  background: transparent;
  font-family: inherit;
  font-size:20px;
  font-weight:600;
  color:#1076b4;
  direction: rtl;
  text-align: right;
}

.ft-trip-search__select option{ color:#1076b4; }
.ft-trip-search__select:invalid{ color:#a9a9a9; }

/* keep arrow at left visually */
.ft-trip-search__box--select .ft-trip-search__ico--arrow{
  pointer-events:none;
}


/* ✅ Keep the row LTR for correct order (button left / country right) */
.ft-trip-search__row{
  direction: ltr !important;
  justify-content: flex-start !important;
}

/* ✅ Keep Arabic inside each field */
.ft-trip-search__field,
.ft-trip-search__btn{
  direction: rtl !important;
  text-align: right !important;
}


/* Select/Input text visibility */
.ft-trip-search__select,
.ft-trip-search__input{
  color: #1076b4 !important;          /* نفس لون التصميم */
  opacity: 1 !important;
}

/* Placeholder واضح */
.ft-trip-search__input::placeholder{
  color:#a9a9a9 !important;
  opacity: 1 !important;
}

/* Select: خلي أول اختيار (عدد الأيام/الأشخاص/جميع الوجهات) رمادي */
.ft-trip-search__select{
  padding-right: 0 !important;
}
.ft-trip-search__select option{
  color:#1076b4;
}
.ft-trip-search__select:invalid{
  color:#a9a9a9 !important;
}

/* مهم: نخلي الـ select يظهر placeholder باستخدام required + value="" */

/* ✅ ROW RTL (order like design) */
.ft-trip-search__row{
  direction: rtl !important;
  justify-content: flex-start !important; /* يبدأ من اليمين */
}

/* ✅ ensure button stays LAST (left side) */
.ft-trip-search__btn{
  order: 999 !important;
}

/* ✅ country stays FIRST (right side) */
.ft-trip-search__field--country{
  order: 1 !important;
}

/* ✅ budget after country */
.ft-trip-search__field--budget{
  order: 2 !important;
}

/* ✅ days then people */
.ft-trip-search__field:nth-of-type(3){
  order: 3 !important; /* الأيام */
}
.ft-trip-search__field:nth-of-type(4){
  order: 4 !important; /* الأشخاص */
}


.ft-trip-search__select,
.ft-trip-search__input{
  color:#1076b4 !important;
  opacity: 1 !important;
}

.ft-trip-search__input::placeholder{
  color:#a9a9a9 !important;
  opacity:1 !important;
}


}
/**/

/* Home Services Slider */
.ft-home-services{
  position: relative;
  padding: 26px 0 40px;
  text-align: center;
  direction: rtl;
  font-family: Cairo, sans-serif;
}

.ft-home-services__wrap{
  position: relative;
  max-width: 1276px;
}

/* Title pill */
.ft-home-services__head{
  display:flex;
  justify-content:center;
  margin-bottom: 22px;
}
.ft-home-services__pill{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:194px;
  height:71px;
  border-radius:50px;
  background: linear-gradient(180deg, #40aba7, #1076b4);
  border:3px solid #faaf9e;
  color:#fff;
  font-size:32px;
  font-weight:800;
  line-height:36px;
}

/* Track */
.ft-home-services__track{
  display:flex;
  align-items:center;
  justify-content:center;
  gap: 64px;
  overflow: hidden;
  scroll-behavior: smooth;
  padding: 10px 52px;
}

/* Item circle */
.ft-home-services__item{
  text-decoration:none;
  color:#00939a;
  flex: 0 0 auto;
}

.ft-home-services__circle{
  width:250px;
  height:250px;
  position: relative;
  border-radius: 50%;
}

.ft-home-services__circle img{
  width:250px;
  height:250px;
  border-radius: 50%;
  object-fit: cover;
  display:block;
  filter: drop-shadow(0px 4px 4px rgba(100, 100, 100, 0.5));
}

/* Label tag */
.ft-home-services__tag{
  position:absolute;
  top: 156px;
  left: 50%;
  transform: translateX(-50%);
  width:150px;
  height:56px;
  border-radius: 50px;
  background:#fff;
  border:4px solid #1076b4;
  display:flex;
  align-items:center;
  justify-content:center;
  padding: 0 10px;
  box-sizing: border-box;
  font-size:20px;
  font-weight:700;
  line-height:24px;
  color:#00939a;
  white-space: nowrap;
}

/* Arrows */
.ft-home-services__arrow{
  position:absolute;
  top: 56%;
  transform: translateY(-50%);
  width:44px;
  height:44px;
  border:0;
  background: transparent;
  color:#1076b4;
  font-size: 40px;
  line-height: 1;
  cursor:pointer;
  padding:0;
}

.ft-home-services__arrow--prev{ left: 0; }
.ft-home-services__arrow--next{ right: 0; }

/* Mobile */
@media (max-width: 992px){
  .ft-home-services__track{
    gap: 18px;
    padding: 10px 40px;
  }
  .ft-home-services__circle,
  .ft-home-services__circle img{
    width: 180px;
    height: 180px;
  }
  .ft-home-services__tag{
    top: 112px;
    width: 120px;
    height: 44px;
    border-width: 3px;
    font-size: 16px;
  }
  .ft-home-services__pill{
    width: 160px;
    height: 58px;
    font-size: 24px;
  }
}
/**/
/* Best Offers */
.ft-best-offers{
  position: relative;
  padding: 26px 0 40px;
  text-align:center;
  direction: rtl;
  font-family: Cairo, sans-serif;
}

.ft-best-offers__wrap{ position: relative; }

.ft-best-offers__head{
  display:flex;
  justify-content:center;
  margin-bottom: 24px;
}

.ft-best-offers__pill{
  width:265px;
  height:71px;
  border-radius:50px;
  background: linear-gradient(0deg, #1076b4, #40aba7);
  border:3px solid #faaf9e;
  color:#fff;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:32px;
  font-weight:800;
  line-height:36px;
}

.ft-best-offers__track{
  display:flex;
  align-items:center;
  gap:24px;
  overflow:hidden;
  scroll-behavior:smooth;
  padding: 10px 52px;
}

/* Card */
.ft-offer-card{
  flex: 0 0 auto;
  width:300px;
  height:425px;
  position: relative;
  text-decoration:none;
  color:#fff;
}

.ft-offer-card__bg{
  position:absolute;
  inset:0;
  border-radius:170px;
  overflow:hidden;
  box-shadow: 0px 4px 4px rgba(100, 100, 100, 0.5);
}

.ft-offer-card__bg img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}

.ft-offer-card__overlay{
  position:absolute;
  inset:0;
  background: rgba(0,0,0,.30);
}

/* Content */
.ft-offer-card__content{
  position:absolute;
  top:95px;
  left:50%;
  transform: translateX(-50%);
  width:267px;
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:24px;
  text-align:center;
}

.ft-offer-card__title{
  margin:0;
  width: 216px;
  font-size:24px;
  line-height:36px;
  font-weight:800;
}

/* Badges */
.ft-offer-card__badges{
  width:148px;
  height:80px;
  position:relative;
}

.ft-offer-badge{
  width:80px;
  height:80px;
  position:absolute;
  top:0;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  font-size:16px;
  line-height:24px;
  font-weight:700;
  border-radius: 50%;
}

/* left badge (price) */
.ft-offer-badge--price{
  left:0;
  background:#fff;
  color:#40aba7;
}

/* right badge (discount) */
.ft-offer-badge--discount{
  left:68px;
  background:#40aba7;
  color:#fff;
}

.ft-offer-badge__label{ display:block; }
.ft-offer-badge__value{ display:block; }

/* Button inside card */
.ft-offer-card__btn{
  width:150px;
  height:56px;
  border-radius:20px;
  background:#fff;
  border:4px solid #1076b4;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:20px;
  font-weight:800;
  color:#00939a;
}

/* Arrows */
.ft-best-offers__arrow{
  position:absolute;
  top:56%;
  transform: translateY(-50%);
  width:44px;
  height:44px;
  border:0;
  background:transparent;
  color:#1076b4;
  font-size:40px;
  cursor:pointer;
  padding:0;
}
.ft-best-offers__arrow--prev{ left:0; }
.ft-best-offers__arrow--next{ right:0; }

/* Mobile */
@media (max-width: 992px){
  .ft-best-offers__track{
    padding: 10px 40px;
  }
  .ft-offer-card{
    width:240px;
    height:360px;
  }
  .ft-offer-card__bg{ border-radius: 140px; }
  .ft-offer-card__content{ top:80px; width:220px; }
  .ft-offer-card__title{ font-size:18px; line-height:28px; width:200px; }
  .ft-offer-card__btn{ width:130px; height:48px; font-size:16px; }
  .ft-best-offers__pill{ width:200px; height:58px; font-size:24px; }
}
/**/

/* ===== FIX: Best offers card size (force exact design) ===== */
.ft-best-offers .ft-best-offers__track{
  overflow: hidden !important;
}

.ft-best-offers .ft-offer-card{
  flex: 0 0 300px !important;
  width: 300px !important;
  height: 425px !important;
  max-width: 300px !important;
}

.ft-best-offers .ft-offer-card__bg{
  width: 300px !important;
  height: 425px !important;
  border-radius: 170px !important;
}

.ft-best-offers .ft-offer-card__bg img{
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  display: block !important;
}

/* prevent global styles from stretching links/images inside this section */
.ft-best-offers a,
.ft-best-offers img{
  max-width: none !important;
  transform: none !important;
}

.ft-best-offers .ft-offer-card{
  padding: 0 !important;
  margin: 0 !important;
}


/* ===== Offers (match figma structure exactly) ===== */
.ft-offers-fg{
  width: 100%;
  position: relative;
  padding: 40px 0;
  text-align: center;
  font-family: Cairo, sans-serif;
}

.ft-offers-fg__wrap{
  max-width: 1276px;
}

.ft-offers-fg__title{
  display:flex;
  justify-content:center;
  margin-bottom: 22px;
}
.ft-offers-fg__title span{
  width:265px;
  height:71px;
  border-radius:50px;
  background: linear-gradient(0deg,#1076b4,#40aba7);
  border:3px solid #faaf9e;
  display:flex;
  align-items:center;
  justify-content:center;
  color:#fff;
  font-size:32px;
  font-weight:800;
  line-height:36px;
}

/* row: arrow + cards + arrow */
.ft-offers-fg__row{
  display:flex;
  align-items:center;
  justify-content:center;
  gap: 24px;
}

/* arrows */
.ft-offers-fg__arrow{
  width: 40px;
  height: 40px;
  border: 0;
  background: transparent;
  color: #1076b4;
  font-size: 40px;
  line-height: 1;
  cursor: pointer;
  padding: 0;
}

/* cards wrapper (no eating) */
.ft-offers-fg__cards{
  display:flex;
  align-items:center;
  justify-content:center;
  gap: 24px;
  overflow: hidden; /* يمنع النص المتاكل */
  max-width: calc( (300px * 4) + (24px * 3) ); /* 4 cards exactly */
}

/* card exact size */
.ft-offers-card{
  width:300px;
  height:425px;
  position: relative;
  flex: 0 0 auto;
  text-decoration:none;
  color:#fff;
}

.ft-offers-card__bg{
  position:absolute;
  inset:0;
  border-radius:170px;
  overflow:hidden;
  box-shadow: 0 4px 4px rgba(100,100,100,.5);
}

.ft-offers-card__bg img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}

.ft-offers-card__overlay{
  position:absolute;
  inset:0;
  background: rgba(0,0,0,.30);
}

/* content */
.ft-offers-card__content{
  position:absolute;
  top:95px;
  left:50%;
  transform: translateX(-50%);
  width:267px;
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:24px;
}

.ft-offers-card__h{
  margin:0;
  width: 220px;
  font-size:24px;
  line-height:36px;
  font-weight:800;
}

/* badges */
.ft-offers-card__badges{
  width:148px;
  height:80px;
  position:relative;
}

.ft-offers-badge{
  width:80px;
  height:80px;
  border-radius:50%;
  position:absolute;
  top:0;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  font-size:16px;
  font-weight:700;
  line-height:22px;
}

.ft-offers-badge--price{
  left:0;
  background:#fff;
  color:#40aba7;
}
.ft-offers-badge--disc{
  left:68px;
  background:#40aba7;
  color:#fff;
}

.ft-offers-badge b{ font-size:16px; }

/* button */
.ft-offers-card__btn{
  width:150px;
  height:56px;
  border-radius:20px;
  background:#fff;
  border:4px solid #1076b4;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:20px;
  font-weight:800;
  color:#00939a;
}

/* responsive */
@media (max-width: 1100px){
  .ft-offers-fg__cards{
    max-width: calc( (260px * 2) + (18px * 1) );
    gap: 18px;
  }
  .ft-offers-card{ width:260px; height:380px; }
  .ft-offers-card__bg{ border-radius: 150px; }
  .ft-offers-card__content{ top:80px; width:230px; }
  .ft-offers-card__h{ font-size:18px; line-height:28px; width:200px; }
  .ft-offers-card__btn{ width:130px; height:48px; font-size:16px; }
  .ft-offers-fg__title span{ width:200px; height:58px; font-size:24px; }
}

/* ===== Offers as Images (final static) ===== */
.ft-offers-img{
  padding: 35px 0 50px;
  text-align: center;
}

.ft-offers-img__title{
  display:flex;
  justify-content:center;
  margin-bottom: 18px;
}
.ft-offers-img__title span{
  width: 265px;
  height: 71px;
  border-radius: 50px;
  background: linear-gradient(0deg,#1076b4,#40aba7);
  border: 3px solid #faaf9e;
  color:#fff;
  font-size: 32px;
  font-weight: 800;
  display:flex;
  align-items:center;
  justify-content:center;
}

.ft-offers-img__row{
  display:flex;
  align-items:center;
  justify-content:center;
  gap: 22px;
}

.ft-offers-img__arrow{
  border: 0;
  background: transparent;
  font-size: 44px;
  line-height: 1;
  color: #1076b4;
  cursor: pointer;
  padding: 0 6px;
}

.ft-offers-img__track{
  display:flex;
  align-items:center;
  justify-content:center;
  gap: 26px;
  overflow: hidden; /* يمنع نص صورة متاكل */
  max-width: 1276px;
}

.ft-offers-img__card{
  flex: 0 0 auto;
  width: 300px;
  height: 425px;
  border-radius: 170px;
  overflow: hidden;
 
}

.ft-offers-img__card img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  display:block;
}

/* responsive */
@media (max-width: 1100px){
  .ft-offers-img__track{ gap: 6px; }
  .ft-offers-img__card{ width: 260px; height: 380px; border-radius: 150px; }
  .ft-offers-img__title span{ width: 200px; height: 52px; font-size: 24px; }
}



/* ===== Home Destinations Section ===== */
.ft-home-dests{
  padding: 35px 0 60px;
  text-align: center;
}

.ft-home-dests__title{
  display:flex;
  justify-content:center;
  margin-bottom: 22px;
}
.ft-home-dests__title span{
  min-width: 220px;
  height: 58px;
  padding: 0 28px;
  border-radius: 50px;
  background: linear-gradient(180deg, #40aba7, #1076b4);
  border: 3px solid #faaf9e;
  color: #fff;
  font-size: 28px;
  font-weight: 800;
  display:flex;
  align-items:center;
  justify-content:center;
}

/* Grid like screenshot: 4 columns, 2 rows */
.ft-home-dests__grid{
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 22px;
  align-items: stretch;
}

/* Responsive */
@media (max-width: 1100px){
  .ft-home-dests__grid{ grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .ft-home-dests__title span{ font-size: 22px; height: 52px; }
}
@media (max-width: 560px){
  .ft-home-dests__grid{ grid-template-columns: 1fr; }
}

/* كارد التيرم داخل الهوم */
.ft-home-dests .term-card,
.ft-home-dests .ft-term-card,
.ft-home-dests .destination-term-card{
  position: relative;
  border-radius: 10px;
  overflow: hidden;
  height: 190px;
  box-shadow: 0 4px 10px rgba(0,0,0,.12);
}

/* صورة داخل الكارد */
.ft-home-dests .term-card img,
.ft-home-dests .ft-term-card img,
.ft-home-dests .destination-term-card img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  display:block;
}

/* طبقة الموجة/الجرادينت تحت */
.ft-home-dests .term-card::after,
.ft-home-dests .ft-term-card::after,
.ft-home-dests .destination-term-card::after{
  content:"";
  position:absolute;
  left:0; right:0; bottom:0;
  height: 58%;
  background: linear-gradient(180deg, rgba(64,171,167,0) 0%, rgba(16,118,180,.88) 100%);
  pointer-events:none;
}

/* الاسم تحت في النص */
.ft-home-dests .term-card .term-name,
.ft-home-dests .ft-term-card .term-name,
.ft-home-dests .destination-term-card .term-name,
.ft-home-dests .term-card h3,
.ft-home-dests .ft-term-card h3,
.ft-home-dests .destination-term-card h3{
  position:absolute;
  left:0; right:0;
  bottom: 14px;
  margin:0;
  text-align:center;
  color:#fff;
  font-size: 26px;
  font-weight: 800;
  z-index: 2;
}




/* ===== Reviews Section ===== */
.ft-reviews{
  background:#e7f7fe;
  padding:48px 0 56px;
  text-align:center;
  font-family: "Cairo", sans-serif;
}
.ft-reviews__head{max-width:640px;margin:0 auto 28px;}
.ft-reviews__title{
  margin:0 0 12px;
  font-size:36px;
  line-height:1.2;
  color:#1076b4;
  font-weight:700;
}
.ft-reviews__sub{
  margin:0;
  font-size:24px;
  line-height:1.5;
  color:#6b6e71;
  font-weight:500;
}

.ft-reviews__wrap{
  display:flex;
  align-items:center;
  gap:18px;
  justify-content:center;
}

.ft-reviews__nav{
  width:40px;height:40px;
  border:0;
  background:transparent;
  font-size:44px;
  line-height:40px;
  color:#1076b4;
  cursor:pointer;
  user-select:none;
}
.ft-reviews__nav:disabled{opacity:.35; cursor:not-allowed;}

.ft-reviews__viewport{
  width:min(1040px, 100%);
  overflow:hidden;
}

.ft-reviews__track{
  display:flex;
  gap:32px;
  align-items:center;
  transition:transform .45s ease;
  will-change:transform;
}

.ft-reviews__card{
  flex:0 0 325px;             /* الكارت الجانبي */
  height:528px;
  background:#d8f3ff;
  border-radius:10px;
  position:relative;
  display:flex;
  flex-direction:column;
  align-items:center;
  padding-top:24px;
}

.ft-reviews__avatar{
  width:125px;height:125px;
  border-radius:50%;
  object-fit:cover;
}

.ft-reviews__shotbox{
  width:297px;
  height:314px;
  margin-top:40px;
  border-radius:8px;
  overflow:hidden;
  background:rgba(255,255,255,.35);
}
.ft-reviews__shot{
  width:100%;
  height:100%;
  object-fit:cover;
}

/* ✅ الكارت الأوسط (بشكل أوتوماتيك) */
.ft-reviews__card.is-center{
  flex-basis:350px;
  height:550px;
  box-shadow:2px 2px 2px rgba(107,110,113,.25);
}
.ft-reviews__card.is-center .ft-reviews__avatar{
  width:150px;height:150px;
}
.ft-reviews__card.is-center .ft-reviews__shotbox{
  margin-top:40px;
}

/* ===== Mobile ===== */
@media (max-width: 768px){
  .ft-reviews{ padding:34px 0 40px; }
  .ft-reviews__title{ font-size:26px; }
  .ft-reviews__sub{ font-size:16px; }

  .ft-reviews__nav{ width:34px; height:34px; font-size:38px; }

  .ft-reviews__viewport{ width:100%; }

  /* على الموبايل نخلي كارت واحد في النص */
  .ft-reviews__track{ gap:16px; }
  .ft-reviews__card{
    flex-basis:68vw;
    height:520px;
  }
  .ft-reviews__card.is-center{
    flex-basis:74vw;
    height:520px;
    box-shadow:2px 2px 2px rgba(107,110,113,.22);
  }
  .ft-trip-search__title {
    margin: 0 0 24px;
    font-size: 20px;}
  
.ft-trip-search .ft-trip-search__field {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-end !important;
    max-height: 80px!important;
}

.ft-trip-search__btn {
    order: 999 !important;
    max-height: 59px!important;
}


    .ft-offers-img__card {
        width: 142px;
        height: 214px;
        border-radius: 150px;
    }



  .ft-reviews__shotbox{
    width:calc(66vw - 28px);
    height:266px;
  }
}

/**/
/* ===== Why + Map Section ===== */
.ft-why-map{
  padding:40px 0;
  font-family:"Cairo", sans-serif;
}
.ft-why-map__inner{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:20px;
  direction:rtl;
}

/* Titles */
.ft-why__title,
.ft-map__title{
  margin:0 0 36px;
  font-size:32px;
  line-height:36px;
  color:#1076b4;
  font-weight:800;
  text-align:right;
}

/* Right column (Why) */
.ft-why{
  width:667px;
  max-width:100%;
}
.ft-why__grid{
  display:flex;
  flex-direction:column;
  gap:18px;
}
.ft-why__row{
  display:flex;
  gap:17px;
}
.ft-why__grid{
  /* صفّين، كل صف فيه كارتين */
}
.ft-why__grid{
  display:grid;
  grid-template-columns: repeat(2, 325px);
  gap:18px 17px;
  justify-content:end;
}

.ft-why__card{
  height:141px;
  border-radius:5px;
  background: linear-gradient(180deg, #40aba7, #1076b4);
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  text-align:center;
  padding:22px 18px;
  box-sizing:border-box;
  color:#fff;
}

.ft-why__icon{
  width:40px;
  height:40px;
  object-fit:contain;
  margin-bottom:12px;
}
.ft-why__text{
  font-size:20px;
  line-height:1.3;
  font-weight:700;
}

/* Left column (Map) */
.ft-map{
  width:672px;
  max-width:100%;
}
.ft-map__box{
  width:672px;
  max-width:100%;
  height:300px;
  border-radius:0;
  overflow:hidden;
  position:relative;
  background:#f3f3f3;
}
.ft-map__box iframe{
  width:100% !important;
  height:100% !important;
  border:0 !important;
  display:block;
}
.ft-map__placeholder{
  height:100%;
  display:flex;
  align-items:center;
  justify-content:center;
  color:#666;
  font-size:14px;
}

/* ===== Mobile: cards 2x2 then map under ===== */
@media (max-width: 768px){
  .ft-why-map__inner{
    flex-direction:column;
    gap:26px;
  }

  .ft-why, .ft-map{
    width:100%;
  }
  
  
  

  .ft-why__title,
  .ft-map__title{
    font-size:26px;
    margin-bottom:18px;
    text-align:center;
  }

  /* 2 cards per row on mobile too */
  .ft-why__grid{
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap:14px;
    justify-content:stretch;
  }
  .ft-why__card{
    height:130px;
    padding:18px 10px;
    border-radius:8px;
  }
  .ft-why__text{
    font-size:16px;
  }

  /* map full width below */
  .ft-map__box{
    width:100%;
    height:260px;
    border-radius:10px;
  }
}
/**/
.ft-header__bg{
  pointer-events: none !important;
}
.ft-burger{
  position: relative;
  z-index: 10001;
  pointer-events: auto;
}
.ft-overlay{
  z-index: 10000;
}
.ft-mobile{
  z-index: 10002;
}



/**/
/* =========================
   Home Services – Mobile Slider
   ========================= */
@media (max-width: 767px){

  .ft-home-services__wrap{
    position: relative;
    padding: 18px 14px 28px;
  }

  .ft-home-services__head{
    display:flex;
    justify-content:center;
    margin-bottom: 14px;
  }

  .ft-home-services__pill{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    padding: 0px 42px;
    border-radius: 999px;
    font-size: 18px;
    font-weight: 800;
  }

  /* الأسهم زي اللي في الصورة */
  .ft-home-services__arrow{
    position:absolute;
    top: 50%;
    transform: translateY(-10%);
    width: 36px;
    height: 36px;
    border: 0;
    background: transparent;
    font-size: 44px;
    line-height: 36px;
    cursor: pointer;
    z-index: 5;
    color: #1b87c7;
  }
  .ft-home-services__arrow--prev{ left: -16px; }
  .ft-home-services__arrow--next{ right: -14px; }

  /* التراك يبقى سكرول أفقي + Snap */
  .ft-home-services__track{
    display:flex;
    gap: 16px;
    overflow-x: auto;
    overflow-y: hidden;
    scroll-snap-type: x mandatory;
    -webkit-overflow-scrolling: touch;
    padding: 0 34px;  /* عشان الأسهم ما تغطيش الدايرة */
  }

  /* إخفاء السكرول بار */
  .ft-home-services__track::-webkit-scrollbar{ height:0; }
  .ft-home-services__track{ scrollbar-width: none; }

  /* كل عنصر ياخد نص الشاشة تقريبًا => يظهر اتنين زي الصورة */
  .ft-home-services__item{
    flex: 0 0 calc(50% - 8px);
    scroll-snap-align: center;
    text-decoration: none;
  }

  /* الدايرة */
  .ft-home-services__circle{
    position: relative;
    width: 100%;
    aspect-ratio: 1 / 1;
    border-radius: 999px;
    overflow: hidden;
 
  }

  .ft-home-services__circle img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    display:block;
  }

  /* التاج الأبيض فوق الصورة */
  .ft-home-services__tag{
    position: absolute;
    left: 50%;
    bottom: 18px;
    transform: translateX(-50%);
    background: #fff;
    color: #1b87c7;
    font-weight: 800;
    font-size: 16px;
    padding: 8px 18px;
    border-radius: 999px;
    line-height: 1;
    white-space: nowrap;
    box-shadow: 0 8px 16px rgba(0,0,0,.12);
  }
}
/**/

/* =========================
   Offers Images – Mobile Slider
   ========================= */
@media (max-width: 767px){

  .ft-offers-img .container{
    position: relative;
  }

  .ft-offers-img__title{
    display:flex;
    justify-content:center;
    margin: 8px 0 14px;
  }

  .ft-offers-img__title span{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    padding: 0px 20px;
    border-radius: 999px;
    font-size: 18px;
    font-weight: 800;
  }

  .ft-offers-img__row{
    position: relative;
    display:flex;
    align-items:center;
  }

  /* الأسهم */
  .ft-offers-img__arrow{
    width: 36px;
    height: 36px;
    border: 0;
    background: transparent;
    font-size: 44px;
    line-height: 36px;
    cursor: pointer;
    color: #1b87c7;
    z-index: 5;
  }

  /* التراك: سكرول أفقي + Snap */
  .ft-offers-img__track{
    display:flex;
    gap: 16px;
    overflow-x: auto;
    overflow-y: hidden;
    scroll-snap-type: x mandatory;
    -webkit-overflow-scrolling: touch;
    padding: 0 10px;         /* مسافة داخلية */
    width: 100%;
  }

  .ft-offers-img__track::-webkit-scrollbar{ height: 0; }
  .ft-offers-img__track{ scrollbar-width: none; }

  /* الكارد: يظهر اتنين زي الصورة */
  .ft-offers-img__card{
    flex: 0 0 calc(50% - 8px);
    scroll-snap-align: center;
    border-radius: 999px;
    overflow: hidden;
    
    aspect-ratio: 2 / 3;     /* شكل كبسولة طويلة */
    position: relative;
  }

  .ft-offers-img__card img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    display:block;
  }

  /* لو حابة تزوّدي طول الكبسولة شوية */
  /* .ft-offers-img__card{ aspect-ratio: 1.85 / 3; } */
}
/**/


@media (max-width: 767px){

  /* Services track: خليهم يظهروا كاملين */
  .ft-home-services__track{
    padding: 0 14px !important;     /* بدل 34px */
    scroll-snap-type: x proximity !important;
  }

  .ft-home-services__item{
    flex: 0 0 calc(50% - 8px) !important; /* صورتين جنب بعض */
    scroll-snap-align: start !important;  /* ✅ بدل center عشان ما يقطعش اللي جنبها */
  }

  /* لو لسه في قطع بسبب الجاب */
  .ft-home-services__track{ gap: 14px !important; }

  /* صغّر الدايرة شوية لو حسيتيها كبيرة */
  .ft-home-services__circle{
  
  }
}
/**/

@media (max-width: 767px){

  .ft-offers-img__track{
    padding: 0 14px !important;
    gap: 14px !important;
    scroll-snap-type: x proximity !important;
  }

  .ft-offers-img__card{
    flex: 0 0 calc(50% - 8px) !important;  /* اتنين جنب بعض */
    scroll-snap-align: start !important;

    /* ✅ طول أكبر عشان يبقى زي التصميم */
    aspect-ratio: 1 / 1.95 !important;     /* كان قصير */
    border-radius: 999px !important;
  }

  .ft-offers-img__card img{
    width:100% !important;
    height:100% !important;
    object-fit: cover !important;
  }
}
/**/

/* =========================
   Offers Images – Mobile (arrows over, full-width track)
   ========================= */
@media (max-width: 767px){

  .ft-offers-img__row{
    position: relative !important;
    display: block !important;     /* ✅ يلغي تأثير flex */
  }

  /* التراك ياخد عرض كامل */
  .ft-offers-img__track{
    width: 92% !important;
    display: flex !important;
    gap: 16px !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    -webkit-overflow-scrolling: touch;
    scroll-snap-type: x mandatory !important;

    /* ✅ مساحة صغيرة بس عشان السهم ما يغطيش الكارد */
    padding: 0 34px !important;

    scrollbar-width: none;
  }
  .ft-offers-img__track::-webkit-scrollbar{ height:0; }

  /* ✅ كارد كبير */
  .ft-offers-img__card{
    flex: 0 0 42vw !important;     /* كارد كبير */
    height: 255px !important;      /* كبسولة طويلة */
    border-radius: 999px !important;
    overflow: hidden !important;
    scroll-snap-align: center !important;
   
  }

  .ft-offers-img__card img{
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block !important;
  }

  /* ✅ الأسهم Overlay فوق السلايدر بمساحة صغيرة جدًا */
  .ft-offers-img__arrow{
    position: absolute !important;
    top: 55% !important;
    transform: translateY(-50%) !important;

    width: 28px !important;
    height: 28px !important;

    border: 0 !important;
    background: transparent !important;

    font-size: 44px !important;
    line-height: 28px !important;

    padding: 0 !important;
    margin: 0 !important;

    z-index: 10 !important;
    cursor: pointer;
  }

  .ft-offers-img__arrow.is-prev{ left: -18px !important; }
  .ft-offers-img__arrow.is-next{ right: -16px !important; }

}

/* =========================
   Offers Images – Mobile (2 FULL cards like services)
   ========================= */
@media (max-width: 767px){

  /* التراك */
  .ft-offers-img__track{
    padding: 0 14px !important;          /* ✅ زي الخدمات */
    gap: 14px !important;
    scroll-snap-type: x proximity !important;
  }

  /* ✅ اتنين جنب بعض كاملين */
  .ft-offers-img__card{
    flex: 0 0 calc(50% - 7px) !important; /* 2 cards */
    height: auto !important;
    aspect-ratio: 1 / 1.85 !important;    /* كبسولة طويلة */
    scroll-snap-align: start !important;  /* ✅ يمنع القص */
    border-radius: 999px !important;
  }

  .ft-offers-img__card img{
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block !important;
  }

  /* الأسهم Overlay زي ما هي (مساحة صغيرة) */
  .ft-offers-img__arrow{
    width: 28px !important;
    height: 28px !important;
    font-size: 44px !important;
    line-height: 28px !important;
  }
}

/**/