/* =========================================================
   CONCRETE CANCER REPAIRS SYDNEY
   CHOOSE THE RIGHT NEXT STEP
   COMPLETE CLEAN RESET
========================================================= */

#ccrs-help-reset,
#ccrs-help-reset *,
#ccrs-help-reset *::before,
#ccrs-help-reset *::after {
    box-sizing: border-box !important;
}

html body.ccrs-help-reset-active {
    overflow-x: clip !important;
}

/* =========================================================
   FULL-WIDTH SECTION
========================================================= */

#ccrs-help-reset {
    --ccrs-green: #09e5a1;
    --ccrs-aqua: #00cec4;
    --ccrs-cyan: #0cccf5;
    --ccrs-blue: #087ff2;
    --ccrs-purple: #895cff;

    position: relative !important;
    isolation: isolate !important;
    overflow: hidden !important;

    left: 50% !important;

    display: block !important;

    width: 100vw !important;
    min-width: 100vw !important;
    max-width: 100vw !important;

    margin:
        0
        0
        0
        -50vw !important;

    padding:
        35px
        0
        27px !important;

    color: #ffffff !important;

    background-color: #010812 !important;

    background-image:
        radial-gradient(
            ellipse 43% 62% at 50% -10%,
            rgba(9, 229, 161, 0.085) 0%,
            rgba(9, 229, 161, 0.017) 45%,
            transparent 74%
        ),
        radial-gradient(
            ellipse 38% 105% at -4% 48%,
            rgba(9, 229, 161, 0.085) 0%,
            rgba(9, 229, 161, 0.014) 50%,
            transparent 78%
        ),
        radial-gradient(
            ellipse 40% 105% at 104% 48%,
            rgba(8, 127, 242, 0.145) 0%,
            rgba(8, 127, 242, 0.021) 52%,
            transparent 79%
        ),
        linear-gradient(
            108deg,
            #010812 0%,
            #010c16 36%,
            #02111d 67%,
            #03152a 100%
        ) !important;

    border-top:
        1px solid rgba(9, 229, 161, 0.14) !important;

    border-bottom:
        1px solid rgba(8, 127, 242, 0.15) !important;

    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.018),
        inset 0 -1px 0 rgba(8, 127, 242, 0.045) !important;

    font-family:
        proximaregular,
        "Proxima Nova",
        Arial,
        sans-serif !important;

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

    text-align: center !important;
}

/* =========================================================
   SIDE DOT PATTERNS
========================================================= */

#ccrs-help-reset::before,
#ccrs-help-reset::after {
    content: "" !important;

    position: absolute !important;
    z-index: 0 !important;

    top: 0 !important;
    bottom: 0 !important;

    width: min(285px, 19vw) !important;

    background-repeat: repeat !important;
    background-size: 15px 15px !important;

    pointer-events: none !important;
}

#ccrs-help-reset::before {
    left: 0 !important;

    background-image:
        radial-gradient(
            circle,
            rgba(9, 229, 161, 0.83) 0 1.15px,
            transparent 1.7px
        ) !important;

    -webkit-mask-image:
        linear-gradient(
            90deg,
            #000 0%,
            rgba(0, 0, 0, 0.7) 38%,
            transparent 100%
        ) !important;

    mask-image:
        linear-gradient(
            90deg,
            #000 0%,
            rgba(0, 0, 0, 0.7) 38%,
            transparent 100%
        ) !important;

    opacity: 0.44 !important;
}

#ccrs-help-reset::after {
    right: 0 !important;

    background-image:
        radial-gradient(
            circle,
            rgba(8, 127, 242, 0.94) 0 1.15px,
            transparent 1.7px
        ) !important;

    -webkit-mask-image:
        linear-gradient(
            270deg,
            #000 0%,
            rgba(0, 0, 0, 0.72) 38%,
            transparent 100%
        ) !important;

    mask-image:
        linear-gradient(
            270deg,
            #000 0%,
            rgba(0, 0, 0, 0.72) 38%,
            transparent 100%
        ) !important;

    opacity: 0.5 !important;
}

/* =========================================================
   INNER WIDTH
========================================================= */

#ccrs-help-reset .ccrs-help-inner {
    position: relative !important;
    z-index: 2 !important;

    display: block !important;

    width:
        calc(100% - 96px) !important;

    max-width: 1480px !important;

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

/* =========================================================
   HEADER
========================================================= */

#ccrs-help-reset .ccrs-help-header {
    display: block !important;

    width: 100% !important;
    max-width: 950px !important;

    margin:
        0
        auto
        25px !important;

    padding: 0 !important;

    text-align: center !important;
}

#ccrs-help-reset .ccrs-help-eyebrow {
    display: grid !important;

    grid-template-columns:
        minmax(60px, 110px)
        auto
        minmax(60px, 110px) !important;

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

    gap: 18px !important;

    width: min(100%, 590px) !important;

    margin:
        0
        auto
        10px !important;

    padding: 0 !important;
}

#ccrs-help-reset .ccrs-help-eyebrow-line {
    position: relative !important;

    display: block !important;

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

    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(9, 229, 161, 0.7),
            transparent
        ) !important;
}

#ccrs-help-reset
.ccrs-help-eyebrow-line:first-child::after {
    content: "" !important;

    position: absolute !important;

    top: 50% !important;
    right: 7% !important;

    width: 5px !important;
    height: 5px !important;

    background: #09e5a1 !important;

    border-radius: 50% !important;

    box-shadow:
        0 0 7px rgba(9, 229, 161, 0.6) !important;

    transform:
        translateY(-50%) !important;
}

#ccrs-help-reset
.ccrs-help-eyebrow-line:last-child::before {
    content: "" !important;

    position: absolute !important;

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

    width: 5px !important;
    height: 5px !important;

    background: #09e5a1 !important;

    border-radius: 50% !important;

    box-shadow:
        0 0 7px rgba(9, 229, 161, 0.6) !important;

    transform:
        translateY(-50%) !important;
}

#ccrs-help-reset .ccrs-help-eyebrow strong {
    display: block !important;

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

    color: #09e5a1 !important;
    -webkit-text-fill-color: #09e5a1 !important;

    font-family:
        proximaextrabold,
        proximabold,
        "Proxima Nova",
        Arial,
        sans-serif !important;

    font-size: 15px !important;
    font-weight: 800 !important;
    line-height: 1.15 !important;
    letter-spacing: 0.3px !important;

    text-align: center !important;
    text-transform: uppercase !important;
    white-space: nowrap !important;

    text-shadow:
        0 0 10px rgba(9, 229, 161, 0.2) !important;
}

#ccrs-help-reset h2.ccrs-help-title {
    display: block !important;

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

    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;

    background: transparent !important;

    font-family:
        proximaextrabold,
        proximabold,
        "Proxima Nova",
        Arial,
        sans-serif !important;

    font-size:
        clamp(
            49px,
            3.8vw,
            68px
        ) !important;

    font-weight: 800 !important;
    line-height: 0.99 !important;
    letter-spacing: -0.9px !important;

    text-align: center !important;
    text-transform: none !important;

    text-shadow:
        0 8px 24px rgba(0, 0, 0, 0.5) !important;
}

#ccrs-help-reset p.ccrs-help-intro {
    display: block !important;

    width: 100% !important;
    max-width: 780px !important;

    margin:
        14px
        auto
        0 !important;

    padding: 0 !important;

    color: rgba(239, 244, 248, 0.89) !important;
    -webkit-text-fill-color:
        rgba(239, 244, 248, 0.89) !important;

    background: transparent !important;

    font-family:
        proximaregular,
        "Proxima Nova",
        Arial,
        sans-serif !important;

    font-size: 17px !important;
    font-weight: 400 !important;
    line-height: 1.48 !important;

    text-align: center !important;
}

/* =========================================================
   TWO-CARD GRID
========================================================= */

#ccrs-help-reset .ccrs-help-grid {
    display: grid !important;

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

    align-items: stretch !important;

    gap: 24px !important;

    width: 100% !important;

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

/* =========================================================
   CARDS
========================================================= */

#ccrs-help-reset article.ccrs-help-card {
    position: relative !important;
    isolation: isolate !important;
    overflow: hidden !important;

    display: grid !important;

    grid-template-rows:
        auto
        minmax(0, 1fr)
        auto !important;

    min-width: 0 !important;
    min-height: 514px !important;

    margin: 0 !important;

    padding:
        34px
        34px
        32px !important;

    background-color: #010a15 !important;

    background-image:
        radial-gradient(
            circle at 0% 0%,
            rgba(9, 229, 161, 0.038),
            transparent 32%
        ),
        radial-gradient(
            circle at 100% 100%,
            rgba(8, 127, 242, 0.052),
            transparent 41%
        ),
        linear-gradient(
            145deg,
            #010914 0%,
            #02111e 55%,
            #031a2d 100%
        ) !important;

    border:
        1px solid rgba(8, 151, 224, 0.66) !important;

    border-radius: 21px !important;

    outline:
        1px solid rgba(255, 255, 255, 0.016) !important;

    outline-offset: -2px !important;

    box-shadow:
        0 21px 49px rgba(0, 0, 0, 0.34),
        inset 0 1px 0 rgba(255, 255, 255, 0.023) !important;

    text-align: left !important;

    transform:
        translateY(0) !important;

    transition:
        transform 200ms ease,
        border-color 200ms ease,
        box-shadow 200ms ease !important;
}

#ccrs-help-reset
article.ccrs-help-card--inspection {
    border-color:
        rgba(9, 229, 161, 0.66) !important;
}

#ccrs-help-reset
article.ccrs-help-card--report {
    border-color:
        rgba(8, 151, 224, 0.7) !important;
}

#ccrs-help-reset
article.ccrs-help-card:hover {
    transform:
        translateY(-3px) !important;

    border-color:
        rgba(0, 202, 197, 0.84) !important;

    box-shadow:
        0 26px 59px rgba(0, 0, 0, 0.39),
        0 0 17px rgba(9, 229, 161, 0.055),
        0 0 19px rgba(8, 127, 242, 0.065),
        inset 0 1px 0 rgba(255, 255, 255, 0.032) !important;
}

/* =========================================================
   CARD HEADER
========================================================= */

#ccrs-help-reset .ccrs-help-card-head {
    display: grid !important;

    grid-template-columns:
        126px
        minmax(0, 1fr) !important;

    align-items: start !important;

    gap: 31px !important;

    width: 100% !important;

    margin: 0 !important;

    padding:
        0
        8px !important;
}

#ccrs-help-reset .ccrs-help-main-icon {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    width: 126px !important;
    height: 126px !important;

    margin: 0 !important;
    padding: 22px !important;

    background:
        linear-gradient(
            145deg,
            rgba(9, 229, 161, 0.035),
            rgba(8, 127, 242, 0.014)
        ) !important;

    border:
        1px solid rgba(9, 229, 161, 0.68) !important;

    border-radius: 14px !important;

    box-shadow:
        0 0 14px rgba(9, 229, 161, 0.055),
        inset 0 1px 0 rgba(255, 255, 255, 0.022) !important;
}

#ccrs-help-reset
.ccrs-help-card--report
.ccrs-help-main-icon {
    border-color:
        rgba(8, 160, 230, 0.72) !important;

    box-shadow:
        0 0 14px rgba(8, 127, 242, 0.06),
        inset 0 1px 0 rgba(255, 255, 255, 0.022) !important;
}

#ccrs-help-reset .ccrs-help-main-svg {
    display: block !important;

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

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

    fill: none !important;

    stroke-width: 1.9 !important;
    stroke-linecap: round !important;
    stroke-linejoin: round !important;

    overflow: visible !important;
}

#ccrs-help-reset
.ccrs-help-main-svg--inspection {
    filter:
        drop-shadow(
            0 0 4px rgba(9, 229, 161, 0.32)
        ) !important;
}

#ccrs-help-reset
.ccrs-help-main-svg--report {
    filter:
        drop-shadow(
            0 0 4px rgba(12, 204, 245, 0.31)
        ) !important;
}

#ccrs-help-reset .ccrs-help-card-heading {
    min-width: 0 !important;

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

#ccrs-help-reset h3.ccrs-help-card-title {
    position: relative !important;

    display: block !important;

    margin: 0 !important;

    padding:
        0
        0
        23px !important;

    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;

    background: transparent !important;

    font-family:
        proximaextrabold,
        proximabold,
        "Proxima Nova",
        Arial,
        sans-serif !important;

    font-size:
        clamp(
            27px,
            1.62vw,
            31px
        ) !important;

    font-weight: 800 !important;
    line-height: 1.13 !important;
    letter-spacing: -0.2px !important;

    text-align: left !important;
    text-transform: none !important;

    text-shadow:
        0 5px 16px rgba(0, 0, 0, 0.38) !important;
}

#ccrs-help-reset
h3.ccrs-help-card-title::after {
    content: "" !important;

    position: absolute !important;

    left: 0 !important;
    bottom: 7px !important;

    display: block !important;

    width: 48px !important;
    height: 3px !important;

    background: #09e5a1 !important;

    border-radius: 10px !important;

    box-shadow:
        0 0 6px rgba(9, 229, 161, 0.27) !important;
}

#ccrs-help-reset
.ccrs-help-card--report
h3.ccrs-help-card-title::after {
    background:
        linear-gradient(
            90deg,
            #09e5a1,
            #087ff2
        ) !important;
}

#ccrs-help-reset p.ccrs-help-card-copy {
    display: block !important;

    margin:
        8px
        0
        0 !important;

    padding: 0 !important;

    color: rgba(229, 237, 243, 0.88) !important;
    -webkit-text-fill-color:
        rgba(229, 237, 243, 0.88) !important;

    background: transparent !important;

    font-family:
        proximaregular,
        "Proxima Nova",
        Arial,
        sans-serif !important;

    font-size: 16px !important;
    font-weight: 400 !important;
    line-height: 1.53 !important;

    text-align: left !important;
}

/* =========================================================
   INSPECTION CARD MIDDLE CONTENT
========================================================= */

#ccrs-help-reset .ccrs-help-inspection-content {
    align-self: start !important;

    display: grid !important;

    grid-template-columns:
        minmax(245px, 0.865fr)
        minmax(320px, 1fr) !important;

    align-items: center !important;

    gap: 24px !important;

    width: 100% !important;

    margin:
        24px
        0
        0 !important;

    padding: 0 !important;
}

#ccrs-help-reset ul.ccrs-help-benefits {
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;

    gap: 17px !important;

    min-width: 0 !important;

    margin: 0 !important;
    padding:
        8px
        0 !important;

    list-style: none !important;

    background: transparent !important;
}

#ccrs-help-reset ul.ccrs-help-benefits li {
    display: grid !important;

    grid-template-columns:
        22px
        minmax(0, 1fr) !important;

    align-items: center !important;

    gap: 11px !important;

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

    color: rgba(242, 247, 250, 0.95) !important;
    -webkit-text-fill-color:
        rgba(242, 247, 250, 0.95) !important;

    font-family:
        proximaregular,
        "Proxima Nova",
        Arial,
        sans-serif !important;

    font-size: 15px !important;
    font-weight: 500 !important;
    line-height: 1.35 !important;

    text-align: left !important;

    list-style: none !important;
}

#ccrs-help-reset
ul.ccrs-help-benefits li::before {
    content: "✓" !important;

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

    width: 22px !important;
    height: 22px !important;

    color: #062030 !important;
    -webkit-text-fill-color: #062030 !important;

    background:
        linear-gradient(
            145deg,
            #18e9ab,
            #08c898
        ) !important;

    border-radius: 50% !important;

    box-shadow:
        0 0 7px rgba(9, 229, 161, 0.25) !important;

    font-family: Arial, sans-serif !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    line-height: 1 !important;
}

/* =========================================================
   INSPECTION PHOTO
========================================================= */

#ccrs-help-reset .ccrs-help-photo-frame {
    position: relative !important;
    isolation: isolate !important;
    overflow: hidden !important;

    display: block !important;

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

    aspect-ratio: 2.12 / 1 !important;

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

    background: #061521 !important;

    border:
        1px solid rgba(9, 229, 161, 0.58) !important;

    border-radius: 11px !important;

    box-shadow:
        0 0 13px rgba(9, 229, 161, 0.07),
        inset 0 1px 0 rgba(255, 255, 255, 0.027) !important;
}

#ccrs-help-reset
.ccrs-help-photo-frame::after {
    content: "" !important;

    position: absolute !important;
    z-index: 2 !important;

    inset: 0 !important;

    background:
        linear-gradient(
            90deg,
            rgba(1, 8, 14, 0.05),
            transparent 46%,
            rgba(1, 8, 14, 0.1)
        ) !important;

    pointer-events: none !important;
}

#ccrs-help-reset img.ccrs-help-photo {
    position: relative !important;
    z-index: 1 !important;

    display: block !important;

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

    height: 100% !important;
    min-height: 100% !important;
    max-height: 100% !important;

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

    object-fit: cover !important;
    object-position: center center !important;

    border: 0 !important;
    border-radius: 10px !important;

    outline: 0 !important;
    box-shadow: none !important;

    filter:
        brightness(0.82)
        contrast(1.11)
        saturate(0.98) !important;

    transform: none !important;
}

/* =========================================================
   REPORT CARD MIDDLE CONTENT
========================================================= */

#ccrs-help-reset .ccrs-help-report-content {
    align-self: start !important;

    display: block !important;

    width: 100% !important;

    margin:
        26px
        0
        0 !important;

    padding: 0 !important;
}

#ccrs-help-reset .ccrs-help-report-grid {
    display: grid !important;

    grid-template-columns:
        repeat(4, minmax(0, 1fr)) !important;

    align-items: stretch !important;

    gap: 21px !important;

    width: 100% !important;

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

#ccrs-help-reset .ccrs-help-report-tile {
    position: relative !important;
    overflow: hidden !important;

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

    min-width: 0 !important;
    min-height: 161px !important;

    margin: 0 !important;

    padding:
        17px
        8px
        12px !important;

    color: #ffffff !important;

    background:
        linear-gradient(
            145deg,
            #020a13 0%,
            #031526 100%
        ) !important;

    border:
        1px solid rgba(8, 146, 220, 0.36) !important;

    border-radius: 9px !important;

    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.018) !important;

    text-align: center !important;

    transition:
        transform 180ms ease,
        border-color 180ms ease,
        background 180ms ease !important;
}

#ccrs-help-reset
.ccrs-help-report-tile:first-child {
    border-color:
        rgba(9, 229, 161, 0.43) !important;
}

#ccrs-help-reset
.ccrs-help-report-tile:last-child {
    border-color:
        rgba(137, 92, 255, 0.46) !important;
}

#ccrs-help-reset
.ccrs-help-report-tile:hover {
    transform:
        translateY(-2px) !important;

    background:
        linear-gradient(
            145deg,
            #03101c,
            #041c30
        ) !important;

    border-color:
        rgba(0, 199, 194, 0.62) !important;
}

#ccrs-help-reset .ccrs-help-small-svg {
    display: block !important;

    width: 48px !important;
    height: 48px !important;

    margin:
        0
        0
        12px !important;

    padding: 0 !important;

    fill: none !important;

    stroke-width: 1.8 !important;
    stroke-linecap: round !important;
    stroke-linejoin: round !important;

    overflow: visible !important;
}

#ccrs-help-reset
.ccrs-help-small-svg--green {
    filter:
        drop-shadow(
            0 0 3px rgba(9, 229, 161, 0.27)
        ) !important;
}

#ccrs-help-reset
.ccrs-help-small-svg--cyan {
    filter:
        drop-shadow(
            0 0 3px rgba(12, 204, 245, 0.26)
        ) !important;
}

#ccrs-help-reset
.ccrs-help-small-svg--blue {
    filter:
        drop-shadow(
            0 0 3px rgba(8, 127, 242, 0.28)
        ) !important;
}

#ccrs-help-reset
.ccrs-help-small-svg--purple {
    filter:
        drop-shadow(
            0 0 3px rgba(137, 92, 255, 0.3)
        ) !important;
}

#ccrs-help-reset
.ccrs-help-report-tile strong {
    display: block !important;

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

    color: rgba(248, 250, 251, 0.97) !important;
    -webkit-text-fill-color:
        rgba(248, 250, 251, 0.97) !important;

    font-family:
        proximabold,
        "Proxima Nova",
        Arial,
        sans-serif !important;

    font-size: 14px !important;
    font-weight: 700 !important;
    line-height: 1.25 !important;

    text-align: center !important;
}

#ccrs-help-reset
.ccrs-help-report-tile small {
    display: block !important;

    margin:
        auto
        0
        0 !important;

    padding:
        8px
        0
        0 !important;

    color: rgba(202, 214, 224, 0.63) !important;
    -webkit-text-fill-color:
        rgba(202, 214, 224, 0.63) !important;

    font-family:
        proximaregular,
        "Proxima Nova",
        Arial,
        sans-serif !important;

    font-size: 10px !important;
    font-weight: 400 !important;
    line-height: 1.15 !important;

    text-align: center !important;
    text-transform: uppercase !important;
}

/* =========================================================
   ALIGNED BUTTONS
========================================================= */

#ccrs-help-reset .ccrs-help-button,
#ccrs-help-reset a.ccrs-help-button,
#ccrs-help-reset button.ccrs-help-button {
    align-self: end !important;

    position: relative !important;
    overflow: hidden !important;

    display: grid !important;

    grid-template-columns:
        1fr
        42px !important;

    align-items: center !important;

    width: 100% !important;
    max-width: 100% !important;
    min-height: 65px !important;

    margin:
        25px
        0
        0 !important;

    padding:
        14px
        17px
        14px
        58px !important;

    appearance: none !important;
    -webkit-appearance: none !important;

    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;

    background:
        linear-gradient(
            100deg,
            #08daa0 0%,
            #00cfc2 49%,
            #087cf1 100%
        ) !important;

    border:
        1px solid rgba(75, 229, 194, 0.66) !important;

    border-radius: 8px !important;

    outline: 0 !important;

    box-shadow:
        0 8px 20px rgba(0, 0, 0, 0.23),
        inset 0 1px 0 rgba(255, 255, 255, 0.17) !important;

    font-family:
        proximaextrabold,
        proximabold,
        "Proxima Nova",
        Arial,
        sans-serif !important;

    font-size: 17px !important;
    font-weight: 800 !important;
    line-height: 1.15 !important;

    text-align: center !important;
    text-decoration: none !important;
    text-transform: uppercase !important;

    text-shadow: none !important;

    cursor: pointer !important;

    transform:
        translateY(0) !important;

    transition:
        transform 180ms ease,
        filter 180ms ease,
        box-shadow 180ms ease !important;
}

#ccrs-help-reset
.ccrs-help-button-label {
    display: block !important;

    min-width: 0 !important;

    text-align: center !important;
}

#ccrs-help-reset .ccrs-help-button-icon {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    width: 42px !important;
    height: 34px !important;

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

    color: #ffffff !important;
}

#ccrs-help-reset
.ccrs-help-button-icon svg {
    display: block !important;

    width: 28px !important;
    height: 28px !important;

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

    fill: none !important;
    stroke: currentColor !important;
    stroke-width: 1.65 !important;
    stroke-linecap: round !important;
    stroke-linejoin: round !important;

    transition:
        transform 180ms ease !important;
}

#ccrs-help-reset .ccrs-help-button:hover,
#ccrs-help-reset .ccrs-help-button:focus-visible {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;

    text-decoration: none !important;

    transform:
        translateY(-2px) !important;

    filter:
        brightness(1.075)
        saturate(1.045) !important;

    box-shadow:
        0 12px 27px rgba(0, 0, 0, 0.29),
        0 0 18px rgba(9, 229, 161, 0.13),
        0 0 20px rgba(8, 127, 242, 0.12),
        inset 0 1px 0 rgba(255, 255, 255, 0.2) !important;
}

#ccrs-help-reset
.ccrs-help-button:hover
.ccrs-help-button-icon svg,
#ccrs-help-reset
.ccrs-help-button:focus-visible
.ccrs-help-button-icon svg {
    transform:
        translateX(5px) !important;
}

#ccrs-help-reset
.ccrs-help-button--upload:hover
.ccrs-help-button-icon svg,
#ccrs-help-reset
.ccrs-help-button--upload:focus-visible
.ccrs-help-button-icon svg {
    transform:
        translateY(-3px) !important;
}

#ccrs-help-reset
.ccrs-help-button:focus-visible {
    outline:
        2px solid #ffffff !important;

    outline-offset: 4px !important;
}

/* =========================================================
   TRUST STRIP
========================================================= */

#ccrs-help-reset .ccrs-help-trust {
    display: grid !important;

    grid-template-columns:
        repeat(4, minmax(0, 1fr)) !important;

    align-items: stretch !important;

    width: 100% !important;

    margin:
        25px
        0
        0 !important;

    padding: 0 !important;

    background:
        linear-gradient(
            110deg,
            #010c18,
            #031629
        ) !important;

    border:
        1px solid rgba(0, 191, 190, 0.42) !important;

    border-radius: 15px !important;

    box-shadow:
        0 13px 31px rgba(0, 0, 0, 0.23),
        inset 0 1px 0 rgba(255, 255, 255, 0.025) !important;

    overflow: hidden !important;
}

#ccrs-help-reset .ccrs-help-trust-item {
    position: relative !important;

    display: grid !important;

    grid-template-columns:
        66px
        minmax(0, 1fr) !important;

    align-items: center !important;

    gap: 18px !important;

    min-width: 0 !important;
    min-height: 116px !important;

    margin: 0 !important;

    padding:
        18px
        27px !important;

    text-align: left !important;
}

#ccrs-help-reset
.ccrs-help-trust-item:not(:last-child)::after {
    content: "" !important;

    position: absolute !important;

    top: 23% !important;
    right: 0 !important;
    bottom: 23% !important;

    width: 1px !important;

    background:
        linear-gradient(
            transparent,
            rgba(150, 179, 195, 0.39),
            transparent
        ) !important;
}

#ccrs-help-reset .ccrs-help-trust-icon {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    width: 66px !important;
    height: 66px !important;

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

    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}

#ccrs-help-reset .ccrs-help-trust-svg {
    display: block !important;

    width: 57px !important;
    height: 57px !important;

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

    fill: none !important;

    stroke-width: 1.8 !important;
    stroke-linecap: round !important;
    stroke-linejoin: round !important;

    overflow: visible !important;
}

#ccrs-help-reset
.ccrs-help-trust-svg--green {
    filter:
        drop-shadow(
            0 0 4px rgba(9, 229, 161, 0.32)
        ) !important;
}

#ccrs-help-reset
.ccrs-help-trust-svg--cyan {
    filter:
        drop-shadow(
            0 0 4px rgba(12, 204, 245, 0.28)
        ) !important;
}

#ccrs-help-reset
.ccrs-help-trust-svg--purple {
    filter:
        drop-shadow(
            0 0 4px rgba(111, 83, 255, 0.3)
        ) !important;
}

#ccrs-help-reset
.ccrs-help-trust-copy strong {
    display: block !important;

    margin:
        0
        0
        5px !important;

    padding: 0 !important;

    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;

    font-family:
        proximaextrabold,
        proximabold,
        "Proxima Nova",
        Arial,
        sans-serif !important;

    font-size: 14px !important;
    font-weight: 800 !important;
    line-height: 1.2 !important;

    text-align: left !important;
}

#ccrs-help-reset
.ccrs-help-trust-copy span {
    display: block !important;

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

    color: rgba(211, 221, 228, 0.75) !important;
    -webkit-text-fill-color:
        rgba(211, 221, 228, 0.75) !important;

    font-family:
        proximaregular,
        "Proxima Nova",
        Arial,
        sans-serif !important;

    font-size: 12.5px !important;
    font-weight: 400 !important;
    line-height: 1.4 !important;

    text-align: left !important;
}

/* =========================================================
   AVADA WRAPPER RESET
========================================================= */

html body .ccrs-help-fullwidth-reset {
    --awb-margin-top: 0px !important;
    --awb-margin-bottom: 0px !important;

    --awb-padding-top: 0px !important;
    --awb-padding-right: 0px !important;
    --awb-padding-bottom: 0px !important;
    --awb-padding-left: 0px !important;

    width: 100% !important;
    max-width: none !important;

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

    background-color: #010812 !important;
    background-image: none !important;

    border: 0 !important;
    box-shadow: none !important;

    overflow: visible !important;
}

html body .ccrs-help-column-reset {
    --awb-width-large: 100% !important;

    float: none !important;
    clear: both !important;

    flex:
        0
        0
        100% !important;

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

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

    background: transparent !important;

    border: 0 !important;
    box-shadow: none !important;

    transform: none !important;
}

html body .ccrs-help-wrapper-reset {
    width: 100% !important;
    max-width: 100% !important;

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

    background: transparent !important;

    border: 0 !important;
    box-shadow: none !important;
}

html body
.fusion-code-block.ccrs-help-wrapper-reset,
html body
.fusion-code-block-container.ccrs-help-wrapper-reset {
    line-height: 0 !important;
}

html body
.fusion-code-block.ccrs-help-wrapper-reset
#ccrs-help-reset,
html body
.fusion-code-block-container.ccrs-help-wrapper-reset
#ccrs-help-reset {
    line-height: normal !important;
}

/* =========================================================
   SMALLER DESKTOP / TABLET
========================================================= */

@media only screen and (max-width: 1240px) {

    #ccrs-help-reset .ccrs-help-inner {
        width:
            calc(100% - 48px) !important;
    }

    #ccrs-help-reset article.ccrs-help-card {
        padding:
            29px
            25px
            27px !important;
    }

    #ccrs-help-reset .ccrs-help-card-head {
        grid-template-columns:
            94px
            minmax(0, 1fr) !important;

        gap: 21px !important;

        padding: 0 !important;
    }

    #ccrs-help-reset .ccrs-help-main-icon {
        width: 94px !important;
        height: 94px !important;

        padding: 16px !important;
    }

    #ccrs-help-reset .ccrs-help-main-svg {
        width: 57px !important;
        height: 57px !important;
    }

    #ccrs-help-reset h3.ccrs-help-card-title {
        font-size: 25px !important;
    }

    #ccrs-help-reset
    .ccrs-help-inspection-content {
        grid-template-columns: 1fr !important;

        gap: 17px !important;
    }

    #ccrs-help-reset ul.ccrs-help-benefits {
        display: grid !important;

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

        gap: 10px !important;

        padding: 0 !important;
    }

    #ccrs-help-reset ul.ccrs-help-benefits li {
        grid-template-columns:
            21px
            minmax(0, 1fr) !important;

        gap: 7px !important;

        font-size: 12.5px !important;
    }

    #ccrs-help-reset .ccrs-help-report-grid {
        grid-template-columns:
            repeat(2, minmax(0, 1fr)) !important;

        gap: 12px !important;
    }

    #ccrs-help-reset
    .ccrs-help-report-tile {
        min-height: 128px !important;
    }

    #ccrs-help-reset .ccrs-help-trust {
        grid-template-columns:
            repeat(2, minmax(0, 1fr)) !important;
    }

    #ccrs-help-reset
    .ccrs-help-trust-item:nth-child(2)::after {
        display: none !important;
    }

    #ccrs-help-reset
    .ccrs-help-trust-item:nth-child(-n+2) {
        border-bottom:
            1px solid rgba(0, 191, 190, 0.13) !important;
    }
}

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

@media only screen and (max-width: 850px) {

    #ccrs-help-reset {
        padding:
            38px
            0
            19px !important;
    }

    #ccrs-help-reset .ccrs-help-inner {
        width:
            calc(100% - 32px) !important;
    }

    #ccrs-help-reset::before,
    #ccrs-help-reset::after {
        width: 112px !important;

        background-size:
            13px
            13px !important;

        opacity: 0.21 !important;
    }

    #ccrs-help-reset .ccrs-help-header {
        margin-bottom: 22px !important;
    }

    #ccrs-help-reset .ccrs-help-eyebrow {
        grid-template-columns:
            36px
            auto
            36px !important;

        gap: 10px !important;
    }

    #ccrs-help-reset
    .ccrs-help-eyebrow strong {
        font-size: 11.5px !important;
    }

    #ccrs-help-reset h2.ccrs-help-title {
        font-size:
            clamp(
                37px,
                10.8vw,
                49px
            ) !important;

        line-height: 1.01 !important;
        letter-spacing: -0.4px !important;
    }

    #ccrs-help-reset p.ccrs-help-intro {
        font-size: 15px !important;
    }

    #ccrs-help-reset .ccrs-help-grid {
        grid-template-columns: 1fr !important;

        gap: 16px !important;
    }

    #ccrs-help-reset article.ccrs-help-card {
        display: flex !important;
        flex-direction: column !important;

        min-height: 0 !important;

        padding:
            24px
            19px
            21px !important;

        border-radius: 17px !important;
    }

    #ccrs-help-reset
    article.ccrs-help-card:hover {
        transform: none !important;
    }

    #ccrs-help-reset .ccrs-help-card-head {
        grid-template-columns:
            74px
            minmax(0, 1fr) !important;

        gap: 16px !important;
    }

    #ccrs-help-reset .ccrs-help-main-icon {
        width: 74px !important;
        height: 74px !important;

        padding: 12px !important;
    }

    #ccrs-help-reset .ccrs-help-main-svg {
        width: 46px !important;
        height: 46px !important;
    }

    #ccrs-help-reset h3.ccrs-help-card-title {
        font-size: 23px !important;
        line-height: 1.15 !important;
    }

    #ccrs-help-reset p.ccrs-help-card-copy {
        font-size: 14.5px !important;
    }

    #ccrs-help-reset
    .ccrs-help-inspection-content {
        margin-top: 21px !important;
    }

    #ccrs-help-reset ul.ccrs-help-benefits {
        grid-template-columns: 1fr !important;

        gap: 11px !important;
    }

    #ccrs-help-reset ul.ccrs-help-benefits li {
        font-size: 14px !important;
    }

    #ccrs-help-reset .ccrs-help-photo-frame {
        aspect-ratio: 1.72 / 1 !important;
    }

    #ccrs-help-reset
    .ccrs-help-report-grid {
        grid-template-columns:
            repeat(2, minmax(0, 1fr)) !important;

        gap: 10px !important;
    }

    #ccrs-help-reset
    .ccrs-help-report-tile {
        min-height: 137px !important;
    }

    #ccrs-help-reset .ccrs-help-button,
    #ccrs-help-reset a.ccrs-help-button,
    #ccrs-help-reset button.ccrs-help-button {
        grid-template-columns:
            1fr
            36px !important;

        min-height: 58px !important;

        margin-top: 24px !important;

        padding:
            13px
            12px
            13px
            45px !important;

        font-size: 14px !important;
    }

    #ccrs-help-reset
    .ccrs-help-button-icon {
        width: 36px !important;
    }

    #ccrs-help-reset
    .ccrs-help-button-icon svg {
        width: 24px !important;
        height: 24px !important;
    }

    #ccrs-help-reset .ccrs-help-trust {
        grid-template-columns: 1fr !important;

        margin-top: 16px !important;

        border-radius: 12px !important;
    }

    #ccrs-help-reset
    .ccrs-help-trust-item {
        grid-template-columns:
            54px
            minmax(0, 1fr) !important;

        gap: 14px !important;

        min-height: 86px !important;

        padding:
            14px
            18px !important;

        border-bottom:
            1px solid rgba(0, 191, 190, 0.13) !important;
    }

    #ccrs-help-reset
    .ccrs-help-trust-item:last-child {
        border-bottom: 0 !important;
    }

    #ccrs-help-reset
    .ccrs-help-trust-item::after {
        display: none !important;
    }

    #ccrs-help-reset
    .ccrs-help-trust-icon {
        width: 54px !important;
        height: 54px !important;
    }

    #ccrs-help-reset
    .ccrs-help-trust-svg {
        width: 47px !important;
        height: 47px !important;
    }
}

@media only screen and (max-width: 470px) {

    #ccrs-help-reset .ccrs-help-eyebrow {
        grid-template-columns: 1fr !important;
    }

    #ccrs-help-reset
    .ccrs-help-eyebrow-line {
        display: none !important;
    }

    #ccrs-help-reset .ccrs-help-card-head {
        grid-template-columns: 1fr !important;
    }
}

@media (prefers-reduced-motion: reduce) {

    #ccrs-help-reset article.ccrs-help-card,
    #ccrs-help-reset .ccrs-help-report-tile,
    #ccrs-help-reset .ccrs-help-button,
    #ccrs-help-reset .ccrs-help-button-icon svg {
        transition: none !important;
    }
}