@font-face {
  font-family: 'FontAwesome';
  src: url('../fonts/fontawesome-webfont.woff?v=4.2.0') format('woff');
  font-weight: normal;
  font-style: normal;
}html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,details,footer,header,main,nav,section,summary{display:block}[hidden]{display:none}a{background-color:transparent}a:active,a:hover{outline:0}b{font-weight:700}h1{font-size:2em;margin:.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}img{border:0}svg:not(:root){overflow:hidden}code{font-family:monospace,monospace;font-size:1em}button,input,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,html input[type=button],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type=checkbox],input[type=radio]{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]{-webkit-appearance:textfield;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}textarea{overflow:auto}table{border-collapse:collapse;border-spacing:0}@media print{*,:after,:before{color:#000!important;text-shadow:none!important;background:0 0!important;-webkit-box-shadow:none!important;box-shadow:none!important}a,a:visited{text-decoration:underline}a[href]:after{content:" (" attr(href) ")"}a[href^="javascript:"]:after{content:""}img{page-break-inside:avoid}img{max-width:100%!important}h2,h3,p{orphans:3;widows:3}h2,h3{page-break-after:avoid}.navbar{display:none}.label{border:1px solid #000}.table{border-collapse:collapse!important}}*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}:after,:before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}html{font-size:10px;-webkit-tap-highlight-color:rgba(0,0,0,0)}body{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:14px;line-height:1.42857143;color:#333;background-color:#fff}button,input,select,textarea{font-family:inherit;font-size:inherit;line-height:inherit}a{color:#337ab7;text-decoration:none}a:focus,a:hover{color:#23527c;text-decoration:underline}a:focus{outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}img{vertical-align:middle}.carousel-inner>.item>a>img,.carousel-inner>.item>img{display:block;max-width:100%;height:auto}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.sr-only-focusable:active,.sr-only-focusable:focus{position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto}.h1,.h2,.h3,.h4,h1,h2,h3,h4{font-family:inherit;font-weight:500;line-height:1.1;color:inherit}.h1 .small,.h1 small,.h2 .small,.h2 small,.h3 .small,.h3 small,.h4 .small,.h4 small,h1 .small,h1 small,h2 .small,h2 small,h3 .small,h3 small,h4 .small,h4 small{font-weight:400;line-height:1;color:#777}.h1,.h2,.h3,h1,h2,h3{margin-top:20px;margin-bottom:10px}.h1 .small,.h1 small,.h2 .small,.h2 small,.h3 .small,.h3 small,h1 .small,h1 small,h2 .small,h2 small,h3 .small,h3 small{font-size:65%}.h4,h4{margin-top:10px;margin-bottom:10px}.h4 .small,.h4 small,h4 .small,h4 small{font-size:75%}.h1,h1{font-size:36px}.h2,h2{font-size:30px}.h3,h3{font-size:24px}.h4,h4{font-size:18px}p{margin:0 0 10px}.lead{margin-bottom:20px;font-size:16px;font-weight:300;line-height:1.4}@media (min-width:768px){.lead{font-size:21px}}.small,small{font-size:85%}.text-center{text-align:center}.text-muted{color:#777}.text-danger{color:#a94442}a.text-danger:focus,a.text-danger:hover{color:#843534}ul{margin-top:0;margin-bottom:10px}dl{margin-top:0;margin-bottom:20px}address{margin-bottom:20px;font-style:normal;line-height:1.42857143}code{font-family:Menlo,Monaco,Consolas,"Courier New",monospace}code{padding:2px 4px;font-size:90%;color:#c7254e;background-color:#f9f2f4;border-radius:4px}.container{padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}@media (min-width:768px){.container{width:750px}}@media (min-width:992px){.container{width:970px}}@media (min-width:1200px){.container{width:1170px}}.row{margin-right:-15px;margin-left:-15px}table{background-color:transparent}.table{width:100%;max-width:100%;margin-bottom:20px}.table .table{background-color:#fff}label{display:inline-block;max-width:100%;margin-bottom:5px;font-weight:700}input[type=search]{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;appearance:none}input[type=checkbox],input[type=radio]{margin:4px 0 0;margin-top:1px\9;line-height:normal}input[type=checkbox].disabled,input[type=checkbox][disabled],input[type=radio].disabled,input[type=radio][disabled]{cursor:not-allowed}input[type=file]{display:block}select[multiple],select[size]{height:auto}input[type=checkbox]:focus,input[type=file]:focus,input[type=radio]:focus{outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}.checkbox,.radio{position:relative;display:block;margin-top:10px;margin-bottom:10px}.checkbox.disabled label,.radio.disabled label{cursor:not-allowed}.checkbox label,.radio label{min-height:20px;padding-left:20px;margin-bottom:0;font-weight:400;cursor:pointer}.checkbox input[type=checkbox],.radio input[type=radio]{position:absolute;margin-top:4px\9;margin-left:-20px}.checkbox+.checkbox,.radio+.radio{margin-top:-5px}.btn{display:inline-block;margin-bottom:0;font-weight:400;text-align:center;white-space:nowrap;vertical-align:middle;-ms-touch-action:manipulation;touch-action:manipulation;cursor:pointer;background-image:none;border:1px solid transparent;padding:6px 12px;font-size:14px;line-height:1.42857143;border-radius:4px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.btn.active.focus,.btn.active:focus,.btn.focus,.btn:active.focus,.btn:active:focus,.btn:focus{outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}.btn.focus,.btn:focus,.btn:hover{color:#333;text-decoration:none}.btn.active,.btn:active{background-image:none;outline:0;-webkit-box-shadow:inset 0 3px 5px rgba(0,0,0,.125);box-shadow:inset 0 3px 5px rgba(0,0,0,.125)}.btn.disabled,.btn[disabled]{cursor:not-allowed;filter:alpha(opacity=65);opacity:.65;-webkit-box-shadow:none;box-shadow:none}a.btn.disabled{pointer-events:none}.btn-danger{color:#fff;background-color:#d9534f;border-color:#d43f3a}.btn-danger.focus,.btn-danger:focus{color:#fff;background-color:#c9302c;border-color:#761c19}.btn-danger:hover{color:#fff;background-color:#c9302c;border-color:#ac2925}.btn-danger.active,.btn-danger:active{color:#fff;background-color:#c9302c;background-image:none;border-color:#ac2925}.btn-danger.active.focus,.btn-danger.active:focus,.btn-danger.active:hover,.btn-danger:active.focus,.btn-danger:active:focus,.btn-danger:active:hover{color:#fff;background-color:#ac2925;border-color:#761c19}.btn-danger.disabled.focus,.btn-danger.disabled:focus,.btn-danger.disabled:hover,.btn-danger[disabled].focus,.btn-danger[disabled]:focus,.btn-danger[disabled]:hover{background-color:#d9534f;border-color:#d43f3a}.fade{opacity:0;-webkit-transition:opacity .15s linear;-o-transition:opacity .15s linear;transition:opacity .15s linear}.collapse{display:none}.collapse.in{display:block}.collapsing{position:relative;height:0;overflow:hidden;-webkit-transition-property:height,visibility;-o-transition-property:height,visibility;transition-property:height,visibility;-webkit-transition-duration:.35s;-o-transition-duration:.35s;transition-duration:.35s;-webkit-transition-timing-function:ease;-o-transition-timing-function:ease;transition-timing-function:ease}.open>a{outline:0}.nav{padding-left:0;margin-bottom:0;list-style:none}.nav>li{position:relative;display:block}.nav>li>a{position:relative;display:block;padding:10px 15px}.nav>li>a:focus,.nav>li>a:hover{text-decoration:none;background-color:#eee}.nav>li.disabled>a{color:#777}.nav>li.disabled>a:focus,.nav>li.disabled>a:hover{color:#777;text-decoration:none;cursor:not-allowed;background-color:transparent}.nav .open>a,.nav .open>a:focus,.nav .open>a:hover{background-color:#eee;border-color:#337ab7}.nav>li>a>img{max-width:none}.nav-tabs{border-bottom:1px solid #ddd}.nav-tabs>li{float:left;margin-bottom:-1px}.nav-tabs>li>a{margin-right:2px;line-height:1.42857143;border:1px solid transparent;border-radius:4px 4px 0 0}.nav-tabs>li>a:hover{border-color:#eee #eee #ddd}.nav-tabs>li.active>a,.nav-tabs>li.active>a:focus,.nav-tabs>li.active>a:hover{color:#555;cursor:default;background-color:#fff;border:1px solid #ddd;border-bottom-color:transparent}.navbar{position:relative;min-height:50px;margin-bottom:20px;border:1px solid transparent}@media (min-width:768px){.navbar{border-radius:4px}}.label{display:inline;padding:.2em .6em .3em;font-size:75%;font-weight:700;line-height:1;color:#fff;text-align:center;white-space:nowrap;vertical-align:baseline;border-radius:.25em}a.label:focus,a.label:hover{color:#fff;text-decoration:none;cursor:pointer}.label:empty{display:none}.btn .label{position:relative;top:-1px}.alert{padding:15px;margin-bottom:20px;border:1px solid transparent;border-radius:4px}.alert h4{margin-top:0;color:inherit}.alert .alert-link{font-weight:700}.alert>p,.alert>ul{margin-bottom:0}.alert>p+p{margin-top:5px}.alert-dismissable,.alert-dismissible{padding-right:35px}.alert-dismissable .close,.alert-dismissible .close{position:relative;top:-2px;right:-21px;color:inherit}.alert-success{color:#3c763d;background-color:#dff0d8;border-color:#d6e9c6}.alert-success hr{border-top-color:#c9e2b3}.alert-success .alert-link{color:#2b542c}.alert-info{color:#31708f;background-color:#d9edf7;border-color:#bce8f1}.alert-info hr{border-top-color:#a6e1ec}.alert-info .alert-link{color:#245269}.alert-warning{color:#8a6d3b;background-color:#fcf8e3;border-color:#faebcc}.alert-warning hr{border-top-color:#f7e1b5}.alert-warning .alert-link{color:#66512c}.alert-danger{color:#a94442;background-color:#f2dede;border-color:#ebccd1}.alert-danger hr{border-top-color:#e4b9c0}.alert-danger .alert-link{color:#843534}.panel{margin-bottom:20px;background-color:#fff;border:1px solid transparent;border-radius:4px;-webkit-box-shadow:0 1px 1px rgba(0,0,0,.05);box-shadow:0 1px 1px rgba(0,0,0,.05)}.panel>.table{margin-bottom:0}.panel>.table:first-child{border-top-left-radius:3px;border-top-right-radius:3px}.panel>.table:last-child{border-bottom-right-radius:3px;border-bottom-left-radius:3px}.close{float:right;font-size:21px;font-weight:700;line-height:1;color:#000;text-shadow:0 1px 0 #fff;filter:alpha(opacity=20);opacity:.2}.close:focus,.close:hover{color:#000;text-decoration:none;cursor:pointer;filter:alpha(opacity=50);opacity:.5}.modal-content{position:relative;background-color:#fff;background-clip:padding-box;border:1px solid #999;border:1px solid rgba(0,0,0,.2);border-radius:6px;-webkit-box-shadow:0 3px 9px rgba(0,0,0,.5);box-shadow:0 3px 9px rgba(0,0,0,.5);outline:0}.modal-header{padding:15px;border-bottom:1px solid #e5e5e5}.modal-title{margin:0;line-height:1.42857143}.modal-body{position:relative;padding:15px}.modal-footer .btn+.btn{margin-bottom:0;margin-left:5px}.modal-footer .btn-group .btn+.btn{margin-left:-1px}.modal-footer .btn-block+.btn-block{margin-left:0}.carousel-inner>.item{position:relative;display:none;-webkit-transition:.6s ease-in-out left;-o-transition:.6s ease-in-out left;transition:.6s ease-in-out left}.carousel-inner>.item>a>img,.carousel-inner>.item>img{line-height:1}@media all and (transform-3d),(-webkit-transform-3d){.carousel-inner>.item{-webkit-transition:-webkit-transform .6s ease-in-out;-o-transition:-o-transform .6s ease-in-out;transition:-webkit-transform .6s ease-in-out;transition:transform .6s ease-in-out;transition:transform .6s ease-in-out,-webkit-transform .6s ease-in-out,-o-transform .6s ease-in-out;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-perspective:1000px;perspective:1000px}.carousel-inner>.item.active.right,.carousel-inner>.item.next{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);left:0}.carousel-inner>.item.active.left,.carousel-inner>.item.prev{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);left:0}.carousel-inner>.item.active,.carousel-inner>.item.next.left,.carousel-inner>.item.prev.right{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);left:0}}.carousel-inner>.active,.carousel-inner>.next,.carousel-inner>.prev{display:block}.carousel-inner>.active{left:0}.carousel-inner>.next,.carousel-inner>.prev{position:absolute;top:0;width:100%}.carousel-inner>.next{left:100%}.carousel-inner>.prev{left:-100%}.carousel-inner>.next.left,.carousel-inner>.prev.right{left:0}.carousel-inner>.active.left{left:-100%}.carousel-inner>.active.right{left:100%}.carousel-control{position:absolute;top:0;bottom:0;left:0;width:15%;font-size:20px;color:#fff;text-align:center;text-shadow:0 1px 2px rgba(0,0,0,.6);background-color:rgba(0,0,0,0);filter:alpha(opacity=50);opacity:.5}.carousel-control.left{background-image:-webkit-linear-gradient(left,rgba(0,0,0,.5) 0,rgba(0,0,0,.0001) 100%);background-image:-o-linear-gradient(left,rgba(0,0,0,.5) 0,rgba(0,0,0,.0001) 100%);background-image:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,.0001)));background-image:linear-gradient(to right,rgba(0,0,0,.5) 0,rgba(0,0,0,.0001) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);background-repeat:repeat-x}.carousel-control.right{right:0;left:auto;background-image:-webkit-linear-gradient(left,rgba(0,0,0,.0001) 0,rgba(0,0,0,.5) 100%);background-image:-o-linear-gradient(left,rgba(0,0,0,.0001) 0,rgba(0,0,0,.5) 100%);background-image:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.0001)),to(rgba(0,0,0,.5)));background-image:linear-gradient(to right,rgba(0,0,0,.0001) 0,rgba(0,0,0,.5) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1);background-repeat:repeat-x}.carousel-control:focus,.carousel-control:hover{color:#fff;text-decoration:none;outline:0;filter:alpha(opacity=90);opacity:.9}.carousel-control .glyphicon-chevron-left,.carousel-control .glyphicon-chevron-right,.carousel-control .icon-next,.carousel-control .icon-prev{position:absolute;top:50%;z-index:5;display:inline-block;margin-top:-10px}.carousel-control .glyphicon-chevron-left,.carousel-control .icon-prev{left:50%;margin-left:-10px}.carousel-control .glyphicon-chevron-right,.carousel-control .icon-next{right:50%;margin-right:-10px}.carousel-control .icon-next,.carousel-control .icon-prev{width:20px;height:20px;font-family:serif;line-height:1}.carousel-control .icon-prev:before{content:"\2039"}.carousel-control .icon-next:before{content:"\203a"}.carousel-indicators{position:absolute;bottom:10px;left:50%;z-index:15;width:60%;padding-left:0;margin-left:-30%;text-align:center;list-style:none}.carousel-indicators li{display:inline-block;width:10px;height:10px;margin:1px;text-indent:-999px;cursor:pointer;background-color:#000\9;background-color:rgba(0,0,0,0);border:1px solid #fff;border-radius:10px}.carousel-indicators .active{width:12px;height:12px;margin:0;background-color:#fff}.carousel-caption{position:absolute;right:15%;bottom:20px;left:15%;z-index:10;padding-top:20px;padding-bottom:20px;color:#fff;text-align:center;text-shadow:0 1px 2px rgba(0,0,0,.6)}.carousel-caption .btn{text-shadow:none}@media screen and (min-width:768px){.carousel-control .glyphicon-chevron-left,.carousel-control .glyphicon-chevron-right,.carousel-control .icon-next,.carousel-control .icon-prev{width:30px;height:30px;margin-top:-10px;font-size:30px}.carousel-control .glyphicon-chevron-left,.carousel-control .icon-prev{margin-left:-10px}.carousel-control .glyphicon-chevron-right,.carousel-control .icon-next{margin-right:-10px}.carousel-caption{right:20%;left:20%;padding-bottom:30px}.carousel-indicators{bottom:20px}}.container:after,.container:before,.modal-footer:after,.modal-footer:before,.modal-header:after,.modal-header:before,.nav:after,.nav:before,.navbar:after,.navbar:before,.row:after,.row:before{display:table;content:" "}.container:after,.modal-footer:after,.modal-header:after,.nav:after,.navbar:after,.row:after{clear:both}.show{display:block!important}.hidden{display:none!important}@-ms-viewport{width:device-width}
.errorMsg {
    color: #DD2127;
    font-size: 13px;
    font-weight: 500;
    float: right;
}
*:focus {
    box-shadow: none;
}
button:focus {
    outline: none !important;
}
::placeholder {
    color: #000;
    opacity: 0.3;
}
select:focus,
input:focus {
    -moz-box-shadow: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    border: 1px solid #2196F3;
    outline-width: 0 !important;
    font-weight: 400
}
button:focus {
    -moz-box-shadow: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    outline-width: 0;
    border: 0 !important;
}
*, ::after, ::before {
    a: hover;
    text-decoration: none;
}
.box {
    margin-bottom: 10px;
    border-radius: 5px;
    padding: 10px
}
.modal-backdrop {
    background-color: #64B5F6
}
.line {
    background-color: #CFD8DC;
    height: 1px;
    width: 100%
}
.modal-content {
    border-radius: 15px;
}
.modal-content .download {
        display: flex;
        justify-content: space-between;
        padding: 50px 0;
    }
.modal-content .download a {
            font-weight: 500;
            font-size: 12px;
            line-height: 15px;
            text-decoration: none;
            color: #323234;
        }
.modal-content .download a img {
                display: inline-block;
            }
.modal-content .close {
        opacity: 1;
        display: flex;
        justify-content: flex-end;
        padding: 20px;
    }
.required:after {
    content: "*";
    font-weight: bold;
    color: red;
}
.progressCont {
    display: flex;
    flex-direction: row;
    margin: 20px auto 0;
    width: 29%;
    align-items: baseline;
    padding-left: 24px;
    justify-content: center;
}
.progressCont .progressStep{
        display:flex;
        flex-direction:column;
        align-items:center;
    }
.progressCont .progressStep .round {
            border-radius: 50%;
            width: 30px;
            height: 30px;
            background: #fff;
            border: 1px #D8DBDA solid;
            color: #D8DBDA;
            display: flex;
            font-family: 'Roboto Condensed';
            font-weight: 700;
            font-size: 12px;
            justify-content: center;
            align-items: center;
        }
.currentRound {
    background: #0074B6!important;
    border: 1px #0074B6 solid!important;
    color: #fff!important;
}
.currentText {
    color: #0074B6!important;
}
.progressCont .progressStep p {
        color: #D8DBDA;
        font-family: 'Roboto Condensed';
        font-weight: 700;
        font-size: 10px;
    }
.progressCont .spacer {
        width: 27px;
        height: 1px;
        background: #D8DBDA;
        margin:0 10px;
    }
@media (min-width: 1025px) {
    .desktop-dates {
        display: block;
    }

    .mobile-carousel {
        display: none;
    }
}
@media (max-width: 1024px) {
    .desktop-dates {
        display: none;
    }

    .mobile-carousel {
        display: block;
    }
}
.actionarea {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: space-between;
        width: 85%;
        margin: 30px auto;
    }
.actionarea .leftPanel {
        float: left;
        width: 52%;
    }
.actionarea .borderedBox {
            padding: 24px;
            background: #FFFFFF;
            border: 1px solid #E3E0D1;
            box-sizing: border-box;
            border-radius: 16px;
        }
.actionarea .leftPanel h2 {
            margin-top: 0;
            margin-bottom: 20px;
            font-family: 'Roboto Condensed';
            font-style: normal;
            font-weight: 700;
            font-size: 24px;
            color: #313A3F;
        }
.actionarea .leftPanel h3 {
    margin-top: 0;
    margin-bottom: 0;
    font-family: 'Roboto Condensed';
    font-style: normal;
    font-weight: 700;
    font-size: 18px;
    color: #313A3F;
}
.actionarea .rightPanel {
        padding: 24px;
        background: #FFFFFF;
        border: 1px solid #E3E0D1;
        box-sizing: border-box;
        border-radius: 16px;
        margin-bottom:30px;
    }
.actionarea .rightPanel .appointmentDate {
            display: inline-block;
            width: 40%;
            border-right: 1px #E3E0D1 solid;
            font-family: Roboto Condensed;
            font-size: 50px;
            font-weight: 700;
            line-height: 59px;
            letter-spacing: -0.02em;
            color: #313A3F;
        }
.actionarea .rightPanel .appointmentDate span {
                font-family: Roboto Condensed;
                font-size: 16px;
                font-weight: 700;
                line-height: 18.75px;
                letter-spacing: -0.02em;
                display:block;
                padding-left:5px;
            }
.actionarea .rightPanel .referenceNumber {
            display: inline-block;
            width: 55%;
            font-family: Roboto Condensed;
            font-size: 16px;
            font-weight: 700;
            line-height: 18.75px;
            letter-spacing: -0.02em;
            text-align: left;
            color: #313A3F;
            padding-left: 15%;
            position: relative;
            top: -20px;
        }
.actionarea .rightPanel .referenceNumber span {
                font-family: Nunito Sans;
                font-size: 16px;
                font-weight: 400;
                line-height: 21.82px;
                letter-spacing: -0.02em;
                text-align: left;
                color:#323234;
            }
.actionarea .rightPanel h1 {
                font-weight: 700;
                font-family: 'Roboto Condensed';
                font-size: 24px;
                line-height: 32px;
                color: #313A3F;
                margin-bottom: 20px;
                text-align: left;
            }
.actionarea .rightPanel .productDetails {
            padding-bottom: 20px;
            margin-bottom: 20px;
            border-bottom: 1px solid #E3E0D1;
            display: flex;
        }
.actionarea .rightPanel .productDetails .leftPart {
                width: 80%;
            }
.actionarea .rightPanel .productDetails .leftPart ul li{
                    padding-bottom:10px;
                    font-size:14px;
                }
.actionarea .rightPanel .productDetails .rightPart {
                    width: 20%;
                }
.actionarea .rightPanel .productDetails .rightPart ul li {
                    display: flex;
                    justify-content: right;
                    font-size: 20px;
                    font-weight: bold;
                    line-height: 20px;
                    color: #0074B6;
                    padding-bottom:12px;
                }
.actionarea .rightPanel ul.include {
            display: flex;
            flex-direction: column;
            flex-wrap: nowrap;
            justify-content: flex-start;
            align-items: flex-start;
        }
.actionarea .rightPanel ul.include li {
                list-style: url(../images/yes.svg) outside;
                margin-left: 20px;
                width: 100%;
                font-weight: 500;
                font-size: 14px;
                line-height: 24px;
                letter-spacing: 0.2px;
                color: #2D3436;
                margin-bottom: 10px;
            }
.total_per-mo {
    padding-bottom: 20px;
    margin-bottom: 20px;
    border-bottom: 1px solid #E3E0D1;
    display: flex;
}
.total_per-mo .totalL{
        width:50%;
        display:flex;
    }
.total_per-mo .totalL h2 {
            font-weight: 700;
            font-family: 'Roboto Condensed';
            font-size: 18px;
            line-height: 24px;
            color: #313A3F;
        }
.total_per-mo .totalR {
        width: 50%;
        display: flex;
        flex-direction: column;
        align-items: flex-end;
    }
.total_per-mo .totalR .discount {
            color: #DD2127;
            font-size: 12px;            
        }
.total_per-mo .totalR .saleP {
            color: #0074B6;
            font-size: 30px;
            font-family: 'Roboto Condensed';
            font-weight: 700;
        }
.total_per-mo .totalR .saleP small {
                color: #767677;
                font-size: 10px;
                display: block;
                text-align: right;
                margin-top: -7px;
            }
.excessInner {
    padding-bottom: 20px;
    margin-bottom: 20px;
    border-bottom: 1px solid #E3E0D1;
    display: flex;
    justify-content:space-between;
}
.excessInner .excessL {
        width: 50%;
        display: flex;
    }
.excessInner .excessR {
        width: 30%;
        text-align: right;
    }
.actionarea .rightPanel h3 {
    font-weight: 700;
    font-family: 'Roboto Condensed';
    font-size: 16px;
    line-height: 20px;
    color: #313A3F;
}
.offer {
    padding-bottom: 20px;
    margin-bottom: 20px;
    border-bottom: 1px solid #E3E0D1;
}
.forme {
                padding-bottom: 20px;
                margin-bottom: 20px;
                border-bottom: 1px solid #E3E0D1;
            }
.forme .formehead {
                    width: 100%;
                    background: url('../images/accidental_icon2.png') no-repeat left top;
                    padding-left: 25px;
                }
.forme .formeBody {
        width: 100%;
        display: flex;
        align-items: center;
    }
.forme .formeBody p {
            font-size: 12px;
            color: #767677;
            margin: 16px 0;
        }
.impDocu {
            margin-bottom: 10px;
        }
.impDocu .impDocuhead {
        width: 100%;
        background: url('../images/document247icon.png') no-repeat left top;
        padding-left: 25px;
    }
.impDocu .impDocuBody {
        width: 100%;
        display: flex;
        flex-direction: column;
    }
.impDocu .impDocuBody p {
            font-size: 12px;
            color: #767677;
            margin:16px 0;
        }
.impDocu .impDocuBody a {
            font-size: 13px;
            color: #0074B6;
            text-decoration: underline;
            margin-bottom:5px;
            display:flex;
        }
.impDocu .impDocuBody a {
            align-items: center;
            justify-content: flex-start;
            gap: 8px;
        }
.impDocu .impDocuBody a img {
            padding-left: 0;
            width: 21px;
            height: 21px;
            flex: 0 0 21px;
            align-self: center;
        }
.step1 {
                margin-top: 10px;
            }
.step1 ul li {
        margin-bottom: 15px;
        clear:both;
    }
.step1 ul li select {
                    appearance: none;
                    background: #fff url('../images/d-arrow.png') no-repeat 95% center !important;
                }
.step1 ul li.half {
            width: 49%;
            margin-right: 2%;
            display: inline-block;
            float: left;
            clear:none;
        }
.step1 ul li.break {
            border-top: 1px #E3E0D1 solid;
            padding: 25px 0 0;
            margin: 10px 0 0;
            float: left;
            width: 100%;
        }
.step1 ul li a {
            font-weight: 500;
            font-size: 12px;
            line-height: 24px;
            letter-spacing: 0.2px;
            color: #4B89E2;
            text-decoration: none;
        }
.step1 ul li p {
            color: #767677;
            font-size:14px;
        }
.label {
            font-family: 'Roboto Condensed';
            font-weight: 700;
            font-size: 14px;
            line-height: 18px;
            color: #313A3F;
            padding: 0;
        }
.textfield {
    border-radius: 16px;
    width: 100%;
    padding: 15px 3%;
    border: 1px #E3E0D1 solid;
    font-size: 14px;
    color: #767677;
    background:#fff;
}
.textfield:focus {
        border: 1px #4b89e2 solid;
    }
.textfield:visited {
        color: #323234;
    }
#opc_input {
    border-radius: 16px;
    border: 1px #E3E0D1 solid;
    background: #fff;
    width: 70%;
    padding: 15px 3%;
    font-size: 14px;
    color: #767677 !important;
    margin-right: 2%;
}
#opc_input:focus {
        border: 1px #4b89e2 solid;
    }
#opc_input:visited {
        color: #767677;
    }
#opc_dropdown {
    border-radius: 16px;
    width: 100%;
    padding: 15px 3%;
    border: 1px #E3E0D1 solid;
    font-size: 14px;
    color: #767677;
    margin-top: 25px;
}
#opc_dropdown:focus {
        border: 1px #4b89e2 solid;
    }
#opc_dropdown:visited {
        color: #767677;
    }
.postCodeConatiner .error-msg {
    color: #fd6e6e;
    margin-left: 15px;
    font-size: 14px;
    border-radius: 4px;
}
#addressLineOne {
    border-radius: 16px;
    width: 100%;
    padding: 15px 3%;
    border: 1px #E3E0D1 solid;
    font-size: 14px;
    color: #767677;
    background: #fff;
}
#postCode {
    border-radius: 16px;
    width: 100%;
    padding: 15px 3%;
    border: 1px #E3E0D1 solid;
    font-size: 14px;
    color: #767677;
    background: #fff;
}
.directD {
    background: url(../images/direct.png) no-repeat 95%;
}
.paymentBtn {
    background: #DD2127;
    border-radius: 16px;
    padding: 16px 24px;
    color: #fff !important;
    font-family: 'Nunito Sans';
    font-style: normal;
    font-size: 16px;
    line-height: 18px;
    font-weight: 400;
    border: 0;
    cursor: pointer;
    float:left;
}
.btnWidth {
    width: auto;
}
#opc_button {
    border-radius: 16px;
    color: #DD2127 !important;
    background-color: #FFD6D8;
    border: 1px #DD2127 solid;
    padding: 15px 0px;
    font-weight: 600;
    font-size: 12px;
    line-height: 18px;
    cursor: pointer;
    text-align: center;
    width: 28%;
}
.check_container {
    display: flex;
    position: relative;
    padding: 8px;
    margin-bottom: 8px;
    margin-top: 8px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    font-weight: 400;
    font-size: 14px;
    background: #fff;
    border-radius: 16px;
    width: 80px;
    margin-left: 8px;
    height: 40px;
    color: #767677;
    font-size: 12px;
    align-items: center;
    justify-content: flex-end;
}
.devider {
    width: 100%;
    height: 1px;
    background: #E3E0D1;
}
.middle{
    width:73%;
    margin:0 auto;
}
.terms {
    font-weight: 400;
    font-size: 12px;
    color: #666;
    border-bottom: 0;
    padding-bottom: 10px;
    width: 100%;
}
.terms a {
        font-weight: 400;
        font-size: 12px !important;
        color: #0074B6 !important;
    }
/* The check mark sits at the left edge of the box, so the words start after it instead of running underneath it. */
@media only screen and (min-width: 429px) {
    .check_container.terms {
        padding-left: 44px;
    }
}
.marketting {
    background: #F5F8F5;
    border-radius:16px;
    padding:16px;
}
.marketting .markettinghead {
        width: 100%;
        background: url('../images/contact247icon.png') no-repeat left top;
        padding-left: 25px;
        padding-bottom: 10px;
        margin-bottom: 10px;
        border-bottom: 1px solid #E3E0D1;
    }
.marketting .markettinghead h3 {
            font-weight: 700;
            font-family: 'Roboto Condensed';
            font-size: 16px;
            line-height: 20px;
            color: #313A3F;
        }
.marketting .markettingBody {
            width: 100%;
            display: flex;
        }
.marketting .markettingBody p {
            font-size: 12px;
            color: #767677;
            margin: 5px 0 10px;
        }
.marketting a {
        font-size: 12px !important;
        line-height: 21px !important;
        color: #767677 !important;
        float: none !important;
        text-decoration:underline!important;
    }
.marketting .option{
        display:flex;
        flex-wrap: wrap;
    }
.securityPay {
    display: block;
    color: #767677;
    font-size: 10px;
    background: url(../images/Lock.png) no-repeat left 4px;
    padding-left: 30px;
    line-height: 21px;
}
.RectangleDD {
    width: 100%;
    margin-top: 67px;
}
.accordionDD {
    padding: 15px 25px 15px 55px;
    background: url('../images/direct.png') no-repeat 15px 10px;
    background-color: #F5F8F5;
    border-radius: 16px;
    cursor: pointer;
    width: 100%;
    border: none;
    text-align: left;
    outline: none;
    transition: 0.4s;
    margin-bottom: 15px;
    font-size: 16px;
    color: #313A3F;
    font-family: 'Roboto Condensed';
    font-weight: 700;
}
.accordionDD:after {
        content: url(../images/downArrow.png);
        font-size: 22px;
        float: right;
        margin-left: 5px;
    }
.activeDD:after {
    content: url(../images/upArrow.png);
}
.panelDD {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.2s ease-out;
    margin-bottom: 0px;
    background-color: transparent;
    border: 0;
    font-size: 12px;
    color: #767677;
    border-radius: 0px;
    -webkit-box-shadow: 0 1px 1px rgb(0 0 0 / 0%);
    box-shadow: 0 1px 1px rgb(0 0 0 / 0%);
}
.check_container input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}
.checkmark {
    position: absolute;
    top: 8px;
    left: 8px;
    height: 26px;
    width: 26px;
    background-color: #fff;
    border: 1px solid #E3E0D1;
    border-radius: 50%;
}
.check_container:hover input ~ .checkmark {
    background-color: #fff;
}
.check_container input:checked ~ .checkmark {
    background-color: #DD2127;
    border: 1px solid #DD2127;
}
.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}
.check_container input:checked ~ .checkmark:after {
    display: block;
}
.check_container .checkmark:after {
    left: 9px;
    top: 5px;
    width: 6px;
    height: 11px;
    border: solid #fff;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
.address_accordion a {
    cursor: pointer;
    width: 100%;
    border: none;
    text-align: left;
    outline: none;
    transition: 0.4s;
    margin-bottom: 15px;
    color: #0074B6!important;
    font-size:14px;
    float: left;
}
.address_accordion a:after {
        content: url(../images/open.png);
        font-size: 22px;
        float: left;
        margin-right: 10px;
    }
.address_active a:after {
    content: url(../images/close.png);
}
.address_Panel {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.2s ease-out;
    margin-bottom: 0px;
    background-color: transparent;
    border: 0;
    border-radius: 0px;
    float: left;
    width: 100%;
}
.errorMake {
    margin-bottom: 10px !important;
    height: 15px;
    font-size:12px;
    line-height:100%;
}
.actionarea .leftPanel .nav-tabs {
    border-bottom: 0 !important;
    margin-top:30px;
    background:#fff;
}
.actionarea .leftPanel .nav-tabs > li {
        float: left;
        margin-bottom: -1px;
        width: 50%;
        text-align: center;
    }
.actionarea .leftPanel .nav-tabs > li > a {
            font-weight: 400;
            font-size: 12px;
            line-height: 18px;
            color: #D8DBDA;
            border: 1px solid #D8DBDA;
            margin-left: -1px;
            padding: 10px 15px;
            width:100%;
            display:inline-block;
        }
.actionarea .leftPanel .nav-tabs > li:nth-child(1) > a {
            border-radius: 16px 0px 0px 16px !important;
        }
.actionarea .leftPanel .nav-tabs > li:nth-child(2) > a {
            border-radius: 0px 16px 16px 0px !important;
        }
.actionarea .leftPanel .nav-tabs > li.active > a, .actionarea .leftPanel .nav-tabs > li.active > a:focus, .actionarea .leftPanel .nav-tabs > li.active > a:hover {
            font-weight: 400;
            font-size: 12px;
            line-height: 18px;
            color: #DD2127;
            border: 1px #DD2127 solid;
            background: #FBE4E5;
            opacity: 1;
        }
.confirmation {
    font-size: 36px;
    line-height: 140%;
    color: #313A3F;
    font-family: 'Roboto Condensed';
    font-weight: 700;
    margin:40px auto 10px;
    display: flex;
    justify-content: center;
}
.confirmMain{
    padding:0 0 20px;
}
.confirmMain h1 {
        font-size: 36px;
        line-height: 140%;
        color: #313A3F;
        font-family: 'Roboto Condensed';
        font-weight: 700;
        text-align: center;
    }
.whatNext {
    background: #F5F8F5;
    border-radius: 16px;
    padding: 16px;
    margin-top: 30px;
}
.whatNext .whathead {
        width: 100%;
        background: url('../images/mail247icon.png') no-repeat left top;
        padding-left: 25px;
        padding-bottom: 10px;
        margin-bottom: 10px;
        border-bottom: 1px solid #E3E0D1;
    }
.whatNext .whathead h3 {
        font-weight: 700;
        font-family: 'Roboto Condensed';
        font-size: 16px;
        line-height: 20px;
        color: #313A3F;
    }
.whatNext .whatBody {
        width: 100%;
        display: flex;
    }
.whatNext .whatBody p {
        font-size: 12px;
        color: #767677;
        margin: 5px 0 10px;
    }
.whatNext a {
        font-size: 12px !important;
        line-height: 21px !important;
        color: #0074B6 !important;
        float: none !important;
        text-decoration: underline !important;
    }
.thankYou_right{
        float:right;
        width:39%;
    }
.refer-a-friendCont {
    display: flex;
    background: #FBE4E5;
    border-radius: 16px;
    width: 100%;
    min-height: 400px;
    padding: 32px;
    margin: 100px 0;
}
.refer-a-friendCont .referPic{
    width:50%;
}
.refer-a-friendCont .referTextPanel {
        width: 43%;
        margin-left:7%;
    }
.refer-a-friendCont .referTextPanel h1 {
            font-size: 36px;
            line-height: 120%;
            color: #701B45;
            font-family: 'Roboto Condensed';
            font-weight: 700;
        }
.refer-a-friendCont .referTextPanel p {
            font-size: 18px;
            line-height: 140%;
            color: #701B45;
        }
.refer-a-friendCont .referTextPanel .shareIco h4 {
            font-size: 14px;
            line-height: 140%;
            color: #313A3F;
            font-family: 'Roboto Condensed';
            font-weight: 700;
            margin-top:24px;
        }
.refer-a-friendCont .referTextPanel .shareIco ul li{
            display:inline-block;
            padding-left:10px;
        }
.refer-a-friendCont .referTextPanel .shareIco .sharefield {
            width: 100%;
            display: flex;
            border-radius: 16px;
            width: 100%;
            border: 1px #E3E0D1 solid;
            font-size: 14px;
            color: #767677;
            background: #fff;
            justify-content: space-between;
            padding: 2px;
        }
.refer-a-friendCont .referTextPanel .shareIco .sharefield input[type=text] {
                color: #767677;
                background: #fff;
                border: 0;
                border-radius: 16px;
                padding: 12px 3%;
                width:80%;
            }
.refer-a-friendCont .referTextPanel .shareIco .sharefield input[type=text]:focus {
                    border: 0;
                    outline: 0;
                }
.refer-a-friendCont .referTextPanel .shareIco .sharefield .copyBtn {
                border-radius: 12px;
                color: #DD2127 !important;
                background-color: #FFD6D8;
                border: 1px #DD2127 solid;
                padding: 8px 16px;
                font-weight: 400;
                font-size: 12px;
                line-height: 18px;
                cursor: pointer;
                text-align: center;
            }
.NeedhelpCont {
    display: flex;
    background: #D3F2FA;
    border-radius: 16px;
    width: 100%;
    min-height: 400px;
    padding: 32px;
}
.NeedhelpCont .referPic {
        width: 50%;
    }
.NeedhelpCont .referTextPanel {
        width: 43%;
        margin-right: 7%;
    }
.NeedhelpCont .referTextPanel h1 {
            font-size: 36px;
            line-height: 120%;
            color: #323234;
            font-family: 'Roboto Condensed';
            font-weight: 700;
        }
.NeedhelpCont .referTextPanel p {
            font-size: 18px;
            line-height: 140%;
            color: #323234;
        }
.NeedhelpCont .referTextPanel .shareIco h4 {
            font-size: 14px;
            line-height: 140%;
            color: #313A3F;
            font-family: 'Roboto Condensed';
            font-weight: 700;
        }
.NeedhelpCont .referTextPanel .shareIco ul li {
            display: inline-block;
            padding-left: 10px;
        }
.NeedhelpCont .referTextPanel .shareIco .sharefield {
            width: 100%;
            display: flex;
            border-radius: 16px;
            width: 100%;
            border: 1px #E3E0D1 solid;
            font-size: 14px;
            color: #767677;
            background: #fff;
            justify-content: space-between;
            padding: 2px;
        }
.NeedhelpCont .referTextPanel .shareIco .sharefield input[type=text] {
                color: #767677;
                background: #fff;
                border: 0;
                border-radius: 16px;
                padding: 12px 3%;
                width: 80%;
            }
.NeedhelpCont .referTextPanel .shareIco .sharefield input[type=text]:focus {
                    border: 0;
                    outline: 0;
                }
.modal-dialog {
    max-width: 700px !important;
    width: 700px !important;
}
.btn-danger {
    font-weight: 600;
    padding: 13px 25px !important;
    font-size: 14px !important;
    border-radius: 4px;
}
.modal-header {
    justify-content: flex-start !important;
    padding: 25px !important;
    border-bottom: 0 !important;
}
#wbox {
    margin-left: -15px;
}
[type="radio"]:checked,
[type="radio"]:not(:checked) {
    position: absolute;
    left: -9999px;
}
[type="radio"]:not(:checked) + label {
        position: relative;
        padding: 10px 12px 10px 38px;
        cursor: pointer;
        line-height: 16px;
        display: inline-block;
        background: #fff;
        border: 1px solid #D8DBDA;
        border-radius: 16px;
        font-weight: 400;
        font-size: 12px;
        margin-right: 7px;
        letter-spacing: 0.012em;
        color: #D8DBDA;
        width:100px;
    }
[type="radio"]:checked + label {
        position: relative;
        padding: 10px 12px 10px 38px;
        cursor: pointer;
        line-height: 16px;
        display: inline-block;
        background: #fff;
        border: 1px solid #D8DBDA;
        border-radius: 16px;
        font-weight: 400;
        font-size: 12px;
        margin-right: 7px;
        letter-spacing: 0.012em;
        color: #767677;
        width: 100px;
    }
[type="radio"]:not(:checked) + label:before {
        content: "";
        position: absolute;
        left: -8px;
        top: -4px;
        width: 23px;
        height: 23px;
        border-radius: 100%;
        background: #fff;
        margin: 10px 0 0 15px;
        border: 1px solid #D8DBDA;
    }
[type="radio"]:checked + label:before {
        content: "";
        position: absolute;
        left: -8px;
        top: -4px;
        width: 23px;
        height: 23px;
        border-radius: 100%;
        background: #DD2127;
        margin: 10px 0 0 15px;
    }
[type="radio"]:not(:checked) + label:after {
        content: '';
        display: block;
        position: absolute;
        top: 10px;
        left: 15px;
        width: 6px;
        height: 12px;
        border: solid #fff;
        border-width: 0 2px 2px 0;
        transform: rotate(45deg);
    }
[type="radio"]:checked + label:after {
        content: '';
        display: block;
        position: absolute;
        top: 10px;
        left: 15px;
        width: 6px;
        height: 12px;
        border: solid #fff;
        border-width: 0 2px 2px 0;
        transform: rotate(45deg);
    }
[type="radio"]:not(:checked) + label:after {
        opacity: 0;
        -webkit-transform: scale(0);
        transform: scale(0);
    }
.loader {
    border: 3px solid #f3f3f3;
    border-top: 3px solid #fff;
    border-right: 3px solid #fff;
    border-radius: 50%;
    width: 18px;
    height: 18px;
    display: inline-block;
    animation: spin 0.8s linear infinite;
    margin-left: 8px;
    vertical-align: middle;
}
@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}
@media only screen and (max-width: 1024px) {
    .progressCont {
        width: 37%;
    }
    .actionarea {
        width: 95%;
    }
    .middle {
        width: 82%;
        margin: 0 auto;
    }
    .terms {
        font-size: 12px;
    }
}
@media only screen and (max-width: 912px) {
    
    .progressCont {
        width: 40%;
    }
    .actionarea .leftPanel {
        width: 50%;
    }

    .actionarea .thankYou_right {
        width: 43%;
    }
    .middle {
        width: 96%;
        margin: 0 auto;
    }
}
@media only screen and (max-width: 820px) {
    .progressCont {
        width: 45%;
    }
    .excessInner .excessL {
        width: 40%;
    }
    .excessInner .excessR {
        width: 30%;
    }
    .middle {
        width: 106%;
        margin: 0 auto;
    }
    .impDocu .impDocuBody a {
        align-items: center;
        justify-content: space-between;
    }
    #opc_button {
        width: 34%;
    }
    #opc_input {
        width: 64%;
    }
    .refer-a-friendCont .referTextPanel {
        width: 47%;
        margin-left: 3%;
    }
    .refer-a-friendCont .referTextPanel h1 {
        font-size: 30px;
        margin-bottom:10px;
    }
    .refer-a-friendCont .referTextPanel p {
        font-size: 16px;
    }
    .refer-a-friendCont .referTextPanel .shareIco h4 {
        margin-top: 10px;
    }
    .refer-a-friendCont {
        min-height: 0;
    }
        .refer-a-friendCont .referPic img {
            object-fit: cover;
            width: 342px;
            height: 307px;
            border-radius: 8px;
        }
    
    .modal-dialog {
        width: auto !important;
    }

    .modal-content .download {
        flex-direction: column;
    }

        .modal-content .download a {
            padding: 10px 0;
        }
}
@media only screen and (max-width: 768px) {
    .progressCont {
        width: 50%;
    }
    .actionarea {
        display: flex;
        flex-direction:column;
        width: 65%;
    }
        .actionarea .leftPanel {
            width: 100%;
        }
        .actionarea .thankYou_right {
            width: 100%;
            margin-bottom: 15px;
        }
    .excessInner .excessL {
        width: 50%;
    }
    .excessInner .excessR {
        width: 30%;
    }
    .impDocu .impDocuBody a {
        justify-content: flex-start;
    }
    .middle {
        width: 84%;
        margin: 0 auto;
    }
    .confirmation {
        font-size: 30px;
    }
    .confirmMain h1 {
        font-size: 30px;
    }
    .whatNext {
        margin-bottom: 50px;
    }
}
@media only screen and (max-width: 600px) {
        .progressCont {
            width: 65%;
        }
        .middle {
            width: 106%;
            margin: 0 auto;
        }
        .refer-a-friendCont {
            flex-direction: column;
        }
            .refer-a-friendCont .referPic {
                width: 100%;
            }
                .refer-a-friendCont .referPic img {
                    object-fit: cover;
                    width: 100%;
                    height: 100%;
                    border-radius: 8px;
                    margin-bottom:40px;
                }
            .refer-a-friendCont .referTextPanel {
                width: 100%;
                margin-left: 0;
            }
        .errorMake {
            margin-bottom: 0px !important;
        height: auto;
        }
    }
@media only screen and (max-width: 540px) {
        .actionarea {
            width: 80%;
        }
        .progressCont {
            width: 70%;
            margin-top: 90px;
        }
        .middle {
            width: 97%;
            margin: 0 auto;
        }
              

        .modal-content .download {
            flex-direction: column;
        }

            .modal-content .download a {
                padding: 10px 0;
            }

        .modal-dialog {
            width: auto !important;
        }       

        .btnWidth {
            width: 100%;
        }
    }
@media screen and (max-width: 428px) {
        .progressCont {
            width: 90%;
        }
        .actionarea {
            width: 95%;
        }
        .middle {
            width: 104%;
            margin: 0 auto;
        }
        .check_container {
            display: block;
            padding: 8px 8px 8px 40px;
        }
        .terms {
            margin-bottom: 32px;
        }
        .confirmation {
            font-size: 24px;
            align-items: center;
        }
        .confirmMain h1 {
            font-size: 24px;
        }
        #wbox {
            margin-left: 0px;
            margin-top: -25px;
        }
    }
@media screen and (max-width: 393px) {
    .pinkTopBoxM .helplineBtn {
        width: 90%;
    }
        .progressCont {
            width: 100%;
        }
        .check_container {
            display: block;
            padding: 11px 8px 8px 32px;
        }
        .checkmark {
            top: 11px;
            left: 8px;
            height: 18px;
            width: 18px;
        }
        .check_container .checkmark:after {
            left: 6px;
            top: 3px;
            width: 5px;
            height: 9px;
        }
    }
@media screen and (max-width: 377px) {
        .progressCont {
            width: 100%;
        }
        
    }
@media screen and (max-width: 360px) {
        .progressCont {
            width: 100%;
            padding-left: 0;
        }
            .progressCont .progressStep {
                width: 30%;
            }
        .marketting .option {
            display: flex;
            flex-wrap: wrap;
        }
        .impDocu .impDocuBody a {
            justify-content: space-between;
        }
    }
@media screen and (max-width: 340px) {
    .progressCont {
        width: 100%;
    }
        .progressCont .progressStep {
            width: 40%;
        }
    .actionarea {
        width: 100%;
    }
    .refer-a-friendCont {
        padding: 20px;
    }
    .accordionDD {
        font-size: 14px;
    }
}
@media screen and (max-width: 320px) {
        .progressCont {
            width: 100%;
        }
        .total_per-mo .totalL h2 {
            font-size: 16px;
        }
        .excessInner .excessR {
            width: 30%;
        }
        .excessInner .excessL {
            width: 40%;
        }
         #opc_input {
            width: 100%;
            margin-right: 0%;
        }

        #opc_button {
            width: 100%;
            margin-top: 25px;
        } 
        
    }
@media screen and (max-width: 280px) {
        .btnWidth {
            font-size: 13px;
        }
        .progressCont {
            width: 100%;
        }

        
    }
:root{--bs-font-sans-serif:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans","Liberation Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"}
*,::after,::before{box-sizing:border-box}
@media (prefers-reduced-motion:no-preference){:root{scroll-behavior:smooth}}
body{margin:0;font-family:var(--bs-font-sans-serif);font-size:1rem;font-weight:400;line-height:1.5;color:#212529;background-color:#fff;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}
[tabindex="-1"]:focus:not(:focus-visible){outline:0!important}
.h1,.h2,.h3,.h4,h1,h2,h3,h4{margin-top:0;margin-bottom:.5rem;font-weight:500;line-height:1.2}
.h1,h1{font-size:calc(1.375rem + 1.5vw)}
@media (min-width:1200px){.h1,h1{font-size:2.5rem}}
.h2,h2{font-size:calc(1.325rem + .9vw)}
@media (min-width:1200px){.h2,h2{font-size:2rem}}
.h3,h3{font-size:calc(1.3rem + .6vw)}
@media (min-width:1200px){.h3,h3{font-size:1.75rem}}
.h4,h4{font-size:calc(1.275rem + .3vw)}
@media (min-width:1200px){.h4,h4{font-size:1.5rem}}
p{margin-top:0;margin-bottom:1rem}
address{margin-bottom:1rem;font-style:normal;line-height:inherit}
ul{padding-left:2rem}
dl,ul{margin-top:0;margin-bottom:1rem}
ul ul{margin-bottom:0}
b{font-weight:bolder}
.small,small{font-size:.875em}
.mark,mark{padding:.2em;background-color:#fcf8e3}
a{color:#0d6efd;text-decoration:underline}
a:hover{color:#0a58ca}
a:not([href]):not([class]),a:not([href]):not([class]):hover{color:inherit;text-decoration:none}
code{font-family:var(--bs-font-monospace);font-size:1em;direction:ltr;unicode-bidi:bidi-override}
code{font-size:.875em;color:#d63384;word-wrap:break-word}
a>code{color:inherit}
img,svg{vertical-align:middle}
table{caption-side:bottom;border-collapse:collapse}
label{display:inline-block}
button{border-radius:0}
button:focus:not(:focus-visible){outline:0}
button,input,select,textarea{margin:0;font-family:inherit;font-size:inherit;line-height:inherit}
button,select{text-transform:none}
[role=button]{cursor:pointer}
select{word-wrap:normal}
[list]::-webkit-calendar-picker-indicator{display:none}
[type=button],[type=submit],button{-webkit-appearance:button}
[type=button]:not(:disabled),[type=submit]:not(:disabled),button:not(:disabled){cursor:pointer}
::-moz-focus-inner{padding:0;border-style:none}
textarea{resize:vertical}
::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-fields-wrapper,::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute,::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-text,::-webkit-datetime-edit-year-field{padding:0}
::-webkit-inner-spin-button{height:auto}
[type=search]{outline-offset:-2px;-webkit-appearance:textfield}
::-webkit-search-decoration{-webkit-appearance:none}
::-webkit-color-swatch-wrapper{padding:0}
::file-selector-button{font:inherit}
::-webkit-file-upload-button{font:inherit;-webkit-appearance:button}
iframe{border:0}
summary{display:list-item;cursor:pointer}
[hidden]{display:none!important}
.lead{font-size:1.25rem;font-weight:300}
.container{width:100%;padding-right:var(--bs-gutter-x,.75rem);padding-left:var(--bs-gutter-x,.75rem);margin-right:auto;margin-left:auto}
@media (min-width:576px){.container{max-width:540px}}
@media (min-width:768px){.container{max-width:720px}}
@media (min-width:992px){.container{max-width:960px}}
@media (min-width:1200px){.container{max-width:1140px}}
@media (min-width:1400px){.container{max-width:1320px}}
.row{--bs-gutter-x:1.5rem;--bs-gutter-y:0;display:flex;flex-wrap:wrap;margin-top:calc(var(--bs-gutter-y) * -1);margin-right:calc(var(--bs-gutter-x)/ -2);margin-left:calc(var(--bs-gutter-x)/ -2)}
.row>*{flex-shrink:0;width:100%;max-width:100%;padding-right:calc(var(--bs-gutter-x)/ 2);padding-left:calc(var(--bs-gutter-x)/ 2);margin-top:var(--bs-gutter-y)}
.table{--bs-table-bg:transparent;--bs-table-striped-color:#212529;--bs-table-striped-bg:rgba(0, 0, 0, 0.05);width:100%;margin-bottom:1rem;color:#212529;vertical-align:top;border-color:#dee2e6}
.table>:not(caption)>*>*{padding:.5rem .5rem;background-color:var(--bs-table-bg);border-bottom-width:1px;box-shadow:inset 0 0 0 9999px var(--bs-table-accent-bg)}
.table>:not(:last-child)>:last-child>*{border-bottom-color:currentColor}
.btn{display:inline-block;font-weight:400;line-height:1.5;color:#212529;text-align:center;text-decoration:none;vertical-align:middle;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;background-color:transparent;border:1px solid transparent;padding:.375rem .75rem;font-size:1rem;border-radius:.25rem;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}
@media (prefers-reduced-motion:reduce){.btn{transition:none}}
.btn:hover{color:#212529}
.btn:focus{outline:0;box-shadow:0 0 0 .25rem rgba(13,110,253,.25)}
.btn.disabled,.btn:disabled{pointer-events:none;opacity:.65}
.btn-danger {
    color: #dc3545;
    background-color: #fff;
    border-color: #dc3545;
    border-radius: 16px;
    padding: 12px 24px !important;
    font-size: 16px;
    line-height: 18px;
    font-weight: 600;
    cursor: pointer;
}
.btn-danger:hover {
        color: #dc3545;
        background-color: #fff;
        border-color: #dc3545
    }
 .btn-danger:focus {
        color: #dc3545;
        background-color: #fff;
        border-color: #dc3545;
        box-shadow: 0 0 0 .25rem rgba(225,83,97,.5)
    }
.btn-danger.active,.btn-danger:active{color:#fff;background-color:#b02a37;border-color:#a52834}
.btn-danger.active:focus,.btn-danger:active:focus{box-shadow:0 0 0 .25rem rgba(225,83,97,.5)}
.btn-danger.disabled,.btn-danger:disabled{color:#fff;background-color:#dc3545;border-color:#dc3545}
.fade{transition:opacity .15s linear}
@media (prefers-reduced-motion:reduce){.fade{transition:none}}
.fade:not(.show){opacity:0}
.collapse:not(.show){display:none}
.collapsing{height:0;overflow:hidden;transition:height .35s ease}
@media (prefers-reduced-motion:reduce){.collapsing{transition:none}}
.dropdown{position:relative}
.nav{display:flex;flex-wrap:wrap;padding-left:0;margin-bottom:0;list-style:none}
.nav-tabs{border-bottom:1px solid #dee2e6}
.tab-content>.tab-pane{display:none}
.tab-content>.active{display:block}
.navbar{position:relative;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;padding-top:.5rem;padding-bottom:.5rem}
.navbar>.container{display:flex;flex-wrap:inherit;align-items:center;justify-content:space-between}
.card{position:relative;display:flex;flex-direction:column;min-width:0;word-wrap:break-word;background-color:#fff;background-clip:border-box;border:1px solid rgba(0,0,0,.125);border-radius:.25rem}
.card-text:last-child{margin-bottom:0}
.alert{position:relative;padding:1rem 1rem;margin-bottom:1rem;border:1px solid transparent;border-radius:.25rem}
.alert-heading{color:inherit}
.alert-link{font-weight:700}
.alert-dismissible{padding-right:3rem}
.alert-dismissible .btn-close{position:absolute;top:0;right:0;z-index:2;padding:1.25rem 1rem}
.alert-primary{color:#084298;background-color:#cfe2ff;border-color:#b6d4fe}
.alert-primary .alert-link{color:#06357a}
.alert-secondary{color:#41464b;background-color:#e2e3e5;border-color:#d3d6d8}
.alert-secondary .alert-link{color:#34383c}
.alert-success{color:#0f5132;background-color:#d1e7dd;border-color:#badbcc}
.alert-success .alert-link{color:#0c4128}
.alert-info{color:#055160;background-color:#cff4fc;border-color:#b6effb}
.alert-info .alert-link{color:#04414d}
.alert-warning{color:#664d03;background-color:#fff3cd;border-color:#ffecb5}
.alert-warning .alert-link{color:#523e02}
.alert-danger{color:#842029;background-color:#f8d7da;border-color:#f5c2c7}
.alert-danger .alert-link{color:#6a1a21}
.alert-light{color:#636464;background-color:#fefefe;border-color:#fdfdfe}
.alert-light .alert-link{color:#4f5050}
.alert-dark{color:#141619;background-color:#d3d3d4;border-color:#bcbebf}
.alert-dark .alert-link{color:#101214}
.modal{position:fixed;top:0;left:0;z-index:1050;display:none;width:100%;height:100%;overflow:hidden;outline:0}
.modal-dialog{position:relative;width:auto;margin:.5rem;pointer-events:none}
.modal.fade .modal-dialog{transition:transform .3s ease-out;transform:translate(0,-50px)}
@media (prefers-reduced-motion:reduce){.modal.fade .modal-dialog{transition:none}}
.modal.show .modal-dialog{transform:none}
.modal.modal-static .modal-dialog{transform:scale(1.02)}
.modal-dialog-scrollable{height:calc(100% - 1rem)}
.modal-dialog-scrollable .modal-content{max-height:100%;overflow:hidden}
.modal-dialog-scrollable .modal-body{overflow-y:auto}
.modal-dialog-centered{display:flex;align-items:center;min-height:calc(100% - 1rem)}
.modal-content{position:relative;display:flex;flex-direction:column;width:100%;pointer-events:auto;background-color:#fff;background-clip:padding-box;border:1px solid rgba(0,0,0,.2);border-radius:.3rem;outline:0}
.modal-backdrop{position:fixed;top:0;left:0;z-index:1040;width:100vw;height:100vh;background-color:#000}
.modal-backdrop.fade{opacity:0}
.modal-backdrop.show{opacity:.5}
.modal-header{display:flex;flex-shrink:0;align-items:center;justify-content:space-between;padding:1rem 1rem;border-bottom:1px solid #dee2e6;border-top-left-radius:calc(.3rem - 1px);border-top-right-radius:calc(.3rem - 1px)}
.modal-header .btn-close{padding:.5rem .5rem;margin:-.5rem -.5rem -.5rem auto}
.modal-title{margin-bottom:0;line-height:1.5}
.modal-body{position:relative;flex:1 1 auto;padding:1rem}
.modal-footer{display:flex;flex-wrap:wrap;flex-shrink:0;align-items:center;justify-content:flex-end;padding:.75rem;border-top:1px solid #dee2e6;border-bottom-right-radius:calc(.3rem - 1px);border-bottom-left-radius:calc(.3rem - 1px)}
.modal-footer>*{margin:.25rem}
@media (min-width:576px){.modal-dialog{max-width:600px;margin:1.75rem auto}.modal-dialog-scrollable{height:calc(100% - 3.5rem)}.modal-dialog-centered{min-height:calc(100% - 3.5rem)}.modal-sm{max-width:300px}}
@media (min-width:992px){.modal-lg,.modal-xl{max-width:800px}}
@media (min-width:1200px){.modal-xl{max-width:1140px}}
.modal-fullscreen{width:100vw;max-width:none;height:100%;margin:0}
.modal-fullscreen .modal-content{height:100%;border:0;border-radius:0}
.modal-fullscreen .modal-header{border-radius:0}
.modal-fullscreen .modal-body{overflow-y:auto}
.modal-fullscreen .modal-footer{border-radius:0}
@media (max-width:575.98px){.modal-fullscreen-sm-down{width:100vw;max-width:none;height:100%;margin:0}.modal-fullscreen-sm-down .modal-content{height:100%;border:0;border-radius:0}.modal-fullscreen-sm-down .modal-header{border-radius:0}.modal-fullscreen-sm-down .modal-body{overflow-y:auto}.modal-fullscreen-sm-down .modal-footer{border-radius:0}}
@media (max-width:767.98px){.modal-fullscreen-md-down{width:100vw;max-width:none;height:100%;margin:0}.modal-fullscreen-md-down .modal-content{height:100%;border:0;border-radius:0}.modal-fullscreen-md-down .modal-header{border-radius:0}.modal-fullscreen-md-down .modal-body{overflow-y:auto}.modal-fullscreen-md-down .modal-footer{border-radius:0}}
@media (max-width:991.98px){.modal-fullscreen-lg-down{width:100vw;max-width:none;height:100%;margin:0}.modal-fullscreen-lg-down .modal-content{height:100%;border:0;border-radius:0}.modal-fullscreen-lg-down .modal-header{border-radius:0}.modal-fullscreen-lg-down .modal-body{overflow-y:auto}.modal-fullscreen-lg-down .modal-footer{border-radius:0}}
@media (max-width:1199.98px){.modal-fullscreen-xl-down{width:100vw;max-width:none;height:100%;margin:0}.modal-fullscreen-xl-down .modal-content{height:100%;border:0;border-radius:0}.modal-fullscreen-xl-down .modal-header{border-radius:0}.modal-fullscreen-xl-down .modal-body{overflow-y:auto}.modal-fullscreen-xl-down .modal-footer{border-radius:0}}
@media (max-width:1399.98px){.modal-fullscreen-xxl-down{width:100vw;max-width:none;height:100%;margin:0}.modal-fullscreen-xxl-down .modal-content{height:100%;border:0;border-radius:0}.modal-fullscreen-xxl-down .modal-header{border-radius:0}.modal-fullscreen-xxl-down .modal-body{overflow-y:auto}.modal-fullscreen-xxl-down .modal-footer{border-radius:0}}
.carousel{position:relative}
.carousel.pointer-event{touch-action:pan-y}
.carousel-inner{position:relative;width:100%;overflow:hidden}
.carousel-inner::after{display:block;clear:both;content:""}
.carousel-item{position:relative;display:none;float:left;width:100%;margin-right:-100%;-webkit-backface-visibility:hidden;backface-visibility:hidden;transition:transform .6s ease-in-out}
@media (prefers-reduced-motion:reduce){.carousel-item{transition:none}}
.carousel-item-next,.carousel-item-prev,.carousel-item.active{display:block}
.active.carousel-item-end,.carousel-item-next:not(.carousel-item-start){transform:translateX(100%)}
.active.carousel-item-start,.carousel-item-prev:not(.carousel-item-end){transform:translateX(-100%)}
.carousel-fade .carousel-item{opacity:0;transition-property:opacity;transform:none}
.carousel-fade .carousel-item-next.carousel-item-start,.carousel-fade .carousel-item-prev.carousel-item-end,.carousel-fade .carousel-item.active{z-index:1;opacity:1}
.carousel-fade .active.carousel-item-end,.carousel-fade .active.carousel-item-start{z-index:0;opacity:0;transition:opacity 0s .6s}
@media (prefers-reduced-motion:reduce){.carousel-fade .active.carousel-item-end,.carousel-fade .active.carousel-item-start{transition:none}}
.carousel-control-next,.carousel-control-prev{position:absolute;top:0;bottom:0;z-index:1;display:flex;align-items:center;justify-content:center;width:15%;padding:0;color:#fff;text-align:center;background:0 0;border:0;opacity:.5;transition:opacity .15s ease}
@media (prefers-reduced-motion:reduce){.carousel-control-next,.carousel-control-prev{transition:none}}
.carousel-control-next:focus,.carousel-control-next:hover,.carousel-control-prev:focus,.carousel-control-prev:hover{color:#fff;text-decoration:none;outline:0;opacity:.9}
.carousel-control-prev{left:0}
.carousel-control-next{right:0}
.carousel-control-next-icon,.carousel-control-prev-icon{display:inline-block;width:2rem;height:2rem;background-repeat:no-repeat;background-position:50%;background-size:100% 100%}
.carousel-control-prev-icon{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3e%3c/svg%3e")}
.carousel-control-next-icon{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e")}
.carousel-indicators{position:absolute;right:0;bottom:0;left:0;z-index:2;display:flex;justify-content:center;padding:0;margin-right:15%;margin-bottom:1rem;margin-left:15%;list-style:none}
.carousel-indicators [data-bs-target]{box-sizing:content-box;flex:0 1 auto;width:30px;height:3px;padding:0;margin-right:3px;margin-left:3px;text-indent:-999px;cursor:pointer;background-color:#fff;background-clip:padding-box;border:0;border-top:10px solid transparent;border-bottom:10px solid transparent;opacity:.5;transition:opacity .6s ease}
@media (prefers-reduced-motion:reduce){.carousel-indicators [data-bs-target]{transition:none}}
.carousel-indicators .active{opacity:1}
.carousel-caption{position:absolute;right:15%;bottom:1.25rem;left:15%;padding-top:1.25rem;padding-bottom:1.25rem;color:#fff;text-align:center}
.carousel-dark .carousel-control-next-icon,.carousel-dark .carousel-control-prev-icon{filter:invert(1) grayscale(100)}
.carousel-dark .carousel-indicators [data-bs-target]{background-color:#000}
.carousel-dark .carousel-caption{color:#000}
.d-none{display:none!important}
.border{border:1px solid #dee2e6!important}
.mb-5{margin-bottom:3rem!important}
.text-center{text-align:center!important}
.text-danger{color:#dc3545!important}
.text-muted{color:#6c757d!important}
.visible{visibility:visible!important}
.fade.in {
    opacity: 1;
}
.close {
    float: right;
    font-size: 28px;
    font-weight: 700;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    filter: alpha(opacity=100);
    opacity: 1;
    display: flex;
    justify-content: flex-end;
    margin: 10px;
}
.close:focus, .close:hover {
        color: #000;
        text-decoration: none;
        cursor: pointer;
        filter: alpha(opacity=50);
        opacity: .5;
    }
button.close {
    padding: 0;
    cursor: pointer;
    background: 0 0;
    border: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
.modal-open {
    overflow: hidden
}
.modal {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1050;
    display: none;
    overflow: hidden;
    -webkit-overflow-scrolling: touch;
    outline: 0
}
.modal.fade .modal-dialog {
        -webkit-transform: translate(0,-25%);
        -ms-transform: translate(0,-25%);
        -o-transform: translate(0,-25%);
        transform: translate(0,-25%);
        -webkit-transition: -webkit-transform .3s ease-out;
        -o-transition: -o-transform .3s ease-out;
        transition: -webkit-transform .3s ease-out;
        transition: transform .3s ease-out;
        transition: transform .3s ease-out,-webkit-transform .3s ease-out,-o-transform .3s ease-out
    }
.modal.in .modal-dialog {
        -webkit-transform: translate(0,0);
        -ms-transform: translate(0,0);
        -o-transform: translate(0,0);
        transform: translate(0,0)
    }
.modal-open .modal {
    overflow-x: hidden;
    overflow-y: auto
}
.modal-dialog {
    position: relative;
    width: auto;
    margin: 10px
}
.modal-content {
    position: relative;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #999;
    border: 1px solid rgba(0,0,0,.2);
    border-radius: 16px;
    -webkit-box-shadow: 0 3px 9px rgba(0,0,0,.5);
    box-shadow: 0 3px 9px rgba(0,0,0,.5);
    outline: 0
}
.modal-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1040;
    background-color: #000
}
.modal-backdrop.fade {
        filter: alpha(opacity=0);
        opacity: 0;
    }
.modal-backdrop.in {
        filter: alpha(opacity=50);
        opacity: .5
    }
.modal-header {
    padding: 25px;
    border-bottom: 1px solid #e5e5e5
}
.modal-header .close {
        margin-top: -2px
    }
.modal-title {
    margin: 0;
    line-height: 1.42857143;
    font-weight: 700;
}
.modal-body {
    position: relative;
    padding: 15px 25px;
}
.modal-footer {
    padding: 15px;
    text-align: right;
    border-top: 1px solid #e5e5e5
}
.modal-footer .btn + .btn {
        margin-bottom: 0;
        margin-left: 5px
    }
.modal-footer .btn-group .btn + .btn {
        margin-left: -1px
    }
.modal-footer .btn-block + .btn-block {
        margin-left: 0
    }
.modal-scrollbar-measure {
    position: absolute;
    top: -9999px;
    width: 50px;
    height: 50px;
    overflow: scroll
}
@media (min-width:768px) {
    .modal-dialog {
        width: 600px;
        margin: 30px auto
    }
    .modal-content {
        -webkit-box-shadow: 0 5px 15px rgba(0,0,0,.5);
        box-shadow: 0 5px 15px rgba(0,0,0,.5)
    }
    .modal-sm {
        width: 300px
    }
}
@media (min-width:992px) {
    .modal-lg {
        width: 900px
    }
}
.fa{display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.fa-check:before{content:"\f00c"}
.fa-times:before{content:"\f00d"}
.fa-calendar:before{content:"\f073"}
.title {
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 15px;
    display: flex;
    align-items: center;
}
.title i {
        margin-right: 8px;
        color: #555;
    }
.date-container {
    display: inline-flex;
    gap: 12px;
    overflow-x: auto;
    padding: 10px 0;
    margin-bottom: 20px;
    
}
.date-box-disables {
    display: inline-flex;
    gap: 8px;
    padding: 10px 15px;
    border: 2px solid #e63946;
    border-radius: 10px;
    background: #fdecec;
    color: #e63946;
    font-weight: bold;
    align-items: center;
    pointer-events: none;
    user-select: none;
    margin-bottom:20px;
}
.date-box-disables .day,
    .date-box-disables .month {
        font-size: 14px;
    }
.date-box-disables .date {
        font-size: 22px;
    }
.date-box {
    width: 67px;
    padding: 10px 5px;
    border: 1px solid #E3E0D1;
    border-radius: 15px;
    background: #fff;
    text-align: center;
    cursor: pointer;
    transition: 0.2s;
    font-family: Arial, sans-serif;
}
.date-box:hover {
        border-color: #000;
    }
.date-box .label {
        font-size: 14px;
        color: #555;
    }
.date-box .day {
        font-size: 26px;
        font-weight: bold;
        margin: 5px 0;
        color: #222;
        line-height:100%;
    }
.date-box .month {
        font-size: 14px;
        color: #666;
    }
.date-box.active {
        border: 2px solid #ff4b4b;
        background-color: #FBE4E5;
    }
.date-box.active .day {
            color: #ff4b4b;
        }
.date-box.active .label,
        .date-box.active .month {
            color: #ff4b4b;
        }
.plan-box {
    position: relative;
    width: 24%;
    border: 5px solid #DD2127;
    border-radius: 16px;
}
.Topbest {
    position: absolute;
    top: -25px;
    left: 50%;
    transform: translateX(-50%);
    background: #0074B6;
    color: #fff;
    padding: 4px 10px;
    font-weight: 700;
    border-bottom: 5px solid #DD2127;
    border-radius: 16px 16px 0 0;
    width: 100%;
    text-align: center;
    z-index: 10;
}
.tabs {
    margin: 2px 20px 0px 5px !important;
    padding-bottom: 0px !important;
    cursor: pointer
}
.tabs:hover,
    .tabs.active {
        border-bottom: 2px solid #DD2127 !important;
    }
.tabs.active:after {
            content: '';
        }
* {
    margin: 0;
    padding: 0;
}
*, *:after, *:before {
        box-sizing: border-box;
    }
html {
    scroll-behavior: smooth;
}
body {
    margin: 0;
    padding: 0;
    background: #fdfffc;
    font-family: 'Nunito Sans';
    font-size: 16px;
}
ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
a {
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    color: #fff;
}
a, a:hover, a:focus {
        text-decoration: none;
    }
img {
    display: block;
    max-width: 100%;
}
:focus {
    outline: none;
}
.header {
    padding: 0;
    margin: 0 0 10px;
    height: 75px;
}
.header .headRow {
        display: flex;
        flex-direction: row;
        align-items: center;
        flex-wrap: nowrap;
        justify-content: space-between;
        margin-top: 20px;
    }
.header .logo {
        display: block;
        background: url(../images/logo.png) no-repeat;
        width: 108px;
        height: 35px;
    }
.call {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-end;
    align-items: center;
}
.header .call-mob {
    display: none;
}
.pinkTopBox {
    display: flex;
    align-items: center;
    height: 60px;
    gap: 10px;
    opacity: 1;
    padding-top: 10px;
    padding-right: 19px;
    padding-bottom: 10px;
    padding-left: 19px;
    border-radius: 16px;
    background: #FBE4E5;
}

    .pinkTopBox .textLine {
        font-family: Nunito Sans;
        font-weight: 700;
        font-size: 18px;
        line-height: 100%;
        letter-spacing: -2%;
        vertical-align: middle;
        color: #323234;
    }

        .pinkTopBox .textLine span {
            font-weight: 400;
            font-size: 16px;
        }

    .pinkTopBox .helplineBtn {
        padding-top: 12px;
        padding-right: 15px;
        padding-bottom: 12px;
        padding-left: 15px;
        border-radius: 12px;
        border: 1px solid #DD2127;
        color: #DD2127;
        font-family: Nunito Sans;
        font-weight: 700;
        font-size: 14px;
        line-height: 100%;
        letter-spacing: -2%;
        text-align: center;
    }

.pinkTopBoxM {
    display: none;
}
.ctaHolder {
    display: flex;
}
.bluBtn {
    background: #DD2127;
    border-radius: 16px;
    padding: 12px 24px;
    margin-left: 5px;
    color: #fff !important;
    font-family: 'Nunito Sans';
    font-style: normal;
    font-size: 16px;
    line-height: 18px;
    font-weight: 400;
    border: 0;
    cursor: pointer;
    display: flex;
}
.bluBtn:hover {
        background: #DD2127;
        color: #fff;
    }
.trustpilot a {
    font-size: 18px;
    color: #767677 !important;
    text-decoration: none;
}
.trustpilot a img {
        display: inline-block;
    }
.trustpilotM {
    display: block;
    margin: 0;
}

    .trustpilotM a {
        font-size: 18px;
        color: #767677 !important;
        text-decoration: none;
    }

        .trustpilotM a img {
            display: inline-block;
        }
.hero_section {
    width: 100%;
    height: auto;
    background: #d3f2fa;
    padding: 32px 16px;
    text-align: center;
    border-radius: 16px;
}
.hero_section h1 {
        font-family: 'Roboto Condensed';
        font-style: normal;
        font-weight: 700;
        font-size: 48px;
        color: #323234;
        letter-spacing: -2px;
        text-align: center;
    }
.hero_section p {
        font-family: 'Nunito Sans';
        font-size: 20px;
        font-weight: 400;
        line-height: 150%;
        letter-spacing: -1px;
        text-align: center;
        color: #313a3f;
    }
.postcodeBox {
    width: 100%;
    height: auto;
    padding-top: 24px;
    padding-right: 16px;
    padding-bottom: 24px;
    padding-left: 16px;
    border-radius: 16px;
    background: #0074B6;
    margin: 40px 0;
    font-family: Nunito Sans;
    font-weight: 700;
    font-size: 20px;
    line-height: 120%;
    vertical-align: middle;
    color: #FDFFFC;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.postCodeConatiner {
    display: flex;
    align-items: center;
}
.postcodeBox img {
    margin-right: 15px;
}
.postcodeField {
    width: 250px;
    height: 51px;
    display: flex;
    justify-content: space-between;
    padding-top: 4px;
    padding-right: 5px;
    padding-bottom: 2px;
    padding-left: 8px;
    border-radius: 16px;
    border: 1px solid #E3E0D1;
    background: #fff;
    margin-left: 15px;
}
.postcodeField #opc_input {
        border-radius: 16px;
        border: 0;
        background: #fff;
        width: 70%;
        padding: 15px 3%;
        font-size: 14px;
        color: #767677 !important;
        margin-right: 2%;
    }
.postcodeField #opc_button {
        border-radius: 16px;
        color: #DD2127 !important;
        background-color: #FFD6D8;
        border: 1px #DD2127 solid;
         padding: 0px; 
        font-weight: 600;
        font-size: 12px;
        line-height: 18px;
        cursor: pointer;
        text-align: center;
        width: 40%;
    }
#divShowButton {
    margin: 0 0 0 20px;
}
.steps {
    background: url('../images/steps.png') no-repeat center;
    background-size:contain;
    width: 100%;
    height: 63px;
    margin: 0 0 25px;
}
.whyRepair {
    display: flex;
    justify-content: space-between;
    margin: 40px 0;
}
.whyRepair .leftWhy {
        width: 50%;
        height: 317px;
    }
.whyRepair .leftWhy img {
            border-radius: 16px;
            width:100%;
        }
.whyRepair .rightWhy {
        width: 45%;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }
.whyRepair .rightWhy h2 {
            font-family: Roboto Condensed;
            font-weight: 700;
            font-size: 36px;
            line-height: 100%;
            color: #323234;
            text-align: left;
            margin-bottom: 25px;
        }
.whyRepair .rightWhy ul {
            display: flex;
            flex-direction: column;
            align-items: baseline;
        }
.whyRepair .rightWhy ul li {
                width: auto;
                height: 35px;
                padding-top: 8px;
                padding-right: 16px;
                padding-bottom: 8px;
                padding-left: 16px;
                border-radius: 16px;
                background: #D3F2FA;
                font-family: Roboto Condensed;
                font-weight: 700;
                font-size: 16px;
                line-height: 100%;
                margin-bottom: 7px;
            }
.whyRepair .rightWhy ul li i {
                    color: #0074B6;
                    margin-right: 10px;
                }
.NewSection {
    padding: 40px 0;
    width: 100%;
    background: #F7F8F7;
}
.NewSection h1 {
        font-family: 'Roboto Condensed';
        font-style: normal;
        font-weight: 700;
        font-size: 36px;
        color: #323234;
        letter-spacing: 0;
        text-align: center;
        margin-bottom: 10px;
    }
.NewSection h2 {
        font-family: 'Roboto Condensed';
        font-style: normal;
        font-weight: 700;
        font-size: 27px;
        color: #323234;
        letter-spacing: 0;
        text-align: center;
        margin-bottom: 10px;
        height: 60px;
    }
.NewSection p {
        font-family: 'Nunito Sans';
        font-size: 16px;
        font-weight: 400;
        line-height: 140%;
        letter-spacing: 0;
        text-align: center;
        color: #767677;
        margin: 0 auto 18px;
        width: 96%;
    }
.NewSection .boxHolder {
        display: flex;
        padding: 32px 0;
        justify-content: space-between;
    }
.NewSection .boxHolder .priceSpl {
            font-family: Roboto Condensed;
            font-weight: 700;
            font-size: 12px;
            line-height: 250%;
            text-align: center;
            color: #323234;
            height: 64px;
        }
.NewSection .boxHolder .priceSpl span {
                font-size: 40px;
                color: #0074B6;
                display: block;
                font-weight: 700;
            }
.NewSection .boxHolder ul.featureNew {
            margin-top: 15px;
            width: 100%;
        }
.NewSection .boxHolder ul.featureNew li {
                font-family: Nunito Sans;
                font-weight: 400;
                font-size: 16px;
                line-height: 100%;
                margin-bottom: 10px;
                color: #767677;
                display: flex;
                align-items: baseline;
            }
.NewSection .boxHolder ul.featureNew li i {
                    display: flex;
                    justify-content: center;
                    font-size: 21px;
                    font-weight: bold;
                    color: #0074b6;
                    margin-right: 12px;
                }
.NewSection .boxHolder .redButton {
            padding: 10px 35px;
            border-radius: 8px;
            background: #DD2127;
            color: #fff;
            font-family: Nunito Sans;
            font-weight: 700;
            font-size: 14px;
            line-height: 100%;
            border: 0;
            margin-top: 20px;
        }
.NewSection .boxHolder .blueBorderBox {
            width: 24%;
            border: 5px solid #0074B6;
            border-radius: 16px;
            height: auto;
            display: flex;
            flex-direction: column;
            align-items: center;
            padding: 30px;
        }
.NewSection .boxHolder .blueBorderBox .blueLebel {
                background: #0074B6;
                padding: 4px 16px;
                border-radius: 8px;
                color: #FDFFFC;
                font-size: 14px;
                font-weight: 700;
                margin-bottom: 20px;
            }
.NewSection .boxHolder .redBorderBox {
            height: auto;
            display: flex;
            flex-direction: column;
            align-items: center;
            padding: 30px;
        }
.NewSection .boxHolder .redBorderBox .redLebel {
                background: #DD2127;
                padding: 4px 16px;
                border-radius: 8px;
                color: #FDFFFC;
                font-size: 14px;
                font-weight: 700;
                margin-bottom: 20px;
            }
.NewSection .whiteBoxCont {
        display: flex;
        width: 100%;
        margin: 40px auto;
        flex-wrap: wrap
    }
.NewSection .whiteBoxCont .whiteBox {
            background: #fff;
            border-radius: 16px;
            width: 49%;
            height: 97px;
            margin: 0 16px 16px 0;
            padding: 16px;
            display: flex;
            align-items: center;
        }
.NewSection .whiteBoxCont .whiteBox:nth-child(even) {
                margin-right: 0
            }
.NewSection .whiteBoxCont .whiteBox .icon {
                width: 65px;
                height: 65px
            }
.NewSection .whiteBoxCont .whiteBox .features {
                margin-left: 20px;
                width: 80%
            }
.NewSection .whiteBoxCont .whiteBox .features h3 {
                    font-family: 'Roboto Condensed';
                    font-style: normal;
                    font-weight: 700;
                    font-size: 16px;
                    color: #313a3f
                }
.feature-right {
    padding-left: 20px;
    margin-top: 10px;
}
.comparison_area {
    padding: 40px 0;
    width: 100%;
}
.comparison_area h1 {
        font-family: Roboto Condensed;
        font-weight: 700;
        font-size: 36px;
        line-height: 140%;
        text-align: center;
        color: #323234;
    }
.comparison_area p {
        font-family: Nunito Sans;
        font-weight: 400;
        font-size: 16px;
        line-height: 140%;
        text-align: center;
        color: #767677;
    }
.nav_excess {
    display: flex;
    width: 322px;
    position: relative;
    background: #fff;
    padding: 2px;
    border: 1px #E3E0D1 solid;
    border-radius: 16px;
    font-size: 16px;
    color: #767677;
}
.nav_excess a {
        display: flex;
        align-items: center;
        justify-content: center;
        height: 38px;
        width: 80px;
        border-radius: 16px;
        font-size: 16px;
        font-weight: 400;
        z-index: 1;
        cursor: pointer;
    }
.nav_excess a:hover {
            color: #DD2127 !important;
        }
.nav_excess .animation {
        border-radius: 16px;
        color: #DD2127 !important;
        background-color: #FFD6D8;
        width: 80px;
        border: 1px #DD2127 solid;
    }
.rowCover {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    border-radius: 16px;
    align-items: flex-start;
    margin: 15px 0 35px;
    padding: 60px 30px 60px;
    background: #fff;
    border: 1px #E3E0D1 solid;
}
.rowCover .colCover {
        width: 19%;
        margin: 0 5px 0;
        padding: 20px 1% 0px;
        background: #FFFFFF;
        border-radius: 12px;
        border: 1px solid #E3E0D1;
        position: relative;
    }
.rowCover .colCover:first-child {
            border: 0;
        }
.rowCover .colCover .quoteContact {
            border-radius: 16px;
            background: #FBE4E5;
            padding: 24px;
            text-align: center;
            margin-bottom: 40px;
        }
.rowCover .colCover .quoteContact h2 {
                color: #701B45;
                font-family: 'Roboto Condensed';
                font-weight: bold;
                font-size: 24px;
                text-align: left;
                margin-bottom: 20px;
            }
.rowCover .colCover .quoteContact .btnContact {
                color: #701B45;
                border: 1px #701B45 solid;
                border-radius: 16px;
                padding: 12px 24px;
                font-size: 16px;
                cursor: pointer;
                background: transparent;
            }
.rowCover .colCover .quoteContact small {
                font-size: 10px;
                position: relative;
                top: 10px;
            }
.rowCover_Mobile .quoteContact small {
    font-size: 10px;
    position: relative;
    top: 10px;
}
.rowCover .colCover ul.featureList {
    margin-top: 120px;
}
.rowCover .colCover ul.featureList li {
        margin-bottom: 30px;
        font-weight: 400;
        font-size: 15px;
        line-height: 124%;
        color: #313A3F;
        letter-spacing: -0.2px;
    }
.rowCover .colCover.recommended {
    border: 2px #0074B6 solid;
    position: relative;
    top: -12px;
}
.rowCover .colCover .discount {
    width: 110px;
    background: #00b67a;
    border-radius: 16px;
    color: #fff;
    font-weight: 700;
    font-size: 20px;
    padding: 3px 10px;
    line-height: 150%;
    text-align: center;
    letter-spacing: .012em
}
.rowCover_Mobile .colCover .discount {
    width: 110px;
    background: #00b67a;
    border-radius: 16px;
    color: #fff;
    font-weight: 700;
    font-size: 20px;
    padding: 3px 10px;
    line-height: 150%;
    text-align: center;
    letter-spacing: .012em
}
.rowCover .colCover.recommended .best {
    text-align: center;
    color: #D2F5FF;
    font-size: 16px;
    font-weight: 700;
    line-height: 150%;
    padding: 3px 0;
    position: absolute;
    top: -25px;
    left: 0;
    width: 100%;
    background: #0074B6;
    border-bottom: 5px solid #DD2127;
    border-radius: 16px 16px 0 0;
}
.rowCover h4 {
    font-family: 'Roboto Condensed';
    font-weight: bold;
    font-size: 20px;
    line-height: 32px;
    color: #313A3F;
    text-align: center;
    margin: 15px auto 10px;
    height: 50px;
}
.rowCover .colCover.recommended h4 {
    margin: 26px auto 10px;
}
.rowCover h4 span {
    display: block;
}
.rowCover .recommended h4 {
    background-color: none;
}
.rowCover .coverFeatures {
    margin: 10px 0 20px;
}
.rowCover .coverFeatures ul li {
        font-weight: 400;
        font-size: 16px;
        line-height: 150%;
        color: #313A3F;
        letter-spacing: 0.2px;
        margin: 0;
        padding: 0;
    }
.rowCover .coverFeatures ul li + li {
            margin-top: 10px;
        }
.rowCover .coverFeatures ul li.Yes {
            color: #2D3436;
            position: relative;
            padding: 0 0 4px 0;
        }
.rowCover .coverFeatures ul li.Yes a {
                color: #0074B6;
                padding: 0 0 5px 0;
                text-decoration: underline;
                display: flex;
                justify-content: center;
            }
.rowCover .coverFeatures ul li.No {
            padding: 0 0 4px 0;
        }
.rowCover .coverFeatures ul li.Yes i {
            display: flex;
            justify-content: center;
            font-size: 24px;
            font-weight: bold;
            line-height: 40px;
            color: #0074B6;
        }
.rowCover .coverFeatures ul li.No i {
            display: flex;
            justify-content: center;
            font-size: 24px;
            font-weight: 400;
            line-height: 40px;
            color: #DD2127;
            height: 40px;
        }
.rowCover .viewPlan {
    background-color: #DD2127;
    border: none;
    border-radius: 16px;
    font-size: 16px;
    line-height: 32px;
    color: #fff;
    text-decoration: none;
    display: table;
    margin: 0 auto;
    padding: 5px 28px;
    cursor: pointer;
    width: 90%;
    text-align: center;
}
.rowCover .oldPrice {
    font-family: 'Roboto Condensed';
    font-style: normal;
    font-weight: 700;
    font-size: 24px;
    line-height: 36px;
    text-align: center;
    font-feature-settings: 'haln' on;
    color: #313A3F;
}
.rowCover .oldPrice span {
        text-decoration: line-through;
        text-decoration-color: #313A3F;
        text-decoration-style: solid;
    }
.rowCover .oldPrice span.permonth {
            font-weight: 700;
            font-size: 12px;
            line-height: 24px;
            text-decoration: line-through;
            text-decoration-color: #313A3F;
            text-decoration-style: solid;
        }
.rowCover .priceis {
    text-align: center;
    margin: 10px 0 10px;
    font-family: 'Roboto Condensed';
}
.rowCover .priceis .symbol {
        font-weight: 700;
        font-size: 40px;
        line-height: 100%;
        color: #0074B6;
        margin: 0 2px 0 0;
        letter-spacing: -2px;
    }
.rowCover .priceis .mian-price {
        font-weight: 700;
        font-size: 40px;
        line-height: 100%;
        color: #0074B6;
        letter-spacing: -2px;
    }
.rowCover .priceis .perbase {
        font-weight: 700;
        font-size: 12px;
        line-height: 100%;
        color: #313A3F;
        display: block;
        text-align: center;
    }
.rowCover .coverFeatures p.Yes i {
    text-align: center;
}
.greenline {
    font-size: 16px;
    line-height: 18px;
    text-align: center;
    color: #7E7E7E;
    margin: 10px 0;
    height: 40px;
}
.coverFeatures_Ul {
    padding-bottom: 30px !important;
}
.fbstext {
    color: #3898B0 !important;
    background: #F2F9FB;
    font-weight: 400 !important;
    padding: 4px 16px !important;
    border-radius: 8px;
    font-size: 12px !important;
    line-height: 105% !important;
    text-align: center;
}
.feature_accordion {
    font-family: 'Roboto Condensed';
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    color: #313A3F;
    padding: 20px 0px 0;
    cursor: pointer;
    width: 100%;
    border: none;
    text-align: left;
    outline: none;
    transition: 0.4s;
    padding: 20px 0px 0;
    margin: 0 0 20px;
}
.feature_accordion:after {
        content: url(../images/downArrow.png);
        float: right;
        margin-left: 5px;
        line-height: 30px;
    }
.feature_active:after {
    content: url(../images/upArrow.png);
}
.feature_panel {
    padding: 0;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.2s ease-out;
    font-size: 14px;
    line-height: 130%;
    letter-spacing: 0.012em;
    color: #313A3F;
    width: 100%;
}
.rowCover_Mobile {
    display: none;
}
.customerSection {
    margin: 50px 0;
    display: flex;
    flex-direction: column;
}
.customerSection .top {
        display: flex;
        align-items: center;
        margin-bottom: 50px;
    }
.customerSection .top .pic {
            width: 600px;
            margin-right: 60px;
            display: inline-block;
        }
.customerSection .top .text {
            font-family: 'Roboto Condensed';
            font-style: normal;
            font-weight: 700;
            font-size: 36px;
            color: #313A3F;
            display: inline-block;
            width: 560px;
        }
.tpRating {
    display: block;
}
.tpRating img {
        display: inline;
    }
.why247 {
    width: 100%;
    height: auto;
    background: #d3f2fa;
    padding: 70px 0;
    margin: 20px 0;
}
.why247 h1 {
        font-family: 'Roboto Condensed';
        font-style: normal;
        font-weight: 700;
        font-size: 36px;
        text-align: center;
        color: #313A3F;
    }
.why247 h4 {
        color: #767677;
        font-size: 18px;
        font-weight: 400;
        text-align: center;
    }
.why247 .whiteBoxCont {
        display: flex;
        width: 92%;
        margin: 40px auto;
        flex-wrap: wrap;
    }
.why247 .whiteBoxCont .whiteBox {
            background: #fff;
            border-radius: 16px;
            width: 519px;
            height: 97px;
            margin: 0 8px 8px 0;
            padding: 16px;
            display: flex;
        }
.why247 .whiteBoxCont .whiteBox:nth-child(even) {
                margin-right: 0;
            }
.why247 .whiteBoxCont .whiteBox .icon {
                width: 65px;
                height: 65px;
            }
.why247 .whiteBoxCont .whiteBox .features {
                color: #767677;
                font-size: 14px;
                margin-left: 20px;
                width: 80%;
            }
.why247 .whiteBoxCont .whiteBox .features h3 {
                    font-family: 'Roboto Condensed';
                    font-style: normal;
                    font-weight: 700;
                    font-size: 16px;
                    color: #313A3F;
                    margin: 0 0 8px 0;
                }
.partner {
    width: 100%;
}
.carousel-control-next {
    right: -24px !important;
    justify-content: flex-end !important;
}
.carousel-control-prev {
    left: -24px !important;
    justify-content: flex-start !important;
}
.carousel-control-next-icon {
    background-image: url('../images/r-next.png');
}
.carousel-control-prev-icon {
    background-image: url('../images/r-prev.png');
}
.partner .partner_logo_cont {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-evenly;
    padding-top: 20px;
}
.partner .partner_logo {
    display: inline-block;
    min-width: 120px;
}
.partner .partner_logo img {
        padding: 0 10%;
    }
.partner .partner_logo_cont_Mobile {
    display: none;
}
.partner .partner_logo_cont_Tablet {
    display: none;
}
ul.security {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 40px 12% 70px;
}
ul.security li {
        color: #767677;
        font-size: 14px;
        display: flex;
        align-items: center;
        width: 50%
    }
ul.security li .icon {
            margin-right: 15px;
            display: inline-block;
            width: 41px;
        }
ul.security li span {
            width: 75%;
        }
.brand_personality_Mobile {
    display: none;
}
.brand_personality {
    margin: 100px 0;
}
.brand_personality .section {
        display: flex;
        margin-bottom: 56px;
        justify-content: space-between;
        align-items: center;
    }
.brand_personality .section:last-child {
            margin-bottom: 0;
        }
.brand_personality .section .image {
            width: 50%;
            display: flex;
            justify-content: center;
        }
.brand_personality .section .matter {
            width: 45%;
        }
.brand_personality .section .matter h2 {
                color: #313A3F;
                font-family: 'Roboto Condensed';
                font-style: normal;
                font-weight: 700;
                font-size: 36px;
                margin-bottom: 20px;
            }
.brand_personality .section .matter p {
                font-size: 16px;
                color: #767677;
            }
.faq {
    width: 100%;
    height: auto;
    background: #d3f2fa;
    padding: 70px 0 70px;
}
.faq h1 {
        font-family: 'Roboto Condensed';
        font-style: normal;
        font-weight: 700;
        font-size: 36px;
        color: #313A3F;
        text-align: center;
        margin-bottom: 20px;
    }
.faq h4 {
        color: #767677;
        font-size: 18px;
        font-weight: 400;
        margin-bottom: 20px;
    }
.faqMobile {
    width: 100%;
    display: block;
}
.faq_accordion {
    background: #fff;
    border-radius: 16px;
    font-family: 'Roboto Condensed';
    font-style: normal;
    font-weight: 700;
    font-size: 18px;
    color: #313A3F;
    padding: 20px 30px;
    cursor: pointer;
    width: 100%;
    border: none;
    text-align: left;
    outline: none;
    transition: 0.4s;
}
.faq_active, .faq_accordion:hover {
        background-color: #fff;
    }
.faq_accordion:before {
        content: url(../images/downArrow.png);
        float: right;
        margin-left: 5px;
        line-height: 30px;
    }
.faq_active:before {
    content: url(../images/upArrow.png);
}
.faq_holder {
    margin: 0 0 30px;
}
.faq_panel {
    padding: 0 30px;
    background-color: #fff;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.2s ease-out;
    font-size: 18px;
    line-height: 150%;
    letter-spacing: 0.012em;
    color: #767677;
    width: 100%;
    margin-top: -15px;
    border-radius: 0 0 16px 16px;
}
.faq_panel p {
        padding: 10px 0 30px;
    }
.faq_panel a {
        font-weight: 600;
        color: #4B89E2;
    }
.faq_panel ul li {
        list-style-position: outside;
        list-style-type: disc;
        margin-left: 22px;
    }
.community_cont {
    margin: 70px 0;
}
.community_cont h1 {
        font-family: 'Roboto Condensed';
        font-style: normal;
        font-weight: 700;
        font-size: 36px;
        text-align: center;
        color: #313A3F;
        margin-bottom: 40px;
    }
.community_cont .bg {
    background: #F7F8F7;
    z-index: -2;
}
.card-text_comm {
    display: flex;
    flex-direction: column;
    font-size: 16px;
    color: #767677;
    padding: 15px;
    justify-content: flex-start;
}
.card-text_comm h4 {
        font-family: 'Roboto Condensed';
        font-style: normal;
        font-weight: 700;
        font-size: 16px;
        color: #313A3F;
        margin: 10px 0;
    }
.card-text_comm p {
        font-size: 14px;
        color: #767677;
    }
.card-text_comm a {
        font-size: 14px;
        color: #0074B6 !important;
        text-decoration: underline;
        cursor: pointer !important;
    }
.compare {
    margin: 50px auto 32px;
    width: 75%;
}
.compare h1 {
        font-family: 'Roboto Condensed';
        font-style: normal;
        font-weight: 700;
        font-size: 30px;
        text-align: center;
        color: #313A3F;
    }
.compare .boxMobile {
        display: none;
    }
.compare .box {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        border-radius: 16px;
        align-items: flex-start;
        margin: 24px auto;
        padding: 40px;
        background: #fff;
        border: 1px #E3E0D1 solid;
    }
.compare .box .colBox {
            width: 17%;
            margin: 0 5px 0;
            padding: 15px 1% 0px;
            background: #FFFFFF;
            position: relative;
            text-align: center;
            border-right: 1px solid #E3E0D1;
        }
.compare .box .colBox .brandLogo {
                display: flex;
                justify-content: center;
            }
.compare .box .colBox:nth-child(1) {
                width: 26%;
                border: 0;
                text-align: left;
            }
.compare .box .colBox:nth-child(2) {
                border-radius: 16px;
                background: #d3f2fa;
                border: 0;
            }
.compare .box .colBox:last-child {
                border: 0;
            }
.compare .box .colBox h2 {
                color: #313A3F;
                font-family: 'Roboto Condensed';
                font-weight: bold;
                font-size: 28px;
                text-align: left;
                margin-bottom: 20px;
            }
.compare .box .colBox ul.comList li {
                    margin-bottom: 28px;
                    font-weight: 400;
                    font-size: 16px;
                    line-height: 150%;
                    color: #313A3F;
                    letter-spacing: 0.2px;
                }
.compare .box .colBox ul.comList li img {
                        display: inline-block;
                    }
.compare .box .colBox .comFeatures {
                margin-top: 51px;
            }
.compare .box .colBox .comFeatures ul li {
                    font-weight: 400;
                    font-family: 'Roboto Condensed';
                    font-size: 18px;
                    line-height: 150%;
                    color: #313A3F;
                    letter-spacing: 0.2px;
                    margin: 0;
                    padding: 0 0 5px 0;
                    height: 41px;
                }
.compare .box .colBox .comFeatures ul li.bold {
                        font-weight: 700;
                    }
.compare .box .colBox .comFeatures ul li small {
                        font-size: 9px;
                        display: block;
                        line-height: 100%;
                        font-weight: 400;
                        color: #313A3F;
                    }
.compare .box .colBox .comFeatures ul li + li {
                        margin-top: 10px;
                    }
.compare .box .colBox .comFeatures ul li i {
                        display: flex;
                        justify-content: center;
                        font-size: 20px;
                        font-weight: bold;
                        line-height: 40px;
                        color: #0074B6;
                    }
.compare p {
        font-size: 12px;
        color: #767677;
    }
.com_holder {
    border-bottom: 1px solid #e0e0e0;
}
.footer {
    float: left;
    width: 100%;
    background: #f5f8f5;
    padding: 0;
}
.footer .wf-container-footer {
        padding: 100px 0 60px;
        display: flex;
        flex-direction: column;
        width: 100%;
    }
.footer .wf-container-footer .logo {
            margin-bottom: 10px;
            width: 180px;
        }
.footer_accordion {
    font-family: 'Roboto Condensed';
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    color: #313A3F;
    padding: 20px 0px 0;
    cursor: pointer;
    width: 100%;
    border: none;
    text-align: left;
    outline: none;
    transition: 0.4s;
    padding: 20px 0px 0;
    margin: 0 0 20px;
}
.footer_accordion:after {
        content: url(../images/downArrow.png);
        float: right;
        margin-left: 5px;
        line-height: 30px;
    }
.footer_active:after {
    content: url(../images/upArrow.png);
}
.footer_holder {
    border-bottom: 1px solid #e0e0e0;
}
.footer_panel {
    padding: 0;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.2s ease-out;
    font-size: 14px;
    line-height: 150%;
    letter-spacing: 0.012em;
    color: #767677;
    width: 100%;
}
.footer .wf-container-footer ul li {
    margin: 0 0 5px;
}
.footer .wf-container-footer ul li:last-child {
        border: 0;
    }
.footer .wf-container-footer ul li a {
        color: #878F9D;
        font-size: 14px;
        font-weight: 400;
        display: inline-block;
    }
.footer .wf-container-footer ul li a:hover {
            color: #7a818c;
        }
.footer .wf-container-footer .social {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin: 30px 0;
}
.footer .wf-container-footer .social img {
        padding-right: 10px;
    }
.footer .footer-bottom {
    padding-top: 8px;
    padding-bottom: 8px;
    display: inline-block;
    width: 100%;
    font-size: 10px;
    font-weight: 400;
    color: #767677;
}
.footerPanel {
    display: flex;
    justify-content: space-between;
}
#more {
    display: none;
}
.error_msg {
    display: block;
    font-size: 25px;
    color: #323234;
    font-weight: bold;
    padding: 25px 0 45px;
    text-align: center;
}
.tooltipF {
    position: relative;
    display: inline-block;
    top: 2px;
    left: 7px;
}
.tooltipF .tooltiptext {
        visibility: hidden;
        width: 200px;
        background-color: #fff;
        border: 1px solid #DD2127;
        color: #323234;
        line-height: 120%;
        font-size: 10px;
        text-align: left;
        border-radius: 6px;
        padding: 5px;
        position: absolute;
        z-index: 1;
        top: 25px;
        left: 50%;
        margin-left: -100px;
    }
.tooltipF .tooltiptext::after {
            content: "";
            position: absolute;
            bottom: 100%;
            left: 50%;
            margin-left: -5px;
            border-width: 5px;
            border-style: solid;
            border-color: transparent transparent #DD2127 transparent;
        }
.tooltipF:hover .tooltiptext {
        visibility: visible;
    }
.promo-banner {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 40%;
    width: 100%;
    padding: 16px 60px;
    background-color: #d81f26;
    color: #fff;
    border-radius: 10px;
    margin-bottom: 30px;
}

.promo-text {
    text-align: left;
    line-height: 1.25;
}

    .promo-text h2 {
        margin: 0;
        font-size: 21px;
        font-weight: 800;
        letter-spacing: 0.3px;
        text-transform: uppercase;
    }

    .promo-text p {
        margin: 2px 0 0;
        font-size: 12px;
        font-weight: 500;
        opacity: 0.95;
        text-align: center;
    }

.promo-actions {
    display: flex;
    align-items: center;
    flex-shrink: 0;
    gap: 10px;
}

#promoCode {
    border: none;
    outline: none;
    background: #fff;
    color: #111;
    font-weight: 700;
    font-size: 13px;
    letter-spacing: 0.5px;
    text-align: center;
    width: 90px;
    padding: 6px 8px;
    cursor: default;
    border-radius: 5px;
}

#copyBtn {
    border: none;
    background-color: #000;
    color: #fff;
    font-size: 13px;
    font-weight: 600;
    padding: 6px 20px;
    cursor: pointer;
    transition: background-color 0.2s ease;
    border-radius: 5px;
}

    #copyBtn:hover {
        background-color: #262626;
    }

    #copyBtn.copied {
        background-color: #16a34a;
    }

.close-btn {
    position: absolute;
    top: 10px;
    right: 16px;
    background: transparent;
    border: none;
    color: #fff;
    font-size: 18px;
    line-height: 1;
    cursor: pointer;
    opacity: 0.9;
    transition: opacity 0.2s ease;
}

    .close-btn:hover {
        opacity: 1;
    }

.promo-banner.hidden {
    display: none;
}
@media only screen and (min-width: 280px) {
    .container {
        max-width: 96%;
    }
}
@media only screen and (min-width:600px) {
    .container {
        max-width: 80%
    }
}
@media only screen and (min-width: 1350px) {
    .container {
        max-width: 96%;
    }
}
@media only screen and (min-width: 1400px) {
    .container {
        max-width: 1240px;
    }
}
@media only screen and (max-width: 1280px) {
    .why247 .whiteBoxCont .whiteBox {
        width: 517px;
    }

    .compare .box .colBox:nth-child(1) {
        width: 29%;
    }

    .compare .box .colBox {
        width: 15%;
    }
}
@media only screen and (max-width: 1024px) {
    .pinkTopBox {
        display: none
    }

    .pinkTopBoxM {
        display: flex;
        align-items: center;
        height: 60px;
        width: 100%;
        gap: 10px;
        opacity: 1;
        padding-top: 10px;
        padding-right: 19px;
        padding-bottom: 10px;
        padding-left: 19px;
        border-radius: 16px;
        background: #FBE4E5;
        margin-bottom: 12px;
        justify-content: center;
    }

        .pinkTopBoxM .textLine {
            font-family: Nunito Sans;
            font-weight: 700;
            font-size: 18px;
            line-height: 100%;
            letter-spacing: -2%;
            vertical-align: middle;
            color: #323234;
        }

            .pinkTopBoxM .textLine span {
                font-weight: 400;
                font-size: 16px;
            }

        .pinkTopBoxM .helplineBtn {
            padding-top: 12px;
            padding-right: 15px;
            padding-bottom: 12px;
            padding-left: 15px;
            border-radius: 12px;
            border: 1px solid #DD2127;
            color: #DD2127;
            font-family: Nunito Sans;
            font-weight: 700;
            font-size: 14px;
            line-height: 100%;
            letter-spacing: -2%;
            text-align: center;
        }
    .hero_section {
        height: auto;
    }

        .hero_section p {
            display: none;
            font-size: 18px;
        }
    .date-box {
        width: 87px;
    }
    .NewSection h2 {
        height:auto;
    }
    
        .NewSection .boxHolder {
        display: flex;
        width: 100%;
        justify-content: space-between;
        margin: auto;
        flex-wrap:wrap;
    }

        .NewSection .boxHolder ul.featureNew li {
            line-height: 160%;
            display: flex;
            align-items: baseline;
        }
    .plan-box {
        position: relative;
        width: 48%;
        margin-bottom:40px;
    }
    .NewSection .boxHolder .blueBorderBox {
        height: auto;
        padding: 30px 8px;
        width: 48%;
        margin-bottom: 40px;
    }

        .NewSection .boxHolder .redBorderBox {
            height: auto;
            padding: 30px 8px;
        }
    .NewSection .boxHolder ul.featureNew {
        margin-top: 15px;
        width: 68%;
    }
        .NewSection .boxHolder ul.featureNew li {
            font-size: 15px;
            align-items: baseline;
        }

    .NewSection .whiteBoxCont {
        width: 50%;
        margin: 40px auto;
        flex-direction: column;
    }

        .NewSection .whiteBoxCont .whiteBox {
            width: 100%;
        }

    .feature-right {
        columns: 1;
        -webkit-columns: 1;
        -moz-columns: 1;
        column-gap: 0px;
        padding-left: 3px;
        margin-top: 10px;
    }

    .rowCover {
        justify-content: space-between;
        padding: 0 10%;
    }

    .partner .partner_logo img {
        width: 85%;
    }

    .rowCover_Mobile .leftArrow {
        background-image: url('../images/left arrow - on.png');
        width: 60px;
        height: 60px;
        position: absolute;
        left: 15%;
        margin-top: 170px;
        z-index: 1;
    }

    .rowCover_Mobile .rightArrow {
        background-image: url('../images/right arrow - on.png');
        width: 60px;
        height: 60px;
        position: absolute;
        right: 15%;
        margin-top: 170px;
        z-index: 1;
    }

    .rowCover_Mobile .leftArrowOff {
        background-image: url('../images/left arrow - off.png');
        width: 60px;
        height: 60px;
        position: absolute;
        left: 15%;
        margin-top: 170px;
        z-index: 1;
        pointer-events: none;
    }

    .rowCover_Mobile .rightArrowOff {
        background-image: url('../images/right arrow- off.png');
        width: 60px;
        height: 60px;
        position: absolute;
        right: 15%;
        margin-top: 170px;
        z-index: 1;
        pointer-events: none;
    }

    .why247 .whiteBoxCont {
        justify-content: center;
    }

    .partner .partner_logo {
        display: inline-block;
        min-width: 60px;
    }

    .why247 .whiteBoxCont .whiteBox {
        margin: 0 0 8px 0;
    }

    .rowCover {
        display: none;
    }

    .rowCover_Mobile {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        border-radius: 16px;
        align-items: flex-start;
        margin: 45px auto 0;
        background: #fff;
        border: 1px #E3E0D1 solid;
        width: 100%;
        justify-content: center;
    }

        .rowCover_Mobile .quoteContact {
            border-radius: 16px;
            background: #FBE4E5;
            padding: 24px;
            text-align: center;
            width: 90%;
            margin: 20px auto;
        }

            .rowCover_Mobile .quoteContact h2 {
                color: #701B45;
                font-family: 'Roboto Condensed';
                font-weight: bold;
                font-size: 18px;
                text-align: center;
                margin-bottom: 20px;
            }

            .rowCover_Mobile .quoteContact .btnContact {
                color: #701B45;
                border: 1px #701B45 solid;
                border-radius: 16px;
                padding: 12px 24px;
                font-size: 16px;
                cursor: pointer;
                background: transparent;
            }
        .rowCover_Mobile .colCover {
            width: 100%;
            margin: 0;
            padding: 20px 0 0px;
            background: #FFFFFF;
            position: relative;
            display: flex;
            flex-direction: column;
            align-items: center;
        }



            .rowCover_Mobile .colCover ul.featureList {
                display: inline-block;
                width: 75%;
            }

                .rowCover_Mobile .colCover ul.featureList li {
                    margin-bottom: 19px;
                    font-weight: 400;
                    font-size: 14px;
                    line-height: 150%;
                    color: #313A3F;
                    letter-spacing: 0.2px;
                }

            .rowCover_Mobile .colCover.recommended {
                border: 0;
                position: relative;
                top: 0;
            }



    .bestM {
        text-align: center;
        color: #D2F5FF;
        font-size: 12px;
        font-weight: 700;
        line-height: 150%;
        padding: 3px 0;
        position: absolute;
        top: -30px;
        left: 0;
        width: 100%;
        background: #0074B6;
        border-bottom: 5px solid #DD2127;
        border-radius: 16px 16px 0 0;
    }



    .rowCover_Mobile h4 {
        font-family: 'Roboto Condensed';
        font-weight: bold;
        font-size: 20px;
        line-height: 32px;
        color: #313A3F;
        text-align: center;
        margin: 15px auto 10px;
    }

    .rowCover_Mobile .colCover.recommended h4 {
        margin: 15px auto 10px;
    }




    .rowCover_Mobile .coverFeatures {
        margin: 10px 10% 20px;
        display: flex;
        align-items: baseline;
        width: 80%;
        justify-content: space-between;
    }


        .rowCover_Mobile .coverFeatures .scroller-container ul li {
            font-weight: 400;
            font-size: 16px;
            line-height: 150%;
            color: #313A3F;
            letter-spacing: 0.2px;
            margin: 0;
            padding: 0;
        }

            .rowCover_Mobile .coverFeatures .scroller-container ul li + li {
                margin-top: 20px;
            }

            .rowCover_Mobile .coverFeatures .scroller-container ul li.Yes {
                color: #2D3436;
                position: relative;
                padding: 0;
            }

                .rowCover_Mobile .coverFeatures .scroller-container ul li.Yes a {
                    color: #0074B6;
                    padding: 0 0 5px 0;
                    text-decoration: underline;
                    display: flex;
                    justify-content: center;
                }

            .rowCover_Mobile .coverFeatures .scroller-container ul li.No {
                padding: 0;
            }

            .rowCover_Mobile .coverFeatures .scroller-container ul li.Yes i {
                display: flex;
                justify-content: center;
                font-size: 21px;
                font-weight: bold;
                line-height: 100%;
                color: #0074B6;
            }



            .rowCover_Mobile .coverFeatures .scroller-container ul li.No i {
                display: flex;
                justify-content: center;
                font-size: 21px;
                font-weight: 400;
                line-height: 100%;
                color: #DD2127;
                height: 20px;
            }


    .rowCover_Mobile .viewPlan {
        background-color: #DD2127;
        border: none;
        border-radius: 16px;
        font-size: 16px;
        line-height: 32px;
        color: #fff;
        text-decoration: none;
        display: table;
        margin: 0 auto;
        padding: 5px 30px;
        cursor: pointer;
        width: 100%;
        text-align: center;
    }

    .rowCover_Mobile .oldPrice {
        font-family: 'Roboto Condensed';
        font-style: normal;
        font-weight: 700;
        font-size: 24px;
        line-height: 36px;
        text-align: center;
        font-feature-settings: 'haln' on;
        color: #313A3F;
    }

        .rowCover_Mobile .oldPrice span {
            text-decoration: line-through;
            text-decoration-color: #313A3F;
            text-decoration-style: solid;
        }

            .rowCover_Mobile .oldPrice span.permonth {
                font-weight: 700;
                font-size: 12px;
                line-height: 24px;
                text-decoration: line-through;
                text-decoration-color: #313A3F;
                text-decoration-style: solid;
            }

    .rowCover_Mobile .priceis {
        text-align: center;
        margin: 10px 0 10px;
        font-family: 'Roboto Condensed';
    }

        .rowCover_Mobile .priceis .symbol {
            font-weight: 700;
            font-size: 40px;
            line-height: 100%;
            color: #0074B6;
            margin: 0 2px 0 0;
            letter-spacing: -2px;
        }

        .rowCover_Mobile .priceis .mian-price {
            font-weight: 700;
            font-size: 40px;
            line-height: 100%;
            color: #0074B6;
            letter-spacing: -2px;
        }

        .rowCover_Mobile .priceis .perbase {
            font-weight: 700;
            font-size: 12px;
            line-height: 100%;
            color: #313A3F;
            display: block;
            text-align: center;
        }


    .rowCover_Mobile .coverFeatures p.Yes i {
        text-align: center;
    }

    .greenline {
        height: 10px;
    }

    .rowCover_Mobile a.docu {
        color: #0074B6;
        padding: 0 0 5px 0;
        font-size: 14px;
        text-decoration: underline;
        display: flex;
        justify-content: center;
    }

    .feature_holder {
        width: 70%;
    }

    .nav {
        border-radius: 16px 16px 0 0;
        display: flex;
        flex-wrap: wrap;
        padding-left: 0;
        margin-bottom: 0;
        list-style: none;
        width: 100%;
        justify-content: space-between;
        height: 64px;
        align-items: center;
    }

    .nav-tabs {
        border-bottom: 1px solid #dee2e6;
        background: #eee;
    }

        .nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover {
            color: #000;
            cursor: default;
            background-color: #fff;
            border: 0;
            border-bottom-color: transparent;
        }

        .nav-tabs > li > a {
            margin-right: 0;
            line-height: 1.2;
            border: 1px solid transparent;
            border-radius: 0 !important;
        }

            .nav-tabs > li > a:nth-child(1) {
                margin-right: 0;
                line-height: 1.2;
                border: 1px solid transparent;
                border-radius: 16px 0 0 0;
            }

            .nav-tabs > li > a:nth-child(4) {
                margin-right: 0;
                line-height: 1.2;
                border: 1px solid transparent;
                border-radius: 0 16px 0 0 !important;
            }

    .nav > li > a {
        position: relative;
        display: block;
        padding: 21px 6px;
        font-size: 14px;
    }

    .tab-content {
        width: 100%;
    }
    .compare {
        width: 94%;
        margin-top: 38px;
    }
    .whyRepair {
        display: flex;
        margin: 0 0 40px;
        flex-direction: column;
        align-items: center;
    }

        .whyRepair .leftWhy {
            width: 100%;
            height: auto;
        }

        .whyRepair .rightWhy {
            width: 100%;
            margin-top: 25px;
        }
    .step1 ul li.half {
        width: 100%;
        margin-right: 0;
    }
    .paymentBtn {
        width: 100%;
    }
    .compare .box .colBox {
        width: 15%;
    }
}
@media only screen and (max-width: 912px) {

    .nav > li > a {
        padding: 21px 10px;
    }

    .nav_excess {
        display: flex;
        width: 280px;
    }

        .nav_excess a {
            height: 38px;
            width: 70px;
        }

        .nav_excess .animation {
            width: 70px;
        }

    .customerSection .top .text {
        font-size: 32px;
    }

    .brand_personality .section .matter h2 {
        font-size: 30px;
    }

    .partner .partner_logo_cont {
        display: none;
    }

    .partner .partner_logo_cont_Tablet {
        display: flex;
        justify-content: center;
        padding-top: 20px;
    }

    .partner .partner_logo {
        display: inline-block;
        min-width: 150px;
    }

    .compare .box .colBox {
        width: 15%;
    }

        .compare .box .colBox h2 {
            font-size: 23px;
        }

        .compare .box .colBox ul.comList li {
            font-size: 14px;
            line-height: 120%;
        }

        .compare .box .colBox .comFeatures {
            margin-top: 30px;
        }

            .compare .box .colBox .comFeatures ul li {
                height: 33px;
                font-size: 16px;
            }
    .NewSection .boxHolder .redBorderBox {
        height: auto;
        padding: 30px 8px;
        margin-left: 10px;
    }
}
@media only screen and (max-width: 853px) {
    .nav > li > a {
        padding: 21px 3px;
    }
}
@media only screen and (max-width: 820px) {
        #divShowButton {
            margin: 20px 0 0 0;
        }

        .postCodeConatiner {
            flex-direction: column;
        }

        .postcodeBox img {
            display: none;
        }

        .postcodeBox {
            height: auto;
            flex-direction: column;
        }

            .postcodeBox span {
                text-align: center;
                margin: 10px 0;
            }

        .postcodeField {
            width: 100%;
        }

        .whyRepair {
            display: flex;
            margin: 0 0 40px;
            flex-direction: column;
            align-items: center;
        }

            .whyRepair .leftWhy {
                width: 100%;
                height: auto;
            }

            .whyRepair .rightWhy {
                width: 100%;
                margin-top: 25px;
            }

        .NewSection .boxHolder {
            flex-direction: column;
            padding: 0 0 0;
        }
        .plan-box {
            position: relative;
            width: 100%;
            margin-bottom: 48px;
        }
            .NewSection .boxHolder .blueBorderBox {
                width: 100%;
                margin-bottom: 24px;
            }

            .NewSection .boxHolder .redBorderBox {
                width: 100%;
                margin-left: 0;
            }

        .header .logo a {
            display: block;
            background-size: 90%;
        }

        

        .hero_section h1 {
            font-size: 40px;
        }

        

        .nav > li > a {
            padding: 8px 8px;
            line-break: strict;
            width: 130px;
            text-align: center;
        }

        .nav_excess {
            width: 260px;
        }

            .nav_excess a {
                height: 38px;
                width: 65px;
            }

            .nav_excess .animation {
                width: 65px;
            }

        .compare .box {
            padding: 25px;
        }

            .compare .box .colBox:nth-child(1) {
                width: 31%;
            }
            .compare .box .colBox {
                width: 14%;
            }
        .NewSection .boxHolder ul.featureNew {
            margin-top: 15px;
            width: 42%;
        }
    }
@media only screen and (max-width: 768px) {
    .promo-banner {
        gap: 10%;
    }
        .trustpilot {
            display: none;
        }

        

        .nav_excess {
            display: flex;
            width: 220px;
        }

            .nav_excess a {
                height: 38px;
                width: 55px;
                font-size: 12px;
                font-weight: 700;
            }

            .nav_excess .animation {
                width: 55px;
            }

        .customerSection .top .text {
            font-size: 24px;
            line-height: 120%;
            width: 50%;
        }

        .partner .partner_logo {
            min-width: 140px;
        }

        .customerSection .top .pic {
            width: 50%;
            margin-right: 30px;
        }
        .compare {
            width: 100%;
            margin-top: 38px;
        }

        .NeedhelpCont {
            flex-direction: column-reverse;
        }

            .NeedhelpCont .referTextPanel {
                width: 100%;
                margin-right: 0;
            }

            .NeedhelpCont .referPic {
                width: 100%;
                margin-bottom: 15px;
            }
    }
@media only screen and (max-width: 600px) {
    .pinkTopBoxM {
        align-items: stretch;
    }

        .pinkTopBoxM .helplineBtn {
            width: 80%;
        }
        
        .rowCover_Mobile {
            width: 105%;
        }

        .rowCover_Mobile .coverFeatures {
            justify-content: space-between;
        }

        .rowCover_Mobile .leftArrow {
            left: 3%;
        }

        .rowCover_Mobile .rightArrow {
            right: 3%;
        }
        .partner .partner_logo img {
            padding: 0;
        }

        .partner .partner_logo {
            min-width: 70px;
        }

        .Carousel .Card {
            width: 220px;
            height: auto !important;
        }

        .compare {
            width: 100%;
        }

            .compare .box {
                padding: 10px;
                flex-wrap: nowrap;
            }

                .compare .box .colBox {
                    width: 12%;
                }

                    .compare .box .colBox ul.comList li {
                        font-size: 13px;
                        line-height: 120%;
                    }

                    .compare .box .colBox .comFeatures {
                        margin-top: 43px;
                    }

        .nav > li > a {
            padding: 8px 8px;
            line-break: strict;
            width: 115px;
            text-align: center;
        }
        .NewSection .boxHolder ul.featureNew {
            margin-top: 15px;
            width: 55%;
        }
    }
@media only screen and (max-width:600px) {
        .feature-right {
            columns: 1 !important;
            -webkit-columns: 1 !important;
            -moz-columns: 1 !important;
        }

        .NewSection h1 {
            font-size: 24px;
        }

        .NewSection h2 {
            font-size: 24px;
            height: auto;
        }

        .NewSection .boxHolder {
            flex-direction: column;
        }

            .NewSection .boxHolder .blueBorderBox {
                width: 100%;
                margin-bottom: 24px;
            }

            .NewSection .boxHolder .redBorderBox {
                width: 100%;
            }

        .rowCover_Mobile {
            width: 105%
        }

            .rowCover_Mobile .rightArrowOff {
                right: 4%
            }

        .rowCover_Mobile .coverFeatures {
            justify-content: space-between
        }

        .rowCover_Mobile .leftArrow {
            left: 3%
        }

        .rowCover_Mobile .rightArrow {
            right: 3%
        }

        .partner .partner_logo img {
            padding: 0
        }

        .partner .partner_logo {
            min-width: 70px
        }

        .Carousel .Card {
            width: 220px;
            height: auto !important
        }
    .promo-banner {
        flex-direction: column;
        gap: 12px;
        padding: 20px 24px 24px;
        text-align: center;
    }

    .promo-text {
        text-align: center;
    }
    }
@media only screen and (max-width: 540px) {
        .header {
            box-shadow: none;
            position: fixed;
            z-index: 1000;
            width: 100%;
            top: 0;
            background: #fff;
            height: 85px;
        }

            .header .headRow {
                flex-wrap: nowrap;
            }


        

        .header .call-mob {
            display: flex;
            flex-direction: row;
            flex-wrap: wrap;
            align-items: center;
        }

            .header .call-mob a {
                background: #DD2127;
                border-radius: 16px;
                overflow: hidden;
                padding: 12px 24px;
                color: #fff;
                display: flex;
                flex-direction: row;
                flex-wrap: wrap;
                align-items: center;
            }

        .rowCover_Mobile {
            width: 100%;
        }

        .customerSection {
            margin: 25px 0;
        }

            .customerSection .top {
                flex-direction: column;
            }

                .customerSection .top .pic {
                    width: 100%;
                    margin-right: 0px;
                }

                .customerSection .top .text {
                    font-size: 24px;
                    margin-top: 20px;
                    line-height: 120%;
                    width: 90%;
                }

        .rowCover_Mobile .leftArrow {
            left: 0;
        }

        .rowCover_Mobile .rightArrow {
            right: 11px;
        }

        .brand_personality {
            margin: 64px 0;
        }

        .partner {
            width: 100%;
        }

            .partner .partner_logo_cont {
                display: none;
            }

            .partner .partner_logo_cont_Tablet {
                display: none;
            }

            .partner .partner_logo_cont_Mobile {
                display: flex;
                justify-content: center;
            }

            .partner .partner_logo {
                text-align: center;
                min-width: 160px;
            }

                .partner .partner_logo img {
                    width: 75%;
                    padding: 20px 0;
                }

        ul.security {
            flex-direction: column;
        }

            ul.security li {
                width: 100%;
                margin-bottom: 20px;
            }

        .Carousel {
            height: 60vw !important;
        }

        .compare .box .colBox:nth-child(1) {
            width: 26%;
        }



        .faq_accordion:before {
            content: url(../images/downArrow.png);
            float: right;
            margin-left: 5px;
            line-height: 30px;
            position: absolute;
            right: 20px;
        }

        .faq_active:before {
            content: url(../images/upArrow.png);
        }
        .NewSection .boxHolder {
            padding: 32px 0 0;
        }
    }
@media only screen and (max-width:540px) {
        .date-box {
            width: 84px;
        }

        .header {
            box-shadow: none;
            position: fixed;
            z-index: 1000;
            width: 100%;
            top: 0;
            background: #fff;
            height: 85px
        }

            .header .headRow {
                flex-wrap: nowrap
            }

        

        .header .call-mob {
            display: flex;
            flex-direction: row;
            flex-wrap: wrap;
            align-items: center
        }

            .header .call-mob a {
                background: #dd2127;
                border-radius: 16px;
                overflow: hidden;
                padding: 12px 24px;
                color: #fff;
                display: flex;
                flex-direction: row;
                flex-wrap: wrap;
                align-items: center
            }
   

        .NewSection {
            margin-top: 85px;
        }

        .rowCover_Mobile {
            width: 100%
        }

        .customerSection {
            margin: 25px 0
        }

            .customerSection .top {
                flex-direction: column
            }

                .customerSection .top .pic {
                    width: 100%;
                    margin-right: 0
                }

                .customerSection .top .text {
                    font-size: 24px;
                    margin-top: 20px;
                    line-height: 120%;
                    width: 90%
                }

        .rowCover_Mobile .leftArrow {
            left: 0
        }

        .rowCover_Mobile .rightArrowOff {
            right: 1%
        }

        .brand_personality {
            margin: 64px 0
        }

        .partner {
            width: 100%
        }

            .partner .partner_logo_cont {
                display: none
            }

            .partner .partner_logo_cont_Tablet {
                display: none
            }

            .partner .partner_logo_cont_Mobile {
                display: flex;
                justify-content: center
            }

            .partner .partner_logo {
                text-align: center;
                min-width: 160px
            }

                .partner .partner_logo img {
                    width: 75%;
                    padding: 20px 0
                }

        ul.security {
            flex-direction: column
        }

            ul.security li {
                width: 100%;
                margin-bottom: 20px
            }

        .Carousel {
            height: 60vw !important
        }

        .compare .box .colBox:nth-child(1) {
            width: 26%
        }

        .postcodeBox {
            margin: 25px 0 0;
        }

        #divShowButton {
            margin: 20px 0;
        }
    }
@media screen and (max-width: 444px) {
    /*.pinkTopBoxM .helplineBtn {
        width: 220px;
    }*/
        .compare .box {
            display: none;
        }

        .compare .boxMobile {
            display: flex;
            flex-direction: row;
            flex-wrap: nowrap;
            border-radius: 16px;
            align-items: flex-start;
            margin: 24px auto;
            padding: 10px 10px 65px;
            background: #fff;
            border: 1px #E3E0D1 solid;
        }


        .colBoxM {
            width: 100%;
            margin: 0 5px 0;
            padding: 7px 1% 0px;
            background: #FFFFFF;
            position: relative;
            text-align: center;
            border-right: 1px solid #E3E0D1;
        }

            .colBoxM .brandLogo {
                display: flex;
                justify-content: center;
            }

                .colBoxM .brandLogo img {
                    object-fit: cover;
                    height: 50px;
                    width: 80%;
                }

        .compare .boxMobile .colFeaturesM {
            width: 33%;
            border: 0;
            text-align: left;
        }

        .col247 {
            border-radius: 16px;
            background: #d3f2fa;
            border: 0;
        }



        .compare .boxMobile .colFeaturesM h2 {
            color: #313A3F;
            font-family: 'Roboto Condensed';
            font-weight: bold;
            font-size: 20px;
            text-align: left;
            margin-bottom: 20px;
        }

            .compare .boxMobile .colFeaturesM ul.comList li {
                margin-bottom: 28px;
                font-weight: 400;
                font-size: 13px;
                line-height: 120%;
                color: #313A3F;
                letter-spacing: 0.2px;
            }

                .compare .boxMobile .colFeaturesM ul.comList li img {
                    display: inline-block;
                }

        .colBoxM .comFeatures {
            margin-top: 5px;
        }

            .colBoxM .comFeatures ul li {
                font-weight: 400;
                font-family: 'Roboto Condensed';
                font-size: 16px;
                line-height: 150%;
                color: #313A3F;
                letter-spacing: 0.2px;
                margin: 0;
                padding: 0 0 5px 0;
                height: 33px;
            }

                .colBoxM .comFeatures ul li.bold {
                    font-weight: 700;
                }

                .colBoxM .comFeatures ul li.red {
                    color: #DD2127;
                    font-weight: 700;
                }

                .colBoxM .comFeatures ul li small {
                    font-size: 9px;
                    display: block;
                    line-height: 100%;
                    font-weight: 400;
                    color: #313A3F;
                }

                .colBoxM .comFeatures ul li + li {
                    margin-top: 10px;
                }



                .colBoxM .comFeatures ul li i {
                    display: flex;
                    justify-content: center;
                    font-size: 20px;
                    font-weight: bold;
                    line-height: 40px;
                    color: #0074B6;
                }

        .nav > li > a {
            padding: 8px 11px;
            word-wrap: break-word;
            width: 96px;
            display: flex;
            text-align: center;
            align-items: center;
        }

        .rowCover_Mobile .coverFeatures {
            margin: 10px 5% 20px;
            display: flex;
            align-items: baseline;
            width: 90%;
            justify-content: space-between;
        }
        .NewSection .boxHolder ul.featureNew {
            margin-top: 15px;
            width: 67%;
        }
    }
@media screen and (max-width:444px) {
        .NewSection .whiteBoxCont {
            width: 100%;
        }

            .NewSection .whiteBoxCont .whiteBox {
                height: 70px;
            }

        .compare .box {
            display: none
        }

        .compare .boxMobile {
            display: flex;
            flex-direction: row;
            flex-wrap: nowrap;
            border-radius: 16px;
            align-items: flex-start;
            margin: 24px auto;
            padding: 10px 10px 65px;
            background: #fff;
            border: 1px #e3e0d1 solid
        }

        .colBoxM {
            width: 100%;
            margin: 0 5px 0;
            padding: 7px 1% 0;
            background: #fff;
            position: relative;
            text-align: center;
            border-right: 1px solid #e3e0d1;
            display: flex;
            flex-direction: column;
            align-items: center;
        }

            .colBoxM .brandLogo {
                display: flex;
                justify-content: center
            }

                .colBoxM .brandLogo img {
                    object-fit: cover;
                    height: 55px;
                    width: 100%;
                }

        .compare .boxMobile .colFeaturesM {
            width: 60%;
            border: 0;
            text-align: left
        }

        .col247 {
            border-radius: 16px;
            background: #d3f2fa;
            padding: 20px 0;
            border: 0;
        }

        .compare .boxMobile .colFeaturesM h2 {
            color: #313a3f;
            font-family: 'Roboto Condensed';
            font-weight: bold;
            font-size: 20px;
            text-align: left;
            margin-bottom: 20px
        }

        .compare .boxMobile .colFeaturesM ul.comList li {
            margin-bottom: 28px;
            font-weight: 400;
            font-size: 13px;
            line-height: 120%;
            color: #313a3f;
            letter-spacing: .2px
        }

            .compare .boxMobile .colFeaturesM ul.comList li img {
                display: inline-block
            }

        .colBoxM .comFeatures {
            margin-top: 30px;
        }

        .col247 .comFeatures {
            margin-top: 11px;
        }

        .colBoxM .comFeatures ul li {
            font-weight: 400;
            font-family: 'Roboto Condensed';
            font-size: 16px;
            line-height: 150%;
            color: #313a3f;
            letter-spacing: .2px;
            margin: 0;
            padding: 0 0 5px 0;
            height: 32px
        }

            .colBoxM .comFeatures ul li.bold {
                font-weight: 700
            }

            .colBoxM .comFeatures ul li.red {
                color: #dd2127;
                font-weight: 700
            }

            .colBoxM .comFeatures ul li small {
                font-size: 9px;
                display: block;
                line-height: 100%;
                font-weight: 400;
                color: #313a3f
            }

            .colBoxM .comFeatures ul li + li {
                margin-top: 10px
            }

            .colBoxM .comFeatures ul li i {
                display: flex;
                justify-content: center;
                font-size: 20px;
                font-weight: bold;
                line-height: 40px;
                color: #0074b6
            }

        .swiffy-slider {
            position: relative;
            display: block;
            width: 50% !important;
        }

        .slider-indicators > * {
            width: 5rem !important;
            height: .25rem !important;
            border-width: .25rem;
            background-color: #0074B6 !important;
        }

        .slider-indicators {
            margin-bottom: -5.5rem !important;
            display: block;
            left: -8rem !important;
            display: block !important;
        }

        .comparison_area h1 {
            font-size: 24px;
        }

        .whyRepair {
            margin: 0;
        }
    }
@media screen and (max-width:430px) {
        .nav > li > a {
            padding: 9px 11px;
            word-wrap: break-word;
            width: 96px;
            display: flex;
            text-align: center;
            align-items: center;
            font-size: 12px;
        }

        .nav_excess {
            display: flex;
            width: 180px
        }

            .nav_excess a {
                height: 38px;
                width: 45px;
                font-size: 12px;
                font-weight: 700
            }

            .nav_excess .animation {
                width: 45px
            }

        .Carousel {
            height: 70vw !important
        }

        .partner .partner_logo {
            text-align: center;
            min-width: 110px
        }

        .why247 h1 {
            font-size: 30px
        }

        .brand_personality {
            display: none
        }

        .brand_personality_Mobile {
            margin: 40px 0;
            display: inline-block
        }

            .brand_personality_Mobile .section {
                display: flex;
                margin-bottom: 64px;
                flex-direction: column;
                align-items: center
            }

                .brand_personality_Mobile .section:last-child {
                    margin-bottom: 0
                }

                .brand_personality_Mobile .section .image {
                    width: 100%;
                    display: flex;
                    justify-content: center;
                    margin-bottom: 25px
                }

                .brand_personality_Mobile .section .matter {
                    width: 100%
                }

                .brand_personality_Mobile .section h2 {
                    color: #313a3f;
                    font-family: 'Roboto Condensed';
                    font-style: normal;
                    font-weight: 700;
                    font-size: 30px;
                    margin-bottom: 20px
                }

                .brand_personality_Mobile .section .matter p {
                    font-size: 16px;
                    color: #767677
                }

        .faq h1 {
            font-size: 30px
        }

        .community_cont h1 {
            font-size: 30px
        }

        .faq_accordion {
            font-size: 19px
        }

        .why247 .whiteBoxCont .whiteBox {
            height: auto
        }

        .rowCover_Mobile .leftArrowOff {
            left: 1%
        }

        .rowCover_Mobile .rightArrowOff {
            right: 1%
        }
    }
@media screen and (max-width: 428px) {

        .comparison_area {
            padding: 0px 0;
            width: 100%;
        }

        .nav_excess {
            display: flex;
            width: 180px;
        }

            .nav_excess a {
                height: 38px;
                width: 45px;
                font-size: 12px;
                font-weight: 700;
            }

            .nav_excess .animation {
                width: 45px;
            }



        .Carousel {
            height: 70vw !important;
        }

        .partner .partner_logo {
            text-align: center;
            min-width: 110px;
        }

        .why247 h1 {
            font-size: 30px;
        }

        .brand_personality {
            display: none;
        }

        .brand_personality_Mobile {
            margin: 64px 0;
            display: inline-block;
        }

            .brand_personality_Mobile .section {
                display: flex;
                margin-bottom: 64px;
                flex-direction: column;
                align-items: center;
            }

                .brand_personality_Mobile .section:last-child {
                    margin-bottom: 0;
                }

                .brand_personality_Mobile .section .image {
                    width: 100%;
                    display: flex;
                    justify-content: center;
                    margin-bottom: 25px;
                }

                .brand_personality_Mobile .section .matter {
                    width: 100%;
                }

                .brand_personality_Mobile .section h2 {
                    color: #313A3F;
                    font-family: 'Roboto Condensed';
                    font-style: normal;
                    font-weight: 700;
                    font-size: 30px;
                    margin-bottom: 20px;
                }

                .brand_personality_Mobile .section .matter p {
                    font-size: 16px;
                    color: #767677;
                }

        .faq h1 {
            font-size: 30px;
        }

        .community_cont h1 {
            font-size: 30px;
        }

        .faq_accordion {
            font-size: 19px;
        }

        .why247 .whiteBoxCont .whiteBox {
            height: auto;
        }

        .rowCover_Mobile .leftArrowOff {
            left: 1%;
        }

        .rowCover_Mobile .rightArrowOff {
            right: 1%;
        }

        .blueBGsection {
            margin-top: 30px;
        }
    }
@media screen and (max-width: 414px) {
    .pinkTopBoxM .textLine {
        font-size: 16px;
    }

        .pinkTopBoxM .textLine span {
            font-size: 14px;
        }
        .nav > li > a {
            width: 93px;
        }

        .rowCover_Mobile .coverFeatures {
            width: 100%;
        }
    }
@media screen and (max-width: 393px) {
    .pinkTopBoxM .helplineBtn {
        width: 90%;
    }
}

    @media screen and (max-width: 390px) {
        .date-box {
            width: 72px;
        }

        .rowCover_Mobile .rightArrow {
            right: 2px;
        }

        .nav > li > a {
            width: 85px;
        }

        .rowCover_Mobile .coverFeatures {
            width: 90%;
        }

        .Carousel {
            height: 75vw !important;
        }

        .partner .partner_logo {
            text-align: center;
            min-width: 95px;
        }

        .faq_accordion {
            font-size: 17px;
        }

        .faq_panel {
            font-size: 16px;
        }

        .brand_personality_Mobile .section h2 {
            text-align: center;
        }

        .colBoxM .comFeatures ul li {
            height: 31px;
        }

        .NewSection .boxHolder ul.featureNew {
            margin-top: 15px;
            width: 78%;
        }
    }

    @media screen and (max-width: 380px) {
        .pinkTopBoxM {
            height: auto;
        }

            .pinkTopBoxM .helplineBtn {
                height: 40px;
                width: 105%;
            }

        .date-box-disables {
            padding: 10px 6px;
        }

        .rowCover_Mobile .rightArrow {
            right: -4px;
        }

        .partner .partner_logo {
            text-align: center;
            min-width: 70px;
        }

            .partner .partner_logo img {
                width: 80%;
                padding: 20px 0;
            }
    }

    @media screen and (max-width: 360px) {
        .pinkTopBoxM {
            height: auto;
            flex-direction: column;
        }
        .pinkTopBoxM .helplineBtn {
            height: 40px;
            width: 100%;
        }
        .nav > li > a {
            width: 104px;
            padding: 9px 8px;
        }

        .Carousel {
            height: 85vw !important;
        }
    }

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

        .faq_accordion {
            padding: 20px 10%;
            font-size: 16px;
        }

        .nav > li > a {
            width: 90px;
            padding: 4px 8px;
        }

        .NewSection .boxHolder ul.featureNew {
            margin-top: 15px;
            width: 78%;
        }
    }

    @media screen and (max-width: 320px) {
        .date-box {
            width: 63px;
        }

        .rowCover_Mobile .colCover ul.featureList li {
            font-size: 12px;
        }

        .postcodeField #opc_button {
            margin-top: 0;
        }

        .colBoxM .comFeatures ul li {
            height: 35px;
        }
    }

    @media screen and (max-width: 280px) {
        .nav > li > a {
            width: 75px;
            padding: 4px 8px;
        }
    }

    @media screen and (max-width:390px) {
        .hero_section h1 {
            font-size: 30px;
            letter-spacing: 0;
        }


        .hero_section p {
            display: none;
            font-size: 16px;
        }

        .Carousel {
            height: 75vw !important
        }

        .partner .partner_logo {
            text-align: center;
            min-width: 90px
        }

        .faq_accordion {
            font-size: 17px
        }

        .faq_panel {
            font-size: 16px
        }

        .brand_personality_Mobile .section h2 {
            text-align: center
        }
    }

    @media screen and (max-width:380px) {
        .nav > li > a {
            width: 110px;
        }

        .partner .partner_logo {
            text-align: center;
            min-width: 70px
        }

            .partner .partner_logo img {
                width: 80%;
                padding: 20px 0
            }
    }

    @media screen and (max-width:360px) {
        .nav > li > a {
            width: 80px
        }

        .hero_section h1 {
            font-size: 21px;
        }

        .Carousel {
            height: 85vw !important
        }
    }

    @media screen and (max-width:354px) {
        .nav > li > a {
            width: 76px
        }
    }

    @media screen and (max-width:340px) {
        .faq_accordion {
            padding: 20px 10%;
            font-size: 16px
        }

        .hero_section h1 {
            font-size: 20px;
        }

        .nav > li > a {
            width: 70px;
            font-size: 11px;
        }
    }

    @media screen and (max-width:320px) {
        .rowCover_Mobile .colCover ul.featureList li {
            font-size: 12px
        }

        .hero_section h1 {
            font-size: 19px;
        }

        .partner .partner_logo {
            text-align: center;
            min-width: 75px;
        }

            .partner .partner_logo img {
                width: 70px;
                padding: 20px 0;
            }
    }

    .oldPriceContainer {
        color: #767677;
        font-size: 15px;
        text-decoration: line-through;
        margin-top: 0px;
    }

        .oldPriceContainer .oldPriceSpan {
            color: #767677 !important;
            font-size: 15px !important;
            display: contents !important;
        }

    .vulnerabilityWrapper {
        width: 100%;
    }

    .bottomSection {
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin-top: 10px;
    }

    .saveBtn {
        margin-left: auto;
    }

    .blueBGsection {
        background: #D3F2FA;
        padding: 70px 0;
    }

        .blueBGsection .bigBanner {
            background: url('../images/bigbanner.png');
            width: 100%;
            height: 503px;
            margin-bottom: 15px;
            border-radius: 16px;
            background-repeat: no-repeat;
            background-size: cover;
        }

        .blueBGsection p {
            font-family: Nunito Sans;
            font-weight: 400;
            font-size: 18px;
            line-height: 100%;
            color: #767677;
        }

        .blueBGsection .wBoxwrap {
            display: flex;
            flex-direction: row;
            flex-wrap: wrap;
            justify-content: space-between;
            margin: 40px 0;
        }

            .blueBGsection .wBoxwrap .wBox {
                background: #fff;
                padding: 16px;
                border-radius: 16px;
                width: 250px;
                height: 220px;
                margin-bottom: 30px;
                display: flex;
                flex-direction: column;
            }

                .blueBGsection .wBoxwrap .wBox .icoon {
                    width: 65px;
                    height: 65px;
                    margin-bottom: 20px;
                }

                .blueBGsection .wBoxwrap .wBox h4 {
                    font-family: Roboto Condensed;
                    font-weight: 700;
                    font-size: 16px;
                    line-height: 100%;
                    color: #323234;
                    margin-bottom: 10px;
                }

                .blueBGsection .wBoxwrap .wBox p {
                    font-family: Nunito Sans;
                    font-weight: 400;
                    color: #767677;
                    font-size: 14px;
                    line-height: 140%;
                }

    .annualBoiler {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

        .annualBoiler .leftWing {
            width: 45%;
            margin-right: 30px;
        }

            .annualBoiler .leftWing h2 {
                font-family: Roboto Condensed;
                font-weight: 700;
                font-size: 36px;
                line-height: 100%;
                color: #323234;
                margin-bottom: 20px;
            }

            .annualBoiler .leftWing p {
                font-family: Nunito Sans;
                font-weight: 400;
                font-size: 18px;
                line-height: 140%;
                color: #767677;
            }

        .annualBoiler .rightWing {
            width: 50%;
        }

            .annualBoiler .rightWing .image {
                background: url('../images/boilerinclude.png');
                background-repeat: no-repeat;
                width: 100%;
                background-size: cover;
                height: 407px;
                border-radius: 16px;
            }

    .ukmap {
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin: 60px 0;
    }

        .ukmap .leftWing {
            width: 50%;
        }

            .ukmap .leftWing .image {
                background: url('../images/ukmap.png');
                background-repeat: no-repeat;
                width: 100%;
                background-size: cover;
                height: 407px;
                border-radius: 16px;
            }

        .ukmap .rightWing {
            width: 50%;
        }

            .ukmap .rightWing h2 {
                font-family: Roboto Condensed;
                font-weight: 700;
                font-size: 36px;
                line-height: 100%;
                color: #323234;
                margin-bottom: 20px;
            }

            .ukmap .rightWing p {
                font-family: Nunito Sans;
                font-weight: 400;
                font-size: 18px;
                line-height: 140%;
                color: #767677;
            }

    .switchTo {
        display: flex;
        margin: 35px 0;
        flex-direction: column;
        align-items: center;
    }

        .switchTo h2 {
            font-family: Roboto Condensed;
            font-weight: 700;
            font-size: 24px;
            line-height: 100%;
            text-align: center;
            margin-bottom: 20px;
        }

    .blueBGsection .switchTo h2 {
        font-size: 36px;
    }

    .grayBG {
        background: #F5F8F5;
        width: 100%;
    }

    .wedo {
        margin: 70px auto 0;
        width: 75%
    }

        .wedo h1 {
            font-family: 'Roboto Condensed';
            font-style: normal;
            font-weight: 700;
            font-size: 36px;
            text-align: center;
            color: #313a3f;
        }

        .wedo p {
            font-family: Nunito Sans;
            font-weight: 400;
            font-size: 18px;
            line-height: 100%;
            text-align: center;
            color: #767677;
        }

        .wedo .boxWe {
            border-radius: 16px;
            margin: 24px auto;
            padding: 30px;
            background: #fff;
            border: 1px #e3e0d1 solid;
        }

            .wedo .boxWe .pinkBox {
                width: 100%;
                height: 128px;
                border-radius: 16px;
                padding: 24px 48px;
                ;
                margin-bottom: 24px;
                display: flex;
                background: #FFD6D8;
                justify-content: center;
                align-items: center;
            }

                .wedo .boxWe .pinkBox h2 {
                    font-family: Roboto Condensed;
                    font-weight: 700;
                    font-size: 36px;
                    line-height: 100%;
                    text-align: center;
                    color: #701B45;
                }

            .wedo .boxWe .coverTable {
                width: 60%;
                margin: auto;
            }

                .wedo .boxWe .coverTable .tableRow {
                    display: flex;
                    justify-content: space-between;
                    border-bottom: 1px #E3E0D1 solid;
                    height: 46px;
                    margin-bottom: 15px;
                }

                    .wedo .boxWe .coverTable .tableRow:nth-child(1) {
                        border: 0;
                    }

                    .wedo .boxWe .coverTable .tableRow .name {
                        font-size: 16px;
                        color: #323234;
                        width: 70%;
                    }

                    .wedo .boxWe .coverTable .tableRow .des {
                        width: 30%;
                        font-family: Roboto Condensed;
                        font-weight: 700;
                        font-size: 24px;
                        line-height: 100%;
                        display: flex;
                        align-items: flex-start;
                        justify-content: space-evenly;
                    }

                        .wedo .boxWe .coverTable .tableRow .des .rateT {
                            width: 180px;
                            height: 23px;
                            border-radius: 8px;
                            padding: 8px 16px;
                            display: flex;
                            justify-content: center;
                            align-items: center;
                            background: #6AD4F51A;
                            color: #3898B0;
                            font-size: 14px;
                        }

        .wedo .redBox {
            width: 100%;
            height: 102px;
            border-radius: 16px;
            background: #DD2127;
            display: flex;
            margin: 25px 0 80px;
            padding: 24px 48px;
            align-items: center;
            justify-content: space-evenly;
        }

            .wedo .redBox .textHolder h3 {
                font-family: Roboto Condensed;
                font-weight: 700;
                font-size: 24px;
                line-height: 100%;
                text-align: center;
                color: #FDFFFC;
            }

            .wedo .redBox .textHolder small {
                font-size: 14px;
                color: #FDFFFC;
            }

                .wedo .redBox .textHolder small a {
                    font-size: 14px;
                    color: #FDFFFC;
                    text-decoration: underline;
                }

            .wedo .redBox .contactBtn {
                flex: none;
                white-space: nowrap;
                text-align: center;
                width: 127px;
                border-radius: 16px;
                background: #DD2127;
                border: 1px solid #FDFFFC;
                padding: 12px 20px;
                color: #FDFFFC;
                font-size: 16px;
            }

    .appCont {
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin: 120px 0 60px;
    }

        .appCont .leftWing {
            width: 50%;
        }

            .appCont .leftWing .image {
                background: url('../images/app.png');
                background-repeat: no-repeat;
                width: 100%;
                background-size: cover;
                height: 407px;
                border-radius: 16px;
            }

        .appCont .rightWing {
            width: 50%;
            margin-left: 50px;
        }

            .appCont .rightWing h2 {
                font-family: Roboto Condensed;
                font-weight: 700;
                font-size: 36px;
                line-height: 100%;
                color: #323234;
                margin-bottom: 20px;
            }

            .appCont .rightWing .download {
                display: flex;
                margin-top: 60px;
            }

                .appCont .rightWing .download h3 {
                    font-family: Roboto Condensed;
                    font-weight: 700;
                    font-size: 24px;
                    line-height: 100%;
                    color: #323234;
                    margin-bottom: 20px;
                }

                .appCont .rightWing .download a {
                    margin-left: 12px;
                }

            .appCont .rightWing p {
                font-family: Nunito Sans;
                font-weight: 400;
                font-size: 18px;
                line-height: 140%;
                color: #767677;
            }

    .whitestripCont {
        display: flex;
        flex-wrap: wrap;
        width: 100%;
        margin-bottom: 60px;
    }

        .whitestripCont .whiteStrip {
            background: #fff;
            width: 32.3%;
            height: 97px;
            border-radius: 16px;
            margin: 0 12px 24px 0;
            display: flex;
            padding: 16px;
        }

            .whitestripCont .whiteStrip .icoon {
                width: 65px;
                height: 65px;
                margin-bottom: 20px;
            }

            .whitestripCont .whiteStrip .description {
                margin-left: 20px;
                width: 80%;
            }

                .whitestripCont .whiteStrip .description h4 {
                    font-family: Roboto Condensed;
                    font-weight: 700;
                    font-size: 16px;
                    line-height: 100%;
                    color: #323234;
                    margin-bottom: 10px;
                }

                .whitestripCont .whiteStrip .description p {
                    font-family: Nunito Sans;
                    font-weight: 400;
                    color: #767677;
                    font-size: 14px;
                    line-height: 140%;
                }

    @media only screen and (max-width:1366px) {
        .blueBGsection .wBoxwrap .wBox {
            width: 260px;
        }
    }

    @media only screen and (max-width:1280px) {
        .blueBGsection .wBoxwrap .wBox {
            width: 250px;
        }
    }

    @media only screen and (max-width:1024px) {
        .blueBGsection .wBoxwrap .wBox {
            background: #fff;
            padding: 16px;
            border-radius: 16px;
            width: 100%;
            height: 100px;
            margin-bottom: 10px;
            display: flex;
            flex-direction: row;
        }

            .blueBGsection .wBoxwrap .wBox .icoon {
                width: 65px;
                height: 65px;
                margin-bottom: 0px;
            }

            .blueBGsection .wBoxwrap .wBox .description {
                margin-left: 20px;
                width: 80%;
            }

        .annualBoiler {
            display: flex;
            flex-direction: column-reverse;
            align-items: flex-start;
        }

            .annualBoiler .leftWing {
                width: 100%;
                margin-right: 0;
                margin-top: 30px;
            }

            .annualBoiler .rightWing {
                width: 100%;
            }

                .annualBoiler .rightWing .image {
                    background: url(../images/boilerinclude_tab.png);
                    background-repeat: no-repeat;
                    width: 100%;
                    background-size: cover;
                    height: 504px;
                    border-radius: 16px;
                }

        .ukmap {
            display: flex;
            margin: 60px 0;
            flex-direction: column;
        }

            .ukmap .leftWing {
                width: 100%;
            }

                .ukmap .leftWing .image {
                    background: url(../images/ukmap.png);
                    background-repeat: no-repeat;
                    width: 100%;
                    background-size: contain;
                    height: 400px;
                    background-position: center;
                }

            .ukmap .rightWing {
                width: 100%;
                margin-top: 35px;
            }

        .wedo {
            width: 100%;
        }

        .appCont {
            flex-direction: column;
            align-items: flex-start;
        }

            .appCont .leftWing {
                width: 100%;
                margin-bottom: 30px;
            }

                .appCont .leftWing .image {
                    height: 507px;
                }

            .appCont .rightWing {
                width: 100%;
                margin-left: 0;
            }

        .whitestripCont .whiteStrip {
            width: 100%;
            margin: 0 0 12px 0;
        }
    }

    @media only screen and (max-width:820px) {
        .blueBGsection .bigBanner {
            background: url('../images/bigbanner_tab.png');
            width: 100%;
            height: 401px;
            background-repeat: no-repeat;
            background-size: cover;
        }

        .annualBoiler .rightWing .image {
            height: 403px;
        }

        .wedo .boxWe .pinkBox h2 {
            font-size: 28px;
        }

        .wedo .boxWe .coverTable {
            width: 90%;
            margin: auto;
        }

        .appCont .leftWing .image {
            height: 407px;
        }
    }

    @media only screen and (max-width:768px) {
        .blueBGsection .bigBanner {
            height: 381px;
        }

        .annualBoiler .rightWing .image {
            height: 380px;
        }
    }

    @media only screen and (max-width:600px) {
        .annualBoiler .rightWing .image {
            height: 290px;
        }

        .ukmap .leftWing .image {
            height: 315px;
        }

        .blueBGsection .switchTo h2 {
            font-size: 30px;
        }

        .wedo h1 {
            font-size: 30px;
        }

        .wedo p {
            font-size: 16px;
            line-height: 140%;
        }

        .wedo .boxWe .pinkBox h2 {
            font-size: 18px;
        }

        .wedo .boxWe .pinkBox {
            height: 90px;
            padding: 24px 35px;
        }

            .wedo .boxWe .pinkBox img {
                width: 21%;
            }

        .wedo .redBox {
            height: auto;
            flex-direction: column;
        }

            .wedo .redBox .textHolder {
                margin-bottom: 20px;
            }

        .appCont {
            margin: 60px 0;
        }

            .appCont .leftWing .image {
                height: 308px;
            }

            .appCont .rightWing h2 {
                font-size: 30px;
            }

            .appCont .rightWing p {
                font-size: 16px;
            }
    }

    @media only screen and (max-width:540px) {
        .annualBoiler .rightWing .image {
            height: 318px;
        }
    }

    @media only screen and (max-width:444px) {
        .annualBoiler .rightWing .image {
            background: url(../images/boilerinclude_mob.png);
            background-repeat: no-repeat;
            width: 100%;
            background-size: cover;
            height: 314px;
            border-radius: 16px;
        }

        .annualBoiler .leftWing h2 {
            font-size: 30px;
        }

        .annualBoiler .leftWing p {
            font-size: 16px;
        }

        .ukmap .leftWing .image {
            height: 315px;
        }

        .ukmap .rightWing h2 {
            font-size: 30px;
        }

        .ukmap .rightWing p {
            font-size: 16px;
        }
    }

    @media only screen and (max-width:430px) {
        /*.pinkTopBoxM .helplineBtn {
        width: 230px;
    }*/
        .blueBGsection .bigBanner {
            background: url('../images/bigbanner_mob.png');
            width: 100%;
            height: 296px;
            background-repeat: no-repeat;
            background-size: cover;
        }

        .blueBGsection p {
            font-size: 16px;
        }

        .annualBoiler .rightWing .image {
            height: 300px;
        }

        .ukmap .leftWing .image {
            height: 265px;
        }

        .wedo .redBox {
            padding: 24px 30px;
        }

        .wedo .boxWe .coverTable {
            width: 100%;
            margin: auto;
        }

            .wedo .boxWe .coverTable .tableRow .des {
                width: 45%;
            }

            .wedo .boxWe .coverTable .tableRow .name {
                width: 55%;
            }

        .wedo .boxWe .pinkBox h2 {
            font-size: 18px;
            text-align: left;
        }

        .appCont .leftWing .image {
            height: 260px;
        }

        .appCont .rightWing .download {
            flex-wrap: wrap;
            margin-top: 30px;
        }

            .appCont .rightWing .download a {
                margin-left: 0;
                margin-right: 12px;
            }
    }

    @media only screen and (max-width:390px) {
        .blueBGsection .wBoxwrap .wBox {
            height: auto;
        }

        .annualBoiler .rightWing .image {
            height: 270px;
        }

        .ukmap .leftWing .image {
            height: 240px;
        }
    }

    @media only screen and (max-width:380px) {
        .blueBGsection .bigBanner {
            height: 249px;
        }

        .annualBoiler .rightWing .image {
            height: 260px;
        }

        .ukmap .leftWing .image {
            height: 224px;
        }

        .appCont .leftWing .image {
            height: 228px;
        }
    }

    @media only screen and (max-width:360px) {
        .whitestripCont .whiteStrip {
            height: auto;
        }
    }

    @media only screen and (max-width:340px) {
        .annualBoiler .rightWing .image {
            height: 232px;
        }
    }

    @media only screen and (max-width:320px) {
        .blueBGsection .bigBanner {
            height: 214px;
        }

        .annualBoiler .rightWing .image {
            height: 215px;
        }

        .ukmap .leftWing .image {
            height: 192px;
        }

        .wedo .boxWe .pinkBox img {
            width: 30%;
        }

        .appCont .leftWing .image {
            height: 197px;
        }
    }

    :root {
        --theme-red: 350, 63%, 52%;
        --theme-pink: 350, 100%, 69%;
        --theme-white: 0, 0%, 100%;
        --theme-dark: 0, 7%, 29%;
        color: hsl(var(--theme-dark));
    }

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

    a {
        color: #767677;
        transition: color 150ms, text-decoration-color 150ms;
    }

        a:active, a:visited {
            color: hsl(var(--theme-red));
        }

        a:hover {
            color: hsl(var(--theme-red));
        }

        a:focus, a:hover {
            text-decoration-color: transparent;
        }

        a:focus,
        [tabindex="-1"]:focus {
            outline: hsl(var(--theme-red));
        }

            a:focus:not(:focus-visible),
            [tabindex="-1"]:focus:not(:focus-visible) {
                outline: none;
            }

    .Carousel {
        --carousel-gap: 1rem;
        border-radius: 1rem;
        display: flex;
        gap: var(--carousel-gap);
        overflow-y: hidden;
        overflow-x: auto;
        position: relative;
        scroll-behavior: auto;
        scroll-snap-type: x mandatory;
        scrollbar-width: none;
        -webkit-overflow-scrolling: touch;
        height: 50vw;
        outline: none !important;
        min-height: 20rem;
        max-height: 33rem;
    }

        .Carousel::-webkit-scrollbar {
            display: none;
        }

        .Carousel .Card {
            flex: 1 0 auto;
            width: 220px;
            height: 323px;
            min-height: 100%;
            scroll-snap-align: start;
            border: 1px #E3E0D1 solid;
            border-radius: 16px;
        }

        .Carousel .Card__media {
            aspect-ratio: auto;
        }

        .Carousel > div:empty {
            position: relative;
        }

            .Carousel > div:empty:first-child {
                inset-inline-start: 10%;
                margin-inline-end: calc(-1 * var(--carousel-gap));
            }

            .Carousel > div:empty:last-child {
                inset-inline-end: 10%;
                margin-inline-start: calc(-1 * var(--carousel-gap));
            }

    @media (prefers-reduced-motion: reduce) {
        .Carousel {
            scroll-behavior: auto;
        }
    }

    @supports not (aspect-ratio: 1/1) {
        .Carousel .Card__media {
            padding-block-end: 0 !important;
        }
    }

    .Dot--active {
        color: hsl(var(--theme-pink)) !important;
    }

    .Pagination {
        align-items: center;
        display: flex;
        justify-content: center;
        margin: 1rem -0.5rem;
        width: 8%;
        border: 0;
    }

        .Pagination .Arrow {
            flex: 0 0 auto;
        }

            .Pagination .Arrow:first-of-type {
                margin-inline-end: auto;
                order: -1;
            }

            .Pagination .Arrow:last-of-type {
                margin-inline-start: auto;
                order: 1;
            }

    .Arrow {
        align-items: center;
        appearance: none;
        background: #0074B6;
        border: none;
        border-radius: 50%;
        cursor: pointer;
        color: #fff;
        display: flex;
        height: 4rem;
        justify-content: center;
        opacity: 1;
        padding: 0;
        transition: opacity 150ms, color 150ms;
        width: 4rem;
    }

        .Arrow:hover {
            color: hsl(var(--theme-white));
            background: hsl(var(--theme-red));
        }

        .Arrow:focus {
            color: hsl(var(--theme-red));
            outline: none;
        }

            .Arrow:focus svg {
                box-shadow: 0 0 0 0.125rem hsla(var(--theme-white), 1), 0 0 0 0.25rem currentColor;
            }

            .Arrow:focus:not(:focus-visible) {
                color: hsl(var(--theme-red));
            }

                .Arrow:focus:not(:focus-visible) svg {
                    box-shadow: none;
                }

        .Arrow[disabled] {
            color: hsl(var(--theme-dark));
            opacity: 0.2;
            background: #D8DBDA;
            pointer-events: none;
        }

        .Arrow svg {
            border-radius: 100%;
            fill: currentColor;
            height: 100%;
            width: 100%;
            transition: box-shadow 150ms;
        }

    .Hidden {
        border: 0 !important;
        clip: rect(0 0 0 0) !important;
        clip-path: inset(50%) !important;
        height: 1px !important;
        margin: -1px !important;
        overflow: hidden !important;
        padding: 0 !important;
        position: absolute !important;
        width: 1px !important;
        white-space: nowrap !important;
    }

    .Card {
        --card-ratio: auto 1/1;
        display: grid;
        grid-template-columns: 1fr;
        grid-template-rows: [media-start] auto [media-end main-start] auto [main-end];
        max-width: 100%;
        position: relative;
    }

    .Card__media {
        aspect-ratio: var(--card-ratio);
        background: hsla(var(--card-background-color), 0.5);
        border-radius: 1rem;
        grid-column: 1/-1;
        grid-row: media-start/media-end;
        max-width: 100%;
        overflow: hidden;
        position: relative;
    }

        .Card__media > * {
            border-radius: inherit;
            height: 100%;
            object-fit: cover;
            position: absolute;
            width: 100%;
        }

    .card-text {
        display: flex;
        flex-direction: column;
        font-size: 16px;
        color: #767677;
        padding: 50px 15px 15px;
        justify-content: space-between;
    }

        .card-text a {
            background: #F7F8F7;
            border-radius: 8px;
            text-align: center;
            color: #313A3F;
            font-size: 14px;
            font-weight: 700;
            padding: 10px;
            cursor: pointer;
        }

            .card-text a.redB {
                background: #DD2127;
                color: #fff;
                font-weight: 400;
            }

    .Card--overlay {
        --card-foreground-color: var(--theme-white);
        grid-template-rows: [media-start] 1fr [overlay-start] 1rem [main-start] auto [main-end overlay-end media-end];
    }

    .Card--square {
        --card-ratio: auto 1/1;
    }

    .Card--photo {
        --card-ratio: auto 4/3;
    }

    .Card--portrait {
        --card-ratio: auto 3/4;
    }

    .Card--wide {
        --card-ratio: auto 16/9;
    }

    @supports not (aspect-ratio: 1/1) {
        .Card__media {
            height: 100%;
            padding-block-end: calc(100% * (1 / 1));
        }

        .Card--square .Card__media {
            padding-block-end: calc(100% * (1 / 1));
        }

        .Card--photo .Card__media {
            padding-block-end: calc(100% * (3 / 4));
        }

        .Card--portrait .Card__media {
            padding-block-end: calc(100% * (4 / 3));
        }

        .Card--wide .Card__media {
            padding-block-end: calc(100% * (9 / 16));
        }
    }

    .swiffy-slider {
        position: relative;
        display: block;
        width: 100%;
        --swiffy-slider-snap-align: center;
        --swiffy-slider-item-width: 100%;
        --swiffy-slider-item-gap: 1rem;
        --swiffy-slider-item-reveal: 0rem;
        --swiffy-slider-item-ratio: 2/1;
        --swiffy-slider-item-count: 1;
        --swiffy-slider-nav-light: #fff;
        --swiffy-slider-nav-dark: #333;
        --swiffy-slider-nav-zoom: 1;
        --swiffy-slider-track-opacity: 0.1;
        --swiffy-slider-track-height: 0;
        --swiffy-slider-nav-outside-size: 3.5rem;
        --swiffy-slider-indicator-outside-size: 1.5rem;
        --swiffy-slider-animation-duration: .75s;
        --swiffy-slider-animation-delay: 0s;
        --swiffy-slider-animation-timing: ease-in-out
    }

        .swiffy-slider, .swiffy-slider::after, .swiffy-slider::before {
            box-sizing: border-box
        }

            .swiffy-slider ::-webkit-scrollbar {
                height: var(--swiffy-slider-track-height)
            }

            .swiffy-slider ::-webkit-scrollbar-track {
                background: rgba(0,0,0,var(--swiffy-slider-track-opacity))
            }

            .swiffy-slider ::-webkit-scrollbar-thumb {
                background: rgba(0,0,0,.4);
                border-radius: 1rem
            }

                .swiffy-slider ::-webkit-scrollbar-thumb:hover {
                    background: rgba(0,0,0,.6)
                }

    .slider-container {
        --swiffy-slider-item-gap-totalwidth: calc(var(--swiffy-slider-item-gap) * (var(--swiffy-slider-item-count) - 1));
        --swiffy-slider-item-width: calc((100% - var(--swiffy-slider-item-reveal) - var(--swiffy-slider-item-gap-totalwidth)) / var(--swiffy-slider-item-count));
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        -ms-scroll-snap-type: x mandatory;
        scroll-snap-type: x mandatory;
        scroll-behavior: smooth;
        display: grid;
        align-items: center;
        height: 100%;
        grid: auto/auto-flow -webkit-max-content;
        grid: auto/auto-flow max-content;
        grid-auto-rows: 100%;
        grid-auto-columns: var(--swiffy-slider-item-width);
        grid-auto-flow: column;
        grid-gap: var(--swiffy-slider-item-gap);
        list-style: none;
        margin: 0;
        padding: 0;
        scrollbar-width: none;
        scrollbar-color: rgba(0,0,0,.4) rgba(0,0,0,var(--swiffy-slider-track-opacity));
        background-clip: padding-box
    }

        .slider-container > * {
            scroll-snap-align: var(--swiffy-slider-snap-align);
            position: relative;
            width: 100%;
            height: 100%
        }

    .slider-item-helper .slider-container > * {
        background-size: cover;
        background-color: #e1e1e1;
        background-position: 50% 50%;
        display: flex;
        justify-content: center;
        align-items: center
    }

    .slider-item-helper:not(.slider-item-ratio) .slider-container > * {
        min-height: 20rem
    }

    .slider-item-ratio .slider-container > * > * {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover
    }

    .slider-item-ratio-contain .slider-container > * > * {
        -o-object-fit: contain;
        object-fit: contain
    }

    .slider-item-ratio .slider-container > ::after {
        display: block;
        padding-top: calc(100% / (var(--swiffy-slider-item-ratio)));
        content: ""
    }

    .slider-item-ratio-32x9 {
        --swiffy-slider-item-ratio: 32/9
    }

    .slider-item-ratio-21x9 {
        --swiffy-slider-item-ratio: 21/9
    }

    .slider-item-ratio-16x9 {
        --swiffy-slider-item-ratio: 16/9
    }

    .slider-item-ratio-4x3 {
        --swiffy-slider-item-ratio: 4/3
    }

    .slider-item-ratio-2x1 {
        --swiffy-slider-item-ratio: 2/1
    }

    .slider-item-ratio-1x1 {
        --swiffy-slider-item-ratio: 1/1
    }

    .slider-item-ratio-3x4 {
        --swiffy-slider-item-ratio: 3/4
    }

    .slider-nav-scrollbar {
        --swiffy-slider-track-height: 0.5rem
    }

        .slider-nav-scrollbar .slider-container {
            scrollbar-width: thin
        }

    .slider-nav-nodelay .slider-container {
        scroll-behavior: auto
    }

    .slider-indicators {
        position: absolute;
        right: 2rem;
        bottom: 0;
        left: 2rem;
        display: flex;
        justify-content: center;
        padding: 0;
        margin-bottom: 1rem;
        list-style: none
    }

    .slider-nav-scrollbar .slider-indicators {
        margin-bottom: calc(1rem + var(--swiffy-slider-track-height))
    }

    .slider-indicators > .active {
        opacity: 1
    }

    .swiffy-slider.slider-indicators-outside .slider-nav {
        margin-bottom: var(--swiffy-slider-indicator-outside-size)
    }

    .swiffy-slider.slider-indicators-outside {
        padding-bottom: var(--swiffy-slider-indicator-outside-size)
    }

        .swiffy-slider.slider-indicators-outside .slider-indicators, .swiffy-slider.slider-indicators-outside.slider-indicators {
            margin-bottom: 0
        }

    .slider-indicators > * {
        box-sizing: content-box;
        flex: 0 1 auto;
        width: 2rem;
        height: .2rem;
        padding: 0;
        border: .4rem solid transparent;
        cursor: pointer;
        background-color: #fff;
        background-clip: padding-box;
        opacity: .5;
        transition: opacity .4s ease
    }

    .slider-indicators-square .slider-indicators > *, .slider-indicators-square.slider-indicators > * {
        width: .5rem;
        height: .5rem;
        border: .4rem solid transparent
    }

    .slider-indicators-round .slider-indicators > *, .slider-indicators-round.slider-indicators > * {
        width: .5rem;
        height: .5rem;
        border: .4rem solid transparent;
        border-radius: 50%
    }

    .slider-indicators-highlight .slider-indicators > .active, .slider-indicators-highlight.slider-indicators > .active {
        border: .33rem solid transparent;
        padding: .07rem
    }

    .slider-nav {
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        border: 0;
        background-color: transparent;
        cursor: pointer;
        padding: 0;
        visibility: hidden;
        opacity: .8;
        transition: visibility .1s,opacity .2s linear;
        margin-bottom: var(--swiffy-slider-track-height);
        display: flex;
        align-items: center;
        padding: 0 .5rem;
        -webkit-filter: drop-shadow(0 0 .5rem rgba(0, 0, 0, .5));
        filter: drop-shadow(0 0 .5rem rgba(0, 0, 0, .5));
        transform: scale(var(--swiffy-slider-nav-zoom))
    }

        .slider-nav::before {
            position: absolute;
            content: "";
            padding: .5rem;
            width: 3rem;
            height: 3rem
        }

        .slider-nav::after {
            content: "";
            -webkit-mask: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 16 16'><path fill-rule='evenodd' d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'></path></svg>");
            mask: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 16 16'><path fill-rule='evenodd' d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'></path></svg>");
            -webkit-mask-size: cover;
            mask-size: cover;
            background-color: var(--swiffy-slider-nav-light);
            background-origin: content-box;
            width: 3rem;
            height: 3rem
        }

    .slider-nav-arrow .slider-nav::after {
        -webkit-mask: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 16 16'><path fill-rule='evenodd' d='M12 8a.5.5 0 0 1-.5.5H5.707l2.147 2.146a.5.5 0 0 1-.708.708l-3-3a.5.5 0 0 1 0-.708l3-3a.5.5 0 1 1 .708.708L5.707 7.5H11.5a.5.5 0 0 1 .5.5z'></path></svg>");
        mask: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 16 16'><path fill-rule='evenodd' d='M12 8a.5.5 0 0 1-.5.5H5.707l2.147 2.146a.5.5 0 0 1-.708.708l-3-3a.5.5 0 0 1 0-.708l3-3a.5.5 0 1 1 .708.708L5.707 7.5H11.5a.5.5 0 0 1 .5.5z'></path></svg>")
    }

    .slider-nav-chevron .slider-nav::after {
        -webkit-mask: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 16 16'><path fill-rule='evenodd' d='M9.224 1.553a.5.5 0 0 1 .223.67L6.56 8l2.888 5.776a.5.5 0 1 1-.894.448l-3-6a.5.5 0 0 1 0-.448l3-6a.5.5 0 0 1 .67-.223z'></path></svg>");
        mask: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 16 16'><path fill-rule='evenodd' d='M9.224 1.553a.5.5 0 0 1 .223.67L6.56 8l2.888 5.776a.5.5 0 1 1-.894.448l-3-6a.5.5 0 0 1 0-.448l3-6a.5.5 0 0 1 .67-.223z'></path></svg>")
    }

    .slider-nav-caret .slider-nav::after {
        -webkit-mask: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 16 16'><path d='M10 12.796V3.204L4.519 8 10 12.796zm-.659.753-5.48-4.796a1 1 0 0 1 0-1.506l5.48-4.796A1 1 0 0 1 11 3.204v9.592a1 1 0 0 1-1.659.753z'></path></svg>");
        mask: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 16 16'><path d='M10 12.796V3.204L4.519 8 10 12.796zm-.659.753-5.48-4.796a1 1 0 0 1 0-1.506l5.48-4.796A1 1 0 0 1 11 3.204v9.592a1 1 0 0 1-1.659.753z'></path></svg>")
    }

    .slider-nav-caretfill .slider-nav::after {
        -webkit-mask: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 16 16'><path d='m3.86 8.753 5.482 4.796c.646.566 1.658.106 1.658-.753V3.204a1 1 0 0 0-1.659-.753l-5.48 4.796a1 1 0 0 0 0 1.506z'></path></svg>");
        mask: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 16 16'><path d='m3.86 8.753 5.482 4.796c.646.566 1.658.106 1.658-.753V3.204a1 1 0 0 0-1.659-.753l-5.48 4.796a1 1 0 0 0 0 1.506z'></path></svg>")
    }

    .swiffy-slider:hover .slider-nav {
        visibility: visible
    }

    .swiffy-slider.slider-nav-autohide.slider-item-first-visible .slider-nav:not(.slider-nav-next) {
        visibility: hidden
    }

    .swiffy-slider.slider-nav-autohide.slider-item-last-visible .slider-nav.slider-nav-next {
        visibility: hidden
    }

    .slider-nav-outside .slider-container {
        margin: 0 var(--swiffy-slider-nav-outside-size)
    }

    .slider-nav-outside .slider-nav {
        padding: 0
    }

    .swiffy-slider .slider-nav:hover {
        opacity: 1
    }

    .slider-nav-square .slider-nav {
        padding: 0
    }

        .slider-nav-round .slider-nav::before, .slider-nav-square .slider-nav::before {
            background-color: var(--swiffy-slider-nav-light)
        }

        .slider-nav-round .slider-nav::after, .slider-nav-square .slider-nav::after {
            background-color: var(--swiffy-slider-nav-dark);
            width: 2rem;
            height: 2rem;
            margin: .5rem
        }

    .slider-nav-round .slider-nav::before {
        border-radius: 50%
    }

    .slider-nav-round .slider-nav::after {
        -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' %3E%3Cpath fill-rule='evenodd' d='M15 8a.5.5 0 0 0-.5-.5H2.707l3.147-3.146a.5.5 0 1 0-.708-.708l-4 4a.5.5 0 0 0 0 .708l4 4a.5.5 0 0 0 .708-.708L2.707 8.5H14.5A.5.5 0 0 0 15 8z'%3E%3C/path%3E%3C/svg%3E");
        mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' %3E%3Cpath fill-rule='evenodd' d='M15 8a.5.5 0 0 0-.5-.5H2.707l3.147-3.146a.5.5 0 1 0-.708-.708l-4 4a.5.5 0 0 0 0 .708l4 4a.5.5 0 0 0 .708-.708L2.707 8.5H14.5A.5.5 0 0 0 15 8z'%3E%3C/path%3E%3C/svg%3E")
    }

    .slider-nav-dark .slider-nav::after {
        background-color: var(--swiffy-slider-nav-dark)
    }

    .slider-nav-dark.slider-nav-round .slider-nav::before, .slider-nav-dark.slider-nav-square .slider-nav::before {
        background-color: var(--swiffy-slider-nav-dark)
    }

    .slider-nav-dark.slider-nav-round .slider-nav::after, .slider-nav-dark.slider-nav-square .slider-nav::after {
        background-color: var(--swiffy-slider-nav-light)
    }

    .slider-nav-sm {
        --swiffy-slider-nav-zoom: .75;
        --swiffy-slider-nav-outside-size: 2.5rem
    }

    .slider-nav.slider-nav-next::after {
        transform: rotate(180deg)
    }

    .slider-nav.slider-nav-next {
        right: 0;
        left: unset
    }

    .slider-nav-visible .slider-nav {
        visibility: visible
    }

    .slider-nav-dark .slider-nav {
        opacity: .6
    }

    .slider-indicators-dark .slider-indicators > *, .slider-indicators-dark.slider-indicators > * {
        -webkit-filter: invert(1);
        filter: invert(1)
    }

    .slider-item-snapstart {
        --swiffy-slider-snap-align: start
    }

    .slider-item-nosnap {
        --swiffy-slider-snap-align: unset
    }

    .slider-item-nogap {
        --swiffy-slider-item-gap: 0rem
    }

    .slider-item-reveal {
        --swiffy-slider-item-reveal: 8rem
    }

    .slider-item-snapstart.slider-item-reveal {
        --swiffy-slider-item-reveal: 4rem
    }

    .slider-item-show2 {
        --swiffy-slider-item-count: 2
    }

    .slider-item-show3 {
        --swiffy-slider-item-count: 3
    }

    .slider-item-show4 {
        --swiffy-slider-item-count: 4
    }

    .slider-item-show5 {
        --swiffy-slider-item-count: 5
    }

    .slider-item-show6 {
        --swiffy-slider-item-count: 6
    }

    .slider-nav-mousedrag .slider-container {
        cursor: -webkit-grab;
        cursor: grab
    }

    .slider-nav-mousedrag.dragging .slider-container {
        -ms-scroll-snap-type: unset;
        scroll-snap-type: unset;
        scroll-behavior: unset;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none
    }

    .slider-nav-mousedrag.dragging .slider-nav {
        visibility: hidden
    }

    @media (hover:hover) {
        .slider-nav-mousedrag .slider-container::after {
            content: "";
            position: absolute;
            width: 100%;
            height: 100%
        }
    }

    @media (prefers-reduced-motion:no-preference) {
        .slider-nav-animation.slider-nav-animation-fast {
            --swiffy-slider-animation-duration: .25s
        }

        .slider-nav-animation.slider-nav-animation-slow {
            --swiffy-slider-animation-duration: 1.25s
        }

        .slider-nav-animation .slider-container > * > * {
            transition: opacity var(--swiffy-slider-animation-duration) var(--swiffy-slider-animation-timing),transform var(--swiffy-slider-animation-duration) var(--swiffy-slider-animation-timing);
            transition-delay: var(--swiffy-slider-animation-delay)
        }

        .slider-nav-animation .slider-container .slide-visible > * {
            transition: opacity var(--swiffy-slider-animation-duration) var(--swiffy-slider-animation-timing),transform var(--swiffy-slider-animation-duration) var(--swiffy-slider-animation-timing);
            transition-delay: var(--swiffy-slider-animation-delay)
        }

        .slider-nav-animation.slider-nav-animation-fadein .slider-container > * > * {
            opacity: .5
        }

        .slider-nav-animation.slider-nav-animation-scale .slider-container > * > * {
            transform: scale(.9)
        }

        .slider-nav-animation.slider-nav-animation-appear .slider-container > * > * {
            opacity: .3;
            transform: scale(.9)
        }

        .slider-nav-animation.slider-nav-animation-scaleup .slider-container > * > * {
            transform: scale(.25)
        }

        .slider-nav-animation.slider-nav-animation-zoomout .slider-container > * {
            overflow: hidden
        }

            .slider-nav-animation.slider-nav-animation-zoomout .slider-container > * > * {
                transform: scale(1.3)
            }

        .slider-nav-animation.slider-nav-animation-turn .slider-container > * > * {
            transform: rotateY(70deg)
        }

        .slider-nav-animation.slider-nav-animation-slideup .slider-container > * > * {
            transform: translateY(60%) scale(.99)
        }

        .slider-nav-animation.slider-nav-animation-slideup .slider-container {
            overflow-y: hidden
        }

        .slider-nav-animation .slider-container > .slide-visible > * {
            opacity: 1;
            transform: none
        }
    }

    @media (min-width:62rem) {
        .slider-item-show2:not(.slider-item-snapstart) .slider-container > *, .slider-item-show4:not(.slider-item-snapstart) .slider-container > *, .slider-item-show6:not(.slider-item-snapstart) .slider-container > * {
            scroll-snap-align: unset
        }

        .slider-item-show2:not(.slider-item-snapstart) .slider-container > ::before, .slider-item-show4:not(.slider-item-snapstart) .slider-container > ::before, .slider-item-show6:not(.slider-item-snapstart) .slider-container > ::before {
            content: " ";
            display: block;
            position: absolute;
            left: calc((var(--swiffy-slider-item-gap)/2)*-1);
            top: 0;
            width: 1px;
            height: 1px;
            scroll-snap-align: var(--swiffy-slider-snap-align)
        }

        .slider-nav-outside-expand .slider-nav {
            margin-left: -4rem
        }

            .slider-nav-outside-expand .slider-nav.slider-nav-next {
                margin-right: -4rem
            }

        .slider-nav-sm.slider-nav-outside-expand .slider-nav {
            margin-left: -3.5rem
        }

            .slider-nav-sm.slider-nav-outside-expand .slider-nav.slider-nav-next {
                margin-right: -3.5rem
            }

        .slider-indicators-sm.slider-indicators {
            display: none
        }
    }

    @media (max-width:62rem) {
        .swiffy-slider {
            --swiffy-slider-track-height: 0rem;
            --swiffy-slider-item-reveal: 0rem;
            --swiffy-slider-item-count: 1;
            --swiffy-slider-nav-zoom: .875
        }

            .swiffy-slider .slider-item-show2-sm {
                --swiffy-slider-item-count: 2
            }

        .slider-item-reveal {
            --swiffy-slider-item-reveal: 4rem
        }

        .slider-item-snapstart.slider-item-reveal {
            --swiffy-slider-item-reveal: 2rem
        }

        .slider-item-show6 .slider-container {
            grid-auto-columns: calc(25% - (var(--swiffy-slider-item-gap)/ 4*3))
        }

        .slider-item-show6.slider-item-reveal .slider-container {
            grid-auto-columns: calc(25% - (var(--swiffy-slider-item-gap)/ 4*3) - .5rem)
        }

            .slider-item-show6.slider-item-reveal .slider-container > * {
                scroll-snap-align: unset
            }

            .slider-item-show6.slider-item-reveal .slider-container > ::before {
                content: " ";
                display: block;
                position: absolute;
                left: calc((var(--swiffy-slider-item-gap)/2)*-1);
                top: 0;
                width: 1px;
                height: 1px;
                scroll-snap-align: center
            }

        .slider-nav::after, .slider-nav::before {
            width: 2rem;
            height: 2rem;
            padding: .3rem
        }

        .slider-nav-round .slider-nav::after, .slider-nav-square .slider-nav::after {
            width: 1.75rem;
            height: 1.75rem;
            margin: .125rem
        }

        .slider-nav-outside .slider-container, .slider-nav-outside-expand .slider-container {
            margin: 0 2rem
        }

        .slider-nav-outside-expand .slider-container {
            margin: 0 var(--swiffy-slider-nav-outside-size)
        }

        .slider-nav-outside-expand .slider-nav {
            padding: 0
        }

        .slider-indicators-round .slider-indicators > *, .slider-indicators-round.slider-indicators > *, .slider-indicators-square .slider-indicators > *, .slider-indicators-square.slider-indicators > * {
            width: .3rem;
            height: .3rem
        }

        .slider-indicators {
            margin-bottom: .5rem;
            display: none
        }

        .slider-nav-scrollbar .slider-indicators {
            margin-bottom: 0
        }

        .slider-indicators > * {
            width: 1rem;
            height: .125rem;
            border-width: .25rem
        }

        .slider-indicators-sm .slider-indicators, .slider-indicators-sm.slider-indicators {
            display: flex
        }
    }

    @media (max-width:48rem) {
        .slider-item-show6 .slider-container {
            grid-auto-columns: calc(50% - (var(--swiffy-slider-item-gap)/ 2))
        }

        .slider-item-show6.slider-item-reveal .slider-container {
            grid-auto-columns: calc(50% - (var(--swiffy-slider-item-gap)/ 2) - 1.5rem)
        }
    }

    @media (hover:none) {
        .swiffy-slider.slider-nav-touch .slider-nav {
            visibility: visible
        }

        .swiffy-slider:not(.slider-nav-touch).slider-nav-outside .slider-container, .swiffy-slider:not(.slider-nav-touch).slider-nav-outside-expand .slider-container {
            margin: 0 0
        }

        .slider-item-nosnap-touch {
            --swiffy-slider-snap-align: unset
        }
    }

    .readonly1 {
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        -o-user-select: none;
        user-select: none;
        pointer-events: none;
    }

    .dis {
        pointer-events: none
    }

    .middle {
        position: relative;
    }

    #checkmarkCheck {
        opacity: 0 !important;
        pointer-events: none;
        position: absolute !important;
        left: 8px;
        top: 8px;
        width: 18px;
        height: 18px;
        margin: 0;
    }