/* =========================================================
   AEROZONE EQUIPMENT PVT. LTD. — "Redefining Air Dynamics"
   Design tokens
   ========================================================= */
:root{
  --blue: #24286E;
  --blue-dark: #14163f;
  --blue-soft: #3b3f96;
  --orange: #F36A21;
  --orange-soft: #ff9457;
  --white: #FFFFFF;
  --bg-light: #F6F8FC;
  --bg-dark: #101828;
  --grey: #D7DDE7;
  --ink: #16192b;
  --grad-primary: linear-gradient(120deg, var(--blue) 0%, #4b3f9e 45%, var(--orange) 100%);
  --grad-line: linear-gradient(90deg, var(--blue) 0%, var(--orange) 100%);
  --glass-bg: rgba(255,255,255,0.08);
  --glass-border: rgba(255,255,255,0.18);
  --shadow-soft: 0 20px 60px rgba(20,22,63,0.12);
  --shadow-deep: 0 30px 80px rgba(10,12,40,0.35);
  --radius: 18px;
  --ease: cubic-bezier(.19,1,.22,1);
}

*{box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{
  font-family:'Inter', sans-serif;
  color:var(--ink);
  background:var(--bg-light);
  overflow-x:hidden;
  -webkit-font-smoothing:antialiased;
}
h1,h2,h3,.font-head{
  font-family:'Montserrat', sans-serif;
  font-weight:800;
  letter-spacing:-0.02em;
  color:var(--blue);
}
.font-sub{
  font-family:'Poppins', sans-serif;
  font-weight:600;
}
.font-num{
  font-family:'Oswald', sans-serif;
  font-weight:600;
}
a{text-decoration:none;}
::selection{background:var(--orange); color:#fff;}

::-webkit-scrollbar{width:9px;}
::-webkit-scrollbar-track{background:var(--bg-light);}
::-webkit-scrollbar-thumb{background:var(--grad-line); border-radius:10px;}

.container-xl{max-width:1320px; margin:0 auto; padding:0 24px;}

a:focus-visible, button:focus-visible, input:focus-visible, textarea:focus-visible, select:focus-visible{
  outline:3px solid var(--orange); outline-offset:2px;
}
@media (prefers-reduced-motion: reduce){
  *{animation-duration:0.001ms !important; animation-iteration-count:1 !important; transition-duration:0.001ms !important; scroll-behavior:auto !important;}
}

/* =============== eyebrow / labels =============== */
.eyebrow{
  display:inline-flex; align-items:center; gap:.5rem;
  font-family:'Poppins',sans-serif; font-weight:600; font-size:.78rem;
  letter-spacing:.18em; text-transform:uppercase; color:var(--orange);
  margin-bottom:14px;
}
.eyebrow::before{
  content:""; width:26px; height:2px; background:var(--orange); display:inline-block;
}
.section-title{font-size:clamp(1.9rem,3.4vw,2.7rem); margin-bottom:14px; line-height:1.15;}
.section-lead{color:#5b6172; max-width:640px; font-size:15.1px;}
.section-pad{padding:60px 0;}

/* =============== signature: blade divider =============== */
.blade-divider{
  position:relative; height:2px; width:100%; overflow:hidden; line-height:0;
}
.blade-divider svg{width:100%; height:100%; display:none;}
.blade-divider.to-dark path{fill:var(--bg-dark);}
.blade-divider.to-light path{fill:var(--bg-light);}
.blade-divider.to-white path{fill:#fff;}

/* =============== preloader =============== */
#preloader{
  position:fixed; inset:0; z-index:9999; background:var(--blue-dark);
  display:flex; align-items:center; justify-content:center; flex-direction:column; gap:18px;
  transition:opacity .6s var(--ease), visibility .6s var(--ease);
}
#preloader.hide{opacity:0; visibility:hidden; pointer-events:none;}
.loader-blade{
  width:64px; height:64px; position:relative;
}
.loader-blade span{
  position:absolute; top:0; left:50%; width:5px; height:28px; margin-left:-2.5px;
  background:var(--grad-line); border-radius:3px; transform-origin:2.5px 32px;
  animation:spin-blade 1.1s linear infinite;
}
.loader-blade span:nth-child(1){transform:rotate(0deg);}
.loader-blade span:nth-child(2){transform:rotate(60deg); opacity:.85;}
.loader-blade span:nth-child(3){transform:rotate(120deg); opacity:.7;}
.loader-blade span:nth-child(4){transform:rotate(180deg); opacity:.55;}
.loader-blade span:nth-child(5){transform:rotate(240deg); opacity:.4;}
.loader-blade span:nth-child(6){transform:rotate(300deg); opacity:.25;}
@keyframes spin-blade{to{transform:rotate(360deg);}}
#preloader p{color:var(--grey); font-family:'Poppins',sans-serif; font-size:.85rem; letter-spacing:.15em; text-transform:uppercase;}

/* =============== cursor glow =============== */
.cursor-glow{
  position:fixed; width:420px; height:420px; border-radius:50%; pointer-events:none; z-index:0;
  background:radial-gradient(circle, rgba(243,106,33,.10), transparent 70%);
  transform:translate(-50%,-50%); transition:opacity .3s ease; opacity:0;
}

/* =============== top utility bar =============== */
.top-bar{
  background:linear-gradient(90deg, var(--blue) 0%, var(--blue-soft) 100%);
  color:#fff; font-family:'Inter',sans-serif; font-size:.8rem;
  position:relative; z-index:1001; transition:max-height .4s var(--ease), padding .4s var(--ease), opacity .4s var(--ease);
}
.top-bar-inner{display:flex; align-items:center; justify-content:space-between; padding:8px 24px; gap:14px;}
.top-bar-info{display:flex; align-items:center; gap:22px; flex-wrap:wrap;}
.top-bar-info a, .top-bar-info span{color:rgba(255,255,255,.88); display:inline-flex; align-items:center; gap:6px; font-size:.79rem;}
.top-bar-info a:hover{color:var(--orange-soft);}
.top-bar-info i{color:var(--orange-soft); font-size:.85rem;}
.top-bar-actions{display:flex; align-items:center; gap:14px;}
.top-bar-social{display:flex; gap:8px;}
.top-bar-social a{width:26px; height:26px; border-radius:50%; background:rgba(255,255,255,.12); color:#fff; display:flex; align-items:center; justify-content:center; font-size:.78rem;}
.top-bar-social a:hover{background:var(--orange);}
.btn-brochure{
  display:inline-flex; align-items:center; gap:8px; font-family:'Poppins',sans-serif; font-weight:600; font-size:.78rem;
  color:#fff; background:rgba(255,255,255,.14); border:1px solid rgba(255,255,255,.35); border-radius:50px;
  padding:7px 16px; transition:all .3s ease;
}
.btn-brochure:hover{background:var(--orange); border-color:var(--orange); transform:translateY(-1px);}
#mainHeader.scrolled .top-bar{max-height:0; padding:0; opacity:0; overflow:hidden;}

/* =============== header =============== */
#mainHeader{
  position:fixed; top:0; left:0; width:100%; z-index:1000;
  transition:all .45s var(--ease);
  background:rgb(255, 255, 255);
  backdrop-filter:blur(2px);
}
.main-header-row{display:flex; align-items:center; justify-content:space-between; padding:14px 24px;}
#mainHeader.scrolled{
  background:rgb(255, 255, 255);
  box-shadow:0 8px 30px rgba(16,24,40,.1);
}
#mainHeader.scrolled .main-header-row{padding:8px 24px;}
.brand{display:flex; align-items:center; gap:12px;}
.brand-mark{
  display:inline-flex; align-items:center; justify-content:center;
  width:48px; height:48px; border-radius:12px; background:var(--grad-primary);
  position:relative; flex-shrink:0;
  box-shadow:0 8px 20px rgba(36,40,110,.35);
}
.brand-mark img{max-width:100%; max-height:100%; object-fit:contain;}
.brand-mark i{color:#fff; font-size:1.3rem;}
.brand-text{line-height:1.05;}
.brand-text strong{font-family:'Montserrat',sans-serif; font-weight:800; font-size:1.12rem; color:var(--blue); display:block;}
.brand-text span{font-family:'Poppins',sans-serif; font-size:.66rem; letter-spacing:.14em; text-transform:uppercase; color:var(--orange);}

.main-nav{display:flex; align-items:center; gap:2px;}
.main-nav .nav-item{position:relative;}
.main-nav .nav-link{
  font-family:'Poppins',sans-serif; font-weight:600; font-size:.92rem;
  padding:10px 16px !important; color:var(--ink); position:relative;
}
.main-nav .nav-link::after{
  content:""; position:absolute; left:16px; right:16px; bottom:6px; height:2px;
  background:var(--orange); transform:scaleX(0); transform-origin:left; transition:transform .35s var(--ease);
}
.main-nav .nav-link:hover::after,.main-nav .nav-link.active::after{transform:scaleX(1);}
.main-nav .nav-link:hover{color:var(--orange) !important;}

.mega-menu{
  position:absolute; top:calc(100% + 14px); left:50%; transform:translateX(-50%) translateY(6px);
  width:340px; max-width:calc(100vw - 40px); background:#fff; border-radius:16px; box-shadow:var(--shadow-deep);
  padding:26px; gap:6px;
  opacity:0; visibility:hidden; transition:all .3s var(--ease); z-index:50;
}
.nav-item:hover .mega-menu{opacity:1; visibility:visible; transform:translateX(-50%) translateY(0);}
.mega-menu a{display:block; padding:9px 12px; border-radius:8px; color:var(--ink); font-size:.78rem; font-weight:500;}
.mega-menu a:hover{background:var(--bg-light); color:var(--orange); padding-left:16px;}
.mega-col-title{font-family:'Poppins',sans-serif; font-weight:700; font-size:.72rem; text-transform:uppercase; letter-spacing:.1em; color:var(--orange); padding:0 12px 8px;}

.btn-quote{
  font-family:'Poppins',sans-serif; font-weight:600; font-size:.88rem;
  padding:12px 26px; border-radius:50px; color:#fff !important; border:none;
  background:var(--grad-primary); background-size:200% auto; box-shadow:0 10px 26px rgba(243,106,33,.28);
  transition:background-position .5s ease, transform .3s ease;
}
.btn-quote:hover{background-position:right center; transform:translateY(-2px);}

.hamburger{
  width:44px; height:44px; border-radius:10px; border:1px solid rgba(36,40,110,.25);
  display:none; align-items:center; justify-content:center; background:transparent; position:relative; z-index:1200;
}
.hamburger span{position:absolute; width:20px; height:2px; background:var(--blue); transition:all .3s ease;}
.hamburger span:nth-child(1){transform:translateY(-6px);}
.hamburger span:nth-child(3){transform:translateY(6px);}
.hamburger.open span:nth-child(1){transform:rotate(45deg);}
.hamburger.open span:nth-child(2){opacity:0;}
.hamburger.open span:nth-child(3){transform:rotate(-45deg);}

/* mobile full screen menu */
.mobile-menu{
  position:fixed; inset:0; background:var(--blue-dark); z-index:1100;
  transform:translateY(-100%); transition:transform .5s var(--ease);
  display:flex; flex-direction:column; padding:110px 32px 40px;
  overflow-y:auto;
}
.mobile-menu.open{transform:translateY(0);}
.mobile-menu .m-link{
  font-family:'Montserrat',sans-serif; font-weight:700; font-size:1.5rem; color:#fff;
  padding:14px 0; border-bottom:1px solid rgba(255,255,255,.1); display:flex; justify-content:space-between; align-items:center;
  cursor:pointer;
}
.mobile-menu .m-link i{font-size:1rem; color:var(--orange); transition:transform .3s;}
.m-sub{max-height:0; overflow:hidden; transition:max-height .4s var(--ease);}
.m-sub a{display:block; padding:10px 0 10px 16px; color:var(--grey); font-family:'Inter'; font-size:.98rem;}
.m-link.open + .m-sub{max-height:400px;}
.m-link.open i{transform:rotate(180deg);}
.mobile-menu .btn-quote{margin-top:24px; text-align:center;}

/* =============== about (bento) =============== */
.about-bento{display:grid; grid-template-columns:.85fr 1.15fr; gap:28px; align-items:stretch;}
.about-bento-panel{
  background:var(--grad-primary); border-radius:24px; padding:38px 32px; color:#fff; position:relative; overflow:hidden;
  display:flex; flex-direction:column; justify-content:space-between; box-shadow:var(--shadow-soft);
}
.about-bento-panel::before{content:""; position:absolute; inset:0; background:radial-gradient(circle at 80% 10%, rgba(255,255,255,.18), transparent 55%);}
.abp-since{position:relative; z-index:1; margin-bottom:30px;}
.abp-since span{display:block; font-family:'Poppins'; font-size:.78rem; text-transform:uppercase; letter-spacing:.1em; opacity:.8; margin-bottom:6px;}
.abp-since strong{font-family:'Oswald'; font-size:2.6rem; display:block;}
.abp-stats{position:relative; z-index:1; display:grid; grid-template-columns:1fr 1fr; gap:18px;}
.abp-stat{display:flex; align-items:center; gap:12px; background:rgba(255,255,255,.1); border:1px solid rgba(255,255,255,.18); border-radius:14px; padding:14px;}
.abp-stat i{font-size:1.3rem; color:var(--orange-soft); flex-shrink:0;}
.abp-stat strong{display:block; font-family:'Oswald'; font-size:1.4rem;}
.abp-stat span{font-size:.7rem; text-transform:uppercase; letter-spacing:.06em; opacity:.75;}

.about-bento-list{display:flex; flex-direction:column; gap:6px; background:#fff; border:1px solid var(--grey); border-radius:24px; padding:10px 32px;}
.abl-item{display:flex; gap:20px; align-items:flex-start; padding:20px 0; border-bottom:1px dashed var(--grey);}
.abl-item:last-child{border-bottom:none;}
.abl-num{font-family:'Oswald'; font-size:1.5rem; color:var(--orange); flex-shrink:0; width:40px; opacity:.75;}
.abl-item strong{font-family:'Poppins'; color:var(--blue); display:block; font-size:1.02rem; margin-bottom:4px;}
.abl-item p{margin:0; font-size:.88rem; color:#5b6172;}

/* Mission / Vision / Values ribbon */
.mv-ribbon{display:grid; grid-template-columns:repeat(3,1fr); gap:24px; margin-top:56px;}
.mv-card{
  position:relative; overflow:hidden; background:#fff; border:1px solid var(--grey); border-radius:20px;
  padding:34px 28px; transition:transform .4s var(--ease), box-shadow .4s var(--ease);
}
.mv-card.alt{background:var(--bg-dark); border-color:transparent;}
.mv-card:hover{transform:translateY(-8px); box-shadow:var(--shadow-soft);}
.mv-watermark{position:absolute; right:-10px; bottom:-18px; font-size:6.5rem; color:var(--bg-light); z-index:0;}
.mv-card.alt .mv-watermark{color:rgba(255,255,255,.05);}
.mv-icon{
  width:54px; height:54px; border-radius:14px; background:var(--grad-primary); color:#fff; position:relative; z-index:1;
  display:flex; align-items:center; justify-content:center; font-size:1.35rem; margin-bottom:18px;
}
.mv-card h5{position:relative; z-index:1; font-family:'Poppins'; font-weight:700; color:var(--blue); font-size:1.05rem; margin-bottom:8px;}
.mv-card.alt h5{color:#fff;}
.mv-card p{position:relative; z-index:1; font-size:.88rem; color:#5b6172; margin:0;}
.mv-card.alt p{color:rgba(255,255,255,.65);}

/* =============== news cards (Latest News section) =============== */
.news-card{
  background:#fff; border-radius:18px; overflow:hidden; border:1px solid var(--grey); height:100%;
  transition:transform .4s var(--ease), box-shadow .4s var(--ease);
}
.news-card:hover{transform:translateY(-6px); box-shadow:var(--shadow-soft); border-color:transparent;}
.news-thumb{aspect-ratio:16/11; position:relative; overflow:hidden; background:var(--grad-primary);}
.news-thumb img{width:100%; height:100%; object-fit:cover; display:block; transition:transform .5s var(--ease);}
.news-card:hover .news-thumb img{transform:scale(1.08);}
.news-thumb .tag{position:absolute; top:12px; left:12px; background:rgba(255,255,255,.2); backdrop-filter:blur(6px); color:#fff; font-size:.68rem; padding:5px 12px; border-radius:20px; font-family:'Poppins'; letter-spacing:.05em;}
.news-body{padding:22px;}
.news-body h5{font-family:'Poppins'; font-weight:700; color:var(--blue); font-size:1.02rem; margin-bottom:8px;}
.news-body p{font-size:.86rem; color:#5b6172; margin:0;}

/* =============== stats strip =============== */
.stats-strip{background:var(--grad-primary); color:#fff; position:relative; overflow:hidden;}
.stats-strip::after{content:""; position:absolute; inset:0; background:radial-gradient(circle at 80% 20%, rgba(255,255,255,.12), transparent 50%);}
.stat-box{text-align:center; position:relative; z-index:1;}
.stat-box .num{font-family:'Oswald'; font-size:clamp(2.2rem,4vw,3.2rem);}
.stat-box .lbl{font-family:'Poppins'; font-size:.82rem; text-transform:uppercase; letter-spacing:.1em; opacity:.85;}

/* =============== client marquee strip =============== */
.client-marquee{overflow:hidden; position:relative; background:#fff; padding:34px 0;}
.marquee-track{display:flex; gap:60px; width:max-content; animation:marquee 28s linear infinite;}
.client-marquee:hover .marquee-track{animation-play-state:paused;}
@keyframes marquee{from{transform:translateX(0);} to{transform:translateX(-50%);}}
.marquee-track .cl{font-family:'Montserrat'; font-weight:800; color:var(--grey); font-size:1.3rem; white-space:nowrap; display:flex; align-items:center; gap:10px;}
.marquee-track .cl i{color:var(--orange); font-size:1.1rem;}

/* =============== faq =============== */
.faq-item{border-bottom:1px solid var(--grey); padding:22px 0;}
.faq-q{
  display:flex; justify-content:space-between; align-items:center; cursor:pointer;
  font-family:'Poppins'; font-weight:600; color:var(--blue); font-size:1rem; gap:14px;
}
.faq-q i{transition:transform .3s ease; color:var(--orange); flex-shrink:0;}
.faq-item.open .faq-q i{transform:rotate(45deg);}
.faq-a{max-height:0; overflow:hidden; transition:max-height .4s var(--ease);}
.faq-item.open .faq-a{max-height:260px;}
.faq-a p{padding-top:14px; color:#5b6172; font-size:.9rem; margin:0;}

/* =============== contact =============== */
.contact-glass{
  background:var(--glass-bg); border:1px solid var(--glass-border); backdrop-filter:blur(16px);
  border-radius:22px; padding:38px; box-shadow:var(--shadow-deep);
}
.dark-section{background:var(--bg-dark); color:#fff; position:relative;}
.dark-section .section-lead{color:rgba(255,255,255,.6);}
.contact-info-item{display:flex; gap:16px; align-items:flex-start; margin-bottom:24px;}
.contact-info-item i{width:46px; height:46px; border-radius:12px; background:rgba(255,255,255,.08); color:var(--orange-soft); display:flex; align-items:center; justify-content:center; flex-shrink:0;}
.contact-info-item strong{display:block; color:#fff; font-family:'Poppins'; font-size:.95rem;}
.contact-info-item span{color:rgba(255,255,255,.6); font-size:.86rem;}
.map-embed{border-radius:16px; overflow:hidden; height:220px; border:1px solid rgba(255,255,255,.12);}

.form-control, .form-select{
  background:rgba(255,255,255,.06); border:1px solid rgba(255,255,255,.18); color:#fff; border-radius:10px;
  padding:12px 16px; font-family:'Inter'; font-size:.92rem; width:100%;
}
.form-control::placeholder{color:rgba(255,255,255,.4);}
.form-control:focus, .form-select:focus{
  background:rgba(255,255,255,.1); border-color:var(--orange); color:#fff; box-shadow:none;
}
.form-select option{color:#000;}
.form-label{color:rgba(255,255,255,.7); font-size:.8rem; font-family:'Poppins'; margin-bottom:6px; display:block;}
.btn-submit{
  width:100%; padding:14px; border-radius:10px; border:none; background:var(--grad-primary); color:#fff;
  font-family:'Poppins'; font-weight:700; letter-spacing:.02em; display:flex; align-items:center; justify-content:center; gap:10px;
  transition:transform .3s ease;
}
.btn-submit:hover{transform:translateY(-2px);}

/* =============== footer =============== */
.site-footer{background:var(--blue-dark); color:rgba(255,255,255,.7); padding:70px 0 0;}
.site-footer h6{font-family:'Poppins'; color:#fff; font-weight:700; margin-bottom:18px; font-size:.95rem;}
.site-footer a{color:rgba(255,255,255,.6); font-size:.88rem; display:block; margin-bottom:10px; transition:color .25s ease, padding .25s ease;}
.site-footer a:hover{color:var(--orange-soft); padding-left:4px;}
.footer-social{display:flex; gap:10px; margin-top:16px;}
.footer-social a{width:38px; height:38px; border-radius:10px; background:rgba(255,255,255,.06); display:flex; align-items:center; justify-content:center; margin:0;}
.footer-social a:hover{background:var(--grad-primary);}
.footer-bottom{border-top:1px solid rgba(255,255,255,.08); margin-top:40px; padding:22px 0; font-size:.8rem; display:flex; justify-content:space-between; flex-wrap:wrap; gap:10px;}
.footer-bottom a{display:inline; margin:0 0 0 18px;}
.newsletter-input{display:flex; border-radius:10px; overflow:hidden; background:rgba(255,255,255,.06); border:1px solid rgba(255,255,255,.15);}
.newsletter-input input{flex:1; background:transparent; border:none; padding:12px 14px; color:#fff; font-size:.85rem; min-width:0;}
.newsletter-input input:focus{outline:none;}
.newsletter-input button{background:var(--grad-primary); border:none; padding:0 18px; color:#fff; flex-shrink:0;}

/* =============== floating action buttons =============== */
.fab-stack{position:fixed; right:22px; bottom:24px; z-index:900; display:flex; flex-direction:column; gap:12px; align-items:flex-end;}
.fab-btn{
  width:52px; height:52px; border-radius:50%; display:flex; align-items:center; justify-content:center; color:#fff;
  box-shadow:0 10px 26px rgba(16,24,40,.25); font-size:1.3rem; position:relative; transition:transform .3s ease;
}
.fab-btn:hover{transform:scale(1.08); color:#fff;}
.fab-whatsapp{background:#25D366;}
.fab-call{background:var(--blue);}
.fab-social{background:var(--blue);}
.fab-top{
  width:44px; height:44px; background:var(--glass-bg); border:1px solid var(--glass-border); backdrop-filter:blur(10px);
  color:var(--blue); font-size:1.05rem; opacity:0; visibility:hidden; transform:translateY(10px);
  transition:all .35s ease;
}
.fab-top.show{opacity:1; visibility:visible; transform:translateY(0);}
.fab-social-toggle{background:var(--grad-primary); cursor:pointer; border:none;}
.fab-socials{display:flex; flex-direction:column; gap:10px; max-height:0; overflow:hidden; transition:max-height .4s ease; align-items:flex-end;}
.fab-socials.open{max-height:260px;}
.fab-socials .fab-btn{width:44px; height:44px; font-size:1.05rem;}

/* modal (shared bootstrap restyle — used by brochure modal) */
.modal-content{border-radius:20px; border:none; overflow:hidden;}
.modal-header{background:var(--grad-primary); color:#fff; border:none; padding:24px 28px;}
.modal-body{padding:28px;}

/* brochure modal (light form, matches white modal-body) */
.brochure-modal-content .modal-body{padding:32px;}
.form-label-light{display:block; color:var(--blue); font-family:'Poppins'; font-weight:600; font-size:.82rem; margin-bottom:8px;}
.form-control-light{
  width:100%; background:var(--bg-light); border:1px solid var(--grey); color:var(--ink); border-radius:10px;
  padding:12px 16px; font-family:'Inter'; font-size:.92rem; transition:border-color .25s ease, background .25s ease;
}
.form-control-light:focus{outline:none; border-color:var(--orange); background:#fff;}
.btn-submit-light{
  width:100%; padding:14px; border-radius:10px; border:none; background:var(--grad-primary); color:#fff;
  font-family:'Poppins'; font-weight:700; letter-spacing:.02em; display:flex; align-items:center; justify-content:center; gap:10px;
  transition:transform .3s ease; cursor:pointer;
}
.btn-submit-light:hover{transform:translateY(-2px);}
.m-brochure{width:100%; justify-content:center; margin-top:18px; padding:14px; font-size:.9rem; background:rgba(255,255,255,.06); border-color:rgba(255,255,255,.2);}

/* utility */
.text-orange{color:var(--orange) !important;}
.bg-blue{background:var(--blue) !important;}





.ostberg-modal__image-wrap {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.ostberg-modal__image {
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
    object-fit: contain;
    display: block;
}
.ostberg-modal__image-wrap {
    width: 100% !important;
    height: 100% !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    overflow: hidden !important;
}

.ostberg-modal__image {
    width: auto !important;
    height: auto !important;
    max-width: 100% !important;
    max-height: 100% !important;
    object-fit: contain !important;
    object-position: center !important;
    display: block !important;
    margin: 0 auto !important;
}