.ct-section {
width:100%;
background-size:cover;
background-repeat:repeat;
}
.ct-section>.ct-section-inner-wrap {
display:flex;
flex-direction:column;
align-items:flex-start;
}
.ct-div-block {
display:flex;
flex-wrap:nowrap;
flex-direction:column;
align-items:flex-start;
}
.ct-new-columns {
display:flex;
width:100%;
flex-direction:row;
align-items:stretch;
justify-content:center;
flex-wrap:wrap;
}
.ct-link-text {
display:inline-block;
}
.ct-link {
display:flex;
flex-wrap:wrap;
text-align:center;
text-decoration:none;
flex-direction:column;
align-items:center;
justify-content:center;
}
.ct-link-button {
display:inline-block;
text-align:center;
text-decoration:none;
}
.ct-link-button {
background-color: #1e73be;
border: 1px solid #1e73be;
color: #ffffff;
padding: 10px 16px;
}
.ct-image {
max-width:100%;
}
.ct-fancy-icon>svg {
width:55px;height:55px;}
.ct-inner-content {
width:100%;
}
.ct-slide {
display:flex;
flex-wrap:wrap;
text-align:center;
flex-direction:column;
align-items:center;
justify-content:center;
}
.ct-nestable-shortcode {
display:flex;
flex-wrap:nowrap;
flex-direction:column;
align-items:flex-start;
}
.oxy-comments {
width:100%;
text-align:left;
}
.oxy-comment-form {
width:100%;
}
.oxy-login-form {
width:100%;
}
.oxy-search-form {
width:100%;
}
.oxy-tabs-contents {
display:flex;
width:100%;
flex-wrap:nowrap;
flex-direction:column;
align-items:flex-start;
}
.oxy-tab {
display:flex;
flex-wrap:nowrap;
flex-direction:column;
align-items:flex-start;
}
.oxy-tab-content {
display:flex;
width:100%;
flex-wrap:nowrap;
flex-direction:column;
align-items:flex-start;
}
.oxy-testimonial {
width:100%;
}
.oxy-icon-box {
width:100%;
}
.oxy-pricing-box {
width:100%;
}
.oxy-posts-grid {
width:100%;
}
.oxy-gallery {
width:100%;
}
.ct-slider {
width:100%;
}
.oxy-tabs {
display:flex;
flex-wrap:nowrap;
flex-direction:row;
align-items:stretch;
}
.ct-modal {
flex-direction:column;
align-items:flex-start;
}
.ct-span {
display:inline-block;
text-decoration:inherit;
}
.ct-widget {
width:100%;
}
.oxy-dynamic-list {
width:100%;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
			.ct-div-block,
			.oxy-post-content,
			.ct-text-block,
			.ct-headline,
			.oxy-rich-text,
			.ct-link-text { max-width: 100%; }
			img { flex-shrink: 0; }
			body * { min-height: 1px; }
		}            .oxy-testimonial {
                flex-direction: row;
                align-items: center;
            }
                        .oxy-testimonial .oxy-testimonial-photo-wrap {
                order: 1;
            }
            
                        .oxy-testimonial .oxy-testimonial-photo {
                width: 125px;                height: 125px;                margin-right: 20px;
            }
            
                        .oxy-testimonial .oxy-testimonial-photo-wrap, 
            .oxy-testimonial .oxy-testimonial-author-wrap, 
            .oxy-testimonial .oxy-testimonial-content-wrap {
                align-items: flex-start;                text-align: left;            }
            
                                                            .oxy-testimonial .oxy-testimonial-text {
                margin-bottom:8px;font-size: 21px;
line-height: 1.4;
-webkit-font-smoothing: subpixel-antialiased;
            }
            
                                    .oxy-testimonial .oxy-testimonial-author {
                font-size: 18px;
-webkit-font-smoothing: subpixel-antialiased;
            }
                            

                                                .oxy-testimonial .oxy-testimonial-author-info {
                font-size: 12px;
-webkit-font-smoothing: subpixel-antialiased;
            }
            
             
            
                        .oxy-icon-box {
                text-align: left;                flex-direction: column;            }
            
                        .oxy-icon-box .oxy-icon-box-icon {
                margin-bottom: 12px;
                align-self: flex-start;            }
            
                                                                        .oxy-icon-box .oxy-icon-box-heading {
                font-size: 21px;
margin-bottom: 12px;            }
            
                                                                                    .oxy-icon-box .oxy-icon-box-text {
                font-size: 16px;
margin-bottom: 12px;align-self: flex-start;            }
            
                        .oxy-icon-box .oxy-icon-box-link {
                margin-top: 20px;                            }
            
            
            /* GLOBALS */

                                                            .oxy-pricing-box .oxy-pricing-box-section {
                padding-top: 20px;
padding-left: 20px;
padding-right: 20px;
padding-bottom: 20px;
text-align: center;            }
                        
                        .oxy-pricing-box .oxy-pricing-box-section.oxy-pricing-box-price {
                justify-content: center;            }
            
            /* IMAGE */
                                                                                    .oxy-pricing-box .oxy-pricing-box-section.oxy-pricing-box-graphic {
                justify-content: center;            }
            
            /* TITLE */
                                                            
                                    .oxy-pricing-box .oxy-pricing-box-title-title {
                font-size: 48px;
            }
            
                                    .oxy-pricing-box .oxy-pricing-box-title-subtitle {
                font-size: 24px;
            }
            

            /* PRICE */
                                                .oxy-pricing-box .oxy-pricing-box-section.oxy-pricing-box-price {
                                                flex-direction: row;                                            }
            
                                    .oxy-pricing-box .oxy-pricing-box-currency {
                font-size: 28px;
            }
            
                                    .oxy-pricing-box .oxy-pricing-box-amount-main {
                font-size: 80px;
line-height: 0.7;
            }
            
                                    .oxy-pricing-box .oxy-pricing-box-amount-decimal {
                font-size: 13px;
            }
                        
                                    .oxy-pricing-box .oxy-pricing-box-term {
                font-size: 16px;
            }
            
                                    .oxy-pricing-box .oxy-pricing-box-sale-price {
                font-size: 12px;
color: rgba(0,0,0,0.5);
                margin-bottom: 20px;            }
            
            /* CONTENT */

                                                                        .oxy-pricing-box .oxy-pricing-box-section.oxy-pricing-box-content {
                font-size: 16px;
color: rgba(0,0,0,0.5);
            }
            
            /* CTA */

                                                                        .oxy-pricing-box .oxy-pricing-box-section.oxy-pricing-box-cta {
                justify-content: center;            }
            
        
                                .oxy-progress-bar .oxy-progress-bar-background {
            background-color: #000000;            background-image: linear-gradient(-45deg,rgba(255,255,255,.12) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.12) 50%,rgba(255,255,255,.12) 75%,transparent 75%,transparent);            animation: none 0s paused;        }
                
                .oxy-progress-bar .oxy-progress-bar-progress-wrap {
            width: 85%;        }
        
                                                        .oxy-progress-bar .oxy-progress-bar-progress {
            background-color: #66aaff;padding: 40px;animation: none 0s paused, none 0s paused;            background-image: linear-gradient(-45deg,rgba(255,255,255,.12) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.12) 50%,rgba(255,255,255,.12) 75%,transparent 75%,transparent);        
        }
                
                        .oxy-progress-bar .oxy-progress-bar-overlay-text {
            font-size: 30px;
font-weight: 900;
-webkit-font-smoothing: subpixel-antialiased;
        }
        
                        .oxy-progress-bar .oxy-progress-bar-overlay-percent {
            font-size: 12px;
        }
        
        .ct-slider .unslider-nav ol li {border-color: #ffffff; }.ct-slider .unslider-nav ol li.unslider-active {background-color: #ffffff; }.ct-slider .ct-slide {
				padding: 0px;			}
		
                        .oxy-superbox .oxy-superbox-secondary, 
            .oxy-superbox .oxy-superbox-primary {
                transition-duration: 0.5s;            }
            
            
            
            
            
        
        
        
        
            .oxy-shape-divider {
                width: 0px;
                height: 0px;
                
            }
            
            .oxy_shape_divider svg {
                width: 100%;
            }
            .oxy-pro-menu .oxy-pro-menu-container:not(.oxy-pro-menu-open-container):not(.oxy-pro-menu-off-canvas-container) .sub-menu{
box-shadow:px px px px ;}

.oxy-pro-menu .oxy-pro-menu-show-dropdown .oxy-pro-menu-list .menu-item-has-children > a svg{
transition-duration:0.4s;
}

.oxy-pro-menu .oxy-pro-menu-show-dropdown .oxy-pro-menu-list .menu-item-has-children > a div{
margin-left:0px;
}

.oxy-pro-menu .oxy-pro-menu-mobile-open-icon svg{
width:30px;
height:30px;
}

.oxy-pro-menu .oxy-pro-menu-mobile-open-icon{
padding-top:15px;
padding-right:15px;
padding-bottom:15px;
padding-left:15px;
}

.oxy-pro-menu .oxy-pro-menu-mobile-open-icon, .oxy-pro-menu .oxy-pro-menu-mobile-open-icon svg{
transition-duration:0.4s;
}

.oxy-pro-menu .oxy-pro-menu-mobile-close-icon{
top:20px;
left:20px;
}

.oxy-pro-menu .oxy-pro-menu-mobile-close-icon svg{
width:24px;
height:24px;
}

.oxy-pro-menu .oxy-pro-menu-mobile-close-icon, .oxy-pro-menu .oxy-pro-menu-mobile-close-icon svg{
transition-duration:0.4s;
}

.oxy-pro-menu .oxy-pro-menu-container.oxy-pro-menu-off-canvas-container, .oxy-pro-menu .oxy-pro-menu-container.oxy-pro-menu-open-container{
background-color:#ffffff;
}

.oxy-pro-menu .oxy-pro-menu-off-canvas-container, .oxy-pro-menu .oxy-pro-menu-open-container{
background-image:url();
}

.oxy-pro-menu .oxy-pro-menu-off-canvas-container .oxy-pro-menu-list .menu-item-has-children > a svg, .oxy-pro-menu .oxy-pro-menu-open-container .oxy-pro-menu-list .menu-item-has-children > a svg{
font-size:24px;
}

.oxy-pro-menu .oxy-pro-menu-dropdown-links-toggle.oxy-pro-menu-open-container .menu-item-has-children ul, .oxy-pro-menu .oxy-pro-menu-dropdown-links-toggle.oxy-pro-menu-off-canvas-container .menu-item-has-children ul{
background-color:rgba(0,0,0,0.2);
border-top-style:solid;
}

.oxy-pro-menu .oxy-pro-menu-container:not(.oxy-pro-menu-open-container):not(.oxy-pro-menu-off-canvas-container) .oxy-pro-menu-list{
                    flex-direction: row;
               }
.oxy-pro-menu .oxy-pro-menu-container .menu-item a{
                    text-align: left;
                    justify-content: flex-start;
                }
.oxy-pro-menu .oxy-pro-menu-container.oxy-pro-menu-open-container .menu-item, .oxy-pro-menu .oxy-pro-menu-container.oxy-pro-menu-off-canvas-container .menu-item{
                    align-items: flex-start;
                }

            .oxy-pro-menu .oxy-pro-menu-off-canvas-container{
                    top: 0;
                    bottom: 0;
                    right: auto;
                    left: 0;
               }
.oxy-pro-menu .oxy-pro-menu-container.oxy-pro-menu-open-container .oxy-pro-menu-list .menu-item a, .oxy-pro-menu .oxy-pro-menu-container.oxy-pro-menu-off-canvas-container .oxy-pro-menu-list .menu-item a{
                    text-align: left;
                    justify-content: flex-start;
                }

            .oxy-site-navigation {
--oxynav-brand-color:#4831B0;
--oxynav-neutral-color:#FFFFFF;
--oxynav-activehover-color:#EFEDF4;
--oxynav-background-color:#4831B0;
--oxynav-border-radius:0px;
--oxynav-other-spacing:8px;
--oxynav-transition-duration:0.3s;
--oxynav-transition-timing-function:cubic-bezier(.84,.05,.31,.93);
}

.oxy-site-navigation .oxy-site-navigation__mobile-close-wrapper{
text-align:left;
}

.oxy-site-navigation > ul{ left: 0; }
.oxy-site-navigation {
                        --oxynav-animation-name: none; 
                    }

                .oxy-site-navigation > ul:not(.open) > li[data-cta='true']:nth-last-child(1){ 
                    background-color: var(--oxynav-brand-color);
                    transition: var(--oxynav-transition-duration);
                    margin-left: var(--oxynav-other-spacing);
                    border: none;
                }
.oxy-site-navigation > ul:not(.open) > li[data-cta='true']:nth-last-child(2){ 
                    background: transparent;
                    border: 1px solid currentColor;
                    transition: var(--oxynav-transition-duration);
                    margin-left: var(--oxynav-other-spacing);
                }
.oxy-site-navigation > ul:not(.open) > li[data-cta='true']:nth-last-child(2):not(:hover) > img{
                    filter: invert(0) !important;
                }
.oxy-site-navigation > ul:not(.open) > li[data-cta='true']:hover{
                    background-color: var(--oxynav-activehover-color);
                }
.oxy-site-navigation > ul:not(.open) > li[data-cta='true']:nth-last-child(1) > a{
                    color: var(--oxynav-neutral-color);
                }
.oxy-site-navigation > ul:not(.open) > li[data-cta='true']:nth-last-child(2) > a{
                    color: var(--oxynav-brand-color);
                }
.oxy-site-navigation > ul:not(.open) > li[data-cta='true']:hover > a{
                    color: var(--oxynav-brand-color);
                }
.oxy-site-navigation > ul:not(.open) > li[data-cta='true']:nth-last-child(1) > a::after{
                    color: var(--oxynav-neutral-color);   
                }
.oxy-site-navigation > ul:not(.open) > li[data-cta='true']:nth-last-child(2) > a::after{
                    color: var(--oxynav-brand-color);   
                }
.oxy-site-navigation > ul:not(.open) > li[data-cta='true']:hover > a::after{
                    color: var(--oxynav-brand-color);   
                }
.oxy-site-navigation > ul:not(.open) > li[data-cta='true'] > ul{
                    display: none;
                }
.oxy-site-navigation > ul:not(.open) > li[data-cta='true'] > button, .oxy-site-navigation > ul:not(.open) > li[data-cta='true'] > ul{
                    display: none;
                }

                .ct-section-inner-wrap, .oxy-header-container{
  max-width: 1120px;
}
body {font-family: 'Open Sans';}body {line-height: 1.6;font-size: 16px;font-weight: 400;color: #404040;}.oxy-nav-menu-hamburger-line {background-color: #404040;}h1, h2, h3, h4, h5, h6 {font-family: 'Source Sans 3';font-size: 36px;font-weight: 700;}h2, h3, h4, h5, h6{font-size: 30px;}h3, h4, h5, h6{font-size: 24px;}h4, h5, h6{font-size: 20px;}h5, h6{font-size: 18px;}h6{font-size: 16px;}a {color: #0074db;text-decoration: none;}a:hover {text-decoration: none;}.ct-link-text {text-decoration: ;}.ct-link {text-decoration: ;}.ct-link-button {border-radius: 3px;}.ct-section-inner-wrap {
padding-top: 75px;
padding-right: 20px;
padding-bottom: 75px;
padding-left: 20px;
}.ct-new-columns > .ct-div-block {
padding-top: 20px;
padding-right: 20px;
padding-bottom: 20px;
padding-left: 20px;
}.oxy-header-container {
padding-right: 20px;
padding-left: 20px;
}@media (max-width: 992px) {
				.ct-columns-inner-wrap {
					display: block !important;
				}
				.ct-columns-inner-wrap:after {
					display: table;
					clear: both;
					content: "";
				}
				.ct-column {
					width: 100% !important;
					margin: 0 !important;
				}
				.ct-columns-inner-wrap {
					margin: 0 !important;
				}
			}
.sma-hero {
}
@media (max-width: 479px) {
.sma-hero {
}
}

/* =========================================================
   GLOBAL HEADER
   ========================================================= */
#main-header {
  position: fixed;
  top: 0;
  width: 100%;
  background: #fff;
  padding: 8px 25px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  z-index: 999999;
  border-bottom: 1px solid #eee;
  min-height: 78px;
}

/* LOGO */
.logo img {
  height: 78px;
  width: auto;
  aspect-ratio: 500/281;
  transition: 0.2s ease;
}

/* NAVIGATION */
nav {
  flex: 1;
  display: flex;
  justify-content: center;
}

nav ul {
  display: flex;
  gap: 26px;
  list-style: none;
  padding: 0;
  margin: 0;
}

nav ul li a {
  font-family: Poppins, sans-serif;
  font-weight: 600;
  color: #000;
  text-decoration: none;
  transition: 0.25s ease;
}

nav ul li a:hover {
  color: #fcc91a;
}

.centered-option {
  width: 100%;
  display: block;
  text-align: center;
}

/* =========================================================
   DROPDOWN MENU — DESKTOP & MOBILE
   ========================================================= */
.dropdown {
  position: relative;
}

.dropdown-trigger {
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
}

.arrow {
  transition: transform 0.25s ease;
}

.dropdown.open .arrow {
  transform: rotate(180deg);
}

.dropdown-menu {
  position: absolute;
  top: 38px;
  left: 0;
  background: #fff;
  padding: 12px 16px;
  border-radius: 6px;
  min-width: 170px;
  box-shadow: 0 6px 16px rgba(0,0,0,0.1);
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: 0.15s ease;
  display: flex;
  flex-direction: column;
  gap: 10px;
}

/* Desktop dropdown behaviour */
@media (min-width: 951px) {
  .dropdown.open .dropdown-menu {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
  }
}

/* Mobile dropdown behaviour */
@media (max-width: 950px) {
  .dropdown {
    width: 100%;
  }

  .dropdown-menu {
    left: 50%;
    transform: translateX(-50%);
    top: 40px;
    z-index: 9999999;
  }

  .dropdown.open .dropdown-menu {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
  }
}

/* =========================================================
   CTA BUTTONS
   ========================================================= */
.cta-btn {
  background: #000;
  color: #fff;
  border: 2px solid #000;
  padding: 8px 18px;
  border-radius: 6px;
  font-weight: 600;
  text-decoration: none;
  display: inline-block;
  transition: 0.25s ease;
}

.cta-btn:hover {
  background: #fcc91a;
  color: #000;
  border-color: #000;
}

@media (min-width: 951px) {
  .cta-btn.mobile {
    display: none !important;
  }
}

@media (max-width: 950px) {
  .cta-btn.desktop {
    display: none !important;
  }
}

/* =========================================================
   BURGER MENU
   ========================================================= */
.menu-toggle {
  width: 30px;
  height: 26px;
  display: none;
  flex-direction: column;
  gap: 5px;
  cursor: pointer;
}

.menu-toggle span {
  width: 26px;
  height: 3px;
  background: #000;
}

/* =========================================================
   MOBILE NAVIGATION
   ========================================================= */
@media (max-width: 950px) {
  nav ul {
    flex-direction: column;
    position: fixed;
    top: 70px;
    left: 0;
    width: 100%;
    background: #fff;
    display: none;
    padding: 30px 0;
    text-align: center;
    gap: 22px;
  }

  nav ul.active {
    display: flex;
  }

  .menu-toggle {
    display: flex;
  }
}

/* =========================================================
   HERO SECTION
========================================================= */

.sma-hero {
  padding-top: 120px; /* prevents header overlap */
  min-height: 100vh;
  display: flex;
  align-items: center;
  position: relative;
  color: #fff;
  font-family: 'Poppins', sans-serif;

  /* Updated Desktop Background (HIGH QUALITY) */
  background-image: url('https://yellowgreen-mole-890629.hostingersite.com/wp-content/uploads/2025/11/Hero-Image-SMA.jpg6_-1.webp');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

/* =========================================================
   OVERLAY — ALWAYS ABOVE BACKGROUND, NEVER ABOVE CONTENT
========================================================= */

.sma-hero::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,0.38);
  z-index: 2;
  pointer-events: none;
}

.sma-hero > * {
  position: relative;
  z-index: 3;
}

/* =========================================================
   MOBILE BACKGROUND
========================================================= */

@media (max-width: 768px) {
  .sma-hero {
    padding-top: 140px;
    padding-bottom: 4rem;

    background-image: url('https://yellowgreen-mole-890629.hostingersite.com/wp-content/uploads/2025/11/Mobile-Hero-Image-1-1.webp');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
  }
}

/* =========================================================
   HERO CONTAINER
========================================================= */

.sma-container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  max-width: 1300px;
  width: 100%;
  margin: 0 auto;
  padding: 0 5vw;
  gap: 80px;
}

@media (max-width: 768px) {
  .sma-container {
    flex-direction: column;
    text-align: center;
    gap: 1.8rem;
  }
}

/* =========================================================
   LEFT TEXT
========================================================= */

.sma-left {
  flex: 1;
}

.sma-left h1 {
  font-size: 4rem;
  line-height: 1.1;
  text-transform: uppercase;
  font-weight: 800;
  margin-bottom: 1.5rem;
}

.sma-left h1 span {
  color: #FCC91A;
}

.sma-left ul {
  list-style: none;
  padding: 0;
  font-size: 1.25rem;
  line-height: 2;
}

/* Force text colours */
.sma-left h1,
.sma-left h1 span,
.sma-left ul li {
  color: #ffffff !important;
}

/* =========================================================
   FORM BOX
========================================================= */

.sma-form {
  flex: 0 0 380px;
  background: rgba(255,255,255,0.15);
  border: 2px solid #000;
  border-radius: 16px;
  padding: 2rem;
  box-shadow: 0 10px 25px rgba(0,0,0,0.25);
  color: #fff;
}

.sma-form h2 {
  text-align: center;
  font-weight: 900;
  text-transform: uppercase;
  margin-bottom: 1.5rem;
  color: #fff !important;
}

.sma-form input,
.sma-form textarea {
  width: 100%;
  border: 1px solid #000;
  border-radius: 6px;
  padding: 0.8rem;
  margin-bottom: 1rem;
  background: #fff;
  color: #000 !important;
}

.sma-form button {
  width: 100%;
  padding: 1rem;
  background: #000;
  border: 2px solid #000;
  color: #fff;
  font-weight: 700;
  border-radius: 8px;
  cursor: pointer;
  transition: 0.3s;
}

.sma-form button:hover {
  background: #FCC91A;
  color: #000;
}

/* =========================================================
   MOBILE FORM FIXES
========================================================= */

@media (max-width: 768px) {

  .sma-left h1 {
    font-size: 2.3rem;
  }

  .sma-left ul {
    font-size: 1.15rem;
    margin-bottom: 1rem;
  }

  .sma-form {
    width: 100%;
    max-width: 360px;
  }

  .sma-form h2 {
    font-size: 1.35rem !important;
    line-height: 1.2 !important;
    margin-bottom: 1.2rem !important;
    padding: 0 10px;
    white-space: normal !important;
    text-align: center !important;
  }
}



/* =========================================================
   REVIEWS SECTION
   ========================================================= */

.sma-reviews-section {
  padding: 80px 0;
  width: 100%;
  background: transparent;
  font-family: 'Poppins', sans-serif;
}

/* Container */
.sma-reviews-container {
  max-width: 1300px;
  margin: 0 auto;
  padding: 0 20px;
}

/* Title */
.sma-reviews-title {
  text-align: center;
  font-size: 2.4rem;
  font-weight: 900;
  margin-bottom: 3rem;
  letter-spacing: 1px;
  color: #ffffff !important;
}

/* Grid */
.sma-reviews-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 30px;
}

/* =========================================================
   REVIEW CARD
   ========================================================= */

.sma-review-card {
  background: #fff;
  border-radius: 16px;
  padding: 28px;
  box-shadow: 0 6px 20px rgba(0,0,0,0.15);
  transition: transform 0.25s ease;
  overflow: hidden;

  /* Fix CLS shifting */
  min-height: 260px;
}

.sma-review-card:hover {
  transform: translateY(-6px);
}

/* Header */
.sma-review-header {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 12px;
}

/* Avatar (circle with letter) */
.avatar {
  width: 42px;
  height: 42px;
  border-radius: 50%;
  background: #FCC91A;
  color: #000;
  font-size: 1rem;
  font-weight: 700;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

/* Name + Date */
.name {
  font-weight: 700;
  margin: 0;
  font-size: 0.95rem;
}

.date {
  margin: 0;
  font-size: 0.82rem;
  color: #666;
  line-height: 1.2;
}

/* Stars */
.sma-stars {
  font-size: 1.15rem;
  color: #FCC91A;
  margin-bottom: 14px;
}

.blue-tick {
  color: #0074FF;
  font-weight: bold;
  margin-left: 4px;
}

/* Text */
.sma-review-text {
  font-size: 1rem;
  line-height: 1.6;
  margin-top: 8px;

  /* Fix CLS by pre-setting height so card never jumps */
  min-height: 85px;
}

/* Bottom "More reviews" area */
.sma-review-footer {
  text-align: center;
  font-size: 1.2rem;
  margin-top: 40px;
}

/* =========================================================
   Responsiveness
   ========================================================= */

@media (max-width: 900px) {

  .sma-reviews-title {
    font-size: 1.9rem;
    margin-bottom: 2rem;
  }

  .sma-reviews-grid {
    grid-template-columns: 1fr;
    gap: 25px;
    max-width: 420px;
    margin: 0 auto;
  }

  .sma-review-card {
    padding: 24px;
  }
}
/* =========================================================
   ABOUT SECTION (WHO WE ARE)
   ========================================================= */

.about-us {
  padding: 80px 4vw;
  background: transparent;
  box-sizing: border-box;
  text-align: center;
  font-family: 'Poppins', sans-serif;
}

/* Title */
.about-section-title {
  font-size: 2.4rem;
  font-weight: 800;
  text-transform: uppercase;
  color: #000;
  margin-bottom: 50px;
  line-height: 1.2;
  letter-spacing: 0.5px;
}

/* Layout wrapper */
.about-container {
  max-width: 1400px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 50px;
}

/* Image wrapper */
.about-image img {
  width: 100%;
  max-width: 480px;
  border-radius: 16px;
  border: 2px solid #000;
  box-shadow: 0 6px 20px rgba(0,0,0,0.18);

  /* CLS Fix — reserve aspect ratio space */
  aspect-ratio: 4/5;
  object-fit: cover;
}

/* Content */
.about-content {
  flex: 1;
  color: #000;
  text-align: left;
}

.about-content p {
  font-size: 1.1rem;
  margin-bottom: 18px;
  line-height: 1.65;
}

/* Bullet List */
.about-list {
  list-style: none;
  padding: 0;
  margin: 20px 0;
}

.about-list li {
  margin-bottom: 12px;
  font-size: 1.05rem;
  font-weight: 600;
  display: flex;
  align-items: flex-start;
  gap: 10px;
}

.about-list .tick {
  color: #FCC91A;
  font-size: 1.3rem;
  line-height: 1;
  padding-top: 3px;
}

/* CTA Button */
.about-cta {
  display: inline-block;
  margin-top: 12px;
  padding: 14px 28px;
  background: #000;
  color: #fff;
  border: 2px solid #000;
  border-radius: 8px;
  font-weight: 700;
  text-decoration: none;
  transition: 0.3s;
}

.about-cta:hover {
  background: #FCC91A;
  color: #000;
  border-color: #FCC91A;
}

/* =========================================================
   MOBILE
   ========================================================= */
@media (max-width: 900px) {

  .about-section-title {
    font-size: 1.45rem;
    line-height: 1.25;
    margin-bottom: 25px;
    padding: 0 10px;
  }

  .about-container {
    flex-direction: column;
    text-align: center;
    gap: 25px;
  }

  .about-image img {
    max-width: 92%;
    aspect-ratio: 4/5; /* keeps consistent */
  }

  .about-content {
    text-align: center;
  }

  .about-content p {
    font-size: 1rem;
  }

  .about-list li {
    justify-content: center;
    font-size: 0.95rem;
    line-height: 1.35;
    gap: 8px;
  }

  .about-list .tick {
    font-size: 1.2rem;
    padding-top: 2px;
  }
}
/* =========================================================
   WHY SMA SECTION
   ========================================================= */

.whyus-section {
  padding: 80px 0;
  background: transparent !important;
  text-align: center;
  font-family: 'Poppins', sans-serif;
}

/* Heading */
.why-heading {
  font-size: 2.3rem;
  font-weight: 900;
  text-transform: uppercase;
  color: #000;
  margin-bottom: 50px;
  line-height: 1.15;
  letter-spacing: 0.5px;
}

.heading-break {
  display: block;
}

/* =========================================================
   CARD GRID
   ========================================================= */

.why-container {
  max-width: 1500px;
  margin: 0 auto;
  display: flex;
  gap: 30px;
  justify-content: space-between;
  flex-wrap: nowrap;
  padding: 0 20px;
}

/* Card base */
.why-card {
  background: #fff;
  width: 24%;
  border-radius: 14px;
  border: 2px solid #000;
  box-shadow: 0 4px 12px rgba(0,0,0,0.12);
  overflow: hidden;
  display: flex;
  flex-direction: column;
  transition: transform .25s ease;
}

.why-card:hover {
  transform: translateY(-6px);
}

/* =========================================================
   CARD IMAGE FIX — CLS SAFE
   ========================================================= */

.why-card img {
  width: 100%;
  aspect-ratio: 4/3; /* prevents layout jump */
  object-fit: cover;
  border-bottom: 2px solid #000;
}

/* =========================================================
   CARD CONTENT
   ========================================================= */

.why-content {
  padding: 20px 22px;
  flex: 1;
}

.why-card h3 {
  font-size: 1.1rem;
  font-weight: 800;
  text-transform: uppercase;
  color: #000;
  margin-bottom: 15px;
  text-align: left;
  line-height: 1.3;
}

.why-card ul {
  padding: 0;
  margin: 0;
  list-style: none;
  text-align: left;
}

.why-card li {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  margin-bottom: 10px;
  font-size: 0.95rem;
  line-height: 1.35;
}

.why-card .tick {
  color: #FCC91A;
  font-weight: 900;
  font-size: 1.1rem;
  line-height: 1;
}

/* =========================================================
   RESPONSIVE — TABLET
   ========================================================= */

@media (max-width: 1024px) {
  .why-container {
    flex-wrap: wrap;
    justify-content: center;
  }

  .why-card {
    width: 46%;
  }
}

/* =========================================================
   RESPONSIVE — MOBILE
   ========================================================= */

@media (max-width: 768px) {

  .why-heading {
    font-size: 1.7rem;
    max-width: 90%;
    margin: 0 auto 30px;
  }

  .why-container {
    flex-direction: column;
    align-items: center;
  }

  .why-card {
    width: 92%;
    max-width: 380px;
  }

  .why-card img {
    aspect-ratio: 4/3;
  }
}

/* =========================================================
   SMALL MOBILE
   ========================================================= */

@media (max-width: 480px) {
  .why-heading {
    font-size: 1.45rem;
    line-height: 1.25;
  }

  .why-card img {
    aspect-ratio: 4/3;
  }
}
/* =========================================================
   MEMBERSHIP SECTION
   ========================================================= */

.membership-section {
  padding: 80px 0;
  text-align: center;
  color: #000;
  font-family: 'Poppins', sans-serif;
}

/* Heading */
.membership-heading {
  font-size: 42px;
  font-weight: 900;
  margin-bottom: 50px;
}

/* =========================================================
   FLEX CONTAINER
   ========================================================= */

.membership-container {
  max-width: 1300px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  gap: 35px;
  padding: 0 20px;
  flex-wrap: nowrap;
}

/* =========================================================
   CARD BASE — CLS SAFE
   ========================================================= */

.m-card {
  border: 2px solid #000;
  border-radius: 14px;
  padding-bottom: 40px;
  width: 32%;
  display: flex;
  flex-direction: column;
  transition: 0.25s ease;
  color: #000;

  /* Prevent layout jumping */
  min-height: 520px;
  box-sizing: border-box;
}

/* Backgrounds */
.m-free { background: #fff3c1; }
.m-gym { background: #e3efff; }
.m-gymplus { background: #e5ffe4; }

/* =========================================================
   CARD HEADER
   ========================================================= */

.m-header {
  padding: 16px 20px;
  font-size: 20px;
  font-weight: 900;
  border-bottom: 2px solid #000;
  border-top-left-radius: 14px;
  border-top-right-radius: 14px;
  display: flex;
  justify-content: space-between;
}

.free-header { background: #fcc91a; }
.gym-header { background: #58a8ff; }
.gymplus-header { background: #3bc95b; }

/* Price (for free trial) */
.free-price {
  font-size: 44px;
  font-weight: 900;
  margin: 25px 0 20px;
}

/* =========================================================
   LIST ITEMS
   ========================================================= */

.m-card ul {
  list-style: none;
  padding: 0 28px;
  margin-bottom: auto;
  text-align: left;
}

.m-card ul li {
  margin-bottom: 14px;
  padding-left: 22px;
  position: relative;
  font-size: 1rem;
}

/* Gold tick */
.m-card ul li::before {
  content: "✔";
  position: absolute;
  left: 0;
  top: 0;
  font-weight: 900;
  color: #FCC91A;
}

/* =========================================================
   BUTTON
   ========================================================= */

.m-btn {
  width: 85%;
  margin: 0 auto;
  padding: 14px 0;
  background: #000;
  color: #fff;
  font-weight: 800;
  font-size: 1rem;
  border-radius: 8px;
  border: 2px solid #000;
  text-transform: uppercase;
  text-decoration: none;
  transition: 0.25s ease;
  display: block;
  text-align: center;
}

.m-btn:hover {
  background: transparent;
  color: #000;
}

/* Hover effect */
.m-card:hover {
  transform: translateY(-6px);
  box-shadow: 0 10px 25px rgba(0,0,0,0.15);
}

/* =========================================================
   INFO BOX
   ========================================================= */

.membership-info-box {
  max-width: 900px;
  margin: 40px auto 0;
  background: #f7f7f7;
  padding: 30px 35px;
  border: 2px solid #000;
  border-radius: 10px;
  text-align: left;
  font-size: 1rem;
  line-height: 1.55;
}

/* =========================================================
   RESPONSIVE — TABLET
   ========================================================= */

@media (max-width: 1024px) {
  .membership-container {
    flex-wrap: wrap;
  }

  .m-card {
    width: 46%;
  }
}

/* =========================================================
   RESPONSIVE — MOBILE
   ========================================================= */

@media (max-width: 768px) {

  .membership-heading {
    font-size: 32px;
  }

  .m-card {
    width: 100%;
    min-height: 480px;
    transform: scale(0.97);
  }

  .free-price {
    font-size: 32px;
  }

  .m-card ul li {
    font-size: 0.95rem;
  }

  .m-btn {
    font-size: 0.9rem;
    padding: 12px 0;
  }

  .membership-info-box {
    margin: 40px 18px;
    padding: 22px 18px;
    border-radius: 10px;
    text-align: center;
    font-size: 0.9rem;
  }
}
/* =========================================================
   CONNECT & FOOTER SECTION
   ========================================================= */

.sma-connect-safe {
  background: #F9C600;
  padding: 60px 20px;
  text-align: center;
  font-family: 'Poppins', sans-serif;
}

/* ---------------------------------------------------------
   TITLES & TEXT
---------------------------------------------------------- */

.sc-title {
  font-size: 34px;
  font-weight: 800;
  color: #000;
  margin-bottom: 10px;
}

.sc-subtext {
  font-size: 18px;
  color: #000;
  margin-bottom: 40px;
  line-height: 1.5;
}

/* ---------------------------------------------------------
   GRID WRAPPER – TWO COLUMN CARDS
---------------------------------------------------------- */

.sc-grid {
  display: flex;
  justify-content: center;
  gap: 40px;
  margin-bottom: 40px;
  flex-wrap: nowrap;
}

/* ---------------------------------------------------------
   CARD BASE STYLE
---------------------------------------------------------- */

.sc-card {
  background: #fff;
  border: 3px solid #000;
  border-radius: 12px;
  padding: 30px;
  width: 380px;
  max-width: 100%;

  /* Prevent height jumping */
  min-height: 460px;
  box-sizing: border-box;
}

/* ---------------------------------------------------------
   CARD TITLES
---------------------------------------------------------- */

.sc-card-title {
  font-size: 22px;
  font-weight: 800;
  color: #000;
  margin-bottom: 6px;
}

.sc-card-subtitle {
  font-size: 16px;
  font-weight: 700;
  color: #000;
  margin-bottom: 20px;
}

/* ---------------------------------------------------------
   LEFT FORM
---------------------------------------------------------- */

.sc-form input,
.sc-form textarea {
  width: 100%;
  padding: 14px;
  font-size: 15px;
  border: 2px solid #000;
  border-radius: 6px;
  margin-bottom: 14px;
  background: #fff;
  color: #000;
  box-sizing: border-box;
}

/* Button */
.sc-btn {
  background: #000;
  color: #fff;
  font-weight: 700;
  width: 100%;
  padding: 14px 0;
  border-radius: 6px;
  cursor: pointer;
  border: 2px solid #000;
  transition: 0.2s;
}

.sc-btn:hover {
  background: #F9C600;
  color: #000;
}

/* ---------------------------------------------------------
   RIGHT CARD — GHL EMBED FIXES
---------------------------------------------------------- */

.sc-form-embedded iframe {
  width: 100% !important;
  height: 400px !important;
  border: none !important;
  overflow: hidden !important;
  border-radius: 6px !important;
}

.sc-form-embedded {
  overflow: hidden !important;
}

/* ---------------------------------------------------------
   SOCIAL ICONS (CIRCLES)
---------------------------------------------------------- */

.sc-socials {
  display: flex;
  justify-content: center;
  gap: 20px;
  margin: 30px 0;
}

/* These are clickable icons */
.sc-icon {
  width: 45px;
  height: 45px;
  background: #000;
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  font-weight: 700;
  cursor: pointer;
  transition: 0.2s ease;
}

.sc-icon:hover {
  background: #fff;
  color: #000;
  border: 2px solid #000;
}

/* ---------------------------------------------------------
   FOOTER INFORMATION
---------------------------------------------------------- */

.sc-footer {
  margin-top: 20px;
  color: #000;
  text-align: center;
}

.sc-copy {
  opacity: 0.9;
  margin-top: 5px;
  font-size: 0.95rem;
}

/* ---------------------------------------------------------
   MOBILE RESPONSIVE
---------------------------------------------------------- */

@media (max-width: 768px) {

  .sc-grid {
    flex-direction: column;
    gap: 30px;
  }

  .sc-card {
    width: 90%;
    margin: 0 auto;
    min-height: 440px;
  }

  .sc-title {
    font-size: 28px;
  }

  .sc-subtext {
    font-size: 16px;
  }

  .sc-icon {
    width: 40px;
    height: 40px;
  }
}
/* MOBILITY PAGE */
.mobility-page {
    max-width: 1300px;
    margin: 0 auto;
    padding: 120px 20px 80px;
    font-family: 'Poppins', sans-serif;
    color: #000;
}

/* HEADINGS + TEXT BLACK */
.mobility-page h1,
.mobility-page h2,
.mobility-page h3,
.mobility-page p,
.mobility-page li {
    color: #000;
}

/* HERO */
.mobility-hero-title {
    text-align: center;
    margin-bottom: 50px;
}
.mobility-hero-title h1 {
    font-size: 3rem;
    font-weight: 800;
}
.mobility-subtitle {
    font-size: 1.15rem;
    font-weight: 600;
}

/* STRUCTURE BLOCKS */
.mobility-intro,
.mobility-factors,
.mobility-methods,
.mobility-video-library {
    margin-bottom: 60px;
}

.mobility-intro h2,
.mobility-factors h2,
.mobility-methods h2,
.mobility-video-library h2 {
    font-size: 1.9rem;
    font-weight: 800;
    margin-bottom: 20px;
}

/* FACTORS */
.mobility-factor-list {
    display: flex;
    gap: 35px;
    margin-bottom: 20px;
}
.mobility-factor h3 {
    font-weight: 700;
    font-size: 1.15rem;
}

/* METHODS */
.mobility-methods ul {
    list-style: none;
    padding-left: 0;
}
.mobility-methods li {
    margin-bottom: 14px;
}

/* VIDEO GRID */
.mobility-video-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 35px;
    margin-top: 30px;
}

/* CARD BASE */
.mv-card {
    background: #fff;
    border: 2px solid #000;
    border-radius: 14px;
    overflow: hidden;
    box-shadow: 0 6px 20px rgba(0,0,0,0.1);
    padding-bottom: 20px;
    transition: transform .25s ease;
}
.mv-card:hover {
    transform: translateY(-6px);
}

/* IMAGE — CLS SAFE */
.mv-card img {
    width: 100%;
    aspect-ratio: 16/9;
    object-fit: cover;
    border-bottom: 2px solid #000;
}

/* TITLE */
.mv-card h3 {
    padding: 16px 18px 6px;
    font-size: 1.1rem;
    font-weight: 800;
}

/* BULLET POINTS */
.mv-points {
    list-style: none;
    padding: 0 18px 12px;
    margin: 0;
}
.mv-points li {
    margin-bottom: 6px;
    font-size: .9rem;
    line-height: 1.35;
}

/* BUTTON */
.mv-btn {
    display: block;
    margin: 0 18px 18px;
    text-align: center;
    padding: 12px 0;
    font-weight: 700;
    border-radius: 6px;
    background: #000;
    border: 2px solid #000;
    color: #fff;
    text-decoration: none;
    transition: .25s ease;
}
.mv-btn:hover {
    background: #FCC91A;
    color: #000;
}

/* RESPONSIVE */
@media (max-width: 900px) {
    .mobility-video-grid {
        grid-template-columns: 1fr 1fr;
        gap: 24px;
    }
}
@media (max-width: 600px) {
    .mobility-video-grid {
        grid-template-columns: 1fr;
        max-width: 420px;
        margin: 0 auto;
        gap: 22px;
    }
    .mobility-factor-list {
        flex-direction: column;
    }
}
.big6-section {
    max-width: 1300px;
    margin: 0 auto;
    padding: 120px 20px 80px;
    font-family: 'Poppins', sans-serif;
    color: #000;
}

/* INTRO */
.big6-intro {
    max-width: 900px;
    margin: 0 auto 60px;
    text-align: center;
}

.big6-title {
    font-size: 3rem;
    font-weight: 800;
}

.big6-subtitle {
    font-size: 1.25rem;
    font-weight: 600;
    margin-bottom: 30px;
}

.big6-text {
    font-size: 1.05rem;
    line-height: 1.65;
    margin-bottom: 18px;
}

.big6-text.highlight {
    background: #FFF6C9;
    border: 2px solid #000;
    padding: 14px 18px;
    border-radius: 12px;
    font-weight: 700;
}

.big6-text.small-info {
    font-style: italic;
    font-size: 0.95rem;
}

/* CATEGORIES */
.big6-categories {
    display: flex;
    gap: 20px;
    justify-content: center;
    margin: 35px 0;
}

.big6-cat-box {
    background: #FFEAA2;
    border: 2px solid #000;
    padding: 18px 22px;
    border-radius: 12px;
    max-width: 260px;
}

.big6-cat-box h4 {
    font-size: 1.15rem;
    font-weight: 800;
    margin-bottom: 6px;
}

/* CARDS */
.big6-card {
    display: flex;
    gap: 30px;
    background: #FFF6C9;
    border: 3px solid #000;
    border-radius: 18px;
    padding: 28px;
    margin-bottom: 45px;
    box-shadow: 0 6px 20px rgba(0,0,0,0.12);
    align-items: center;
}

.big6-image img {
    width: 230px;
    aspect-ratio: 4/5;
    object-fit: cover;
    border: 3px solid #000;
    border-radius: 14px;
    background: #fff;
}

.big6-content h3 {
    font-size: 1.5rem;
    font-weight: 800;
    margin-bottom: 12px;
}

.big6-content ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.big6-content li {
    margin-bottom: 12px;
    padding-left: 22px;
    position: relative;
    line-height: 1.45;
}

.big6-content li::before {
    content: "✔";
    position: absolute;
    left: 0;
    font-weight: 900;
    color: #FCC91A;
}

/* DESKTOP WIDTH FIX */
@media (min-width: 1024px) {
    .big6-card {
        max-width: 900px;
        margin-left: auto;
        margin-right: auto;
    }

    .big6-content {
        max-width: 520px;
    }
}

/* MOBILE FIXES */
@media (max-width: 768px) {

    /* Center category boxes */
    .big6-categories {
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: 20px;
    }

    .big6-cat-box {
        width: 100%;
        max-width: 340px;
        margin: 0 auto;
        text-align: center;
    }

    /* Stack cards vertically */
    .big6-card {
        flex-direction: column;
        text-align: center;
    }

    .big6-image img {
        width: 100%;
        max-width: 330px;
    }

    .big6-content ul li {
        text-align: left;
    }
}
/* ------------------------------
   SMA SHOW PAGE — PAGE ID 189
------------------------------ */
body.page-id-189 .episodes-wrapper {
    max-width: 1300px;
    margin: 0 auto;
    padding: 80px 20px;
    font-family: 'Poppins', sans-serif;
}

/* HEADING */
body.page-id-189 .episodes-title {
    text-align: center;
    font-size: 2.8rem;
    font-weight: 800;
    margin-bottom: 8px;
}

body.page-id-189 .episodes-subtitle {
    text-align: center;
    font-size: 1.2rem;
    font-weight: 500;
    margin-bottom: 50px;
}

/* CARD LAYOUT */
body.page-id-189 .episode-card {
    display: flex;
    gap: 20px;
    background: #FFF6C9;
    border: 3px solid #000;
    border-radius: 14px;
    padding: 18px;
    margin-bottom: 28px;
    box-shadow: 0 6px 20px rgba(0,0,0,0.12);
    transition: transform .25s ease;
}

body.page-id-189 .episode-card:hover {
    transform: translateY(-6px);
}

/* IMAGE */
body.page-id-189 .episode-image img {
    width: 220px;
    height: auto;
    border: 3px solid #000;
    border-radius: 10px;
    object-fit: contain;
}

/* CONTENT */
body.page-id-189 .episode-content h3 {
    font-size: 1.4rem;
    font-weight: 800;
    margin-bottom: 10px;
}

body.page-id-189 .episode-content p {
    font-size: 1rem;
    line-height: 1.45;
    margin-bottom: 16px;
    max-width: 700px;
}

/* BUTTON */
body.page-id-189 .episode-btn {
    display: inline-block;
    padding: 10px 18px;
    background: #000;
    border: 2px solid #000;
    color: #fff;
    font-weight: 700;
    border-radius: 8px;
    text-decoration: none;
    transition: .25s ease;
}

body.page-id-189 .episode-btn:hover {
    background: #FCC91A;
    color: #000;
}

/* MOBILE FIXES */
@media (max-width: 768px) {

    body.page-id-189 .episodes-title {
        font-size: 1.7rem; /* 40% smaller */
    }

    body.page-id-189 .episodes-subtitle {
        font-size: 1rem;
    }

    body.page-id-189 .episode-card {
        flex-direction: column;
        text-align: left;
    }

    body.page-id-189 .episode-image img {
        width: 100%;
        max-width: 400px;
        margin: 0 auto;
    }
}
/* =========================================================
   SUCCESS PAGE — PAGE ID 37
   ========================================================= */

body.page-id-37 .sma-success-page {
  min-height: 100vh;
  padding: 60px 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  font-family: 'Poppins', sans-serif;
  background: linear-gradient(135deg, #9b2cff 0%, #ff3ccf 50%, #ff8bd0 100%);
}

body.page-id-37 .sma-success-box {
  background: #fff;
  max-width: 760px;
  width: 100%;
  padding: 60px 40px;
  border-radius: 22px;
  border: 3px solid #000;
  box-shadow: 0 12px 30px rgba(0,0,0,0.25);
}

/* Titles */
body.page-id-37 .sma-success-title {
  font-size: 3rem;
  font-weight: 900;
  text-transform: uppercase;
  color: #000;
  margin-bottom: 6px;
}

body.page-id-37 .sma-success-subtitle-top {
  font-size: 2rem;
  font-weight: 800;
  color: #FCC91A;
  margin-bottom: 28px;
  text-transform: uppercase;
  letter-spacing: 1px;
}

/* Image */
body.page-id-37 .sma-success-image {
  width: 100%;
  border-radius: 16px;
  border: 3px solid #000;
  margin-bottom: 35px;
}

/* Body copy */
body.page-id-37 .sma-success-body {
  margin-bottom: 40px;
}

body.page-id-37 .sma-success-body .sma-line {
  font-size: 1.15rem;
  line-height: 1.75;
  color: #000;
  margin-bottom: 18px;
  font-weight: 500;
}

body.page-id-37 .sma-success-body .sma-highlight {
  background: #FFF6C9;
  border: 3px solid #000;
  padding: 16px 18px;
  font-size: 1.15rem;
  font-weight: 700;
  border-radius: 14px;
  color: #000;
  line-height: 1.6;
  margin-top: 10px;
}

/* Button */
body.page-id-37 .sma-success-btn {
  display: inline-block;
  padding: 16px 34px;
  text-transform: uppercase;
  font-weight: 800;
  background: #000;
  color: #fff;
  border: 3px solid #000;
  border-radius: 10px;
  text-decoration: none;
  transition: 0.25s ease;
}

body.page-id-37 .sma-success-btn:hover {
  background: #FCC91A;
  color: #000;
  border-color: #000;
}

/* Mobile */
@media(max-width: 650px) {

  body.page-id-37 .sma-success-box {
    padding: 40px 22px;
    border-width: 2px;
    border-radius: 18px;
  }

  body.page-id-37 .sma-success-title {
    font-size: 2rem !important;
    line-height: 1.15;
  }

  body.page-id-37 .sma-success-subtitle-top {
    font-size: 1.3rem !important;
    margin-bottom: 22px;
  }

  body.page-id-37 .sma-success-image {
    border-width: 2px;
    border-radius: 12px;
    margin-bottom: 28px;
  }

  body.page-id-37 .sma-success-body .sma-line {
    font-size: 1rem;
    line-height: 1.5;
  }

  body.page-id-37 .sma-success-body .sma-highlight {
    font-size: 1rem;
    padding: 14px 14px;
    border-width: 2px;
  }

  body.page-id-37 .sma-success-btn {
    padding: 14px 22px;
    font-size: 0.9rem;
    border-width: 2px;
  }
}
/* ============================================================
   GROUP FITNESS PAGE — PAGE ID 163
   Namespace: gfpg-
   ============================================================ */

body.page-id-163 .gfpg-top {
    padding: 130px 20px 80px;
    text-align: center;
    font-family: 'Poppins', sans-serif;
}

body.page-id-163 .gfpg-container {
    max-width: 1100px;
    margin: 0 auto;
}

body.page-id-163 .gfpg-top-btn {
    display: inline-block;
    padding: 14px 32px;
    border: 2px solid #000;
    background: #fff;
    color: #000;
    font-weight: 700;
    border-radius: 6px;
    margin-bottom: 45px;
    text-decoration: none;
    transition: 0.25s ease;
}
body.page-id-163 .gfpg-top-btn:hover {
    background: #FCC91A;
}

/* Title */
body.page-id-163 .gfpg-title {
    font-size: 2.8rem;
    font-weight: 900;
    text-transform: uppercase;
    margin-bottom: 20px;
}
body.page-id-163 .gfpg-title span {
    color: #FCC91A;
}

/* Text */
body.page-id-163 .gfpg-text {
    font-size: 1.15rem;
    max-width: 900px;
    margin: 0 auto 14px;
    line-height: 1.6;
}
body.page-id-163 .gfpg-text.small {
    font-size: 1.05rem;
    opacity: 0.85;
    margin-bottom: 35px;
}

/* Button row */
body.page-id-163 .gfpg-btn-row {
    display: flex;
    justify-content: center;
    gap: 25px;
    flex-wrap: wrap;
}

/* ============================================
   FIXED: "SEE TIMETABLE" BUTTON — FULL MATCH
============================================ */
body.page-id-163 .gfpg-btn {
    padding: 14px 34px;
    background: #000;      /* black */
    color: #fff;           /* white text */
    font-weight: 800;
    border: 3px solid #000;  
    text-decoration: none;
    border-radius: 6px;
    text-transform: uppercase;
    transition: .25s ease;
}

body.page-id-163 .gfpg-btn:hover {
    background: #FCC91A;   /* yellow */
    color: #000;           /* black text */
    border-color: #000;    /* black border */
}

/* -------------- Class Cards -------------- */

body.page-id-163 .gfpg-classes {
    padding: 60px 20px 100px;
}

body.page-id-163 .gfpg-grid {
    max-width: 1300px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 35px;
}

body.page-id-163 .gfpg-card {
    background: #fff;
    border: 3px solid #000;
    border-radius: 16px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    box-shadow: 0 6px 16px rgba(0,0,0,0.12);
    transition: transform 0.25s ease;
}
body.page-id-163 .gfpg-card:hover {
    transform: translateY(-6px);
}

body.page-id-163 .gfpg-img-wrap img {
    width: 100%;
    aspect-ratio: 4/3;
    object-fit: cover;
    border-bottom: 3px solid #000;
}

body.page-id-163 .gfpg-content {
    padding: 22px 26px;
}

body.page-id-163 .gfpg-content h3 {
    font-size: 1.3rem;
    font-weight: 900;
    margin-bottom: 14px;
}

body.page-id-163 .gfpg-content ul {
    list-style: none;
    padding: 0;
    margin: 0 0 25px;
}

body.page-id-163 .gfpg-content ul li {
    margin-bottom: 10px;
    padding-left: 22px;
    position: relative;
    line-height: 1.45;
    font-size: 0.95rem;
}
body.page-id-163 .gfpg-content ul li::before {
    content: "✔";
    position: absolute;
    left: 0;
    top: 0;
    font-weight: 900;
    color: #FCC91A;
}

/* Card button */
body.page-id-163 .gfpg-card-btn {
    display: block;
    text-align: center;
    padding: 12px 0;
    background: #000;
    color: #fff;
    border-radius: 6px;
    border: 2px solid #000;
    font-weight: 700;
    text-transform: uppercase;
    text-decoration: none;
    transition: .25s ease;
}
body.page-id-163 .gfpg-card-btn:hover {
    background: #FCC91A;
    color: #000;
}

/* ---------- Responsive ---------- */
@media (max-width: 1024px) {
    body.page-id-163 .gfpg-grid {
        grid-template-columns: 1fr 1fr;
    }
}

@media (max-width: 768px) {

    body.page-id-163 .gfpg-title {
        font-size: 2rem;
    }

    body.page-id-163 .gfpg-grid {
        grid-template-columns: 1fr;
        max-width: 450px;
        margin: 0 auto;
    }

    body.page-id-163 .gfpg-card {
        max-width: 100%;
    }
}
/* ============================================
   SMA APP PAGE — PAGE ID 176
   ============================================ */

body.page-id-176 .app-wrapper {
  max-width: 1200px;
  margin: auto;
  padding: 0 20px;
  font-family: inherit;
  color: #000;
}

/* HERO SECTION */
body.page-id-176 .app-hero {
  position: relative;
  width: 100%;
  margin-bottom: 40px;
}

body.page-id-176 .hero-image {
  width: 100%;
  height: 380px;
  object-fit: cover;
  object-position: center;
  display: block;
}

body.page-id-176 .hero-title {
  position: absolute;
  bottom: 20px;
  left: 50%;
  transform: translateX(-50%);
  font-size: 44px;
  font-weight: 800;
  color: #f7c600;
  text-shadow: 0 2px 4px rgba(0,0,0,0.5);
}

/* CARD WRAPPER */
body.page-id-176 .app-card {
  margin-bottom: 60px;
}

body.page-id-176 .card-inner {
  background: #fff7cc;
  border: 3px solid #000;
  border-radius: 20px;
  padding: 40px;
}

/* CARD HEADING */
body.page-id-176 .card-heading {
  font-size: 28px;
  font-weight: 700;
  text-align: center;
  margin-bottom: 30px;
}

/* FLEX LAYOUT */
body.page-id-176 .card-flex {
  display: flex;
  align-items: center;
  gap: 40px;
}

/* IMAGE */
body.page-id-176 .card-image img {
  width: 260px;
  border: 3px solid #000;
  border-radius: 12px;
}

/* BULLET LIST */
body.page-id-176 .card-list {
  list-style: none;
  padding-left: 0;
}

body.page-id-176 .card-list li {
  font-size: 18px;
  margin-bottom: 14px;
  padding-left: 26px;
  position: relative;
}

body.page-id-176 .card-list li::before {
  content: "✔";
  position: absolute;
  left: 0;
  top: 0;
  color: #f7c600;
  font-weight: 900;
}

/* CTA BUTTON */
body.page-id-176 .app-cta {
  text-align: center;
  margin: 70px 0;
}

body.page-id-176 .app-btn {
  background: #000;
  color: #fff;
  padding: 14px 32px;
  font-size: 20px;
  font-weight: 700;
  border-radius: 8px;
  border: 2px solid #000;
  text-decoration: none;
  display: inline-block;
}

body.page-id-176 .app-btn:hover {
  background: #f7c600;
  color: #000;
  border-color: #000;
  cursor: pointer;
}

/* MOBILE */
@media (max-width: 768px) {

  body.page-id-176 .hero-image {
    height: 260px;
  }

  body.page-id-176 .hero-title {
    font-size: 32px;
  }

  body.page-id-176 .card-flex {
    flex-direction: column;
  }

  body.page-id-176 .card-image img {
    width: 200px;
    margin-bottom: 20px;
  }

  body.page-id-176 .card-inner {
    padding: 25px;
  }
}
/* ============================================
   SMA SHOP PAGE — PAGE ID 149
   ============================================ */

/* WRAPPER */
body.page-id-149 .shop-wrapper {
  max-width: 1250px;
  margin: 0 auto;
  padding: 40px 20px 80px;
  font-family: 'Poppins', sans-serif;
}

/* NOTICE BOX */
body.page-id-149 .shop-notice {
  background: #FFF7D6;
  border: 2px solid #000;
  border-radius: 12px;
  padding: 18px 22px;
  margin-bottom: 35px;
  text-align: center;
  font-size: 17px;
  line-height: 1.55;
  font-weight: 500;
  max-width: 900px;
  margin-left: auto;
  margin-right: auto;
}

/* HEADING */
body.page-id-149 .shop-heading {
  text-align: center;
  font-size: 42px;
  font-weight: 800;
  margin-bottom: 50px;
  color: #000;
}

body.page-id-149 .sma-yellow {
  color: #FCC91A;
}

/* GRID LAYOUT */
body.page-id-149 .shop-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: 40px;
}

/* PRODUCT CARD */
body.page-id-149 .shop-card {
  background: #FFF7D6;
  border-radius: 12px;
  padding: 0 0 25px;
  box-shadow: 0 4px 12px rgba(0,0,0,0.08);
  text-align: center;
  border: 2px solid #000;
  transition: transform 0.2s ease;
}

body.page-id-149 .shop-card:hover {
  transform: translateY(-4px);
}

/* IMAGE AREA */
body.page-id-149 .shop-image {
  width: 100%;
  height: 340px;
  position: relative;
  overflow: hidden;
  border-radius: 12px 12px 0 0;
  border-bottom: 2px solid #000;
}

body.page-id-149 .shop-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: opacity 0.25s ease, transform 0.25s ease;
}

body.page-id-149 .shop-image .img-hover {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
}

body.page-id-149 .shop-card:hover .shop-image:not(.no-hover) .img-default {
  opacity: 0;
}

body.page-id-149 .shop-card:hover .shop-image:not(.no-hover) .img-hover {
  opacity: 1;
}

/* TITLES */
body.page-id-149 .shop-title {
  font-size: 20px;
  font-weight: 700;
  color: #000;
  margin-top: 18px;
  padding: 0 10px;
}

/* PRICES */
body.page-id-149 .shop-price {
  font-size: 16px;
  margin: 8px 0 18px;
  color: #000;
}

/* REMOVE BUTTONS */
body.page-id-149 .shop-btn {
  display: none !important;
}

/* RESPONSIVE */
@media (max-width: 600px) {
  body.page-id-149 .shop-heading {
    font-size: 32px;
  }

  body.page-id-149 .shop-image {
    height: 260px;
  }

  body.page-id-149 .shop-title {
    font-size: 18px;
  }
}
/* ============================================
   SMA EDUCATION HOME — PAGE ID 127
   ============================================ */

/* WRAPPER */
body.page-id-127 .resources-section {
    max-width: 1300px;
    margin: 0 auto;
    padding: 120px 20px 80px;
    font-family: 'Poppins', sans-serif;
    color: #000;
}

/* TITLES */
body.page-id-127 .resources-title {
    text-align: center;
    font-size: 2.8rem;
    font-weight: 800;
    margin-bottom: 10px;
}

body.page-id-127 .resources-subtitle {
    text-align: center;
    font-size: 1.2rem;
    font-weight: 600;
    margin-bottom: 50px;
}

/* GRID */
body.page-id-127 .resources-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 35px;
}

/* CARD */
body.page-id-127 .res-card {
    background: #FFF6C9;
    border: 3px solid #000;
    border-radius: 16px;
    overflow: hidden;
    box-shadow: 0 6px 20px rgba(0,0,0,0.12);
    transition: transform .25s ease;
    display: flex;
    flex-direction: column;
}

/* THUMB */
body.page-id-127 .res-thumb {
    width: 100%;
    aspect-ratio: 16/9;
    object-fit: cover;
    border-bottom: 3px solid #000;
}

/* CONTENT AREA */
body.page-id-127 .res-content {
    padding: 18px 22px 12px;
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
}

/* TITLE */
body.page-id-127 .res-card h3 {
    font-size: 1.25rem;
    font-weight: 800;
    margin-bottom: 12px;
}

/* BULLET LIST */
body.page-id-127 .res-card ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

body.page-id-127 .res-card ul li {
    margin-bottom: 10px;
    padding-left: 20px;
    position: relative;
    font-size: 0.95rem;
    line-height: 1.4;
}

body.page-id-127 .res-card ul li::before {
    content: "✔";
    position: absolute;
    left: 0;
    font-weight: 900;
    color: #FCC91A;
}

/* BUTTON */
body.page-id-127 .res-btn {
    display: block;
    margin: 18px 22px 20px;
    text-align: center;
    padding: 12px 0;
    background: #000;
    border: 2px solid #000;
    border-radius: 8px;
    font-weight: 700;
    color: #fff;
    text-decoration: none;
    transition: .25s ease;
    margin-top: auto;
}

body.page-id-127 .res-btn:hover {
    background: #FCC91A;
    color: #000;
}

/* HOVER EFFECT */
body.page-id-127 .res-card:hover {
    transform: translateY(-6px);
}

/* RESPONSIVE */
@media (max-width: 1024px) {
    body.page-id-127 .resources-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 768px) {
    body.page-id-127 .resources-grid {
        grid-template-columns: 1fr;
        max-width: 450px;
        margin: 0 auto;
    }
}
/* ============================================
   SMA BLOG PAGE — PAGE ID 15
   ============================================ */

/* PAGE WRAPPER */
body.page-id-15 .sma-blog-page {
  padding: 60px 20px 100px;
  background: #fffef7;
  color: #000;
  font-family: 'Poppins', sans-serif;
}

/* HEADER */
body.page-id-15 .blog-header {
  text-align: center;
  margin-bottom: 50px;
}

body.page-id-15 .blog-header h1 {
  font-size: 42px;
  font-weight: 900;
  margin-bottom: 10px;
  color: #000;
}

body.page-id-15 .blog-subtitle {
  font-size: 18px;
  opacity: 0.85;
}

/* GRID */
body.page-id-15 .blog-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 60px;
  max-width: 1300px;
  margin: 0 auto;
}

/* CARD */
body.page-id-15 .blog-card {
  text-align: center;
  padding-bottom: 20px;
  transition: 0.25s ease;
}

body.page-id-15 .blog-card:hover {
  transform: translateY(-6px);
  background: transparent !important;
  box-shadow: none !important;
  border: none !important;
}

/* IMAGE */
body.page-id-15 .blog-image img {
  width: 100%;
  border-radius: 8px;
  border: 3px solid #000;
  transition: 0.3s ease;
}

body.page-id-15 .blog-image img:hover {
  border-color: #f9c600;
}

/* TITLE */
body.page-id-15 .blog-title-card {
  font-size: 20px;
  font-weight: 900;
  margin: 20px 0 15px;
  line-height: 1.4;
  text-transform: uppercase;
}

/* EXCERPT */
body.page-id-15 .blog-excerpt {
  font-size: 16px;
  line-height: 1.7;
  max-width: 90%;
  margin: 0 auto 20px;
  opacity: 0.85;
}

/* READ MORE BUTTON */
body.page-id-15 .blog-read-more {
  display: inline-block;
  margin-top: 10px;
  padding: 10px 20px;
  font-weight: 800;
  font-size: 0.9rem;
  border-radius: 6px;
  text-transform: uppercase;
  text-decoration: none;
  background: #000;
  color: #fff;
  border: 2px solid #000;
  transition: 0.25s ease;
}

body.page-id-15 .blog-read-more::after {
  content: " →";
  transition: margin-left 0.25s ease;
}

body.page-id-15 .blog-read-more:hover::after {
  margin-left: 4px;
}

body.page-id-15 .blog-read-more:hover {
  background: #f9c600;
  color: #fff;
  border-color: #000;
}

/* MOBILE FIXES */
@media (max-width: 768px) {

  body.page-id-15 .blog-header h1 {
    font-size: 32px;
  }

  body.page-id-15 .blog-grid {
    grid-template-columns: 1fr;
    gap: 50px;
  }

  body.page-id-15 .blog-title-card {
    font-size: 18px;
  }
}