:root {
    --verisure-red: #ED002F;
    --verisure-white: #fff;
    --verisure-grey: #f1f1f1;
    --verisure-text: #262626;
    --verisure-old: #ff0033;
    --verisure-grey-1: #dcddde;
    --verisure-grey-2: #bec0c2;
    --verisure-grey-3: #b1b1b1;
    --verisure-grey-4: #8a8c8e;
    --verisure-grey-5: #636466;
    --verisure-stone: #dcd5cc;
    --verisure-dark-red: #ab192d;
    --verisure-orange: #ff9254;
    --verisure-peach: #ffc7a6;
    --verisure-yellow: #ffef82;
    --verisure-straw: #fff8cc;
    --verisure-green: #00a37d;
    --verisure-green-2: #00bf9e;
    --red: var(--verisure-red) !important;
    --darkred: var(--verisure-dark-red);
    --vPadding: min(3rem, 6vw);
    --hPadding: min(5rem, 10vw);
    --hvPadding: calc(var(--vPadding) / 2);
    --hhPadding: calc(var(--hPadding) / 2);
    --padding: var(--vPadding) var(--hPadding);
    --negMargin: calc(var(--vPadding) * -1) calc(var(--hPadding) * -1);
    --linePadding: 1rem;
    --border-radius: 5px;
    --gradient-red: linear-gradient(90deg, var(--verisure-red) 50%, var(--verisure-dark-red) 150%);
    --gradient-red-reverse: linear-gradient(270deg, var(--verisure-red) 50%, var(--verisure-dark-red) 150%);

    --gradient-grey: linear-gradient(90deg, var(--verisure-grey-2) 20%, var(--verisure-grey-5) 120%);

}

.d-flex {
    justify-content: unset
}

.text-white,
.text-white p,
p.text-white {
    color: #fff !important
}

.text-red,
.text-red p,
p.text-red {
    color: var(--red) !important
}

.text-dark-red,
.text-dark-red p,
p.text-dark-red {
    color: var(--verisure-dark-red) !important
}

.text-green {
    color: var(--verisure-green) !important
}

.bg-red {
    background-color: var(--red)
}

.text-old-red {
    color: var(--verisure-old)
}

.bg-old-red {
    background-color: var(--verisure-old)
}

.bg-red-gradient {
    background: var(--gradient-red)
}

.bg-red-gradient-reverse {
    background: var(--gradient-red-reverse)
}

.bg-grey-gradient {
    background: var(--gradient-grey)
}


.bg-dark-red {
    background-color: var(--verisure-dark-red)
}

.outline {
    /* color: transparent !important; */
    text-shadow: 1px 1px 0 #fff,
    -1px 1px 0 #fff,
    -1px -1px 0 #fff,
    1px -1px 0 #fff;
}

.outline-black {
    color: white !important;
    text-shadow: 1px 1px 0 #000,
    -1px 1px 0 #000,
    -1px -1px 0 #000,
    1px -1px 0 #000;
}

.outline-red {
    color: white !important;
    text-shadow: 1px 1px 0 var(--verisure-red),
    -1px 1px 0 var(--verisure-red),
    -1px -1px 0 var(--verisure-red),
    1px -1px 0 var(--verisure-red);
}

.text-white p.outline-white,
.outline-white {
    color: black !important;
    text-shadow: 1px 1px 0 #fff,
    -1px 1px 0 #fff,
    -1px -1px 0 #fff,
    1px -1px 0 #fff;
}

.outline-grey {
    color: var(--verisure-grey) !important;
    text-shadow: 1px 1px 0 var(--verisure-red),
    -1px 1px 0 var(--verisure-red),
    -1px -1px 0 var(--verisure-red),
    1px -1px 0 var(--verisure-red);
}

#direct-response img {
    width: calc(50% -(var(--hvPadding)))
}

#direct-response #images img:nth-child(even) {
    margin-top: calc(var(--vPadding) * -1);
    margin-bottom: var(--vPadding)
}

#direct-response .gap {
    gap: var(--hvPadding)
}

#direct-response img {
    width: calc(50% - (var(--hvPadding)/2))
}

#direct-response #images img:nth-child(even) {
    margin-top: calc(var(--vPadding) * -1);
    margin-bottom: var(--vPadding)
}

#direct-response #images {
    margin-top: calc(var(--vPadding) * 0.5);
    right: calc(var(--vPadding) * 0.5);
    top: 0;
    padding-top: var(--vPadding)
}


.card.expander,
#pillars .card {
    min-width: 360px;
    width: 360px;
    flex-basis: 360px;
    min-height: 550px;
    max-height: 600px;
    max-width: 360px;
}

#pillars .draggable {
    padding-right: calc(var(--hPadding) * 2);
}

#pillars .card:not(.intro-card) .arrows .arrow.right {
    display: none;
}

#pillars .card:not(.intro-card) :is(h3, .h3) {
    padding-bottom: 2em;
}

@media(max-width: 991px) {
    .col-lg-4.radix-layouts-sidebar.panel-panel .block-region-sidebar span.sidebar-menu-trigger+nav {
        height: 0;
        overflow: hidden
    }

    .col-lg-4.radix-layouts-sidebar.panel-panel .block-region-sidebar span.sidebar-menu-trigger.menu-item--active-trail+nav {
        height: unset;
        overflow: visible
    }

    .col-lg-4.radix-layouts-sidebar.panel-panel .block-region-sidebar>nav ul li.menu-item {
        display: none
    }

    .col-lg-4.radix-layouts-sidebar.panel-panel .block-region-sidebar>nav>ul>li.menu-item:first-child,
    .col-lg-4.radix-layouts-sidebar.panel-panel .block-region-sidebar span.sidebar-menu-trigger.menu-item--active-trail+nav ul li.menu-item {
        display: block
    }

    .padded-mobile {
        padding: var(--vPadding) var(--hPadding)
    }

    div.columns>div.padded-half-mobile,
    .padded-half-mobile {
        padding: var(--hvPadding) var(--hhPadding);
    }

    .mobile-darken {
        filter: brightness(.8)
    }

    #direct-response #images {
        bottom: 0;
        top: unset
    }

    #direct-response .bg-grey {
        margin-bottom: calc(var(--hvPadding) * 1);
        padding-bottom: calc(var(--hvPadding) * 6) !important
    }

    .countdown-timer>p>span {
        width: 36px;
        font-size: 28px;
        z-index: 3;
    }
}

body:is(.page-node-4756, .page-node-4756, .page-node-4761, .page-node-4766, .page-node-4901, .page-node-4906, .page-node-4911, .page-node-4916, .page-node-4921, .page-node-4901, .page-node-4906, .page-node-4911, .page-node-4916, .page-node-4921, .page-node-4936, .page-node-4946, .page-node-4956, .page-node-4961, .page-node-5701, .page-node-5721, .page-node-5756, .page-node-5911, .page-node-5996) span.sidebar-menu-trigger:before {
    content: "Smart Alarm Technology"
}

body:is(.page-node-4966, .page-node-4971, .page-node-4976, .page-node-4981, .page-node-4991, .page-node-4996, .page-node-5676, .page-node-5681, .page-node-5691, .page-node-5696) span.sidebar-menu-trigger:before {
    content: "Learn more about Verisure"
}

span.sidebar-menu-trigger:before {
    content: "Explore related content";
    color: #666
}

span.sidebar-menu-trigger {
    color: transparent
}

.btn-red {
    background-color: var(--red) !important;
    color: #fff !important
}

.btn-green {
    background-color: green;
    color: #fff !important
}

.btn-outline {
    --color: var(--verisure-red);
    --padding: 1em;
    padding: var(--padding) !important;
    line-height: normal;
    --font-size: 25px;
    font-size: var(--font-size) !important;
    --border: 5px;
    border: var(--border) solid;
    border-color: var(--color);
    --height: calc(var(--padding)*2 + var(--font-size) + var(--border)*2);
    background-color: #fff !important;
    color: var(--color) !important;
    border-radius: var(--height) !important
}

.btn-outline.btn-red {
    --color: var(--verisure-red)
}

.btn-outline.btn-green {
    --color: green
}

.btn-outline {
    transition: all .5s
}

.btn-outline.btn-red:hover {
    background-color: var(--verisure-red) !important;
    color: #fff !important
}

.btn-outline.btn-green:hover {
    background-color: green !important;
    color: #fff !important
}

.hero-quote {
    height: 450px
}

.hero-quote p {
    color: #000;
    font-weight: 300;
    margin-bottom: 0
}

.form-wrapper.bg-white {
    border: 1px solid var(--color-grey-100);
    border-left: none;
    border-right: none
}

.btn-medium-primary {
    line-height: normal
}

.block-region-sidebar ul.menu .menu-item--expanded ul.menu .menu-item--expanded.menu-item--active-trail>a,
.block-region-sidebar ul.menu .menu-item--expanded a.is-active {
    background: var(--verisure-grey);
    font-weight: 400;
    color: #000
}

.block-region-sidebar ul.menu .menu-item--expanded a.is-active {
    border-left-color: var(--verisure-old)
}

.block-region-sidebar ul.menu .menu-item--expanded ul.menu .menu-item--expanded ul.menu a {
    padding-left: 31px
}

.btn-medium-primary.text-primary:after {
    background-image: url(/themes/custom/bootstrap_securitas/images/icons/svg/go_small.svg)
}

.mobile-quote-container {
    transition: top 1s;
    z-index: 10;
    position: fixed;
    top: 0;
    left: 0;
    display: none;
    box-shadow: inset 0 25px 10px -5px #00000026;
    transition: all 1s
}

.mobile-quote-container .btn-start-quote {
    max-width: 250px;
    margin-left: auto;
    font-size: 18px !important;
    font-weight: 500 !important;
    text-transform: none !important;
    color: #f03
}

#block-mobilephoneheader a.btn-start-quote:before {
    display: none
}

.btn-start-quote:after {
    background-image: url(/themes/custom/bootstrap_securitas/images/icons/svg/go_small.svg)
}

body.transparent-mobile-menu #block-mobilephoneheader a.start-quote {
    opacity: 0;
    transition: all 0.3s;
}

body.was-transparent-mobile-menu #block-mobilephoneheader a.start-quote {
    opacity: 1;
    transition: all 0.3s;
}

.fixed-header .mobile-quote-container:not(.d-none) {
    top: 78px;
    display: block !important
}

.layout-container>header .region-header {
    flex-wrap: wrap;
    max-width: 1380px;
    margin-right: 0
}

.line-height-1 {
    line-height: 1 !important
}

.block-views-exposed-filter-blockacquia-search-page-external-search input.form-submit {
    height: 41px;
    padding-top: 7px
}

div#block-mobilemenulinks a.btn {
    padding: 22px 0 !important;
    min-height: unset !important;
    height: 45px !important;
    font-size: .8em !important;
    font-weight: 500 !important;
    text-transform: uppercase !important;
    position: relative;
    display: flex !important;
    align-items: center
}

div#block-mobilemenulinks a.btn-icon-right::after {
    position: absolute;
    right: 12px
}

.ie-flag-right img {
    display: none
}

.ie-flag {
    --size: 26px;
    position: absolute;
    right: 12px;
    height: var(--size);
    width: var(--size);
    background: #fff;
    overflow: hidden;
    border-radius: 100%
}

.ie-flag::before {
    background: #009a49;
    display: block;
    position: absolute;
    width: calc(100%/3);
    height: 100%;
    content: " " !important;
    left: 0
}

.ie-flag::after {
    background: #ff7901;
    display: block;
    position: absolute;
    width: calc(100%/3);
    height: 100%;
    content: " " !important;
    right: 0;
    top: 0
}

table.comparison tbody tr:not(.table-more, .d-md-none) td:first-child {
    display: none;
}

body.design-v2 .layout-container .top-bar .region-top-bar {
    height: unset;
    max-width: unset;
    margin: unset;
    display: block;
}

body.design-v2 .top-bar div.peek {
    display: none;
}

strong {
    /* font-weight: bold; */
    font-weight: 500;

}

@media screen and (min-width: 1441px) {
    header .block-views-exposed-filter-blockacquia-search-page-external-search input.form-submit {
        height: 41px;
        padding-top: 7px
    }
}

@media screen and (min-width: 768px) and (max-width:1440px) {
    header .block-views-exposed-filter-blockacquia-search-page-external-search input.form-submit {
        background: 0 0 !important;
        padding-top: 0 !important
    }

    header .block-views-exposed-filter-blockacquia-search-page-external-search .form-actions {
        top: 10px !important
    }
}

@media screen and (min-width: 768px) and (max-width:1439px) {
    #block-headerbutton {
        flex-grow: 1;
        justify-content: center
    }

    #block-headerbutton .btn-medium-primary {
        margin-left: 0
    }
}

@media (max-width: 769px) {}

@media (width < 768px) {
    table.comparison tbody tr:not(.table-more, .d-md-none) td:first-child {
        display: none;
    }

    table.comparison tr.table-more td,
    table.comparison tr.d-md-none td {
        background-color: var(--color-grey-100) !important;
    }

    table.comparison th:nth-child(2),
    table.comparison tbody tr:nth-of-type(even) td:nth-child(2) {
        background-color: var(--color-grey-50) !important;
    }

    table.comparison tr:nth-child(2) :is(p.text-white, small.text-white) {
        color: var(--verisure-green) !important;
    }

    table.comparison tbody tr.d-md-none {
        border-top: 2px solid var(--border-color) !important;
        border-bottom: 2px solid var(--border-color) !important;
    }

    table.comparison tbody tr td:nth-child(2):after {
        content: "";
        height: 100%;
        right: 0;
        top: 0;
        position: absolute;
        border-right: var(--border-color) 3px solid;
    }

    .rounded-bottom-left-mobile {
        border-bottom-left-radius: var(--border-radius) !important
    }

    .countdown-timer>p>span {
        font-weight: 500 !important;
    }

    .countdown-timer p.remaining:before,
    .countdown-timer>p>span:after {
        font-weight: 400 !important;
    }
}

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

    /* some things break 1px early */
    #views-exposed-form-office-lists-block-spain-list {
        text-align: center
    }

    header .block-views-exposed-filter-blockacquia-search-page-external-search input.form-submit {
        height: 41px;
        padding-top: 6px !important
    }



}

.user-logged-in .tabs a {
    cursor: pointer;
    pointer-events: auto
}

.user-logged-in .tabs li {
    width: unset
}

.bootstrap-form-hero .row.no-gutters {
    margin-right: 0 !important;
    margin-left: 0 !important
}

@media (min-width: 768px) {
    .hero-quote {
        height: 420px
    }

    .layout-container>header>.wrapper-header {
        padding: 10px !important;
    }

    .fixed-header.toolbar-tray-open.toolbar-vertical .layout-container>header {
        top: 32px
    }

    .fixed-header.toolbar-tray-open .layout-container>header {
        top: 79px
    }

    .menu--main .menu a {
        font-weight: 400
    }

    body:not(.thin-header, .white-header, .design-v2) .layout-container>header .site-header {
        height: 120px
    }

    .layout-container main {
        padding: 170px 0 0
    }

    #views-exposed-form-office-lists-block-spain-list .shs-container {
        width: 50%;
        margin: auto
    }

    .fixed-header .layout-container>header.top-header-off {
        top: -145px
    }

    table.comparison tbody tr:not(.table-more, .d-md-none) td:first-child {
        display: table-cell;
    }
}

.block-region-header .container-fluid h1 {
    font-size: 2.5rem;
    text-align: left
}

.block-region-header .bg-img-fake-desktop {
    display: block;
    height: 100%;
    padding: 0
}

.block-region-header .bg-img-fake-mobile {
    display: none
}

.block-region-header .bg-img-fake-responsive-wrapper {
    height: 100%;
    left: 0;
    position: absolute;
    right: 0
}

.block-region-header .bg-img-fake-responsive-wrapper+.row {
    min-height: 190px
}

@media screen and (max-width: 768px) {
    .block-region-header .bg-img-fake-desktop img {
        margin-left: -30%
    }

    .layout-container>header .region-header {
        justify-content: space-between;
        align-items: stretch
    }

    .layout-container>header .region-header :is(#block-headerbutton, .menu--main, .block-views-exposed-filter-blockacquia-search-page-external-search) {
        display: none
    }

    .layout-container>header .site-header .wrapper,
    #block-mobilephoneheader {
        display: flex;
        width: 61px;
        /* this must be this size so that the logo is centered, resposition wider elements (the button) */
        height: 78px;
        position: relative
    }

    .layout-container>header .region-header #block-verisure-uk-branding {
        margin-right: 0;
        display: flex;
        align-content: center
    }

    .menu-slide-action,
    #menu-svg,
    .sliding-panel-content {
        display: block
    }

    #block-mobilephoneheader {
        order: 3;
        display: flex;
        align-items: center;
        justify-content: center
    }

    #block-mobilephoneheader a.email-call-to-action:before {
        content: "";
        background-image: none;
        display: none
    }

    #block-mobilephoneheader a.email-call-to-action {
        font-size: 1.5rem;
        text-decoration: none;
        padding: 10px 20px 20px
    }

    .block-system-branding-block .site-logo {
        margin-right: 0;
        height: 100%;
        display: flex
    }

    a.site-logo img {
        object-fit: contain
    }

    .layout-container>header .region-header .block-system-branding-block {
        transform: none
    }

    #block-mobilephoneheader .phone-call-to-action a {
        padding: 10px 18px 22px;
        display: flex
    }

    .mobile-reverse {
        flex-direction: row-reverse
    }

    .mobile-column-reverse {
        flex-direction: column-reverse
    }

    body.transparent-mobile-menu:not(.panels-ipe-active) main,
    body.was-transparent-mobile-menu:not(.panels-ipe-active) main {
        padding: 0 !important
    }

    body.transparent-mobile-menu :is(.layout-container>header, .layout-container>header .wrapper-header) {
        background: 0 0;
        border-bottom: none;
        transition: all .3s
    }

    /*
    body:is(.white-header, .thin-header) #block-exposedformacquia-searchpage-external-search-3 {
        display: none !important
    } */

    /* body.transparent-mobile-menu #block-headerbutton .d-md-none.d-lg-block {
        display: none !important
    } */

    body.transparent-mobile-menu .menu-slide-action {
        filter: invert(1) brightness(2) contrast(10);
    }

    body.transparent-mobile-menu a.site-logo:before {
        content: "";
        background-image: url(https://d2pc6md4ebmkju.cloudfront.net/website+images/verisure-flat-logo-white.png.webp);
        height: 73px;
        width: 118px;
        display: block;
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center
    }

    body.transparent-mobile-menu :is(a.site-logo img) {
        display: none
    }

    body.transparent-mobile-menu .layout-container>header .region-header .block-system-branding-block {
        width: auto
    }

    body.transparent-mobile-menu a.site-logo:before {
        width: 80px;
        height: 50px;
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center
    }

    body.thin-header a.site-logo {
        object-position: center;
        height: 50px;
        object-fit: contain
    }

    body.thin-header .layout-container>header .region-header .block-system-branding-block {
        width: auto
    }

    body.thin-header .layout-container>header .site-logo {
        width: 80px
    }

    body.thin-header a.site-logo,
    body.transparent-mobile-menu a.site-logo:before {
        height: 73px
    }

    /*
    body.design-v2 :is(.layout-container>header, .layout-container>header .wrapper-header) {
        height: 78px
    } */

    body.transparent-mobile-menu.scrolled div.wrapper-header {
        display: none !important
    }
}

@media screen and (max-width: 425px) {
    .block-region-header .bg-img-fake-desktop img {
        margin-left: -70%
    }

    .mobile-quote-container .btn-start-quote {
        margin-right: auto
    }
}

.page-title {
    display: flex;
    margin-bottom: .5rem
}

.page-title img {
    margin-right: 1rem;
    height: 50px;
    width: 40px
}

.page-title img+h1 {
    margin: 0;
    display: flex;
    align-items: center;
    text-transform: uppercase
}

h1.title,
h2.title,
.container-fluid h1.title {
    font-size: 28px;
    font-weight: 300
}

h3.title {
    font-size: 22px;
    font-weight: 300
}

.title>strong,
.subtitle>strong,
.strong,
.title.strong,
.subtitle.strong {
    font-weight: 500
}

.title>b,
.subtitle>b,
.bold,
.title.bold,
.subtitle.bold {
    font-weight: 400
}

h2.subtitle {
    font-size: 26px;
    font-weight: 300
}

h3.subtitle {
    font-size: 22px;
    font-weight: 300;
    margin-top: 0
}

.boldest {
    font-weight: 900 !important
}

.italic,
.italics {
    font-style: italic
}

.half-italic,
.skew {
    transform: skew(-8deg);
}

.ml-50 {
    margin-left: 50%;
}

li>p {
    margin-bottom: unset
}

ul.bullets {
    display: block;
    list-style-type: disc;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0;
    margin-inline-end: 0;
    padding-inline-start: 40px
}

p.fat,
a.fat {
    font-size: 18px;
    font-weight: 700
}

a.fat {
    color: var(--default-text-color)
}

a.red {
    color: var(--color-primary)
}

input.search-bar {
    border-radius: 40px;
    padding-left: 1rem !important;
    outline: none
}

.layout-container>header .menu--main .menu-level-1 {
    transition: none
}

.path-frontpage #special-offer #banner.d-none,
.page-node-6031 #special-offer #banner.d-none,
.page-node-6036 #special-offer #banner.d-none {
    display: block !important
}

#offer-popup.hide {
    opacity: 0;
    visibility: hidden;
    transition: all .5s
}

#offer-popup {
    position: fixed;
    left: 0;
    bottom: 0;
    visibility: visible;
    opacity: 1;
    z-index: 1000;
    transition: all .5s;
    max-width: 365px;
    background: var(--verisure-grey);
    border: 1px solid var(--verisure-red);
    border-radius: 1rem
}

#offer-popup .popup-close {
    background-color: var(--verisure-old);
    color: #fff;
    --size: 30px;
    width: var(--size);
    height: var(--size);
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 5px;
    font-size: 32px;
    font-weight: 500;
    text-transform: none;
    cursor: pointer;
    position: absolute;
    right: 0;
    top: 0
}

#offer-popup .popup-info {
    color: white;
    --size: 30px;
    width: var(--size);
    height: var(--size);
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 5px;
    font-size: 25px;
    font-weight: 500;
    text-transform: none;
    cursor: pointer;
    position: absolute;
    right: 2.2rem;
    top: 0;
    background: var(--verisure-grey-2);
    padding-bottom: 8px;
}

.popup-info svg {
    background: white;
    border-radius: 15px;
}

#offer-popup .popup-info:hover {
    color: var(--verisure-grey-1);
}

#offer-popup .popup-close:hover {
    background-color: var(--verisure-dark-red)
}

#offer-popup .popup-smallprint {
    background: #fff;
    margin: -1rem;
    border-radius: 1rem;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-top: 1px solid var(--verisure-red);
    font-size: 75%;
    font-weight: 300;
    transition: all 0.3s;
}

#offer-popup.popup-chip .popup-smallprint {
    margin: 0 0 -6px 10px;
    border: 1px solid var(--verisure-red);
}

#special-offer {
    scroll-margin-top: 230px;
}

#offer-popup .popup-title small {
    font-weight: 500;
}

#offer-popup.popup-chip img.popup-image {
    margin-bottom: -1em;
}

#offer-popup.popup-chip .popup-smallprint:not(.show) {
    height: 0 !important;
    padding: 0 !important;
    margin-bottom: -1.1rem !important;
}

#offer-popup.popup-chip {
    background: none;
    border: none;
    max-width: 240px;
}


#quote-form {
    scroll-margin-top: 180px;
}

.scroll-margin-top,
.scroll-margin {
    scroll-margin-top: 180px;
}

.scroll-margin-thin {
    scroll-margin-top: 100px;
}

#review-box ul.nav {
    gap: 1em
}

#review-box .nav-link {
    color: #fff;
    padding: 2em;
    text-align: center;
    font-size: 21px;
    font-weight: 600
}

.webform-submission-negative-review-form {
    display: flex;
    flex-wrap: wrap;
    gap: 1em;
    margin-bottom: 2em
}

.webform-submission-negative-review-form label {
    display: block
}

.webform-submission-negative-review-form>.form-item {
    width: 100%;
    flex-basis: 100%;
    margin: 0
}

@media(min-width: 375px) {
    .webform-submission-negative-review-form :is(.form-item-name, .form-item-email) {
        width: 50%;
        flex-basis: calc(50% - 0.5em)
    }
}

.webform-submission-negative-review-form .form-actions {
    margin: 0
}

.webform-submission-negative-review-form .webform-button--submit {
    background: var(--verisure-red);
    color: #fff;
    padding: 1em;
    height: unset;
    line-height: unset;
    margin: 0;
    border-radius: 7px
}

.d-none {
    display: none !important
}


.countdown-timer:not(.cards)>p:not(.simple)>span:not(.d-none):not(:first-child):before {
    content: ":";
    position: absolute;
    left: 0;
    transform: translateX(-51%);
}

.countdown-timer.cards p:before {
    content: "Ends:";
    top: 50%;
    font-weight: 500;
    position: absolute;
    left: 0;
    transform: translate(-100%, -50%);
    padding-right: 8px;
}

.countdown-timer p.white-bg.rounded {
    background: white;
    color: var(--verisure-red) !important;
    border-radius: 25px !important;
    padding: 0 1em;
}

.countdown-timer.cards {
    margin-left: 30px;
}


.countdown-timer p.white-bg:not(.rounded)>span>span {
    background: none;
    background: white;
    /* background: url(https://d2pc6md4ebmkju.cloudfront.net/website+images/white-sq.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100%; */
    color: var(--verisure-red) !important;
    padding: 2px 1px;
    margin-top: 3px;
    margin-left: 5px;
    border-radius: 5px;
    z-index: 2;
    position: relative;
    display: inline-block;
    height: 38px;
    min-width: 35px;
    font-family: "Arial";
    line-height: 35px;
}

/* .countdown-timer p.white-bg:not(.rounded)>span>span:before {
    content: " ";
    width: 40px;
    height: 32px;
    background: white;
    border-radius: 5px;
    position: absolute;
    top: 50%;
    left: 50%;
    /* margin-left: 2px; */
/* margin-top: 2%;
    transform: translate(-50%, -60%);
    z-index: -1;
} */

.countdown-timer:not(.cards)>p.white-bg:not(.rounded)>span:not(.d-none):not(:first-child) {
    margin-left: 5px;
    position: relative;
}

.countdown-timer {
    position: relative;
    /* height: 55px; */
    transition: all 0.3s;
    margin-top: 3px;
}

.countdown-timer.active {
    opacity: 1 !important;
}

.countdown-timer p {
    gap: 0;
}

.countdown-timer>p>span {
    font-weight: 500;
    font-size: 34px;
    text-transform: uppercase;
    position: relative;
    /* padding-bottom: 1em; */
    display: inline-block;
    width: 50px;

}

.countdown-timer>p>span:after {
    position: relative;
    display: block;
    top: 77%;
    left: 50%;
    transform: translateX(-50%);
    font-size: 12px;
    letter-spacing: -1px;
    font-weight: 800;
    line-height: 11px;
    margin-top: -5px;
    margin-left: 2px;
}

.countdown-timer>p.simple>span:after {
    color: var(--color-grey-200);
    font-weight: 400;
    text-transform: capitalize;
    font-size: 13px;
    top: 0;
}

.countdown-timer>p.remaining>span:after {
    margin-top: 0px;
}

.countdown-timer>p>span.days:after {
    content: "days";
}

.countdown-timer>p>span.hours:after {
    content: "hours";
}

.countdown-timer>p>span.minutes:after {
    content: "minutes";
}

.countdown-timer>p>span.seconds:after {
    content: "seconds";
}

.countdown-timer p.remaining {
    position: relative;
    padding-top: 11px;
}

.countdown-timer p.remaining.simple {
    display: flex;
    gap: 10px;
}

.countdown-timer p.remaining:before {
    content: "ends in:";
    position: absolute;
    top: 0;
    font-size: 12px;
    left: 0;
    right: 0;
    text-align: center;
    font-weight: 600;
    text-transform: uppercase;
}

.countdown-timer p.remaining.simple:before {
    content: 'ends in';
    font-weight: 400;
    letter-spacing: normal;
    text-transform: uppercase;
    margin-bottom: 1em;
    top: -10px;
    font-size: 13px;
}


@media(min-width: 768px) {

    .d-md-block,
    .d-md-block.d-none {
        display: block !important
    }

    .d-md-flex,
    .d-md-flex.d-none {
        display: flex !important
    }

    .ml-md-50 {
        margin-left: 50%;
    }

    .w-md-auto {
        width: auto !important;
    }

    body.design-v2 .layout-container .top-bar {
        height: auto;
        overflow: visible;
        position: relative;
        z-index: 101;
        margin-top: 0;
    }

    body.design-v2.fixed-header .layout-container>header .top-bar {
        opacity: 1;
        height: auto;
        margin-top: -80px;
    }

    body.transparent-mobile-menu:not(.panels-ipe-active) main,
    body.was-transparent-mobile-menu:not(.panels-ipe-active) main {
        padding-top: 70px !important
    }

}

@media(min-width: 992px) {

    .d-lg-block,
    .d-none.d-lg-block {
        display: block !important
    }

    .position-lg-absolute {
        position: absolute
    }

    .ml-lg-50 {
        margin-left: 50%;
    }

    .w-lg-auto {
        width: auto !important;
    }
}

.object-fit-cover,
.object-fit-cover img {
    object-fit: cover;
    object-position: center
}

.object-fit-contain,
.object-fit-contain img {
    object-fit: contain;
    object-position: center
}

.object-position-left,
.object-position-left img {
    object-position: left !important
}

.object-position-right,
.object-position-right img {
    object-position: right !important
}

.filter-red {
    filter: brightness(0) saturate(100%) invert(23%) sepia(93%) saturate(6306%) hue-rotate(342deg) brightness(103%) contrast(119%)
}

.btn-white:not(:hover).btn-icon-right {
    color: var(--red) !important
}

.btn-white {
    background: #fff;
    color: var(--verisure-text) !important;
    align-items: center;
    border-radius: 40px;
    display: flex;
    font-weight: 400 !important;
    min-height: auto;
    padding: .625rem .8125rem !important;
    width: auto;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    display: inline-flex;
    text-decoration: none !important;
    border: none
}

.btn-white.text-red {
    color: var(--red) !important
}

.btn-white:hover {
    border: none;
    background: #fff;
    color: var(--red) !important
}

div.zoom-in,
div.zoom-out {
    overflow: hidden
}

.layout-content div.hero-img-container picture>img:only-of-type {
    display: block !important
}

div.row.columns,
div.columns {
    display: block
}

.hero {
    height: 60vh;
    overflow: hidden;
    transition: filter, height .3s;
    position: relative
}

.design-v2 .hero {
    height: 500px;
}

.hero .hero-title {
    position: absolute;
    z-index: 2;
    padding-top: 111px;
}

.hero-title.blur :is(h1, h2, h3, h4, h5, .h1, .h2, .h3, .h4, .h5) {
    filter: blur(5px)
}

.hero-title :is(h1, h2, h3, h4, h5, .h1, .h2, .h3, .h4, .h5) {
    transition: all 0.3s;
}

.page-node-5776 .hero {
    background: #3b0000
}

.hero .slider>:is(picture, img, video) {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: opacity .3s;
    opacity: 0
}

.hero .slider>:is(picture, img, video).active {
    opacity: 1;
    transition: opacity .3s
}

.hero .slider {
    position: relative;
}

.hero .slider .dots {
    /* 3 spans inside */
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    display: flex;
    justify-content: center;
    gap: 1em;
    margin-bottom: 1em;
    z-index: 3;
}

.hero .slide-text {
    opacity: 0;
    transition: opacity .3s;
    position: absolute;
}

.hero .slide-text.active {
    opacity: 1;
}

.hero .slider .dots span {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #fff;
    cursor: pointer
}

.hero .slider .dots span.active {
    background: var(--red);
}

.flip-x,
.flip-horizontal {
    transform: scaleX(-1);
}

.columns>div>img:first-child,
.columns>div>picture:first-child,
.columns>div>video:first-child {
    margin: var(--negMargin);
    margin-bottom: 0;
    width: calc(100% + var(--hPadding)*2);
    height: calc(100% + var(--vPadding)*2);
    max-width: unset;
    display: block
}

@media(min-width: 991px) {
    .countdown-timer {
        /* position: absolute; */
        /* right: 50%; */
        /* transform: translateX(50%); */
        top: 1px;
    }

    .columns>div>img:first-child,
    .columns>div>picture:first-child,
    .columns>div>video:first-child {
        object-fit: cover;
        width: 100%;
        height: 100%;
        max-width: 100%;
        margin: 0
    }

    div.row.columns,
    div.columns {
        display: flex;
        flex-wrap: wrap
    }

    div.columns:nth-child(even):not(.no-reverse),
    .reverse {
        flex-direction: row-reverse
    }

    .columns>div>img:first-child,
    .columns>div>picture:first-child,
    .columns>div>video:first-child,
    div.columns div.zoom-in img,
    div.columns div.zoom-in>picture {
        position: absolute;
        top: 0;
        left: 0
    }

    .hero {
        height: 75vh
    }

    /*
    body.design-v2:not(.white-header, .was-white-header) .hero {
        height: calc(100vh - 180px);
    } */

    .padded-desktop {
        padding: var(--vPadding) var(--hPadding)
    }

    .padded-left-desktop {
        padding-left: var(--hPadding)
    }

    .padded-right-desktop {
        padding-right: var(--hPadding)
    }

    #installation {
        border-top: none !important;
    }

    .flip-x-desktop,
    .flip-horizontal-desktop {
        transform: scaleX(-1);
    }
}

div.columns {
    overflow: hidden;
    flex-wrap: wrap
}

.columns>div,
.padded {
    padding: var(--vPadding) var(--hPadding)
}

.padded-half {
    padding: var(--hvPadding) var(--hhPadding)
}

.padded-top {
    padding-top: var(--vPadding)
}

.padded-bottom {
    padding-bottom: var(--vPadding)
}

.padded-bottom-half {
    padding-bottom: var(--hvPadding) !important
}

.padded-y {
    padding-top: var(--vPadding);
    padding-bottom: var(--vPadding)
}

.padded-left {
    padding-left: var(--hPadding)
}

.padded-left-half {
    padding-left: var(--hhPadding)
}

.padded-right {
    padding-right: var(--hPadding)
}

.padded-right-half {
    padding-right: var(--hhPadding)
}

.columns>div>img,
.columns>div>picture,
.columns>div>video {
    margin-bottom: var(--linePadding)
}

.container-fluid.new {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

:is(.hero, .columns, .new) :is(h1, h2, h3, h4, h5),
:is(.hero, .columns, .new) :is(h1, h2, h3, h4, h5, p):is(.h1, .h2, .h3, .h4, .h5) {
    line-height: normal;
    margin-bottom: var(--linePadding);
    margin-top: 0
}


:is(.hero, .columns, .new) :is(h1, h2),
:is(.hero, .columns, .new) :is(h1, h2, h3, h4, h5, p):is(.h1, .h2) {
    font-size: clamp(2.6rem, 4vw, 3.8rem) !important;
    font-weight: 400
}

:is(.hero, .columns, .new) :is(h1, h2, .h1, .h2):not(.nobold, .nostrong, .no-bold, .no-strong):first-child,
:is(.hero, .columns, .new) :is(h1, h2, h3, h4, h5, p):is(.h1, .h2):not(.nobold, .nostrong, .no-bold, .no-strong):first-child {
    font-weight: 500
}

:is(.hero, .columns, .new) :is(h3, h4),
:is(.hero, .columns, .new) :is(h1, h2, h3, h4, h5, p):is(.h3, .h4) {
    font-size: clamp(2rem, 2.5vw, 2.5rem) !important;
    font-weight: 400;
    letter-spacing: -2px
}

:is(.hero, .columns, .new) :is(h3, h4, h5):not(.nobold, .nostrong, .no-bold, .no-strong):first-child,
:is(.hero, .columns, .new) :is(h1, h2, h3, h4, h5, p):is(.h3, .h4, .h5):not(.nobold, .nostrong, .no-bold, .no-strong):first-child {
    font-weight: 500;
    letter-spacing: normal
}

:is(.hero, .columns, .new) :is(h1, h2, h3, h4, h5, h6).thin,
:is(.hero, .columns, .new) :is(h1, h2, h3, h4, h5, h6, p):is(.h1, .h2, .h3, .h4, .h5, .h6).thin {
    font-weight: 400;
    letter-spacing: -2px
}

:is(.hero, .columns, .new) :is(h1, h2, h3, h4, h5, h6).thinner,
:is(.hero, .columns, .new) :is(h1, h2, h3, h4, h5, h6, p):is(.h1, .h2, .h3, .h4, .h5, .h6).thinner {
    font-weight: 300;
    letter-spacing: -2px
}

:is(.hero, .columns, .new) h4,
:is(.hero, .columns, .new) :is(h1, h2, h3, h4, h5, h6, p).h4 {
    font-weight: 300
}

:is(.hero, .columns, .new) h5,
:is(.hero, .columns, .new) :is(h1, h2, h3, h4, h5, h6, p).h5 {
    font-size: clamp(1.1rem, 2vw, 2rem) !important;
    font-weight: 300;
    letter-spacing: -1px
}

:is(.hero, .columns, .new) h6,
:is(.hero, .columns, .new) :is(h1, h2, h3, h4, h5, h6, p).h6 {
    font-size: clamp(1.2rem, 1.4vw, 1.4rem) !important;
    font-weight: 400
}

.hero h1.huge,
.hero :is(h1, h2, h3, h4, h5, h6, p).h1.huge {
    /* font-size: 7vw; */
    font-size: clamp(4.6rem, 7vw, 6.8rem) !important;
}

h3.huge,
:is(h1, h2, h3, h4, h5, h6, p).h3.huge {
    font-size: clamp(2.6rem, 4vw, 3.8rem) !important;
}

/* .hero h2.huge {
    font-size: 6vw

} */

div.thin {
    --vPadding: 1em
}

div.thin :is(h1, h2, h3, h4, h5, h6, p, a),
div.thin :is(h1, h2, h3, h4, h5, h6, p):is(.h1, .h2, .h3, .h4, .h5, .h6) {
    margin-bottom: 0
}

:is(.columns, .hero, .new) :is(p, li, p>a) {
    font-size: clamp(1rem, 1.2vw, 1.2rem);
    line-height: 1.2
}

:is(.columns, .hero, .new) p {
    margin-bottom: var(--linePadding)
}

:is(.columns, .hero, .new) :is(p, li)>a {
    margin-bottom: unset
}

:is(.columns, .hero, .new) p>a.btn-large {
    margin-top: 0
}

:is(.columns, .hero, .new) :is(h3, h4, .h3, .h4) strong {
    letter-spacing: -1px
}

.border-black {
    border-color: #000
}

.border-white {
    border-color: #fff
}

.border-thick {
    border-width: 2px !important;
}

.hero p,
.hero li {
    color: #fff;
    margin-bottom: unset
}

.columns .desc {
    color: #fff;
    position: absolute;
    bottom: 0;
    left: 0;
    padding: var(--vPadding) var(--hPadding)
}

.columns .desc .spec li p {
    background: var(--verisure-red);
    display: inline-block;
    padding: 5px 10px;
    border-radius: 5px
}

.video-header video {
    transition: opacity .3s;
    opacity: 0;
    object-fit: cover;
    height: 100%;
    width: 100%
}

ul.icons li {
    display: flex;
    gap: 1rem;
    align-items: center;
    margin-bottom: 1rem
}

ul.icons p {
    margin-bottom: 0
}

ul.spec {
    display: flex;
    flex-flow: column;
    padding-top: 1rem
}

strong>small,
b>small {
    font-weight: inherit
}

.faded,
.faded img,
.darken,
.darken img {
    filter: brightness(.5) !important
}

.translucent {
    opacity: .5
}

.bg-white {
    background: #fff
}

.bg-white.translucent {
    opacity: 1;
    background: rgba(255, 255, 255, .8) !important
}

.bg-black {
    background: black;
}

.columns.phone>div>img {
    transform-origin: center;
    position: relative;
    transform: scale(2.892);
    width: max(50vw, 500px);
    height: auto;
    max-width: 100%;
    margin: auto
}

.modal.new,
.modal.new .modal-dialog {
    max-width: min(100vw, 700px);
}

.modal.new p:is(.outline, .outline-white, .outline-red, .outline-black, .outline-grey)+p {
    margin-left: 1em;
    align-self: center;
}

.modal.new .modal-dialog .modal-content {
    overflow-y: auto !important;
}
.modal.new .modal-body {
    padding: 2rem 1.5rem;
}

.modal.new .modal-body p:not(.d-flex) {
    display: block !important;
}

.modal.new p.d-flex {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
}

.modal.new p.d-flex a {
    margin-top: 0 !important;
}

.modal.new .modal-body p:last-child {
    margin-bottom: 0;
}

.modal.new .bg-red .btn-icon-right {
    border: 2px solid #fff !important;
}
.modal.new .btn-white:hover {
    color: var(--verisure-text) !important;
    background: var(--verisure-grey-2) !important;
}

.modal.new h3:first-child {
    text-align: center;
}

.fade {
    transition: opacity .3s;
    opacity: 0;
    /* height: 0 */
}

.fade.show {
    opacity: 1;
}

.fadebox .fade.show {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.hide:not(.show) {
    display: none
}

.fadebox {
    position: relative
}

.fadebox .buttons {
    display: flex;
    margin-bottom: var(--linePadding);
    position: initial
}

.fadebox button {
    box-shadow: none !important;
    opacity: .5;
    border: none !important;
    outline: 0
}

.fadebox button.active {
    opacity: 1
}

.fadebox button::after {
    content: " ";
    position: absolute;
    bottom: -1em;
    margin-left: -50px;
    width: 90px;
    border-bottom: 2px solid var(--verisure-grey) !important;
    border-radius: 0 !important
}

.fadebox button.active::after {
    border-color: var(--verisure-red) !important
}

.fadebox div.content,
.fadebox div.buttons+div {
    min-height: 60px;
    text-align: center
}

.font-weight-300,
.hero h1 i,
.hero :is(h1, h2, h3, h4, h5, p).h1 i {
    font-weight: 300
}

body.user-logged-in.design-v2:not(.panels-ipe-active) :is(div#block-verisure-uk-local-tasks, div#block-verisure-ie-local-tasks) {
    display: none
}

body.design-v2:is(.white-header, .was-white-header):not(.panels-ipe-active) main {
    padding: 0 !important
}


body.design-v2 {
    --color-primary: var(--verisure-red);
    overscroll-behavior-x: contain;
}

body.white-header :is(.layout-container>header, .layout-container>header .wrapper-header) {
    background: 0 0;
    border-bottom: none;
    transition: all .3s
}

body.thin-header :is(.layout-container>header, .layout-container>header .wrapper-header) {
    /* background: #fff; */
    transition: all .3s
}

body:is(.white-header, .thin-header) .layout-container>header .site-header {
    transition: height .3s
}

body:is(.white-header, .thin-header) #block-exposedformacquia-searchpage-external-search-3 {
    display: none !important
}

body.white-header .menu-item--expanded:after {
    border-color: #fff !important
}

body.white-header header .menu :is(li, a, span),
.design-v2 .menu--footer .menu :is(li, a) {
    color: #fff !important
}

body.white-header header .menu--main .field--name-field-upper-title {
    color: #fff
}

body.white-header #block-mobilephoneheader a.email-call-to-action {
    filter: invert(1);
}

body.white-header .layout-container>header .menu--main .menu-level-1,
body.white-header .layout-container>header .menu--main .menu-level-1:before {
    background: 0 0;
    border-color: #fff
}

body.white-header .layout-container>header .menu--main .menu-level-1 {
    border-bottom: none
}

body.white-header .layout-container>header .menu--main .menu-level-1 li {
    background: 0 0;
    color: #fff;
    border-color: #fff
}

body.white-header .layout-container>header .menu--main .menu-level-1 :is(li, a):hover {
    background: 0 0;
    color: var(--verisure-red) !important
}

body.white-header :is(header .menu-item--expanded:after) {
    border-color: #fff !important
}

body.white-header a.site-logo:before {
    content: "";
    background-image: url(https://d2pc6md4ebmkju.cloudfront.net/website+images/verisure-flat-logo-white.png.webp);
    height: 73px;
    width: 118px;
    display: block;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center
}

body.white-header :is(a.site-logo img) {
    display: none
}

body.white-header .layout-container>header .region-header .block-system-branding-block {
    width: auto
}

body.white-header a.site-logo:before {
    width: 80px;
    height: 50px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center
}

body.thin-header a.site-logo {
    object-position: center;
    height: 50px;
    object-fit: contain
}

body.thin-header .layout-container>header .region-header .block-system-branding-block {
    width: auto;
}

body.thin-header .layout-container>header .site-logo {
    width: 80px;
}

@media(max-width: 767px) {

    body.design-v2 :is(.layout-container>header, .layout-container>header .wrapper-header) {
        height: 78px
    }
}

body.white-header.scrolled div.wrapper-header {
    display: none !important
}

body .d-dev {
    display: none !important
}

body.design-v2 .d-dev {
    display: block !important
}

body.design-v2 .d-dev-none {
    display: none !important
}

body.design-v2 .d-dev.d-flex {
    display: flex !important
}

body.design-v2 .d-dev.d-none {
    display: none !important
}

body.design-v2 :is(#block-mobilemenulinks, #block-exposedformacquia-searchpage-external-search-2) {
    display: none
}

#quote-box,
#quote-box .container,
#quote-box .col-12,
#special-offer .container-fluid.new {
    padding-left: 0;
    padding-right: 0
}

.table-wrapper {
    width: 100%;
    overflow-x: auto
}

.table-wrapper table {
    min-width: 800px
}

.table-wrapper td,
th {
    vertical-align: text-top;
    border-right: 1px solid #ccc
}

.table-wrapper th {
    font-size: .875rem
}

.table-wrapper tr {
    border-bottom: 1px solid #ccc
}

.table-wrapper thead {
    border: 1px solid #ccc
}

#product-spec :is(h3, h4, h5, hr, .h3, .h4, .h5) {
    width: 100%;
    flex-basis: 100%
}

#product-spec p {
    margin-bottom: 0
}

#product-spec p:nth-of-type(odd) {
    width: 50%;
    flex-basis: 50%
}

#product-spec p:nth-of-type(even) {
    width: 50%;
    flex-basis: 50%;
    text-align: right
}

.new,
.new p:is(.h1, .h2, .h3, .h4, .h5, .h6) {
    --border-radius: 25px;
    color: var(--verisure-text)
}

.rounded {
    border-radius: var(--border-radius) !important
}

.rounded-top {
    border-top-left-radius: var(--border-radius) !important;
    border-top-right-radius: var(--border-radius) !important
}

.rounded-bottom {
    border-bottom-left-radius: var(--border-radius) !important;
    border-bottom-right-radius: var(--border-radius) !important
}

.rounded-top-left {
    border-top-left-radius: var(--border-radius) !important
}

.rounded-bottom-right {
    border-bottom-right-radius: var(--border-radius) !important
}

.rounded-bottom-left {
    border-bottom-left-radius: var(--border-radius) !important
}

body.white-header :is(.menu-slide-action, .phone-call-to-action) {
    filter: invert(1) brightness(2) contrast(10)
}

.gap,
.gapped {
    gap: 1rem
}

.minus-gap-bottom {
    margin-bottom: -1rem
}

.minus-gap-top {
    margin-top: -1rem
}

.bg-red.text-white hr {
    border-color: #fff
}

.collapse:not(.show) {
    display: none !important
}

.collapse.show.d-flex {
    display: flex !important
}

.design-v2 :is(.hero-quote, .hero-form) {
    height: auto;
    min-height: auto
}

.design-v2 :is(.columns, .new) .col-lg-6 {
    text-align: center
}

@media(min-width: 991px) {
    .design-v2 :is(.columns, .new) .col-lg-6 {
        text-align: left
    }

    body.white-header #block-headerbutton .d-md-none.d-lg-block {
        display: none !important
    }
}

div.related-products {
    display: none
}

.border-red,
.border-red hr {
    border-color: var(--verisure-red)
}

.design-v2 a>:is(h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6) {
    margin-bottom: 0
}

.bg-grey,
.bg-gray {
    background-color: var(--verisure-grey)
}

.card.product-card {
    min-width: 400px;
    text-align: center
}

.card.product-card .card-header {
    min-height: max(8vw, 3rem);
    text-align: center;
    display: flex;
    align-items: center
}

.card.product-card .card-header>* {
    margin-bottom: 0;
    width: 100%
}

.card.product-card img {
    width: auto;
    max-width: unset;
    object-fit: contain;
    max-height: 200px;
    padding: 1rem
}

.card.product-card .card-body {
    display: flex;
    flex-direction: column
}

.card.product-card .card-text {
    flex-grow: 1
}

.card.product-card .card-link {
    margin-top: var(--linePadding)
}

.card.product-card .card-body :is(h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6) {
    margin-bottom: var(--linePadding)
}

.card.product-card a {
    text-decoration: none;
    color: var(--verisure-text)
}

.draggable {
    cursor: grab;
    overflow: scroll;
    scrollbar-width: none;
    -ms-overflow-style: none
}

.draggable::-webkit-scrollbar {
    width: 0;
    height: 0
}

.draggable img {
    user-select: none;
    -moz-user-select: none;
    -webkit-user-drag: none;
    -webkit-user-select: none;
    -ms-user-select: none
}

.text-grey,
.text-gray {
    color: var(--default-text-color)
}

.margin-top {
    margin-top: var(--linePadding)
}

#faqs .card-header:only-child {
    border-bottom: none
}

#faqs .question:not(.collapsed),
#faqs .answer .card-header p {
    font-weight: 400;
    color: #000
}

#faqs .card-header p {
    margin-bottom: 0
}

.collapse div#answers {
    padding-left: var(--hhPadding)
}

div.peek img {
    position: absolute;
    right: 100%;
    transform: translateY(-50%);
    width: 170px !important;
    max-width: unset;
    width: auto;
    z-index: 5;
}

div.peek {
    position: relative;
}

div#red-banner .columns,
div#countdown-offer.columns {
    overflow: visible !important;
}

#countdown-offer {
    height: 70px;
    position: relative;
}

.countdown-timer.cards span span {
    letter-spacing: 4px;
    z-index: 1;
    position: relative;
    width: 100%;
    display: inline-block;
    text-align: center;
    font-family: monospace;
    color: black;
}

.countdown-timer.cards span span:before,
.countdown-timer.cards span span:after {
    content: "";
    background: white;
    display: block;
    position: absolute;
    width: 42%;
    height: 80%;
    z-index: -1;
    top: 9%;
}

.countdown-timer.cards span span:before {
    left: 0px;
}

.countdown-timer.cards span span:after {
    right: 3px;
}

.countdown-timer.cards p>span:not(:first-child) {
    margin-left: 7px;
}

/* .countdown-timer.cards p>span:is(.minute, .seconds) {
    display: none;
} */

.countdown-timer.cards>p>span:after {
    margin-top: -2px;
}

table.comparison {
    --border-color: var(--color-grey-200)
}

table.comparison tr.table-more td,
table.comparison th:nth-child(2) {
    background-color: var(--color-grey-100)
}

tr.table-more td.rounded-bottom {
    cursor: pointer;
    border: 2px solid var(--border-color) !important;
    border-bottom-left-radius: var(--border-radius) !important;
    border-bottom-right-radius: var(--border-radius) !important
}

tr.table-more {
    position: relative
}

tr.table-more td {
    font-size: 28px !important;
    font-weight: 500 !important;
    height: 46px;
    padding: 0 !important
}

table.comparison td,
table.comparison th {
    text-align: center;
    vertical-align: middle
}

table.comparison th {
    border: none;
    font-size: 1.8em;
    font-weight: 600;
    padding: 1em .5em
}

tr.table-more~tr {
    display: none
}

table.comparison p {
    margin-bottom: 0;
    color: var(--verisure-text)
}

table.comparison tr {
    box-shadow: none;
    border: none
}

table.comparison :is(td, th) {
    width: 19%
}

table.comparison :is(td, th):nth-child(1) {
    width: auto
}

table.comparison td {
    border: none
}

table.comparison tr:not(.table-more) td {
    background-color: var(--color-grey-50);
    padding: 1.2em 2.2em;
    position: relative;
    height: 80px
}

table.comparison tr:first-child {
    padding-top: 1.2em
}

table.comparison tbody {
    border: none
}

table.comparison tbody tr:nth-of-type(even) td:nth-child(2) {
    background-color: var(--color-grey-100)
}

table.comparison tbody tr:nth-of-type(odd) td:nth-child(2) {
    background-color: var(--color-grey-200)
}

table.comparison td>small {
    font-weight: 600;
    color: var(--verisure-text)
}

table.comparison td p small {
    font-weight: 400
}

table.comparison tbody tr :is(td:nth-child(3), td:nth-child(4)):after {
    content: "";
    height: 100%;
    right: 0;
    top: 0;
    position: absolute;
    border-right: var(--border-color) 3px solid
}

table.comparison tbody tr:first-child :is(td:nth-child(3), td:nth-child(4)):after {
    margin-top: 1em
}

table.comparison tbody tr:last-child :is(td:nth-child(3), td:nth-child(4)):after {
    margin-bottom: 1em
}

table.comparison tbody tr td p {
    font-weight: 500;
    font-size: 2.4em
}

table.comparison tbody tr td:first-child p {
    font-size: 1.4em
}

table.comparison img[alt*=icon] {
    --size: 2.8em;
    width: var(--size) !important;
    height: var(--size) !important;
    border: 3px solid;
    border-radius: 100%;
    padding: 4px
}

table.comparison img[alt*=Check] {
    border-color: var(--verisure-green)
}

table.comparison img[alt*=Cross] {
    border-color: var(--verisure-red)
}

table.comparison img[alt*=ellow] {
    border-color: var(--verisure-orange)
}

#key img {
    display: inline-block !important;
    margin: 0;
    --size: 2.8rem;
}

#key span {
    display: inline-block;
    font-size: 0.7rem;
}

.page-node-6191 #key img {
    --size: 2rem;
    margin-right: 5px;
}

.page-node-6226 table.comparison img[alt*=icon] {
    border-color: transparent !important;
}

#offer-more {
    /* position: absolute; */
    width: 100%;
    z-index: 5;
    background: #fff
}

#offer-more .plus-bg>div:nth-child(1)::after {
    /*
    right: 0;
    bottom: 0; */
    content: "+";
    font-size: 12rem;
    /* color: var(--verisure-red); */
    position: absolute;
    top: 0;
    left: 100%;
    transform: translateX(-50%);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 2;
    height: 100%;
}


#offer-more .plus-bg.bg-red>div:nth-child(1)::after {
    color: #fff;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    transform: none;

}

#offer-more .plus-bg.bg-red :is(h3, .h3) {
    color: #fff;
}

#offer-more .plus-bg:not(.bg-red) {
    border-bottom: 1px solid var(--color-grey-100) !important;
}

#offer-more .plus-bg {
    position: relative
}

#offer-more .plus-bg>div:nth-child(1) {
    position: static;
}

/* #offer-more .plus-bg>div {
    padding: var(--hPadding);
} */

@media(max-width: 768px) {

    body.thin-header a.site-logo,
    body.white-header a.site-logo:before {
        height: 73px
    }

    #offer-more .plus-bg .col-md-6 {
        padding: var(--hhPadding);
    }

    #offer-more .plus-bg .col-md-6:nth-child(1) {
        position: relative;
        padding-top: var(--vPadding);
        padding-bottom: var(--vPadding);

    }

    #offer-more .plus-bg .col-md-6:nth-child(1)::after {
        display: block;
        bottom: 0;
        top: unset;
        left: 50%;
        right: unset;
        transform: translate(-50%, var(--hPadding));
        line-height: 6rem;
        height: auto;
    }

    .collapse div#questions,
    .collapse div#answers {
        padding-left: var(--hPadding);
        padding-right: var(--hPadding)
    }

    #pillars .card.transparent {
        opacity: 1 !important;
    }

    .countdown-timer {
        display: flex;
        align-items: center;
    }

    /* .countdown-timer>p>span {
        width: 36px;
        font-size: 28px;
        z-index: 3;
    } */

    .countdown-timer {
        flex-shrink: 0;
    }

    .countdown-timer>p>span:after {
        font-size: 10px;
    }
}

@media (min-width: 577px) {
    tr.table-more td {
        display: block;
        position: absolute;
        width: 100% !important
    }

}

@media(max-width: 576px) {
    table.comparison thead th {
        height: 40px !important;
        /* padding: 1.1rem !important; */
        font-size: 100% !important;
    }

    table.comparison tr:not(.table-more) td {
        height: 40px !important;
        padding: 0.5rem !important;
        font-size: 70% !important;

    }

    /* table.comparison tr.table-more {
        height: 80px !important;
    } */
    tr.table-more td.rounded-bottom {
        border-left: none !important;
        border-right: none !important;
        border-bottom: none !important;
        /* position: relative; */
    }

    .d-sm-none {
        display: none !important
    }

    .card.product-card {
        min-width: 300px
    }

    .card.product-card .card-header {
        min-height: 4rem
    }

    #product-spec p:nth-child(odd) {
        font-weight: 400;
        flex-basis: 100%
    }

    #product-spec p:nth-child(even) {
        flex-basis: 100%;
        margin-bottom: var(--linePadding);
        text-align: left
    }

    #product-spec p:last-child {
        margin-bottom: 0
    }

    #product-spec hr {
        margin-top: 0
    }

    .border-bottom-sm {
        border-bottom: 1px solid var(--color-grey-100);
    }

    #mini-funnel .containerAnswers {
        margin-top: 0;
        margin-left: 0;
        margin-right: 0;
    }

    #mini-funnel #slides {
        min-height: 460px !important;
    }

    .hero .hero-title {
        padding-top: 81px
    }

    .hero .hero-title h1,
    .hero .hero-title :is(h1, h2, h3, h4, h5, p).h1 {
        font-size: clamp(2rem, 2.5vw, 2.5rem) !important;
    }

    .hero .hero-title a.btn-quote {
        padding: 10px 15px;
        min-height: unset;
    }
}

.download-icon:after,
.download-hover:after {
    content: '';
    background-image: url(https://d2pc6md4ebmkju.cloudfront.net/website+images/icons/download.svg);
    background-size: 50px;
    background-position: center;
    background-repeat: no-repeat;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    filter: invert(1) brightness(2) contrast(10);
    z-index: 2
}

.download-hover:after,
.download-hover:before {
    opacity: 0;
    transition: all .3s
}

.download-hover:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: ''
}

.download-hover:hover:before {
    background: rgba(0, 0, 0, .5);
    opacity: 1
}

.download-hover:hover:after {
    opacity: 1
}

.download-hover img {
    transition: filter .3s
}

.download-hover:hover img {
    filter: brightness(.7)
}

#press-kit #images a {
    max-height: 300px
}

.block-entity-fieldnodefield-panopoly-categories .field,
.block-entity-fieldnodefield-faq-category .field {
    display: none
}

.draggable.mw-container {
    max-width: 100vw;
    padding-left: calc((100% - var(--layout-container))/2)
}

.arrow-down-up:after {
    color: #fff;
    content: " ";
    font-size: 1.5rem;
    line-height: 1;
    position: absolute;
    right: calc(var(--hhPadding)/2);
    transform: translate(-50%, 50%) rotate(45deg);
    border-top: 4px solid #fff;
    border-left: 4px solid #fff;
    width: 20px;
    height: 20px
}

.arrow-down-up:not(.collapsed):after {
    transform: translate(-50%, 0%) rotate(225deg)
}

a#quote-collapse.arrow-down-up {
    display: flex;
    align-items: center;
}


a#quote-collapse.arrow-down-up:after {
    left: unset;
    top: unset;
    transform: translate(0, 0%) rotate(225deg);
    position: relative;
    order: -1;
    flex-grow: 0;
    flex-shrink: 0;
    margin-top: -4px;
}

.plus-minus {
    --width: 25px;
    --size: 4px
}

.plus-minus::after,
.plus-minus::before {
    content: " ";
    position: absolute;
    margin-left: calc(var(--width)/2);
    left: 0;
    width: var(--width);
    height: var(--width);
    top: calc(50% - var(--size)/2)
}

.plus-minus::before {
    border-top: var(--size) solid #fff
}

.plus-minus.collapsed::after,
.plus-minus.active::after {
    content: " ";
    border-top: var(--size) solid #fff;
    transform: rotate(90deg) translate(calc(-50% + (var(--size)/2)), calc(50% - (var(--size)/2)))
}

.expand {
    --size: 4px;
    --width: 16px;
    border-radius: 100%;
    position: absolute;
    right: 0;
    bottom: 0;
    padding: var(--width);
    margin: var(--width);
    display: flex;
    background-color: #fff;
    cursor: pointer;
    user-select: all;
    z-index: 3;
    outline: none !important;
    border: none !important;
}

.expand.plus-minus::after,
.expand.plus-minus::before {
    left: unset;
    right: calc(var(--width)/2);
    position: absolute;
    z-index: 2;
    border-color: #000
}

.expand.plus-minus.active::after {
    transform: rotate(90deg) translate(calc(-50% + (var(--size)/2)), calc(50% - (var(--size)/2)))
}

.hero div#fixed-offer,
.hero div#offer-chip {
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: 4;
    height: 180px;
    max-width: 300px;
    cursor: pointer;
}

.hero div#fixed-offer,
.hero div#offer-chip img {
    width: 100%;
    object-fit: contain;
    object-position: right;
}

@media(max-width: 480px) {

    /* new mobile - iphone xl is larger than 425 */
    .card.expander,
    #pillars .card {
        max-width: calc(100vw - var(--hPadding)* 2);
        min-width: calc(100vw - var(--hPadding)* 2);
        min-height: max(120vw, 420px);
    }

    #pillars .card:not(.intro-card) .arrows .arrow.right {
        display: block;
    }

    .countdown-timer>p>span {
        font-weight: 400;
        z-index: 2;
        position: relative;
    }

    /* .countdown-timer>p:not(.simple)>span.minutes,
    .countdown-timer>p:not(.simple)>span.seconds {
        display: none;
    } */

    #offer-popup .popup-smallprint.small {
        font-size: 60%;
    }

    #offer-popup {
        max-width: 100vh;
    }

    .hero div#offer-chip {
        /* height: auto;
        max-width: 100%; */
        margin-bottom: 1rem;
    }

    /*
    .hero div#fixed-offer,
    .hero div#offer-chip img {
        width: unset;
        object-position: center;
    } */

}

.page-node-type-faq span.field.field--name-title {
    font-size: 28px;
    font-weight: 400;
    line-height: 1.2;
    display: block;
    margin-bottom: .5rem
}

.webform-flexbox {
    margin: 0
}

.webform-flex--container {
    margin: 0 .5em;
    padding-top: .5em
}

.form-item-consent.form-no-label input+.description,
.form-item-terms.form-no-label input+.description,
.form-item-alarm-info.form-no-label input+.description {
    display: inline-block
}

form#webform-submission-wst-competition-form-node-6176-add-form--2 .form-item {
    margin: 0 auto
}

form#webform-submission-wst-competition-form-node-6176-add-form--2 .form-item-consent,
form#webform-submission-wst-competition-form-node-6176-add-form--2 .form-item-terms,
form#webform-submission-wst-competition-form-node-6176-add-form--2 .form-item-alarm-info {
    display: flex
}

form#webform-submission-wst-competition-form-node-6176-add-form--2 .form-item-consent input,
form#webform-submission-wst-competition-form-node-6176-add-form--2 .form-item-terms input,
form#webform-submission-wst-competition-form-node-6176-add-form--2 .form-item-alarm-info input {
    margin-right: 1em;
    margin-left: 1em
}

.webform-submission-form .form-actions input.form-submit {
    background: var(--verisure-red);
    color: #fff;
    margin: .5em .5em 1em;
    border-radius: 1em
}

.webform-submission-form .form-actions input.form-submit:hover {
    background: var(--verisure-dark-red)
}

.webform-submission-form .form-actions {
    position: unset;
    margin: 0
}

@media(min-width: 992px) {

    .webform-submission-form .form-actions,
    .webform-submission-form .form-wrapper {
        width: 50%;
        margin-left: auto;
        margin-right: auto
    }
}

#onetrust-banner-sdk.otCenterRounded #onetrust-reject-all-handler,
#onetrust-pc-sdk .ot-pc-refuse-all-handler {
    background: linear-gradient(135deg, rgba(220, 221, 222, 1) 0%, rgba(190, 192, 194, 1) 100%) !important;
    border: 0 !important;
}

#onetrust-consent-sdk #onetrust-policy-text {
    font-size: 14px !important;
    padding-top: 16px !important;
}

#onetrust-consent-sdk #onetrust-banner-sdk button {
    padding: 16px !important;
}

@media only screen and (min-width: 1280px) {
    #onetrust-banner-sdk:not(.ot-iab-2) #onetrust-group-container {
        width: 100% !important;
    }
}

@media screen and (max-width: 425px) {
    #onetrust-banner-sdk.otCenterRounded #onetrust-accept-btn-handler {
        padding: 24px !important;
    }

    #onetrust-consent-sdk #onetrust-policy-text {
        font-size: 14px !important;
    }

    #onetrust-banner-sdk.otCenterRounded .has-reject-all-button #onetrust-pc-btn-handler,
    #onetrust-banner-sdk.otCenterRounded #onetrust-reject-all-handler {
        padding: 10px !important;
    }

    #onetrust-consent-sdk #onetrust-policy-text {
        font-size: 12px !important;
    }
}

@media screen and (max-width: 720px) {
    #onetrust-consent-sdk #onetrust-accept-btn-handler {
        width: 100% !important;
    }

    #onetrust-banner-sdk.otCenterRounded .has-reject-all-button #onetrust-pc-btn-handler {
        width: 100% !important;
    }

    #onetrust-banner-sdk.otCenterRounded #onetrust-reject-all-handler {
        width: 100% !important;
    }
}

div#cookie-read-more {
    background: white !important;
    padding: 3em;
    margin-bottom: 5em;
}

div#cookie-read-more a.close-button {
    background-color: var(--verisure-red) !important;
    border-color: var(--verisure-dark-red) !important;
    color: #fff !important;
    font-weight: 600 !important;
    font-size: .813em !important;
    padding: 2em 2em;
    width: 100%;
    margin-top: 1em;
    text-align: center;
}

@media (max-width: 768px) {
    div#cookie-read-more {
        margin-bottom: 12em;
        padding: 2em;
    }
}

@media (max-width: 401px) {
    div#cookie-read-more {
        font-size: 13px;
        margin-bottom: 16em;
        padding: 2em;
    }
}

a.btn-quote:hover {
    text-decoration: none
}

.btn-icon::after,
.btn-quote::after {
    background: transparent url(/themes/custom/bootstrap_securitas/images/icons/svg/goto_alt.svg) no-repeat center;
    background-size: contain;
    content: '';
    display: inline-block;
    height: 1.625rem;
    margin-left: .9375rem;
    width: 1.625rem
}

.btn-icon::after,
.btn-icon-red::after,
.btn-icon.btn-white::after,
.btn-quote.btn-white::after {
    background-size: contain;
    content: '';
    display: inline-block;
    height: 1.625rem;
    margin-left: .9375rem;
    width: 1.625rem
}

.btn-icon-red::after,
.btn-icon.btn-white::after,
.btn-quote.btn-white::after,
.btn-icon-right.btn-white::after {
    background: transparent url(/themes/custom/bootstrap_securitas/images/icons/svg/goto.svg) no-repeat center
}

.page-node-6201 main {
    padding-top: 0 !important
}

.page-node-6191 .template--trustpilot-widget-v1,
.page-node-6226 .template--trustpilot-widget-v1 {
    display: none
}

/* homepage three - marketing */
.page-node-6226 #offer-more {
    display: block !important;
}

#tp-small {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 2;
    cursor: pointer;
    padding: var(--hvPadding) 0;
    margin-bottom: var(--hvPadding)
}

#tp-small #fakeButton {
    background: 0;
    z-index: 4;
    position: absolute;
    width: 100%;
    height: 100%;
    margin-top: calc(var(--hvPadding)* -1);
}

.z-index-2 {
    z-index: 2
}

.z-index-3 {
    z-index: 3
}

.z-index-4 {
    z-index: 4
}

.z-index-5 {
    z-index: 5
}

.card.rounded {
    border-radius: 25px !important;
    overflow: hidden
}

.gap-large {
    gap: var(--hPadding)
}

.gap-half {
    gap: var(--hhPadding)
}



.scroll-fade-in {
    opacity: 0;
    transition: opacity 1s
}

.scroll-fade-in.show {
    opacity: 1
}

.scroll-fade-in.position-absolute {
    top: 0;
    left: 0
}

.transparent {
    opacity: 0;
    transition: opacity .3s
}

.new p.d-flex {
    flex-flow: row wrap;
    gap: 1rem
}

a.btn-new {
    padding: 1em 2em !important;
    border-radius: 25px !important;
    font-weight: 400 !important;
    display: inline-flex;
    margin-top: 1rem !important
}

a.btn-new.btn-icon-right {
    color: #fff;
    position: relative;
    padding-right: 3.5rem !important
}

a.btn-new.btn-icon-right::after {
    margin-left: 1rem;
    position: absolute;
    right: 1rem;
    top: 50%;
    transform: translateY(-50%);
    background-size: 1.5rem
}

.font-FiraSans {
    font-family: Fira Sans, sans-serif
}

#mini-funnel {
    position: relative;
    color: #fff
}

#mini-funnel #slides>.title {
    top: 0;
    left: 0;
    padding: var(--hvPadding);
    font-weight: 700;
    /* display: none; */
}

#mini-funnel section,
#mini-funnel article {
    z-index: 2;
    position: relative
}

#mini-funnel a {
    color: inherit;
    text-decoration: inherit
}

#mini-funnel p {
    margin: 0;
    color: #fff;
    font-weight: 400
}

#mini-funnel #progress-bar {
    padding: 1.25rem;
    width: 100%;
    margin: auto;
    top: 0;
    position: sticky;
    padding-top: 35px;
    padding-bottom: 2.5rem;
    z-index: 10
}

#mini-funnel .layout-container {
    display: initial
}

#mini-funnel .time-bar {
    width: 100%
}

#mini-funnel .time-bar__bar {
    margin: auto;
    flex-direction: column;
    display: flex;
    margin-bottom: 30px;
    max-width: 1000px
}

#mini-funnel .time-bar-tabs {
    font-weight: 200;
    display: flex;
    justify-content: space-around;
    max-width: 1000px;
    list-style: none;
    padding: 0;
    margin: 0
}

#mini-funnel .pointer-events {
    pointer-events: none
}

#mini-funnel .title-tabs {
    text-transform: uppercase;
    font-size: 12px
}

#mini-funnel #progress-bar-line {
    background-color: #fff;
    /* border-radius: 9999px; */
    display: flex;
    align-items: center;
    max-width: 1000px;
    width: 100%;
    height: 10px;
    margin: auto;
    position: relative;
    border: none
}

#mini-funnel #progress-bar-bar {
    transition-property: width;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-duration: 150ms;
    width: 0;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-duration: 1s;
    color: #fff;
    line-height: 1;
    font-weight: 500;
    font-size: .75rem;
    text-align: center;
    padding: .125rem;
    background-color: var(--verisure-grey-3);
    border-radius: 9999px;
    height: 100%
}

#mini-funnel #progress-bar-circle {
    width: 35px;
    height: 35px;
    position: absolute;
    z-index: 10;
    border-radius: 100%;
    padding-top: 6px;
    padding-bottom: 6px;
    text-align: center;
    font-size: 14px;
    background-color: #fff;
    color: #fff;
    transition-property: all;
    transition-duration: 1s;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transform: translateX(-15px);
    display: flex;
    align-items: center;
    justify-content: center
}

#mini-funnel #progress-bar-circle.grey {
    background-color: var(--verisure-grey-3)
}

#mini-funnel #progress-bar-circle-white {
    background-color: #fff;
    border-radius: 100%;
    width: 35px;
    height: 35px;
    right: 0;
    position: absolute
}

#mini-funnel #seconds {
    right: 0;
    bottom: 25px;
    position: absolute;
    text-align: center;
    transform: translateX(25px)
}

#mini-funnel #seconds :is(h2, .h2) {
    margin-bottom: 0;
    font-weight: 700
}

#mini-funnel #seconds>small {
    margin-top: -7px;
    display: block;
    font-size: 70%;
    font-weight: 600
}

#mini-funnel #slides {
    padding-bottom: 0;
    margin: auto;
    transition: all .5s;
    min-height: 350px;
    color: #fff
}

#mini-funnel .question-title {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    font-weight: 600;
    letter-spacing: normal;
}

#mini-funnel .containerAnswers {
    margin-top: 40px;
    margin-left: 40px;
    margin-right: 40px;
    display: flex;
    gap: 1em;
    align-items: center;
    flex-wrap: wrap;
    justify-content: space-evenly;
    flex-direction: row
}

#mini-funnel .answer-btn {
    cursor: pointer;
    display: flex;
    /* padding: 22px 40px 20px; */
    background-color: #fff;
    border-radius: 15px;
    border-top-left-radius: 0;
    width: fit-content;
    align-items: center;
    gap: 1em;
    scale: 1;
    transition: scale .5s ease-in-out;
    color: #000;
    margin: 0;
    padding: 0 40px;
    min-height: 70px;
}

#mini-funnel .answer-img {
    font-size: 25px;
    color: var(--verisure-red)
}

#mini-funnel .answer-active .answer-img {
    color: #fff
}

#mini-funnel .answer-txt {
    font-size: 16px;
    text-align: center;
}

#mini-funnel .answer-active {
    color: #fff;
    background-color: #ed002f;
    scale: 1.15
}

#mini-funnel .containerPhone,
#mini-funnel .containerPostCode {
    display: flex;
    flex-direction: column;
    gap: 20px;
    justify-content: space-evenly
}

#mini-funnel .inputPhone,
#mini-funnel .inputPostCode {
    font-size: 20px !important;
    line-height: 28px;
    padding: 1.5rem !important;
    border-color: var(--verisure-grey) !important;
    border-width: 2px !important;
    border-radius: 9999px;
    outline: none;
    color: var(--verisure-text) !important;
}

#mini-funnel .btn-custom {
    color: #fff !important;
    font-size: 1.2em !important;
    padding: 1.5rem !important;
    background-color: #ed002f !important;
    border-radius: 99999px !important;
    width: 100%;
    scale: 1;
    margin: 0
}

#mini-funnel .btn-custom:hover {
    background-color: #ab192d !important;
    color: #fff;
    display: block
}

#mini-funnel .linkToShow {
    flex-wrap: wrap;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 10px
}

#mini-funnel .linkToShow p {
    margin: 0;
    margin-right: 20px
}

#mini-funnel .linkToShow .btn-phone {
    background-color: #ed002f;
    padding: 10px 20px;
    border-radius: 20px;
    color: #fff;
    text-decoration: none;
    display: flex;
    align-items: center;
}

#mini-funnel .linkToShow img {
    width: 30px;
    height: 30px;
    margin-right: 10px;
    display: inline
}

#mini-funnel .big-text {
    text-transform: uppercase
}

#mini-funnel .legalSendPhone {
    text-align: center;
    margin-top: 1rem
}

#mini-funnel #privacy {
    color: #ed002f;
    text-decoration: underline;
    font-weight: 400
}

#mini-funnel .big-text a {
    text-transform: uppercase;
    word-break: break-word;
    color: inherit
}

#mini-funnel #slides .message {
    height: 100%;
    display: flex;
    width: 100%;
    background: radial-gradient(rgb(255 255 255 / 60%) 40%, transparent 70%);
    align-items: center;
    justify-content: center;
}


@media(min-width: 768px) {
    .design-v2 .layout-container>header .region-header>* {
        padding: 4px 0;
    }

    /* .design-v2 .layout-container .top-bar {
        height: 70px;
        transition: all .3s;
    }

    .fixed-header.design-v2 .layout-container>header .top-bar {
        height: 0;
        opacity: 0;
        transition: all .3s;
    } */

    body:is(.white-header, .was-white-header).design-v2 .hero {
        height: max(90vh, 700px);
        max-height: min(1000px, 90vh);

    }

    .design-v2 .hero {
      height: max(85vh, 600px);
      max-height: min(900px, 90vh);
    }

    #mini-funnel .containerPhone,
    #mini-funnel .containerPostCode {
        flex-direction: row;
        justify-content: center
    }

    #mini-funnel .btn-custom {
        width: 280px;
        margin-left: 30px;
        margin-top: 0 !important
    }

    #mini-funnel .inputPhone[type=tel],
    #mini-funnel .inputPostCode[type=text] {
        width: 50% !important
    }

    .countdown-timer.cards span span {
        letter-spacing: 6px;
    }
}

@media(min-width: 858px) {
    .design-v2 #header-quote {
        display: block !important;
    }

    /* #mini-funnel #slides>.title {
        display: block;
    } */
}

a.btn-large.btn-icon-right {
    position: relative;
    padding: 1em;
    padding-right: 3.5rem !important
}

a.btn-large.btn-icon-right:after {
    position: absolute;
    right: 0;
    margin-right: 1em
}

div.expander,
div.expander :is(a, p) {
    color: #fff;
    font-weight: 400
}

div.expander :is(img, picture, video) {
    filter: brightness(.9);
    transition: filter .3s, box-shadow .3s;
    border-radius: var(--border-radius)
}

div.expander :is(h3, .h3) {
    font-style: italic;
    display: block;
    padding: var(--hvPadding) 0 var(--vPadding)
}


.card.expander,
.card.glow {
    overflow: visible;
    border: 1px solid transparent
}

.card.expander :is(img, picture, video),
.card.glow :is(img, picture, video),
.glow:not('.card'),
.glow.card.bg-white {
    transition: all .3s !important;
    border: 1px solid transparent
}

.card.glow.bg-white:hover {
    background: rgba(255, 255, 255, 0.9) !important;
    transition: all .3s !important;
}

.card.expander:hover :is(img, picture, video),
.card.glow:hover :is(img, picture, video),
a.glow:hover,
label.glow:hover,
button.glow:hover,
.card.glow.bg-white:hover {
    animation: glow .3s;
    animation-fill-mode: forwards
}


.card .arrow,
.card .arrows {
    --size: 4px;
    --width: 16px;
    border: none !important;
    outline: none !important;
}

.card .arrow {
    border-radius: 100%;
    position: absolute;
    right: 0;
    bottom: 0;
    padding: var(--width);
    margin: var(--width);
    display: flex;
    background-color: #fff;
    cursor: pointer;
    user-select: all;
    z-index: 3;
}

.card .arrows {
    display: flex;
    position: absolute;
    bottom: 0;
    right: 0;
    margin: var(--width);
    gap: var(--width);
}

.card .arrows>.arrow {
    position: relative;
    margin: 0;
}

.card.expander .expand.arrow {
    background-image: url(https://d2pc6md4ebmkju.cloudfront.net/website+images/top-arrow.png);
    background-image: image-set("https://d2pc6md4ebmkju.cloudfront.net/website+images/top-arrow.png.webp" type("image/webp"), "https://d2pc6md4ebmkju.cloudfront.net/website+images/top-arrow.png" type("image/png"));
    transition: all .3s;
    background-size: cover;
    background-color: transparent;
}

.card.expander .expand.arrow:not(.active) {
    transform: rotate(180deg);
    transition: all .3s;
}

.card .arrows .prev,
.card .arrows .left,
.card .arrows .next,
.card .arrows .right {
    background-image: url(https://d2pc6md4ebmkju.cloudfront.net/website+images/top-arrow.png);
    transition: all .3s;
    background-size: cover;
    background-color: transparent;
}

.card .arrows .left,
.card .arrows .prev {
    transform: rotate(270deg);
}

.card .arrows .right,
.card .arrows .next {
    transform: rotate(90deg);
}

.drop-shadow {
    filter: drop-shadow(0 0 5px rgba(0, 0, 0, 0.5));
    box-shadow: none !important;
}


@keyframes glow {
    0% {
        box-shadow: 0 0 3px 2px #fff, 0 0 4px 3px var(--verisure-red)
    }

    90% {
        box-shadow: 0 0 2px 1px var(--verisure-red);
        border: 1px solid var(--verisure-red)
    }

    100% {
        box-shadow: 0 0 1px 1px var(--verisure-red);
        border: 1px solid var(--verisure-red)
    }
}

@keyframes glowing {
    0% {
        box-shadow: 0 0 3px 2px #fff, 0 0 4px 3px var(--verisure-red);
    }

    90% {
        box-shadow: 0 0 4px 2px #fff;
        border: 2px solid #fff
    }

    100% {
        box-shadow: 0 0 4px 2px #fff;
        border: 2px solid #fff
    }
}

#home-business .card.expander {
    width: calc(max(50%, 50vh) - (var(--hhPadding)/2));
    flex: calc(max(50%, 50vh) - (var(--hhPadding)/2));
    max-width: unset;
    margin-bottom: var(--hPadding);
    overflow: visible
}

/* not used , classes not used */
/*
#insallation .card.expander.col-lg-9,
#insallation .card.expander.col-lg-3.expanded {
    width: calc(max(75%, 75vh) - (var(--hhPadding)/2));
    flex: calc(max(75%, 75vh) - (var(--hhPadding)/2));
    min-height: 500px;
    margin-bottom: var(--hPadding);
    overflow: visible;
    transition: all .3s !important
}

#insallation .card.expander.col-lg-9:not(.expanded),
#insallation .card.expander.col-lg-3:not(.expanded) {
    width: calc(max(25%, 25vh) - (var(--hhPadding)/2));
    flex: calc(max(25%, 25vh) - (var(--hhPadding)/2));
    min-height: 500px;
    margin-bottom: var(--hPadding);
    overflow: visible;
    transition: all .3s !important
} */

div#tp-small:before {
    height: 100%;
    content: "";
    top: 0;
    left: 0;
    position: absolute;
    background: #f2f2f2;
    width: calc(100% - var(--vPadding));
    z-index: -1;
    margin-left: var(--hvPadding);
    margin-bottom: var(--vPadding);
    padding: 0;
    border-radius: 25px
}

div#tp-small:after {
    --size: 20px;
    --side: calc(var(--size) / 3 * 2);
    content: "";
    position: absolute;
    border-left: var(--side) solid transparent;
    border-right: var(--side) solid transparent;
    border-top: var(--size) solid #f2f2f2;
    right: 20%;
    top: 100%
}

u.half {
    text-decoration: none;
    margin-left: 1px;
}

u.half:before {
    content: '\2013';
    position: absolute;
    margin-top: 2px;
    margin-left: -1px;
}

u>a,
u>a:hover {
    text-decoration: none;
    z-index: 2;
    position: relative;
}

.card a.bottom {
    z-index: 2;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    margin-bottom: -1.5em
}

:is(#fr-funnel, #mini-funnel) :is(input:required:invalid:not(:placeholder-shown), input.invalid) {
    border-color: var(--verisure-red)
}


#installation .d-md-flex {
    flex-direction: row-reverse;
}

#installation .card {
    /* flex-grow: 0.0001; */
    flex-shrink: 1;
    transition: all 500ms;
    max-width: unset;
}

#installation .card.expanded {
    flex-grow: 10;

}

#installation .card.expander:not(.expanded)+.card.expander:not(.expanded) {
    flex-grow: 10;
}

.card.card-none {
    border: none;
    border-radius: 0;
    background-color: transparent;
}

/*
.privacy-buttons a[aria-expanded="true"] img:last-child,
.privacy-buttons a.active img:last-child {
    filter: saturate(0);
} */

.privacy-buttons img:nth-of-type(1) {
    opacity: 0;
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.privacy-buttons a[aria-expanded="true"] img:nth-of-type(1),
.privacy-buttons a.active img:nth-of-type(1),
.privacy-buttons a:hover img:nth-of-type(1) {
    opacity: 1;
}

.privacy-buttons a[aria-expanded="true"] img:nth-of-type(2),
.privacy-buttons a.active img:nth-of-type(2),
.privacy-buttons a:hover img:nth-of-type(2) {
    opacity: 0;
}

.privacy-buttons a,
.privacy-buttons a:hover:not(.active) {
    border: 2px solid transparent;
}

.privacy-buttons a.active {
    border: 2px solid white;
}

/* div#privacy-sections {
    scroll-margin-top: 340px;
} */

@media (max-width: 991px) {
    #key img {
        --width: 1.5rem;
    }

    #installation div.expander :is(h3, .h3) {
        padding-bottom: 1rem;
    }

    #installation .card.expander,
    #home-business .card.expander,
    .card.expander {
        min-width: 100%;
        min-height: 400px;
        max-width: 100%;
    }

    #installation .d-flex {
        flex-direction: column;
    }

    /* #offer-more .plus-bg .col-lg-6 {
        padding: var(--hhPadding);
    } */

    #offer-more .plus-bg>div:nth-child(1)::after {
        right: 0;
        /* bottom: 0; */
        left: 0;
        top: 100%;
        transform: translateY(-50%);
    }

    #offer-more .plus-bg .col-lg-6:nth-child(1) {
        position: relative;
        padding-top: var(--vPadding);
        padding-bottom: var(--vPadding);

    }

    #offer-more .plus-bg .col-lg-6:nth-child(1)::after {
        display: block;
        bottom: 0;
        top: unset;
        left: 50%;
        right: unset;
        transform: translate(-50%, var(--hPadding));
        line-height: 6rem;
        height: auto;
    }
}

@media (max-width: 480px) {
    .page-node-6226 .expand.play {
        background-image: none !important;
        background-color: white !important;
    }

    .page-node-6226 .expand.play:not(.right, .left):before {
        content: "";
        width: calc(var(--width) - var(--width) / 4);
        height: var(--width);
        border-left: var(--size) solid var(--verisure-text);
        border-right: var(--size) solid var(--verisure-text);
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        /* margin-left: 1px; */
    }

    .page-node-6226 .expand.play:not(.right, .left):after {
        content: none;
    }

    .page-node-6226 .expand.play.active:not(.right, .left):before {
        content: "";
        border-left: var(--width) solid var(--verisure-text);
        border-top: calc(var(--width) / 2) solid transparent;
        border-bottom: calc(var(--width) / 2) solid transparent;
        border-right: none;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        margin-left: 3px;
    }

}
.hero.hero-small,
.hero-small {
    height: 420px !important;
    min-height: 420px;
}

body:is(.white-header, .was-white-header) .hero.hero-small {
    height: 530px !important;
    min-height: 530px;
}

.hero.hero-tiny,
.hero-tiny {
    height: 190px;
    min-height: 190px;
}

.new .hero.hero-tiny {
    height: 260px;
    min-height: 260px;
}

/* Hiding search bars */
#block-exposedformacquia-searchpage-external-search {
    display: none;
}
#block-exposedformacquia-searchpage-external-search-3 {
    display: none;
}