/* =====================================================
   OUR SERVICES + BOOK TAXI  (section.latest_news_area)
   Theme: #FFBE00 (yellow) + #010021 (dark blue)
   - Both sections use the same class, so this one block styles both
   - ADD AT THE END OF YOUR CSS FILE
   - Needs ONE new line under each <h4> (see the sub-heading note below)
   ===================================================== */
.latest_news_area{
  --ln-yellow:#FFBE00;
  --ln-yellow-soft:#FFF5D6;
  --ln-navy:#010021;
  --ln-navy-2:#14124a;
  --ln-line:#e8e6f0;
  background:#f7f8fc;
  padding:55px 0 30px;
  overflow:hidden;
}
.latest_news_area + .latest_news_area{background:#fff;padding-top:25px;padding-bottom:55px}
.latest_news_area *{box-sizing:border-box}
.latest_news_area font{color:inherit!important}   /* removes the old black <font color> */

/* ---------- Premium banner: heading + sub heading, centered ---------- */
.latest_news_area .sec_middle_title{
  position:relative;text-align:center;max-width:860px;margin:0 auto 40px;
  padding:30px 28px 32px;border-radius:20px;border-bottom:5px solid var(--ln-yellow);
  background:linear-gradient(135deg,var(--ln-navy) 0%,var(--ln-navy-2) 100%);
  box-shadow:0 14px 34px rgba(1,0,33,.28);overflow:hidden}
.latest_news_area .sec_middle_title:before{          /* soft glow circle */
  content:"";position:absolute;right:-50px;top:-60px;width:190px;height:190px;border-radius:50%;
  background:rgba(255,190,0,.14)}
.latest_news_area .sec_middle_title:after{           /* small yellow bar */
  content:"";position:absolute;left:50%;bottom:14px;width:60px;height:4px;margin-left:-30px;
  background:var(--ln-yellow);border-radius:4px}
.latest_news_area .sec_middle_title h4{
  position:relative;z-index:1;margin:0 0 8px;padding:0;
  color:var(--ln-yellow)!important;font-size:34px;font-weight:800;line-height:1.25;text-align:center}
.latest_news_area .sec_middle_title h4 strong,
.latest_news_area .sec_middle_title h4 font{color:var(--ln-yellow)!important;font-weight:800}
.latest_news_area .sec_middle_title .ln-sub{
  position:relative;z-index:1;margin:0 0 14px;padding:0 10px;
  color:#d6d7f0;font-size:16px;line-height:1.6;text-align:center}

/* ---------- Grid: equal-height cards ---------- */
.latest_news_area .latest_news_inner{display:flex;flex-wrap:wrap}
.latest_news_area .latest_news_inner:before,
.latest_news_area .latest_news_inner:after{display:none}
.latest_news_area .latest_news_inner > [class*="col-"]{display:flex;margin-bottom:30px}

/* ---------- Card ---------- */
.latest_news_area .latest_news_inner .latest_n_item{
  width:100%;display:flex;flex-direction:column;overflow:hidden;
  background:#fff;border:1px solid var(--ln-line);border-bottom:4px solid var(--ln-yellow);
  border-radius:18px;margin:0;padding:0;
  box-shadow:0 8px 26px rgba(1,0,33,.10);transition:transform .3s,box-shadow .3s}
.latest_news_area .latest_news_inner .latest_n_item:hover{
  transform:translateY(-6px);box-shadow:0 16px 38px rgba(1,0,33,.18)}

/* Image + navy fade + zoom */
.latest_news_area .latest_n_item .l_n_image{
  position:relative;overflow:hidden;width:100%;height:auto;margin:0;padding:0;
  aspect-ratio:16/10;background:#e9e9f2}
.latest_news_area .latest_n_item .l_n_image > img{
  display:block;width:100%!important;height:100%!important;max-width:none;
  object-fit:cover;border-radius:0;transition:transform .6s}
.latest_news_area .latest_n_item:hover .l_n_image > img{transform:scale(1.08)}
.latest_news_area .latest_n_item .l_n_image:after{
  content:"";position:absolute;left:0;right:0;bottom:0;height:45%;z-index:1;
  background:linear-gradient(to top,rgba(1,0,33,.42),rgba(1,0,33,0));pointer-events:none}

/* "Book Now" -> yellow tag (old date circle reset) */
.latest_news_area .latest_n_item .l_n_image > a{
  position:absolute!important;top:14px;left:0;right:auto;bottom:auto;z-index:3;
  display:block;width:auto;height:auto;text-decoration:none}
.latest_news_area .latest_n_item .date{
  position:static!important;display:block;width:auto!important;height:auto!important;
  margin:0!important;padding:9px 16px 9px 13px!important;
  background:var(--ln-yellow)!important;border:0!important;border-radius:0 30px 30px 0!important;
  box-shadow:0 4px 12px rgba(1,0,33,.3);transform:none!important;text-align:left;
  transition:background .2s}
.latest_news_area .latest_n_item .date:before,
.latest_news_area .latest_n_item .date:after{display:none!important;content:none!important}
.latest_news_area .latest_n_item .date h5{
  margin:0!important;padding:0!important;color:var(--ln-navy)!important;
  font-size:13px;font-weight:800;line-height:1;text-transform:none;white-space:nowrap}
.latest_news_area .latest_n_item .date h5 span{
  display:inline!important;color:var(--ln-navy)!important;font-size:inherit!important;
  font-weight:800;padding:0;margin:0}
.latest_news_area .latest_n_item .l_n_image > a:hover .date{background:#fff!important}

/* Title area */
.latest_news_area .latest_n_item .ctn_bx{
  position:relative;flex:1;display:flex;align-items:center;justify-content:center;
  padding:22px 18px 24px;margin:0;text-align:center;background:#fff}
.latest_news_area .latest_n_item .ctn_bx:before{
  content:"";position:absolute;left:50%;top:0;width:46px;height:3px;margin-left:-23px;
  background:var(--ln-yellow);border-radius:3px}
.latest_news_area .latest_n_item .ctn_bx a{text-decoration:none}
.latest_news_area .latest_n_item .ctn_bx h4{
  margin:0;padding:0;color:var(--ln-navy)!important;font-size:20px;font-weight:800;line-height:1.35;
  transition:color .2s}
.latest_news_area .latest_n_item .ctn_bx h4 font{color:var(--ln-navy)!important}
.latest_news_area .latest_n_item .ctn_bx a:hover h4,
.latest_news_area .latest_n_item .ctn_bx a:hover h4 font{color:#9a6b00!important}
.latest_news_area .latest_n_item a:focus-visible{outline:3px solid var(--ln-navy);outline-offset:2px}

/* ---------- Responsive ---------- */
@media(max-width:991px){
  .latest_news_area .sec_middle_title{max-width:92%}
  .latest_news_area .sec_middle_title h4{font-size:28px}
}
@media(max-width:767px){
  .latest_news_area{padding:40px 0 14px}
  .latest_news_area + .latest_news_area{padding-top:14px;padding-bottom:40px}
  .latest_news_area .sec_middle_title{max-width:100%;padding:24px 18px 30px;margin-bottom:28px;border-radius:16px}
  .latest_news_area .sec_middle_title h4{font-size:23px}
  .latest_news_area .sec_middle_title .ln-sub{font-size:14.5px}
  .latest_news_area .latest_news_inner > [class*="col-"]{margin-bottom:22px}
  .latest_news_area .latest_n_item .ctn_bx h4{font-size:18px}
}
@media(prefers-reduced-motion:reduce){
  .latest_news_area .latest_n_item,
  .latest_news_area .latest_n_item .l_n_image > img{transition:none}
  .latest_news_area .latest_n_item:hover{transform:none}
}