.elementor-1286 .elementor-element.elementor-element-a95a83f{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:50px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}@media(max-width:767px){.elementor-1286 .elementor-element.elementor-element-a95a83f{--padding-top:30px;--padding-bottom:30px;--padding-left:20px;--padding-right:20px;}}/* Start custom CSS for container, class: .elementor-element-a95a83f */.sev-shell {
    overflow: hidden;
    padding: 20px 40px 40px !important;
    border-radius: 10px !important;
    background: #fff !important;
}

.sev-options button.sev-opt {
    background: #fff !important;
    color: #000 !important;
    font-weight: 500 !important;
    border: 1px solid #999999 !important;
    border-radius: 6px !important;
}

.sev-options button.sev-opt span.sev-opt-label {
    font-weight: 600 !important;
    letter-spacing: 0px !important;
}

.sev-brand-name {
    font-weight: 600 !important;
    letter-spacing: 0.2px !important;
}

.sev-options button.sev-opt:hover,
.sev-options button.sev-opt:focus {
    background: #00000000 !important;
    color: #000 !important;
    border: 1px solid #000 !important;
}

button.sev-restart.custom-sev-restart {
    background: #fff !important;
    border: 1px solid #000 !important;
    color: #000 !important;
    padding: 10px 40px !important;
    letter-spacing: 0px !important;
    text-decoration: none !important;
    text-transform: capitalize !important;
    font-size: 15px !important;
    border-radius: 6px !important;
    font-weight: 600 !important;
}

.sev-opt:hover,
.sev-opt:focus {
    background: #00000000 !important;
    color: #000 !important;
    border: 1px solid #000 !important;
}

.sev-lead {
    max-width: 50ch !important;
    margin-bottom: 18px !important;
}

.sev-opt:hover .sev-opt-label {
    /*    font-weight: 600 !important; */
}

.sev-opt-check {
    border: 1px solid #999999 !important;
    border-radius: 6px !important;
}

.sev-opt-ico {
    margin-bottom: 0px !important;
}

button.sev-opt {
    border: 1px solid #999999 !important;
}

.sev-intro-inner {
    padding-bottom: 10px !important;
}

.sev-intro-inner .sev-trust {
    margin-top: 60px !important;
}

.sev-opt-check svg {
    stroke: #fff !important;
}

.sev-q-sub {
    font-size: 14px !important;
    margin-bottom: 30px !important;
}

.sev-card-foot a.sev-btn.sev-btn-sm {
    padding: 6px 25px !important;
    font-family: "Clash Grotesk", Sans-serif;
    text-transform: capitalize !important;
    background: #067441 !important;
    font-weight: 500 !important;
    letter-spacing: 0.2px !important;
    border-radius: 4px !important;
}

.sev-btn {
    color: #fff !important;
    letter-spacing: 0.3px;
    background: #000 !important;
    border-radius: 6px !important;
}

.sev-card-foot .sev-price {
    color: #000 !important;
    font-weight: 600 !important;
    font-family: "Clash Grotesk", Sans-serif;
    font-size: 18px !important;
}

.sev-analyse-log li .tick svg {
    stroke: #fff !important;
}

.sev-specs span {
    text-transform: capitalize;
}

.sev-card-title {
    font-weight: 600 !important;
    font-size: 18px !important;
}

.sev-card-reason {
    color: #272727 !important;
    font-size: 13px !important;
    line-height: 20px;
}

.sev-score-num {
    font-family: "Clash Grotesk", Sans-serif;
    display: flex !important;
    align-items: center !important;
    text-align: center !important;
    justify-content: center !important;
    font-weight: 600 !important;
}

.sev-rank {
    font-family: "Clash Grotesk", Sans-serif;
    font-weight: 600 !important;
    padding: 5px 10px 3px !important;
    background: #067441 !important;
    border-radius: 4px !important;
    font-weight: 500 !important;
    text-transform: capitalize !important;
    font-size: 12px;
    letter-spacing: 0px !important;
}

.sev-card-ev.is-top .sev-rank {
    color: #fff !important;
}

a.sev-btn.sev-btn-ghost {
    font-family: "Clash Grotesk", Sans-serif;
}

.sev-card-media {
    background: #ede8e4 !important;
}

.sev-card-ev.is-top {
    border: 1.5px solid #0e8c6b !important;
}

.sev-card-ev {
    box-shadow: none !important;
    border: 1.5px solid #0000008a !important;
    border-radius: 8px !important;
}

.sev-q-title,
.sev-btn {
    font-weight: 600 !important;
}

ul.sev-specs li {
    text-align: center !important;
}

ul.sev-specs li b {
    font-weight: 600 !important;
}

.sev-specs {
    justify-content: space-between !important;
}

.sev-eyebrow {
    color: #000 !important;
}

.sev-h em {
    padding: 0px 5px;
    color: #ffffff !important;
    display: inline-block !important;
    background: linear-gradient(135deg, rgb(14 140 107), rgb(10 107 82));
}

.sev-eyebrow span.sev-spark.sev-spark-sm {
    display: none !important;
}

.sev-stage {
    margin-top: 40px !important;
}

.sev-trust {
    margin-top: 80px !important;
    align-items: flex-start !important;
}

.sev-dot {
    width: 10px !important;
    height: 10px !important;
    position: relative;
    top: 6px;
}

.sev-card-foot .sev-price {
    font-size: 17px !important;
}

.sev-card-title {
    font-size: 19px !important;
    color: #000 !important;
}

.sev-results-actions a,
.sev-results-actions button {
    font-weight: 500 !important;
    letter-spacing: 0.2px !important;
    text-transform: capitalize !important;
}

.sev-score circle.sev-score-fill {
    stroke: #5840ea !important;
}




/* Shared scrollbar colours */
.sev-aimatch {
    --sev-gradient-start: #078f6c;
    --sev-gradient-end: #20cba0;
    --sev-scroll-track: #e8f7f2;
    --sev-scrollbar-width: 7px;
}

/* Cards scrolling area */
.sev-shell .sev-cards {
    /* max-height: calc(78vh - 220px) !important;*/
    /* overflow-y: auto !important;*/
    /* overflow-x: hidden !important;*/
    /* padding-right: 6px;*/
}

/* Firefox only */
@supports (-moz-appearance: none) {
    .sev-shell .sev-cards {
        scrollbar-width: thin;
        scrollbar-color: #10a87f var(--sev-scroll-track);
    }
}

/* Chrome, Edge and Safari scrollbar width */
.sev-shell .sev-cards::-webkit-scrollbar {
    width: var(--sev-scrollbar-width) !important;
    height: var(--sev-scrollbar-width) !important;
}

/* Scrollbar track */
.sev-shell .sev-cards::-webkit-scrollbar-track {
    background: var(--sev-scroll-track) !important;
    border-radius: 20px;
}

/* Scrollbar draggable thumb */
.sev-shell .sev-cards::-webkit-scrollbar-thumb {
    min-height: 50px;

    background: linear-gradient(180deg,
            var(--sev-gradient-start) 0%,
            var(--sev-gradient-end) 100%) !important;

    border: 0 !important;
    border-radius: 20px;
}

/* Keep exactly the same colour on hover and active */
.sev-shell .sev-cards::-webkit-scrollbar-thumb:hover,
.sev-shell .sev-cards::-webkit-scrollbar-thumb:active {
    background: linear-gradient(180deg,
            var(--sev-gradient-start) 0%,
            var(--sev-gradient-end) 100%) !important;
}

/* Top and bottom arrow areas */
.sev-shell .sev-cards::-webkit-scrollbar-button {
    display: block;
    width: var(--sev-scrollbar-width) !important;
    /* height: 6px !important;*/
    background-color: var(--sev-scroll-track) !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: 4px 4px !important;
    visibility: hidden !important;
    display: none !important;
}

/* Up arrow */
.sev-shell .sev-cards::-webkit-scrollbar-button:single-button:vertical:decrement {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 10'%3E%3Cpath d='M1 7L5 3L9 7' fill='none' stroke='%23078f6c' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
    visibility: hidden;
}

/* Down arrow */
.sev-shell .sev-cards::-webkit-scrollbar-button:single-button:vertical:increment {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 10'%3E%3Cpath d='M1 3L5 7L9 3' fill='none' stroke='%2320a982' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
    visibility: hidden;
}

/* Do not change arrow-area colour on hover or active */
.sev-shell .sev-cards::-webkit-scrollbar-button:hover,
.sev-shell .sev-cards::-webkit-scrollbar-button:active {
    background-color: var(--sev-scroll-track) !important;
}




@media screen and (max-width: 992px) {
    .sev-h {
        line-height: 48px !important;
        font-size: 38px !important;
    }

    .sev-shell {
        padding: 40px 25px 40px 25px !important;
        /*        height: 100vh !important;*/
    }

    button.sev-restart.custom-sev-restart {
        padding: 10px 18px !important;
    }

    .sev-spark {
        width: 30px !important;
        height: 30px !important;
    }

    .sev-results-head .sev-h.sev-results-title {
        font-size: 24px !important;
        line-height: 30px !important;
    }

    .sev-eyebrow {
        font-size: 10px !important;
        font-weight: 500 !important;
    }

    .sev-progress {
        visibility: hidden !important;
    }

    .sev-card-foot {
        gap: 0px !important;
    }

    .sev-card-foot a.sev-btn.sev-btn-sm {
        padding: 6px 15px !important;
    }
}/* End custom CSS */