/* =========================================================
   FLIGHTPALAVER PREMIUM AGENCY UPGRADE
   Safe visual layer only: no functional JS/data changes.
   Applies to desktop and mobile.
========================================================= */
:root{
  --fp-ink:#061516;
  --fp-night:#031a17;
  --fp-deep:#042b25;
  --fp-emerald:#006b4f;
  --fp-green:#00b67a;
  --fp-mint:#dffcf0;
  --fp-gold:#d9b45f;
  --fp-gold-2:#f4d888;
  --fp-cloud:#f4fbf8;
  --fp-white:#fff;
  --fp-shadow:0 24px 70px rgba(3,26,23,.18);
  --fp-radius:28px;
}

html{scroll-behavior:smooth;}
body{background:linear-gradient(180deg,#f8fffb 0%,#eefcf5 45%,#e5f8ef 100%) !important;color:var(--fp-ink);}
body::selection{background:var(--fp-gold);color:#05211d;}

/* premium aviation header */
.header{
  position:sticky !important;
  top:0;
  z-index:1500;
  min-height:74px !important;
  height:auto !important;
  background:rgba(3,26,23,.88) !important;
  border-bottom:1px solid rgba(217,180,95,.22) !important;
  box-shadow:0 18px 50px rgba(0,0,0,.22) !important;
  backdrop-filter:blur(18px) saturate(1.12);
  -webkit-backdrop-filter:blur(18px) saturate(1.12);
}
.header .nav,.nav{max-width:1220px !important;padding:0 22px !important;}
.header .logo img,.logo img{height:54px !important;width:auto !important;object-fit:contain;filter:drop-shadow(0 8px 18px rgba(0,0,0,.22));}
.header .menu,.menu{gap:26px !important;align-items:center !important;}
.header .menu a,.menu a{
  position:relative;
  color:rgba(255,255,255,.92) !important;
  font-weight:800 !important;
  letter-spacing:.01em;
  padding:9px 0 !important;
}
.header .menu a::after,.menu a::after{
  content:"";position:absolute;left:0;right:auto;bottom:0;width:0;height:2px;
  background:linear-gradient(90deg,var(--fp-gold),var(--fp-gold-2));
  transition:width .28s ease;
}
.header .menu a:hover::after,.menu a:hover::after{width:100%;}
.header .menu a:hover,.menu a:hover{color:#fff8dc !important;opacity:1 !important;}

/* hero: top-class aviation look */
.hero{
  margin-top:0 !important;
  min-height:660px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  isolation:isolate;
  background:
    linear-gradient(115deg,rgba(2,18,16,.94) 0%,rgba(4,43,37,.86) 42%,rgba(0,40,32,.50) 100%),
    radial-gradient(circle at 18% 18%,rgba(217,180,95,.25),transparent 28%),
    url('images/Hor plane.png') center/cover no-repeat !important;
}
.hero::before{background:radial-gradient(circle,rgba(217,180,95,.32),transparent 66%) !important;filter:blur(14px) !important;}
.hero::after{background:radial-gradient(circle,rgba(0,182,122,.30),transparent 65%) !important;filter:blur(18px) !important;}
.hero h1,.hero-title-web{
  font-size:clamp(42px,6vw,86px) !important;
  line-height:.98 !important;
  max-width:980px !important;
  font-weight:900 !important;
  letter-spacing:-.055em !important;
  text-shadow:0 12px 36px rgba(0,0,0,.36);
}
.hero p{font-size:clamp(17px,2vw,22px) !important;max-width:760px !important;color:rgba(255,255,255,.90) !important;}
.search-box{filter:drop-shadow(0 20px 42px rgba(0,0,0,.18));}
.search-box input{
  min-height:58px !important;border-radius:999px 0 0 999px !important;border:1px solid rgba(255,255,255,.36) !important;
  background:rgba(255,255,255,.96) !important;padding-left:24px !important;font-weight:700 !important;
}
.search-box button{
  min-height:58px !important;border-radius:0 999px 999px 0 !important;
  background:linear-gradient(135deg,var(--fp-gold-2),var(--fp-gold)) !important;color:#08201b !important;
  font-weight:900 !important;border:0 !important;padding:0 30px !important;
}
.search-box button:hover{transform:translateY(-1px);box-shadow:0 18px 36px rgba(217,180,95,.30) !important;}

/* premium cards and sections */
section{scroll-margin-top:92px;}
.stats-section,.trusted-airlines,.how-section,.trust-section,.live-feed-section,.complaints-section,.airline-hero-section,.ratings-page,.partner-page,.about-content-pro,.contact-page,.submit-page{
  position:relative;
}
.stat-card,.trust-box,.how-step,.card,.form-card,.live-filters-wrapper,.live-report-card,.complaint-card,.airline-card,.ratings-form-card,.rankings-panel,.partner-card,.package-card,.direct-partner-card,.ad-slot-premium{
  border:1px solid rgba(0,107,79,.12) !important;
  box-shadow:var(--fp-shadow) !important;
  transition:transform .28s ease,box-shadow .28s ease,border-color .28s ease !important;
}
.stat-card:hover,.trust-box:hover,.how-step:hover,.card:hover,.live-report-card:hover,.complaint-card:hover,.airline-card:hover,.partner-card:hover,.package-card:hover{
  transform:translateY(-6px);
  border-color:rgba(217,180,95,.38) !important;
  box-shadow:0 34px 90px rgba(3,26,23,.22) !important;
}
.stat-card h3,.live-feed-title,.section-title,.how-section h2,.trust-section h2,.trusted-airlines h2{letter-spacing:-.035em;}
.live-feed-section{
  background:
    radial-gradient(circle at 16% 12%,rgba(217,180,95,.16),transparent 30%),
    linear-gradient(135deg,#031a17 0%,#042b25 52%,#00533e 100%) !important;
  color:#fff !important;
  overflow:hidden;
}
.live-feed-section::after{
  content:"";position:absolute;inset:auto -14% -22% auto;width:460px;height:460px;border-radius:999px;
  background:rgba(0,182,122,.16);filter:blur(18px);pointer-events:none;
}
.live-feed-title{color:#fff !important;text-shadow:0 12px 30px rgba(0,0,0,.25);}
.live-filters-wrapper,.live-dashboard,.live-report-card{position:relative;z-index:1;}
.live-filters-wrapper{background:rgba(255,255,255,.11) !important;border-color:rgba(255,255,255,.20) !important;backdrop-filter:blur(14px);}
.filter-group select,.filter-group input,input,select,textarea{
  border-radius:18px !important;border:1px solid rgba(3,26,23,.10) !important;
}
button,.btn,.submit-btn,.primary-btn{transition:transform .24s ease,box-shadow .24s ease,background .24s ease !important;}
button:hover,.btn:hover,.submit-btn:hover,.primary-btn:hover{transform:translateY(-2px);}

.footer,footer{background:linear-gradient(135deg,#031a17,#010b09) !important;border-top:1px solid rgba(217,180,95,.18) !important;}
.footer a,footer a{color:rgba(255,255,255,.85) !important;}
.footer a:hover,footer a:hover{color:var(--fp-gold-2) !important;}

/* agency micro-interactions */
.fp-scroll-progress{position:fixed;top:0;left:0;height:3px;width:0;z-index:5000;background:linear-gradient(90deg,var(--fp-gold),var(--fp-green));box-shadow:0 0 18px rgba(217,180,95,.65);transition:width .1s linear;}
.fp-back-top{position:fixed;right:22px;bottom:22px;z-index:2100;width:48px;height:48px;border-radius:999px;border:1px solid rgba(217,180,95,.36);background:rgba(3,26,23,.88);color:#fff;display:grid;place-items:center;box-shadow:0 18px 42px rgba(0,0,0,.25);opacity:0;pointer-events:none;transform:translateY(10px);transition:.25s ease;}
.fp-back-top.show{opacity:1;pointer-events:auto;transform:translateY(0);}
.fp-back-top:hover{background:var(--fp-gold);color:#031a17;}

/* Launch page also gets richer without changing structure */
.fp-home-intro-page .topbar{border:1px solid rgba(217,180,95,.25) !important;box-shadow:0 24px 80px rgba(3,26,23,.16) !important;}
.fp-home-intro-page .copy-panel{box-shadow:0 34px 100px rgba(3,26,23,.16) !important;border-color:rgba(217,180,95,.20) !important;}
.fp-home-intro-page .visual-card{box-shadow:0 34px 100px rgba(3,26,23,.20) !important;}

@media (max-width:1024px){
  .header .nav,.nav{padding:0 16px !important;}
  .hero{min-height:auto;padding:78px 20px 66px !important;}
  .hero h1{font-size:clamp(36px,8vw,58px) !important;}
}

@media (max-width:768px){
  body{background:#f3fbf7 !important;padding-bottom:86px !important;}
  .header{min-height:68px !important;background:rgba(255,255,255,.96) !important;border-bottom:1px solid rgba(3,26,23,.08) !important;}
  .header .logo img,.logo img{height:46px !important;}
  .mobile-menu-toggle{border:1px solid rgba(0,107,79,.16) !important;background:#fff !important;box-shadow:0 12px 30px rgba(3,26,23,.10) !important;}
  .menu.mobile-menu-open{background:linear-gradient(180deg,#031a17,#042b25) !important;border-left:1px solid rgba(217,180,95,.22) !important;box-shadow:-22px 0 70px rgba(0,0,0,.28) !important;}
  .menu.mobile-menu-open a{font-size:16px !important;color:#fff !important;border-bottom:1px solid rgba(255,255,255,.10) !important;padding:18px 4px !important;}
  .hero{padding:58px 18px 48px !important;border-radius:0 0 34px 34px !important;background-position:center !important;}
  .hero h1{font-size:34px !important;line-height:1.04 !important;max-width:360px !important;}
  .hero p{font-size:15px !important;max-width:350px !important;}
  .search-box{display:grid !important;grid-template-columns:1fr !important;gap:12px !important;max-width:390px !important;width:100% !important;}
  .search-box input,.search-box button{border-radius:18px !important;width:100% !important;min-height:52px !important;}
  .stats-section,.how-grid,.trust-grid,.partner-grid,.package-grid,.direct-partner-grid{gap:14px !important;}
  .stat-card,.trust-box,.how-step,.card,.form-card,.live-filters-wrapper,.live-report-card,.complaint-card,.airline-card{border-radius:24px !important;}
  .live-feed-section{border-radius:34px 34px 0 0 !important;margin-top:18px !important;}
  .live-filters{display:grid !important;grid-template-columns:1fr !important;gap:12px !important;}
  .fp-back-top{right:16px;bottom:96px;width:44px;height:44px;}
}

/* =========================================================
   FLIGHTPALAVER PREMIUM MENU VISIBILITY FIX V1.1
   Safe CSS-only fix: restores desktop and mobile navigation
   without changing app.js or any site functionality.
========================================================= */
.mobile-top-nav{
  display:none !important;
  visibility:hidden !important;
  height:0 !important;
  overflow:hidden !important;
}

.header,
header.header{
  position:sticky !important;
  top:0 !important;
  z-index:5000 !important;
  background:rgba(3,26,23,.94) !important;
  background-image:none !important;
  border-bottom:1px solid rgba(217,180,95,.24) !important;
  box-shadow:0 18px 50px rgba(0,0,0,.22) !important;
  backdrop-filter:blur(18px) saturate(1.12) !important;
  -webkit-backdrop-filter:blur(18px) saturate(1.12) !important;
}

.header .nav,
.nav{
  min-height:78px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  background:transparent !important;
}

.header .logo,
.header .logo a,
.logo,
.logo a{
  display:flex !important;
  align-items:center !important;
  margin:0 !important;
  padding:0 !important;
  line-height:0 !important;
  background:transparent !important;
  transform:none !important;
}

.header .logo img,
.logo img{
  height:56px !important;
  width:auto !important;
  max-width:190px !important;
  background:transparent !important;
  object-fit:contain !important;
  border:0 !important;
  box-shadow:none !important;
  transform:none !important;
  filter:drop-shadow(0 8px 18px rgba(0,0,0,.20)) !important;
}

@media (min-width:1025px){
  .header .menu,
  .menu{
    display:flex !important;
    position:static !important;
    flex-direction:row !important;
    align-items:center !important;
    justify-content:flex-end !important;
    gap:26px !important;
    width:auto !important;
    height:auto !important;
    max-width:none !important;
    padding:0 !important;
    margin:0 !important;
    background:transparent !important;
    border:0 !important;
    box-shadow:none !important;
    transform:none !important;
    opacity:1 !important;
    visibility:visible !important;
    pointer-events:auto !important;
    overflow:visible !important;
  }

  .header .menu a,
  .menu a,
  .header nav a,
  .nav a{
    display:inline-flex !important;
    align-items:center !important;
    width:auto !important;
    min-height:auto !important;
    padding:9px 0 !important;
    margin:0 !important;
    border:0 !important;
    border-radius:0 !important;
    background:transparent !important;
    color:rgba(255,255,255,.94) !important;
    font-size:15px !important;
    font-weight:800 !important;
    line-height:1.2 !important;
    text-decoration:none !important;
    box-shadow:none !important;
    transform:none !important;
  }

  .header .menu a:hover,
  .menu a:hover,
  .header nav a:hover,
  .nav a:hover{
    color:#fff8dc !important;
    opacity:1 !important;
  }

  .mobile-menu-toggle,
  .mobile-menu-overlay{
    display:none !important;
  }
}

@media (max-width:1024px){
  .header,
  header.header{
    min-height:72px !important;
    background:rgba(3,26,23,.96) !important;
    border-bottom:1px solid rgba(217,180,95,.22) !important;
  }

  .header .nav,
  .nav{
    min-height:72px !important;
    padding:0 18px !important;
  }

  .header .logo img,
  .logo img{
    height:48px !important;
    max-width:160px !important;
  }

  .mobile-menu-toggle{
    display:inline-flex !important;
    visibility:visible !important;
    opacity:1 !important;
    width:48px !important;
    height:48px !important;
    min-width:48px !important;
    border:1px solid rgba(217,180,95,.30) !important;
    border-radius:16px !important;
    background:rgba(255,255,255,.08) !important;
    box-shadow:0 12px 30px rgba(0,0,0,.18) !important;
    z-index:5200 !important;
  }

  .mobile-menu-toggle span{
    background:#f4d888 !important;
  }

  .mobile-menu-overlay{
    z-index:4900 !important;
    background:rgba(0,0,0,.46) !important;
  }

  .header .menu,
  .menu{
    display:flex !important;
    position:fixed !important;
    top:82px !important;
    left:16px !important;
    right:16px !important;
    width:auto !important;
    max-width:calc(100vw - 32px) !important;
    z-index:5100 !important;
    flex-direction:column !important;
    gap:10px !important;
    padding:18px !important;
    border-radius:26px !important;
    background:linear-gradient(180deg,#031a17 0%,#042b25 100%) !important;
    border:1px solid rgba(217,180,95,.22) !important;
    box-shadow:0 26px 80px rgba(0,0,0,.34) !important;
    transform:translateY(-12px) scale(.98) !important;
    opacity:0 !important;
    visibility:hidden !important;
    pointer-events:none !important;
    transition:.25s ease !important;
    overflow:hidden !important;
  }

  .header .menu.mobile-menu-open,
  .menu.mobile-menu-open{
    transform:translateY(0) scale(1) !important;
    opacity:1 !important;
    visibility:visible !important;
    pointer-events:auto !important;
  }

  .header .menu a,
  .menu a{
    display:flex !important;
    align-items:center !important;
    justify-content:flex-start !important;
    width:100% !important;
    min-height:48px !important;
    padding:13px 16px !important;
    border-radius:16px !important;
    border-bottom:1px solid rgba(255,255,255,.08) !important;
    background:rgba(255,255,255,.06) !important;
    color:#ffffff !important;
    font-size:15px !important;
    font-weight:850 !important;
    line-height:1.2 !important;
    text-decoration:none !important;
  }

  .header .menu a:hover,
  .header .menu a:active,
  .menu a:hover,
  .menu a:active{
    background:rgba(217,180,95,.14) !important;
    color:#f4d888 !important;
  }

  .header .menu a::after,
  .menu a::after{
    display:none !important;
  }

  .header .menu a[href="submit.html"],
  .menu a[href="submit.html"]{
    background:linear-gradient(135deg,var(--fp-gold-2),var(--fp-gold)) !important;
    color:#031a17 !important;
    justify-content:center !important;
    font-weight:900 !important;
    border-bottom:0 !important;
  }
}
/* ==========================================
   MOBILE ONLY — LSGHair-style premium menu
   Desktop untouched
========================================== */
@media (max-width: 768px) {
  .header .menu.mobile-menu-open,
  .menu.mobile-menu-open {
    position: fixed !important;
    top: 105px !important;
    left: 7% !important;
    right: 7% !important;
    width: auto !important;
    max-width: none !important;
    height: auto !important;
    padding: 34px 26px !important;
    border-radius: 34px !important;
    background: linear-gradient(180deg, #ffffff 0%, #f0fff7 100%) !important;
    box-shadow: 0 30px 80px rgba(0, 0, 0, 0.28) !important;
    border: 1px solid rgba(0, 120, 70, 0.16) !important;
    z-index: 99999 !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 14px !important;
  }

  .menu.mobile-menu-open::before {
    content: "MENU";
    display: block;
    width: fit-content;
    margin: 0 auto 14px;
    padding: 12px 28px;
    border-radius: 16px;
    background: linear-gradient(135deg, #e8fff2, #ffffff);
    color: #063f2d;
    font-weight: 900;
    letter-spacing: 0.22em;
    font-size: 16px;
    box-shadow: 0 12px 28px rgba(0, 100, 60, 0.12);
  }

  .menu.mobile-menu-open a {
    color: #063f2d !important;
    -webkit-text-fill-color: #063f2d !important;
    opacity: 1 !important;
    visibility: visible !important;
    display: block !important;
    background: rgba(6, 63, 45, 0.06) !important;
    border: 1px solid rgba(6, 63, 45, 0.08) !important;
    border-radius: 18px !important;
    padding: 15px 18px !important;
    margin: 0 !important;
    font-size: 18px !important;
    font-weight: 800 !important;
    text-align: center !important;
    text-shadow: none !important;
  }

  .menu.mobile-menu-open a[href*="submit"] {
    background: linear-gradient(135deg, #f4d66f, #e8bd45) !important;
    color: #062f22 !important;
    -webkit-text-fill-color: #062f22 !important;
    border: none !important;
    font-weight: 900 !important;
    box-shadow: 0 14px 32px rgba(232, 189, 69, 0.28) !important;
  }
}
/* MOBILE ONLY — make all page headers match homepage dark-green header */
@media (max-width: 768px) {

  body:not(.home-page) header,
  body:not(.home-page) .header,
  body:not(.home-page) .site-header,
  body:not(.home-page) .top-header,
  body:not(.home-page) .navbar {
    background: #072d25 !important;
    background-image: linear-gradient(135deg, #072d25 0%, #082f27 45%, #041f1a 100%) !important;
    box-shadow: 0 10px 30px rgba(0, 40, 25, 0.35) !important;
    border-bottom: 3px solid #08a86b !important;
  }

  body:not(.home-page) header a,
  body:not(.home-page) .header a,
  body:not(.home-page) .site-header a,
  body:not(.home-page) .navbar a {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
  }

  body:not(.home-page) .hamburger,
  body:not(.home-page) .menu-toggle,
  body:not(.home-page) .mobile-toggle {
    background: rgba(255, 255, 255, 0.12) !important;
    border: 1px solid rgba(255, 255, 255, 0.28) !important;
  }

  body:not(.home-page) .hamburger span,
  body:not(.home-page) .menu-toggle span,
  body:not(.home-page) .mobile-toggle span {
    background: #f4d66f !important;
  }
}
/* Social Icons */

.social-links{
  display:flex;
  gap:14px;
  margin-top:20px;
  flex-wrap:wrap;
  }
  
  .social-links a{
  width:42px;
  height:42px;
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  background:rgba(255,255,255,.12);
  color:#fff;
  text-decoration:none;
  font-size:18px;
  transition:.3s;
  }
  
  .social-links a:hover{
  background:#0bbf73;
  transform:translateY(-3px);
  box-shadow:0 12px 30px rgba(11,191,115,.35);
  }
  
  @media(max-width:768px){
  
  .social-links{
  justify-content:center;
  margin-top:18px;
  }
  
  }
/* =========================================================
   GLOBAL FOOTER CONSISTENCY FIX
   Replicates the premium homepage footer layout across all pages.
   CSS-only: no HTML, JS, links, icons, or functionality changed.
========================================================= */
.footer,
footer.footer,
footer{
  background:
    radial-gradient(circle at top left, rgba(11,191,115,.16), transparent 30%),
    linear-gradient(135deg,#031a17 0%,#02110e 58%,#010807 100%) !important;
  color:#ffffff !important;
  padding:70px 40px 34px !important;
  border-radius:40px 40px 0 0 !important;
  margin-top:90px !important;
  border-top:1px solid rgba(217,180,95,.18) !important;
  box-shadow:0 -24px 70px rgba(0,70,45,.16) !important;
}

.footer-grid,
footer .footer-grid{
  max-width:1200px !important;
  margin:0 auto !important;
  display:grid !important;
  grid-template-columns:repeat(3,1fr) !important;
  gap:70px !important;
  align-items:start !important;
  text-align:center !important;
}

.footer-grid > div,
footer .footer-grid > div{
  text-align:center !important;
}

.footer h3,
.footer h4,
footer h3,
footer h4{
  color:#ffffff !important;
  margin-bottom:20px !important;
  font-weight:800 !important;
  letter-spacing:-.01em !important;
}

.footer p,
footer p{
  color:rgba(255,255,255,.82) !important;
  line-height:1.9 !important;
  margin-left:auto !important;
  margin-right:auto !important;
}

.footer a,
footer a{
  color:#d7ffe9 !important;
  text-decoration:none !important;
  font-weight:800 !important;
  line-height:2.05 !important;
}

.footer a:hover,
footer a:hover{
  color:var(--fp-gold-2,#f4d888) !important;
}

.footer .copyright,
footer .copyright{
  max-width:1200px !important;
  margin:42px auto 0 !important;
  padding-top:28px !important;
  border-top:1px solid rgba(255,255,255,.12) !important;
  text-align:center !important;
  color:rgba(255,255,255,.72) !important;
}

.social-links{
  display:flex !important;
  gap:14px !important;
  margin-top:20px !important;
  flex-wrap:wrap !important;
  justify-content:center !important;
}

.social-links a{
  width:42px !important;
  height:42px !important;
  border-radius:50% !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  background:rgba(255,255,255,.12) !important;
  color:#ffffff !important;
  text-decoration:none !important;
  font-size:18px !important;
  transition:transform .25s ease, box-shadow .25s ease, background .25s ease !important;
}

.social-links a:hover{
  background:#0bbf73 !important;
  transform:translateY(-3px) !important;
  box-shadow:0 12px 30px rgba(11,191,115,.35) !important;
}

@media(max-width:768px){
  .footer,
  footer.footer,
  footer{
    padding:55px 22px 110px !important;
    border-radius:30px 30px 0 0 !important;
    margin-top:70px !important;
  }

  .footer-grid,
  footer .footer-grid{
    grid-template-columns:1fr !important;
    gap:35px !important;
    text-align:center !important;
  }

  .footer-grid > div,
  footer .footer-grid > div{
    margin:0 auto !important;
    text-align:center !important;
  }

  .footer p,
  footer p{
    max-width:360px !important;
  }

  .social-links{
    justify-content:center !important;
    margin-top:18px !important;
  }
}

/* =========================================================
   PERFORMANCE SAFE FIX — Mobile hero uses optimized WebP only
   Desktop remains on the original PNG hero background.
   This improves mobile LCP without changing layout or JS.
========================================================= */
@media (max-width:768px){
  .hero{
    background:
      linear-gradient(115deg,rgba(2,18,16,.94) 0%,rgba(4,43,37,.86) 42%,rgba(0,40,32,.50) 100%),
      radial-gradient(circle at 18% 18%,rgba(217,180,95,.25),transparent 28%),
      url('images/Hor plane.png') center/cover no-repeat !important;

    background-image:
      linear-gradient(115deg,rgba(2,18,16,.94) 0%,rgba(4,43,37,.86) 42%,rgba(0,40,32,.50) 100%),
      radial-gradient(circle at 18% 18%,rgba(217,180,95,.25),transparent 28%),
      image-set(
        url('images/Hor-plane-optimized.webp') type('image/webp'),
        url('images/Hor plane.png') type('image/png')
      ) !important;

    background-position:center,center,center !important;
    background-size:auto,auto,cover !important;
    background-repeat:no-repeat !important;
  }
}