@font-face {
    font-family: Montserrat;
    font-style: italic;
    font-weight: 100 900;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/montserrat/v29/JTUQjIg1_i6t8kCHKm459WxRyS7m.woff2) format("woff2");
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
    font-family: Montserrat;
    font-style: normal;
    font-weight: 100 900;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/montserrat/v29/JTUSjIg1_i6t8kCHKm459Wlhyw.woff2) format("woff2");
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

img:is([sizes="auto" i], [sizes^="auto," i]) {
    contain-intrinsic-size: 3000px 1500px;
}

:where(.wp-block-button__link) {
    border-radius: 9999px;
    box-shadow: none;
    padding: calc(0.667em + 2px) calc(1.333em + 2px);
    text-decoration: none;
}

:root :where(.wp-block-button .wp-block-button__link.is-style-outline),
:root :where(.wp-block-button.is-style-outline > .wp-block-button__link) {
    border: 2px solid;
    padding: 0.667em 1.333em;
}

:root :where(.wp-block-button .wp-block-button__link.is-style-outline:not(.has-text-color)),
:root :where(.wp-block-button.is-style-outline > .wp-block-button__link:not(.has-text-color)) {
    color: currentColor;
}

:root :where(.wp-block-button .wp-block-button__link.is-style-outline:not(.has-background)),
:root :where(.wp-block-button.is-style-outline > .wp-block-button__link:not(.has-background)) {
    background-color: initial;
    background-image: none;
}

:where(.wp-block-calendar table:not(.has-background) th) {
    background: #ddd;
}

:where(.wp-block-columns) {
    margin-bottom: 1.75em;
}

:where(.wp-block-columns.has-background) {
    padding: 1.25em 2.375em;
}

:where(.wp-block-post-comments input[type="submit"]) {
    border: none;
}

:where(.wp-block-cover-image:not(.has-text-color)),
:where(.wp-block-cover:not(.has-text-color)) {
    color: #fff;
}

:where(.wp-block-cover-image.is-light:not(.has-text-color)),
:where(.wp-block-cover.is-light:not(.has-text-color)) {
    color: #000;
}

:root :where(.wp-block-cover h1:not(.has-text-color)),
:root :where(.wp-block-cover h2:not(.has-text-color)),
:root :where(.wp-block-cover h3:not(.has-text-color)),
:root :where(.wp-block-cover h4:not(.has-text-color)),
:root :where(.wp-block-cover h5:not(.has-text-color)),
:root :where(.wp-block-cover h6:not(.has-text-color)),
:root :where(.wp-block-cover p:not(.has-text-color)) {
    color: inherit;
}

:where(.wp-block-file) {
    margin-bottom: 1.5em;
}

:where(.wp-block-file__button) {
    border-radius: 2em;
    display: inline-block;
    padding: 0.5em 1em;
}

:where(.wp-block-file__button):is(a):active,
:where(.wp-block-file__button):is(a):focus,
:where(.wp-block-file__button):is(a):hover,
:where(.wp-block-file__button):is(a):visited {
    box-shadow: none;
    color: #fff;
    opacity: 0.85;
    text-decoration: none;
}

:where(.wp-block-group.wp-block-group-is-layout-constrained) {
    position: relative;
}

:root :where(.wp-block-image.is-style-rounded img, .wp-block-image .is-style-rounded img) {
    border-radius: 9999px;
}

:where(.wp-block-latest-comments:not([style*="line-height"] .wp-block-latest-comments__comment)) {
    line-height: 1.1;
}

:where(.wp-block-latest-comments:not([style*="line-height"] .wp-block-latest-comments__comment-excerpt p)) {
    line-height: 1.8;
}

:root :where(.wp-block-latest-posts.is-grid) {
    padding: 0;
}

:root :where(.wp-block-latest-posts.wp-block-latest-posts__list) {
    padding-left: 0;
}

ul {
    box-sizing: border-box;
}

:root :where(.wp-block-list.has-background) {
    padding: 1.25em 2.375em;
}

:where(.wp-block-navigation.has-background .wp-block-navigation-item a:not(.wp-element-button)),
:where(.wp-block-navigation.has-background .wp-block-navigation-submenu a:not(.wp-element-button)) {
    padding: 0.5em 1em;
}

:where(.wp-block-navigation .wp-block-navigation__submenu-container .wp-block-navigation-item a:not(.wp-element-button)),
:where(.wp-block-navigation .wp-block-navigation__submenu-container .wp-block-navigation-submenu a:not(.wp-element-button)),
:where(.wp-block-navigation .wp-block-navigation__submenu-container .wp-block-navigation-submenu button.wp-block-navigation-item__content),
:where(.wp-block-navigation .wp-block-navigation__submenu-container .wp-block-pages-list__item button.wp-block-navigation-item__content) {
    padding: 0.5em 1em;
}

:root :where(p.has-background) {
    padding: 1.25em 2.375em;
}

:where(p.has-text-color:not(.has-link-color)) a {
    color: inherit;
}

:where(.wp-block-post-comments-form) input:not([type="submit"]),
:where(.wp-block-post-comments-form) textarea {
    border: 1px solid #949494;
    font-family: inherit;
    font-size: 1em;
}

:where(.wp-block-post-comments-form) input:where(:not([type="submit"]):not([type="checkbox"])),
:where(.wp-block-post-comments-form) textarea {
    padding: calc(0.667em + 2px);
}

:where(.wp-block-post-excerpt) {
    box-sizing: border-box;
    margin-bottom: var(--wp--style--block-gap);
    margin-top: var(--wp--style--block-gap);
}

:where(.wp-block-preformatted.has-background) {
    padding: 1.25em 2.375em;
}

:where(.wp-block-search__button) {
    border: 1px solid #ccc;
    padding: 6px 10px;
}

:where(.wp-block-search__input) {
    font-family: inherit;
    font-size: inherit;
    font-style: inherit;
    font-weight: inherit;
    letter-spacing: inherit;
    line-height: inherit;
    text-transform: inherit;
}

:where(.wp-block-search__button-inside .wp-block-search__inside-wrapper) {
    border: 1px solid #949494;
    box-sizing: border-box;
    padding: 4px;
}

:where(.wp-block-search__button-inside .wp-block-search__inside-wrapper) .wp-block-search__input {
    border: none;
    border-radius: 0;
    padding: 0 4px;
}

:where(.wp-block-search__button-inside .wp-block-search__inside-wrapper) .wp-block-search__input:focus {
    outline: 0;
}

:where(.wp-block-search__button-inside .wp-block-search__inside-wrapper) :where(.wp-block-search__button) {
    padding: 4px 8px;
}

:root :where(.wp-block-separator.is-style-dots) {
    height: auto;
    line-height: 1;
    text-align: center;
}

:root :where(.wp-block-separator.is-style-dots):before {
    color: currentColor;
    content: "···";
    font-family: serif;
    font-size: 1.5em;
    letter-spacing: 2em;
    padding-left: 2em;
}

:root :where(.wp-block-site-logo.is-style-rounded) {
    border-radius: 9999px;
}

:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link {
    background-color: #f0f0f0;
    color: #444;
}

:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-amazon {
    background-color: #f90;
    color: #fff;
}

:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-bandcamp {
    background-color: #1ea0c3;
    color: #fff;
}

:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-behance {
    background-color: #0757fe;
    color: #fff;
}

:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-bluesky {
    background-color: #0a7aff;
    color: #fff;
}

:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-codepen {
    background-color: #1e1f26;
    color: #fff;
}

:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-deviantart {
    background-color: #02e49b;
    color: #fff;
}

:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-dribbble {
    background-color: #e94c89;
    color: #fff;
}

:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-dropbox {
    background-color: #4280ff;
    color: #fff;
}

:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-etsy {
    background-color: #f45800;
    color: #fff;
}

:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-facebook {
    background-color: #0866ff;
    color: #fff;
}

:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-fivehundredpx {
    background-color: #000;
    color: #fff;
}

:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-flickr {
    background-color: #0461dd;
    color: #fff;
}

:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-foursquare {
    background-color: #e65678;
    color: #fff;
}

:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-github {
    background-color: #24292d;
    color: #fff;
}

:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-goodreads {
    background-color: #eceadd;
    color: #382110;
}

:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-google {
    background-color: #ea4434;
    color: #fff;
}

:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-gravatar {
    background-color: #1d4fc4;
    color: #fff;
}

:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-instagram {
    background-color: #f00075;
    color: #fff;
}

:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-lastfm {
    background-color: #e21b24;
    color: #fff;
}

:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-linkedin {
    background-color: #0d66c2;
    color: #fff;
}

:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-mastodon {
    background-color: #3288d4;
    color: #fff;
}

:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-medium {
    background-color: #000;
    color: #fff;
}

:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-meetup {
    background-color: #f6405f;
    color: #fff;
}

:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-patreon {
    background-color: #000;
    color: #fff;
}

:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-pinterest {
    background-color: #e60122;
    color: #fff;
}

:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-pocket {
    background-color: #ef4155;
    color: #fff;
}

:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-reddit {
    background-color: #ff4500;
    color: #fff;
}

:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-skype {
    background-color: #0478d7;
    color: #fff;
}

:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-snapchat {
    background-color: #fefc00;
    color: #fff;
    stroke: #000;
}

:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-soundcloud {
    background-color: #ff5600;
    color: #fff;
}

:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-spotify {
    background-color: #1bd760;
    color: #fff;
}

:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-telegram {
    background-color: #2aabee;
    color: #fff;
}

:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-threads {
    background-color: #000;
    color: #fff;
}

:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-tiktok {
    background-color: #000;
    color: #fff;
}

:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-tumblr {
    background-color: #011835;
    color: #fff;
}

:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-twitch {
    background-color: #6440a4;
    color: #fff;
}

:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-twitter {
    background-color: #1da1f2;
    color: #fff;
}

:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-vimeo {
    background-color: #1eb7ea;
    color: #fff;
}

:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-vk {
    background-color: #4680c2;
    color: #fff;
}

:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-wordpress {
    background-color: #3499cd;
    color: #fff;
}

:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-whatsapp {
    background-color: #25d366;
    color: #fff;
}

:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-x {
    background-color: #000;
    color: #fff;
}

:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-yelp {
    background-color: #d32422;
    color: #fff;
}

:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-youtube {
    background-color: red;
    color: #fff;
}

:where(.wp-block-social-links.is-style-logos-only) .wp-social-link {
    background: 0 0;
}

:where(.wp-block-social-links.is-style-logos-only) .wp-social-link svg {
    height: 1.25em;
    width: 1.25em;
}

:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-amazon {
    color: #f90;
}

:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-bandcamp {
    color: #1ea0c3;
}

:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-behance {
    color: #0757fe;
}

:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-bluesky {
    color: #0a7aff;
}

:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-codepen {
    color: #1e1f26;
}

:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-deviantart {
    color: #02e49b;
}

:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-dribbble {
    color: #e94c89;
}

:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-dropbox {
    color: #4280ff;
}

:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-etsy {
    color: #f45800;
}

:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-facebook {
    color: #0866ff;
}

:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-fivehundredpx {
    color: #000;
}

:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-flickr {
    color: #0461dd;
}

:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-foursquare {
    color: #e65678;
}

:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-github {
    color: #24292d;
}

:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-goodreads {
    color: #382110;
}

:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-google {
    color: #ea4434;
}

:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-gravatar {
    color: #1d4fc4;
}

:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-instagram {
    color: #f00075;
}

:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-lastfm {
    color: #e21b24;
}

:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-linkedin {
    color: #0d66c2;
}

:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-mastodon {
    color: #3288d4;
}

:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-medium {
    color: #000;
}

:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-meetup {
    color: #f6405f;
}

:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-patreon {
    color: #000;
}

:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-pinterest {
    color: #e60122;
}

:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-pocket {
    color: #ef4155;
}

:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-reddit {
    color: #ff4500;
}

:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-skype {
    color: #0478d7;
}

:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-snapchat {
    color: #fff;
    stroke: #000;
}

:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-soundcloud {
    color: #ff5600;
}

:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-spotify {
    color: #1bd760;
}

:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-telegram {
    color: #2aabee;
}

:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-threads {
    color: #000;
}

:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-tiktok {
    color: #000;
}

:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-tumblr {
    color: #011835;
}

:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-twitch {
    color: #6440a4;
}

:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-twitter {
    color: #1da1f2;
}

:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-vimeo {
    color: #1eb7ea;
}

:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-vk {
    color: #4680c2;
}

:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-whatsapp {
    color: #25d366;
}

:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-wordpress {
    color: #3499cd;
}

:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-x {
    color: #000;
}

:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-yelp {
    color: #d32422;
}

:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-youtube {
    color: red;
}

:root :where(.wp-block-social-links .wp-social-link a) {
    padding: 0.25em;
}

:root :where(.wp-block-social-links.is-style-logos-only .wp-social-link a) {
    padding: 0;
}

:root :where(.wp-block-social-links.is-style-pill-shape .wp-social-link a) {
    padding-left: 0.66667em;
    padding-right: 0.66667em;
}

:root :where(.wp-block-tag-cloud.is-style-outline) {
    display: flex;
    flex-wrap: wrap;
    gap: 1ch;
}

:root :where(.wp-block-tag-cloud.is-style-outline a) {
    border: 1px solid;
    font-size: unset !important;
    margin-right: 0;
    padding: 1ch 2ch;
    text-decoration: none !important;
}

:root :where(.wp-block-table-of-contents) {
    box-sizing: border-box;
}

:where(.wp-block-term-description) {
    box-sizing: border-box;
    margin-bottom: var(--wp--style--block-gap);
    margin-top: var(--wp--style--block-gap);
}

:where(pre.wp-block-verse) {
    font-family: inherit;
}

:root {
    --wp--preset--font-size--normal: 16px;
    --wp--preset--font-size--huge: 42px;
}

.screen-reader-text {
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(50%);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
    word-wrap: normal !important;
}

.screen-reader-text:focus {
    background-color: #ddd;
    clip: auto !important;
    clip-path: none;
    color: #444;
    display: block;
    font-size: 1em;
    height: auto;
    left: 5px;
    line-height: normal;
    padding: 15px 23px 14px;
    text-decoration: none;
    top: 5px;
    width: auto;
    z-index: 100000;
}

html :where(.has-border-color) {
    border-style: solid;
}

html :where([style*="border-top-color"]) {
    border-top-style: solid;
}

html :where([style*="border-right-color"]) {
    border-right-style: solid;
}

html :where([style*="border-bottom-color"]) {
    border-bottom-style: solid;
}

html :where([style*="border-left-color"]) {
    border-left-style: solid;
}

html :where([style*="border-width"]) {
    border-style: solid;
}

html :where([style*="border-top-width"]) {
    border-top-style: solid;
}

html :where([style*="border-right-width"]) {
    border-right-style: solid;
}

html :where([style*="border-bottom-width"]) {
    border-bottom-style: solid;
}

html :where([style*="border-left-width"]) {
    border-left-style: solid;
}

html :where(img[class*="wp-image-"]) {
    height: auto;
    max-width: 100%;
}

:where(figure) {
    margin: 0 0 1em;
}

html :where(.is-position-sticky) {
    --wp-admin--admin-bar--position-offset: var(--wp-admin--admin-bar--height, 0px);
}

@media screen and (max-width: 600px) {
    html :where(.is-position-sticky) {
        --wp-admin--admin-bar--position-offset: 0px;
    }
}

:root :where(.wp-block-image figcaption) {
    color: #555;
    font-size: 13px;
    text-align: center;
}

:where(.wp-block-group.has-background) {
    padding: 1.25em 2.375em;
}

:root :where(.wp-block-template-part.has-background) {
    margin-bottom: 0;
    margin-top: 0;
    padding: 1.25em 2.375em;
}

:root {
    --wp--preset--aspect-ratio--square: 1;
    --wp--preset--aspect-ratio--4-3: 4/3;
    --wp--preset--aspect-ratio--3-4: 3/4;
    --wp--preset--aspect-ratio--3-2: 3/2;
    --wp--preset--aspect-ratio--2-3: 2/3;
    --wp--preset--aspect-ratio--16-9: 16/9;
    --wp--preset--aspect-ratio--9-16: 9/16;
    --wp--preset--color--black: #000000;
    --wp--preset--color--cyan-bluish-gray: #abb8c3;
    --wp--preset--color--white: #ffffff;
    --wp--preset--color--pale-pink: #f78da7;
    --wp--preset--color--vivid-red: #cf2e2e;
    --wp--preset--color--luminous-vivid-orange: #ff6900;
    --wp--preset--color--luminous-vivid-amber: #fcb900;
    --wp--preset--color--light-green-cyan: #7bdcb5;
    --wp--preset--color--vivid-green-cyan: #00d084;
    --wp--preset--color--pale-cyan-blue: #8ed1fc;
    --wp--preset--color--vivid-cyan-blue: #0693e3;
    --wp--preset--color--vivid-purple: #9b51e0;
    --wp--preset--color--black-dark: #231f20;
    --wp--preset--color--gray: #f4f4f6;
    --wp--preset--color--primary: #408dd4;
    --wp--preset--color--primary-light: #b3b0c6;
    --wp--preset--color--primary-dark: #0a1154;
    --wp--preset--color--secondary: #003a43;
    --wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg, rgba(6, 147, 227, 1) 0%, rgb(155, 81, 224) 100%);
    --wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg, rgb(122, 220, 180) 0%, rgb(0, 208, 130) 100%);
    --wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg, rgba(252, 185, 0, 1) 0%, rgba(255, 105, 0, 1) 100%);
    --wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg, rgba(255, 105, 0, 1) 0%, rgb(207, 46, 46) 100%);
    --wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg, rgb(238, 238, 238) 0%, rgb(169, 184, 195) 100%);
    --wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg, rgb(74, 234, 220) 0%, rgb(151, 120, 209) 20%, rgb(207, 42, 186) 40%, rgb(238, 44, 130) 60%, rgb(251, 105, 98) 80%, rgb(254, 248, 76) 100%);
    --wp--preset--gradient--blush-light-purple: linear-gradient(135deg, rgb(255, 206, 236) 0%, rgb(152, 150, 240) 100%);
    --wp--preset--gradient--blush-bordeaux: linear-gradient(135deg, rgb(254, 205, 165) 0%, rgb(254, 45, 45) 50%, rgb(107, 0, 62) 100%);
    --wp--preset--gradient--luminous-dusk: linear-gradient(135deg, rgb(255, 203, 112) 0%, rgb(199, 81, 192) 50%, rgb(65, 88, 208) 100%);
    --wp--preset--gradient--pale-ocean: linear-gradient(135deg, rgb(255, 245, 203) 0%, rgb(182, 227, 212) 50%, rgb(51, 167, 181) 100%);
    --wp--preset--gradient--electric-grass: linear-gradient(135deg, rgb(202, 248, 128) 0%, rgb(113, 206, 126) 100%);
    --wp--preset--gradient--midnight: linear-gradient(135deg, rgb(2, 3, 129) 0%, rgb(40, 116, 252) 100%);
    --wp--preset--gradient--purple-to-yellow: linear-gradient(160deg, #d1d1e4 0%, #eeeadd 100%);
    --wp--preset--gradient--yellow-to-purple: linear-gradient(160deg, #eeeadd 0%, #d1d1e4 100%);
    --wp--preset--gradient--green-to-yellow: linear-gradient(160deg, #d1e4dd 0%, #eeeadd 100%);
    --wp--preset--gradient--yellow-to-green: linear-gradient(160deg, #eeeadd 0%, #d1e4dd 100%);
    --wp--preset--gradient--red-to-yellow: linear-gradient(160deg, #e4d1d1 0%, #eeeadd 100%);
    --wp--preset--gradient--yellow-to-red: linear-gradient(160deg, #eeeadd 0%, #e4d1d1 100%);
    --wp--preset--gradient--purple-to-red: linear-gradient(160deg, #d1d1e4 0%, #e4d1d1 100%);
    --wp--preset--gradient--red-to-purple: linear-gradient(160deg, #e4d1d1 0%, #d1d1e4 100%);
    --wp--preset--font-size--small: 18px;
    --wp--preset--font-size--medium: 20px;
    --wp--preset--font-size--large: 24px;
    --wp--preset--font-size--x-large: 42px;
    --wp--preset--font-size--extra-small: 16px;
    --wp--preset--font-size--normal: 20px;
    --wp--preset--font-size--extra-large: 40px;
    --wp--preset--font-size--huge: 96px;
    --wp--preset--font-size--gigantic: 144px;
    --wp--preset--spacing--20: 0.44rem;
    --wp--preset--spacing--30: 0.67rem;
    --wp--preset--spacing--40: 1rem;
    --wp--preset--spacing--50: 1.5rem;
    --wp--preset--spacing--60: 2.25rem;
    --wp--preset--spacing--70: 3.38rem;
    --wp--preset--spacing--80: 5.06rem;
    --wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2);
    --wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4);
    --wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2);
    --wp--preset--shadow--outlined: 6px 6px 0px -3px rgba(255, 255, 255, 1), 6px 6px rgba(0, 0, 0, 1);
    --wp--preset--shadow--crisp: 6px 6px 0px rgba(0, 0, 0, 1);
}

:where(.is-layout-flex) {
    gap: 0.5em;
}

:where(.is-layout-grid) {
    gap: 0.5em;
}

:where(.wp-block-post-template.is-layout-flex) {
    gap: 1.25em;
}

:where(.wp-block-post-template.is-layout-grid) {
    gap: 1.25em;
}

:where(.wp-block-columns.is-layout-flex) {
    gap: 2em;
}

:where(.wp-block-columns.is-layout-grid) {
    gap: 2em;
}

:root :where(.wp-block-pullquote) {
    font-size: 1.5em;
    line-height: 1.6;
}

.dashicons {
    font-family: dashicons;
    display: inline-block;
    line-height: 1;
    font-weight: 400;
    font-style: normal;
    speak: never;
    text-decoration: inherit;
    text-transform: none;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    width: 20px;
    height: 20px;
    font-size: 20px;
    vertical-align: top;
    text-align: center;
    transition: color 0.1s ease-in;
}

.dashicons-hidden:before {
    content: "\f530";
}

.dashicons-trash:before {
    content: "\f182";
}

.dashicons-visibility:before {
    content: "\f177";
}

:root {
    --global--font-size-base: 1rem;
    --global--font-size-xs: 0.75rem;
    --global--font-size-sm: 0.9rem;
    --global--font-size-md: 1rem;
    --global--font-size-lg: 1.5rem;
    --global--font-size-xl: 2rem;
    --global--font-size-xxl: 3rem;
    --global--font-size-xxxl: 4rem;
    --global--color-primary: #3c9f82;
    --global--color-primary-light: #e5f5f0;
    --global--color-secondary: #05445e;
    --global--color-secondary-light: #e4f6fe;
}

@media only screen and (min-width: 652px) {
    :root {
        --global--font-size-xl: 3rem;
        --global--font-size-xxl: 4rem;
        --global--font-size-xxxl: 5rem;
    }
}

.slick-slider {
    position: relative;
    display: block;
    box-sizing: border-box;
    --webkit-touch-callout: none;
    user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-slider .slick-list {
    position: relative;
    overflow: hidden;
    display: block;
    margin: 0;
    padding: 0;
}

.slick-slider .slick-list:focus {
    outline: 0;
}

.slick-slider .slick-list,
.slick-slider .slick-track {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.slick-slider .slick-track {
    position: relative;
    left: 0;
    top: 0;
    display: flex;
    margin-left: auto;
    margin-right: auto;
}

.slick-loading .slick-slider .slick-track {
    visibility: hidden;
}

.slick-slide {
    height: 100%;
    display: none;
    min-height: 1px;
}

[dir="rtl"] .slick-slide {
    float: right;
}

.slick-slide img {
    display: block;
}

.slick-slide.slick-loading img {
    display: none;
}

.slick-initialized .slick-slide {
    display: block;
}

.slick-loading .slick-slide {
    visibility: hidden;
}

.slick-vertical .slick-slide {
    height: auto;
    display: block;
    border: 1px solid transparent;
}

.slick-slider.slick-dotted {
    margin-bottom: 3.13rem;
}

.slick-slider .slick-dots {
    position: relative;
    width: 100%;
    margin: 0 0 -3.43rem;
    padding: var(--section-gutter) 0;
    text-align: center;
}

.slick-slider .slick-dots li {
    display: inline-block;
    vertical-align: middle;
    list-style: none;
    line-height: 0;
    padding: 0 0.38rem;
}

.slick-slider .slick-dots li button {
    width: 15px;
    height: 15px;
    padding: 0;
    border: 2px solid #408dd4;
    font-size: 0;
    background-color: #fff;
    transition: background-color ease 0.3s, opacity ease 0.3s;
    outline: 0;
}

.slick-slider .slick-dots li button:focus,
.slick-slider .slick-dots li button:hover {
    outline: 0;
    cursor: pointer;
    background-color: #408dd4;
    border-color: #408dd4;
}

.slick-slider .slick-dots li.slick-active button {
    background-color: #408dd4;
    border-color: #408dd4;
}

.slick-arrow {
    --sArrowWidth: 40px;
    position: absolute;
    top: 50%;
    z-index: 9;
    padding: 0;
    width: var(--sArrowWidth);
    height: var(--sArrowWidth);
    color: #408dd4;
    border: 0;
    border-radius: 100%;
    background-color: transparent;
    transform: translate(0, -50%);
    transition: border-color ease 0.3s;
}

.slick-arrow:focus,
.slick-arrow:hover {
    outline: 0;
    cursor: pointer;
    color: #003a43;
}

.slick-arrow.slick-prev {
    left: 0;
}

.slick-arrow.slick-next {
    right: 0;
}

.slick-arrow.slick-hidden {
    display: none;
}

.slick-arrow svg {
    fill: currentColor;
    width: 100%;
    height: 100%;
}

.mCustomScrollbar {
    -ms-touch-action: pinch-zoom;
    touch-action: pinch-zoom;
}

.mCustomScrollbar.mCS_no_scrollbar,
.mCustomScrollbar.mCS_touch_action {
    -ms-touch-action: auto;
    touch-action: auto;
}

.mCustomScrollBox {
    position: relative;
    overflow: hidden;
    height: 100%;
    max-width: 100%;
    outline: 0;
    direction: ltr;
}

.mCSB_container {
    overflow: hidden;
    width: auto;
    height: auto;
}

.mCSB_inside>.mCSB_container {
    margin-right: 30px;
}

.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {
    margin-right: 0;
}

.mCS-dir-rtl>.mCSB_inside>.mCSB_container {
    margin-right: 0;
    margin-left: 30px;
}

.mCS-dir-rtl>.mCSB_inside>.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {
    margin-left: 0;
}

.mCSB_scrollTools {
    position: absolute;
    width: 16px;
    height: auto;
    left: auto;
    top: 0;
    right: 0;
    bottom: 0;
}

.mCSB_outside+.mCSB_scrollTools {
    right: -26px;
}

.mCS-dir-rtl>.mCSB_inside>.mCSB_scrollTools,
.mCS-dir-rtl>.mCSB_outside+.mCSB_scrollTools {
    right: auto;
    left: 0;
}

.mCS-dir-rtl>.mCSB_outside+.mCSB_scrollTools {
    left: -26px;
}

.mCSB_scrollTools .mCSB_draggerContainer {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    height: auto;
}

.mCSB_scrollTools a+.mCSB_draggerContainer {
    margin: 20px 0;
}

.mCSB_scrollTools .mCSB_draggerRail {
    width: 2px;
    height: 100%;
    margin: 0 auto;
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    border-radius: 16px;
}

.mCSB_scrollTools .mCSB_dragger {
    cursor: pointer;
    width: 100%;
    height: 30px;
    z-index: 1;
}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    position: relative;
    width: 4px;
    height: 100%;
    margin: 0 auto;
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    border-radius: 16px;
    text-align: center;
}

.mCSB_scrollTools .mCSB_buttonDown,
.mCSB_scrollTools .mCSB_buttonUp {
    display: block;
    position: absolute;
    height: 20px;
    width: 100%;
    overflow: hidden;
    margin: 0 auto;
    cursor: pointer;
}

.mCSB_scrollTools .mCSB_buttonDown {
    bottom: 0;
}

.mCSB_horizontal.mCSB_inside>.mCSB_container {
    margin-right: 0;
    margin-bottom: 30px;
}

.mCSB_horizontal.mCSB_outside>.mCSB_container {
    min-height: 100%;
}

.mCSB_horizontal>.mCSB_container.mCS_no_scrollbar_x.mCS_x_hidden {
    margin-bottom: 0;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal {
    width: auto;
    height: 16px;
    top: auto;
    right: 0;
    bottom: 0;
    left: 0;
}

.mCustomScrollBox+.mCSB_scrollTools+.mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox+.mCSB_scrollTools.mCSB_scrollTools_horizontal {
    bottom: -26px;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal a+.mCSB_draggerContainer {
    margin: 0 20px;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    width: 100%;
    height: 2px;
    margin: 7px 0;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger {
    width: 30px;
    height: 100%;
    left: 0;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    width: 100%;
    height: 4px;
    margin: 6px auto;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft,
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight {
    display: block;
    position: absolute;
    width: 20px;
    height: 100%;
    overflow: hidden;
    margin: 0 auto;
    cursor: pointer;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft {
    left: 0;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight {
    right: 0;
}

.mCSB_vertical_horizontal>.mCSB_scrollTools.mCSB_scrollTools_vertical {
    bottom: 20px;
}

.mCSB_vertical_horizontal>.mCSB_scrollTools.mCSB_scrollTools_horizontal {
    right: 20px;
}

.mCS-dir-rtl>.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_scrollTools.mCSB_scrollTools_horizontal {
    right: 0;
}

.mCS-dir-rtl>.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_scrollTools.mCSB_scrollTools_horizontal {
    left: 20px;
}

.mCSB_scrollTools,
.mCSB_scrollTools .mCSB_buttonDown,
.mCSB_scrollTools .mCSB_buttonLeft,
.mCSB_scrollTools .mCSB_buttonRight,
.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    -webkit-transition: opacity 0.2s ease-in-out, background-color 0.2s ease-in-out;
    -moz-transition: opacity 0.2s ease-in-out, background-color 0.2s ease-in-out;
    -o-transition: opacity 0.2s ease-in-out, background-color 0.2s ease-in-out;
    transition: opacity 0.2s ease-in-out, background-color 0.2s ease-in-out;
}

.mCSB_scrollTools {
    opacity: 0.75;
    filter: "alpha(opacity=75)";
    -ms-filter: "alpha(opacity=75)";
}

.mCS-autoHide>.mCustomScrollBox>.mCSB_scrollTools,
.mCS-autoHide>.mCustomScrollBox~.mCSB_scrollTools {
    opacity: 0;
    filter: "alpha(opacity=0)";
    -ms-filter: "alpha(opacity=0)";
}

.mCS-autoHide:hover>.mCustomScrollBox>.mCSB_scrollTools,
.mCS-autoHide:hover>.mCustomScrollBox~.mCSB_scrollTools,
.mCustomScrollBox:hover>.mCSB_scrollTools,
.mCustomScrollBox:hover~.mCSB_scrollTools,
.mCustomScrollbar>.mCustomScrollBox>.mCSB_scrollTools.mCSB_scrollTools_onDrag,
.mCustomScrollbar>.mCustomScrollBox~.mCSB_scrollTools.mCSB_scrollTools_onDrag {
    opacity: 1;
    filter: "alpha(opacity=100)";
    -ms-filter: "alpha(opacity=100)";
}

.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.4);
    filter: "alpha(opacity=40)";
    -ms-filter: "alpha(opacity=40)";
}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.75);
    filter: "alpha(opacity=75)";
    -ms-filter: "alpha(opacity=75)";
}

.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.85);
    filter: "alpha(opacity=85)";
    -ms-filter: "alpha(opacity=85)";
}

.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.9);
    filter: "alpha(opacity=90)";
    -ms-filter: "alpha(opacity=90)";
}

.mCSB_scrollTools .mCSB_buttonDown,
.mCSB_scrollTools .mCSB_buttonLeft,
.mCSB_scrollTools .mCSB_buttonRight,
.mCSB_scrollTools .mCSB_buttonUp {
    background-image: url(https://startptnow.com/wp-content/themes/the-sports-clinic/assets/dest/css/mCSB_buttons.png);
    background-repeat: no-repeat;
    opacity: 0.4;
    filter: "alpha(opacity=40)";
    -ms-filter: "alpha(opacity=40)";
}

.mCSB_scrollTools .mCSB_buttonUp {
    background-position: 0 0;
}

.mCSB_scrollTools .mCSB_buttonDown {
    background-position: 0 -20px;
}

.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: 0 -40px;
}

.mCSB_scrollTools .mCSB_buttonRight {
    background-position: 0 -56px;
}

.mCSB_scrollTools .mCSB_buttonDown:hover,
.mCSB_scrollTools .mCSB_buttonLeft:hover,
.mCSB_scrollTools .mCSB_buttonRight:hover,
.mCSB_scrollTools .mCSB_buttonUp:hover {
    opacity: 0.75;
    filter: "alpha(opacity=75)";
    -ms-filter: "alpha(opacity=75)";
}

.mCSB_scrollTools .mCSB_buttonDown:active,
.mCSB_scrollTools .mCSB_buttonLeft:active,
.mCSB_scrollTools .mCSB_buttonRight:active,
.mCSB_scrollTools .mCSB_buttonUp:active {
    opacity: 0.9;
    filter: "alpha(opacity=90)";
    -ms-filter: "alpha(opacity=90)";
}

body.compensate-for-scrollbar {
    overflow: hidden;
}

.fancybox-active {
    height: auto;
}

.fancybox-is-hidden {
    left: -9999px;
    margin: 0;
    position: absolute !important;
    top: -9999px;
    visibility: hidden;
}

.fancybox-container {
    -webkit-backface-visibility: hidden;
    height: 100%;
    left: 0;
    outline: 0;
    position: fixed;
    -webkit-tap-highlight-color: transparent;
    top: 0;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    transform: translateZ(0);
    width: 100%;
    z-index: 99992;
}

.fancybox-container * {
    box-sizing: border-box;
}

.fancybox-bg,
.fancybox-inner,
.fancybox-stage {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
}

.fancybox-bg {
    background: #1e1e1e;
    opacity: 0;
    transition-duration: inherit;
    transition-property: opacity;
    transition-timing-function: cubic-bezier(0.47, 0, 0.74, 0.71);
}

.fancybox-is-open .fancybox-bg {
    opacity: 0.9;
    transition-timing-function: cubic-bezier(0.22, 0.61, 0.36, 1);
}

.fancybox-caption,
.fancybox-infobar,
.fancybox-navigation .fancybox-button,
.fancybox-toolbar {
    direction: ltr;
    opacity: 0;
    position: absolute;
    transition: opacity 0.25s ease, visibility 0s ease 0.25s;
    visibility: hidden;
    z-index: 99997;
}

.fancybox-show-caption .fancybox-caption,
.fancybox-show-infobar .fancybox-infobar,
.fancybox-show-nav .fancybox-navigation .fancybox-button,
.fancybox-show-toolbar .fancybox-toolbar {
    opacity: 1;
    transition: opacity 0.25s ease 0s, visibility 0s ease 0s;
    visibility: visible;
}

.fancybox-infobar {
    color: #ccc;
    font-size: 13px;
    -webkit-font-smoothing: subpixel-antialiased;
    height: 44px;
    left: 0;
    line-height: 44px;
    min-width: 44px;
    mix-blend-mode: difference;
    padding: 0 10px;
    pointer-events: none;
    top: 0;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.fancybox-toolbar {
    right: 0;
    top: 0;
}

.fancybox-stage {
    direction: ltr;
    overflow: visible;
    transform: translateZ(0);
    z-index: 99994;
}

.fancybox-is-open .fancybox-stage {
    overflow: hidden;
}

.fancybox-slide {
    -webkit-backface-visibility: hidden;
    display: none;
    height: 100%;
    left: 0;
    outline: 0;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    padding: 44px;
    position: absolute;
    text-align: center;
    top: 0;
    transition-property: transform, opacity;
    white-space: normal;
    width: 100%;
    z-index: 99994;
}

.fancybox-slide::before {
    content: "";
    display: inline-block;
    font-size: 0;
    height: 100%;
    vertical-align: middle;
    width: 0;
}

.fancybox-is-sliding .fancybox-slide,
.fancybox-slide--current,
.fancybox-slide--next,
.fancybox-slide--previous {
    display: block;
}

.fancybox-slide--image {
    overflow: hidden;
    padding: 44px 0;
}

.fancybox-slide--image::before {
    display: none;
}

.fancybox-slide--image .fancybox-content {
    animation-timing-function: cubic-bezier(0.5, 0, 0.14, 1);
    -webkit-backface-visibility: hidden;
    background: 0 0;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    left: 0;
    max-width: none;
    overflow: visible;
    padding: 0;
    position: absolute;
    top: 0;
    -ms-transform-origin: top left;
    transform-origin: top left;
    transition-property: transform, opacity;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    z-index: 99995;
}

.fancybox-content {
    background: #fff;
    display: inline-block;
    margin: 0;
    max-width: 100%;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    padding: 44px;
    position: relative;
    text-align: left;
    vertical-align: middle;
}

@media (max-width: 720px) and (orientation: portrait) {
    .fancybox-content {
        padding: 20px;
    }
}

@media (max-width: 992px) and (orientation: landscape) {
    .fancybox-content {
        padding: 20px;
    }
}

.fancybox-can-zoomOut .fancybox-content {
    cursor: zoom-out;
}

.fancybox-can-zoomIn .fancybox-content {
    cursor: zoom-in;
}

.fancybox-can-pan .fancybox-content,
.fancybox-can-swipe .fancybox-content {
    cursor: -webkit-grab;
    cursor: grab;
}

.fancybox-is-grabbing .fancybox-content {
    cursor: -webkit-grabbing;
    cursor: grabbing;
}

.fancybox-image,
.fancybox-spaceball {
    background: 0 0;
    border: 0;
    height: 100%;
    left: 0;
    margin: 0;
    max-height: none;
    max-width: none;
    padding: 0;
    position: absolute;
    top: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 100%;
}

.fancybox-spaceball {
    z-index: 1;
}

.fancybox-iframe,
.fancybox-video {
    background: 0 0;
    border: 0;
    display: block;
    height: 100%;
    margin: 0;
    overflow: hidden;
    padding: 0;
    width: 100%;
}

.fancybox-iframe {
    left: 0;
    position: absolute;
    top: 0;
}

.fancybox-error {
    background: #fff;
    cursor: default;
    max-width: 400px;
    padding: 40px;
    width: 100%;
}

.fancybox-error p {
    color: #444;
    font-size: 16px;
    line-height: 20px;
    margin: 0;
    padding: 0;
}

.fancybox-button {
    background: rgba(30, 30, 30, 0.6);
    border: 0;
    border-radius: 0;
    box-shadow: none;
    cursor: pointer;
    display: inline-block;
    height: 44px;
    margin: 0;
    padding: 10px;
    position: relative;
    transition: color 0.2s;
    vertical-align: top;
    visibility: inherit;
    width: 44px;
    color: #ccc;
}

.fancybox-button:link,
.fancybox-button:visited {
    color: #ccc;
}

.fancybox-button:hover {
    color: #fff;
}

.fancybox-button:focus {
    outline: 0;
}

.fancybox-button.fancybox-focus {
    outline: dotted 1px;
}

.fancybox-button[disabled],
.fancybox-button[disabled]:hover {
    color: #888;
    cursor: default;
    outline: 0;
}

.fancybox-button div {
    height: 100%;
}

.fancybox-button svg {
    display: block;
    height: 100%;
    overflow: visible;
    position: relative;
    width: 100%;
}

.fancybox-button svg path {
    fill: currentColor;
    stroke-width: 0;
}

.fancybox-button--fsenter svg:nth-child(2),
.fancybox-button--play svg:nth-child(2) {
    display: none;
}

.fancybox-button--fsexit svg:first-child,
.fancybox-button--pause svg:first-child {
    display: none;
}

.fancybox-progress {
    background: #ff5268;
    height: 2px;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    -ms-transform: scaleX(0);
    transform: scaleX(0);
    -ms-transform-origin: 0;
    transform-origin: 0;
    transition-property: transform;
    transition-timing-function: linear;
    z-index: 99998;
}

.fancybox-close-small {
    background: 0 0;
    border: 0;
    border-radius: 0;
    color: #ccc;
    cursor: pointer;
    opacity: 0.8;
    padding: 8px;
    position: absolute;
    right: -12px;
    top: -44px;
    z-index: 401;
}

.fancybox-close-small:hover {
    color: #fff;
    opacity: 1;
}

.fancybox-slide--image.fancybox-is-scaling .fancybox-content {
    overflow: hidden;
}

.fancybox-is-scaling .fancybox-close-small,
.fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small {
    display: none;
}

.fancybox-navigation .fancybox-button {
    background-clip: content-box;
    height: 100px;
    opacity: 0;
    position: absolute;
    top: calc(50% - 50px);
    width: 70px;
}

.fancybox-navigation .fancybox-button div {
    padding: 7px;
}

.fancybox-navigation .fancybox-button--arrow_left {
    left: 0;
    left: env(safe-area-inset-left);
    padding: 31px 26px 31px 6px;
}

.fancybox-navigation .fancybox-button--arrow_right {
    padding: 31px 6px 31px 26px;
    right: 0;
    right: env(safe-area-inset-right);
}

.fancybox-caption {
    background: linear-gradient(to top, rgba(0, 0, 0, 0.85) 0, rgba(0, 0, 0, 0.3) 50%, rgba(0, 0, 0, 0.15) 65%, rgba(0, 0, 0, 0.075) 75.5%, rgba(0, 0, 0, 0.037) 82.85%, rgba(0, 0, 0, 0.019) 88%, rgba(0, 0, 0, 0) 100%);
    bottom: 0;
    color: #eee;
    font-size: 14px;
    font-weight: 400;
    left: 0;
    line-height: 1.5;
    padding: 75px 44px 25px;
    pointer-events: none;
    right: 0;
    text-align: center;
    z-index: 99996;
}

.fancybox-caption--separate {
    margin-top: -50px;
}

.fancybox-caption__body {
    max-height: 50vh;
    overflow: auto;
    pointer-events: all;
}

.fancybox-caption a,
.fancybox-caption a:link,
.fancybox-caption a:visited {
    color: #ccc;
    text-decoration: none;
}

.fancybox-caption a:hover {
    color: #fff;
    text-decoration: underline;
}

.fancybox-loading {
    animation: 1s linear infinite fancybox-rotate;
    background: 0 0;
    border: 4px solid #888;
    border-bottom-color: #fff;
    border-radius: 50%;
    height: 50px;
    left: 50%;
    margin: -25px 0 0 -25px;
    opacity: 0.7;
    padding: 0;
    position: absolute;
    top: 50%;
    width: 50px;
    z-index: 99999;
}

@keyframes fancybox-rotate {
    100% {
        transform: rotate(360deg);
    }
}

.fancybox-animated {
    transition-timing-function: cubic-bezier(0, 0, 0.25, 1);
}

@media all and (max-height: 576px) {
    .fancybox-slide {
        padding-left: 6px;
        padding-right: 6px;
    }

    .fancybox-slide--image {
        padding: 6px 0;
    }

    .fancybox-slide--image .fancybox-close-small {
        background: #4e4e4e;
        color: #f2f4f6;
        height: 36px;
        opacity: 1;
        padding: 6px;
        right: 0;
        top: 0;
        width: 36px;
    }

    .fancybox-close-small {
        right: -6px;
    }

    .fancybox-caption {
        padding-left: 12px;
        padding-right: 12px;
    }
}

.fancybox-share {
    background: #f4f4f4;
    border-radius: 3px;
    max-width: 90%;
    padding: 30px;
    text-align: center;
}

.fancybox-share h1 {
    color: #222;
    font-size: 35px;
    font-weight: 700;
    margin: 0 0 20px;
}

.fancybox-share p {
    margin: 0;
    padding: 0;
}

.fancybox-share__button {
    border: 0;
    border-radius: 3px;
    display: inline-block;
    font-size: 14px;
    font-weight: 700;
    line-height: 40px;
    margin: 0 5px 10px;
    min-width: 130px;
    padding: 0 15px;
    text-decoration: none;
    transition: all 0.2s;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    white-space: nowrap;
}

.fancybox-share__button:link,
.fancybox-share__button:visited {
    color: #fff;
}

.fancybox-share__button:hover {
    text-decoration: none;
}

.fancybox-share__button--fb {
    background: #3b5998;
}

.fancybox-share__button--fb:hover {
    background: #344e86;
}

.fancybox-share__button--pt {
    background: #bd081d;
}

.fancybox-share__button--pt:hover {
    background: #aa0719;
}

.fancybox-share__button--tw {
    background: #1da1f2;
}

.fancybox-share__button--tw:hover {
    background: #0d95e8;
}

.fancybox-share__button svg {
    height: 25px;
    margin-right: 7px;
    position: relative;
    top: -1px;
    vertical-align: middle;
    width: 25px;
}

.fancybox-share__button svg path {
    fill: #fff;
}

.fancybox-share__input {
    background: 0 0;
    border: 0;
    border-bottom: 1px solid #d7d7d7;
    border-radius: 0;
    color: #5d5b5b;
    font-size: 14px;
    margin: 10px 0 0;
    outline: 0;
    padding: 10px 15px;
    width: 100%;
}

.fancybox-thumbs {
    background: #ddd;
    bottom: 0;
    display: none;
    margin: 0;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    padding: 2px 2px 4px;
    position: absolute;
    right: 0;
    -webkit-tap-highlight-color: transparent;
    top: 0;
    width: 212px;
    z-index: 99995;
}

.fancybox-show-thumbs .fancybox-thumbs {
    display: block;
}

.fancybox-show-thumbs .fancybox-inner {
    right: 212px;
}

@media all and (max-width: 576px) {
    .fancybox-thumbs {
        width: 110px;
    }

    .fancybox-show-thumbs .fancybox-inner {
        right: 110px;
    }
}

*,
::after,
::before {
    box-sizing: border-box;
}

a,
address,
audio,
body,
caption,
code,
dd,
div,
dl,
dt,
em,
fieldset,
footer,
form,
h1,
h2,
h3,
h4,
header,
html,
iframe,
img,
label,
legend,
li,
menu,
nav,
object,
p,
section,
span,
strong,
table,
tbody,
time,
tr,
ul,
var,
video {
    margin: 0;
    padding: 0;
    font-size: inherit;
    vertical-align: baseline;
    background: 0 0;
    border: 0;
    outline: 0;
    -webkit-font-smoothing: subpixel-antialiased;
    -webkit-tap-highlight-color: transparent;
}

footer,
header,
main,
nav,
section {
    display: block;
}

audio,
iframe,
video {
    max-width: 100%;
    display: inline-block;
}

html {
    font-size: 100%;
    height: 100%;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
}

@media (min-width: 1921px) {
    html {
        font-size: 125%;
    }
}

@media (min-width: 2561px) {
    html {
        font-size: 150%;
    }
}

@media (min-width: 3201px) {
    html {
        font-size: 175%;
    }
}

body {
    display: flex;
    flex-wrap: wrap;
    max-width: 100%;
    height: auto;
    min-height: 100%;
    color: #000;
    font-size: 1rem;
    font-family: Montserrat, sans-serif;
    line-height: 1.5;
    word-break: break-word;
    background-color: #fff;
}

@media screen and (-ms-high-contrast: active),
(-ms-high-contrast: none) {
    body {
        height: 100%;
    }
}

body.scroll-fixed {
    overflow: hidden;
}

h1 {
    margin-bottom: 0.94rem;
    color: #000;
    font-weight: 700;
    font-family: Montserrat, sans-serif;
    line-height: 1.25;
    font-size: 3.13rem;
}

@media (max-width: 992px) and (orientation: landscape) {
    h1 {
        font-size: 2.5rem;
    }
}

h1 a {
    color: inherit;
    text-decoration: none;
}

.h2,
h2 {
    margin-bottom: 0.94rem;
    color: #000;
    font-weight: 700;
    font-family: Montserrat, sans-serif;
    line-height: 1.25;
    font-size: 2.5rem;
    color: #231f20;
}

@media (max-width: 720px) and (orientation: portrait) {
    h1 {
        font-size: 2.5rem;
    }

    .h2,
    h2 {
        font-size: 1.88rem;
    }
}

@media (max-width: 992px) and (orientation: landscape) {

    .h2,
    h2 {
        font-size: 1.88rem;
    }
}

.h2 a,
h2 a {
    color: inherit;
    text-decoration: none;
}

h3 {
    margin-bottom: 0.94rem;
    color: #000;
    font-weight: 700;
    font-family: Montserrat, sans-serif;
    line-height: 1.25;
    font-size: 1.5rem;
    color: #003a43;
    font-weight: 300;
}

h3 a {
    color: inherit;
    text-decoration: none;
}

.h4,
h4 {
    margin-bottom: 0.94rem;
    color: #000;
    font-weight: 700;
    font-family: Montserrat, sans-serif;
    line-height: 1.25;
    font-size: 1.38rem;
    color: #231f20;
}

.h4 a,
h4 a {
    color: inherit;
    text-decoration: none;
}

.h6 {
    margin-bottom: 0.94rem;
    color: #000;
    font-weight: 700;
    font-family: Montserrat, sans-serif;
    line-height: 1.25;
    font-size: 1.13rem;
    color: #231f20;
}

.h6 a {
    color: inherit;
    text-decoration: none;
}

.home h3 {
    font-weight: 300;
}

.home h1 {
    font-weight: 700;
    font-size: 3.53rem;
    font-family: Montserrat, sans-serif;
    line-height: 1.25;
}

.home h2 {
    font-size: 3.13rem;
    line-height: 1.1;
    color: #231f20;
    margin-bottom: 0.5rem;
    padding-bottom: 30px;
}

.home h3 {
    color: #003a43;
    line-height: 1.25;
    margin-bottom: 0.5rem;
    font-weight: 600;
    padding-top: 30px;
    text-transform: uppercase;
}

.home h4 {
    color: #231f20;
}

.home p {
    font-weight: 400;
    color: #231f20;
    font-size: 1.0em;
}

p {
    margin-bottom: 0.94rem;
    font-weight: 400;
    line-height: 1.88;
}

p:last-child {
    margin-bottom: 0;
}

ul {
    margin-bottom: 0.94rem;
    padding-left: 1.25rem;
}

ul ul {
    margin-bottom: 0;
}

ul li {
    padding-top: 0.38rem;
    padding-bottom: 0.38rem;
}

ul li:last-child {
    padding-bottom: 0;
}

hr {
    height: 0;
    margin: 0.63rem auto 2.5rem;
    overflow: visible;
    border: 0 solid #000;
    border-top-width: 0.07rem;
}

img {
    display: inline-block;
    /* max-width: 100%;*/
    /* height: auto;*/
    vertical-align: top;
    border: none;
    /*filter: grayscale(1);*/
}

img[src$=".svg"] {
    max-height: 100%;
}

.logo img {
    filter: none;
}

picture {
    display: inline-block;
    vertical-align: top;
}

a {
    color: #003a43;
    font-weight: 700;
    text-decoration: none;
    transition: background-color 0.3s ease 0s, color 0.3s ease 0s;
}

a:focus,
a:hover {
    color: #408dd4;
    outline: 0;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

:root {
    --section-gutter: 0.94rem;
    --section-spacing: 3.13rem;
}

@media (max-width: 720px) and (orientation: portrait) {
    .home h2 {
        font-size: 2.5rem;
    }

    :root {
        --section-spacing: 1.88rem;
    }
}

@media (max-width: 992px) and (orientation: landscape) {
    .home h2 {
        font-size: 2.5rem;
    }

    :root {
        --section-spacing: 1.88rem;
    }
}

@media print {

    body,
    html {
        display: none;
    }
}

.container {
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    padding-right: 0.94rem;
    padding-left: 0.94rem;
}

.container {
    max-width: 85.01rem;
}

.container .container {
    padding: 0;
}

.row {
    display: flex;
    flex-wrap: wrap;
    margin-right: calc(-0.94rem / 2);
    margin-left: calc(-0.94rem / 2);
}

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

@media (min-width: 768px) {
    .d-md-none {
        display: none;
    }
}

.appointment-button .btn,
.btn,
input[type="button"],
input[type="submit"] {
    display: inline-block;
    padding: 0.69rem 1.38rem;
    font-weight: 700;
    font-size: 1rem;
    line-height: 1.25;
    text-align: center;
    text-transform: uppercase;
    text-decoration: none;
    vertical-align: top;
    transition: background-color 0.3s ease 0s, color 0.3s ease 0s, border-color 0.3s ease 0s;
    border-radius: 0;
    border-width: 0.13rem;
    border-style: solid;
}

.btn:focus,
.btn:hover,
a:hover .btn,
a:hover input[type="button"],
a:hover input[type="submit"],
input[type="button"]:focus,
input[type="button"]:hover,
input[type="submit"]:focus,
input[type="submit"]:hover {
    text-decoration: none;
    cursor: pointer;
}

input[type="button"],
input[type="submit"] {
    background-color: #408dd4;
    border-color: #408dd4;
    color: #fff;
    -webkit-appearance: button;
}

input[type="button"]:focus,
input[type="button"]:hover,
input[type="submit"]:focus,
input[type="submit"]:hover {
    background-color: #003a43;
    border-color: #003a43;
    color: #fff;
}

.appointment-button .btn,
.btn {
    background-color: #fe0101;
    border-color: #fe0101;
    color: #fff;
}

.btn:focus,
.btn:hover {
    background-color: #003a43;
    border-color: #003a43;
    color: #fff;
}

.btn.ternary {
    background-color: #fff;
    border-color: #fff;
    color: #408dd4;
}

.btn.ternary:hover {
    background-color: #231f20;
    border-color: #231f20;
    color: #fff;
}

.btn.red {
    background-color: #fe0101;
    border-color: #fe0101;
    color: #fff;
}

.btn.red:hover {
    background-color: #231f20;
    border-color: #fff;
    color: #fff;
}

.btn.transparent {
    background-color: #408dd4;
    border-color: #408dd4;
    color: #fff;
}

.btn.transparent:hover {
    background-color: transparent;
    border-color: #fff;
    color: #fff;
}

.appointment-button .btn {
    background-color: #ff6900;
    border-color: #ff6900;
    color: #fff;
    height: auto;
}

.appointment-button .btn:focus,
.appointment-button .btn:hover {
    background-color: #231f20;
    border-color: #231f20;
    color: #fff;
}


.wrapper {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-content: space-between;
    justify-content: space-between;
    width: 100%;
    min-height: 100%;
}

.main-container {
    width: 100%;
}

.insurance-partner {
    padding: 0.94rem 0;
}

.insurance-partner-wrapper {
    padding: 0 2.5rem;
}

.has-loc-icon {
    position: relative;
    padding-left: 1.88rem;
}

.has-loc-icon svg {
    fill: currentColor;
    width: 1rem;
    height: 1rem;
    position: absolute;
    top: 0.25rem;
    left: 0;
}

.navigation {
    width: 100%;
}

.mCSB_scrollTools {
    opacity: 1;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    height: 0.63rem;
    margin: 0.19rem 0;
    background-color: #000;
    border-radius: 0;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    height: 100%;
    margin: 0;
    background-color: #408dd4;
    border-radius: 0;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger:active .mCSB_dragger_bar,
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #408dd4;
}

.mCSB_scrollTools .mCSB_draggerContainer::before {
    position: absolute;
    top: 0.19rem;
    right: 0;
    bottom: 0.19rem;
    left: 0;
    background-color: #000;
    content: "";
    pointer-events: none;
}

.ajax-loader {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    background-color: rgba(255, 255, 255, 0.6);
}

.ajax-loader::after {
    width: 50px;
    height: 50px;
    position: absolute;
    top: 1.88rem;
    right: 0;
    left: 0;
    margin: 0 auto;
    border-color: #408dd4 #000;
    border-style: solid;
    border-width: 0.32rem;
    border-radius: 50%;
    animation: 1s linear infinite spinner;
    content: "";
    pointer-events: none;
}

@keyframes spinner {
    0% {
        transform: rotate(0);
    }

    100% {
        transform: rotate(360deg);
    }
}

.category-select-nav {
    display: none;
}

@media (max-width: 720px) and (orientation: portrait) {
    .category-select-nav {
        display: block;
    }
}

@media (max-width: 992px) and (orientation: landscape) {
    .category-select-nav {
        display: block;
    }
}

.social-media {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -0.31rem;
    padding: 0;
}

.social-media li {
    margin: 0;
    padding: 0.38rem;
    line-height: 1;
    list-style: none;
}

.social-media li a {
    width: 1.88rem;
    height: 1.88rem;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    font-size: 1.19rem;
    line-height: 0;
    color: #408dd4;
    transition: 0.4s all;
}

.social-media li a:focus,
.social-media li a:hover {
    color: #003a43;
}

.social-media li a svg {
    fill: currentColor;
    width: 100%;
    height: 100%;
}

.section-heading {
    margin-bottom: 1.25rem;
}

.section-heading h2 {
    text-transform: uppercase;
}

.white h2,
.white h3,
.white p {
    color: #fff;
}

.hamburger {
    --humburgerBox: 2.94rem;
    display: none;
    align-items: center;
    justify-content: center;
    width: var(--humburgerBox);
    height: var(--humburgerBox);
    margin: 0;
    padding: 0.57rem;
    text-align: center;
    background-color: #003a43;
    border-radius: 0;
}

@media (max-width: 720px) and (orientation: portrait) {
    .social-media li a {
        font-size: 0.87rem;
    }

    .hamburger {
        display: flex;
    }

    .footer-wrapper {
        text-align: center;
    }
}

@media (max-width: 992px) and (orientation: landscape) {
    .social-media li a {
        font-size: 0.87rem;
    }

    .hamburger {
        display: flex;
    }

    .footer-wrapper {
        text-align: center;
    }
}

.hamburger:focus,
.hamburger:hover {
    background-color: #003a43;
    outline: 0;
    cursor: pointer;
}

.hamburger span {
    cursor: pointer;
    position: relative;
    left: 0;
    right: 0;
    width: 100%;
    height: 0.13rem;
    margin: 0 auto;
    display: block;
    border-radius: 0.13rem;
    background-color: #fff;
    transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.hamburger span::after,
.hamburger span::before {
    width: 100%;
    height: 100%;
    content: "";
    cursor: pointer;
    position: absolute;
    display: block;
    border-radius: 0.13rem;
    background-color: #fff;
    transition: 0.4s all;
}

.hamburger span::before {
    top: -0.5rem;
}

.hamburger span::after {
    bottom: -0.5rem;
}

.hamburger.is-clicked span {
    background-color: transparent !important;
}

.hamburger.is-clicked span::after,
.hamburger.is-clicked span::before {
    top: 0;
    background-color: #fff;
}

.hamburger.is-clicked span::before {
    transform: rotate(45deg);
}

.hamburger.is-clicked span::after {
    top: 0.38rem;
    transform: translateY(-6px) rotate(-45deg);
}

.mbnav {
    position: relative;
    z-index: 999;
    display: none;
}

@media (max-width: 991px) {
    .mbnav {
        display: block;
    }

    .footer-main {
        padding-top: 3.75rem;
    }
}

.mbnav.is-open .mbnav__state {
    left: 0;
}

.mbnav.is-open .mbnav__backdrop {
    z-index: 999;
    opacity: 1;
    visibility: visible;
}

.mbnav__state {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 100%;
    z-index: 999;
    width: 100%;
    overflow: hidden;
    transition: all 0.3s ease-in-out;
    pointer-events: none;
}

.mbnav__inner {
    width: 100%;
    height: 100%;
    position: relative;
    max-height: 100vh;
    pointer-events: none;
}

.mbnav .menu-wrap {
    --leftSlide: 0;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    right: var(--leftSlide);
    transition: 0.4s ease;
}

.mbnav .menu-wrap .menu-wrap {
    right: -100%;
    visibility: hidden;
    opacity: 0;
}

.mbnav .menu-wrap>.menu-inner {
    max-height: 100%;
    padding-top: 5.32rem;
    padding-bottom: 1.25rem;
    overflow: hidden auto;
    background-color: #003a43;
    pointer-events: auto;
}

.mbnav ul {
    position: static;
    left: 0;
    width: 100%;
    margin: 0;
    padding: 0 1.25rem;
    transition: 0.4s ease;
}

.mbnav ul li.is-open>.menu-wrap {
    visibility: visible;
    opacity: 1;
}

.mbnav ul li:not(.btn-wrap) {
    position: static;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 0;
    padding: 0;
    color: #fff;
    font-weight: 500;
    font-size: 1rem;
    list-style: none;
    border-bottom: 1px solid #f4f4f6;
}

.mbnav ul li:not(.btn-wrap)::before {
    display: none;
}

.mbnav ul li:not(.btn-wrap).has-sub>a {
    flex: 1 1 auto;
}

.mbnav ul li:not(.btn-wrap).has-sub a::after {
    display: none;
}

.mbnav ul li:not(.btn-wrap):hover {
    color: #408dd4;
}

.mbnav ul li:not(.btn-wrap) .mbnav__caret::before,
.mbnav ul li:not(.btn-wrap) a::after {
    --sArrowWidth: 10px;
    width: var(--sArrowWidth);
    height: var(--sArrowWidth);
    content: "";
    display: flex;
    align-items: center;
    margin: auto;
    border: calc(var(--sArrowWidth) / 4) solid #fff;
    border-bottom: 0;
    border-left: 0;
    transform: rotate(45deg);
}

.mbnav ul li:not(.btn-wrap) a {
    position: relative;
    z-index: 2;
    cursor: pointer;
    display: block;
    flex: 1 1 auto;
    order: -1;
    padding: 0.63rem 0;
    color: currentColor;
    font-weight: 500;
    line-height: 1.3;
    text-transform: capitalize;
    text-decoration: none !important;
}

.mbnav ul li:not(.btn-wrap) a::after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    display: none;
    margin-right: 0;
    margin-left: auto;
}

.mbnav__caret {
    z-index: 1;
    display: grid;
    align-items: center;
    justify-content: flex-end;
    width: 1.88rem;
    height: auto;
    cursor: pointer;
}

.mbnav__caret:not(.trigger-caret) {
    pointer-events: none;
}

.mbnav ul li:not(.btn-wrap).is-open>.mbnav__caret:after {
    transform: rotate(0);
}

.mbnav ul ul li {
    font-size: 16px;
}

.mbnav ul ul li a {
    padding-left: 1.57rem;
}

.mbnav ul ul li li {
    font-size: 14px;
}

.mbnav ul ul li li a {
    padding-left: 2.19rem;
}

.mbnav ul>li>.sub-menu {
    position: absolute;
    left: 100%;
}

.mbnav ul .back-click {
    order: -1;
    width: 100%;
    padding: var(--section-gutter) 0;
    color: currentColor;
    font-weight: 400;
}

.mbnav ul .back-click::before {
    content: "";
    --sArrowWidth: 10px;
    width: var(--sArrowWidth);
    height: var(--sArrowWidth);
    display: inline-block;
    margin-right: 0.32rem;
    border-width: calc(var(--sArrowWidth) / 4);
    border-style: solid;
    border-color: #fff;
    border-top: none;
    border-right: none;
    pointer-events: none;
    transform: rotate(45deg);
}

.mbnav__backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: -1;
    opacity: 0;
    visibility: hidden;
    background-color: rgba(0, 0, 0, 0.75);
    transition: 0.4s all;
}

.mbnav__links li .btn {
    display: block;
    padding: 0.63rem 0;
    text-align: left;
    text-transform: capitalize;
    background-color: transparent;
    border: none;
}

.mbnav__links li .btn:hover {
    background-color: transparent;
}

.footer {
    width: 100%;
    height: auto;
    line-height: normal;
}

.footer-main {
    overflow: hidden;
}

.footer-wrapper {
    position: relative;
    z-index: 1;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    padding-top: 30px;
}

.footer-wrapper .footer-logo {
    padding: 0 var(--section-gutter);
}

@media (max-width: 720px) and (orientation: portrait) {
    .footer-wrapper .footer-logo {
        width: 100%;
    }
}

@media (max-width: 992px) and (orientation: landscape) {
    .footer-wrapper .footer-logo {
        width: 100%;
    }
}

@media (max-width: 991px) {
    .footer-wrapper .footer-logo {
        width: 100%;
        margin-bottom: 3.75rem;
        text-align: center;
    }
}

@media (min-width: 992px) {
    .footer-wrapper .footer-logo {
        width: 27%;
    }
}

.footer-wrapper .footer-logo .logo {
    display: inline-block;
    margin-bottom: 0;
}

.footer-wrapper .footer-content {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    padding: 1.38rem 0;
    position: relative;
}

.footer-wrapper .footer-content::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100%;
    background-color: #f4f4f6;
}

@media (max-width: 991px) {
    .footer-wrapper .footer-content::before {
        left: -0.93rem;
    }

    .footer-wrapper .footer-content {
        width: 100%;
        padding: 2.82rem 0;
        justify-content: space-between;
    }
}

@media (min-width: 992px) {
    .footer-wrapper .footer-content {
        width: 63%;
    }
}

.footer-wrapper .footer-content .h6 {
    color: #003a43;
    font-size: 1.35rem;
    text-transform: uppercase;
    font-weight: 700;
    margin-bottom: 0.63rem;
}

.footer-wrapper .footer-content .h4 {
    color: #231f20;
    font-size: 1rem;
    font-weight: 300;
    margin-bottom: 0;
}

.footer-wrapper .footer-content .h4 a {
    font-weight: 300;
}

.footer-wrapper .footer-content .h4 a:hover {
    color: #003a43;
}

.footer-wrapper .footer-content .mob-social-media {
    display: none;
}

@media (max-width: 720px) and (orientation: portrait) {
    .footer-wrapper .footer-content .mob-social-media {
        display: flex;
        justify-content: center;
        width: 100%;
        z-index: 1;
    }

    .footer-wrapper .footer-content .mob-social-media li a {
        color: #231f20;
    }

    .footer-wrapper .footer-content .mob-social-media li a:hover {
        color: #003a43;
    }

    .footer-navigation {
        display: none;
    }
}

@media (max-width: 992px) and (orientation: landscape) {
    .footer-wrapper .footer-content .mob-social-media {
        display: flex;
        justify-content: center;
        width: 100%;
        z-index: 1;
    }

    .footer-wrapper .footer-content .mob-social-media li a {
        color: #231f20;
    }

    .footer-wrapper .footer-content .mob-social-media li a:hover {
        color: #003a43;
    }

    .footer-navigation {
        display: none;
    }
}

.footer-wrapper .footer-content .footer-location-content {
    text-align: center;
    z-index: 1;
}

@media (min-width: 768px) {
    .footer-wrapper .footer-content .footer-location-content {
        width: 45%;
        padding: 0 var(--section-gutter);
    }
}

@media (max-width: 575px) {
    .footer-wrapper .footer-content .footer-location-content {
        width: 100%;
        margin-bottom: 2.13rem;
        padding: 0;
    }
}

.footer-wrapper .footer-content .footer-location-content p {
    margin: 0;
    color: #231f20;
    padding-left: 0;
}

.footer-wrapper .footer-content .footer-location-content p svg {
    display: none;
}

.footer-wrapper .footer-content .footer-location-content p+.h6 {
    margin-top: var(--section-gutter);
}

.footer-wrapper .footer-content .footer-location-content p a {
    color: inherit;
    font-weight: 600;
}

.footer-wrapper .footer-content .footer-location-content p a:hover {
    color: #003a43;
}

.footer-navigation {
    background-color: #231f20;
    padding: 3.13rem 0;
}

.footer-navigation .navigation-wrapper {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.footer-navigation .navigation-wrapper .navigation-item .navigation-title {
    color: #fff;
    text-transform: uppercase;
    font-size: 1rem;
    font-weight: 700;
    margin-bottom: 0.94rem;
}

.footer-navigation .navigation-wrapper .navigation-item ul {
    margin: 0;
    padding: 0;
}

.footer-navigation .navigation-wrapper .navigation-item ul li {
    margin: 0;
    padding: 8px;
    list-style: none;
    padding-bottom: 0.63rem;
}

.footer-navigation .navigation-wrapper .navigation-item ul li a {
    color: #fff;
    font-weight: 400;
    text-decoration: none;
}

.footer-navigation .navigation-wrapper .navigation-item ul li:hover a {
    color: #ff6900;
}

.footer-navigation .navigation-wrapper .navigation-item.contact-item ul li a {
    text-transform: uppercase;
    font-size: 1rem;
    font-weight: 300;
    margin-bottom: 0.94rem;
}

.footer-navigation .navigation-wrapper .navigation-item.contact-item ul li a:hover {
    color: #003a43;
}

.footer-navigation .navigation-wrapper .navigation-item.contact-item .social-media li {
    padding: 0 6px;
}

.footer-copyright {
    background-color: #191717;
}

.footer-copyright .copyright-wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0.94rem 0;
}

.footer-copyright .copyright-content p {
    color: #fff;
    font-size: 1rem;
    text-align: center;
}

.footer-copyright .copyright-content p a {
    color: inherit;
    font-weight: inherit;
}

.footer-copyright .copyright-content p a.active,
.footer-copyright .copyright-content p a:hover {
    color: #ff6900;
}

@media (max-width: 991px) {
    .footer-navigation .navigation-wrapper .navigation-item {
        width: 33.33%;
        margin: 0.63rem 0;
    }

    .footer-copyright .copyright-wrapper {
        flex-wrap: wrap;
        padding: 2.5rem 0;
    }

    .footer-copyright .copyright-content {
        width: 100%;
        margin-bottom: 1.25rem;
    }

    .footer-copyright .copyright-logo {
        margin: 0 auto;
    }
}

.footer-copyright .copyright-logo .developed-by {
    display: flex;
    align-items: center;
}

.footer-copyright .copyright-logo .developed-by span {
    display: block;
    font-size: 0.75rem;
    line-height: 1.25;
}

.footer-copyright .copyright-logo .developed-by .pp-logo {
    width: 32px;
    height: auto;
}

.footer-copyright .copyright-logo .developed-by .pp-logo img {
    filter: none;
}

.footer-copyright .copyright-logo .developed-by .pp-text {
    color: #fff;
}

.footer-copyright .copyright-logo .developed-by .pp-text .websiteby {
    font-style: italic;
}

.footer-copyright .copyright-logo .developed-by .pp-text a {
    color: inherit;
}

.home .header {
    position: fixed;
    background-color: rgba(35, 31, 32, .5)
}

.home .header.sticky {
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
    background-color: #000;
}

.header {
    position: relative;
    z-index: 999;
    width: 100%;
    background-color: #000;
    transition: 0.4s all;
}

.header.sticky {
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
}

.header .address-bar {
    position: relative;
    padding: 0 var(--section-gutter);
    background-color: #003a43;
}

.header .address-close {
    cursor: pointer;
    position: absolute;
    top: 50%;
    right: 0.32rem;
    width: 1rem;
    height: 1rem;
    color: #fff;
    font-size: 0;
    transform: translate(0, -50%);
    transition: 0.4s all;
}

.header .address-close:hover {
    color: #408dd4;
}

.header .address-close svg {
    fill: currentColor;
    width: 100%;
    height: 100%;
}

.header-main {
    padding: var(--section-gutter) 0;
}

.header-wrapper {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

@media (min-width: 1400px) {
    .header-logo {
        max-width: 9.69rem;
    }
}

@media (max-width: 1399px) {
    .header-logo {
        max-width: 9.38rem;
    }
}

.header-logo .logo {
    display: block;
}

@media (max-width: 720px) and (orientation: portrait) {
    .header-logo {
        max-width: 7.25rem;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: 100%;
        z-index: 1;
        transition: 0.5s ease all;
    }

    .header-navigation {
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .header .header-links li:not(.call) {
        display: none;
    }
}

@media (max-width: 992px) and (orientation: landscape) {
    .header-logo {
        max-width: 7.25rem;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: 100%;
        z-index: 1;
        transition: 0.5s ease all;
    }

    .header-navigation {
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .header .header-links li:not(.call) {
        display: none;
    }
}

.header .header-links {
    margin: 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end;
}

.header .header-links li {
    position: relative;
    margin: 0 1.25rem 0 0;
    padding: 0;
    list-style: none;
}

.header .header-links li:last-child {
    margin: 0;
}

.header .header-links li .quick-dropdown {
    position: absolute;
    width: 100%;
    top: calc(100% + 20px);
    left: 0;
    z-index: 1;
    margin: 0;
    padding: 0;
    visibility: hidden;
    opacity: 0;
    transition: 0.4s all;
    pointer-events: none;
}

.header .header-links li .quick-dropdown>li {
    width: 100%;
    margin: 0;
    padding: 0;
}

.header .header-links li .quick-dropdown>li>a {
    display: block;
    padding: 0.63rem 0.94rem;
    color: #fff;
    font-weight: 400;
    font-size: 0.87rem;
    text-decoration: none;
    background-color: #003a43;
    transition: 0.4s all;
}

.header .header-links li .quick-dropdown>li:hover>a {
    color: #fff;
    background-color: #408dd4;
}

.header .header-links li:hover .quick-dropdown {
    top: 100%;
    visibility: visible;
    opacity: 1;
    pointer-events: all;
}

.header .header-links li.call>.btn svg {
    fill: currentColor;
    width: 1.5rem;
    height: 1.5rem;
    display: none;
}

@media (max-width: 992px) and (orientation: landscape) {
    .header .header-links li .quick-dropdown>li {
        display: block;
        width: 100px;
    }

    .header .header-links li .quick-dropdown>li>a {
        padding: 0.32rem 0.63rem;
        font-size: 0.75rem;
    }

    .header .header-links .appointment-button li.call>.btn,
    .header .header-links li.call>.btn {
        background: #003a43;
        border-color: #003a43;
        padding: 0.57rem;
    }

    .header .header-links li.call>.btn svg {
        display: block;
    }
}

.header .header-links li.call>.btn span {
    display: block;
}

@media (max-width: 720px) and (orientation: portrait) {
    .header .header-links li .quick-dropdown>li {
        display: block;
        width: 100px;
    }

    .header .header-links li .quick-dropdown>li>a {
        padding: 0.32rem 0.63rem;
        font-size: 0.75rem;
    }

    .header .header-links .appointment-button li.call>.btn,
    .header .header-links li.call>.btn {
        background: #003a43;
        border-color: #003a43;
        padding: 0.57rem;
    }

    .header .header-links li.call>.btn svg {
        display: block;
    }

    .header .header-links li.call>.btn span {
        display: none;
    }

    .header .header-menu {
        display: none;
    }
}

.header .header-links li.call .advance-call-tracking {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1;
    display: none;
    align-items: center;
    justify-content: center;
    padding: var(--section-gutter);
    text-align: center;
    background: #000;
}

.header .header-links li.call .advance-call-tracking h4 {
    color: #fff;
    pointer-events: none;
}

.header .header-links li.call .advance-call-tracking .close-btn {
    width: 1.5rem;
    height: 1.5rem;
    position: absolute;
    top: var(--section-gutter);
    right: var(--section-gutter);
    color: #fff;
}

.header .header-links li.call .advance-call-tracking .close-btn svg {
    fill: currentColor;
    width: 100%;
    height: 100%;
}

.header .header-links li.call .advance-call-tracking.active {
    display: flex;
}

.header .header-links li.call .advance-call-tracking ul {
    margin: 0;
    padding: 0;
}

.header .header-links li.call .advance-call-tracking ul li {
    display: block;
    margin: 0.63rem 0;
    padding: 0;
}

.header .header-links li.call .advance-call-tracking ul li a {
    display: block;
}

.header .header-menu {
    margin-top: 0.63rem;
}

.header .header-menu .dropdown-submenu.dropdown-active em::before {
    rotate: 180deg;
}

.header .header-menu .dropdown-submenu .mbnav__caret {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1;
    color: #fff;
    width: 1.88rem;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    pointer-events: all;
}

.header .header-menu .dropdown-submenu .mbnav__caret::before {
    content: "";
    border-width: 0.5rem 0.5rem 0;
    border-style: solid;
    border-color: currentColor transparent;
    pointer-events: none;
}

.header .header-menu ul {
    margin: 0;
    padding: 0;
}

.header .header-menu ul>li {
    margin: 0;
    padding: 0;
    position: relative;
    list-style: none;
}

.header .header-menu ul.sub-menu {
    background-color: #003a43;
}

.header .header-menu ul.sub-menu>li {
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
    transition: 0.4s all;
}

.header .header-menu ul.sub-menu>li>a:hover {
    background-color: #ff6900;
}

.header .header-menu ul.menu {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.header .header-menu ul.menu>li:not(:last-child) {
    margin-right: 1.88rem;
}

.header .header-menu ul.menu>li>a {
    position: relative;
    display: block;
    padding: 0.32rem 0;
    color: #f7f7f7;
    font-size: 1rem;
    font-weight: 500;
}

.header .header-menu ul.menu>li>a::after {
    content: "";
    position: absolute;
    left: 50%;
    bottom: 0;
    width: 0;
    height: 3px;
    pointer-events: none;
    background-color: #61d2cc;
    transform: translateX(-50%);
    transition: 0.4s all;
}

.header .header-menu ul.menu>li>ul.sub-menu {
    position: absolute;
    top: calc(100% + 20px);
    left: 0;
    width: auto;
    margin: 0;
    display: block;
    min-width: 9.38rem;
    opacity: 0;
    visibility: hidden;
    transition: 0.4s all;
    pointer-events: none;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
}

.header .header-menu ul.menu>li>ul.sub-menu>li a {
    display: block;
    padding: 0.5rem;
    color: #fff;
    font-weight: 400;
    font-size: 0.88rem;
    white-space: nowrap;
}

.header .header-menu ul.menu>li>ul.sub-menu>li a::after {
    display: none;
}

.header .header-menu ul.menu>li>ul.sub-menu>li.dropdown-submenu>ul.sub-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 2;
    display: none;
    min-width: 100%;
    background-color: #003a43;
    transform: none;
    transition: none;
}

.header .header-menu ul.menu>li>ul.sub-menu>li.dropdown-submenu>ul.sub-menu>li {
    position: relative;
    width: 100%;
}

.header .header-menu ul.menu>li>ul.sub-menu>li.dropdown-submenu>ul.sub-menu>li:hover ul.sub-menu {
    top: 100%;
    left: 0;
}

.header .header-menu ul.menu>li:hover>ul.sub-menu {
    top: 100%;
    opacity: 1;
    visibility: visible;
    pointer-events: all;
}

.header .header-menu ul.menu>li:hover>a {
    color: #61d2cc;
}

.header .header-menu ul.menu>li:hover>a::after {
    width: 100%;
}

.header .header-menu ul.menu>li:nth-last-child(1) ul.sub-menu,
.header .header-menu ul.menu>li:nth-last-child(2) ul.sub-menu {
    right: 0;
    left: auto;
}

.header .header-menu ul.menu>li:nth-last-child(1) ul.sub-menu>li:hover>ul,
.header .header-menu ul.menu>li:nth-last-child(2) ul.sub-menu>li:hover>ul {
    right: 100%;
    left: auto !important;
}

.header .header-menu ul.menu>li.wide-menu ul.sub-menu {
    left: 50%;
    right: auto;
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    justify-content: space-between;
    width: 38.34rem;
    margin: 0 auto;
    min-width: 31.25rem;
    transform: translateX(-50%);
}

.header .header-menu ul.menu>li.wide-menu ul.sub-menu>li {
    width: 49%;
}

.ebook-theme-popup {
    display: none;
    text-align: center;
}

.ebook-theme-popup .fancybox-button svg {
    fill: #ffffff;
}

.ebook-theme-popup .fancybox-button svg path {
    fill: inherit;
}

.ebook-theme-popup-btn {
    display: none;
}

.hero-section {
    position: relative;
}

@media (max-width: 992px) and (orientation: landscape) {
    .header .header-links li.call>.btn span {
        display: none;
    }

    .header .header-menu {
        display: none;
    }

    .hero-section {
        display: none;
    }
}

.hero-section .hero-slider.slick-dotted {
    margin: 0;
}

.hero-section .hero-slider .slick-arrow {
    --sArrowWidth: 40px;
}

.hero-section .hero-slider .slick-arrow.slick-prev {
    left: var(--sArrowWidth);
}

.hero-section .hero-slider .slick-arrow.slick-next {
    right: var(--sArrowWidth);
}

.hero-section .hero-slider .slick-dots {
    position: absolute;
    bottom: 0;
    margin: 0;
}

.hero-section .hero-item {
    position: relative;
}

.hero-section .hero-item .hero-media {
    position: relative;
    padding-top: 38.5rem;
    overflow: hidden;
}

@media (min-width: 1400px) {
    .hero-section .hero-item .hero-media {
        padding-top: 35%;
    }
}

.hero-section .hero-item .hero-media.has-overlay::before {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    background-color: rgba(35, 31, 32, 0.3);
    transition: 0.4s all;
    content: "";
    pointer-events: none;
    width: 100%;
    height: 100%;
}

.hero-section .hero-item .hero-media iframe {
    transform: scale(2.9);
}

.hero-section .hero-item .hero-media iframe,
.hero-section .hero-item .hero-media picture,
.hero-section .hero-item .hero-media video {
    position: absolute;
    top: 0;
    left: 0;
    max-height: 100% !important;
    object-fit: cover;
    width: 100%;
    height: 100%;
}

.hero-section .hero-item .hero-media picture img {
    width: 100% !important;
    height: 100% !important;
    max-width: 100% !important;
    object-fit: cover;
}

.hero-section .hero-body {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    padding: 1.25rem 0;
    text-align: center;
}

.hero-section .hero-body-content {
    display: flex;
    flex-direction: column-reverse;
}

.hero-section .hero-body-content h2,
.hero-section .hero-body-content h3 {
    color: #fff;
}

.hero-section .hero-body-content h2 {
    font-size: 6.25rem;
    line-height: 1.1;
    min-height: 6.88rem;
}

@media (max-width: 720px) and (orientation: portrait) {
    .hero-section {
        display: none;
    }

    .hero-section .hero-body-content h2 {
        font-size: 3.13rem;
    }
}

@media (max-width: 992px) and (orientation: landscape) {
    .hero-section .hero-body-content h2 {
        font-size: 3.13rem;
    }
}

.hero-section .hero-body-content h3 {
    font-size: 1.88rem;
    text-transform: uppercase;
    line-height: 1.33;
    margin: 0;
}

.mobile-banner {
    display: none;
}

@media (max-width: 720px) and (orientation: portrait) {
    .mobile-banner {
        display: block;
        position: relative;
    }
}

@media (max-width: 992px) and (orientation: landscape) {
    .mobile-banner {
        display: block;
        position: relative;
    }
}

.mobile-banner-media {
    position: relative;
    padding-top: 38.5rem;
}

.mobile-banner-media picture {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
}

.mobile-banner-media picture img {
    width: 100% !important;
    height: 100% !important;
    max-width: 100% !important;
    object-fit: cover;
}

.mobile-banner-media::before {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    background-color: rgba(35, 31, 32, 0.3);
    transition: 0.4s all;
    content: "";
    pointer-events: none;
    width: 100%;
    height: 100%;
}

.mobile-banner-media img {
    min-height: 38.5rem;
}

.mobile-banner-media iframe {
    transform: scale(2.9);
}

.mobile-banner-body {
    width: 100%;
    padding: var(--section-gutter) 0;
    text-align: center;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 1;
}

.mobile-banner-body-content {
    display: flex;
    flex-direction: column-reverse;
    padding-top: 3.44rem;
}

.mobile-banner-body-content h2,
.mobile-banner-body-content h3 {
    color: #fff;
}

.mobile-banner-body-content h2 {
    font-size: 3.44rem;
    line-height: 1.1;
    margin: 0 0 0.94rem;
}

.mobile-banner-body-content h3 {
    font-size: 1.88rem;
    text-transform: uppercase;
    line-height: 1.33;
    margin: 0;
    padding: 0 1.57rem;
}

.welcome-section {
    padding: 1.44rem 0;
    background-color: #003a43;
}

.welcome-section .welcome-content {
    text-align: center;
}

.welcome-section .welcome-content h1 {
    margin-bottom: 0;
    color: #fff;
}

.condition-section {
    padding: 3.75rem 0;
    text-align: center;
    overflow: hidden;
}

.condition-section .condition-wrapper {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
}

.condition-section .condition-listing {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    width: 16.32rem;
}

@media (min-width: 768px) and (max-width: 991px) {
    .header .header-links li .btn {
        font-size: 0.87rem;
    }

    .hero-section .hero-item .hero-media iframe {
        transform: scale(1.52);
    }

    .condition-section .condition-listing {
        width: 100%;
    }
}

@media (max-width: 720px) and (orientation: portrait) {
    .condition-section .condition-listing {
        width: 100%;
    }

    .testimonials-section .container {
        padding: 0;
    }
}

@media (max-width: 992px) and (orientation: landscape) {
    .condition-section .condition-listing {
        width: 100%;
    }

    .testimonials-section .container {
        padding: 0;
    }
}

.condition-section .condition-listing .condition-item {
    margin: 0.5rem 0;
    padding: 0 0.88rem;
}

.condition-section .condition-listing .condition-item:last-child .condition-icon {
    background-color: #231f20;
}

.condition-section .condition-listing .condition-item:last-child .condition-icon svg {
    fill: #ffffff;
}

.condition-section .condition-listing .condition-item:last-child h4 {
    color: #231f20;
}

.condition-section .condition-listing .condition-item-inner {
    display: block;
    width: 6.25rem;
}

.condition-section .condition-listing .condition-item-inner:hover .condition-icon {
    background-color: #408dd4;
}

.condition-section .condition-listing .condition-item-inner:hover .condition-icon svg {
    fill: #ffffff;
}

.condition-section .condition-listing .condition-item-inner:hover h4 {
    color: #408dd4;
}

.condition-section .condition-listing .condition-item h4 {
    margin: 0;
    font-size: 1rem;
    text-transform: capitalize;
    transition: 0.4s all;
    color: #408dd4;
}

.condition-section .condition-listing .condition-icon {
    width: 6.25rem;
    height: 6.25rem;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #f4f4f6;
    transition: 0.4s all;
    margin-bottom: 0.38rem;
    border-bottom: 0.13rem solid #408dd4;
    padding: 0 1.25rem;
}

.condition-section .condition-listing .condition-icon svg {
    max-height: 60%;
    fill: #003a43;
}

.condition-section .condition-part {
    width: 100%;
    text-align: center;
    margin: 0 0 0.94rem;
}

@media (min-width: 992px) {
    .hero-section .hero-item .hero-media iframe {
        transform: scale(1.65);
    }

    .condition-section .condition-part {
        width: 43%;
        text-align: left;
        margin: 0;
    }
}

.condition-section .condition-body {
    width: 8.44rem;
    margin-right: 3.13rem;
}

@media (max-width: 991px) {
    .header .header-menu ul.menu>li:not(:last-child) {
        margin-right: 0.94rem;
    }

    .header .header-menu ul.menu>li>a {
        font-size: 0.88rem;
    }

    .condition-section .condition-body {
        display: none;
    }
}

.testimonials-section {
    position: relative;
    padding: 3.75rem 0;
    background-color: #489792;
}

@media (max-width: 720px) and (orientation: portrait) {
    .testimonials-section .section-heading {
        padding: 0 0.94rem;
    }
}

@media (max-width: 992px) and (orientation: landscape) {
    .testimonials-section .section-heading {
        padding: 0 0.94rem;
    }
}

.testimonials-section .testimonials-wrapper {
    position: relative;
    z-index: 1;
}

.testimonials-section .testimonials-slider {
    background: #003a43;
    margin-bottom: 1.57rem;
    padding: 2.5rem;
}

@media (max-width: 575px) {
    .testimonials-section .testimonials-slider {
        padding: 3.13rem 1.38rem 3.75rem;
    }
}

.testimonials-section .testimonials-slider .slick-track {
    align-items: center;
}

.testimonials-section .testimonials-slider .slick-arrow {
    color: #fff;
}

.testimonials-section .testimonials-slider .slick-arrow svg:hover {
    fill: #003a43;
}

.testimonials-section .testimonials-slider .slick-arrow.slick-next {
    right: 0;
}

.testimonials-section .testimonials-slider .slick-arrow.slick-prev {
    left: 0;
}

.testimonials-section .testimonials-slider .slick-dots {
    margin: 0 0 -2.5rem;
    padding: 0.44rem 0;
}

.testimonials-section .testimonials-slider .slick-dots li {
    padding: 0 0.32rem;
}

.testimonials-section .testimonials-slider .slick-dots li button {
    width: 15px;
    height: 15px;
    padding: 0;
    border: 2px solid #fff;
    border-radius: 0;
    background-color: transparent;
}

.testimonials-section .testimonials-slider .slick-dots li button:focus,
.testimonials-section .testimonials-slider .slick-dots li button:hover {
    background-color: #fff;
    border-color: #fff;
}

.testimonials-section .testimonials-slider .slick-dots li.slick-active button {
    background-color: #fff;
    border-color: #fff;
}

.testimonials-section .testimonials-item-inner {
    width: 82%;
    margin: 0 auto;
}

@media (max-width: 720px) and (orientation: portrait) {
    .testimonials-section .testimonials-item-inner {
        width: 100%;
    }
}

@media (max-width: 992px) and (orientation: landscape) {
    .testimonials-section .testimonials-item-inner {
        width: 100%;
    }
}

.testimonials-section .testimonials-item-inner svg {
    fill: #ffffff;
}

.testimonials-section .testimonials-item-inner p {
    color: #fff;
    line-height: 1.56;
}


.testimonials-section .testimonials-item-inner p.title {
    font-size: 1.57rem;
    font-weight: 700;
    text-transform: uppercase;
    line-height: 1.2;
    margin: 0.63rem 0;
}

.testimonials-section .testimonials-item-inner .h6 {
    margin: 0;
    color: #fff;
    text-transform: uppercase;
}

.testimonials-section .testimonials-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
}

.testimonials-section .testimonials-btn .btn {
    margin: 0.63rem;
}

.treatment-section {
    padding: var(--section-spacing) 0;
    text-align: center;
}

.treatment-section .container {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}

.treatment-section .container .section-heading {
    width: 50%;
    text-align: left;
    margin: 0;
}

@media (max-width: 1199px) {
    .treatment-section .container .section-heading {
        width: 56%;
    }
}

.treatment-section .container .section-heading .treatment-button {
    display: flex;
    flex-wrap: wrap;
    margin-top: 1.88rem;
}

@media (max-width: 991px) {
    .treatment-section .container .section-heading {
        width: 100%;
        text-align: center;
    }

    .treatment-section .container .section-heading .treatment-button {
        display: none;
    }
}

.treatment-section .container .section-heading .treatment-button .appointment-button {
    margin-left: 1.25rem;
}

.treatment-section .mob-treatment-button {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    width: 100%;
}

.treatment-section .mob-treatment-button .appointment-button {
    width: 100%;
    margin-top: 1.25rem;
}

@media (min-width: 992px) {
    .testimonials-section .testimonials-slider .slick-arrow.slick-next {
        right: 3.13rem;
    }

    .testimonials-section .testimonials-slider .slick-arrow.slick-prev {
        left: 3.13rem;
    }

    .treatment-section .mob-treatment-button {
        display: none;
    }
}

.treatment-section .treatment-wrapper {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    width: 100%;
    margin-bottom: 0.94rem;
}

@media (min-width: 992px) {
    .treatment-section .treatment-wrapper {
        width: 40%;
        margin: 0;
    }
}

.treatment-section .treatment-wrapper .treatment-item {
    margin: 0.63rem 0;
    padding: 0 var(--section-gutter);
    width: 50%;
}

@media (max-width: 991px) {
    .treatment-section .treatment-wrapper .treatment-item {
        width: 25%;
    }
}

@media (max-width: 767px) {
    .treatment-section .treatment-wrapper .treatment-item {
        width: 50%;
        padding: 0 0.5rem;
    }
}

.treatment-section .treatment-wrapper .treatment-item-inner {
    position: relative;
    display: block;
    overflow: hidden;
}

.treatment-section .treatment-wrapper .treatment-item-inner:hover .treatment-media {
    border-bottom: 0.13rem solid #003a43;
}

.treatment-section .treatment-wrapper .treatment-item-inner:hover .treatment-body h3 {
    color: #61d2cc;
}

.treatment-section .treatment-wrapper .treatment-item .treatment-media {
    position: relative;
    padding-top: 100%;
    border-bottom: 0.13rem solid #408dd4;
    transition: 0.5s ease all;
}

.treatment-section .treatment-wrapper .treatment-item .treatment-media picture {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
}

.treatment-section .treatment-wrapper .treatment-item .treatment-media picture img {
    width: 100% !important;
    height: 100% !important;
    max-width: 100% !important;
    object-fit: cover;
}

.treatment-section .treatment-wrapper .treatment-item .treatment-body {
    margin-top: 0.57rem;
}

.treatment-section .treatment-wrapper .treatment-item .treatment-body .h6,
.treatment-section .treatment-wrapper .treatment-item .treatment-body h3 {
    margin: 0;
    color: #003a43;
    font-weight: 700;
    font-size: 1rem;
    text-transform: capitalize;
}

.team-section {
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    text-align: center;
    position: relative;
    padding: var(--section-spacing) 0;
    background-color: #408dd4;
}

.team-section::before {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    background-color: rgba(21, 29, 103, 0.7);
    transition: 0.4s all;
    content: "";
    pointer-events: none;
    width: 100%;
    height: 100%;
}

.team-section .section-heading {
    position: relative;
    z-index: 1;
}

@media (min-width: 992px) {
    .team-section .section-heading {
        width: 95%;
        margin: 0 auto 0.94rem;
    }
}

.team-section .team-btn {
    position: relative;
    z-index: 1;
}

.team-section .team-btn .btn {
    margin: 0.63rem;
}

.team-section .team-listing {
    position: relative;
    z-index: 1;
    margin-bottom: 1.88rem;
    padding: 0 var(--section-spacing);
}

.team-section .team-listing .slick-arrow {
    --sArrowWidth: 44px;
    color: #fff;
}

.team-section .team-listing .slick-arrow svg:hover {
    fill: #003a43;
}

@media (max-width: 479px) {
    .condition-section .condition-part h2 {
        font-size: 2.38rem;
    }

    .team-section .team-listing .slick-arrow.slick-next {
        right: -15px;
    }

    .team-section .team-listing .slick-arrow.slick-prev {
        left: -15px;
    }
}

.team-section .team-listing .team-item {
    padding: 0 0.44rem;
}

@media (max-width: 575px) {
    .team-section .team-listing .team-item {
        width: 100%;
    }
}

.team-section .team-listing .team-item-inner {
    padding: 1.25rem;
    background: #408dd4;
}

.team-section .team-listing .team-item-inner p {
    line-height: 1.56;
}

.team-section .team-listing .team-image {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: var(--section-gutter);
}

.team-section .team-listing .team-image .img {
    width: 4.57rem;
    height: 4.25rem;
}

.team-section .team-listing .team-image .img img {
    filter: none;
}

.team-section .team-listing .team-pagelink {
    background: #0a1154;
    padding: 0.94rem 0;
}

.team-section .team-listing .team-pagelink a {
    text-transform: uppercase;
    color: #fff;
}

.team-section .team-listing .team-pagelink a:hover {
    color: #003a43;
}

.appointment-section {
    background: #408dd4;
    text-align: center;
    padding: 1.25rem 0;
}

.appointment-section .appointment-text h3 {
    color: #fff;
    margin: 0;
}

.subscribe-section {
    padding: 2.19rem 0;
    background: #231f20;
}

.subscribe-section .subscribe-wrapper {
    display: flex;
    align-items: flex-start;
    justify-content: center;
}

@media (max-width: 991px) {
    .subscribe-section .subscribe-wrapper {
        flex-wrap: wrap;
        flex-direction: column-reverse;
        align-items: center;
    }
}

.subscribe-section .subscribe-wrapper .subscribe-form .gravity-theme {
    width: 100%;
    padding: 0;
    max-width: 21.5rem;
}

.subscribe-section .subscribe-wrapper .subscribe-form .gravity-theme .gform_validation_errors {
    display: none;
}

.subscribe-section .subscribe-wrapper .subscribe-form .gravity-theme form {
    position: relative;
}

.subscribe-section .subscribe-wrapper .subscribe-form .gravity-theme form .gfield .ginput_container input[type="email"] {
    height: 2.88rem;
    margin: 0;
    padding: 0.32rem 9.38rem 0.32rem 1.25rem;
    color: #fff;
    font-weight: 700;
    border: 0.13rem solid #fff;
    background-color: transparent;
    border-radius: 0;
    font-size: 1.25rem;
}

.subscribe-section .subscribe-wrapper .subscribe-form .gravity-theme form .gfield .ginput_container input[type="email"]::-webkit-input-placeholder {
    font-family: Montserrat, sans-serif;
    color: #fff;
    text-transform: uppercase;
}

.subscribe-section .subscribe-wrapper .subscribe-form .gravity-theme form .gfield .ginput_container input[type="email"]::-moz-placeholder {
    font-family: Montserrat, sans-serif;
    color: #fff;
    text-transform: uppercase;
}

.subscribe-section .subscribe-wrapper .subscribe-form .gravity-theme form .gfield .ginput_container input[type="email"]:-moz-placeholder {
    font-family: Montserrat, sans-serif;
    color: #fff;
    text-transform: uppercase;
}

.subscribe-section .subscribe-wrapper .subscribe-form .gravity-theme form .gfield .ginput_container input[type="email"]:-ms-input-placeholder {
    font-family: Montserrat, sans-serif;
    color: #fff;
    text-transform: uppercase;
}

.subscribe-section .subscribe-wrapper .subscribe-form .gravity-theme form .gform_footer {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    padding: 0;
    margin-top: 0 !important;
}

.subscribe-section .subscribe-wrapper .subscribe-form .gravity-theme form .gform_footer input[type="button"],
.subscribe-section .subscribe-wrapper .subscribe-form .gravity-theme form .gform_footer input[type="submit"] {
    height: 2.88rem;
    margin: 0;
    color: #231f20;
    min-height: 1px;
    border-color: #fff;
    background-color: #fff;
    padding: 0 1.13rem;
}

.subscribe-section .subscribe-wrapper .subscribe-form .gravity-theme form .gform_footer input[type="button"]:hover,
.subscribe-section .subscribe-wrapper .subscribe-form .gravity-theme form .gform_footer input[type="submit"]:hover {
    border-color: #003a43;
    background-color: #003a43;
    color: #fff;
}

.subscribe-section .subscribe-wrapper .subscribe-content {
    margin-bottom: 1.57rem;
    text-align: center;
}

@media (min-width: 992px) {
    .team-section .team-listing .team-item {
        width: 31%;
    }

    .subscribe-section .subscribe-wrapper .subscribe-form {
        margin-right: 2.75rem;
    }

    .subscribe-section .subscribe-wrapper .subscribe-form .gravity-theme {
        padding-top: 0.32rem;
    }

    .subscribe-section .subscribe-wrapper .subscribe-content {
        width: 50%;
        text-align: left;
        margin-bottom: 0;
    }
}

.subscribe-section .subscribe-wrapper .subscribe-content p {
    color: #fff;
}

.associations-section {
    padding: 3.44rem 0;
}

.associations-section .associations-title {
    margin-bottom: 1.25rem;
}

.associations-section .associations-item {
    padding: 0.63rem;
}

.associations-section .associations-item picture img {
    max-height: 3.44rem;
    object-fit: contain;
}

#ppi-form table tr {
    border: 1px dashed #f4f4f6;
}

#ppi-form legend {
    font-weight: 700;
    font-size: 1.25rem;
}

#ppi-form fieldset+fieldset {
    margin-top: var(--section-gutter);
}

.accordion-wrapper {
    position: relative;
}

.accordion-wrapper .accordion-item:not(:last-child) {
    margin-bottom: var(--section-gutter);
}

.accordion-wrapper .accordion-item-inner {
    cursor: pointer;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
}

.accordion-wrapper .accordion-item .accordion-title {
    position: relative;
    padding: 0.94rem;
    display: grid;
    grid-template-columns: 1fr 1.57rem;
    background-color: #000;
}

.accordion-wrapper .accordion-item .accordion-content {
    display: none;
    padding: var(--section-gutter);
    background-color: #fff;
}

#faq-noresult {
    display: none;
    padding: 0.94rem;
    border-radius: 0.32rem;
    background-color: rgba(255, 0, 0, 0.2);
}

.testimonials .testimonial-wrapper {
    position: relative;
}

.testimonials .testimonial-listing {
    display: flex;
    flex-wrap: wrap;
    margin: 0 calc(-1 * var(--section-gutter));
}

.testimonials .testimonial-item {
    --authore-image: 150px;
    width: 50%;
    padding: 0 var(--section-gutter);
    text-align: center;
}

.testimonials .testimonial-item:not(:nth-last-child(-n + 2)) {
    margin-bottom: calc(var(--authore-image) / 2 + 1.88rem);
}

.testimonials .testimonial-item:nth-last-child(-n + 2) {
    margin-bottom: calc(var(--authore-image) / 2);
}

@media (max-width: 720px) and (orientation: portrait) {
    .testimonials .testimonial-item {
        --authore-image: 100px;
        width: 100%;
    }

    .testimonials .testimonial-item:not(:nth-last-child(1)) {
        margin-bottom: calc(var(--authore-image) / 2 + 0.94rem);
    }

    .testimonials .testimonial-item:nth-last-child(1) {
        margin-bottom: calc(var(--authore-image) / 2);
    }
}

@media (max-width: 992px) and (orientation: landscape) {
    .testimonials .testimonial-item {
        --authore-image: 100px;
        width: 100%;
    }

    .testimonials .testimonial-item:not(:nth-last-child(1)) {
        margin-bottom: calc(var(--authore-image) / 2 + 0.94rem);
    }

    .testimonials .testimonial-item:nth-last-child(1) {
        margin-bottom: calc(var(--authore-image) / 2);
    }
}

.testimonial-video-listing {
    display: flex;
    flex-wrap: wrap;
    margin: 0 calc(-1 * var(--section-gutter));
}

.testimonial-video-button {
    margin-top: calc(var(--section-gutter) * 2);
    text-align: center;
    position: relative;
}

.testimonial-video-button .ajax-loader::after {
    top: -20px;
}

.conditions {
    --body-width: 135px;
}

.conditions .condition-wrapper {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.conditions .condition-list {
    width: calc(100% - var(--body-width));
    padding: 0 var(--section-gutter);
}

@media (max-width: 720px) and (orientation: portrait) {
    .conditions .condition-list {
        width: 100%;
    }
}

@media (max-width: 992px) and (orientation: landscape) {
    .conditions .condition-list {
        width: 100%;
    }
}

.conditions .condition-list ul li a {
    font-weight: 400;
}

.conditions .condition-body {
    width: var(--body-width);
    margin: 0 auto;
}

@media (max-width: 720px) and (orientation: portrait) {
    .conditions .condition-body {
        margin-bottom: var(--section-gutter);
    }
}

@media (max-width: 992px) and (orientation: landscape) {
    .conditions .condition-body {
        margin-bottom: var(--section-gutter);
    }
}

.condition-body-media {
    position: relative;
    margin: 0 auto;
    max-width: var(--body-width);
    font-size: 1rem;
}

.condition-body-media-inner {
    padding-top: 445px;
}

.condition-body-media svg {
    position: absolute;
    top: 0;
    left: 0;
    fill: #f4f4f6;
    width: 100%;
    height: 100%;
}

.condition-body-link {
    width: 24px;
    height: 24px;
    position: absolute;
    display: block;
    background-color: #003a43;
    border: 2px solid #003a43;
    border-radius: 50%;
    transition: 0.5s ease all;
}

.condition-body-link span::before {
    content: attr(title);
    position: absolute;
    top: 0;
    left: 50%;
    right: auto;
    z-index: 1;
    width: 9.38rem;
    padding: 0.32rem;
    color: #fff;
    font-size: 0.87rem;
    font-weight: 400;
    text-align: center;
    opacity: 0;
    visibility: hidden;
    border-radius: 0.32rem;
    background-color: #003a43;
    transform: translate(-50%, -100%);
    transition: 0.4s all;
    pointer-events: none;
}

.condition-body-link span::after {
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    right: auto;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0.63rem 0.63rem 0;
    border-color: #003a43 transparent transparent;
    opacity: 0;
    visibility: hidden;
    transform: translateX(-50%);
    transition: 0.4s all;
    pointer-events: none;
}

.condition-body-link.active,
.condition-body-link:focus,
.condition-body-link:hover {
    border-color: #003a43;
    background-color: #fff;
}

.condition-body-link:focus span::after,
.condition-body-link:focus span::before,
.condition-body-link:hover span::after,
.condition-body-link:hover span::before {
    opacity: 1;
    visibility: visible;
    pointer-events: all;
}

.condition-body-link.shoulder {
    top: 19%;
    right: 11%;
}

.condition-body-link.head-and-neck {
    top: 13px;
    left: 41%;
}

.condition-body-link.knee-balance-and-walking {
    left: 23%;
    bottom: 26%;
}

.condition-body-link.back {
    top: 25%;
    left: 45.5%;
    height: 71px;
}

.condition-body-link.hip {
    top: 49%;
    left: 22%;
}

.condition-body-link.elbow-wrist-and-hand {
    top: 35%;
    left: 82%;
    width: 2rem;
    height: 90px;
    border: none;
    border-radius: 0;
    background-color: transparent;
    pointer-events: none;
    transform: rotate(-14deg);
}

.condition-body-link.elbow-wrist-and-hand>span {
    transform: rotate(71deg);
    display: block;
    transform: translate(6px, -10px) rotate(13deg);
}

.condition-body-link.elbow-wrist-and-hand:after,
.condition-body-link.elbow-wrist-and-hand:before {
    content: "";
    position: absolute;
    width: 24px;
    height: 24px;
    background-color: #003a43;
    border: 2px solid #003a43;
    border-radius: 50%;
    pointer-events: all;
    transition: 0.4s all;
    left: 7px;
}

.condition-body-link.elbow-wrist-and-hand:before {
    top: 0;
    right: 0;
}

.condition-body-link.elbow-wrist-and-hand:after {
    left: -4px;
    bottom: 0;
}

.condition-body-link.elbow-wrist-and-hand.active:after,
.condition-body-link.elbow-wrist-and-hand.active:before,
.condition-body-link.elbow-wrist-and-hand:focus:after,
.condition-body-link.elbow-wrist-and-hand:focus:before,
.condition-body-link.elbow-wrist-and-hand:hover:after,
.condition-body-link.elbow-wrist-and-hand:hover:before {
    opacity: 1;
    border-color: #003a43;
    background-color: #fff;
}

.condition-body-link.foot-and-ankle {
    left: 22%;
    bottom: 3%;
}

.subpage-nav {
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
}

.subpage-nav ul {
    margin: 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    justify-content: center;
}

.subpage-nav ul li {
    margin: 0;
    padding: 0;
}

.subpage-nav ul li a:not(.btn) {
    display: block;
    padding: 0.63rem 0.94rem;
    border: 1px solid #f4f4f6;
}

.subpage-nav ul li .btn {
    margin: 0.32rem;
}

.btn,
input[type="button"],
input[type="submit"] {
    border-radius: 0;
}

.border-radius {
    border-radius: 0;
}

.accordion-wrapper .accordion-item .accordion-title {
    color: #0a1154;
    background-color: #0a1154;
}

.insurance-partner {
    background-color: #f4f4f6;
}

.gform_wrapper.gravity-theme fieldset,
.gform_wrapper.gravity-theme legend {
    background: 0 0;
    padding: 0;
}

.gform_wrapper.gravity-theme fieldset {
    border: none;
    display: block;
    margin: 0;
}

.gform_wrapper.gravity-theme legend {
    margin-left: 0;
    margin-right: 0;
}

.gform-icon {
    font-family: gform-icons-theme !important;
    speak: never;
    font-style: normal;
    font-weight: 400;
    font-feature-settings: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.gform-icon--circle-error:before {
    content: "\e91a";
}

.gform_wrapper.gravity-theme .gform_drop_instructions {
    display: block;
    margin-bottom: 8px;
}

.gform_wrapper.gravity-theme .gfield_fileupload_filesize {
    padding: 0 6px;
}

.gform_wrapper.gravity-theme .gfield_validation_message ul {
    margin: 16px 0;
    padding-left: 24px;
}

.gform_wrapper.gravity-theme .gfield_validation_message ul:empty {
    display: none;
}

.gform_wrapper.gravity-theme .ginput_preview {
    margin: 16px 0;
}

.gform_wrapper.gravity-theme ::-ms-reveal {
    display: none;
}

.gform_wrapper.gravity-theme .gform_validation_container,
body .gform_wrapper.gravity-theme .gform_body .gform_fields .gfield.gform_validation_container,
body .gform_wrapper.gravity-theme .gform_fields .gfield.gform_validation_container,
body .gform_wrapper.gravity-theme .gform_validation_container {
    display: none !important;
    left: -9000px;
    position: absolute !important;
}

.gform_wrapper.gravity-theme .chosen-container {
    display: inline-block;
    font-size: 16px;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    vertical-align: middle;
}

.gform_wrapper.gravity-theme .chosen-container * {
    box-sizing: border-box;
}

.gform_wrapper.gravity-theme .chosen-container a {
    cursor: pointer;
}

.gform_wrapper.gravity-theme .chosen-rtl {
    text-align: right;
}

@media only screen and (max-width: 641px) {
    .gform_wrapper.gravity-theme input:not([type="radio"]):not([type="checkbox"]):not([type="image"]):not([type="file"]) {
        line-height: 2;
        min-height: 32px;
    }

    .gform_wrapper.gravity-theme textarea {
        line-height: 1.5;
    }

    .gform_wrapper.gravity-theme .chosen-container span:not(.ginput_price) {
        display: block;
        margin-bottom: 8px;
    }

    .gform_wrapper.gravity-theme li.field_sublabel_below .ginput_complex {
        margin-top: 12px !important;
    }

    .gform_wrapper.gravity-theme ul.gfield_checkbox li label,
    .gform_wrapper.gravity-theme ul.gfield_radio li label {
        cursor: pointer;
        width: 85%;
    }
}

.gform_wrapper.gravity-theme .gform_hidden {
    display: none;
}

.gform_wrapper.gravity-theme .hidden_label .gfield_label,
.gform_wrapper.gravity-theme .screen-reader-text {
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(50%);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
    word-wrap: normal !important;
}

.gform_wrapper.gravity-theme button.screen-reader-text:focus {
    border: 0;
    clip: auto;
    clip-path: none;
    height: auto;
    margin: 0;
    position: static !important;
    width: auto;
}

.gform_wrapper.gravity-theme .gfield textarea {
    width: 100%;
}

.gform_wrapper.gravity-theme .gfield textarea.large {
    height: 288px;
}

.gform_wrapper.gravity-theme .gfield input,
.gform_wrapper.gravity-theme .gfield select {
    max-width: 100%;
}

.gform_wrapper.gravity-theme .gfield input.large,
.gform_wrapper.gravity-theme .gfield select.large {
    width: 100%;
}
}

.gform_wrapper.gravity-theme .field_sublabel_below .ginput_complex {
    align-items: flex-start;
}

html[dir="rtl"] .gform_wrapper.gravity-theme code,
html[dir="rtl"] .gform_wrapper.gravity-theme input[type="email"],
html[dir="rtl"] .gform_wrapper.gravity-theme input[type="tel"],
html[dir="rtl"] .gform_wrapper.gravity-theme input[type="url"] {
    direction: rtl;
}

html[dir="rtl"] .gform_wrapper.gravity-theme .gfield_label {
    direction: rtl;
}

html[dir="rtl"] .gform_wrapper.gravity-theme .gfield_required {
    margin-left: 0;
    margin-right: 4px;
}

html[dir="rtl"] .gform_wrapper.gravity-theme ::-webkit-input-placeholder {
    text-align: right;
}

html[dir="rtl"] .gform_wrapper.gravity-theme ::-moz-placeholder {
    text-align: right;
}

html[dir="rtl"] .gform_wrapper.gravity-theme :-ms-input-placeholder {
    text-align: right;
}

html[dir="rtl"] .gform_wrapper.gravity-theme :-moz-placeholder {
    text-align: right;
}

html[dir="rtl"] .gform_wrapper.gravity-theme .gform_wrapper.gravity-theme fieldset {
    display: block;
}

html[dir="rtl"] .gform_wrapper.gravity-theme .ginput_complex:not(.ginput_container_address) fieldset:not([style*="display:none"]):not(.ginput_full)~span:not(.ginput_full),
html[dir="rtl"] .gform_wrapper.gravity-theme .ginput_complex:not(.ginput_container_address) span:not([style*="display:none"]):not(.ginput_full)~span:not(.ginput_full) {
    padding-left: 0;
    padding-right: 16px;
}

@media (min-width: 641px) {
    html[dir="rtl"] .gform_wrapper.gravity-theme .ginput_complex:not(.ginput_container_address) span:not([style*="display:none"]):not(.ginput_full)~span:not(.ginput_full) {
        padding-left: 0;
        padding-right: 16px;
    }
}

.gform_wrapper.gravity-theme .gform_card_icon_container {
    display: flex;
    height: 32px;
    margin: 8px 0 6.4px;
}

.gform_wrapper.gravity-theme .gform_card_icon_container div.gform_card_icon {
    background-image: url(https://startptnow.com/wp-content/plugins/gravityforms/images/gf-creditcards.svg);
    background-repeat: no-repeat;
    height: 32px;
    margin-right: 4.8px;
    text-indent: -9000px;
    width: 40px;
}

.gform_wrapper.gravity-theme .gform_card_icon_container div.gform_card_icon.gform_card_icon_selected {
    position: relative;
}

.gform_wrapper.gravity-theme .gform_card_icon_container div.gform_card_icon.gform_card_icon_selected::after {
    background: url(https://startptnow.com/wp-content/plugins/gravityforms/images/gf-creditcards-check.svg) center center no-repeat;
    bottom: 4px;
    content: "";
    display: block;
    height: 10px;
    position: absolute;
    right: 0;
    width: 13px;
}

.gform_wrapper.gravity-theme .gfield_list_group {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    margin-bottom: 8px;
}

.gform_wrapper.gravity-theme .gfield_list_group:last-child {
    margin-bottom: 0;
}

@media (max-width: 640px) {
    .gform_wrapper.gravity-theme .gform_fields {
        grid-column-gap: 0;
    }

    .gform_wrapper.gravity-theme .gfield:not(.gfield--width-full) {
        grid-column: 1/-1;
    }

    html[dir="rtl"] .gform_wrapper.gravity-theme .ginput_complex:not(.ginput_container_address) fieldset:not([style*="display:none"]):not(.ginput_full)~span:not(.ginput_full),
    html[dir="rtl"] .gform_wrapper.gravity-theme .ginput_complex:not(.ginput_container_address) span:not([style*="display:none"]):not(.ginput_full)~span:not(.ginput_full) {
        padding-right: 0;
    }

    .gform_wrapper.gravity-theme .gfield_list_group {
        border: 1px solid rgba(0, 0, 0, 0.2);
        display: block;
        margin-bottom: 16px;
        padding: 16px;
    }

    .gform_wrapper.gravity-theme .gfield_list_group:last-child {
        margin-bottom: 0;
    }
}

.gform_wrapper.gravity-theme .gfield_label {
    display: inline-block;
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 8px;
    padding: 0;
}

.gform_wrapper.gravity-theme .ginput_complex label {
    font-size: 15px;
    padding-top: 5px;
}

.gform_wrapper.gravity-theme .gform_validation_errors {
    background: #fff9f9;
    border-radius: 5px;
    border: 1.5px solid #c02b0a;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.11), 0 0 4px rgba(18, 25, 97, 0.0405344);
    margin-block-end: 8px;
    margin-block-start: 8px;
    padding-block: 16px;
    padding-inline-end: 16px;
    padding-inline-start: 48px;
    position: relative;
    width: 100%;
}

.gform_wrapper.gravity-theme .gform_validation_errors:focus {
    outline: #c02b0a solid 2px;
    outline-offset: 2px;
}

.gform_wrapper.gravity-theme .gform_validation_errors>h2 {
    color: #c02b0a;
    font-size: 13.2px;
    font-weight: 500;
    line-height: 17.6px;
    margin-block-end: 12px;
    margin-block-start: 0;
    margin-inline: 0;
}

.gform_wrapper.gravity-theme .gform_validation_errors>h2::before {
    display: none;
}

.gform_wrapper.gravity-theme .gform_validation_errors>h2 .gform-icon {
    align-items: center;
    display: flex;
    font-size: 28px;
    height: 100%;
    inset-inline-start: 12px;
    position: absolute;
    inset-block-start: 0;
}

.gform_wrapper.gravity-theme .gform_validation_errors>h2.hide_summary {
    margin: 0;
    padding: 0;
}

.gform_wrapper.gravity-theme .gfield_required {
    color: #c02b0a;
    display: inline-block;
    font-size: 13.008px;
    padding-inline-start: 0.125em;
}

.gform_wrapper.gravity-theme .gfield_required .gfield_required_text {
    font-style: italic;
    font-weight: 400;
}

.gform_wrapper.gravity-theme .gfield_error .gfield_repeater_cell label,
.gform_wrapper.gravity-theme .gfield_error label,
.gform_wrapper.gravity-theme .gfield_error legend,
.gform_wrapper.gravity-theme .gfield_validation_message,
.gform_wrapper.gravity-theme .validation_message,
.gform_wrapper.gravity-theme [aria-invalid="true"]+label,
.gform_wrapper.gravity-theme label+[aria-invalid="true"] {
    color: #c02b0a;
}

.gform_wrapper.gravity-theme .gfield_validation_message,
.gform_wrapper.gravity-theme .validation_message {
    background: #fff9f9;
    border: 1px solid #c02b0a;
    font-size: 14.992px;
    margin-block-start: 8px;
    padding: 12.992px 24px;
}

.gform_wrapper.gravity-theme .gfield_error [aria-invalid="true"] {
    border: 1px solid #c02b0a;
}

.gform_wrapper.gravity-theme .gform_previous_button.button,
.gform_wrapper.gravity-theme .gform_save_link.button {
    -webkit-appearance: none !important;
    background-color: #fff;
    color: #6b7280;
    text-decoration: none;
}

.gform_wrapper.gravity-theme .gform_previous_button.button svg,
.gform_wrapper.gravity-theme .gform_save_link.button svg {
    display: inline-block;
    margin-right: 4px;
}

.gform_wrapper.gravity-theme button.button:disabled {
    opacity: 0.6;
}

.gform_wrapper.gravity-theme .gform_footer {
    display: flex;
}

.gform_wrapper.gravity-theme .gform_footer input {
    align-self: flex-end;
}

.gform_wrapper.gravity-theme .ginput_complex {
    display: flex;
    flex-flow: row wrap;
}

.gform_wrapper.gravity-theme .ginput_complex fieldset,
.gform_wrapper.gravity-theme .ginput_complex span {
    flex: 1;
}

.gform_wrapper.gravity-theme .ginput_complex label,
.gform_wrapper.gravity-theme .ginput_complex legend {
    display: block;
}

.gform_wrapper.gravity-theme .ginput_complex input,
.gform_wrapper.gravity-theme .ginput_complex select {
    width: 100%;
}

@media (min-width: 641px) {

    .gform_wrapper.gravity-theme .ginput_complex:not(.ginput_container_address) fieldset:not([style*="display:none"]):not(.ginput_full),
    .gform_wrapper.gravity-theme .ginput_complex:not(.ginput_container_address) span:not([style*="display:none"]):not(.ginput_full) {
        padding-right: 1%;
    }

    .gform_wrapper.gravity-theme .ginput_complex:not(.ginput_container_address) fieldset:not([style*="display:none"]):not(.ginput_full)~span:not(.ginput_full),
    .gform_wrapper.gravity-theme .ginput_complex:not(.ginput_container_address) span:not([style*="display:none"]):not(.ginput_full)~span:not(.ginput_full) {
        padding-left: 1%;
        padding-right: 0;
    }

    html[dir="rtl"] .gform_wrapper.gravity-theme .ginput_complex:not(.ginput_container_address) fieldset:not([style*="display:none"]):not(.ginput_full),
    html[dir="rtl"] .gform_wrapper.gravity-theme .ginput_complex:not(.ginput_container_address) span:not([style*="display:none"]):not(.ginput_full) {
        padding-left: 1%;
        padding-right: 0;
    }

    html[dir="rtl"] .gform_wrapper.gravity-theme .ginput_complex:not(.ginput_container_address) fieldset:not([style*="display:none"]):not(.ginput_full)~span:not(.ginput_full),
    html[dir="rtl"] .gform_wrapper.gravity-theme .ginput_complex:not(.ginput_container_address) span:not([style*="display:none"]):not(.ginput_full)~span:not(.ginput_full) {
        padding-left: 0;
        padding-right: 1%;
    }
}

@media (max-width: 640px) {
    .gform_wrapper.gravity-theme .ginput_complex span {
        flex: 0 0 100%;
        margin-bottom: 8px;
        padding-left: 0;
    }
}

.gform_wrapper.gravity-theme .description,
.gform_wrapper.gravity-theme .gfield_description {
    clear: both;
    font-family: inherit;
    font-size: 15px;
    letter-spacing: normal;
    line-height: inherit;
    padding-top: 13px;
    width: 100%;
}

html[dir="rtl"] .gform_wrapper.gravity-theme .gform_card_icon {
    float: right;
}

.gform_wrapper.gravity-theme .gform_footer {
    margin: 6px 0 0;
    padding: 16px 0;
}

.gform_wrapper.gravity-theme .gform_footer button,
.gform_wrapper.gravity-theme .gform_footer input {
    margin-bottom: 8px;
}

.gform_wrapper.gravity-theme .gform_footer button.button:disabled,
.gform_wrapper.gravity-theme .gform_footer input.button:disabled {
    opacity: 0.6;
}

.gform_wrapper.gravity-theme .gform_footer button+input,
.gform_wrapper.gravity-theme .gform_footer input+button,
.gform_wrapper.gravity-theme .gform_footer input+input {
    margin-left: 8px;
}

html[dir="rtl"] .gform_wrapper.gravity-theme button+input,
html[dir="rtl"] .gform_wrapper.gravity-theme input+button,
html[dir="rtl"] .gform_wrapper.gravity-theme input+input {
    margin-right: 8px;
}

.gform_wrapper.gravity-theme .gfield_checkbox label,
.gform_wrapper.gravity-theme .gfield_radio label {
    display: inline-block;
    font-size: 15px;
}

.gform_wrapper.gravity-theme .gfield_checkbox button,
.gform_wrapper.gravity-theme .gfield_checkbox input[type="text"],
.gform_wrapper.gravity-theme .gfield_radio button,
.gform_wrapper.gravity-theme .gfield_radio input[type="text"] {
    margin-top: 16px;
}

.gform_wrapper.gravity-theme input[type="number"] {
    display: inline-block;
}

.gform_wrapper.gravity-theme input[type="color"],
.gform_wrapper.gravity-theme input[type="date"],
.gform_wrapper.gravity-theme input[type="datetime-local"],
.gform_wrapper.gravity-theme input[type="datetime"],
.gform_wrapper.gravity-theme input[type="email"],
.gform_wrapper.gravity-theme input[type="month"],
.gform_wrapper.gravity-theme input[type="number"],
.gform_wrapper.gravity-theme input[type="password"],
.gform_wrapper.gravity-theme input[type="search"],
.gform_wrapper.gravity-theme input[type="tel"],
.gform_wrapper.gravity-theme input[type="text"],
.gform_wrapper.gravity-theme input[type="time"],
.gform_wrapper.gravity-theme input[type="url"],
.gform_wrapper.gravity-theme input[type="week"],
.gform_wrapper.gravity-theme select,
.gform_wrapper.gravity-theme textarea {
    font-size: 15px;
    margin-bottom: 0;
    margin-top: 0;
    padding: 8px;
}

.gform_wrapper.gravity-theme .ginput_total {
    color: #060;
}

.gform_wrapper.gravity-theme .gfield_repeater_cell {
    margin-top: 8px;
}

.gform_wrapper.gravity-theme .gfield_repeater_cell label {
    color: #9b9a9a;
    font-size: 12.8px;
    font-weight: 400;
    padding-top: 8px;
}

.gform_wrapper.gravity-theme .gfield_repeater_items .gfield_repeater_cell:not(:first-child) {
    padding-top: 8px;
}

.gform_wrapper.gravity-theme .gfield_repeater_wrapper input {
    border: 1px solid #c5c6c5;
    border-radius: 4px;
}

.gform_wrapper.gravity-theme .gfield_repeater_cell>.gfield_repeater_wrapper {
    background-color: rgba(1, 1, 1, 0.02);
    border-bottom: 1px solid #eee;
    border-left: 8px solid #f1f1f1;
    border-radius: 8px;
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.06), 0 2px 1px -1px rgba(0, 0, 0, 0.06), 0 1px 5px 0 rgba(0, 0, 0, 0.06);
    padding: 10px 20px;
}

.gform_wrapper.gravity-theme .gfield_repeater_buttons {
    padding-top: 16px;
}











.inner-banner {
    position: relative;
    display: flex;
    align-items: center;
    min-height: 12.5rem;
    padding: var(--section-gutter) 0
}

.inner-banner.has-thumbnail {
    min-height: 31.25rem;
}

.inner-banner h1 {
    text-transform: uppercase;
    color: #fff;
}


.inner-banner-bg {
    width: 100%;
    height: 100%;
    position: relative;
    position: absolute;
    top: 0;
    left: 0
}

.inner-banner-bg picture {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%
}

.inner-banner-bg picture img {
    width: 100% !important;
    height: 100% !important;
    max-width: 100% !important;
    object-fit: cover
}

.inner-banner-bg::before {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    background: rgba(0, 0, 0, .5);
    transition: .4s all;
    pointer-events: none;
    content: ""
}

.inner-banner-wrapper {
    position: relative;
    margin-left: 50px;
    margin-top: 50px;
    z-index: 1
}

.inner-banner-wrapper .breadcrumbs {
    margin: var(--section-gutter) 0
}

.inner-banner-wrapper .breadcrumbs span {
    color: #fff;
    line-height: 40px;
}

.inner-banner-wrapper .breadcrumbs span a {
    color: inherit;
    font-weight: inherit
}

.inner-banner-wrapper .breadcrumbs span a:hover {
    text-decoration: underline
}

.inner-banner-wrapper .breadcrumbs span strong {
    font-weight: inherit
}

.insurance-partner {
    padding: .94rem 0
}

.insurance-partner-wrapper {
    padding: 0 2.5rem
}

.has-loc-icon {
    position: relative;
    padding-left: 1.88rem
}

.has-loc-icon svg {
    fill: currentColor;
    width: 1rem;
    height: 1rem;
    position: absolute;
    top: .25rem;
    left: 0
}

.navigation {
    width: 100%
}

.appointment-steps-section .has-media::before {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    background-color: rgba(0, 0, 0, .5);
    transition: .4s all;
    content: "";
    pointer-events: none;
    width: 100%;
    height: 100%
}

.appointment-steps-section .appointment-block {
    position: relative;
    padding: var(--section-spacing) 0;
    background-color: #eee;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover
}

.appointment-steps-section .appointment-block-wrapper {
    z-index: 1;
    position: relative;
    text-align: center
}

.appointment-steps-section .appointment-block-wrapper h4 {
    color: #fff
}

.appointment-steps-wrapper {
    position: relative;
    max-width: 46.88rem;
    margin: 1.88rem auto;
    background-color: #eee
}

.appointment-steps-wrapper svg {
    position: absolute;
    top: .94rem;
    right: 0;
    z-index: 2;
    width: 15.94rem;
    height: 18.75rem;
    pointer-events: none
}

@media (max-width: 1199px) {
    .appointment-steps-wrapper svg {
        height: 15.94rem
    }
}

@media (min-width: 1200px) {
    .appointment-steps-wrapper svg {
        height: 18.75rem
    }
}

.appointment-steps-listing {
    position: relative;
    z-index: 3;
    list-style-type: none
}

@media (max-width: 767px) {
    .appointment-steps-listing {
        padding: .94rem 1.88rem .94rem .94rem
    }
}

@media (min-width: 768px) and (max-width:991px) {
    .appointment-steps-listing {
        padding: 1.57rem
    }
}

@media (min-width: 992px) {
    .appointment-steps-listing {
        padding: 2.19rem
    }
}

.appointment-steps-listing .appointment-steps-item {
    position: relative;
    padding-left: 2.5rem;
    counter-increment: step-counter
}

.appointment-steps-listing .appointment-steps-item::before {
    width: 30px;
    height: 30px;
    position: absolute;
    top: .38rem;
    left: 0;
    color: inherit;
    font-weight: 700;
    line-height: 2;
    text-align: center;
    background-color: #fff;
    border-radius: 100%;
    content: counter(step-counter)
}

.appointment-steps-listing .appointment-steps-item p {
    font-weight: 700
}

.mCSB_scrollTools {
    opacity: 1
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    height: .63rem;
    margin: .19rem 0;
    background-color: #000;
    border-radius: 0
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    height: 100%;
    margin: 0;
    background-color: #408dd4;
    border-radius: 0
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger:active .mCSB_dragger_bar,
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #408dd4
}

.mCSB_scrollTools .mCSB_draggerContainer::before {
    position: absolute;
    top: .19rem;
    right: 0;
    bottom: .19rem;
    left: 0;
    background-color: #000;
    content: "";
    pointer-events: none
}

.ajax-loader {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    background-color: rgba(255, 255, 255, .6)
}

.ajax-loader::after {
    width: 50px;
    height: 50px;
    position: absolute;
    top: 1.88rem;
    right: 0;
    left: 0;
    margin: 0 auto;
    border-color: #408dd4 #000;
    border-style: solid;
    border-width: .32rem;
    border-radius: 50%;
    animation: 1s linear infinite spinner;
    content: "";
    pointer-events: none
}



/* Layout */
.team-profile {
    display: flex;
    align-items: flex-start;
    gap: 30px;
    flex-wrap: wrap;
}

/* Image styling */
.team-media-thumb img {
    width: 250px;
    height: auto;
    border: 5px solid #fff;
    /* Border */
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.15);
    /* Soft shadow */
    border-radius: 10px;
    /* Optional: Rounded edges */
}

/* Text Styling */
.team-info h2 {
    font-size: 1.8rem;
    font-weight: 700;
    margin: 0;
}

.team-info h3 {
    font-size: 1.2rem;
    font-weight: 500;
    color: #555;
    margin: 5px 0 15px;
}

.team-info p {
    margin-bottom: 15px;
    line-height: 1.9;
    color: #333;
}

/* Responsive (Mobile view) */
@media (max-width: 768px) {
    .team-profile {
        flex-direction: column;
        align-items: center;
        text-align: center;
    }

    .team-media-thumb img {
        margin-bottom: 20px;
    }
}






/* Testimonial section styles */
.testimonials {
    padding: 3.75rem 0;
    background-color: #151d6712;
}

.testimonial-listing {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -0.94rem;
}

.testimonial-item {
    --authore-image: 150px;
    width: 50%;
    padding: 0 0.94rem;
    text-align: center;
    margin-bottom: calc(var(--authore-image)/2 + 1.88rem);
}

.testimonial-item:nth-last-child(-n+2) {
    margin-bottom: calc(var(--authore-image)/2);
}

.testimonial-item-inner {
    padding: calc(0.94rem * 2) calc(0.94rem * 2) calc(var(--authore-image)/2);
    background-color: rgb(0 58 67 / 19%);
}

.testimonial-item:not(:nth-child(4n+2)):not(:nth-child(4n+3)) .testimonial-item-inner {
    background-color: rgb(255 105 0 / 11%);
}

.testimonial-quote {
    position: relative;
    margin-bottom: calc(0.94rem * 2);
    padding: calc(0.94rem * 2);
    border: 1px solid #000;
    border-radius: 0.32rem;
}

.quote-icon {
    --icon-positon: 25px;
    width: 50px;
    height: 50px;
    position: absolute;
}

.quote-icon.start {
    top: calc(-1 * var(--icon-positon));
    left: var(--icon-positon);
}

.quote-icon.end {
    right: var(--icon-positon);
    bottom: calc(-1 * var(--icon-positon));
}

.quote-icon svg {
    width: 100%;
    height: 100%;
    fill: #ff6900;
}

.testimonial-info {
    margin-bottom: 0.94rem;
}

.testimonial-info h3 {
    font-size: 1.13rem;
}

/* Button styles */
.btn-link {
    margin-bottom: 0.13rem;
    color: #f00020;
    font-size: 1rem;
    text-decoration: none;
    border-bottom: 1px solid transparent;
    transition: background-color .3s ease 0s, color .3s ease 0s, border-color .3s ease 0s;
    display: inline-block;
    cursor: pointer;
}

.btn-link:focus,
.btn-link:hover {
    color: #151d67;
    text-decoration: none;
    border-color: currentColor;
}

.btn-link::after {
    content: "→";
    margin-left: 0.32rem;
}

/* Popup styles */
.testimonial-popup {
    display: none;
    padding: 1.88rem;
    max-width: 73.13rem;
    background: #fff;
    border-radius: 5px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 1000;
    max-height: 80vh;
    overflow-y: auto;
    width: 90%;
}

.testimonial-popup-inner {
    padding: 20px;
}

.testimonial-head {
    margin-bottom: 20px;
    border-bottom: 1px solid #eee;
    padding-bottom: 10px;
}

.testimonial-wrapper {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -0.94rem;
}

.testimonial-body {
    padding: 0 0.94rem;
    width: 100%;
}

.overlay {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.7);
    z-index: 999;
}

.close-btn {
    position: absolute;
    top: 10px;
    right: 15px;
    font-size: 24px;
    cursor: pointer;
    color: #888;
}

.close-btn:hover {
    color: #000;
}

/* Responsive styles */
@media (max-width: 992px) {
    .testimonial-item {
        width: 100%;
        --authore-image: 100px;
    }

    .testimonial-item:not(:nth-last-child(1)) {
        margin-bottom: calc(var(--authore-image)/2 + 0.94rem);
    }

    .testimonial-item:nth-last-child(1) {
        margin-bottom: calc(var(--authore-image)/2);
    }

    h1 {
        font-size: 2.5rem;
    }
}

@media (max-width: 768px) {
    .testimonial-popup {
        width: 95%;
        padding: 1rem;
    }
}




/* Team section styles */
.team-section {
    padding: 60px 0;
    background-color: #fff;
}

.team-section h2 {
    font-size: 2.5rem;
    text-align: center;
    margin-bottom: 20px;
    color: #231f20;
    text-transform: uppercase;
    font-weight: 700;
}

.team-section h3 {
    font-size: 1.5rem;
    text-align: center;
    margin-bottom: 40px;
    color: #f00020;
    text-transform: uppercase;
    font-weight: 300;
}

/* Filter styles */
.category-filter {
    margin-bottom: 30px;
    text-align: center;
}

.category-filter-nav {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    list-style: none;
    margin: 0;
    padding: 0;
}

.category-filter-nav li {
    margin: 5px;
}

.category-filter-nav .btn {
    display: inline-block;
    padding: 10px 20px;
    background-color: #231f20;
    color: #fff;
    border: 2px solid #231f20;
    text-decoration: none;
    font-size: 0.9rem;
    font-weight: 700;
    border-radius: 0;
    transition: all 0.3s ease;
    cursor: pointer;
}

.category-filter-nav .btn:hover,
.category-filter-nav .btn.active {
    background-color: #003a43;
    border-color: #003a43;
}

.category-select-nav {
    display: none;
    width: 100%;
    padding: 10px;
    border: 1px solid #f00020;
    border-radius: 4px;
    font-size: 1rem;
    margin-bottom: 20px;
}

/* Team listing styles */
.team-listing {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -15px;
}

.team-item {
    width: 100%;
    padding: 0 15px;
    margin-bottom: 30px;
}

@media (min-width: 576px) {
    .team-item {
        width: 50%;
    }
}

@media (min-width: 768px) {
    .team-item {
        width: 33.333%;
    }
}

@media (min-width: 992px) {
    .team-item {
        width: 25%;
    }
}

.team-item-inner {
    background-color: #eee;
    border-top-left-radius: 1px;
    border-top-right-radius: 1px;
    height: 100%;
    transition: all 0.3s ease;
}

.team-item-inner:hover {
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
}

.team-media {
    position: relative;
    display: block;
    padding-top: 112.5%;
    /* 9:16 aspect ratio */
    overflow: hidden;
    border-radius: 1px;
}

.team-media picture {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.team-media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    /*filter: grayscale(1);*/
    transition: all 0.3s ease;
}

.team-media:hover img {
    filter: grayscale(0);
}

.team-media::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    opacity: 0;
    transition: all 0.3s ease;
    z-index: 1;
}

.team-media:hover::before {
    opacity: 1;
}

.team-hover {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    padding: 20px;
    visibility: hidden;
    opacity: 0;
    transition: all 0.3s ease;
    z-index: 2;
}

.team-media:hover .team-hover {
    visibility: visible;
    opacity: 1;
}

.btn-link {
    color: #fff;
    font-size: 1rem;
    text-decoration: none;
    border-bottom: 1px solid transparent;
    transition: all 0.3s ease;
    font-weight: 700;
}

.btn-link:hover {
    border-bottom-color: #fff;
}

.btn-link::after {
    content: "→";
    margin-left: 5px;
}

.team-body {
    padding: 20px;
    text-align: center;
}

.team-name {
    margin-bottom: 10px;
    font-size: 1.25rem;
    font-weight: 700;
    text-transform: uppercase;
    color: #231f20;
}

.team-name a {
    color: inherit;
    text-decoration: none;
    font-weight: inherit;
}

.team-name a:hover {
    color: #f00020;
}

.team-post {
    color: #f00020;
    font-weight: 400;
    text-transform: uppercase;
    line-height: 1.25;
    margin-bottom: 15px;
}

.linkedin {
    display: inline-flex;
    color: #151d67;
    transition: color 0.3s ease;
}

.linkedin:hover {
    color: #f00020;
}

.linkedin svg {
    width: 25px;
    height: 25px;
}

/* Body content styles */
.body-content {
    width: 100%;
    margin-top: 40px;
}

.body-content h2 {
    font-size: 2rem;
    margin-bottom: 15px;
    color: #231f20;
}

.body-content h3 {
    font-size: 1.5rem;
    margin-bottom: 15px;
    color: #f00020;
}

.body-content p {
    margin-bottom: 15px;
    font-size: 1rem;
    line-height: 1.8;
}

.body-content a {
    color: #f00020;
    font-weight: 700;
    text-decoration: none;
}

.body-content a:hover {
    color: #151d67;
}

.body-content em {
    font-style: italic;
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .category-filter-nav {
        display: none;
    }

    .category-select-nav {
        display: block;
    }

    .team-section h2 {
        font-size: 2rem;
    }

    .team-section h3 {
        font-size: 1.25rem;
    }
}

@media (max-width: 576px) {
    .team-item {
        width: 100%;
        max-width: 320px;
        margin-left: auto;
        margin-right: auto;
    }
}




:root {
    --primary-dark: #003a43;
    --primary-orange: #ff6900;
    --primary-red: #fe0101;
    --dark-text: #2c3e50;
    --light-bg: #f8f9fa;
    --border-color: #e1e5e9;
    --shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    --transition: all 0.3s ease;
}

/* Locations Section Styling */
.locations-section {
    background-color: var(--light-bg);
    padding: 80px 20px;
    min-height: 100vh;
}

.section-header {
    text-align: center;
    margin-bottom: 4rem;
    margin-left: auto;
    margin-right: auto;
}

.section-header h1 {
    color: var(--primary-dark);
    font-size: 3rem;
    font-weight: 700;
    margin-bottom: 1rem;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.section-header p {
    color: var(--primary-dark);
    font-size: 1.25rem;
    line-height: 1.6;
    font-weight: 400;
    opacity: 0.8;
}

.locations-container {
    display: flex;
    max-width: 1400px;
    margin: 0 auto;
    background: white;
    box-shadow: var(--shadow);
    overflow: hidden;
    height: 700px;
    border: 2px solid var(--primary-dark);
}

/* Sidebar Styles */
.locations-sidebar {
    flex: 0 0 400px;
    display: flex;
    flex-direction: column;
    border-right: 2px solid var(--primary-dark);
    background: white;
}

.search-container {
    padding: 24px;
    border-bottom: 2px solid var(--primary-dark);
    background: white;
    position: sticky;
    top: 0;
    z-index: 10;
}

.search-box {
    position: relative;
    margin-bottom: 12px;
}

.search-box input {
    width: 100%;
    padding: 16px 48px 16px 48px;
    border: 2px solid var(--primary-dark);
    font-size: 16px;
    outline: none;
    transition: var(--transition);
    background: white;
}

.search-box input:focus {
    border-color: var(--primary-orange);
    background: white;
    box-shadow: 0 0 0 2px var(--primary-orange);
}

.search-icon {
    position: absolute;
    left: 20px;
    top: 50%;
    transform: translateY(-50%);
    color: var(--primary-dark);
    z-index: 2;
}

.clear-search {
    position: absolute;
    right: 16px;
    top: 50%;
    transform: translateY(-50%);
    background: none;
    border: none;
    font-size: 20px;
    color: var(--primary-dark);
    cursor: pointer;
    padding: 4px;
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.clear-search:hover {
    background: var(--primary-dark);
    color: white;
}

.results-count {
    color: var(--primary-dark);
    font-size: 14px;
    font-weight: 600;
    text-align: center;
}

.locations-list {
    flex: 1;
    overflow-y: auto;
    padding: 0;
}

.location-item {
    display: flex;
    align-items: center;
    padding: 20px;
    cursor: pointer;
    transition: var(--transition);
    border-bottom: 1px solid var(--border-color);
    position: relative;
}

.location-item:hover {
    background: #f0f0f0;
    transform: none;
}

.location-item.active {
    background: var(--primary-dark);
    border-left: 4px solid var(--primary-orange);
}

.location-item.active .location-name,
.location-item.active .location-address,
.location-item.active .location-phone,
.location-item.active .location-distance {
    color: white;
}

.location-item.active .location-arrow {
    color: white;
}

.location-item-content {
    flex: 1;
}

.location-main {
    margin-bottom: 8px;
}

.location-name {
    font-weight: 700;
    color: var(--primary-dark);
    font-size: 1.1rem;
    margin-bottom: 4px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.location-address {
    color: var(--primary-dark);
    font-size: 0.9rem;
    line-height: 1.4;
    opacity: 0.8;
}

.location-meta {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.location-phone {
    color: var(--primary-red);
    font-weight: 700;
    font-size: 0.9rem;
}

.location-distance {
    color: var(--primary-orange);
    font-weight: 700;
    font-size: 0.85rem;
    display: none;
}

.location-arrow {
    color: var(--primary-dark);
    transition: var(--transition);
    margin-left: 12px;
}

.location-item.active .location-arrow {
    color: white;
}

/* Map View Styles */
.map-view {
    flex: 1;
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
}

.map-controls {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 16px 24px;
    background: white;
    border-bottom: 2px solid var(--primary-dark);
    z-index: 5;
}

.view-selector {
    display: flex;
    gap: 0;
}

.view-btn {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 12px 20px;
    background: white;
    border: 2px solid var(--primary-dark);
    border-right: none;
    cursor: pointer;
    font-weight: 600;
    font-size: 14px;
    transition: var(--transition);
    color: var(--primary-dark);
    text-transform: uppercase;
}

.view-btn:first-child {
    border-left: 2px solid var(--primary-dark);
}

.view-btn:last-child {
    border-right: 2px solid var(--primary-dark);
}

.view-btn.active {
    background: var(--primary-dark);
    color: white;
    border-color: var(--primary-dark);
}

.view-btn:hover:not(.active) {
    background: var(--primary-orange);
    color: white;
}

.current-location-btn {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 12px 20px;
    background: white;
    border: 2px solid var(--primary-dark);
    cursor: pointer;
    font-weight: 600;
    font-size: 14px;
    transition: var(--transition);
    color: var(--primary-dark);
    text-transform: uppercase;
}

.current-location-btn:hover {
    background: var(--primary-orange);
    color: white;
    border-color: var(--primary-orange);
}

.map-frame-container {
    position: relative;
    flex: 1;
    overflow: hidden;
    display: flex;
}

#map-frame {
    flex: 1;
    width: 100%;
    border: none;
    pointer-events: none;
}

.map-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
    pointer-events: none;
}

/* Location Details Card - Reduced Size */
.location-details-card {
    position: absolute;
    top: 80px;
    right: 20px;
    background: white;
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.2);
    width: 320px;
    max-width: calc(100% - 40px);
    transform: translateX(120%);
    transition: transform 0.4s ease;
    z-index: 100;
    overflow: hidden;
    border: 2px solid var(--primary-dark);
    max-height: 480px;
    overflow-y: auto;
}

.location-details-card.active {
    transform: translateX(0);
}

.card-header {
    padding: 16px 20px;
    background: var(--primary-dark);
    color: white;
    position: relative;
    border-bottom: 2px solid var(--primary-dark);
}

.close-card {
    position: absolute;
    top: 12px;
    right: 12px;
    background: var(--primary-red);
    border: none;
    width: 28px;
    height: 28px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    color: white;
    transition: var(--transition);
    font-weight: bold;
    font-size: 14px;
}

.close-card:hover {
    background: #cc0000;
    transform: scale(1.1);
}

.location-info h3 {
    margin: 0 0 12px 0;
    font-size: 1.1rem;
    font-weight: 700;
    line-height: 1.2;
    cursor: pointer;
    transition: var(--transition);
    text-transform: uppercase;
    letter-spacing: 0.5px;
    color: #fff !important;
    padding-right: 30px;
}

.location-info h3:hover {
    color: var(--primary-orange);
}

.location-meta {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 10px;
}

.distance-badge {
    background: var(--primary-orange);
    padding: 4px 10px;
    font-size: 0.75rem;
    font-weight: 700;
    text-transform: uppercase;
    white-space: nowrap;
}

.rating {
    display: flex;
    align-items: center;
    gap: 2px;
    font-size: 0.8rem;
    white-space: nowrap;
}

.rating i {
    color: #ffd700;
    font-size: 0.7rem;
}

.card-content {
    padding: 20px;
}

.info-item {
    display: flex;
    gap: 12px;
    margin-bottom: 14px;
    align-items: flex-start;
    border-bottom: 1px solid var(--border-color);
    padding-bottom: 14px;
}

.info-item:last-child {
    border-bottom: none;
    margin-bottom: 0;
    padding-bottom: 0;
}

.info-item i {
    color: var(--primary-red);
    margin-top: 2px;
    flex-shrink: 0;
    font-size: 1rem;
    width: 16px;
    text-align: center;
}

.info-label {
    display: block;
    font-size: 0.75rem;
    color: var(--primary-dark);
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    margin-bottom: 2px;
    line-height: 1.2;
}

.info-text {
    display: block;
    color: var(--dark-text);
    font-weight: 500;
    line-height: 1.3;
    font-size: 0.85rem;
    word-wrap: break-word;
}

.info-text[href] {
    color: var(--primary-red);
    text-decoration: none;
    transition: var(--transition);
    font-weight: 700;
}

.info-text[href]:hover {
    color: #cc0000;
}

.action-buttons {
    display: flex;
    gap: 10px;
    margin-top: 20px;
}



/* Additional CSS for new contact information items */
.info-item .fa-fax,
.info-item .fa-envelope {
    color: var(--primary-red);
    width: 16px;
    text-align: center;
}

.location-distance {
    font-size: 0.8rem;
    color: #666;
    display: none;
}

/* Ensure consistent spacing for all info items */
.info-item {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    margin-bottom: 14px;
}

.info-item i {
    margin-top: 2px;
    flex-shrink: 0;
}

/* Responsive Design */
@media (max-width: 1024px) {
    .locations-container {
        flex-direction: column;
        height: auto;
    }

    .locations-sidebar {
        flex: none;
        max-height: 400px;
        border-right: none;
        border-bottom: 2px solid var(--primary-dark);
    }

    .map-view {
        min-height: 500px;
    }

    .location-details-card {
        top: auto;
        bottom: 20px;
        right: 50%;
        transform: translateX(50%) translateY(120%);
        width: 320px;
        max-width: 90%;
    }

    .location-details-card.active {
        transform: translateX(50%) translateY(0);
    }
}

@media (max-width: 768px) {
    .locations-section {
        padding: 60px 16px;
    }

    .section-header h1 {
        font-size: 2.5rem;
    }

    .section-header p {
        font-size: 1.1rem;
    }

    .map-controls {
        flex-direction: column;
        gap: 12px;
        align-items: stretch;
    }

    .view-selector {
        justify-content: center;
    }

    .view-btn {
        flex: 1;
        justify-content: center;
    }

    .action-buttons {
        flex-direction: column;
    }

    .locations-sidebar {
        max-height: 350px;
    }
}

@media (max-width: 480px) {
    .section-header h1 {
        font-size: 2rem;
    }

    .locations-sidebar {
        max-height: 300px;
    }

    .search-container {
        padding: 16px;
    }

    .location-item {
        padding: 16px;
    }

    .location-details-card {
        width: 300px;
        right: 50%;
        transform: translateX(50%) translateY(120%);
    }

    .location-details-card.active {
        transform: translateX(50%) translateY(0);
    }

    .card-header,
    .card-content {
        padding: 16px;
    }

    .location-info h3 {
        font-size: 1rem;
        margin-bottom: 10px;
    }

    .info-item {
        margin-bottom: 12px;
        padding-bottom: 12px;
        gap: 10px;
    }



    .map-controls {
        padding: 12px 16px;
    }

    .view-btn,
    .current-location-btn {
        padding: 10px 12px;
        font-size: 12px;
    }
}

/* Scrollbar Styling */
.locations-list::-webkit-scrollbar {
    width: 8px;
}

.locations-list::-webkit-scrollbar-track {
    background: #f1f1f1;
}

.locations-list::-webkit-scrollbar-thumb {
    background: var(--primary-dark);
}

.locations-list::-webkit-scrollbar-thumb:hover {
    background: var(--primary-orange);
}

/* Scrollbar for the card when content overflows */
.location-details-card::-webkit-scrollbar {
    width: 6px;
}

.location-details-card::-webkit-scrollbar-track {
    background: #f1f1f1;
}

.location-details-card::-webkit-scrollbar-thumb {
    background: var(--primary-dark);
    border-radius: 3px;
}

.location-details-card::-webkit-scrollbar-thumb:hover {
    background: var(--primary-orange);
}

/* Animation for location items */
@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translateY(30px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.location-item {
    animation: fadeInUp 0.6s ease forwards;
    opacity: 0;
}

.location-item:nth-child(1) {
    animation-delay: 0.1s;
}

.location-item:nth-child(2) {
    animation-delay: 0.2s;
}

.location-item:nth-child(3) {
    animation-delay: 0.3s;
}

.location-item:nth-child(4) {
    animation-delay: 0.4s;
}

.location-item:nth-child(5) {
    animation-delay: 0.5s;
}

.location-item:nth-child(6) {
    animation-delay: 0.6s;
}



.startpt-subscribe {
    padding: 2.19rem 0;
    background: #231f20;
    font-family: 'Montserrat', sans-serif;
}


.startpt-subscribe-wrapper {
    display: flex;
    gap: 1.5rem;
}

.startpt-subscribe-form {
    width: 100%;
}

.form-row {
    display: flex;
    gap: 0.75rem;
    align-items: stretch;
    width: 100%;
}

.startpt-name-input {
    flex: 1;
    min-width: 0;
}

.startpt-email-input {
    flex: 1;
    min-width: 0;
}

.startpt-subscribe-btn {
    flex: 0 0 auto;
    white-space: nowrap;
}

.startpt-name-input,
.startpt-email-input {
    height: 3.18rem;
    margin: 0;
    padding: 0.32rem 1.25rem;
    color: #fff;
    font-weight: 700;
    border: 0.13rem solid #fff;
    background-color: transparent;
    border-radius: 0;
    font-size: 1rem;
    font-family: 'Montserrat', sans-serif;
}

.startpt-name-input::placeholder,
.startpt-email-input::placeholder {
    font-family: 'Montserrat', sans-serif;
    color: #fff;
    text-transform: uppercase;
    font-size: 0.9rem;
}

.startpt-subscribe-btn {
    height: 3.18rem;
    margin: 0;
    color: #231f20;
    border: 0.13rem solid #fff;
    background-color: #fff;
    padding: 0 1.5rem;
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    font-size: 1rem;
    text-transform: uppercase;
    border-radius: 0;
    cursor: pointer;
    transition: all 0.3s ease;
}

.startpt-subscribe-btn:hover {
    border-color: #003a43;
    background-color: #003a43;
    color: #fff;
}

.startpt-subscribe-content {
    text-align: center;
    margin-top: 0.5rem;
}

.startpt-subscribe-text {
    color: #fff;
    font-family: 'Montserrat', sans-serif;
    font-size: 1.1rem;
    line-height: 1.4;
    margin-bottom: 0.5rem;
}

.startpt-subscribe-text.lead {
    font-size: 1rem;
    font-weight: 400;
    color: #fff;
}

.startpt-subscribe-text.small {
    font-size: 0.9rem;
    font-weight: 400;
    color: #fff;
    opacity: 0.9;
}

/* Tablet Responsive */
@media (max-width: 768px) {
    .form-row {
        gap: 0.5rem;
    }

    .startpt-name-input,
    .startpt-email-input {
        padding: 0.32rem 0.75rem;
        font-size: 0.9rem;
    }

    .startpt-name-input::placeholder,
    .startpt-email-input::placeholder {
        font-size: 0.8rem;
    }

    .startpt-subscribe-btn {
        padding: 0 1rem;
        font-size: 0.9rem;
    }

    .startpt-subscribe-text {
        font-size: 1rem;
    }
}

/* Mobile Responsive */
@media (max-width: 576px) {
    .form-row {
        flex-direction: column;
        gap: 0.5rem;
    }

    .startpt-name-input,
    .startpt-email-input,
    .startpt-subscribe-btn {
        width: 100%;
        height: 2.8rem;
    }

    .startpt-subscribe-content {
        margin-top: 1rem;
    }

    .startpt-subscribe-text {
        font-size: 0.95rem;
    }

    .startpt-subscribe-text.lead {
        font-size: 0.9rem;
    }

    .startpt-subscribe-text.small {
        font-size: 0.85rem;
    }
}

/* Small Mobile */
@media (max-width: 380px) {
    .startpt-subscribe {
        padding: 1.5rem 0;
    }

    .startpt-name-input,
    .startpt-email-input {
        padding: 0.25rem 0.5rem;
        font-size: 0.85rem;
        height: 2.5rem;
    }

    .startpt-subscribe-btn {
        height: 2.5rem;
        font-size: 0.85rem;
        padding: 0 0.75rem;
    }
}




/* Success Modal - Modern Professional */
#successModal .modal-content {
    border-radius: 0;
    border: none;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.3);
    background: #fff;
}

#successModal .modal-body {
    padding: 3rem 2.5rem;
    text-align: center;
}

#successModal .btn-success {
    background: #fe0101;
    border: 2px solid #fe0101;
    color: #ffffff;
    padding: 12px 35px;
    border-radius: 0;
    font-weight: 700;
    font-size: 1rem;
    text-transform: uppercase;
    letter-spacing: 1px;
    transition: all 0.3s ease;
}

#successModal .btn-success:hover {
    background: #d40000;
    border-color: #d40000;
    color: #ffffff;
    transform: translateY(-2px);
    box-shadow: 0 5px 15px rgba(254, 1, 1, 0.3);
}

/* Error Modal - Modern Professional */
#errorModal .modal-content {
    border-radius: 0;
    border: none;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.3);
    background: #fff;
}

#errorModal .modal-body {
    padding: 3rem 2.5rem;
    text-align: center;
}

#errorModal .btn-outline-danger {
    border: 2px solid #fe0101;
    color: #fe0101;
    padding: 12px 35px;
    border-radius: 0;
    font-weight: 700;
    font-size: 1rem;
    text-transform: uppercase;
    letter-spacing: 1px;
    transition: all 0.3s ease;
}

#errorModal .btn-outline-danger:hover {
    background: #fe0101;
    border-color: #fe0101;
    color: #ffffff;
    transform: translateY(-2px);
    box-shadow: 0 5px 15px rgba(254, 1, 1, 0.3);
}

/* Modern Success Animation */
#successModal .checkmark__circle {
    stroke-dasharray: 166;
    stroke-dashoffset: 166;
    stroke-width: 3;
    stroke-miterlimit: 10;
    stroke: #fe0101;
    fill: none;
    animation: stroke 0.6s cubic-bezier(0.65, 0, 0.45, 1) forwards;
}

#successModal .checkmark {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    display: block;
    stroke-width: 3;
    stroke: #fff;
    stroke-miterlimit: 10;
    margin: 0 auto;
    box-shadow: inset 0px 0px 0px #fe0101;
    animation: fill .4s ease-in-out .4s forwards, scale .3s ease-in-out .9s both;
}

#successModal .checkmark__check {
    transform-origin: 50% 50%;
    stroke-dasharray: 48;
    stroke-dashoffset: 48;
    animation: stroke 0.3s cubic-bezier(0.65, 0, 0.45, 1) 0.8s forwards;
    stroke: #ffffff;
}

/* Modern Error Icon */
#errorModal .error-icon {
    width: 80px;
    height: 80px;
    margin: 0 auto 20px;
    position: relative;
}

#errorModal .error-icon::before,
#errorModal .error-icon::after {
    content: '';
    position: absolute;
    width: 4px;
    height: 60px;
    background-color: #fe0101;
    top: 10px;
    left: 38px;
}

#errorModal .error-icon::before {
    transform: rotate(45deg);
}

#errorModal .error-icon::after {
    transform: rotate(-45deg);
}

/* Typography Improvements */
#successModal h4,
#errorModal h4 {
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    font-size: 1.5rem;
    margin-bottom: 1rem;
    color: #231f20;
}

#successModal p,
#errorModal p {
    font-family: 'Montserrat', sans-serif;
    font-size: 1rem;
    color: #666;
    line-height: 1.6;
    margin-bottom: 1.5rem;
}

/* Modal Header Improvements */
#successModal .modal-header,
#errorModal .modal-header {
    border-bottom: none;
    padding: 1.5rem 2.5rem 0;
}

#successModal .btn-close,
#errorModal .btn-close {
    opacity: 0.7;
    transition: opacity 0.3s ease;
}

#successModal .btn-close:hover,
#errorModal .btn-close:hover {
    opacity: 1;
}

/* Animation Keyframes */
@keyframes stroke {
    100% {
        stroke-dashoffset: 0;
    }
}

@keyframes scale {

    0%,
    100% {
        transform: none;
    }

    50% {
        transform: scale3d(1.1, 1.1, 1);
    }
}

@keyframes fill {
    100% {
        box-shadow: inset 0px 0px 0px 40px #fe0101;
    }
}





.swiper-button-next,
.swiper-button-prev {
    color: white !important;
}

.swiper-button-next:after,
.swiper-button-prev:after {
    color: white !important;
}

/* If you also want to change the hover color */
.swiper-button-next:hover,
.swiper-button-prev:hover {
    color: #f0f0f0 !important;
}



/* Reusing your existing CSS styles */
:root {
    --global--font-size-base: 1rem;
    --global--font-size-xs: 0.75rem;
    --global--font-size-sm: 0.9rem;
    --global--font-size-md: 1rem;
    --global--font-size-lg: 1.5rem;
    --global--font-size-xl: 2rem;
    --global--font-size-xxl: 3rem;
    --global--font-size-xxxl: 4rem;
    --global--color-primary: #3c9f82;
    --global--color-primary-light: #e5f5f0;
    --global--color-secondary: #05445e;
    --global--color-secondary-light: #e4f6fe;
    --section-gutter: 0.94rem;
    --section-spacing: 3.13rem;
}

@media only screen and (min-width: 652px) {
    :root {
        --global--font-size-xl: 3rem;
        --global--font-size-xxl: 4rem;
        --global--font-size-xxxl: 5rem;
    }
}


h1 {
    margin-bottom: 0.94rem;
    color: #000;
    font-weight: 700;
    font-family: Montserrat, sans-serif;
    line-height: 1.25;
    font-size: 3.13rem;
}

h2 {
    margin-bottom: 0.94rem;
    color: #231f20;
    font-weight: 700;
    font-family: Montserrat, sans-serif;
    line-height: 1.25;
    font-size: 2.5rem;
}

h3 {
    margin-bottom: 0.94rem;
    color: #003a43;
    font-weight: 300;
    font-family: Montserrat, sans-serif;
    line-height: 1.25;
    font-size: 1.5rem;
}

p {
    margin-bottom: 0.94rem;
    font-weight: 400;
    line-height: 1.88;
}

.container {
    width: 100%;
    max-width: 85.01rem;
    margin-right: auto;
    margin-left: auto;
    padding-right: 0.94rem;
    padding-left: 0.94rem;
}

.btn {
    display: inline-block;
    padding: 0.69rem 1.38rem;
    font-weight: 700;
    font-size: 1rem;
    line-height: 1.25;
    text-align: center;
    text-transform: uppercase;
    text-decoration: none;
    vertical-align: top;
    transition: background-color 0.3s ease 0s, color 0.3s ease 0s, border-color 0.3s ease 0s;
    border-radius: 0;
    border-width: 0.13rem;
    border-style: solid;
}

.btn-primary {
    background-color: #231f20;
    border-color: #231f20;
    color: #fff;
}

.btn-primary:hover {
    background-color: #003a43;
    border-color: #003a43;
    color: #fff;
}

.btn-outline {
    background-color: transparent;
    border-color: #fff;
    color: #fff;
}

.btn-outline:hover {
    background-color: #408dd4;
    border-color: #408dd4;
    color: #fff;
}

.btn-white {
    background-color: #fff;
    border-color: #fff;
    color: #408dd4;
}

.btn-white:hover {
    background-color: #231f20;
    border-color: #231f20;
    color: #fff;
}

/* About Page Specific Styles */
.about-content {
    font-family: Montserrat, sans-serif;
    line-height: 1.6;
    color: #231f20;
}

.about-hero {
    padding: var(--section-spacing) 0;
    background-color: #f4f4f6;
}

.core-values {
    padding: var(--section-spacing) 0;
    background-color: #fff;
}

.mission-section {
    padding: var(--section-spacing) 0;
    background-color: #003a43;
    color: #fff;
}

.services-overview {
    padding: var(--section-spacing) 0;
    background-color: #61d2cc;
}

.cta-section {
    padding: var(--section-spacing) 0;
    background-color: #f4f4f6;
}

.section-title {
    text-align: center;
    margin-bottom: 1.25rem;
}

.values-grid {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 0 -0.94rem;
}

.value-item {
    width: 100%;
    padding: 0 0.94rem;
    margin-bottom: 1.88rem;
    text-align: center;
}

@media (min-width: 768px) {
    .value-item {
        width: 48%;
    }
}

@media (min-width: 992px) {
    .value-item {
        width: 23%;
    }
}

.value-icon {
    margin-bottom: 1.25rem;
}

.value-icon svg {
    width: 80px;
    height: 80px;
    fill: #408dd4;
}

.action-buttons {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
    margin-top: 1.88rem;
}

.steps-container {
    margin-bottom: 3rem;
}

.steps-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    list-style: none;
    padding: 0;
    margin: 0;
    counter-reset: step-counter;
}

.step-item {
    flex: 1;
    text-align: center;
    position: relative;
    padding: 0 1rem;
    min-width: 150px;
    margin-bottom: 1rem;
}

.step-item:before {
    counter-increment: step-counter;
    content: counter(step-counter);
    display: block;
    width: 40px;
    height: 40px;
    background-color: #003a43;
    color: #fff;
    border-radius: 50%;
    line-height: 40px;
    margin: 0 auto 1rem;
    font-weight: bold;
    font-size: 1.2rem;
}

.step-item p {
    font-weight: 700;
    color: #003a43;
    margin: 0;
}

.cta-banner {
    background-color: #003a43;
    padding: 3.75rem 0;
    text-align: center;
    margin-top: 2rem;
}

.cta-content h4 {
    color: #fff;
    font-size: 1.5rem;
    margin-bottom: 2rem;
    text-transform: uppercase;
}

@media (max-width: 720px) {
    h1 {
        font-size: 2.5rem;
    }

    h2 {
        font-size: 1.88rem;
    }

    .action-buttons {
        flex-direction: column;
        align-items: center;
    }

    .btn {
        width: 100%;
        max-width: 300px;
    }

    .steps-list {
        flex-direction: column;
    }

    .step-item {
        flex: 1;
        margin-bottom: 2rem;
    }
}


.step-subtitle {
    font-size: 0.9rem;
    color: #666;
    margin-top: 0.5rem;
    font-weight: 400;
    line-height: 1.4;
}

.cta-subtitle {
    font-size: 1.1rem;
    margin-bottom: 1.5rem;
    opacity: 0.9;
}

.step-link {
    color: #e20c0c;
    font-weight: 700;
    text-decoration: none;
    border-bottom: 1px solid #e20c0c;
    transition: all 0.3s ease;
}

.step-link:hover {
    color: #003a43;
    border-bottom-color: #003a43;
}

/* Additional styles specific to the contact form */
:root {
    --section-spacing: 5rem;
    --section-gutter: 0.94rem;
    --primary-blue: #408dd4;
    --primary-orange: #003a43;
    --dark-text: #231f20;
    --light-bg: #f4f4f6;
}

.contact-section {
    padding: var(--section-spacing) 0;
    background-color: #fff;
}

.contact-header {
    text-align: center;
    margin-bottom: 3.13rem;
    padding: 0 15px;
}

.contact-header h1 {
    color: var(--dark-text);
    text-transform: uppercase;
    font-size: 2.5rem;
    margin-bottom: 0.94rem;
}

.contact-header p {
    color: var(--primary-orange);
    font-size: 1.1rem;
    font-weight: 400;
    max-width: 800px;
    margin: 0 auto;
    line-height: 1.6;
}

.contact-form-container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 15px;
}

.form-row {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -15px;
}

.form-group {
    padding: 0 15px;
    margin-bottom: 1.88rem;
    position: relative;
}

.form-group.full-width {
    width: 100%;
}

.form-group.one-third {
    width: 33.333%;
}

.form-label {
    display: block;
    margin-bottom: 0.5rem;
    font-weight: 700;
    color: var(--dark-text);
}

.form-control {
    width: 100%;
    padding: 0.69rem 1rem;
    border: 2px solid #003a43;
    font-family: Montserrat, sans-serif;
    font-size: 1rem;
    transition: border-color 0.3s ease;
    border-radius: 0;
}

.form-control:focus {
    border-color: var(--primary-blue);
    outline: 0;
}

textarea.form-control {
    min-height: 150px;
    resize: vertical;
}

.contact-info-map {
    display: flex;
    flex-wrap: wrap;
    margin-top: 3.13rem;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
}

.contact-info {
    flex: 0 0 50%;
    padding: 2.5rem;
    background-color: #f4f4f6;
}

.map-container {
    position: relative;
}

#contact-map {
    width: 100%;
    height: 400px;
    border: 0;
}

.contact-details h3 {
    color: var(--dark-text);
    margin-bottom: 1.25rem;
    font-size: 1.5rem;
}

.contact-details p {
    margin-bottom: 1rem;
    line-height: 1.6;
    display: flex;
    align-items: flex-start;
}

.contact-details strong {
    color: var(--primary-orange);
    min-width: 80px;
    display: inline-block;
}

.contact-icon {
    margin-right: 10px;
    color: var(--primary-orange);
}

.btn-submit {
    display: inline-block;
    padding: 0.69rem 1.38rem;
    font-weight: 700;
    font-size: 1rem;
    line-height: 1.25;
    text-align: center;
    text-transform: uppercase;
    text-decoration: none;
    vertical-align: top;
    transition: background-color 0.3s ease, color 0.3s ease, border-color 0.3s ease;
    border-radius: 0;
    border-width: 2px;
    border-style: solid;
    background-color: var(--primary-orange);
    border-color: var(--primary-orange);
    color: #fff;
    cursor: pointer;
}

.btn-submit:hover {
    background-color: #231f20;
    border-color: #231f20;
    color: #fff;
}

/* Responsive adjustments */
@media (max-width: 992px) {
    .form-group.one-third {
        width: 100%;
    }

    .contact-info,
    .map-container {
        flex: 0 0 100%;
    }

    .contact-header h1 {
        font-size: 2rem;
    }
}

@media (max-width: 768px) {
    .contact-info {
        padding: 1.88rem;
    }

    .contact-details p {
        flex-direction: column;
    }

    .contact-icon {
        margin-bottom: 5px;
    }
}







:root {
    --section-spacing: 5rem;
    --section-gutter: 0.94rem;
    --primary-blue: #408dd4;
    --primary-orange: #003a43;
    --dark-text: #231f20;
    --light-bg: #f4f4f6;
}

.careers-section {
    padding: var(--section-spacing) 0;
    background-color: #fff;
}

.careers-header {
    text-align: center;
    margin-bottom: 3.13rem;
    padding: 0 15px;
}

.careers-header h1 {
    color: var(--dark-text);
    text-transform: uppercase;
    font-size: 2.5rem;
    margin-bottom: 0.94rem;
}

.careers-header p {
    color: var(--primary-orange);
    font-size: 1.1rem;
    font-weight: 400;
    max-width: 800px;
    margin: 0 auto;
    line-height: 1.6;
}

.careers-container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 15px;
}

.intro-section {
    background-color: var(--light-bg);
    padding: 2.5rem;
    margin-bottom: 3.13rem;
    border-left: 4px solid var(--primary-orange);
}

.intro-section h2 {
    color: var(--dark-text);
    margin-bottom: 1.25rem;
    font-size: 1.8rem;
}

.intro-section p {
    line-height: 1.7;
    margin-bottom: 1rem;
}

.positions-section {
    margin-bottom: 3.13rem;
}

.positions-header {
    text-align: center;
    margin-bottom: 2.5rem;
}

.positions-header h2 {
    color: var(--dark-text);
    text-transform: uppercase;
    font-size: 2rem;
    margin-bottom: 0.5rem;
}

.position-card {
    background: white;
    border: 2px solid #eaeaea;
    margin-bottom: 1.88rem;
    transition: all 0.3s ease;
}

.position-card:hover {
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    border-color: var(--primary-blue);
}

.position-header {
    background-color: var(--primary-orange);
    color: white;
    padding: 1.5rem;
    text-align: center;
}

.position-header h3 {
    margin: 0;
    font-size: 1.5rem;
    color: white;
    font-weight: 600;
}

.position-body {
    padding: 1.5rem;
}

.position-details {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 1.5rem;
}

.detail-item {
    flex: 1;
    min-width: 200px;
    margin-bottom: 1rem;
}

.detail-label {
    font-weight: 700;
    color: var(--dark-text);
    display: block;
    margin-bottom: 0.25rem;
}

.detail-value {
    color: #555;
}

.position-description h4 {
    color: var(--dark-text);
    margin-bottom: 0.75rem;
    font-size: 1.2rem;
}

.position-description ul {
    margin-bottom: 1.5rem;
    padding-left: 1.5rem;
}

.position-description li {
    margin-bottom: 0.5rem;
    line-height: 1.6;
}

.benefits-section {
    background-color: var(--light-bg);
    padding: 2.5rem;
    margin-bottom: 3.13rem;
}

.benefits-header {
    text-align: center;
    margin-bottom: 2rem;
}

.benefits-header h2 {
    color: var(--dark-text);
    text-transform: uppercase;
    font-size: 1.8rem;
    margin-bottom: 0.5rem;
}

.benefits-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 2rem;
}

.benefit-item {
    text-align: center;
    padding: 1.5rem;
    background: white;
    border-radius: 8px;
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.08);
    transition: transform 0.3s ease;
}

.benefit-item:hover {
    transform: translateY(-5px);
}

.benefit-icon {
    width: 60px;
    height: 60px;
    margin: 0 auto 1rem;
    color: var(--primary-orange);
}

.benefit-item h4 {
    color: var(--dark-text);
    margin-bottom: 0.75rem;
    font-size: 1.1rem;
}

.benefit-item p {
    color: #555;
    line-height: 1.5;
    font-size: 0.95rem;
}

.apply-section {
    text-align: center;
    padding: 3rem 2rem;
    background-color: var(--primary-orange);
    color: white;
    box-shadow: 0 10px 30px rgba(0, 58, 67, 0.15);
    position: relative;
    overflow: hidden;
}

.apply-section::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 4px;
    background: linear-gradient(90deg, #ff6900, #ff6900);
}

.apply-section h2 {
    color: #fff;
    margin-bottom: 1rem;
    font-size: 2rem;
    position: relative;
    z-index: 1;
}

.apply-section p {
    color: #fff;
    margin-bottom: 1.5rem;
    max-width: 800px;
    margin-left: auto;
    margin-right: auto;
    font-size: 1.3rem;
    line-height: 1.6;
    position: relative;
    z-index: 1;
}

.btn-apply {
    display: inline-block;
    padding: 0.9rem 2.5rem;
    background-color: white;
    color: var(--primary-orange);
    font-weight: 700;
    text-decoration: none;
    border: 2px solid white;
    transition: all 0.3s ease;
    text-transform: uppercase;
    font-size: 1rem;
    letter-spacing: 0.5px;
    position: relative;
    z-index: 1;
}

.btn-apply:hover {
    background-color: #408dd4;
    color: white;
    border-color: #408dd4;
    transform: translateY(-2px);
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
}

/* Responsive adjustments */
@media (max-width: 992px) {
    .benefits-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 768px) {
    .careers-header h1 {
        font-size: 2rem;
    }

    .intro-section,
    .benefits-section,
    .apply-section {
        padding: 1.88rem;
    }

    .position-details {
        flex-direction: column;
    }

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

    .apply-section {
        padding: 2rem 1.5rem;
    }

    .apply-section h2 {
        font-size: 1.7rem;
    }
}






.back-pain-hero {
    background: #fff;
    padding: 4rem 0;
    position: relative;
}

.hero-content {
    display: flex;
    align-items: center;
    gap: 3rem;
}

.hero-text {
    flex: 1;
}

.hero-image {
    flex: 0 0 45%;
}

.hero-image img {
    width: 100%;
    height: auto;
    display: block;
}

.mob-treatment-button {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
    margin-top: 2rem;
}

@media (max-width: 768px) {
    .hero-content {
        flex-direction: column;
    }

    .hero-image {
        order: -1;
        width: 100%;
    }

    .mob-treatment-button {
        flex-direction: column;
        align-items: center;
    }

    .appointment-button {
        margin-left: 0;
        width: 100%;
    }

    .appointment-button .btn,
    .btn {
        width: 100%;
        display: block;
    }
}

/* Override for call tracking button with orange theme */
a.call-tracking.btn.transparent.enable-act {
    background-color: #ff6900 !important;
    border-color: #ff6900 !important;
    color: #fff !important;
}

/* Hover state override */
a.call-tracking.btn.transparent.enable-act:hover {
    background-color: transparent !important;
    border-color: #000 !important;
    color: #000 !important;
    text-decoration: none;
}

/* Focus state override */
a.call-tracking.btn.transparent.enable-act:focus {
    background-color: #fe0101 !important;
    border-color: #fe0101 !important;
    color: #fff !important;
    outline: 2px solid #fe0101 !important;
    outline-offset: 2px !important;
    text-decoration: none;
}


.treatment-section {
    padding: var(--section-spacing) 0;
    background: #fff;
}

.section-heading {
    margin-bottom: 2rem;
    text-align: center;
}

.section-heading h2 {
    color: var(--dark-text);
    margin-bottom: 1rem;
    text-transform: uppercase;
}

.section-heading p {
    color: #666;
    max-width: 800px;
    margin-left: auto;
    margin-right: auto;
}

.condition-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 2rem;
    margin: 3rem 0;
}

.condition-card {
    background: white;
    border-radius: 8px;
    padding: 2rem;
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    border-top: 4px solid var(--primary-blue);
    text-align: center;
}

.condition-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15);
}

.condition-card h4 {
    color: var(--primary-blue);
    margin-bottom: 1rem;
    font-size: 1.25rem;
    font-weight: 600;
}

.condition-card p {
    color: #666;
    line-height: 1.6;
    margin: 0;
}

@media (max-width: 768px) {
    .condition-grid {
        grid-template-columns: 1fr;
        gap: 1.5rem;
    }

    .condition-card {
        padding: 1.5rem;
    }
}


.startpt-qa-section {
    background: #f8f9fa;
    color: #333;
}

.startpt-container {
    max-width: 1200px;
    margin: 0 auto;
}

.startpt-section-heading {
    margin-bottom: 3rem;
}

.startpt-heading-large {
    font-size: 2.5rem;
    font-weight: 700;
    color: #003a43;
    text-transform: uppercase;
    margin-bottom: 1rem;
}

.startpt-heading-medium {
    font-size: 1.5rem;
    font-weight: 600;
    color: #003a43;
    margin-bottom: 1rem;
}

.startpt-heading-small {
    font-size: 1.1rem;
    font-weight: 600;
    color: #408dd4;
    margin-bottom: 0.75rem;
}

.startpt-qa-item {
    background: #fff;
    padding: 2rem;
    margin-bottom: 2rem;
    box-shadow: 0 2px 10px rgb(0 58 67 / 27%);
}

.startpt-qa-question {
    border-bottom: 2px solid #ff6900;
    padding-bottom: 1rem;
    margin-bottom: 1.5rem;
}

.startpt-conditions-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 0.75rem;
    margin: 1.5rem 0;
}

.startpt-condition-item {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0.5rem 0;
}

.startpt-bullet {
    width: 8px;
    height: 8px;
    background: #ff6900;
    border-radius: 50%;
    flex-shrink: 0;
}

.startpt-treatment-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 2rem;
    margin: 2rem 0;
}

.startpt-treatment-category {
    background: #f8f9fa;
    padding: 1.5rem;
    border: 2px solid #ff6900;
}

.startpt-treatment-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.startpt-treatment-list li {
    padding: 0.5rem 0;
    border-bottom: 1px solid #003a432b;
}

.startpt-treatment-list li:last-child {
    border-bottom: none;
}

.startpt-highlight {
    background: #bfe0e5;
    padding: 1.5rem;
    border-left: 8px solid #ff6900;
    font-weight: 600;
    margin: 2rem 0 0 0;
}

.startpt-cta-section {
    background: #399590;
    color: #fff;
    padding: 3rem 2rem;
    margin-top: 2rem;
}

.startpt-cta-text {
    font-size: 1.25rem;
    margin-bottom: 2rem;
    font-weight: 500;
}

.startpt-button-group {
    display: flex;
    gap: 1rem;
    justify-content: center;
    flex-wrap: wrap;
}

.startpt-btn {
    padding: 12px 24px;
    text-decoration: none;
    font-weight: 600;
    border-radius: 4px;
    transition: all 0.3s ease;
    text-transform: uppercase;
    font-size: 0.9rem;
}

.startpt-btn-primary {
    background: #408dd4;
    color: #fff;
    border: 2px solid #408dd4;
}

.startpt-btn-primary:hover {
    background: #2d7bc1;
    border-color: #2d7bc1;
}

.startpt-btn-secondary {
    background: transparent;
    color: #fff;
    border: 2px solid #fff;
}

.startpt-btn-secondary:hover {
    background: #fff;
    color: #003a43;
}

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

@media (max-width: 768px) {
    .startpt-qa-section {
        padding: 40px 20px !important;
    }

    .startpt-qa-item {
        padding: 1.5rem;
    }

    .startpt-heading-large {
        font-size: 2rem;
    }

    .startpt-heading-medium {
        font-size: 1.3rem;
    }

    .startpt-conditions-grid {
        grid-template-columns: 1fr;
    }

    .startpt-treatment-grid {
        grid-template-columns: 1fr;
    }

    .startpt-button-group {
        flex-direction: column;
        align-items: center;
    }

    .startpt-btn {
        width: 100%;
        max-width: 300px;
        text-align: center;
    }
}

.startpt-cta-text {
    color: white !important;
    font-size: 1.2em !important;
    margin-bottom: 2rem;
    font-weight: 500;
}

/* Additional styles for services page */
.services {
    padding: 80px 0;
}

.services h2 {
    color: #003a43;
    text-align: center;
    margin-bottom: 40px;
    font-size: 2.5rem;
    text-transform: uppercase;
}

.service-wrapper {
    width: 100%;
}

.service-listing {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -15px;
}

.service-item {
    width: 100%;
    padding: 0 15px;
    margin-bottom: 30px;
}

@media (min-width: 576px) {
    .service-item {
        width: 50%;
    }
}

@media (min-width: 768px) {
    .service-item {
        width: 33.333%;
    }
}

.service-item-inner {
    background-color: #f4f4f6;
    border-top-left-radius: 1px;
    border-top-right-radius: 1px;
    height: 100%;
    transition: all 0.3s ease;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
}

.service-item-inner:hover {
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
}

.service-media {
    position: relative;
    display: block;
    padding-top: 75%;
    /* 4:3 aspect ratio */
    overflow: hidden;
}

.service-media picture {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.service-media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: all 0.5s ease;
}

.service-media:hover img {
    transform: scale(1.1);
}

.service-hover {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 0;
    height: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    padding: 0;
    visibility: hidden;
    opacity: 0;
    transition: all 0.5s ease;
    background-color: #13131440;
    z-index: 2;
    border-radius: 1%;
    transform: translate(-50%, -50%);
}

.service-media:hover .service-hover {
    visibility: visible;
    opacity: 1;
    width: 100%;
    height: 100%;
    border-radius: 0;
}

.service-body {
    padding: 20px;
    text-align: center;
}

.service-name {
    margin-bottom: 10px;
    font-size: 1.25rem;
    font-weight: 700;
    text-transform: uppercase;
    color: #231f20;
    transition: color 0.3s ease;
}

.service-name a {
    color: inherit;
    text-decoration: none;
    font-weight: inherit;
}

.service-name a:hover {
    color: #ff6900;
}

.service-description {
    color: #231f20;
    font-weight: 400;
    line-height: 1.5;
    margin-bottom: 15px;
}

.btn-link {
    display: inline-block;
    color: #ff6900;
    font-weight: 700;
    text-decoration: none;
    border-bottom: 2px solid transparent;
    transition: all 0.3s ease;
    padding-bottom: 3px;
}

.btn-link:hover {
    color: #003a43;
    border-bottom-color: #003a43;
}

.btn-link::after {
    content: "→";
    margin-left: 5px;
    transition: transform 0.3s ease;
}

.btn-link:hover::after {
    transform: translateX(5px);
}

.services-hero {
    background-color: #003a43;
    padding: 60px 0;
    text-align: center;
    color: white;
}

.services-hero h1 {
    color: #fff;
    font-size: 3rem;
    margin-bottom: 20px;
    text-transform: uppercase;
}

.services-hero p {
    color: #fff;
    font-size: 1.3rem;
    max-width: 900px;
    margin: 0 auto;
    line-height: 1.6;
}

.services-cta {
    background-color: #f4f4f6;
    padding: 80px 0;
    text-align: center;
}

.services-cta h2 {
    color: #003a43;
    margin-bottom: 20px;
}

.services-cta p {
    max-width: 700px;
    margin: 0 auto 30px;
    font-size: 1.1rem;
}

@media (max-width: 768px) {
    .services-hero h1 {
        font-size: 2.2rem;
    }
}


/* What We Treat Page Styles */
.what-we-treat {
    padding: 80px 0;
}

.what-we-treat-wrapper {
    width: 100%;
}

.what-we-treat-listing {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -15px;
}

.what-we-treat-item {
    width: 100%;
    padding: 0 15px;
    margin-bottom: 30px;
}

@media (min-width: 576px) {
    .what-we-treat-item {
        width: 50%;
    }
}

@media (min-width: 768px) {
    .what-we-treat-item {
        width: 33.333%;
    }
}

.what-we-treat-item-inner {
    background-color: #f4f4f6;
    border-top-left-radius: 1px;
    border-top-right-radius: 1px;
    height: 100%;
    transition: all 0.3s ease;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
}

.what-we-treat-item-inner:hover {
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
}

.what-we-treat-media {
    position: relative;
    display: block;
    padding-top: 75%;
    overflow: hidden;
}

.what-we-treat-media picture {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.what-we-treat-media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: all 0.5s ease;
}

.what-we-treat-media:hover img {
    transform: scale(1.1);
}

.what-we-treat-hover {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 0;
    height: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    padding: 0;
    visibility: hidden;
    opacity: 0;
    transition: all 0.5s ease;
    background-color: #13131440;
    z-index: 2;
    border-radius: 50%;
    transform: translate(-50%, -50%);
}

.what-we-treat-media:hover .what-we-treat-hover {
    visibility: visible;
    opacity: 1;
    width: 100%;
    height: 100%;
    border-radius: 0;
}

.what-we-treat-body {
    padding: 20px;
    text-align: center;
}

.what-we-treat-name {
    margin-bottom: 10px;
    font-size: 1.25rem;
    font-weight: 700;
    text-transform: uppercase;
    color: #231f20;
    transition: color 0.3s ease;
}

.what-we-treat-name a {
    color: inherit;
    text-decoration: none;
    font-weight: inherit;
}

.what-we-treat-name a:hover {
    color: #ff6900;
}

.what-we-treat-description {
    color: #231f20;
    font-weight: 400;
    line-height: 1.5;
    margin-bottom: 15px;
}

.appointment-form-wrapper {
    padding: 2rem 0;
    font-family: 'Montserrat', sans-serif;
    width: 100%;
    overflow: hidden;
}

.appointment-form-wrapper .row {
    display: flex;
    flex-wrap: wrap;
    margin: 0;
    width: 100%;
}

.appointment-form-wrapper .col {
    padding: 0 15px;
    box-sizing: border-box;
}

.appointment-form-wrapper .col-md-8 {
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
}

.appointment-form-wrapper .col-md-4 {
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
}

.appointment-form-wrapper .appointment-form {
    background: #fff;
    padding: 2rem;
    border-radius: 0;
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
    width: 100%;
    box-sizing: border-box;
}

.appointment-form-wrapper .form-row {
    display: flex;
    flex-wrap: wrap;
    gap: 1.5rem;
    width: 100%;
}

.appointment-form-wrapper .form-group {
    margin-bottom: 0;
    box-sizing: border-box;
}

.appointment-form-wrapper .half-width {
    flex: 1 1 calc(50% - 0.75rem);
    min-width: 0;
}

.appointment-form-wrapper .full-width {
    flex: 1 1 100%;
}

.appointment-form-wrapper .form-label {
    display: block;
    margin-bottom: 0.5rem;
    font-weight: 600;
    color: #231f20;
    font-size: 0.9rem;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.appointment-form-wrapper .form-control {
    width: 100%;
    height: 3rem;
    padding: 0.75rem 1rem;
    border: 2px solid #e0e0e0;
    background-color: #fff;
    border-radius: 0;
    font-size: 1rem;
    font-family: 'Montserrat', sans-serif;
    transition: all 0.3s ease;
    box-sizing: border-box;
}

.appointment-form-wrapper .form-control:focus {
    outline: none;
    border-color: #fe0101;
    box-shadow: 0 0 0 3px rgba(254, 1, 1, 0.1);
}

.appointment-form-wrapper textarea.form-control {
    height: 120px;
    resize: vertical;
    min-height: 120px;
}

.appointment-form-wrapper select.form-control {
    appearance: none;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='%23333' viewBox='0 0 16 16'%3E%3Cpath d='M7.247 11.14 2.451 5.658C1.885 5.013 2.345 4 3.204 4h9.592a1 1 0 0 1 .753 1.659l-4.796 5.48a1 1 0 0 1-1.506 0z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 1rem center;
    background-size: 12px;
    padding-right: 2.5rem;
}

.appointment-form-wrapper .btn-submit {
    background: #fe0101;
    color: #ffffff;
    border: 2px solid #fe0101;
    padding: 1rem 2.5rem;
    font-size: 1.1rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
    border-radius: 0;
    cursor: pointer;
    transition: all 0.3s ease;
    width: 100%;
    font-family: 'Montserrat', sans-serif;
}

.appointment-form-wrapper .btn-submit:hover {
    background: #d40000;
    border-color: #d40000;
    transform: translateY(-2px);
    box-shadow: 0 5px 15px rgba(254, 1, 1, 0.3);
}

.appointment-form-wrapper .text-center {
    text-align: center;
    margin-top: 1.5rem;
    padding: 1rem;
    background: #f8f9fa;
    border-radius: 0;
    width: 100%;
    box-sizing: border-box;
}

.appointment-form-wrapper .text-center strong {
    color: #231f20;
    font-weight: 600;
}

.appointment-form-wrapper .text-center a {
    color: #fe0101;
    text-decoration: none;
    font-weight: 600;
}

.appointment-form-wrapper .text-center a:hover {
    text-decoration: underline;
}

.appointment-form-wrapper .sidebar-box {
    background: #231f20;
    padding: 2rem;
    border-radius: 0;
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
    height: fit-content;
    width: 100%;
    box-sizing: border-box;
}

.appointment-form-wrapper .sidebar-box h3 {
    color: #fff;
    font-size: 1.5rem;
    font-weight: 700;
    margin-bottom: 1rem;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.appointment-form-wrapper .sidebar-box p {
    margin-bottom: 1.5rem;
    line-height: 1.6;
}

.appointment-form-wrapper .sidebar-box .btn {
    display: inline-block;
    background: #fe0101;
    color: #ffffff;
    border: 2px solid #fe0101;
    padding: 0.75rem 1.5rem;
    font-size: 1rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1px;
    border-radius: 0;
    text-decoration: none;
    transition: all 0.3s ease;
    text-align: center;
    width: 100%;
    box-sizing: border-box;
}

.appointment-form-wrapper .sidebar-box .btn:hover {
    background: #d40000;
    border-color: #d40000;
    transform: translateY(-2px);
    box-shadow: 0 5px 15px rgba(254, 1, 1, 0.3);
}

/* Responsive Design */
@media (max-width: 992px) {

    .appointment-form-wrapper .col-md-8,
    .appointment-form-wrapper .col-md-4 {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .appointment-form-wrapper .col-md-4 {
        margin-top: 2rem;
    }
}

@media (max-width: 768px) {
    .appointment-form-wrapper .appointment-form {
        padding: 1.5rem;
    }

    .appointment-form-wrapper .sidebar-box {
        padding: 1.5rem;
    }

    .appointment-form-wrapper .half-width {
        flex: 1 1 100%;
    }

    .appointment-form-wrapper .form-row {
        gap: 1rem;
    }
}

@media (max-width: 576px) {
    .appointment-form-wrapper .appointment-form {
        padding: 1rem;
    }

    .appointment-form-wrapper .btn-submit {
        padding: 0.875rem 1.5rem;
        font-size: 1rem;
    }

    .appointment-form-wrapper .sidebar-box {
        padding: 1rem;
    }
}




/* Success Animation Styles */
.checkmark__circle {
    stroke-dasharray: 166;
    stroke-dashoffset: 166;
    stroke-width: 3;
    stroke-miterlimit: 10;
    stroke: #4caf50;
    fill: none;
    animation: stroke 0.6s cubic-bezier(0.65, 0, 0.45, 1) forwards;
}

.checkmark {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    display: block;
    stroke-width: 3;
    stroke: #4caf50;
    stroke-miterlimit: 10;
    margin: 0 auto;
    box-shadow: inset 0px 0px 0px #4caf50;
    animation: fill .4s ease-in-out .4s forwards, scale .3s ease-in-out .9s both;
}

.checkmark__check {
    transform-origin: 50% 50%;
    stroke-dasharray: 48;
    stroke-dashoffset: 48;
    animation: stroke 0.3s cubic-bezier(0.65, 0, 0.45, 1) 0.8s forwards;
}

@keyframes stroke {
    100% {
        stroke-dashoffset: 0;
    }
}

@keyframes scale {

    0%,
    100% {
        transform: none;
    }

    50% {
        transform: scale3d(1.1, 1.1, 1);
    }
}

@keyframes fill {
    100% {
        box-shadow: inset 0px 0px 0px 40px #4caf50;
    }
}

/* Modal Styles */
.modal-content {
    border-radius: 8px;
    border: none;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
    font-family: 'Montserrat', sans-serif;
}

.modal-body {
    padding: 2rem;
}

.btn-success {
    background: #4caf50;
    border-color: #4caf50;
    padding: 0.75rem 2rem;
    font-weight: 600;
    border-radius: 4px;
}

.btn-outline-danger {
    border-color: #f44336;
    color: #f44336;
    padding: 0.75rem 2rem;
    font-weight: 600;
    border-radius: 4px;
}

.btn-outline-danger:hover {
    background: #f44336;
    border-color: #f44336;
}

/* Error icon animation */
.error-icon {
    animation: errorPulse 0.5s ease-in-out;
}

@keyframes errorPulse {
    0% {
        transform: scale(1);
    }

    50% {
        transform: scale(1.1);
    }

    100% {
        transform: scale(1);
    }
}

/* Spinner styles */
.spinner-border-sm {
    width: 1rem;
    height: 1rem;
    border-width: 0.2em;
}

/* Button loading state */
.btn-submit:disabled {
    opacity: 0.7;
    cursor: not-allowed;
}

/* Responsive adjustments */
@media (max-width: 576px) {
    .modal-body {
        padding: 1.5rem;
    }

    .checkmark {
        width: 60px;
        height: 60px;
    }

    .error-icon {
        width: 60px !important;
        height: 60px !important;
    }
}



/* Testimonials Section */
.testimonials-section {
    position: relative;
    padding: 5rem 0;
    background-color: #489792;
    overflow: hidden;
}

.testimonials-wrapper {
    position: relative;
    z-index: 1;
}

.section-heading.white h2 {
    color: #fff;
    font-size: 2.5rem;
    margin-bottom: 0.5rem;
    font-weight: 700;
    text-transform: uppercase;
}

.section-heading.white h3 {
    color: #fff;
    font-size: 1.5rem;
    font-weight: 300;
    margin-bottom: 3rem;
    text-transform: uppercase;
    letter-spacing: 1px;
}

/* Testimonials Slider */
.testimonials-slider {
    background: #003a43;
    margin-bottom: 2rem;
    padding: 3rem 0;
    position: relative;
    width: 100%;
    overflow: hidden;
}

.testimonials-slider::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(135deg, #003a43 0%, #002a33 100%);
    z-index: -1;
}

/* Testimonial Items */
.testimonials-item {
    padding: 0 1rem;
    height: auto;
    transition: transform 0.6s ease, opacity 0.6s ease;
}

.testimonials-item-inner {
    background: rgba(255, 255, 255, 0.05);
    padding: 2.5rem;
    border-radius: 12px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    backdrop-filter: blur(10px);
    transition: all 0.4s ease;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

/* Stars */
.stars {
    display: flex;
    justify-content: center;
    gap: 0.3rem;
    margin-bottom: 1.5rem;
}

.stars i {
    color: #ff6900;
    width: 20px;
    height: 20px;
    fill: #ff6900;
}

/* Testimonial Content */
.testimonials-item-inner p {
    color: #fff;
    line-height: 1.7;
    margin-bottom: 1.5rem;
    font-size: 1.1rem;
    font-weight: 300;
}

.testimonials-item-inner p.title {
    font-size: 1.4rem;
    font-weight: 700;
    text-transform: uppercase;
    line-height: 1.2;
    margin: 1rem 0;
    color: #ff6900;
}

.testimonials-item-inner .h6 {
    margin: 0;
    color: #fff;
    text-transform: uppercase;
    font-size: 1rem;
    font-weight: 600;
    letter-spacing: 1px;
}

/* Swiper Navigation */
.swiper-button-prev,
.swiper-button-next {
    width: 50px;
    height: 50px;
    color: #fff;
    background: transparent;
    border-radius: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease;
    margin-top: -25px;
}

.swiper-button-prev:hover,
.swiper-button-next:hover {
    color: #ff6900;
    transform: scale(1.1);
}

.swiper-button-prev:after,
.swiper-button-next:after {
    display: none;
}

.swiper-button-prev {
    left: 10px;
}

.swiper-button-next {
    right: 10px;
}

.icon-chevrons-left,
.icon-chevrons-right {
    width: 30px;
    height: 30px;
    stroke: currentColor;
    stroke-width: 2;
}

/* Square Pagination Bullets */
.swiper-pagination {
    bottom: 15px !important;
}

.swiper-pagination-bullet {
    width: 12px;
    height: 12px;
    background: #fff;
    opacity: 0.4;
    transition: all 0.3s ease;
    border-radius: 2px;
    margin: 0 6px !important;
    transform: rotate(45deg);
}

.swiper-pagination-bullet-active {
    opacity: 1;
    background: #ff6900;
    transform: rotate(45deg) scale(1.2);
    box-shadow: 0 0 10px rgba(255, 105, 0, 0.5);
}

/* Testimonials Buttons */
.testimonials-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: 1.5rem;
    margin-top: 3rem;
}

/* Responsive Design */
@media (max-width: 768px) {
    .testimonials-section {
        padding: 3rem 0;
    }

    .section-heading.white h2 {
        font-size: 2rem;
    }

    .section-heading.white h3 {
        font-size: 1.25rem;
    }

    .testimonials-slider {
        padding: 2rem 0;
    }

    .testimonials-item {
        padding: 0 0.5rem;
    }

    .testimonials-item-inner {
        padding: 2rem 1.5rem;
    }

    .swiper-button-prev,
    .swiper-button-next {
        display: none;
    }

    .testimonials-btn {
        flex-direction: column;
        gap: 1rem;
    }

    .testimonials-btn .btn {
        width: 100%;
        max-width: 280px;
    }
}

@media (max-width: 480px) {
    .testimonials-item-inner {
        padding: 1.5rem 1rem;
    }

    .testimonials-item-inner p {
        font-size: 1rem;
    }

    .testimonials-item-inner p.title {
        font-size: 1.2rem;
    }

    .swiper-pagination-bullet {
        width: 10px;
        height: 10px;
        margin: 0 4px !important;
    }
}


/* New Social Media Section Styles */
.social-media-section {
    background: linear-gradient(135deg, #003a43 0%, #003a43 100%);
    padding: 4rem 0;
    color: #fff;
    text-align: center;
    position: relative;
    overflow: hidden;
}

.social-media-section::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url("data:image/svg+xml,%3Csvg width='100' height='100' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11 18c3.866 0 7-3.134 7-7s-3.134-7-7-7-7 3.134-7 7 3.134 7 7 7zm48 25c3.866 0 7-3.134 7-7s-3.134-7-7-7-7 3.134-7 7 3.134 7 7 7zm-43-7c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm63 31c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM34 90c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm56-76c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM12 86c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm28-65c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm23-11c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm-6 60c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm29 22c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zM32 63c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm57-13c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm-9-21c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM60 91c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM35 41c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM12 60c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2z' fill='%23ffffff' fill-opacity='0.05' fill-rule='evenodd'/%3E%3C/svg%3E");
    opacity: 0.3;
}

.social-media-container {
    position: relative;
    z-index: 1;
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 15px;
}

.social-section-title {
    font-family: 'Montserrat', sans-serif;
    font-size: 2.5rem;
    font-weight: 700;
    margin-bottom: 1rem;
    text-transform: uppercase;
    color: #fff !important;
    position: relative;
    display: inline-block;
}

.social-section-title::after {
    content: '';
    position: absolute;
    bottom: -10px;
    left: 50%;
    transform: translateX(-50%);
    width: 80px;
    height: 4px;
    background: #ff6900;
    border-radius: 2px;
}

.social-section-subtitle {
    font-size: 1.1rem;
    margin-bottom: 2.5rem;
    max-width: 600px;
    margin-left: auto;
    margin-right: auto;
    color: #fff !important;
    opacity: 0.9;
}

.social-icons {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 1.5rem;
    margin-top: 1.5rem;
}

.social-icon {
    width: 70px;
    height: 70px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    color: white;
    font-size: 1.8rem;
    text-decoration: none;
    transition: all 0.3s ease;
    position: relative;
    overflow: hidden;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);
    background: rgba(255, 255, 255, 0.1);
    backdrop-filter: blur(10px);
    border: 1px solid rgba(255, 255, 255, 0.2);
}

.social-icon::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.1);
    transform: translateY(100%);
    transition: transform 0.3s ease;
}

.social-icon:hover::before {
    transform: translateY(0);
}

.social-icon:hover {
    transform: translateY(-5px);
    box-shadow: 0 15px 20px rgba(0, 0, 0, 0.3);
}

/* Individual icon colors */
.social-icon.facebook:hover {
    background: #3b5998;
}

.social-icon.twitter:hover {
    background: #1da1f2;
}

.social-icon.instagram:hover {
    background: linear-gradient(45deg, #405de6, #5851db, #833ab4, #c13584, #e1306c, #fd1d1d);
}

.social-icon.youtube:hover {
    background: #ff0000;
}

.social-icon.linkedin:hover {
    background: #0077b5;
}

.social-icon.tiktok:hover {
    background: #000000;
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .social-media-section {
        padding: 3rem 0;
    }

    .social-section-title {
        font-size: 2rem;
    }

    .social-icon {
        width: 60px;
        height: 60px;
        font-size: 1.5rem;
    }

    .social-icons {
        gap: 1rem;
    }
}

@media (max-width: 480px) {
    .social-media-section {
        padding: 2.5rem 0;
    }

    .social-section-title {
        font-size: 1.7rem;
    }

    .social-icon {
        width: 50px;
        height: 50px;
        font-size: 1.3rem;
    }

    .social-icons {
        gap: 0.8rem;
    }
}












/* Accepted Insurances Section */
.accepted-insurances {
    padding: 80px 0;
    background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
}

.accepted-insurances-hero {
    display: flex;
    align-items: center;
    gap: 60px;
}

.accepted-insurances-content {
    flex: 1;
}

.accepted-insurances h1 {
    font-size: 2.5rem;
    color: #2c3e50;
    margin-bottom: 20px;
    font-weight: 700;
}

.accepted-insurances p {
    color: #555;
    margin-bottom: 25px;
    font-size: 1.1rem;
}

.insurance-highlight {
    font-weight: 600;
    color: #2c3e50;
}

.insurance-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 30px;
    margin: 40px 0;
}

.insurance-column {
    background-color: #fff;
    padding: 25px;
    border-radius: 10px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
}

.insurance-column h3 {
    font-size: 1.3rem;
    color: #e74c3c;
    margin-bottom: 15px;
    border-bottom: 2px solid #f0f0f0;
    padding-bottom: 10px;
}

.insurance-column ul {
    list-style-type: none;
}

.insurance-column li {
    padding: 8px 0;
    border-bottom: 1px solid #f5f5f5;
    font-weight: 500;
}

.insurance-column li:last-child {
    border-bottom: none;
}

.view-full-list {
    margin-top: 20px;
}

.view-full-list a {
    color: #3498db;
    text-decoration: none;
    font-weight: 600;
    font-size: 1.1rem;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    transition: color 0.3s;
}

.view-full-list a:hover {
    color: #2980b9;
    text-decoration: underline;
}

.view-full-list a::after {
    content: "→";
    margin-left: 8px;
    transition: transform 0.3s;
}

.view-full-list a:hover::after {
    transform: translateX(4px);
}

.accepted-insurances-image {
    flex: 1;
    text-align: center;
}

.accepted-insurances-image img {
    max-width: 100%;
    border-radius: 10px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
}

/* Popup Styles */
.overlay {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.7);
    z-index: 999;
}

.insurance-popup {
    display: none;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 90%;
    max-width: 1000px;
    max-height: 90vh;
    background-color: #fff;
    border-radius: 10px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
    z-index: 1000;
    overflow-y: auto;
}

.close-btn {
    position: absolute;
    top: 20px;
    right: 25px;
    font-size: 28px;
    font-weight: bold;
    color: #aaa;
    cursor: pointer;
    z-index: 1001;
    background: none;
    border: none;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    transition: all 0.3s;
}

.close-btn:hover {
    color: #000;
    background-color: #f0f0f0;
}

.insurance-popup-inner {
    padding: 40px;
}

.insurance-popup-header {
    margin-bottom: 30px;
    border-bottom: 1px solid #eee;
    padding-bottom: 20px;
}

.insurance-popup-header h2 {
    font-size: 2rem;
    color: #2c3e50;
}

.insurance-popup-columns {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
    gap: 30px;
}

.insurance-popup-column h3 {
    font-size: 1.2rem;
    color: #e74c3c;
    margin-bottom: 15px;
    border-bottom: 1px solid #eee;
    padding-bottom: 8px;
}

.insurance-popup-column ul {
    list-style-type: none;
}

.insurance-popup-column li {
    padding: 6px 0;
    border-bottom: 1px solid #f5f5f5;
}

.insurance-popup-column li:last-child {
    border-bottom: none;
}

/* Responsive Styles */
@media (max-width: 992px) {
    .accepted-insurances-hero {
        flex-direction: column;
        gap: 40px;
    }

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

@media (max-width: 768px) {
    .accepted-insurances {
        padding: 50px 0;
    }

    .accepted-insurances h1 {
        font-size: 2rem;
    }

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

@media (max-width: 576px) {
    .insurance-popup-columns {
        grid-template-columns: 1fr;
    }

    .insurance-popup-inner {
        padding: 25px;
    }
}


/* Personal Injury Section */
.personal-injury-section {
    padding: 80px 0;
    background: linear-gradient(135deg, #003a43 0%, #005662 100%);
    color: #ffffff;
    position: relative;
    overflow: hidden;
}

.personal-injury-section::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: 100% 150px;
    background-repeat: no-repeat;
    background-position: top;
}

.personal-injury-section::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: 100% 150px;
    background-repeat: no-repeat;
    background-position: bottom;
    transform: rotate(180deg);
}

.personal-injury-content {
    display: flex;
    align-items: center;
    gap: 60px;
    position: relative;
    z-index: 1;
}

.injury-left {
    flex: 1;
}

.injury-right {
    flex: 1;
    background-color: rgba(255, 255, 255, 0.1);
    backdrop-filter: blur(10px);
    padding: 40px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
}

.injury-right h2 {
    color: #fff !important;
    text-align: center;
}

.injury-badge {
    display: inline-block;
    background-color: #ff6900;
    color: #ffffff !important;
    padding: 8px 20px;
    border-radius: 10px;
    font-weight: 700;
    font-size: 0.9rem;
    margin-bottom: 20px;
    letter-spacing: 1px;
}

.injury-heading {
    font-size: 3rem;
    font-weight: 800;
    line-height: 1.1;
    color: #fff !important;
    margin-bottom: 10px;
}

.injury-heading span {
    color: #ff6900;
}

.injury-subheading {
    font-size: 1.3rem;
    margin-bottom: 30px;
    opacity: 0.9;
    color: #fff !important;
}

.accepting-list {
    margin-bottom: 40px;
}

.accepting-list h3 {
    font-size: 2.2rem;
    margin-bottom: 15px;
    color: #ff6900;
}

.accepting-list ul {
    list-style-type: none;
}

.accepting-list li {
    padding: 10px 0;
    padding-left: 30px;
    position: relative;
    font-size: 22px;
    font-weight: 500;
}

.accepting-list li::before {
    content: '✓';
    position: absolute;
    left: 0;
    color: #ff6900;
    font-weight: bolder;
}

.contact-info {
    background-color: rgba(255, 255, 255, 0.1);
    padding: 25px;
    border-radius: 2px;
    margin-bottom: 30px;
    text-align: center;
}

.phone-number {
    font-size: 2.4rem;
    font-weight: 700;
    color: #ff6900;
    margin-bottom: 15px;
}

.email-link {
    color: #fff;
    text-decoration: none;
    font-size: 23px;
    font-weight: 500;
    display: inline-flex;
    align-items: center;
    word-spacing: 2px;
}

.email-link:hover {
    text-decoration: none;
    color: #ff6900;
}

.offerings-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
}

.offering-item {
    display: flex;
    align-items: flex-start;
    gap: 15px;
}

.offering-icon {
    width: 50px;
    height: 50px;
    background-color: rgb(255 ,105 ,0);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    color: #fff;
}

.offering-text h4 {
    font-size: 1.1rem;
    margin-bottom: 5px;
    color: #fff !important;
}

.offering-text p {
    font-size: 0.9rem;
    opacity: 0.8;
    color: #c9bebe !important;
}



.btn-primary {
    background-color: #ff6900;
    border-color: #f4f4f6;
    color: #ffffff;
}

.btn-primary:hover {
    background-color: #fff;
    color: #003a43;
}

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

.btn-outline:hover {
    background-color: #ffffff;
    color: #000;
}

.btn i {
    margin-right: 8px;
}

.action-buttons {
    display: flex;
    gap: 15px;
    margin-top: 30px;
}

/* Responsive Styles */
@media (max-width: 992px) {
    .personal-injury-content {
        flex-direction: column;
        gap: 40px;
    }

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

@media (max-width: 768px) {
    .personal-injury-section {
        padding: 60px 0;
    }

    .injury-heading {
        font-size: 2.5rem;
    }

    .action-buttons {
        flex-direction: column;
    }

    .btn {
        width: 100%;
        justify-content: center;
    }
}

@media (max-width: 576px) {
    .injury-heading {
        font-size: 2rem;
    }

    .injury-right {
        padding: 25px;
    }

    .phone-number {
        font-size: 1.5rem;
    }
}







:root {
    --primary-dark: #003a43;
    --primary-orange: #ff6900;
    --primary-red: #fe0101;
    --light-gray: #f8f9fa;
    --medium-gray: #e9ecef;
    --dark-text: #2c3e50;
    --transition: all 0.3s ease;
}


/* Header Section */
.provider-header {
    background: linear-gradient(135deg, var(--primary-dark) 0%, #00576b 100%);
    color: white;
    padding: 60px 0 40px;
    position: relative;
    overflow: hidden;
}

.provider-header::before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    width: 40%;
    height: 100%;
    background: rgba(255, 255, 255, 0.05);
    clip-path: polygon(25% 0%, 100% 0%, 100% 100%, 0% 100%);
}

.provider-title {
    margin-bottom: 15px;
}

.provider-title h1 {
    font-size: 2.8rem;
    font-weight: 700;
    margin-bottom: 5px;
}

.provider-title .credentials {
    font-size: 1.4rem;
    font-weight: 500;
    margin-bottom: 10px;
    color: rgba(255, 255, 255, 0.9);
}

.provider-locations {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 1.1rem;
    margin-bottom: 20px;
}

.provider-locations i {
    color: var(--primary-orange);
}

.breadcrumb {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 0.95rem;
    margin-top: 20px;
}

.breadcrumb a {
    color: rgba(255, 255, 255, 0.8);
    text-decoration: none;
    transition: var(--transition);
}

.breadcrumb a:hover {
    color: white;
}

.breadcrumb span {
    color: rgba(255, 255, 255, 0.6);
}

/* Main Content */
.provider-content {
    padding: 60px 0;
    background-color: white;
}

.profile-container {
    display: grid;
    grid-template-columns: 1fr 2fr;
    gap: 40px;
}

/* Profile Sidebar */
.profile-sidebar {
    background-color: var(--light-gray);
    padding: 30px;
    border: 1px solid var(--medium-gray);
    align-self: start;
}

.profile-image {
    text-align: center;
    margin-bottom: 25px;
}

.profile-image img {
    width: 100%;
    max-width: 300px;
    height: auto;
    border: 3px solid white;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
}

.profile-details {
    margin-bottom: 25px;
}

.profile-details h3 {
    color: var(--primary-dark);
    font-size: 1.3rem;
    margin-bottom: 15px;
    padding-bottom: 8px;
    border-bottom: 2px solid var(--primary-orange);
}

.detail-item {
    margin-bottom: 15px;
}

.detail-item .label {
    font-weight: 600;
    color: var(--primary-dark);
    display: block;
    margin-bottom: 5px;
}

.detail-item .value {
    color: var(--dark-text);
}

.appointment-cta {
    text-align: center;
    margin-top: 30px;
}


/* Profile Main */
.profile-main h2 {
    color: var(--primary-dark);
    font-size: 1.8rem;
    margin-bottom: 20px;
    padding-bottom: 10px;
    border-bottom: 2px solid var(--primary-orange);
}

.bio-section {
    margin-bottom: 40px;
}

.bio-section p {
    margin-bottom: 15px;
    font-size: 1.05rem;
}

.education-section,
.expertise-section {
    margin-bottom: 40px;
}

.section-title {
    color: var(--primary-dark);
    font-size: 1.4rem;
    margin-bottom: 15px;
    display: flex;
    align-items: center;
    gap: 10px;
}

.section-title i {
    color: var(--primary-orange);
}

.education-list,
.expertise-list {
    list-style-type: none;
}

.education-list li,
.expertise-list li {
    margin-bottom: 10px;
    padding-left: 25px;
    position: relative;
}

.education-list li::before,
.expertise-list li::before {
    content: '✓';
    position: absolute;
    left: 0;
    color: var(--primary-orange);
    font-weight: bold;
}

.quote-section {
    background-color: var(--light-gray);
    padding: 25px;
    border-left: 4px solid var(--primary-orange);
    margin: 30px 0;
}

.quote-section p {
    font-style: italic;
    font-size: 1.1rem;
    margin-bottom: 10px;
}

.quote-author {
    font-weight: 600;
    color: var(--primary-dark);
}

/* Responsive Design */
@media (max-width: 992px) {
    .profile-container {
        grid-template-columns: 1fr;
        gap: 30px;
    }

    .profile-sidebar {
        order: 2;
    }

    .profile-main {
        order: 1;
    }

    .provider-header::before {
        width: 60%;
    }
}

@media (max-width: 768px) {
    .provider-header {
        padding: 40px 0 30px;
    }

    .provider-title h1 {
        font-size: 2.2rem;
    }

    .provider-title .credentials {
        font-size: 1.2rem;
    }

    .profile-sidebar {
        padding: 20px;
    }

    .provider-header::before {
        width: 80%;
    }
}

@media (max-width: 576px) {
    .provider-title h1 {
        font-size: 1.8rem;
    }

    .provider-title .credentials {
        font-size: 1.1rem;
    }

    .provider-locations {
        flex-direction: column;
        align-items: flex-start;
        gap: 5px;
    }

    .profile-main h2 {
        font-size: 1.5rem;
    }

    .section-title {
        font-size: 1.2rem;
    }

    .quote-section {
        padding: 20px;
    }
}


.provider-header {
    background: linear-gradient(135deg, #003a43 0%, #00576b 100%);
    color: white;
    padding: 40px 0;
    position: relative;
    overflow: hidden;
}

.provider-header::before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    width: 40%;
    height: 100%;
    background: rgba(255, 255, 255, 0.05);
    clip-path: polygon(25% 0%, 100% 0%, 100% 100%, 0% 100%);
}

.container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
}

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

.provider-title {
    margin-bottom: 15px;
}

.provider-title h1 {
    font-size: 2.8rem;
    font-weight: 700;
    margin-bottom: 5px;
}

.provider-title .credentials {
    font-size: 1.4rem;
    font-weight: 500;
    margin-bottom: 10px;
    color: rgba(255, 255, 255, 0.9);
}

.provider-locations {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    font-size: 1.1rem;
    margin-bottom: 20px;
}

.provider-locations i {
    color: #ff6900;
}

/* Responsive Design */
@media (max-width: 768px) {
    .provider-header {
        padding: 30px 0;
    }

    .provider-title h1 {
        font-size: 2.2rem;
    }

    .provider-title .credentials {
        font-size: 1.2rem;
    }

    .provider-header::before {
        width: 60%;
    }
}





/* Prompt Technology Section Styles */
.prompt-technology-section {
    position: relative;
    overflow: hidden;
}

.prompt-technology-section::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1000 1000" opacity="0.03"><polygon fill="white" points="0,1000 1000,0 1000,1000"/></svg>');
    background-size: cover;
}

.feature-card {
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    height: 100%;
}

.feature-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
}

.cta-buttons .btn:hover {
    transform: translateY(-2px);
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
    background: #e55e00 !important;
}

/* Responsive Design */
@media (max-width: 768px) {
    .prompt-technology-section {
        padding: 60px 0 !important;
    }

    .features-grid {
        grid-template-columns: 1fr !important;
        gap: 20px !important;
    }

    .feature-card {
        padding: 25px !important;
    }

    .cta-buttons {
        flex-direction: column;
        align-items: center;
    }

    .cta-buttons .btn {
        width: 100%;
        max-width: 300px;
        text-align: center;
    }
}







:root {
    --primary-dark: #003a43;
    --primary-orange: #ff6900;
    --primary-red: #fe0101;
    --light-bg: #f8f9fa;
    --border-color: #e8ecef;
    --text-dark: #2d3748;
    --text-light: #718096;
    --shadow-sm: 0 2px 4px rgba(0, 0, 0, 0.05);
    --shadow-md: 0 4px 6px rgba(0, 0, 0, 0.07);
    --shadow-lg: 0 10px 25px rgba(0, 0, 0, 0.1);
    --radius: 12px;
    --transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

/* Modern Blog Header */
.modern-blog-header {
    background: linear-gradient(135deg, var(--primary-dark) 0%, #004a55 100%);
    color: white;
    padding: 80px 0;
    text-align: center;
}

.blog-hero-content h1 {
    font-size: 3.5rem;
    font-weight: 800;
    margin-bottom: 1rem;
    letter-spacing: -0.5px;
}

.blog-subtitle {
    font-size: 1.25rem;
    opacity: 0.9;
    max-width: 600px;
    margin: 0 auto 3rem;
    line-height: 1.6;
}

.blog-stats {
    display: flex;
    justify-content: center;
    gap: 3rem;
}

.stat-item {
    text-align: center;
}

.stat-number {
    display: block;
    font-size: 2.5rem;
    font-weight: 700;
    color: var(--primary-orange);
}

.stat-label {
    font-size: 0.9rem;
    opacity: 0.8;
    text-transform: uppercase;
    letter-spacing: 1px;
}

/* Main Layout */
.modern-blog-container {
    padding: 80px 0;
    background: var(--light-bg);
}

.blog-layout {
    display: grid;
    grid-template-columns: 2fr 1fr;
    gap: 4rem;
    align-items: start;
}

/* Featured Post */
.modern-featured-post {
    background: white;
    border-radius: var(--radius);
    overflow: hidden;
    box-shadow: var(--shadow-lg);
    margin-bottom: 4rem;
    transition: var(--transition);
}

.modern-featured-post:hover {
    transform: translateY(-8px);
    box-shadow: var(--shadow-lg), 0 20px 40px rgba(0, 0, 0, 0.15);
}

.featured-post-image {
    position: relative;
    height: 400px;
    overflow: hidden;
}

.featured-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: var(--transition);
}

.modern-featured-post:hover .featured-img {
    transform: scale(1.05);
}

.post-badge {
    position: absolute;
    top: 20px;
    left: 20px;
    background: var(--primary-orange);
    color: white;
    padding: 8px 16px;
    border-radius: 20px;
    font-size: 0.8rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.featured-post-content {
    padding: 2.5rem;
}

.post-meta-header {
    display: flex;
    align-items: center;
    gap: 1rem;
    margin-bottom: 1rem;
}

.post-category {
    padding: 6px 12px;
    border-radius: 20px;
    font-size: 0.75rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.post-category.treatment {
    background: #e3f2fd;
    color: #1565c0;
}

.post-category.wellness {
    background: #e8f5e9;
    color: #2e7d32;
}

.post-category.sports {
    background: #fff3e0;
    color: #ef6c00;
}

.post-category.recovery {
    background: #f3e5f5;
    color: #7b1fa2;
}

.post-category.workplace {
    background: #e0f2f1;
    color: #00695c;
}

.post-date {
    color: var(--text-light);
    font-size: 0.9rem;
}

.post-title-link {
    color: var(--text-dark);
    text-decoration: none;
    font-size: 2rem;
    font-weight: 700;
    line-height: 1.3;
    transition: var(--transition);
}

.post-title-link:hover {
    color: var(--primary-orange);
}

.post-excerpt {
    color: var(--text-light);
    line-height: 1.7;
    margin: 1.5rem 0;
    font-size: 1.1rem;
}

.post-footer {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 2rem;
    padding-top: 1.5rem;
    border-top: 1px solid var(--border-color);
}

.author-info {
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.author-avatar {
    width: 40px;
    height: 40px;
    background: var(--primary-dark);
    color: white;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    font-size: 0.9rem;
}

.author-name {
    font-weight: 600;
    color: var(--text-dark);
}

.modern-read-more {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    color: var(--primary-red);
    font-weight: 600;
    text-decoration: none;
    transition: var(--transition);
}

.modern-read-more:hover {
    color: var(--primary-orange);
    gap: 0.75rem;
}

/* Posts Grid */
.modern-posts-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 2rem;
    margin-bottom: 4rem;
}

.modern-post-card {
    background: white;
    border-radius: var(--radius);
    overflow: hidden;
    box-shadow: var(--shadow-md);
    transition: var(--transition);
}

.modern-post-card:hover {
    transform: translateY(-5px);
    box-shadow: var(--shadow-lg);
}

.post-card-image {
    height: 200px;
    overflow: hidden;
}

.post-card-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: var(--transition);
}

.modern-post-card:hover .post-card-image img {
    transform: scale(1.1);
}

.post-card-content {
    padding: 1.5rem;
}

.post-card-content h3 {
    margin: 1rem 0 0.75rem;
}

.post-card-content .post-title-link {
    font-size: 1.25rem;
}

.post-card-content .post-excerpt {
    font-size: 0.95rem;
    margin: 0.75rem 0;
}

.post-card-content .post-footer {
    margin-top: 1rem;
    padding-top: 1rem;
}

.reading-time {
    color: var(--text-light);
    font-size: 0.85rem;
}

/* Pagination */
.modern-pagination {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 3rem;
}

.pagination-arrow {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 12px 20px;
    background: white;
    color: var(--text-dark);
    text-decoration: none;
    border-radius: var(--radius);
    font-weight: 600;
    transition: var(--transition);
    box-shadow: var(--shadow-sm);
}

.pagination-arrow:hover {
    background: var(--primary-dark);
    color: white;
    transform: translateY(-2px);
    box-shadow: var(--shadow-md);
}

.pagination-numbers {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.page-number {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 45px;
    height: 45px;
    background: white;
    color: var(--text-dark);
    text-decoration: none;
    border-radius: var(--radius);
    font-weight: 600;
    transition: var(--transition);
    box-shadow: var(--shadow-sm);
}

.page-number:hover,
.page-number.active {
    background: var(--primary-red);
    color: white;
    transform: translateY(-2px);
}

.page-dots {
    color: var(--text-light);
    padding: 0 0.5rem;
}

/* Sidebar */
.modern-sidebar {
    display: flex;
    flex-direction: column;
    gap: 2rem;
}

.sidebar-widget {
    background: white;
    padding: 2rem;
    border-radius: var(--radius);
    box-shadow: var(--shadow-md);
}

.widget-title {
    font-size: 1.25rem;
    font-weight: 700;
    color: var(--primary-dark);
    margin-bottom: 1.5rem;
    padding-bottom: 0.75rem;
    border-bottom: 2px solid var(--primary-orange);
}

/* Search Form */
.modern-search-form {
    position: relative;
}

.search-input {
    width: 100%;
    padding: 12px 50px 12px 20px;
    border: 2px solid var(--border-color);
    border-radius: 30px;
    font-size: 1rem;
    outline: none;
    transition: var(--transition);
}

.search-input:focus {
    border-color: var(--primary-orange);
    box-shadow: 0 0 0 3px rgba(255, 105, 0, 0.1);
}

.search-button {
    position: absolute;
    right: 5px;
    top: 50%;
    transform: translateY(-50%);
    background: var(--primary-red);
    color: white;
    border: none;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    cursor: pointer;
    transition: var(--transition);
    display: flex;
    align-items: center;
    justify-content: center;
}

.search-button:hover {
    background: var(--primary-orange);
    transform: translateY(-50%) scale(1.05);
}

/* Categories */
.modern-categories-list {
    list-style: none;
}

.category-link {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 12px 0;
    color: var(--text-dark);
    text-decoration: none;
    border-bottom: 1px solid var(--border-color);
    transition: var(--transition);
}

.category-link:hover {
    color: var(--primary-orange);
    padding-left: 8px;
}

.category-link:last-child {
    border-bottom: none;
}

.category-count {
    background: var(--light-bg);
    color: var(--primary-dark);
    padding: 4px 8px;
    border-radius: 12px;
    font-size: 0.8rem;
    font-weight: 600;
}

/* Recent Posts */
.modern-recent-posts {
    list-style: none;
}

.recent-post-item {
    margin-bottom: 1rem;
}

.recent-post-item:last-child {
    margin-bottom: 0;
}

.recent-post-link {
    display: block;
    padding: 1rem;
    background: var(--light-bg);
    border-radius: var(--radius);
    text-decoration: none;
    transition: var(--transition);
}

.recent-post-link:hover {
    background: white;
    box-shadow: var(--shadow-md);
    transform: translateX(5px);
}

.recent-post-content h4 {
    color: var(--text-dark);
    font-size: 0.95rem;
    margin-bottom: 0.5rem;
    line-height: 1.4;
}

.recent-post-date {
    color: var(--text-light);
    font-size: 0.8rem;
}

/* Tags */
.modern-tags-cloud {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.modern-tag {
    display: inline-block;
    padding: 6px 12px;
    background: var(--light-bg);
    color: var(--text-dark);
    border-radius: 20px;
    font-size: 0.85rem;
    text-decoration: none;
    transition: var(--transition);
}

.modern-tag:hover {
    background: var(--primary-orange);
    color: white;
    transform: translateY(-2px);
}

/* Responsive Design */
@media (max-width: 1024px) {
    .blog-layout {
        grid-template-columns: 1fr;
        gap: 3rem;
    }

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

@media (max-width: 768px) {
    .modern-blog-header {
        padding: 60px 0;
    }

    .blog-hero-content h1 {
        font-size: 2.5rem;
    }

    .blog-stats {
        gap: 2rem;
    }

    .modern-posts-grid {
        grid-template-columns: 1fr;
    }

    .modern-pagination {
        flex-direction: column;
        gap: 1rem;
    }

    .pagination-numbers {
        order: -1;
    }
}

@media (max-width: 480px) {
    .blog-hero-content h1 {
        font-size: 2rem;
    }

    .featured-post-content {
        padding: 1.5rem;
    }

    .post-card-content {
        padding: 1.25rem;
    }

    .sidebar-widget {
        padding: 1.5rem;
    }
}


/* Mobile App Section Styles */
.mobile-app-section {
    background: linear-gradient(135deg, var(--primary-dark) 0%, #004a55 100%);
    padding: 60px 0;
    color: white;
    position: relative;
    overflow: hidden;
}

.mobile-app-section::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: url("data:image/svg+xml,%3Csvg width='100' height='100' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11 18c3.866 0 7-3.134 7-7s-3.134-7-7-7-7 3.134-7 7 3.134 7 7 7zm48 25c3.866 0 7-3.134 7-7s-3.134-7-7-7-7 3.134-7 7 3.134 7 7 7zm-43-7c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm63 31c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM34 90c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm56-76c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM12 86c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm28-65c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm23-11c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm-6 60c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm29 22c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zM32 63c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm57-13c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm-9-21c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM60 91c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM35 41c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM12 60c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2z' fill='%23ffffff' fill-opacity='0.03' fill-rule='evenodd'/%3E%3C/svg%3E");
    opacity: 0.5;
}

.section-header {
    margin-bottom: 50px;
    position: relative;
    z-index: 1;
}

.section-header h2 {
    color: white;
    font-size: 2.2rem;
    margin-bottom: 15px;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: 700;
}

.section-header .highlight {
    color: var(--primary-orange);
}

.section-header .subtitle {
    font-size: 1.1rem;
    opacity: 0.9;
    max-width: 600px;
    margin: 0 auto;
    color: #fff;
    line-height: 1.5;
}

/* App Content Layout */
.app-content {
    display: grid;
    grid-template-columns: 1fr 1.5fr;
    gap: 50px;
    align-items: center;
    position: relative;
    z-index: 1;
}

/* App Preview */
.app-preview {
    display: flex;
    justify-content: center;
}

.phone-mockup {
    position: relative;
    width: 240px;
    height: 480px;
    background: #1a1a1a;
    border-radius: 30px;
    padding: 12px;
    box-shadow: var(--shadow);
    border: 2px solid rgba(255, 255, 255, 0.1);
}

.phone-screen {
    width: 100%;
    height: 100%;
    background: white;
    border-radius: 25px;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
}

.app-screen-placeholder {
    text-align: center;
    color: var(--primary-dark);
}

.app-logo {
    max-width: 220px;
    height: auto;
    margin-bottom: 1px;
}

.app-screen-placeholder p {
    font-weight: 700;
    color: var(--primary-dark);
    font-size: 1.1rem;
}

/* Responsive adjustments for the logo */
@media (max-width: 768px) {
    .app-logo {
        max-width: 100px;
    }
}

@media (max-width: 480px) {
    .app-logo {
        max-width: 80px;
    }
}

/* App Features */
.app-features {
    display: flex;
    flex-direction: column;
    gap: 30px;
}

.features-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
}

.feature-item {
    display: flex;
    align-items: flex-start;
    gap: 15px;
    padding: 15px;
    background: rgba(255, 255, 255, 0.1);
    border-radius: 8px;
    backdrop-filter: blur(10px);
    transition: var(--transition);
}

.feature-item:hover {
    background: rgba(255, 255, 255, 0.15);
    transform: translateY(-2px);
}

.feature-icon {
    width: 40px;
    height: 40px;
    background: var(--primary-orange);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.feature-icon i {
    color: white;
    font-size: 1.1rem;
}

.feature-text h4 {
    color: white;
    font-size: 1rem;
    margin-bottom: 5px;
    font-weight: 700;
}

.feature-text p {
    color: rgba(255, 255, 255, 0.9);
    font-size: 0.85rem;
    line-height: 1.4;
    margin: 0;
}

/* Download Section */
.download-section {
    background: rgba(255, 255, 255, 0.1);
    padding: 25px;
    border-radius: 10px;
    backdrop-filter: blur(10px);
    border-left: 4px solid var(--primary-red);
}

.download-section h3 {
    color: white;
    font-size: 1.4rem;
    margin-bottom: 15px;
    text-align: center;
}

.access-info {
    display: flex;
    align-items: center;
    gap: 10px;
    background: rgba(255, 255, 255, 0.1);
    padding: 12px 15px;
    border-radius: 6px;
    margin-bottom: 20px;
    font-size: 0.9rem;
    color: rgba(255, 255, 255, 0.9);
}

.access-info i {
    color: var(--primary-orange);
    font-size: 1rem;
}

.download-badges {
    display: flex;
    gap: 15px;
    justify-content: center;
    margin-bottom: 20px;
    flex-wrap: wrap;
}

.store-badge img {
    height: 45px;
    transition: transform 0.3s ease;
}

.store-badge:hover img {
    transform: scale(1.05);
}

.additional-links {
    display: flex;
    gap: 15px;
    justify-content: center;
    flex-wrap: wrap;
}

.flyer-link,
.web-link {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: rgba(255, 255, 255, 0.2);
    color: white;
    padding: 10px 15px;
    text-decoration: none;
    border-radius: 6px;
    font-size: 0.9rem;
    transition: var(--transition);
}

.flyer-link:hover,
.web-link:hover {
    background: var(--primary-orange);
    color: white;
    text-decoration: none;
}

/* Responsive Design */
@media (max-width: 1024px) {
    .app-content {
        grid-template-columns: 1fr;
        gap: 40px;
    }

    .app-preview {
        order: 2;
    }

    .app-features {
        order: 1;
    }
}

@media (max-width: 768px) {
    .mobile-app-section {
        padding: 50px 0;
    }

    .section-header h2 {
        font-size: 1.8rem;
    }

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

    .phone-mockup {
        width: 200px;
        height: 400px;
    }

    .download-badges {
        flex-direction: column;
        align-items: center;
    }

    .additional-links {
        flex-direction: column;
        align-items: center;
    }

    .flyer-link,
    .web-link {
        width: 100%;
        justify-content: center;
    }
}

@media (max-width: 480px) {
    .section-header h2 {
        font-size: 1.6rem;
    }

    .section-header .subtitle {
        font-size: 1rem;
    }

    .download-section {
        padding: 20px;
    }

    .feature-item {
        padding: 12px;
    }
}




.contact-form-container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
}

.form-row {
    display: flex;
    flex-wrap: wrap;
    gap: 2rem;
    margin-bottom: 3rem;
}

.span6 {
    flex: 1;
    min-width: 300px;
}

.form-group {
    margin-bottom: 1.5rem;
}

.form-label {
    display: block;
    margin-bottom: 0.5rem;
    font-weight: 600;
    color: #231f20;
    font-size: 0.9rem;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.form-control {
    width: 100%;
    height: 3rem;
    padding: 0.75rem 1rem;
    border: 2px solid #e0e0e0;
    background-color: #fff;
    border-radius: 0;
    font-size: 1rem;
    font-family: 'Montserrat', sans-serif;
    transition: all 0.3s ease;
    box-sizing: border-box;
}

.form-control:focus {
    outline: none;
    border-color: #fe0101;
    box-shadow: 0 0 0 3px rgba(254, 1, 1, 0.1);
}

textarea.form-control {
    height: 120px;
    resize: vertical;
    min-height: 120px;
}

select.form-control {
    appearance: none;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='%23333' viewBox='0 0 16 16'%3E%3Cpath d='M7.247 11.14 2.451 5.658C1.885 5.013 2.345 4 3.204 4h9.592a1 1 0 0 1 .753 1.659l-4.796 5.48a1 1 0 0 1-1.506 0z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 1rem center;
    background-size: 12px;
    padding-right: 2.5rem;
}

.checkbox-group {
    display: flex;
    align-items: flex-start;
    gap: 0.75rem;
}

.checkbox-group input[type="checkbox"] {
    margin-top: 0.25rem;
    flex-shrink: 0;
}

.checkbox-group label {
    font-size: 0.9rem;
    line-height: 1.4;
    color: #555;
}

.ack-medical-condition,
.ack-sms-contact {
    background: #f8f9fa;
    padding: 1.5rem;
    border-radius: 8px;
    border-left: 4px solid #fe0101;
}

.sms-terms {
    margin-top: 1rem;
    padding-top: 1rem;
    border-top: 1px solid #e0e0e0;
    font-size: 0.85rem;
    color: #666;
}

.btn-submit {
    background: #fe0101;
    color: #ffffff;
    border: 2px solid #fe0101;
    padding: 1rem 2.5rem;
    font-size: 1.1rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
    border-radius: 0;
    cursor: pointer;
    transition: all 0.3s ease;
    width: 100%;
    font-family: 'Montserrat', sans-serif;
}

.btn-submit:hover {
    background: #d40000;
    border-color: #d40000;
    transform: translateY(-2px);
    box-shadow: 0 5px 15px rgba(254, 1, 1, 0.3);
}

.contact-info-map {
    display: flex;
    gap: 2rem;
    flex-wrap: wrap;
}

.contact-info {
    flex: 1;
    min-width: 300px;
}

.map-container {
    flex: 2;
    min-width: 300px;
}

#contact-map {
    width: 100%;
    height: 400px;
    border: none;
    border-radius: 8px;
}

@media (max-width: 768px) {
    .span6 {
        flex: 1 1 100%;
    }

    .contact-info-map {
        flex-direction: column;
    }

    .form-row {
        gap: 1rem;
    }
}

/* Success Animation Styles */
.checkmark__circle {
    stroke-dasharray: 166;
    stroke-dashoffset: 166;
    stroke-width: 3;
    stroke-miterlimit: 10;
    stroke: #4caf50;
    fill: none;
    animation: stroke 0.6s cubic-bezier(0.65, 0, 0.45, 1) forwards;
}

.checkmark {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    display: block;
    stroke-width: 3;
    stroke: #4caf50;
    stroke-miterlimit: 10;
    margin: 0 auto;
    box-shadow: inset 0px 0px 0px #4caf50;
    animation: fill .4s ease-in-out .4s forwards, scale .3s ease-in-out .9s both;
}

.checkmark__check {
    transform-origin: 50% 50%;
    stroke-dasharray: 48;
    stroke-dashoffset: 48;
    animation: stroke 0.3s cubic-bezier(0.65, 0, 0.45, 1) 0.8s forwards;
}

@keyframes stroke {
    100% {
        stroke-dashoffset: 0;
    }
}

@keyframes scale {

    0%,
    100% {
        transform: none;
    }

    50% {
        transform: scale3d(1.1, 1.1, 1);
    }
}

@keyframes fill {
    100% {
        box-shadow: inset 0px 0px 0px 40px #4caf50;
    }
}

.spinner-border-sm {
    width: 1rem;
    height: 1rem;
    border-width: 0.2em;
}



/* Additional styles for events */
.event-date {
    position: absolute;
    top: 15px;
    left: 15px;
    background: #ff6900;
    color: white;
    padding: 8px 10px;
    border-radius: 6px;
    text-align: center;
    line-height: 1;
    min-width: 70px;
}

.event-date .month {
    display: block;
    font-weight: 700;
    font-size: 14px;
    text-transform: uppercase;
}

.event-date .day {
    display: block;
    font-weight: 700;
    font-size: 20px;
}

.event-date .year {
    display: block;
    font-weight: 700;
    font-size: 16px;
    text-transform: uppercase;
}

.event-location {
    color: #005662;
    font-weight: 600;
    margin-bottom: 8px;
    font-size: 14px;
}

.event-excerpt {
    color: #666;
    font-size: 14px;
    line-height: 1.5;
    margin-bottom: 0;
}

.events-cta {
    background: #f0f7fa;
    border-radius: 12px;
    margin-top: 40px;
}

.events-cta h3 {
    color: #003a43;
    margin-bottom: 15px;
}

/* Contact Information Grid */
.contact-info-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 2rem;
    margin: 2rem 0;
}

.contact-item {
    background: white;
    padding: 1.5rem;
    border-radius: 8px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
    text-align: center;
}

.contact-item h3 {
    color: #003a43;
    margin-bottom: 1rem;
    font-size: 1.2rem;
}

.contact-detail {
    font-size: 1.1rem;
    margin: 0;
}

.contact-detail a {
    color: #003a43;
    text-decoration: none;
    font-weight: 600;
}

.contact-detail a:hover {
    color: #ff6900;
}

/* Insurance Grid */
.insurance-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 2rem;
    margin: 2rem 0;
}

.insurance-column {
    background: #f8f9fa;
    padding: 1.5rem;
    border-radius: 8px;
    border-left: 4px solid #003a43;
}

.insurance-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.insurance-list li {
    padding: 0.5rem 0;
    border-bottom: 1px solid #e9ecef;
    color: #555;
}

.insurance-list li:last-child {
    border-bottom: none;
}

.insurance-note {
    background: #fff9f5;
    padding: 1.5rem;
    border-radius: 8px;
    border-left: 4px solid #ff6900;
    margin: 2rem 0;
    text-align: center;
}

/* Special Cases Grid */
.special-cases-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 2rem;
    margin: 2rem 0;
}

.case-item {
    background: #f0f7fa;
    padding: 2rem;
    border-radius: 8px;
    text-align: center;
}

.case-item h3 {
    color: #003a43;
    margin-bottom: 1rem;
}

/* Responsive Design */
@media (max-width: 768px) {
    .insurance-grid {
        grid-template-columns: 1fr;
    }

    .contact-info-grid {
        grid-template-columns: 1fr;
    }

    .special-cases-grid {
        grid-template-columns: 1fr;
    }
}

/* ========================================
   SUBSCRIPTION FORM STYLES
   ======================================== */
.startpt-subscribe {
    padding: 2.19rem 0;
    background: #231f20;
    font-family: 'Montserrat', sans-serif;
}

.startpt-subscribe-wrapper {
    display: flex;
    gap: 1.5rem;
}

.startpt-subscribe-form {
    width: 100%;
}

.form-row {
    display: flex;
    gap: 0.75rem;
    align-items: stretch;
    width: 100%;
}

.startpt-name-input {
    flex: 1;
    min-width: 0;
}

.startpt-email-input {
    flex: 1;
    min-width: 0;
}

.startpt-subscribe-btn {
    flex: 0 0 auto;
    white-space: nowrap;
}

.startpt-name-input,
.startpt-email-input {
    height: 3.18rem;
    margin: 0;
    padding: 0.32rem 1.25rem;
    color: #fff;
    font-weight: 700;
    border: 0.13rem solid #fff;
    background-color: transparent;
    border-radius: 0;
    font-size: 1rem;
    font-family: 'Montserrat', sans-serif;
}

.startpt-name-input::placeholder,
.startpt-email-input::placeholder {
    font-family: 'Montserrat', sans-serif;
    color: #fff;
    text-transform: uppercase;
    font-size: 0.9rem;
}

.startpt-subscribe-btn {
    height: 3.18rem;
    margin: 0;
    color: #231f20;
    border: 0.13rem solid #fff;
    background-color: #fff;
    padding: 0 1.5rem;
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    font-size: 1rem;
    text-transform: uppercase;
    border-radius: 0;
    cursor: pointer;
    transition: all 0.3s ease;
}

.startpt-subscribe-btn:hover {
    border-color: #003a43;
    background-color: #003a43;
    color: #fff;
}

.startpt-subscribe-content {
    text-align: center;
    margin-top: 0.5rem;
}

.startpt-subscribe-text {
    color: #fff;
    font-family: 'Montserrat', sans-serif;
    font-size: 1.1rem;
    line-height: 1.4;
    margin-bottom: 0.5rem;
}

.startpt-subscribe-text.lead {
    font-size: 1rem;
    font-weight: 400;
    color: #fff;
}

.startpt-subscribe-text.small {
    font-size: 0.9rem;
    font-weight: 400;
    color: #fff;
    opacity: 0.9;
}

/* Tablet Responsive */
@media (max-width: 768px) {
    .form-row {
        gap: 0.5rem;
    }

    .startpt-name-input,
    .startpt-email-input {
        padding: 0.32rem 0.75rem;
        font-size: 0.9rem;
    }

    .startpt-name-input::placeholder,
    .startpt-email-input::placeholder {
        font-size: 0.8rem;
    }

    .startpt-subscribe-btn {
        padding: 0 1rem;
        font-size: 0.9rem;
    }

    .startpt-subscribe-text {
        font-size: 1rem;
    }
}

/* Mobile Responsive */
@media (max-width: 576px) {
    .form-row {
        flex-direction: column;
        gap: 0.5rem;
    }

    .startpt-name-input,
    .startpt-email-input,
    .startpt-subscribe-btn {
        width: 100%;
        height: 2.8rem;
    }

    .startpt-subscribe-content {
        margin-top: 1rem;
    }

    .startpt-subscribe-text {
        font-size: 0.95rem;
    }

    .startpt-subscribe-text.lead {
        font-size: 0.9rem;
    }

    .startpt-subscribe-text.small {
        font-size: 0.85rem;
    }
}

/* Small Mobile */
@media (max-width: 380px) {
    .startpt-subscribe {
        padding: 1.5rem 0;
    }

    .startpt-name-input,
    .startpt-email-input {
        padding: 0.25rem 0.5rem;
        font-size: 0.85rem;
        height: 2.5rem;
    }

    .startpt-subscribe-btn {
        height: 2.5rem;
        font-size: 0.85rem;
        padding: 0 0.75rem;
    }
}

/* ========================================
   SUCCESS & ERROR MODAL STYLES
   ======================================== */
#successModal .modal-content {
    border-radius: 0;
    border: none;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.3);
    background: #fff;
}

#successModal .modal-body {
    padding: 3rem 2.5rem;
    text-align: center;
}

#successModal .btn-success {
    background: #fe0101;
    border: 2px solid #fe0101;
    color: #ffffff;
    padding: 12px 35px;
    border-radius: 0;
    font-weight: 700;
    font-size: 1rem;
    text-transform: uppercase;
    letter-spacing: 1px;
    transition: all 0.3s ease;
}

#successModal .btn-success:hover {
    background: #d40000;
    border-color: #d40000;
    color: #ffffff;
    transform: translateY(-2px);
    box-shadow: 0 5px 15px rgba(254, 1, 1, 0.3);
}

#errorModal .modal-content {
    border-radius: 0;
    border: none;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.3);
    background: #fff;
}

#errorModal .modal-body {
    padding: 3rem 2.5rem;
    text-align: center;
}

#errorModal .btn-outline-danger {
    border: 2px solid #fe0101;
    color: #fe0101;
    padding: 12px 35px;
    border-radius: 0;
    font-weight: 700;
    font-size: 1rem;
    text-transform: uppercase;
    letter-spacing: 1px;
    transition: all 0.3s ease;
}

#errorModal .btn-outline-danger:hover {
    background: #fe0101;
    border-color: #fe0101;
    color: #ffffff;
    transform: translateY(-2px);
    box-shadow: 0 5px 15px rgba(254, 1, 1, 0.3);
}

/* Success Animation */
#successModal .checkmark__circle {
    stroke-dasharray: 166;
    stroke-dashoffset: 166;
    stroke-width: 3;
    stroke-miterlimit: 10;
    stroke: #fe0101;
    fill: none;
    animation: stroke 0.6s cubic-bezier(0.65, 0, 0.45, 1) forwards;
}

#successModal .checkmark {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    display: block;
    stroke-width: 3;
    stroke: #fff;
    stroke-miterlimit: 10;
    margin: 0 auto;
    box-shadow: inset 0px 0px 0px #fe0101;
    animation: fill .4s ease-in-out .4s forwards, scale .3s ease-in-out .9s both;
}

#successModal .checkmark__check {
    transform-origin: 50% 50%;
    stroke-dasharray: 48;
    stroke-dashoffset: 48;
    animation: stroke 0.3s cubic-bezier(0.65, 0, 0.45, 1) 0.8s forwards;
    stroke: #ffffff;
}

/* Error Icon */
#errorModal .error-icon {
    width: 80px;
    height: 80px;
    margin: 0 auto 20px;
    position: relative;
}

#errorModal .error-icon::before,
#errorModal .error-icon::after {
    content: '';
    position: absolute;
    width: 4px;
    height: 60px;
    font-size: 1rem;
    color: #666;
    line-height: 1.6;
    margin-bottom: 1.5rem;
}

/* Animation Keyframes */
@keyframes stroke {
    100% {
        stroke-dashoffset: 0;
    }
}

@keyframes scale {

    0%,
    100% {
        transform: none;
    }

    50% {
        transform: scale3d(1.1, 1.1, 1);
    }
}

@keyframes fill {
    100% {
        box-shadow: inset 0px 0px 0px 40px #fe0101;
    }
}

/* ========================================
   SWIPER NAVIGATION STYLES
   ======================================== */
.swiper-button-next,
.swiper-button-prev {
    color: white !important;
}

.swiper-button-next:after,
.swiper-button-prev:after {
    color: white !important;
}

.swiper-button-next:hover,
.swiper-button-prev:hover {
    color: #f0f0f0 !important;
}

/* ========================================
   MOBILE LOGO & BANNER RESPONSIVE STYLES
   ======================================== */
.header-logo .desktop-logo {
    display: block !important;
}

.header-logo .mobile-logo {
    display: none !important;
}

@media (max-width: 768px) {
    .header-logo .desktop-logo {
        display: none !important;
    }

    .header-logo .mobile-logo {
        display: block !important;
    }
}

/* Mobile Banner */
.desktop-banner {
    display: block;
}

.mobile-banner {
    display: none;
}

@media (max-width: 768px) {
    .desktop-banner {
        display: none;
    }

    .mobile-banner {
        display: block;
    }
}

/* ========================================
   PROMOTIONAL POPUP STYLES
   ======================================== */
.promo-popup {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 99999;
    justify-content: center;
    align-items: center;
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
}

.promo-popup.show {
    display: flex;
    opacity: 1;
}

.promo-popup-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.7);
    cursor: pointer;
}

.promo-popup-content {
    position: relative;
    max-width: 90%;
    max-height: 90%;
    z-index: 100000;
    animation: popupFadeIn 0.5s ease-out;
}

.promo-popup-content img {
    max-width: 100%;
    max-height: 80vh;
    border-radius: 8px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3);
    display: block;
}

.promo-popup-close {
    position: absolute;
    top: -15px;
    right: -15px;
    width: 30px;
    height: 30px;
    background-color: #fff;
    color: #333;
    border: none;
    border-radius: 50%;
    font-size: 24px;
    line-height: 30px;
    text-align: center;
    cursor: pointer;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
    transition: transform 0.2s;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0;
}

.promo-popup-close:hover {
    transform: scale(1.1);
    background-color: #f0f0f0;
}

@keyframes popupFadeIn {
    from {
        opacity: 0;
        transform: scale(0.9);
    }

    to {}

    #successModal .checkmark__check {
        transform-origin: 50% 50%;
        stroke-dasharray: 48;
        stroke-dashoffset: 48;
        animation: stroke 0.3s cubic-bezier(0.65, 0, 0.45, 1) 0.8s forwards;
        stroke: #ffffff;
    }

    /* Error Icon */
    #errorModal .error-icon {
        width: 80px;
        height: 80px;
        margin: 0 auto 20px;
        position: relative;
    }

    #errorModal .error-icon::before,
    #errorModal .error-icon::after {
        content: '';
        position: absolute;
        width: 4px;
        height: 60px;
        font-size: 1rem;
        color: #666;
        line-height: 1.6;
        margin-bottom: 1.5rem;
    }

    /* Animation Keyframes */
    @keyframes stroke {
        100% {
            stroke-dashoffset: 0;
        }
    }

    @keyframes scale {

        0%,
        100% {
            transform: none;
        }

        50% {
            transform: scale3d(1.1, 1.1, 1);
        }
    }

    @keyframes fill {
        100% {
            box-shadow: inset 0px 0px 0px 40px #fe0101;
        }
    }

    /* ========================================
   SWIPER NAVIGATION STYLES
   ======================================== */
    .swiper-button-next,
    .swiper-button-prev {
        color: white !important;
    }

    .swiper-button-next:after,
    .swiper-button-prev:after {
        color: white !important;
    }

    .swiper-button-next:hover,
    .swiper-button-prev:hover {
        color: #f0f0f0 !important;
    }

    /* ========================================
   MOBILE LOGO & BANNER RESPONSIVE STYLES
   ======================================== */
    .header-logo .desktop-logo {
        display: block !important;
    }

    .header-logo .mobile-logo {
        display: none !important;
    }

    @media (max-width: 768px) {
        .header-logo .desktop-logo {
            display: none !important;
        }

        .header-logo .mobile-logo {
            display: block !important;
        }
    }

    /* Mobile Banner */
    .desktop-banner {
        display: block;
    }

    .mobile-banner {
        display: none;
    }

    @media (max-width: 768px) {
        .desktop-banner {
            display: none;
        }

        .mobile-banner {
            display: block;
        }
    }

    /* ========================================
   PROMOTIONAL POPUP STYLES
   ======================================== */
    .promo-popup {
        display: none;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 99999;
        justify-content: center;
        align-items: center;
        opacity: 0;
        transition: opacity 0.3s ease-in-out;
    }

    .promo-popup.show {
        display: flex;
        opacity: 1;
    }

    .promo-popup-overlay {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, 0.7);
        cursor: pointer;
    }

    .promo-popup-content {
        position: relative;
        max-width: 90%;
        max-height: 90%;
        z-index: 100000;
        animation: popupFadeIn 0.5s ease-out;
    }

    .promo-popup-content img {
        max-width: 100%;
        max-height: 80vh;
        border-radius: 8px;
        box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3);
        display: block;
    }

    .promo-popup-close {
        position: absolute;
        top: -15px;
        right: -15px;
        width: 30px;
        height: 30px;
        background-color: #fff;
        color: #333;
        border: none;
        border-radius: 50%;
        font-size: 24px;
        line-height: 30px;
        text-align: center;
        cursor: pointer;
        box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
        transition: transform 0.2s;
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 0;
    }

    .promo-popup-close:hover {
        transform: scale(1.1);
        background-color: #f0f0f0;
    }

    @keyframes popupFadeIn {
        from {
            opacity: 0;
            transform: scale(0.9);
        }

        to {
            opacity: 1;
            transform: scale(1);
        }
    }

    /* Mobile Treatment Button Alignment */
    @media (max-width: 768px) {
        .mob-treatment-button {
            display: flex !important;
            flex-direction: column !important;
            align-items: center !important;
            justify-content: center !important;
            text-align: center !important;
            width: 100% !important;
            margin-top: 20px !important;
        }

        .mob-treatment-button .btn {
            margin: 10px auto !important;
            display: inline-block !important;
            width: auto !important;
            min-width: 200px !important;
        }

        .mob-treatment-button .appointment-button {
            width: 100% !important;
            display: flex !important;
            justify-content: center !important;
        }

        .treatment-button {
            display: none !important;
        }

        /* Center Book Now button on mobile */
        .appointment-text.btn.red {
            display: block !important;
            margin-left: auto !important;
            margin-right: auto !important;
            text-align: center !important;
            width: fit-content !important;
            max-width: 90% !important;
        }
    }