* {
    margin: 0;
    padding: 0;
}

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

/* -- default text font*/
body {
    font-family: "Poppins", Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #444D63;
    -webkit-font-feature-settings: "clig" off, "liga" off;
    font-feature-settings: "clig" off, "liga" off;
    /* Copy/Small */
    font-style: normal;
    font-weight: 400;
    line-height: 14px; /* 116.667% */
    padding-bottom: 100px;
}

@font-face {
    font-family: Poppins;
    src: url(fonts/Poppins-Regular.woff2) format("woff2"), url(fonts/Poppins-Regular.woff) format("woff");
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: Poppins-SemiBold;
    src: url(fonts/Poppins-SemiBold.woff2) format("woff2"), url(fonts/Poppins-SemiBold.woff) format("woff");
    font-weight: 600;
    font-style: normal;
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    font-family: Poppins;
    text-rendering: optimizeLegibility;
    color: #131C35;
    font-weight: 600;
}

h1, .h1, .headline-x-large {
    font-size: 40px;
    line-height: 46px;
    letter-spacing: -0.6px;
}

@media (max-width: 768px) {
    h1, .h1, .headline-x-large {
        font-size: 34px;
        line-height: 40px;
    }
}

@media (max-width: 576px) {
    h1, .h1, .headline-x-large {
        font-size: 30px;
        line-height: 32px;
        letter-spacing: -0.4px;
    }
}

h1.error-text {
    font-size: 40px;
    line-height: 46px;
    letter-spacing: -0.6px;
}

@media (max-width: 320px) {
    h1.error-text {
        /* Title/Mobile/Large */
        font-family: Poppins;
        font-size: 26px;
        font-style: normal;
        font-weight: 600;
        line-height: 28px; /* 107.692% */
        letter-spacing: -0.3px;
    }
}

h2, .h2, .headline-large {
    font-size: 32px;
    line-height: 38px;
    letter-spacing: -0.6px;
}

@media (max-width: 768px) {
    h2, .h2, .headline-large {
        font-size: 30px;
        line-height: 36px;
    }
}

@media (max-width: 576px) {
    h2, .h2, .headline-large {
        font-size: 26px;
        line-height: 28px;
        letter-spacing: -0.3px;
    }
}

h3, .h3, .headline-medium {
    font-size: 26px;
    font-style: normal;
    line-height: 120%; /* 31.2px */
    letter-spacing: -0.6px;
}

@media (max-width: 768px) {
    h3, .h3, .headline-medium {
        font-size: 24px;
        line-height: 26px;
    }
}

@media (max-width: 576px) {
    h3, .h3, .headline-medium {
        font-size: 22px;
        line-height: 24px;
    }
}

h4, .h4, .headline-small {
    -webkit-font-feature-settings: "clig" off, "liga" off;
    font-feature-settings: "clig" off, "liga" off;
    /* Title/Desktop/Medium */
    font-size: 22px;
    font-style: normal;
    line-height: 28px; /* 31.2px */
    letter-spacing: 0px;
    font-weight: 600;
}

@media (max-width: 768px) {
    h4, .h4, .headline-small {
        font-size: 22px;
        line-height: 24px; /* 31.2px */
    }
}

h6, .h6, .headline-medium-small {
    -webkit-font-feature-settings: "clig" off, "liga" off;
    font-feature-settings: "clig" off, "liga" off;
    /* Title/Desktop/Medium */
    font-size: 22px;
    font-style: normal;
    line-height: 28px; /* 31.2px */
    letter-spacing: 0px;
}

@media (max-width: 576px) {
    h6, .h6, .headline-medium-small {
        font-size: 20px;
        line-height: 22px;
    }
}

h5, .h5, .headline-x-small {
    font-size: 18px;
    font-style: normal;
    line-height: 20px;
    letter-spacing: 0px;
}

/* font styel, size and line height, letter spacing, font-weight*/
.header-title {
    /* Title/Desktop/Small */
    font-size: 18px;
    font-weight: 600;
    line-height: 20px;
}

@media (min-width: 768px) {
    .header-title {
        font-size: 20px;
        line-height: 22px;
    }
}

@media (min-width: 992px) {
    .header-title {
        font-size: 22px;
        line-height: 28px;
    }
}

.header-step {
    font-size: 12px;
    line-height: 14px;
    font-weight: 600;
}

@media (min-width: 768px) {
    .header-step {
        font-size: 14px;
        line-height: 18.9px;
    }
}

.pricing-font {
    font-size: 20px;
    font-weight: 600;
    line-height: 30px;
    letter-spacing: -0.4499999881px;
    text-align: left;
    vertical-align: top;
}

.pricing-big-font {
    font-size: 40px;
    font-weight: 600;
    line-height: 40px;
    letter-spacing: -1px;
    text-align: left;
}

.font40-bold {
    font-size: 40px;
    line-height: 40px;
    letter-spacing: 0px;
    font-weight: 600;
}

.font22-bold {
    font-size: 22px;
    line-height: 28px;
    letter-spacing: 0px;
    font-weight: 600;
}

.font22-regular {
    font-size: 22px;
    line-height: 28px;
    letter-spacing: 0px;
}

.font20-bold-lh30 {
    font-size: 20px;
    line-height: 22px;
    letter-spacing: 0px;
    font-weight: 600;
}

.font20-bold {
    font-size: 20px;
    line-height: 22px;
    letter-spacing: 0px;
    font-weight: 600;
}

.font20-regular {
    font-size: 20px;
    line-height: 22px;
    letter-spacing: 0px;
}

.font18-bold {
    font-size: 18px;
    line-height: 20px;
    letter-spacing: 0px;
    font-weight: 600;
}

.font18-regular {
    font-size: 18px;
    line-height: 20px;
    letter-spacing: 0px;
}

.font16-bold {
    font-size: 16px;
    line-height: 22px;
    letter-spacing: 0px;
    font-weight: 600;
}

.font16-regular {
    font-size: 16px;
    line-height: 22px;
    letter-spacing: 0px;
}

.font14-bold {
    font-size: 14px;
    line-height: 135%;
    letter-spacing: 0px;
    font-weight: 600;
}

.font14-regular {
    font-size: 14px;
    line-height: 135%;
    letter-spacing: 0px;
}

.font12-bold {
    font-size: 12px;
    line-height: 14px;
    letter-spacing: 0px;
    font-weight: 600;
}

.font12-regular {
    font-size: 12px;
    line-height: 14px;
    letter-spacing: 0px;
}

.font10-bold {
    font-size: 10px;
    line-height: 12px;
    letter-spacing: 0px;
    font-weight: 600;
}

/* Price fonts */
.price-font40 {
    font-size: 40px;
    font-style: normal;
    font-weight: 600;
    line-height: 100%; /* 40px */
    letter-spacing: -1px;
}

.price-font20 {
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    letter-spacing: -0.45px;
}

/* font-weight */
.fw-400 {
    font-weight: 400;
}

.fw-600 {
    font-weight: 600;
}

.fw-700 {
    font-weight: 700;
}

.fw-900 {
    font-weight: 900;
}

.line-height-14 {
    line-height: 14px;
}

.line-height-22 {
    line-height: 22px;
}

.line-height-130 {
    line-height: 130%;
}

.font-icon-16 {
    font-size: 16px;
}

.font-icon-20 {
    font-size: 20px;
}

.font-icon-24 {
    font-size: 24px;
}

.font-icon-32 {
    font-size: 32px;
}

.font-icon-38 {
    font-size: 38px;
}

.font-icon-60 {
    font-size: 60px;
}

.inline-small {
    display: inline;
}

.inline-large {
    display: block;
}

.inline {
    display: inline;
}

.text-align-left {
    text-align: left;
}

.no-bottom-border {
    border-bottom: none;
    text-decoration: none;
}

@media (max-width: 768px) {
    h1, .h1, .headline-x-large {
        font-size: 34px;
        line-height: 40px;
    }

    h2, .h2, .headline-large {
        font-size: 30px;
        line-height: 36px;
    }

    h3, .h3, .headline-medium {
        font-size: 24px;
        line-height: 26px;
    }

    h4, .h4, .headline-small {
        font-size: 20px;
        font-style: normal;
        line-height: 22px; /* 31.2px */
    }
}

@media (max-width: 576px) {
    h1, .h1, .headline-x-large {
        font-size: 30px;
        line-height: 32px;
        letter-spacing: -0.4px;
    }

    h2, .h2, .headline-large {
        font-size: 26px;
        line-height: 28px;
        letter-spacing: -0.3px;
    }

    h3, .h3, .headline-medium {
        font-size: 22px;
        line-height: 24px;
    }

    h4, .h4, .headline-medium-small {
        font-size: 22px;
        line-height: 24px;
    }

    .font20-bold {
        font-size: 18px;
        line-height: 20px;
    }

    h6, .h6, .headline-medium-small {
        font-size: 20px;
        font-style: normal;
        line-height: 22px; /* 31.2px */
    }

    .pricing-font {
        font-size: 16px;
        font-weight: 600;
        line-height: 16px;
        letter-spacing: -0.45px;
        text-align: left;
        vertical-align: top;
    }

    .pricing-big-font {
        font-size: 28px;
        font-weight: 600;
        line-height: 25.2px;
        letter-spacing: -1px;
        text-align: left;
    }

    .inline-small {
        display: block;
    }

    .inline-large {
        display: inline;
    }
}

:root {
    --bs-border-color: #CDCFD5;
    --bs-heading-color: $text-color-midnight;
    --bs-card-color: $text-color-midnight-light;
    --bs-primary-bg-subtle: #fff;
    --bs-primary-text-emphasis: $text-color-midnight;
    --bs-body-color: $text-color-midnight-light;
}

article, aside, figcaption, figure, footer, header, hgroup, main, nav, section {
    display: block;
}

a {
    color: #4E4AE4;
}

.background-primary {
    background-color: #E10A0A !important;
}

.background-color-secondary {
    background-color: #E5E8F0 !important;
}

.background-color-grey {
    background-color: #F3F2F0 !important;
}

label {
    color: #131C35;
    /* Surtitle - 8.1 */
    font-size: 14px !important;
    font-style: normal;
    font-weight: 600;
    line-height: 18.9px; /* 128.571% */
}

.abs-center {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center !important;
    -ms-flex-pack: center !important;
    justify-content: center !important;
    -webkit-box-align: center !important;
    -ms-flex-align: center !important;
    align-items: center !important;
}

.abs-right {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: right;
    -ms-flex-pack: right;
    justify-content: right;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.abs-left {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: left;
    -ms-flex-pack: left;
    justify-content: left;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.btn-primary {
    --bs-btn-bg: #E10A0A;
    --bs-btn-border-color: #E10A0A;
    --bs-btn-hover-bg: #c90909;
    --bs-btn-hover-border-color: #c90909;
    --bs-btn-active-bg: #c90909;
    --bs-btn-active-border-color: #c90909;
    --bs-btn-disabled-bg: #BABEC2;
    --bs-btn-disabled-border-color: #BABEC2;
    border-radius: 4px;
    padding: 13px 30px;
    color: #fff;
    text-align: center;
    -webkit-font-feature-settings: "clig" off, "liga" off;
    font-feature-settings: "clig" off, "liga" off;
    /* Button/Label - Default */
    font-family: Poppins;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 18px; /* 112.5% */
    border-width: 2px;
}

.btn-outline-primary {
  --bs-btn-color: #131C35;
  --bs-btn-border-color: #131C35;
  --bs-btn-hover-bg: #131C35;
  --bs-btn-hover-border-color: #131C35;
  --bs-btn-focus-shadow-rgb: #131C35;
  --bs-btn-active-bg: #131C35;
  --bs-btn-active-border-color: #131C35;
  --bs-btn-disabled-color: #858A99;
  --bs-btn-disabled-border-color: #858A99;
  border-radius: 4px;
  padding: 11px 28px;
  text-align: center;
  -webkit-font-feature-settings: "clig" off, "liga" off;
          font-feature-settings: "clig" off, "liga" off;
  /* Button/Label - Default */
  font-family: Poppins;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 18px; /* 112.5% */
  border-width: 2px;
}

.btn-width186 {
    width: 186px;
}

@media (min-width: 576px) {
    .border-box-tablet-plus {
        border: 1px solid;
        padding: 32px;
        border-color: var(--greyscale-grey-keyline, #CDCFD5);
    }
}

.form-select {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M5.82369 8.82322C5.92132 8.92085 6.07961 8.92085 6.17724 8.82322L10.5737 4.42678C10.7312 4.26928 10.6196 4 10.3969 4H1.60402C1.38129 4 1.26975 4.26929 1.42724 4.42678L5.82369 8.82322Z' fill='%234E4AE4'/%3E%3C/svg%3E");
}

::-webkit-input-placeholder {
    color: #858A99;
    opacity: 1; /* Firefox */
}

::-moz-placeholder {
    color: #858A99;
    opacity: 1; /* Firefox */
}

:-ms-input-placeholder {
    color: #858A99;
    opacity: 1; /* Firefox */
}

:-ms-input-placeholder {
    color: #858A99;
    opacity: 1; /* Firefox */
}

::placeholder {
    color: #858A99;
    opacity: 1; /* Firefox */
}

:-ms-input-placeholder { /* Edge 12 -18 */
    color: #858A99;
}

.form-check-input {
    background-color: #fff;
    border-color: #858A99;
}

    .form-check-input:checked[type=checkbox] {
        background-color: #4E4AE4;
        border-color: #4E4AE4;
    }

.form-control, .form-select, .input-group-append {
    border-radius: var(--spacing-spacing-75, 4px) var(--spacing-spacing-75, 4px) 0px 0px;
    border: 0px;
    border-bottom: 1px solid var(--greyscale-midnight, #131C35);
    background-color: var(--greyscale-background-dust, #F3F2F0);
    height: 44px;
    padding: 5px 10px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #131C35;
    font-size: 14px;
}

.form-select {
    padding-right: 35px;
}

.form-control.input-group-merge {
    border-right: none;
}

.input-group-append.input-group-merge {
    border-left: none;
    background-color: transparent;
}

.input-group-append .input-group-merge {
    border: none;
    background-color: transparent;
}

/* form -new */
.form-check input[type=checkbox] {
    -webkit-transform: scale(1);
    transform: scale(1);
}

.form-check-input[type=checkbox] {
    height: 24px;
    width: 24px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    border-radius: 2px;
    margin-right: 10px;
}

.form-check-input[type=radio] {
    height: 24px;
    width: 24px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-top: 0px;
}

.form-check-input:checked[type=radio] {
    border-color: #858A99;
    background-color: #fff;
    --bs-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%234E4AE4' /%3e%3c/svg%3e");
}

.bell-btn-radio input[type=radio] {
    -webkit-transform: scale(1);
    transform: scale(1);
}

.card {
    -webkit-box-shadow: 0 0.3rem 0.3rem rgba(0, 0, 0, 0.1) !important;
    box-shadow: 0 0.3rem 0.3rem rgba(0, 0, 0, 0.1) !important;
    border-color: #CDCFD5;
}

.card-body {
    color: #444D63;
}

.yes-no-button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 77px;
    padding: 15px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 8px;
    border-radius: var(--radius-s, 4px);
    background: var(--greyscale-background-dust, #F3F2F0);
}

.modal-gap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-left: var(--spacing-900, 64px);
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    gap: 10px;
    -ms-flex-item-align: stretch;
    align-self: stretch;
}

.order-review .card {
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}

    .order-review .card ul li {
        background-color: #E5E8F0;
        padding: 15px;
    }

.scrollbar::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.2);
    background-color: #E5E8F0;
    border-radius: 5px;
}

.scrollbar::-webkit-scrollbar {
    width: 6px;
    background-color: #E5E8F0;
}

.scrollbar::-webkit-scrollbar-thumb {
    background-color: #E10A0A;
    border-radius: 5px;
}

.carousel-indicators [data-bs-target] {
    height: 10px;
    width: 10px;
    border-radius: 10px;
    bottom: -20px;
    border: 1px solid #4E4AE4;
}

.carousel-control-next, .carousel-control-prev {
    width: 2%;
}

.carousel-control-next-icon .img-arrow, .carousel-control-prev-icon .img-arrow {
    height: 40px;
    width: 40px;
    border: 2px solid #4E4AE4;
}

.carousel-control-next-icon, .carousel-control-prev-icon {
    height: 40px;
    width: 40px;
    background-color: #FFF;
    border-radius: 50%;
}

.carousel-control-next-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%234E4AE4'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
    background-size: 22px;
}

.carousel-control-prev-icon {
    background-size: 22px;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%234E4AE4'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3e%3c/svg%3e");
    margin-left: 10px;
}

.carousel-indicators {
    margin-bottom: -0.4rem;
}

    .carousel-indicators .active {
        background-color: #4E4AE4;
    }

.bell-btn-radio {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #131C35;
}

    .bell-btn-radio input[type=radio] {
        margin-left: 0;
        margin-right: 10px;
        -webkit-transform: scale(1);
        transform: scale(1);
        position: relative;
    }

/* Check boxes
.form-check input[type="checkbox"] {
  //transform: scale(1.75);
} */
.form-check .form-check-label {
    font-weight: inherit;
}

.virgin-control-third {
    width: 88px;
}

ul.bell-list-style-dash {
    list-style-type: "- ";
    padding-left: 0.5rem;
}

.error-alert {
    background-color: #FFE1E3;
    border-color: #FFE1E3 !important;
    color: #131C35;
}

    .error-alert .icon-error {
        color: #D71828;
    }

/* medium and up screens */
@media (min-width: 768px) {
    .carousel-inner .carousel-item-end.active,
    .carousel-inner .carousel-item-next {
        -webkit-transform: translateX(25%);
        transform: translateX(25%);
    }

    .carousel-inner .carousel-item-start.active,
    .carousel-inner .carousel-item-prev {
        -webkit-transform: translateX(-25%);
        transform: translateX(-25%);
    }
}

.carousel-inner .carousel-item-end,
.carousel-inner .carousel-item-start {
    -webkit-transform: translateX(0);
    transform: translateX(0);
}

@media (max-width: 576px) {
    .bell-btn-radio {
        margin-bottom: 10px;
    }

    .btn-outline-light:has(input[type=radio]), .btn-outline-light:has(input[type=checkbox]) {
        border: 1px solid #CDCFD5;
        background-color: #F3F2F0;
    }

    .btn-outline-light:has(input[type=radio]:checked), .btn-outline-light:has(input[type=checkbox]:checked) {
        border: 2px solid #4E4AE4;
        background-color: #fff;
    }
}

@media (min-width: 576px) {
    .btn-outline-light:has(input[type=radio]), .btn-outline-light:has(input[type=checkbox]) {
        border: none;
        -webkit-box-shadow: none;
        box-shadow: none;
        padding: 0;
    }

    .btn-outline-light:has(input[type=radio]:checked), .btn-outline-light:has(input[type=checkbox]:checked) {
        border: none;
    }

    .border-sm {
        border: var(--bs-border-width) solid var(--bs-border-color);
    }

    .border-sm-top {
        border-top: var(--bs-border-width) solid var(--bs-border-color);
    }

    .border-sm-end {
        border-right: var(--bs-border-width) solid var(--bs-border-color);
    }

    .border-sm-bottom {
        border-bottom: var(--bs-border-width) solid var(--bs-border-color);
    }

    .border-sm-start {
        border-left: var(--bs-border-width) solid var(--bs-border-color);
    }

    .border-sm-0 {
        border: 0 !important;
    }

    .border-sm-top-0 {
        border-top: 0 !important;
    }

    .border-sm-end-0 {
        border-right: 0 !important;
    }

    .border-sm-bottom-0 {
        border-bottom: 0 !important;
    }

    .border-sm-start-0 {
        border-left: 0 !important;
    }

    .border-sm-x {
        border-left: var(--bs-border-width) solid var(--bs-border-color);
        border-right: var(--bs-border-width) solid var(--bs-border-color);
    }

    .border-sm-y {
        border-top: var(--bs-border-width) solid var(--bs-border-color);
        border-bottom: var(--bs-border-width) solid var(--bs-border-color);
    }
}

.a-no-underline {
    text-decoration: none;
    color: #131C35;
}

.bg-grey-footer {
    background-color: #E5E8F0;
}

.modal-box-shadow {
    -webkit-box-shadow: 0px 14px 36px 0px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 14px 36px 0px rgba(0, 0, 0, 0.3);
}

.no-style {
    list-style: none;
}

/* background colors */
.background-dust {
    background-color: #F3F2F0;
}

/* Background colours */
.bg-red {
    background-color: #E10A0A;
}

.bg-rose {
    background-color: #FFE1E3;
}

.bg-dawn {
    background-color: #E5E8F0;
}

.bg-stroke-1 {
    background-color: #750D13;
}

.bg-hover-1 {
    background-color: #A40000;
}

.bg-violet-1 {
    background-color: #4E4AE4;
}

.bg-hover-2 {
    background-color: #2724A3;
}

.bg-white {
    background-color: #FFFFFF;
}

.bg-midnight {
    background-color: #131C35;
}

.bg-accessible {
    background-color: #858A99;
}

.bg-greylight {
    background-color: #DDDDDD;
}

.bg-greykeyline {
    background-color: #CDCFD5;
}

.bg-dust {
    background-color: #F3F2F0;
}

.bg-red-error {
    background-color: #D71828;
}

.bg-yellow {
    background-color: #B4781D;
}

.bg-green {
    background-color: #00AA30;
}

.bg-overlay {
    background-color: rgba(19, 28, 53, 0.7);
}

.bg-greyscale-disabled {
    background-color: #BABEC2;
}

.bg-stripe-red-white {
    background-color: #E10A0A;
    opacity: 0.8;
    background: repeating-linear-gradient(-45deg, #ffffff, #ffffff 1px, #E10A0A 2px, #E10A0A 6px);
}

/* Text colours */
.txt-red {
    color: #E10A0A;
}

.txt-midnight {
    color: #131C35;
}

.txt-midnight-express {
    color: #121C36;
}

.txt-midnight-light {
    color: #444D63;
}

.txt-accessible {
    color: #686D7C;
}

.txt-disabled {
    color: #9498A4;
}

.txt-white {
    color: #FFFFFF;
}

.txt-red-error {
    color: #D71828;
}

.txt-red-b {
    color: #BD2025;
}

.txt-yellow {
    color: #B4781D;
}

.txt-green {
    color: #00AA30;
}

.txt-violet-1 {
    color: #4E4AE4;
}

.txtBlack2B {
    color: #2B2B2B;
}

/* font-color*/
.font-grey {
    color: #444D63;
}

.title-grey {
    color: #858A99;
}

.color-blue {
    color: #4E4AE4;
}

.color-white {
    color: #fff;
}

.color-error {
    color: #4E4AE4;
}

.color-success {
    color: #339043;
}

.warning {
    color: #D71828;
}

/* Border */
.border-violet {
    border-color: #4E4AE4;
}

.border-greykeyline {
    border: 1px solid #CDCFD5;
}

.border-yellow-orange {
    border: 1px solid #B4781D;
}

.border-red-error {
    border: 1px solid #D71828;
}

.border-midnight {
    border: 1px solid #131C35;
}

.border-midnight-bottom-force {
    border-bottom: 1px solid #131C35 !important;
}

.border-white {
    border: 1px solid #FFFFFF;
}

.border-greykeyline-top {
    border-top: 1px solid #CDCFD5;
}

.border-greykeyline-bottom {
    border-bottom: 1px solid #CDCFD5;
}

.border-greykeyline-left {
    border-left: 1px solid #CDCFD5;
}

.border-greyscale-disabled-top {
    border-top: 1px solid #BABEC2;
}

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

.border-t-none {
    border-top: none;
}

.border-b-none {
    border-bottom: none;
}

.border-radius-all-4 {
    border-radius: 4px;
}

.border-radius-all-6 {
    border-radius: 6px;
}

.border-radius-all-8 {
    border-radius: 8px;
}

.border-radius-all-16 {
    border-radius: 16px;
}

.border-radius-all-24 {
    border-radius: 24px;
}

.border-radius-top-16 {
    border-radius: 16px 16px 0 0;
}

.border-radius-top-24 {
    border-radius: 24px 24px 0 0;
}

.border-radius-bottom-0 {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.border-radius-bottom-16 {
    border-radius: 0 0 16px 16px;
}

.border-radius-bottom-24 {
    border-radius: 0 0 24px 24px;
}

.fa-primary {
    color: #E10A0A;
}

label:has(> input[type=radio]:checked) {
    font-weight: 600;
}

button .btn.button-outline-primary {
    padding-top: 11px;
    padding-bottom: 11px;
}

.container-fluid.errorpage-form {
    margin: 0px;
}

@media (min-width: 993px) {
    .container-fluid.errorpage-form {
        margin-left: auto;
        margin-right: auto;
        padding-left: 0px;
        padding-right: 0px;
    }
}

@media (min-width: 768px) {
    .container-fluid.errorpage-form {
        padding: 0px 16px;
    }
}

@media (max-width: 320px) {
    .container-fluid.errorpage-form {
        padding: 0px 32px;
    }
}

.container {
    padding: 0px 16px;
}

.body-margin-b-100 {
    margin-bottom: 100px;
}

.padding-04 {
    padding: 4px;
}

.padding-05 {
    padding: 5px;
}

.padding-08 {
    padding: 8px;
}

.padding-10 {
    padding: 10px;
}

.padding-12 {
    padding: 12px;
}

.padding-16 {
    padding: 16px;
}

.padding-24 {
    padding: 24px;
}

.padding-30 {
    padding: 30px;
}

.padding-32 {
    padding: 32px;
}

.padding-40 {
    padding: 40px;
}

.padding-48 {
    padding: 48px;
}

.padding-56 {
    padding: 56px;
}

.padding-64 {
    padding: 64px;
}

.padding-80 {
    padding: 80px;
}

/*padding- bottom */
.padding-b-04 {
    padding-bottom: 4px;
}

.padding-b-05 {
    padding-bottom: 5px;
}

.padding-b-08 {
    padding-bottom: 8px;
}

.padding-b-10 {
    padding-bottom: 10px;
}

.padding-b-12 {
    padding-bottom: 12px;
}

.padding-b-15 {
    padding-bottom: 15px;
}

.padding-b-16 {
    padding-bottom: 16px;
}

.padding-b-24 {
    padding-bottom: 24px;
}

.padding-b-30 {
    padding-bottom: 30px;
}

.padding-b-32 {
    padding-bottom: 32px;
}

.padding-b-36 {
    padding-bottom: 36px;
}

.padding-b-40 {
    padding-bottom: 40px;
}

.padding-b-40-important {
    padding-bottom: 40px !important;
}

.padding-b-45 {
    padding-bottom: 45px;
}

.padding-b-48 {
    padding-bottom: 48px;
}

.padding-b-56 {
    padding-bottom: 56px;
}

.padding-b-64 {
    padding-bottom: 64px;
}

.padding-b-80 {
    padding-bottom: 80px;
}

.padding-b-128 {
    padding-bottom: 128px;
}

/* padding-top */
.padding-t-0 {
    padding-top: 0px;
}

.padding-t-04 {
    padding-top: 4px;
}

.padding-t-05 {
    padding-top: 5px;
}

.padding-t-08 {
    padding-top: 8px;
}

.padding-t-10 {
    padding-top: 10px;
}

.padding-t-12 {
    padding-top: 12px;
}

.padding-t-15 {
    padding-top: 15px;
}

.padding-t-24 {
    padding-top: 24px;
}

.padding-t-25 {
    padding-top: 25px;
}

.padding-t-32 {
    padding-top: 32px;
}

.padding-t-30 {
    padding-top: 30px;
}

.padding-t-36 {
    padding-top: 36px;
}

.padding-t-40 {
    padding-top: 40px;
}

.padding-t-45 {
    padding-top: 45px;
}

.padding-t-48 {
    padding-top: 48px;
}

.padding-t-56 {
    padding-top: 56px;
}

.padding-t-64 {
    padding-top: 64px;
}

.padding-t-80 {
    padding-top: 80px;
}

.padding-t-128 {
    padding-top: 128px;
}

/* padding-right */
.padding-r-0 {
    padding-right: 0px;
}

.padding-r-04 {
    padding-right: 4px;
}

.padding-r-05 {
    padding-right: 5px;
}

.padding-r-08 {
    padding-right: 8px;
}

.padding-r-10 {
    padding-right: 10px;
}

.padding-r-12 {
    padding-right: 12px;
}

.padding-r-15 {
    padding-right: 15px;
}

.padding-r-16 {
    padding-right: 16px;
}

.padding-r-24 {
    padding-right: 24px;
}

.padding-r-30 {
    padding-right: 30px;
}

.padding-r-32 {
    padding-right: 32px;
}

.padding-r-40 {
    padding-right: 40px;
}

.padding-r-48 {
    padding-right: 48px;
}

.padding-r-56 {
    padding-right: 56px;
}

.padding-r-64 {
    padding-right: 64px;
}

.padding-r-80 {
    padding-right: 80px;
}

.padding-r-94 {
    padding-right: 94px;
}

/* padding-left */
.padding-l-0 {
    padding-left: 0px;
}

.padding-l-04 {
    padding-left: 4px;
}

.padding-l-05 {
    padding-left: 5px;
}

.padding-l-08 {
    padding-left: 8px;
}

.padding-l-10 {
    padding-left: 10px;
}

.padding-l-12 {
    padding-left: 12px;
}

.padding-l-15 {
    padding-left: 15px;
}

.padding-l-16 {
    padding-left: 16px;
}

.padding-l-20 {
    padding-left: 20px;
}

.padding-l-24 {
    padding-left: 24px;
}

.padding-l-32 {
    padding-left: 32px;
}

.padding-l-30 {
    padding-left: 30px;
}

.padding-l-34 {
    padding-left: 34px;
}

.padding-l-36 {
    padding-left: 36px;
}

.padding-l-40 {
    padding-left: 40px;
}

.padding-left-48 {
    padding-left: 48px;
}

.padding-l-56 {
    padding-left: 56px;
}

.padding-l-64 {
    padding-left: 64px;
}

.padding-l-80 {
    padding-left: 80px;
}

/* padding-top and bottom */
.padding-y-04 {
    padding-top: 4px;
    padding-bottom: 4px;
}

.padding-y-05 {
    padding-top: 5px;
    padding-bottom: 5px;
}

.padding-y-08 {
    padding-top: 8px;
    padding-bottom: 8px;
}

.padding-y-10 {
    padding-top: 10px;
    padding-bottom: 10px;
}

.padding-y-12 {
    padding-top: 12px;
    padding-bottom: 12px;
}

.padding-y-16 {
    padding-top: 16px;
    padding-bottom: 16px;
}

.padding-y-24 {
    padding-top: 24px;
    padding-bottom: 24px;
}

.padding-y-30 {
    padding-top: 30px;
    padding-bottom: 30px;
}

.padding-y-32 {
    padding-top: 32px;
    padding-bottom: 32px;
}

.padding-y-40 {
    padding-top: 40px;
    padding-bottom: 40px;
}

.padding-y-45 {
    padding-top: 45px;
    padding-bottom: 45px;
}

.padding-y-48 {
    padding-top: 48px;
    padding-bottom: 48px;
}

.padding-y-56 {
    padding-top: 56px;
    padding-bottom: 56px;
}

.padding-y-64 {
    padding-top: 64px;
    padding-bottom: 64px;
}

.padding-y-68 {
    padding-top: 68px;
    padding-bottom: 68px;
}

.padding-y-80 {
    padding-top: 80px;
    padding-bottom: 80px;
}

/* padding left and right */
padding-x-0 {
    padding-left: 0px;
    padding-right: 0px;
}

.padding-x-04 {
    padding-left: 4px;
    padding-right: 4px;
}

.padding-x-05 {
    padding-left: 5px;
    padding-right: 5px;
}

.padding-x-08 {
    padding-left: 8px;
    padding-right: 8px;
}

.padding-x-10 {
    padding-left: 10px;
    padding-right: 10px;
}

.padding-x-12 {
    padding-left: 12px;
    padding-right: 12px;
}

.padding-x-24 {
    padding-left: 24px;
    padding-right: 24px;
}

.padding-x-32 {
    padding-left: 32px;
    padding-right: 32px;
}

.padding-x-40 {
    padding-left: 40px;
    padding-right: 40px;
}

.padding-x-48 {
    padding-left: 48px;
    padding-right: 48px;
}

.padding-x-56 {
    padding-left: 56px;
    padding-right: 56px;
}

.padding-x-60 {
    padding-left: 60px;
    padding-right: 60px;
}

.padding-x-64 {
    padding-left: 64px;
    padding-right: 64px;
}

.padding-x-80 {
    padding-left: 80px;
    padding-right: 80px;
}

.ebill-padding-x-24 {
    padding-left: 24px;
    padding-right: 24px !important;
}

/* spacing and padding,  margins */
.margin-0 {
    margin: 0px;
}

.margin-04 {
    margin: 4px;
}

.margin-05 {
    margin: 5px;
}

.margin-08 {
    margin: 8px;
}

.margin-10 {
    margin: 10px;
}

.margin-12 {
    margin: 12px;
}

.margin-24 {
    margin: 24px;
}

.margin-32 {
    margin: 32px;
}

.margin-40 {
    margin: 40px;
}

.margin-48 {
    margin: 48px;
}

.margin-56 {
    margin: 56px;
}

.margin-64 {
    margin: 64px;
}

.margin-80 {
    margin: 80px;
}

/*margin- bottom */
.margin-b-04 {
    margin-bottom: 4px;
}

.margin-b-05 {
    margin-bottom: 5px;
}

.margin-b-06 {
    margin-bottom: 6px;
}

.margin-b-08 {
    margin-bottom: 8px;
}

.margin-b-09 {
    margin-bottom: 9px;
}

.margin-b-10 {
    margin-bottom: 10px;
}

.margin-b-12 {
    margin-bottom: 12px;
}

.margin-b-15 {
    margin-bottom: 15px;
}

.margin-b-16 {
    margin-bottom: 16px;
}

.margin-b-24 {
    margin-bottom: 24px;
}

.margin-b-30 {
    margin-bottom: 30px;
}

.margin-b-32 {
    margin-bottom: 32px;
}

.margin-b-40 {
    margin-bottom: 40px;
}

.margin-b-45 {
    margin-bottom: 45px;
}

.margin-b-48 {
    margin-bottom: 48px;
}

.margin-b-56 {
    margin-bottom: 56px;
}

.margin-b-64 {
    margin-bottom: 64px;
}

.margin-b-80 {
    margin-bottom: 80px;
}

/* margin-top */
.margin-t-04 {
    margin-top: 4px;
}

.margin-t-05 {
    margin-top: 5px;
}

.margin-b-08 {
    margin-bottom: 8px;
}

.margin-t-10 {
    margin-top: 10px;
}

.margin-t-12 {
    margin-top: 12px;
}

.margin-t-24 {
    margin-top: 24px;
}

.margin-t-32 {
    margin-top: 32px;
}

.margin-t-40 {
    margin-top: 40px;
}

.margin-t-48 {
    margin-top: 48px;
}

.margin-t-56 {
    margin-top: 56px;
}

.margin-t-64 {
    margin-top: 64px;
}

.margin-t-80 {
    margin-top: 80px;
}

/* margin-right */
.margin-r-0 {
    margin-right: 0px;
}

.margin-r-04 {
    margin-right: 4px;
}

.margin-r-03 {
    margin-right: 3px;
}

.margin-r-05 {
    margin-right: 5px;
}

.margin-r-08 {
    margin-right: 8px;
}

.margin-r-10 {
    margin-right: 10px;
}

.margin-r-12 {
    margin-right: 12px;
}

.margin-r-16 {
    margin-right: 16px;
}

.margin-r-24 {
    margin-right: 24px;
}

.margin-r-32 {
    margin-right: 32px;
}

.margin-r-40 {
    margin-right: 40px;
}

.margin-r-48 {
    margin-right: 48px;
}

.margin-r-56 {
    margin-right: 56px;
}

.margin-r-64 {
    margin-right: 64px;
}

.margin-r-80 {
    margin-right: 80px;
}

/* margin-left */
.margin-l-04 {
    margin-left: 4px;
}

.margin-l-05 {
    margin-left: 5px;
}

.margin-l-08 {
    margin-left: 8px;
}

.margin-l-10 {
    margin-left: 10px;
}

.margin-l-12 {
    margin-left: 12px;
}

.margin-l-16 {
    margin-left: 16px;
}

.margin-l-24 {
    margin-left: 24px;
}

.margin-l-32 {
    margin-left: 32px;
}

.margin-l-36 {
    margin-left: 36px;
}

.margin-l-40 {
    margin-left: 40px;
}

.margin-left-48 {
    margin-left: 48px;
}

.margin-l-56 {
    margin-left: 56px;
}

.margin-l-64 {
    margin-left: 64px;
}

.margin-l-80 {
    margin-left: 80px;
}

.margin-l-15 {
    margin-left: 15px;
}

/* margin-top and bottom */
.margin-y-04 {
    margin-top: 4px;
    margin-bottom: 4px;
}

.margin-y-05 {
    margin-top: 5px;
    margin-bottom: 5px;
}

.margin-y-08 {
    margin-top: 8px;
    margin-bottom: 8px;
}

.margin-y-10 {
    margin-top: 10px;
    margin-bottom: 10px;
}

.margin-y-12 {
    margin-top: 12px;
    margin-bottom: 12px;
}

.margin-y-24 {
    margin-top: 24px;
    margin-bottom: 24px;
}

.margin-y-32 {
    margin-top: 32px;
    margin-bottom: 32px;
}

.margin-y-40 {
    margin-top: 40px;
    margin-bottom: 40px;
}

.margin-y-48 {
    margin-top: 48px;
    margin-bottom: 48px;
}

.margin-y-56 {
    margin-top: 56px;
    margin-bottom: 56px;
}

.margin-y-64 {
    margin-top: 64px;
    margin-bottom: 64px;
}

.margin-y-80 {
    margin-top: 80px;
    margin-bottom: 80px;
}

/* margin left and right */
.margin-x-04 {
    margin-left: 4px;
    margin-right: 4px;
}

.margin--05 {
    margin-left: 5px;
    margin-right: 5px;
}

.margin-x-08 {
    margin-left: 8px;
    margin-right: 8px;
}

.margin-x-10 {
    margin-left: 10px;
    margin-right: 10px;
}

.margin-x-12 {
    margin-left: 12px;
    margin-right: 12px;
}

.margin-x-24 {
    margin-left: 24px;
    margin-right: 24px;
}

.margin-x-32 {
    margin-left: 32px;
    margin-right: 32px;
}

.margin-x-40 {
    margin-left: 40px;
    margin-right: 40px;
}

.margin-x-48 {
    margin-left: 48px;
    margin-right: 48px;
}

.margin-x-56 {
    margin-left: 56px;
    margin-right: 56px;
}

.margin-x-64 {
    margin-left: 64px;
    margin-right: 64px;
}

.margin-x-80 {
    margin-left: 80px;
    margin-right: 80px;
}

.text-right-sm {
    text-align: right;
}

.gap-virgin-05 {
    gap: 5px;
}

.gap-virgin-06 {
    gap: 6px;
}

.gap-virgin-08 {
    gap: 8px !important;
}

.gap-virgin-10 {
    gap: 10px;
}

.virgin-gap-15 {
    gap: 15px;
}

.virgin-gap-16 {
    gap: 16px;
}

.virgin-gap-24 {
    gap: 24px;
}

.virgin-gap-30 {
    gap: 30px;
}

.virgin-gap-32 {
    gap: 32px;
}

.virgin-gap-40 {
    gap: 40px;
}

.width-10 {
    width: 10px;
}

.max-width-600 {
    max-width: 600px;
}

.max-width-800 {
    max-width: 800px;
}

ul.bottom-margin {
    padding-left: 10px !important;
}

    ul.bottom-margin li {
        margin-bottom: 10px;
        padding-left: 15px;
    }

#promo-code-button {
    height: 44px;
}

.max-width-266 {
  max-width: 266px;
}

.billing-form-input {
  max-width: 290px;
}
@media (min-width: 768px) {
  .billing-form-input {
    max-width: 280px;
  }
}

.card-footer {
  background-color: #F3F2F0;
  border-top: 0px;
}

.container-fluid, .container {
  padding: 0px 16px;
}
@media (max-width: 992px) {
  .container-fluid, .container {
    max-width: 100%;
  }
}
@media (max-width: 778px) {
  .container-fluid, .container {
    padding: 0px 30px;
    max-width: 100%;
  }
}
@media (max-width: 576px) {
  .container-fluid, .container {
    padding: 0px 16px;
  }
}

@media (min-width: 768px) {
  .validation-label-width {
    min-width: 166px;
    padding-left: 0px;
  }
}
/*.section-nav > .container {
  padding-right: 0px !important;
  padding-left: 0px !important;
}*/

.service-address {
  float: right !important;
}
@media (max-width: 320px) {
  .service-address {
    float: none !important;
  }
}

/* .container.footer-container  {

  padding-left: 15px;
  padding-right: 15px;
  margin-left: 0px;
  margin-right: 0px;
  max-width: 100%;

  @media (min-width: 768px) {
    padding-left: 30px;
    padding-right: 30px;
    margin-left: 0px;
    margin-right: 0px;
  }

  @media (min-width: 992px) {
    padding-left : 16px;
    padding-right: 16px;
    margin-left: 0px;
    margin-right: 0px;
  }
} */
@media (min-width: 768px) {
  .validation-label-width {
    min-width: 166px;
    padding-left: 0px;
  }
}
@media (max-width: 766px) and (min-width: 576px) {
    .margin-b-sm-16 {
        margin-bottom: 16px;
    }
}

@media (max-width: 766px) {
  .body-margin-b-180-mobile {
    margin-bottom: 180px;
  }
}

@media (max-width: 576px) {
    .mobile-margin-r-0 {
        margin-right: 0px !important;
    }

    .mobile-margin-b-16 {
        margin-bottom: 16px;
    }

    .mobile-padding-t-15 {
        padding-top: 15px;
    }

    .mobile-padding-t-32 {
        padding-top: 32px !important;
    }

    .mobile-padding-b-30 {
        padding-bottom: 30px;
    }

    .mobile-padding-b-64 {
        padding-bottom: 64px !important;
    }

    .mobile-padding-y-15 {
        padding-top: 15px;
        padding-bottom: 15px;
    }
.mobile-padding-0 {
    padding: 0px !important;
  }
  .mobile-padding-b-16 {
    padding-bottom: 16px;
  }

    .promo-code-modal {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    #promo-code {
        width: 100% !important;
    }
}

@media (min-width: 992px) {
    .margin-left-not-small {
        margin-left: 32px !important;
    }
}

@media (min-width: 576px) {
    .margin-left-not-small {
        margin-left: 7px;
    }

    .margin-b-24-small {
        margin-bottom: 24px;
    }
}

@media (max-width: 576px) {
  .padding-x-16-small {
    padding-left: 16px;
    padding-right: 16px;
  }
  .padding-t-16-small {
    padding-top: 16px;
  }
}
.padding-b-24-imp {
  padding-bottom: 24px !important;
}

/* Section nav is the part of header and written under _header.scss file*/
.section-nav {
    background-color: #E10A0A;
    padding: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: auto;
    color: #fff;
    height: 75px;
    padding: 5px 16px;
}

    .section-nav a {
        text-decoration: none;
        text-transform: capitalize;
        color: #fff;
    }

.logo {
    width: 93.38px;
}

.user-id-bar {
    background-color: #F3F2F0;
    padding: 15px;
}

@media (max-width: 768px) {
  .section-nav {
    max-height: 51px;
    padding: 16px 30px;
  }
  .logo {
    width: 74.704px;
  }
}

@media (max-width: 480px) {
    .section-nav {
        height: 54px;
        padding: 8px 16px;
    }
}
/* footer CSS */
.footer {
  padding: 32px 0px;
}
.footer .footer-content {
  padding-top: 24px;
  border-top: 1px solid #CDCFD5;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 14px; /* 116.667% */
}

.footer ul {
    margin: 0;
    padding: 0;
}

    .footer ul li {
        list-style: none;
        display: inline-block;
        white-space: nowrap;
        vertical-align: middle;
    }

        .footer ul li a:link {
            border-right: 1px solid #CDCFD5;
            text-decoration: none;
        }

        .footer ul li:last-child a {
            border-right: none;
        }

.footer .bottom-fixed-price {
    background-color: #E5E8F0;
    color: #131C35;
    -webkit-box-shadow: 0px 6px 25px 0px rgba(0, 0, 0, 0.12);
    box-shadow: 0px 6px 25px 0px rgba(0, 0, 0, 0.12);
}

    .footer .bottom-fixed-price li.footer-price {
        padding: 0px 24px;
    }

        .footer .bottom-fixed-price li.footer-price:first-child {
            padding-left: 0px;
        }

        .footer .bottom-fixed-price li.footer-price:last-child {
            padding-right: 0px;
            border-right: 0px !important;
        }

        .footer .bottom-fixed-price li.footer-price .list-price {
            font-size: 28px;
            font-style: normal;
            font-weight: 600;
            line-height: 90%; /* 25.2px */
            letter-spacing: -1px;
        }

            .footer .bottom-fixed-price li.footer-price .list-price sup {
                top: -0.4em;
                font-size: 16px;
                font-style: normal;
                font-weight: 600;
                line-height: 16px; /* 100% */
                letter-spacing: -0.45px;
            }

    .footer .bottom-fixed-price .review-button {
        margin-right: 24px;
    }

/* footer responsive */
@media (max-width: 992px) {
    .footer .bottom-fixed-price li.footer-price {
        padding: 0px 16px;
    }

    .footer .bottom-fixed-price .review-button {
        margin-right: 16px;
    }

    .footer .bottom-fixed-price .btn-primary, .footer .bottom-fixed-price .btn-outline-primary {
        padding: 13px;
        font-size: 14px;
    }
}

@media (max-width: 576px) {
    .footer .footer-content {
        text-align: center;
    }

        .footer .footer-content ul li {
            padding: 5px 0;
            display: block;
        }

            .footer .footer-content ul li a:link {
                border-right: 0px;
            }

        .footer .footer-content .right-icon {
            padding: 10px 0;
        }

    .footer .card-footer-content {
        display: block !important;
    }

    .footer .bottom-fixed-price li.footer-price {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        border-bottom: 1px solid #CDCFD5;
        border-right: 0px !important;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        padding: 12px 0px;
    }

        .footer .bottom-fixed-price li.footer-price:first-child {
            padding-top: 0px;
        }

        .footer .bottom-fixed-price li.footer-price:last-child {
            border-bottom: 0px !important;
            margin-bottom: 24px;
        }

    .footer .bottom-fixed-price .btn-primary, .footer .bottom-fixed-price .btn-outline-primary {
        padding: 5px 14px;
    }
}
div.card-footer.container {
  background-color: #E5E8F0;
}

.login {
    background: url(img/login-bg.png), #E5E8F0;
    background-position-x: 70%;
    /*background-position-y: bottom, -10%;*/
    background-repeat: no-repeat;
    min-height: 88vh;
    height: auto;
}

    .login .login-box {
        margin-top: 64px !important;
        /*margin-left: 56px !important;*/
        background-color: #fff;
        width: 390px;
        border-radius: 16px !important;
        border: 1px solid var(--greyscale-grey-keyline, #CDCFD5);
        /*padding: 40px;*/
    }

@media (max-width: 320px) {
    .login .login-box {
        border: 0px;
        padding: 32px 16px 32px 16px;
    }
}

.login .login-footer {
    background-color: #E5E8F0;
    color: #444D63;
}

.login .error-icon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center !important;
    -ms-flex-pack: center !important;
    justify-content: center !important;
    -webkit-box-align: center !important;
    -ms-flex-align: center !important;
    align-items: center !important;
    width: 32px;
    height: 32px;
    border-color: #D71828 !important;
    font-size: 1.3rem;
}

    .login .error-icon i {
        color: #D71828;
    }

.login label {
    font-family: Arial;
}

.border-width-1 {
    border-width: 1px;
}

.border-bottom-error {
    border-bottom: 2px solid #D71828;
}

.vertical-align-middle {
    vertical-align: middle;
}

/* Login form responsive */
@media (min-width: 576px) {
    .footer-login-page {
        position: fixed;
        bottom: 0;
        width: 100%;
        padding: 32px 120px;
    }

        .footer-login-page .footer-content {
            padding: 0px;
        }

    .login-body {
        margin-bottom: 200px;
    }
}

@media (min-width: 0px) and (max-width: 576px) {
    .login {
        background-image: none;
        background-color: #fff;
    }

        .login .login-form {
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            margin: 0px;
        }

        .login .login-box {
            margin: auto;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
    border-color: var(--greyscale-grey-keyline, #CDCFD5);
    border-bottom: 1px solid var(--greyscale-grey-keyline, #CDCFD5);
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
  }
}
.registration-form {
  /*div .data, div .localize {
      line-height: 18.9px;
  }*/
  /* @media (min-width: 993px) {
       margin-left: auto;
       margin-right: auto;
       padding-left: 0px;
       padding-right: 0px;
   }

   @media (max-width: 992px) {
       padding: 0px 16px;
       margin: 0px;
   }

   @media (max-width: 768px) {
       padding: 0px 24px;
   }

   @media (max-width: 320px) {
       padding: 0px 16px;
   } */
}
.registration-form .form-body {
  /*.pin-input{
      width:140px;
  } */
}

.registration-form .form-body .form-control, .registration-form .form-body .form-select {
    max-width: 280px;
}
@media (max-width: 576px) {
  .registration-form .form-body .form-control, .registration-form .form-body .form-select {
    max-width: 100%;
  }
}

.registration-steps ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

    .registration-steps ul li {
        min-width: 80%;
        border-bottom: 1px solid #CDCFD5;
        padding: 48px 0px;
    }

        .registration-steps ul li:last-child {
            border-bottom: 0px;
        }

@media (max-width: 320px) {
    .customer-info {
        border: 0px;
        padding: 32px 16px 32px 16px;
    }
}

/* Steps completed */
.steps-completed .form-label {
  margin-bottom: 0px;
  padding-bottom: 8px;
}
.steps-completed p {
    margin-bottom: 5px;
}

.steps-completed ul {
    margin-bottom: 15px;
    margin-left: 16px;
    list-style: disc;
}

    .steps-completed ul:last-child {
        margin-bottom: 0px;
    }

    .steps-completed ul li {
        padding: 4px;
        border-bottom: 0px;
    }

@media (max-width: 576px) {
    .steps-completed ul li {
        padding: 4px;
    }
}

.no-underline {
    text-decoration: none;
}

.error-msg ul li::marker {
    color: #D71828;
}

.error-div .error {
    color: #D71828;
}

    .error-div .error label.form-label {
        color: #D71828;
    }

    .error-div .error .error-msg {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important;
        color: #D71828;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        width: 280px;
    }

    .error-div .error .form-control, .error-div .error .form-select {
        border-color: #D71828;
        border-width: 2px;
    }

.order-review .price sup {
    top: -0.2em;
}

.order-review .service-text {
    height: 200px;
    overflow-y: auto;
}

.review-sup {
    top: -0.7em;
}

/* Order Reviw changes */
.review-order-list ul li {
    padding: 0 0 16px 0;
}

    .review-order-list ul li:last-child {
        padding: 0px;
    }

.order-review .package-total {
    background-color: #E5E8F0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    padding: 30px;
    gap: 16px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-item-align: stretch;
    align-self: stretch;
    border-radius: 16px;
}

    .order-review .package-total .total-section {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        -webkit-box-flex: 1;
        -ms-flex: 1 0 0px;
        flex: 1 0 0;
    }

@media (max-width: 576px) {
    .order-review .package-total {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: start;
    }
}

.order-review .package-monthly-total {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 50px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    gap: 5px;
    -webkit-box-flex: 1;
    -ms-flex: 1 0 0px;
    flex: 1 0 0;
}

.order-review .card {
    border-radius: 16px;
    margin-bottom: 30px;
}

    .order-review .card ul li {
        margin-bottom: 10px;
    }

.order-review .card-header {
    background-color: #E5E8F0;
    padding: 20px 30px;
    border-radius: 10px 10px 0px 0px;
}

.order-review .card-body {
    /*padding: 30px;*/
}

.order-review .card-footer {
    padding: 20px 30px;
    border-radius: 0 0 10px 10px;
}

.order-review .price sup {
    top: -10px;
    font-size: 14px;
}

.order-review .price-description {
    margin-right: 10px;
}

.order-review .service-term {
    padding: 20px 30px 30px;
}

    .order-review .service-term .service-text-p {
        padding: 30px 30px 0px 30px;
        margin-bottom: 20px;
    }

/* Confirmation page */
.confirmation .accordion-button:not(.collapsed)::after {
    background-image: url(../css/img/svg/icons/Expand-collapse-minus.svg);
    background-size: 24px;
    height: 24px;
    width: 24px;
    border: none;
}

.confirmation .accordion-button::after {
    background-image: url(../css/img/svg/icons/Expand-collapse-plus.svg);
    background-size: 24px;
    height: 24px;
    width: 24px;
    border: none;
}

.confirmation .accordion-header {
    --bs-accordion-border-width: 0px solid;
    --bs-accordion-border-radius: 0px;
    --bs-accordion-inner-border-radius: 0px;
}

.confirmation .accordion-button {
    padding: 20px 0;
    border-top: 1px solid #CDCFD5;
    margin-bottom: 30px;
}

    .confirmation .accordion-button.collapsed {
        border-bottom: 1px solid #CDCFD5;
    }

.order-conformation {
    border-radius: 16px;
    padding: 24px;
    color: #131C35;
}

    .order-conformation .order-submitted {
        padding-right: 32px;
    }

    .order-conformation .what-next {
        padding-left: 32px;
    }

/* Credit check validation */
.credit-check label {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.credit-check .col-form-label {
    vertical-align: middle;
}

.credit-check .labelwidth-174 {
    width: 174px;
}

input[type=date]::-webkit-calendar-picker-indicator {
    /*display: none;
  -webkit-appearance: none; */
    background: url("../css/img/datepicker-icon.png");
    width: 20px;
    height: 20px;
    padding: 0px;
    margin: 0px;
    margin-top: 0px;
}

input[placeholder], [placeholder], *[placeholder] {
    content: attr(placeholder) !important;
    /*text-transform: uppercase;*/
}

@media (max-width: 576px) {
    /*Registration pages */
    .registration-form .form-body .form-control, .registration-form .form-body .form-select {
        max-width: 100%;
    }

    .registration-steps ul li {
        padding: 32px 0px;
    }

    .registration-steps .steps-completed ul li {
        padding: 4px;
    }
    /* Confirmation page */
    .order-conformation {
        padding: 16px;
    }

        .order-conformation .order-submitted {
            padding-right: 0px;
            padding-bottom: 32px;
        }

            .order-conformation .order-submitted .confirmation-icon {
                margin-bottom: 10px;
            }

        .order-conformation .what-next {
            padding-left: 0px;
            padding-top: 32px;
        }
    /* Review order responsive*/
    .order-review .package-total {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

        .order-review .package-total .package-price {
            margin-top: 5px;
            -webkit-box-align: end;
            -ms-flex-align: end;
            align-items: flex-end;
        }
}

@media (max-width: 576px) and (max-width: 320px) {
    .order-review .package-total .package-price {
        margin-top: 0px;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
    }
}

@media (max-width: 576px) {
    .review-order-list ul li {
        padding: 0 0 16px 0;
    }

        .review-order-list ul li:last-child {
            padding: 0px;
        }
}
/* Solution Builder */
.change-address {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: right;
    -ms-flex-pack: right;
    justify-content: right;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.package-title h6 {
    font-family: Arial, Helvetica, sans-serif;
}

.carousel-item .card.selected {
    border-color: #4E4AE4;
    border-width: 2px !important;
}

/*.builder .card-footer {
  background-color: #F3F2F0;
  border-top: 0px;
}*/

.carousel-item .card {
    min-width: 290px;
    margin: 0px 16px 24px;
    background-color: #F3F2F0;
    border-radius: 16px;
    padding: 32px 24px;
}

    .carousel-item .card .form-check {
        margin-bottom: 12px;
        padding-left: 0px;
    }

    .carousel-item .card .form-check-input {
        height: 24px;
        width: 24px;
    }

    .carousel-item .card .package-title {
        padding-bottom: 24px;
    }

    .carousel-item .card .card-body {
        padding: 24px 0px 0px;
        border-top: 1px solid #CDCFD5;
    }

        .carousel-item .card .card-body .package-description .fa-primary {
            margin-right: 16px;
        }

    .carousel-item .card .card-footer {
        padding: 0px;
    }

        .carousel-item .card .card-footer .list-price {
            color: #131C35;
            font-size: 40px;
            line-height: 100%; /* 40px */
            letter-spacing: -1px;
            font-weight: 600;
        }

            .carousel-item .card .card-footer .list-price .sup-price {
                font-size: 20px;
            }

            .carousel-item .card .card-footer .list-price .plan-period {
                font-size: 20px;
                margin-left: -5px;
            }

        .carousel-item .card .card-footer .plan-description {
            color: #444D63;
        }

.carousel-item.active .card.selected {
    background-color: #fff;
}

    .carousel-item.active .card.selected .card-footer {
        background-color: #fff;
    }

.wifi-body {
    position: relative;
}

    .wifi-body .label-recommended {
        background-color: #E10A0A;
        color: #fff;
        text-transform: uppercase;
        font-size: 10px;
    }

    .wifi-body .wifi-img {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center !important;
        -ms-flex-pack: center !important;
        justify-content: center !important;
        -webkit-box-align: center !important;
        -ms-flex-align: center !important;
        align-items: center !important;
    }

    .wifi-body p {
        color: #444D63;
    }

    .wifi-body .price-dropdown .form-select {
        height: 48px;
        width: 92px;
        border-radius: var(--radius-s, 4px) var(--radius-s, 4px) 0px 0px;
        border-bottom: 1px solid var(--Greyscale-Midnight, #131C35);
        background-color: var(--greyscale-background-dust, #F3F2F0);
    }

    .wifi-body .wifi-price .price {
        color: #131C35;
    }

    .wifi-body .list-price {
        font-size: 30px;
        color: #4E4AE4;
    }

        .wifi-body .list-price sup {
            top: -0.3em;
        }

    .wifi-body .btn-close {
        display: inline-block;
        padding: 5px;
        border: 1px solid #131C35;
        border-radius: 50%;
        width: 12px;
        height: 12px;
        background-size: 9px;
        position: absolute;
        top: 10px;
        right: 10px;
        opacity: 1;
    }

/* Solution Builder Responsive */
@media (max-width: 767px) {
    .builder .change-address {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: left;
        -ms-flex-pack: left;
        justify-content: left;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
}

@media (max-width: 576px) {
    .help-card .phone-number, .help-card .reference-number {
        display: block;
        padding-left: 0px !important;
        padding-right: 0px !important;
        border-right: 0px !important;
    }

    .wifi-img {
        width: 100%;
    }

        .wifi-img .mobile-width-228 {
            width: 228px;
            margin-bottom: 30px;
        }
}

@media (max-width: 576px) {
    .carousel-inner .carousel-item > div {
        display: none;
    }

        .carousel-inner .carousel-item > div:first-child {
            display: block;
        }
}

.carousel-inner .carousel-item.active,
.carousel-inner .carousel-item-next,
.carousel-inner .carousel-item-prev {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

/* medium and up screens */
@media (min-width: 576px) {
    .carousel-inner .carousel-item-end.active,
    .carousel-inner .carousel-item-next {
        -webkit-transform: translateX(25%);
        transform: translateX(25%);
    }

    .carousel-inner .carousel-item-start.active,
    .carousel-inner .carousel-item-prev {
        -webkit-transform: translateX(-25%);
        transform: translateX(-25%);
    }
}

.carousel-inner .carousel-item-end,
.carousel-inner .carousel-item-start {
    -webkit-transform: translateX(0);
    transform: translateX(0);
}

.modal-header {
    background-color: #F3F2F0;
    padding: 24px 32px;
    border-radius: 24px 24px 0px 0px;
}

.modal-body {
    padding: 32px !important;
    border-radius: 0px 0px 10px 10px;
    line-height: 18.9px;
}

@media (max-width: 576px) {
    .modal-body {
        padding: 32px 24px !important;
    }
}

.modal-body .card-header {
    font-family: Poppins;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 18px; /* 128.571% */
    padding: 15px;
    border-radius: 10px 10px 0 0;
}

.modal-body .card-body {
    padding: 15px;
    padding-bottom: 0px;
}

.modal-body .card-footer {
    background-color: #fff;
    color: #444D63 !important;
    border-color: #131C35;
    padding: 15px;
}

.modal-content {
    border: 1px solid #CDCFD5;
    -webkit-box-shadow: 0px 14px 36px 0px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 14px 36px 0px rgba(0, 0, 0, 0.3);
}

/*.modal-dialog {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%) !important;
          transform: translate(-50%, -50%) !important;
}*/

.modal-footer {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: start;
    /*background-color: #f4f4f4;*/
    padding: 30px;
}

/* components changes */
.modal-header .btn-close {
    width: 24px;
    height: 24px;
    background-repeat: no-repeat;
    color: #131C35;
    opacity: 1 !important;
}

.modal-header-large {
    border-radius: 24px 24px 0px 0px !important;
}

.price-preview-totals {
    background-color: #E5E8F0;
    border-radius: 16px !important;
    padding: 24px;
}

.bank-account-image-div {
    text-align: left;
}

/* .price-preview-dialog {
    top: 60%;
} */
.code-applied {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    gap: 15px;
}

.modal-link-bottom-border {
    padding-bottom: 5px;
    border-bottom: 1px solid #4E4AE4;
}

@media (min-width: 992px) {
    .modal-dialog {
        max-width: 645px !important;
        width: 100%;
    }

    .bank-account-image-div {
        text-align: center !important;
    }
}

@media (min-width: 768px) {
    .modal-dialog {
        max-width: 580px;
        width: 100%;
    }

    #promo_code {
        width: 100%;
    }
}

@media (max-width: 768px) {
    .bank-account-information-image {
        text-align: left;
    }
}
@media (max-width: 576px) {
  .modal-bottom-0 {
    position: absolute !important;
    bottom: 0 !important;
  }
}
@media (max-width: 320px) {
    .bank-account-information-image {
        width: 100%;
    }

    .bank-account-information-dialog {
    }

    .price-preview-dialog {
        top: 54% !important;
    }

    .modal-dialog {
        width: 100%;
        /*top: 85%;
        left: 50%;*/
        margin-left: 0 !important;
        margin-right: 0 !important;
        border-radius: 0px 0px 0px 0px !important;
    }

    .modal-content.border-radius-all-24 {
        border-radius: 24px 24px 0px 0px !important;
    }

    #promo-code-button {
        width: 108px;
    }

    .code-applied {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 16px;
    }
}

.margin-15 {
    margin: 15px;
}