/* ===== migration additions (AEO/SEO sections, breadcrumb, form, video) – set --msm-red to the brand colour ===== */
:root{--msm-red:#da251c;--msm-dark:#333;--msm-grey:#666;--msm-bg:#f5f5f5}
.msm-aeo{background:#fff;padding:60px 0}
.msm-aeo-row{width:80%;max-width:1080px;margin:auto}
.msm-aeo-head{text-align:center;margin-bottom:22px}
.msm-aeo-kicker{display:block;color:var(--msm-red);font-family:inherit;font-weight:700;font-size:14px;letter-spacing:1px;text-transform:uppercase;margin-bottom:6px}
.msm-aeo-title{font-family:inherit;font-size:30px;line-height:1.3;color:#000;padding:0}
.msm-aeo-answer{max-width:860px;margin:0 auto 22px;text-align:center;font-size:16px;line-height:1.8;color:var(--msm-grey)}
.msm-aeo-answer strong{color:var(--msm-dark);font-weight:600}
.msm-aeo-links{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-bottom:50px}
.msm-aeo-links a{background:var(--msm-red);color:#fff;padding:10px 20px;font-size:14px;font-weight:600;letter-spacing:.5px;text-transform:uppercase;border-radius:2px;transition:background .2s}
.msm-aeo-links a:hover,.msm-aeo-links a:focus{background:#b01d15}
.msm-faq{max-width:900px;margin:auto}
.msm-faq-item{border:1px solid #e5e5e5;border-left:4px solid var(--msm-red);background:#fff;margin-bottom:12px;border-radius:2px}
.msm-faq-item summary{cursor:pointer;list-style:none;padding:16px 48px 16px 20px;position:relative}
.msm-faq-item summary::-webkit-details-marker{display:none}
.msm-faq-item summary::after{content:'+';position:absolute;right:20px;top:50%;transform:translateY(-50%);font-size:24px;color:var(--msm-red);font-weight:700}
.msm-faq-item[open] summary::after{content:'–'}
.msm-faq-item summary h3{font-size:17px;font-weight:600;color:var(--msm-dark);padding:0;margin:0;display:inline}
.msm-faq-item p{padding:0 20px 18px;margin:0;color:var(--msm-grey);font-size:15px;line-height:1.7}
.msm-nap{background:var(--msm-bg)}
.msm-nap-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.msm-nap-grid>div{background:#fff;padding:24px;border-top:3px solid var(--msm-red)}
.msm-nap-grid h3{font-size:18px;color:var(--msm-red);padding-bottom:8px}
.msm-nap-grid p{font-size:15px;line-height:1.8;color:var(--msm-grey)}
.msm-nap-grid a{color:var(--msm-dark)}
.msm-breadcrumb{background:#f7f7f7;border-bottom:1px solid #eee}
.msm-bc-inner{width:80%;max-width:1080px;margin:auto;padding:10px 0}
.msm-breadcrumb ol{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;font-size:13px}
.msm-breadcrumb li+li::before{content:'›';margin:0 8px;color:#999}
.msm-breadcrumb a{color:var(--msm-red)}
.msm-breadcrumb li[aria-current]{color:#555}
/* lite YouTube (videos load only on click – faster page) */
.msm-yt{position:relative;display:block;aspect-ratio:16/9;background:#000 center/cover no-repeat;cursor:pointer;overflow:hidden}
.msm-yt img{width:100%;height:100%;object-fit:cover;display:block;opacity:.9}
.msm-yt::after{content:'';position:absolute;left:50%;top:50%;width:68px;height:48px;transform:translate(-50%,-50%);background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 68 48'%3E%3Cpath d='M66.5 7.7a8.5 8.5 0 0 0-6-6C55.3.3 34 .3 34 .3s-21.3 0-26.5 1.4a8.5 8.5 0 0 0-6 6C.1 12.9.1 24 .1 24s0 11.1 1.4 16.3a8.5 8.5 0 0 0 6 6C12.7 47.7 34 47.7 34 47.7s21.3 0 26.5-1.4a8.5 8.5 0 0 0 6-6C67.9 35.1 67.9 24 67.9 24s0-11.1-1.4-16.3z' fill='%23da251c'/%3E%3Cpath d='M45 24 27 14v20' fill='%23fff'/%3E%3C/svg%3E") center/contain no-repeat}
.msm-yt iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
/* form */
.msm-hp{position:absolute!important;left:-9999px!important;height:0;overflow:hidden}
.msm-form-msg{padding:14px 18px;margin:10px 0 18px;border-radius:2px;font-size:15px}
.msm-ok{background:#e8f6ec;border-left:4px solid #2e9e4f;color:#1d5e30}
.msm-err{background:#fdecea;border-left:4px solid var(--msm-red);color:#8a1d15}
.gfield_error input,.gfield_error textarea{border-color:var(--msm-red)!important}
@media(max-width:980px){.msm-nap-grid{grid-template-columns:1fr}.msm-aeo-row,.msm-bc-inner{width:90%}.msm-aeo-title{font-size:24px}.msm-aeo{padding:40px 0}}
/* ---- AEO blocks v3 ---- */
.msm-definition{max-width:860px;margin:-8px auto 22px;text-align:center;font-size:15px;color:var(--msm-grey);font-style:italic}
.msm-answer{padding:40px 0 30px}
.msm-glance{background:var(--msm-bg)}
.msm-glance-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:18px}
.msm-glance-grid li{background:#fff;text-align:center;padding:22px 12px;border-bottom:3px solid var(--msm-red)}
.msm-stat{display:block;font-size:32px;font-weight:700;color:var(--msm-red);line-height:1.2}
.msm-stat-label{display:block;font-size:14px;color:var(--msm-dark);text-transform:uppercase;letter-spacing:.5px;margin-top:6px}
.msm-steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;counter-reset:s}
.msm-steps li{background:#fff;border:1px solid #eee;padding:26px 20px 20px;position:relative;text-align:center}
.msm-step-no{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;background:var(--msm-red);color:#fff;font-weight:700;font-size:18px;margin-bottom:10px}
.msm-steps h3,.msm-why-grid h3{font-size:17px;color:var(--msm-dark);padding-bottom:6px}
.msm-steps p,.msm-why-grid p{font-size:14px;line-height:1.7;color:var(--msm-grey)}
.msm-trust{background:var(--msm-bg)}
.msm-trust-list{list-style:none;margin:0 auto 24px;padding:0;max-width:900px;display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:10px 24px}
.msm-trust-list li{padding-left:28px;position:relative;font-size:15px;line-height:1.7;color:var(--msm-dark)}
.msm-trust-list li::before{content:'✓';position:absolute;left:0;top:0;color:var(--msm-red);font-weight:700}
.msm-trust-logos{display:flex;flex-wrap:wrap;gap:24px;justify-content:center;align-items:center}
.msm-trust-logos img{height:60px;width:auto;object-fit:contain;filter:grayscale(.2)}
.msm-why-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px}
.msm-why-grid li{border-top:3px solid var(--msm-red);background:#fff;padding:20px;box-shadow:0 2px 10px rgba(0,0,0,.05)}
/* theme list styles (Divi/Elementor) must not leak into AEO blocks */
.msm-aeo ul,.msm-aeo ol{list-style:none!important;padding:0!important;margin-left:0!important}
.msm-aeo li{list-style:none!important}.msm-aeo li::marker{content:''}
.msm-aeo ul li::before{color:var(--msm-red)}

/* ---- AEO area: one new section at the bottom, theme colour accents ---- */
.msm-aeo{border-top:1px solid #eee}
.msm-aeo + .msm-aeo{border-top:0;padding-top:20px}
/* ---- contact form: clean, responsive (scoped to our form only) ---- */
#gform_wrapper_1{max-width:860px;margin:0 auto}
#gform_wrapper_1 .gform_fields{display:grid;grid-template-columns:1fr 1fr;gap:14px 18px}
#gform_wrapper_1 .gfield{grid-column:auto!important;width:auto!important;margin:0!important}
#gform_wrapper_1 .gfield--width-full,#gform_wrapper_1 .msm-hp{grid-column:1/-1!important}
#gform_wrapper_1 input:not([type=hidden]),#gform_wrapper_1 select,#gform_wrapper_1 textarea{width:100%!important;max-width:100%!important;box-sizing:border-box;padding:12px 14px!important;border:1px solid #d6d6d6!important;border-radius:4px!important;font-size:15px!important;background:#fff!important;color:#333;transition:border-color .2s,box-shadow .2s}
#gform_wrapper_1 input:focus,#gform_wrapper_1 select:focus,#gform_wrapper_1 textarea:focus{outline:0;border-color:var(--msm-red)!important;box-shadow:0 0 0 3px color-mix(in srgb,var(--msm-red) 18%,transparent)}
#gform_wrapper_1 .gform_button{background:var(--msm-red)!important;color:#fff!important;border:0!important;border-radius:4px!important;padding:13px 34px!important;font-size:16px!important;font-weight:600;cursor:pointer;transition:filter .2s}
#gform_wrapper_1 .gform_button:hover{filter:brightness(.9)}
#gform_wrapper_1 .gfield_error input,#gform_wrapper_1 .gfield_error select,#gform_wrapper_1 .gfield_error textarea{border-color:#c62828!important}
@media(max-width:767px){#gform_wrapper_1 .gform_fields{grid-template-columns:1fr}#gform_wrapper_1 .gform_button{width:100%}}

:root{--msm-red:#FE5400}
/* Ponvelan: same content width for every homepage section (hero slider stays full width) */
body.home #main-content .et_pb_section:not(.et_pb_section_0) .et_pb_row,
body.home #main-content .et_pb_section:not(.et_pb_section_0) .et_pb_row.et_pb_row,
body.home .msm-aeo-row{width:90%!important;max-width:1300px!important;margin-left:auto;margin-right:auto}
body.home .msm-aeo{padding:60px 0}
/* consistent vertical spacing – tablet + mobile (all pages) */
@media (max-width:980px){
  #main-content .et_pb_section:not(.et_pb_section_0):not(.et_pb_fullwidth_section){padding-top:40px!important;padding-bottom:40px!important}
  #main-content .et_pb_row{padding-top:16px!important;padding-bottom:16px!important}
  #main-content .et_pb_column{margin-bottom:24px!important}
  #main-content .et_pb_column:last-child{margin-bottom:0!important}
  .msm-aeo{padding:40px 0!important}
}
@media (max-width:767px){
  #main-content .et_pb_section:not(.et_pb_section_0):not(.et_pb_fullwidth_section){padding-top:32px!important;padding-bottom:32px!important}
  #main-content .et_pb_row,.msm-aeo-row,.msm-bc-inner{width:90%!important}
  .msm-aeo{padding:32px 0!important}
  .msm-why-grid,.msm-steps{grid-template-columns:1fr!important}
}
/* Divi slide-in animations start off-screen: never let them create a sideways scroll on phone/tablet */
#main-content,#et-main-area{overflow-x:clip}

/* ===== Homepage new sections – styled like the theme (orange accent, bicycle-logo kicker, Divi type) ===== */
.msm-aeo-head{margin-bottom:40px}
.msm-aeo-kicker{display:inline-flex;align-items:center;gap:8px;font-size:13px;letter-spacing:1.2px}
.msm-aeo-kicker::before{content:'';width:35px;height:20px;background:url(../uploads/2024/11/Ponvelan-Logo.png) center/contain no-repeat}
.msm-aeo-title{font-size:40px;font-weight:400;line-height:1.25;color:#222}
/* Why choose us */
.msm-why{background:linear-gradient(180deg,#fff7f2 0%,#fff 100%)}
.msm-why-grid{grid-template-columns:repeat(3,1fr)!important;gap:26px!important;counter-reset:why}
.msm-why-grid li{counter-increment:why;position:relative;border:1px solid #f3e1d6!important;border-top:0!important;border-radius:14px;padding:34px 28px 28px 28px!important;box-shadow:0 10px 30px rgba(254,84,0,.07)!important;transition:transform .25s,box-shadow .25s;overflow:hidden}
.msm-why-grid li::before{content:counter(why,decimal-leading-zero);position:absolute;right:18px;top:10px;font-size:46px;font-weight:700;line-height:1;color:rgba(254,84,0,.12)!important}
.msm-why-grid li::after{content:'';position:absolute;left:0;top:0;height:4px;width:100%;background:linear-gradient(90deg,var(--msm-red),#ff9a5c)}
.msm-why-grid li:hover{transform:translateY(-6px);box-shadow:0 18px 40px rgba(254,84,0,.16)!important}
.msm-why-grid h3{font-size:19px!important;font-weight:600;padding-left:44px!important;position:relative;min-height:32px;display:flex;align-items:center}
.msm-why-grid h3::before{content:'';position:absolute;left:0;top:50%;transform:translateY(-50%);width:32px;height:32px;border-radius:50%;background:var(--msm-red) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'/%3E%3C/svg%3E") center/16px no-repeat}
.msm-why-grid p{font-size:15px!important;margin-top:6px}
/* How it works */
.msm-process{background:#fff}
.msm-steps{grid-template-columns:repeat(4,1fr)!important;gap:30px!important;position:relative}
.msm-steps::before{content:'';position:absolute;left:12%;right:12%;top:31px;border-top:2px dashed rgba(254,84,0,.45)}
.msm-steps li{border:0!important;background:transparent!important;padding:0 10px!important}
.msm-step-no{position:relative;width:62px!important;height:62px!important;font-size:22px!important;margin-bottom:18px!important;box-shadow:0 0 0 8px #fff,0 0 0 10px rgba(254,84,0,.25);transition:transform .25s}
.msm-steps li:hover .msm-step-no{transform:scale(1.08)}
.msm-steps h3{font-size:19px!important;font-weight:600}
.msm-steps p{font-size:15px!important}
/* FAQ – 5 left + 5 right */
.msm-faq{background:transparent}
.msm-faq.msm-faq-2col{max-width:none!important;width:100%;display:grid;grid-template-columns:1fr 1fr;gap:0 26px;align-items:start}
.msm-faq-item{border:1px solid #f0e2d9!important;border-radius:10px;margin-bottom:14px;box-shadow:0 4px 14px rgba(0,0,0,.04);transition:box-shadow .2s}
.msm-faq-item:hover{box-shadow:0 8px 22px rgba(254,84,0,.12)}
.msm-faq-item summary{padding:18px 56px 18px 20px!important}
.msm-faq-item summary::after{content:'+'!important;width:28px;height:28px;border-radius:50%;background:#fff1e9;display:flex;align-items:center;justify-content:center;font-size:20px!important;line-height:1;transition:transform .25s,background .25s}
.msm-faq-item[open]{border-color:var(--msm-red)!important}
.msm-faq-item[open] summary::after{transform:translateY(-50%) rotate(45deg);background:var(--msm-red);color:#fff!important}
.msm-faq-item[open] summary h3{color:var(--msm-red)!important}
.msm-faq-item summary h3{font-size:16px!important;line-height:1.5}
.msm-faq-item p{font-size:15px!important}
/* Visit us today – final call to action */
.msm-nap{background:linear-gradient(120deg,var(--msm-red) 0%,#ff7a2e 100%)!important;position:relative;overflow:hidden}
.msm-nap::before{content:'';position:absolute;right:-120px;top:-120px;width:360px;height:360px;border-radius:50%;background:rgba(255,255,255,.08)}
.msm-nap .msm-aeo-kicker,.msm-nap .msm-aeo-title,.msm-nap .msm-aeo-answer,.msm-nap .msm-aeo-answer strong{color:#fff!important}
.msm-nap .msm-aeo-kicker::before{filter:brightness(0) invert(1)}
.msm-nap-grid>div{border:0!important;border-radius:14px;padding:28px 26px 26px 26px!important;box-shadow:0 14px 34px rgba(0,0,0,.12);position:relative}
.msm-nap-grid h3{padding-left:44px!important;position:relative;min-height:32px;display:flex;align-items:center}
.msm-nap-grid h3::before{content:'';position:absolute;left:0;top:50%;transform:translateY(-50%);width:32px;height:32px;border-radius:50%;background:#fff1e9 center/16px no-repeat}
.msm-nap-grid>div:nth-child(1) h3::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fe5400' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 10c0 7-9 13-9 13S3 17 3 10a9 9 0 0 1 18 0z'/%3E%3Ccircle cx='12' cy='10' r='3'/%3E%3C/svg%3E")}
.msm-nap-grid>div:nth-child(2) h3::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fe5400' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpolyline points='12 6 12 12 16 14'/%3E%3C/svg%3E")}
.msm-nap-grid>div:nth-child(3) h3::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fe5400' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M22 16.9v3a2 2 0 0 1-2.2 2 19.8 19.8 0 0 1-8.6-3.1 19.5 19.5 0 0 1-6-6A19.8 19.8 0 0 1 2.1 4.2 2 2 0 0 1 4.1 2h3a2 2 0 0 1 2 1.7c.1.9.4 1.8.7 2.7a2 2 0 0 1-.5 2.1L8 9.8a16 16 0 0 0 6 6l1.3-1.3a2 2 0 0 1 2.1-.4c.9.3 1.8.6 2.7.7a2 2 0 0 1 1.7 2z'/%3E%3C/svg%3E")}
.msm-nap-grid a{font-weight:600}
.msm-nap-grid a:hover{color:var(--msm-red)}
/* WhatsApp floating button (old site had it – icon now inline SVG, no Font Awesome download) */
.msm-wa{position:fixed;width:60px;height:60px;bottom:15px;left:16px;background:#25d366;border-radius:50%;box-shadow:2px 2px 6px rgba(0,0,0,.25);z-index:100;display:flex;align-items:center;justify-content:center;animation:msmbeat .6s infinite alternate}
.msm-wa svg{width:32px;height:32px;fill:#fff}
@keyframes msmbeat{to{transform:scale(1.08)}}
@media (prefers-reduced-motion:reduce){.msm-wa{animation:none}}
@media (max-width:980px){
  .msm-aeo-title{font-size:30px}
  .msm-why-grid{grid-template-columns:repeat(2,1fr)!important}
  .msm-steps{grid-template-columns:repeat(2,1fr)!important;row-gap:36px!important}
  .msm-steps::before{display:none}
}
@media (max-width:767px){
  .msm-aeo-title{font-size:26px}
  .msm-aeo-head{margin-bottom:28px}
  .msm-why-grid,.msm-steps{grid-template-columns:1fr!important}
  .msm-faq.msm-faq-2col{grid-template-columns:1fr}
  .msm-wa{width:52px;height:52px}
}
#msm-faq.msm-aeo{max-width:none!important;margin:0!important}
/* Testimonials & reviews – slider cards (dark band, like the client's reference) */
.msm-reviews{background:#232323!important;background-image:radial-gradient(circle at 85% 20%,rgba(254,84,0,.18),transparent 45%)!important}
.msm-reviews .msm-aeo-title{color:#fff}
.msm-reviews .msm-aeo-kicker::before{filter:brightness(0) invert(1)}
.msm-rev{position:relative}
.msm-rev-track{display:flex;gap:24px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;padding:4px 2px 8px}
.msm-rev-track::-webkit-scrollbar{display:none}
.msm-rev-card{flex:0 0 calc((100% - 24px)/2);scroll-snap-align:start;margin:0;background:#3a3a3c;border-radius:6px;padding:34px 40px 30px;text-align:center;display:flex;flex-direction:column;align-items:center}
.msm-rev-stars{color:#ffc12f;font-size:22px;letter-spacing:3px;margin-bottom:14px}
.msm-rev-card blockquote{margin:0 0 22px;padding:0;border:0;color:#d6d6d6;font-size:15px;line-height:1.8;flex:1;quotes:none}
.msm-rev-card figcaption{display:flex;align-items:center;gap:14px;text-align:left}
.msm-rev-avatar{width:58px;height:58px;border-radius:50%;background:var(--msm-red);color:#fff;font-size:24px;font-weight:700;display:flex;align-items:center;justify-content:center;flex:0 0 58px}
.msm-rev-card strong{display:block;color:#fff;font-size:19px;font-weight:600;line-height:1.3}
.msm-rev-card small{display:block;color:#aaa;font-size:13px}
.msm-rev-nav{position:absolute;top:50%;transform:translateY(-50%);z-index:2;width:56px;height:56px;border:0;border-radius:2px;background:#ffe1c9;color:var(--msm-red);font-size:38px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0 0 4px;transition:background .2s,color .2s}
.msm-rev-nav:hover,.msm-rev-nav:focus-visible{background:var(--msm-red);color:#fff}
.msm-rev-prev{left:-28px}.msm-rev-next{right:-28px}
/* Enquiry CTA – WhatsApp-style call to action */
.msm-cta{background:linear-gradient(120deg,var(--msm-red) 0%,#ff7a2e 100%)!important;position:relative;overflow:hidden;text-align:center}
.msm-cta::before{content:'';position:absolute;right:-120px;top:-120px;width:360px;height:360px;border-radius:50%;background:rgba(255,255,255,.08)}
.msm-cta .msm-aeo-kicker,.msm-cta .msm-aeo-title{color:#fff!important}
.msm-cta .msm-aeo-kicker::before{filter:brightness(0) invert(1)}
.msm-cta .msm-aeo-head{margin-bottom:14px}
.msm-cta-text{max-width:720px;margin:0 auto 28px;color:#fff;font-size:17px;line-height:1.7}
.msm-cta-btns{display:flex;flex-wrap:wrap;justify-content:center;gap:14px;position:relative}
.msm-cta-btn{display:inline-flex;align-items:center;gap:10px;padding:15px 28px;border-radius:50px;font-size:16px;font-weight:600;transition:transform .2s,box-shadow .2s}
.msm-cta-btn:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(0,0,0,.18)}
.msm-cta-wa{background:#25d366;color:#fff!important;box-shadow:0 8px 20px rgba(0,0,0,.15)}
.msm-cta-wa svg{width:24px;height:24px;fill:#fff}
.msm-cta-call{background:#fff;color:var(--msm-red)!important}
.msm-cta-form{border:2px solid #fff;color:#fff!important}
@media (max-width:980px){.msm-rev-card{flex-basis:100%;padding:30px 28px}.msm-rev-prev{left:-10px}.msm-rev-next{right:-10px}.msm-rev-nav{width:44px;height:44px;font-size:30px}}
@media (max-width:767px){.msm-rev-card{padding:26px 22px}.msm-rev-nav{top:auto;bottom:-58px;transform:none}.msm-rev-prev{left:calc(50% - 50px)}.msm-rev-next{right:calc(50% - 50px)}.msm-rev{margin-bottom:58px}.msm-cta-btn{width:100%;justify-content:center}}