/* ==========================================================================
   MY SHOE CLINIC — STRUCTURED STYLESHEET
   --------------------------------------------------------------------------
   Purpose: readability and maintenance only.
   Important: original selector order and cascade are preserved.
   ========================================================================== */

/* =========================================================
   00. GLOBAL / RESET / TYPOGRAPHY
   ========================================================= */

@import url('https://fonts.googleapis.com/css?family=Nunito+Sans:300,400,600,700,800,900|Source+Sans+Pro:300,400,600,700,900');
/*----bootstrap css ----- */
@import url('../vendor/bootstrap/css/bootstrap.min.css');
/*----camera-slider---*/
@import url('../vendor/Camera-master/css/camera.css');
/*------- menu ------*/
@import url('../vendor/menu/dist/css/slimmenu.css');
/*----font awesome -------*/
@import url('../fonts/font-awesome/css/font-awesome.min.css');
/*----owl-carousel css----*/
@import url('../vendor/owl-carousel/owl.carousel.css');
@import url('../vendor/owl-carousel/owl.theme.css');
/*-------- animated css ------*/
@import url('../vendor/WOW-master/css/libs/animate.css');
/*--------- flat-icon ---------*/
@import url('../fonts/icon/font/flaticon.css');
/*----------- Fancybox css -------*/
@import url('../vendor/fancybox/dist/jquery.fancybox.min.css');
/*----Language Switcher---*/
@import url('../vendor/language-switcher/polyglot-language-switcher.css');
/*------------- Map -------------*/
@import url('../vendor/sanzzy-map/dist/snazzy-info-window.min.css');

body {
    font-family:"Source Sans Pro",sans-serif;
    font-weight:normal;
    color:#555555;
    font-size:18px;
    position:relative
}

.main-page-wrapper {
    overflow-x:hidden
}

h1,h2,h3,h4,h5,h6,p,ul {
    margin:0;
    padding:0
}

h1,h2,h3,h4,h5,h6 {
    font-family:"Nunito Sans",sans-serif;
    color:#232323
}

h1 {
    font-size:60px;
    font-weight:900;
    line-height:70px
}

h2 {
    font-size:38px;
    font-weight:900
}

h3 {
    font-size:32px;
    font-weight:700
}

h4 {
    font-size:24px;
    font-weight:700
}

h5 {
    font-size:22px;
    font-weight:700
}

h6 {
    font-size:20px;
    font-weight:normal
}

p {
    line-height:27px
}

ul {
    list-style-type:none
}

body a {
    text-decoration:none;
    color:#232323;
    display:inline-block;
    font-family:"Nunito Sans",sans-serif
}

a:hover,a:focus,a:visited {
    text-decoration:none;
    outline:none
}

img {
    max-width:100%;
    display:block
}

button {
    border:none;
    outline:none;
    box-shadow:none;
    display:block;
    padding:0;
    cursor:pointer
}

button:focus {
    outline:none
}

input,textarea {
    outline:none;
    box-shadow:none;
    transition:all 0.3s ease-in-out
}

h2 a,h3 a,h4 a,h5 a,h6 a {
    transition:all .3s ease-in-out
}

.theme-counter h6,.single-counter-box .number,.header-two #mega-menu-holder>ul>li.active>a,.header-two #mega-menu-holder>ul>li.active>.sub-toggle,.theme-sidebar-one .service-categories ul li.active a {
    color:#001a57
}

.testimonial-section .owl-theme .owl-dots .owl-dot.active span,.theme-pagination ul li.active a,.blog-sidebar .sidebar-tags ul li.active a {
    background:#001a57
}

.theme-pagination ul li.active a,.blog-sidebar .sidebar-tags ul li.active a {
    border-style:solid;
    border-color:#001a57
}

.theme-pagination ul li.active a {
    color:#fff
}

.theme-pagination ul li.active a {
    cursor:default
}

@-webkit-keyframes menu_sticky {
    0% {
        margin-top:-75px;
        opacity:0
    }
    50% {
        margin-top:-64px;
        opacity:0
    }
    100% {
        margin-top:0;
        opacity:1
    }
}

@keyframes menu_sticky {
    0% {
        margin-top:-75px;
        opacity:0
    }
    50% {
        margin-top:-64px;
        opacity:0
    }
    100% {
        margin-top:0;
        opacity:1
    }
}

/* =========================================================
   01. EXISTING THEME / GLOBAL COMPONENTS
   ========================================================= */

.theme-menu-wrapper.fixed {
    position:fixed !important;
    width:100%;
    top:0;
    left:0;
    z-index:999;
    background:#000f32;
    margin:0;
    padding-top:0;
    box-shadow:0px 13px 35px -12px rgba(35,35,35,0.15);
    -webkit-animation:menu_sticky 0.7s ease-in-out;
    animation:menu_sticky 0.7s ease-in-out
}

.header-two .theme-menu-wrapper.fixed {
    background:#fff
}

#theme-main-banner .container {
    position:relative;
    z-index:1;
    top:50%;
    -webkit-transform:translateY(-50%);
    transform:translateY(-50%)
}

.testimonial-section .wrapper .bg {
    background:#fff;
    border-radius:5px;
    position:relative;
    padding:40px 65px 35px 65px;
    box-shadow:0px 0px 30px 0px rgba(0,0,0,0.15);
    text-align:center
}

.testimonial-section .wrapper .bg:before {
    content:"";
    font-family:"font-awesome";
    position:absolute;
    top:30px;
    right:-10px;
    color:#fff;
    font-size:35px
}

.theme-counter {
    background:#f8faff;
    padding:55px 0
}

.theme-counter .bg {
    background:url(../images/home/pattern.png) no-repeat center center;
    text-align:center;
    padding:85px 0 85px 0
}

.theme-counter h6 {
    font-size:18px;
    text-transform:uppercase;
    font-weight:700
}

.theme-counter h2 {
    font-size:42px;
    font-weight:700;
    padding:12px 0 35px 0
}

.cunter-wrapper {
    width:75%;
    margin:0 auto;
    text-align:center
}

.single-counter-box .number {
    font-family:"Nunito Sans",sans-serif;
    font-weight:300;
    font-size:40px
}

.single-counter-box .number .timer {
    font-size:70px
}

.single-counter-box p {
    margin-top:-15px
}

.single-counter-box {
    margin-bottom:10px
}

.theme-counter .theme-button-one {
    margin-top:45px
}

.theme-footer-two .top-footer .footer-gallery .wrapper .row {
    margin:0 -3px
}

.theme-footer-two .top-footer .footer-gallery .wrapper .row [class*="col-"] {
    padding:0 3px;
    margin-bottom:6px
}

.our-case .row {
    margin:0 -22px
}

.our-case .row [class="col-"] {
    padding:0 22px
}

.theme-sidebar-one .service-categories ul li.active a {
    background:#f5f8ff;
    border-color:#bccaea
}

.blog-sidebar .sidebar-tags ul li.active a {
    color:#fff
}

.shop-details .product-review-tab .nav-tabs .nav-item.show .nav-link,.shop-details .product-review-tab .nav-tabs .nav-link.active {
    border-bottom-color:#001a57;
    background:transparent
}

/* =========================================================
   02. MY SHOE CLINIC — PROCESS / EARLY CUSTOM STYLES
   ========================================================= */

.msc-process {
    --navy:#101B33;
    --paper:#ffffff;
    --red:#E02B2B;
    --amber:#D89B3C;
    --muted:#6B7280;
    --line:rgba(16,27,51,0.08);
    background:var(--paper);
    padding:90px 24px 100px;
    font-family:"Inter",Arial,Helvetica,sans-serif
}

@keyframes msc2-rise {
    from {
        opacity:0;
        transform:translateY(18px)
    }
    to {
        opacity:1;
        transform:translateY(0)
    }
}

@keyframes msc2-spin {
    to {
        transform:rotate(360deg)
    }
}

@media (max-width:767px) {
    .top-header .address-wrapper.new-header.mobile-info-open {
        display:block !important
    }
}

@media (max-width:767px) {
    .top-header .address-wrapper.new-header.mobile-info-open {
        display:block !important
    }
}

.msc2 .msc2-card.msc2-in-view {
    animation:msc2-rise 0.6s ease forwards
}

/* =========================================================
   03. BRANCH / OUTLET TICKETS
   ========================================================= */

.branchtix-section {
    --branchtix-bg:#F3ECDF;
    --branchtix-paper:#FFFDF9;
    --branchtix-ink:#2B1D14;
    --branchtix-brand:#6B4226;
    --branchtix-accent:#9C7A3C;
    --branchtix-accent-dark:#7C5F2E;
    --branchtix-border:#E4DAC8;
    --branchtix-muted:#8A7968;
    background:var(--branchtix-bg);
    padding:90px 24px 100px;
    font-family:"Inter",sans-serif
}

.branchtix-container {
    max-width:1080px;
    margin:0 auto
}

.branchtix-heading {
    text-align:center;
    margin-bottom:56px
}

.branchtix-title {
    font-family:"Fraunces",serif;
    font-weight:600;
    font-size:clamp(30px,4vw,40px);
    color:var(--branchtix-brand);
    margin:0 0 14px
}

.branchtix-subtitle {
    font-size:15.5px;
    line-height:1.6;
    color:var(--branchtix-muted);
    max-width:480px;
    margin:0 auto
}

.branchtix-ticket {
    position:relative;
    background:var(--branchtix-paper);
    border:1px solid var(--branchtix-border);
    border-radius:14px;
    box-shadow:0 20px 40px -26px rgba(43,29,20,0.28);
    transition:transform 0.28s ease,box-shadow 0.28s ease;
    overflow:visible
}

.branchtix-ticket:hover {
    transform:rotate(0deg) translateY(-5px);
    box-shadow:0 30px 54px -24px rgba(43,29,20,0.34)
}

.branchtix-hole {
    position:absolute;
    top:62px;
    width:18px;
    height:18px;
    border-radius:50%;
    background:var(--branchtix-bg);
    border:1px solid var(--branchtix-border);
    z-index:2
}

.branchtix-hole-left {
    left:-9px
}

.branchtix-hole-right {
    right:-9px
}

.branchtix-top {
    display:flex;
    align-items:center;
    justify-content:space-between;
    padding:22px 26px 18px
}

.branchtix-num {
    font-family:"JetBrains Mono",monospace;
    font-size:12.5px;
    font-weight:500;
    letter-spacing:0.06em;
    color:var(--branchtix-accent-dark)
}

.branchtix-tag {
    font-size:11px;
    font-weight:600;
    letter-spacing:0.08em;
    text-transform:uppercase;
    color:var(--branchtix-muted);
    background:rgba(156,122,60,0.1);
    padding:4px 10px;
    border-radius:999px
}

.branchtix-perf {
    border-top:1.5px dashed var(--branchtix-border);
    margin:0 22px
}

.branchtix-body {
    padding:20px 26px 4px
}

.branchtix-name {
    font-family:"Fraunces",serif;
    font-weight:600;
    font-size:19px;
    color:var(--branchtix-ink);
    margin:0 0 10px
}

.branchtix-address {
    font-size:13.5px;
    line-height:1.6;
    color:var(--branchtix-muted);
    margin:0
}

.branchtix-actions {
    display:flex;
    gap:10px;
    padding:20px 26px 26px
}

.branchtix-btn {
    flex:1;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:6px;
    font-size:13.5px;
    font-weight:600;
    text-decoration:none;
    padding:11px 12px;
    border-radius:8px;
    transition:background 0.18s ease,color 0.18s ease,border-color 0.18s ease,transform 0.18s ease
}

.branchtix-btn-call {
    background:var(--branchtix-brand);
    color:#FFFFFF;
    border:1px solid var(--branchtix-brand)
}

.branchtix-btn-call:hover {
    background:var(--branchtix-accent-dark);
    transform:translateY(-1px)
}

.branchtix-btn-map {
    background:transparent;
    color:var(--branchtix-brand);
    border:1px solid var(--branchtix-border)
}

.branchtix-btn-map:hover {
    background:rgba(156,122,60,0.08);
    border-color:var(--branchtix-accent);
    transform:translateY(-1px)
}

@media (prefers-reduced-motion:reduce) {
    .branchtix-ticket {
        transition:none
    }
}

@media (max-width:900px) {
    .branchtix-ticket:hover {
        transform:translateY(-4px)
    }
}

@media (max-width:480px) {
    .branchtix-section {
        padding:64px 16px 72px
    }
}

.branchtix-section {
    --branchtix-bg:#ffffff;
    --branchtix-paper:#FFFDF9;
    --branchtix-ink:#2B1D14;
    --branchtix-brand:#6B4226;
    --branchtix-accent:#9C7A3C;
    --branchtix-accent-dark:#7C5F2E;
    --branchtix-border:#E4DAC8;
    --branchtix-muted:#8A7968;
    background:var(--branchtix-bg);
    padding:90px 0 100px;
    font-family:"Inter",sans-serif;
    overflow:hidden
}

.branchtix-container {
    max-width:1080px;
    margin:0 auto;
    padding:0 24px
}

.branchtix-heading {
    text-align:center;
    margin-bottom:56px
}

.branchtix-title {
    font-family:"Fraunces",serif;
    font-weight:600;
    font-size:clamp(30px,4vw,40px);
    color:#08152b;
    margin:0 0 14px
}

.branchtix-subtitle {
    font-size:15.5px;
    line-height:1.6;
    color:#b8863b;
    max-width:480px;
    margin:0 auto
}

.branchtix-marquee {
    position:relative;
    width:100%;
    overflow:hidden;
    -webkit-mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);
    mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent)
}

.branchtix-track {
    display:flex;
    align-items:stretch;
    gap:32px;
    width:max-content;
    padding:10px 0 20px;
    animation:branchtix-scroll 32s linear infinite
}

.branchtix-marquee:hover .branchtix-track {
    animation-play-state:paused
}

@keyframes branchtix-scroll {
    from {
        transform:translateX(0)
    }
    to {
        transform:translateX(-50%)
    }
}

.branchtix-ticket {
    position:relative;
    flex:0 0 320px;
    background:var(--branchtix-paper);
    border:1px solid var(--branchtix-border);
    border-radius:14px;
    box-shadow:0 20px 40px -26px rgba(43,29,20,0.28);
    transition:transform 0.28s ease,box-shadow 0.28s ease;
    overflow:visible
}

.branchtix-ticket:hover {
    transform:translateY(-5px);
    box-shadow:0 30px 54px -24px rgba(43,29,20,0.34)
}

.branchtix-hole {
    position:absolute;
    top:62px;
    width:18px;
    height:18px;
    border-radius:50%;
    background:var(--branchtix-bg);
    border:1px solid var(--branchtix-border);
    z-index:2
}

.branchtix-hole-left {
    left:-9px
}

.branchtix-hole-right {
    right:-9px
}

.branchtix-top {
    display:flex;
    align-items:center;
    justify-content:space-between;
    padding:22px 26px 18px
}

.branchtix-num {
    font-family:"JetBrains Mono",monospace;
    font-size:12.5px;
    font-weight:500;
    letter-spacing:0.06em;
    color:var(--branchtix-accent-dark)
}

.branchtix-tag {
    font-size:11px;
    font-weight:600;
    letter-spacing:0.08em;
    text-transform:uppercase;
    color:#08152b;
    background:rgba(156,122,60,0.1);
    padding:4px 10px;
    border-radius:999px
}

.branchtix-perf {
    border-top:1.5px dashed var(--branchtix-border);
    margin:0 22px
}

.branchtix-body {
    padding:20px 26px 4px
}

.branchtix-name {
    font-family:"Fraunces",serif;
    font-weight:600;
    font-size:19px;
    color:#08152b;
    margin:0 0 10px
}

.branchtix-address {
    font-size:13.5px;
    line-height:1.6;
    color:var(--branchtix-muted);
    margin:0
}

.branchtix-actions {
    display:flex;
    gap:10px;
    padding:20px 26px 26px
}

.branchtix-btn {
    flex:1;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:6px;
    font-size:13.5px;
    font-weight:600;
    text-decoration:none;
    padding:11px 12px;
    border-radius:8px;
    transition:background 0.18s ease,color 0.18s ease,border-color 0.18s ease,transform 0.18s ease
}

.branchtix-btn-call {
    background:red;
    color:#ddd8d8;
    border:1px solid var(--branchtix-brand)
}

.branchtix-btn-call:hover {
    background:var(--branchtix-accent-dark);
    transform:translateY(-1px)
}

.branchtix-btn-map {
    background:#b8863b;
    color:#fff;
    border:1px solid #b8863b
}

.branchtix-btn-map:hover {
    background:rgba(156,122,60,0.08);
    border-color:var(--branchtix-accent);
    color:#b8863b;
    transform:translateY(-1px)
}

@media (max-width:900px) {
    .branchtix-track {
        gap:24px;
        animation-duration:24s
    }
    .branchtix-ticket {
        flex-basis:280px
    }
}

@media (max-width:480px) {
    .branchtix-section {
        padding:64px 0 72px
    }
    .branchtix-container {
        padding:0 16px
    }
    .branchtix-track {
        gap:18px;
        animation-duration:20s
    }
    .branchtix-ticket {
        flex-basis:250px
    }
    .branchtix-body {
        padding:18px 20px 4px
    }
    .branchtix-top,.branchtix-actions {
        padding-left:20px;
        padding-right:20px
    }
    .branchtix-perf {
        margin:0 18px
    }
}

@media (prefers-reduced-motion:reduce) {
    .branchtix-track {
        animation:none;
        overflow-x:auto;
        -webkit-overflow-scrolling:touch
    }
    .branchtix-marquee {
        overflow-x:auto
    }
}

/* =========================================================
   04. BRAND VARIABLES
   ========================================================= */

:root {
    --msc-blue:#0066cc;
    --msc-red:#e30613;
    --msc-red-dark:#bd0610;
    --msc-yellow:#f4b41a;
    --msc-yellow-soft:#ffc84b;
    --msc-navy:#031126;
    --msc-navy-light:#081d38;
    --msc-white:#ffffff;
    --msc-muted:rgba(255,255,255,.70)
}

/* =========================================================
   05. HERO SECTION
   ========================================================= */

.msc-hero {
    position:relative;
    min-height:clamp(590px,45vw,690px);
    display:flex;
    align-items:center;
    overflow:hidden;
    color:#fff;
    background:radial-gradient( circle at 74% 42%,rgba(244,180,26,.10),transparent 27% ),radial-gradient( circle at 95% 20%,rgba(0,102,204,.15),transparent 30% ),linear-gradient( 115deg,#01070e 0%,#031126 47%,#020a14 100% )
}

.msc-hero::after {
    content:"";
    position:absolute;
    left:42%;
    right:-15%;
    bottom:-140px;
    height:260px;
    background:radial-gradient( ellipse,rgba(244,180,26,.10),transparent 68% );
    pointer-events:none
}

.msc-hero-light {
    position:absolute;
    border-radius:50%;
    filter:blur(90px);
    pointer-events:none;
    opacity:.25
}

.msc-hero-light--blue {
    width:clamp(250px,30vw,500px);
    height:clamp(250px,30vw,500px);
    right:-12%;
    top:5%;
    background:var(--msc-blue)
}

.msc-hero-light--red {
    width:clamp(180px,22vw,350px);
    height:clamp(180px,22vw,350px);
    right:20%;
    bottom:-20%;
    opacity:.09;
    background:var(--msc-red)
}

.msc-hero-grid {
    position:relative;
    z-index:2;
    min-height:clamp(590px,45vw,690px);
    display:grid;
    grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr);
    align-items:center;
    gap:clamp(25px,3.5vw,65px)
}

.msc-hero-content {
    position:relative;
    z-index:5;
    padding:clamp(45px,5vw,75px) 0
}

.msc-hero-eyebrow {
    display:flex;
    align-items:center;
    gap:12px;
    margin-bottom:clamp(15px,1.8vw,23px);
    font-family:"Inter",sans-serif;
    font-size:clamp(9px,.9vw,13px);
    font-weight:700;
    letter-spacing:.18em;
    text-transform:uppercase;
    color:var(--msc-yellow-soft)
}

.msc-hero-eyebrow>span {
    width:clamp(22px,2vw,34px);
    height:1px;
    background:linear-gradient( 90deg,var(--msc-red),var(--msc-yellow) )
}

.msc-hero h1 {
    max-width:720px;
    margin:0;
    font-family:Georgia,"Times New Roman",serif;
    font-size:clamp(42px,4.35vw,72px);
    line-height:1.03;
    letter-spacing:-.035em;
    font-weight:500;
    color:#fff;
    text-transform:none
}

.msc-hero h1 strong {
    display:block;
    margin-top:clamp(4px,.5vw,8px);
    font-weight:600;
    background:linear-gradient( 90deg,var(--msc-yellow-soft),#f1a928 58%,#e88924 );
    -webkit-background-clip:text;
    background-clip:text;
    color:transparent;
    text-shadow:0 12px 35px rgba(244,180,26,.08)
}

.msc-hero-divider {
    width:clamp(240px,28vw,390px);
    margin:clamp(20px,2vw,29px) 0;
    display:flex;
    align-items:center;
    gap:10px
}

.msc-hero-divider>span {
    height:1px;
    flex:1;
    background:linear-gradient( 90deg,var(--msc-yellow),rgba(244,180,26,.05) )
}

.msc-hero-divider>span:last-child {
    background:linear-gradient( 90deg,rgba(244,180,26,.05),var(--msc-yellow) )
}

.msc-hero-divider-mark {
    font-family:"Inter",sans-serif;
    font-size:6px;
    letter-spacing:.04em;
    color:var(--msc-red);
    transform:rotate(-8deg)
}

.msc-hero-description {
    max-width:530px;
    margin:0;
    font-family:"Inter",sans-serif;
    font-size:clamp(12px,1.15vw,16px);
    line-height:1.75;
    color:var(--msc-muted)
}

.msc-hero-actions {
    display:flex;
    align-items:center;
    gap:clamp(10px,1.3vw,17px);
    margin-top:clamp(23px,2.5vw,34px)
}

.msc-hero-btn {
    min-height:clamp(48px,4.3vw,59px);
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:11px;
    padding:0 clamp(17px,2vw,27px);
    border-radius:9px;
    font-family:"Inter",sans-serif;
    font-size:clamp(9px,.85vw,12px);
    font-weight:800;
    text-transform:uppercase;
    letter-spacing:.02em;
    transition:transform .3s ease,box-shadow .3s ease,background .3s ease
}

.msc-hero-btn--primary {
    position:relative;
    min-width:clamp(190px,17vw,250px);
    overflow:hidden;
    color:#fff !important;
    background:linear-gradient( 135deg,#ef0715,var(--msc-red-dark) );
    border:1px solid rgba(255,255,255,.12);
    box-shadow:0 13px 28px rgba(227,6,19,.22)
}

.msc-hero-btn--primary::before {
    content:"";
    position:absolute;
    top:-40%;
    left:-40%;
    width:35px;
    height:180%;
    transform:rotate(25deg);
    background:rgba(255,255,255,.32);
    filter:blur(2px);
    animation:mscHeroButtonShine 5s ease-in-out infinite
}

@keyframes mscHeroButtonShine {
    0%,65% {
        left:-40%
    }
    90%,100% {
        left:125%
    }
}

.msc-hero-btn--primary b {
    margin-left:auto;
    font-size:17px;
    font-weight:400
}

.msc-hero-btn--primary:hover {
    transform:translateY(-3px);
    box-shadow:0 16px 35px rgba(227,6,19,.32)
}

.msc-hero-btn--secondary {
    min-width:clamp(180px,17vw,245px);
    color:#fff !important;
    border:1px solid rgba(244,180,26,.55);
    background:rgba(3,17,38,.55);
    backdrop-filter:blur(8px)
}

.msc-hero-btn--secondary i {
    color:var(--msc-yellow)
}

.msc-hero-btn--secondary:hover {
    transform:translateY(-3px);
    border-color:var(--msc-yellow);
    background:rgba(244,180,26,.07)
}

.msc-hero-trust {
    margin-top:clamp(28px,3vw,42px);
    display:flex;
    gap:clamp(13px,2vw,30px)
}

.msc-hero-trust-item {
    display:flex;
    align-items:center;
    gap:10px
}

.msc-hero-trust-icon {
    width:clamp(34px,3.1vw,43px);
    height:clamp(34px,3.1vw,43px);
    min-width:clamp(34px,3.1vw,43px);
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:50%;
    border:1px solid rgba(244,180,26,.52);
    color:var(--msc-yellow);
    background:linear-gradient( 145deg,rgba(10,38,72,.85),rgba(2,13,27,.85) );
    box-shadow:0 8px 18px rgba(0,0,0,.20)
}

.msc-hero-trust-item strong {
    display:block;
    margin-bottom:3px;
    font-size:clamp(8px,.75vw,10px);
    text-transform:uppercase;
    color:#fff
}

.msc-hero-trust-item span {
    display:block;
    font-size:clamp(7px,.62vw,9px);
    color:rgba(255,255,255,.55)
}

.msc-hero-visual {
    position:relative;
    height:clamp(500px,43vw,650px);
    display:flex;
    align-items:center;
    justify-content:center
}

.msc-hero-orbit {
    position:absolute;
    border-radius:50%;
    pointer-events:none
}

.msc-hero-orbit--one {
    width:clamp(300px,34vw,500px);
    height:clamp(300px,34vw,500px);
    right:10%;
    top:9%;
    border:1px solid rgba(244,180,26,.26);
    box-shadow:0 0 50px rgba(244,180,26,.06);
    animation:mscHeroOrbit 16s linear infinite
}

.msc-hero-orbit--two {
    width:clamp(260px,28vw,430px);
    height:clamp(260px,28vw,430px);
    right:14%;
    top:15%;
    border:1px solid rgba(0,102,204,.17);
    animation:mscHeroOrbitReverse 20s linear infinite
}

@keyframes mscHeroOrbit {
    to {
        transform:rotate(360deg)
    }
}

@keyframes mscHeroOrbitReverse {
    to {
        transform:rotate(-360deg)
    }
}

.msc-hero-product-wrap {
    position:relative;
    z-index:3;
    width:100%;
    height:100%;
    display:flex;
    align-items:center;
    justify-content:center
}

.msc-hero-product {
    position:relative;
    z-index:3;
    width:clamp(500px,53vw,790px);
    max-width:112%;
    max-height:clamp(500px,44vw,650px);
    object-fit:contain;
    filter:drop-shadow( 0 30px 30px rgba(0,0,0,.55) );
    transform-origin:center bottom;
    animation:mscHeroProductFloat 6s ease-in-out infinite
}

@keyframes mscHeroProductFloat {
    0%,100% {
        transform:translateY(0)
    }
    50% {
        transform:translateY(-8px)
    }
}

.msc-hero-stage {
    position:absolute;
    z-index:2;
    left:15%;
    right:8%;
    bottom:clamp(30px,3.5vw,52px);
    height:clamp(55px,5vw,75px);
    border-radius:50%;
    background:linear-gradient( 180deg,#192231,#03070d 65% );
    border:1px solid rgba(244,180,26,.34);
    box-shadow:0 17px 35px rgba(0,0,0,.48),0 0 26px rgba(244,180,26,.07);
    transform:perspective(600px) rotateX(70deg)
}

.msc-hero-stage small {
    position:absolute;
    left:50%;
    top:48%;
    transform:translate(-50%,-50%) rotateX(-70deg);
    padding:5px 14px;
    border:1px solid rgba(244,180,26,.35);
    font-size:6px;
    letter-spacing:.18em;
    white-space:nowrap;
    color:var(--msc-yellow)
}

.msc-hero-ba {
    position:absolute;
    z-index:7;
    right:-1%;
    top:50%;
    width:clamp(105px,10vw,145px);
    transform:translateY(-48%);
    overflow:hidden;
    border-radius:15px;
    border:1px solid rgba(244,180,26,.58);
    background:rgba(3,12,23,.80);
    backdrop-filter:blur(13px);
    box-shadow:0 15px 35px rgba(0,0,0,.35);
    color:#fff !important
}

.msc-hero-ba-item {
    padding:clamp(8px,.8vw,12px);
    text-align:center
}

.msc-hero-ba-item span {
    display:block;
    margin:2px 0 6px;
    font-size:clamp(7px,.62vw,9px);
    font-weight:700;
    text-transform:uppercase;
    letter-spacing:.05em
}

.msc-hero-ba-item img {
    width:100%;
    height:clamp(75px,7vw,105px);
    display:block;
    object-fit:cover;
    border-radius:8px
}

.msc-hero-ba-switch {
    position:relative;
    z-index:2;
    width:clamp(34px,3.2vw,44px);
    height:clamp(34px,3.2vw,44px);
    margin:clamp(-8px,-.7vw,-5px) auto;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:50%;
    color:#091223;
    background:linear-gradient( 145deg,#ffd15f,var(--msc-yellow) );
    box-shadow:0 8px 20px rgba(244,180,26,.25);
    transition:transform .3s ease
}

.msc-hero-ba:hover .msc-hero-ba-switch {
    transform:rotate(180deg)
}

@media (max-width:767px) {
    .msc-hero {
        min-height:auto;
        align-items:stretch
    }
    .msc-hero-grid {
        display:block;
        min-height:auto
    }
    .msc-hero-content {
        padding:clamp(38px,10vw,55px) 0 0;
        text-align:left
    }
    .msc-hero-eyebrow {
        max-width:260px;
        line-height:1.55
    }
    .msc-hero h1 {
        max-width:390px;
        font-size:clamp(38px,11vw,52px)
    }
    .msc-hero-description {
        max-width:360px;
        font-size:clamp(12px,3.5vw,14px)
    }
    .msc-hero-actions {
        display:grid;
        grid-template-columns:1fr;
        max-width:370px
    }
    .msc-hero-btn {
        width:100%
    }
    .msc-hero-trust {
        display:none
    }
    .msc-hero-visual {
        height:clamp(410px,120vw,590px);
        margin-top:clamp(8px,3vw,20px)
    }
    .msc-hero-product {
        width:clamp(400px,125vw,600px);
        max-width:135%;
        max-height:clamp(420px,122vw,590px)
    }
    .msc-hero-orbit--one {
        width:clamp(250px,78vw,340px);
        height:clamp(250px,78vw,340px);
        right:-2%
    }
    .msc-hero-orbit--two {
        width:clamp(210px,66vw,290px);
        height:clamp(210px,66vw,290px);
        right:6%
    }
    .msc-hero-stage {
        left:8%;
        right:10%;
        bottom:25px
    }
    .msc-hero-ba {
        right:0;
        top:53%;
        width:clamp(88px,25vw,110px)
    }
    .msc-hero-ba-item img {
        height:clamp(62px,18vw,80px)
    }
    .msc-hero::before {
        content:"";
        position:absolute;
        left:0;
        right:0;
        bottom:0;
        height:1px;
        background:rgba(244,180,26,.16)
    }
}

@media (max-width:390px) {
    .msc-hero-content {
        padding-top:34px
    }
    .msc-hero h1 {
        font-size:clamp(35px,10.5vw,42px)
    }
    .msc-hero-description {
        line-height:1.6
    }
    .msc-hero-visual {
        height:clamp(390px,116vw,470px)
    }
    .msc-hero-ba {
        width:84px
    }
}

@media (prefers-reduced-motion:reduce) {
    .msc-hero *,.msc-hero *::before,.msc-hero *::after {
        animation:none !important;
        transition-duration:.01ms !important
    }
}

/* =========================================================
   06. BEFORE / AFTER SECTION
   ========================================================= */

.msc-ba-section {
    --msc-ba-bg:#ffffff;
    --msc-ba-surface:#f5f6f8;
    --msc-ba-ink:#12172b;
    --msc-ba-muted:#667085;
    --msc-ba-line:#e4e7ec;
    --msc-ba-accent:#b8863b;
    --msc-ba-accent-soft:rgba(184,134,59,0.12);
    --msc-ba-accent-dark:#8c6529;
    width:100%;
    background:var(--msc-ba-bg);
    color:var(--msc-ba-ink);
    font-family:"Inter","Source Sans Pro",sans-serif;
    padding:70px 16px 80px;
    overflow:hidden
}

.msc-ba-section,.msc-ba-section * {
    box-sizing:border-box;
    -webkit-tap-highlight-color:transparent
}

.msc-ba-wrap {
    width:100%;
    max-width:760px;
    margin:0 auto;
    display:flex;
    flex-direction:column;
    align-items:center
}

.msc-ba-section h2 {
    max-width:680px;
    margin:0 0 12px;
    color:var(--msc-ba-ink);
    font-family:"Nunito Sans",sans-serif;
    font-size:clamp(28px,4vw,42px);
    font-weight:800;
    line-height:1.12;
    text-align:center;
    text-transform:none;
    padding:0
}

.msc-ba-section h2::before,.msc-ba-section h2::after {
    display:none
}

.msc-ba-section h2 em {
    color:var(--msc-ba-accent);
    font-style:italic;
    font-weight:700
}

.msc-ba-sub {
    max-width:520px;
    margin:0 0 32px;
    padding:0 4px;
    color:var(--msc-ba-muted);
    font-size:15px;
    line-height:1.6;
    text-align:center
}

.msc-ba-chips {
    display:flex;
    flex-wrap:wrap;
    justify-content:center;
    gap:8px;
    width:100%;
    max-width:680px;
    margin-bottom:28px
}

.msc-ba-chip {
    display:inline-flex;
    align-items:center;
    justify-content:center;
    margin:0;
    padding:8px 15px;
    border:1px solid var(--msc-ba-line);
    border-radius:999px;
    background:var(--msc-ba-surface);
    color:var(--msc-ba-muted);
    box-shadow:none;
    font-family:"Inter","Source Sans Pro",sans-serif;
    font-size:12.5px;
    font-weight:600;
    line-height:1.3;
    text-transform:none;
    white-space:nowrap;
    cursor:pointer;
    transition:background-color .18s ease,border-color .18s ease,color .18s ease,transform .18s ease
}

.msc-ba-chip:hover {
    color:var(--msc-ba-ink);
    border-color:#d6dae2;
    transform:translateY(-1px)
}

.msc-ba-chip.active {
    background:var(--msc-ba-accent);
    color:#ffffff;
    border-color:var(--msc-ba-accent)
}

.msc-ba-stage {
    position:relative;
    width:min(480px,92vw);
    aspect-ratio:4 / 5;
    overflow:hidden;
    border:1px solid var(--msc-ba-line);
    border-radius:20px;
    background:var(--msc-ba-surface);
    box-shadow:0 20px 50px -30px rgba(18,23,43,0.35);
    cursor:default;
    user-select:none;
    touch-action:pan-y
}

.msc-ba-layer {
    position:absolute;
    inset:0;
    display:flex;
    align-items:center;
    justify-content:center
}

.msc-ba-layer img {
    display:block;
    width:66%;
    height:auto;
    max-width:none;
    filter:drop-shadow(0 16px 26px rgba(18,23,43,0.18));
    pointer-events:none;
    user-select:none;
    -webkit-user-drag:none
}

.msc-ba-before-layer {
    z-index:2;
    clip-path:inset(0 50% 0 0);
    -webkit-clip-path:inset(0 50% 0 0);
    will-change:clip-path
}

.msc-ba-after-layer {
    z-index:1
}

.msc-ba-tag {
    position:absolute;
    top:14px;
    z-index:5;
    padding:6px 11px;
    border-radius:999px;
    font-family:"Inter","Source Sans Pro",sans-serif;
    font-size:10.5px;
    font-weight:700;
    letter-spacing:.13em;
    line-height:1.3;
    pointer-events:none
}

.msc-ba-before-tag {
    left:14px;
    background:rgba(18,23,43,.80);
    color:#f5f6f8
}

.msc-ba-after-tag {
    right:14px;
    border:1px solid rgba(184,134,59,.33);
    background:var(--msc-ba-accent-soft);
    color:var(--msc-ba-accent-dark)
}

.msc-ba-handle {
    position:absolute;
    top:0;
    bottom:0;
    left:50%;
    z-index:10;
    width:34px;
    background:transparent;
    transform:translateX(-50%);
    pointer-events:auto;
    cursor:ew-resize;
    touch-action:none
}

.msc-ba-handle::before {
    content:"";
    position:absolute;
    top:0;
    bottom:0;
    left:50%;
    width:2px;
    background:var(--msc-ba-accent);
    transform:translateX(-50%);
    pointer-events:none
}

.msc-ba-grip {
    position:absolute;
    top:50%;
    left:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    width:40px;
    height:40px;
    border-radius:50%;
    background:#ffffff;
    box-shadow:0 6px 16px rgba(18,23,43,.25),0 0 0 4px var(--msc-ba-accent);
    transform:translate(-50%,-50%);
    pointer-events:none
}

.msc-ba-grip svg {
    width:15px;
    height:15px
}

.msc-ba-caption {
    max-width:430px;
    margin:22px 0 0;
    padding:0 8px;
    color:var(--msc-ba-muted);
    font-size:13px;
    line-height:1.55;
    text-align:center
}

.msc-ba-caption strong {
    color:var(--msc-ba-ink);
    font-weight:700
}

@media (max-width:767px) {
    .msc-ba-section {
        padding:52px 14px 60px
    }
    .msc-ba-sub {
        margin-bottom:24px;
        font-size:14px
    }
    .msc-ba-chips {
        margin-bottom:22px
    }
    .msc-ba-stage {
        width:min(480px,94vw);
        border-radius:18px
    }
}

@media (max-width:380px) {
    .msc-ba-grip {
        width:34px;
        height:34px
    }
    .msc-ba-grip svg {
        width:13px;
        height:13px
    }
    .msc-ba-tag {
        padding:5px 9px;
        font-size:9.5px
    }
    .msc-ba-chip {
        padding:7px 12px;
        font-size:11.5px
    }
}

@media (prefers-reduced-motion:reduce) {
    .msc-ba-chip {
        transition:none
    }
}

/* =========================================================
   07. SERVICES SECTION
   ========================================================= */

.msc-svc {
    position:relative;
    padding:95px 0;
    background:radial-gradient(circle at 90% 5%,rgba(184,134,59,.055),transparent 27%),#fff;
    overflow:hidden
}

.msc-svc-head {
    max-width:780px;
    margin:0 auto 60px;
    text-align:center
}

.msc-svc-eyebrow {
    display:flex;
    justify-content:center;
    align-items:center;
    gap:13px;
    margin-bottom:18px;
    font-family:"Inter",sans-serif;
    font-size:11px;
    font-weight:700;
    letter-spacing:.20em;
    color:#d81920
}

.msc-svc-eyebrow span {
    width:34px;
    height:1px;
    background:#d81920
}

.msc-svc-head h2 {
    margin:0;
    font-family:"Plus Jakarta Sans",sans-serif;
    font-size:clamp(38px,5vw,60px);
    line-height:1.08;
    letter-spacing:-.045em;
    font-weight:800;
    color:#07152f;
    text-transform:none
}

.msc-svc-head h2 em {
    display:block;
    font-family:Georgia,"Times New Roman",serif;
    font-weight:500;
    font-style:italic;
    color:#b8863b
}

.msc-svc-head p {
    max-width:640px;
    margin:22px auto 0;
    font-family:"Inter",sans-serif;
    font-size:15px;
    line-height:1.8;
    color:#6d7480
}

.msc-svc-list {
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:15px
}

.msc-svc-card {
    position:relative;
    min-height:150px;
    display:grid;
    grid-template-columns:82px 1fr 180px 45px;
    align-items:center;
    padding:16px 18px;
    background:#fff;
    border:1px solid #ece8e2;
    border-radius:22px;
    box-shadow:0 7px 25px rgba(15,28,50,.045);
    overflow:hidden;
    transition:transform .35s ease,box-shadow .35s ease,border-color .35s ease;
    color:inherit
}

.msc-svc-card:hover {
    transform:translateY(-4px);
    border-color:rgba(184,134,59,.30);
    box-shadow:0 18px 45px rgba(15,28,50,.10)
}

.msc-svc-icon {
    width:62px;
    height:62px;
    border-radius:18px;
    display:flex;
    align-items:center;
    justify-content:center;
    background:#faf6ef;
    color:#b8863b;
    font-size:25px
}

.msc-svc-icon-fallback {
    font-family:Georgia,serif
}

.msc-svc-info {
    position:relative;
    z-index:2;
    padding:3px 18px 3px 0
}

.msc-svc-num {
    display:block;
    margin-bottom:5px;
    font-family:"Inter",sans-serif;
    font-size:12px;
    font-weight:700;
    color:#d81920
}

.msc-svc-info h3 {
    margin:0 0 6px;
    font-family:"Plus Jakarta Sans",sans-serif;
    font-size:21px;
    line-height:1.2;
    font-weight:700;
    letter-spacing:-.025em;
    color:#09172e
}

.msc-svc-info p {
    max-width:300px;
    margin:0;
    font-family:"Inter",sans-serif;
    font-size:13px;
    line-height:1.55;
    color:#707784
}

.msc-svc-photo {
    height:116px;
    border-radius:16px;
    overflow:hidden;
    background:#f4f1ec
}

.msc-svc-photo img {
    width:100%;
    height:100%;
    object-fit:cover;
    transition:transform .6s ease
}

.msc-svc-card:hover .msc-svc-photo img {
    transform:scale(1.06)
}

.msc-svc-arrow {
    width:38px;
    height:38px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:50%;
    background:#fff;
    border:1px solid #ece8e2;
    color:#d81920;
    font-size:22px;
    transition:.3s ease
}

.msc-svc-card:hover .msc-svc-arrow {
    background:#d81920;
    border-color:#d81920;
    color:#fff;
    transform:translateX(3px)
}

.msc-svc-help {
    margin-top:22px;
    display:grid;
    grid-template-columns:56px 1fr auto;
    align-items:center;
    gap:18px;
    padding:20px 22px;
    background:#fff;
    border:1px solid #ece8e2;
    border-radius:22px;
    box-shadow:0 10px 35px rgba(13,27,48,.05)
}

.msc-svc-help-icon {
    width:54px;
    height:54px;
    display:flex;
    justify-content:center;
    align-items:center;
    border-radius:50%;
    background:#fff2f2;
    color:#d81920;
    font-size:22px
}

.msc-svc-help-text strong {
    display:block;
    margin-bottom:3px;
    font-family:"Plus Jakarta Sans",sans-serif;
    font-size:16px;
    color:#0a172d
}

.msc-svc-help-text p {
    margin:0;
    font-family:"Inter",sans-serif;
    font-size:13px;
    color:#757c88
}

.msc-svc-book {
    min-width:210px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:25px;
    padding:16px 22px;
    background:#d81920;
    border-radius:12px;
    color:#fff !important;
    font-family:"Inter",sans-serif;
    font-size:13px;
    font-weight:700;
    box-shadow:0 8px 25px rgba(216,25,32,.20);
    transition:.3s ease
}

.msc-svc-book span {
    font-size:20px
}

.msc-svc-book:hover {
    background:#07152f;
    transform:translateY(-2px)
}

@media (max-width:991px) {
    .msc-svc {
        padding:75px 0
    }
    .msc-svc-list {
        grid-template-columns:1fr
    }
}

@media (max-width:600px) {
    .msc-svc {
        padding:65px 0 55px
    }
    .msc-svc .container {
        padding-left:15px;
        padding-right:15px
    }
    .msc-svc-head {
        margin-bottom:34px;
        padding:0 8px
    }
    .msc-svc-eyebrow {
        margin-bottom:14px;
        font-size:10px
    }
    .msc-svc-eyebrow span {
        width:28px
    }
    .msc-svc-head h2 {
        font-size:37px;
        line-height:1.08
    }
    .msc-svc-head p {
        margin-top:16px;
        font-size:13px;
        line-height:1.7
    }
    .msc-svc-list {
        gap:10px
    }
    .msc-svc-card {
        min-height:125px;
        grid-template-columns:58px minmax(0,1fr) 105px 33px;
        padding:10px 10px 10px 12px;
        border-radius:18px;
        box-shadow:0 5px 20px rgba(15,28,50,.05)
    }
    .msc-svc-icon {
        width:48px;
        height:48px;
        border-radius:14px;
        font-size:20px
    }
    .msc-svc-info {
        padding-right:7px
    }
    .msc-svc-num {
        margin-bottom:2px;
        font-size:10px
    }
    .msc-svc-info h3 {
        margin-bottom:4px;
        font-size:16px;
        line-height:1.17
    }
    .msc-svc-info p {
        font-size:11px;
        line-height:1.45
    }
    .msc-svc-photo {
        height:102px;
        border-radius:14px
    }
    .msc-svc-arrow {
        width:30px;
        height:30px;
        font-size:18px;
        box-shadow:0 4px 12px rgba(11,23,46,.08)
    }
    .msc-svc-help {
        grid-template-columns:48px 1fr;
        gap:12px;
        padding:15px;
        border-radius:18px
    }
    .msc-svc-help-icon {
        width:45px;
        height:45px;
        font-size:18px
    }
    .msc-svc-help-text strong {
        font-size:13px;
        line-height:1.3
    }
    .msc-svc-help-text p {
        margin-top:3px;
        font-size:10.5px;
        line-height:1.4
    }
    .msc-svc-book {
        grid-column:1 / -1;
        width:100%;
        min-width:0;
        margin-top:4px;
        padding:14px 18px;
        border-radius:10px
    }
}

@media (max-width:390px) {
    .msc-svc-card {
        grid-template-columns:50px minmax(0,1fr) 88px 28px
    }
    .msc-svc-icon {
        width:42px;
        height:42px
    }
    .msc-svc-photo {
        height:90px
    }
    .msc-svc-info h3 {
        font-size:14px
    }
    .msc-svc-info p {
        font-size:10px
    }
}

/* =========================================================
   08. HOW IT WORKS / PROCESS SECTION
   ========================================================= */

.msc-process {
    position:relative;
    padding:90px 0;
    overflow:hidden;
    background:radial-gradient( circle at 50% 0%,rgba(184,134,59,.055),transparent 35% ),#fff
}

.msc-process-head {
    max-width:720px;
    margin:0 auto 60px;
    text-align:center
}

.msc-process-eyebrow {
    display:flex;
    justify-content:center;
    align-items:center;
    gap:12px;
    margin-bottom:16px;
    font-family:"Inter",sans-serif;
    font-size:10px;
    font-weight:700;
    letter-spacing:.20em;
    color:#d81920
}

.msc-process-eyebrow span {
    width:32px;
    height:1px;
    background:#d81920
}

.msc-process-head h2 {
    margin:0;
    font-family:"Plus Jakarta Sans",sans-serif;
    font-size:clamp(40px,5vw,62px);
    line-height:1.05;
    letter-spacing:-.045em;
    font-weight:800;
    color:#07152f;
    text-transform:none
}

.msc-process-head h2 em {
    display:block;
    margin-top:2px;
    font-family:Georgia,"Times New Roman",serif;
    font-weight:500;
    font-style:italic;
    color:#b8863b
}

.msc-process-head p {
    max-width:540px;
    margin:20px auto 0;
    font-family:"Inter",sans-serif;
    font-size:14px;
    line-height:1.75;
    color:#667085
}

.msc-process-journey {
    position:relative;
    display:grid;
    grid-template-columns:repeat(5,1fr);
    gap:24px
}

.msc-process-journey::before {
    content:"";
    position:absolute;
    left:8%;
    right:8%;
    top:76px;
    height:1px;
    background:linear-gradient( 90deg,transparent,#c9a66b 7%,#c9a66b 93%,transparent );
    z-index:0
}

.msc-process-step {
    position:relative;
    z-index:1;
    text-align:center
}

.msc-process-number {
    display:block;
    margin-bottom:9px;
    font-family:Georgia,"Times New Roman",serif;
    font-size:31px;
    font-style:italic;
    color:#b8863b
}

.msc-process-icon {
    position:relative;
    width:72px;
    height:72px;
    margin:0 auto 20px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:50%;
    background:#fff;
    border:1px solid #eee2d2;
    box-shadow:0 10px 28px rgba(11,25,48,.08);
    font-size:25px;
    color:#07152f;
    transition:transform .3s ease,box-shadow .3s ease
}

.msc-process-icon::after {
    content:"";
    position:absolute;
    right:4px;
    bottom:6px;
    width:10px;
    height:10px;
    border-radius:50%;
    background:#d81920;
    border:2px solid #fff
}

.msc-process-step:hover .msc-process-icon {
    transform:translateY(-4px);
    box-shadow:0 15px 35px rgba(11,25,48,.12)
}

.msc-process-copy {
    min-height:112px
}

.msc-process-copy h3 {
    margin:0 0 9px;
    font-family:"Plus Jakarta Sans",sans-serif;
    font-size:15px;
    font-weight:800;
    letter-spacing:-.015em;
    text-transform:uppercase;
    color:#08152b
}

.msc-process-copy p {
    max-width:185px;
    margin:0 auto;
    font-family:"Inter",sans-serif;
    font-size:12px;
    line-height:1.65;
    color:#626b79
}

.msc-process-photo {
    width:100%;
    height:135px;
    margin-top:15px;
    overflow:hidden;
    border-radius:14px;
    background:#f5f2ed
}

.msc-process-photo img {
    width:100%;
    height:100%;
    display:block;
    object-fit:cover;
    transition:transform .6s ease
}

.msc-process-step:hover .msc-process-photo img {
    transform:scale(1.045)
}

.msc-process-cta {
    margin-top:18px;
    min-height:92px;
    display:grid;
    grid-template-columns:55px 1fr auto;
    align-items:center;
    gap:18px;
    padding:17px 20px;
    background:#fff;
    border:1px solid #ece8e2;
    border-radius:17px;
    box-shadow:0 10px 30px rgba(13,27,48,.05)
}

.msc-process-cta-icon {
    width:50px;
    height:50px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:50%;
    background:#fff0f0;
    color:#d81920;
    font-size:21px
}

.msc-process-cta-copy strong {
    display:block;
    margin-bottom:3px;
    font-family:"Plus Jakarta Sans",sans-serif;
    font-size:15px;
    color:#08152b
}

.msc-process-cta-copy p {
    margin:0;
    font-family:"Inter",sans-serif;
    font-size:12px;
    color:#707784
}

.msc-process-btn {
    min-width:235px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    padding:15px 20px;
    border-radius:10px;
    background:#d81920;
    color:#fff !important;
    font-family:"Inter",sans-serif;
    font-size:12px;
    font-weight:700;
    box-shadow:0 8px 22px rgba(216,25,32,.20);
    transition:background .3s ease,transform .3s ease
}

.msc-process-btn i {
    font-size:18px
}

.msc-process-btn b {
    font-size:18px;
    font-weight:400
}

.msc-process-btn:hover {
    background:#07152f;
    transform:translateY(-2px)
}

@media (max-width:991px) {
    .msc-process {
        padding:75px 0
    }
    .msc-process-journey {
        grid-template-columns:1fr;
        max-width:680px;
        margin:auto;
        gap:12px
    }
    .msc-process-journey::before {
        display:none
    }
    .msc-process-step {
        display:grid;
        grid-template-columns:70px 1fr 160px;
        align-items:center;
        gap:16px;
        text-align:left;
        padding:12px;
        border:1px solid #eee9e2;
        border-radius:16px
    }
    .msc-process-number {
        display:none
    }
    .msc-process-icon {
        width:58px;
        height:58px;
        margin:0;
        font-size:20px
    }
    .msc-process-copy {
        min-height:0
    }
    .msc-process-copy p {
        max-width:none;
        margin:0
    }
    .msc-process-photo {
        height:100px;
        margin:0
    }
}

@media (max-width:600px) {
    .msc-process {
        padding:60px 0
    }
    .msc-process .container {
        padding-left:15px;
        padding-right:15px
    }
    .msc-process-head {
        margin-bottom:34px;
        padding:0 12px
    }
    .msc-process-eyebrow {
        margin-bottom:13px;
        font-size:9px
    }
    .msc-process-eyebrow span {
        width:25px
    }
    .msc-process-head h2 {
        font-size:35px;
        line-height:1.05
    }
    .msc-process-head p {
        margin-top:15px;
        font-size:12px;
        line-height:1.65
    }
    .msc-process-journey {
        position:relative;
        display:block;
        max-width:none
    }
    .msc-process-journey::before {
        content:"";
        display:block;
        position:absolute;
        top:30px;
        bottom:30px;
        left:28px;
        width:1px;
        height:auto;
        background:linear-gradient( 180deg,#c89b54,#e2c89f );
        z-index:0
    }
    .msc-process-step {
        position:relative;
        display:grid;
        grid-template-columns:58px minmax(0,1fr) 92px;
        gap:11px;
        min-height:116px;
        margin-bottom:10px;
        padding:10px;
        text-align:left;
        background:#fff;
        border:1px solid #eee9e2;
        border-radius:17px;
        box-shadow:0 5px 18px rgba(11,25,48,.045);
        z-index:1
    }
    .msc-process-number {
        display:block;
        position:absolute;
        left:66px;
        top:10px;
        margin:0;
        font-family:Georgia,serif;
        font-size:17px;
        font-weight:600;
        color:#b8863b
    }
    .msc-process-icon {
        width:48px;
        height:48px;
        margin:0;
        align-self:center;
        font-size:18px;
        z-index:2
    }
    .msc-process-icon::after {
        width:8px;
        height:8px;
        right:1px;
        bottom:3px
    }
    .msc-process-copy {
        align-self:center;
        padding-top:21px
    }
    .msc-process-copy h3 {
        margin-bottom:4px;
        font-size:12px
    }
    .msc-process-copy p {
        margin:0;
        font-size:10px;
        line-height:1.45
    }
    .msc-process-photo {
        width:92px;
        height:96px;
        margin:0;
        align-self:center;
        border-radius:12px
    }
    .msc-process-cta {
        grid-template-columns:45px 1fr;
        gap:11px;
        padding:14px;
        border-radius:16px
    }
    .msc-process-cta-icon {
        width:43px;
        height:43px;
        font-size:18px
    }
    .msc-process-cta-copy strong {
        font-size:12px
    }
    .msc-process-cta-copy p {
        margin-top:3px;
        font-size:10px;
        line-height:1.4
    }
    .msc-process-btn {
        grid-column:1 / -1;
        width:100%;
        min-width:0;
        margin-top:2px;
        padding:13px 16px;
        border-radius:9px
    }
}

@media (max-width:380px) {
    .msc-process-step {
        grid-template-columns:52px minmax(0,1fr) 78px;
        gap:8px
    }
    .msc-process-photo {
        width:78px;
        height:88px
    }
    .msc-process-number {
        left:60px
    }
    .msc-process-copy h3 {
        font-size:11px
    }
    .msc-process-copy p {
        font-size:9.5px
    }
}

/* =========================================================
   09. WHY CHOOSE US SECTION
   ========================================================= */

.msc-why {
    position:relative;
    padding:90px 0;
    background:radial-gradient(circle at 4% 35%,rgba(184,134,59,.055),transparent 22%),#fff;
    overflow:hidden
}

.msc-why-head {
    max-width:800px;
    margin:0 auto 55px;
    text-align:center
}

.msc-why-eyebrow {
    display:flex;
    justify-content:center;
    align-items:center;
    gap:12px;
    margin-bottom:15px;
    font-family:"Inter",sans-serif;
    font-size:10px;
    font-weight:800;
    letter-spacing:.20em;
    color:#d81920
}

.msc-why-eyebrow span {
    width:32px;
    height:1px;
    background:#d81920
}

.msc-why-head h2 {
    margin:0;
    font-family:"Plus Jakarta Sans",sans-serif;
    font-size:clamp(42px,5vw,64px);
    line-height:1.05;
    letter-spacing:-.045em;
    font-weight:800;
    color:#08152b;
    text-transform:none
}

.msc-why-head h2 em {
    display:block;
    margin-top:3px;
    font-family:Georgia,"Times New Roman",serif;
    font-weight:500;
    font-style:italic;
    color:#b8863b
}

.msc-why-head p {
    margin:18px 0 0;
    font-family:"Inter",sans-serif;
    font-size:14px;
    color:#626b78
}

.msc-why-main {
    display:grid;
    grid-template-columns:minmax(0,1.06fr) minmax(0,.94fr);
    gap:65px;
    align-items:center
}

.msc-why-story {
    position:relative
}

.msc-why-main-photo {
    position:relative;
    height:475px;
    border-radius:30px;
    overflow:hidden;
    background:#eee9e2;
    box-shadow:0 20px 55px rgba(9,22,44,.11)
}

.msc-why-main-photo>img {
    width:100%;
    height:100%;
    display:block;
    object-fit:cover
}

.msc-why-main-photo::after {
    content:"";
    position:absolute;
    inset:0;
    background:linear-gradient( 90deg,rgba(5,16,31,.18),transparent 42% );
    pointer-events:none
}

.msc-why-since {
    position:absolute;
    left:22px;
    top:22px;
    z-index:3;
    width:145px;
    padding:23px 18px;
    text-align:center;
    border-radius:20px;
    color:#fff;
    background:linear-gradient( 145deg,rgba(8,22,43,.96),rgba(15,31,53,.92) );
    border:1px solid rgba(255,255,255,.17);
    box-shadow:0 15px 35px rgba(0,0,0,.20);
    backdrop-filter:blur(10px)
}

.msc-why-since>span {
    display:block;
    margin-bottom:-3px;
    font-family:Georgia,serif;
    font-size:17px;
    font-style:italic;
    color:#dfb468
}

.msc-why-since strong {
    display:block;
    font-family:Georgia,serif;
    font-size:38px;
    line-height:1;
    color:#fff
}

.msc-why-since i {
    display:block;
    width:30px;
    height:1px;
    margin:13px auto;
    background:#d81920
}

.msc-why-since p {
    margin:0;
    font-family:"Inter",sans-serif;
    font-size:10px;
    line-height:1.5;
    color:rgba(255,255,255,.78)
}

.msc-why-transformation {
    position:relative;
    z-index:4;
    width:88%;
    margin:-67px auto 0;
    display:flex;
    justify-content:center;
    align-items:center;
    gap:10px
}

.msc-why-transform-item {
    text-align:center
}

.msc-why-transform-photo {
    width:118px;
    height:118px;
    padding:4px;
    overflow:hidden;
    border-radius:50%;
    background:#fff;
    border:2px solid #d6b172;
    box-shadow:0 10px 25px rgba(8,21,43,.15)
}

.msc-why-transform-photo img {
    width:100%;
    height:100%;
    display:block;
    object-fit:cover;
    border-radius:50%
}

.msc-why-transform-item>span {
    display:inline-block;
    position:relative;
    margin-top:-18px;
    padding:5px 11px;
    border-radius:50px;
    background:#07152f;
    color:#fff;
    font-family:"Inter",sans-serif;
    font-size:9px;
    font-weight:700;
    box-shadow:0 4px 10px rgba(7,21,47,.15)
}

.msc-why-transform-arrow {
    margin-top:-5px;
    font-family:Georgia,serif;
    font-size:26px;
    color:#b8863b;
    transform:rotate(-7deg)
}

.msc-why-reasons {
    position:relative
}

.msc-why-reason {
    position:relative;
    min-height:105px;
    display:grid;
    grid-template-columns:74px 1fr;
    align-items:center;
    gap:19px;
    margin-bottom:13px;
    padding:14px 24px 14px 14px;
    border:1px solid #eadfce;
    border-radius:55px 20px 20px 55px;
    background:linear-gradient( 90deg,#fffaf2,#fff );
    transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease
}

.msc-why-reason:hover {
    transform:translateX(5px);
    border-color:#d6b172;
    box-shadow:0 12px 30px rgba(12,27,50,.07)
}

.msc-why-reason-icon {
    width:68px;
    height:68px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:50%;
    background:linear-gradient( 145deg,#c79647,#8d5c17 );
    color:#fff;
    font-size:24px;
    box-shadow:0 8px 20px rgba(151,100,27,.20)
}

.msc-why-reason-copy>span {
    display:block;
    margin-bottom:2px;
    font-family:Georgia,serif;
    font-size:13px;
    font-style:italic;
    color:#d81920
}

.msc-why-reason-copy h3 {
    margin:0 0 4px;
    font-family:"Plus Jakarta Sans",sans-serif;
    font-size:18px;
    font-weight:750;
    letter-spacing:-.02em;
    color:#08152b
}

.msc-why-reason-copy p {
    max-width:390px;
    margin:0;
    font-family:"Inter",sans-serif;
    font-size:11.5px;
    line-height:1.55;
    color:#626b78
}

.msc-why-signature {
    display:flex;
    align-items:center;
    justify-content:flex-end;
    gap:12px;
    margin-top:22px
}

.msc-why-signature-line {
    width:45px;
    height:1px;
    background:#b8863b
}

.msc-why-signature p {
    margin:0;
    font-family:Georgia,serif;
    font-size:17px;
    font-style:italic;
    color:#8c672d
}

.msc-why-proof {
    margin-top:55px;
    display:grid;
    grid-template-columns:1fr 1.1fr 1fr 1fr 1fr;
    border:1px solid #eadfce;
    border-radius:20px;
    background:#fffdf9;
    box-shadow:0 10px 35px rgba(13,27,48,.045);
    overflow:hidden
}

.msc-why-proof-item {
    min-height:110px;
    display:flex;
    align-items:center;
    gap:12px;
    padding:20px 16px;
    border-right:1px solid #eee3d5
}

.msc-why-proof-item:last-child {
    border-right:0
}

.msc-why-proof-icon {
    min-width:40px;
    font-size:25px;
    text-align:center;
    color:#b8863b
}

.msc-why-proof-item strong {
    display:block;
    margin-bottom:4px;
    font-family:"Plus Jakarta Sans",sans-serif;
    font-size:12px;
    line-height:1.3;
    color:#08152b
}

.msc-why-proof-item span {
    display:block;
    font-family:"Inter",sans-serif;
    font-size:9.5px;
    line-height:1.5;
    color:#707784
}

.msc-why-bottom {
    margin-top:18px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:25px;
    padding:18px 22px
}

.msc-why-bottom-text>span {
    display:block;
    margin-bottom:3px;
    font-family:"Inter",sans-serif;
    font-size:9px;
    font-weight:800;
    letter-spacing:.17em;
    color:#d81920
}

.msc-why-bottom-text strong {
    display:block;
    font-family:Georgia,serif;
    font-size:20px;
    font-weight:500;
    color:#08152b
}

.msc-why-book {
    min-width:220px;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:12px;
    padding:15px 20px;
    border-radius:50px;
    background:#d81920;
    color:#fff !important;
    font-family:"Inter",sans-serif;
    font-size:12px;
    font-weight:700;
    box-shadow:0 8px 22px rgba(216,25,32,.20);
    transition:background .3s ease,transform .3s ease
}

.msc-why-book i {
    font-size:17px
}

.msc-why-book span {
    margin-left:auto;
    font-size:18px
}

.msc-why-book:hover {
    background:#07152f;
    transform:translateY(-2px)
}

@media (max-width:991px) {
    .msc-why {
        padding:75px 0
    }
    .msc-why-main {
        grid-template-columns:1fr;
        max-width:720px;
        margin:auto;
        gap:55px
    }
    .msc-why-proof {
        grid-template-columns:repeat(2,1fr)
    }
    .msc-why-proof-item {
        border-bottom:1px solid #eee3d5
    }
    .msc-why-proof-item:nth-child(even) {
        border-right:0
    }
    .msc-why-proof-item:last-child {
        grid-column:1 / -1;
        border-bottom:0
    }
}

@media (max-width:600px) {
    .msc-why {
        padding:60px 0
    }
    .msc-why .container {
        padding-left:15px;
        padding-right:15px
    }
    .msc-why-head {
        margin-bottom:30px;
        padding:0 8px
    }
    .msc-why-eyebrow {
        margin-bottom:12px;
        font-size:9px
    }
    .msc-why-eyebrow span {
        width:25px
    }
    .msc-why-head h2 {
        font-size:36px;
        line-height:1.06
    }
    .msc-why-head p {
        margin-top:13px;
        font-size:11.5px
    }
    .msc-why-main {
        display:block
    }
    .msc-why-main-photo {
        height:340px;
        border-radius:22px
    }
    .msc-why-since {
        left:13px;
        top:13px;
        width:112px;
        padding:16px 11px;
        border-radius:15px
    }
    .msc-why-since>span {
        font-size:13px
    }
    .msc-why-since strong {
        font-size:29px
    }
    .msc-why-since i {
        margin:9px auto
    }
    .msc-why-since p {
        font-size:8.5px
    }
    .msc-why-transformation {
        width:96%;
        margin-top:-43px;
        gap:4px
    }
    .msc-why-transform-photo {
        width:82px;
        height:82px;
        padding:3px;
        border-width:1.5px
    }
    .msc-why-transform-item>span {
        margin-top:-13px;
        padding:4px 8px;
        font-size:7.5px
    }
    .msc-why-transform-arrow {
        font-size:18px
    }
    .msc-why-reasons {
        margin-top:37px
    }
    .msc-why-reason {
        min-height:91px;
        grid-template-columns:56px minmax(0,1fr);
        gap:13px;
        margin-bottom:9px;
        padding:10px 13px 10px 9px;
        border-radius:40px 15px 15px 40px
    }
    .msc-why-reason-icon {
        width:53px;
        height:53px;
        font-size:19px
    }
    .msc-why-reason-copy>span {
        font-size:10px
    }
    .msc-why-reason-copy h3 {
        margin-bottom:3px;
        font-size:14px
    }
    .msc-why-reason-copy p {
        font-size:9.5px;
        line-height:1.45
    }
    .msc-why-signature {
        margin-top:15px
    }
    .msc-why-signature p {
        font-size:14px
    }
    .msc-why-proof {
        margin-top:32px;
        grid-template-columns:repeat(2,1fr);
        border-radius:16px
    }
    .msc-why-proof-item {
        min-height:95px;
        gap:8px;
        padding:14px 10px
    }
    .msc-why-proof-icon {
        min-width:30px;
        font-size:20px
    }
    .msc-why-proof-item strong {
        font-size:10px
    }
    .msc-why-proof-item span {
        font-size:8.5px
    }
    .msc-why-bottom {
        margin-top:10px;
        display:block;
        padding:16px 5px 0;
        text-align:center
    }
    .msc-why-bottom-text>span {
        font-size:8px
    }
    .msc-why-bottom-text strong {
        font-size:17px;
        line-height:1.35
    }
    .msc-why-book {
        width:100%;
        margin-top:15px
    }
}

@media (max-width:380px) {
    .msc-why-transform-photo {
        width:72px;
        height:72px
    }
    .msc-why-head h2 {
        font-size:32px
    }
    .msc-why-reason {
        grid-template-columns:50px minmax(0,1fr)
    }
    .msc-why-reason-icon {
        width:47px;
        height:47px
    }
}

/* =========================================================
   10. FAQ SECTION
   ========================================================= */

.msc-faq {
    position:relative;
    padding:90px 0 70px;
    overflow:hidden;
    background:radial-gradient(circle at 85% 12%,rgba(184,134,59,.07),transparent 24%),radial-gradient(circle at 10% 80%,rgba(216,25,32,.025),transparent 22%),#fffdf9
}

.msc-faq::before {
    content:"";
    position:absolute;
    width:190px;
    height:190px;
    left:-35px;
    top:35px;
    opacity:.25;
    background-image:radial-gradient(#c89a54 1.2px,transparent 1.2px);
    background-size:13px 13px;
    mask-image:linear-gradient( 135deg,#000,transparent 75% );
    pointer-events:none
}

.msc-faq-float {
    position:absolute;
    right:6%;
    top:70px;
    z-index:1;
    width:105px;
    height:105px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:28px;
    background:linear-gradient( 145deg,#ffffff,#eee9e1 );
    border:1px solid rgba(255,255,255,.8);
    box-shadow:18px 22px 35px rgba(17,29,45,.13),-8px -8px 20px rgba(255,255,255,.9),inset 3px 3px 8px rgba(255,255,255,.8),inset -4px -4px 8px rgba(167,146,116,.10);
    transform:rotate(9deg);
    animation:mscFaqFloat 5s ease-in-out infinite
}

.msc-faq-float span {
    display:block;
    font-family:Georgia,serif;
    font-size:70px;
    line-height:1;
    font-weight:700;
    color:#b8863b;
    text-shadow:1px 1px 0 #8c6225,3px 4px 4px rgba(105,69,18,.22);
    transform:rotate(-9deg)
}

@keyframes mscFaqFloat {
    0%,100% {
        transform:translateY(0) rotate(9deg)
    }
    50% {
        transform:translateY(-10px) rotate(5deg)
    }
}

.msc-faq-head {
    position:relative;
    z-index:2;
    max-width:780px;
    margin:0 auto 50px;
    text-align:center
}

.msc-faq-eyebrow {
    display:flex;
    align-items:center;
    justify-content:center;
    gap:13px;
    margin-bottom:15px;
    font-family:"Inter",sans-serif;
    font-size:11px;
    font-weight:800;
    letter-spacing:.20em;
    color:#d81920
}

.msc-faq-eyebrow span {
    width:42px;
    height:1px;
    background:linear-gradient( 90deg,transparent,#b8863b )
}

.msc-faq-eyebrow span:last-child {
    background:linear-gradient( 90deg,#b8863b,transparent )
}

.msc-faq-head h2 {
    margin:0;
    font-family:Georgia,"Times New Roman",serif;
    font-size:clamp(48px,6vw,75px);
    line-height:.98;
    letter-spacing:-.045em;
    font-weight:700;
    color:#07152f;
    text-transform:none
}

.msc-faq-head h2 em {
    font-weight:500;
    font-style:normal;
    color:#b8863b
}

.msc-faq-shoe-line {
    display:flex;
    justify-content:center;
    align-items:center;
    gap:12px;
    margin-top:23px
}

.msc-faq-shoe-line span {
    width:42px;
    height:1px;
    background:#c89a54
}

.msc-faq-shoe-line i {
    color:#d81920;
    font-size:19px
}

.msc-faq-head>p {
    margin:16px 0 0;
    font-family:"Inter",sans-serif;
    font-size:14px;
    color:#68707c
}

.msc-faq-layout {
    position:relative;
    z-index:3;
    display:grid;
    grid-template-columns:minmax(330px,.82fr) minmax(500px,1.18fr);
    gap:18px;
    align-items:start
}

.msc-faq-list {
    display:flex;
    flex-direction:column;
    gap:7px
}

.msc-faq-question {
    position:relative;
    width:100%;
    min-height:68px;
    display:grid;
    grid-template-columns:62px 1fr 35px;
    align-items:center;
    gap:13px;
    padding:8px 14px;
    appearance:none;
    cursor:pointer;
    text-align:left;
    background:rgba(255,255,255,.88);
    border:1px solid #eee9e2;
    border-radius:14px;
    box-shadow:0 6px 18px rgba(9,24,45,.045);
    transition:transform .3s ease,box-shadow .3s ease,background .3s ease,border-color .3s ease
}

.msc-faq-question:hover {
    transform:translateX(3px);
    border-color:#dbc092;
    box-shadow:0 9px 24px rgba(9,24,45,.07)
}

.msc-faq-number {
    padding-right:13px;
    border-right:1px solid #e1d1b8;
    font-family:Georgia,serif;
    font-size:27px;
    color:#b8863b
}

.msc-faq-question-text {
    font-family:Georgia,serif;
    font-size:16px;
    font-weight:700;
    line-height:1.25;
    color:#08152b
}

.msc-faq-toggle {
    width:30px;
    height:30px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:50%;
    background:#fff;
    border:1px solid #eadcc6;
    color:#d81920;
    font-family:Arial,sans-serif;
    font-size:21px;
    font-weight:300;
    box-shadow:0 5px 10px rgba(11,26,47,.06);
    transition:.3s ease
}

.msc-faq-question.active {
    background:linear-gradient( 135deg,#07152f,#10243d );
    border-color:#07152f;
    box-shadow:0 12px 28px rgba(7,21,47,.18);
    transform:translateX(4px)
}

.msc-faq-question.active::before {
    content:"";
    position:absolute;
    left:0;
    top:10px;
    bottom:10px;
    width:4px;
    border-radius:0 4px 4px 0;
    background:#d81920
}

.msc-faq-question.active .msc-faq-number {
    color:#d6a755;
    border-color:rgba(255,255,255,.17)
}

.msc-faq-question.active .msc-faq-question-text {
    color:#fff
}

.msc-faq-question.active .msc-faq-toggle {
    background:#d81920;
    border-color:#d81920;
    color:#fff;
    box-shadow:0 6px 14px rgba(216,25,32,.24)
}

.msc-faq-answer-wrap {
    position:relative
}

.msc-faq-answer {
    display:none;
    min-height:590px;
    padding:27px;
    background:linear-gradient( 145deg,rgba(255,255,255,.97),rgba(255,252,247,.95) );
    border:1px solid #eadbc4;
    border-radius:22px;
    box-shadow:0 18px 45px rgba(10,25,46,.08);
    animation:mscFaqAnswer .35s ease
}

.msc-faq-answer.active {
    display:block
}

@keyframes mscFaqAnswer {
    from {
        opacity:0;
        transform:translateY(8px)
    }
    to {
        opacity:1;
        transform:translateY(0)
    }
}

.msc-faq-answer-head {
    display:grid;
    grid-template-columns:58px 1fr;
    align-items:center;
    gap:15px;
    padding-bottom:20px;
    border-bottom:1px solid #e7ded2
}

.msc-faq-answer-head>span {
    padding-right:15px;
    border-right:1px solid #dec9a7;
    font-family:Georgia,serif;
    font-size:31px;
    color:#b8863b
}

.msc-faq-answer-head h3 {
    margin:0;
    font-family:Georgia,serif;
    font-size:23px;
    line-height:1.25;
    color:#08152b
}

.msc-faq-answer-body {
    display:grid;
    grid-template-columns:145px 1fr;
    align-items:center;
    gap:30px;
    padding:38px 10px
}

.msc-faq-3d-icon {
    position:relative;
    width:125px;
    height:125px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:50%;
    background:linear-gradient( 145deg,#fff,#eee9e1 );
    box-shadow:13px 15px 24px rgba(16,29,47,.13),-7px -7px 17px #fff,inset -4px -4px 10px rgba(155,129,91,.10);
    animation:mscFaqIcon 4s ease-in-out infinite
}

.msc-faq-3d-icon::after {
    content:"";
    position:absolute;
    left:23px;
    right:23px;
    bottom:-8px;
    height:13px;
    border-radius:50%;
    background:rgba(17,30,47,.12);
    filter:blur(7px)
}

.msc-faq-3d-icon i {
    position:relative;
    z-index:2;
    font-size:50px;
    color:#d81920;
    text-shadow:2px 3px 3px rgba(125,0,4,.20)
}

@keyframes mscFaqIcon {
    0%,100% {
        transform:translateY(0) rotate(-2deg)
    }
    50% {
        transform:translateY(-7px) rotate(2deg)
    }
}

.msc-faq-points p {
    position:relative;
    display:grid;
    grid-template-columns:25px 1fr;
    gap:9px;
    margin:0 0 15px;
    font-family:"Inter",sans-serif;
    font-size:13px;
    line-height:1.6;
    color:#353e4b
}

.msc-faq-points p:last-child {
    margin-bottom:0
}

.msc-faq-points i {
    width:20px;
    height:20px;
    display:flex;
    align-items:center;
    justify-content:center;
    margin-top:1px;
    border:1px solid #c99643;
    border-radius:50%;
    color:#b8863b;
    font-size:8px
}

.msc-faq-assurance {
    display:grid;
    grid-template-columns:58px 1fr;
    align-items:center;
    gap:17px;
    padding:19px;
    border-radius:15px;
    background:linear-gradient( 90deg,#faf5ed,#fff );
    border:1px solid #efe5d6
}

.msc-faq-assurance-icon {
    width:50px;
    height:50px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:14px;
    color:#b8863b;
    font-size:27px;
    background:linear-gradient( 145deg,#fff,#f0e6d7 );
    box-shadow:5px 6px 12px rgba(84,62,28,.10)
}

.msc-faq-assurance strong {
    display:block;
    margin-bottom:4px;
    font-family:Georgia,serif;
    font-size:15px;
    color:#08152b
}

.msc-faq-assurance p {
    margin:0;
    font-family:"Inter",sans-serif;
    font-size:11px;
    line-height:1.55;
    color:#656c76
}

.msc-faq-simple-answer {
    display:grid;
    grid-template-columns:90px 1fr;
    align-items:center;
    gap:25px;
    padding:55px 15px
}

.msc-faq-small-icon {
    width:80px;
    height:80px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:22px;
    background:linear-gradient( 145deg,#fff,#eee7dc );
    color:#d81920;
    font-size:29px;
    box-shadow:9px 11px 20px rgba(17,29,45,.10),-5px -5px 12px #fff
}

.msc-faq-simple-answer strong {
    display:block;
    margin-bottom:8px;
    font-family:Georgia,serif;
    font-size:20px;
    color:#08152b
}

.msc-faq-simple-answer p {
    max-width:520px;
    margin:0;
    font-family:"Inter",sans-serif;
    font-size:13px;
    line-height:1.75;
    color:#5e6672
}

.msc-faq-support {
    position:relative;
    z-index:3;
    margin-top:22px;
    display:grid;
    grid-template-columns:105px .8fr 1.2fr;
    align-items:center;
    gap:22px;
    padding:22px 26px;
    overflow:hidden;
    border-radius:22px;
    color:#fff;
    background:radial-gradient( circle at 5% 50%,rgba(184,134,59,.17),transparent 25% ),linear-gradient( 135deg,#07152f,#0d2239 );
    box-shadow:0 18px 40px rgba(7,21,47,.17)
}

.msc-faq-support::after {
    content:"";
    position:absolute;
    width:300px;
    height:300px;
    right:-120px;
    top:-190px;
    border-radius:50%;
    background:rgba(255,255,255,.035);
    pointer-events:none
}

.msc-faq-support-3d {
    width:86px;
    height:86px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:50%;
    background:linear-gradient( 145deg,#152b43,#04101e );
    border:1px solid rgba(213,170,92,.35);
    box-shadow:10px 12px 20px rgba(0,0,0,.28),inset 4px 4px 9px rgba(255,255,255,.05);
    color:#d8a952;
    font-size:38px;
    animation:mscFaqSupportFloat 4.5s ease-in-out infinite
}

@keyframes mscFaqSupportFloat {
    0%,100% {
        transform:translateY(0)
    }
    50% {
        transform:translateY(-5px)
    }
}

.msc-faq-support-copy {
    padding-right:22px;
    border-right:1px solid rgba(255,255,255,.13)
}

.msc-faq-support-copy>span {
    display:block;
    margin-bottom:5px;
    font-family:"Inter",sans-serif;
    font-size:8px;
    font-weight:700;
    letter-spacing:.16em;
    color:#d6a755
}

.msc-faq-support-copy h3 {
    margin:0 0 4px;
    font-family:Georgia,serif;
    font-size:24px;
    color:#fff
}

.msc-faq-support-copy p {
    margin:0;
    font-family:"Inter",sans-serif;
    font-size:11px;
    color:rgba(255,255,255,.68)
}

.msc-faq-support-contact {
    display:grid;
    grid-template-columns:1fr auto;
    align-items:center;
    gap:20px
}

.msc-faq-support-contact>div>span {
    display:block;
    margin-bottom:4px;
    font-family:"Inter",sans-serif;
    font-size:11px;
    color:#d6a755
}

.msc-faq-support-contact strong {
    display:block;
    font-family:"Plus Jakarta Sans",sans-serif;
    font-size:19px;
    color:#fff
}

.msc-faq-whatsapp {
    min-width:210px;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:11px;
    padding:14px 17px;
    border-radius:50px;
    color:#fff !important;
    background:linear-gradient( 180deg,#ec2028,#c80910 );
    border:1px solid #f14146;
    box-shadow:0 9px 20px rgba(216,25,32,.24),inset 0 1px 1px rgba(255,255,255,.35);
    font-family:"Inter",sans-serif;
    font-size:11px;
    font-weight:700;
    transition:.3s ease
}

.msc-faq-whatsapp i {
    font-size:18px
}

.msc-faq-whatsapp>span {
    margin-left:auto;
    font-size:19px
}

.msc-faq-whatsapp:hover {
    transform:translateY(-2px);
    background:linear-gradient( 180deg,#ff2931,#d20c13 )
}

.msc-faq-ending {
    display:flex;
    justify-content:center;
    align-items:center;
    gap:17px;
    margin-top:24px
}

.msc-faq-ending>span {
    width:75px;
    height:1px;
    background:linear-gradient( 90deg,transparent,#c89a54 )
}

.msc-faq-ending>span:last-child {
    background:linear-gradient( 90deg,#c89a54,transparent )
}

.msc-faq-ending p {
    margin:0;
    font-family:Georgia,serif;
    font-size:13px;
    color:#606874
}

.msc-faq-ending strong {
    color:#b8863b
}

@media (max-width:991px) {
    .msc-faq-float {
        width:75px;
        height:75px;
        right:3%;
        top:70px
    }
    .msc-faq-float span {
        font-size:50px
    }
    .msc-faq-layout {
        grid-template-columns:.9fr 1.1fr
    }
    .msc-faq-question {
        grid-template-columns:48px 1fr 30px
    }
    .msc-faq-number {
        font-size:21px
    }
    .msc-faq-question-text {
        font-size:14px
    }
    .msc-faq-answer-body {
        grid-template-columns:1fr;
        padding:27px 5px
    }
    .msc-faq-3d-icon {
        width:85px;
        height:85px;
        margin:auto
    }
    .msc-faq-3d-icon i {
        font-size:35px
    }
    .msc-faq-support {
        grid-template-columns:85px 1fr
    }
    .msc-faq-support-contact {
        grid-column:1 / -1
    }
}

@media (max-width:600px) {
    .msc-faq {
        padding:58px 0 48px
    }
    .msc-faq .container {
        padding-left:15px;
        padding-right:15px
    }
    .msc-faq-float {
        width:52px;
        height:52px;
        right:15px;
        top:48px;
        border-radius:16px;
        opacity:.8
    }
    .msc-faq-float span {
        font-size:34px
    }
    .msc-faq-head {
        max-width:320px;
        margin-bottom:30px
    }
    .msc-faq-eyebrow {
        margin-bottom:12px;
        font-size:9px
    }
    .msc-faq-eyebrow span {
        width:27px
    }
    .msc-faq-head h2 {
        font-size:43px;
        line-height:.98
    }
    .msc-faq-shoe-line {
        margin-top:17px
    }
    .msc-faq-head>p {
        margin-top:13px;
        font-size:11px
    }
    .msc-faq-layout {
        display:block
    }
    .msc-faq-list {
        gap:7px
    }
    .msc-faq-question {
        min-height:61px;
        grid-template-columns:42px minmax(0,1fr) 28px;
        gap:9px;
        padding:7px 10px;
        border-radius:12px
    }
    .msc-faq-number {
        padding-right:8px;
        font-size:19px
    }
    .msc-faq-question-text {
        font-size:12px;
        line-height:1.25
    }
    .msc-faq-toggle {
        width:26px;
        height:26px;
        font-size:18px
    }
    .msc-faq-question.active {
        transform:none;
        border-radius:12px 12px 0 0;
        box-shadow:none
    }
    .msc-faq-answer-wrap {
        display:none
    }
    @keyframes mscFaqMobileOpen {
        from {
            opacity:0;
            transform:translateY(-5px)
        }
        to {
            opacity:1;
            transform:translateY(0)
        }
    }
    .msc-faq-mobile-answer-inner {
        display:grid;
        grid-template-columns:45px 1fr;
        gap:12px;
        align-items:start
    }
    .msc-faq-mobile-answer-icon {
        width:42px;
        height:42px;
        display:flex;
        align-items:center;
        justify-content:center;
        border-radius:13px;
        background:linear-gradient( 145deg,#fff,#eee6da );
        color:#d81920;
        font-size:17px;
        box-shadow:5px 6px 10px rgba(15,28,45,.09)
    }
    .msc-faq-mobile-answer-content {
        font-family:"Inter",sans-serif;
        font-size:10.5px;
        line-height:1.65;
        color:#555e6a
    }
    .msc-faq-mobile-answer-content strong {
        display:block;
        margin-bottom:5px;
        font-family:Georgia,serif;
        font-size:13px;
        color:#08152b
    }
    .msc-faq-support {
        margin-top:20px;
        display:grid;
        grid-template-columns:58px 1fr;
        gap:12px;
        padding:17px;
        border-radius:17px
    }
    .msc-faq-support-3d {
        width:54px;
        height:54px;
        font-size:24px
    }
    .msc-faq-support-copy {
        padding:0;
        border:0
    }
    .msc-faq-support-copy>span {
        font-size:7px
    }
    .msc-faq-support-copy h3 {
        font-size:18px
    }
    .msc-faq-support-copy p {
        font-size:9px
    }
    .msc-faq-support-contact {
        grid-column:1 / -1;
        display:block;
        padding-top:13px;
        border-top:1px solid rgba(255,255,255,.10)
    }
    .msc-faq-support-contact>div {
        margin-bottom:12px;
        text-align:center
    }
    .msc-faq-support-contact>div>span {
        font-size:9px
    }
    .msc-faq-support-contact strong {
        font-size:17px
    }
    .msc-faq-whatsapp {
        width:100%;
        min-width:0;
        padding:13px 16px
    }
    .msc-faq-ending {
        gap:9px;
        margin-top:19px
    }
    .msc-faq-ending>span {
        width:30px
    }
    .msc-faq-ending p {
        font-size:10px;
        text-align:center
    }
}

@media (prefers-reduced-motion:reduce) {
    .msc-faq-float,.msc-faq-3d-icon,.msc-faq-support-3d {
        animation:none
    }
}

/* ==========================================================
   MOBILE LCP PERFORMANCE
   Keep hero immediately paintable for PageSpeed/mobile users
========================================================== */
@media (max-width: 767px) {
    .msc-hero-product {
        animation: none !important;
        transform: none !important;
        filter: none !important;
    }
    .msc-hero-orbit--one, .msc-hero-orbit--two {
        animation: none !important;
    }
}

/* ==========================================================
   MY SHOE CLINIC — CUSTOMER REVIEWS
========================================================== */
.msc-reviews {
    --rv-navy:#07152f;
    --rv-gold:#b8863b;
    --rv-red:#d81920;
    --rv-muted:#667085;
    --rv-line:#eadfce;
    --rv-warm:#fcfaf7;
    position:relative;
    overflow:hidden;
    padding:90px 0;
    background: radial-gradient(circle at 50% 0, rgba(184,134,59,.055), transparent 26%), #fff;
}

/* HEAD */
.msc-reviews-head {
    max-width:790px;
    margin:0 auto 42px;
    text-align:center;
}

.msc-reviews-eyebrow {
    display:flex;
    align-items:center;
    justify-content:center;
    gap:12px;
    margin-bottom:14px;
    color:var(--rv-red);
    font:800 10px/1 'Inter',sans-serif;
    letter-spacing:.18em;
}

.msc-reviews-eyebrow span {
    width:30px;
    height:1px;
    background:var(--rv-gold);
}

.msc-reviews-head h2 {
    margin:0;
    color:var(--rv-navy);
    font:800 clamp(38px,4.5vw,58px)/1.07 'Plus Jakarta Sans',sans-serif;
    letter-spacing:-.045em;
}

.msc-reviews-head h2 em {
    display:block;
    margin-top:3px;
    color:var(--rv-gold);
    font-family:Georgia,'Times New Roman',serif;
    font-weight:500;
}

.msc-reviews-head p {
    max-width:690px;
    margin:18px auto 0;
    color:var(--rv-muted);
    font:400 14px/1.65 'Inter',sans-serif;
}

/* SLIDER */
.msc-reviews-stage {
    position:relative;
}

.msc-reviews-track {
    display:grid;
    grid-auto-flow:column;
    grid-auto-columns: calc((100% - 36px) / 3);
    gap:18px;
    overflow-x:auto;
    overscroll-behavior-x:contain;
    scroll-snap-type:x mandatory;
    scroll-behavior:smooth;
    scrollbar-width:none;
    padding:4px 2px 24px;
}

.msc-reviews-track::-webkit-scrollbar {
    display:none;
}

/* CARD */
.msc-review-card {
    position:relative;
    min-width:0;
    min-height:355px;
    display:flex;
    flex-direction:column;
    scroll-snap-align:start;
    overflow:hidden;
    border:1px solid var(--rv-line);
    border-radius:18px;
    background: linear-gradient( 150deg, #fff, var(--rv-warm) );
    box-shadow: 0 15px 38px rgba(7,21,47,.07);
    transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease;
}

.msc-review-card:hover {
    transform:translateY(-4px);
    border-color:rgba(184,134,59,.48);
    box-shadow: 0 20px 45px rgba(7,21,47,.11);
}

/* TOP */
.msc-review-top {
    display:flex;
    align-items:center;
    justify-content:space-between;
    padding:24px 24px 0;
}

.msc-review-stars {
    display:flex;
    gap:3px;
    color:#d99a28;
    font-size:16px;
}

.msc-review-source {
    width:28px;
    height:28px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:50%;
    color:#4285f4;
    background:#fff;
    font:800 17px/1 Arial,sans-serif;
    box-shadow: 0 4px 12px rgba(7,21,47,.08);
}

/* QUOTE */
.msc-review-card blockquote {
    position:relative;
    flex:1;
    margin:0;
    padding:36px 24px 26px;
}

.msc-review-quote {
    position:absolute;
    top:19px;
    left:22px;
    color:#d9a33d;
    font-family:Georgia,serif;
    font-size:42px;
    line-height:1;
}

.msc-review-card blockquote p {
    margin:0;
    color:#152039;
    font:500 16px/1.75 'Inter',sans-serif;
}

/* PERSON */
.msc-review-person {
    display:flex;
    align-items:center;
    gap:11px;
    padding:0 24px 20px;
}

.msc-review-avatar {
    flex:0 0 42px;
    width:42px;
    height:42px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:50%;
    color:#fff;
    background:var(--rv-navy);
    font:700 13px/1 'Inter',sans-serif;
}

.msc-review-person strong {
    display:block;
    margin-bottom:3px;
    color:var(--rv-navy);
    font:700 12px/1.2 'Plus Jakarta Sans',sans-serif;
}

.msc-review-person small {
    display:block;
    color:#8a909b;
    font:500 9px/1.2 'Inter',sans-serif;
}

/* SERVICE */
.msc-review-service {
    min-height:54px;
    display:flex;
    align-items:center;
    gap:9px;
    padding:10px 24px;
    border-top:1px solid #eee5d9;
    color:#4c5565;
    font:600 10px/1 'Inter',sans-serif;
}

.msc-review-service i {
    width:29px;
    height:29px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:50%;
    color:var(--rv-gold);
    background:#f8efdf;
}

/* ARROWS */
.msc-reviews-arrow {
    position:absolute;
    top:50%;
    z-index:4;
    width:46px;
    height:46px;
    display:flex;
    align-items:center;
    justify-content:center;
    border:0;
    border-radius:50%;
    color:#fff;
    background:var(--rv-navy);
    font-size:23px;
    box-shadow: 0 10px 24px rgba(7,21,47,.20);
    transform:translateY(-50%);
    cursor:pointer;
    transition: transform .2s ease, background .2s ease;
}

.msc-reviews-arrow:hover {
    background:var(--rv-gold);
}

.msc-reviews-arrow--prev {
    left:-23px;
}

.msc-reviews-arrow--next {
    right:-23px;
}

/* DOTS */
.msc-reviews-dots {
    display:flex;
    align-items:center;
    justify-content:center;
    gap:8px;
    margin-top:5px;
}

.msc-reviews-dots button {
    width:8px;
    height:8px;
    padding:0;
    border:0;
    border-radius:99px;
    background:#d8d8d8;
    cursor:pointer;
    transition: width .2s ease, background .2s ease;
}

.msc-reviews-dots button.active {
    width:22px;
    background:var(--rv-gold);
}

/* MOBILE PROGRESS */
.msc-reviews-progress {
    display:none;
}

/* TRUST */
.msc-reviews-trust {
    margin-top:30px;
    display:grid;
    grid-template-columns:repeat(3,1fr);
    overflow:hidden;
    border-radius:16px;
    background: linear-gradient( 135deg, #07152f, #0b2749 );
    box-shadow: 0 16px 38px rgba(7,21,47,.14);
}

.msc-reviews-trust > div {
    min-height:82px;
    display:flex;
    align-items:center;
    gap:13px;
    padding:16px 24px;
    border-right: 1px solid rgba(255,255,255,.12);
}

.msc-reviews-trust > div:last-child {
    border-right:0;
}

.msc-reviews-trust i {
    color:#dda63d;
    font-size:25px;
}

.msc-reviews-trust strong, .msc-reviews-trust small {
    display:block;
}

.msc-reviews-trust strong {
    margin-bottom:4px;
    color:#fff;
    font:700 11px/1.2 'Plus Jakarta Sans',sans-serif;
}

.msc-reviews-trust small {
    color:rgba(255,255,255,.64);
    font:400 8px/1.4 'Inter',sans-serif;
}

/* GOOGLE CTA */
.msc-reviews-footer {
    display:flex;
    justify-content:center;
    margin-top:22px;
}

.msc-reviews-google {
    min-height:52px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:12px;
    padding:12px 22px;
    border:1px solid rgba(184,134,59,.72);
    border-radius:12px;
    color:var(--rv-navy)!important;
    background:#fff;
    box-shadow: 0 9px 22px rgba(7,21,47,.06);
    transition: transform .2s ease, box-shadow .2s ease;
}

.msc-reviews-google:hover {
    transform:translateY(-2px);
    box-shadow: 0 13px 27px rgba(7,21,47,.10);
}

.msc-reviews-google strong {
    font:800 10px/1 'Plus Jakarta Sans',sans-serif;
    letter-spacing:.03em;
    text-transform:uppercase;
}

.msc-reviews-google > i {
    margin-left:7px;
    font-size:17px;
}

.msc-google-g {
    color:#4285f4;
    font:800 20px/1 Arial,sans-serif;
}

/* ==========================================================
   TABLET
========================================================== */
@media(max-width:991px) {
    .msc-reviews {
        padding:72px 0;
    }
    .msc-reviews-track {
        grid-auto-columns: calc((100% - 18px) / 2);
    }
    .msc-reviews-arrow--prev {
        left:5px;
    }
    .msc-reviews-arrow--next {
        right:5px;
    }
}

/* ==========================================================
   MOBILE
========================================================== */
@media(max-width:600px) {
    .msc-reviews {
        padding:62px 0 58px;
    }
    .msc-reviews .container {
        padding-left:17px;
        padding-right:17px;
    }
    /* HEADING */
    .msc-reviews-head {
        margin-bottom:25px;
    }
    .msc-reviews-eyebrow {
        margin-bottom:11px;
        font-size:8px;
    }
    .msc-reviews-eyebrow span {
        width:23px;
    }
    .msc-reviews-head h2 {
        font-size:30px;
        line-height:1.08;
    }
    .msc-reviews-head p {
        margin-top:14px;
        padding:0 8px;
        font-size:11px;
        line-height:1.6;
    }
    /* COUNTER */
    .msc-reviews-progress {
        display:flex;
        align-items:center;
        gap:10px;
        margin: 0 4px 12px;
        color:#8b9099;
        font:700 8px/1 'Inter',sans-serif;
    }
    .msc-reviews-progress strong {
        color:var(--rv-navy);
    }
    .msc-reviews-progress-line {
        position:relative;
        flex:1;
        height:3px;
        overflow:hidden;
        border-radius:99px;
        background:#e7e7e7;
    }
    .msc-reviews-progress-line span {
        position:absolute;
        inset:0 auto 0 0;
        width:16.666%;
        border-radius:inherit;
        background:var(--rv-gold);
        transition:width .25s ease;
    }
    /* MOBILE SWIPE */
    .msc-reviews-track {
        grid-auto-columns:88%;
        gap:12px;
        padding: 2px 4px 18px;
        scroll-padding-left:4px;
        /*
         * Native horizontal scrolling means we don't intercept
         * touch/pointer events with JavaScript.
         * Vertical page scrolling stays natural.
         */
        touch-action:auto;
    }
    .msc-review-card {
        min-height:330px;
        border-radius:16px;
    }
    .msc-review-card:hover {
        transform:none;
    }
    .msc-review-top {
        padding: 20px 19px 0;
    }
    .msc-review-stars {
        font-size:14px;
    }
    .msc-review-card blockquote {
        padding: 34px 19px 22px;
    }
    .msc-review-card blockquote p {
        font-size:14px;
        line-height:1.72;
    }
    .msc-review-person {
        padding: 0 19px 18px;
    }
    .msc-review-service {
        padding: 10px 19px;
    }
    /* arrows */
    .msc-reviews-arrow {
        top:auto;
        bottom:-34px;
        width:40px;
        height:40px;
        font-size:19px;
    }
    .msc-reviews-arrow--prev {
        left:3px;
    }
    .msc-reviews-arrow--next {
        right:3px;
    }
    .msc-reviews-dots {
        margin-top:14px;
        min-height:40px;
    }
    /* TRUST */
    .msc-reviews-trust {
        margin-top:20px;
        grid-template-columns:repeat(3,1fr);
        border-radius:14px;
    }
    .msc-reviews-trust > div {
        min-height:90px;
        display:block;
        padding:13px 7px;
        text-align:center;
    }
    .msc-reviews-trust i {
        display:block;
        margin-bottom:8px;
        font-size:20px;
    }
    .msc-reviews-trust strong {
        font-size:8px;
    }
    .msc-reviews-trust small {
        margin-top:3px;
        font-size:6.5px;
    }
    /* CTA */
    .msc-reviews-footer {
        margin-top:18px;
    }
    .msc-reviews-google {
        width:100%;
        min-height:50px;
        padding:11px 14px;
    }
    .msc-reviews-google strong {
        font-size:9px;
    }
}

/* ==========================================================
   REDUCED MOTION
========================================================== */
@media(prefers-reduced-motion:reduce) {
    .msc-reviews-track {
        scroll-behavior:auto;
    }
    .msc-review-card, .msc-reviews-google, .msc-reviews-arrow, .msc-reviews-dots button, .msc-reviews-progress-line span {
        transition:none!important;
    }
}
/* =========================================
   COMPANY SUCCESS - MOBILE SPACING FIX
========================================= */
@media (max-width: 767px) {

    .theme-counter {
        margin: 0 !important;
        padding: 35px 0 !important;
    }

    .theme-counter .container {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }

    .theme-counter .bg {
        margin: 0 !important;
        padding: 0 !important;
        min-height: auto !important;
        height: auto !important;
    }

    .theme-counter .cunter-wrapper {
        margin-top: 25px !important;
        margin-bottom: 0 !important;
    }
}
/* =========================================================
   MY SHOE CLINIC — LOCATION SLIDER ARROWS
========================================================= */
.branchtix-slider-wrap{
    position:relative;
}

.branchtix-marquee{
    overflow:hidden;
    scroll-behavior:smooth;
}

.branchtix-track{
    animation:none !important;
    transform:none !important;
}

.branchtix-arrow{
    position:absolute;
    top:50%;
    z-index:50;

    width:48px;
    height:48px;

    display:flex;
    align-items:center;
    justify-content:center;

    padding:0;
    border:1px solid rgba(201,151,67,.55);
    border-radius:50%;

    background:#06172f;
    color:#fff;

    box-shadow:0 10px 26px rgba(3,17,37,.22);

    font-family:Arial,sans-serif;
    font-size:34px;
    font-weight:400;
    line-height:1;

    cursor:pointer;
    transform:translateY(-50%);

    transition:
        background .2s ease,
        color .2s ease,
        transform .2s ease,
        opacity .2s ease;
}

.branchtix-arrow span{
    display:block;
    line-height:1;
    transform:translateY(-2px);
}

.branchtix-arrow:hover{
    background:#c38a2e;
    color:#fff;
    transform:translateY(-50%) scale(1.06);
}

.branchtix-arrow-left{
    left:14px;
}

.branchtix-arrow-right{
    right:14px;
}

.branchtix-arrow:disabled{
    opacity:.35;
    cursor:default;
}

@media (max-width:767px){
    .branchtix-arrow{
        width:40px;
        height:40px;
        font-size:29px;
    }

    .branchtix-arrow-left{
        left:8px;
    }

    .branchtix-arrow-right{
        right:8px;
    }
}