:root {
    --milton-blue: #07549a;
    --milton-blue-dark: #00498e;
    --milton-blue-light: #80a4c8;
    --milton-black: #050505;
    --milton-text: #20252c;
    --milton-muted: #626a73;
    --milton-light: #f5f5f5;
    --milton-border: #e4e7ea;
    --milton-white: #ffffff;
}

html {
    scroll-behavior: smooth;
}

body {
    margin: 0;
    color: var(--milton-text);
    background: var(--milton-white);
    font-family: "Public Sans", sans-serif;
    font-size: 17px;
    line-height: 1.7;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
}

img {
    max-width: 100%;
    height: auto;
}

a {
    color: var(--milton-blue);
    transition: color .2s ease, background-color .2s ease, border-color .2s ease, opacity .2s ease;
}

a:hover,
a:focus {
    color: var(--milton-blue-dark);
    text-decoration: none;
}

button,
a {
    outline: none;
}

.h2, h2 {
    font-weight: 800;
    font-size: 2.3em;
}

.skip-link {
    position: fixed;
    top: -80px;
    left: 15px;
    z-index: 99999;
    padding: 10px 16px;
    color: #fff;
    background: #000;
}

.skip-link:focus {
    top: 15px;
    color: #fff;
}

.btn-primary {
    color: #fff;
    background: var(--milton-blue);
    border-color: var(--milton-blue);
    border-radius: 30px;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: .01em;
    padding: 10px 28px;
}

.btn-primary:hover,
.btn-primary:focus {
    color: #fff;
    background: var(--milton-black);
    border-color: var(--milton-black);
    box-shadow: none;
}

.btn-dark {
    background-color: #23272b;

}

.btn-dark:hover{
    background-color: #00498e;
    border-color: #00498e;
    }

/* Header */
.site-header {
    position: relative;
    z-index: 1000;
    background: #fff;
}

.header-topbar {
    min-height: 44px;
    color: rgba(255, 255, 255, .82);
    background: var(--milton-black);
    font-size: 12px;
}

.header-social-links {
    display: flex;
    align-items: center;
    min-height: 44px;
}

.header-social-links a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    margin-right: 2px;
    color: #fff;
}

.header-social-links a:hover,
.header-social-links a:focus {
    color: var(--milton-blue-light);
}

.header-utility-nav {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    min-height: 44px;
}

.header-utility-nav a {
    display: inline-flex;
    align-items: center;
    min-height: 44px;
    padding: 0 22px;
    color: rgba(255, 255, 255, .82);
    border-right: 1px solid rgba(255, 255, 255, .14);
    white-space: nowrap;
}

.header-utility-nav a:first-child {
    border-left: 1px solid rgba(255, 255, 255, .14);
}

.header-utility-nav a:hover,
.header-utility-nav a:focus {
    color: #fff;
    background: rgba(255, 255, 255, .06);
}

.main-navbar {
    min-height: 92px;
    padding: 0px 0;
    background: #fff;
}

.site-logo {
    display: block;
    /*width: 275px;
    max-height: 64px;*/
    object-fit: contain;
}

.main-navbar .navbar-nav > .nav-item {
    margin-left: 11px;
}

.main-navbar .navbar-nav > .nav-item > .nav-link {
    position: relative;
    padding: 34px 18px 31px;
    color: #000;
    font-size: 17px;
    font-weight: 500;
    font-family: "Public Sans", sans-serif; 
}

.main-navbar .navbar-nav > .nav-item > .nav-link::after {
    margin-left: 7px;
}

.main-navbar .navbar-nav > .nav-item > .nav-link::before {
    position: absolute;
    right: 18px;
    bottom: 20px;
    left: 18px;
    height: 2px;
    content: '';
    background: var(--milton-blue);
    transform: scaleX(0);
    transform-origin: center;
    transition: transform .2s ease;
}

.main-navbar .navbar-nav > .nav-item:hover > .nav-link,
.main-navbar .navbar-nav > .nav-item.active > .nav-link,
.main-navbar .navbar-nav > .nav-item > .nav-link:focus {
    color: var(--milton-blue);
}

.main-navbar .navbar-nav > .nav-item:hover > .nav-link::before,
.main-navbar .navbar-nav > .nav-item.active > .nav-link::before,
.main-navbar .navbar-nav > .nav-item > .nav-link:focus::before {
    transform: scaleX(1);
}

.main-navbar .dropdown-menu {
    min-width: 285px;
    margin: 0;
    padding: 8px 0;
    border: 0;
    border-top: 3px solid var(--milton-blue);
    border-radius: 0;
    box-shadow: 0 12px 32px rgba(0, 0, 0, .14);
}

.main-navbar .dropdown-item {
    padding: 10px 20px;
    color: #343a40;
    font-size: 13px;
}

.main-navbar .dropdown-item:hover,
.main-navbar .dropdown-item:focus,
.main-navbar .dropdown-item.active {
    color: var(--milton-blue);
    background: #f3f6f9;
}

.navbar-toggler {
    border-color: rgba(0, 0, 0, .18);
    border-radius: 0;
}

/* Hero */
.home-hero {
    position: relative;
    display: flex;
    align-items: center;
    min-height: 510px;
    overflow: hidden;
    color: #fff;
    background-image: url('https://beachymarketing.com/photos/electricians-in-destin-florida.webp');
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

.home-hero-overlay {
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, .48);
}

.home-hero-content {
    padding: 55px 0 95px;
}

.home-hero-kicker {
    margin-bottom: 14px;
    color: #fff;
    font-size: 1.2em;
    font-weight: 700;
    letter-spacing: .01em;
    text-transform: uppercase;
}

.home-hero h1 {
    margin: 0;
    color: #fff;
    font-size: 72px;
    font-weight: 800;
    line-height: 1.12;
}
.home-hero-line {
    width: 320px;
    height: 3px;
    margin: 24px 0;
    background: #80a4c8;
}

.section-heading-line {
    width: 58px;
    height: 3px;
    margin: 24px 0;
    background: var(--milton-blue);
}

.home-hero-description {
    max-width: 775px;
    margin: 0;
    color: rgba(255, 255, 255, .94);
    font-size: 22px;
    font-weight: 600;
    line-height: 1.9;
}

/* Home service cards */
.home-services-section {
    padding: 0 0 105px;
    background: var(--milton-light);
}

/* .home-services-section .container {
    max-width: 990px;
} */

.home-services-grid {
    position: relative;
    z-index: 10;
    margin-top: -58px;
}

.service-card {
    display: flex;
    flex-direction: column;
    min-height: 100%;
    padding: 28px 28px 30px;
    background: #fff;
    border: 1px solid rgba(0, 0, 0, .025);
}

.service-card-image-link {
    overflow: hidden;
}

.service-card-image {
    height: 175px;
    object-fit: cover;
    transition: transform .35s ease;
}

.service-card-image-link:hover .service-card-image {
    transform: scale(1.035);
}

.service-card-body {
    flex: 1;
    padding-top: 17px;
}

.service-card-title {
    min-height: 48px;
    margin-bottom: 6px;
    font-size: 20px;
    font-weight: 700;
    line-height: 1.4;
}

.service-card-title a {
    color: var(--milton-blue-light);
}

.service-card-title a:hover,
.service-card-title a:focus {
    color: var(--milton-blue);
}

.service-card-text {
    min-height: 72px;
    margin-bottom: 17px;
    color: #000;
    font-size: 15px;
    line-height: 1.65;
}

.service-card-button {
    padding: 8px 27px;
    font-size: 14px;
}

/* Commercial and residential sections */
.electrical-service-section {
    padding: 105px 0;
    background: #fff;
}

.commercial-service-section {
    padding-top: 115px;
    padding-bottom: 70px;
}

.residential-service-section {
    padding-top: 30px;
    padding-bottom: 120px;
}

.electrical-service-content {
    max-width: 490px;
}

.section-kicker {
    margin-bottom: 14px;
    color: #23282e;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: .25em;
    text-transform: uppercase;
}

.section-heading {
    margin: 0;
    color: #050505;
    font-size: 34px;
    font-weight: 700;
    line-height: 1.12;
}

.service-check-list li {
    position: relative;
    margin-bottom: 12px;
    padding-left: 28px;
    color: #000;
    font-size: 18px;
}

.service-check-list i {
    position: absolute;
    top: 6px;
    left: 0;
    color: var(--milton-blue);
    font-size: 13px;
}

.electrical-service-image-wrap {
    overflow: hidden;
}

.electrical-service-image {
    display: block;
    height: 510px;
    object-fit: cover;
}

.residential-service-content p:not(.section-kicker) {
    margin-bottom: 25px;
    color: #454c54;
    font-size: 17px;
    line-height: 1.9;
}

/* Footer */
.site-footer {
    background: #fff;
}

.footer-license-bar {
    padding: 16px 0;
    color: #fff;
    background: #000;
    font-size: 18px;
    font-weight: 700;
}

.footer-license-bar p {
    margin: 0;
}

.footer-phone {
    color: #fff;
    white-space: nowrap;
}

.footer-phone i {
    color: var(--milton-blue);
}

.footer-phone:hover,
.footer-phone:focus {
    color: var(--milton-blue-light);
}

.footer-action-bar {
    padding: 28px 0;
    color: #fff;
    background: var(--milton-blue-dark);
}

.footer-logo {
    width: 255px;
    max-height: 58px;
    object-fit: contain;
}

.footer-btn {
    min-width: 145px;
    margin: 5px 4px;
    padding: 9px 25px;
    border-radius: 30px;
    font-size: 14px;
    font-weight: 700;
}

.footer-btn-light {
    color: #1f252b;
    background: #fff;
    border-color: #fff;
}

.footer-btn-light:hover,
.footer-btn-light:focus {
    color: #fff;
    background: #000;
    border-color: #000;
}

.footer-btn-dark {
    color: #fff;
    background: #000;
    border-color: #000;
}

.footer-btn-dark:hover,
.footer-btn-dark:focus {
    color: #000;
    background: #fff;
    border-color: #fff;
}

.footer-main {
    padding: 58px 0 32px;
    color: #000;
    font-size: 17px;
    line-height: 1.75;
}

.footer-main p {
    margin: 0;
}

.footer-service-links a {
    color: #343a40;
}

.footer-service-links a:hover,
.footer-service-links a:focus {
    color: var(--milton-blue);
}

.footer-copyright {
    margin-top: 48px;
    padding-top: 28px;
    border-top: 1px solid var(--milton-border);
    color: #000;
    font-size: 13px;
}

.back-to-top {
    position: fixed;
    right: 18px;
    bottom: 18px;
    z-index: 999;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 38px;
    height: 38px;
    padding: 0;
    color: #fff;
    background: rgba(0, 0, 0, .72);
    border: 0;
    border-radius: 3px;
    opacity: 0;
    visibility: hidden;
    transform: translateY(10px);
    transition: opacity .2s ease, visibility .2s ease, transform .2s ease, background-color .2s ease;
}

.back-to-top.is-visible {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

.back-to-top:hover,
.back-to-top:focus {
    color: #fff;
    background: var(--milton-blue);
}

/* Desktop dropdown hover */
@media (min-width: 992px) {
    .main-navbar .dropdown:hover > .dropdown-menu {
        display: block;
    }
}

@media (max-width: 1199.98px) {
    .main-navbar .navbar-nav > .nav-item {
        margin-left: 2px;
    }

    .main-navbar .navbar-nav > .nav-item > .nav-link {
        padding-right: 13px;
        padding-left: 13px;
    }

    .home-hero h1 {
        font-size: 44px;
    }
}

@media (max-width: 991.98px) {
    .main-navbar {
        min-height: 78px;
        padding: 8px 0;
    }

    .site-logo {
        width: 230px;
    }

    .main-navbar .navbar-collapse {
        margin-top: 10px;
        border-top: 1px solid var(--milton-border);
    }

    .main-navbar .navbar-nav {
        align-items: stretch !important;
        padding: 8px 0 15px;
    }

    .main-navbar .navbar-nav > .nav-item {
        margin-left: 0;
        border-bottom: 1px solid #edf0f2;
    }

    .main-navbar .navbar-nav > .nav-item > .nav-link {
        padding: 13px 4px;
    }

    .main-navbar .navbar-nav > .nav-item > .nav-link::before {
        display: none;
    }

    .main-navbar .dropdown-menu {
        padding: 0 0 8px 14px;
        border: 0;
        box-shadow: none;
    }

    .home-hero {
        min-height: 470px;
        background-position: 57% center;
    }

    .home-hero-content {
        padding: 65px 0 95px;
    }

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

    .electrical-service-section,
    .commercial-service-section,
    .residential-service-section {
        padding: 75px 0;
    }

    .electrical-service-image {
        height: 470px;
    }

    .footer-main {
        padding-top: 45px;
        text-align: center;
    }
}

@media (max-width: 767.98px) {
    .header-topbar {
        min-height: 40px;
    }

    .header-social-links,
    .header-utility-nav {
        min-height: 40px;
    }

    .header-social-links a {
        width: 30px;
        height: 30px;
    }

    .header-utility-nav a {
        min-height: 40px;
        padding: 0 9px;
        font-size: 9px;
    }

    .header-utility-nav a:first-child {
        display: none;
    }

    .home-hero {
        min-height: 440px;
    }

    .home-hero-content {
        padding: 60px 0 80px;
    }

    .home-hero-kicker {
        font-size: 11px;
    }

    .home-hero h1 {
        font-size: 34px;
    }

    .home-hero-description {
        font-size: 13px;
        line-height: 1.75;
    }

    .home-services-section {
        padding-bottom: 70px;
    }

    .home-services-grid {
        margin-top: -38px;
    }

    .service-card {
        padding: 22px;
    }

    .service-card-image {
        height: 195px;
    }

    .service-card-title,
    .service-card-text {
        min-height: 0;
    }

    .section-heading {
        font-size: 30px;
    }

    .electrical-service-image {
        height: auto;
        max-height: 500px;
    }

    .footer-license-bar,
    .footer-action-bar {
        padding-top: 20px;
        padding-bottom: 20px;
    }

    .footer-copyright {
        margin-top: 32px;
    }
}

@media (max-width: 575.98px) {
    body {
        font-size: 14px;
    }

    .site-logo {
        width: 205px;
    }

    .header-utility-nav a {
        padding: 0 7px;
    }

    .home-hero {
        min-height: 430px;
        background-position: 61% center;
    }

    .home-hero h1 {
        font-size: 31px;
    }

    .home-hero-line {
        margin: 18px 0;
    }

    .service-card-image {
        height: 220px;
    }

    .footer-btn {
        display: block;
        width: 100%;
        max-width: 260px;
        margin: 10px auto;
    }
}

/* =========================================================
   INNER PAGE HERO
   Add these rules to /assets/style.css
========================================================= */
.inner-hero {
    position: relative;
    overflow: hidden;
    padding: 50px 0 63px;
    color: #fff;
    background: var(--milton-blue-dark);
    margin-bottom: 25px;
}

.inner-hero::after {
    position: absolute;
    right: 0;
    bottom: -1px;
    left: 0;
    height: 33px;
    content: '';
    /*background: #fff;
    clip-path: polygon(
        0 58%, 5% 68%, 11% 56%, 17% 72%, 24% 61%, 31% 73%,
        38% 55%, 44% 69%, 51% 58%, 58% 74%, 65% 56%, 72% 68%,
        80% 53%, 87% 70%, 94% 57%, 100% 65%, 100% 100%, 0 100%
    );*/
     background-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20version%3D%221.1%22%20width%3D%22100%25%22%20viewBox%3D%220%200%20330%2065.34%22%20preserveAspectRatio%3D%22none%22%20fill%3D%22rgba%28255%2C255%2C255%2C1%29%22%3E%3Cpath%20d%3D%22M275.42%2C351.54c1.21-.89%2C1.91-.67%2C2.09.66-1.22.89-1.92.67-2.09-.66Z%22%20transform%3D%22translate%28-31%20-351%29%22%2F%3E%3Cpath%20d%3D%22M249.07%2C361.49a15%2C15%2C0%2C0%2C1%2C6.42-1.17c-1.51%2C2.59-4.81%2C2.23-7.33%2C2.82l.91-1.65Z%22%20transform%3D%22translate%28-31%20-351%29%22%2F%3E%3Cpath%20d%3D%22M282.66%2C364.9c1.2-2.87%2C4.9-1.91%2C7.35-2-1.41%2C2.63-4.9%2C1.75-7.35%2C2Z%22%20transform%3D%22translate%28-31%20-351%29%22%2F%3E%3Cpath%20d%3D%22M207.69%2C370.55c.38-4.18%2C5.48-5.1%2C8.81-4.13-2.05%2C2.82-5.67%2C3.31-8.81%2C4.13Z%22%20transform%3D%22translate%28-31%20-351%29%22%2F%3E%3Cpath%20d%3D%22M266.83%2C371.61a5.8%2C5.8%2C0%2C0%2C1%2C4.92.15c-2.68%2C1.71-5.86%2C2.14-8.95%2C2.36.18-2.09%2C2.5-2%2C4-2.51Z%22%20transform%3D%22translate%28-31%20-351%29%22%2F%3E%3Cpath%20d%3D%22M196%2C374.49c2.92-1.63.26%2C3.28%2C0%2C0Z%22%20transform%3D%22translate%28-31%20-351%29%22%2F%3E%3Cpath%20d%3D%22M241.12%2C378.52a11.35%2C11.35%2C0%2C0%2C1%2C8.46-3.81%2C42%2C42%2C0%2C0%2C1-3.76%2C3.17c.42.6.85%2C1.19%2C1.28%2C1.79l-1.55%2C2.76a26.22%2C26.22%2C0%2C0%2C0%2C8-1.13c-.07.43-.23%2C1.28-.3%2C1.71l2.57.84A168%2C168%2C0%2C0%2C1%2C240%2C390.66c-.55%2C1.52.95%2C2.09%2C2.09%2C2.55%2C3.26-.71%2C6.62-.16%2C9.82-1.22v-2.65l3.13-.16c0%2C.53%2C0%2C1.59-.07%2C2.13%2C3.13-1.13%2C6.44-1.66%2C9.58-2.74%2C2.92-1.16%2C6.49-.84%2C8.79-3.27-.07.71-.19%2C2.13-.25%2C2.84%2C1.27.14%2C2.55.25%2C3.83.32.05-1.25.11-2.49.18-3.74%2C1.36.31%2C2.73.63%2C4.12.91l2.79-.54-1.28%2C1c-1.32.4-2.65.77-4%2C1.08.41%2C1.11.86%2C2.21%2C1.34%2C3.3l-2.07-.2.08%2C3.09c3.1%2C0%2C6.19-.06%2C9.28-.2l-.4%2C1.64c1.78.55%2C2.55%2C2.27%2C3.53%2C3.69%2C3.83-1.64%2C7.63.1%2C11.57-.07%2C0%2C1.72%2C0%2C3.43%2C0%2C5.15%2C2.13-.47%2C4.24-1.05%2C6.36-1.58a4.39%2C4.39%2C0%2C0%2C1%2C3-2.09c.95-.69%2C1.8-1.72%2C3.1-1.62.29.55.89%2C1.66%2C1.19%2C2.21a14.11%2C14.11%2C0%2C0%2C1%2C6%2C2.29c1.62-1.63%2C3.72-1.34%2C5.77-.93.36.35%2C1.06%2C1%2C1.41%2C1.41%2C1.8%2C0%2C3.6%2C0%2C5.4%2C0%2C2.18-2.06%2C4.92%2C0%2C7.28.56l.83%2C2.72%2C2.76.56%2C3.49-1.66-.63%2C1.23a6%2C6%2C0%2C0%2C1%2C3.79.47l1.56-1.66%2C1.84%2C2.37c1.07-1.19%2C2.08-2.43%2C3.08-3.69l2.73.25v11.93H31v-8.93l4.18-1.64c-.06.62-.17%2C1.87-.23%2C2.49l3.48.05c.57-1%2C1.16-2%2C1.75-3%2C.66.83%2C1.32%2C1.66%2C2%2C2.48%2C1-1.09%2C2-2.22%2C3-3.37%2C1.49-.18%2C3-.39%2C4.46-.64.51-2.17%2C1.29-4.31%2C1.17-6.57%2C1-.43%2C2.07-.85%2C3.11-1.26l.24%2C2.75c1.37-.79%2C2.7-1.64%2C4-2.47.32.53%2C1%2C1.59%2C1.31%2C2.12A47.42%2C47.42%2C0%2C0%2C0%2C67%2C396.05a16.74%2C16.74%2C0%2C0%2C0-1-4.68l1.52-.52a21.5%2C21.5%2C0%2C0%2C0%2C2.52%2C4.79c3.87-2.26%2C8.57-3.75%2C11-7.78%2C0%2C.69-.15%2C2.08-.19%2C2.77%2C1.42-.25%2C2.85-.45%2C4.29-.57-2.39%2C1.71-5.72.37-8%2C2.3a2%2C2%2C0%2C0%2C0%2C0%2C3.68c-.08%2C1.07-.15%2C2.15-.23%2C3.23l2.37-.65L79%2C400.79c3.17-1.38%2C5.34-4.75%2C9-4.84%2C0-.6-.15-1.8-.21-2.4a26.51%2C26.51%2C0%2C0%2C0%2C7.78-4.36c.44%2C2%2C1%2C4%2C1.55%2C6%2C1.73%2C0%2C3.45.07%2C5.18.1a3.46%2C3.46%2C0%2C0%2C0-2.3-3.09l2.69-.86c-.9-2.29%2C1.19-2.78%2C2.86-3.37.49.69%2C1.49%2C2.06%2C2%2C2.75q2-1%2C3.9-2.18c1.39-.47%2C2.77-.94%2C4.17-1.39.12-3.77%2C4.26-2.28%2C6.67-2.41-1.68.19-3.36.32-5%2C.46.14%2C3%2C2.73%2C1.78%2C4.41%2C1.91l.18.34c-1.17.11-2.35.22-3.52.35a7.93%2C7.93%2C0%2C0%2C1-2.17%2C5.21c-.07-.67-.22-2-.29-2.67-2%2C.05-3.93.09-5.9.1v2.12l-3-.11c.05.53.17%2C1.58.22%2C2.11l2.39%2C1.79%2C2.14-.6c1.74.65%2C5.41-.52%2C4.51%2C2.6h4.33c.23-2.9%2C3.32-2.26%2C5.35-2%2C.14-1.5.31-3%2C.51-4.48%2C1.6.37%2C3.21.73%2C4.82%2C1.08l-3.15.43c-.48%2C1.31-1%2C2.63-1.38%2C4%2C5.42%2C0%2C10.85-.63%2C16.24.09l.12-2.89%2C1.49%2C2.94c1.88-1.32%2C3.9-2.44%2C6.28-2.31.55.87%2C1.11%2C1.74%2C1.67%2C2.6-1.49-.15-3-.28-4.49-.42%2C0%2C.68%2C0%2C2%2C0%2C2.72%2C1.24.33%2C2.48.72%2C3.7%2C1.16l1.51%2C0a16.26%2C16.26%2C0%2C0%2C1%2C4.86-1.56c-.14-1.51-.3-3-.52-4.52a10.34%2C10.34%2C0%2C0%2C1%2C3.33-2.2c.05-1.46.12-2.91.21-4.36%2C1.41.38%2C2.84.76%2C4.23%2C1.24l-3.85-.2c.74%2C1%2C1.53%2C2%2C2.34%2C3l3.63-1.26-2.73%2C1.76c.91%2C1.82%2C2%2C3.57%2C2.81%2C5.44a12.57%2C12.57%2C0%2C0%2C1%2C7.49-.76c.56-1.27%2C1.12-1%2C1.53.54l4.41.07.13-1.58%2C2.24.44c1.43-.69%2C2.92-1.27%2C4.4-1.87.09.73.28%2C2.19.37%2C2.91l2.4.84c-.16.81-.49%2C2.43-.66%2C3.24H194c0-.59-.12-1.76-.17-2.34l3.62%2C1%2C1.8-2.43c-.26%2C1.79-.62%2C3.56-1%2C5.32q1.71-1.17%2C3.33-2.49l2.35-.26c0-.78%2C0-2.32.06-3.1l-1.57%2C1%2C.31-1.19L199.2%2C396l3.87%2C1-.08-1.51-3.31-.33a9%2C9%2C0%2C0%2C1%2C6.85-1.7c.7-1.72-.53-3.07-1.65-4.22%2C1.67.85%2C3.23%2C1.9%2C4.88%2C2.81a4.11%2C4.11%2C0%2C0%2C0-3.08%2C4.3c1.87-.09%2C3.75-.21%2C5.64-.23%2C1.19%2C2.82%2C3.15-.1%2C4.65-.69q-.3-1.38-.51-2.76a62%2C62%2C0%2C0%2C1%2C7%2C2.81%2C11.28%2C11.28%2C0%2C0%2C0%2C4-3.68c2.8-2.21%2C5.53-4.54%2C8.15-7l-2.53-.26c.95-.5%2C1.9-1%2C2.86-1.49%2C0-.62-.08-1.85-.1-2.46%2C1.74-.7%2C3.48-1.4%2C5.24-2.06Z%22%20transform%3D%22translate%28-31%20-351%29%22%2F%3E%3C%2Fsvg%3E");
     background-position: center bottom;
     background-size: 100% 100%;
     pointer-events: none;

}

.inner-hero-title {
    margin: 0;
    color: #fff;
    font-size: 51px;
    font-weight: 800;
    line-height: 1.15;
    margin-bottom: 20px;
}

/* =========================================================
   ABOUT INTRODUCTION
========================================================= */
.about-intro-section {
    padding: 70px 0 78px;
    background: #fff;
}

.about-intro-content {
    color: #414850;
    /*font-size: 14px;*/
    line-height: 1.85;
}

.about-intro-content .section-kicker,
.testimonials-heading .section-kicker {
    margin-bottom: 10px;
}

.about-section-title {
    margin: 0 0 30px;
    color: #050505;
   /* font-size: 32px;*/
    font-weight: 800;
    line-height: 1.2;
}

.about-intro-content p:not(.section-kicker) {
    margin-bottom: 17px;
}

.about-quote-button {
    padding: 13px 30px;
    font-size: 20px;
}

/* =========================================================
   WHEN EXPERIENCE COUNTS
========================================================= */
.experience-section {
    padding: 82px 0;
    background: #000;
}

.experience-section .container {
    /*max-width: 990px;*/
}

.experience-panel {
    background: #fff;
}

.experience-content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 62px 64px 54px;
    color: #424950;
    font-size: 13px;
    line-height: 1.8;
    background: #fff;
}

.experience-title {
    margin: 0;
    color: #050505;
    font-size: 34px;
    font-weight: 800;
    line-height: 1.08;
}

.experience-content .section-heading-line {
    margin: 24px 0 35px;
}

.experience-content > p:not(.section-kicker) {
    margin-bottom: 28px;
}

.experience-feature {
    display: flex;
    align-items: center;
    min-height: 66px;
    margin-top: 14px;
    padding: 16px 20px;
    color: #242a30;
    border: 2px solid var(--milton-blue-dark);
    font-size: 16px;
    font-weight: 600;
}

.experience-feature i {
    width: 26px;
    margin-right: 12px;
    color: var(--milton-blue-dark);
    text-align: center;
}

.experience-image-wrap {
    height: 100%;
    min-height: 620px;
    overflow: hidden;
}

.experience-image {
    display: block;
    height: 100%;
    min-height: 620px;
    object-fit: cover;
    object-position: center;
}

/* =========================================================
   TESTIMONIALS
========================================================= */
.testimonials-section {
    padding: 78px 0 95px;
    background: #fff;
}

.testimonials-section .container {
    /*max-width: 990px;*/
}

.testimonials-heading {
    margin-bottom: 46px;
}

.testimonials-featured-row {
    margin-bottom: 70px;
}

.testimonial-featured-card {
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-height: 430px;
    padding: 58px 72px;
    color: #fff;
    background: #222;
}

.testimonial-featured-card h3 {
    margin: 0 0 14px;
    color: #fff;
    font-size: 28px;
    font-weight: 700;
}

.testimonial-featured-card p {
    max-width: 560px;
    margin: 28px 0 30px;
    color: rgba(255, 255, 255, .9);
    font-size: 17px;
    line-height: 1.8;
}

.testimonial-stars {
    display: inline-flex;
    align-items: center;
    color: #ffb400;
    font-size: 17px;
    letter-spacing: 3px;
}

.testimonial-author {
    display: flex;
    align-items: center;
}

.testimonial-author img,
.testimonial-avatar {
    border-radius: 50%;
    object-fit: cover;
}

.testimonial-author img {
    margin-right: 16px;
}

.testimonial-author-light strong {
    color: #fff;
}

.testimonial-side-card {
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-height: 430px;
    padding: 36px 28px;
    color: #292f35;
    background: #fff;
    border: 3px solid var(--milton-blue-dark);
}

.testimonial-side-card .testimonial-avatar,
.testimonial-small-card .testimonial-avatar {
    margin: 0 auto 18px;
}

.testimonial-side-card h3,
.testimonial-small-card h3 {
    margin: 0 0 10px;
    color: #080808;
    font-size: 17px;
    font-weight: 700;
}

.testimonial-side-card p {
    margin: 22px 0 18px;
    font-size: 15px;
    line-height: 1.75;
}

.testimonial-rating-text {
    margin-left: 7px;
    color: #343a40;
    font-size: 11px;
    white-space: nowrap;
}

.testimonials-small-row {
    padding: 0 32px;
}

.testimonial-small-card {
    padding: 0 22px;
    color: #323940;
}

.testimonial-small-card p {
    margin: 20px 0 14px;
    font-size: 16px;
    line-height: 1.75;
}

.testimonial-small-card .testimonial-stars {
    font-size: 13px;
    letter-spacing: 2px;
}

/* =========================================================
   OTHER ELECTRICAL SERVICES CAROUSEL
========================================================= */
.other-services-section {
    padding: 62px 0 76px;
    color: #fff;
    background: #000;
    border-bottom: 1px solid #fff;
}

.other-services-heading {
    margin-bottom: 34px;
}

.other-services-heading h2 {
    margin: 0;
    color: #fff;
    font-size: 34px;
    font-weight: 700;
}

.other-services-heading-line {
    width: 78px;
    height: 2px;
    margin: 22px auto 0;
    background: var(--milton-blue-dark);
}

.other-services-carousel {
    position: relative;
    
}

.other-services-viewport {
    overflow-x: auto;
    overflow-y: hidden;
    scrollbar-width: none;
    scroll-behavior: smooth;
    scroll-snap-type: x mandatory;
}

.other-services-viewport::-webkit-scrollbar {
    display: none;
}

.other-services-track {
    display: flex;
    width: max-content;
    min-width: 100%;
}

.other-service-item {
    flex: 0 0 16.666667vw;
    width: 16.666667vw;
    min-width: 190px;
    padding: 0 10px;
    scroll-snap-align: start;
}

.other-service-item a {
    display: block;
    color: #fff;
}

.other-service-image-wrap {
    display: block;
    overflow: hidden;
}

.other-service-image-wrap img {
    display: block;
    width: 100%;
    height: 200px;
    object-fit: cover;
    transition: transform .35s ease, opacity .35s ease;
}

.other-service-item a:hover img,
.other-service-item a:focus img {
    opacity: .82;
    transform: scale(1.035);
}

.other-service-title {
    display: block;
    padding: 10px 7px 0;
    color: var(--milton-blue-light);
    font-size: 17px;
    font-weight: 800;
}

.other-service-item a:hover .other-service-title,
.other-service-item a:focus .other-service-title {
    color: #fff;
}

.other-services-control {
    position: absolute;
    top: 62px;
    z-index: 5;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    padding: 0;
    color: #fff;
    background: rgba(0, 0, 0, .72);
    border: 1px solid rgba(255, 255, 255, .45);
    border-radius: 50%;
    opacity: 0;
    transition: opacity .2s ease, background-color .2s ease;
}

.other-services-carousel:hover .other-services-control,
.other-services-control:focus {
    opacity: 1;
}

.other-services-control:hover,
.other-services-control:focus {
    color: #fff;
    background: var(--milton-blue-dark);
}

.other-services-control-prev {
    left: 14px;
}

.other-services-control-next {
    right: 14px;
}

/* =========================================================
   RESPONSIVE INNER PAGE STYLES
========================================================= */
@media (max-width: 991.98px) {
    .inner-hero-title {
        font-size: 38px;
    }

    .experience-section {
        padding: 65px 0;
    }

    .experience-content {
        padding: 50px;
    }

    .experience-image-wrap,
    .experience-image {
        min-height: 520px;
    }

    .testimonial-featured-card,
    .testimonial-side-card {
        min-height: auto;
    }

    .testimonial-featured-card {
        padding: 48px 50px;
    }

    .testimonials-featured-row {
        margin-bottom: 55px;
    }

    .other-service-item {
        flex-basis: 33.333333vw;
        width: 33.333333vw;
    }
}

@media (max-width: 767.98px) {
    .inner-hero {
        padding: 36px 0 50px;
    }

    .inner-hero-title {
        font-size: 34px;
    }

    .about-intro-section,
    .testimonials-section {
        padding-top: 58px;
        padding-bottom: 65px;
    }

    .about-section-title,
    .experience-title,
    .other-services-heading h2 {
        font-size: 28px;
    }

    .experience-content {
        padding: 42px 32px;
    }

    .experience-image-wrap,
    .experience-image {
        min-height: 430px;
    }

    .testimonial-featured-card {
        padding: 42px 34px;
    }

    .testimonial-featured-card h3 {
        font-size: 23px;
    }

    .testimonials-small-row {
        padding: 0;
    }

    .testimonial-small-card {
        max-width: 390px;
        margin: 0 auto;
    }

    .other-service-item {
        flex-basis: 50vw;
        width: 50vw;
        min-width: 235px;
    }

    .other-services-control {
        opacity: 1;
    }
}

@media (max-width: 575.98px) {
    .inner-hero-title {
        font-size: 30px;
    }

    .about-intro-content {
        font-size: 13px;
    }

    .experience-content {
        padding: 38px 24px;
    }

    .experience-image-wrap,
    .experience-image {
        min-height: 370px;
    }

    .testimonial-featured-card,
    .testimonial-side-card {
        padding: 36px 24px;
    }

    .other-service-item {
        flex-basis: 82vw;
        width: 82vw;
        min-width: 280px;
    }

    .other-service-image-wrap img {
        height: 190px;
    }
}

/* =========================================================
   CONTACT PAGE
========================================================= */

.contact-page-section {
    padding: 110px 0;
    background: #ffffff;
}

.contact-info-column {
    width: 100%;
}

.contact-image-wrap img {
    display: block;
    width: 100%;
    object-fit: cover;
}

.contact-info-panel {
    padding: 65px 60px;
    color: #ffffff;
    background: #212934;
}

.contact-info-title {
    margin: 0 0 18px;
    color: #ffffff;
    font-size: 20px;
    font-weight: 700;
    line-height: 1.35;
    text-transform: capitalize;
}

.contact-info-panel p {
    color: rgba(255, 255, 255, 0.9);
    font-size: 15px;
    line-height: 1.8;
}

.contact-emergency-phone {
    margin-bottom: 0;
    font-size: 17px !important;
    font-weight: 700;
}

.contact-emergency-phone a {
    color: #ffffff;
    text-decoration: none;
}

.contact-emergency-phone a:hover,
.contact-emergency-phone a:focus {
    color: #80a4c8;
    text-decoration: none;
}

.contact-info-divider {
    width: 100%;
    height: 1px;
    margin: 30px 0;
    background: rgba(128, 164, 200, 0.5);
}

.contact-social-links {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 12px;
}

.contact-social-links a {
    display: inline-flex;
    width: 40px;
    height: 40px;
    align-items: center;
    justify-content: center;
    color: #ffffff;
    font-size: 16px;
    border: 1px solid rgba(255, 255, 255, 0.45);
    border-radius: 50%;
    text-decoration: none;
    transition:
        color 0.2s ease,
        background-color 0.2s ease,
        border-color 0.2s ease;
}

.contact-social-links a:hover,
.contact-social-links a:focus {
    color: #00498e;
    background: #ffffff;
    border-color: #ffffff;
    text-decoration: none;
}

.contact-form-column {
    width: 100%;
}

.contact-page-title {
    margin: 0;
    color: #000000;
    font-size: 38px;
    font-weight: 700;
    line-height: 1.2;
}

.contact-page-intro {
    max-width: 680px;
    margin: 0 0 35px;
    color: #4a4e57;
    font-size: 16px;
    line-height: 1.8;
}

.contact-page-intro a {
    color: #00498e;
    font-weight: 700;
    text-decoration: none;
}

.contact-page-intro a:hover,
.contact-page-intro a:focus {
    text-decoration: underline;
}

.elfsight-contact-widget {
    width: 100%;
    min-height: 150px;
}

/* Tablet */

@media (max-width: 991.98px) {

    .contact-page-section {
        padding: 80px 0;
    }

    .contact-info-panel {
        padding: 50px 45px;
    }

    .contact-form-column {
        padding-left: 0 !important;
    }

}

/* Mobile */

@media (max-width: 575.98px) {

    .contact-page-section {
        padding: 60px 0;
    }

    .contact-info-panel {
        padding: 40px 28px;
    }

    .contact-page-title {
        font-size: 32px;
    }

    .contact-page-intro {
        font-size: 15px;
    }

}

/* =========================================================
   FREQUENTLY ASKED QUESTIONS
========================================================= */

.faq-page-section {
    padding: 80px 0 100px;
    background: #ffffff;
}

.faq-page-heading {
    margin: 0;
    color: #000000;
    font-size: 38px;
    font-weight: 700;
    line-height: 1.2;
}

.faq-page-intro {
    max-width: 850px;
    margin: 0 auto;
    color: #4a4e57;
    font-size: 16px;
    line-height: 1.8;
}

.faq-feature-row {
    margin-top: 55px;
    margin-bottom: 45px;
}

.faq-feature-card {
    display: flex;
    min-height: 90px;
    height: 100%;
    align-items: center;
    justify-content: center;
    padding: 20px;
    border: 1px solid #e2e2e2;
    background: #ffffff;
}

.faq-feature-icon {
    flex: 0 0 45px;
    margin-right: 15px;
    color: #00498e;
    font-size: 30px;
    line-height: 1;
    text-align: center;
}

.faq-feature-card h3 {
    margin: 0;
    color: #212934;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.4;
}

.faq-accordion-row {
    margin-top: 10px;
}

.faq-accordion .faq-card {
    margin-bottom: 18px;
    overflow: hidden;
    border: 2px solid #00498e;
    border-radius: 0;
    background: #ffffff;
}

.faq-accordion .faq-card:last-child {
    margin-bottom: 0;
}

.faq-accordion .card-header {
    padding: 0;
    border: 0;
    background: #ffffff;
}

.faq-question {
    display: flex;
    width: 100%;
    align-items: center;
    padding: 22px 24px;
    color: #000000;
    border: 0;
    background: transparent;
    font-family: inherit;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.4;
    text-align: left;
    cursor: pointer;
    transition:
        color 0.2s ease,
        background-color 0.2s ease;
}

.faq-question:hover,
.faq-question:focus {
    color: #ffffff;
    background: #00498e;
    outline: none;
}

.faq-question-icon {
    display: inline-flex;
    flex: 0 0 32px;
    width: 32px;
    height: 32px;
    align-items: center;
    justify-content: center;
    margin-right: 16px;
    color: #ffffff;
    background: #212934;
    font-size: 13px;
    transition: background-color 0.2s ease;
}

.faq-question:hover .faq-question-icon,
.faq-question:focus .faq-question-icon,
.faq-question[aria-expanded="true"] .faq-question-icon {
    background: #212934;
}

.faq-question .faq-minus {
    display: none;
}

.faq-question[aria-expanded="true"] {
    color: #ffffff;
    background: #00498e;
}

.faq-question[aria-expanded="true"] .faq-plus {
    display: none;
}

.faq-question[aria-expanded="true"] .faq-minus {
    display: inline-block;
}

.faq-accordion .card-body {
    padding: 22px 24px 24px 72px;
    color: #4a4e57;
    border-top: 1px solid #e2e2e2;
    font-size: 15px;
    line-height: 1.8;
}

.faq-contact-wrap {
    margin-top: 60px;
}

.faq-contact-wrap p {
    margin-bottom: 20px;
    color: #4a4e57;
    font-size: 16px;
}

/* Tablet */

@media (max-width: 991.98px) {

    .faq-page-section {
        padding: 70px 0 80px;
    }

    .faq-page-heading {
        font-size: 34px;
    }

    .faq-feature-row {
        margin-top: 45px;
        margin-bottom: 35px;
    }

}

/* Mobile */

@media (max-width: 767.98px) {

    .faq-feature-card {
        justify-content: flex-start;
    }

    .faq-feature-row {
        margin-bottom: 25px;
    }

}

@media (max-width: 575.98px) {

    .faq-page-section {
        padding: 55px 0 65px;
    }

    .faq-page-heading {
        font-size: 30px;
    }

    .faq-page-intro {
        font-size: 15px;
    }

    .faq-question {
        padding: 18px 16px;
        font-size: 16px;
    }

    .faq-question-icon {
        flex-basis: 28px;
        width: 28px;
        height: 28px;
        margin-right: 12px;
    }

    .faq-accordion .card-body {
        padding: 18px 18px 20px;
        font-size: 14px;
    }

    .faq-contact-wrap {
        margin-top: 45px;
    }

}

/* =========================================================
   LEGAL PAGES
   Privacy Policy / Safety Policy
========================================================= */

.legal-page-section {
    padding: 75px 0 95px;
    background: #ffffff;
}

.legal-page-content {
    color: #4a4e57;
    font-size: 15px;
    line-height: 1.8;
}

.legal-page-header {
    margin-bottom: 50px;
}

.legal-page-title {
    margin: 0;
    color: #000000;
    font-size: 34px;
    font-weight: 700;
    line-height: 1.25;
}

.legal-content-section {
    margin-bottom: 38px;
}

.legal-content-section:last-of-type {
    margin-bottom: 0;
}

.legal-content-section h3 {
    position: relative;
    margin: 0 0 18px;
    padding-bottom: 13px;
    color: #000000;
    font-size: 22px;
    font-weight: 700;
    line-height: 1.35;
}

.legal-content-section h3::after {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 42px;
    height: 2px;
    background: #00498e;
    content: "";
}

.legal-content-section p {
    margin-bottom: 16px;
}

.legal-content-section p:last-child {
    margin-bottom: 0;
}

.legal-content-section a {
    color: #00498e;
    font-weight: 700;
    text-decoration: none;
}

.legal-content-section a:hover,
.legal-content-section a:focus {
    color: #212934;
    text-decoration: underline;
}

.legal-page-list {
    margin: 0;
    padding: 0;
    list-style: none;
}

.legal-page-list li {
    position: relative;
    margin-bottom: 13px;
    padding-left: 28px;
}

.legal-page-list li:last-child {
    margin-bottom: 0;
}

.legal-page-list li::before {
    position: absolute;
    top: 1px;
    left: 0;
    color: #00498e;
    font-family: "Font Awesome 5 Free";
    font-size: 13px;
    font-weight: 900;
    content: "\f00c";
}

.legal-contact-box {
    display: flex;
    align-items: center;
    margin-top: 55px;
    padding: 30px 35px;
    border-left: 4px solid #00498e;
    background: #f5f7f9;
}

.legal-contact-icon {
    flex: 0 0 55px;
    color: #00498e;
    font-size: 36px;
    line-height: 1;
}

.legal-contact-text {
    flex: 1;
    padding: 0 25px 0 10px;
}

.legal-contact-text h3 {
    margin: 0 0 6px;
    color: #000000;
    font-size: 20px;
    font-weight: 700;
}

.legal-contact-text p {
    margin: 0;
    color: #4a4e57;
    font-size: 14px;
    line-height: 1.7;
}

.legal-contact-action {
    flex: 0 0 auto;
}

/* Tablet */

@media (max-width: 991.98px) {

    .legal-page-section {
        padding: 65px 0 80px;
    }

    .legal-page-title {
        font-size: 31px;
    }

}

/* Mobile */

@media (max-width: 767.98px) {

    .legal-contact-box {
        display: block;
        padding: 28px;
        text-align: center;
    }

    .legal-contact-icon {
        margin-bottom: 15px;
    }

    .legal-contact-text {
        padding: 0;
    }

    .legal-contact-action {
        margin-top: 20px;
    }

}

@media (max-width: 575.98px) {

    .legal-page-section {
        padding: 50px 0 65px;
    }

    .legal-page-header {
        margin-bottom: 38px;
    }

    .legal-page-title {
        font-size: 28px;
    }

    .legal-page-content {
        font-size: 14px;
    }

    .legal-content-section {
        margin-bottom: 32px;
    }

    .legal-content-section h3 {
        font-size: 20px;
    }

}

/* =========================================================
   SAFETY POLICY
========================================================= */

.safety-policy-section {
    padding: 75px 0 95px;
    background: #ffffff;
}

.safety-policy-box {
    padding: 75px 75px 55px;
    border: 5px solid #00498e;
    background: #ffffff;
}

.safety-policy-header {
    max-width: 900px;
    margin: 0 auto 55px;
}

.safety-policy-icon {
    margin-bottom: 22px;
    color: #000000;
    font-size: 58px;
    line-height: 1;
}

.safety-policy-title {
    margin: 0;
    color: #000000;
    font-size: 34px;
    font-weight: 700;
    line-height: 1.25;
}

.safety-policy-intro {
    max-width: 820px;
    margin: 0 auto;
    color: #212934;
    font-size: 16px;
    line-height: 1.85;
}

.safety-policy-grid {
    margin-right: -15px;
    margin-left: -15px;
}

.safety-policy-card {
    display: flex;
    position: relative;
    min-height: 190px;
    overflow: hidden;
    padding: 38px 35px;
    background: #f9f9f9;
    border-bottom: 3px solid transparent;
    transition:
        transform 0.25s ease,
        box-shadow 0.25s ease,
        border-color 0.25s ease;
}

.safety-policy-card:hover {
    transform: translateY(-4px);
    border-bottom-color: #00498e;
    box-shadow: 0 15px 35px rgba(0, 0, 0, 0.08);
}

.safety-policy-number {
    flex: 0 0 58px;
    margin-right: 22px;
    color: #80a4c8;
    font-size: 28px;
    font-weight: 700;
    line-height: 1;
}

.safety-policy-card-content {
    flex: 1;
}

.safety-policy-card h3 {
    margin: 0 0 14px;
    color: #000000;
    font-size: 19px;
    font-weight: 700;
    line-height: 1.4;
}

.safety-policy-card p {
    margin: 0;
    color: #4a4e57;
    font-size: 15px;
    line-height: 1.8;
}

.safety-policy-contact {
    max-width: 760px;
    margin: 25px auto 0;
    padding-top: 40px;
    border-top: 1px solid #e2e2e2;
}

.safety-policy-contact h3 {
    margin: 0 0 12px;
    color: #000000;
    font-size: 24px;
    font-weight: 700;
}

.safety-policy-contact p {
    margin: 0 auto 22px;
    color: #4a4e57;
    font-size: 15px;
    line-height: 1.8;
}

/* Tablet */

@media (max-width: 991.98px) {

    .safety-policy-section {
        padding: 65px 0 80px;
    }

    .safety-policy-box {
        padding: 60px 45px 40px;
    }

    .safety-policy-title {
        font-size: 31px;
    }

    .safety-policy-card {
        padding: 32px 28px;
    }

}

/* Mobile */

@media (max-width: 767.98px) {

    .safety-policy-box {
        padding: 50px 30px 30px;
        border-width: 4px;
    }

    .safety-policy-header {
        margin-bottom: 40px;
    }

    .safety-policy-card {
        min-height: 0;
    }

}

@media (max-width: 575.98px) {

    .safety-policy-section {
        padding: 50px 0 65px;
    }

    .safety-policy-box {
        padding: 40px 20px 25px;
        border-width: 3px;
    }

    .safety-policy-icon {
        font-size: 48px;
    }

    .safety-policy-title {
        font-size: 27px;
    }

    .safety-policy-intro {
        font-size: 14px;
    }

    .safety-policy-card {
        display: block;
        padding: 28px 24px;
    }

    .safety-policy-number {
        margin: 0 0 15px;
    }

    .safety-policy-card h3 {
        font-size: 18px;
    }

    .safety-policy-card p {
        font-size: 14px;
    }

    .safety-policy-contact {
        padding-top: 30px;
    }

}

/* =========================================================
   OUR SERVICES PAGE
========================================================= */

.services-page-section {
    padding: 70px 0 100px;
    background: #ffffff;
}

.services-page-intro {
    max-width: 940px;
    margin: 0 auto 70px;
}

.services-page-title {
    margin: 0;
    color: #000000;
    font-size: 36px;
    font-weight: 700;
    line-height: 1.3;
}

.services-page-title span {
    margin: 0 7px;
    color: #00498e;
}

.services-page-description {
    max-width: 820px;
    margin: 25px auto 0;
    color: #4a4e57;
    font-size: 16px;
    line-height: 1.85;
}

.services-page-grid {
    margin-bottom: 20px;
}

/* Service cards */

.service-grid-card {
    display: flex;
    flex-direction: column;
    overflow: hidden;
    border: 1px solid #e2e2e2;
    background: #ffffff;
    transition:
        transform 0.25s ease,
        box-shadow 0.25s ease;
}

.service-grid-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 18px 38px rgba(0, 0, 0, 0.1);
}

.service-grid-image-link {
    display: block;
    position: relative;
    overflow: hidden;
    background: #f3f3f3;
}

.service-grid-image {
    display: block;
    width: 100%;
    height: 340px;
    object-fit: cover;
    transition: transform 0.4s ease;
}

.service-grid-card:hover .service-grid-image {
    transform: scale(1.035);
}

.service-grid-body {
    display: flex;
    flex: 1;
    flex-direction: column;
    padding: 32px 35px 36px;
}

.service-grid-title {
    margin: 0 0 15px;
    color: #000000;
    font-size: 25px;
    font-weight: 700;
    line-height: 1.35;
}

.service-grid-title a {
    color: inherit;
    text-decoration: none;
}

.service-grid-title a:hover,
.service-grid-title a:focus {
    color: #00498e;
    text-decoration: none;
}

.service-grid-description {
    max-width: 440px;
    margin: 0 auto 27px;
    color: #4a4e57;
    font-size: 15px;
    line-height: 1.75;
}

.service-grid-button {
    display: inline-block;
    min-width: 125px;
    padding: 11px 25px;
    border: 2px solid #00498e;
    border-radius: 30px;
    background: #00498e;
    color: #ffffff;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.4;
    text-decoration: none;
    transition:
        background 0.2s ease,
        color 0.2s ease;
}

.service-grid-button:hover,
.service-grid-button:focus {
    background: transparent;
    color: #00498e;
    text-decoration: none;
}

/* Free quote button */

.services-page-quote {
    margin-top: 10px;
}

.services-page-quote-button {
    display: inline-block;
    padding: 17px 38px;
    border: 2px solid #000000;
    border-radius: 35px;
    background: #00498e;
    color: #ffffff;
    font-size: 17px;
    font-weight: 700;
    line-height: 1.4;
    text-decoration: none;
    transition:
        background 0.2s ease,
        color 0.2s ease;
}

.services-page-quote-button:hover,
.services-page-quote-button:focus {
    background: #ffffff;
    color: #00498e;
    text-decoration: none;
}

/* Statistics */

.services-stats-section {
    padding: 65px 0;
    background: #f5f5f5;
}

.service-stat-item {
    height: 100%;
    padding: 10px 15px;
}

.service-stat-icon {
    margin-bottom: 15px;
    color: #00498e;
    font-size: 32px;
    line-height: 1;
}

.service-stat-value {
    margin-bottom: 7px;
    color: #000000;
    font-size: 38px;
    font-weight: 700;
    line-height: 1.1;
}

.service-stat-label {
    color: #4a4e57;
    font-size: 15px;
    font-weight: 600;
    line-height: 1.5;
}

/* Tablet */

@media (max-width: 991.98px) {

    .services-page-section {
        padding: 65px 0 80px;
    }

    .services-page-intro {
        margin-bottom: 55px;
    }

    .services-page-title {
        font-size: 32px;
    }

    .service-grid-image {
        height: 275px;
    }

    .service-grid-body {
        padding: 28px 25px 31px;
    }

}

/* Mobile */

@media (max-width: 767.98px) {

    .services-page-title span {
        margin: 0 4px;
    }

    .services-page-description {
        font-size: 15px;
    }

    .service-grid-image {
        height: auto;
        aspect-ratio: 725 / 500;
    }

    .services-stats-section {
        padding: 55px 0 30px;
    }

    .service-stat-item {
        padding-bottom: 25px;
    }

}

@media (max-width: 575.98px) {

    .services-page-section {
        padding: 50px 0 65px;
    }

    .services-page-intro {
        margin-bottom: 42px;
    }

    .services-page-title {
        font-size: 27px;
    }

    .services-page-title span {
        display: none;
    }

    .services-page-title {
        max-width: 330px;
        margin-right: auto;
        margin-left: auto;
    }

    .service-grid-body {
        padding: 25px 20px 28px;
    }

    .service-grid-title {
        font-size: 22px;
    }

    .services-page-quote-button {
        width: 100%;
        max-width: 340px;
        padding: 15px 20px;
        font-size: 16px;
    }

    .service-stat-value {
        font-size: 32px;
    }

    .service-stat-label {
        font-size: 13px;
    }

}


.location-service-images img { display:block; object-fit:cover; }
.location-service-title { font-weight:700; }
.location-service-benefits li { display:flex; align-items:flex-start; margin-bottom:.75rem; }
.location-service-benefits i { color:#07579c; margin-right:.75rem; margin-top:.25rem; }
.location-service-copy p:last-child { margin-bottom:0; }
@media (max-width: 991.98px) { .location-service-content { padding-left:0 !important; } }