body {
font-family: Montserrat, sans-serif;
min-height: 1000px;
}
.woocommerce-terms-and-conditions-wrapper, #billing_country_field, #billing_address_2_field {
display: none !important;
}
.payment_methods {
margin-top: 30px !important;
}
#main {
margin-top: 40px;
padding: 0 !important;
margin: 0 !important;
}
.border-bottom-on {
border-bottom: #2f375b 3px solid !important;
}
.table-frame {
padding: 0px;
border-radius: 15px;
margin: 20px 0;
overflow: hidden;
}
.table {
--bs-table-bg: #f1e9e382;
margin: 0;
table-layout: fixed; 
width: 100%;
font-size: 12px;
}
.table tr:first-child {
border-top: unset;
}
.table tr:last-child {
border-bottom: unset;
}
.table tr {
border-bottom: 2px solid #e8ddd6;
border-top: unset !important;
}
.table tr td:nth-child(1) {
font-weight: bold;
}
.table td {
text-align: left;
word-break: keep-all;
word-wrap: break-word;
text-wrap: balance;
text-wrap: pretty;
}
.form-title {
font-size: 10px;
font-weight: 400;
border: unset;
border-radius: 10px;
background: #2f375b;
width: 315px;
padding: 0px 15px;
margin: 40px auto 50px auto;
}
.form-title .row .col-6 {
padding: 10px;
}
.form-title .row .col-6:nth-child(2) {
border-left: 2px dashed #fff;
padding: 22px 10px;
}
.form-title .row .col-6:nth-child(2) i {
background: white;
padding: 1px;
font-size: 8px;
border-radius: 100%;
color: #000;
}
.form-title .row .col-6:nth-child(1) b:nth-child(1) {
font-size: 14px;
}
.page .responsive {
padding: 0 20px;
max-width: 480px;
margin: auto;
}
.page form input, .page form textarea, .page form select {
background-color: #f1e9e382 !important;
border: unset !important;
}
.page form select {
border-right: 16px solid transparent !important;
}
.page form input:focus:invalid,
.page form textarea:focus:invalid, 
.page form select:focus:invalid {
border-color: #2f375bba !important;
box-shadow: 0 0 0 0.2rem #2f375bba !important;
}
.select-fap-type {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin: 0;
padding: 0;
}
.select-type-btn {
display: block;
padding: 5px 0;
height: auto;
width: 130px;
font-size: 19px !important;
margin: auto;
float: left;
color: #fff;
}
.select-type-btn i {
color: #fff !important;
}
.select-type-btn .sub-title {
font-size: 12px;
font-style: italic;
font-family: monospace;
}
.select-fap-type-1 {
padding-right: 5px;
}
.select-fap-type-2 {
padding-left: 5px;
}
.select-fap-type-1, .select-fap-type-2 {
width: 50%;
float: left;
}
.page form .form-select {
background-size: 21px 18px;
}
.page form .form-select {
padding: 0.475rem 2.25rem .375rem .75rem;
}
.daterangepicker .drp-buttons .btn {
margin: 10px 0 15px 0;
width: 65px;
font-size: 14px !important;
font-weight: bold !important;
padding: 5px 8px;
line-height: 25px !important;
border-radius: 5px !important;
min-height: 20px !important;
height: 35px;
}
.daterangepicker .cancelBtn {
float: left !important;
}
.daterangepicker .applyBtn {
float: right !important;
}
.daterangepicker td.start-date.end-date {
line-height: 20px;
}
.daterangepicker td.active, .daterangepicker td.active:hover {
background-color: #357ebd;
border-color: transparent;
color: #fff;
}
.daterangepicker td.active, .daterangepicker td.active:hover {
background-color: #8fd7bd;
border-color: transparent;
color: #fff;
font-weight: bolder;
}
form.quote {
width: 100%;
max-width: 370px;
margin: auto;
}
form button, .btn {
text-transform: capitalize !important;
}
.journey .hidden {
display: none;
}
.journey .card-product-details {
background: #eeeeee;
font-weight: 500;
}
.journey .cta-icon-wrapper {
position: relative;
height: 30px;
}
.journey .cta-icon-wrapper .cta-icon {
position: absolute;
display: inline;
background: #8fd7bd;
width: 100px;
height: 100px;
border-radius: 100px;
border: 5px solid #fff;
color: #fff;
font-weight: 400;
line-height: 72px;
font-size: 75px;
margin: -85px 0 0 -50px;
}
.journey .card-product-details {
border-radius: 20px;
margin-top: 100px !important;
border-radius: 20px;
}
.journey .card-product-details .card-header {
background: #8fd7bd;
text-align: center;
border-top-left-radius: 20px;
border-top-right-radius: 20px;
padding: 10px !important;
}
.journey .select-fpr-info .card-header, .journey .select-fpr-info .cta-icon {
background: #8fd7bd !important;
}
.journey .card-product-details form label {
font-size: 13px;
margin-top: 15px;
word-break: break-all;
}
.journey .card-product-details form input {
border: solid #000 1px !important;
}
.select-fpr-type .btn {
background: #8fd7bd !important;
border: unset !important;
}
.journey .card-product-details ul {
list-style: none;
padding: 30px 30px 20px 30px;
margin: 0;
}
.journey .card-product-details ul li i {
line-height: 27px;
padding: 0;
color: #eeeeee;
background: #8fd7bd;
height: 25px !important;
width: 25px !important;
min-width: 25px;
text-align: center;
border-radius: 20px;
margin-right: 10px;
}
.journey .select-type-btn {
display: block;
padding: 20px 0;
height: auto;
width: 250px;
font-size: 21px !important;
margin: auto;
float: left;
color: #fff;
border-radius: 15px !important;
text-transform: capitalize !important;
}
.journey .select-type-btn {
display: block;
padding: 20px 0;
height: auto;
width: 250px;
font-size: 21px !important;
margin: auto;
float: unset;
color: #fff;
border-radius: 15px !important;
text-transform: capitalize !important;
}
.journey .price-info p {
margin: 0 !important;
}
.journey .price-info {
padding: 15px 0;
}
.journey .price-info b {
font-size: 25px;
font-weight: bold;
margin-right: 10px;
margin-left: 35px;
}
.row.consent {
padding-top: 10px;
}
.row.consent .form-check {
background: white;
border: solid 1px #000;
border-radius: 20px;
padding: 0px;
text-align: center;
float: left;
width: 23%;
margin: 0 1%;
cursor: pointer;
}
@media(max-width:768px) {
.row.consent .form-check {
float: left;
width: 22%;
margin: 0 1.5%;
}
.journey .card-product-details form label {
font-size: 12px;
word-break: break-all;
}
}
@media(max-width:600px) {
.row.consent .form-check {
float: left;
width: 47%;
margin: 10px 1.5% 10px 1.5%;
font-size: 13px !important;
}
}
.row.consent input {
border: solid #000 1px !important;
margin: 5px !important;
cursor: pointer;
}
.row.consent label {
height: 30px;
line-height: 29px;
cursor: pointer;
}
.consent-info {
text-align: left;
font-size: 12px;
font-weight: 700;
}
.mini-nav {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 100%;
position: relative;
margin-bottom: 40px;
}
.mini-nav span {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
float: left;
}
.mini-nav span.info {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
background: #2f375b;
color: #fff;
padding: 0 15px;
font-size: 16px;
font-weight: 600;
height: 34px;
border-radius: 4px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
text-align: center;
}
.mini-nav span.control {
float: right;
position: absolute;
right: 0;
}
@media(max-width:450px) {
.mini-nav span.control {
display: none;
}
.page .responsive {
padding: 0;
}
}
.mini-nav .control .pre, .mini-nav .control .next {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
background: #2f375b;
font-size: 25px;
color: #fff;
width: 36px;
height: 36px;
border-radius: 100%;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
text-align: center;
cursor: pointer;
}
.mini-nav .control .next {
display: none;
margin-left: 15px;
}
.title {
font-weight: 700;
}
.check-options {
display: inline-block;
}
.check-options .form-check-inline {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
float: left;
padding: 15px 10px 5px 0;
}
.check-options .form-check-inline label {
font-size: 18px;
padding-right: 15px;
line-height: 20px;
}
.check-options .form-check-inline input {
margin-top: -5px !important;
}
#calendar table {
border-collapse: collapse;
width: 100%;
margin-top: 10px;
}
#calendar th, td {
position: relative;
border: unset;
padding: 3px;
text-align: center;
width: 20%;
}
#calendar th {
font-size: 18px
}
#calendar select {
margin-bottom: 10px;
}
#calendar td.blank-day span, #calendar td.calendar-day span {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
/* Optional: Horizontal centering */
background: #a1d9e1;
color: #fff;
min-height: 74px;
border-radius: 3px;
text-align: center;
font-size: 24px;
font-weight: 600;
cursor: pointer;
}
#calendar td.blank-day span {
background: #eee;
color: #bcbcbc;
}
#calendar td.blank-day span label{
position: absolute;
font-size: 9.5px;
line-height: 10px;
font-weight: 600;
bottom: 13px;
margin: 0;
padding: 0;
}
@media(max-width:515px) {
#calendar th, td {
padding: 2px;
}
#calendar td.blank-day span label{
font-size: 9px;
bottom: 10px;
}
}
@media(max-width:415px) {
#calendar td.blank-day span label{
font-size: 8px;
bottom: 6px;
}
}
@media(max-width:380px) {
#calendar td.blank-day span label{
font-size: 6.5px;
bottom: 5px;
}
}
#calendar td.selected-day span {
border: 4px solid #3b97a3;
/* Blue background for selected day */
color: #fff;
}
#calendar td.current-day span {
background: #2f375b;
/* Blue background for selected day */
color: #fff;
}
#calendar #control {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin-top: 30px;
}
#calendar #control span {
width: 50px;
height: 50px;
font-size: 35px !important;
border-radius: 5px !important;
background: #D9D9D9 !important;
border: unset !important;
float: left;
margin-right: 15px;
}
#explain-fault.overLimit {
border-color: red !important;
}
.secure-layer{
position: absolute;
background: #ffffff82;
width: 100%;
max-width: 100%;
height: 700px;
margin-bottom: -700px;
z-index: 1;
border-radius: 10px;
cursor: not-allowed;
overflow: hidden;
}
.confirmation-status i{
line-height: 125px;
padding: 0;
color: #eeeeee;
background: #2f375b;
height: 120px !important;
width: 120px !important;
text-align: center;
border-radius: 120px;
margin: 20px auto auto auto;
font-size: 70px;
color: #fff;
display: block;
}


/*CUSTOM*/
/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v8.4.14,
* Autoprefixer: v10.4.7
* Browsers: last 4 version
*/



.landing-header .logo-link img {
display: block;
width: 140px;
margin: -10px 0 0 0;
}
.show {
display: block !important;
}
button:focus,
button.form-control:focus,
textarea:focus, 
textarea.form-control:focus, 
input.form-control:focus, 
input[type=text]:focus, 
input[type=password]:focus, 
input[type=email]:focus, 
input[type=number]:focus, 
[type=text].form-control:focus, 
[type=password].form-control:focus, 
[type=email].form-control:focus, 
[type=tel].form-control:focus, 
[contenteditable].form-control:focus {
-webkit-box-shadow: none !important;
box-shadow: none !important;
}

@media(max-width: 400px){
.card-1, .card-2, .card-3 {
padding: 10px;
}
}

h3 {
display: inline-block;
width: 100%;
}

.landing-header .nav-row {
width: 100%;
height: 45px;
padding: 20px 0;
border-bottom: solid #f1e9e3eee 2px;
-webkit-box-sizing: content-box;
box-sizing: content-box;
}

.landing-header .nav-row .split {
width: 50%;
min-height: 50px;
float: left;
}

.landing-header .nav-row .split .btn {
font-size: 12px !important;
border-radius: 5px !important;
max-width: 200px;
float: right;
margin: 0 15px 0 0;
}

.dash-list {
padding: 0;
margin: 0;
}

.page form .item-dash input, .page form .item-dash textarea, .page form .item-dash select {
background-color: #ffffff !important;
}

.select2-container {
background-color: #ffffff !important;
background: #fff !important;
border-radius: 30px !important;
outline: unset !important;
border: unset !important;
}

.select2-container--default .select2-selection--single {
background-color: unset !important;
border: unset !important;
border-radius: 30px !important;
}

.select2-container--default .select2-results .select2-results__option--highlighted[aria-selected] {
background-color: #a31d2c !important;
color: #fff !important;
}

.select2-container--open .select2-dropdown.select2-dropdown--below {
margin-top: 40px !important;
}

.select2-container--default.select2-container--open .select2-selection--single,
.select2-container--default .select2-search .select2-search__field,
.select2-container--default .select2-search--dropdown .select2-search__field {
border-color: #bfbfbf !important;
border-width: 2px !important;
}

.card-dash {
display: block;
}

.card-list {
list-style: none;
padding: 0;
margin: 0;
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-flow: wrap;
flex-flow: wrap;
}

.card-list li {
position: relative;
padding: 15px;
margin: 0;
width: 50%;
overflow: hidden;
float: left;
cursor: pointer;
display: none;
block-size: auto;
}

.card-list li:nth-child(1),
.card-list li:nth-child(2),
.card-list li:nth-child(3),
.card-list li:nth-child(4) {
display: block;
}

.card-list li .card-tab {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding: 30px;
width: 100%;
height: 165px;
float: left;
background: #f1e9e3;
color: #fff;
border-radius: 10px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
text-align: center;
}

.card-list li .card-tab img {
width: auto;
height: auto;
max-height: 100px;
margin: auto;
}

.card-list.pick li .card-tab.active {
background: #2f375b !important;
}

.card-list.basket li .card-tab.active {
background: #2f375b !important;
}

.card-list li p {
display: block;
position: relative;
padding: 0 0 10px 0;
margin: 0;
height: auto;
top: 10px;
text-align: center;
line-height: 20px;
font-size: 14px;
font-weight: 600;
color: #a0a0a0;
text-transform: capitalize;
}

.btn.view-all, .btn.re-edit, .btn.add-more{
background: #e8ddd6 !important;
border: 0px solid #fff !important;
color: #000 !important;
margin-bottom: 20px;
width: 100%;
display: block;
line-height: 32px !important;
}

.title-basket, .next-button {
display: none;
}

.title-basket {
position: relative;
}

.title-basket span {
font-size: 14px;
color: #B8B8B8;
font-weight: 500;
float: right;
}

.clear-basket {
background: #a31d2c;
font-size: 9px !important;
color: #ffffff !important;
border-radius: 10px;
padding: 3px 7px 2px 7px;
position: absolute;
bottom: -13px;
right: 0px;
cursor: pointer;
}

.clear-basket i {
padding-left: 4px;
font-size: 8px;
}

.remove {
position: absolute;
top: 23px;
right: 23px;
color: #a31d2c;
background: #ffffff;
border: solid #fffcfc 0px;
border-radius: 100%;
width: 23px;
height: 23px;
padding: 4px;
font-size: 16px;
text-align: center;
cursor: pointer;
opacity: 0.9;
}

.item-dash {
display: inline-block;
background: #f1e9e3;
padding: 15px;
margin-bottom: 25px;
border-radius: 10px;
overflow: hidden;
}

.item-dash .split {
width: 50%;
float: left;
padding-bottom: 10px;
}

.item-dash .split:nth-child(1) {
padding-right: 10px;
}

.item-dash .split:nth-child(2) {
padding-left: 10px;
}

.item-dash-title {
position: relative;
border-radius: 10px;
background: #e8ddd6;
color: #000;
height: 45px;
padding: 10px;
overflow: hidden;
font-size: 19px;
font-weight: 500;
line-height: 25px;
text-transform: capitalize;
}

.item-dash-title .remove {
float: right;
top: 11.5px;
right: 15px;
}

i.must {
color: #a31d2c;
}

label.info {
text-align: center;
font-size: 12px;
margin: 0;
padding: 0;
color: #7a7a7a;
font-style: italic;
font-weight: 500;
}

.total {
display: table;
position: relative;
background: #e8ddd6;
margin: auto;
height: 20px;
width: auto;
padding: 10px 20px;
border-radius: 30px;
top: 25px;
font-weight: 500;
}

.full-total {
display: table;
position: relative;
background: #e8ddd6;
margin: auto;
height: 20px;
width: auto;
padding: 10px 20px;
border-radius: 30px;
font-weight: 500;
}

.form-marketing-check input {
margin: 0 8px 0 0 !important;
cursor: pointer;
}

.form-marketing-check label {
font-size: 13px;
font-weight: 400;
padding: 0;
margin: 0;
cursor: pointer;
}

.edit-btn {
position: relative;
float: right;
line-height: 0px !important;
color: black !important;
font-weight: 400;
text-decoration: none;
right: 10px;
bottom: -10px;
}

.card-pay .form-group {
margin-top: 20px;
}

.card-pay .split {
width: 50%;
float: left;
}

.thank-you {
text-align: center;
font-weight: 600;
}

.thank-you .logo {
width: 200px;
margin: 50px auto 40px auto;
display: block;
}

.thank-you h1 {
color: #2f375b;
font-family: Montserrat;
font-size: 40px;
font-style: normal;
font-weight: 800;
line-height: normal;
}

.thank-you a {
display:block;
color: #2f375b !important;
margin-bottom: 20px;
text-decoration: none; 
}

.table-frame table {
margin: 20px 0 15px 0;
}

form[name=form-2], form[name=form-3], form[name=form-4], .thank-you {
display: none;
}

.next-notice {
font-style: italic;
text-align: center;
font-weight: 500;
margin: 10px 0;
}



.accordion>.card{
background-color: unset !important;
background: unset !important;
}
#applianceAccordion {
margin: 0 auto 20px auto;
display: none;
width: 100%;
}

.scroll-bar {
position: relative; /* Initially relative */
width: 100%; /* Adjust width as needed */
-webkit-transition: position 0.3s ease, top 0.3s ease;
-o-transition: position 0.3s ease, top 0.3s ease;
transition: position 0.3s ease, top 0.3s ease; /* Smooth transition */
z-index: 9999999;
}

.scroll-bar.fixed {
position: fixed;
top: 0; /* Stick it to the top when fixed */
left: 0;
right: 0;
}



.show-receipt{
text-align: center;
background: #a31d2c;
color: #fff;
font-weight: 500;
font-size: 22px;
padding: 10px 0;
border-radius: 10px;
margin: auto !important;
max-width: 400px !important;
display: block !important;
margin: 10px auto !important;
text-decoration: none !important;
width: 400px !important;
height: 50px !important;

}

.receipt-shadow-box {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: #000000c7;
z-index: 9999;
cursor: pointer;
display: none;
}
.receipt {
position: relative !important;
background: #ffffff;
background-color: #ffffff;
border: solid #ffffff 0px;
max-width: 400px !important;
width: 100% !important;
margin: auto !important;
padding: 0;
border-radius: 10px;
overflow: hidden;
}
.table>thead>tr>th {
vertical-align: bottom;
border-bottom: 0px solid #e5e4e3;
}
.receipt td {
text-align: left !important;
}
#applianceAccordion .show-receipt {
width: 100% !important;
max-width: 400px !important;
}
@media(min-width:1520px) {
.show-receipt {
display: none !important;
}
#collapseOne {
position: relative;
display: block !important;
}
#collapseOne .receipt {
position: fixed !important;
top: 116px;
right: 100px;
}

}
.receipt td {
text-align: center;
}
.receipt tr:nth-child(even) > td {
background-color: #f4f4f4 !important;
}
.receipt thead th {
background-color: #2f375b !important;
color: #fff !important;
font-weight: 400 !important;
font-size: 17px;
}
.receipt tfoot td {
background-color: #e8ddd6 !important;
color: #000 !important;
font-weight: 600 !important;
font-size: 17px;
}

.card {
border: unset !important;
}

.accordion>.card>.card-header {
border-radius: 0;
margin-bottom: -1px;
padding: 0;
background: unset;
background-color: unset;
}
.accordion>.card>.card-header, .card-header {
border-bottom: unset !important;
border: unset !important;
}
.receipt * {
font-size: 14px !important;   
}
@media(max-width:500px) {
#applianceAccordion *, .receipt * {
font-size: 12px !important;
}
.table.receipt colgroup col:first-child,
.table.receipt thead tr th:first-child,
.table.receipt tbody tr td:first-child,
.table.receipt tfoot tr td:first-child{
display: none;
}
#applianceAccordion .card-body {
padding: 0 !important;
}
#applianceAccordion button span {
font-size: 14px !important; 
font-weight: 600;
}
}
@media(max-width:450px) {
#applianceAccordion *, .receipt * {
font-size: 11px !important;
}
#applianceAccordion .show-receipt {
max-width: 300px !important;
}
}
@media(max-width:370px) {
#applianceAccordion *, .receipt * {
font-size: 10px !important;
}
}

.custom-footer {
display: none !important;
}