/* Road to 180 Days – Front styles (lightweight, responsive) */
.rt180{
  --rt180-green1:#0f7a4b;
  --rt180-green2:#0b633e;
  --rt180-yellow:#fddc12;
  --rt180-white:#ffffff;
  --rt180-shadow:0 18px 50px rgba(0,0,0,.18);
  font-family: system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, "Noto Sans Bengali", "Hind Siliguri", sans-serif;
  color: var(--rt180-white);
}

.rt180 *{box-sizing:border-box}

.rt180-hero{
  position:relative;
  border-radius: 22px;
  overflow:hidden;
  min-height: 220px;
  background: rgba(255,255,255,.04);
  background-size: cover;
  background-position:center;
  }

.rt180-hero__inner{
  display:flex;
  align-items:stretch;
  justify-content:space-between;
  gap: 18px;
  padding: 22px 22px 16px;
}

.rt180-hero__left{
  display:flex;
  gap: 16px;
  align-items:center;
  min-width: 0;
}

.rt180-hero__logo img{
  width: 88px;
  height: 88px;
  object-fit:contain;
  border-radius: 18px;
  background: rgba(255,255,255,.08);
  padding: 10px;
  backdrop-filter: blur(6px);
}
.rt180-hero__logoPlaceholder{
  width: 88px;
  height: 88px;
  border-radius: 18px;
  display:grid;
  place-items:center;
  background: rgba(255,255,255,.10);
  border:1px dashed rgba(255,255,255,.35);
  font-weight:700;
  letter-spacing:.08em;
  font-size: 12px;
}

.rt180-hero__titles{min-width:0}
.rt180-hero__headline{
  margin:0;
  font-size: clamp(22px, 3.2vw, 44px);
  line-height:1.1;
  letter-spacing:.02em;
  font-weight:900;
  text-transform:uppercase;
  text-shadow:0 6px 20px rgba(0,0,0,.28);
}
.rt180-hero__sub{
  margin:8px 0 0;
  font-size: clamp(14px, 1.7vw, 18px);
  opacity:.95;
}

.rt180-hero__right{
  display:flex;
  align-items:flex-end;
  justify-content:flex-end;
  min-width: 140px;
}
.rt180-hero__right img{
  width: clamp(140px, 22vw, 260px);
  height:auto;
  object-fit:contain;
  filter: drop-shadow(0 18px 30px rgba(0,0,0,.25));
}
.rt180-hero__rightPlaceholder{
  width: clamp(140px, 22vw, 260px);
  height: 160px;
  border-radius: 18px;
  display:grid;
  place-items:center;
  background: rgba(255,255,255,.10);
  border:1px dashed rgba(255,255,255,.35);
  font-weight:700;
  letter-spacing:.08em;
  font-size: 12px;
}

.rt180-hero__shine{
  position:absolute;
  inset:-40% -20%;
  background: radial-gradient(700px 220px at 20% 35%, rgba(253,220,18,.22), transparent 62%);
  pointer-events:none;
  transform: translate3d(0,0,0);
  animation: rt180Float 6.5s ease-in-out infinite;
}
@keyframes rt180Float{
  0%,100%{transform:translate3d(0,0,0)}
  50%{transform:translate3d(0,10px,0)}
}

/* Micro "dynamic animation" badge (very lightweight) */
.rt180-animBadge{
  display:inline-flex;
  align-items:center;
  gap: 10px;
  margin-bottom: 8px;
}
.rt180-animDot{
  width: 10px; height:10px;
  border-radius: 50%;
  background: var(--rt180-yellow);
  box-shadow: 0 0 0 rgba(253,220,18,.0);
}
.rt180-animPulse{
  width: 36px; height: 10px;
  border-radius: 999px;
  background: linear-gradient(90deg, rgba(253,220,18,.0), rgba(253,220,18,.85), rgba(253,220,18,.0));
  animation: rt180Pulse 1.6s ease-in-out infinite;
}
@keyframes rt180Pulse{
  0%{transform:translateX(-10px);opacity:.6}
  50%{transform:translateX(10px);opacity:1}
  100%{transform:translateX(-10px);opacity:.6}
}

@media (prefers-reduced-motion: reduce){
  .rt180-hero__shine,.rt180-animPulse{animation:none}
}

.rt180-underbar{
  border-top: 1px solid rgba(255,255,255,.12);
  padding-top: 14px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap: 14px;
  margin-top: 14px;
  padding: 0 6px;
}
.rt180-cta{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding: 10px 14px;
  border-radius: 12px;
  background: rgba(255,255,255,.92);
  color: #0b4f35;
  font-weight:800;
  text-decoration:none;
  box-shadow: 0 10px 26px rgba(0,0,0,.12);
}
.rt180-cta:hover{transform: translateY(-1px)}
.rt180-social{display:flex; gap: 10px; align-items:center;}
.rt180-social__a{
  width: 38px; height:38px;
  border-radius: 999px;
  display:grid; place-items:center;
  background: rgba(255,255,255,.12);
  border:1px solid rgba(255,255,255,.22);
  color: #fff;
  text-decoration:none;
  font-weight:900;
  letter-spacing:.02em;
}
.rt180-social__a:hover{background: rgba(255,255,255,.18)}

/* Grid */
.rt180-grid{
  margin-top: 18px;
  display:grid;
  gap: 18px;
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
.rt180[data-cols="2"] .rt180-grid{grid-template-columns: repeat(2, minmax(0, 1fr));}
.rt180[data-cols="4"] .rt180-grid{grid-template-columns: repeat(4, minmax(0, 1fr));}

@media (max-width: 980px){
  .rt180-grid{grid-template-columns: repeat(2, minmax(0, 1fr));}
  .rt180-hero__inner{padding: 18px 16px 14px;}
}
@media (max-width: 560px){
  .rt180-grid{grid-template-columns: 1fr;}
  .rt180-hero__inner{flex-direction:column; align-items:flex-start;}
  .rt180-hero__right{align-self:stretch; justify-content:flex-start}
}

.rt180-card{
  background: rgba(255,255,255,.08);
  border: 1px solid rgba(255,255,255,.14);
  border-radius: 18px;
  overflow:hidden;
  box-shadow: 0 14px 40px rgba(0,0,0,.18);
  backdrop-filter: blur(7px);
}
.rt180-card__img{
  width:100%;
  aspect-ratio: 4 / 3;
  background-size: cover;
  background-position:center;
}
.rt180-card__body{padding: 12px 12px 14px;}
.rt180-card__title{
  margin:0;
  font-size: 15px;
  line-height:1.35;
  min-height: 44px;
  font-weight:800;
  color:#fff;
}
.rt180-card__footer{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap: 10px;
  margin-top: 10px;
}
.rt180-know{
  border:0;
  cursor:pointer;
  padding: 8px 10px;
  border-radius: 10px;
  background: var(--rt180-yellow);
  color:#163b2c;
  font-weight:900;
  font-size: 12px;
}
.rt180-know:hover{filter: brightness(.98); transform: translateY(-1px);}

.rt180-progress{
  width: 120px;
  height: 10px;
  border-radius: 999px;
  background: rgba(255,255,255,.16);
  overflow:hidden;
  border: 1px solid rgba(255,255,255,.18);
}
.rt180-progress__fill{
  display:block;
  height:100%;
  background: linear-gradient(90deg, rgba(253,220,18,1), rgba(253,220,18,.65));
  border-radius: 999px;
}

.rt180-progress--lg{
  width: min(420px, 70vw);
  height: 12px;
}

.rt180-empty{
  grid-column: 1 / -1;
  padding: 16px;
  border: 1px dashed rgba(255,255,255,.25);
  border-radius: 16px;
  opacity:.95;
}

/* Modal */
.rt180-modal{
  position: fixed;
  inset: 0;
  display:none;
  z-index: 9999;
}
.rt180-modal.is-open{display:block;}
.rt180-modal__backdrop{
  position:absolute; inset:0;
  background: rgba(0,0,0,.55);
  backdrop-filter: blur(3px);
}
.rt180-modal__panel{
  position: relative;
  width: min(980px, 92vw);
  margin: 6vh auto;
  background: rgba(12, 78, 55, .92);
  border: 1px solid rgba(255,255,255,.14);
  border-radius: 18px;
  box-shadow: 0 30px 70px rgba(0,0,0,.35);
  overflow:hidden;
}
.rt180-modal__close{
  position:absolute;
  top: 10px; right: 10px;
  width: 40px; height:40px;
  border-radius: 999px;
  border: 0;
  background: rgba(255,255,255,.12);
  color:#fff;
  font-size: 24px;
  cursor:pointer;
}
.rt180-modal__close:hover{background: rgba(255,255,255,.18)}
.rt180-modal__content{
  display:grid;
  grid-template-columns: 1.2fr 1fr;
  gap: 0;
}
.rt180-modal__gallery{
  min-height: 360px;
  background: rgba(0,0,0,.15);
  display:flex;
  overflow:auto;
  scroll-snap-type:x mandatory;
}
.rt180-modal__gallery img{
  width:100%;
  height: 420px;
  object-fit: cover;
  flex: 0 0 100%;
  scroll-snap-align: start;
}
.rt180-modal__text{
  padding: 18px 18px 20px;
}
.rt180-modal__title{
  margin: 6px 0 10px;
  font-size: 20px;
  line-height:1.2;
}
.rt180-modal__desc{
  opacity:.96;
  font-size: 14px;
  line-height:1.6;
}
.rt180-modal__desc p{margin: 0 0 10px}
.rt180-modal__bottom{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap: 10px;
  margin-top: 14px;
}
.rt180-modal__pct{
  font-weight:900;
  color: var(--rt180-yellow);
  font-size: 14px;
  min-width: 44px;
  text-align:right;
}

@media (max-width: 780px){
  .rt180-modal__content{grid-template-columns: 1fr;}
  .rt180-modal__gallery img{height: 300px;}
}


/* Full section surface background (matches the provided design) */
.rt180-surface{
  background:
    radial-gradient(1200px 520px at 18% -10%, rgba(253,220,18,.22), transparent 60%),
    linear-gradient(145deg, rgba(12,115,72,.86), rgba(10,86,56,.95)),
    var(--rt180-bg);
  background-size: cover;
  background-position: center;
  border-radius: 26px;
  padding: 18px 18px 22px;
  overflow: hidden;
  box-shadow: var(--rt180-shadow);
}
@media (max-width: 560px){
  .rt180-surface{padding: 14px 12px 18px; border-radius: 18px;}
}

.rt180-hero__logo--simple img{max-width: var(--rt180-logo-w, 260px); width: 100%; height:auto;}



/* === v3 visual alignment overrides === */
.rt180-surface{
  border-radius: 0 !important;
  padding: 0 !important;
  box-shadow: none !important;
  overflow: visible !important;
}

.rt180-hero{
  border-radius: 0 !important;
  min-height: 370px !important;
  background: transparent !important;
  margin: 0 !important;
}

.rt180-hero__inner,
.rt180-hero__inner--simple{
  display: flex !important;
  align-items: flex-start !important;
  justify-content: space-between !important;
  gap: 24px !important;
  padding: 34px 42px 0 42px !important;
}

.rt180-hero__left,
.rt180-hero__left--simple{
  width: 54% !important;
  display: flex !important;
  align-items: flex-start !important;
  justify-content: flex-start !important;
}

.rt180-hero__logo,
.rt180-hero__logo--simple{
  width: 100% !important;
  max-width: none !important;
  display: block !important;
  background: transparent !important;
  border: 0 !important;
  padding: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

.rt180-hero__logo img{
  display: block !important;
  width: min(100%, 680px) !important;
  max-width: 680px !important;
  height: auto !important;
  object-fit: contain !important;
  background: transparent !important;
  padding: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  filter: drop-shadow(0 8px 16px rgba(0,0,0,.18)) !important;
}

.rt180-hero__logoPlaceholder{
  display: none !important;
}

.rt180-hero__right{
  width: 40% !important;
  min-width: 320px !important;
  display: flex !important;
  justify-content: flex-end !important;
  align-items: flex-start !important;
  padding-top: 0 !important;
}

.rt180-hero__right img{
  width: min(100%, 520px) !important;
  max-width: 520px !important;
  height: auto !important;
  object-fit: contain !important;
  filter: none !important;
}

.rt180-hero__rightPlaceholder{
  display: none !important;
}

.rt180-hero__shine{
  inset: 0 !important;
  background: radial-gradient(700px 260px at 11% 4%, rgba(253,220,18,.20), transparent 62%) !important;
  animation: none !important;
}

.rt180-underbar{
  border-top: 6px solid rgba(0,0,0,.08) !important;
  margin-top: 0 !important;
  padding: 18px 50px 0 50px !important;
}

.rt180-cta{
  border-radius: 10px !important;
  padding: 12px 16px !important;
  font-size: 16px !important;
}

.rt180-social{
  gap: 12px !important;
}
.rt180-social__a{
  width: 40px !important;
  height: 40px !important;
  border-radius: 999px !important;
  font-size: 0 !important;
  position: relative !important;
  background: rgba(255,255,255,.28) !important;
}
.rt180-social__a::after{
  font-size: 14px !important;
  font-weight: 800 !important;
  color: #fff !important;
}
.rt180-social__a--fb::after{content:"f";}
.rt180-social__a--ig::after{content:"◎";}
.rt180-social__a--yt::after{content:"▶";}

.rt180-grid{
  margin-top: 42px !important;
  padding: 0 50px 50px 50px !important;
  gap: 42px !important;
}

.rt180-empty{
  display: none !important;
}

@media (max-width: 1200px){
  .rt180-hero{min-height: 320px !important;}
  .rt180-hero__inner,
  .rt180-hero__inner--simple{padding: 28px 28px 0 28px !important;}
  .rt180-underbar{padding: 16px 28px 0 28px !important;}
  .rt180-grid{padding: 0 28px 40px 28px !important;}
  .rt180-hero__logo img{max-width: 540px !important;}
  .rt180-hero__right img{max-width: 420px !important;}
}

@media (max-width: 900px){
  .rt180-hero{min-height: auto !important;}
  .rt180-hero__inner,
  .rt180-hero__inner--simple{
    flex-direction: column !important;
    align-items: center !important;
    padding: 24px 18px 0 18px !important;
  }
  .rt180-hero__left,
  .rt180-hero__left--simple,
  .rt180-hero__right{
    width: 100% !important;
    min-width: 0 !important;
    justify-content: center !important;
  }
  .rt180-hero__logo img{
    width: min(100%, 540px) !important;
  }
  .rt180-hero__right img{
    width: min(100%, 360px) !important;
  }
  .rt180-underbar{
    padding: 14px 18px 0 18px !important;
  }
  .rt180-grid{
    padding: 0 18px 30px 18px !important;
    margin-top: 28px !important;
    gap: 22px !important;
  }
}



/* === v4 direct full header image === */
.rt180,
.rt180-surface,
.rt180-hero{
  border-radius: 0 !important;
}

.rt180-surface{
  border-radius: 0 !important;
  padding: 0 !important;
  box-shadow: none !important;
  overflow: visible !important;
}

.rt180-hero{
  min-height: auto !important;
  background: transparent !important;
  margin: 0 !important;
}

.rt180-hero__full{
  width: 100% !important;
  display: block !important;
  line-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}

.rt180-hero__full img{
  width: 100% !important;
  height: auto !important;
  display: block !important;
  border-radius: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}

.rt180-hero__shine{
  display: none !important;
}

.rt180-underbar{
  border-top: 6px solid rgba(0,0,0,.08) !important;
  margin-top: 0 !important;
  padding: 18px 50px 0 50px !important;
}

@media (max-width: 900px){
  .rt180-underbar{
    padding: 14px 18px 0 18px !important;
  }
}



/* === v5 force square corners everywhere === */
.rt180,
.rt180 *{
  border-radius: 0 !important;
}

.rt180,
.rt180-surface,
.rt180-hero,
.rt180-hero__full,
.rt180-hero__full img,
.rt180-underbar,
.rt180-grid,
.rt180-empty{
  border-radius: 0 !important;
}

.rt180{
  overflow: visible !important;
}

.rt180-surface{
  border-radius: 0 !important;
  overflow: visible !important;
  clip-path: none !important;
  -webkit-clip-path: none !important;
}

.rt180-hero{
  border-radius: 0 !important;
  overflow: visible !important;
  clip-path: none !important;
  -webkit-clip-path: none !important;
}

.rt180-hero__full,
.rt180-hero__full img{
  border-radius: 0 !important;
  overflow: visible !important;
  clip-path: none !important;
  -webkit-clip-path: none !important;
}



/* === v7 FINAL FIXES (demo-match + requirements) === */

/* 1) No rounded corners on the OUTER page sections */
.rt180,
.rt180-surface,
.rt180-hero,
.rt180-hero__full,
.rt180-hero__full img,
.rt180-underbar,
.rt180-grid{
  border-radius: 0 !important;
}
.rt180-surface,
.rt180-hero{
  overflow: visible !important;
  clip-path: none !important;
  -webkit-clip-path: none !important;
}

/* 5) Header image sizing control */
.rt180-hero__full img{
  width: 100% !important;
  height: var(--rt180-header-h, auto) !important;
  max-height: var(--rt180-header-h, none) !important;
  object-fit: cover !important;
  display:block !important;
}

/* 2) Social icons (SVG-based, always visible) */
.rt180-social__txt{ 
  position:absolute !important;
  width:1px !important;
  height:1px !important;
  padding:0 !important;
  margin:-1px !important;
  overflow:hidden !important;
  clip:rect(0,0,0,0) !important;
  white-space:nowrap !important;
  border:0 !important;
}
.rt180-social__a{
  width: 44px !important;
  height: 44px !important;
  border-radius: 999px !important;
  border: 2px solid rgba(255,255,255,.6) !important;
  box-shadow: 0 6px 14px rgba(0,0,0,.14) !important;
  position: relative !important;
  overflow: hidden !important;
}
.rt180-social__a::before{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
}
.rt180-social__a::after{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  background-repeat:no-repeat !important;
  background-position:center !important;
  background-size: 20px 20px !important;
  filter: drop-shadow(0 1px 1px rgba(0,0,0,.25)) !important;
}
.rt180-social__a--fb::before{ background:#1877F2 !important; }
.rt180-social__a--fb::after{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='white' d='M13.5 22v-8h2.7l.4-3h-3.1V9.1c0-.9.3-1.6 1.6-1.6h1.7V4.8c-.3 0-1.4-.1-2.7-.1-2.6 0-4.4 1.6-4.4 4.5V11H7.9v3h2.8v8h2.8z'/%3E%3C/svg%3E");
}
.rt180-social__a--ig::before{
  background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 8%, #fd5949 38%, #d6249f 65%, #285AEB 100%) !important;
}
.rt180-social__a--ig::after{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='white' d='M7 2h10a5 5 0 0 1 5 5v10a5 5 0 0 1-5 5H7a5 5 0 0 1-5-5V7a5 5 0 0 1 5-5zm10 2H7a3 3 0 0 0-3 3v10a3 3 0 0 0 3 3h10a3 3 0 0 0 3-3V7a3 3 0 0 0-3-3zm-5 4.5A3.5 3.5 0 1 1 8.5 12 3.5 3.5 0 0 1 12 8.5zm0 2A1.5 1.5 0 1 0 13.5 12 1.5 1.5 0 0 0 12 10.5zM17.8 6.2a.8.8 0 1 1-.8.8.8.8 0 0 1 .8-.8z'/%3E%3C/svg%3E");
}
.rt180-social__a--yt::before{ background:#FF0000 !important; }
.rt180-social__a--yt::after{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='white' d='M21.6 7.2a3 3 0 0 0-2.1-2.1C17.7 4.6 12 4.6 12 4.6s-5.7 0-7.5.5A3 3 0 0 0 2.4 7.2 31.3 31.3 0 0 0 2 12a31.3 31.3 0 0 0 .4 4.8 3 3 0 0 0 2.1 2.1c1.8.5 7.5.5 7.5.5s5.7 0 7.5-.5a3 3 0 0 0 2.1-2.1A31.3 31.3 0 0 0 22 12a31.3 31.3 0 0 0-.4-4.8zM10 15.5v-7l6 3.5-6 3.5z'/%3E%3C/svg%3E");
}

/* 3) Card bottom section MUST be white (title + footer) */
.rt180-card{
  background:#ffffff !important;
  border-radius: 14px !important;
  overflow:hidden !important;
}
.rt180-card__body{
  background:#ffffff !important;
}
.rt180-card__title{
  color:#111 !important;
}

/* 4) Card button hover: keep yellow bg, text -> #086742, no red */
.rt180-know{
  background:#f4d319 !important;
  color:#111 !important;
  border-radius: 6px !important;
  border:0 !important;
}
.rt180-know:hover,
.rt180-know:focus{
  background:#f4d319 !important;
  color:#086742 !important;
}

/* 6) Card progress percent text in WHITE on the bar */
.rt180-progress{
  position:relative !important;
}
.rt180-progress::after{
  content: attr(data-pct) "%";
  position:absolute !important;
  inset:0 !important;
  display:grid !important;
  place-items:center !important;
  color:#ffffff !important;
  font-size: 9px !important;
  font-weight: 800 !important;
  z-index:2 !important;
}

/* 7/8/9) Modal: gallery thumbs + arrows, title white bold, completed label, close button inside */
.rt180-modal__panel{
  border-radius: 18px !important;
  overflow: hidden !important;
}
.rt180-modal__close{
  top: 12px !important;
  right: 12px !important;
  width: 38px !important;
  height: 38px !important;
  border-radius: 999px !important;
  background: rgba(255,255,255,.14) !important;
  box-shadow: none !important;
  border: 1px solid rgba(255,255,255,.18) !important;
}
.rt180-modal__title{
  color:#ffffff !important;
  font-weight: 900 !important;
}
.rt180-modal__completed{
  margin-top: 10px !important;
  color:#ffffff !important;
  font-weight: 800 !important;
}

.rt180-modal__gallery{
  padding: 18px !important;
}
.rt180-galMain{
  position: relative !important;
  border-radius: 14px !important;
  overflow: hidden !important;
  background: rgba(0,0,0,.15) !important;
}
.rt180-galMain__img{
  width: 100% !important;
  height: 420px !important;
  object-fit: cover !important;
  display:block !important;
}
.rt180-galNav{
  position:absolute !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  width: 44px !important;
  height: 44px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255,255,255,.25) !important;
  background: rgba(0,0,0,.28) !important;
  color:#fff !important;
  font-size: 28px !important;
  line-height: 1 !important;
  display:grid !important;
  place-items:center !important;
}
.rt180-galPrev{ left: 10px !important; }
.rt180-galNext{ right: 10px !important; }

.rt180-galThumbs{
  display:flex !important;
  gap: 10px !important;
  margin-top: 12px !important;
  overflow-x:auto !important;
  padding-bottom: 4px !important;
}
.rt180-thumb{
  border: 2px solid rgba(255,255,255,.25) !important;
  background: transparent !important;
  border-radius: 10px !important;
  padding: 0 !important;
  width: 72px !important;
  height: 54px !important;
  overflow:hidden !important;
  flex: 0 0 auto !important;
}
.rt180-thumb img{
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  display:block !important;
}
.rt180-thumb.is-active{
  border-color: #f4d319 !important;
}

/* modal progress bar should also show percent text on bar */
.rt180-progress--lg::after{
  font-size: 12px !important;
}

/* Responsive modal image height */
@media (max-width: 900px){
  .rt180-galMain__img{ height: 320px !important; }
}
@media (max-width: 560px){
  .rt180-galMain__img{ height: 240px !important; }
}