/* =========================================
   START: GLOBAL RESPONSIVE WIDTH CONTROL
========================================= */

:root {
    --ssh-container-max-width: 1500px;
    --ssh-container-padding: 55px;
    --ssh-mobile-padding: 16px;
}


/* Global box sizing */

html {
    width: 100%;
    max-width: 100%;
    overflow-x: hidden;
}


body {
    width: 100%;
    max-width: 100%;
    margin: 0;
    padding: 0;

    overflow-x: hidden;
}


/* All elements */

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


/* Images */

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


/* Tables */

table {
    max-width: 100%;
}


/* Prevent common elements from creating viewport overflow */

iframe,
video,
embed,
object {
    max-width: 100%;
}


/* Main page wrapper */

main,
header,
footer,
section,
nav {
    max-width: 100%;
}


/* =========================================
   GLOBAL CONTAINER
========================================= */

.container,
.ssh-container {
    width: 100%;
    max-width: var(--ssh-container-max-width);

    margin-left: auto;
    margin-right: auto;

    padding-left: var(--ssh-container-padding);
    padding-right: var(--ssh-container-padding);

    box-sizing: border-box;
}


/* =========================================
   GRID / FLEX SAFETY
========================================= */

.row,
[class*="row"] {
    min-width: 0;
}


[class*="col-"] {
    min-width: 0;
}


/* Direct children of grid/flex layouts */

.grid,
[class*="grid"],
.flex,
[class*="flex"] {
    min-width: 0;
}


/* =========================================
   TEXT WRAPPING
========================================= */

h1,
h2,
h3,
h4,
h5,
h6,
p,
a,
li,
span {
    overflow-wrap: break-word;
    word-wrap: break-word;
}


/* =========================================
   START: GLOBAL RESPONSIVE WIDTH
========================================= */

@media (max-width: 1399px) {

    :root {
        --ssh-container-padding: 40px;
    }

}


@media (max-width: 1199px) {

    :root {
        --ssh-container-padding: 30px;
    }

}


@media (max-width: 991px) {

    :root {
        --ssh-container-padding: 25px;
    }


    .container,
    .ssh-container {
        width: 100%;
        max-width: 100%;

        padding-left: var(--ssh-container-padding);
        padding-right: var(--ssh-container-padding);
    }

}


@media (max-width: 767px) {

    :root {
        --ssh-container-padding: 20px;
    }


    .container,
    .ssh-container {
        width: 100%;
        max-width: 100%;

        padding-left: var(--ssh-container-padding);
        padding-right: var(--ssh-container-padding);
    }

}


@media (max-width: 480px) {

    :root {
        --ssh-container-padding: 16px;
    }


    .container,
    .ssh-container {
        width: 100%;
        max-width: 100%;

        padding-left: var(--ssh-container-padding);
        padding-right: var(--ssh-container-padding);
    }

}

/* =========================================
   END: GLOBAL RESPONSIVE WIDTH
========================================= */

/* =========================================================
   Start: Global Typography
   ========================================================= */

   :root {
    --font-primary: "Yantramanav", sans-serif;
}

html,
body {
    font-family: var(--font-primary);
    margin: 0px;
}

/* =========================================================
   End: Global Typography
   ========================================================= */

/* start: header */

:root {
    --header-bg: #eef8fd;
    --header-border: #d8e8ef;
    --header-text: #102f43;
    --header-primary: #2189bb;
    --header-primary-dark: #176f9b;
    --header-dropdown-bg: #ffffff;
    --header-mobile-bg: #e7f4f9;
    --header-hover-bg: #f1f9fc;
    --header-shadow: 0 15px 35px rgba(19, 54, 70, 0.12);
    --header-container: 1320px;
}

/* end: header */


/* start: header base */

.site-header {
    position: relative;
    z-index: 9999;

    width: 100%;

    background: var(--header-bg);

    border-bottom: 1px solid var(--header-border);
}

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

.site-header .container {
    width: 100%;
    max-width: var(--header-container);

    margin: 0 auto;
    padding: 0 25px;
}

.header-wrapper {
    min-height: 92px;

    display: flex;
    align-items: center;

    gap: 30px;
}

/* end: header base */


/* start: logo */

.header-logo {
    flex: 0 0 auto;

    position: relative;
    z-index: 2;
}

.header-logo a {
    display: inline-flex;
    align-items: center;

    text-decoration: none;
}

.header-logo img {
    display: block;

    width: auto;
    max-width: 400px;
    height: auto;
}

/* end: logo */


/* start: main navigation */

.main-navigation {
    margin-left: auto;

    flex: 0 1 auto;
}

.nav-menu {
    display: flex;
    align-items: center;

    gap: 30px;

    margin: 0;
    padding: 0;

    list-style: none;
}

.nav-item {
    position: relative;
    flex: 0 0 auto;
}

.nav-link {
    min-height: 92px;

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

    gap: 8px;

    padding: 0;

    color: var(--header-text);

    font-size: 18px;
    line-height: 1.4;
    font-weight: 600;

    text-decoration: none;
    white-space: nowrap;

    transition: color 0.25s ease;
}

.nav-link:hover,
.nav-link.active {
    color: #e45600;
}

/* end: main navigation */


/* start: dropdown arrow */

.dropdown-arrow {
    width: 8px;
    height: 8px;

    display: inline-block;

    flex: 0 0 auto;

    margin-top: -4px;

    border-right: 1.5px solid currentColor;
    border-bottom: 1.5px solid currentColor;

    transform: rotate(45deg);

    transition: transform 0.25s ease;
}

.has-dropdown:hover > .nav-link .dropdown-arrow {
    transform: rotate(225deg);
}

.has-dropdown.dropdown-open > .nav-link .dropdown-arrow {
    transform: rotate(225deg);
}

/* end: dropdown arrow */


/* start: dropdown menu */

.dropdown-menu {
    position: absolute;

    top: calc(100% - 1px);
    left: -15px;

    width: 275px;

    margin: 0;
    padding: 0px 0;

    list-style: none;

    background: var(--header-dropdown-bg);

    border: 1px solid var(--header-border);
    border-radius: 0 0 10px 10px;

    box-shadow: var(--header-shadow);

    opacity: 0;
    visibility: hidden;

    transform: translateY(10px);

    transition:
        opacity 0.25s ease,
        visibility 0.25s ease,
        transform 0.25s ease;
}


/* Desktop hover only */

@media (min-width: 1101px) {

    .has-dropdown:hover > .dropdown-menu {
        opacity: 1;
        visibility: visible;
        transform: translateY(0);
    }

}


/* Dropdown links */

.dropdown-menu li {
    width: 100%;

    margin: 0;
    padding: 0;
    border-bottom: 1px solid #eee;
}

.dropdown-menu li a {
    display: block;

    width: 100%;

    padding: 8px 20px;

    color: var(--header-text);

    font-size: 16px;
    line-height: 1.5;
    font-weight: 500;

    text-decoration: none;

    white-space: normal;

    transition:
        color 0.2s ease,
        background-color 0.2s ease,
        padding-left 0.2s ease;
}

.dropdown-menu li a:hover {
    color: var(--header-primary);

    background: var(--header-hover-bg);

    padding-left: 25px;
}

/* end: dropdown menu */


/* start: header action */

.header-action {
    flex: 0 0 auto;
}

.header-cta {
    min-height: 48px;

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

    gap: 12px;

    padding: 7px 8px 7px 23px;

    color: #ffffff;
    background: #153e71;

    border-radius: 30px;

    font-size: 15px;
    line-height: 1;
    font-weight: 700;

    text-decoration: none;
    white-space: nowrap;

    transition:
        background-color 0.25s ease,
        transform 0.25s ease;
}

.header-cta:hover {
    color: #ffffff;

    background: var(--header-primary-dark);

    transform: translateY(-1px);
}

.cta-arrow {
    width: 35px;
    height: 35px;

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

    color: var(--header-primary);
    background: #ffffff;

    border-radius: 50%;

    font-size: 18px;
    line-height: 1;
}

/* end: header action */


/* start: mobile menu button */

.mobile-menu-toggle {
    display: none;

    width: 46px;
    height: 46px;

    flex: 0 0 46px;

    padding: 7px;

    border: 0;

    background: transparent;

    cursor: pointer;
}

.mobile-menu-toggle span {
    display: block;

    width: 28px;
    height: 2px;

    margin: 5px auto;

    background: var(--header-text);

    transition:
        transform 0.25s ease,
        opacity 0.25s ease;
}

.mobile-menu-toggle.is-active span:nth-child(1) {
    transform: translateY(7px) rotate(45deg);
}

.mobile-menu-toggle.is-active span:nth-child(2) {
    opacity: 0;
}

.mobile-menu-toggle.is-active span:nth-child(3) {
    transform: translateY(-7px) rotate(-45deg);
}

/* end: mobile menu button */


/* start: large desktop */

@media (max-width: 1399px) {

    .site-header .container {
        max-width: 1240px;
        padding: 0 25px;
    }

    .nav-menu {
        gap: 25px;
    }

    .header-wrapper {
        gap: 22px;
    }

}

/* end: large desktop */


/* start: laptop */

@media (max-width: 1199px) {

    .site-header .container {
        padding: 0 20px;
    }

    .header-wrapper {
        min-height: 82px;
        gap: 18px;
    }

    .header-logo img {
        max-width: 350px;
    }

    .nav-menu {
        gap: 20px;
    }

    .nav-link {
        min-height: 82px;
        font-size: 16px;
    }

    .header-cta {
        min-height: 45px;
        padding-left: 18px;
        font-size: 15px;
    }

    .cta-arrow {
        width: 32px;
        height: 32px;
    }

}

/* end: laptop */


/* start: tablet navigation */

@media (max-width: 1100px) {

    .header-wrapper {
        min-height: 76px;
    }

    .header-logo img {
        max-width: 300px;
    }

    .header-action {
        display: none;
    }

    .mobile-menu-toggle {
        display: block;

        margin-left: auto;
    }


    /* Mobile navigation panel */

    .main-navigation {
        position: absolute;

        top: 100%;
        left: 0;

        width: 100%;

        margin: 0;
        padding: 0 13px 4px;

        background: var(--header-bg);

        border-top: 1px solid var(--header-border);

        box-shadow: var(--header-shadow);

        opacity: 0;
        visibility: hidden;

        transform: translateY(-10px);

        transition:
            opacity 0.25s ease,
            visibility 0.25s ease,
            transform 0.25s ease;
    }

    .main-navigation.is-open {
        opacity: 1;
        visibility: visible;

        transform: translateY(0);
    }


    /* Mobile menu */

    .nav-menu {
        display: block;

        width: 100%;

        margin: 0;
        padding: 5px 0 0;
    }

    .nav-item {
        width: 100%;

        border-bottom: 1px solid var(--header-border);
    }

    .nav-item:last-child {
        border-bottom: 0;
    }


    /* Mobile links */

    .nav-link {
        width: 100%;
        min-height: 0;

        display: flex;

        align-items: center;
        justify-content: space-between;

        padding: 8px 5px;

        font-size: 18px;

        white-space: normal;
    }


    /* Mobile dropdown */

    .dropdown-menu {
        position: static;

        width: 100%;

        display: none;

        margin: 0;
        padding: 0;

        background: var(--header-mobile-bg);

        border: 0;
        border-radius: 0;

        box-shadow: none;

        opacity: 1;
        visibility: visible;

        transform: none;
    }


    /* JavaScript controlled dropdown */

    .has-dropdown.dropdown-open > .dropdown-menu {
        display: block;
    }


    /* Mobile dropdown links */

    .dropdown-menu li {
        border-top: 1px solid var(--header-border);
    }

    .dropdown-menu li a {
        padding: 8px 20px;

        color: var(--header-text);

        font-size: 18px;
        line-height: 1.5;
    }

    .dropdown-menu li a:hover {
        padding-left: 25px;

        background: #dceef5;

        color: var(--header-primary);
    }


    /*
       Important:
       Desktop hover is completely disabled
       below 1100px.
    */

    .has-dropdown:hover > .dropdown-menu {
        opacity: 1;
        visibility: visible;
        transform: none;
    }

}

/* end: tablet navigation */


/* start: mobile */

@media (max-width: 767px) {

    .site-header .container {
        padding: 0 15px;
    }

    .header-wrapper {
        min-height: 72px;
    }

    .header-logo img {
        max-width: 251px;
    }

    .main-navigation {
        padding: 0 15px 15px;
    }

    .nav-link {
        padding: 15px 5px;

        font-size: 16px;
    }

    .dropdown-menu li a {
        padding: 12px 18px;

        font-size: 16px;
    }

}

/* end: mobile */


/* start: small mobile */

@media (max-width: 575px) {

    .header-wrapper {
        min-height: 68px;
    }

    .header-logo img {
        max-width: 250px;
    }

    .mobile-menu-toggle {
        width: 43px;
        height: 43px;

        flex-basis: 43px;
    }

    .mobile-menu-toggle span {
        width: 26px;
    }

    .nav-link {
        padding: 14px 4px;
    }

}

/* end: small mobile */


/* start: extra small mobile */

@media (max-width: 400px) {

    .site-header .container {
        padding: 0 12px;
    }

    .header-logo img {
        max-width: 250px;
    }

    .mobile-menu-toggle {
        width: 40px;
        height: 40px;

        flex-basis: 40px;
    }

    .mobile-menu-toggle span {
        width: 24px;
    }

    .nav-link {
        padding: 13px 4px;

        font-size: 18px;
    }

    .dropdown-menu li a {
        padding: 11px 16px;

        font-size: 18px;
    }

}

/* end: extra small mobile */



    /* =========================================================
   start: Hero Banner
   ========================================================= */

   :root {
    --sshi-hero-max-width: 1920px;
    --sshi-hero-bg: #f5f7f8;
    --sshi-hero-radius: 0px;
}

.sshi-hero-banner {
    width: 100%;
    max-width: var(--sshi-hero-max-width);
    margin: 0 auto;
    padding: 0;
    overflow: hidden;
    background: var(--sshi-hero-bg);
    border-radius: var(--sshi-hero-radius);
}

.sshi-hero-banner__image-wrap {
    width: 100%;
    margin: 0;
    padding: 0;
    line-height: 0;
    overflow: hidden;
}

.sshi-hero-banner__image {
    display: block;
    width: 100%;
    height: auto;
    max-width: 100%;
    margin: 0;
    padding: 0;
    border: 0;
}

/* =========================================================
   Tablet
   ========================================================= */

@media (max-width: 991px) {

    .sshi-hero-banner {
        width: 100%;
    }

    .sshi-hero-banner__image {
        width: 100%;
        height: auto;
    }

}

/* =========================================================
   Mobile
   ========================================================= */

@media (max-width: 575px) {

    .sshi-hero-banner {
        width: 100%;
        overflow: hidden;
    }

    .sshi-hero-banner__image-wrap {
        width: 100%;
    }

    .sshi-hero-banner__image {
        width: 100%;
        height: auto;
        min-height: 0;
        object-fit: contain;
    }

}

/* =========================================================
   end: Hero Banner
   ========================================================= */
   

   /* =========================================================
   Start: About Section
   ========================================================= */

/* =========================================================
   About Section Variables
   ========================================================= */

:root {
    --about-bg: #ffffff;
    --about-primary: #123a78;
    --about-primary-dark: #176f9b;
    --about-heading: #103c53;
    --about-text: #24282b;
    --about-muted: #78909d;
    --about-border: #cfe3ec;
    --about-light: #edf8fd;
    --about-white: #ffffff;

    --about-container: 1200px;
    --about-radius: 22px;
    --about-shadow: 0 18px 45px rgba(24, 75, 98, 0.12);
}


/* =========================================================
   About Main Section
   ========================================================= */

.about-section {
    position: relative;
    width: 100%;
    max-width: 100%;
    padding: 75px 0;
    overflow: hidden;
    background: var(--about-bg);
}

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

.about-section .container {
    width: 100%;
    max-width: var(--about-container);
    margin: 0 auto;
    padding: 0 20px;
}


/* =========================================================
   About Wrapper
   ========================================================= */

.about-wrapper {
    position: relative;
    width: 100%;
    display: grid;
    grid-template-columns: minmax(0, 48%) minmax(0, 52%);
    align-items: center;
    gap: 40px;
}


/* =========================================================
   About Images Area
   ========================================================= */

.about-images {
    position: relative;
    width: 100%;
    min-width: 0;
    min-height: 600px;
}


/* =========================================================
   About Image Common
   ========================================================= */

.about-image {
    position: absolute;
    overflow: hidden;
    border-radius: var(--about-radius);
    background: #eaf5f9;
}

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


/* =========================================================
   Main About Image
   ========================================================= */

.about-image-main {
    top: 0;
    left: 0;

    width: 72%;
    height: 410px;

    z-index: 2;
}


/* =========================================================
   Secondary About Image
   ========================================================= */

.about-image-secondary {
    right: 0;
    bottom: 0;

    width: 62%;
    height: 350px;

    border: 8px solid var(--about-white);

    z-index: 3;
}


/* =========================================================
   Experience Badge
   ========================================================= */

.about-experience {
    position: absolute;
    top: 47%;
    left: 58%;

    width: 125px;
    height: 125px;

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

    color: var(--about-white);
    background: var(--about-primary);

    border: 8px solid var(--about-white);
    border-radius: 50%;

    box-shadow: 0 12px 35px rgba(33, 137, 187, 0.20);

    transform: translate(-50%, -50%);

    z-index: 5;
}

.experience-number {
    display: block;
    color: var(--about-white);
    font-size: 30px;
    line-height: 1;
    font-weight: 800;
}

.experience-text {
    display: block;
    margin-top: 6px;

    color: var(--about-white);
    font-size: 16px;
    line-height: 1.3;
    text-align: center;
    font-weight: 600;
}


/* =========================================================
   Decorative Star
   ========================================================= */

.about-star {
    position: absolute;
    pointer-events: none;
    z-index: 6;
}

.about-star-top {
    top: 15px;
    right: 3%;

    color: var(--about-primary);
    font-size: 42px;
    line-height: 1;
}


/* =========================================================
   Decorative Plus
   ========================================================= */

.about-plus {
    position: absolute;
    left: 0;
    bottom: 3%;

    color: #d7edf6;
    font-size: 65px;
    line-height: 1;
    font-weight: 300;

    pointer-events: none;
    z-index: 1;
}


/* =========================================================
   About Content
   ========================================================= */

.about-content {
    position: relative;
    width: 100%;
    min-width: 0;
    padding-left: 10px;
    z-index: 4;
}


/* =========================================================
   Section Label
   ========================================================= */

.section-label {
    display: flex;
    align-items: center;
    gap: 8px;

    margin-bottom: 18px;

    color: var(--about-primary);
    font-size: 16px;
    line-height: 1.4;
    font-weight: 700;
    letter-spacing: 3px;
}

.section-label-icon {
    font-size: 18px;
    line-height: 1;
}


/* =========================================================
   About Heading
   ========================================================= */

.about-content h2 {
    width: 100%;
    max-width: 650px;
    margin: 0;

    color: var(--about-heading);
    font-size: clamp(38px, 4.2vw, 48px);
    line-height: 1.1;
    font-weight: 800;
    letter-spacing: -1.5px;

    overflow-wrap: break-word;
}

.about-content h2 span {
    color: var(--about-primary);
}


/* =========================================================
   About Description
   ========================================================= */

.about-description {
    width: 100%;
    max-width: 650px;

    margin: 24px 0 0;

    color: var(--about-text);
    font-size: 18px;
    line-height: 1.8;
    font-weight: 400;
    text-align: justify;
}

.about-description + .about-description {
    margin-top: 14px;
}


/* =========================================================
   About Features
   ========================================================= */

.about-features {
    width: 100%;
    max-width: 700px;

    margin-top: 30px;

    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));

    column-gap: 35px;
    row-gap: 18px;
}

.about-feature {
    min-width: 0;

    display: flex;
    align-items: center;
    gap: 11px;

    color: var(--about-heading);
    font-size: 17px;
    line-height: 1.4;
    font-weight: 700;
}

.feature-check {
    width: 22px;
    height: 22px;
    flex: 0 0 22px;

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

    color: var(--about-white);
    background: var(--about-primary);

    border-radius: 50%;

    font-size: 16px;
    line-height: 1;
    font-weight: 700;
}


/* =========================================================
   About Button
   ========================================================= */

.about-button {
    margin-top: 34px;
}

.about-btn {
    min-height: 54px;

    padding: 7px 8px 7px 24px;

    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 13px;

    color: var(--about-white);
    background: var(--about-primary);

    border-radius: 30px;

    font-size: 16px;
    line-height: 1;
    font-weight: 700;
    text-decoration: none;

    transition:
        background-color 0.25s ease,
        transform 0.25s ease;
}

.about-btn:hover {
    color: var(--about-white);
    background: var(--about-primary-dark);
    transform: translateY(-2px);
}

.about-btn-arrow {
    width: 40px;
    height: 40px;
    flex: 0 0 40px;

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

    color: var(--about-primary);
    background: var(--about-white);

    border-radius: 50%;

    font-size: 20px;
}


/* =========================================================
   Start: About Section Responsive Fix
   ========================================================= */

/* =========================================================
   Tablet
   ========================================================= */

   @media (max-width: 991px) {

    .about-section .about-wrapper {
        width: 100% !important;
        max-width: 100% !important;

        display: flex !important;
        flex-direction: column !important;

        grid-template-columns: none !important;

        gap: 55px !important;
    }

    .about-section .about-images {
        width: 100% !important;
        max-width: 680px !important;
        min-width: 0 !important;

        min-height: 560px !important;

        margin: 0 auto !important;
    }

    .about-section .about-content {
        width: 100% !important;
        max-width: 760px !important;
        min-width: 0 !important;

        margin: 0 auto !important;
        padding-left: 0 !important;
    }

}


/* =========================================================
   Mobile
   ========================================================= */

@media (max-width: 767px) {

    .about-section {
        width: 100% !important;
        max-width: 100% !important;

        padding: 65px 0 !important;

        overflow: hidden !important;
    }

    .about-section .container {
        width: 100% !important;
        max-width: 100% !important;

        padding-left: 16px !important;
        padding-right: 16px !important;
    }

    /* =====================================================
       Force One Column
       ===================================================== */

    .about-section .about-wrapper {
        width: 100% !important;
        max-width: 100% !important;

        display: flex !important;
        flex-direction: column !important;

        grid-template-columns: none !important;
        grid-template-rows: none !important;

        gap: 45px !important;

        margin: 0 !important;
        padding: 0 !important;
    }


    /* =====================================================
       About Images
       ===================================================== */

    .about-section .about-images {
        position: relative !important;

        width: 100% !important;
        max-width: 600px !important;
        min-width: 0 !important;

        height: 430px !important;
        min-height: 430px !important;

        margin: 0 auto !important;
        padding: 0 !important;
    }


    /* =====================================================
       Main Image
       ===================================================== */

    .about-section .about-image-main {
        position: absolute !important;

        top: 0 !important;
        left: 0 !important;
        right: auto !important;
        bottom: auto !important;

        width: 72% !important;
        height: 285px !important;

        margin: 0 !important;

        z-index: 2 !important;
    }


    /* =====================================================
       Secondary Image
       ===================================================== */

    .about-section .about-image-secondary {
        position: absolute !important;

        top: auto !important;
        left: auto !important;
        right: 0 !important;
        bottom: 0 !important;

        width: 65% !important;
        height: 245px !important;

        margin: 0 !important;

        border-width: 6px !important;

        z-index: 3 !important;
    }


    .about-section .about-image img {
        width: 100% !important;
        height: 100% !important;

        display: block !important;

        object-fit: cover !important;
    }


    /* =====================================================
       Experience Badge
       ===================================================== */

    .about-section .about-experience {
        position: absolute !important;

        top: 50% !important;
        left: 56% !important;

        right: auto !important;
        bottom: auto !important;

        width: 100px !important;
        height: 100px !important;

        margin: 0 !important;

        transform: translate(-50%, -50%) !important;

        z-index: 6 !important;
    }

    .about-section .experience-number {
        font-size: 25px !important;
        line-height: 1 !important;
    }

    .about-section .experience-text {
        font-size: 16px !important;
        line-height: 1.2 !important;
    }


    /* =====================================================
       Decorative Elements
       ===================================================== */

    .about-section .about-star-top {
        top: 8px !important;
        right: 0 !important;

        font-size: 32px !important;

        z-index: 7 !important;
    }

    .about-section .about-plus {
        left: 0 !important;
        bottom: 0 !important;

        font-size: 45px !important;
    }


    /* =====================================================
       About Content
       ===================================================== */

    .about-section .about-content {
        position: relative !important;

        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;

        margin: 0 !important;
        padding: 0 !important;

        text-align: left !important;
    }


    /* =====================================================
       Section Label
       ===================================================== */

    .about-section .section-label {
        width: 100% !important;

        display: flex !important;
        align-items: center !important;

        margin-bottom: 15px !important;

        font-size: 16px !important;
        line-height: 1.4 !important;

        letter-spacing: 2px !important;
    }


    /* =====================================================
       Heading
       ===================================================== */

    .about-section .about-content h2 {
        width: 100% !important;
        max-width: 100% !important;

        margin: 0 !important;
        padding: 0 !important;

        font-size: clamp(34px, 9vw, 45px) !important;
        line-height: 1.1 !important;

        letter-spacing: -0.8px !important;

        overflow-wrap: normal !important;
        word-break: normal !important;
    }

    .about-section .about-content h2 span {
        display: inline !important;
    }


    /* =====================================================
       Description
       ===================================================== */

    .about-section .about-description {
        width: 100% !important;
        max-width: 100% !important;

        margin: 20px 0 0 !important;

        font-size: 16px !important;
        line-height: 1.75 !important;

        overflow-wrap: normal !important;
        word-break: normal !important;
    }

    .about-section .about-description + .about-description {
        margin-top: 14px !important;
    }


    /* =====================================================
       Features
       ===================================================== */

    .about-section .about-features {
        width: 100% !important;
        max-width: 100% !important;

        margin: 27px 0 0 !important;

        display: grid !important;

        grid-template-columns: 1fr !important;

        column-gap: 0 !important;
        row-gap: 15px !important;
    }

    .about-section .about-feature {
        width: 100% !important;
        min-width: 0 !important;

        display: flex !important;
        align-items: center !important;

        gap: 11px !important;

        font-size: 16px !important;
        line-height: 1.45 !important;
    }

    .about-section .feature-check {
        width: 22px !important;
        height: 22px !important;

        flex: 0 0 22px !important;

        font-size: 16px !important;
    }


    /* =====================================================
       Button
       ===================================================== */

    .about-section .about-button {
        width: 100% !important;

        margin-top: 30px !important;
    }

    .about-section .about-btn {
        min-height: 54px !important;

        padding: 7px 8px 7px 24px !important;

        font-size: 16px !important;
    }

}


/* =========================================================
   Small Mobile
   ========================================================= */

@media (max-width: 480px) {

    .about-section {
        padding: 55px 0 !important;
    }

    .about-section .container {
        padding-left: 14px !important;
        padding-right: 14px !important;
    }


    /* =====================================================
       Images
       ===================================================== */

    .about-section .about-images {
        width: 100% !important;
        max-width: 100% !important;

        height: 350px !important;
        min-height: 350px !important;
    }

    .about-section .about-image-main {
        width: 72% !important;
        height: 225px !important;
    }

    .about-section .about-image-secondary {
        width: 66% !important;
        height: 190px !important;

        border-width: 5px !important;
    }


    /* =====================================================
       Experience Badge
       ===================================================== */

    .about-section .about-experience {
        top: 52% !important;
        left: 57% !important;

        width: 85px !important;
        height: 85px !important;

        border-width: 5px !important;
    }

    .about-section .experience-number {
        font-size: 21px !important;
    }

    .about-section .experience-text {
        font-size: 16px !important;
        line-height: 1.15 !important;
    }


    /* =====================================================
       Decorative Elements
       ===================================================== */

    .about-section .about-star-top {
        top: 5px !important;
        right: 0 !important;

        font-size: 28px !important;
    }

    .about-section .about-plus {
        bottom: 0 !important;
        left: 0 !important;

        font-size: 40px !important;
    }


    /* =====================================================
       Content
       ===================================================== */

    .about-section .section-label {
        font-size: 16px !important;
        letter-spacing: 2px !important;
    }

    .about-section .about-content h2 {
        width: 100% !important;
        max-width: 100% !important;

        font-size: 32px !important;
        line-height: 1.12 !important;
    }

    .about-section .about-description {
        width: 100% !important;
        max-width: 100% !important;

        font-size: 16px !important;
        line-height: 1.7 !important;
    }


    /* =====================================================
       Features
       ===================================================== */

    .about-section .about-feature {
        font-size: 16px !important;
    }


    /* =====================================================
       Button
       ===================================================== */

    .about-section .about-btn {
        width: 100% !important;
        max-width: 300px !important;

        font-size: 16px !important;
    }

}


/* =========================================================
   Very Small Mobile
   ========================================================= */

@media (max-width: 360px) {

    .about-section {
        padding: 48px 0 !important;
    }

    .about-section .container {
        padding-left: 12px !important;
        padding-right: 12px !important;
    }


    /* =====================================================
       Images
       ===================================================== */

    .about-section .about-images {
        height: 315px !important;
        min-height: 315px !important;
    }

    .about-section .about-image-main {
        width: 72% !important;
        height: 205px !important;
    }

    .about-section .about-image-secondary {
        width: 67% !important;
        height: 175px !important;
    }


    /* =====================================================
       Experience
       ===================================================== */

    .about-section .about-experience {
        width: 76px !important;
        height: 76px !important;
    }

    .about-section .experience-number {
        font-size: 20px !important;
    }

    .about-section .experience-text {
        font-size: 10px !important;
    }


    /* =====================================================
       Content
       ===================================================== */

    .about-section .about-content h2 {
        font-size: 30px !important;
    }

    .about-section .about-description {
        font-size: 18px !important;
        /*! text-align: justify; */
    }

    .about-section .about-feature {
        font-size: 18px !important;
    }

}


/* =========================================================
   End: About Section Responsive Fix
   ========================================================= */


/* =========================================================
   End: About Section
   ========================================================= */


   /* =========================================================
   Start: Equipment Section
   ========================================================= */

:root {
    --equipment-bg: #edf8fd;
    --equipment-primary: #123a78;
    --equipment-primary-dark: #176f9b;
    --equipment-heading: #103c53;
    --equipment-text: #24282b;
    --equipment-border: #deedf3;
    --equipment-light: #f2f8fa;
    --equipment-circle: #edf7fb;
    --equipment-white: #ffffff;

    --equipment-container: 1200px;
    --equipment-card-radius: 20px;
    --equipment-card-shadow: 0 8px 25px rgba(26, 82, 105, 0.05);
    --equipment-card-hover-shadow: 0 18px 40px rgba(26, 82, 105, 0.12);
}


/* =========================================================
   Main Section
   ========================================================= */

.equipment-section {
    position: relative;
    width: 100%;
    max-width: 100%;
    padding: 70px 0;
    overflow: hidden;
    background: #c8eeff;
}

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

.equipment-section .container {
    width: 100%;
    max-width: var(--equipment-container);
    margin: 0 auto;
    padding: 0 20px;
}


/* =========================================================
   Section Heading
   ========================================================= */

.equipment-section-heading {
    width: 100%;
    max-width: 850px;
    margin: 0 auto 55px;
    text-align: center;
}

.equipment-section-label {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;

    margin-bottom: 14px;

    color: #fff;
    font-size: 16px;
    line-height: 1.4;
    font-weight: 700;
    letter-spacing: 3px;
}

.equipment-section-label-icon {
    font-size: 18px;
    line-height: 1;
}

.equipment-section-heading h2 {
    margin: 0;

    color: #bc8c41;
    font-size: clamp(38px, 4vw, 46px);
    line-height: 1.1;
    font-weight: 800;
    letter-spacing: -1.5px;
}

.equipment-section-heading h2 span {
    color: #fff;
}

.equipment-section-heading p {
    width: 100%;
    max-width: 750px;
    margin: 20px auto 0;

    color: #fff;
    font-size: 18px;
    line-height: 1.75;
    font-weight: 400;
}


/* =========================================================
   Equipment Grid
   ========================================================= */

.equipment-grid {
    width: 100%;
    display: grid;

    grid-template-columns: repeat(3, minmax(0, 1fr));

    gap: 24px;
}


/* =========================================================
   Equipment Card
   ========================================================= */

.equipment-card {
    width: 100%;
    min-width: 0;
    overflow: hidden;

    display: flex;
    flex-direction: column;

    background: var(--equipment-white);
    border: 1px solid var(--equipment-border);
    border-radius: var(--equipment-card-radius);

    box-shadow: var(--equipment-card-shadow);

    transition:
        transform 0.3s ease,
        box-shadow 0.3s ease;
}

.equipment-card:hover {
    transform: translateY(-6px);
    box-shadow: var(--equipment-card-hover-shadow);
}


/* =========================================================
   Equipment Image
   ========================================================= */

.equipment-image {
    position: relative;
    width: 100%;
    height: 220px;

    overflow: hidden;

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

    background: #fff;
    border-bottom: 1px solid #123a78;
}

.equipment-image::before {
    content: "";

    position: absolute;

    width: 210px;
    height: 210px;

    top: 50%;
    left: 50%;

    /*! background: var(--equipment-circle); */
    border-radius: 50%;

    transform: translate(-50%, -50%);
}

.equipment-image img {
    position: relative;

    width: 100%;
    height: 100%;

    display: block;

    object-fit: contain;

    padding: 12px 20px;

    z-index: 1;

    transition: transform 0.4s ease;
}

.equipment-card:hover .equipment-image img {
    transform: scale(1.04);
}


/* =========================================================
   Equipment Content
   ========================================================= */

.equipment-content {
    width: 100%;
    min-width: 0;

    padding: 22px 22px 24px;

    display: flex;
    flex-direction: column;
    flex: 1;
}

.equipment-content h3 {
    margin: 0;

    color: var(--equipment-heading);

    font-size: 24px;
    line-height: 1.35;
    font-weight: 700;
}

.equipment-content p {
    margin: 12px 0 20px;

    color: var(--equipment-text);

    font-size: 18px;
    line-height: 1.6;
    font-weight: 400;
}


/* =========================================================
   Equipment Button
   ========================================================= */

.equipment-btn {
    min-height: 46px;

    align-self: flex-start;

    padding: 6px 7px 6px 18px;

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

    gap: 10px;

    color: #123a78;
    background: #fff;

    border-radius: 25px;

    font-size: 16px;
    line-height: 1;
    font-weight: 700;

    text-decoration: none;

    transition:
        background-color 0.25s ease,
        transform 0.25s ease;
    border: 1px solid #123a78;
}

.equipment-btn:hover {
    color: var(--equipment-white);
    background: #123a78;
    transform: translateY(-1px);
}

.equipment-btn span {
    width: 34px;
    height: 34px;
    flex: 0 0 34px;

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

    color: var(--equipment-primary);
    background: var(--equipment-white);

    border-radius: 50%;

    font-size: 18px;
    line-height: 1;
}


/* =========================================================
   Section Bottom Button
   ========================================================= */

.equipment-section-button {
    width: 100%;
    margin-top: 50px;

    display: flex;
    justify-content: center;
}

.view-all-equipment {
    min-height: 54px;

    padding: 7px 8px 7px 24px;

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

    gap: 12px;

    color: #123a78;
    background: #fff;

    border-radius: 28px;

    font-size: 16px;
    line-height: 1;
    font-weight: 700;

    text-decoration: none;

    transition:
        background-color 0.25s ease,
        transform 0.25s ease;
}

.view-all-equipment:hover {
    color: var(--equipment-white);
    background: var(--equipment-primary);
    transform: translateY(-2px);
}

.view-all-equipment span {
    width: 38px;
    height: 38px;
    flex: 0 0 38px;

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

    color: #fff;
    background: #123a78;

    border-radius: 50%;

    font-size: 19px;
}


/* =========================================================
   Large Tablet
   ========================================================= */

@media (max-width: 1199px) {

    .equipment-section {
        padding: 90px 0;
    }

    .equipment-section .container {
        max-width: 1140px;
    }

    .equipment-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 20px;
    }

    .equipment-image {
        height: 215px;
    }

}


/* =========================================================
   Tablet
   ========================================================= */

@media (max-width: 991px) {

    .equipment-section {
        padding: 80px 0;
    }

    .equipment-section .container {
        padding: 0 20px;
    }

    .equipment-section-heading {
        margin-bottom: 42px;
    }

    .equipment-section-heading h2 {
        font-size: clamp(38px, 6vw, 50px);
    }

    .equipment-section-heading p {
        font-size: 16px;
    }

    .equipment-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 20px;
    }

    .equipment-image {
        height: 230px;
    }

    .equipment-content {
        padding: 21px;
    }

    .equipment-content h3 {
        font-size: 18px;
    }

    .equipment-content p {
        font-size: 16px;
    }

}


/* =========================================================
   Mobile
   ========================================================= */

@media (max-width: 767px) {

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

    .equipment-section .container {
        width: 100%;
        max-width: 100%;
        padding: 0 16px;
    }

    /* Heading */

    .equipment-section-heading {
        width: 100%;
        max-width: 100%;
        margin-bottom: 35px;
    }

    .equipment-section-label {
        margin-bottom: 13px;

        font-size: 16px;
        letter-spacing: 2px;
    }

    .equipment-section-label-icon {
        font-size: 17px;
    }

    .equipment-section-heading h2 {
        width: 100%;
        max-width: 100%;

        font-size: clamp(34px, 9vw, 44px);
        line-height: 1.1;

        letter-spacing: -0.8px;
    }

    .equipment-section-heading p {
        width: 100%;
        max-width: 100%;

        margin-top: 17px;

        font-size: 16px;
        line-height: 1.7;
    }


    /* One Card Per Row */

    .equipment-grid {
        width: 100%;

        display: grid;

        grid-template-columns: minmax(0, 1fr);

        gap: 20px;
    }


    /* Card */

    .equipment-card {
        width: 100%;
        max-width: 100%;

        border-radius: 18px;
    }


    /* Image */

    .equipment-image {
        width: 100%;
        height: auto;

        aspect-ratio: 500 / 360;
    }

    .equipment-image::before {
        width: 190px;
        height: 190px;
    }

    .equipment-image img {
        padding: 15px 25px;
    }


    /* Content */

    .equipment-content {
        width: 100%;
        padding: 21px 20px 22px;
    }

    .equipment-content h3 {
        font-size: 19px;
        line-height: 1.35;
    }

    .equipment-content p {
        margin: 11px 0 18px;

        font-size: 16px;
        line-height: 1.65;
    }


    /* Button */

    .equipment-btn {
        min-height: 48px;

        padding-left: 19px;

        font-size: 16px;
    }

    .equipment-btn span {
        width: 35px;
        height: 35px;
        flex-basis: 35px;

        font-size: 18px;
    }


    /* Bottom Button */

    .equipment-section-button {
        margin-top: 38px;
    }

    .view-all-equipment {
        min-height: 54px;
        font-size: 16px;
    }

}


/* =========================================================
   Small Mobile
   ========================================================= */

@media (max-width: 480px) {

    .equipment-section {
        padding: 55px 0;
    }

    .equipment-section .container {
        padding: 0 14px;
    }

    .equipment-section-heading {
        margin-bottom: 30px;
    }

    .equipment-section-label {
        font-size: 16px;
        letter-spacing: 1.8px;
    }

    .equipment-section-heading h2 {
        font-size: 32px;
        line-height: 1.12;
    }

    .equipment-section-heading p {
        margin-top: 15px;

        font-size: 16px;
        line-height: 1.65;
    }

    .equipment-grid {
        gap: 18px;
    }

    .equipment-card {
        border-radius: 17px;
    }

    .equipment-image {
        aspect-ratio: 500 / 350;
    }

    .equipment-image::before {
        width: 170px;
        height: 170px;
    }

    .equipment-image img {
        padding: 12px 20px;
    }

    .equipment-content {
        padding: 20px 18px 21px;
    }

    .equipment-content h3 {
        font-size: 18px;
    }

    .equipment-content p {
        font-size: 16px;
        line-height: 1.65;
    }

    .equipment-btn {
        width: auto;
        min-height: 48px;

        font-size: 16px;
    }

    .equipment-section-button {
        margin-top: 32px;
    }

    .view-all-equipment {
        width: 100%;
        max-width: 300px;

        font-size: 20px;
    }

}


/* =========================================================
   Very Small Mobile
   ========================================================= */

@media (max-width: 360px) {

    .equipment-section {
        padding: 48px 0;
    }

    .equipment-section .container {
        padding: 0 12px;
    }

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

    .equipment-section-heading p {
        font-size: 18px;
    }

    .equipment-grid {
        gap: 16px;
    }

    .equipment-image {
        aspect-ratio: 500 / 350;
    }

    .equipment-content {
        padding: 19px 17px 20px;
    }

    .equipment-content h3 {
        font-size: 22px;
    }

    .equipment-content p {
        font-size: 18px;
        text-align: justify;
    }

}

/* =========================================
   START: OUR EQUIPMENT BACKGROUND
========================================= */

.ssh-equipment-section {
    position: relative;
    overflow: hidden;
    background-image:
    linear-gradient( rgba(18, 58, 120, 0.76), rgba(18, 58, 120, 0.71) ), url("../img/lifting-equipment-on-rent.webp");
    background-repeat: no-repeat;
    /*! background-position: center center; */
    background-size: cover;
}


/* Keep section content above background */

.ssh-equipment-section > .container {
    position: relative;
    z-index: 2;
}


/* =========================================
   RESPONSIVE
========================================= */

@media (max-width: 991px) {

    .ssh-equipment-section {
        background-position: center center;
        background-size: cover;
    }

}

@media (max-width: 767px) {

    .ssh-equipment-section {
        background-position: center center;
        background-size: auto 100%;
    }

}

/* =========================================
   END: OUR EQUIPMENT BACKGROUND
========================================= */
/* =========================================================
   End: Equipment Section
   ========================================================= */

/* =========================================
   START: INDUSTRIES WE SERVE
========================================= */

.ssh-industries-section {
    position: relative;

    width: 100%;

    overflow: hidden;

    padding: 100px 0;

    background: #f7f9fb;
}


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

.ssh-industries-section > .container {
    width: 100%;

    max-width: 1500px;

    margin-left: auto;
    margin-right: auto;

    padding-left: 55px;
    padding-right: 55px;
}


/* =========================================
   MAIN LAYOUT
========================================= */

.ssh-industries-layout {
    display: grid;

    grid-template-columns:
        minmax(300px, 34%)
        minmax(0, 66%);

    align-items: center;

    gap: 45px;

    width: 100%;
}


/* =========================================
   LEFT CONTENT
========================================= */

.ssh-industries-intro {
    min-width: 0;

    padding-right: 10px;
}


.ssh-industries-label {
    display: inline-flex;

    align-items: center;

    gap: 10px;

    margin-bottom: 18px;

    color: #123f7d;

    font-size: 16px;

    font-weight: 700;

    line-height: 1.5;

    letter-spacing: 2px;
}


.ssh-industries-label i {
    color: #f39a00;

    font-size: 11px;
}


/* Heading */

.ssh-industries-intro h2 {
    margin: 0 0 22px;

    color: #123f7d;

    font-size: 42px;

    font-weight: 800;

    line-height: 1.18;
}


.ssh-industries-intro h2 span {
    display: block;

    color: #303030;
}


/* Description */

.ssh-industries-intro > p {
    max-width: 480px;

    margin: 0 0 30px;

    color: var(--about-text);

    font-size: 18px;

    line-height: 1.75;
    text-align: justify;
}


/* CTA Button */

.ssh-industries-btn {
    display: inline-flex;

    align-items: center;

    justify-content: center;

    gap: 14px;

    padding: 12px 13px 12px 22px;

    color: #ffffff;

    background: #123f7d;

    border-radius: 50px;

    font-size: 16px;

    font-weight: 700;

    line-height: 1.4;

    text-decoration: none;

    transition:
        background 0.3s ease,
        transform 0.3s ease;
}


.ssh-industries-btn i {
    width: 34px;

    height: 34px;

    display: flex;

    align-items: center;

    justify-content: center;

    color: #123f7d;

    background: #ffffff;

    border-radius: 50%;

    font-size: 13px;

    transition: transform 0.3s ease;
}


.ssh-industries-btn:hover {
    color: #ffffff;

    background: #0d315f;

    transform: translateY(-2px);
}


.ssh-industries-btn:hover i {
    transform: translateX(3px);
}


/* =========================================
   RIGHT SLIDER WRAPPER
========================================= */

.ssh-industries-slider-wrapper {
    position: relative;

    width: 100%;

    min-width: 0;

    overflow: hidden;
}


/* =========================================
   SLIDER VIEWPORT
========================================= */

.ssh-industries-slider {
    width: 100%;

    overflow: hidden;
}


/* =========================================
   AUTO SCROLL TRACK
========================================= */

.ssh-industries-track {
    display: flex;

    flex-wrap: nowrap;

    align-items: stretch;

    gap: 20px;

    width: max-content;

    animation:
        sshIndustriesScroll
        38s
        linear
        infinite;

    will-change: transform;
}


/*
    IMPORTANT:
    Animation never pauses on hover.
*/

.ssh-industries-slider:hover
.ssh-industries-track {
    animation-play-state: running;
}


/* =========================================
   INDUSTRY CARD
========================================= */

.ssh-industry-card {
    position: relative;

    flex: 0 0 360px;

    width: 360px;

    height: 320px;

    padding: 27px 25px 24px;

    display: flex;

    flex-direction: column;

    overflow: hidden;

    background: #ffffff;

    border: 1px solid #dce6ef;

    border-radius: 0 25px 25px 25px;

    box-shadow:
        0 8px 25px rgba(18, 63, 125, 0.05);

    transition:
        transform 0.3s ease,
        box-shadow 0.3s ease,
        border-color 0.3s ease;
}


/* Bottom Accent */

.ssh-industry-card::after {
    content: "";

    position: absolute;

    left: 28px;

    bottom: 0;

    width: 167px;

    height: 3px;

    background: #123f7d;

    border-radius: 3px 3px 0 0;

    transition: width 0.3s ease;
}


.ssh-industry-card:hover {
    transform: translateY(-5px);

    border-color: #bfd4e5;

    box-shadow:
        0 16px 35px rgba(18, 63, 125, 0.10);
}


.ssh-industry-card:hover::after {
    width: 75px;
}


/* =========================================
   INDUSTRY ICON
========================================= */

.ssh-industry-icon {
    width: 54px;

    height: 54px;

    flex: 0 0 54px;

    display: flex;

    align-items: center;

    justify-content: center;

    margin-bottom: 20px;

    color: #123f7d;

    background: #eef7fc;

    border-radius: 11px;

    font-size: 20px;

    transition:
        color 0.3s ease,
        background 0.3s ease,
        transform 0.3s ease;
}


.ssh-industry-card:hover
.ssh-industry-icon {
    color: #ffffff;

    background: #123f7d;

    transform: translateY(-2px);
}


/* =========================================
   CARD HEADING
========================================= */

.ssh-industry-card h3 {
    margin: 0 0 12px;

    color: #1d425d;

    font-size: 20px;

    font-weight: 700;

    line-height: 1.35;
}


/* =========================================
   CARD DESCRIPTION
========================================= */

.ssh-industry-card p {
    margin: 0;

    color: #555555;

    font-size: 18px;

    line-height: 1.65;
    text-align: justify;
}


/* =========================================
   CARD LINK
========================================= */

.ssh-industry-link {
    display: inline-flex;

    align-items: center;

    gap: 9px;

    margin-top: auto;

    padding-top: 18px;

    color: #123f7d;

    font-size: 16px;

    font-weight: 700;

    line-height: 1.4;

    text-decoration: none;
}


.ssh-industry-link i {
    width: 30px;

    height: 30px;

    display: flex;

    align-items: center;

    justify-content: center;

    color: #ffffff;

    background: #123f7d;

    border-radius: 50%;

    font-size: 12px;

    transition:
        background 0.3s ease,
        transform 0.3s ease;
}


.ssh-industry-link:hover {
    color: #0d315f;
}


.ssh-industry-link:hover i {
    background: #f39a00;

    transform: translate(3px, -3px);
}


/* =========================================
   AUTO SCROLL ANIMATION
========================================= */

@keyframes sshIndustriesScroll {

    from {
        transform: translateX(0);
    }

    to {
        transform: translateX(
            calc(-50% - 10px)
        );
    }

}


/* =========================================
   LAPTOP
========================================= */

@media (max-width: 1399px) {

    .ssh-industries-section > .container {
        max-width: 1200px;

        padding-left: 40px;

        padding-right: 40px;
    }


    .ssh-industries-layout {
        grid-template-columns:
            minmax(300px, 36%)
            minmax(0, 64%);

        gap: 35px;
    }


    .ssh-industries-intro h2 {
        font-size: 36px;
    }


    .ssh-industry-card {
        flex-basis: 260px;

        width: 340px;

        height: auto;
    }

}

/* =========================================
   TABLET
========================================= */

@media (max-width: 991px) {

    .ssh-industries-section {
        padding: 75px 0;
    }


    .ssh-industries-section > .container {
        width: 100%;
        max-width: 720px;

        padding-left: 25px;
        padding-right: 25px;

        box-sizing: border-box;
    }


    .ssh-industries-layout {
        display: grid;

        grid-template-columns: minmax(0, 1fr);

        gap: 45px;

        width: 100%;
        min-width: 0;
    }


    .ssh-industries-intro {
        width: 100%;
        min-width: 0;

        padding-right: 0;

        box-sizing: border-box;
    }


    .ssh-industries-intro > p {
        display: block;

        width: 100%;
        max-width: 650px;

        margin-right: 0;

        box-sizing: border-box;

        overflow-wrap: break-word;
        word-wrap: break-word;
    }


    .ssh-industries-slider-wrapper {
        width: 100%;
        min-width: 0;
    }


    .ssh-industries-slider {
        width: 100%;
        min-width: 0;
    }


    .ssh-industry-card {
        flex-basis: 330px;

        width: 330px;

        height: 315px;
    }

}


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

@media (max-width: 767px) {

    .ssh-industries-section {
        width: 100%;

        padding: 60px 0;

        box-sizing: border-box;
    }


    .ssh-industries-section > .container {
        width: 100%;
        max-width: 100%;

        margin-left: 0;
        margin-right: 0;

        padding-left: 20px;
        padding-right: 20px;

        box-sizing: border-box;
    }


    .ssh-industries-layout {
        width: 100%;
        min-width: 0;

        grid-template-columns: minmax(0, 1fr);

        gap: 40px;
    }


    .ssh-industries-intro {
        width: 100%;
        max-width: 100%;

        min-width: 0;

        padding: 0;

        box-sizing: border-box;
    }


    .ssh-industries-intro h2 {
        width: 100%;
        max-width: 100%;

        font-size: 31px;

        overflow-wrap: break-word;
        word-wrap: break-word;
    }


    .ssh-industries-intro > p {
        width: 100%;
        max-width: 100%;

        margin-left: 0;
        margin-right: 0;

        font-size: 18px;

        line-height: 1.75;

        box-sizing: border-box;

        overflow-wrap: break-word;
        word-wrap: break-word;
    }


    .ssh-industry-card {
        flex-basis: calc(100vw - 40px);

        width: calc(100vw - 40px);

        height: auto;

        min-height: 300px;

        padding: 25px 22px 24px;

        box-sizing: border-box;
    }

}


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

@media (max-width: 480px) {

    .ssh-industries-section {
        width: 100%;

        padding: 50px 0;

        box-sizing: border-box;
    }


    .ssh-industries-section > .container {
        width: 100%;
        max-width: 100%;

        padding-left: 16px;
        padding-right: 16px;

        box-sizing: border-box;
    }


    .ssh-industries-layout {
        width: 100%;
        min-width: 0;
    }


    .ssh-industries-intro {
        width: 100%;
        max-width: 100%;

        min-width: 0;

        box-sizing: border-box;
    }


    .ssh-industries-label {
        max-width: 100%;

        font-size: 15px;

        letter-spacing: 1.5px;
    }


    .ssh-industries-intro h2 {
        width: 100%;
        max-width: 100%;

        font-size: 28px;

        line-height: 1.2;

        overflow-wrap: break-word;
        word-wrap: break-word;
    }


    .ssh-industries-intro > p {
        width: 100%;
        max-width: 100%;

        font-size: 18px;

        line-height: 1.75;

        overflow-wrap: break-word;
        word-wrap: break-word;

        box-sizing: border-box;
        /*! text-align: justify; */
    }


    .ssh-industry-card {
        flex-basis: calc(100vw - 32px);

        width: calc(100vw - 32px);

        min-height: 183px;

        padding: 23px 20px 22px;

        box-sizing: border-box;
    }


    .ssh-industry-card h3 {
        font-size: 20px;
    }


    .ssh-industry-card p {
        font-size: 18px;

        line-height: 1.65;
    }

}





/* =========================================
   END: INDUSTRIES WE SERVE
========================================= */


/* =========================================
   START: WHY CHOOSE US
========================================= */

:root {
    --ssh-why-bg: #0c1040;
    --ssh-why-bg-dark: #080b32;
    --ssh-why-primary: #5c5cf2;
    --ssh-why-primary-light: #7373ff;
    --ssh-why-white: #ffffff;
    --ssh-why-text: rgba(255, 255, 255, 0.76);
    --ssh-why-line: rgba(255, 255, 255, 0.12);
}


/* =========================================
   MAIN SECTION
========================================= */

.ssh-why-section {
    position: relative;
    min-height: 680px;
    display: flex;
    align-items: center;
    padding: 0px 0 0px;
    overflow: hidden;
    background:
        radial-gradient( circle at 50% 45%, rgba(72, 75, 180, 0.22) 0%, rgba(12, 16, 64, 0) 34% ), linear-gradient( 135deg, #002256 0%, #001e4d 50%, #00122e 100% );
}


/* =========================================
   SUBTLE GRID BACKGROUND
========================================= */

.ssh-why-grid-bg {
    position: absolute;
    inset: 0;
    z-index: 0;
    pointer-events: none;
    opacity: 0.28;

    background-image:
        linear-gradient(
            rgba(255, 255, 255, 0.045) 1px,
            transparent 1px
        ),
        linear-gradient(
            90deg,
            rgba(255, 255, 255, 0.045) 1px,
            transparent 1px
        );

    background-size: 60px 60px;
}


/* =========================================
   MAIN WRAPPER
========================================= */

.ssh-why-wrapper {
    position: relative;
    z-index: 2;

    display: grid;

    grid-template-columns:
        minmax(280px, 1fr)
        minmax(300px, 0.85fr)
        minmax(300px, 1fr);

    align-items: center;

    gap: 40px;
}


/* =========================================
   LEFT CONTENT
========================================= */

.ssh-why-left {
    position: relative;
    z-index: 3;
    max-width: 480px;
}


/* Label */

.ssh-why-label {
    display: flex;
    align-items: center;
    gap: 10px;

    margin-bottom: 24px;

    color: var(--ssh-why-white);

    font-size: 15px;
    font-weight: 700;

    letter-spacing: 2px;
    text-transform: uppercase;
}


.ssh-why-label-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    width: 20px;
    height: 20px;

    color: var(--ssh-why-white);

    font-size: 17px;
}


/* Heading */

.ssh-why-left h2 {
    margin: 0 0 25px;

    color: var(--ssh-why-white);

    font-size: clamp(38px, 4vw, 58px);

    line-height: 1.08;

    font-weight: 700;

    letter-spacing: -1.5px;
}


.ssh-why-left h2 span {
    display: block;

    color: var(--ssh-why-white);
}


/* Intro */

.ssh-why-intro {
    max-width: 500px;

    margin: 0 0 34px;

    color: var(--ssh-why-text);

    font-size: 18px;
    line-height: 1.75;
    text-align: justify;
}


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

.ssh-why-btn {
    display: inline-flex;
    align-items: center;
    justify-content: space-between;

    min-width: 280px;

    padding: 6px 7px 6px 25px;

    color: var(--ssh-why-white);

    background: #123a78;

    border: 1px solid #123a78;

    border-radius: 50px;

    text-decoration: none;

    font-size: 18px;
    font-weight: 700;

    transition:
        background 0.3s ease,
        transform 0.3s ease,
        box-shadow 0.3s ease;
}


.ssh-why-btn span {
    display: flex;
    align-items: center;
    justify-content: center;

    width: 44px;
    height: 44px;

    color: var(--ssh-why-primary);

    background: var(--ssh-why-white);

    border-radius: 50%;

    font-size: 20px;

    transition: transform 0.3s ease;
}


.ssh-why-btn:hover {
    color: #123a78;

    background: #fff;

    transform: translateY(-3px);

    box-shadow:
        0 12px 30px rgba(92, 92, 242, 0.35);
}


.ssh-why-btn:hover span {
    transform: rotate(45deg);
    color: #fff;
    background: #123a78;
}


/* =========================================
   CENTER IMAGE
========================================= */

.ssh-why-center {
    position: relative;

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

    min-height: 530px;
}


/* Large Circle */

.ssh-why-circle-bg {
    position: absolute;

    top: 50%;
    left: 50%;

    width: 390px;
    height: 390px;

    transform: translate(-50%, -50%);

    border-radius: 50%;

    background:
        radial-gradient(
            circle,
            rgba(87, 91, 192, 0.48) 0%,
            rgba(66, 70, 155, 0.34) 55%,
            rgba(40, 44, 110, 0.15) 100%
        );

    box-shadow:
        0 0 0 25px rgba(255, 255, 255, 0.035),
        0 0 0 50px rgba(255, 255, 255, 0.018);
}


/* Center Image */

.ssh-why-image-wrap {
    position: relative;

    z-index: 2;

    width: 420px;
    height: 500px;

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

    overflow: hidden;
}


.ssh-why-image-wrap img {
    display: block;

    width: 100%;
    height: 100%;

    object-fit: contain;

    object-position: center bottom;

    filter: drop-shadow(
        0 25px 30px rgba(0, 0, 0, 0.30)
    );
}


/* =========================================
   RIGHT BENEFITS
========================================= */

.ssh-why-right {
    position: relative;
    z-index: 3;

    max-width: 470px;

    margin-left: auto;
}


/* Benefit */

.ssh-why-benefit {
    display: flex;
    align-items: flex-start;

    gap: 20px;

    padding: 0 0 30px;
    margin-bottom: 30px;

    border-bottom: 1px solid var(--ssh-why-line);
}


.ssh-why-benefit:last-child {
    padding-bottom: 0;
    margin-bottom: 0;

    border-bottom: 0;
}


/* Icon */

.ssh-why-benefit-icon {
    flex: 0 0 52px;

    width: 52px;
    height: 52px;

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

    color: var(--ssh-why-white);

    background: #123a78;

    border-radius: 11px;

    font-size: 21px;

    box-shadow:
        0 8px 20px rgba(0, 0, 0, 0.18);
}


.ssh-why-benefit-content {
    flex: 1;
}


/* Benefit Heading */

.ssh-why-benefit-content h3 {
    margin: 0 0 7px;

    color: var(--ssh-why-white);

    font-size: 21px;
    line-height: 1.35;

    font-weight: 700;
}


/* Benefit Text */

.ssh-why-benefit-content p {
    margin: 0;

    color: var(--ssh-why-text);

    font-size: 18px;
    line-height: 1.7;
    text-align: justify;
}


/* =========================================
   HOVER EFFECT
========================================= */

.ssh-why-benefit {
    transition:
        transform 0.3s ease,
        border-color 0.3s ease;
}


.ssh-why-benefit:hover {
    transform: translateX(5px);
}


.ssh-why-benefit:hover .ssh-why-benefit-icon {
    background: var(--ssh-why-white);
    color: var(--ssh-why-primary);
}


/* =========================================
   TABLET
========================================= */

@media (max-width: 1199px) {

    .ssh-why-section {
        padding: 75px 0;
    }

    .ssh-why-wrapper {
        grid-template-columns:
            minmax(260px, 1fr)
            minmax(280px, 0.8fr)
            minmax(270px, 1fr);

        gap: 25px;
    }

    .ssh-why-left h2 {
        font-size: 44px;
    }

    .ssh-why-circle-bg {
        width: 330px;
        height: 330px;
    }

    .ssh-why-image-wrap {
        width: 360px;
        height: 450px;
    }

}


/* =========================================
   MOBILE / TABLET
========================================= */

@media (max-width: 991px) {

    .ssh-why-section {
        min-height: auto;
        padding: 75px 0;
    }

    .ssh-why-wrapper {
        grid-template-columns: 1fr;
        gap: 45px;
    }

    .ssh-why-left {
        max-width: 700px;
        margin: 0 auto;

        text-align: center;
    }

    .ssh-why-label {
        justify-content: center;
    }

    .ssh-why-intro {
        margin-left: auto;
        margin-right: auto;
    }

    .ssh-why-btn {
        margin: 0 auto;
    }

    .ssh-why-center {
        min-height: 470px;
        order: 2;
    }

    .ssh-why-right {
        width: 100%;
        max-width: 700px;
        margin: 0 auto;
        order: 3;
    }

}


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

@media (max-width: 767px) {

    .ssh-why-section {
        padding: 60px 0;
    }

    .ssh-why-left h2 {
        font-size: 36px;
        letter-spacing: -0.8px;
    }

    .ssh-why-intro {
        font-size: 18px;
        /*! text-align: justify; */
    }

    .ssh-why-center {
        min-height: 370px;
    }

    .ssh-why-circle-bg {
        width: 280px;
        height: 280px;

        box-shadow:
            0 0 0 18px rgba(255, 255, 255, 0.035),
            0 0 0 36px rgba(255, 255, 255, 0.018);
    }

    .ssh-why-image-wrap {
        width: 300px;
        height: 370px;
    }

    .ssh-why-benefit {
        gap: 15px;

        padding-bottom: 24px;
        margin-bottom: 24px;
    }

    .ssh-why-benefit-icon {
        flex: 0 0 48px;

        width: 48px;
        height: 48px;

        font-size: 19px;
    }

    .ssh-why-benefit-content h3 {
        font-size: 19px;
    }

    .ssh-why-benefit-content p {
        font-size: 18px;
        /*! text-align: justify; */
    }

}


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

@media (max-width: 480px) {

    .ssh-why-section {
        padding: 50px 0;
    }

    .ssh-why-left h2 {
        font-size: 31px;
    }

    .ssh-why-label {
        font-size: 14px;
        letter-spacing: 1.5px;
    }

    .ssh-why-center {
        min-height: 320px;
    }

    .ssh-why-circle-bg {
        width: 235px;
        height: 235px;
    }

    .ssh-why-image-wrap {
        width: 260px;
        height: 320px;
    }

    .ssh-why-benefit {
        align-items: flex-start;
    }

    .ssh-why-benefit-content h3 {
        font-size: 20px;
    }

    .ssh-why-btn {
        /*! min-width: 225px; */

        padding-left: 20px;

        font-size: 15px;
    }

}
/* =========================================
   START: WHY CHOOSE US - SIDE SPACING
========================================= */

.ssh-why-section > .container {
    width: 100%;
    max-width: 1380px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 45px;
    padding-right: 45px;
}


/* Large Desktop */

@media (min-width: 1400px) {

    .ssh-why-section > .container {
        max-width: 1400px;
        padding-left: 50px;
        padding-right: 50px;
    }

}


/* Laptop */

@media (max-width: 1199px) {

    .ssh-why-section > .container {
        max-width: 1140px;
        padding-left: 35px;
        padding-right: 35px;
    }

}


/* Tablet */

@media (max-width: 991px) {

    .ssh-why-section > .container {
        max-width: 720px;
        padding-left: 25px;
        padding-right: 25px;
    }

}


/* Mobile */

@media (max-width: 767px) {

    .ssh-why-section > .container {
        max-width: 100%;
        padding-left: 20px;
        padding-right: 20px;
    }

}


/* Small Mobile */

@media (max-width: 480px) {

    .ssh-why-section > .container {
        padding-left: 16px;
        padding-right: 16px;
    }

}


/* =========================================
   END: WHY CHOOSE US - SIDE SPACING
========================================= */

/* =========================================
   END: WHY CHOOSE US
========================================= */

   /* =========================================================
   Start: Rental Process Section
   ========================================================= */

:root {
    --rental-process-bg: #103f53;
    --rental-process-primary: #fff;
    --rental-process-primary-light: #a5a5a5;
    --rental-process-white: #fdfdfd;

    --rental-process-text:
        rgb(253, 253, 253);

    --rental-process-muted:
        rgba(255, 255, 255, 0.72);

    --rental-process-border:
        rgba(255, 255, 255, 0.18);

    --rental-process-container: 1200px;

    --rental-process-radius: 28px;
}


/* =========================================================
   Main Section
   ========================================================= */

.rental-process-section {
    position: relative;

    width: 100%;
    max-width: 100%;

    padding: 80px 0 70px;

    overflow: hidden;

    /*! background: var(--rental-process-bg); */

    color: var(--rental-process-white);
}

.rental-process-section,
.rental-process-section *,
.rental-process-section *::before,
.rental-process-section *::after {
    box-sizing: border-box;
}


/* =========================================================
   Container
   ========================================================= */

.rental-process-section .container {
    position: relative;
    z-index: 2;

    width: 100%;
    max-width: var(--rental-process-container);

    margin: 0 auto;

    padding: 0 20px;
}


/* =========================================================
   Intro
   ========================================================= */

.rental-process-intro {
    width: 100%;

    display: grid;

    grid-template-columns:
        minmax(0, 1fr)
        minmax(0, 0.95fr);

    align-items: center;

    gap: 65px;
}


/* =========================================================
   Content
   ========================================================= */

.rental-process-content {
    width: 100%;
    max-width: 600px;
    min-width: 0;
}

.rental-process-section-label {
    display: flex;
    align-items: center;
    justify-content: flex-start;

    gap: 8px;

    margin-bottom: 20px;

    color: #123a78;

    font-size: 16px;
    line-height: 1.4;

    font-weight: 700;

    letter-spacing: 2.5px;
}

.rental-process-section-label-icon {
    font-size: 18px;
    line-height: 1;
}

.rental-process-content h2 {
    width: 100%;

    margin: 0;

    color: #123a78;

    font-size: clamp(38px, 4.3vw, 48px);

    line-height: 1.1;

    font-weight: 800;

    letter-spacing: -1.5px;
}

.rental-process-content h2 span {
    display: block;

    color: #3d3d3d;
}

.rental-process-content > p {
    width: 100%;
    max-width: 570px;

    margin: 25px 0 0;

    color: rgb(28, 28, 28);

    font-size: 18px;
    line-height: 1.8;
    text-align: justify;
}


/* =========================================================
   CTA Button
   ========================================================= */

.rental-process-btn {
    min-height: 54px;

    margin-top: 30px;

    padding: 7px 8px 7px 24px;

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

    gap: 14px;

    color: #fff;

    background: #123a78;

    border-radius: 30px;

    font-size: 16px;
    line-height: 1;

    font-weight: 700;

    text-decoration: none;

    transition:
        background-color 0.25s ease,
        transform 0.25s ease;
}

.rental-process-btn:hover {
    color: var(--rental-process-white);

    background: #123f7d;

    transform: translateY(-2px);
}

.rental-process-btn span {
    width: 38px;
    height: 38px;

    flex: 0 0 38px;

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

    color: #123a78;

    background: #fff;

    border-radius: 50%;

    font-size: 19px;
    line-height: 1;
}


/* =========================================================
   Rental Image
   ========================================================= */

.rental-process-image {
    position: relative;

    width: 100%;

    aspect-ratio: 650 / 500;

    min-width: 0;

    overflow: hidden;

    border-radius: var(--rental-process-radius);
}

.rental-process-image::after {
    content: "";

    position: absolute;

    inset: 0;

    border: 1px solid
        rgba(255, 255, 255, 0.18);

    border-radius: var(--rental-process-radius);

    pointer-events: none;
}

.rental-process-image img {
    width: 100%;
    height: 100%;

    display: block;

    object-fit: cover;
}


/* =========================================================
   Rental Steps
   ========================================================= */

/* start: rental step cards */

.rental-steps {
    display: grid;

    grid-template-columns: repeat(4, 1fr);

    gap: 22px;

    margin-top: 55px;
}


/* Step Card */

.rental-step {
    position: relative;

    padding: 28px 25px 30px !important;

    background: #ffffff !important;

    border: 1px solid #e2e8ef;

    border-radius: 14px;

    box-shadow: 0 8px 25px rgba(18, 63, 125, 0.06);

    transition:
        transform 0.3s ease,
        box-shadow 0.3s ease,
        border-color 0.3s ease;
}


/* Card Hover */

.rental-step:hover {
    transform: translateY(-5px);

    border-color: #d2dce7;

    box-shadow: 0 14px 35px rgba(18, 63, 125, 0.11);
}


/* Header */

.rental-step-header {
    display: flex;

    align-items: center;

    gap: 14px;

    min-height: 54px;

    margin-bottom: 20px;
}


/* Icon Box */

.rental-step-number {
    flex: 0 0 52px;

    width: 52px;
    height: 52px;

    display: flex;

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

    color: #ffffff;

    background: #123f7d;

    border-radius: 10px;

    font-size: 18px;

    transition:
        background 0.3s ease,
        transform 0.3s ease;
}


/* Icon */

.rental-step-number i {
    line-height: 1;
}


/* Heading */

.rental-step-header h3 {
    flex: 1;

    margin: 0;

    color: #303030;

    font-size: 19px;

    font-weight: 700;

    line-height: 1.35;
}


/* Description */

.rental-step-content {
    padding-left: 0;
}

.rental-step-content p {
    margin: 0;

    color: var(--about-text);

    font-size: 18px !important;

    line-height: 1.75;
    text-align: justify;
}


/* Hover Icon */

.rental-step:hover .rental-step-number {
    background: #f39a00;

    transform: translateY(-2px);
}


/* =========================================
   LAPTOP
========================================= */

@media (max-width: 1199px) {

    .rental-steps {
        grid-template-columns: repeat(2, 1fr);

        gap: 20px;
    }

}


/* =========================================
   TABLET
========================================= */

@media (max-width: 767px) {

    .rental-steps {
        grid-template-columns: 1fr;

        gap: 18px;

        margin-top: 40px;
    }

    .rental-step {
        padding: 24px 22px 26px;
    }

    .rental-step-header {
        gap: 13px;

        margin-bottom: 16px;
    }

    .rental-step-number {
        flex: 0 0 48px;

        width: 48px;
        height: 48px;

        font-size: 17px;
    }

    .rental-step-header h3 {
        font-size: 18px;
    }

}


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

@media (max-width: 480px) {

    .rental-step {
        padding: 22px 18px 24px;
    }

    .rental-step-header {
        gap: 12px;
    }

    .rental-step-number {
        flex: 0 0 46px;

        width: 46px;
        height: 46px;
    }

    .rental-step-header h3 {
        font-size: 20px;
    }

    .rental-step-content p {
        font-size: 16px;

        line-height: 1.65;
    }

}

/* end: rental step cards */


/* =========================================================
   Background Grid
   ========================================================= */

.rental-grid-bg {
    position: absolute;

    left: 0;
    right: 0;
    bottom: -80px;

    height: 300px;

    opacity: 0.25;

    background-image:
        linear-gradient(
            rgba(255, 255, 255, 0.10) 1px,
            transparent 1px
        ),
        linear-gradient(
            90deg,
            rgba(255, 255, 255, 0.10) 1px,
            transparent 1px
        );

    background-size: 40px 40px;

    transform:
        perspective(400px)
        rotateX(55deg)
        scale(1.4);

    transform-origin: bottom center;

    pointer-events: none;
}


/* =========================================================
   Large Desktop
   ========================================================= */

@media (max-width: 1199px) {

    .rental-process-section {
        padding: 90px 0 80px;
    }

    .rental-process-section .container {
        max-width: 1140px;
    }

    .rental-process-intro {
        gap: 45px;
    }

    .rental-steps {
        gap: 20px;

        margin-top: 60px;
    }

    .rental-step {
        gap: 14px;
    }

    .rental-step-content h3 {
        font-size: 18px;
    }

    .rental-step-content p {
        font-size: 16px;
    }

}


/* =========================================================
   Tablet
   ========================================================= */

@media (max-width: 991px) {

    .rental-process-section {
        padding: 80px 0;
    }

    .rental-process-section .container {
        padding: 0 20px;
    }


    /* Intro becomes one column */

    .rental-process-intro {
        display: flex;
        flex-direction: column;

        align-items: stretch;

        gap: 40px;
    }

    .rental-process-content {
        width: 100%;
        max-width: 760px;
    }

    .rental-process-content h2 {
        font-size: clamp(38px, 6vw, 52px);
    }

    .rental-process-content > p {
        max-width: 700px;
    }


    /* Image */

    .rental-process-image {
        width: 100%;
        max-width: 760px;

        margin: 0 auto;

        aspect-ratio: 650 / 430;

        border-radius: 26px;
    }

    .rental-process-image::after {
        border-radius: 26px;
    }


    /* Steps */

    .rental-steps {
        grid-template-columns:
            repeat(2, minmax(0, 1fr));

        gap: 25px;

        margin-top: 55px;
    }

    .rental-step {
        padding: 22px 0 0;
    }

}


/* =========================================================
   Mobile
   ========================================================= */

@media (max-width: 767px) {

    .rental-process-section {
        padding: 65px 0;
    }

    .rental-process-section .container {
        width: 100%;
        max-width: 100%;

        padding: 0 16px;
    }


    /* =====================================================
       Intro
       ===================================================== */

    .rental-process-intro {
        width: 100%;

        gap: 32px;
    }


    /* =====================================================
       Section Label
       ===================================================== */

    .rental-process-section-label {
        margin-bottom: 14px;

        font-size: 16px;

        letter-spacing: 2px;
    }

    .rental-process-section-label-icon {
        font-size: 17px;
    }


    /* =====================================================
       Heading
       ===================================================== */

    .rental-process-content h2 {
        width: 100%;

        font-size: clamp(34px, 9vw, 45px);

        line-height: 1.1;

        letter-spacing: -0.8px;
    }

    .rental-process-content h2 span {
        display: block;
    }


    /* =====================================================
       Description
       ===================================================== */

    .rental-process-content > p {
        width: 100%;
        max-width: 100%;

        margin-top: 18px;

        font-size: 16px;

        line-height: 1.7;
    }


    /* =====================================================
       Button
       ===================================================== */

    .rental-process-btn {
        min-height: 54px;

        margin-top: 25px;

        padding-left: 20px;

        font-size: 16px;
    }

    .rental-process-btn span {
        width: 38px;
        height: 38px;

        flex-basis: 38px;
    }


    /* =====================================================
       Image
       ===================================================== */

    .rental-process-image {
        width: 100%;
        max-width: 100%;

        aspect-ratio: 650 / 430;

        border-radius: 22px;
    }

    .rental-process-image::after {
        border-radius: 22px;
    }


    /* =====================================================
       Steps
       ===================================================== */

    .rental-steps {
        width: 100%;

        display: flex;
        flex-direction: column;

        gap: 14px;

        margin-top: 38px;
    }

    .rental-step {
        width: 100%;
        min-width: 0;

        padding: 19px;

        display: block;
        align-items: flex-start;

        gap: 13px;

        border: 1px solid
            rgba(255, 255, 255, 0.13);

        border-radius: 18px;

        background:
            rgba(255, 255, 255, 0.035);
    }


    /* =====================================================
       Step Number
       ===================================================== */

    .rental-step-number {
        width: 44px;
        height: 44px;

        flex: 0 0 44px;

        border-radius: 11px;

        font-size: 16px;
    }


    /* =====================================================
       Step Content
       ===================================================== */

    .rental-step-content {
        width: 100%;
        min-width: 0;
    }

    .rental-step-content h3 {
        margin: 0;

        font-size: 18px;

        line-height: 1.4;
    }

    .rental-step-content p {
        margin-top: 8px;

        font-size: 16px;

        line-height: 1.65;
    }


    /* =====================================================
       Background Grid
       ===================================================== */

    .rental-grid-bg {
        bottom: -70px;

        height: 230px;

        background-size: 32px 32px;

        transform:
            perspective(350px)
            rotateX(55deg)
            scale(1.3);
    }

}


/* =========================================================
   Small Mobile
   ========================================================= */

@media (max-width: 480px) {

    .rental-process-section {
        padding: 55px 0;
    }

    .rental-process-section .container {
        padding: 0 14px;
    }


    /* Label */

    .rental-process-section-label {
        font-size: 16px;

        letter-spacing: 1.7px;
    }


    /* Heading */

    .rental-process-content h2 {
        font-size: 32px;

        line-height: 1.12;
    }


    /* Description */

    .rental-process-content > p {
        font-size: 16px;

        line-height: 1.65;
    }


    /* Button */

    .rental-process-btn {
        width: 100%;
        max-width: 310px;

        min-height: 54px;

        font-size: 16px;
    }


    /* Image */

    .rental-process-image {
        aspect-ratio: 650 / 400;

        border-radius: 19px;
    }

    .rental-process-image::after {
        border-radius: 19px;
    }


    /* Steps */

    .rental-steps {
        gap: 12px;

        margin-top: 32px;
    }

    .rental-step {
        padding: 17px;

        gap: 12px;

        border-radius: 17px;
    }

    .rental-step-number {
        width: 42px;
        height: 42px;

        flex-basis: 42px;

        font-size: 16px;
    }

    .rental-step-content h3 {
        font-size: 18px;
    }

    .rental-step-content p {
        font-size: 16px;

        line-height: 1.65;
    }

}


/* =========================================================
   Very Small Mobile
   ========================================================= */

@media (max-width: 360px) {

    .rental-process-section {
        padding: 48px 0;
    }

    .rental-process-section .container {
        padding: 0 12px;
    }


    /* Heading */

    .rental-process-content h2 {
        font-size: 30px;
    }


    /* Description */

    .rental-process-content > p {
        font-size: 18px;
        /*! text-align: justify; */
    }


    /* Button */

    .rental-process-btn {
        width: 100%;
        max-width: 100%;

        font-size: 16px;
    }


    /* Image */

    .rental-process-image {
        aspect-ratio: 650 / 390;
    }


    /* Steps */

    .rental-step {
        padding: 16px;

        gap: 11px;
    }

    .rental-step-number {
        width: 40px;
        height: 40px;

        flex-basis: 40px;

        font-size: 16px;
    }

    .rental-step-content h3 {
        font-size: 18px;
    }

    .rental-step-content p {
        font-size: 18px;
    }

}


/* =========================================================
   Reduced Motion
   ========================================================= */

@media (prefers-reduced-motion: reduce) {

    .rental-process-section *,
    .rental-process-section *::before,
    .rental-process-section *::after {
        scroll-behavior: auto !important;
        transition: none !important;
    }

}

/* =========================================
   START: HOW EQUIPMENT RENTAL WORKS
========================================= */

.rental-process-section {
    position: relative;
    overflow: hidden;

    /*! background: #08394b; */
    background: linear-gradient(to top, #123a7814, #fff0);
}


/* Keep content above decorative elements */

.rental-process-section > .container {
    position: relative;
    z-index: 2;
}


/* Decorative Grid */

.rental-process-section .rental-grid-bg {
    position: absolute;
    inset: auto 0 0 0;

    z-index: 1;

    pointer-events: none;
}


/* =========================================
   END: HOW EQUIPMENT RENTAL WORKS
========================================= */
/* =========================================================
   End: Rental Process Section
   ========================================================= */

   /* =========================================================
   Start: FAQ Section
   ========================================================= */

:root {
    --faq-bg: #ffffff;
    --faq-primary: #113977;
    --faq-primary-dark: #176f9b;
    --faq-heading: #103f53;
    --faq-text: #24282b;
    --faq-border: #dce9ee;
    --faq-light-bg: #edf8fd;
    --faq-white: #ffffff;

    --faq-container: 1200px;

    --faq-image-radius: 30px;
    --faq-card-radius: 16px;
}


/* =========================================================
   Main Section
   ========================================================= */

.equipment-faq-section {
    position: relative;

    width: 100%;
    max-width: 100%;

    padding: 70px 0 70px;

    overflow: hidden;

    background: var(--faq-bg);
}

.equipment-faq-section,
.equipment-faq-section *,
.equipment-faq-section *::before,
.equipment-faq-section *::after {
    box-sizing: border-box;
}


/* =========================================================
   Container
   ========================================================= */

.equipment-faq-section .container {
    position: relative;
    z-index: 2;

    width: 100%;
    max-width: var(--faq-container);

    margin: 0 auto;

    padding: 0 20px;
}


/* =========================================================
   Main Wrapper
   ========================================================= */

.equipment-faq-wrapper {
    width: 100%;

    display: grid;

    grid-template-columns:
        minmax(0, 0.95fr)
        minmax(0, 1.05fr);

    align-items: center;

    gap: 70px;
}


/* =========================================================
   Left Visual
   ========================================================= */

.equipment-faq-visual {
    position: relative;

    width: 100%;
    min-width: 0;

    padding-right: 55px;
    padding-bottom: 65px;
}


/* =========================================================
   Main Image
   ========================================================= */

.equipment-faq-image-main {
    position: relative;

    width: 100%;

    aspect-ratio: 650 / 600;

    overflow: hidden;

    border-radius: var(--faq-image-radius);
}

.equipment-faq-image-main img {
    width: 100%;
    height: 100%;

    display: block;

    object-fit: cover;
}


/* =========================================================
   Secondary Image
   ========================================================= */

.equipment-faq-image-small {
    position: absolute;

    right: 0;
    bottom: 0;

    width: 57%;

    aspect-ratio: 320 / 250;

    overflow: hidden;

    padding: 0;

    border: 10px solid var(--faq-white);

    border-radius: 28px;

    background: var(--faq-white);

    box-shadow:
        0 15px 45px rgba(16, 63, 83, 0.12);
}

.equipment-faq-image-small img {
    width: 100%;
    height: 100%;

    display: block;

    object-fit: cover;

    border-radius: 17px;
}


/* =========================================================
   Experience Badge
   ========================================================= */

.equipment-faq-badge {
    position: absolute;

    left: -20px;
    top: 43%;

    width: 175px;
    min-height: 95px;

    padding: 18px;

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

    text-align: center;

    background: var(--faq-white);

    border-radius: 20px;

    box-shadow:
        0 15px 45px rgba(16, 63, 83, 0.14);

    z-index: 3;
}

.equipment-faq-badge-number {
    color: var(--faq-primary);

    font-size: 25px;
    line-height: 1;

    font-weight: 800;
}

.equipment-faq-badge-text {
    margin-top: 7px;

    color: var(--faq-heading);

    font-size: 16px;
    line-height: 1.4;

    font-weight: 600;
}


/* =========================================================
   Right Content
   ========================================================= */

.equipment-faq-content {
    width: 100%;
    max-width: 700px;

    min-width: 0;
}


/* =========================================================
   Label
   ========================================================= */

.equipment-faq-label {
    display: flex;
    align-items: center;

    gap: 9px;

    margin-bottom: 18px;

    color: var(--faq-primary);

    font-size: 16px;
    line-height: 1.4;

    letter-spacing: 2.5px;

    font-weight: 700;
}

.equipment-faq-label span {
    font-size: 18px;
    line-height: 1;
}


/* =========================================================
   Heading
   ========================================================= */

.equipment-faq-content h2 {
    width: 100%;

    margin: 0;

    color: #4b4b4b;

    font-size: clamp(38px, 4vw, 36px);

    line-height: 1.12;

    letter-spacing: -1.5px;

    font-weight: 800;
}

.equipment-faq-content h2 span {
    display: block;

    color: var(--faq-primary);
}


/* =========================================================
   Intro
   ========================================================= */

.equipment-faq-intro {
    width: 100%;
    max-width: 600px;

    margin: 22px 0 35px;

    color: var(--faq-text);

    font-size: 18px;
    line-height: 1.8;
    text-align: justify;
}


/* =========================================================
   FAQ List
   ========================================================= */

.equipment-faq-list {
    width: 100%;
    background-color: #123a780f;
    padding: 25px 25px;
}


/* =========================================================
   FAQ Item
   ========================================================= */

.equipment-faq-item {
    width: 100%;

    border-bottom: 1px solid #fff;
}


/* =========================================================
   FAQ Summary
   ========================================================= */

.equipment-faq-item summary {
    width: 100%;
    min-height: 45px;

    display: grid;

    grid-template-columns:
        42px
        minmax(0, 1fr)
        32px;

    align-items: center;

    column-gap: 12px;

    padding: 8px 0;

    cursor: pointer;

    list-style: none;

    color: var(--faq-heading);

    font-size: 20px;
    line-height: 1.5;

    font-weight: 700;
}

.equipment-faq-item summary::-webkit-details-marker {
    display: none;
}

.equipment-faq-item summary::marker {
    display: none;
}


/* =========================================================
   FAQ Number
   ========================================================= */

.faq-number {
    color: var(--faq-primary);

    font-size: 16px;
    line-height: 1;

    font-weight: 700;
}


/* =========================================================
   FAQ Question
   ========================================================= */

.faq-question {
    width: 100%;
    min-width: 0;

    overflow-wrap: anywhere;
}


/* =========================================================
   FAQ Toggle
   ========================================================= */

.faq-toggle {
    width: 32px;
    height: 32px;

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

    color: var(--faq-heading);

    font-size: 26px;
    line-height: 1;

    font-weight: 400;

    transition:
        transform 0.25s ease,
        color 0.25s ease;
}

.equipment-faq-item[open] .faq-toggle {
    color: var(--faq-primary);

    transform: rotate(45deg);
}

.equipment-faq-item[open] summary {
    color: var(--faq-primary);
}


/* =========================================================
   FAQ Answer
   ========================================================= */

.faq-answer {
    width: 100%;

    padding:
        0 44px 25px 54px;
}

.faq-answer p {
    width: 100%;
    max-width: 600px;

    margin: 0;

    color: #333;

    font-size: 18px;
    line-height: 1.8;
    text-align: justify;
}


/* =========================================================
   FAQ CTA
   ========================================================= */

.equipment-faq-cta {
    width: 100%;

    margin-top: 30px;

    padding: 18px 20px;

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

    gap: 20px;

    background: var(--faq-light-bg);

    border-radius: 15px;
}

.equipment-faq-cta > span {
    min-width: 0;

    color: #526f7e;

    font-size: 16px;
    line-height: 1.5;

    font-weight: 600;
}

.equipment-faq-cta a {
    flex: 0 0 auto;

    display: inline-flex;
    align-items: center;

    gap: 9px;

    color: var(--faq-primary);

    font-size: 16px;
    line-height: 1.4;

    font-weight: 700;

    text-decoration: none;

    white-space: nowrap;
}

.equipment-faq-cta a strong {
    width: 30px;
    height: 30px;

    flex: 0 0 30px;

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

    color: var(--faq-white);

    background: var(--faq-primary);

    border-radius: 50%;

    font-size: 17px;
    font-weight: 400;
}


/* =========================================================
   Decorative Elements
   ========================================================= */

.equipment-faq-decoration {
    position: absolute;

    pointer-events: none;

    z-index: 1;
}

.faq-decoration-one {
    left: 20px;
    bottom: 80px;

    color: var(--faq-primary);

    font-size: 45px;
    line-height: 1;
}

.faq-decoration-two {
    right: 5%;
    top: 80px;

    color: #d9edf5;

    font-size: 65px;
    line-height: 1;

    font-weight: 200;
}


/* =========================================================
   Large Desktop
   ========================================================= */

@media (max-width: 1199px) {

    .equipment-faq-section {
        padding: 90px 0;
    }

    .equipment-faq-section .container {
        max-width: 1140px;
    }

    .equipment-faq-wrapper {
        gap: 45px;
    }

    .equipment-faq-visual {
        padding-right: 40px;
        padding-bottom: 55px;
    }

    .equipment-faq-content h2 {
        font-size: clamp(38px, 4.2vw, 52px);
    }

}


/* =========================================================
   Tablet
   ========================================================= */

@media (max-width: 991px) {

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

    .equipment-faq-section .container {
        padding: 0 20px;
    }

    .equipment-faq-wrapper {
        display: flex;
        flex-direction: column;

        gap: 55px;

        align-items: stretch;
    }


    /* Visual */

    .equipment-faq-visual {
        width: 100%;
        max-width: 720px;

        margin: 0 auto;

        padding-right: 50px;
        padding-bottom: 55px;
    }

    .equipment-faq-image-main {
        aspect-ratio: 650 / 520;
    }

    .equipment-faq-image-small {
        width: 50%;

        aspect-ratio: 320 / 220;

        border-width: 8px;
    }

    .equipment-faq-badge {
        left: -5px;
        top: 42%;
    }


    /* Content */

    .equipment-faq-content {
        width: 100%;
        max-width: 800px;

        margin: 0 auto;
    }

    .equipment-faq-content h2 {
        font-size: 46px;
    }

}


/* =========================================================
   Mobile
   ========================================================= */

@media (max-width: 767px) {

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

    .equipment-faq-section .container {
        width: 100%;
        max-width: 100%;

        padding: 0 16px;
    }

    .equipment-faq-wrapper {
        width: 100%;

        gap: 40px;
    }


    /* =====================================================
       Visual
       ===================================================== */

    .equipment-faq-visual {
        width: 100%;
        max-width: 100%;

        padding-right: 28px;
        padding-bottom: 38px;
    }

    .equipment-faq-image-main {
        width: 100%;

        aspect-ratio: 650 / 500;

        border-radius: 22px;
    }

    .equipment-faq-image-small {
        width: 57%;

        aspect-ratio: 320 / 190;

        right: 0;
        bottom: 0;

        border-width: 7px;

        border-radius: 20px;
    }

    .equipment-faq-image-small img {
        border-radius: 13px;
    }


    /* =====================================================
       Badge
       ===================================================== */

    .equipment-faq-badge {
        left: -3px;
        top: 42%;

        width: 125px;
        min-height: 75px;

        padding: 12px;

        border-radius: 15px;
    }

    .equipment-faq-badge-number {
        font-size: 21px;
    }

    .equipment-faq-badge-text {
        margin-top: 6px;

        font-size: 16px;
        line-height: 1.3;
    }


    /* =====================================================
       Content
       ===================================================== */

    .equipment-faq-label {
        margin-bottom: 14px;

        font-size: 16px;

        letter-spacing: 1.8px;
    }

    .equipment-faq-label span {
        font-size: 17px;
    }

    .equipment-faq-content h2 {
        width: 100%;

        font-size: clamp(34px, 9vw, 45px);

        line-height: 1.1;

        letter-spacing: -0.8px;
    }

    .equipment-faq-content h2 span {
        display: block;
    }

    .equipment-faq-intro {
        width: 100%;

        margin: 18px 0 25px;

        font-size: 16px;

        line-height: 1.7;
    }


    /* =====================================================
       FAQ
       ===================================================== */

    .equipment-faq-item summary {
        min-height: 72px;

        grid-template-columns:
            34px
            minmax(0, 1fr)
            28px;

        column-gap: 9px;

        padding: 9px 0;

        font-size: 16px;

        line-height: 1.5;
    }

    .faq-number {
        font-size: 16px;
    }

    .faq-toggle {
        width: 28px;
        height: 28px;

        font-size: 24px;
    }

    .faq-answer {
        padding:
            0 28px 21px 43px;
    }

    .faq-answer p {
        max-width: 100%;

        font-size: 16px;

        line-height: 1.7;
    }


    /* =====================================================
       CTA
       ===================================================== */

    .equipment-faq-cta {
        width: 100%;

        margin-top: 25px;

        padding: 17px;

        flex-direction: column;

        align-items: flex-start;

        gap: 14px;
    }

    .equipment-faq-cta > span {
        font-size: 16px;
    }

    .equipment-faq-cta a {
        font-size: 16px;
    }


    /* =====================================================
       Decorations
       ===================================================== */

    .faq-decoration-one {
        left: 5px;
        bottom: 35px;

        font-size: 30px;
    }

    .faq-decoration-two {
        right: 3%;
        top: 40px;

        font-size: 45px;
    }

}


/* =========================================================
   Small Mobile
   ========================================================= */

@media (max-width: 480px) {

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

    .equipment-faq-section .container {
        padding: 0 14px;
    }

    .equipment-faq-wrapper {
        gap: 34px;
    }


    /* Visual */

    .equipment-faq-visual {
        padding-right: 20px;
        padding-bottom: 32px;
    }

    .equipment-faq-image-main {
        aspect-ratio: 650 / 480;

        border-radius: 19px;
    }

    .equipment-faq-image-small {
        width: 58%;

        aspect-ratio: 320 / 180;

        border-width: 6px;

        border-radius: 18px;
    }

    .equipment-faq-image-small img {
        border-radius: 12px;
    }


    /* Badge */

    .equipment-faq-badge {
        left: -2px;

        width: 105px;
        min-height: 66px;

        padding: 10px;

        border-radius: 14px;
    }

    .equipment-faq-badge-number {
        font-size: 19px;
    }

    .equipment-faq-badge-text {
        font-size: 16px;
    }


    /* Content */

    .equipment-faq-label {
        font-size: 16px;

        letter-spacing: 1.5px;
    }

    .equipment-faq-content h2 {
        font-size: 32px;

        line-height: 1.12;
    }

    .equipment-faq-intro {
        font-size: 18px;

        line-height: 1.65;
    }


    /* FAQ */

    .equipment-faq-item summary {
        min-height: 68px;

        grid-template-columns:
            32px
            minmax(0, 1fr)
            26px;

        column-gap: 7px;

        font-size: 16px;
    }

    .faq-number {
        font-size: 16px;
    }

    .faq-toggle {
        width: 26px;
        height: 26px;

        font-size: 23px;
    }

    .faq-answer {
        padding:
            0 8px 20px 39px;
    }

    .faq-answer p {
        font-size: 16px;

        line-height: 1.65;
    }


    /* CTA */

    .equipment-faq-cta {
        padding: 16px;
    }

    .equipment-faq-cta > span {
        font-size: 16px;
    }

    .equipment-faq-cta a {
        width: 100%;

        justify-content: space-between;

        font-size: 16px;
    }


    /* Decorations */

    .faq-decoration-one {
        font-size: 28px;
    }

    .faq-decoration-two {
        font-size: 42px;
    }

}


/* =========================================================
   Very Small Mobile
   ========================================================= */

@media (max-width: 360px) {

    .equipment-faq-section {
        padding: 48px 0;
    }

    .equipment-faq-section .container {
        padding: 0 12px;
    }


    /* Visual */

    .equipment-faq-visual {
        padding-right: 17px;
        padding-bottom: 28px;
    }

    .equipment-faq-image-main {
        aspect-ratio: 650 / 470;
    }

    .equipment-faq-image-small {
        width: 59%;
    }


    /* Badge */

    .equipment-faq-badge {
        width: 96px;
        min-height: 62px;
    }

    .equipment-faq-badge-number {
        font-size: 18px;
    }

    .equipment-faq-badge-text {
        font-size: 16px;
    }


    /* Heading */

    .equipment-faq-content h2 {
        font-size: 30px;
    }


    /* FAQ */

    .equipment-faq-item summary {
        grid-template-columns:
            30px
            minmax(0, 1fr)
            25px;

        font-size: 20px;
    }

    .faq-answer {
        padding-left: 37px;
        padding-right: 5px;
    }

    .faq-answer p {
        font-size: 18px;
    }


    /* CTA */

    .equipment-faq-cta {
        gap: 12px;
    }

    .equipment-faq-cta > span,
    .equipment-faq-cta a {
        font-size: 16px;
    }

}


/* =========================================================
   Reduced Motion
   ========================================================= */

@media (prefers-reduced-motion: reduce) {

    .equipment-faq-section *,
    .equipment-faq-section *::before,
    .equipment-faq-section *::after {
        scroll-behavior: auto !important;
        transition: none !important;
    }

}


/* =========================================================
   End: FAQ Section
   ========================================================= */

/* =========================================
   START: FOOTER MAIN SECTION
========================================= */

.ssh-footer-main {
    position: relative;
    overflow: hidden;

    padding: 70px 0 145px;

    /*! background: #fff; */
}


/* Optional subtle background glow */

.ssh-footer-main::before {
    content: "";

    position: absolute;
    top: -180px;
    right: -180px;

    width: 450px;
    height: 450px;

    /*! background: rgba(41, 151, 202, 0.08); */

    border-radius: 50%;

    pointer-events: none;
}


/* Keep footer content above decoration */

.ssh-footer-main .container {
    position: relative;
    z-index: 2;
}


/* Footer Grid */

.ssh-footer-grid {
    display: grid;

    grid-template-columns:
        1.35fr 0.9fr 0.8fr 1.75fr;

    gap: 60px;

    max-width: 1320px;

    margin: 0 auto;
}


/* =========================================
   COMPANY
========================================= */

.ssh-footer-company {
    max-width: 370px;
}


.ssh-footer-logo {
    display: inline-block;

    margin-bottom: 18px;

    color: #585858;

    font-size: 35px;
    line-height: 1.2;
    font-weight: 800;

    text-decoration: none;
}


.ssh-footer-logo span {
    color: #153e71;
}


.ssh-footer-tagline {
    margin-bottom: 18px;

    color: #153e71;

    font-size: 20px;
    font-weight: 700;
}


.ssh-footer-company p {
    margin: 0 0 25px;

    color: rgba(0, 0, 0, 0.9);

    font-size: 18px;
    line-height: 1.8;
    text-align: justify;
}


/* About Button */

.ssh-footer-about-btn {
    display: inline-flex;
    align-items: center;
    gap: 10px;

    color: #474747;

    font-size: 16px;
    font-weight: 700;

    text-decoration: none;
}


.ssh-footer-about-btn span {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    width: 34px;
    height: 34px;

    color: #08394b;

    background: #ffffff;

    border-radius: 50%;

    transition: 0.3s ease;
}


.ssh-footer-about-btn:hover {
    color: #2997ca;
}


.ssh-footer-about-btn:hover span {
    color: #ffffff;
    background: #2997ca;
    transform: translateX(4px);
}


/* =========================================
   FOOTER HEADINGS
========================================= */

.ssh-footer-column h3,
.ssh-footer-contact h3 {
    margin: 0 0 25px;

    color: #3e3e3e;

    font-size: 25px;
    line-height: 1.3;
    font-weight: 700;
}


/* =========================================
   FOOTER LINKS
========================================= */

.ssh-footer-column ul {
    margin: 0;
    padding: 0;

    list-style: none;
}


.ssh-footer-column li {
    margin-bottom: 15px;
}


.ssh-footer-column li:last-child {
    margin-bottom: 0;
}


.ssh-footer-column a {
    position: relative;

    color: rgba(255, 255, 255, 0.72);

    font-size: 18px;
    line-height: 1.5;

    text-decoration: none;

    transition: 0.3s ease;
}

.ssh-footer-column a:hover {
    padding-left: 0px;

    color: #ffffff;
}


.ssh-footer-column a:hover::before {
    left: 0;
    opacity: 1;
}


/* =========================================
   CONTACT DETAILS
========================================= */

.ssh-footer-contact-item {
    display: flex;
    align-items: flex-start;

    gap: 15px;

    margin-bottom: 25px;
}


.ssh-footer-contact-item:last-child {
    margin-bottom: 0;
}


.ssh-footer-contact-icon {
    flex: 0 0 44px;

    width: 44px;
    height: 44px;

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

    color: #ffffff;

    background: #2997ca;

    border-radius: 9px;

    font-size: 18px;
}


.ssh-footer-contact-content {
    min-width: 0;
}


.ssh-footer-contact-content strong {
    display: block;

    margin-bottom: 7px;

    color: #303030;

    font-size: 16px;
    font-weight: 700;
}


.ssh-footer-contact-content p {
    margin: 0;

    color: rgba(0, 0, 0, 0.9);

    font-size: 18px;
    line-height: 1.8;
}


.ssh-footer-contact-content a {
    display: block;

    margin-bottom: 5px;

    color: rgba(0, 0, 0, 0.9);

    font-size: 18px;
    line-height: 1.5;

    text-decoration: none;

    transition: 0.3s ease;
}


.ssh-footer-contact-content a:last-child {
    margin-bottom: 0;
}


.ssh-footer-contact-content a:hover {
    color: #2997ca;
}


/* =========================================
   FOOTER BOTTOM
========================================= */

.ssh-footer-bottom {
    border-top: 1px solid rgba(255, 255, 255, 0.12);

    background: #153e7100;
}


.ssh-footer-bottom-inner {
    display: flex;
    align-items: center;
    justify-content: space-between;

    gap: 30px;

    min-height: 70px;

    max-width: 1320px;

    margin: 0 auto;
}


.ssh-footer-bottom p {
    margin: 0;

    color: rgba(255, 255, 255, 0.60);

    font-size: 16px;
    line-height: 1.6;
    padding-top: 20px;
}
.ssh-footer-bottom p a{
    color: rgba(255, 255, 255, 0.60);
    /*! text-transform: none !important; */
    text-decoration: none;
}

.ssh-footer-bottom p:last-child {
    text-align: right;
}


.ssh-footer-bottom span {
    margin: 0 8px;

    color: rgba(255, 255, 255, 0.30);
}


/* =========================================
   TABLET
========================================= */

@media (max-width: 1199px) {

    .ssh-footer-grid,
    .ssh-footer-bottom-inner {
        max-width: 1140px;

        padding-left: 30px;
        padding-right: 30px;
    }

    .ssh-footer-grid {
        grid-template-columns:
            1.2fr
            0.9fr
            0.8fr
            1.2fr;

        gap: 35px;
    }

}


/* =========================================
   TABLET
========================================= */

@media (max-width: 991px) {

    .ssh-footer-main {
        padding: 60px 0 50px;
    }

    .ssh-footer-grid {
        grid-template-columns: 1fr 1fr;

        row-gap: 50px;
    }

    .ssh-footer-company {
        max-width: 500px;
    }

    .ssh-footer-bottom-inner {
        flex-direction: column;
        justify-content: center;

        padding-top: 20px;
        padding-bottom: 20px;

        text-align: center;
    }

    .ssh-footer-bottom p:last-child {
        text-align: center;
    }

}


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

@media (max-width: 767px) {

    .ssh-footer-main {
        padding: 50px 0 40px;
    }

    .ssh-footer-grid,
    .ssh-footer-bottom-inner {
        padding-left: 20px;
        padding-right: 20px;
    }

    .ssh-footer-grid {
        grid-template-columns: 1fr;

        gap: 40px;
    }

    .ssh-footer-company {
        max-width: 100%;
    }

}


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

@media (max-width: 480px) {

    .ssh-footer-logo {
        font-size: 23px;
    }

    .ssh-footer-column h3,
    .ssh-footer-contact h3 {
        font-size: 20px;
    }

    .ssh-footer-bottom p {
        font-size: 14px;
    }

}
/* =========================================
   FOOTER - LEFT & RIGHT SPACING
========================================= */

.ssh-footer-main > .container,
.ssh-footer-bottom > .container {
    width: 100%;
    max-width: 1400px;

    margin-left: auto;
    margin-right: auto;

    padding-left: 45px;
    padding-right: 45px;
}


/* Footer Grid */

.ssh-footer-grid {
    width: 100%;
    max-width: none;

    margin-left: 0;
    margin-right: 0;
}


/* Footer Bottom */

.ssh-footer-bottom-inner {
    width: 100%;
    max-width: none;

    margin-left: 0;
    margin-right: 0;
}


/* =========================================
   LARGE DESKTOP
========================================= */

@media (min-width: 1600px) {

    .ssh-footer-main > .container,
    .ssh-footer-bottom > .container {
        max-width: 1500px;

        padding-left: 55px;
        padding-right: 55px;
    }

}


/* =========================================
   LAPTOP
========================================= */

@media (max-width: 1399px) {

    .ssh-footer-main > .container,
    .ssh-footer-bottom > .container {
        max-width: 1200px;

        padding-left: 40px;
        padding-right: 40px;
    }

}


/* =========================================
   TABLET
========================================= */

@media (max-width: 991px) {

    .ssh-footer-main > .container,
    .ssh-footer-bottom > .container {
        max-width: 720px;

        padding-left: 25px;
        padding-right: 25px;
    }

}


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

@media (max-width: 767px) {

    .ssh-footer-main > .container,
    .ssh-footer-bottom > .container {
        max-width: 100%;

        padding-left: 20px;
        padding-right: 20px;
    }

}


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

@media (max-width: 480px) {

    .ssh-footer-main > .container,
    .ssh-footer-bottom > .container {
        padding-left: 16px;
        padding-right: 16px;
    }

}
/* =========================================
   FOOTER LINK ARROWS
========================================= */

.ssh-footer-link-list {
    margin: 0;
    padding: 0;
    list-style: none;
}

.ssh-footer-link-list li {
    margin: 0 0 14px;
}

.ssh-footer-link-list li:last-child {
    margin-bottom: 0;
}

.ssh-footer-link-list a {
    display: flex;
    align-items: center;
    gap: 10px;

    color: rgba(0, 0, 0, 0.9);

    font-size: 18px;
    line-height: 1.5;

    text-decoration: none;

    transition:
        color 0.3s ease,
        transform 0.3s ease;
}


/* Arrow */

.ssh-footer-link-list a i {
    flex: 0 0 16px;

    width: 16px;

    color: #153e71;

    font-size: 13px;

    transition:
        transform 0.3s ease,
        color 0.3s ease;
}


/* Hover */

.ssh-footer-link-list a:hover {
    color: #ab6900;

    transform: translateX(3px);
}

.ssh-footer-link-list a:hover i {
    color: #b77e25;

    transform: translateX(4px);
}


/* =========================================
   CONTACT ICONS
========================================= */

.ssh-footer-contact-icon {
    flex: 0 0 44px;

    width: 44px;
    height: 44px;

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

    color: #ffffff;

    background: #153e71;

    border-radius: 9px;

    font-size: 17px;

    transition:
        background 0.3s ease,
        transform 0.3s ease;
}

.ssh-footer-contact-item:hover .ssh-footer-contact-icon {
    background: #38a9dc;

    transform: translateY(-2px);
}
/* =========================================
   START: FOOTER BACKGROUND
========================================= */

.ssh-footer {
    position: relative;

    overflow: hidden;

    background-color: #fff;

    background-image: url("../img/footer-equipment-silhouette.webp");

    background-repeat: no-repeat;

    background-position: center bottom;

    background-size: 100% auto;
}


/* Keep Footer Content Above Image */

.ssh-footer-main,
.ssh-footer-bottom {
    position: relative;

    z-index: 2;
}


/* =========================================
   FOOTER IMAGE TREATMENT
========================================= */

.ssh-footer::after {
    content: "";

    position: absolute;

    left: 0;
    right: 0;
    bottom: 0;

    height: 230px;

    background: linear-gradient( to top, rgba(24, 37, 53, 0) 0%, rgba(24, 37, 53, 0.14) 35%, rgba(24, 37, 53, 0.12) 70%, rgba(24, 37, 53, 0) 100% );

    pointer-events: none;

    z-index: 1;
}


/* =========================================
   DESKTOP
========================================= */

@media (min-width: 1400px) {

    .ssh-footer {
        background-size: 100% auto;

        background-position:
            center bottom;
    }

}


/* =========================================
   TABLET
========================================= */

@media (max-width: 991px) {

    .ssh-footer {
        background-size: auto 250px;

        background-position:
            center bottom;
    }


    .ssh-footer::after {
        height: 200px;
    }

}


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

@media (max-width: 767px) {

    .ssh-footer {
        background-size: auto 180px;

        background-position:
            center bottom;
    }


    .ssh-footer::after {
        height: 160px;
    }

}


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

@media (max-width: 480px) {

    .ssh-footer {
        background-size: auto 150px;

        background-position:
            center bottom;
    }


    .ssh-footer::after {
        height: 130px;
    }

}


/* =========================================
   END: FOOTER BACKGROUND
========================================= */

/* =========================================
   START: FOOTER RESPONSIVE FINAL FIX
========================================= */

/* Prevent footer from creating horizontal page overflow */

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

.ssh-footer {
    width: 100%;
    max-width: 100%;
    overflow: hidden;
}

.ssh-footer-main,
.ssh-footer-bottom,
.ssh-footer-main > .container,
.ssh-footer-bottom > .container,
.ssh-footer-grid,
.ssh-footer-bottom-inner {
    width: 100%;
    max-width: 100%;
}


/* =========================================
   CONTACT CONTENT - IMPORTANT
========================================= */

.ssh-footer-contact {
    min-width: 0;
    width: 100%;
    max-width: 100%;
}

.ssh-footer-contact-item {
    width: 100%;
    max-width: 100%;
    min-width: 0;
}

.ssh-footer-contact-content {
    flex: 1 1 auto;
    width: 0;
    min-width: 0;
    max-width: 100%;
}

.ssh-footer-contact-content p,
.ssh-footer-contact-content a {
    width: 100%;
    max-width: 100%;

    white-space: normal;
    overflow-wrap: anywhere;
    word-break: break-word;
}


/* Phone numbers */

.ssh-footer-contact-content p {
    overflow-wrap: anywhere;
    word-break: break-word;
    text-align: justify;
}


/* Email */

.ssh-footer-contact-content a {
    display: block;
    overflow-wrap: anywhere;
    word-break: break-all;
}


/* =========================================
   FOOTER LINK CONTENT
========================================= */

.ssh-footer-link-list {
    width: 100%;
    max-width: 100%;
    min-width: 0;
}

.ssh-footer-link-list li,
.ssh-footer-link-list a,
.ssh-footer-link-list a span {
    min-width: 0;
    max-width: 100%;
}

.ssh-footer-link-list a span {
    overflow-wrap: anywhere;
    word-break: break-word;
}


/* =========================================
   FOOTER COMPANY
========================================= */

.ssh-footer-company {
    min-width: 0;
    max-width: 100%;
}

.ssh-footer-company p {
    max-width: 100%;
    overflow-wrap: break-word;
    word-break: normal;
    text-align: justify;
}


/* =========================================
   FOOTER BOTTOM
========================================= */

.ssh-footer-bottom-inner {
    min-width: 0;
    max-width: 100%;
}

.ssh-footer-bottom p {
    min-width: 0;
    max-width: 100%;
    overflow-wrap: anywhere;
    word-break: break-word;
}


/* =========================================
   TABLET
   768px - 991px
========================================= */

@media (min-width: 768px) and (max-width: 991px) {

    .ssh-footer-main > .container,
    .ssh-footer-bottom > .container {
        width: 100%;
        max-width: 100%;
        padding-left: 25px;
        padding-right: 25px;
    }

    .ssh-footer-grid {
        display: grid;

        grid-template-columns:
            minmax(0, 1fr)
            minmax(0, 1fr);

        column-gap: 35px;
        row-gap: 45px;

        width: 100%;
        max-width: 100%;
    }

    .ssh-footer-company,
    .ssh-footer-column,
    .ssh-footer-contact {
        min-width: 0;
        width: 100%;
        max-width: 100%;
    }

    .ssh-footer-contact-item {
        display: flex;
        width: 100%;
        min-width: 0;
    }

    .ssh-footer-contact-icon {
        flex: 0 0 44px;
    }

    .ssh-footer-contact-content {
        flex: 1 1 auto;
        width: 0;
        min-width: 0;
        max-width: 100%;
    }

    .ssh-footer-contact-content p,
    .ssh-footer-contact-content a {
        font-size: 17px;
        line-height: 1.65;
    }

    /*
       Keep the silhouette away from the
       actual footer content on tablet.
    */

    .ssh-footer {
        background-size: 100% auto;
        background-position: center bottom;
    }

    .ssh-footer-main {
        padding-bottom: 100px;
    }

}


/* =========================================
   MOBILE
   0px - 767px
========================================= */

@media (max-width: 767px) {

    .ssh-footer-main > .container,
    .ssh-footer-bottom > .container {
        width: 100%;
        max-width: 100%;
        padding-left: 20px;
        padding-right: 20px;
    }

    .ssh-footer-grid {
        display: grid;

        grid-template-columns: minmax(0, 1fr);

        width: 100%;
        max-width: 100%;

        gap: 40px;
    }

    .ssh-footer-company,
    .ssh-footer-column,
    .ssh-footer-contact {
        width: 100%;
        min-width: 0;
        max-width: 100%;
    }


    /* Contact */

    .ssh-footer-contact-item {
        display: flex;
        align-items: flex-start;

        width: 100%;
        min-width: 0;
        max-width: 100%;

        gap: 10px;
    }

    .ssh-footer-contact-icon {
        flex: 0 0 40px;

        width: 40px;
        height: 40px;
    }

    .ssh-footer-contact-content {
        flex: 1 1 auto;

        width: 0;
        min-width: 0;
        max-width: 100%;
    }

    .ssh-footer-contact-content strong {
        font-size: 16px;
    }

    .ssh-footer-contact-content p,
    .ssh-footer-contact-content a {
        width: 100%;
        max-width: 100%;

        font-size: 16px;
        line-height: 1.65;

        white-space: normal;
        overflow-wrap: anywhere;
        word-break: break-word;
    }


    /* Address */

    .ssh-footer-contact-content p {
        word-break: normal;
        overflow-wrap: anywhere;
    }


    /* Email */

    .ssh-footer-contact-content a {
        word-break: break-all;
    }


    /* Footer links */

    .ssh-footer-link-list {
        width: 100%;
        max-width: 100%;
    }

    .ssh-footer-link-list li {
        width: 100%;
        max-width: 100%;
    }

    .ssh-footer-link-list a {
        width: 100%;
        max-width: 100%;
    }

    .ssh-footer-link-list a span {
        min-width: 0;
        max-width: 100%;
        overflow-wrap: anywhere;
    }


    /* =========================================
       FOOTER BOTTOM
    ========================================= */

    .ssh-footer-bottom {
        width: 100%;
        max-width: 100%;

        /*
           Give the bottom section its own
           clean space.
        */
        padding-bottom: 0;
    }

    .ssh-footer-bottom-inner {
        display: flex;

        flex-direction: column;
        align-items: center;
        justify-content: center;

        width: 100%;
        max-width: 100%;

        gap: 0;

        padding: 10px 0 15px;
    }

    .ssh-footer-bottom p,
    .ssh-footer-bottom p:last-child {
        display: block;

        width: 100%;
        max-width: 100%;

        margin: 0;
        padding: 8px 0;

        text-align: center;

        font-size: 16px;
        line-height: 1.6;

        overflow-wrap: anywhere;
        word-break: break-word;
    }


    /*
       IMPORTANT:
       Don't allow the large desktop
       silhouette to overlap mobile content.
    */

    .ssh-footer {
        background-image: none;
    }

    .ssh-footer-bottom {
        background-image: url("../img/footer-equipment-silhouette.webp");
        background-repeat: no-repeat;
        background-position: center bottom;
        background-size: 100% auto;

        padding-bottom: 100px;
    }

    .ssh-footer::after {
        display: none;
    }

}


/* =========================================
   SMALL MOBILE
   0px - 575px
========================================= */

@media (max-width: 575px) {

    .ssh-footer-main > .container,
    .ssh-footer-bottom > .container {
        padding-left: 16px;
        padding-right: 16px;
    }

    .ssh-footer-main {
        padding-top: 45px;
        padding-bottom: 40px;
    }

    .ssh-footer-grid {
        gap: 35px;
    }


    /* Company */

    .ssh-footer-logo {
        font-size: 25px;
    }

    .ssh-footer-tagline {
        font-size: 18px;
    }

    .ssh-footer-company p {
        font-size: 18px;
        line-height: 1.7;
    }


    /* Headings */

    .ssh-footer-column h3,
    .ssh-footer-contact h3 {
        font-size: 21px;
        line-height: 1.35;
    }


    /* Links */

    .ssh-footer-link-list a {
        font-size: 18px;
    }


    /* Contact */

    .ssh-footer-contact-item {
        gap: 9px;
    }

    .ssh-footer-contact-icon {
        flex: 0 0 38px;

        width: 38px;
        height: 38px;

        font-size: 15px;
    }

    .ssh-footer-contact-content {
        width: 0;
        min-width: 0;
    }

    .ssh-footer-contact-content strong {
        font-size: 20px;
    }

    .ssh-footer-contact-content p,
    .ssh-footer-contact-content a {
        font-size: 16px;
        line-height: 1.6;
    }


    /* Bottom */

    .ssh-footer-bottom {
        background-size: auto 150px;
        padding-bottom: 80px;
    }

    .ssh-footer-bottom p,
    .ssh-footer-bottom p:last-child {
        font-size: 16px;
        line-height: 1.6;
        color: #333 !important;
    }
    .ssh-footer-bottom p a{
        color: #333;
    }

}


/* =========================================
   VERY SMALL MOBILE
   0px - 399px
========================================= */

@media (max-width: 399px) {

    .ssh-footer-main > .container,
    .ssh-footer-bottom > .container {
        padding-left: 14px;
        padding-right: 14px;
    }

    .ssh-footer-logo {
        font-size: 30px;
    }

    .ssh-footer-tagline {
        font-size: 20px;
    }

    .ssh-footer-column h3,
    .ssh-footer-contact h3 {
        font-size: 25px;
    }

    .ssh-footer-contact-item {
        gap: 8px;
    }

    .ssh-footer-contact-icon {
        flex: 0 0 36px;

        width: 36px;
        height: 36px;
    }

    .ssh-footer-contact-content p,
    .ssh-footer-contact-content a {
        font-size: 18px;
        /*! text-align: justify; */
    }

    .ssh-footer-bottom {
        background-size: auto 125px;
        padding-bottom: 70px;
    }

}


/* =========================================
   END: FOOTER RESPONSIVE FINAL FIX
========================================= */
/* =========================================
   END: FOOTER MAIN SECTION
========================================= */

/* =========================================================
   Start: Scroll To Top
   ========================================================= */

   .scroll-top-btn {
    --scroll-top-size: 50px;
    --scroll-top-right: 25px;
    --scroll-top-bottom: 25px;
    --scroll-top-bg: #123a78;
    --scroll-top-bg-hover: #176f9b;
    --scroll-top-color: #ffffff;

    position: fixed;

    right: var(--scroll-top-right);
    bottom: var(--scroll-top-bottom);

    width: var(--scroll-top-size);
    height: var(--scroll-top-size);

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

    padding: 0;
    margin: 0;

    border: 0;
    border-radius: 50%;

    background: var(--scroll-top-bg);
    color: var(--scroll-top-color);

    font-size: 25px;
    line-height: 1;
    font-weight: 400;

    cursor: pointer;

    z-index: 9999;

    opacity: 0;
    visibility: hidden;

    transform: translateY(15px);

    box-shadow:
        0 8px 25px rgba(0, 0, 0, 0.18);

    transition:
        opacity 0.3s ease,
        visibility 0.3s ease,
        transform 0.3s ease,
        background 0.25s ease;
}

.scroll-top-btn span {
    display: block;

    line-height: 1;

    transform: translateY(-1px);
}

.scroll-top-btn.is-visible {
    opacity: 1;
    visibility: visible;

    transform: translateY(0);
}

.scroll-top-btn:hover {
    background: var(--scroll-top-bg-hover);

    transform: translateY(-3px);
}

.scroll-top-btn:focus-visible {
    outline: 3px solid rgba(99, 181, 219, 0.45);
    outline-offset: 3px;
}


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

@media (max-width: 767px) {

    .scroll-top-btn {
        --scroll-top-size: 46px;
        --scroll-top-right: 18px;
        --scroll-top-bottom: 18px;

        font-size: 23px;
    }

}


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

@media (max-width: 480px) {

    .scroll-top-btn {
        --scroll-top-size: 44px;
        --scroll-top-right: 15px;
        --scroll-top-bottom: 15px;

        font-size: 22px;
    }

}


/* =========================================================
   REDUCED MOTION
   ========================================================= */

@media (prefers-reduced-motion: reduce) {

    .scroll-top-btn {
        transition: none;
    }

}


/* =========================================================
   End: Scroll To Top
   ========================================================= */

   /* =========================================================
   Start: Rental Information Section
   ========================================================= */

.rental-information {
    --rental-info-bg: #f2f2f2;
    --rental-info-heading: #103c53;
    --rental-info-text: #607f90;
    --rental-info-accent: #2189bb;
    --rental-info-border: #e1e9ed;
    --rental-info-gap: 30px;

    width: 100%;
    max-width: 100%;

    margin: 0;
    padding: 0;

    position: relative;
    z-index: 5;

    background: var(--rental-info-bg);

    overflow: hidden;

    box-sizing: border-box;
}

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


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

.rental-information .container {
    width: 100%;
    max-width: 1240px;

    margin-left: auto;
    margin-right: auto;

    padding-left: 20px;
    padding-right: 20px;

    box-sizing: border-box;
}


/* =========================================================
   INFORMATION WRAPPER
   ========================================================= */

.rental-information-wrapper {
    width: 100%;
    max-width: 100%;

    min-height: 125px;

    display: grid;

    grid-template-columns:
        minmax(0, 1fr)
        minmax(0, 1fr)
        minmax(0, 1fr);

    align-items: center;

    box-sizing: border-box;
}


/* =========================================================
   INFORMATION ITEM
   ========================================================= */

.rental-info-item {
    width: 100%;
    max-width: 100%;

    min-width: 0;
    min-height: 60px;

    padding: 15px 35px;

    display: flex;
    align-items: center;

    gap: 15px;

    position: relative;

    box-sizing: border-box;
}

.rental-info-item:not(:last-child)::after {
    content: "";

    position: absolute;

    top: 50%;
    right: 0;

    width: 1px;
    height: 58px;

    background: var(--rental-info-border);

    transform: translateY(-50%);
}


/* =========================================================
   INFORMATION ICON
   ========================================================= */

.rental-info-icon {
    width: 48px;
    height: 48px;

    min-width: 48px;
    min-height: 48px;

    flex: 0 0 48px;

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

    color: #ffffff;

    background: #123a78;

    border-radius: 12px;

    font-size: 22px;
    line-height: 1;

    box-sizing: border-box;
}

.rental-info-icon span {
    display: inline-flex;

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

    line-height: 1;
}


/* =========================================================
   INFORMATION CONTENT
   ========================================================= */

.rental-info-content {
    width: 100%;
    max-width: 100%;

    min-width: 0;

    display: flex;
    flex-direction: column;

    gap: 5px;

    overflow: hidden;
}

.rental-info-content h2 {
    width: 100%;
    max-width: 100%;

    margin: 0;

    color: var(--rental-info-heading);

    font-size: 20px;
    line-height: 1.35;

    font-weight: 700;

    overflow-wrap: anywhere;
    word-break: break-word;
}

.rental-info-content p,
.rental-info-content a {
    width: 100%;
    max-width: 100%;

    margin: 0;

    color: #24282b;

    font-size: 16px;
    line-height: 1.55;

    font-weight: 400;

    text-decoration: none;

    white-space: normal;

    overflow-wrap: anywhere;
    word-break: break-word;
}

.rental-info-content a {
    transition: color 0.25s ease;
}

.rental-info-content a:hover {
    color: var(--rental-info-accent);
}


/* =========================================================
   LARGE LAPTOP
   ========================================================= */

@media (max-width: 1199px) {

    .rental-information-wrapper {
        min-height: 120px;
    }

    .rental-info-item {
        padding-left: 25px;
        padding-right: 25px;

        gap: 13px;
    }

    .rental-info-icon {
        width: 46px;
        height: 46px;

        min-width: 46px;
        min-height: 46px;

        flex-basis: 46px;

        font-size: 21px;
    }

    .rental-info-content h2 {
        font-size: 17px;
    }

}


/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 991px) {

    .rental-information .container {
        padding-left: 24px;
        padding-right: 24px;
    }

    .rental-information-wrapper {
        min-height: 115px;

        grid-template-columns:
            repeat(3, minmax(0, 1fr));
    }

    .rental-info-item {
        padding-left: 16px;
        padding-right: 16px;

        gap: 11px;
    }

    .rental-info-icon {
        width: 44px;
        height: 44px;

        min-width: 44px;
        min-height: 44px;

        flex-basis: 44px;

        border-radius: 10px;

        font-size: 20px;
    }

    .rental-info-content {
        gap: 4px;
    }

    .rental-info-content h2 {
        font-size: 18px;
        line-height: 1.35;
    }

    .rental-info-content p,
    .rental-info-content a {
        font-size: 16px;
        line-height: 1.5;
    }

}


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

@media (max-width: 767px) {

    .rental-information {
        overflow: hidden;
    }

    .rental-information .container {
        width: 100%;
        max-width: 100%;

        padding-left: 20px;
        padding-right: 20px;
    }

    .rental-information-wrapper {
        width: 100%;
        max-width: 100%;

        min-height: auto;

        display: flex;
        flex-direction: column;

        align-items: stretch;

        padding: 8px 0;
    }

    .rental-info-item {
        width: 100%;
        max-width: 100%;

        min-width: 0;
        min-height: 76px;

        padding: 15px 0;

        display: flex;
        align-items: center;

        gap: 14px;
    }

    /*
       Change the desktop vertical divider into
       a full-width horizontal separator.
    */

    .rental-info-item:not(:last-child)::after {
        top: auto;
        right: 0;
        bottom: 0;

        width: 100%;
        height: 1px;

        transform: none;

        background: var(--rental-info-border);
    }

    .rental-info-icon {
        width: 46px;
        height: 46px;

        min-width: 46px;
        min-height: 46px;

        flex: 0 0 46px;

        border-radius: 11px;

        font-size: 21px;
    }

    .rental-info-content {
        width: 100%;
        max-width: 100%;

        min-width: 0;

        gap: 4px;
    }

    .rental-info-content h2 {
        font-size: 18px;
        line-height: 1.35;
    }

    .rental-info-content p,
    .rental-info-content a {
        font-size: 16px;
        line-height: 1.55;
    }

}


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

@media (max-width: 480px) {

    .rental-information .container {
        padding-left: 16px;
        padding-right: 16px;
    }

    .rental-information-wrapper {
        padding: 5px 0;
    }

    .rental-info-item {
        min-height: 72px;

        padding: 13px 0;

        gap: 12px;
    }

    .rental-info-icon {
        width: 42px;
        height: 42px;

        min-width: 42px;
        min-height: 42px;

        flex-basis: 42px;

        border-radius: 10px;

        font-size: 19px;
    }

    .rental-info-content {
        gap: 4px;
    }

    .rental-info-content h2 {
        font-size: 17px;
        line-height: 1.35;
    }

    .rental-info-content p,
    .rental-info-content a {
        font-size: 16px;
        line-height: 1.5;
    }

}


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

@media (max-width: 360px) {

    .rental-information .container {
        padding-left: 14px;
        padding-right: 14px;
    }

    .rental-info-item {
        gap: 10px;
    }

    .rental-info-icon {
        width: 40px;
        height: 40px;

        min-width: 40px;
        min-height: 40px;

        flex-basis: 40px;

        font-size: 18px;
    }

    .rental-info-content h2 {
        font-size: 18px;
    }

    .rental-info-content p,
    .rental-info-content a {
        font-size: 18px;

        overflow-wrap: anywhere;
        word-break: break-word;
    }

}


/* =========================================================
   REDUCED MOTION
   ========================================================= */

@media (prefers-reduced-motion: reduce) {

    .rental-info-content a {
        transition: none;
    }

}


/* =========================================================
   End: Rental Information Section
   ========================================================= */

   /* =========================================================
   BOOM LIFT RENTAL SERVICE PAGE
   SHREE SAI HIRING
   ========================================================= */

:root {
    --sshr-primary: #0d2f3f;
    --sshr-primary-dark: #08232f;
    --sshr-secondary: #f28c28;
    --sshr-secondary-dark: #d96f12;
    --sshr-accent: #f7a340;

    --sshr-white: #ffffff;
    --sshr-light: #f5f7f8;
    --sshr-light-2: #eef2f4;
    --sshr-border: #dfe6e9;

    --sshr-text: #34454d;
    --sshr-muted: #718087;

    --sshr-shadow: 0 20px 60px rgba(13, 47, 63, 0.10);
    --sshr-shadow-hover: 0 25px 70px rgba(13, 47, 63, 0.16);

    --sshr-radius-sm: 8px;
    --sshr-radius-md: 16px;
    --sshr-radius-lg: 28px;

    --sshr-container: 1240px;
}


/* =========================================================
   Start: Global Service Styles
   ========================================================= */

.sshr-boom-hero-section,
.sshr-boom-intro-section,
.sshr-boom-heights-section,
.sshr-boom-applications-section,
.sshr-boom-why-section,
.sshr-boom-industrial-section,
.sshr-boom-safety-section,
.sshr-boom-location-section,
.sshr-boom-selection-section,
.sshr-boom-flexible-section,
.sshr-boom-faq-section,
.sshr-boom-cta-section,
.sshr-related-equipment-section {
    overflow: hidden;
}

.sshr-boom-hero-section *,
.sshr-boom-intro-section *,
.sshr-boom-heights-section *,
.sshr-boom-applications-section *,
.sshr-boom-why-section *,
.sshr-boom-industrial-section *,
.sshr-boom-safety-section *,
.sshr-boom-location-section *,
.sshr-boom-selection-section *,
.sshr-boom-flexible-section *,
.sshr-boom-faq-section *,
.sshr-boom-cta-section *,
.sshr-related-equipment-section * {
    box-sizing: border-box;
}

.sshr-boom-hero-section .container,
.sshr-boom-intro-section .container,
.sshr-boom-heights-section .container,
.sshr-boom-applications-section .container,
.sshr-boom-why-section .container,
.sshr-boom-industrial-section .container,
.sshr-boom-safety-section .container,
.sshr-boom-location-section .container,
.sshr-boom-selection-section .container,
.sshr-boom-flexible-section .container,
.sshr-boom-faq-section .container,
.sshr-boom-cta-section .container,
.sshr-related-equipment-section .container {
    width: 100%;
    max-width: var(--sshr-container);
    margin: 0 auto;
    padding-left: 20px;
    padding-right: 20px;
}

.sshr-section-kicker {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: var(--sshr-secondary);
    font-size: 15px;
    font-weight: 800;
    letter-spacing: 1.5px;
    line-height: 1.4;
}

.sshr-section-kicker i {
    font-size: 14px;
}

.sshr-centered-heading {
    max-width: 850px;
    margin: 0 auto 55px;
    text-align: center;
}

.sshr-centered-heading h2,
.sshr-section-heading h2,
.sshr-selection-header h2,
.sshr-industrial-content h2,
.sshr-safety-content h2,
.sshr-flexible-content h2,
.sshr-cta-content h2,
.sshr-related-heading h2 {
    margin: 14px 0 20px;
    color: var(--sshr-primary);
    font-size: clamp(32px, 4vw, 48px);
    font-weight: 800;
    line-height: 1.12;
    letter-spacing: -1px;
}

.sshr-centered-heading h2 span,
.sshr-section-heading h2 span,
.sshr-selection-header h2 span,
.sshr-industrial-content h2 span,
.sshr-safety-content h2 span,
.sshr-flexible-content h2 span,
.sshr-cta-content h2 span,
.sshr-related-heading h2 span {
    color: var(--sshr-secondary);
}

.sshr-centered-heading p,
.sshr-section-heading p,
.sshr-industrial-content p,
.sshr-safety-content p,
.sshr-flexible-content p {
    color: var(--sshr-text);
    font-size: 17px;
    line-height: 1.85;
}

.sshr-btn {
    min-height: 54px;
    padding: 14px 24px;
    border-radius: 8px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    text-decoration: none;
    font-size: 16px;
    font-weight: 800;
    transition: all 0.3s ease;
}

.sshr-btn-primary {
    background: var(--sshr-secondary);
    color: var(--sshr-white);
    box-shadow: 0 12px 30px rgba(242, 140, 40, 0.28);
}

.sshr-btn-primary:hover {
    background: var(--sshr-secondary-dark);
    color: var(--sshr-white);
    transform: translateY(-3px);
}

.sshr-btn-outline {
    border: 1px solid rgba(13, 47, 63, 0.22);
    color: var(--sshr-primary);
    background: var(--sshr-white);
}

.sshr-btn-outline:hover {
    border-color: var(--sshr-primary);
    color: var(--sshr-primary);
    transform: translateY(-3px);
}


/* =========================================================
   End: Global Service Styles
   ========================================================= */


/* =========================================================
   Start: Boom Lift Breadcrumb Section
   ========================================================= */



.sshr-breadcrumb-content {
    position: relative;
    z-index: 2;
    padding: 60px 0;
}

.sshr-breadcrumb-content h1 {
    max-width: 850px;
    margin: 12px 0 18px;
    color: var(--sshr-white);
    font-size: clamp(36px, 5vw, 58px);
    line-height: 1.1;
    font-weight: 800;
}

.sshr-breadcrumb-nav {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px;
    color: rgba(255, 255, 255, 0.7);
    font-size: 16px;
}

.sshr-breadcrumb-nav a {
    color: var(--sshr-white);
    text-decoration: none;
}

.sshr-breadcrumb-nav i {
    color: var(--sshr-secondary);
    font-size: 12px;
}

/* =========================================================
   End: Boom Lift Breadcrumb Section
   ========================================================= */


/* =========================================================
   Start: Boom Lift Hero Section
   ========================================================= */

.sshr-boom-hero-section {
    position: relative;
    padding: 90px 0;
    background:
        radial-gradient(circle at 10% 10%, rgba(242, 140, 40, 0.09), transparent 30%),
        var(--sshr-white);
}

.sshr-hero-grid {
    width: min(var(--sshr-container), calc(100% - 40px));
    margin: auto;
    display: grid;
    grid-template-columns: 1fr 0.95fr;
    align-items: center;
    gap: 70px;
}

.sshr-hero-content h2 {
    max-width: 760px;
    margin: 16px 0 24px;
    color: var(--sshr-primary);
    font-size: clamp(38px, 5vw, 40px);
    line-height: 1.04;
    letter-spacing: -2px;
    font-weight: 850;
}

.sshr-hero-content h2 span {
    color: var(--sshr-secondary);
}

.sshr-hero-description {
    max-width: 700px;
    margin: 0;
    color: var(--sshr-text);
    font-size: 18px;
    line-height: 1.85;
}

.sshr-hero-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 14px;
    margin-top: 32px;
}

.sshr-hero-trust {
    display: flex;
    flex-wrap: wrap;
    gap: 24px;
    margin-top: 28px;
}

.sshr-trust-item {
    display: flex;
    align-items: center;
    gap: 8px;
    color: var(--sshr-primary);
    font-size: 15px;
    font-weight: 700;
}

.sshr-trust-item i {
    color: var(--sshr-secondary);
}

.sshr-hero-visual {
    position: relative;
}

.sshr-hero-image-wrap {
    position: relative;
    overflow: hidden;
    min-height: 540px;
    border-radius: 30px;
    background: var(--sshr-light);
    box-shadow: var(--sshr-shadow);
}

.sshr-hero-image-wrap::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, transparent 60%, rgba(8, 35, 47, 0.25));
}

.sshr-hero-image-wrap img {
    width: 100%;
    height: 540px;
    display: block;
    object-fit: cover;
}

.sshr-hero-floating-card {
    position: absolute;
    left: -35px;
    bottom: 35px;
    display: flex;
    align-items: center;
    gap: 15px;
    min-width: 250px;
    padding: 18px 20px;
    border-radius: 14px;
    background: var(--sshr-white);
    box-shadow: 0 20px 50px rgba(8, 35, 47, 0.18);
}

.sshr-floating-icon {
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    color: var(--sshr-white);
    background: var(--sshr-secondary);
    font-size: 20px;
}

.sshr-hero-floating-card strong,
.sshr-hero-floating-card small {
    display: block;
}

.sshr-hero-floating-card strong {
    color: var(--sshr-primary);
    font-size: 20px;
}

.sshr-hero-floating-card small {
    margin-top: 3px;
    color: var(--sshr-muted);
    font-size: 14px;
}

/* =========================================================
   End: Boom Lift Hero Section
   ========================================================= */


/* =========================================================
   Start: Boom Lift Trust Strip Section
   ========================================================= */

.sshr-boom-trust-strip {
    position: relative;
    z-index: 3;
    margin-top: -25px;
}

.sshr-trust-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    background: var(--sshr-white);
    border: 1px solid var(--sshr-border);
    border-radius: 16px;
    box-shadow: var(--sshr-shadow);
}

.sshr-trust-box {
    min-height: 115px;
    padding: 24px;
    display: flex;
    align-items: center;
    gap: 16px;
    border-right: 1px solid var(--sshr-border);
}

.sshr-trust-box:last-child {
    border-right: 0;
}

.sshr-trust-box-icon {
    width: 50px;
    height: 50px;
    flex: 0 0 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 12px;
    color: var(--sshr-secondary);
    background: rgba(242, 140, 40, 0.1);
    font-size: 19px;
}

.sshr-trust-box strong,
.sshr-trust-box span {
    display: block;
}

.sshr-trust-box strong {
    color: var(--sshr-primary);
    font-size: 17px;
}

.sshr-trust-box span {
    margin-top: 5px;
    color: var(--sshr-muted);
    font-size: 14px;
}

/* =========================================================
   End: Boom Lift Trust Strip Section
   ========================================================= */


/* =========================================================
   Start: Boom Lift Introduction Section
   ========================================================= */

.sshr-boom-intro-section {
    padding: 120px 0 100px;
    background: var(--sshr-white);
}

.sshr-two-column {
    display: grid;
    grid-template-columns: 0.85fr 1.15fr;
    gap: 80px;
    align-items: start;
}

.sshr-intro-copy p {
    margin: 0 0 20px;
    color: var(--sshr-text);
    font-size: 18px;
    line-height: 1.85;
}

.sshr-text-link {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    margin-top: 12px;
    color: var(--sshr-secondary);
    font-size: 16px;
    font-weight: 800;
    text-decoration: none;
}

.sshr-text-link:hover {
    color: var(--sshr-secondary-dark);
}

/* =========================================================
   End: Boom Lift Introduction Section
   ========================================================= */


/* =========================================================
   Start: Boom Lift Heights Section
   ========================================================= */

.sshr-boom-heights-section {
    padding: 110px 0;
    background: var(--sshr-light);
}

.sshr-height-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
}

.sshr-height-card {
    overflow: hidden;
    background: var(--sshr-white);
    border: 1px solid var(--sshr-border);
    border-radius: 18px;
    transition: all 0.35s ease;
}

.sshr-height-card:hover {
    transform: translateY(-8px);
    border-color: rgba(242, 140, 40, 0.45);
    box-shadow: var(--sshr-shadow-hover);
}

.sshr-height-card-featured {
    border: 2px solid var(--sshr-secondary);
}

.sshr-height-image {
    position: relative;
    height: 230px;
    overflow: hidden;
}

.sshr-height-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: transform 0.5s ease;
}

.sshr-height-card:hover .sshr-height-image img {
    transform: scale(1.05);
}

.sshr-height-image::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, transparent 45%, rgba(8, 35, 47, 0.65));
}

.sshr-height-number {
    position: absolute;
    z-index: 2;
    right: 18px;
    bottom: 16px;
    color: var(--sshr-white);
    font-size: 38px;
    line-height: 1;
    font-weight: 900;
}

.sshr-height-content {
    padding: 28px;
}

.sshr-card-label {
    color: var(--sshr-secondary);
    font-size: 12px;
    font-weight: 900;
    letter-spacing: 1.2px;
}

.sshr-height-content h3 {
    margin: 10px 0 14px;
    color: var(--sshr-primary);
    font-size: 23px;
    line-height: 1.25;
}

.sshr-height-content p {
    min-height: 125px;
    margin: 0;
    color: var(--sshr-text);
    font-size: 16px;
    line-height: 1.75;
}

.sshr-card-link {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    margin-top: 20px;
    color: var(--sshr-primary);
    font-size: 15px;
    font-weight: 800;
    text-decoration: none;
}

.sshr-card-link i {
    color: var(--sshr-secondary);
}

.sshr-equipment-note {
    display: flex;
    align-items: flex-start;
    gap: 14px;
    margin-top: 30px;
    padding: 22px 25px;
    border-left: 4px solid var(--sshr-secondary);
    border-radius: 10px;
    background: var(--sshr-white);
}

.sshr-equipment-note i {
    margin-top: 4px;
    color: var(--sshr-secondary);
}

.sshr-equipment-note p {
    margin: 0;
    color: var(--sshr-text);
    font-size: 15px;
    line-height: 1.7;
}

/* =========================================================
   End: Boom Lift Heights Section
   ========================================================= */


/* =========================================================
   Start: Boom Lift Applications Section
   ========================================================= */

.sshr-boom-applications-section {
    padding: 120px 0;
    background: var(--sshr-white);
}

.sshr-applications-layout {
    align-items: center;
}

.sshr-application-image {
    position: relative;
    min-height: 600px;
}

.sshr-application-image > img {
    width: 100%;
    height: 600px;
    display: block;
    object-fit: cover;
    border-radius: 24px;
}

.sshr-image-badge {
    position: absolute;
    right: -25px;
    bottom: 35px;
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 18px 22px;
    border-radius: 12px;
    background: var(--sshr-white);
    box-shadow: var(--sshr-shadow);
}

.sshr-image-badge > i {
    width: 48px;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    color: var(--sshr-white);
    background: var(--sshr-secondary);
}

.sshr-image-badge strong,
.sshr-image-badge span {
    display: block;
}

.sshr-image-badge strong {
    color: var(--sshr-primary);
}

.sshr-image-badge span {
    margin-top: 4px;
    color: var(--sshr-muted);
    font-size: 14px;
}

.sshr-application-content p {
    color: var(--sshr-text);
    font-size: 17px;
    line-height: 1.8;
}

.sshr-check-list {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 14px 24px;
    margin-top: 25px;
}

.sshr-check-list div {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    color: var(--sshr-text);
    font-size: 15px;
    line-height: 1.5;
}

.sshr-check-list i {
    margin-top: 3px;
    color: var(--sshr-secondary);
}

/* =========================================================
   End: Boom Lift Applications Section
   ========================================================= */


/* =========================================================
   Start: Why Choose Boom Lift Section
   ========================================================= */

.sshr-boom-why-section {
    padding: 110px 0;
    background: var(--sshr-light);
}

.sshr-benefit-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
}

.sshr-benefit-card {
    min-height: 245px;
    padding: 30px 25px;
    background: var(--sshr-white);
    border: 1px solid var(--sshr-border);
    border-radius: 16px;
    transition: all 0.3s ease;
}

.sshr-benefit-card:hover {
    transform: translateY(-7px);
    box-shadow: var(--sshr-shadow);
    border-color: rgba(242, 140, 40, 0.35);
}

.sshr-benefit-icon {
    width: 56px;
    height: 56px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 14px;
    color: var(--sshr-secondary);
    background: rgba(242, 140, 40, 0.10);
    font-size: 21px;
}

.sshr-benefit-card h3 {
    margin: 22px 0 10px;
    color: var(--sshr-primary);
    font-size: 20px;
}

.sshr-benefit-card p {
    margin: 0;
    color: var(--sshr-text);
    font-size: 15px;
    line-height: 1.7;
}

/* =========================================================
   End: Why Choose Boom Lift Section
   ========================================================= */


/* =========================================================
   Start: Boom Lift Industrial Projects Section
   ========================================================= */

.sshr-boom-industrial-section {
    padding: 120px 0;
    background: var(--sshr-primary);
}

.sshr-industrial-wrapper {
    display: grid;
    grid-template-columns: 1fr 0.85fr;
    gap: 70px;
    align-items: center;
}

.sshr-industrial-content h2 {
    color: var(--sshr-white);
}

.sshr-industrial-content p {
    color: rgba(255, 255, 255, 0.76);
}

.sshr-industry-points {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-top: 30px;
}

.sshr-industry-points span {
    padding: 11px 14px;
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: 7px;
    color: var(--sshr-white);
    background: rgba(255, 255, 255, 0.05);
    font-size: 14px;
}

.sshr-industry-points i {
    margin-right: 6px;
    color: var(--sshr-secondary);
}

.sshr-industrial-image {
    position: relative;
    min-height: 500px;
    overflow: hidden;
    border-radius: 24px;
}

.sshr-industrial-image > img {
    width: 100%;
    height: 500px;
    display: block;
    object-fit: cover;
}

.sshr-industrial-overlay {
    position: absolute;
    left: 25px;
    right: 25px;
    bottom: 25px;
    padding: 25px;
    border-radius: 14px;
    background: rgba(8, 35, 47, 0.88);
    backdrop-filter: blur(10px);
}

.sshr-industrial-overlay span {
    color: var(--sshr-secondary);
    font-size: 12px;
    font-weight: 900;
    letter-spacing: 1.4px;
}

.sshr-industrial-overlay strong {
    display: block;
    margin-top: 8px;
    color: var(--sshr-white);
    font-size: 28px;
    line-height: 1.15;
}

/* =========================================================
   End: Boom Lift Industrial Projects Section
   ========================================================= */


/* =========================================================
   Start: Safe Elevated Access Section
   ========================================================= */

.sshr-boom-safety-section {
    padding: 80px 0;
    background: var(--sshr-secondary);
}

.sshr-safety-grid {
    display: grid;
    grid-template-columns: 100px 1fr;
    gap: 35px;
    align-items: start;
}

.sshr-safety-icon {
    width: 85px;
    height: 85px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(255, 255, 255, 0.35);
    border-radius: 18px;
    color: var(--sshr-white);
    font-size: 34px;
}

.sshr-safety-content h2 {
    color: var(--sshr-white);
}

.sshr-safety-content h2 span {
    color: var(--sshr-primary);
}

.sshr-safety-content p {
    color: rgba(255, 255, 255, 0.9);
    font-size: 17px;
    line-height: 1.8;
}

/* =========================================================
   End: Safe Elevated Access Section
   ========================================================= */


/* =========================================================
   Start: Maharashtra Coverage Section
   ========================================================= */

.sshr-boom-location-section {
    padding: 120px 0;
    background: var(--sshr-white);
}

.sshr-location-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
}

.sshr-location-card {
    padding: 28px;
    border: 1px solid var(--sshr-border);
    border-radius: 16px;
    background: var(--sshr-white);
    transition: all 0.3s ease;
}

.sshr-location-card:hover {
    transform: translateY(-5px);
    box-shadow: var(--sshr-shadow);
}

.sshr-location-featured {
    border-top: 4px solid var(--sshr-secondary);
}

.sshr-location-icon {
    width: 48px;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 18px;
    border-radius: 10px;
    color: var(--sshr-secondary);
    background: rgba(242, 140, 40, 0.10);
}

.sshr-location-card h3 {
    margin: 0 0 12px;
    color: var(--sshr-primary);
    font-size: 19px;
    line-height: 1.35;
}

.sshr-location-card p {
    margin: 0;
    color: var(--sshr-text);
    font-size: 15px;
    line-height: 1.75;
}

.sshr-location-wide {
    grid-column: span 3;
    display: flex;
    gap: 20px;
    align-items: flex-start;
    background: var(--sshr-light);
}

/* =========================================================
   End: Maharashtra Coverage Section
   ========================================================= */


/* =========================================================
   Start: Boom Lift Selection Section
   ========================================================= */

.sshr-boom-selection-section {
    padding: 120px 0;
    background: var(--sshr-light);
}

.sshr-selection-header {
    display: grid;
    grid-template-columns: 1fr 0.75fr;
    gap: 70px;
    align-items: end;
    margin-bottom: 50px;
}

.sshr-selection-header p {
    margin: 0 0 5px;
    color: var(--sshr-text);
    font-size: 17px;
    line-height: 1.8;
}

.sshr-selection-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 16px;
}

.sshr-selection-card {
    display: grid;
    grid-template-columns: 55px 1fr;
    gap: 18px;
    align-items: start;
    padding: 25px;
    border-radius: 14px;
    background: var(--sshr-white);
    border: 1px solid var(--sshr-border);
}

.sshr-selection-card > span {
    color: var(--sshr-secondary);
    font-size: 20px;
    font-weight: 900;
}

.sshr-selection-card h3 {
    margin: 0 0 7px;
    color: var(--sshr-primary);
    font-size: 19px;
}

.sshr-selection-card p {
    margin: 0;
    color: var(--sshr-text);
    font-size: 18px;
    line-height: 1.65;
}

.sshr-selection-wide {
    grid-column: span 2;
}

.sshr-selection-footer {
    display: flex;
    align-items: center;
    gap: 14px;
    margin-top: 30px;
    padding: 20px 25px;
    border-radius: 12px;
    background: var(--sshr-primary);
}

.sshr-selection-footer i {
    color: var(--sshr-secondary);
    font-size: 20px;
}

.sshr-selection-footer p {
    margin: 0;
    color: var(--sshr-white);
    font-size: 16px;
}

/* =========================================================
   End: Boom Lift Selection Section
   ========================================================= */


/* =========================================================
   Start: Flexible Rental Section
   ========================================================= */

.sshr-boom-flexible-section {
    padding: 100px 0;
    background: var(--sshr-white);
}

.sshr-flexible-box {
    display: grid;
    grid-template-columns: 1fr 320px;
    gap: 60px;
    align-items: center;
    padding: 65px;
    border-radius: 25px;
    background:
        linear-gradient(135deg, rgba(13, 47, 63, 0.98), rgba(8, 35, 47, 0.98));
    box-shadow: var(--sshr-shadow);
}

.sshr-flexible-content h2 {
    color: var(--sshr-white);
}

.sshr-flexible-content p {
    color: rgba(255, 255, 255, 0.75);
}

.sshr-rental-duration {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 25px;
}

.sshr-rental-duration span {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    padding: 9px 12px;
    border: 1px solid rgba(255, 255, 255, 0.13);
    border-radius: 6px;
    color: var(--sshr-white);
    font-size: 14px;
}

.sshr-rental-duration i {
    color: var(--sshr-secondary);
}

.sshr-flexible-number {
    min-height: 300px;
    padding: 35px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border: 1px solid rgba(255, 255, 255, 0.15);
    border-radius: 20px;
    text-align: center;
}

.sshr-flexible-number small {
    color: var(--sshr-secondary);
    font-size: 13px;
    font-weight: 900;
    letter-spacing: 2px;
}

.sshr-flexible-number strong {
    color: var(--sshr-white);
    font-size: 76px;
    line-height: 0.9;
    font-weight: 900;
    letter-spacing: -5px;
}

.sshr-flexible-number strong span {
    color: var(--sshr-secondary);
}

.sshr-flexible-number em {
    margin-top: 10px;
    color: var(--sshr-white);
    font-size: 18px;
    font-style: normal;
    font-weight: 800;
}

.sshr-flexible-number p {
    margin: 12px 0 0;
    color: rgba(255, 255, 255, 0.65);
    font-size: 15px;
    line-height: 1.5;
}

/* =========================================================
   End: Flexible Rental Section
   ========================================================= */


/* =========================================================
   Start: Boom Lift FAQ Section
   ========================================================= */

.sshr-boom-faq-section {
    padding: 110px 0;
    background: var(--sshr-light);
}

.sshr-faq-wrapper {
    max-width: 950px;
    margin: auto;
}

.sshr-faq-item {
    overflow: hidden;
    margin-bottom: 12px;
    border: 1px solid var(--sshr-border);
    border-radius: 12px;
    background: var(--sshr-white);
}

.sshr-faq-question {
    width: 100%;
    padding: 22px 25px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    border: 0;
    background: transparent;
    color: var(--sshr-primary);
    text-align: left;
    cursor: pointer;
    font-family: inherit;
    font-size: 17px;
    font-weight: 800;
}

.sshr-faq-question i {
    color: var(--sshr-secondary);
    transition: transform 0.3s ease;
}

.sshr-faq-item.active .sshr-faq-question i {
    transform: rotate(45deg);
}

.sshr-faq-answer {
    display: none;
    padding: 0 25px 24px;
}

.sshr-faq-item.active .sshr-faq-answer {
    display: block;
}

.sshr-faq-answer p {
    margin: 0;
    color: var(--sshr-text);
    font-size: 16px;
    line-height: 1.8;
}

/* =========================================================
   End: Boom Lift FAQ Section
   ========================================================= */


/* =========================================================
   Start: Boom Lift CTA Section
   ========================================================= */

.sshr-boom-cta-section {
    padding: 100px 0;
    background: var(--sshr-white);
}

.sshr-cta-wrapper {
    position: relative;
    overflow: hidden;
    display: grid;
    grid-template-columns: 1fr 280px;
    align-items: center;
    gap: 50px;
    padding: 65px;
    border-radius: 25px;
    background: var(--sshr-secondary);
}

.sshr-cta-wrapper::after {
    content: "";
    position: absolute;
    width: 400px;
    height: 400px;
    right: -160px;
    top: -180px;
    border-radius: 50%;
    border: 70px solid rgba(255, 255, 255, 0.08);
}

.sshr-cta-content {
    position: relative;
    z-index: 2;
}

.sshr-cta-content h2 {
    color: var(--sshr-white);
}

.sshr-cta-content h2 span {
    color: var(--sshr-primary);
}

.sshr-cta-content p {
    max-width: 750px;
    margin: 0;
    color: rgba(255, 255, 255, 0.92);
    font-size: 17px;
    line-height: 1.8;
}

.sshr-cta-actions {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 20px;
    margin-top: 30px;
}

.sshr-btn-light {
    background: var(--sshr-white);
    color: var(--sshr-primary);
}

.sshr-btn-light:hover {
    color: var(--sshr-primary);
    transform: translateY(-3px);
}

.sshr-cta-phone {
    display: flex;
    align-items: center;
    gap: 12px;
    color: var(--sshr-white);
    text-decoration: none;
}

.sshr-cta-phone > i {
    font-size: 24px;
}

.sshr-cta-phone small,
.sshr-cta-phone strong {
    display: block;
}

.sshr-cta-phone small {
    font-size: 13px;
    opacity: 0.8;
}

.sshr-cta-phone strong {
    margin-top: 3px;
    font-size: 18px;
}

.sshr-cta-height {
    position: relative;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 15px;
}

.sshr-cta-height span {
    color: var(--sshr-white);
    font-size: 60px;
    font-weight: 900;
    line-height: 1;
}

.sshr-cta-height small {
    position: absolute;
    bottom: -30px;
    color: var(--sshr-primary);
    font-size: 13px;
    font-weight: 900;
    letter-spacing: 2px;
}

.sshr-cta-line {
    width: 45px;
    height: 3px;
    background: var(--sshr-white);
}

/* =========================================================
   End: Boom Lift CTA Section
   ========================================================= */


/* =========================================================
   Start: Related Equipment Section
   ========================================================= */

.sshr-related-equipment-section {
    padding: 100px 0;
    background: var(--sshr-light);
}

.sshr-related-heading {
    display: grid;
    grid-template-columns: 1fr 0.7fr;
    gap: 60px;
    align-items: end;
    margin-bottom: 45px;
}

.sshr-related-heading h2 {
    margin-bottom: 0;
}

.sshr-related-heading p {
    margin: 0;
    color: var(--sshr-text);
    font-size: 16px;
    line-height: 1.8;
}

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

.sshr-related-card {
    min-height: 105px;
    padding: 22px;
    display: grid;
    grid-template-columns: 50px 1fr 30px;
    align-items: center;
    gap: 15px;
    border: 1px solid var(--sshr-border);
    border-radius: 14px;
    background: var(--sshr-white);
    text-decoration: none;
    transition: all 0.3s ease;
}

.sshr-related-card:hover {
    transform: translateY(-4px);
    box-shadow: var(--sshr-shadow);
    border-color: var(--sshr-secondary);
}

.sshr-related-card > i:first-child {
    width: 48px;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    color: var(--sshr-secondary);
    background: rgba(242, 140, 40, 0.10);
}

.sshr-related-card h3 {
    margin: 0;
    color: var(--sshr-primary);
    font-size: 18px;
}

.sshr-related-card span {
    display: block;
    margin-top: 5px;
    color: var(--sshr-muted);
    font-size: 14px;
}

.sshr-related-card > i:last-child {
    color: var(--sshr-secondary);
}

/* =========================================================
   End: Related Equipment Section
   ========================================================= */


/* =========================================================
   Start: Responsive Service Styles
   ========================================================= */

@media (max-width: 1100px) {

    .sshr-hero-grid {
        grid-template-columns: 1fr;
        gap: 45px;
    }

    .sshr-hero-content {
        max-width: 850px;
    }

    .sshr-trust-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .sshr-trust-box:nth-child(2) {
        border-right: 0;
    }

    .sshr-trust-box:nth-child(-n + 2) {
        border-bottom: 1px solid var(--sshr-border);
    }

    .sshr-two-column {
        gap: 45px;
    }

    .sshr-benefit-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .sshr-industrial-wrapper {
        grid-template-columns: 1fr;
    }

    .sshr-selection-header {
        grid-template-columns: 1fr;
        gap: 20px;
    }

    .sshr-flexible-box {
        grid-template-columns: 1fr;
    }

    .sshr-cta-wrapper {
        grid-template-columns: 1fr;
    }

    .sshr-cta-height {
        justify-content: flex-start;
    }

    .sshr-related-heading {
        grid-template-columns: 1fr;
        gap: 15px;
    }

}

@media (max-width: 900px) {

    .sshr-height-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .sshr-location-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .sshr-location-wide {
        grid-column: span 2;
    }

    .sshr-two-column {
        grid-template-columns: 1fr;
    }

    .sshr-application-image {
        max-width: 700px;
    }

}

@media (max-width: 700px) {

    .sshr-boom-hero-section,
    .sshr-boom-intro-section,
    .sshr-boom-heights-section,
    .sshr-boom-applications-section,
    .sshr-boom-why-section,
    .sshr-boom-industrial-section,
    .sshr-boom-location-section,
    .sshr-boom-selection-section,
    .sshr-boom-faq-section {
        padding: 75px 0;
    }

    .sshr-breadcrumb-section {
        min-height: 240px;
    }

    .sshr-hero-image-wrap,
    .sshr-hero-image-wrap img {
        height: 430px;
        min-height: 430px;
    }

    .sshr-hero-floating-card {
        left: 15px;
        bottom: 20px;
    }

    .sshr-trust-grid {
        grid-template-columns: 1fr;
    }

    .sshr-trust-box {
        border-right: 0;
        border-bottom: 1px solid var(--sshr-border);
    }

    .sshr-trust-box:last-child {
        border-bottom: 0;
    }

    .sshr-height-grid,
    .sshr-location-grid,
    .sshr-benefit-grid,
    .sshr-related-grid,
    .sshr-selection-grid {
        grid-template-columns: 1fr;
    }

    .sshr-location-wide,
    .sshr-selection-wide {
        grid-column: auto;
    }

    .sshr-check-list {
        grid-template-columns: 1fr;
    }

    .sshr-application-image,
    .sshr-application-image > img,
    .sshr-industrial-image,
    .sshr-industrial-image > img {
        min-height: 400px;
        height: 400px;
    }

    .sshr-image-badge {
        right: 15px;
        bottom: 15px;
    }

    .sshr-safety-grid {
        grid-template-columns: 1fr;
    }

    .sshr-flexible-box,
    .sshr-cta-wrapper {
        padding: 35px 25px;
    }

    .sshr-cta-height {
        display: none;
    }

    .sshr-related-card {
        grid-template-columns: 45px 1fr 20px;
    }

}

@media (max-width: 520px) {

    .sshr-hero-actions {
        flex-direction: column;
        align-items: stretch;
    }

    .sshr-btn {
        width: 100%;
    }

    .sshr-hero-trust {
        display: grid;
        gap: 12px;
    }

    .sshr-height-content {
        padding: 23px;
    }

    .sshr-height-content p {
        min-height: auto;
    }

    .sshr-selection-card {
        grid-template-columns: 40px 1fr;
        padding: 20px;
    }

    .sshr-cta-actions {
        align-items: stretch;
        flex-direction: column;
    }

    .sshr-cta-phone {
        justify-content: center;
    }

}

/* Start: FAQ Section */

.sshr-faq-section {
    padding: 90px 0;
    background: #f5f7f8;
}

.sshr-section-heading {
    max-width: 760px;
    margin: 0 auto 50px;
}

.sshr-section-tag {
    display: inline-block;
    margin-bottom: 12px;
    font-size: 16px;
    line-height: 1.4;
    font-weight: 700;
    color: #f58220;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.sshr-section-heading h2 {
    margin: 0 0 15px;
    font-size: 42px;
    line-height: 1.2;
    font-weight: 800;
    color: #102f3f;
}

.sshr-section-heading p {
    margin: 0;
    font-size: 17px;
    line-height: 1.8;
    color: #64727a;
}


/* FAQ Columns */

.sshr-faq-columns {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 30px 18px;
    align-items: start;
}

.sshr-faq-column {
    display: flex;
    flex-direction: column;
    gap: 30px;
    align-items: stretch;
}


/* FAQ Item */

.sshr-faq-item {
    width: 100%;
    background: #ffffff;
    border: 1px solid #dce3e7;
    border-radius: 15px;
    overflow: hidden;
    transition:
        border-color 0.3s ease,
        box-shadow 0.3s ease;
}

.sshr-faq-item.active {
    border-color: #f58220;
    box-shadow: 0 18px 40px rgba(16, 47, 63, 0.08);
}


/* FAQ Question */

.sshr-faq-question {
    width: 100%;
    min-height: 82px;
    padding: 20px 24px;
    border: 0;
    outline: none;
    background: transparent;
    display: grid;
    grid-template-columns: 50px minmax(0, 1fr) 38px;
    align-items: center;
    gap: 0;
    text-align: left;
    cursor: pointer;
}

.sshr-faq-number {
    font-size: 15px;
    line-height: 1;
    font-weight: 800;
    color: #f58220;
}

.sshr-faq-title {
    padding-right: 15px;
    font-size: 16px;
    line-height: 1.5;
    font-weight: 800;
    color: #102f3f;
}

.sshr-faq-icon {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background: #f4f6f7;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #f58220;
    font-size: 15px;
    transition:
        background 0.3s ease,
        color 0.3s ease,
        transform 0.3s ease;
}

.sshr-faq-item.active .sshr-faq-icon {
    background: #f58220;
    color: #ffffff;
    transform: rotate(45deg);
}


/* FAQ Answer */

.sshr-faq-answer {
    display: none;
    padding: 0 70px 25px 70px;
}

.sshr-faq-item.active .sshr-faq-answer {
    display: block;
}

.sshr-faq-answer p {
    margin: 0;
    font-size: 16px;
    line-height: 2;
    color: #52636d;
}


/* Responsive */

@media (max-width: 991px) {

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

    .sshr-section-heading h2 {
        font-size: 36px;
    }

    .sshr-faq-columns {
        grid-template-columns: 1fr;
        gap: 20px;
    }

    .sshr-faq-column {
        gap: 20px;
    }

}

@media (max-width: 575px) {

    .sshr-faq-section {
        padding: 60px 0;
    }

    .sshr-section-heading {
        margin-bottom: 35px;
    }

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

    .sshr-section-heading p {
        font-size: 16px;
    }

    .sshr-faq-question {
        min-height: 75px;
        padding: 18px;
        grid-template-columns: 38px minmax(0, 1fr) 34px;
    }

    .sshr-faq-title {
        font-size: 15px;
    }

    .sshr-faq-number {
        font-size: 14px;
    }

    .sshr-faq-icon {
        width: 32px;
        height: 32px;
        font-size: 13px;
    }

    .sshr-faq-answer {
        padding: 0 18px 22px 56px;
    }

    .sshr-faq-answer p {
        font-size: 15px;
        line-height: 1.8;
    }

}

/* End: FAQ Section */


/* =========================================================
   End: Responsive Service Styles
   ========================================================= */


   .mtb1{
    margin-top: 70px;
    margin-bottom: 70px;
   }
   .clr6{
    color: rgba(255, 255, 255, 0.60);
    text-decoration: none;
   }

/* =========================================
   START: FOOTER CTA
========================================= */

.ssh-footer-cta {
    --ssh-cta-blue: #123a78;
    --ssh-cta-accent: #dea211;
    --ssh-cta-white: #ffffff;
    --ssh-cta-text: rgba(255, 255, 255, 0.88);

    position: relative;
    width: 100%;
    max-width: 100%;
    overflow: hidden;
    box-sizing: border-box;

    padding: 70px 0;

    background-image:
        linear-gradient(
            90deg,
            rgba(18, 58, 120, 0.96),
            rgba(18, 58, 120, 0.70)
        ),
        url("../img/footer-cta-bg.webp");

    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;

    background-attachment: fixed;
}


/* =========================================
   CTA DECORATIVE CIRCLES
========================================= */

.ssh-footer-cta::before {
    content: "";

    position: absolute;

    width: 420px;
    height: 420px;

    right: -170px;
    top: -210px;

    border: 1px solid rgba(255, 255, 255, 0.15);
    border-radius: 50%;

    pointer-events: none;
    z-index: 1;
}

.ssh-footer-cta::after {
    content: "";

    position: absolute;

    width: 280px;
    height: 280px;

    left: -140px;
    bottom: -180px;

    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: 50%;

    pointer-events: none;
    z-index: 1;
}


/* =========================================
   CTA CONTAINER
========================================= */

.ssh-footer-cta > .container {
    position: relative;
    z-index: 2;

    width: 100%;
    max-width: 1400px;

    margin-left: auto;
    margin-right: auto;

    padding-left: 30px;
    padding-right: 30px;

    box-sizing: border-box;
}


/* =========================================
   CTA INNER
========================================= */

.ssh-footer-cta-inner {
    display: grid;

    grid-template-columns:
        minmax(0, 1fr)
        minmax(220px, auto);

    align-items: center;

    column-gap: 50px;

    width: 100%;
    max-width: 100%;
    min-width: 0;

    box-sizing: border-box;
}


/* =========================================
   CTA CONTENT
========================================= */

.ssh-footer-cta-content {
    width: 100%;
    max-width: 850px;
    min-width: 0;

    box-sizing: border-box;
}


/* =========================================
   CTA LABEL
========================================= */

.ssh-footer-cta-label {
    display: inline-block;

    margin-bottom: 14px;

    color: rgba(255, 255, 255, 0.85);

    font-size: 16px;
    font-weight: 700;

    line-height: 1.5;

    letter-spacing: 1.5px;

    max-width: 100%;
}


/* =========================================
   CTA HEADING
========================================= */

.ssh-footer-cta-content h2 {
    width: 100%;
    max-width: 100%;

    margin: 0 0 18px;

    color: var(--ssh-cta-white);

    font-size: 42px;
    font-weight: 800;

    line-height: 1.18;

    overflow-wrap: break-word;
    word-wrap: break-word;
}


/* =========================================
   CTA HEADING HIGHLIGHT
========================================= */

.ssh-footer-cta-content h2 span {
    display: block;

    color: var(--ssh-cta-accent);

    max-width: 100%;
}


/* =========================================
   CTA DESCRIPTION
========================================= */

.ssh-footer-cta-content p {
    width: 100%;
    max-width: 760px;

    margin: 0;

    color: var(--ssh-cta-text);

    font-size: 18px;
    line-height: 1.7;

    overflow-wrap: break-word;
    word-wrap: break-word;
}


/* =========================================
   CTA ACTION
========================================= */

.ssh-footer-cta-action {
    width: auto;
    max-width: 100%;
    min-width: 0;

    box-sizing: border-box;
}


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

.ssh-footer-cta-btn {
    display: inline-flex;

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

    gap: 14px;

    width: auto;
    max-width: 100%;
    min-width: 220px;

    padding: 17px 22px;

    box-sizing: border-box;

    color: var(--ssh-cta-blue);

    background: var(--ssh-cta-white);

    border: 2px solid var(--ssh-cta-white);
    border-radius: 7px;

    font-size: 17px;
    font-weight: 700;

    line-height: 1.4;

    text-align: center;
    text-decoration: none;

    white-space: normal;

    transition:
        color 0.3s ease,
        background 0.3s ease,
        border-color 0.3s ease,
        transform 0.3s ease,
        box-shadow 0.3s ease;
}


/* =========================================
   CTA BUTTON ICON
========================================= */

.ssh-footer-cta-btn i {
    display: inline-flex;

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

    flex: 0 0 30px;

    width: 30px;
    height: 30px;

    color: var(--ssh-cta-white);

    background: var(--ssh-cta-blue);

    border-radius: 50%;

    font-size: 13px;

    transition:
        color 0.3s ease,
        background 0.3s ease,
        transform 0.3s ease;
}


/* =========================================
   CTA BUTTON HOVER
========================================= */

.ssh-footer-cta-btn:hover {
    color: var(--ssh-cta-white);

    background: var(--ssh-cta-blue);

    border-color: #08394b;

    transform: translateY(-3px);

    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.18);
}

.ssh-footer-cta-btn:hover i {
    color: #08394b;

    background: var(--ssh-cta-white);

    transform: translateX(3px);
}


/* =========================================
   LARGE DESKTOP
========================================= */

@media (min-width: 1600px) {

    .ssh-footer-cta {
        padding: 80px 0;
    }

    .ssh-footer-cta > .container {
        max-width: 1500px;

        padding-left: 45px;
        padding-right: 45px;
    }

    .ssh-footer-cta-content h2 {
        font-size: 46px;
    }

}


/* =========================================
   DESKTOP / LAPTOP
========================================= */

@media (max-width: 1399px) {

    .ssh-footer-cta > .container {
        max-width: 1200px;

        padding-left: 30px;
        padding-right: 30px;
    }

    .ssh-footer-cta-inner {
        column-gap: 40px;
    }

    .ssh-footer-cta-content h2 {
        font-size: 38px;
    }

}


/* =========================================
   SMALL LAPTOP
========================================= */

@media (max-width: 1199px) {

    .ssh-footer-cta {
        padding: 60px 0;
    }

    .ssh-footer-cta > .container {
        max-width: 100%;

        padding-left: 30px;
        padding-right: 30px;
    }

    .ssh-footer-cta-inner {
        grid-template-columns:
            minmax(0, 1fr)
            minmax(200px, 240px);

        column-gap: 30px;
    }

    .ssh-footer-cta-content h2 {
        font-size: 36px;
    }

    .ssh-footer-cta-content p {
        font-size: 17px;
    }

    .ssh-footer-cta-btn {
        min-width: 200px;
        padding: 16px 18px;
    }

}


/* =========================================
   TABLET
========================================= */

@media (max-width: 991px) {

    .ssh-footer-cta {
        padding: 60px 0;

        /*
         * Mobile/tablet browsers may ignore fixed
         * background positioning. Scroll is the safe fallback.
         */
        background-attachment: scroll;
    }

    .ssh-footer-cta > .container {
        max-width: 100%;

        padding-left: 25px;
        padding-right: 25px;
    }

    .ssh-footer-cta-inner {
        display: flex;

        flex-direction: column;

        align-items: stretch;
        justify-content: flex-start;

        gap: 30px;

        width: 100%;
    }

    .ssh-footer-cta-content {
        width: 100%;
        max-width: 100%;
    }

    .ssh-footer-cta-content h2 {
        font-size: 34px;
    }

    .ssh-footer-cta-content p {
        max-width: 100%;

        font-size: 17px;
    }

    .ssh-footer-cta-action {
        width: 100%;
        max-width: 100%;
    }

    .ssh-footer-cta-btn {
        display: inline-flex;

        width: auto;
        max-width: 100%;

        min-width: 205px;

        padding: 16px 18px;

        font-size: 16px;
    }

}


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

@media (max-width: 767px) {

    .ssh-footer-cta {
        padding: 50px 0;
    }

    .ssh-footer-cta > .container {
        width: 100%;
        max-width: 100%;

        padding-left: 20px;
        padding-right: 20px;
    }

    .ssh-footer-cta-inner {
        width: 100%;
        max-width: 100%;

        gap: 28px;
    }

    .ssh-footer-cta-label {
        max-width: 100%;

        margin-bottom: 12px;

        font-size: 16px;

        letter-spacing: 1px;

        overflow-wrap: break-word;
    }

    .ssh-footer-cta-content h2 {
        max-width: 100%;

        margin-bottom: 16px;

        font-size: 30px;

        line-height: 1.25;
    }

    .ssh-footer-cta-content h2 span {
        display: inline;
    }

    .ssh-footer-cta-content p {
        max-width: 100%;

        font-size: 16px;

        line-height: 1.7;
    }

    .ssh-footer-cta-action {
        width: 100%;
        max-width: 100%;
    }

    .ssh-footer-cta-btn {
        display: flex;

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

        width: 100%;
        max-width: 100%;
        min-width: 0;

        padding: 16px 18px;

        box-sizing: border-box;
    }

}


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

@media (max-width: 480px) {

    .ssh-footer-cta {
        padding: 45px 0;
    }

    .ssh-footer-cta > .container {
        padding-left: 16px;
        padding-right: 16px;
    }

    .ssh-footer-cta-inner {
        gap: 25px;
    }

    .ssh-footer-cta-label {
        font-size: 16px;

        letter-spacing: 0.8px;
    }

    .ssh-footer-cta-content h2 {
        font-size: 27px;

        line-height: 1.28;
    }

    .ssh-footer-cta-content p {
        font-size: 16px;

        line-height: 1.65;
    }

    .ssh-footer-cta-btn {
        width: 100%;
        max-width: 100%;
        min-width: 0;

        padding: 15px 16px;

        font-size: 16px;
    }

}


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

@media (max-width: 360px) {

    .ssh-footer-cta {
        padding: 40px 0;
    }

    .ssh-footer-cta > .container {
        padding-left: 14px;
        padding-right: 14px;
    }

    .ssh-footer-cta-content h2 {
        font-size: 30px;
    }

    .ssh-footer-cta-label {
        font-size: 16px;
    }

    .ssh-footer-cta-content p {
        font-size: 18px;
    }

    .ssh-footer-cta-btn {
        padding-left: 14px;
        padding-right: 14px;
    }

}


/* =========================================
   END: FOOTER CTA
========================================= */