html{
    scroll-behavior:smooth;
}

*{
    margin:0;
    padding:0;
    box-sizing:border-box;
    font-family:'Poppins', sans-serif;
}

body{
    background:#021526;
    color:white;
    overflow-x:hidden;
    line-height:1.6;
}

/* HEADER */

.header{
    display:flex;
    justify-content:space-between;
    align-items:center;
    padding:15px 8%;
    background:rgba(2,21,38,0.95);
    backdrop-filter:blur(10px);
    border-bottom:2px solid red;
    position:sticky;
    top:0;
    z-index:1000;
}

.logo-area{
    display:flex;
    align-items:center;
    gap:15px;
}

.logo-area img{
    width:70px;
}

.logo-area h2{
    color:white;
    font-size:26px;
    font-weight:800;
    letter-spacing:1px;
}

/* NAVBAR */

.navbar{
    display:flex;
    align-items:center;
}

.navbar a{
    color:white;
    text-decoration:none;
    margin-left:25px;
    font-weight:500;
    transition:0.3s;
    position:relative;
}

.navbar a::after{
    content:"";
    position:absolute;
    left:0;
    bottom:-5px;
    width:0%;
    height:2px;
    background:#ffd700;
    transition:0.3s;
}

.navbar a:hover{
    color:#ffd700;
}

.navbar a:hover::after{
    width:100%;
}

/* MOBILE MENU */

.menu-toggle{
    display:none;
    font-size:32px;
    color:white;
    cursor:pointer;
}

/* HERO */

.hero{
    height:100vh;
    background:
    linear-gradient(rgba(0,0,0,0.75),rgba(0,0,0,0.75)),
    url('images/hero.jpg') center/cover no-repeat;
    display:flex;
    justify-content:center;
    align-items:center;
    text-align:center;
    padding:20px;
}

.hero-content h1{
    font-size:70px;
    font-weight:900;
    line-height:1.1;
    text-transform:uppercase;
}

.white-text{
    color:white;
    display:block;
}

.yellow-text{
    color:#ffd700;
    display:block;
}

.hero-content p{
    margin-top:20px;
    font-size:20px;
    opacity:0.9;
}

.hero-buttons{
    margin-top:35px;
}

.hero-btn{
    display:inline-block;
    background:red;
    color:white;
    padding:15px 35px;
    margin:10px;
    border-radius:10px;
    text-decoration:none;
    font-weight:700;
    transition:0.3s;
}

.hero-btn:hover{
    transform:translateY(-3px);
    background:#ffd700;
    color:black;
}

.outline-btn{
    background:transparent;
    border:2px solid #ffd700;
}

/* SECTION */

.section{
    padding:90px 8%;
}

.section-title{
    text-align:center;
    margin-bottom:50px;
}

.section-title h2{
    font-size:45px;
    color:#ffd700;
    text-transform:uppercase;
}

/* HOURS */

.hours-section{
    padding:70px 8%;
}

.hours-box{
    background:#0b2740;
    padding:50px;
    border-radius:20px;
    text-align:center;
    border:2px solid red;
}

.hours-box h2{
    color:#ffd700;
    margin-bottom:20px;
}

.hours-box h3{
    margin:10px 0;
    font-size:32px;
}

.hours-box span{
    color:red;
    font-weight:bold;
}

/* VIDEO */

.video-container iframe{
    width:100%;
    height:550px;
    border:none;
    border-radius:20px;
}

/* BOXES */

.about-box,
.service-box,
.package-card,
.trainer-card,
.review-card{
    background:#0b2740;
    padding:30px;
    border-radius:20px;
    transition:0.3s;
}

.about-box:hover,
.service-box:hover,
.package-card:hover,
.trainer-card:hover,
.review-card:hover{
    transform:translateY(-5px);
}

/* GRIDS */

.services-container,
.packages-container,
.trainer-container,
.review-container,
.gallery-container{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(250px,1fr));
    gap:25px;
}

/* SERVICES */

.service-box{
    text-align:center;
}

.service-box i{
    font-size:50px;
    color:#ffd700;
    margin-bottom:20px;
}

/* PACKAGES */

.package-card{
    text-align:center;
}

.package-card h2{
    color:#ffd700;
    margin:15px 0;
}

.featured{
    border:2px solid #ffd700;
    box-shadow:0 0 20px rgba(255,215,0,0.3);
}

/* TRAINERS */

.trainer-card img{
    width:100%;
    border-radius:15px;
    margin-bottom:20px;
}

/* GALLERY */

.gallery-container img{
    width:100%;
    border-radius:15px;
    transition:0.4s;
    cursor:pointer;
}

.gallery-container img:hover{
    transform:scale(1.05);
}

/* REVIEWS */

.review-card h4{
    margin-top:15px;
    color:#ffd700;
}

/* CONTACT */

#contact{
    background:#001427;
    padding:100px 20px;
    text-align:center;
}

.contact-container{
    max-width:900px;
    margin:auto;
}

.contact-highlight{
    color:white;
    font-size:42px;
    font-weight:800;
    text-transform:uppercase;
}

.contact-highlight span{
    color:#ffd700;
}

#contact h2{
    color:#ffd700;
    font-size:55px;
    margin-bottom:25px;
}

.contact-details p{
    font-size:20px;
    margin:15px 0;
}

.contact-buttons{
    display:flex;
    justify-content:center;
    gap:20px;
    flex-wrap:wrap;
    margin:35px 0;
}

.contact-btn{
    background:red;
    color:white;
    padding:15px 30px;
    border-radius:10px;
    text-decoration:none;
    font-weight:700;
    transition:0.3s;
}

.contact-btn:hover{
    background:#ffd700;
    color:black;
    transform:translateY(-3px);
}

/* SOCIAL */

.social-icons a{
    width:60px;
    height:60px;
    display:inline-flex;
    justify-content:center;
    align-items:center;
    border-radius:50%;
    margin:10px;
    font-size:24px;
    color:white;
    text-decoration:none;
    transition:0.3s;
    background:#ff0000; /* RED base */
    box-shadow:0 5px 15px rgba(0,0,0,0.4);
    border:2px solid #000;
}

/* Hover effect - BLACK + lift */
.social-icons a:hover{
    background:#000;
    color:#ff0000;
    transform:translateY(-5px) scale(1.1);
    border:2px solid #ff0000;
}

.social-icons a:hover{
    background:#ffd700;
    color:black;
}

/* WHATSAPP */

.whatsapp-float{
    position:fixed;
    bottom:25px;
    right:25px;
    width:65px;
    height:65px;
    background:#25d366;
    border-radius:50%;
    display:flex;
    justify-content:center;
    align-items:center;
    font-size:35px;
    color:white;
    z-index:1000;
}

/* FOOTER */

footer{
    background:#000;
    text-align:center;
    padding:20px;
}

/* MOBILE */

@media(max-width:900px){

    .menu-toggle{
        display:block;
    }

    .navbar{
        position:absolute;
        top:100%;
        left:0;
        width:100%;
        background:#000;
        display:none;
        flex-direction:column;
        text-align:center;
        padding:20px 0;
    }

    .navbar.active{
        display:flex;
    }

    .navbar a{
        margin:15px 0;
        font-size:20px;
    }

    .hero-content h1{
        font-size:42px;
    }

    .video-container iframe{
        height:250px;
    }

    #contact h2{
        font-size:40px;
    }

    .contact-highlight{
        font-size:28px;
    }

}
/* PAYMENT SECTION */

.payment-section{
padding:80px 20px;
display:flex;
flex-direction:column;
align-items:center;
}

.payment-card{
width:100%;
max-width:450px;
background:#0b2740;
padding:30px;
border-radius:25px;
border:2px solid red;
text-align:center;
}

.qr-box{
background:white;
padding:15px;
border-radius:20px;
}

.qr-box img{
width:100%;
max-width:320px;
display:block;
margin:auto;
border-radius:15px;
}

.payment-text{
margin-top:20px;
color:#ddd;
font-size:15px;
}

.qr-box img{
width:100%;
max-width:320px;
display:block;
margin:auto;
border-radius:15px;
}

.payment-text{
margin-top:25px;
line-height:1.7;
color:#ddd;
}

/* MOBILE */

@media(max-width:768px){

.payment-card{
padding:25px;
}

.payment-card h3{
font-size:24px;
}

.qr-box img{
max-width:100%;
}

}
.qr-box img{
width:300px;
max-width:100%;
display:block;
margin:auto;
border-radius:15px;
}

.paid-service{
    display:inline-block;
    margin-top:10px;
    padding:5px 12px;
    background:#ffd700;
    color:#000;
    font-size:12px;
    font-weight:700;
    border-radius:20px;
    text-transform:uppercase;
}
.free-service{
    display:inline-block;
    margin-top:10px;
    padding:5px 12px;
    background:#28a745;
    color:#fff;
    font-size:12px;
    font-weight:700;
    border-radius:20px;
    text-transform:uppercase;
}

.paid-service{
    display:inline-block;
    margin-top:10px;
    padding:5px 12px;
    background:#ffd700;
    color:#000;
    font-size:12px;
    font-weight:700;
    border-radius:20px;
    text-transform:uppercase;
}

.consultation-container{
    max-width:600px;
    margin:auto;
}

.consultation-container form{
    display:flex;
    flex-direction:column;
    gap:15px;
}

.consultation-container input,
.consultation-container select,
.consultation-container textarea{
    padding:15px;
    border:none;
    border-radius:10px;
    font-size:16px;
}

.consultation-container button{
    padding:15px;
    background:#ffd700;
    color:#000;
    border:none;
    border-radius:10px;
    font-size:18px;
    font-weight:700;
    cursor:pointer;
}
.stats-section {
  background: #0f0f0f;
  color: #fff;
  padding: 80px 20px;
  text-align: center;
}

.section-title {
  font-size: 32px;
  margin-bottom: 10px;
}

.section-subtitle {
  color: #aaa;
  margin-bottom: 40px;
}

.stats-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
  gap: 20px;
}

.stat-box {
  background: #1a1a1a;
  padding: 30px 20px;
  border-radius: 12px;
  transition: 0.3s;
}

.stat-box:hover {
  transform: translateY(-5px);
  background: #222;
}

.stat-box h3 {
  font-size: 28px;
  color: #00ff88;
  margin-bottom: 10px;
}

.stat-box p {
  font-size: 14px;
  color: #ccc;
}
.trial-booking {
  background: linear-gradient(135deg, #0f0f0f, #141414);
  color: #fff;
  padding: 80px 20px;
  text-align: center;
}

.trial-booking h2 {
  font-size: 30px;
  margin-bottom: 10px;
}

.trial-booking p {
  color: #aaa;
  margin-bottom: 30px;
}

.booking-form {
  max-width: 500px;
  margin: auto;
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.booking-form input,
.booking-form select,
.booking-form textarea {
  padding: 12px;
  border-radius: 8px;
  border: none;
  outline: none;
  background: #1e1e1e;
  color: #fff;
}

.booking-form textarea {
  min-height: 80px;
  resize: none;
}

.booking-form button {
  padding: 14px;
  background: #00ff88;
  border: none;
  border-radius: 8px;
  font-weight: bold;
  cursor: pointer;
  transition: 0.3s;
}

.booking-form button:hover {
  background: #00cc6a;
  transform: scale(1.03);
}
.trial-booking {
  background: #0b0b0b; /* 👉 logo background එකට match කරන්න මෙතන change කරන්න */
  color: #fff;
  padding: 80px 20px;
  text-align: center;
}

.trial-booking h2 {
  font-size: 30px;
  margin-bottom: 10px;
}

.trial-booking p {
  color: #aaa;
  margin-bottom: 30px;
}

.booking-form {
  max-width: 500px;
  margin: auto;
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.booking-form input,
.booking-form select,
.booking-form textarea {
  padding: 12px;
  border-radius: 8px;
  border: 1px solid #222;
  outline: none;
  background: #151515;
  color: #fff;
}

/* ⭐ GOLD BUTTON */
.booking-form button {
  padding: 14px;
  background: linear-gradient(135deg, #d4af37, #ffd700);
  color: #111;
  border: none;
  border-radius: 8px;
  font-weight: bold;
  cursor: pointer;
  transition: 0.3s;
}

.booking-form button:hover {
  transform: scale(1.05);
  box-shadow: 0 0 15px rgba(212, 175, 55, 0.6);
}
box-shadow: inset 0 0 80px rgba(212,175,55,0.05);
border-top: 2px solid #d4af37;
.stats-section {
  background: #0b0b0b;
  color: #fff;
  padding: 80px 20px;
  text-align: center;
}

.section-title {
  font-size: 32px;
  margin-bottom: 10px;
}

.section-subtitle {
  color: #aaa;
  margin-bottom: 40px;
}

/* GRID */
.stats-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
  gap: 20px;
}

/* BOX */
.stat-box {
  background: #151515;
  padding: 30px 20px;
  border-radius: 12px;
  transition: 0.3s;
  border: 1px solid #222;
}

.stat-box:hover {
  transform: translateY(-5px);
  box-shadow: 0 0 20px rgba(212, 175, 55, 0.3);
}

/* ⭐ GOLD NUMBER (THIS IS THE MAIN CHANGE) */
.stat-box h3 {
  font-size: 28px;
  margin-bottom: 10px;
  color: #d4af37; /* GOLD */
}

/* TEXT */
.stat-box p {
  font-size: 14px;
  color: #ccc;
}
.stat-box h3 {
  text-shadow: 0 0 10px rgba(212, 175, 55, 0.5);
}
.stat-box h3 {
  font-size: 28px;
  margin-bottom: 10px;

  /* YELLOW COLOR */
  color: #ffd700;

  /* GLOW EFFECT */
  text-shadow: 
    0 0 5px #ffd700,
    0 0 10px #ffd700,
    0 0 20px rgba(255, 215, 0, 0.8),
    0 0 30px rgba(255, 215, 0, 0.5);
}
.stat-box:hover h3 {
  transform: scale(1.1);
  transition: 0.3s;
}
.stat-box h3 {
  font-size: 28px;
  margin-bottom: 10px;

  /* CLEAN YELLOW */
  color: #ffd700;

  /* glow removed */
  text-shadow: none;
}
/* BANK DETAILS */

.bank-details{
    margin-top:25px;
    padding:25px;
    background:#050505;
    border:2px solid #39ff14;
    border-radius:20px;
    text-align:center;
    box-shadow:0 0 15px rgba(57,255,20,0.2);
}

.bank-details h3{
    color:#39ff14;
    margin-bottom:20px;
    font-size:24px;
    text-transform:uppercase;
    text-shadow:0 0 10px #39ff14;
}

.bank-details p{
    margin:15px 0;
    color:white;
    line-height:1.8;
}

.bank-details strong{
    color:#39ff14;
}

.payment-confirm-btn{
    display:inline-block;
    margin-top:20px;
    padding:15px 30px;
    background:#25d366;
    color:white;
    text-decoration:none;
    border-radius:10px;
    font-weight:700;
    transition:0.3s;
}

.payment-confirm-btn:hover{
    transform:translateY(-4px);
    background:#1ebc57;
}
.payment-note{
    margin-top:15px;
    color:#ccc;
    font-size:14px;
}
.payment-note{
    margin-top:15px;
    color:#ccc;
    font-size:14px;
}
.payment-note{
    margin-top:20px;
    color:#ccc;
    font-size:14px;
    line-height:1.7;
    text-align:center;
}

.payment-confirm-btn{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:8px;
    margin-top:12px;
    padding:10px 20px;
    background:#25d366;
    color:white;
    text-decoration:none;
    border-radius:8px;
    font-size:14px;
    font-weight:600;
    transition:0.3s;
}

.payment-confirm-btn:hover{
    background:#1ebc57;
    transform:translateY(-3px);
}
.navbar a {
  color: #fff;
  text-decoration: none;
  margin: 0 14px;
  font-weight: 500;
  position: relative;
  transition: 0.3s;
}

.navbar a:hover {
  color: #ffd700;
}

.navbar a::after {
  content: '';
  position: absolute;
  left: 0;
  bottom: -6px;
  width: 0%;
  height: 2px;
  background: #ffd700;
  transition: 0.3s;
}

.navbar a:hover::after {
  width: 100%;
}

.header {
  background-color: #000;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 15px 40px;
}
section {
  background-color: #111827; /* dark card style */
  color: white;
}
#stats,
#reviews,
#contact {
  background: linear-gradient(to bottom, #0a1f44, #050b18);
  color: #fff;
}#stats,
#reviews,
#contact {
  padding: 80px 20px;
}.stat-box,
.review-card,
.contact-container {
  background: rgba(255,255,255,0.05);
  border: 1px solid rgba(255,215,0,0.15);
  backdrop-filter: blur(10px);
  border-radius: 15px;
}#stats,
#reviews,
#contact {
  background: linear-gradient(to bottom, #0a1f44, #050b18);
  color: #fff;
}footer {
  background: linear-gradient(to right, #000, #0a0a0a);
  color: #fff;
  text-align: center;
  padding: 25px 20px;
  border-top: 1px solid rgba(255, 215, 0, 0.2);
}footer {
  background-color: #000;
  color: #fff;
  text-align: center;
  padding: 25px 20px;
}footer {
  background-color: #000;
  color: #fff;
  width: 100%;
  margin: 0;
}footer .container {
  max-width: 100%;
  width: 100%;
  margin: 0;
  padding: 0 20px;
}
footer {
  background: linear-gradient(to right, #000, #0a0a0a);
  color: #fff;
  width: 100%;
  padding: 25px 20px;
  text-align: center;

  position: relative;
  left: 0;
  right: 0;
}footer {
  width: 100%;
  background: #000;
  color: #fff;
  text-align: center;
  padding: 25px 20px;

  margin: 0;
  position: relative;
  left: 0;
  right: 0;
}footer .container {
  max-width: 100%;
  width: 100%;
  margin: 0;
  padding: 0;
}footer {
  width: 100%;
  background: linear-gradient(to right, #000, #0a0a0a);
  color: #fff;
  text-align: center;
  padding: 30px 15px;
  border-top: 1px solid rgba(255,215,0,0.2);
  box-sizing: border-box;
}footer {
  background: #000 !important;
  color: #fff;
  width: 100vw;
  position: relative;
  left: 0;
  right: 0;
  margin: 0;
  padding: 25px 0;
  text-align: center;
  box-sizing: border-box;
}footer {
  background: black !important;
  display: block;
  width: 100% !important;
}footer {
  width: 100%;
  background: linear-gradient(to right, #000, #0a0a0a);
  color: #fff;
  text-align: center;
  padding: 25px 20px;
  border-top: 1px solid rgba(255,215,0,0.2);
  box-sizing: border-box;
}

#reviews,
#contact,
.footer {
  background: #000;
  color: #fff;
}#reviews,
#contact,
.footer {
  background: linear-gradient(to bottom, #000, #050b18);
  color: #fff;
}.review-card,
.contact-container {
  background: rgba(255,255,255,0.05);
  border: 1px solid rgba(255,215,0,0.15);
}

#stats,
#reviews,
#contact,
.footer {
  padding: 80px 20px;
  background: linear-gradient(to bottom, #000, #0a1f44);
}.stat-box,
.review-card,
.contact-container {
  background: rgba(255,255,255,0.05);
  border: 1px solid rgba(255,215,0,0.15);
}footer {
  width: 100%;
  background: #000;
  color: #fff;
  text-align: center;
  padding: 25px 20px;
  box-sizing: border-box;
  display: block;
}.container {
  max-width: 1100px;
  margin: auto;
}footer {
  width: 100%;
  background: #000;
  color: #fff;
  text-align: center;
  padding: 25px 20px;
  border-top: 1px solid rgba(255,215,0,0.2);
}/* =========================
   ULTRA PREMIUM FOOTER
========================= */

.premium-footer {
  background: linear-gradient(135deg, #000, #050b18);
  color: #fff;
  padding-top: 70px;
  border-top: 1px solid rgba(255,215,0,0.2);
}

/* GRID */
.footer-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 40px;
  padding: 0 8% 40px;
}

/* BRAND */
.footer-brand h2 {
  font-size: 26px;
  color: #ffd700;
  margin-bottom: 10px;
}

.footer-brand p {
  color: #ccc;
}

/* HEADINGS */
.footer-links h3,
.footer-contact h3,
.footer-social h3 {
  color: #ffd700;
  margin-bottom: 15px;
}

/* LINKS */
.footer-links a {
  display: block;
  color: #bbb;
  text-decoration: none;
  margin: 8px 0;
  transition: 0.3s;
}

.footer-links a:hover {
  color: #ffd700;
  transform: translateX(5px);
}

/* CONTACT */
.footer-contact p {
  margin: 8px 0;
  color: #ccc;
}

/* SOCIAL ICONS */
.social-icons a {
  display: inline-flex;
  width: 45px;
  height: 45px;
  justify-content: center;
  align-items: center;
  margin: 5px;
  border-radius: 50%;
  background: #111;
  color: #fff;
  border: 1px solid #333;
  transition: 0.3s;
}

.social-icons a:hover {
  background: #ffd700;
  color: #000;
  transform: translateY(-5px) scale(1.1);
  box-shadow: 0 0 15px rgba(255,215,0,0.3);
}

/* BOTTOM BAR */
.footer-bottom {
  text-align: center;
  padding: 20px;
  border-top: 1px solid rgba(255,215,0,0.15);
  color: #aaa;
  font-size: 14px;
}

/* =========================
   FULL BOTTOM DARK THEME
========================= */

#stats,
#reviews,
#contact,
.footer {
  background: linear-gradient(135deg, #000, #050b18);
  color: #fff;
  padding: 80px 20px;
}

/* OPTIONAL: smoother separation */
#reviews,
#contact {
  border-top: 1px solid rgba(255,215,0,0.08);
}.stat-box,
.review-card,
.contact-container {
  background: rgba(255,255,255,0.04);
  border: 1px solid rgba(255,215,0,0.15);
  backdrop-filter: blur(10px);
}.footer,
footer {
  background: #000 !important;
  color: #fff;
  width: 100%;
}



/* =========================
   PRO COACH SECTION
========================= */

.coach-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 50px;
  flex-wrap: wrap;
  background: rgba(255,255,255,0.03);
  padding: 50px;
  border-radius: 20px;
  border: 1px solid rgba(255,215,0,0.15);
}

/* IMAGE SIDE */
.coach-image {
  text-align: center;
}

.coach-image img {
  width: 300px;
  height: 300px;
  object-fit: cover;
  border-radius: 50%;
  border: 4px solid #ffd700;
  box-shadow: 0 0 25px rgba(255,215,0,0.3);
  transition: 0.4s;
}

.coach-image img:hover {
  transform: scale(1.05);
}

/* BADGE */
.coach-badge {
  margin-top: 12px;
  display: inline-block;
  padding: 6px 14px;
  background: #ffd700;
  color: #000;
  font-size: 12px;
  font-weight: 800;
  border-radius: 20px;
  text-transform: uppercase;
}

/* TEXT SIDE */
.coach-info {
  max-width: 500px;
}

.coach-info h3 {
  font-size: 32px;
  color: #ffd700;
  margin-bottom: 5px;
}

.coach-info h4 {
  font-size: 18px;
  color: #ccc;
  margin-bottom: 20px;
}

.coach-info p {
  color: #ddd;
  margin-bottom: 20px;
  line-height: 1.7;
}

.coach-info ul {
  list-style: none;
  padding: 0;
}

.coach-info ul li {
  margin: 10px 0;
  color: #ccc;
}

/* RESPONSIVE */
@media(max-width: 768px) {
  .coach-wrapper {
    flex-direction: column;
    text-align: center;
  }

  .coach-image img {
    width: 220px;
    height: 220px;
  }
}/* =========================
   PREMIUM COACH SECTION
========================= */

.coach-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 50px;
  flex-wrap: wrap;

  padding: 50px;
  border-radius: 20px;

  background: rgba(255,255,255,0.03);
  border: 1px solid rgba(255,215,0,0.15);
  backdrop-filter: blur(10px);
}

/* IMAGE SIDE */
.coach-image {
  text-align: center;
}

.coach-image img {
  width: 300px;
  height: 300px;
  object-fit: cover;
  border-radius: 50%;

  border: 4px solid #ffd700;
  box-shadow: 0 0 25px rgba(255,215,0,0.3);

  transition: 0.4s;
}

.coach-image img:hover {
  transform: scale(1.05);
}

/* =========================
   FITNESS LOVERS LK
   ONLINE COACHING SECTION
========================= */

#online-coaching{
    background:#050505;
    color:#fff;
    padding:80px 20px;
    font-family:'Poppins',sans-serif;
}

.coaching-header{
    text-align:center;
    max-width:800px;
    margin:auto;
    margin-bottom:50px;
}

.coaching-header h2{
    font-size:42px;
    color:#0f4c81;
    margin-bottom:15px;
    font-weight:700;
}

.coaching-header p{
    font-size:18px;
    color:#ccc;
    line-height:1.8;
}

/* Packages */

.packages{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(250px,1fr));
    gap:25px;
    margin-bottom:60px;
}

.package{
    background:#0b1320;
    border:2px solid #16324f;
    border-radius:15px;
    padding:30px;
    text-align:center;
    transition:.3s;
}

.package:hover{
    transform:translateY(-8px);
    border-color:#0f4c81;
    box-shadow:0 0 25px rgba(15,76,129,.4);
}

.package h3{
    font-size:22px;
    margin-bottom:10px;
    color:#fff;
}

.package h4{
    color:#4da3ff;
    font-size:28px;
    margin-bottom:20px;
}

.package input[type="radio"]{
    transform:scale(1.4);
    cursor:pointer;
}

/* Form */

#coachingForm{
    max-width:900px;
    margin:auto;
}

#coachingForm h3{
    color:#4da3ff;
    margin-top:40px;
    margin-bottom:20px;
    font-size:24px;
}

#coachingForm input,
#coachingForm textarea,
#coachingForm select{
    width:100%;
    padding:15px;
    margin-bottom:15px;
    border:none;
    border-radius:10px;
    background:#101820;
    color:#fff;
    font-size:15px;
    box-sizing:border-box;
}

#coachingForm input:focus,
#coachingForm textarea:focus,
#coachingForm select:focus{
    outline:none;
    border:1px solid #0f4c81;
}

#coachingForm textarea{
    min-height:120px;
    resize:vertical;
}

#coachingForm label{
    display:block;
    margin-bottom:8px;
    color:#ddd;
}

/* File Upload */

input[type="file"]{
    background:#0b1320;
    padding:12px;
    border:1px dashed #0f4c81;
}

/* Buttons */

#coachingForm button,
#payment-section button{
    width:100%;
    padding:18px;
    border:none;
    border-radius:12px;
    background:#0f4c81;
    color:#fff;
    font-size:17px;
    font-weight:600;
    cursor:pointer;
    transition:.3s;
}

#coachingForm button:hover,
#payment-section button:hover{
    background:#1565a9;
    transform:translateY(-2px);
}

/* Payment Section */

#payment-section{
    display:none;
    max-width:700px;
    margin:60px auto 0;
    background:#0b1320;
    padding:35px;
    border-radius:15px;
    border:2px solid #16324f;
}

#payment-section h2{
    text-align:center;
    color:#4da3ff;
    margin-bottom:25px;
}

#payment-section p{
    font-size:17px;
    margin-bottom:12px;
    color:#ddd;
}

#payment-section strong{
    color:#fff;
}

/* Success Box */

.success-message{
    background:#0d2d15;
    border:1px solid #28a745;
    color:#fff;
    padding:20px;
    border-radius:12px;
    margin-top:20px;
    text-align:center;
}

/* Mobile */

@media(max-width:768px){

    .coaching-header h2{
        font-size:32px;
    }

    .coaching-header p{
        font-size:16px;
    }

    .package h4{
        font-size:24px;
    }

    #coachingForm input,
    #coachingForm textarea,
    #coachingForm select{
        padding:14px;
    }

    #coachingForm button,
    #payment-section button{
        padding:16px;
    }
}.parq-note{
    background:#0b1320;
    border-left:4px solid #0f4c81;
    padding:15px;
    margin-bottom:25px;
    border-radius:8px;
    color:#ccc;
    line-height:1.7;
}.package h4{
    color:#FFD700;
    font-size:28px;
    margin-bottom:20px;
    font-weight:700;
}#coachingForm h3{
    color:#FFD700;
    margin-top:40px;
    margin-bottom:20px;
    font-size:24px;
}.coaching-header h2{
    font-size:42px;
    color:#FFD700;
    margin-bottom:15px;
    font-weight:700;
}.coaching-header h2,
.package h4,
#coachingForm h3,
#payment-section h2{
    color:#FFD700;
    text-shadow:0 0 10px rgba(255,215,0,0.4);
}.select-btn{
    width:100%;
    padding:12px;
    margin-top:15px;
    border:none;
    border-radius:8px;
    background:#FFD700;
    color:#000;
    font-weight:700;
    cursor:pointer;
    transition:.3s;
}

.select-btn:hover{
    transform:translateY(-2px);
}

.package-card.selected{
    border:2px solid #FFD700;
    box-shadow:0 0 20px rgba(255,215,0,.4);
}

.package-card.selected .select-btn{
    background:#28a745;
    color:#fff;
}.select-btn{
    width:100%;
    padding:12px;
    margin-top:15px;
    border:none;
    border-radius:8px;
    background:#FFD700;
    color:#000;
    font-weight:700;
    cursor:pointer;
    transition:.3s;
}

.select-btn:hover{
    transform:translateY(-2px);
}

.package-card.selected{
    border:2px solid #FFD700;
    box-shadow:0 0 20px rgba(255,215,0,.4);
}

.package-card.selected .select-btn{
    background:#28a745;
    color:#fff;
}.package.selected{
border:2px solid #FFD700;
box-shadow:0 0 25px rgba(255,215,0,.5);
}


.main-btn{
width:100%;
padding:15px;
background:#FFD700;
color:#000;
border:none;
border-radius:10px;
font-weight:700;
cursor:pointer;
}#online-coaching{

background:
linear-gradient(
135deg,
#020617,
#0b2a4a
);

color:#fff;
padding:80px 20px;

}.about-box{

background:#071426;
padding:40px;
border-radius:20px;
border:1px solid #16324f;
box-shadow:0 0 25px rgba(0,0,0,.4);

}


.about-box h2{

color:#FFD700;
font-size:35px;

}


.about-box strong{
    color:#fff;
}.services-container{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:25px;
    align-items:stretch;
}@media(max-width:992px){

.services-container{
    grid-template-columns:repeat(2,1fr);
}

}


@media(max-width:600px){

.services-container{
    grid-template-columns:1fr;
}

}@media(max-width:1200px){

.packages{
    grid-template-columns:repeat(3,1fr);
}

}


@media(max-width:768px){

.packages{
    grid-template-columns:repeat(2,1fr);
}

}


@media(max-width:500px){

.packages{
    grid-template-columns:1fr;
}

}.package{
    padding:20px;
}.packages{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:20px;
}
h1 span{
    color:#FFD700;
}
.hero-content h1 span{
    color:#FFD700;
    text-shadow:0 0 15px rgba(255,215,0,0.5);
}.hero-content h1 span{
    color:#FFD700;
}.hero-content h1{
    font-size:65px;
    font-weight:900;
    text-transform:uppercase;
    line-height:1.1;
}


.hero-content h1 span{
    display:block;
    color:#FFD700;
    text-shadow:0 0 20px rgba(255,215,0,.5);
}


.hero-content h2{
    margin-top:15px;
    color:white;
    font-size:32px;
}


.hero-content p{
    margin-top:20px;
    color:#ddd;
    font-size:18px;
}


@media(max-width:768px){

.hero-content h1{
    font-size:40px;
}


.hero-content h2{
    font-size:24px;
}

}/* =========================
   PACKAGES 3 COLUMN FIX
========================= */

.packages,
.packages-container{

    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:30px;
    width:100%;
}


.package,
.package-card{

    width:100%;
}


/* Tablet */

@media(max-width:900px){

.packages,
.packages-container{

    grid-template-columns:repeat(2,1fr);

}

}


/* Mobile */

@media(max-width:600px){

.packages,
.packages-container{

    grid-template-columns:1fr;

}

}/* =========================
   ONLINE COACHING PACKAGES 4 COLUMN
========================= */

#online-coaching .packages{

    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:25px;
    width:100%;
}


#online-coaching .package,
#online-coaching .package-card{

    width:100%;
}


/* Tablet */

@media(max-width:1100px){

#online-coaching .packages{

    grid-template-columns:repeat(2,1fr);

}

}


/* Mobile */

@media(max-width:600px){

#online-coaching .packages{

    grid-template-columns:1fr;

}

}/* ==========================
   TRANSFORMATION GALLERY
   4 COLUMN DESKTOP
========================== */

.gallery-container{

    display:grid;

    grid-template-columns:repeat(4,1fr);

    gap:20px;

    max-width:1200px;

    margin:auto;

}


.gallery-container img{

    width:100%;

    height:300px;

    object-fit:cover;

    border-radius:18px;

    transition:.3s;

}



.gallery-container img:hover{

    transform:scale(1.05);

}



/* Tablet */

@media(max-width:1000px){

.gallery-container{

grid-template-columns:repeat(2,1fr);

}

}


/* Mobile */

@media(max-width:600px){

.gallery-container{

grid-template-columns:1fr;

}


.gallery-container img{

height:260px;

}

}/* TRANSFORMATION FULL IMAGE VIEW */

.gallery-container{

    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:20px;
    max-width:1200px;
    margin:auto;

}


.gallery-container img{

    width:100%;
    height:auto;

    object-fit:contain;

    border-radius:18px;

    background:#000;

    transition:.3s;

}


.gallery-container img:hover{

    transform:scale(1.03);

}


@media(max-width:1000px){

.gallery-container{
    grid-template-columns:repeat(2,1fr);
}

}


@media(max-width:600px){

.gallery-container{
    grid-template-columns:1fr;
}

}/* TRANSFORMATION BIGGER FULL VIEW */

.gallery-container{

    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:15px;

    max-width:1400px;
    margin:auto;

}


.gallery-container img{

    width:100%;
    height:auto;

    object-fit:contain;

    border-radius:18px;

    background:#000;

    transition:.3s;

}



.gallery-container img:hover{

    transform:scale(1.04);

}


/* Tablet */

@media(max-width:1000px){

.gallery-container{

grid-template-columns:repeat(2,1fr);

}

}


/* Mobile */

@media(max-width:600px){

.gallery-container{

grid-template-columns:1fr;

}

}/* TRANSFORMATION 3 COLUMN BIG VIEW */

.gallery-container{

    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:25px;

    max-width:1200px;
    margin:auto;

}


.gallery-container img{

    width:100%;
    height:auto;

    object-fit:contain;

    border-radius:20px;

    background:#000;

    transition:.3s;

}


.gallery-container img:hover{

    transform:scale(1.04);

}



/* Tablet */

@media(max-width:900px){

.gallery-container{

grid-template-columns:repeat(2,1fr);

}

}



/* Mobile */

@media(max-width:600px){

.gallery-container{

grid-template-columns:1fr;

}

}
/* BMI SECTION */

#bmi{
    background:#000;
    padding:80px 20px;
}

#bmi .section-title{
    text-align:center;
    margin-bottom:40px;
}

#bmi .section-title h2{
    color:#ffd700;
    font-size:2.5rem;
    font-weight:800;
    margin-bottom:10px;
}

#bmi .section-title p{
    color:#ccc;
    max-width:700px;
    margin:auto;
    font-size:1rem;
}

.bmi-container{
    max-width:650px;
    margin:auto;
    background:#111;
    padding:35px;
    border-radius:20px;
    border:1px solid #222;
    box-shadow:0 0 25px rgba(255,215,0,0.08);
}

.bmi-container input{
    width:100%;
    padding:16px;
    margin:12px 0;
    border:none;
    border-radius:12px;
    background:#1a1a1a;
    color:#fff;
    font-size:16px;
    border:1px solid #333;
    transition:0.3s;
}

.bmi-container input:focus{
    outline:none;
    border-color:#ffd700;
}

.bmi-container input::placeholder{
    color:#888;
}

.bmi-btn{
    width:100%;
    padding:16px;
    background:#ffd700;
    color:#000;
    border:none;
    border-radius:12px;
    font-size:18px;
    font-weight:800;
    cursor:pointer;
    transition:0.3s;
    margin-top:10px;
}

.bmi-btn:hover{
    transform:translateY(-2px);
    background:#ffcc00;
}

#bmi-result{
    margin-top:25px;
    padding:25px;
    background:#1a1a1a;
    border-radius:15px;
    border:1px solid #333;
    color:#fff;
    font-size:17px;
    line-height:2;
    text-align:left;
}

.bmi-status{
    text-align:center;
    font-size:28px;
    font-weight:800;
    margin-bottom:20px;
}

.bmi-good{
    color:#00ff66;
}

.bmi-warning{
    color:#ffcc00;
}

.bmi-danger{
    color:#ff4d4d;
}

.bmi-coach-btn{
    display:block;
    text-align:center;
    background:#ffd700;
    color:#000;
    text-decoration:none;
    padding:14px;
    border-radius:10px;
    font-weight:800;
    margin-top:20px;
    transition:0.3s;
}

.bmi-coach-btn:hover{
    background:#ffcc00;
    transform:translateY(-2px);
}

@media(max-width:768px){

    .bmi-container{
        padding:25px;
    }

    #bmi .section-title h2{
        font-size:2rem;
    }

    #bmi-result{
        font-size:15px;
    }

    .bmi-status{
        font-size:22px;
    }

}



/* =====================================================
   FINAL PROFESSIONAL FIXES - FITNESS LOVERS LK
   BMI + TRANSFORMATION GALLERY
===================================================== */

:root{
    --fl-bg:#05070c;
    --fl-card:#0d1420;
    --fl-card-2:#111b2b;
    --fl-gold:#ffd700;
    --fl-gold-soft:rgba(255,215,0,0.18);
    --fl-border:rgba(255,215,0,0.16);
    --fl-text:#ffffff;
    --fl-muted:#b9c0cc;
}

#bmi{
    background:radial-gradient(circle at top, rgba(255,215,0,0.10), transparent 32%), linear-gradient(135deg,#05070c,#071426 55%,#02040a);
    padding:95px 20px;
}

#bmi .section-title{
    max-width:850px;
    margin:0 auto 38px;
    text-align:center;
}

#bmi .section-title h2{
    color:var(--fl-gold);
    font-size:clamp(28px,4vw,46px);
    font-weight:900;
    letter-spacing:.5px;
    text-transform:uppercase;
}

#bmi .section-title p{
    color:var(--fl-muted);
    max-width:700px;
    margin:12px auto 0;
}

.bmi-container{
    width:100%;
    max-width:660px;
    margin:auto;
    padding:34px;
    border-radius:24px;
    background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.025));
    border:1px solid var(--fl-border);
    box-shadow:0 25px 60px rgba(0,0,0,.42);
}

.bmi-container input{
    width:100%;
    padding:16px 18px;
    margin:10px 0;
    border-radius:14px;
    border:1px solid rgba(255,255,255,.10);
    background:#090f19;
    color:#fff;
    font-size:16px;
    outline:none;
    transition:.25s ease;
}

.bmi-container input:focus{
    border-color:var(--fl-gold);
    box-shadow:0 0 0 4px var(--fl-gold-soft);
}

.bmi-btn,
.main-btn,
.select-btn{
    background:linear-gradient(135deg,#f1c232,#ffd700,#c99b1a) !important;
    color:#050505 !important;
    border:none !important;
    font-weight:900 !important;
}

.bmi-btn{
    width:100%;
    padding:16px;
    margin-top:12px;
    border-radius:14px;
    font-size:18px;
    cursor:pointer;
    transition:.25s ease;
}

.bmi-btn:hover{
    transform:translateY(-3px);
    box-shadow:0 14px 30px rgba(255,215,0,.22);
}

#bmi-result{
    margin-top:24px;
    padding:0;
    background:transparent;
    border:0;
    color:#fff;
    text-align:left;
}

.bmi-status{
    text-align:center;
    font-size:26px;
    font-weight:900;
    margin:0 0 16px;
}

.bmi-result-grid{
    display:grid;
    gap:12px;
}

.bmi-result-grid p,
.bmi-action,
.bmi-error{
    margin:0;
    padding:16px;
    border-radius:16px;
    background:rgba(255,255,255,.055);
    border:1px solid rgba(255,255,255,.08);
}

.bmi-result-grid span{
    display:block;
    color:var(--fl-muted);
    font-size:13px;
    text-transform:uppercase;
    letter-spacing:.5px;
    margin-bottom:4px;
}

.bmi-result-grid strong,
.bmi-action strong{
    color:#fff;
    font-size:18px;
}

.bmi-good{color:#22c55e;}
.bmi-warning{color:#facc15;}
.bmi-danger{color:#ef4444;}

.bmi-coach-btn{
    display:block;
    width:100%;
    margin-top:15px;
    padding:14px 18px;
    text-align:center;
    text-decoration:none;
    border-radius:14px;
    background:#25d366;
    color:#fff;
    font-weight:900;
    transition:.25s ease;
}

.bmi-coach-btn:hover{
    transform:translateY(-3px);
    background:#1fb85a;
}

/* Transformation photos same-size premium cards */
#transformations{
    background:linear-gradient(135deg,#02040a,#071426 55%,#000);
}

#transformations .section-title h2{
    color:var(--fl-gold);
}

#transformations .gallery-container{
    display:grid !important;
    grid-template-columns:repeat(4,minmax(0,1fr)) !important;
    gap:22px !important;
    max-width:1420px !important;
    margin:0 auto !important;
}

#transformations .gallery-container img{
    width:100% !important;
    height:330px !important;
    object-fit:cover !important;
    object-position:center !important;
    display:block !important;
    border-radius:22px !important;
    background:#060606 !important;
    border:1px solid rgba(255,215,0,.18) !important;
    box-shadow:0 16px 36px rgba(0,0,0,.38) !important;
    transition:transform .3s ease, box-shadow .3s ease, border-color .3s ease !important;
}

#transformations .gallery-container img:hover{
    transform:translateY(-6px) scale(1.015) !important;
    border-color:rgba(255,215,0,.55) !important;
    box-shadow:0 24px 55px rgba(0,0,0,.55), 0 0 24px rgba(255,215,0,.10) !important;
}

@media(max-width:1100px){
    #transformations .gallery-container{grid-template-columns:repeat(3,minmax(0,1fr)) !important;}
    #transformations .gallery-container img{height:300px !important;}
}

@media(max-width:768px){
    .bmi-container{padding:24px;}
    #transformations .gallery-container{grid-template-columns:repeat(2,minmax(0,1fr)) !important; gap:16px !important;}
    #transformations .gallery-container img{height:260px !important; border-radius:16px !important;}
}

@media(max-width:480px){
    #transformations .gallery-container{grid-template-columns:1fr !important;}
    #transformations .gallery-container img{height:360px !important;}
}


/* =========================================================
   FITNESS LOVERS LK - PROFESSIONAL THEME UPGRADE V2
   Clean background colours + ordered services + full image gallery
========================================================= */
:root{
    --fl-bg:#05070d;
    --fl-bg-2:#08111f;
    --fl-card:#0d1726;
    --fl-card-soft:#111d2e;
    --fl-gold:#f5c542;
    --fl-gold-2:#ffe08a;
    --fl-red:#e63946;
    --fl-text:#ffffff;
    --fl-muted:#b9c4d0;
    --fl-border:rgba(245,197,66,.20);
    --fl-shadow:0 22px 55px rgba(0,0,0,.42);
}

html{scroll-behavior:smooth;}
body{
    background:
        radial-gradient(circle at top left, rgba(245,197,66,.08), transparent 32%),
        linear-gradient(135deg, #030407 0%, #07101d 42%, #0b1728 100%) !important;
    color:var(--fl-text) !important;
}

section,
.section{
    background:transparent !important;
}

.header{
    background:rgba(3,5,10,.92) !important;
    border-bottom:1px solid var(--fl-border) !important;
    box-shadow:0 12px 35px rgba(0,0,0,.45) !important;
}

.logo-area h2,
.section-title h2,
.coaching-header h2,
#contact h2{
    color:var(--fl-gold) !important;
    text-shadow:none !important;
    letter-spacing:.5px;
}

.section-title p,
.coaching-header p{
    max-width:760px;
    margin:12px auto 0;
    color:var(--fl-muted) !important;
}

.hero{
    background:
        linear-gradient(90deg, rgba(3,5,10,.92), rgba(3,5,10,.58)),
        url('images/hero.jpg') center/cover no-repeat !important;
}

.hero-btn,
.contact-btn,
.main-btn,
.bmi-btn,
.select-btn{
    background:linear-gradient(135deg, var(--fl-gold), var(--fl-gold-2)) !important;
    color:#070707 !important;
    border:0 !important;
    box-shadow:0 12px 28px rgba(245,197,66,.18) !important;
}

.outline-btn{
    background:transparent !important;
    color:var(--fl-gold) !important;
    border:1px solid var(--fl-gold) !important;
}

.about-box,
.service-box,
.package,
.package-card,
.trainer-card,
.review-card,
.hours-box,
.payment-card,
.contact-container,
.stat-box,
#payment-section,
.bmi-container{
    background:linear-gradient(180deg, rgba(17,29,46,.96), rgba(8,17,31,.96)) !important;
    border:1px solid var(--fl-border) !important;
    box-shadow:var(--fl-shadow) !important;
}

/* SERVICES - clean ordered professional grid */
#services{
    padding-top:95px !important;
    padding-bottom:95px !important;
}

#services .services-container{
    display:grid !important;
    grid-template-columns:repeat(4, minmax(0,1fr)) !important;
    gap:24px !important;
    max-width:1240px !important;
    margin:0 auto !important;
    align-items:stretch !important;
}

#services .service-box{
    min-height:270px !important;
    display:flex !important;
    flex-direction:column !important;
    justify-content:flex-start !important;
    align-items:center !important;
    text-align:center !important;
    padding:34px 24px !important;
    border-radius:24px !important;
    position:relative !important;
    overflow:hidden !important;
}

#services .service-box::before{
    content:"";
    position:absolute;
    inset:0;
    background:linear-gradient(135deg, rgba(245,197,66,.09), transparent 45%);
    pointer-events:none;
}

#services .service-box i{
    width:72px !important;
    height:72px !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    border-radius:20px !important;
    background:rgba(245,197,66,.11) !important;
    color:var(--fl-gold) !important;
    font-size:34px !important;
    margin-bottom:20px !important;
    border:1px solid rgba(245,197,66,.22) !important;
}

#services .service-box h3{
    font-size:21px !important;
    color:#fff !important;
    margin-bottom:10px !important;
}

#services .service-box p{
    color:var(--fl-muted) !important;
    min-height:52px !important;
    margin-bottom:18px !important;
}

#services .free-service,
#services .paid-service{
    margin-top:auto !important;
    border-radius:999px !important;
    letter-spacing:.5px !important;
}

#services .free-service{
    background:rgba(46,204,113,.14) !important;
    color:#77f2a1 !important;
    border:1px solid rgba(46,204,113,.32) !important;
}

#services .paid-service{
    background:rgba(245,197,66,.16) !important;
    color:var(--fl-gold-2) !important;
    border:1px solid rgba(245,197,66,.32) !important;
}

#services .service-box:hover{
    transform:translateY(-8px) !important;
    border-color:rgba(245,197,66,.45) !important;
}

/* TRANSFORMATIONS - same card size, full image visible */
#transformations{
    padding-top:95px !important;
    padding-bottom:100px !important;
    background:linear-gradient(180deg, rgba(5,7,13,0), rgba(245,197,66,.035)) !important;
}

#transformations .gallery-container{
    display:grid !important;
    grid-template-columns:repeat(3, minmax(0,1fr)) !important;
    gap:26px !important;
    max-width:1280px !important;
    margin:0 auto !important;
}

#transformations .gallery-container img{
    width:100% !important;
    height:430px !important;
    object-fit:contain !important;
    object-position:center !important;
    padding:12px !important;
    display:block !important;
    background:linear-gradient(180deg, #070a10, #0e1725) !important;
    border:1px solid var(--fl-border) !important;
    border-radius:24px !important;
    box-shadow:0 18px 42px rgba(0,0,0,.42) !important;
    transition:transform .25s ease, border-color .25s ease, box-shadow .25s ease !important;
}

#transformations .gallery-container img:hover{
    transform:translateY(-6px) !important;
    border-color:rgba(245,197,66,.55) !important;
    box-shadow:0 26px 60px rgba(0,0,0,.55), 0 0 28px rgba(245,197,66,.10) !important;
}

/* professional bottom sections */
#stats,
#reviews,
#contact,
.premium-footer,
footer{
    background:linear-gradient(135deg, #030407, #07101d) !important;
}

.stat-box h3,
.review-card h4,
.bank-details h3,
.bank-details strong{
    color:var(--fl-gold) !important;
}

.bank-details{
    border-color:var(--fl-border) !important;
    box-shadow:none !important;
}

@media(max-width:1100px){
    #services .services-container{grid-template-columns:repeat(2, minmax(0,1fr)) !important;}
    #transformations .gallery-container{grid-template-columns:repeat(2, minmax(0,1fr)) !important;}
    #transformations .gallery-container img{height:390px !important;}
}

@media(max-width:640px){
    .section{padding-left:18px !important; padding-right:18px !important;}
    #services .services-container{grid-template-columns:1fr !important;}
    #services .service-box{min-height:auto !important;}
    #transformations .gallery-container{grid-template-columns:1fr !important; gap:20px !important;}
    #transformations .gallery-container img{height:430px !important; padding:10px !important;}
    .section-title h2{font-size:32px !important;}
}


/* =====================================================
   FINAL PROFESSIONAL FIX - BMI + BOTTOM BACKGROUND
===================================================== */
:root{
  --fl-bg:#05070d;
  --fl-bg-2:#09111f;
  --fl-card:#0f1726;
  --fl-card-2:#111c2e;
  --fl-gold:#f6c645;
  --fl-gold-2:#ffe28a;
  --fl-text:#ffffff;
  --fl-muted:#b7c0d1;
  --fl-border:rgba(246,198,69,.18);
}

body{
  background:linear-gradient(180deg,#02040a 0%,#07101e 45%,#03050a 100%) !important;
  color:var(--fl-text);
}

.section,
.hours-section,
.trial-booking,
.payment-section,
.stats-section,
#reviews,
#contact,
.premium-footer{
  background:linear-gradient(135deg,#05070d 0%,#09111f 55%,#03050a 100%) !important;
}

.section-title h2,
.stats-section .section-title h2,
#contact h2{
  color:var(--fl-gold) !important;
  text-shadow:none !important;
  letter-spacing:.5px;
}

.section-title p,
.stats-section .section-title p{
  color:var(--fl-muted) !important;
}

.about-box,
.service-box,
.package-card,
.trainer-card,
.review-card,
.payment-card,
.bank-details,
.stat-box,
.contact-container,
.bmi-container{
  background:linear-gradient(145deg,rgba(17,28,46,.96),rgba(9,17,31,.96)) !important;
  border:1px solid var(--fl-border) !important;
  box-shadow:0 22px 60px rgba(0,0,0,.35) !important;
}

/* Services balanced professional order */
.services-container{
  display:grid !important;
  grid-template-columns:repeat(4,1fr) !important;
  gap:24px !important;
  align-items:stretch !important;
}
.service-box{
  min-height:245px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  text-align:center;
}
.service-box i,
.service-box h3,
.package-card h2,
.review-card h4,
.footer-brand h2,
.footer-links h3,
.footer-contact h3{
  color:var(--fl-gold) !important;
}
.free-service{
  background:rgba(46,204,113,.15) !important;
  color:#70ffae !important;
  border:1px solid rgba(112,255,174,.25);
}
.paid-service{
  background:rgba(246,198,69,.15) !important;
  color:var(--fl-gold-2) !important;
  border:1px solid rgba(246,198,69,.25);
}

/* BMI fixed UI */
#bmi{
  position:relative;
  overflow:hidden;
}
#bmi::before{
  content:"";
  position:absolute;
  inset:0;
  background:radial-gradient(circle at top right,rgba(246,198,69,.12),transparent 35%);
  pointer-events:none;
}
.bmi-container{
  max-width:720px !important;
  margin:0 auto !important;
  padding:36px !important;
  border-radius:24px !important;
  position:relative;
  z-index:1;
}
.bmi-input-group{
  text-align:left;
  margin-bottom:16px;
}
.bmi-input-group label{
  display:block;
  margin-bottom:8px;
  color:var(--fl-gold);
  font-weight:700;
}
.bmi-container input{
  width:100% !important;
  padding:16px !important;
  border-radius:14px !important;
  border:1px solid rgba(255,255,255,.08) !important;
  background:#070d17 !important;
  color:#fff !important;
  font-size:16px !important;
  outline:none !important;
}
.bmi-container input:focus{
  border-color:rgba(246,198,69,.55) !important;
  box-shadow:0 0 0 4px rgba(246,198,69,.08) !important;
}
.bmi-btn,.bmi-coach-btn,.contact-btn,.payment-confirm-btn,.booking-form button{
  background:linear-gradient(135deg,var(--fl-gold),#e2a918) !important;
  color:#050505 !important;
  border:none !important;
  box-shadow:0 12px 30px rgba(246,198,69,.18) !important;
}
.bmi-btn{
  width:100% !important;
  padding:16px !important;
  border-radius:14px !important;
  font-weight:800 !important;
  cursor:pointer;
}
#bmi-result{
  margin-top:24px;
}
.bmi-error{
  color:#ff7777;
  background:rgba(255,77,77,.10);
  padding:14px;
  border-radius:12px;
  border:1px solid rgba(255,77,77,.25);
}
.bmi-status{
  padding:14px;
  border-radius:16px;
  text-align:center;
  font-size:22px;
  font-weight:900;
  margin-bottom:16px;
}
.bmi-good{background:rgba(46,204,113,.15);color:#72ffad;}
.bmi-warning{background:rgba(255,196,0,.15);color:#ffd86b;}
.bmi-danger{background:rgba(255,77,77,.15);color:#ff7d7d;}
.bmi-result-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:12px;
}
.bmi-result-grid p{
  margin:0;
  background:#07101d;
  border:1px solid rgba(255,255,255,.07);
  border-radius:14px;
  padding:15px;
}
.bmi-result-grid span{
  display:block;
  color:var(--fl-muted);
  font-size:13px;
  margin-bottom:5px;
}
.bmi-result-grid strong{
  color:#fff;
}
.bmi-action{
  margin-top:14px;
  padding:14px;
  text-align:center;
  background:rgba(246,198,69,.10);
  border-radius:14px;
  color:#fff;
}
.bmi-coach-btn{
  display:inline-flex;
  justify-content:center;
  width:100%;
  margin-top:14px;
  padding:14px;
  border-radius:14px;
  text-decoration:none;
  font-weight:800;
}

/* Transformation photos: full image visible, clean order */
.gallery-container{
  display:grid !important;
  grid-template-columns:repeat(3,1fr) !important;
  gap:22px !important;
  max-width:1240px !important;
  margin:0 auto !important;
}
.gallery-container img{
  width:100% !important;
  height:360px !important;
  object-fit:contain !important;
  background:#050505 !important;
  padding:10px !important;
  border-radius:20px !important;
  border:1px solid rgba(246,198,69,.16) !important;
  box-shadow:0 18px 45px rgba(0,0,0,.35) !important;
}
.gallery-container img:hover{
  transform:translateY(-5px) !important;
}

/* Stats to footer unified background */
.stats-section,
#reviews,
#contact,
.premium-footer{
  padding:90px 8% !important;
  border-top:1px solid rgba(246,198,69,.08) !important;
}
.stats-grid,
.review-container{
  max-width:1180px;
  margin:auto;
}
.stat-box h3{
  color:var(--fl-gold) !important;
  text-shadow:none !important;
  font-size:38px !important;
}
.stat-box p,.review-card p,.contact-details p,.footer-brand p,.footer-contact p,.footer-links a{
  color:var(--fl-muted) !important;
}
.review-card span{
  color:var(--fl-gold);
  letter-spacing:2px;
}
.contact-highlight span,
.follow-title{
  color:var(--fl-gold) !important;
}
.premium-footer{
  padding-bottom:0 !important;
}
.footer-grid{
  max-width:1180px;
  margin:auto;
}
.footer-bottom{
  border-top:1px solid rgba(246,198,69,.12) !important;
  margin-top:40px;
}

@media(max-width:1000px){
  .services-container{grid-template-columns:repeat(2,1fr) !important;}
  .gallery-container{grid-template-columns:repeat(2,1fr) !important;}
  .bmi-result-grid{grid-template-columns:1fr !important;}
}
@media(max-width:600px){
  .services-container,.gallery-container{grid-template-columns:1fr !important;}
  .gallery-container img{height:320px !important;}
  .bmi-container{padding:24px !important;}
}


/* =========================
   PREMIUM ABOUT SECTION + CLEAN FOOTER V3
========================= */
.premium-about-section{
    background: radial-gradient(circle at top left, rgba(255,215,0,.10), transparent 35%),
                linear-gradient(135deg,#020617 0%,#071426 48%,#000 100%);
    position:relative;
    overflow:hidden;
}

.premium-about-section::before{
    content:"";
    position:absolute;
    inset:0;
    background:linear-gradient(90deg, transparent, rgba(255,255,255,.035), transparent);
    pointer-events:none;
}

.premium-title .section-kicker{
    display:inline-block;
    color:#ffd700;
    font-weight:800;
    letter-spacing:3px;
    text-transform:uppercase;
    font-size:13px;
    margin-bottom:10px;
}

.premium-title p{
    color:#cbd5e1;
    max-width:680px;
    margin:10px auto 0;
}

.premium-about-card{
    max-width:1180px;
    margin:0 auto;
    display:grid;
    grid-template-columns:1.55fr .85fr;
    gap:28px;
    align-items:stretch;
}

.about-content,
.about-feature-box{
    border:1px solid rgba(255,215,0,.18);
    background:linear-gradient(145deg,rgba(255,255,255,.08),rgba(255,255,255,.025));
    box-shadow:0 25px 70px rgba(0,0,0,.35);
    backdrop-filter:blur(14px);
    border-radius:26px;
}

.about-content{
    padding:46px;
}

.about-label{
    display:inline-flex;
    padding:8px 16px;
    border-radius:999px;
    background:rgba(255,215,0,.12);
    color:#ffd700;
    border:1px solid rgba(255,215,0,.25);
    font-size:13px;
    font-weight:800;
    text-transform:uppercase;
    letter-spacing:1px;
    margin-bottom:18px;
}

.about-content h3{
    font-size:42px;
    line-height:1.15;
    color:#fff;
    margin-bottom:20px;
    letter-spacing:-.5px;
}

.about-content p{
    color:#d6dee8;
    font-size:16px;
    line-height:1.85;
    margin-bottom:14px;
}

.about-highlights{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:15px;
    margin-top:30px;
}

.about-highlights div{
    padding:18px;
    border-radius:18px;
    background:rgba(2,6,23,.75);
    border:1px solid rgba(255,255,255,.08);
}

.about-highlights strong{
    display:block;
    color:#ffd700;
    font-size:20px;
    margin-bottom:4px;
}

.about-highlights span{
    color:#b9c3d1;
    font-size:13px;
}

.about-feature-box{
    padding:36px;
    display:flex;
    flex-direction:column;
    justify-content:center;
}

.about-feature-box i{
    width:74px;
    height:74px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:22px;
    background:linear-gradient(135deg,#ffd700,#b8860b);
    color:#050505;
    font-size:32px;
    margin-bottom:24px;
}

.about-feature-box h4{
    color:#fff;
    font-size:28px;
    margin-bottom:18px;
}

.about-feature-box ul{
    list-style:none;
    padding:0;
    margin:0;
}

.about-feature-box li{
    color:#d6dee8;
    padding:13px 0;
    border-bottom:1px solid rgba(255,255,255,.08);
}

.about-feature-box li::before{
    content:"✓";
    color:#ffd700;
    font-weight:900;
    margin-right:10px;
}

.footer-quick-only{
    padding:45px 20px 0 !important;
    background:linear-gradient(135deg,#000,#020617,#071426) !important;
    border-top:1px solid rgba(255,215,0,.22);
}

.footer-links-centered{
    max-width:980px;
    margin:0 auto 30px;
    text-align:center;
}

.footer-links-centered h3{
    color:#ffd700;
    font-size:24px;
    margin-bottom:20px;
    text-transform:uppercase;
    letter-spacing:2px;
}

.footer-link-row{
    display:flex;
    justify-content:center;
    align-items:center;
    flex-wrap:wrap;
    gap:14px;
}

.footer-link-row a{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    margin:0;
    padding:10px 16px;
    min-height:42px;
    border-radius:999px;
    background:rgba(255,255,255,.055);
    border:1px solid rgba(255,215,0,.16);
    color:#dbe4ef;
    text-decoration:none;
    transition:.3s ease;
}

.footer-link-row a:hover{
    color:#000;
    background:#ffd700;
    transform:translateY(-3px);
}

.footer-quick-only .footer-bottom{
    margin-top:28px;
    padding:18px 10px;
    border-top:1px solid rgba(255,215,0,.14);
}

@media(max-width:900px){
    .premium-about-card{
        grid-template-columns:1fr;
    }
    .about-content h3{
        font-size:34px;
    }
    .about-highlights{
        grid-template-columns:1fr;
    }
}

@media(max-width:600px){
    .about-content,
    .about-feature-box{
        padding:28px 22px;
    }
    .about-content h3{
        font-size:29px;
    }
    .footer-link-row{
        gap:10px;
    }
    .footer-link-row a{
        width:100%;
    }
}


/* =========================
   FINAL USER REQUEST FIXES
========================= */
.logo-area h2{
    color:#ffffff !important;
    text-shadow:none !important;
    letter-spacing:1px;
}

.premium-about-section{
    background:linear-gradient(135deg,#030712 0%,#061426 48%,#020617 100%) !important;
}

.premium-about-card{
    position:relative;
    overflow:hidden;
}

.premium-about-card::before{
    content:"";
    position:absolute;
    inset:0;
    background:radial-gradient(circle at top left,rgba(255,215,0,.12),transparent 36%);
    pointer-events:none;
}

.about-content,
.about-feature-box{
    position:relative;
    z-index:1;
}

.about-content p strong,
.about-content .experience{
    color:#ffd700 !important;
}

.footer-clean-only{
    padding:0 !important;
    background:#000 !important;
    border-top:1px solid rgba(255,215,0,.18);
}

.footer-clean-only .footer-bottom{
    margin:0 !important;
    padding:22px 15px !important;
    border-top:none !important;
    text-align:center;
}

.footer-clean-only .footer-bottom p{
    color:#aeb8c5 !important;
    margin:0;
    font-size:14px;
}

.footer-quick-only,
.footer-links-centered,
.footer-link-row{
    display:none !important;
}


/* =====================================================
   REGISTERED COMPANY + CERTIFICATES SECTION
   Added for Fitness Lovers LK trust & qualifications
===================================================== */

.logo-area h2{
    color:#ffffff !important;
}

.company-status-section{
    background:
        radial-gradient(circle at top left, rgba(255,215,0,0.12), transparent 32%),
        linear-gradient(135deg,#020617,#071426 55%,#05070c);
    padding:70px 8%;
}

.company-status-card{
    max-width:1120px;
    margin:auto;
    display:flex;
    align-items:center;
    gap:28px;
    padding:38px;
    border-radius:26px;
    background:linear-gradient(180deg,rgba(255,255,255,0.075),rgba(255,255,255,0.028));
    border:1px solid rgba(255,215,0,0.20);
    box-shadow:0 24px 70px rgba(0,0,0,0.42);
}

.company-icon{
    flex:0 0 92px;
    width:92px;
    height:92px;
    border-radius:24px;
    display:flex;
    align-items:center;
    justify-content:center;
    background:linear-gradient(135deg,#ffd700,#b88900);
    color:#05070c;
    font-size:40px;
    box-shadow:0 16px 35px rgba(255,215,0,0.18);
}

.company-status-content h2{
    color:#ffd700;
    font-size:clamp(28px,4vw,42px);
    font-weight:900;
    line-height:1.15;
    text-transform:uppercase;
    margin:8px 0 14px;
}

.company-status-content p{
    color:#d6dbe6;
    font-size:17px;
    line-height:1.85;
    max-width:850px;
}

.certifications-section{
    background:
        radial-gradient(circle at top right, rgba(255,215,0,0.10), transparent 30%),
        linear-gradient(180deg,#05070c,#08111f 48%,#020617);
    padding:95px 8%;
}

.certificates-grid{
    max-width:1250px;
    margin:auto;
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:26px;
}

.certificate-card{
    min-height:380px;
    padding:14px;
    border-radius:24px;
    background:linear-gradient(180deg,rgba(255,255,255,0.07),rgba(255,255,255,0.025));
    border:1px solid rgba(255,215,0,0.16);
    box-shadow:0 20px 55px rgba(0,0,0,0.36);
    transition:.3s ease;
}

.certificate-card:hover{
    transform:translateY(-7px);
    border-color:rgba(255,215,0,0.55);
    box-shadow:0 24px 65px rgba(0,0,0,0.46), 0 0 28px rgba(255,215,0,0.12);
}

.certificate-card img{
    width:100%;
    height:360px;
    display:block;
    object-fit:contain;
    border-radius:18px;
    background:#05070c;
    border:1px solid rgba(255,255,255,0.08);
}

@media(max-width:900px){
    .company-status-card{
        flex-direction:column;
        text-align:center;
    }

    .certificates-grid{
        grid-template-columns:repeat(2,1fr);
    }
}

@media(max-width:600px){
    .company-status-section,
    .certifications-section{
        padding:70px 20px;
    }

    .company-status-card{
        padding:28px 20px;
    }

    .certificates-grid{
        grid-template-columns:1fr;
    }

    .certificate-card img{
        height:320px;
    }
}


/* =====================================================
   FINAL TEXT + ALIGNMENT PATCH
===================================================== */

.about-title-clean .section-kicker{
    display:block;
    color:#ffd700;
    font-size:clamp(30px,4vw,46px);
    font-weight:900;
    letter-spacing:1px;
    text-transform:uppercase;
    margin-bottom:12px;
}

.about-title-clean p{
    max-width:720px;
    margin:0 auto;
    color:#b9c0cc;
    font-size:16px;
}

.company-status-content h2{
    white-space:nowrap;
    font-size:clamp(24px,3vw,38px);
    letter-spacing:.3px;
}

.company-status-content h2 span{
    color:#ffffff;
    font-weight:900;
}

.certifications-section .premium-title p{
    font-size:14px;
    line-height:1.7;
    max-width:760px;
    color:#aeb6c6;
}

@media(max-width:900px){
    .company-status-content h2{
        white-space:normal;
        font-size:clamp(24px,6vw,34px);
    }
}


/* =====================================================
   FINAL POLISH PATCH - ONE LINE TEXT FIXES
===================================================== */
.about-slogan-one-line{
    white-space:nowrap;
    font-size:clamp(30px,3.2vw,46px) !important;
}

.company-status-content h2{
    white-space:nowrap;
    font-size:clamp(22px,2.65vw,34px) !important;
}

.company-status-content h2 span{
    display:none !important;
}

.transformations-subtitle-one-line{
    white-space:nowrap;
    max-width:100% !important;
}

@media(max-width:900px){
    .about-slogan-one-line,
    .company-status-content h2,
    .transformations-subtitle-one-line{
        white-space:normal;
    }
}
.about-slogan-one-line{
    font-size:22px;
    font-weight:700;
    line-height:1.4;
    margin-bottom:20px;
}

/* =====================================================
   ABOUT SECTION COMPACT + PREMIUM OUR FOCUS FIX
   Added for Fitness Lovers LK final polish
===================================================== */

.premium-about-section{
    padding-top:75px !important;
    padding-bottom:75px !important;
}

.premium-about-card{
    max-width:1120px !important;
    margin:0 auto !important;
    display:grid !important;
    grid-template-columns:minmax(0, 1.35fr) minmax(310px, .75fr) !important;
    gap:26px !important;
    align-items:stretch !important;
}

.about-content{
    padding:30px 32px !important;
    border-radius:22px !important;
    background:linear-gradient(145deg,rgba(255,255,255,.055),rgba(255,255,255,.025)) !important;
    border:1px solid rgba(255,215,0,.14) !important;
    box-shadow:0 18px 45px rgba(0,0,0,.32) !important;
}

.about-label{
    font-size:12px !important;
    letter-spacing:1.5px !important;
    padding:6px 14px !important;
    margin-bottom:12px !important;
}

.about-slogan-one-line{
    font-size:clamp(20px,2.1vw,26px) !important;
    line-height:1.25 !important;
    margin:8px 0 18px !important;
    white-space:nowrap !important;
}

.about-content p{
    font-size:15px !important;
    line-height:1.72 !important;
    margin-bottom:14px !important;
    color:#d7deea !important;
}

.about-highlights{
    margin-top:20px !important;
    display:grid !important;
    grid-template-columns:repeat(3,1fr) !important;
    gap:12px !important;
}

.about-highlights div{
    padding:14px 10px !important;
    border-radius:15px !important;
    background:rgba(255,255,255,.045) !important;
    border:1px solid rgba(255,215,0,.13) !important;
}

.about-highlights strong{
    font-size:18px !important;
    line-height:1.2 !important;
    margin-bottom:4px !important;
    display:block !important;
    color:#FFD700 !important;
}

.about-highlights span{
    font-size:12px !important;
    color:#b9c0cc !important;
}

.about-feature-box{
    position:relative !important;
    overflow:hidden !important;
    padding:34px 28px !important;
    border-radius:24px !important;
    background:
        radial-gradient(circle at top right, rgba(255,215,0,.18), transparent 34%),
        linear-gradient(145deg,#080d16,#111b2b) !important;
    border:1px solid rgba(255,215,0,.24) !important;
    box-shadow:0 20px 55px rgba(0,0,0,.38) !important;
    min-height:100% !important;
    display:flex !important;
    flex-direction:column !important;
    justify-content:center !important;
}

.about-feature-box::before{
    content:"";
    position:absolute;
    inset:12px;
    border:1px solid rgba(255,215,0,.09);
    border-radius:20px;
    pointer-events:none;
}

.about-feature-box i{
    width:62px !important;
    height:62px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    margin:0 auto 18px !important;
    border-radius:18px !important;
    background:linear-gradient(135deg,#FFD700,#b98b00) !important;
    color:#05070c !important;
    font-size:28px !important;
    box-shadow:0 12px 35px rgba(255,215,0,.22) !important;
}

.about-feature-box h4{
    text-align:center !important;
    font-size:28px !important;
    color:#fff !important;
    margin-bottom:22px !important;
    letter-spacing:.4px !important;
}

.about-feature-box ul{
    list-style:none !important;
    padding:0 !important;
    margin:0 !important;
    display:flex !important;
    flex-direction:column !important;
    gap:12px !important;
}

.about-feature-box ul li{
    position:relative !important;
    padding:13px 14px 13px 46px !important;
    border-radius:14px !important;
    background:rgba(255,255,255,.055) !important;
    border:1px solid rgba(255,255,255,.08) !important;
    color:#e8edf6 !important;
    font-size:15px !important;
    font-weight:600 !important;
}

.about-feature-box ul li::before{
    content:"✓";
    position:absolute;
    left:14px;
    top:50%;
    transform:translateY(-50%);
    width:22px;
    height:22px;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    background:#FFD700;
    color:#05070c;
    font-size:13px;
    font-weight:900;
}

@media(max-width:980px){
    .premium-about-card{
        grid-template-columns:1fr !important;
    }

    .about-feature-box{
        min-height:auto !important;
    }
}

@media(max-width:650px){
    .about-content{
        padding:24px 20px !important;
    }

    .about-slogan-one-line{
        white-space:normal !important;
        font-size:22px !important;
    }

    .about-highlights{
        grid-template-columns:1fr !important;
    }

    .about-feature-box{
        padding:30px 20px !important;
    }
}


/* =====================================================
   ABOUT SECTION RESIZE FINAL
   Main about box bigger + Our Focus box smaller
===================================================== */

.premium-about-card{
    max-width:1180px !important;
    grid-template-columns:minmax(0, 1.75fr) minmax(240px, .55fr) !important;
    gap:22px !important;
}

.about-content{
    padding:36px 40px !important;
}

.about-content p{
    font-size:15.5px !important;
    line-height:1.78 !important;
}

.about-slogan-one-line{
    font-size:clamp(20px,1.8vw,24px) !important;
}

.about-highlights{
    gap:14px !important;
}

.about-highlights div{
    padding:16px 12px !important;
}

.about-feature-box{
    padding:24px 18px !important;
    border-radius:20px !important;
    justify-content:center !important;
}

.about-feature-box::before{
    inset:10px !important;
    border-radius:16px !important;
}

.about-feature-box i{
    width:50px !important;
    height:50px !important;
    font-size:22px !important;
    border-radius:15px !important;
    margin-bottom:14px !important;
}

.about-feature-box h4{
    font-size:22px !important;
    margin-bottom:16px !important;
}

.about-feature-box ul{
    gap:9px !important;
}

.about-feature-box ul li{
    padding:10px 10px 10px 38px !important;
    font-size:13.5px !important;
    border-radius:12px !important;
}

.about-feature-box ul li::before{
    left:10px !important;
    width:19px !important;
    height:19px !important;
    font-size:11px !important;
}

@media(max-width:980px){
    .premium-about-card{
        grid-template-columns:1fr !important;
        max-width:900px !important;
    }

    .about-feature-box{
        max-width:520px !important;
        width:100% !important;
        margin:auto !important;
    }
}

@media(max-width:650px){
    .about-content{
        padding:26px 22px !important;
    }

    .about-feature-box{
        max-width:100% !important;
        padding:24px 18px !important;
    }
}