/*eeee***************/
/********************/
/*Main Website Below*/
/********************/
/********************/

.col-20percent, .col-30percent, .col-lg-5-column, col-lg-3-1920, col-lg-6-1920, .col-1-always, .header-menu-item-left, .header-menu-item-right, .col-3-header-menu {
    position: relative;
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
}

.col-header-menu {
    position: relative;
    width: 50%;
    padding-right: 15px;
    padding-left: 15px;
}

.col-header-menu-middle {
    display: none;
}

.col-header-menu-right {
    position: relative;
    width: 50%;
    padding-right: 15px;
    padding-left: 15px;
}

.header-menu-item-left {
    -ms-flex: 0 0 33px;
    flex: 0 0 33px;
    max-width: 33px;
    font-size: 1.5rem;
}

.header-menu-item-left-icon {
    position: relative;
    right: 15px;
}

.header-menu-item-left-small {
    -ms-flex: 0 0 32px;
    flex: 0 0 32px;
    max-width: 32px;
}

.header-menu-item-left-tiny {
    display: inline-block;
    -ms-flex: 0 0 1px;
    flex: 0 0 1px;
    max-width: 1px;
}

.header-menu-item-right {
    -ms-flex: 0 0 256px;
    flex: 0 0 1px;
    max-width: 1px;
}

.header-menu-item-right-small {
    -ms-flex: 0 0 200px;
    flex: 0 0 200px;
    max-width: 200px;
    white-space: nowrap;
    font-size: 1rem;
    position: relative;
    left: 13px;
}

.header-menu-item-right-even-smaller {
    display: inline-block;
    -ms-flex: 0 0 164px;
    flex: 0 0 164px;
    max-width: 164px;
    padding-right: 0px;
}

.header-menu-item-right-subtext {
    font-weight: 400;
    opacity: 0.7;
}

.col-20percent {
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%;
}

.col-30percent {
    -ms-flex: 0 0 30%;
    flex: 0 0 30%;
    max-width: 30%;
}

@media (min-width: 1900px) {
    .col-lg-3-1920 {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
    }

    .col-lg-6-1920 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }
}

.navbar-opcs {
    margin-top: -8px;
    width: 100%;
    margin: 0 auto;
}

    .navbar-opcs .navbar-brand {
        color: #fff;
    }

        .navbar-opcs .navbar-brand:hover, .navbar-opcs .navbar-brand:focus {
            color: #fff;
        }

    .navbar-opcs .navbar-nav .nav-link {
    }

        .navbar-opcs .navbar-nav .nav-link:hover, .navbar-opcs .navbar-nav .nav-link:focus {
        }

        .navbar-opcs .navbar-nav .nav-link.disabled {
        }

        .navbar-opcs .navbar-nav .show > .nav-link,
        .navbar-opcs .navbar-nav .active > .nav-link,
        .navbar-opcs .navbar-nav .nav-link.show,
        .navbar-opcs .navbar-nav .nav-link.active {
            color: #fff;
        }

    .navbar-opcs .navbar-toggler {
        color: rgba(255, 255, 255, 0.5);
        border-color: rgba(255, 255, 255, 0.1);
    }

    .navbar-opcs .navbar-toggler-icon {
        background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='rgba(255, 255, 255, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
    }

    .navbar-opcs .navbar-text {
        color: rgba(255, 255, 255, 0.5);
    }

        .navbar-opcs .navbar-text a {
            color: #fff;
        }

            .navbar-opcs .navbar-text a:hover, .navbar-opcs .navbar-text a:focus {
                color: #fff;
            }

.navbar > .header-container {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

@media (max-width: 575.98px) {
    .navbar-expand-sm > .header-container {
        padding-right: 0;
        padding-left: 0;
    }
}

@media (min-width: 576px) {
    .navbar-expand-sm > .header-container {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    }
}

@media (max-width: 767.98px) {
    .navbar-expand-md > .header-container {
        padding-right: 0;
        padding-left: 0;
    }
}

@media (min-width: 768px) {
    .navbar-expand-md > .header-container {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    }
}

@media (max-width: 991.98px) {
    .navbar-expand-lg > .header-container {
        padding-right: 0;
        padding-left: 0;
    }
}

@media (min-width: 100px) {
    .navbar-expand-lg > .header-container {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    }
}

@media (max-width: 1199.98px) {
    .navbar-expand-xl > .header-container {
        padding-right: 0;
        padding-left: 0;
    }
}

@media (min-width: 1200px) {
    .navbar-expand-xl > .header-container {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    }
}

.navbar-expand > .header-container {
    padding-right: 0;
    padding-left: 0;
}

.navbar-expand > .header-container {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
}

@media print {
    .header-container {
        min-width: 992px !important;
    }
}

.header-container {
    width: 100%;
    padding-right: 30px;
    padding-left: 30px;
    padding-top: 30px;
    margin-right: auto;
    margin-left: auto;
}

@media (min-width: 1920px) {
    .header-container {
        width: 75%;
    }
}

.nav-link-opcs {
    color: #f5f6f6;
    font-weight: 700;
    position: relative;
    top: 2px;
}

.faq-card {
    margin-bottom: -12px;
}

.faq-card-header {
    background: #f5f6f6;
    border: none;
}

.faq-card-header-inner {
    border-bottom: 1px solid #d6d6d6;
}

.faq-card-header-outer-arrow {
    color: #fb930b;
    width: 55px;
    height: 49px;
    font-weight: 100;
    font-size: 1.5rem;
    margin-top: 0px;
    margin-bottom: 13px;
    position: relative;
    left: 0px;
    top: 10px;
}

.faq-card-body {
    border-bottom: 1px solid #d6d6d6;
    margin-left: 0px;
    margin-right: 0px;
    position: relative;
    top: -30px;
}

.no-border {
    border: none !important;
}

.small-red-circle-2 {
    border-radius: 50%;
    width: 22px;
    height: 20px;
    padding: 0px;
    border: 2px solid #ff7f7f;
    text-align: center;
    font-size: 0.9rem;
    font-weight: 700;
    color: #f5f6f6;
    position: relative;
    top: -5px;
    z-index: 5;
    background: #32a88c;
    border-color: #32a88c;
    left: 17px;
}

.transparent-circle-item {
    margin-top: 3px;
    margin-bottom: 5px;
}

.transparent-circle-item-margin-type-2 {
    margin-top: 24px;
}

.inner-circle-type-2 {
    position: relative;
    top: -3px;
}

.blue-circle-small-2 {
    border-radius: 50%;
    width: 30px;
    height: 30px;
    padding: 1px 0px 0px 0px;
    border: 2px solid #2A6A9B;
    text-align: center;
    font-size: 1.1rem;
    font-weight: 500;
    color: #f5f6f6;
    background: #2A6A9B;
    display: inline-block;
}

.blue-circle-small-2-inner {
    position: relative;
    top: -1px;
}

.transparent-circle-heading-smaller-font {
    font-size: 1.2rem !important;
}

.sub-menu-item:hover {
    text-decoration: none;
    cursor: pointer;
}

.page-area-white {
    background: #ffffff;
    background-size: cover;
    width: 100%;
}

.page-area-grey {
    background-size: cover;
    background: #F5F6F6;
    width: 100%;
}

.title-heading {
    padding-bottom: 8px;
}

.card-area-heading {
    padding-bottom: 40px;
}

.grey-container-padding {
    padding-top: 98px;
    padding-bottom: 101px;
}

.white-container-margin {
    margin-bottom: 0px;
}

.header-middle-area {
    display: none;
}

.header-right-area {
    display: none;
}

.small-text-area-heading {
    padding: 10px 0px 10px 0px;
}

.faq-question-left {
    width: calc(100% - 64px);
    padding-left: 95px;
}

.faq-question-right {
    width: 64px;
}

.warning-box-inner {
    padding: 15px 15px 15px 15px;
}

.container-padding {
    padding-top: 20px;
    padding-bottom: 30px;
}

.container-padding-extra {
    padding-top: 34px;
    padding-bottom: 27px;
}

.customer-hub-control-inner {
    display: table;
    margin: 0px 0px 0px 0px;
    position: relative;
    left: 19px;
}

.container {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}

@media (min-width: 768px) {
    .warning-box-inner {
        max-width: 299px;
    }

    .col-header-menu {
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%;
    }

    .col-header-menu-middle {
        -ms-flex: 0 0 56.666666%;
        flex: 0 0 56.666666%;
        max-width: 56.666666%;
        display: block;
    }

    .col-header-menu-right {
        -ms-flex: 0 0 10%;
        flex: 0 0 10%;
        max-width: 10%;
    }

    .header-middle-area {
        display: table;
        margin: 0 auto;
        position: relative;
        top: 16px;
        left: -5px;
    }

    .header-right-area {
        display: table;
        margin-left: auto;
        position: relative;
        top: 15px;
    }
}

@media (min-width: 1024px) {
    .col-header-menu {
        -ms-flex: 0 0 29%;
        flex: 0 0 29%;
        max-width: 29%;
    }

    .col-header-menu-middle {
        -ms-flex: 0 0 48.999999%;
        flex: 0 0 48.999999%;
        max-width: 48.999999%;
        display: block;
    }

    .col-header-menu-right {
        -ms-flex: 0 0 22%;
        flex: 0 0 22%;
        max-width: 22%;
    }

    .small-text-area-heading {
        padding: 10px 0px 10px 0px;
    }

    .container-padding {
        padding-top: 90px;
        padding-bottom: 90px;
    }

    .container-padding-extra {
        padding-top: 90px;
        padding-bottom: 90px;
    }

    .customer-hub-control-inner {
        display: table;
        margin: 0 auto;
        position: relative;
        left: 19px;
    }

    .container {
        max-width: 1000px;
        padding-right: 15px;
        padding-left: 15px;
        margin-right: auto;
        margin-left: auto;
    }
}

@media (min-width: 1600px) {
    .header-middle-area {
        display: table;
        margin: 0 auto;
        position: relative;
        top: 16px;
    }

    .container {
        width: 100%;
        padding-right: 15px;
        padding-left: 15px;
        margin-right: auto;
        margin-left: auto;
        max-width: 1140px;
    }

    .grey-container-padding {
        padding-top: 90px;
        padding-bottom: 90px;
    }

    .white-container-margin {
        margin-bottom: 26px;
    }
}

.close-menu {
    position: relative;
    top: -20px;
    left: 498px;
    color: #d3d3d3;
    margin-top: -47px;
}

.close-menu-2 {
    float: right;
    position: relative;
    top: -25px;
    left: 5px;
    color: #d3d3d3;
}

.close-menu-4 {
    float: right;
    position: relative;
    top: -30px;
    left: 13px;
    color: #d3d3d3;
}

@media (min-width: 1400px) {
    .small-text-area-heading {
        padding: 10px 0px 10px 0px;
    }
}

.block-of-cards, .block-of-cards-2-cards {
    margin: 0 auto;
    width: 100vw;
    max-width: 1410px;
    border-radius: 0px;
}

.block-of-cards-5-cards {
    margin: 0 auto;
    width: 100vw;
    max-width: 1700px;
    border-radius: 0px;
}

@media (min-width: 1580px) {
    .block-of-cards-2-cards {
        width: 58%;
    }
}

.card-block-max-width {
    max-width: 350px;
}

.card-block-included-not-included-title-cell {
    padding-left: 30px;
    font-weight: 400;
    font-size: 1rem;
    text-align: right;
    border-right: 1px solid #e6e7eb;
    color: #f5f6f6;
    background: #3b5684;
    -ms-flex: 0 0 calc(25% - 29px);
    flex: 0 0 calc(25% - 29px);
    max-width: calc(25% - 29px);
}

@media (min-width: 800px) {
    .card-block-included-not-included-title-cell {
        padding-left: 30px;
        font-weight: 400;
        font-size: 1rem;
        text-align: right;
        border-right: 1px solid #e6e7eb;
        color: #f5f6f6;
        background: #3b5684;
        -ms-flex: 0 0 calc(25% - 29px);
        flex: 0 0 calc(25% - 29px);
        max-width: calc(25% - 29px);
    }
}

@media (min-width: 900px) {
    .card-block-included-not-included-title-cell {
        padding-left: 30px;
        font-weight: 400;
        font-size: 1rem;
        text-align: right;
        border-right: 1px solid #e6e7eb;
        color: #f5f6f6;
        background: #3b5684;
        -ms-flex: 0 0 calc(25% - 35px);
        flex: 0 0 calc(25% - 35px);
        max-width: calc(25% - 35px);
    }
}

@media (min-width: 1000px) {
    .card-block-included-not-included-title-cell {
        padding-left: 30px;
        font-weight: 400;
        font-size: 1rem;
        text-align: right;
        border-right: 1px solid #e6e7eb;
        color: #f5f6f6;
        background: #3b5684;
        -ms-flex: 0 0 calc(20% - 20px);
        flex: 0 0 calc(20% - 20px);
        max-width: calc(20% - 20px);
    }
}

@media (min-width: 1100px) {
    .card-block-included-not-included-title-cell {
        padding-left: 30px;
        font-weight: 400;
        font-size: 1rem;
        text-align: right;
        border-right: 1px solid #e6e7eb;
        color: #f5f6f6;
        background: #3b5684;
        -ms-flex: 0 0 calc(20% - 20px);
        flex: 0 0 calc(20% - 20px);
        max-width: calc(20% - 20px);
    }
}

@media (min-width: 1200px) {
    .card-block-included-not-included-title-cell {
        padding-left: 30px;
        font-weight: 400;
        font-size: 1rem;
        text-align: right;
        border-right: 1px solid #e6e7eb;
        color: #f5f6f6;
        background: #3b5684;
        -ms-flex: 0 0 calc(20% - 20px);
        flex: 0 0 calc(20% - 20px);
        max-width: calc(20% - 20px);
    }
}

@media (min-width: 1300px) {
    .card-block-included-not-included-title-cell {
        padding-left: 30px;
        font-weight: 400;
        font-size: 1rem;
        text-align: right;
        border-right: 1px solid #e6e7eb;
        color: #f5f6f6;
        background: #3b5684;
        -ms-flex: 0 0 calc(20% - 20px);
        flex: 0 0 calc(20% - 20px);
        max-width: calc(20% - 20px);
    }
}

@media (min-width: 1400px) {
    .card-block-included-not-included-title-cell {
        padding-left: 30px;
        font-weight: 400;
        font-size: 1rem;
        text-align: right;
        border-right: 1px solid #e6e7eb;
        color: #f5f6f6;
        background: #3b5684;
        -ms-flex: 0 0 calc(20% - 20px);
        flex: 0 0 calc(20% - 20px);
        max-width: calc(20% - 20px);
    }
}

@media (min-width: 1500px) {
    .card-block-included-not-included-title-cell {
        padding-left: 30px;
        font-weight: 400;
        font-size: 1rem;
        text-align: right;
        border-right: 1px solid #e6e7eb;
        color: #f5f6f6;
        background: #3b5684;
        -ms-flex: 0 0 calc(20% - 20px);
        flex: 0 0 calc(20% - 20px);
        max-width: calc(20% - 20px);
    }
}

@media (min-width: 1566px) {
    .card-block-included-not-included-title-cell {
        padding-left: 30px;
        font-weight: 400;
        font-size: 1rem;
        text-align: right;
        border-right: 1px solid #e6e7eb;
        color: #f5f6f6;
        background: #3b5684;
        -ms-flex: 0 0 calc(20% - 20px);
        flex: 0 0 calc(20% - 20px);
        max-width: calc(20% - 20px);
    }
}

@media (min-width: 1600px) {
    .card-block-included-not-included-title-cell {
        padding-left: 30px;
        font-weight: 400;
        font-size: 1.2rem;
        text-align: right;
        border-right: 1px solid #e6e7eb;
        color: #f5f6f6;
        background: #3b5684;
        -ms-flex: 0 0 calc(22% - 20px);
        flex: 0 0 calc(22% - 20px);
        max-width: calc(22% - 20px);
    }
}

.card-block-included-not-included-cell {
    padding-top: 15px;
    padding-bottom: 15px;
    background: #ffffff;
}

.card-block-included-not-included-tick-cross-cell {
    text-align: center;
    font-size: 2rem;
}

.card-block-included-not-included-not-bottom-cell {
    border-bottom: 1px solid #e6e7eb;
}

.card-block-included-not-included-middle-cell {
    border-right: 1px solid #e6e7eb;
}

.what-we-offer-row, .what-we-offer-row-about {
    padding: 25px 25px 25px 25px;
}

.card-block-title-width {
    -ms-flex: 0 0 calc(20% + 0px);
    flex: 0 0 calc(20% + 0px);
    max-width: calc(20% + 0px);
}

@media (min-width: 992px) {
    .card-block-title-width {
        -ms-flex: 0 0 calc(20% + 15px);
        flex: 0 0 calc(20% + 15px);
        max-width: calc(20% + 15px);
    }
}

@media (min-width: 1100px) {
    .card-block-title-width {
        -ms-flex: 0 0 calc(20% + 15px);
        flex: 0 0 calc(20% + 15px);
        max-width: calc(20% + 15px);
    }
}

@media (min-width: 1200px) {
    .what-we-offer-row, .what-we-offer-row-about {
        padding: 30px 25px 30px 25px;
    }

    .card-block-title-width {
        -ms-flex: 0 0 calc(20% + 15px);
        flex: 0 0 calc(20% + 15px);
        max-width: calc(20% + 15px);
    }
}

@media (min-width: 1300px) {
    .what-we-offer-row, .what-we-offer-row-about {
        padding: 40px 50px 40px 50px;
    }

    .card-block-title-width {
        -ms-flex: 0 0 calc(20% + 0px);
        flex: 0 0 calc(20% + 0px);
        max-width: calc(20% + 0px);
    }
}

@media (min-width: 1400px) {
    .what-we-offer-row, .what-we-offer-row-about {
        padding: 50px 100px 50px 100px;
    }

    .card-block-title-width {
        -ms-flex: 0 0 calc(20% - 12px);
        flex: 0 0 calc(20% - 12px);
        max-width: calc(20% - 12px);
    }
}

@media (min-width: 1500px) {
    .what-we-offer-row {
        padding: 60px 200px 60px 200px;
    }

    .what-we-offer-row-about {
        padding: 110px 200px 17px 200px;
    }

    .card-block-title-width {
        -ms-flex: 0 0 calc(22% - 12px);
        flex: 0 0 calc(22% - 12px);
        max-width: calc(22% - 12px);
    }
}

.label-in-text-box {
    font-size: 12px;
    font-family: sans-serif;
    background-color: #fff;
    padding: 0 3px;
    display: inline-block;
    position: absolute;
    left: 24px;
    top: -8px;
    opacity: 0.7;
}

.header-outer {
    max-width: 1920px;
    margin: 0 auto;
}

.full-page-banner-area-central-quick-connect {
    text-align: center;
    color: #f5f6f6;
    max-width: 100%;
    position: relative;
    width: 100%;
    padding: 0px;
    margin: 0px;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
}

.full-page-banner-area-subheading-area-quick-connect {
    text-justify: inter-word;
    font-size: 1.3rem;
    margin: 0 auto;
    margin-top: 25px;
    padding: 0px;
    text-align: center;
    max-width: 800px;
}

.quick-connect-above-label {
    width: 70%;
    text-align: left;
    font-size: 0.8rem;
    margin: 0 auto;
    position: relative;
    left: 39px;
    top: 4px;
    color: #90c9f9;
    text-shadow: 0px 1px #000000;
}

.quick-connect-above-label-icon {
    font-size: 1.1rem;
    position: relative;
    top: 2px;
}

.card-block-price {
    font-weight: 700;
}

.text-link-button {
    color: inherit;
    text-decoration: none;
}

    .text-link-button:hover {
        color: inherit;
        text-decoration: none;
    }

.link-button-text {
    color: #333333;
}

.header-row-width {
    width: 100%;
}

.header-hover-menu-heading {
    padding: 0.5rem 1.2rem 5px calc(1rem + 25px);
    cursor: pointer;
    font-size: 1.2rem;
    font-weight: 800;
    margin-top: 1px;
}

.header-hover-menu-heading-about-us {
    position: relative;
    top: -8px;
    padding-top: 18px;
    margin-bottom: 5px;
}

.header-hover-menu-heading-2 {
    padding: 1.2rem 1.2rem 0rem calc(1.2rem + 12px);
}

.header-hover-menu-heading-with-image {
    padding: 0.5rem 1.2rem 0rem calc(1rem + 25px);
    position: relative;
    top: -11px;
    left: -16px;
    font-size: 1.2rem;
    font-weight: 800;
}

.header-hover-menu-heading-link {
    color: inherit;
    padding: 0px;
    margin: 0px;
}

    .header-hover-menu-heading-link:hover {
        color: inherit;
    }

.sub-menu-item-outer-top {
    padding: 0.5rem 0rem 0.5rem calc(1rem + 25px);
    font-weight: 100;
    margin-top: -24px;
}

.sub-menu-item-outer, .sub-menu-item-outer-no-hover {
    padding: 0.5rem 0rem 0.5rem calc(1rem + 25px);
    font-weight: 100;
}

.sub-menu-item-outer-bottom {
    padding: 0.5rem 0rem 0.5rem calc(1rem + 25px);
    font-weight: 100;
}

    .sub-menu-item-outer-top:hover, .sub-menu-item-outer:hover, .sub-menu-item-outer-bottom:hover {
        background: #dcdddd;
    }

.sub-menu-item-link {
    color: inherit;
    text-decoration: none;
}

    .sub-menu-item-link:hover {
        color: inherit;
        text-decoration: none;
    }

.sub-menu-item-link-position {
    position: relative;
    left: 15px;
}

.sub-menu-item-link-inner-3 {
    padding: 0rem 0rem 0rem 12px;
    font-weight: 600;
}

.header-menu-right {
    position: relative;
    left: 15px;
}

.header-menu-right-item {
    padding-left: 0.25rem;
    padding-right: 0.25rem;
}

.header-menu-item-icon-outer {
    position: relative;
    top: -3px;
    left: 0px;
}

.user-circle-icon {
    font-size: 1.4rem;
}

.dropdown-content-2 {
    padding-top: 0px;
    width: 675px;
}

.dropdown-content-3 {
    padding-top: 32px;
    width: 333px;
}

.header-menu-right-sub-menu-row {
    padding: 30px 30px 50px 30px;
    background: #ffffff;
}

.transparent-circle-text {
    min-height: 40px;
    position: relative;
    left: 20px;
}

.transparent-circle-border-2 {
    border-left: 4px solid #E8E9E9;
    position: relative;
    left: 13px;
}

.transparent-circle-text-inner {
    position: relative;
    left: 31px;
    top: -2px;
    width: 290px;
    font-size: 0.9rem;
}

.transparent-circle-text-inner-no-border {
    left: 28px;
}

.sub-menu-item-list-outer {
    font-size: 0.9rem;
    padding-left: 0px;
    padding-bottom: 10px;
    padding-top: 10px;
    width: 305px;
    white-space: normal;
}

.sub-menu-item-list-outer-padding {
    padding-left: 10px;
}

.dropdown-content-3-row {
    padding: 0px 0px 50px 45px;
}

.dropdown-content-3-col-12 {
    padding-bottom: 40px;
}

.dropdown-item-type-2-outer {
    width: 357px;
    position: relative;
    left: -30px;
    padding-top: 20px;
    padding-bottom: 33px;
    padding-left: 14px;
}

.sub-menu-item-signed-in {
    padding: 0rem 0rem 0rem 27px;
    font-weight: 600;
}

.footer-heading {
    font-weight: 700 !important;
    text-transform: uppercase;
    font-size: 1rem !important;
    color: #f5f6f6 !important;
}

    .footer-heading:hover {
        font-weight: 700 !important;
        text-transform: uppercase;
        font-size: 1rem !important;
        color: #f5f6f6 !important;
    }

.basket-icon {
    position: relative;
    top: -20px;
    left: 5px;
    font-size: 1.4rem;
}

.sub-menu-sign-out-not-organisation-type {
    padding: 0rem 0rem 0rem 24px;
    font-weight: 600;
    color: #333333;
    position: relative;
    left: 3px;
}

.card-block-line-border-middle {
    padding-right: 0px;
}

.business-menu {
    width: 600px;
    position: relative;
    padding: 25px 0px 25px 0px;
    border: 1px solid #23334f;
    background-color: #ffffff;
}

.education-menu {
    width: 600px;
    position: relative;
    padding: 25px 0px 25px 0px;
    border: 1px solid #23334f;
    background-color: #ffffff;
}

.residential-menu {
    width: 600px;
    position: relative;
    padding: 25px 0px 25px 0px;
    border: 1px solid #23334f;
    background-color: #ffffff;
}

.full-page-banner-area-row {
    padding-top: 5px;
    padding-left: 2%;
    padding-right: 2%;
    padding-bottom: 1vh;
}

.card-block-left {
    background: #ffffff;
    border: none;
}

.card-block-inner-padding {
    padding: 40px 0px 40px 25px;
}

.card-block-per {
    display: inline-block;
}

.card-block-middle {
    background: #ffffff;
    border: none;
}

.card-block-middle-right {
    background: #ffffff;
    border: none;
    border-radius: 0px;
}

.final-card-block {
    display: initial;
}

.link-button-text-icon {
    display: none !important;
}

.support-plan-home-sub-heading-justified {
    text-align: justify;
    margin: 0 auto;
    font-size: 0.8rem;
    max-width: 690px;
}

@media (min-width: 1024px) {
    .support-plan-home-sub-heading-justified {
        font-size: 1rem;
        max-width: 900px;
    }
}

@media (min-width: 1680px) {
    .support-plan-home-sub-heading-justified {
        max-width: 1400px;
    }
}

.link-button-text-icon-card {
    font-size: 1.2rem;
}

@media (min-width: 1024px) {
    .link-button-text-icon-card {
        display: none !important;
    }
}

@media (min-width: 1367px) {
    .card-block-inner-padding-middle-left {
        position: relative;
        left: -12px;
    }

    .link-button-text-icon-card {
        display: initial;
    }

    .link-button-text-icon {
        font-size: 1.3rem;
        position: relative;
        top: 1px;
        display: initial !important;
    }
}

.support-center-outer-2 {
    width: 1000px;
    margin-left: -250px;
}

.support-center-outer-3 {
    width: 722px;
    margin-left: -111px;
}

.how-to-get-started-inner {
    display: table;
    margin: 0 auto;
}

.how-to-get-started-inner-main {
    margin-top: -18px;
}

.how-to-get-started-inner-main-2 {
    margin-top: 59px;
}

.customer-hub-control-login-and-sign-up-2 {
    border-left: none;
    margin-top: -9px;
    position: relative;
    left: -48px;
}

.customer-hub-control-login-and-sign-up-3 {
    border-left: none;
    margin-top: -9px;
    position: relative;
    left: -85px;
}

.customer-hub-control-login-and-sign-up-4 {
    border-left: none;
    margin-top: -9px;
    position: relative;
    left: -8px;
}

.customer-hub-control-heading-2 {
    margin-left: 0px;
}

.customer-hub-control-heading-3 {
    text-align: center;
}

.customer-hub-control-signed-in-subheading {
    padding-top: 5px;
}

.customer-hub-control-subtext {
    font-size: 0.9rem;
    padding-left: 0px;
    padding-bottom: 0px;
    padding-top: 10px;
    width: 335px;
    white-space: normal;
    position: relative;
    left: -30px;
    margin-bottom: -10px;
}

.customer-hub-control-subtext-2 {
    font-size: 0.9rem;
    padding-left: 0px;
    padding-bottom: 0px;
    padding-top: 10px;
    width: 335px;
    white-space: normal;
    position: relative;
    left: -25px;
    margin-bottom: -10px;
}

.sub-menu-item-2 {
    padding: 1.2rem 0.5rem 0.3rem 0.6rem;
    font-weight: 600;
}

.sub-menu-item-3 {
    padding: 1.2rem 0.5rem 1.5rem 0.6rem;
    font-weight: 600;
}

.customer-hub-control-sign-in-email {
    padding: 1.2rem 1.2rem 0.3rem 1.2rem;
    margin-top: 26px;
}

.customer-hub-control-sign-in-email-2 {
    padding: 1.2rem 1.2rem 0.3rem 1.2rem;
    margin-top: 20px;
}

.list-group-item-no-left-padding {
    padding-left: 0px;
}

.customer-hub-control-field-padding-2 {
    padding: 0rem 1.2rem 1.2rem 1.2rem;
}

.customer-hub-control-field-padding-3 {
    padding: 0rem 1.2rem 0.3rem 4px;
}

.circle-opacity {
    opacity: 0.5;
}

.customer-hub-control-home-right-modal-inner-2 {
    display: table;
    margin-right: auto;
    position: relative;
    left: 29px;
    top: -45px;
}

.customer-hub-control-sign-in-up-field {
    padding: 1.2rem 1.2rem 0.3rem 1.2rem;
    margin-top: 17px;
}

.customer-hub-control-field-margin-top {
    margin-top: 26px;
}

.customer-hub-control-field-margin-top-2 {
    margin-top: 1px;
}

.customer-hub-control-field-margin-top-3 {
    margin-top: -13px;
}

.customer-hub-control-field-2 {
    padding: 1.2rem 1.2rem 1.2rem 1.2rem;
    margin-top: 17px;
    margin-bottom: -20px;
}

.customer-hub-control-field-3 {
    padding: 1.2rem 1.2rem 1.2rem 1.2rem;
}

.customer-hub-control-field-radio-button {
    padding: 1.2rem;
    margin-bottom: -7px;
    margin-top: -1px;
}

.list-group-item-span {
    font-size: 1rem;
}

.customer-hub-control-field-personal-details {
    margin-top: -1px;
}

.customer-hub-control-field-margin-bottom {
    margin-bottom: 9px;
}

.customer-hub-control-field-otp {
    padding: 0rem 1.2rem 0rem 1.2rem;
    margin-top: 11px;
}

.customer-hub-control-otp-heading {
    font-size: 0.93rem;
}

.customer-hub-control-field-otp-text-box-area {
    padding: 1.2rem 1.2rem 1.2rem 1.2rem;
    margin-bottom: -20px;
    margin-top: 10px;
}

.center-element {
    margin: 0 auto;
    display: table;
}

.center-element-2 {
    margin: 0 auto;
}

.how-to-get-started-2 {
    width: 50%;
    background: #f2f5f7;
    max-width: 450px;
    padding-top: 20px;
    padding-bottom: 20px;
}

.support-center-sign-up-page-number-area {
    margin-top: -20px;
}

.customer-hub-control-otp-sign-in-page {
    border-left: none;
    margin-top: 0px;
    margin: 0 auto;
}

.customer-hub-control-enter-otp-sign-in-page-inner-background-and-border {
    background: #ffffff;
    border: 1px solid #e7e7e7;
    -webkit-box-shadow: 0 0 5px #e5e5e5;
    box-shadow: 0 0 5px #e5e5e5;
}

.customer-hub-control-enter-otp-sign-in-page-inner-background-and-border-2 {
    background: #ffffff;
}

.customer-hub-control-enter-otp-sign-in-page-inner-2 {
    padding: 58px 58px 56px 48px;
    width: 486px;
}

.customer-hub-control-enter-otp-sign-in-page-inner-text-inner {
    margin-top: 15px;
}

.customer-hub-control-enter-otp-sign-in-page-inner-field {
    padding: 1.2rem 1.2rem 0.3rem 1.2rem;
    margin-top: 16px;
}

.customer-hub-control-inner-padding-top {
    padding-top: 40px;
}

.customer-hub-control-sign-in-up-main-area-padding {
    padding-bottom: 37px;
}

.customer-hub-control-bigger-min-height {
    min-height: 700px;
}

.sub-menu-item-sign-out {
    padding: 0rem 0.5rem 0.3rem 0.6rem;
    font-weight: 600;
    color: #333333;
    margin-bottom: 30px;
}

.customer-hub-control-terms-and-conditions-page-page-only-version {
    background: #ffffff;
    border-radius: 5px;
}

.container-padding-2 {
    padding-top: 10px;
    padding-bottom: 32px;
}

.small-text-area-icon {
    min-height: 80px;
    color: #3b5684;
    opacity: 1;
}

.orange-star-area {
    color: #fb7900;
    font-size: 3rem;
}

.typicals-image-area {
    width: 16.666667%;
    text-align: center;
}

.subtext-two-column-area {
    margin-top: 25px;
    opacity: 0.95;
    text-align: justify;
}

.what-we-offer-type-1-area {
    background: #f5f6f6;
    max-width: calc(100vw - 15px);
}

.what-we-offer-type-2-area {
    background: #ecedee;
    max-width: calc(100vw - 15px);
}

.what-we-offer-outer {
    width: 975px;
    margin: 0 auto;
    text-align: justify;
    margin-bottom: 99px;
    padding-bottom: 41px;
}

@media (min-width: 1367px) {
    .what-we-offer-outer {
        width: 1300px;
    }
}

@media (min-width: 1441px) {
    .what-we-offer-outer {
        width: 1400px;
    }
}

@media (min-width: 1681px) {
    .what-we-offer-outer {
        margin-bottom: 0px;
        padding-bottom: 0px;
    }
}

.modal-notification-area {
    padding: 15px 0px 15px 0px;
}

@media (min-width: 1025px) {
    .customer-hub-control-login-and-sign-up-3 {
        left: calc(-52px + 3vw);
    }
}

@media (min-width: 1681px) {
    .customer-hub-control-login-and-sign-up-3 {
        left: 21px;
    }
}

.blue-circle {
    border-radius: 50%;
    width: 32px;
    height: 32px;
    padding: 1px 0px 0px 0px;
    border: 2px solid #2A6A9B;
    text-align: center;
    font-size: 1.2rem;
    font-weight: 500;
    color: #f5f6f6;
    background: #2A6A9B;
    display: inline-block;
}

.green-circle {
    border-radius: 50%;
    width: 32px;
    height: 32px;
    padding: 1px 0px 0px 0px;
    border: 2px solid #69bd45;
    text-align: center;
    font-size: 1.2rem;
    font-weight: 500;
    color: #f5f6f6;
    background: #69bd45;
    display: inline-block;
}

.circle-heading-border {
    border-left: 3px solid #E8E9E9;
    min-height: 32px;
    position: relative;
    left: 16px;
}

.circle-heading-no-border {
    min-height: 32px;
    position: relative;
    left: 16px;
}

.circle-heading-text {
    position: relative;
    left: 31px;
    top: -2px;
    width: 290px;
    font-size: 0.8rem;
}

.circle-heading-no-border-text {
    position: relative;
    left: 35px;
    top: -2px;
    width: 290px;
    font-size: 0.8rem;
}

.customer-hub-control-registration-text {
    font-size: 0.8rem;
}

.customer-hub-control-radio-button-text {
    position: relative;
    top: 0px;
    font-size: 0.8rem;
}

.checkmark {
    position: absolute;
    top: 5px;
    left: 0;
    height: 20px;
    width: 20px;
    background-color: #d6d6d6;
    border-radius: 50%;
}

.label-container:hover input ~ .checkmark {
    background-color: #ccc;
}

.label-container input:checked ~ .checkmark {
    background-color: #2196F3;
}

.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

.label-container input:checked ~ .checkmark:after {
    display: block;
}

.label-container .checkmark:after {
    top: 7px;
    left: 7px;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: white;
}

.label-container {
    display: block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 18px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

    .label-container input {
        position: absolute;
        opacity: 0;
        cursor: pointer;
    }

.link-button-in-text-box {
    position: relative;
    top: -27px;
    left: 233px;
    width: 56px;
    font-size: 0.8rem;
}

.transparent-circle-heading-left {
    left: 17px !important;
}

.customer-hub-control-signed-in-user {
    font-size: 1rem;
}

@media (min-width: 1024px) {
    .link-button-in-text-box {
        left: 290px;
    }
}

@media (min-width: 1367px) {
    .circle-heading-no-border {
        min-height: 40px;
    }

    .circle-heading-text {
        font-size: 1rem;
    }

    .circle-heading-no-border-text {
        font-size: 1rem;
    }

    .customer-hub-control-registration-text {
        font-size: 1rem;
    }

    .customer-hub-control-radio-button-text {
        font-size: 1rem;
    }

    .checkmark {
        height: 25px;
        width: 25px;
    }

    .label-container .checkmark:after {
        top: 9px;
        left: 9px;
    }

    .label-container {
        font-size: 22px;
    }

    .link-button-in-text-box {
        top: -32px;
        left: 285px;
        font-size: 1rem;
    }

    .customer-hub-control-signed-in-user {
        font-size: 1.25rem;
    }
}

@media (min-width: 1024px) {
    .card-block-line-border {
        min-height: 224px;
        border-right: 1px solid #e6e7eb;
    }
}

@media (min-width: 1367px) {
    .card-block-line-border {
        min-height: 277px;
    }
}

.small-text-area-icon-inner {
    margin: 0 auto;
    height: 80px;
    width: 80px;
    text-align: center;
    background: #3b5684;
    border-radius: 10px;
}

.small-text-area-icon-icon {
    font-size: 3.2rem;
    color: #f5f6f6;
    position: relative;
    top: 10px;
}

.small-text-area-icon-icon-2 {
    font-size: 3.2rem;
    color: #f5f6f6;
    position: relative;
    top: 14px;
}

.small-text-area-icon-icon-3 {
    font-size: 3.2rem;
    color: #f5f6f6;
    position: relative;
    top: 10px;
    right: 1px;
}

.small-text-area-icon-icon-4 {
    font-size: 3.2rem;
    color: #f5f6f6;
    position: relative;
    top: 14px;
    left: 1px;
}

.small-text-area-heading-size {
    font-size: 1.4rem;
}

.why-you-need-opcs-icon-area {
    max-width: 900px;
    margin: 0 auto;
}

@media (min-width: 1367px) {
    .small-text-area-icon-inner {
        height: 100px;
        width: 100px;
    }

    .small-text-area-icon-icon {
        font-size: 4rem;
        top: 12px;
    }

    .small-text-area-icon-icon-2 {
        font-size: 4rem;
        top: 18px;
    }

    .small-text-area-icon-icon-3 {
        font-size: 4rem;
        top: 13px;
    }

    .small-text-area-icon-icon-4 {
        font-size: 4rem;
        top: 18px;
    }

    .small-text-area-heading-size {
        font-size: 1.5rem;
    }

    .why-you-need-opcs-icon-area {
        max-width: initial;
        margin: initial;
    }
}

.faq-card-header-text {
    text-align: left;
    color: #000000;
    opacity: 0.8;
    padding-top: 0px;
    padding-bottom: 38px;
    font-size: 1.2rem;
    font-weight: 500;
    position: relative;
    top: 12px;
}

.faq-card-header-inner-arrow {
    position: relative;
    top: -1px;
    right: 55px;
}

.faq-card-body-text {
    opacity: 0.8;
    text-align: left;
    font-size: 0.8rem;
    padding-left: 100px;
    padding-right: 100px;
    text-align: justify;
}

@media (min-width: 1367px) {
    .faq-card-header-text {
        font-size: 1.3rem;
        top: 18px;
        padding-bottom: 47px;
    }

    .faq-card-header-inner-arrow {
        position: relative;
        top: 9px;
    }

    .faq-card-body-text {
        font-size: 1rem;
    }
}

.paragraph-text {
    text-align: justify;
    padding-left: 25px;
    padding-right: 25px;
    font-size: 0.8rem;
}

.orange-star {
    width: 0.8em;
    height: 0.8em;
}

@media (min-width: 1367px) {
    .paragraph-text {
        font-size: 1rem;
    }

    .orange-star {
        width: 1em;
        height: 1em;
    }
}

.container-padding-4 {
    padding-top: 48px;
    padding-bottom: 45px;
}

.container-padding-6, .container-padding-7 {
    padding-top: 0px;
    padding-bottom: 45px;
    margin-top: -3px;
}

@media (min-width: 768px) {
    .container-padding-6, .container-padding-7 {
        padding-top: 79px;
        padding-bottom: 57px;
        margin-top: 0px;
    }
}

@media (min-width: 1367px) {
    .container-padding-4 {
        padding-top: 53px;
        padding-bottom: 90px;
        max-width: 1218px !important;
        margin-top: 0px;
    }

    .container-padding-6 {
        /*padding-top: 189px;*/
        padding-top: 90px;
        max-width: 1218px !important;
    }

    .container-padding-7 {
        padding-top: 55px;
        max-width: 1218px !important;
    }

    .customer-service-max-width {
        max-width: 1400px !important;
    }
}

/*qqqq*/
/*2560x1440*/
@media (min-width: 1920px) {
    .container-padding-6 {
        padding-top: 189px;
        max-width: 1218px !important;
    }

    .container-padding-7 {
        padding-top: 159px;
        max-width: 1218px !important;
    }
}

.what-we-offer-icon-left, .what-we-offer-icon-left-about {
    margin-left: auto;
    height: 140px;
    width: 140px;
    text-align: center;
    background: #3b5684;
    border-radius: 10px;
    position: relative;
    top: 68px;
    left: -30px;
    margin-bottom: 93px;
}

.what-we-offer-icon-right, .what-we-offer-icon-right-about {
    margin-right: auto;
    height: 140px;
    width: 140px;
    text-align: center;
    background: #3b5684;
    border-radius: 10px;
    position: relative;
    top: 65px;
    left: 30px;
    margin-bottom: 93px;
}

.what-we-offer-icon {
    font-size: 8rem;
    color: #f5f6f6;
    position: relative;
    top: 10px;
}

.what-we-offer-description {
    margin-top: 24px;
    font-size: 0.88rem;
    opacity: 0.8;
    line-height: 28px;
}

@media (min-width: 1024px) {
    .what-we-offer-icon-left, .what-we-offer-icon-left-about {
        height: 175px;
        width: 175px;
    }

    .what-we-offer-icon-right, .what-we-offer-icon-right-about {
        height: 175px;
        width: 175px;
    }

    .what-we-offer-icon {
        font-size: 10rem;
    }
}

@media (min-width: 1367px) {
    .what-we-offer-icon-left {
        height: 200px;
        width: 200px;
        font-size: 2.5rem;
        top: 85px;
    }

    .what-we-offer-icon-left-about {
        height: 200px;
        width: 200px;
        font-size: 2.5rem;
        top: 0px;
    }

    .what-we-offer-icon-right {
        height: 200px;
        width: 200px;
        font-size: 2.5rem;
        top: 86px;
    }

    .what-we-offer-icon-right-about {
        height: 200px;
        width: 200px;
        font-size: 2.5rem;
        top: 0px;
    }

    .what-we-offer-icon {
        top: 16px;
    }

    .what-we-offer-description {
        margin-top: 30px;
        font-size: 1.1rem;
        opacity: 0.8;
    }
}

.card-block-subtitle {
    font-weight: 500;
    padding-bottom: 10px;
    font-size: 1.2rem;
    text-align: left;
    position: relative;
    left: -15px;
    white-space: nowrap;
    display: inline-block;
}

.card-block-subtitle-final {
    font-weight: 500;
    padding-bottom: 10px;
    color: #f5f6f6;
    font-size: 1.2rem;
    text-align: left;
    position: relative;
    left: -15px;
    white-space: nowrap;
    display: inline-block;
}

.card-block-information {
    position: relative;
    left: -15px;
    width: 100%;
}

.card-block-information-final {
    position: relative;
    left: -15px;
    width: 100%;
}

.card-block-feature {
    font-size: 0.875rem;
    padding-bottom: 10px;
    font-weight: 300;
    white-space: nowrap;
    display: inline-block;
    margin-right: 15px;
}

.card-block-feature-final {
    font-size: 0.875rem;
    padding-bottom: 10px;
    font-weight: 300;
    color: #f5f6f6;
    white-space: nowrap;
    display: inline-block;
    margin-right: 15px;
}

.card-block-feature-icon {
    font-size: 0.9625rem;
    position: relative;
    top: 1px;
}

.blue-rectangle-button-card {
    background: #23334f;
    padding: 7px 26px 8px 26px;
    border: 1px solid #23334f;
    color: #f5f6f6;
    position: relative;
    top: 8px;
    font-weight: 500;
    text-align: center;
    font-size: 0.768rem;
    width: calc(100% + 1px);
    left: 15px;
    margin-left: auto;
    cursor: pointer;
}

    .blue-rectangle-button-card:hover {
        color: #f5f6f6;
        text-decoration: none;
        background: #384760;
    }

.grey-rectangle-button-card {
    background: #39424D;
    padding: 7px 26px 8px 26px;
    border: 1px solid #39424D;
    color: #f5f6f6;
    position: relative;
    top: 8px;
    font-weight: 500;
    text-align: center;
    font-size: 0.768rem;
    width: calc(100% + 1px);
    left: 15px;
    margin-left: auto;
    cursor: pointer;
}

.white-rectangle-button {
    background: #ffffff;
    padding: 7px 26px 8px 26px;
    border: 1px solid #ffffff;
    color: #333333;
    position: relative;
    top: 8px;
    font-weight: 500;
    text-align: center;
    font-size: 0.768rem;
    width: 100%;
}

    .white-rectangle-button:hover {
        background: #e5e5e5;
        color: #333333;
        text-decoration: none;
        -webkit-box-shadow: 0 0 10px #5b5b5b;
        box-shadow: 0 0 10px #5b5b5b;
    }

.white-rectangle-button-card {
    background: #ffffff;
    padding: 7px 26px 8px 26px;
    border: 1px solid #ffffff;
    color: #333333;
    position: relative;
    top: 8px;
    font-weight: 500;
    text-align: center;
    font-size: 0.768rem;
    width: calc(100% + 1px);
    margin-left: auto;
    left: -10px;
    cursor: pointer;
}

    .white-rectangle-button-card:hover {
        color: #333333;
        text-decoration: none;
        background: #e5e5e5;
    }

@media (min-width: 1024px) {
    .card-block-subtitle {
        font-size: 0.93rem;
        display: block;
        left: -15px;
        text-align: center;
    }

    .card-block-subtitle-final {
        left: 0px;
        display: block;
        text-align: center;
    }

    .card-block-information {
        margin: 0 auto;
        display: table;
        width: initial;
        padding-top: 0px;
        margin-bottom: -5px;
    }

    .card-block-information-final {
        left: 4px;
        margin: 0 auto;
        display: table;
        width: initial;
        padding-top: 0px;
        margin-bottom: -5px;
    }

    .card-block-feature {
        display: block;
        width: initial;
        margin-right: initial;
    }

    .card-block-feature-final {
        display: block;
        width: initial;
        margin-right: initial;
    }

    .blue-rectangle-button-card, .grey-rectangle-button-card {
        font-size: 0.96rem;
        margin: initial;
        width: 89%;
        left: 0px;
    }

    .white-rectangle-button {
        font-size: 0.96rem;
        margin: initial;
        width: 89%;
        left: 0px;
    }

    .white-rectangle-button-card {
        font-size: 0.96rem;
        margin: initial;
        width: 89%;
        left: initial;
    }
}

@media (min-width: 1367px) {
    .rectangle-button-card-middle {
        position: relative;
        left: -15px;
    }

    .rectangle-button-card-1 {
        /*left: -8px;*/
        left: -25px;
    }

    .rectangle-button-card-2 {
        left: -15px;
    }

    .rectangle-button-card-3 {
        left: -15px;
    }

    .card-block-subtitle {
        font-size: 1rem;
        padding-bottom: 25px;
    }

    .card-block-subtitle-final {
        color: #f5f6f6;
        left: 0px;
        top: 0px;
        padding-bottom: 25px;
    }

    .card-block-feature {
        font-size: 1rem;
    }

    .card-block-feature-final {
        font-size: 1rem;
    }

    .card-block-feature-icon {
        font-size: 1.1rem;
    }

    .blue-rectangle-button-card, .grey-rectangle-button-card {
        padding: 9px 26px 10px 26px;
        font-size: 1.2rem;
        width: 100%;
    }

    .white-rectangle-button {
        padding: 9px 26px 10px 26px;
        font-size: 1.2rem;
        width: 100%;
    }

    .white-rectangle-button-card {
        padding: 9px 26px 10px 26px;
        font-size: 1.2rem;
        width: 100%;
    }

    .card-block-information {
        margin-top: -15px;
        margin-bottom: 5px;
    }

    .card-block-information-final {
        margin-top: -15px;
        margin-bottom: 5px;
    }
}

.warning-box {
    margin-top: 30px;
    width: 285px;
    border: 1px solid #c72e2e;
    background: #fff7f7;
    border-radius: 4px;
    font-size: 0.9rem;
}

@media (min-width: 1024px) {
    .warning-box {
        margin-top: 30px;
        width: 350px;
        border: 1px solid #c72e2e;
        background: #fff7f7;
        border-radius: 4px;
        font-size: 0.9rem;
    }
}

.customer-hub-control-close {
    position: relative;
    top: 15px;
    right: 38px;
    opacity: 1;
    float: right;
    z-index: 100000;
}

@media (min-width: 1024px) {
    .customer-hub-control-close {
        right: 15px;
    }
}

.block-of-cards-features-included-not-included-title {
    color: #f5f6f6;
    background: #23334f;
    margin-left: 15px;
    -ms-flex: 0 0 calc(25% - 22px);
    flex: 0 0 calc(25% - 22px);
    max-width: calc(25% - 22px);
}

.block-of-cards-features-included-not-included-title-5-cards {
    color: #f5f6f6;
    background: #23334f;
    margin-left: 15px;
/*    -ms-flex: 0 0 calc(20% - 22px);
    flex: 0 0 calc(20% - 22px);
    max-width: calc(20% - 22px);*/
    -ms-flex: 0 0 calc(20% - 21px);
    flex: 0 0 calc(20% - 21px);
    max-width: calc(20% - 21px);
}

.block-of-cards-features-included-not-included-title-heading {
    color: #f5f6f6;
    background: #23334f;
    margin-left: 15px;
    -ms-flex: 0 0 calc(25% - 23px);
    flex: 0 0 calc(25% - 23px);
    max-width: calc(25% - 23px);
    border-bottom: 1px solid #ffffff;
}

.card-block-included-not-included-tick-cross-cell-1 {
    -ms-flex: 0 0 calc(25% - 8px);
    flex: 0 0 calc(25% - 8px);
    max-width: calc(25% - 8px);
}

.card-block-included-not-included-tick-cross-cell-1-5-cards {
/*    -ms-flex: 0 0 calc(20% - 8px);
    flex: 0 0 calc(20% - 8px);
    max-width: calc(20% - 8px);*/
    -ms-flex: 0 0 calc(20% - 6px);
    flex: 0 0 calc(20% - 6px);
    max-width: calc(20% - 6px);
}

.card-block-included-not-included-tick-cross-cell-1-heading {
    -ms-flex: 0 0 calc(25% - 7px);
    flex: 0 0 calc(25% - 7px);
    max-width: calc(25% - 7px);
}

.card-block-included-not-included-tick-cross-cell-2 {
    -ms-flex: 0 0 calc(25% + 8px);
    flex: 0 0 calc(25% + 8px);
    max-width: calc(25% + 8px);
}

.card-block-included-not-included-tick-cross-cell-2-5-cards {
    /*    -ms-flex: 0 0 calc(20% + 8px);
    flex: 0 0 calc(20% + 8px);
    max-width: calc(20% + 8px);*/
    -ms-flex: 0 0 calc(20% - 6px);
    flex: 0 0 calc(20% - 6px);
    max-width: calc(20% - 6px);
}

.card-block-included-not-included-tick-cross-cell-3 {
    -ms-flex: 0 0 calc(25% - 8px);
    flex: 0 0 calc(25% - 8px);
    max-width: calc(25% - 8px);
}

.card-block-included-not-included-tick-cross-cell-3-5-cards {
    -ms-flex: 0 0 calc(20% + 10px);
    flex: 0 0 calc(20% + 10px);
    max-width: calc(20% + 10px);
}

.card-block-included-not-included-tick-cross-cell-4-5-cards {
    -ms-flex: 0 0 calc(20% - 6px);
    flex: 0 0 calc(20% - 6px);
    max-width: calc(20% - 6px);
}

.card-block-included-not-included-cell-heading {
    text-align: center;
    font-weight: 700;
}

@media (min-width: 1024px) {
    .block-of-cards-headings {
        display: none;
    }
}

.container-padding-3 {
    padding-top: 48px;
    padding-bottom: 37px;
}

@media (min-width: 1024px) {
    .container-padding-3 {
        padding-top: 123px;
    }
}

.col-3-header-menu {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
}

@media (min-width: 1024px) {
    .small-only-display {
        display: none;
    }

    .col-3-header-menu {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }
}

.header-menu-right-sub-menu-customer-hub-control-left {
    position: relative;
    left: -14px;
}

.header-menu-right-sub-menu-customer-hub-control-left-inner {
    display: table;
    margin: 0 auto;
}

.header-menu-right-sub-menu-customer-hub-control-left-circle-headings {
    margin-top: -9px;
}

.header-menu-right-sub-menu-outer {
    padding-top: 33px;
    margin-left: 550px;
}

.header-menu-right-sub-menu-single-col {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
}

@media (min-width: 1024px) {
    .header-menu-right-sub-menu-outer {
        /*margin-left: 0px;*/
        margin-left: -113px;
    }

    .header-menu-right-sub-menu-single-col {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
        position: relative;
        left: 23px;
    }
}

.mobile-menu-item-top-close {
    color: #f5f6f6;
    background: #23334f;
    text-align: left;
    font-weight: 500;
    font-size: 1.2rem;
    padding: 10px 20px 10px 10px;
    cursor: pointer;
    height: 57px;
}

.mobile-menu-item-top-close-icon-area-back {
    float: right;
    margin-top: -29px;
    position: relative;
    top: -2px;
}

.display-none {
    display: none;
}

@media (min-width: 1024px) {
    .mobile-menu-item {
        display: none;
    }

    .mobile-menu-sub-item {
        display: none;
    }

    .mobile-menu-sub-sub-item {
        display: none;
    }
}

.card-block-vertical-align {
    position: relative;
    top: -7px;
    margin-top: 34px;
    padding-bottom: 0px;
    margin-bottom: -16px;
}

.card-block-left-inner-inner-padding {
    padding-right: 0px;
}

.final-card-block-inner {
    padding: 40px 0px 40px 25px;
}

@media (min-width: 1024px) {
    .card-block-vertical-align {
        padding-bottom: 78px;
        margin-bottom: initial;
    }

    .final-card-block-inner {
        padding: 40px 25px 40px 25px;
    }
}

.main-slider:after {
    content: '';
}

.main-slider li .slider-image-area {
    width: 100%;
    height: 100%;
    color: transparent;
    background-size: cover;
    background-repeat: no-repeat;
    opacity: 0;
    z-index: 0;
    -webkit-backface-visibility: hidden;
    -webkit-animation: slider-animation 96s linear infinite 0s;
    -moz-animation: slider-animation 96s linear infinite 0s;
    -o-animation: slider-animation 96s linear infinite 0s;
    -ms-animation: slider-animation 96s linear infinite 0s;
    animation: slider-animation 96s linear infinite 0s;
    padding-bottom: 384px;
}

.main-slider li .slider-image-area-no-animation {
    width: 100%;
    height: 100%;
    color: transparent;
    background-size: cover;
    background-repeat: no-repeat;
    opacity: 1;
    z-index: 0;
    -webkit-backface-visibility: hidden;
    padding-bottom: 384px;
}

.main-slider li .slider-text-area {
    z-index: 0;
    width: 100%;
    text-align: center;
    opacity: 0;
    color: #f5f6f6;
    text-shadow: 0px 1px #000000;
    -webkit-animation: slider-title-animation 96s linear infinite 0s;
    -moz-animation: slider-title-animation 96s linear infinite 0s;
    -o-animation: slider-title-animation 96s linear infinite 0s;
    -ms-animation: slider-title-animation 96s linear infinite 0s;
    animation: slider-title-animation 96s linear infinite 0s;
    margin: 0 auto;
    position: absolute;
    top: 0px;
    margin-top: 36px;
}

@media (min-width: 1024px) {
    .main-slider li .slider-text-area {
        margin-top: 40px;
    }
}

.main-slider li .slider-text-area-no-animation {
    z-index: 0;
    width: 100%;
    text-align: center;
    opacity: 1;
    color: #f5f6f6;
    text-shadow: 0px 1px #000000;
    margin: 0 auto;
    position: absolute;
    top: 0px;
    margin-top: 36px;
}

@media (min-width: 1024px) {
    .main-slider li .slider-text-area-no-animation {
        margin-top: 40px;
    }
}

.main-slider li:nth-child(1) .slider-image-area {
    background-image: url(/images/HomePageBackground.jpg);
    /*Manuel Geissinger from Pexels: https://www.pexels.com/@artunchained*/
    background-position: center;
}

.main-slider li:nth-child(2) .slider-image-area {
    background-image: url(/images/BusinessBackground.jpg);
    background-position: center;
    -webkit-animation-delay: 24s;
    -moz-animation-delay: 24s;
    -o-animation-delay: 24s;
    -ms-animation-delay: 24s;
    animation-delay: 24s;
}

.main-slider li:nth-child(3) .slider-image-area {
    background-image: url(/images/EducationBackground.jpg);
    /*Thomas Park from Unsplash: https://unsplash.com/@thomascpark*/
    background-position: center;
    -webkit-animation-delay: 48s;
    -moz-animation-delay: 48s;
    -o-animation-delay: 48s;
    -ms-animation-delay: 48s;
    animation-delay: 48s;
}

.main-slider li:nth-child(4) .slider-image-area {
    background-image: url(/images/ResidentialBackground.jpg);
    /*Sven Brandsma from Unsplash: https://unsplash.com/@seffen99*/
    background-position: bottom;
    -webkit-animation-delay: 72s;
    -moz-animation-delay: 72s;
    -o-animation-delay: 72s;
    -ms-animation-delay: 72s;
    animation-delay: 72s;
}

.home-background {
    background-image: url(/images/HomePageBackground.jpg);
    /*Manuel Geissinger from Pexels: https://www.pexels.com/@artunchained*/
    background-position: center;
}

.about-background-2 {
    background-image: url(/images/AboutBackground.jpg);
    /*Mohammad Rahmani from Unsplash https://unsplash.com/@afgprogrammer*/
    background-position: center;
}

.business-background {
    background-image: url(/images/BusinessBackground.jpg);
    background-position: center;
}

.education-background {
    background-image: url(/images/EducationBackground.jpg);
    /*Thomas Park from Unsplash: https://unsplash.com/@thomascpark*/
    background-position: center;
}

.residential-background {
    background-image: url(/images/ResidentialBackground.jpg);
    /*Sven Brandsma from Unsplash: https://unsplash.com/@seffen99*/
    background-position: bottom;
}

@media (min-width: 1920px) {
    .main-slider li:nth-child(1) .slider-image-area {
        background-position: center -153px;
    }

    .main-slider li:nth-child(2) .slider-image-area {
        background-position: center -451px;
    }

    .main-slider li:nth-child(3) .slider-image-area {
        background-position: center -539px;
    }

    .business-background {
        background-position: center -451px;
    }
}

@media (min-width: 1921px) {
    .business-background {
        background-position: center calc(-451px + -2vw);
    }
}

@media (min-width: 2300px) {
    .business-background {
        background-position: center calc(-451px + -4vw);
    }
}

@media (min-width: 2400px) {
    .business-background {
        background-position: center calc(-451px + -6vw);
    }
}

@media (min-width: 2700px) {
    .business-background {
        background-position: center calc(-451px + -8vw);
    }
}

@media (min-width: 3000px) {
    .business-background {
        background-position: center calc(-451px + -10vw);
    }
}

@media (min-width: 3500px) {
    .business-background {
        background-position: center calc(-451px + -12vw);
    }
}

.main-slider li:nth-child(2) .slider-text-area {
    -webkit-animation-delay: 24s;
    -moz-animation-delay: 24s;
    -o-animation-delay: 24s;
    -ms-animation-delay: 24s;
    animation-delay: 24s;
}

.main-slider li:nth-child(3) .slider-text-area {
    -webkit-animation-delay: 48s;
    -moz-animation-delay: 48s;
    -o-animation-delay: 48s;
    -ms-animation-delay: 48s;
    animation-delay: 48s;
}

.main-slider li:nth-child(4) .slider-text-area {
    -webkit-animation-delay: 72s;
    -moz-animation-delay: 72s;
    -o-animation-delay: 72s;
    -ms-animation-delay: 72s;
    animation-delay: 72s;
}

@-webkit-keyframes slider-animation {
    0% {
        opacity: 1;
        filter: brightness(1);
    }

    1% {
        opacity: 1;
        filter: brightness(1);
    }

    24.999998% {
        opacity: 1;
        filter: brightness(1);
    }

    24.999999% {
        opacity: 1;
        filter: brightness(0);
    }

    25% {
        opacity: 0;
        filter: brightness(1);
    }

    100% {
        opacity: 0;
        filter: brightness(1);
    }
}

@-moz-keyframes slider-animation {
    0% {
        opacity: 1;
        filter: brightness(1);
    }

    1% {
        opacity: 1;
        filter: brightness(1);
    }

    24.999998% {
        opacity: 1;
        filter: brightness(1);
    }

    24.999999% {
        opacity: 1;
        filter: brightness(0);
    }

    25% {
        opacity: 0;
        filter: brightness(1);
    }

    100% {
        opacity: 0;
        filter: brightness(1);
    }
}

@-o-keyframes slider-animation {
    0% {
        opacity: 1;
        filter: brightness(1);
    }

    1% {
        opacity: 1;
        filter: brightness(1);
    }

    24.999998% {
        opacity: 1;
        filter: brightness(1);
    }

    24.999999% {
        opacity: 1;
        filter: brightness(0);
    }

    25% {
        opacity: 0;
        filter: brightness(1);
    }

    100% {
        opacity: 0;
        filter: brightness(1);
    }
}

@-ms-keyframes slider-animation {
    0% {
        opacity: 1;
        filter: brightness(1);
    }

    1% {
        opacity: 1;
        filter: brightness(1);
    }

    24.999998% {
        opacity: 1;
        filter: brightness(1);
    }

    24.999999% {
        opacity: 1;
        filter: brightness(0);
    }

    25% {
        opacity: 0;
        filter: brightness(1);
    }

    100% {
        opacity: 0;
        filter: brightness(1);
    }
}

@keyframes slider-animation {
    0% {
        opacity: 1;
        filter: brightness(1);
    }

    1% {
        opacity: 1;
        filter: brightness(1);
    }

    24.999998% {
        opacity: 1;
        filter: brightness(1);
    }

    24.999999% {
        opacity: 1;
        filter: brightness(0);
    }

    25% {
        opacity: 0;
        filter: brightness(1);
    }

    100% {
        opacity: 0;
        filter: brightness(1);
    }
}

@-webkit-keyframes slider-title-animation {
    0% {
        opacity: 0;
        filter: brightness(1);
    }

    1% {
        opacity: 1;
        filter: brightness(1);
    }

    24.999998% {
        opacity: 1;
        filter: brightness(1);
    }

    24.999999% {
        opacity: 1;
        filter: brightness(0);
    }

    25% {
        opacity: 0;
        filter: brightness(1);
    }

    100% {
        opacity: 0;
        filter: brightness(1);
    }
}

@-moz-keyframes slider-title-animation {
    0% {
        opacity: 0;
        filter: brightness(1);
    }

    1% {
        opacity: 1;
        filter: brightness(1);
    }

    24.999998% {
        opacity: 1;
        filter: brightness(1);
    }

    24.999999% {
        opacity: 1;
        filter: brightness(0);
    }

    25% {
        opacity: 0;
        filter: brightness(1);
    }

    100% {
        opacity: 0;
        filter: brightness(1);
    }
}

@-o-keyframes slider-title-animation {
    0% {
        opacity: 0;
        filter: brightness(1);
    }

    1% {
        opacity: 1;
        filter: brightness(1);
    }

    24.999998% {
        opacity: 1;
        filter: brightness(1);
    }

    24.999999% {
        opacity: 1;
        filter: brightness(0);
    }

    25% {
        opacity: 0;
        filter: brightness(1);
    }

    100% {
        opacity: 0;
        filter: brightness(1);
    }
}

@-ms-keyframes slider-title-animation {
    0% {
        opacity: 0;
        filter: brightness(1);
    }

    1% {
        opacity: 1;
        filter: brightness(1);
    }

    24.999998% {
        opacity: 1;
        filter: brightness(1);
    }

    24.999999% {
        opacity: 1;
        filter: brightness(0);
    }

    25% {
        opacity: 0;
        filter: brightness(1);
    }

    100% {
        opacity: 0;
        filter: brightness(1);
    }
}

@keyframes slider-title-animation {
    0% {
        opacity: 0;
        filter: brightness(1);
    }

    1% {
        opacity: 1;
        filter: brightness(1);
    }

    24.999998% {
        opacity: 1;
        filter: brightness(1);
    }

    24.999999% {
        opacity: 1;
        filter: brightness(0);
    }

    25% {
        opacity: 0;
        filter: brightness(1);
    }

    100% {
        opacity: 0;
        filter: brightness(1);
    }
}

.slider-subtext {
    width: 90vw;
    max-width: 1400px;
    margin: 0 auto;
    position: relative;
    top: -2vw;
    font-size: calc(1rem + 0.1vw);
    text-align: justify;
    padding: 20px 50px 0px 50px;
    color: #f5f6f6;
    font-family: 'Source Sans Pro';
}

@media (min-width: 1024px) {
    .slider-subtext {
        font-size: calc(1.05rem + 0.1vw);
    }
}

.main-slider li {
    list-style: none;
    width: 100%;
    height: calc(326px + 5vw);
    background-size: cover;
    background-position: 0% 0%;
    background-repeat: no-repeat;
    position: absolute;
    left: 0;
    top: 135px;
}

@media (min-width: 1024px) {
    .main-slider,
    .main-slider:after {
        height: calc(350px + 5vw);
    }

        .main-slider li {
            height: calc(416px + 5vw);
        }

    .slider-subtext {
        top: 0vw;
    }
}

@media (min-width: 1366px) {
    .slider-subtext {
        width: 80vw;
    }
}

@media (min-width: 1440px) {
    .slider-subtext {
        width: 70vw;
        top: -1vw;
    }
}

@media (min-width: 1680px) {
    .slider-subtext {
        width: 60vw;
    }
}

@media (min-width: 1920px) {
    .slider-subtext {
        width: 50vw;
        top: -2vw;
    }
}

.mobile-menu-item-top-back {
    width: 260px;
    font-size: 1.5rem;
}

.mobile-menu-item {
    border-top: 1px solid #e5e5e5;
    color: #333333;
    background: #F5F6F6;
    text-align: left;
    font-weight: 400;
    font-size: 1.5rem;
    cursor: pointer;
    padding: 10px 20px 10px 20px;
}

    .mobile-menu-item::after {
        float: right;
        content: ">";
        font-weight: 300;
        font-family: "Agency FB";
        transform: rotate(90deg);
        position: relative;
        left: -5px;
    }

.mobile-menu-sub-item {
    border-top: 1px solid #e5e5e5;
    color: #333333;
    background: #F5F6F6;
    text-align: left;
    font-weight: 400;
    font-size: 1.2rem;
    cursor: pointer;
    padding: 10px 20px 10px 55px;
}

    .mobile-menu-sub-item::after {
        float: right;
        content: ">";
        font-weight: 300;
        font-family: "Agency FB";
        position: relative;
        left: -5px;
    }

.mobile-menu-sub-sub-item {
    border-top: 1px solid #e5e5e5;
    color: #333333;
    background: #F5F6F6;
    text-align: left;
    font-weight: 400;
    font-size: 1.1rem;
    cursor: pointer;
    padding: 10px 20px 10px 80px;
}

    .mobile-menu-sub-sub-item::after {
        float: right;
        content: ">";
        font-weight: 300;
        font-family: "Agency FB";
        position: relative;
        left: -5px;
    }

.mobile-menu-overlay {
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100vw;
    height: 100vh;
    background: #000000;
    opacity: 0.5;
    z-index: 100;
}

@media (min-width: 1024px) {
    .mobile-menu-overlay {
        display: none;
    }
}

.mobile-max-width, .mobile-max-width-3 {
    max-width: 315px;
}

.customer-hub-control-organisation-type-container {
    position: relative;
    left: 70px;
    padding-top: 60px;
    padding-bottom: 60px;
}

.customer-hub-control-organisation-type-container-2 {
    position: relative;
    left: 52px;
    padding-top: 0px;
    padding-bottom: 0px;
}

.customer-hub-control-organisation-type-container-3 {
    position: relative;
    left: 70px;
    padding-top: 0px;
    padding-bottom: 0px;
}

.customer-hub-control-page-modal-mobile-position-3 {
    position: relative;
    left: 0px;
}

@media (min-width: 500px) {
    .mobile-max-width-3 {
        max-width: 100%;
    }
}

@media (min-width: 550px) {
    .mobile-max-width-3 {
        max-width: calc(100vw - 55px);
    }
}

@media (min-width: 1024px) {
    .mobile-max-width {
        max-width: 364px;
        flex: 0 0 102%;
    }

    .mobile-max-width-3 {
        flex: 0 0 100%;
        max-width: 402px;
        flex: 0 0 112%;
    }
}

.mobile-menu-inner {
    height: 100vh;
    overflow: auto;
}

.block-of-cards-features-included-not-included-title-inner {
    display: table;
    width: 100%;
}

.block-of-cards-features-included-not-included-title-inner-inner {
    display: table-cell;
    vertical-align: middle;
    text-align: right;
    width: 100%;
    height: 50px;
}

.footer-map-directions-inner {
    text-align: center;
    width: 100px;
}

.footer-map-directions-link {
    color: #f5f6f6;
    text-decoration: none;
}

.footer-map-directions-circle {
    border-radius: 50%;
    width: 50px;
    height: 50px;
    padding: 1px 0px 0px 0px;
    border: 2px solid #2A6A9B;
    text-align: center;
    font-size: 1.9rem;
    font-weight: 500;
    color: #f5f6f6;
    background: #2A6A9B;
    display: inline-block;
}

.footer-map-card-overlay-heading {
    font-weight: 700;
    text-transform: uppercase;
    padding-bottom: 15px;
}

.footer-map-card-overlay-icon-area {
    display: inline-block;
    vertical-align: top;
}

.footer-map-card-overlay-opening-hours-right {
    display: inline-block;
    width: 160px;
    text-align: right;
}

.customer-hub-control-home-right-no-border {
    border: none !important;
}

.footer-map-iframe {
    border: 0;
    margin-top: -206px;
    margin-bottom: -475px;
    width: calc(100vw - 97px);
}

.footer-link {
    color: #dcdddd;
    text-decoration: none;
    font-weight: 500;
    font-size: 0.9rem;
}

    .footer-link:hover {
        color: #F5F6F6;
        text-decoration: none;
        font-weight: 500;
        font-size: 0.9rem;
    }

.footer-map-card-overlay-section {
    padding-bottom: 15px;
    font-size: 0.9rem;
}

.footer-left-outer {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
}

.footer-right-outer {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
}

.footer-right-area {
    position: relative;
    top: -40px;
    left: 40px;
}

.header-link {
    color: #f5f6f6;
    text-decoration: none;
    font-size: 1.0rem;
}

    .header-link:hover {
        color: #f5f6f6;
        text-decoration: none;
        opacity: 0.7;
        font-size: 1.0rem;
    }

.business-menu-wrapper {
    padding-top: 22px;
}

.education-menu-wrapper {
    padding-top: 22px;
}

.residential-menu-wrapper {
    padding-top: 22px;
}

@media (min-width: 1025px) {
    .business-menu-wrapper {
        padding-top: 51px;
    }

    .education-menu-wrapper {
        padding-top: 51px;
    }

    .residential-menu-wrapper {
        padding-top: 51px;
    }
}

@media (min-width: 1200px) {
    .header-link {
        font-size: 1.1rem;
    }

        .header-link:hover {
            font-size: 1.1rem;
        }
}

@media (min-width: 1440px) {
    .footer-map-iframe {
        width: 49.5vw;
    }

    .footer-left-outer {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }

    .footer-right-outer {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }

    .footer-right-area {
        top: 80px;
        left: -70px;
    }
}

@media (min-width: 1600px) {
    .header-link {
        font-size: 1.32rem;
    }

        .header-link:hover {
            font-size: 1.32rem;
        }
}

@media (min-width: 1664px) {
    .business-menu-wrapper {
        padding-top: 48px;
    }

    .education-menu-wrapper {
        padding-top: 48px;
    }

    .residential-menu-wrapper {
        padding-top: 48px;
    }
}

@media (min-width: 1680px) {
    .footer-link {
        font-size: 1rem;
    }

        .footer-link:hover {
            font-size: 1rem;
        }

    .footer-map-card-overlay-section {
        font-size: 1rem;
    }
}

@media (min-width: 1920px) {
    .header-link {
        font-size: 1.2rem;
    }

        .header-link:hover {
            font-size: 1.2rem;
        }

    .business-menu-wrapper {
        padding-top: 29px;
    }

    .education-menu-wrapper {
        padding-top: 29px;
    }

    .residential-menu-wrapper {
        padding-top: 29px;
    }
}

.quick-connect-above-label-tablet {
    width: 520px;
    text-align: left;
    font-size: 0.8rem;
    margin: 0 auto;
    position: relative;
    left: 0px;
    top: 40px;
    color: #90c9f9;
    text-shadow: 0px 1px #000000;
}

.quick-connect-above-label-tablet-icon {
    display: inline-block;
}

.quick-connect-above-label-tablet-text {
    display: inline-block;
    position: relative;
    top: -1px;
    left: 4px;
}

.quick-connect-tablet-contact-col {
    padding: 0px;
    margin: 0px;
    color: #dcdddd;
    height: 60px;
}

.quick-connect-tablet-contact-col-inner {
    position: relative;
    top: 15px;
    font-size: 1.2rem;
}

.quick-connect-tablet-icon {
    font-size: 2.5rem;
}

.customer-service-is-our-top-priority-row {
    margin-left: -45px;
    margin-right: -45px;
}

.typicals-outer {
    padding-left: 0px;
    padding-right: 0px;
    max-width: 1400px;
}

.typicals-heading-area {
    margin-bottom: -48px;
}

.customer-hub-control-left-border {
    border-radius: 5px;
}

.headerMenu {
    height: 100px;
    width: 100%;
    background: #23334f;
    position: relative;
    top: 0px;
    margin-bottom: 50px;
}

.header-logo {
    width: calc(206px * 0.75);
    height: calc(63px * 0.75);
    position: relative;
    top: -18px;
}

.mobile-menu-icon-area {
    color: #f5f6f6;
    font-size: 2rem;
    width: calc(100% - 46vw);
    text-align: right;
    position: relative;
    top: -14px;
}

.mobile-menu-top-icon {
    font-size: 1.5rem;
    margin-right: 13px;
    position: relative;
    top: 1px;
}

.mobile-menu-top-icon-span {
    display: none;
}

.mobile-menu-items-area {
    background: #F5F6F6;
    position: fixed;
    top: 0px;
    right: 0px;
    width: 100vw;
    height: 100vh;
    z-index: 101;
}

.banner-area {
    display: none;
}

.full-page-banner-area-quick-connect {
    position: relative;
    top: -15px;
    padding: 22px 0px 27px 0px;
    margin: 0px;
}

.slider-title {
    text-transform: uppercase;
    font-family: 'Source Sans Pro';
}

.main-slider li .slider-text-area .slider-title, .main-slider li .slider-text-area-no-animation .slider-title {
    font-size: 8vw;
    padding: 10px 0px 10px 0px;
    line-height: 92px;
    color: #f5f6f6;
}

@media (min-width: 1440px) {
    .main-slider li .slider-text-area .slider-title, .main-slider li .slider-text-area-no-animation .slider-title {
        line-height: 126px;
        position: relative;
        top: -13px;
    }
}

@media (min-width: 1920px) {
    .main-slider li .slider-text-area .slider-title, .main-slider li .slider-text-area-no-animation .slider-title {
        line-height: 160px;
        position: relative;
        top: -27px;
    }
}

@media (min-width: 2300px) {
    .main-slider li .slider-text-area .slider-title, .main-slider li .slider-text-area-no-animation .slider-title {
        line-height: 211px;
        position: relative;
        top: -50px;
    }
}

.connectbox-area {
    display: none;
}

.support-plan-home-2 {
    padding-bottom: 9px;
    padding-top: 111px;
    z-index: -5000;
    margin-top: -50px;
}

@media (min-width: 412px) {
    .mobile-menu-icon-area {
        width: calc(100% - 48vw);
    }
}

@media (min-width: 768px) {
    .headerMenu {
        height: 135px;
    }

    .header-logo {
        width: 206px;
        height: 63px;
        top: -7px;
    }

    .mobile-menu-items-area {
        width: 70vw;
    }

    .mobile-menu-icon-area {
        top: 0px;
        width: calc(100% - 30vw);
    }

    .mobile-menu-top-icon-span {
        display: initial;
    }

    .mobile-menu-top-icon {
        margin-right: 0px;
        top: 0px;
    }

    .main-slider li .slider-text-area .slider-title, .main-slider li .slider-text-area-no-animation .slider-title {
        font-size: 38px;
        padding: 0;
    }

    .connectbox-area {
        display: -ms-flexbox;
        display: flex;
        position: absolute;
        top: 346px;
        margin: 0 auto;
        width: 100%;
        z-index: 1;
    }

    .banner-area {
        display: initial;
    }

    .mobile-menu-items-area {
        width: 50vw;
    }

    .full-page-banner-area-quick-connect {
        padding: 0px 0px 27px 0px;
    }

    .support-plan-home-2 {
        padding-top: 47px;
        margin-top: 0px;
    }
}

@media (min-width: 1024px) {
    .support-plan-home-2 {
        padding-top: 61px;
    }

    .mobile-menu-items-area {
        display: none;
    }

    .main-slider li .slider-text-area .slider-title, .main-slider li .slider-text-area-no-animation .slider-title {
        font-size: 4.8vw;
    }

    .connectbox-area {
        top: 363px;
    }
}

@media (min-width: 1367px) {
    .main-slider li .slider-text-area .slider-title, .main-slider li .slider-text-area-no-animation .slider-title {
        font-size: 4.6vw;
    }
}

@media (min-width: 1440px) {
    .main-slider li .slider-text-area .slider-title, .main-slider li .slider-text-area-no-animation .slider-title {
        font-size: 4.4vw;
    }
}

@media (min-width: 1680px) {
    .main-slider li .slider-text-area .slider-title, .main-slider li .slider-text-area-no-animation .slider-title {
        font-size: 4.1vw;
    }
}

@media (min-width: 1920px) {
    .main-slider li .slider-text-area .slider-title, .main-slider li .slider-text-area-no-animation .slider-title {
        font-size: 3.7vw;
    }
}

.card-block-col, .card-block-col-2-cards, .card-block-col-5-cards {
    -ms-flex: 0 0 calc(100% - 50px);
    flex: 0 0 calc(100% - 50px);
    max-width: calc(100% - 50px);
    margin: 0 auto;
    border-bottom: 30px solid #f5f6f6;
}

.card-link-button-768 {
    display: none;
}

.card-block-rectangle-button-outer {
    display: initial;
    margin: initial;
    position: relative;
    left: initial;
    padding-top: 15px;
    vertical-align: initial;
    width: initial;
    top: initial;
    left: -28px;
}

.card-block-rectangle-button-outer-final {
    display: initial;
    margin: initial;
    position: relative;
    left: initial;
    padding-top: 15px;
    vertical-align: initial;
    width: initial;
    top: initial;
    left: -33px;
}

.rectangle-button-card-4 {
    left: 20px;
}

.final-card-block-alternate {
    background: #23334f;
    color: #f5f6f6;
    border-bottom: none !important;
}

.col-lg-5-column {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
    width: 50%;
}

.footer-left-col {
    display: none;
}

.footer-col {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
}

.footer-left-row {
    padding: 120px 0px 0px 20px;
    position: relative;
    top: -75px;
}

.footer-left-bottom-area {
    margin-top: 0px !important;
}

.footer-bottom-link-inner {
    width: 280px;
    text-align: center;
}

.footer-map-above {
    margin-top: -133px;
}

.footer-map-card-overlay-outer {
    background: #2A6A9B;
    color: #f5f6f6;
    width: 280px;
    height: 413px;
    position: relative;
    top: 99px;
    z-index: 1;
    left: -20px;
    margin-bottom: 85px;
}

.footer-map-map-area {
    display: none;
}

.footer-map-card-overlay-inner {
    padding: 20px 40px 27px 20px;
}

.footer-map-directions-outer {
    position: relative;
    top: 105px;
    float: right;
    z-index: 2;
    right: 11vw;
}

.footer-map-card-overlay-text-area {
    display: inline-block;
    font-size: 0.87rem;
}

.footer-map-card-overlay-opening-hours-left {
    display: inline-block;
    width: 78px;
}

.footer-map-card-overlay-opening-hours-area {
    text-transform: uppercase;
    width: 242px;
    border-bottom: 1px solid #ffffff;
    font-size: 0.9rem;
}

.block-of-cards-features-included-not-included {
    padding-bottom: 23px;
    white-space: nowrap;
    padding-left: 0;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
    text-align: right;
    position: relative;
    top: 7px;
    left: 26px;
    font-size: 0.8rem;
    padding-top: 15px;
}

.block-of-cards-features, .block-of-cards-features-5-cards {
    display: none;
}

.subtext-two-column-area-column-inner {
    margin-right: -30px;
    margin-left: -30px;
}

.what-we-offer-outer-2 {
    width: 325px;
    margin: 0 auto;
    text-align: justify;
    margin-bottom: 0px;
    padding-bottom: 0px;
}

.what-we-offer-icon-area {
    display: none;
}
/*qqqq*/

.what-we-offer-text-max-width {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
}

.what-we-offer-text-left {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
}

.what-we-offer-text-right {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
}

.typicals-area {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100vw;
    left: 8px;
}

.typicals-icon {
    font-size: 38px;
    color: #3b5684;
    position: relative;
    left: 16px;
    top: 7px;
}

.typicals-text {
    padding-left: 1px;
    padding-bottom: 15px;
    font-size: 0.8rem;
    text-align: justify;
    width: calc(100% - 22px);
}

.typicals-text-area {
    width: 83.333333%;
    left: 11px;
}

@media (min-width: 500px) {
    .typicals-area {
        left: -4px;
    }
}

@media (min-width: 500px) {
    .typicals-icon {
        left: 20px;
    }
}

@media (min-width: 768px) {
    .typicals-icon {
        left: 7px;
    }
}

@media (min-width: 1024px) {
    .typicals-icon {
        left: 25px;
    }
}

.slider-text-area {
    display: none;
}

.main-slider,
.main-slider:after {
    z-index: 0;
    height: calc(15px + 5vw);
}

.mobile-banner-text-area {
    position: relative;
    top: -6px;
    margin: -50px 0px 32px 0px;
    background: #23334f;
    color: #ffffff;
    padding-bottom: 25px;
    padding-top: 33px;
}

.quick-connect-tablet-contact-area {
    padding-top: 30px;
    margin: 0 auto;
    width: 300px;
    position: relative;
    top: -12px;
}

.quick-connect-tablet-area {
    position: relative;
    top: -30px;
    left: 23px;
}

.support-plan-home-inner {
    margin-top: -66px;
}

@media (min-width: 360px) {
    .what-we-offer-outer-2 {
        padding-bottom: 72px;
    }

    .footer-map-card-overlay-outer {
        width: 320px;
    }

    .footer-left-row {
        padding: 120px 0px 0px 20px;
        top: -75px;
        left: 20px;
    }

    .footer-left-bottom-area {
        position: relative;
        left: -25px;
    }
}

@media (min-width: 375px) {
    .footer-map-card-overlay-outer {
        width: 336px;
    }
}

@media (min-width: 390px) {
    .footer-map-card-overlay-outer {
        width: 351px;
    }

    .what-we-offer-outer-2 {
        width: 350px;
    }
}

@media (min-width: 412px) {
    .footer-map-card-overlay-outer {
        width: 373px;
    }

    .footer-left-row {
        left: 31px;
    }

    .footer-left-bottom-area {
        position: relative;
        left: -31px;
    }

    .footer-bottom-link-inner {
        position: relative;
        left: 10px;
    }
}

@media (min-width: 428px) {
    .footer-map-card-overlay-outer {
        width: 388px;
    }

    .what-we-offer-outer-2 {
        width: 389px;
    }
}

@media (min-height: 305px) {
    .footer-map-card-overlay-outer {
        top: 99px;
        height: 413px;
    }
}

@media (min-height: 310px) {
    .footer-map-card-overlay-outer {
        top: 100px;
    }
}

@media (min-height: 325px) {
    .footer-map-card-overlay-outer {
        top: 100px;
        height: 413px;
    }
}

@media (min-height: 345px) {
    .footer-map-card-overlay-outer {
        top: 101px;
    }
}

@media (min-height: 350px) {
    .footer-map-card-overlay-outer {
        top: 100px;
    }
}

@media (min-height: 355px) {
    .footer-map-card-overlay-outer {
        top: 99px;
    }
}

@media (min-height: 360px) {
    .footer-map-card-overlay-outer {
        top: 100px;
    }
}

@media (min-height: 375px) {
    .footer-map-card-overlay-outer {
        height: 412px;
        top: 99px;
    }
}

@media (min-height: 389px) {
    .footer-map-card-overlay-outer {
        top: 99px;
    }
}

@media (min-height: 400px) {
    .footer-map-card-overlay-outer {
        height: 413px;
        top: 100px;
    }
}

@media (min-width: 500px) {
    .footer-map-map-area {
        display: block;
        width: 100vw;
        overflow: hidden;
        height: 412px;
        filter: grayscale(1);
    }

    .footer-map-card-overlay-outer {
        width: 331px;
        left: -1px;
        margin-bottom: -312px;
    }

    .footer-map-directions-outer {
        top: 111px;
        right: 13vw;
    }

    .footer-bottom-link-inner {
        width: 100%;
        left: 0px;
    }

    .footer-left-row {
        padding: 120px 0px 0px 20px;
        top: -75px;
        left: 45px;
    }

    .footer-left-bottom-area {
        position: relative;
        left: -45px;
    }

    .what-we-offer-outer-2 {
        width: 432px;
        margin-bottom: 40px;
    }
}

@media (min-width: 568px) {
    .footer-map-directions-outer {
        right: 15vw;
    }
}

@media (min-width: 623px) {
    .what-we-offer-outer-2 {
        width: 605px;
    }
}

@media (min-width: 768px) {
    .rectangle-button-card-4 {
        left: 15px;
    }

    .card-block-col, .card-block-col-2-cards, card-block-col-5-cards {
        -ms-flex: 0 0 calc(100% - 121px);
        flex: 0 0 calc(100% - 121px);
        max-width: calc(100% - 121px);
        border-bottom: 52px solid #f5f6f6;
        position: relative;
        left: -8px;
    }

    .card-link-button-768 {
        display: inline-block;
        margin-top: -15px;
        position: relative;
        top: -48px;
        float: right;
        left: -28px;
    }

    .card-block-rectangle-button-outer {
        display: none;
    }

    .card-block-rectangle-button-outer-final {
        display: none;
    }

    .final-card-block-alternate {
        background: #23334f;
        color: #f5f6f6;
        border-bottom: 30px solid #f5f6f6;
    }

    .col-lg-5-column {
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%;
        width: 20%;
    }

    .footer-left-col {
        display: inline-block;
    }

    .footer-col {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
    }

    .footer-left-row {
        padding: 70px 60px 50px 60px;
        top: -40px;
        left: 0px;
    }

    .footer-left-bottom-area {
        margin-top: 31px !important;
        left: 0px;
    }

    .footer-bottom-link-inner {
        width: initial;
    }

    .footer-map-above {
        margin-top: -146px;
    }

    .footer-map-card-overlay-inner {
        padding: 20px 40px 27px 40px;
    }

    .footer-map-directions-outer {
        top: 124px;
        right: 10.45vw;
    }

    .footer-map-card-overlay-text-area {
        font-size: 0.9rem;
    }

    .footer-map-card-overlay-opening-hours-left {
        width: 85px;
    }

    .footer-map-card-overlay-opening-hours-area {
        width: 250px;
    }

    .block-of-cards-features-included-not-included {
        padding-bottom: 15px;
        left: 2px;
        padding-top: 10px;
    }

    .subtext-two-column-area-column-inner {
        margin: 0 auto;
    }

    .what-we-offer-outer-2 {
        width: 100%;
    }

    .what-we-offer-icon-area {
        display: initial;
    }
/*qqqq*/
    .what-we-offer-text-max-width {
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 100%;
    }

    .what-we-offer-text-left {
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 100%;
        padding-left: 4%;
    }

    .what-we-offer-text-right {
        -ms-flex: 0 0 72%;
        flex: 0 0 72%;
        max-width: 100%;
    }

    .what-we-offer-icon-mobile {
        display: none !important;
    }

    .typicals-area {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 48vw;
        left: -10px;
    }

    .typicals-text {
        width: calc(100% - 5px);
    }

    .typicals-text-area {
        left: 0px;
    }

    .slider-text-area {
        display: initial;
    }

    .main-slider,
    .main-slider:after {
        height: 298px;
    }

    .mobile-banner-text-area {
        display: none;
    }

    .quick-connect-tablet-contact-area {
        width: 520px;
    }

    .quick-connect-tablet-area {
        top: -16px;
        left: 0px;
    }

    .support-plan-home-inner {
        margin-top: 32px;
    }
}

@media (min-width: 1024px) {
    .card-block-col {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
        margin: initial;
        border-bottom: initial;
        position: initial;
        left: initial;
    }

    .card-block-col-2-cards {
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%;
        margin: initial;
        border-bottom: initial;
        position: initial;
        left: initial;
    }

    .card-block-col-5-cards {
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%;
        margin: initial;
        border-bottom: initial;
        position: initial;
        left: initial;
    }

    .card-link-button-768 {
        display: none;
    }

    .card-block-rectangle-button-outer {
        display: initial;
        position: initial;
        left: 0px;
    }

    .card-block-rectangle-button-outer-final {
        display: initial;
        position: initial;
        left: 0px;
    }

    .footer-map-directions-outer {
        right: 7.75vw;
    }

    .block-of-cards-features-included-not-included {
        left: 0px;
        font-size: 1rem;
        padding-top: 0px;
    }

    .what-we-offer-text-max-width {
        max-width: initial;
    }

    .what-we-offer-text-left {
        max-width: initial;
    }

    .what-we-offer-text-right {
        max-width: initial;
    }

    .typicals-area {
        max-width: initial;
        left: 0px;
    }

    .block-of-cards-features, .block-of-cards-features-5-cards {
        padding-bottom: 85px;
        margin-bottom: 0px;
    }
}

@media (min-width: 1367px) {
    .rectangle-button-card-4 {
        left: 0px;
    }

    .block-of-cards-features-included-not-included {
        padding-left: calc(5% + 17px);
    }

    .what-we-offer-outer-2 {
        width: 1300px;
        margin-bottom: 95px;
    }

    .typicals-text {
        font-size: 1rem;
    }
}

@media (min-width: 1440px) {
    .block-of-cards-features, .block-of-cards-features-5-cards {
        margin-top: -66px;
        width: 73vw;
    }

    .footer-map-directions-outer {
        right: -0.9vw;
    }

    .what-we-offer-outer-2 {
        width: 1400px;
    }
}

@media (min-width: 1680px) {
    .footer-map-card-overlay-text-area {
        font-size: 1rem;
    }

    .footer-map-card-overlay-opening-hours-area {
        font-size: 1rem;
    }
}

@media (min-width: 1920px) {
    .footer-map-directions-outer {
        right: -0.8vw;
    }
}

@media (min-width: 2560px) {
    .footer-map-directions-outer {
        right: -0.35vw;
    }
}

.transparent-circle-text-smaller-font {
    font-size: 0.9rem;
}

@media (min-width: 500px) {
    .footer-bottom-link {
        position: relative;
        left: -58px;
    }
}

@media (min-width: 768px) {
    .footer-bottom-link {
        left: 0px;
    }
}

.header-menu-nav-item {
    margin-right: 8px;
}

.typicals-main-area {
    padding-top: 60px;
}

@media (min-width: 768px) {
    .typicals-main-area {
        margin: 0 auto;
        position: relative;
        left: 6px;
    }
}

@media (min-width: 1024px) {
    .typicals-main-area {
        margin: 0 auto;
        position: relative;
        left: 0px;
    }
}

@media (min-width: 1368px) {
    .typicals-main-area {
        width: 1222px;
        left: -24px;
    }
}

@media (min-width: 1367px) {
    .header-menu-nav-item {
        margin-right: 14px;
    }
}

.how-to-get-started {
    display: none;
}

.support-center-outer {
    padding-top: 28px;
    padding-bottom: 26px;
}

.customer-hub-control {
    width: 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
}

.customer-hub-control-home-right {
    position: relative;
    left: 0px;
}

.customer-hub-control-inner-5 {
    display: table;
    margin: 0 auto;
    position: relative;
    left: 0px;
}

.customer-hub-control-subtext-3 {
    font-size: 0.8rem;
    padding-left: 0px;
    padding-bottom: 0px;
    padding-top: 10px;
    white-space: normal;
    position: relative;
    left: 0px;
    margin-bottom: -10px;
    width: 273px;
}

.text-box-form-width, .text-box-form-width-2 {
    width: calc(100vw - 68px);
    margin-left: 0;
    margin-right: 0;
    padding-left: 15px;
    padding-right: 0;
    display: inline-block;
    font-size: 0.8rem;
}

.customer-hub-control-sign-in-link-button {
    display: inline-block;
    width: calc(100vw - 123px);
}

.customer-hub-control-field-padding, .customer-hub-control-field-padding-6, .customer-hub-control-field-padding-7 {
    padding: 0rem 1.2rem 0.3rem 1.2rem;
    width: calc(100vw - 52px);
}

@media (min-width: 500px) {
    .customer-hub-control-field-padding-6 {
        width: 100%;
    }
}

@media (min-width: 768px) {
    .customer-hub-control-field-padding-7 {
        width: calc(100% + 30px);
    }
}

.customer-hub-control-field-padding-account-type {
    padding: 0rem 1.2rem 0.3rem 1.2rem;
    width: calc(100vw - 16px);
}

.list-group-horizontal {
    -ms-flex-direction: column;
    flex-direction: column;
}

    .list-group-horizontal .list-group-item {
        margin-right: -1px;
        margin-bottom: 0;
    }

    .list-group-horizontal .list-group-item-2 {
        margin-right: -1px;
        margin-bottom: 0;
    }

    .list-group-horizontal .list-group-item:first-child {
        border-top-left-radius: 0.25rem;
        border-bottom-left-radius: 0.25rem;
        border-top-right-radius: 0;
    }

    .list-group-horizontal .list-group-item-2:first-child {
        border-top-left-radius: 0.25rem;
        border-bottom-left-radius: 0.25rem;
        border-top-right-radius: 0;
    }

    .list-group-horizontal .list-group-item:last-child {
        margin-right: 0;
        border-top-right-radius: 0.25rem;
        border-bottom-right-radius: 0.25rem;
        border-bottom-left-radius: 0;
    }

    .list-group-horizontal .list-group-item-2:last-child {
        margin-right: 0;
        border-top-right-radius: 0.25rem;
        border-bottom-right-radius: 0.25rem;
        border-bottom-left-radius: 0;
    }

.list-group-item-mobile-padding {
    padding: 0rem 1.25rem;
}

.customer-hub-control-heading {
    margin-left: 18px;
    padding-bottom: 2px;
    font-weight: 600;
}

.warning-box-page-version {
    margin-top: 30px;
    border: 1px solid #c72e2e;
    background: #fff7f7;
    border-radius: 4px;
    font-size: 0.9rem;
    width: calc(100vw - 84px);
    margin-bottom: -15px;
}

.forgot-password-link {
    margin-bottom: -15px;
    position: relative;
    font-weight: 400;
    left: calc(100vw - 210px);
}

@media (min-width: 500px) {
    .text-box-form-width, .text-box-form-width-2 {
        width: calc(100vw - 85px);
    }

    .customer-hub-control-sign-in-link-button {
        width: calc(100vw - 140px);
    }

    .forgot-password-link {
        left: calc(100vw - 227px);
    }
}

@media (min-width: 768px) {
    .how-to-get-started {
        display: inherit;
        width: 50%;
    }

    .customer-hub-control {
        width: 50%;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }

    .support-center-outer {
        padding-top: 51px;
        padding-bottom: 40px;
    }

    .customer-hub-control-home-right {
        min-height: 600px;
        border-left: 1px solid rgba(33, 37, 41, 0.1);
    }

    .customer-hub-control-inner-5 {
        margin: 0px 0px 0px 0px;
        left: 13%;
    }

    .customer-hub-control-subtext-3 {
        width: 335px;
    }

    .text-box-form-width {
        width: 285px;
    }

    .text-box-form-width-2 {
        width: calc(100% + 14px);
    }

    .customer-hub-control-sign-in-link-button {
        width: 228px;
    }

    .customer-hub-control-field-padding, .customer-hub-control-field-padding-account-type {
        max-width: 100%;
        width: 100%;
    }

    .list-group-horizontal {
        -ms-flex-direction: row;
        flex-direction: row;
    }

    .list-group-item-mobile-padding {
        padding: 0.75rem 1.25rem 0.75rem 0rem;
    }

    .customer-hub-control-heading {
        padding-bottom: 12px;
    }

    .customer-hub-control-login-and-sign-up {
        min-height: 360px;
    }

    .warning-box-page-version {
        width: 285px;
    }

    .forgot-password-link {
        left: 131px;
    }
}

@media (min-width: 1024px) {
    .text-box-form-width {
        width: 350px;
    }

    .text-box-form-width-2 {
        width: calc(100% + 22px);
    }

    .customer-hub-control-sign-in-link-button {
        width: 300px;
    }

    .customer-hub-control-inner-5 {
        left: 76px;
    }

    .forgot-password-link {
        left: 208px;
    }

    .warning-box-page-version {
        width: 350px;
    }
}

@media (min-width: 1367px) {
    .support-center-outer {
        padding-top: 49px;
        padding-bottom: 40px;
    }

    .customer-hub-control-subtext-3 {
        font-size: 0.9rem;
    }

    .text-box-form-width, .text-box-form-width-2 {
        font-size: 1rem;
    }
}

.customer-hub-control-inner-6 {
    display: table;
    margin: 0px 0px 0px 0px;
    position: relative;
    padding: 50px 0px 50px 0px;
    left: -13px;
}

.customer-hub-control-sign-in-subtext-signed-in {
    font-size: 0.9rem;
    padding-left: 0px;
    padding-bottom: 0px;
    padding-top: 10px;
    white-space: normal;
    position: relative;
    left: 0px;
    margin-bottom: -10px;
    text-align: justify;
    width: calc(100vw - 97px);
}

.customer-hub-control-sign-in-subtext {
    font-size: 0.9rem;
    padding-left: 0px;
    padding-bottom: 0px;
    padding-top: 10px;
    white-space: normal;
    position: relative;
    left: 17px;
    margin-bottom: -10px;
    text-align: justify;
    width: calc(100vw - 97px);
}

.text-box-form-width-page-version, .text-box-form-width-page-version-2 {
    margin-left: 0;
    margin-right: 0;
    padding-left: 15px;
    padding-right: 0;
    display: inline-block;
    font-size: 1rem;
    width: calc(100vw - 101px);
}

.customer-hub-control-sign-in-link-button-modal {
    display: inline-block;
    width: calc(100vw - 153px);
}

.modal-content-settings {
    width: 82.5vw;
    padding: 0;
    margin: 0;
    left: 0px;
}

.warning-box-modal-version {
    margin-top: 30px;
    border: 1px solid #c72e2e;
    background: #fff7f7;
    border-radius: 4px;
    font-size: 0.9rem;
    width: calc(100vw - 98px);
}

.forgot-password-link-basket {
    margin-bottom: -15px;
    position: relative;
    left: 24vw;
    font-weight: 400;
    position: relative;
}

@media (min-width: 360px) {
    .modal-content-settings {
        width: 92vw;
    }

    .customer-hub-control-sign-in-subtext-signed-in {
        width: calc(100vw - 74px);
        left: -2px;
    }

    .customer-hub-control-sign-in-subtext {
        width: calc(100vw - 74px);
        left: 17px;
    }

    .text-box-form-width-page-version, .text-box-form-width-page-version-2 {
        width: calc(100vw - 73px);
    }

    .customer-hub-control-sign-in-link-button-modal {
        width: calc(100vw - 127px);
    }

    .warning-box-modal-version {
        width: calc(100vw - 73px);
    }

    .forgot-password-link-basket {
        left: 40vw;
    }
}

@media (min-width: 375px) {
    .forgot-password-link-basket {
        left: 42vw;
    }
}

@media (min-width: 375px) {
    .forgot-password-link-basket {
        left: 45vw;
    }
}

@media (min-width: 390px) {
    .text-box-form-width-page-version, .text-box-form-width-page-version-2 {
        width: calc(100vw - 77px);
    }
}

@media (min-width: 390px) {
    .warning-box-modal-version {
        width: 98%;
    }
}

@media (min-width: 412px) {
    .forgot-password-link-basket {
        left: 48vw;
    }
}

@media (min-width: 428px) {
    .forgot-password-link-basket {
        left: 50vw;
    }

    .text-box-form-width-page-version, .text-box-form-width-page-version-2 {
        width: calc(100vw - 80px);
    }
}

@media (min-width: 500px) {
    .modal-content-settings {
        width: 466px;
        margin: 0 auto;
    }

    .text-box-form-width-page-version, .text-box-form-width-page-version-2 {
        width: 100%;
    }

    .forgot-password-link-basket {
        left: calc(100% - 142px);
    }

    .customer-hub-control-sign-in-subtext-signed-in {
        width: 98%;
    }

    .customer-hub-control-sign-in-subtext {
        width: 90%;
    }

    .warning-box-modal-version {
        width: 100%;
    }
}

@media (min-width: 510px) {
    .forgot-password-link-basket {
        left: calc(100% - 115px);
    }

    .customer-hub-control-sign-in-subtext {
        width: 88%;
    }

    .text-box-form-width-page-version, .warning-box-modal-version {
        width: 107%;
    }

    .customer-hub-control-sign-in-link-button-modal {
        width: 93%;
    }
}

@media (min-width: 520px) {
    .forgot-password-link-basket {
        left: calc(100% - 122px);
    }

    .customer-hub-control-sign-in-subtext {
        width: 86%;
    }

    .text-box-form-width-page-version, .warning-box-modal-version {
        width: 105%;
    }

    .customer-hub-control-sign-in-link-button-modal {
        width: 91%;
    }
}

@media (min-width: 530px) {
    .forgot-password-link-basket {
        left: calc(100% - 135px);
    }

    .customer-hub-control-sign-in-subtext {
        width: 84%;
    }

    .text-box-form-width-page-version, .warning-box-modal-version {
        width: 102%;
    }

    .customer-hub-control-sign-in-link-button-modal {
        width: 89%;
    }
}

@media (min-width: 540px) {
    .forgot-password-link-basket {
        left: calc(100% - 144px);
    }

    .customer-hub-control-sign-in-subtext {
        width: 82%;
    }

    .text-box-form-width-page-version, .warning-box-modal-version {
        width: 100%;
    }

    .customer-hub-control-sign-in-link-button-modal {
        width: 86%;
    }
}

@media (min-width: 550px) {
    .forgot-password-link-basket {
        left: calc(100% - 160px);
    }

    .customer-hub-control-sign-in-subtext {
        width: 80%;
    }

    .text-box-form-width-page-version, .warning-box-modal-version {
        width: 96%;
    }

    .customer-hub-control-sign-in-link-button-modal {
        width: 84%;
    }
}

@media (min-width: 560px) {
    .forgot-password-link-basket {
        left: calc(100% - 160px);
    }

    .customer-hub-control-sign-in-subtext {
        width: 78%;
    }

    .text-box-form-width-page-version, .warning-box-modal-version {
        width: 95%;
    }

    .customer-hub-control-sign-in-link-button-modal {
        width: 83%;
    }
}

@media (min-width: 565px) {
    .forgot-password-link-basket {
        left: calc(100% - 165px);
    }
}

@media (min-width: 570px) {
    .forgot-password-link-basket {
        left: calc(100% - 174px);
    }

    .customer-hub-control-sign-in-link-button-modal {
        width: 81%;
    }

    .text-box-form-width-page-version, .warning-box-modal-version {
        width: 93%;
    }
}

@media (min-width: 576px) {
    .customer-hub-control-sign-in-subtext {
        width: 85%;
    }

    .text-box-form-width-page-version, .warning-box-modal-version {
        width: 92%;
    }

    .customer-hub-control-sign-in-link-button-modal {
        width: 80%;
    }

    .forgot-password-link-basket {
        left: calc(100% - 180px);
    }
}

@media (min-width: 580px) {
    .forgot-password-link-basket {
        left: calc(100% - 189px);
    }

    .customer-hub-control-sign-in-subtext {
        width: 83%;
    }

    .text-box-form-width-page-version, .warning-box-modal-version {
        width: 90%;
    }

    .customer-hub-control-sign-in-link-button-modal {
        width: 79%;
    }
}

@media (min-width: 590px) {
    .forgot-password-link-basket {
        left: calc(100% - 200px);
    }

    .customer-hub-control-sign-in-subtext {
        width: 81%;
    }

    .text-box-form-width-page-version, .warning-box-modal-version {
        width: 88%;
    }

    .customer-hub-control-sign-in-link-button-modal {
        width: 78%;
    }
}

@media (min-width: 600px) {
    .customer-hub-control-sign-in-subtext {
        width: 80%;
    }

    .text-box-form-width-page-version, .warning-box-modal-version {
        width: 87%;
    }

    .modal-content-settings {
        width: calc(100% - 35px);
    }

    .customer-hub-control-sign-in-link-button-modal {
        width: 76%;
    }

    .forgot-password-link-basket {
        left: calc(100% - 206px);
    }
}

@media (min-width: 610px) {
    .customer-hub-control-sign-in-subtext {
        width: 79%;
    }

    .text-box-form-width-page-version, .warning-box-modal-version {
        width: 85%;
    }

    .customer-hub-control-sign-in-link-button-modal {
        width: 75%;
    }

    .forgot-password-link-basket {
        left: calc(100% - 217px);
    }
}

@media (min-width: 620px) {
    .customer-hub-control-sign-in-subtext {
        width: 78%;
    }

    .text-box-form-width-page-version, .warning-box-modal-version {
        width: 84%;
    }

    .customer-hub-control-sign-in-link-button-modal {
        width: 73%;
    }

    .forgot-password-link-basket {
        left: calc(100% - 224px);
    }
}

@media (min-width: 630px) {
    .customer-hub-control-sign-in-subtext {
        width: 76%;
    }

    .text-box-form-width-page-version, .warning-box-modal-version {
        width: 82%;
    }

    .customer-hub-control-sign-in-link-button-modal {
        width: 71%;
    }

    .forgot-password-link-basket {
        left: calc(100% - 235px);
    }
}

@media (min-width: 640px) {
    .customer-hub-control-sign-in-subtext {
        width: 75%;
    }

    .text-box-form-width-page-version, .warning-box-modal-version {
        width: 80%;
    }

    .customer-hub-control-sign-in-link-button-modal {
        width: 70%;
    }

    .forgot-password-link-basket {
        left: calc(100% - 248px);
    }
}

@media (min-width: 650px) {
    .customer-hub-control-sign-in-subtext {
        width: 73%;
    }

    .text-box-form-width-page-version, .warning-box-modal-version {
        width: 78%;
    }

    .customer-hub-control-sign-in-link-button-modal {
        width: 68%;
    }

    .forgot-password-link-basket {
        left: calc(100% - 260px);
    }
}

@media (min-width: 660px) {
    .customer-hub-control-sign-in-subtext {
        width: 72%;
    }

    .text-box-form-width-page-version, .warning-box-modal-version {
        width: 77%;
    }

    .customer-hub-control-sign-in-link-button-modal {
        width: 67%;
    }

    .forgot-password-link-basket {
        left: calc(100% - 267px);
    }
}

@media (min-width: 670px) {
    .customer-hub-control-sign-in-subtext {
        width: 71%;
    }

    .text-box-form-width-page-version, .warning-box-modal-version {
        width: 76%;
    }

    .customer-hub-control-sign-in-link-button-modal {
        width: 66%;
    }

    .forgot-password-link-basket {
        left: calc(100% - 276px);
    }
}

@media (min-width: 680px) {
    .customer-hub-control-sign-in-subtext {
        width: 70%;
    }

    .text-box-form-width-page-version, .warning-box-modal-version {
        width: 74%;
    }

    .customer-hub-control-sign-in-link-button-modal {
        width: 65%;
    }
}

@media (min-width: 690px) {
    .customer-hub-control-sign-in-subtext {
        width: 69%;
    }

    .text-box-form-width-page-version, .warning-box-modal-version {
        width: 73%;
    }

    .customer-hub-control-sign-in-link-button-modal {
        width: 64%;
    }

    .forgot-password-link-basket {
        left: calc(100vw - 400px);
    }
}

@media (min-width: 700px) {
    .customer-hub-control-sign-in-subtext {
        width: 68%;
    }

    .text-box-form-width-page-version, .warning-box-modal-version {
        width: 71%;
    }

    .customer-hub-control-sign-in-link-button-modal {
        width: 62%;
    }

    .forgot-password-link-basket {
        left: calc(100vw - 462px);
    }
}

@media (min-width: 710px) {
    .customer-hub-control-sign-in-subtext {
        width: 66%;
    }

    .text-box-form-width-page-version, .warning-box-modal-version {
        width: 69%;
    }

    .customer-hub-control-sign-in-link-button-modal {
        width: 61%;
    }
}

@media (min-width: 720px) {
    .customer-hub-control-sign-in-subtext {
        width: 65%;
    }

    .text-box-form-width-page-version, .warning-box-modal-version {
        width: 68%;
    }

    .customer-hub-control-sign-in-link-button-modal {
        width: 60%;
    }
}

@media (min-width: 730px) {
    .customer-hub-control-sign-in-subtext {
        width: 64%;
    }

    .text-box-form-width-page-version, .warning-box-modal-version {
        width: 67%;
    }

    .customer-hub-control-sign-in-link-button-modal {
        width: 59%;
    }
}

@media (min-width: 740px) {
    .customer-hub-control-sign-in-subtext {
        width: 63%;
    }

    .text-box-form-width-page-version, .warning-box-modal-version {
        width: 66%;
    }

    .customer-hub-control-sign-in-link-button-modal {
        width: 58%;
    }
}

@media (min-width: 750px) {
    .customer-hub-control-sign-in-subtext {
        width: 62%;
    }

    .text-box-form-width-page-version, .warning-box-modal-version {
        width: 65%;
    }

    .customer-hub-control-sign-in-link-button-modal {
        width: 57%;
    }

    .forgot-password-link-basket {
        left: calc(100vw - 491px);
    }
}

@media (min-width: 760px) {
    .customer-hub-control-sign-in-subtext {
        width: 61%;
    }

    .text-box-form-width-page-version, .warning-box-modal-version {
        width: 64%;
    }

    .customer-hub-control-sign-in-link-button-modal {
        width: 56%;
    }
}

@media (min-width: 768px) {
    .customer-hub-control-inner-6 {
        left: 23px;
    }

    .customer-hub-control-sign-in-subtext-signed-in {
        width: 396px;
    }

    .customer-hub-control-sign-in-subtext {
        width: 350px;
    }

    .text-box-form-width-page-version {
        width: 350px;
    }

    .text-box-form-width-page-version-2 {
        width: 377px;
    }

    .customer-hub-control-sign-in-link-button-modal {
        display: inline-block;
        width: 293px;
    }

    .modal-content-settings {
        max-width: 500px;
    }

    .warning-box-modal-version {
        width: 349px;
    }

    .forgot-password-link-basket {
        left: 207px;
    }
}

.customer-hub-control-home-right-modal-inner-3 {
    display: table;
    margin-right: auto;
    position: relative;
    left: -16px;
    top: -45px;
}

.transparent-circle-heading {
    position: relative;
    left: 10px;
    top: 0px;
    font-size: 1.28rem;
    display: inline-block;
}

.link-button-in-text-box-page-version {
    position: relative;
    top: -29px;
    width: 56px;
    font-size: 0.8rem;
    left: calc(100vw - 154px);
}

@media (min-width: 360px) {
    .link-button-in-text-box-page-version {
        left: calc(100vw - 127px);
    }
}

@media (min-width: 428px) {
    .link-button-in-text-box-page-version {
        left: calc(100vw - 132px);
    }
}

@media (min-width: 500px) {
    .link-button-in-text-box-page-version {
        left: calc(100% - 54px);
    }

    .customer-hub-control-home-right-modal-inner-3 {
        left: -4px;
    }
}

@media (min-width: 768px) {
    .transparent-circle-heading {
        font-size: 1.3rem;
        top: -3px;
    }

    .link-button-in-text-box-page-version {
        top: -32px;
        font-size: 1rem;
        left: 317px;
    }

    .customer-hub-control-home-right-modal-inner-3 {
        left: 24px;
    }
}

.mobile-max-width-2 {
    max-width: 380px;
}

@media (min-width: 500px) {
    .mobile-max-width-2 {
        max-width: 100%;
    }
}

.warning-box-2 {
    margin-top: 30px;
    border: 1px solid #c72e2e;
    background: #fff7f7;
    border-radius: 4px;
    font-size: 0.9rem;
    width: 100%;
    margin-bottom: -9px;
}

.warning-box-3 {
    margin-top: 30px;
    border: 1px solid #c72e2e;
    background: #fff7f7;
    border-radius: 4px;
    font-size: 0.9rem;
    width: 100%;
    margin-bottom: 20px;
}

.warning-box-4 {
    margin-top: 30px;
    border: 1px solid #c72e2e;
    background: #fff7f7;
    border-radius: 4px;
    font-size: 0.9rem;
    width: calc(100vw - 69px);
    margin-bottom: -9px;
}

.warning-box-5, .warning-box-7 {
    margin-top: 30px;
    border: 1px solid #c72e2e;
    background: #fff7f7;
    border-radius: 4px;
    font-size: 0.9rem;
    width: 100%;
    margin-bottom: -9px;
}

.warning-box-6 {
    margin-top: 30px;
    border: 1px solid #c72e2e;
    background: #fff7f7;
    border-radius: 4px;
    font-size: 0.9rem;
    width: calc(100vw - 69px);
    margin-bottom: -9px;
}

@media (min-width: 393px) {
    .warning-box-3 {
        width: calc(100vw - 84px);
    }
}

@media (min-width: 500px) {
    .warning-box-4 {
        width: 100%;
    }

    .warning-box-6 {
        width: calc(100vw - 85px);
    }
}

@media (min-width: 768px) {
    .warning-box-3 {
        width: 100%;
    }

    .warning-box-5 {
        width: calc(100% + 14px) !important;
    }

    .warning-box-6 {
        width: calc(100% + 24px);
    }

    .warning-box-7 {
        width: calc(100% + 23px) !important;
    }
}

@media (min-width: 1024px) {
    .warning-box-5 {
        width: calc(100% + 22px) !important;
    }

    .warning-box-6 {
        width: calc(100% + 28px);
    }

    .warning-box-7 {
        width: calc(100% + 28px) !important;
    }
}

.customer-hub-control-enter-otp-sign-in-page-inner {
    padding: 58px 0px 56px 0px;
    width: 100%;
}

.customer-hub-control-enter-otp-sign-in-page-inner-text {
    font-size: 0.9rem;
    padding-left: 0px;
    padding-bottom: 0px;
    padding-top: 1px;
    white-space: normal;
    margin-bottom: -10px;
    position: relative;
    width: calc(100% - 30px);
    left: 19px;
}

.link-button-in-text-box-2 {
    position: relative;
    top: -32px;
    left: calc(100% - 61px);
    width: 56px;
}

.link-button-in-text-box-3 {
    position: relative;
    top: -30px;
    left: calc(100% - 61px);
    width: 56px;
}

@media (min-width: 768px) {
    .customer-hub-control-enter-otp-sign-in-page-inner-text {
        width: 378px;
        left: 31px;
    }

    .link-button-in-text-box-2 {
        position: relative;
        top: -32px;
        width: 56px;
    }

    .link-button-in-text-box-3 {
        width: 56px;
    }
}

@media (min-width: 1367px) {
    .link-button-in-text-box-3 {
        top: -32px;
    }
}

.transparent-circle-heading-margin-top {
    margin-top: 85px;
}

.transparent-circle-heading-margin-top-2 {
    margin-top: 50px;
}

.transparent-circle-heading-margin-top-3 {
    margin-top: 66px;
}

.customer-hub-control-back-button-area, .customer-hub-control-back-button-area-2 {
    position: absolute;
    left: 15px;
    font-size: 1.5rem;
    top: 10px;
    z-index: 1;
}

    .customer-hub-control-back-button-area a, .customer-hub-control-back-button-area-2 a {
        color: inherit;
    }

.modal-content-settings-register {
    width: 82.5vw;
    padding: 0;
    margin: 0;
    left: -13px;
}

.customer-hub-control-home-right-page {
    margin-left: 19px;
    margin-right: 0px;
    min-height: initial;
    height: initial;
    max-height: initial;
    max-width: 100%;
}

.text-box-form-width-register {
    width: calc(100vw - 85px);
    margin-left: 0;
    margin-right: 0;
    padding-left: 15px;
    padding-right: 0;
    display: inline-block;
    font-size: 0.8rem;
}

.customer-hub-control-terms-and-conditions-page {
    padding: 40px 0px 50px 5px;
    text-align: justify;
}

.customer-hub-control-field-padding-4 {
    padding: 0rem 1.2rem 0.3rem 1.2rem;
    width: 97%;
}

.customer-hub-control-field-padding-5 {
    padding: 0rem 1.2rem 0.3rem 1.2rem;
    width: 100%;
}

.customer-hub-control-home-right-modal-inner-5 {
    display: table;
    margin-right: auto;
    position: relative;
    left: -5px;
    margin-bottom: 25px;
}

.customer-hub-control-home-right-modal-inner-6 {
    display: table;
    margin-right: auto;
    position: relative;
    left: -3px;
    margin-bottom: 25px;
}

.customer-hub-control-home-right-modal-inner-7 {
    display: table;
    margin-right: auto;
    position: relative;
    left: -3px;
    margin-bottom: 40px;
}

.customer-hub-control-home-right-modal-inner-8 {
    display: table;
    margin-right: auto;
    position: relative;
    left: -11px;
    margin-bottom: 25px;
}

.customer-hub-control-home-right-modal-inner-9 {
    display: table;
    margin-right: auto;
    position: relative;
    left: -17px;
    margin-bottom: 25px;
}

@media (min-width: 360px) {
    .modal-content-settings-register {
        width: 92vw;
        left: -7px;
    }

    .customer-hub-control-home-right-modal-inner-6 {
        left: -5px;
    }

    .customer-hub-control-home-right-modal-inner-7 {
        left: 5px;
    }
}

@media (min-width: 412px) {
    .customer-hub-control-home-right-modal-inner-7 {
        left: -4px;
    }
}

@media (min-width: 500px) {
    .customer-hub-control-home-right-modal-inner-6, .customer-hub-control-home-right-modal-inner-7 {
        left: -5px;
        margin-top: -25px;
    }

    .customer-hub-control-home-right-modal-inner-8, .customer-hub-control-home-right-modal-inner-9 {
        left: -4px;
    }

    .transparent-circle-heading-margin-top-2 {
        margin-top: 91px;
    }

    .modal-content-settings-register {
        width: 100vw;
        left: 1px;
    }

    .customer-hub-control-terms-and-conditions-page {
        padding: 40px 40px 50px 40px;
        text-align: left;
    }

    .customer-hub-control-field-padding-4 {
        width: 106%;
    }

    .customer-hub-control-field-padding-5 {
        width: 106%;
    }
}

@media (min-width: 576px) {
    .modal-content-settings-register {
        width: 87vw;
    }
}

@media (min-width: 600px) {
    .modal-content-settings-register {
        width: 84vw;
    }
}

@media (min-width: 650px) {
    .modal-content-settings-register {
        width: 78vw;
    }
}

@media (min-width: 700px) {
    .modal-content-settings-register {
        width: 71vw;
    }
}

@media (min-width: 750px) {
    .modal-content-settings-register {
        width: 66vw;
    }
}

@media (min-width: 768px) {
    .transparent-circle-heading-margin-top {
        margin-top: 88px;
    }

    .customer-hub-control-back-button-area {
        display: none;
    }

    .customer-hub-control-back-button-area-2 {
        font-size: 2rem;
        top: 5px;
        left: 13px;
    }

    .modal-content-settings-register {
        max-width: 900px;
    }

    .customer-hub-control-home-right-page {
        margin-right: -20px;
        max-width: 450px;
        margin-left: 0px;
        width: 45%;
    }

    .text-box-form-width-register {
        width: 100%;
    }

    .customer-hub-control-home-right-modal-inner-8, .customer-hub-control-home-right-modal-inner-9 {
        left: 19px;
        width: 100%;
    }

    .customer-hub-control-home-right-modal-inner-5, .customer-hub-control-home-right-modal-inner-6, .customer-hub-control-home-right-modal-inner-7 {
        left: 30px;
        margin-bottom: 0px;
        width: 100%;
    }
}

@media (min-width: 1024px) {
    .modal-content-settings-register {
        width: 90vw;
        left: 0px;
    }

    .text-box-form-width-register {
        width: 359px;
    }

    .customer-hub-control-back-button-area {
        font-size: 2rem;
        top: 5px;
        left: 10px;
    }
}

@media (min-width: 1367px) {
    .text-box-form-width-register {
        font-size: 1rem;
    }
}

.blue-rectangle-button-additional-2 {
    display: inline-block;
    width: calc(100vw - 69px);
}

.customer-hub-control-sign-in-link-button-basket {
    display: inline-block;
    width: calc(100vw - 140px);
}

.blue-rectangle-button-additional-3, .blue-rectangle-button-additional-4 {
    display: inline-block;
}

@media (min-width: 500px) {
    .blue-rectangle-button-additional-2 {
        width: calc(100vw - 85px);
    }
}

@media (min-width: 768px) {
    .blue-rectangle-button-additional-3 {
        display: inline-block;
        width: calc(100% + 14px) !important;
    }

    .blue-rectangle-button-additional-4 {
        display: inline-block;
        width: calc(100% + 23px) !important;
    }

    .customer-hub-control-sign-in-link-button-basket {
        display: inline-block;
        width: 231px;
    }
}

@media (min-width: 1024px) {
    .blue-rectangle-button-additional-3 {
        width: calc(100% + 22px) !important;
    }

    .blue-rectangle-button-additional-4 {
        width: calc(100% + 28px) !important;
    }

    .customer-hub-control-sign-in-link-button-basket {
        display: inline-block;
        width: 296px;
    }
}

.banner-left-quote {
    display: inline-block;
    width: 10px;
    position: relative;
    top: -6px;
    vertical-align: top;
    font-size: 1.5rem;
    left: 3px;
}

.banner-middle-quote {
    display: inline-block;
    width: calc(100% - 21px);
}

.banner-right-quote {
    display: inline-block;
    margin-top: -16px;
    position: relative;
    top: 6px;
    font-size: 1.5rem;
    left: -4px;
}

@media (min-width: 768px) {
    .banner-left-quote {
        font-size: 2rem;
        left: 0px;
    }

    .banner-right-quote {
        font-size: 2rem;
        left: -5px;
    }
}

.why-you-need-opcs-area {
    padding-top: 13px;
    padding-bottom: 7px;
}

.home-faq-padding {
    padding-top: 13px;
    padding-bottom: 19px;
}

.customer-service-is-our-top-priority-padding {
    padding-top: 13px;
    padding-bottom: 10px;
}

.footer-area {
    background: #23334f;
    padding-top: 9px;
    padding-bottom: 0px;
}

@media (min-width: 768px) {
    .why-you-need-opcs-area {
        padding-top: 25px;
        padding-bottom: 19px;
    }

    .home-faq-padding {
        padding-top: 24px;
        padding-bottom: 31px;
    }

    .customer-service-is-our-top-priority-padding {
        padding-top: 25px;
        padding-bottom: 22px;
    }

    .footer-area {
        padding-top: 36px;
    }
}

@media (min-width: 1024px) {
    .main-slider-li {
        height: 401px !important;
    }

    .container-padding-customer-hub-control-inner {
        padding-top: 20px;
        padding-bottom: 30px;
    }

    .container-padding-why-you-need-opcs {
        padding-top: 31px;
        padding-bottom: 27px;
    }

    .container-padding-faq {
        padding-top: 32px;
        padding-bottom: 27px;
    }

    .container-padding-customer-service-is-our-top-priority {
        padding-top: 31px;
        padding-bottom: 26px;
    }
}

@media (min-width: 1920px) {
    .main-slider-li {
        height: 500px !important;
    }

    .connectbox-area {
        top: 462px;
    }

    .support-plan-home-2 {
        padding-top: 157px;
    }
}

.layout-text-width-settings {
    width: 270px;
    max-width: 270px;
    padding: 0px;
    margin: 0 auto;
}

.layout-text-width-settings-card-bottom-text {
    position: relative;
    left: -21px;
    margin: 0 auto;
    padding: 60px 0px 44px 0px;
    font-size: 0.8rem;
    width: 315px;
    max-width: 315px;
    margin-left: 50px;
}

.card-bottom-area-icon {
    display: block;
    width: 40px;
    color: #f38131;
    vertical-align: top;
    font-size: calc(1.2rem + 0.1vw);
    position: relative;
    left: 20px;
}

.card-bottom-area-text {
    display: block;
    width: calc(100% - 44px);
    text-align: justify;
    margin: auto;
}

@media (min-width: 360px) {
    .layout-text-width-settings {
        width: 308px;
        max-width: 308px;
    }

    .layout-text-width-settings-card-bottom-text {
        width: 353px;
        max-width: 353px;
    }
}

@media (min-width: 375px) {
    .card-bottom-area-icon {
        left: 16px;
    }
}

@media (min-width: 390px) {
    .layout-text-width-settings {
        width: 348px;
        max-width: 348px;
    }

    .layout-text-width-settings-card-bottom-text {
        width: 393px;
        max-width: 393px;
    }

    .card-bottom-area-icon {
        left: 23px;
    }
}

@media (min-width: 412px) {
    .card-bottom-area-icon {
        left: 17px;
    }
}

@media (min-width: 428px) {
    .card-bottom-area-icon {
        left: 22px;
    }

    .layout-text-width-settings {
        width: 384px;
        max-width: 384px;
    }

    .layout-text-width-settings-card-bottom-text {
        width: 429px;
        max-width: 429px;
    }
}

@media (min-width: 500px) {
    .card-bottom-area-icon {
        left: 19px;
    }

    .layout-text-width-settings {
        width: 425px;
        max-width: 425px;
    }

    .layout-text-width-settings-card-bottom-text {
        width: 470px;
        max-width: calc(100% - 44px);
    }
}

@media (min-width: 600px) {
    .card-bottom-area-icon {
        left: 17px;
    }
}

@media (min-width: 623px) {
    .card-bottom-area-icon {
        left: 20px;
    }

    .layout-text-width-settings {
        width: 557px;
        max-width: 557px;
    }

    .layout-text-width-settings-card-bottom-text {
        width: 602px;
    }
}

@media (min-width: 768px) {
    .layout-text-width-settings {
        width: 642px;
        max-width: 642px;
    }

    .layout-text-width-settings-card-bottom-text {
        padding: 72px 0px 56px 0px;
        width: 687px;
        max-width: 687px;
        margin-left: auto;
    }

    .card-bottom-area-icon {
        left: 15px;
        font-size: calc(1.2rem + 0.2vw);
        display: inline-block;
    }

    .card-bottom-area-text {
        display: inline-block;
    }
}

@media (min-width: 820px) {
    .layout-text-width-settings {
        width: 672px;
        max-width: 672px;
    }

    .layout-text-width-settings-card-bottom-text {
        width: 717px;
        max-width: 717px;
    }
}

@media (min-width: 1024px) {
    .layout-text-width-settings {
        width: 800px;
        max-width: 800px;
    }

    .layout-text-width-settings-card-bottom-text {
        font-size: 1rem;
        padding: 0px 0px 56px 0px;
        margin-top: -25px;
        width: 845px;
        max-width: 845px;
    }

    .card-bottom-area-icon {
        left: 10px;
        font-size: calc(1.2rem + 0.4vw);
    }
}

@media (min-width: 1200px) {
    .layout-text-width-settings-card-bottom-text {
        margin-top: 50px;
    }
}

@media (min-width: 1280px) {
    .layout-text-width-settings {
        width: 1200px;
        max-width: 1200px;
    }

    .layout-text-width-settings-card-bottom-text {
        /*        width: 932px;
        max-width: 932px;*/
        width: 1600px;
        max-width: 1600px;
        position: relative;
        left: 0px;
        padding-left: 285px;
    }

    .card-bottom-area-icon {
        left: 5px;
        font-size: calc(1.2rem + 0.4vw);
    }
}

@media (min-width: 1367px) {
    .card-bottom-area-icon {
        font-size: 1.8rem;
        left: 0px;
    }
}

.subtext-two-column-area-column-left {
    font-size: 0.8rem;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    max-width: 270px;
    margin: 0 auto;
    padding: 0px;
}

.subtext-two-column-area-column-right {
    font-size: 0.8rem;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    max-width: 270px;
    margin: 0 auto;
    padding: 0px;
}


@media (min-width: 360px) {
    .subtext-two-column-area-column-left, .subtext-two-column-area-column-right {
        max-width: 308px;
    }
}

@media (min-width: 390px) {
    .subtext-two-column-area-column-left, .subtext-two-column-area-column-right {
        max-width: 348px;
    }
}

@media (min-width: 428px) {
    .subtext-two-column-area-column-left, .subtext-two-column-area-column-right {
        max-width: 384px;
    }
}

@media (min-width: 500px) {
    .subtext-two-column-area-column-left, .subtext-two-column-area-column-right {
        max-width: 425px;
    }
}

@media (min-width: 623px) {
    .subtext-two-column-area-column-left, .subtext-two-column-area-column-right {
        max-width: 557px;
    }
}


@media (min-width: 768px) {
    .subtext-two-column-area-column-left {
        padding-left: 30px;
        position: relative;
        left: -20px;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
        margin: 0px;
    }

    .subtext-two-column-area-column-right {
        padding-right: 30px;
        position: relative;
        left: 20px;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
        margin: 0px;
    }
}

@media (min-width: 1367px) {
    .subtext-two-column-area-column-left {
        font-size: 1rem;
        padding-left: initial;
    }

    .subtext-two-column-area-column-right {
        font-size: 1rem;
        padding-right: initial;
    }
}

.customer-hub-control-margin-bottom-change {
    margin-bottom: -24px;
}

.sign-up-left-heading {
    font-size: 1.8rem;
    margin-bottom: 50px;
}

@media (min-width: 768px) {
    .sign-up-left-heading {
        font-size: 1.3rem;
        margin-bottom: 50px;
        margin-top: 43px;
    }
}

.close-modal-settings {
    position: relative;
    top: 15px;
    right: 15px;
    opacity: 1;
    float: right;
    z-index: 100000;
}

@media (min-width: 768px) {
    .close-modal-settings {
        top: 11px;
        right: 16px;
    }
}

.main-page-heading {
    font-size: 1.4rem;
    padding-bottom: 21px !important;
}

.card-block-heading {
    font-weight: 600;
    padding-bottom: 10px;
    position: relative;
    left: -15px;
    text-align: left;
    font-size: 1.4rem;
}

.card-block-heading-final {
    font-weight: 600;
    padding-bottom: 10px;
    color: #f5f6f6;
    position: relative;
    left: -15px;
    text-align: left;
    font-size: 1.4rem;
}

.typicals-heading {
    font-size: 1.4rem !important;
}

.how-to-get-started-heading {
    font-size: 1.4rem;
}

.what-we-offer-title {
    padding-top: 9px;
    font-size: 1.4rem;
}

@media (min-width: 768px) {
    .how-to-get-started-heading {
        font-size: 1.7rem;
    }

    .what-we-offer-title {
        font-size: 1.6rem;
    }
}

@media (min-width: 1024px) {
    .main-page-heading {
        font-size: 2rem;
    }

    .card-block-heading {
        text-align: center;
        font-size: 1.1rem;
    }

    .card-block-heading-final {
        text-align: center;
        font-size: 1.1rem;
        left: 0px;
    }

    .how-to-get-started-heading {
        font-size: 2rem;
    }

    .what-we-offer-title {
        font-size: 2rem;
    }
}

@media (min-width: 1367px) {
    .card-block-heading, .card-block-heading-final {
        font-size: 1.6rem;
        padding-bottom: 20px;
    }
}

@media (min-width: 1680px) {
    .typicals-heading {
        font-size: 1.6rem !important;
    }
}

.standard-heading {
    font-size: 1.4rem !important;
}

.standard-text {
    font-size: 0.8rem !important;
}

@media (min-width: 768px) {
    .standard-heading {
        font-size: 1.5rem !important;
    }

    .standard-text {
        font-size: 0.9rem !important;
    }
}

@media (min-width: 1024px) {
    .standard-heading {
        font-size: 1.6rem !important;
    }

    .standard-text {
        font-size: 1rem !important;
    }
}

@media (min-width: 1367px) {
    .standard-heading {
        font-size: 1.7rem !important;
    }
}

@media (min-width: 1680px) {
    .standard-heading {
        font-size: 1.9rem !important;
        font-weight: 500;
    }
}

.card-block-included-not-included-bottom-cell {
    border-bottom: 1px solid #E6E7EB;
}

.header-menu-item-right-title {
    margin-top: 4px;
}

.header-menu-arrow-top:after {
    content: "";
    display: block;
    position: relative;
    top: 1px;
    left: -235px;
    width: 0;
    border-width: 0 18px 30px 18px;
    border-style: solid;
    border-color: #ffffff transparent;
    margin: 0 auto;
    margin-top: -8px;
    z-index: 999999;
}

.sign-in-button-page-extra-css {
    display: inline-block;
}

.password-text-box-outer-extra-css {
    width: auto;
}

.customer-hub-login-and-sign-up-inner-modal-signed-in-extra-css {
    position: relative;
    left: 27px;
}

.sign-in-button-page-warning-box-extra-css {
    width: 100%;
}

@media (min-width: 500px) {
    .customer-hub-login-and-sign-up-inner-modal-extra-css {
        position: relative;
        left: -5px;
    }
}

@media (min-width: 510px) {
    .customer-hub-login-and-sign-up-inner-modal-extra-css {
        left: 0px;
    }
}

@media (min-width: 530px) {
    .customer-hub-login-and-sign-up-inner-modal-extra-css {
        left: 1px;
    }
}

@media (min-width: 535px) {
    .customer-hub-login-and-sign-up-inner-modal-extra-css {
        left: -1px;
    }
}

@media (min-width: 540px) {
    .sign-in-button-modal-extra-css-2 {
        display: block;
    }
}

@media (min-width: 550px) {
    .customer-hub-login-and-sign-up-inner-modal-extra-css {
        left: 3px;
    }

    .sign-in-button-modal-extra-css-2 {
        width: 96%;
    }
}

@media (min-width: 560px) {
    .customer-hub-login-and-sign-up-inner-modal-extra-css {
        left: 0px;
    }
}

@media (min-width: 565px) {
    .sign-in-button-modal-extra-css-2 {
        width: 95%;
    }
}

@media (min-width: 570px) {
    .sign-in-button-modal-extra-css-2 {
        width: 93%;
    }

    .customer-hub-login-and-sign-up-inner-modal-extra-css {
        left: 2px;
    }
}

@media (min-width: 576px) {
    .sign-in-button-modal-extra-css-2 {
        width: 92%;
    }
}

@media (min-width: 580px) {
    .customer-hub-login-and-sign-up-inner-modal-extra-css {
        left: 3px;
    }

    .sign-in-button-modal-extra-css-2 {
        width: 90%;
    }
}

@media (min-width: 590px) {
    .customer-hub-login-and-sign-up-inner-modal-extra-css {
        left: 4px;
    }

    .sign-in-button-modal-extra-css-2 {
        width: 88%;
    }
}

@media (min-width: 600px) {
    .customer-hub-login-and-sign-up-inner-modal-extra-css {
        left: 3px;
    }

    .sign-in-button-modal-extra-css-2 {
        width: 87%;
    }
}

@media (min-width: 610px) {
    .sign-in-button-modal-extra-css-2 {
        width: 85%;
    }
}

@media (min-width: 620px) {
    .sign-in-button-modal-extra-css-2 {
        width: 84%;
    }

    .customer-hub-login-and-sign-up-inner-modal-extra-css {
        left: 1px;
    }
}

@media (min-width: 630px) {
    .sign-in-button-modal-extra-css-2 {
        width: 82%;
    }
}

@media (min-width: 635px) {
    .customer-hub-login-and-sign-up-inner-modal-extra-css {
        left: -1px;
    }
}

@media (min-width: 640px) {
    .sign-in-button-modal-extra-css-2 {
        width: 80%;
    }

    .customer-hub-login-and-sign-up-inner-modal-extra-css {
        left: 2px;
    }
}

@media (min-width: 645px) {
    .customer-hub-login-and-sign-up-inner-modal-extra-css {
        left: 0px;
    }
}

@media (min-width: 650px) {
    .sign-in-button-modal-extra-css-2 {
        width: 78%;
    }

    .customer-hub-login-and-sign-up-inner-modal-extra-css {
        left: 3px;
    }
}

@media (min-width: 660px) {
    .sign-in-button-modal-extra-css-2 {
        width: 77%;
    }
}

@media (min-width: 665px) {
    .customer-hub-login-and-sign-up-inner-modal-extra-css {
        left: 0px;
    }
}

@media (min-width: 670px) {
    .sign-in-button-modal-extra-css-2 {
        width: 76%;
    }

    .customer-hub-login-and-sign-up-inner-modal-extra-css {
        left: 1px;
    }
}

@media (min-width: 675px) {
    .customer-hub-login-and-sign-up-inner-modal-extra-css {
        left: 0px;
    }
}

@media (min-width: 680px) {
    .forgot-password-link-basket {
        left: calc(100% - 289px);
    }

    .sign-in-button-modal-extra-css-2 {
        width: 74%;
    }

    .customer-hub-login-and-sign-up-inner-modal-extra-css {
        left: 2px;
    }
}

@media (min-width: 690px) {
    .forgot-password-link-basket {
        left: calc(100% - 297px);
    }

    .sign-in-button-modal-extra-css-2 {
        width: 73%;
    }
}

@media (min-width: 695px) {
    .customer-hub-login-and-sign-up-inner-modal-extra-css {
        left: 0px;
    }
}

@media (min-width: 700px) {
    .forgot-password-link-basket {
        left: calc(100% - 311px);
    }

    .sign-in-button-modal-extra-css-2 {
        width: 71%;
    }

    .customer-hub-login-and-sign-up-inner-modal-extra-css {
        left: 4px;
    }
}

@media (min-width: 710px) {
    .forgot-password-link-basket {
        left: calc(100% - 326px);
    }

    .customer-hub-login-and-sign-up-inner-modal-extra-css {
        left: 5px;
    }

    .sign-in-button-modal-extra-css-2 {
        width: 69%;
    }
}

@media (min-width: 720px) {
    .forgot-password-link-basket {
        left: calc(100% - 336px);
    }

    .customer-hub-login-and-sign-up-inner-modal-extra-css {
        left: 6px;
    }

    .sign-in-button-modal-extra-css-2 {
        width: 68%;
    }
}

@media (min-width: 725px) {
    .customer-hub-login-and-sign-up-inner-modal-extra-css {
        left: 5px;
    }
}

@media (min-width: 730px) {
    .forgot-password-link-basket {
        left: calc(100% - 346px);
    }

    .customer-hub-login-and-sign-up-inner-modal-extra-css {
        left: 6px;
    }

    .sign-in-button-modal-extra-css-2 {
        width: 67%;
    }
}

@media (min-width: 735px) {
    .customer-hub-login-and-sign-up-inner-modal-extra-css {
        left: 4px;
    }
}

@media (min-width: 740px) {
    .forgot-password-link-basket {
        left: calc(100% - 354px);
    }

    .customer-hub-login-and-sign-up-inner-modal-extra-css {
        left: 5px;
    }

    .sign-in-button-modal-extra-css-2 {
        width: 66%;
    }
}

@media (min-width: 745px) {
    .customer-hub-login-and-sign-up-inner-modal-extra-css {
        left: 4px;
    }
}

@media (min-width: 750px) {
    .forgot-password-link-basket {
        left: calc(100% - 364px);
    }

    .customer-hub-login-and-sign-up-inner-modal-extra-css {
        left: 6px;
    }

    .sign-in-button-modal-extra-css-2 {
        width: 65%;
    }
}

@media (min-width: 755px) {
    .customer-hub-login-and-sign-up-inner-modal-extra-css {
        left: 4px;
    }
}

@media (min-width: 760px) {
    .forgot-password-link-basket {
        left: calc(100% - 374px);
    }

    .customer-hub-login-and-sign-up-inner-modal-extra-css {
        left: 5px;
    }

    .sign-in-button-modal-extra-css-2 {
        width: 64%;
    }
}

@media (min-width: 765px) {
    .customer-hub-login-and-sign-up-inner-modal-extra-css {
        left: 3px;
    }
}

@media (min-width: 768px) {
    .customer-hub-login-and-sign-up-inner-modal-signed-in-extra-css {
        position: relative;
        left: -2px;
    }

    .sign-in-button-page-extra-css {
        display: inline;
    }

    .password-text-box-outer-extra-css {
        width: 100%;
    }

    .forgot-password-link-basket {
        left: calc(100% - 144px);
    }

    .sign-in-button-modal-extra-css-2 {
        width: 92%;
    }

    .sign-in-button-page-warning-box-extra-css {
        width: 285px;
    }
}

@media (min-width: 1024px) {
    .sign-in-button-page-warning-box-extra-css {
        width: 350px;
    }
}

.one-time-code-forgotten-password-extra-css {
    position: relative;
    left: 0px;
}

@media (min-width: 500px) {
    .customer-hub-enter-one-time-code-forgotten-password-page-inner-extra-css {
        display: block;
        min-width: 415px;
    }
}

@media (min-width: 768px) {
    .customer-hub-enter-one-time-code-forgotten-password-page-inner-extra-css {
        display: table;
        min-width: inherit;
    }
}

.back-to-sign-in-up-forgotten-password {
    position: absolute;
    top: 53px;
    left: 7px;
}

@media (min-width: 500px) {
    .back-to-sign-in-up-forgotten-password {
        left: -3px;
    }
}

@media (min-width: 768px) {
    .back-to-sign-in-up-forgotten-password {
        left: -11px;
    }
}

@media (min-width: 500px) {
    .customer-hub-sign-up-password-page-inner-extra-css {
        left: -13px;
    }
}

@media (min-width: 768px) {
    .customer-hub-sign-up-password-page-inner-extra-css {
        left: 11px;
    }
}

.footer-images-area {
    display: table;
    text-align: center;
    width: calc(100% - 0px);
    margin-top: 0px;
    margin-bottom: 0px;
    position: relative;
    left: -12px;
}

.footer-image-item-left {
    display: inline-block;
    margin: 0px 20px 0px 0px;
    width: calc(192px * 0.25);
    height: calc(43px * 0.25);
}

.footer-image-item-middle {
    display: inline-block;
    margin: 0px 20px 0px 20px;
    width: calc(223px * 0.25);
    height: calc(56px * 0.25);
}

.footer-image-item-right {
    display: inline-block;
    margin: 0px 0px 0px 20px;
    width: calc(273px * 0.25);
    height: calc(55px * 0.25);
}

@media (min-width: 360px) {
    .footer-images-area {
        left: -33px;
    }

    .footer-image-item-left {
        width: calc(192px * 0.3);
        height: calc(43px * 0.3);
    }

    .footer-image-item-middle {
        width: calc(223px * 0.3);
        height: calc(56px * 0.3);
    }

    .footer-image-item-right {
        width: calc(273px * 0.3);
        height: calc(55px * 0.3);
    }
}

@media (min-width: 375px) {
    .footer-image-item-left {
        width: calc(192px * 0.35);
        height: calc(43px * 0.35);
    }

    .footer-image-item-middle {
        width: calc(223px * 0.35);
        height: calc(56px * 0.35);
    }

    .footer-image-item-right {
        width: calc(273px * 0.35);
        height: calc(55px * 0.35);
    }
}

@media (min-width: 412px) {
    .footer-images-area {
        left: -39px;
    }

    .footer-image-item-left {
        width: calc(192px * 0.4);
        height: calc(43px * 0.4);
    }

    .footer-image-item-middle {
        width: calc(223px * 0.4);
        height: calc(56px * 0.4);
    }

    .footer-image-item-right {
        width: calc(273px * 0.4);
        height: calc(55px * 0.4);
    }
}

@media (min-width: 500px) {
    .footer-images-area {
        left: -58px;
    }
}

@media (min-width: 768px) {
    .footer-images-area {
        left: 0px;
    }

    .footer-image-item-left {
        width: calc(192px * 0.6);
        height: calc(43px * 0.6);
    }

    .footer-image-item-middle {
        width: calc(223px * 0.6);
        height: calc(56px * 0.6);
    }

    .footer-image-item-right {
        width: calc(273px * 0.6);
        height: calc(55px * 0.6);
    }
}

@media (min-width: 1200px) {
    .footer-image-item-left {
        width: calc(192px * 0.7);
        height: calc(43px * 0.7);
    }

    .footer-image-item-middle {
        width: calc(223px * 0.7);
        height: calc(56px * 0.7);
    }

    .footer-image-item-right {
        width: calc(273px * 0.7);
        height: calc(55px * 0.7);
    }
}

@media (min-width: 1368px) {
    .footer-image-item-left {
        width: calc(192px * 0.8);
        height: calc(43px * 0.8);
    }

    .footer-image-item-middle {
        width: calc(223px * 0.8);
        height: calc(56px * 0.8);
    }

    .footer-image-item-right {
        width: calc(273px * 0.8);
        height: calc(55px * 0.8);
    }
}

@media (min-width: 1440px) {
    .footer-image-item-left {
        width: calc(192px * 0.6);
        height: calc(43px * 0.6);
    }

    .footer-image-item-middle {
        width: calc(223px * 0.6);
        height: calc(56px * 0.6);
    }

    .footer-image-item-right {
        width: calc(273px * 0.6);
        height: calc(55px * 0.6);
    }
}

@media (min-width: 1600px) {
    .footer-image-item-left {
        width: calc(192px * 0.7);
        height: calc(43px * 0.7);
    }

    .footer-image-item-middle {
        width: calc(223px * 0.7);
        height: calc(56px * 0.7);
    }

    .footer-image-item-right {
        width: calc(273px * 0.7);
        height: calc(55px * 0.7);
    }
}

@media (min-width: 1800px) {
    .footer-image-item-left {
        width: calc(192px * 0.8);
        height: calc(43px * 0.8);
    }

    .footer-image-item-middle {
        width: calc(223px * 0.8);
        height: calc(56px * 0.8);
    }

    .footer-image-item-right {
        width: calc(273px * 0.8);
        height: calc(55px * 0.8);
    }
}

@media (min-width: 2000px) {
    .footer-image-item-left {
        width: calc(192px * 0.9);
        height: calc(43px * 0.9);
    }

    .footer-image-item-middle {
        width: calc(223px * 0.9);
        height: calc(56px * 0.9);
    }

    .footer-image-item-right {
        width: calc(273px * 0.9);
        height: calc(55px * 0.9);
    }
}

@media (min-width: 2200px) {
    .footer-image-item-left {
        width: calc(192px * 1);
        height: calc(43px * 1);
    }

    .footer-image-item-middle {
        width: calc(223px * 1);
        height: calc(56px * 1);
    }

    .footer-image-item-right {
        width: calc(273px * 1);
        height: calc(55px * 1);
    }
}

.need-help-choosing-phone-area-text {
    position: relative;
    left: 8px;
}

.card-block-left-not-card-area-text-full-email {
    display: none;
}

.card-block-left-not-card-area-text-click-to-email {
    display: inline-block;
    position: relative;
    left: 8px;
}

@media (min-width: 1300px) {
    .card-block-left-not-card-area-text-full-email {
        display: inline-block;
        position: relative;
        left: 8px;
    }

    .card-block-left-not-card-area-text-click-to-email {
        display: none;
    }
}

.seo-h1 {
    font-size: inherit;
    margin: inherit;
    line-height: inherit;
}

.banner-h2 {
    font-size: inherit;
    margin: inherit;
    line-height: 25px;
}

.banner-right-quote-span {
    font-size: 2rem;
    position: relative;
    top: 3px;
}

@media (min-width: 1200px) {
    .block-of-cards-features {
        display: block;
        border-radius: 0px;
        margin: 0 auto;
        width: 100vw;
        max-width: 1400px;
        padding-bottom: 0px;
        margin-bottom: -9px;
    }

    .block-of-cards-features-5-cards {
        display: block;
        border-radius: 0px;
        margin: 0 auto;
        width: 100vw;
        max-width: 1700px;
        padding-bottom: 0px;
        margin-bottom: -9px;
    }
}

/********************/
/********************/
/********************/
/********************/
/*Main Website Above*/
/********************/
/********************/
/********************/
/********************/