header.banner#masthead { background-color: #16152f; box-shadow: none; }
a { transition:250ms opacity  ease-in-out, 250ms color  ease-in-out, 250ms background-color  ease-in-out !important;}
a.navbar-brand  {transition: none !important; }
.page-container { background-color: transparent !important;}

.body-overflow-hidden {
    overflow: hidden;
}

.z-index-1 {
    z-index: 1 !important;
}
/* main.main#content { padding-bottom: 260px !important;}
.pricing main.main#content,
.pricing-2 main.main#content { padding-bottom: 160px !important;} */
.template-secondary.singular-data.page-data main.main {  background-color: #16152f; }
main.main section { position: relative; padding-top: 8rem !important; padding-bottom: 8rem !important; margin-bottom: 0 !important; }
main.main section:last-of-type { padding-bottom: 240px !important; }
section.section .container { position: relative; z-index: 10; }

.page-banner-media-wrapper { position: relative;}
.page-banner-media-wrapper::after { content: ""; display: block; }
.cards-carousel { max-width: 480px; height: 300px;}
.cards-carousel .cards-navigation { display: flex;  justify-content: center; margin: 20px 0; padding: 0; width: 100%; list-style: none;}
.cards-carousel .cards-navigation .nav-item { margin: 0 2px; width: calc(100%/3); max-width: 95px; height: 8px; background: #D9D9D9; cursor: pointer; }
.cards-carousel .cards-navigation .nav-item.active { background: linear-gradient(90deg, rgba(53, 141, 205, 0.9) 2.13%, rgba(104, 68, 205, 0.9) 96.28%); }

.cards-carousel .cards { display: inline-block; position: relative; width: 100%; padding-top: 70px;  }
.cards-carousel .cards .card-item { display: block; position: relative;  z-index: 1;  width: 100%; height: 100px; transition: all 200ms ease-in-out; padding: 25px 20px 25px 60px; color: #fff;  border-radius: 6px; background: linear-gradient(180deg, rgba(31, 29, 62, 0.1) 0%, rgba(104, 68, 205, 0.1) 100%);} 
.cards-carousel .cards .content { padding-left: 15px; border-left: 1px solid rgba(255,255, 255, 0.2); }
.cards-carousel .cards .card-item::before {display: block; opacity: 0; content: url(/images/ico-phone-message.svg); width: 30px; height: 30px; position: absolute; left: 15px; } 
.cards-carousel .cards .card-item .card-title,
.cards-carousel .cards .card-item .card-content { opacity: 0; transition: all 200ms ease-in-out; }

.cards-carousel .card-item.active { display: block; height: auto; z-index: 3; transform: scale(1) translate(0px, 0px); background: linear-gradient(180deg, rgba(31, 29, 62, 0.9) 0%, rgba(104, 68, 205, 0.9) 100%);  }
.cards-carousel .cards .card-item.active::before,
.cards-carousel .cards .card-item.active .card-title,
.cards-carousel .cards .card-item.active .card-content { opacity: 1; }

.cards-carousel .card-item.close-1 { position: absolute; top: 70px; z-index: 2; transform: scale(0.9) translate(0px, -35px); cursor: pointer; }
.cards-carousel .card-item.close-2 { position: absolute; top: 70px; z-index: 1; transform: scale(0.8) translate(0px, -70px); cursor: pointer;}
.cards-carousel .card-item.close-1:hover,
.cards-carousel .card-item.close-2:hover {  background: linear-gradient(180deg, rgba(31, 29, 62, 0.1) 0%, rgba(104, 68, 205, 1) 100%); }
.cards-carousel .card-item .card-title { font-weight: 500; font-size: 1.6rem; line-height: 1; color: #FFFFFF;}
.card-content { font-size: 1.2rem;  line-height: 1.4;}
#section-secondary-page-banner .page-banner-intro { margin-bottom: 50px;}
.page.phone-messaging #section-secondary-page-banner .col-md-6 { flex: 0 0 43%;
    max-width: 43%; }
.page.phone-messaging #section-secondary-page-banner .page-banner-media-wrapper { flex: 0 0 57%;
    max-width: 57%; }
.page-banner-intro h1 { max-width: 600px;}
.page-banner-intro h1 span,
.heading-highlight { color: #F18624 !important; }
#section-secondary-page-banner .page-banner-intro p { color: #E1E3FF; }

#section-home-banner { position: relative; padding-top: 0 !important; padding-bottom: 0 !important; background-color: #17152f !important; }
/* background: #17152f url('/images/home-banner-gradient.png') no-repeat bottom left; */
#section-home-banner::before { content:""; display: block; position: absolute; top:0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; mix-blend-mode: soft-light;  background-size: cover;}
#section-home-banner::after {content: ""; display: block; position: absolute; bottom: 0; right: 0; width: 100%; min-height: 80px; height: 9vh; background: url(/images/home-banner-curve.svg) top right; background-size: cover;}
#section-home-banner .container { padding-bottom: 100px;}

#section-secondary-page-banner .btn,
#section-home-banner .btn { background: #01adee; border-color:#01adee;} 

#section-secondary-page-banner .btn:hover,
#section-home-banner .btn:hover { background:#0d7fb2; border-color: #0d7fb2; }

#section-secondary-page-banner .btn.btn-outline,
#section-home-banner .btn.btn-outline { border-color:#fff; color: #fff; background: transparent;} 

#section-secondary-page-banner .btn.btn-outline:hover,
#section-home-banner .btn.btn-outline:hover  { border-color: #ffa305; background: #ffa305; }


#section-home-connection-centre { padding-top: 40px; margin-bottom: 0;}
#section-home-connection-centre .row  { flex-direction: column-reverse;}
#section-home-connection-centre h2 { font-style: normal; font-weight: 600; font-size: 5rem; line-height: 1.1; }

#section-home-contact-centre { position: relative; padding-top: 40px; padding-bottom: 80px; margin-bottom: 0; background-color: #f7f9fc !important;}
#section-home-contact-centre .row { justify-content: space-between; }
/* #section-home-contact-centre::before { content: ""; display: block; height: 90%; width: 100%; background-color: #f7f9fc; position: absolute; top: 0; } */
#section-home-contact-centre .col-image {  margin-bottom: 20px !important; }

.container.no-gutter-right-side { max-width: 100%; padding: 0;  }
.container.no-gutter-right-side .col-text { padding: 0 35px;}
.container.no-gutter-right-side .col-image { padding: 0 0 35px 0; }


#section-secondary-page-banner { position: relative; padding-top: 2rem!important; padding-bottom: 2rem !important; background-color: #17152f !important; }
/* #section-secondary-page-banner::before { content:""; display: block; position: absolute; top:0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; }
#section-secondary-page-banner::after {    content: ""; display: block; position: absolute; bottom: 0; right: 0; width: 100%; height: 50px; background: url(/images/secondary-banner-curve.svg) top right; background-size: cover;} */

@media (min-width: 768px) {
    #section-home-banner .container { padding-bottom: 80px;}
    #section-home-connection-centre .row  { flex-direction: row;}
    #section-home-contact-centre { margin-bottom: 180px; }
    #section-home-contact-centre .col-image { margin-bottom: -200px !important; }
    .container.no-gutter-right-side  { margin-left: calc((100% - 720px) / 2); }
   
}
@media (min-width: 992px) {
    #section-home-banner .container { padding-bottom: 5vh;}
    .container.no-gutter-right-side  { margin-left: calc((100% - 960px) / 2); }
    #section-faqs .container-sm { max-width: 992px;}
    
}
@media (min-width: 1200px) {
    
    #section-faqs .container-sm { max-width: 1100px;}
    .container.no-gutter-right-side  { margin-left: calc((100% - 1100px) / 2); }
    #section-banner-pricing .container {
        min-width: 1400px;
    }
}
@media (min-width: 1440px) {
    #section-faqs .container-sm { max-width: 1320px;}
    .container.no-gutter-right-side  { margin-left: calc((100% - 1320px) / 2); max-width: calc(1320px + ((100% - 1320px) / 2)); padding: 0 0 0 20px; }
}

.col-text { flex: 0 0 100%; max-width: 100%; }
.col-image { flex: 0 0 100%; max-width: 100%; }

@media (min-width: 768px) {
    .section.image-text-section .flex-md-row-reverse .col-text,
    .col-text { flex: 0 0 47%; max-width: 47%; }
    .section.image-text-section .flex-md-row-reverse .col-image,
    .col-image { flex: 0 0 53%; max-width: 53%; }

    .section.image-text-section .flex-md-row-reverse .col-image figure  { text-align: right;}
    .col-image figure { text-align: right;}

    #section-home-inbound-numbers .col-image { flex: 0 0 53%; max-width: 53%; padding-right: 150px; }
    #section-home-inbound-numbers .col-text { flex: 0 0 47%; max-width: 47%; }


    /* #section-home-fonemax-api .col-image { flex: 0 0 53%; max-width: 53%; }
    #section-home-fonemax-api .col-text { flex: 0 0 47%; max-width: 47%; }    
    #section-home-fonemax-api .col-image figure { text-align: right;} */

    #section-home-cta .col-image { flex: 0 0 53%; max-width: 53%; padding-right: 150px; }
    #section-home-cta .col-text { flex: 0 0 47%; max-width: 47%; }

    #section-here-to-help  .col-image { flex: 0 0 47%; max-width: 47%; }
    #section-here-to-help  .col-image img { max-width: 90%; }
    #section-here-to-help  .col-text { flex: 0 0 53%; max-width: 53%; }


    .col-text .text-container p,
    .col-text .wp-content p{ max-width: 90%;}
}
#section-features-documentation-cards { background-color: #fff;}

#section-features-documentation-cards .card  { padding: 40px 40px 40px 120px; color: #525F7F; background: #FFFFFF; box-shadow: 0px 13px 27px -5px rgba(50, 50, 93, 0.25), 0px 8px 16px -8px rgba(0, 0, 0, 0.3), 0px -6px 16px -6px rgba(0, 0, 0, 0.024); border-radius: 8px; }
#section-features-documentation-cards .card-wrapper:nth-child(1) .card { background: url(/images/bg-fonemax-feature-box.png) no-repeat center left;}
#section-features-documentation-cards .card-wrapper:nth-child(2) .card  {  background: url(/images/bg-fonemax-documentation-box.png) no-repeat center left;}
#section-features-documentation-cards .card > h4  { color: #F16024; text-transform: uppercase; font-style: normal; font-weight: 600; font-size: 16px; line-height: 1.4; }
#section-features-documentation-cards .card > h4 a { color: #F16024; }
#section-features-documentation-cards .card > h4 a::after { content: "\f054"; display: inline-block; margin-left: 20px; font-family: 'Font Awesome 6 Free'; font-weight: 900; }

#section-home-inbound-numbers .link-card h5 { color: #0A2540 !important; font-weight: 700; }
#section-home-inbound-numbers .link-card .icon-chev-right { color: #cfcfcf !important;}
#section-home-fonemax-api { background-color: #f7f9fc; padding: 40px 0;}
#section-here-to-help .btn-wrap { margin-left: 50px;}
#section-here-to-help .btn:first-child,
#section-home-cta .btn:first-child { background-color: #18162d;  border-color: #18162d;}
#section-here-to-help .btn:first-child:hover,
#section-home-cta .btn:first-child:hover { background-color: #090911;  border-color: #090911;}
#section-here-to-help .btn.btn-outline,
#section-home-cta .btn.btn-outline { border-color: #ffa305; color: #ffa305;}
#section-here-to-help .btn.btn-outline:hover,
#section-home-cta .btn.btn-outline:hover {  color: #fff;}
.google-rating { display: flex; align-items: center; justify-content: center; }
.google-rating svg { margin:0 10px 0 0; }
.google-rating .google-rating-text { min-width: 120px; line-height: 1;}
.google-rating .star-rating { margin: 5px 0; font-size: 1.5rem; line-height: 1; font-weight: 600; color: #fea500;}
.google-rating .link-text { font-size: 0.8rem; font-weight: normal; line-height: 1; }
.google-rating h5 { margin: 0; font-size: 1.1rem; font-weight: normal; line-height: 1;}

.google-rating,
#section-home-banner .btn-wrap>.btn  {  margin-bottom: 20px;}

.text-gradient { background: linear-gradient(90deg, #FFA305 -2.26%, #F16024 75.4%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; text-fill-color: transparent; }
.text-gradient.purple-gradient { color: #6844CD; background:transparent; -webkit-background-clip:unset; -webkit-text-fill-color: unset; background-clip: unset; text-fill-color: unset;}
.text-orange { color: #F18624;}
.h2, h2 {
    font-weight: 600;
}
.h3, h3 {
    font-weight: 600;
}


#section-phone-answering-service h2 { text-align: center; padding-bottom: 20px; }
#section-phone-answering-service .card-wrapper { padding-left: 20px; padding-right: 20px;  margin-bottom: 100px !important; }
#section-phone-answering-service .card  { text-align: center; }
#section-phone-answering-service .card img { height: 60px; width: auto;}
#section-phone-answering-service .card h3 { font-style: normal; font-weight: 500; font-size: 28px; line-height: 1.4; color: #17152F; }


#section-phone-answering-features { background: #171538 url(/images/bg-section-phone-answering-features.png) no-repeat center center; }
#section-phone-answering-features .card { background-color: transparent; }
#section-phone-answering-features h2 { text-align: center; padding-bottom: 20px; }
#section-phone-answering-features h2 span { color: #B4B0E9; }
#section-phone-answering-features .row  { justify-content: center; }
.pricing.page #masthead { background-color: #1f1d3f; }


.modal-register-container { display: none; }
.modal-register-container { position: fixed; top: 0; width: 100%; min-height: 100vh; height: 100%; z-index: 100; background-color: rgba(0, 0, 0, 0.4); backdrop-filter: blur(15px); padding: 150px 0; }
.modal-register-container .modal { 
    max-width: 750px; margin: auto; border-radius: 10px; box-shadow: 0px 4px 34px 0px #00000040; background-color: #FFFFFF; padding: 53px;
    position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); max-height: 90vh; overflow-y: auto;}
.modal-register-container .modal .modal-title { margin-bottom: 30px; }
.modal-register-container .modal .modal-body .body-title { margin-bottom: 40px; }
.modal-register-container .modal .modal-body .body-title sub { font-size: 15px; }
.modal-register-container .modal .modal-body .body-title .sub-title p { margin-bottom: 0; }
.modal-register-container .modal .modal-body .body .field-grid { display: grid; grid-template-columns: auto auto; grid-gap: 20px; }
.modal-register-container .modal .modal-body .body .field-grid label:after { content: " *"; color: #E91D36; }
.modal-register-container .modal .modal-body .body .field-grid .field-group input { height: 40px; border: 2px solid #CFCFCF; width: 100%; padding-left: 35px; background-position: 6px 6px; background-repeat: no-repeat; color: #000; margin-bottom: 1rem; }
.modal-register-container .modal .modal-body .body .field-grid .field-group .name-field { background-image: url(/images/user-icon.png); }
.modal-register-container .modal .modal-body .body .field-grid .field-group .business-field { background-image: url(/images/business-icon.png); }
.modal-register-container .modal .modal-body .body .field-grid .field-group .email-field { background-image: url(/images/email-icon.png); }
.modal-register-container .modal .modal-body .body .field-grid .field-group .contact-field { background-image: url(/images/contact-icon.png); }
.modal-register-container .modal .modal-body .body .body-row { margin: 30px 0; }
.modal-register-container .modal .modal-body .body .body-row .checkbox input:hover,
.modal-register-container .modal .modal-body .body .body-row .checkbox label:hover { cursor: pointer; }
.modal-register-container .modal .modal-body .body .body-row textarea { width: 100%; height: 150px; }
.modal-register-container .modal .modal-footer .button-container .btn { width: 150px; }

.modal-register-container .modal .modal-footer .button-container .btn-cancel { background-color: #DFE3EB; border-color: #DFE3EB; color: #232938;}

.modal-register-container .modal .modal-footer .button-container .btn-send { float: right; }

.pricing-section { background-image: url(/images/bubbletext.svg), url(/images/bg_m.svg); background-repeat: no-repeat, no-repeat; background-position: left, right; background-position-y: 30px; background-size: 25%, 30%; }
.pricing-section { font-family: "Poppins", sans-serif; }
.pricing-section .header { max-width: 700px; margin: auto; text-align: center; }
.pricing-section h1 { font-size: 5.4rem; line-height: 65px; margin: 50px auto 91px auto; }
.pricing-section h1 span { position: relative; }
.pricing-section h1 span:after { content: ''; position: absolute; left: -10px; bottom: 0; height: 100%; width: 120%; z-index: -999; background-image: url(/images/yellowstroke.svg); background-repeat: no-repeat; background-position: bottom; background-size: 100%}

.pricing-section .pill-container { position:relative; width: 300px; border-radius: 30px; background-color: #CBD6E2; border: solid 1px #DFE3EB; text-align: center; display: flex; margin: 0 auto 30px; }
.pricing-section .pill-container .pill { position:absolute; border-radius: 30px; background-color: #FFF; z-index: 1; width: 50%; height: 100%; transition: 9999s transform .2s ease-out; border: solid 1px #00A4BD; }
.pill-option:nth-child(1):focus ~ .pill{ transform: translatex(0px); transition: transform .18s ease-out; }
.pill-option:nth-child(2):focus ~ .pill{ transform: translatex(150px); transition: transform .18s ease-out; }
.pricing-section .pill-container .pill-option { position: relative; z-index: 2; border-radius: 30px; color: #33475B; font-size: 11px; font-weight: 400; display: block; padding: 20px 0; width: 50%; }
.pricing-section .pill-container .pill-active { color: #00A4BD }


.pricing-section .plan-row { display: flex; gap: 7px; background-color: #fff; }
.pricing-section .plan-row .coverage-col,
.pricing-section .plan-row .sms-col { border: 1px solid #DFE3EB; border-radius: 8px; box-sizing: border-box; flex-basis: 100%; }
.pricing-section .plan-row .coverage-col { flex-basis: 60%; padding: 47px 33px 0; }
.pricing-section .plan-row .sms-col { flex-basis: 40%; }
.pricing-section .plan-row .coverage-col .option-container { font-weight: 600; }
.pricing-section .plan-row .coverage-col .option-container p { margin-bottom: 10px; display: inline-block; width: 50%; }
.pricing-section .plan-row .coverage-col .option-container .option-text { text-align: right; margin-right: 6px; }
.pricing-section .plan-row .coverage-col .option-container .options { text-align: left; margin-left: 6px; width: auto; border-radius: 15px; border: 1px solid #EBEBEB; display: inline-block; }
.pricing-section .plan-row .coverage-col .option-container .options a { padding: 3px 15px; color: #334A61; display: inline-block; transition: 0ms !important; }
.pricing-section .plan-row .coverage-col .option-container .options .active { border-radius: 15px; border: 1px solid #EBEBEB; background-color: #00A4BD; border-color: #00A4BD; color: #FFFFFF; }

.pricing-section .plan-row .coverage-col h2 { font-weight: 600; line-height: 20px; font-size: 20px; margin-top: 50px; }
.pricing-section .plan-row .coverage-col .price-row { display: inline-flex; flex-wrap: wrap; column-gap: 12px; row-gap: 12px; width: 100% }
.pricing-section .plan-row .coverage-col .price-row .price-col { flex-basis: 32%; border: solid 2px #DEDEDE; border-radius: 5px; padding: 17px 12px; }
.pricing-section .plan-row .coverage-col .price-row .price-col label:hover { cursor: pointer; }
.pricing-section .plan-row .coverage-col .price-row .price-col input[type="radio"] { position:absolute; opacity: 0; -moz-opacity: 0; -webkit-opacity: 0; -o-opacity: 0; }
.pricing-section .plan-row .coverage-col .price-row .price-col input[type="radio"] + label { position:relative; display: block; width: 100%; font-weight: 700; font-size: 15px; }
.pricing-section .plan-row .coverage-col .price-row .price-col input[type="radio"] + label p { margin-bottom: 0; }
.pricing-section .plan-row .coverage-col .price-row .price-col input[type="radio"] + label p:nth-child(2) { margin-bottom: 5px; }
.pricing-section .plan-row .coverage-col .price-row .price-col input[type="radio"] + label:before { content: ""; display: block; position: absolute; top: 0; right: 0; height: 20px; width: 20px; background: #ffffff; border: 2px solid #CBD6E2; border-radius: 3px; }
.pricing-section .plan-row .coverage-col .price-row .price-col input[type="radio"] + label:before { background:#ffffff; }
.pricing-section .plan-row .coverage-col .price-row .price-col input[type="radio"]:checked + label:after { font-family: 'FontAwesome'; display: block; position: absolute; top: -3px; right: 2px; content: '\f00c'; font-size: 17px; z-index: 99; text-indent: 0; margin: 0; }
.pricing-section .plan-row .coverage-col .price-row .price-active { border-color: #5E5CFA; }
.pricing-section .plan-row .coverage-col .price-row .price-col input[type="radio"]:checked + label:before { border-color: #5E5CFA; }
.pricing-section .plan-row .coverage-col .price-row .price-col input[type="radio"]:checked + label,
.pricing-section .plan-row .coverage-col .price-row .price-col input[type="radio"]:checked + label:after { color: #5E5CFA; }
.pricing-section .add-ons-container { border: 1px solid #DFE3EB; border-radius: 8px; padding: 36px 54px 56px; margin-top: 37px; background-color: #F9F9F9; }
.pricing-section .add-ons-container h2 { display: block; margin: auto auto 45px; text-align: center; font-size: 24px; font-weight: 600; line-height: 30px; }
.pricing-section .add-ons-container .add-ons-row .col { margin-bottom: 32px; }
.pricing-section .add-ons-container .add-ons-row .col h4 { font-weight: 600; line-height: 20px; font-size: 16px; margin-bottom: 11px; }
.pricing-section .add-ons-container .add-ons-row .col p { font-size: 14px; display: block; max-width: 310px; }
.pricing-section .coverage-col .table-container > ul { margin-bottom: 12px; }
.pricing-section .coverage-col .table-container .price-row { margin-bottom: 39px; }
.pricing-section .sms-col .sms-cont { width: 80%; margin: 51px auto 0; }
.pricing-section .sms-col .header-cont { background: url(/images/phone-vector.png) no-repeat; padding: 0 10px 0 70px; margin-bottom: 32px; }
.pricing-section .sms-col .header-cont h2 { margin-bottom: 0; }
.pricing-section .sms-col .header-cont h3 { color: #6844CD; }
.pricing-section .sms-col .header-cont h2,
.pricing-section .sms-col .header-cont h3 { font-size: 24px; font-weight: 600; line-height: 30px; width: 100%; }
.pricing-section .sms-col .vr-option p,
.pricing-section .sms-col .custom-option p { font-weight: 700; font-size: 15px; margin-bottom: 15px; }
.pricing-section .sms-col .option-details .detail { margin-bottom: 24px; }
.pricing-section .sms-col .option-details .detail label:hover { cursor: pointer; }
.pricing-section .sms-col .option-details .detail p { margin-bottom: 0; }
.pricing-section .sms-col .option-details .detail input[type="radio"] { position:absolute; opacity: 0; -moz-opacity: 0; -webkit-opacity: 0; -o-opacity: 0; }
.pricing-section .sms-col .option-details .detail input[type="radio"] + label { position:relative; display: block; width: 100%; font-weight: 700; font-size: 15px; padding-left: 40px; }
.pricing-section .sms-col .option-details .detail input[type="radio"] + label:before { content: ""; display: block; position: absolute; top: 0; left: 0; height: 20px; width: 20px; background: #ffffff; border: 2px solid #CBD6E2; border-radius: 3px; }
.pricing-section .sms-col .option-details .detail input[type="radio"] + label:before { background:#ffffff; }
.pricing-section .sms-col .option-details .detail input[type="radio"]:checked + label:after { font-family: 'FontAwesome'; display: block; position: absolute; top: -3px; left: 2px; content: '\f00c'; font-size: 17px; z-index: 99; text-indent: 0; margin: 0; }
.pricing-section .sms-col .option-details .detail-active { border-color: #5E5CFA; }
.pricing-section .sms-col .option-details .detail input[type="radio"]:checked + label:before { border-color: #5E5CFA; }
.pricing-section .sms-col .option-details .detail input[type="radio"]:checked + label,
.pricing-section .sms-col .option-details .detail input[type="radio"]:checked + label:after { color: #5E5CFA; }
.pricing-section .sms-col .bill-display { margin-bottom: 29px; }
.pricing-section .sms-col .bill-display sub { font-size: 12px; font-weight: 400; line-height: 18px; color: #516F90; }
.pricing-section .sms-col .bill-display p { font-size: 22px; font-weight: bold; line-height: 28px; margin-bottom: 0; }
.pricing-section .sms-col .bill-display sup { font-size: 12px; font-weight: 600; line-height: 18px; color: #516F90; }
.pricing-section .sms-col .sms-cont .btn { width: 100%; }

@media only screen and (max-width: 1439px) {
    .pricing-section .plan-row .coverage-col .price-row .price-col { flex-basis: 48%; }
}

@media only screen and (max-width: 1099px) {
    .modal-register-container .modal { width: 80%; max-width: none;}
}

@media only screen and (max-width: 980px) {
    .pricing-section { background-image: none; }
    .pricing-section .plan-row { flex-wrap: wrap; gap: 0; }
    .pricing-section .plan-row .coverage-col,
    .pricing-section .plan-row .sms-col { flex-basis: 100%; margin-top: 37px; }
    .pricing-section .sms-col .sms-cont { margin-bottom: 51px; }
}

@media only screen and (max-width: 690px) {
    .modal-register-container .modal .modal-body .body .field-grid { display: block; }
    .modal-register-container .modal .modal-footer .button-container .btn { width: 100%; margin-bottom: 10px; }
}

@media only screen and (max-width: 579px) {
    .pricing-section .add-ons-container .row { display: block; }
    .modal-register-container .modal { padding: 30px 20px; }
}

@media only screen and (max-width: 549px) {
    .pricing-section .plan-row .coverage-col .option-container,
    .pricing-section .plan-row .coverage-col .option-container .option-text { text-align: center; }
    .pricing-section .plan-row .coverage-col .option-container .option-text { display: block; width: 100%; }
}

@media only screen and (max-width: 519px) {
    .pricing-section .plan-row .coverage-col .price-row { column-gap: 0; }
    .pricing-section .plan-row .coverage-col .price-row .price-col { flex-basis: 100%; }
}

#section-banner-pricing { padding: 200px 0;  background-color: #1f1d3f !important; background-size: auto 100% !important; background: url(/images/bg-banner-pricing.png) no-repeat center center; }
#section-banner-pricing .card { background-color: #fff; width: 100%; height: 100%; padding: 15px; display: flex; flex-direction: column; justify-content: space-between; border: 3px solid transparent; border-radius: 16px; transition: all 0.1s ease-in-out; box-shadow: 0px 0px 10px rgba(0,0,0,0.2); color: #000000;}
#section-banner-pricing .card .heading { margin-bottom: 20px;}
#section-banner-pricing .card .heading.heading-basic h2 { background-color: #ed6416; }
#section-banner-pricing .card .heading.heading-standard h2 { background-color: #359f23; }
#section-banner-pricing .card .heading.heading-premium h2 { background-color: #2d239f; }
#section-banner-pricing .card .heading.heading-custom h2 { background-color: #016dee; }
#section-banner-pricing .card .price-wrapper { display: flex; align-items: center; margin-bottom: 15px; }

#section-banner-pricing .card .inclusion-list { margin: 0; padding: 0; list-style: none; }
#section-banner-pricing .card .inclusion-list li { position: relative; padding: 0 0 0 30px; margin-bottom: 10px; text-align: left; line-height: 130%; }
#section-banner-pricing .card .inclusion-list li.ico-check::before { position: absolute; left: 0; font-weight: 900; font-family: "Font Awesome 6 Free"; content: "\f058"; font-size: 18px; color: #219653; }
#section-banner-pricing .card .price { font-weight: bold; font-size: 3.0rem; line-height: 1.4; letter-spacing: -2px; margin-right: 10px; }
#section-banner-pricing .card .heading h2  { display: inline-block; padding: 8px 15px; width: auto; text-align: center; background: #359F23; border-radius: 10px; font-weight: normal; font-weight: 600; font-size: 18px; line-height: 24px; color: #fff; }
#section-banner-pricing .card .btn { margin-top: 10px; width: 90% ; background-color: #6844cd; border-color: #6844cd;}
#section-banner-pricing .card .btn::after { content: "\f178"; font-family: "Font Awesome 6 Free"; display: inline-block; margin-left: 20px; font-size: 1.2rem; font-weight: 600; }
#section-banner-pricing h1 { text-align: center;}

#section-here-to-help  ul { list-style: none;}
#section-here-to-help ul > li { margin-bottom: 30px; padding-left: 50px;  counter-increment: step-counter; }
#section-here-to-help ul > li h3 { margin: 0 0 10px 0; font-style: normal; font-weight:600; font-size: 1.9rem; line-height: 1.4; color: #000000;} 

#section-here-to-help ul > li p { max-width: 100%;}
#section-here-to-help ul > li::before { top: 0; width: 40px; height: 40px; margin: 0; padding: 0; background: transparent url(/images/number-circle.svg) no-repeat center center; background-size: contain; color: red; content: counter(step-counter); font-size: 1.8rem; line-height: 1.4; display: flex; justify-content: center; align-items: center; font-weight: 600; }


#section-faqs .accordion .a-card { margin-bottom: 0; border: none; border-bottom: 1px solid #e3e3e3; border-radius: 0; }
.pre-heading-text { font-style: normal; font-weight: 500; font-size: 2.4rem; line-height: 1.4; color: #8D89CD; }
.contact-form-details-section .icon.text-primary-alt,
.contact-form-details-section a { color: #6844CD !important;}

.section.global-section.about-fonemax-section .card { background-color: #f7f9fc !important;}
.section.global-section.about-fonemax-section .card .text-primary { color: #425466 !important;}
.section.global-section.about-fonemax-section .card .line-list>li:not(:last-child) {     border-bottom: 1px solid #dddddd; }
.section.global-section.about-fonemax-section .card h5 { font-style: normal; font-weight: 600; font-size: 2.0rem; line-height: 1.4; color: #323232; }

.page:not(.phone-answering) .active.dropdown .menu-item.menu-phone-answering.active>a,
.page:not(.phone-numbers) .active.dropdown .menu-item.menu-phone-numbers.active>a,
.page:not(.solutions) .active.dropdown .menu-item.menu-solutions.active>a { color: #454545;}

.compare-plans-wrapper { margin-top: 60px; display: flex; flex-direction: column; align-items: center; }
.compare-plans-wrapper .compare-plans { position: relative; height: 800px; overflow: hidden; transition: max-height 0.5s ease-in-out; }
.compare-plans-wrapper.expand .compare-plans { height: auto; max-height: 100%; transition: max-height 0.5s ease-in-out; }
.compare-plans-wrapper .compare-plans::before { content: ""; display: block; position: absolute; bottom: 0; width: 100%; height: 200px; background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 90%, rgba(255,255,255,1) 100%); background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 90%,rgba(255,255,255,1) 100%); background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 90%,rgba(255,255,255,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 ); }
.compare-plans-wrapper.expand .compare-plans::before { display: none; }
.compare-plans-wrapper .btn-expand-collapse { display: inline-block; margin-bottom: 10px; width: auto; background-color: #fff; border: none; color: #000 !important; margin-top: 20px; padding: 6px 20px; font-weight: 500; font-size: 16px; text-align: center; border-radius: 5px; box-shadow: 1px 2px 5px rgb(0 0 0 / 20%); }
.compare-plans-wrapper .btn-expand-collapse::after { content: "\f078"; font-family: "Font Awesome 6 Free"; font-weight: 900; display: inline-block; margin-left: 10px; font-size: 12px; }
.compare-plans-wrapper.expand .btn-expand-collapse::after { content: "\f077"; }

.pricing-section #pricing_table { margin-bottom: 0;}
#floating-comparison-headings { position: fixed; display: none; top: 0px; background: #fff; z-index: 1; width: 100%; box-shadow: 0px 0px 10px rgba(0,0,0,0.2); }
.page-banner-intro h1 { font-weight: 700;}
.maxoFadeInUp { opacity: 1; animation-timing-function: ease-in-out; animation-name: maxoFadeInUp; -webkit-animation-name: maxoFadeInUp; }
@keyframes maxoFadeInUp {
    from {
        transform: translate3d(0,30px,0);
		opacity: 0;
    }

    to {
        transform: translate3d(0,0,0);
        opacity: 1;
    }
}

#section-secondary-banner-simple { margin-bottom: 0; padding-top:100px !important; padding-bottom: 100px !important; background-color: #16152f !important;  background-image: none;}
#section-secondary-banner-simple h1 { font-weight: normal;}

#section-pricing-list { position: relative; margin: 0 !important;   padding-top: 0!important;  padding-bottom: 0!important;  background-color: #15152f;  }
/* #section-pricing-list::before { content: ""; display: block; width: 100%; height: 50%; position: absolute; z-index: 0; top: 0; left: 0; right: 0; background-color: #16152f;} */
#section-pricing-list .section-wrapper { position: relative; z-index: 1;  background-color: #fff;}
#section-pricing-list .tabs-wrapper { background-color: #15152f; }
#section-pricing-list .tab-content-wrapper { padding:140px 0 120px 0; background-color: #fff;}
#section-pricing-list .tabs { display: flex; gap:4px;  flex-direction: column;     justify-content: center; }
@media (min-width: 1000px) {
    #section-pricing-list .tabs { flex-direction: row; }
}
#section-pricing-list .tabs .option-tab { border-top-left-radius: 5px; border-top-right-radius: 5px; display: flex; padding: 15px 20px; align-items: center; background-color: #534C74; font-size: 1.6rem; line-height: 1; text-align: center; color: #fff; cursor: pointer; }
#section-pricing-list .tabs .option-tab.active { background-color: #fff; color: #6844CD; }

.tab-content { display: none; }
.tab-content.active { display: block; }
.plan-list { display: flex; flex-direction: column; gap: 60px; justify-content: center; }
.plan { position: relative;  background: #FFFFFF; box-shadow: 0px 4px 130px rgba(150, 163, 181, 0.12); border-radius: 10px;  }

.plan .plan-content { padding: 40px 25px 40px 25px; border-bottom: 1px solid #f1f3f5;  }
.plan .plan-inclusion { padding: 40px 25px 40px 25px; }

.plan .plan-content .content,
.plan .plan-inclusion .content {
    display: flex; flex-direction: column; align-items: center;
}
.plan { border: 2px solid transparent; cursor: pointer;  transition: all 250ms ease-in-out; }
.plan:hover { border: 2px solid #6844CD; box-shadow: 0px 4px 130px rgba(150, 163, 181, 0.3); transform: translate(0,0) rotate(0) skewX(0) skewY(0) scaleX(1) scaleY(1)!important; }
/* .plan.mark-recommended {  border: 2px solid #6844CD; } */
.plan.mark-recommended .plan-content .content,
.plan.mark-recommended .plan-inclusion .content { transform: scale(1); }
/* .plan.mark-recommended .plan-content,
.plan.mark-recommended .plan-inclusion { padding: 30px 15px;} */

.plan .plan-details {  text-align: center;}
.plan.mark-recommended::before { content: "Recommended"; display: block; position: absolute; top: -13px; left: 50%; transform: translate(-50%, 0); padding: 8px 25px; background: #FFA305; color: #fff; font-size: 1.4rem; line-height: 1; box-shadow: 0px 3px 10px rgba(150, 163, 181, 0.2); border-radius: 24px; text-align: center; }
.plan .button { display: block; padding: 12px 26.16px 12px 26px; text-align: center; color: #000; background: #fff; border-radius: 5px; border: 1px solid #454545; }
.plan .button:hover,
.plan:hover .button {  background: #F16024; color: #fff; border: 1px solid #F16024;  }
.plan .inclusion-list { margin: 0; padding: 0; list-style: none;}
.plan .inclusion-list li{ position: relative; padding: 0 0 0 30px; margin-bottom: 10px; text-align: left; line-height: 1.4; }
.plan .inclusion-list li::before { position: absolute; left: 0; font-weight: 400; font-family: "Font Awesome 6 Free"; content: "\f058"; font-size: 18px; color: #219653; }

.compare-plans-link { text-align: center; }
.compare-plans-link a { font-weight: 500; font-size: 2.0rem; line-height: 1.4; color: #6844CD; }
.compare-plans-link a::after { display: block; content: "\f078"; font-weight: 900; font-family: "Font Awesome 6 Free"; }

@media (min-width: 1200px) {
    .plan-list {  flex-direction: row;}
    .plan:hover { transform: translate(0,0) rotate(0) skewX(0) skewY(0) scaleX(1.10) scaleY(1.10)!important; }
    .plan.mark-recommended .plan-content .content,
    .plan.mark-recommended .plan-inclusion .content { transform: scale(1); }
}

.price-list-block-section { padding-top: 60px; padding-bottom: 60px; background-color: #fffaf0 !important;}
.price-list-block-section h2 { text-align: center;}
.price-list-block-wrapper { display: flex; flex-direction: column; background: #FFFFFF; border-radius: 10px; box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25); }
.price-list-block-wrapper .tab-content-wrapper { width: 100%; padding: 70px 20px 70px 20px;}
.price-list-block-wrapper .tabs-wrapper { width: 100%;  background-color: #fafafa;}
.price-list-block-wrapper .tabs { padding: 0;}
.price-list-block-wrapper .tabs .option-tab { padding: 15px 25px; border-bottom: 1px solid #c9c9c9; cursor: pointer; color: #A6A6A6;}
.price-list-block-wrapper .tabs .option-tab.active { background-color: #fff; border-bottom:1px solid #6844CD !important; color: #000;}


.plan-list-basic { display: flex; flex-direction: column; gap: 30px; justify-content: space-evenly; }
.plan-list-basic .plan { cursor: pointer; border: 1px solid transparent; transition: all 250ms ease-in-out; display: flex; position: relative; flex-direction: column; padding:50px 15px 20px 15px; background: #FFFFFF; box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25); border-radius: 10px; }
.plan-list-basic .plan:hover { border: 1px solid #6844CD; box-shadow: 0px 4px 24px rgba(0, 0, 0, 0.25);  }
.plan-list-basic .plan .plan-content,
.plan-list-basic .plan .plan-inclusion { padding: 0; }

.plan-list-basic .plan-content .content, .plan-list-basic .plan-inclusion .content { align-items: flex-start; }
.plan-list-basic .plan.mark-recommended { transform:none !important; }
.plan-list-basic .plan.mark-recommended .plan-content,
.plan-list-basic .plan.mark-recommended .plan-inclusion { padding: 0;}
.plan-list-basic .button { margin-top: auto; margin-bottom: 0; background: #84A0BC; border-radius: 10px; border: none; color: #fff;}
.plan-list-basic .button i { margin-left: 15px; font-size: 12px;}
.plan-list-basic .plan:hover .button,
.plan-list-basic .button:hover {background: #6844CD; border: none; }

.plan-list-basic .plan .inclusion-list { margin: 20px 0;}
.plan-list-basic .plan .inclusion-list li {font-size: 1.4rem;}
.plan-list-basic .plan .inclusion-list li::before { position: absolute; left: 0; font-weight: 900; font-family: "Font Awesome 6 Free"; content: "\f058"; font-size: 18px; color: #219653; }

.plan-list-basic .plan-title { margin: 0; font-size: 2.2rem;}
.plan-list-basic .plan-price { font-weight: normal; font-size: 1.6rem; color: #F16024;}

@media (min-width: 768px) {
    .price-list-block-wrapper { flex-direction: row; }
    .price-list-block-wrapper .tabs-wrapper { max-width: 300px;}
    .price-list-block-wrapper .tabs .option-tab:last-of-type { border-bottom: none;}
}
@media (min-width: 1200px) {
    .plan-list-basic { flex-direction: row;}
    .plan-list-basic .plan.mark-recommended .plan-content .content,
    .plan-list-basic .plan.mark-recommended .plan-inclusion .content { transform: none; }
}


#footer { position: relative; z-index: 100; margin-top: -160px; padding-top: 130px; position: relative; background-color: transparent !important;   }
#footer::before { content: ""; display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; height: 160px; width: 100%; background:transparent url(/images/bg-footer-curve.svg) no-repeat top left; background-size: cover; z-index: 1; } 
#footer .footer-background {
    position: relative;
    top: 0;
    background-color: #16152f !important
}
#footer .container { position: relative; margin-top: 0; z-index: 2; }
#footer .container > .row { position: relative; margin-left: 0; margin-right: 0; display: flex;  justify-content: center;  flex-wrap: wrap;  }
#footer .col-logo { width: 100%; max-width: 580px; margin-top:-70px;  }
#footer .col-logo .row { position: relative; width: 100%; height: 0; padding: 0; padding-top: 100%; margin: 0;  display: flex; align-items: center; justify-content: flex-start; flex-direction: column; background: transparent url(/images/footer-brand-shape.svg) no-repeat center top; background-size: contain; }
#footer .col-logo .content { position: absolute; top: 0; margin: -10px auto 0 auto;  width: 65%; max-width: 250px; height: 100%; display: flex; flex-direction: column; justify-content: center; }
#footer .col-logo .content .footer-brand { display: block; margin-bottom: 20px; max-width: 100%; }
#footer .col-logo .content h4 { display: block; margin-bottom: 20px;  font-weight: 500; font-size: 1.6rem; line-height: 1.3; color: #FFFFFF; }
#footer .col-logo .content h4 .text-orange { display: block; color: #f99c05 !important;  font-weight: 600; }
#footer .col-logo .content h4 .text-orange:hover { color: #fff !important; }
#footer .col-logo .content .button { display: block;  padding: 8px 15px; text-align: center; width: 100%; max-width: 150px;  font-size: 1.6rem; color: #A08BDB; border: 2px solid #6844CD; border-radius: 6px; background: transparent;}
#footer .col-logo .content .button:hover { border-color: #fff; color: #fff; }
#footer .col-links { width: 100%; padding-top: 30px; }
#footer .col-links > .row { margin: 0;  flex-direction: column;  justify-content:space-between; }

#footer a { color: #b9b8c0; transition: all 250ms ease-in-out !important; }
#footer a:hover { color: #fff; }

#footer .social-links { display: flex; flex-direction: column; padding: 20px 0 0 0;}
#footer .social-links .social-media { padding: 0; display: flex;}
#footer .social-links .social-media li:last-of-type { margin-right: 0 !important;}
#footer .social-links .social-media a { line-height: 1;}
#footer .social-links h5 { margin-bottom: 20px; font-family: 'Poppins'; font-style: normal; font-weight: 400; font-size: 1.6rem; line-height: 1; color: #FFFFFF; }
#footer .content-info-bar {     
    margin-top: 30px;
    padding: 20px 0;
    text-align: center;
}
#footer .content-info-bar .row { justify-content: space-between;}
#footer .footer-menu-wrap { margin-bottom: 20px;}


@media (min-width: 445px) {
    #footer .col-logo .content h4 {  font-size: 2.4rem;  }

}
@media (min-width: 580px) {
    #footer .col-links .row {
        flex-direction: row;
    }
}

@media (min-width: 1200px) {
    #footer .container > .row { justify-content: space-between;  }
    #footer .col-logo { width: calc(40% + 143px);  margin-left:-143px; }
    #footer .col-logo .content { position: absolute; top: 0; }    
    #footer .col-links { width: 56%; padding-top: 80px; display: flex; flex-direction: column; justify-content: space-between; }
    #footer .social-links { margin-left: auto; }
}

.btn-pay a { border: none;}
.btn-pay a:hover { background-color: #01adee !important;}

main.main section.page-secondary-banner {
    position: relative;
    padding-bottom: 3rem !important;
    margin-bottom: 10rem !important;
    background-color: #16152f !important;
    z-index: 10;
}
.page-secondary-banner .container { position: relative; z-index: 2;}
.page-secondary-banner .container .row { justify-content: center; }
.page-secondary-banner .container .row .page-banner-intro {
    width: 100%;
    max-width: 620px;
    margin: 0 auto;
    text-align: center;
    color:#fff;
}
.page-secondary-banner .container .row .page-banner-intro h1 { font-size: 4.5rem; color: #fff; }
.page-secondary-banner .banner-shapes { position: absolute; top: 0; left: 0; bottom: 0;}
.page-secondary-banner .banner-shapes figure { height: 150%; width: auto;}
.page-secondary-banner .banner-shapes figure img { width: auto; height: 100%;  }
.page-secondary-banner .banner-feature-image { position: absolute; top: 0; right: 0; }
.page-secondary-banner .banner-feature-image figure { margin-right: 0; height: 120%; width: auto; max-width: 550px;}
.page-secondary-banner .banner-feature-image figure img { width: auto; height: 100%; }

.page-secondary-banner + section::before { content: ""; display: block; position: absolute; z-index: 1; top:0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; background-color:#fff; clip-path: ellipse(100% 100% at 50% 100%); }

#section-phone-answering-service { background-color: #fff;}

.form-get-started-wrapper { display: flex; margin: 40px 0 20px 0; padding: 10px 10px 10px 40px; align-items: center; justify-content: space-between; border-radius: 50px; background: #fff; }

.form-get-started-wrapper button { width: 100%; max-width: 180px; padding: 20px 40px; border: none; border-radius: 50px; background-color: #f16024; color: #fff; text-align: center; }
.form-get-started-wrapper .input-wrapper { display: flex; align-items: center; width: 100%; }
.form-get-started-wrapper .input-wrapper i { font-size: 30px; color: #ccc; }

.form-get-started-wrapper .input-wrapper input { width: 100%; margin: 0 20px; font-size: 20px; line-height: 1.5; border: none; }

.form-get-started-wrapper .input-wrapper input::placeholder { color: #7f7f7f; }
.form-get-started-wrapper .input-wrapper input:focus-visible,
.form-get-started-wrapper .input-wrapper input:focus { border: none; outline: none;}
#section-phone-receptionist-boxes { padding-top: 200px !important; padding-bottom: 100px !important; background-color: #16152f !important;}
#section-phone-receptionist-boxes .container { display: flex; position: relative; z-index: 2;}
#section-phone-receptionist-boxes .container .text-container { margin: 0; padding: 0; width: 100%;}

@media (min-width: 992px) {
    #section-phone-receptionist-boxes .container .text-container { width: 56%; padding-right: 70px; } 
}

#section-phone-receptionist-boxes .cards-wrapper { width: 100%; margin-top: -220px}
#section-phone-receptionist-boxes .cards-wrapper .card { padding:30px; background: #FFFFFF; box-shadow: 10px 10px 60px rgba(0, 0, 0, 0.14); border: none; border-radius: 30px; } 

#section-phone-receptionist-boxes .cards-wrapper .card .col-contents { margin: 0; width: 100%; flex: 1 1 100%; max-width: 100%;}
#section-phone-receptionist-boxes .cards-wrapper .card .col-contents figure {    margin: 0 0 10px 0 !important; width: 100%; max-width: 120px; }
#section-phone-receptionist-boxes .cards-wrapper .card .col-contents h3 { font-weight: 600; font-size: 2.0rem; line-height: 1.2; }
#section-phone-receptionist-boxes .aspect-ratio-item { object-fit: none;}    
#section-phone-receptionist-boxes::after {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background: transparent url(/images/img-logo-branding.svg) no-repeat right bottom;
    background-size: auto 85%;
    position: absolute;
    z-index: 1;
    bottom: -50px;
}
#section-phone-receptionist-services {
    padding: 0 !important;
    height: 0;
    padding-top: calc((1113 / 2875) * 100%) !important;
}

#section-phone-receptionist-services::before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background: #fff url(/images/bg-section-phone-receptionist-services.jpg) no-repeat top right;
    background-size: contain;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

#section-phone-receptionist-services .container {
    display: flex;
    align-items: center;
    padding: 40px  0 100px 20px;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    color: #fff;
}

#section-phone-receptionist-services .wp-content {
    width: 100%;
    max-width: 550px;
    text-align: left;
    font-weight: 600;
    font-size: 40px;
    line-height: 1.3;

}
#section-phone-receptionist-services .container h2 {
    margin-bottom: 15px;
    font-size: 1.6rem;
    text-transform: uppercase;
    color: #fff;
}

#section-phone-receptionist-pricing  {
    position: relative;
    margin-top: -50px;
    background-color: transparent !important;
}

#section-phone-receptionist-pricing::before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background-color: #fffaf0 !important;
    clip-path: ellipse(4000px 100% at 50% 100%);
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

#section-phone-receptionist-pricing::after {
    content: "";
    display: block;
    width: 100px;
    height: 100px;
    background: transparent url(/images/img-logo-branding.svg) no-repeat center center;
    background-size: contain;
    position: absolute;
    top: -30px;
    right: 40px;
}
#section-phone-receptionist-pricing {
    top: 0;
}


#section-phone-receptionist-add-ons figure img {
    object-fit: none;
}

#section-phone-receptionist-add-ons .card { text-align: center; border: none;} 
#section-phone-receptionist-add-ons .card:hover { box-shadow: none;}
#payment-form .field { display: flex;    align-items: flex-start; margin-bottom: 20px; flex-direction: column; gap: 10px; }
#payment-form .field label { margin: 0 20px 0 0;  min-width: 140px;   flex-shrink: 0;  } 

#payment-form .field:last-of-type { margin-bottom: 0;}

@media (min-width: 550px) {
    #payment-form .field { flex-direction: row; align-items: center;   }
   
}
#section-make-payment .amount-wrapper { display: inline-flex; align-items: center; width: 100%;   font-weight: bold;}
#section-make-payment .amount-wrapper input { margin-left: 10px; margin-right: 0; font-weight: bold; font-size: 20px; padding: 5px 10px; }
#section-make-payment  input { width: 100%; margin-right: 10px; padding: 8px 10px; border-radius: 10px; border: 1px solid #7f7f7f;}
#section-make-payment  input:focus,
#section-make-payment  input:focus-visible { border: 1px solid #f16024; outline: none;}
#card-element-wrapper {
    max-width: 500px;
    border: 1px solid #7f7f7f;
    padding: 8px 10px;
    border-radius: 10px;
    margin: 0 0 5px 0;
}
#card-errors { 
    margin: 0;
    color: #9F3A38;
}
#section-make-payment .btn#btn-pay {
    margin-top: 15px;
}
#payment-form button.btn {
    cursor: pointer !important;
    background-color: #00a7e6;
    border: none;
}
#payment-form button.btn:not(.btn-disable):hover {
    background-color: #00b1f5;

}
#payment-form button.btn-disable:hover,
#payment-form button.btn-disable {
    background-color: #00a7e6;

}


.payment-form-box {
    background: #FFFFFF;
    box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.2);
    border-radius: 20px;
    width: 100%;
    max-width: 500px;
    padding: 30px;
    margin: 0 auto;
}



.error-message-box {
    color: #9F3A38;
    margin: 0 0 10px 0;
}

.success-message-box {
    font-size: 16px;
    line-height: 1.5;
    color: #008d5b;
}

.payment-form-box  h2 {
   
    font-size: 24px;
    margin-bottom: 20px;
}

.page.payments  h4 { font-size: 20px; font-weight: 700;; margin-bottom: 5px !important;}
.page.payments .payment-type { margin-bottom: 40px;}
.page.payments .payment-type p { margin-bottom: 15px; } 

#field-account-number .input-wrapper { display: flex;}


#section-make-payment .link-wrapper {
    display: block;
    text-align: right;
    margin-top: 10px;
}
.page.invoice-account-number .btn-link-make-payment {


}


.btn-link-stripe-link {

}

.page.invoice-account-number .img-account-invoice {
    border: 1px solid #ccc;
    border-radius: 10px;
    overflow: hidden;
}

.page.invoice-account-number .wp-block-buttons {
    display: flex;
    justify-content: space-between;
    margin-bottom: 30px;


}
.page.invoice-account-number p {
    margin-bottom: 10px;
}
.btn-link-make-payment a {
    background: #01adee;
    border-color: #01adee;
    color: #fff;
}

.btn-link-make-payment a:hover {
    background: #0d7fb2;
    border-color: #0d7fb2;
    color: #fff;
}

.is-content-justification-center {
    justify-content: center;
}

.payment-form-content.processing { opacity: 0.6;}