:root {
    --bs-link-color-rgb: #333;
    --bs-link-color: #333;
    --bs-link-hover-color-rgb: #007575;
    --form-check-input-width: 1.5em;
    --form-check-min-height: 2.5em;
    --Lake-Dark-Green: #007575;
    --bs-progress-bar-bg: #007575;
    --bs-gutter-y: 1rem;
    --anchor-color: #B31F29;
    --nav-border-not-active-color: #D1D1D1;
    --form-border-radius: 3px;
    /*    --grid-gutter-width: 1rem;
    --color-red-primary: #dc3545 !important;*/

    --color-font: #333333;
    --color-border-grey: #333333; /* 60% opacity for unfilled/disabled */
    --color-fill-unfilled: #ffffff;
    --color-fill-typing: #ffffff;
    --color-border-forest-dark: #007575;
    --color-fill-light-forest: #E6F2E8;
    --color-border-berry-red: #AC1640;
    --color-fill-light-berry: #E9D5DB;
}

@font-face {
    font-family: "cclub-icon-font";
    src: url("/Ecommerce/fonts/cclub-icon-font.eot");
    src: url("/Ecommerce/fonts/cclub-icon-font.eot?#iefix") format("embedded-opentype"), url("/Ecommerce/fonts/cclub-icon-font.woff") format("woff"), url("/Ecommerce/fonts/cclub-icon-font.ttf") format("truetype"), url("/Ecommerce/fonts/cclub-icon-font.svg#cclub-icon-font") format("svg");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: TeXGyreAdventorRegular;
    src: url("/Ecommerce/fonts/texgyreadventor-regular-webfont.eot");
    src: url("/Ecommerce/fonts/texgyreadventor-regular-webfont.eot?#iefix") format("embedded-opentype"), url("/Ecommerce/fonts/texgyreadventor-regular-webfont.woff") format("woff"), url("/Ecommerce/fonts/texgyreadventor-regular-webfont.ttf") format("truetype"), url("/Ecommerce/fonts/texgyreadventor-regular-webfont#TeXGyreAdventorRegular") format("svg");
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: "all-cclub-icons";
    src: url("/Ecommerce/base/Content/font/all-cclub-icons.eot");
    src: url("/Ecommerce/base/Content/font/all-cclub-icons.eot?#iefix") format("embedded-opentype"), url("/Ecommerce/base/Content/font/all-cclub-icons.woff") format("woff"), url("/Ecommerce/base/Content/font/all-cclub-icons.ttf") format("truetype"), url("/Ecommerce/base/Content/font/all-cclub-icons.svg#all-cclub-icons") format("svg");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'FontAwesome';
    src: url("/Ecommerce/fonts/fontawesome-webfont.eot?v=3.0.1");
    src: url("/Ecommerce/fonts/fontawesome-webfont.eot?#iefix&v=3.0.1") format("embedded-opentype"), url("/Ecommerce/fonts/fontawesome-webfont.woff?v=3.0.1") format("woff"), url("/Ecommerce/fonts/fontawesome-webfont.ttf?v=3.0.1") format("truetype");
    font-weight: normal;
    font-style: normal;
}

/*nullified screen.css value*/
/*.row {
    margin-bottom: calc(1 * --bs-gutter-y) !important;
}*/

.my-1-cc {
    margin-bottom: 0.25em !important;
    margin-top: 0.25em !important;
}

.my-2-cc {
    margin-bottom: 0.5em !important;
    margin-top: 0.5em !important;
}

.my-3-cc {
    margin-bottom: 1em !important;
    margin-top: 1em !important;
}

.my-4-cc {
    margin-bottom: 1.5em !important;
    margin-top: 1.5em !important;
}

.mt-2-cc {
    margin-top: 0.5em !important;
}

.mt-3-cc {
    margin-top: 1em !important;
}

.py-1-cc {
    padding-bottom: 0.25em !important;
    padding-top: 0.25em !important;
}

.py-2-cc {
    padding-bottom: 0.5em !important;
    padding-top: 0.5em !important;
}

.py-3-cc {
    padding-bottom: 1em !important;
    padding-top: 1em !important;
}

.py-4-cc {
    padding-bottom: 1.5em !important;
    padding-top: 1.5em !important;
}

.pb-3-cc {
    padding-bottom: 1em !important;
}

.pt-3-cc {
    padding-top: 1em !important;
}

.container-fluid {
    font-family: FSElliotWebRegular,sans-serif !important;
}

.container {
    font-family: FSElliotWebRegular,sans-serif !important;
}

.navbar-header {
    background: #D9E9E3;
    margin-bottom: 1em;
}

.navbar-brand-header {
    font-family: FSElliotWebBold, sans-serif !important;
    font-style: normal;
    font-weight: 700;
    line-height: 20px;
    color: #333333;
}

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

.list-group-item {
    background: rgba(0, 0, 0, 0) !important;
}

.agreeTermsQuestions {
    padding-left: 50px;
    padding-bottom: 0px;
}

.form-check-input:checked {
    background-color: #007575;
    border-color: #007575;
}

.form-check-input:focus {
    box-shadow: none;
}


.modal {
    background-color: unset;
    z-index: var(--bs-modal-zindex) !important;
    width: 100% !important;
    height: 100% !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    outline: 0 !important;
    border-radius: 0 !important;
    transform: unset !important;
    padding: 0 !important;
    top: 0 !important;
    max-width: unset !important;
    max-height: unset !important;
}


.agreeTermsQuestions::before {
    content: '';
    position: absolute;
    left: 20px;
    top: 15px;
    width: 2em;
    height: 2em;
    background-repeat: no-repeat;
    background-image: url(../../../base/content/images/tick.svg);
}

.card {
    margin-top: 0.5em;
    margin-bottom: 0.5em;
}

.card:not(.payment-option-label .card) {
    background: rgba(235, 235, 235, 0.60);
    border: 0;
    border-radius: 0;
}

.card-body {
    padding: 1em;
}

.btn.show-for-large {
    background-color: #b31f29;
    color: #fff;
    text-decoration: none !important;
    cursor: pointer;
    text-transform: uppercase;
    text-align: center;
    border-radius: 3px;
    padding: 13px 23px;
    letter-spacing: 1px;
    line-height: 1rem;
    font-size: 1rem;
    display: inline-block;
    font-family: FSElliotWebBold, sans-serif;
    font-weight: 900;
    transition: all .4s ease;
    letter-spacing: .9px;
}

.contact-number {
    color: #B31F29;
    font-family: FSElliotWebRegular,sans-serif !important;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 34px;
}

.btn {
    margin: 1px;
}

.btn-caravan-cover {
    border-radius: 3px;
    background: #007575 !important;
    /*padding: 12px*/
}

    .btn-caravan-cover:hover {
        border-radius: 3px;
        background: #275C5B !important;
    }

.btn-primary-cta {
    border-radius: 3px;
    background: #B31F29;
    border-color: transparent;
}

    .btn-primary-cta:hover {
        border-radius: 3px;
        background: #8B2432;
        border-color: transparent;
    }

.btn-primary-tertiary-2 {
    border-radius: 3px;
    background: #ffffff;
    color: #007575 !important;
}

    .btn-primary-tertiary-2:hover {
        border-radius: 3px;
        background: #ffffff;
        color: #007575 !important;
        border-width: 1px;
        box-shadow: inset 0 0 0 1px #007575;
    }

.btn-modal-close {
    width: 25px;
    height: 25px;
    padding: 0px;
    font-weight: bold;
    background-color: #217473;
    color: #ffffff;
    cursor: pointer;
    background-image: url(../../../CaravanCover/Content/images/icons/travel-insurance/bi-x.svg);
    background-repeat: no-repeat;
}

    .btn-modal-close:hover {
        background-color: #275C5B;
    }

.btn:disabled {
    background: #B31F29;
    border-color: transparent;
}

.lbl-payment-amount, .lbl-hello-user {
    color: #007575 !important;
}

.CCLUBAPPS .CCLUBINSURANCE :is(h1, h2, h3, h4, h5, h6) {
    font-family: FSElliotWebBold, sans-serif !important;
    line-height: inherit !important;
    color: var(--Lake-Dark-Green);
}

h2 {
    font-size: 24px !important;
    font-weight: 700;
    margin-bottom: 0.5rem;
}

.circle-help {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 1.5em;
    height: 1.5em;
    border: 2px solid #217473;
    background-color: #217473;
    color: #ffffff;
    border-radius: 50%;
    font-weight: bold;
    font-size: 19px;
    cursor: pointer;
    padding: 0;
    line-height: 1; 
    text-indent: -2%;
}

.confirmation-card {
    background: #D9E9E3;
}

img {
    height: auto;
    max-width: 100%;
    width: auto;
}

.proccessing-error-card {
    min-height: 17rem
}

.form-check-input-square {
    width: 1.8em;
    height: 1.8em;
    border-radius: 0.17em !important;
    border-color: #007575 !important;
}

.form-check-label-square {
    margin-top: 0.5em;
    margin-left: 1em;
    font-weight: bold;
    cursor: pointer;
}

.accordion-button-quote-summary {
    background-color: #007575 !important;
    color: #ffffff;
    --bs-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23ffffff'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
    --bs-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23ffffff'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}


.accordion-button:not(.collapsed) {
    color: #ffffff;
}

.accordion-item {
    background: rgba(235, 235, 235, 0.60);
}

.edit-pencil {
    width: 1.25rem;
    height: 1.25rem;
    content: "";
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-pencil" viewBox="0 0 16 16"><path d="M12.146.146a.5.5 0 0 1 .708 0l3 3a.5.5 0 0 1 0 .708l-10 10a.5.5 0 0 1-.168.11l-5 2a.5.5 0 0 1-.65-.65l2-5a.5.5 0 0 1 .11-.168zM11.207 2.5 13.5 4.793 14.793 3.5 12.5 1.207zm1.586 3L10.5 3.207 4 9.707V10h.5a.5.5 0 0 1 .5.5v.5h.5a.5.5 0 0 1 .5.5v.5h.293zm-9.761 5.175-.106.106-1.528 3.821 3.821-1.528.106-.106A.5.5 0 0 1 5 12.5V12h-.5a.5.5 0 0 1-.5-.5V11h-.5a.5.5 0 0 1-.468-.325"/></svg>');
    background-repeat: no-repeat;
    background-size: 1.25rem;
}


.calendar-date-icon {
    width: 2.25rem;
    height: 2.25rem;
    content: "";
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="50" height="50" viewBox="0 0 26 26" fill="none"><rect x="1" y="3.44897" width="24" height="21.551" stroke="%23333333" stroke-width="2" stroke-linejoin="round"/><path d="M8.5 1V5.89796" stroke="%23333333" stroke-width="2" stroke-linecap="round"/><path d="M18 1V5.89796" stroke="%23333333" stroke-width="2" stroke-linecap="round"/><path d="M25 9.32642L0.999999 9.32642" stroke="%23333333" stroke-width="2" stroke-linecap="round"/><rect x="6" y="13.2449" width="2" height="1.95918" fill="%23333333" stroke="%23333333" stroke-linejoin="round"/><rect x="12" y="13.2449" width="2" height="1.95918" fill="%23333333" stroke="%23333333" stroke-linejoin="round"/><rect x="18" y="13.2449" width="2" height="1.95918" fill="%23333333" stroke="%23333333" stroke-linejoin="round"/><rect x="6" y="19.1226" width="2" height="1.95918" fill="%23333333" stroke="%23333333" stroke-linejoin="round"/><rect x="12" y="19.1226" width="2" height="1.95918" fill="%23333333" stroke="%23333333" stroke-linejoin="round"/><rect x="18" y="19.1226" width="2" height="1.95918" fill="%23333333" stroke="%23333333" stroke-linejoin="round"/></svg>');
    background-repeat: no-repeat;
    background-size: 1.8em;
    transition: transform 0.2s ease-in-out;
    position: absolute;
    margin-left: -40px;
    margin-top: 8px;
    cursor: pointer;
}

.pe_cursor_pointer {
    cursor: pointer;
}

.btn-save-send {
    border-radius: 0px 3px 3px 0px;
    background: #007575;
}

.nav-link-payment {
    padding: 0.5em 1em;
}

.nav-tabs-custom {
    border-bottom: none;
}

    .nav-tabs-custom .nav-link {
        border: 2px solid;
        border-radius: 0.3em 0.3em 0 0;
        margin-left: -2px;
    }

        .nav-tabs-custom .nav-link:first-child {
            margin-left: 0;
        }

        .nav-tabs-custom .nav-link:not(.active) {
            border: 1px solid var(--nav-border-not-active-color);
            border-bottom: 2px solid var(--Lake-Dark-Green);
            font-weight: normal;
        }

.nav-link:focus, .nav-link:hover {
    color: inherit;
    font-weight: 700 !important;
}

.nav-tabs-custom .nav-link.active {
    position: relative;
    z-index: 1;
    border-color: var(--Lake-Dark-Green);
    border-bottom: none;
    margin-bottom: -1px;
}

.payemnt-option-ul {
    margin-left: -45px !important;
}

.payemnt-agreement-option-ul {
    margin-left: 7px !important;
}

.payment-option-label {
    cursor: pointer;
}

.card-payment-mastercard-icon {
    width: 2em;
    height: 2em;
    content: "";
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="23" height="15" viewBox="0 0 23 15" fill="none"><path d="M16.1758 0.597168C19.9444 0.597168 23 3.68807 23 7.50049C22.9998 11.3127 19.9443 14.4028 16.1758 14.4028C14.4864 14.4027 12.9416 13.7803 11.75 12.7515C10.5584 13.7803 9.01365 14.4027 7.32422 14.4028C3.55566 14.4028 0.500179 11.3127 0.5 7.50049C0.5 3.68807 3.55555 0.597168 7.32422 0.597168C9.01335 0.597278 10.5584 1.21902 11.75 2.24756C12.9416 1.21902 14.4866 0.597279 16.1758 0.597168Z" fill="%23ED0006"/><path d="M16.1758 0.597168C19.9444 0.597168 23 3.68807 23 7.50049C22.9998 11.3127 19.9443 14.4028 16.1758 14.4028C14.4863 14.4027 12.9416 13.7803 11.75 12.7515C13.2164 11.4854 14.1474 9.60355 14.1475 7.50049C14.1475 5.39699 13.2168 3.51369 11.75 2.24756C12.9416 1.21902 14.4866 0.597279 16.1758 0.597168Z" fill="%23F9A000"/><path d="M11.749 2.24817C13.2157 3.51429 14.1465 5.39678 14.1465 7.50012C14.1465 9.60323 13.2154 11.485 11.749 12.7511C10.2827 11.485 9.35156 9.60321 9.35156 7.50012C9.35157 5.3968 10.2824 3.51429 11.749 2.24817Z" fill="%23FF5E00"/></svg>');
    background-repeat: no-repeat;
    background-size: 1.25rem;
    transition: transform 0.2s ease-in-out;
    margin-top: 7px;
}

.card-payment-visa-icon {
    width: 2em;
    height: 2em;
    content: "";
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="36" height="25" viewBox="0 0 36 25" fill="none"><rect x="1" y="1" width="34" height="23" rx="3.5" fill="white" stroke="%23EBEBEB"/><path fill-rule="evenodd" clip-rule="evenodd" d="M11.1253 16.2582H9.00494L7.41495 10.1924C7.33949 9.91334 7.17925 9.66667 6.94354 9.5504C6.35531 9.25823 5.70712 9.0257 5 8.90843V8.6749H8.41567C8.88708 8.6749 9.24064 9.0257 9.29957 9.43313L10.1245 13.8086L12.2438 8.6749H14.3052L11.1253 16.2582ZM15.4838 16.2582H13.4813L15.1302 8.6749H17.1327L15.4838 16.2582ZM19.7234 10.7757C19.7823 10.3673 20.1359 10.1337 20.5483 10.1337C21.1965 10.0751 21.9026 10.1924 22.4919 10.4835L22.8454 8.85081C22.2562 8.61727 21.608 8.5 21.0198 8.5C19.0762 8.5 17.662 9.55041 17.662 11.0082C17.662 12.1173 18.6637 12.6996 19.3708 13.0504C20.1359 13.4002 20.4305 13.6338 20.3716 13.9835C20.3716 14.5082 19.7823 14.7418 19.1941 14.7418C18.4869 14.7418 17.7798 14.5669 17.1327 14.2747L16.7791 15.9085C17.4862 16.1996 18.2512 16.3169 18.9584 16.3169C21.1376 16.3745 22.4919 15.3251 22.4919 13.75C22.4919 11.7665 19.7234 11.6502 19.7234 10.7757ZM29.5 16.2582L27.91 8.6749H26.2022C25.8486 8.6749 25.4951 8.90843 25.3772 9.25823L22.4329 16.2582H24.4943L24.9058 15.1502H27.4386L27.6743 16.2582H29.5ZM26.4968 10.7171L27.085 13.5751H25.4361L26.4968 10.7171Z" fill="%23172B85"/></svg>');
    background-repeat: no-repeat;
    background-size: 2em;
    transition: transform 0.2s ease-in-out;
    padding: 0 20px;
}

.direct-debit-payment-icon {
    width: 4em;
    height: 2em;
    content: "";
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="72" height="25" viewBox="0 0 72 25" fill="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M34.1887 5.53882H37.8918C37.8918 5.53882 41.5583 5.46203 41.5213 8.92321C41.4848 11.5004 37.9665 11.8848 37.9665 11.8848H34.1891L34.1887 5.53882ZM45.2671 17.9629C45.3711 18.4662 45.7217 19.0211 46.8913 19.0781C48.4465 19.116 49.3354 18.5004 49.3354 18.5004V19.6928C49.3354 19.6928 47.6319 20.1165 46.817 20.1165C45.9654 20.1165 43.447 19.9236 43.447 17.5008C43.447 15.5397 45.521 14.9241 46.7056 14.9241C48.7796 15.0008 49.7794 15.7705 49.7425 17.9624C49.7425 17.9941 46.3303 17.9705 45.2671 17.9629ZM45.2719 17.0004H48.1133C48.1133 17.0004 48.1133 15.8852 46.743 15.8852C45.7123 15.8852 45.3751 16.4624 45.2719 17.0004ZM54.2605 15.7962C54.6717 15.3329 55.3619 14.962 56.5198 14.962C58.816 14.962 59.1865 16.962 59.1495 17.5004C59.1125 18.0388 58.9273 20.0772 56.2614 20.0772C55.2542 20.0772 54.6379 19.7203 54.2609 19.2772V19.9232H52.4461V13H54.2609V15.7962H54.2605ZM55.8165 19.0004C56.8903 18.9616 57.3717 18.0008 57.3717 17.5392C57.3717 17.0776 57.1121 16.116 55.7418 16.116C54.6786 16.116 54.3548 16.9502 54.2605 17.3578V17.8595C54.354 18.2751 54.6794 19.0004 55.8165 19.0004ZM71.4816 18.8084L71.5182 19.8857C71.5182 19.8857 70.6667 20.0776 70.1113 20.0776C69.5559 20.0776 68.1109 19.7316 68.1109 18.2696V16.0388H66.5931V15.0392H68.1109V13.8468H69.963V15.0392H71.4816V16.0388H69.963V17.9624C69.963 17.9624 69.963 18.924 70.704 18.924C71.4443 18.924 71.4816 18.8084 71.4816 18.8084ZM65.8524 6.57721H68.0004V11.9232H69.8143V6.57721H71.9996V5.4616H65.8524V6.57721ZM65.1114 6.84641L65.3336 5.7308C65.3336 5.7308 64.4078 5.30802 62.7786 5.30802C61.1861 5.30802 58.6311 6.23122 58.6311 8.73122C58.6311 11.1928 61.3344 12.0388 63.0009 12.0388C64.6674 12.0388 65.2227 11.7696 65.2227 11.7696L65.0379 10.5388C65.0379 10.5388 64.2969 10.7696 63.0374 10.7696C61.8154 10.7312 60.5572 9.73122 60.5572 8.61603C60.5938 7.61603 61.7045 6.50042 63.1496 6.50042C64.2599 6.50042 65.1114 6.84641 65.1114 6.84641ZM48.7426 5.50042C48.7426 5.50042 51.7795 5.34684 51.7795 7.19283C51.7795 8.77004 50.0394 8.88523 50.0394 8.88523C50.0394 8.88523 50.5205 8.96202 50.7431 9.30802C50.9279 9.61561 52.15 11.9236 52.15 11.9236H50.2978C50.2978 11.9236 50.0017 11.5388 49.8534 11.27C49.7425 11.0008 49.4089 10.4236 49.4089 10.4236C49.4089 10.4236 49.1501 9.46203 48.2608 9.46203C48.2385 9.46203 47.8769 9.44768 47.5941 9.43671V11.9236H45.8167V5.50042H48.7426ZM47.5946 8.38523H48.5578C48.5578 8.38523 49.8908 8.30802 49.9647 7.46202C50.0021 6.65443 48.6691 6.53882 48.6691 6.53882H47.5946V8.38523ZM55.0381 9.38523H58.001V8.19283H55.0381V6.73123H58.2606V5.50042H53.2245V11.9236H58.298V10.7696H55.0385V9.38523H55.0381ZM62.2594 14.308H64.0742V13H62.2594V14.308ZM62.2594 19.9236H64.0742V15.0392H62.2594V19.9236ZM42.4846 11.9236H44.262V5.50042H42.4846V11.9236ZM34.1887 13.5392H37.8918C37.8918 13.5392 41.5583 13.4616 41.5213 16.9236C41.4848 19.5004 37.9665 19.8857 37.9665 19.8857H34.1891L34.1887 13.5392ZM36.0034 18.6932H37.1885C37.1885 18.6932 39.6326 18.5392 39.6326 16.5776C39.6326 14.616 37.0402 14.4236 37.0402 14.4236H36.0034V18.6932ZM36.0034 10.6928H37.1885C37.1885 10.6928 39.6326 10.5004 39.6326 8.57722C39.6326 6.57722 37.0402 6.42363 37.0402 6.42363H36.0034V10.6928ZM17.5607 9.36245V22.2316C17.5607 22.2316 10.3759 20.8852 10.3759 15.77C10.3763 11.6903 15.6947 9.89198 17.5607 9.36245ZM17.5607 9.12236C13.2425 8.79789 3.45117 10.9 3.45117 15.5004C3.45117 18.5 8.63591 22.8852 17.0793 23.0004C17.4124 23.0004 27.0039 22.6156 26.856 11.9232C26.7317 2.94262 20.2599 1.36962 18.1904 1.09578V0.548526C26.4408 1.09241 32.9297 6.24557 32.9297 12.5C32.9297 19.1156 25.6709 24.5 16.7461 24.5C7.82135 24.5 0.599609 19.1152 0.599609 12.5C0.599609 5.88481 7.82094 0.5 16.7461 0.5C17.0196 0.5 17.2914 0.505065 17.5611 0.515191L17.5607 9.12236Z" fill="black"/></svg>');
    background-repeat: no-repeat;
    transition: transform 0.2s ease-in-out;
}

#nav-tabContent-payment {
    border: 2px solid;
    border-color: #007575 !important;
    border-radius: 0 0 0.3em 0.3em;
    border-top: none;
}

.sticky {
    position: sticky;
    bottom: 0;
    background-color: white;
    padding-bottom: 0.5em;
    z-index: 3141600;
    box-shadow: 0 -4px 6px -1px rgba(0, 0, 0, 0.15);
    padding: 0.5rem;
    margin-top: 1em;
}

.stage-progress {
    height: 0.5em;
    margin-right: 3px;
}

.help-text-info {
    background: rgb(33, 116, 115);
    border-radius: 3px;
    color: var(--bs-white);
    display: none;
    margin-left: 0;
    margin-right: 0;
}

    .help-text-info:before {
        content: "";
        display: flex;
        height: 0.5em;
        width: 0.5em;
        right: -0.25em;
        margin-left: 0;
        margin-top: -0.25em;
        background: #007575 !important;
        /* padding-right: 0em; */
        margin-right: 1.8em;
        position: absolute;
        /* right: 3%; */
        border-width: 0 2px 2px 0;
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg);
        /*        z-index: 10000;*/
        /*        background-image: url(data:image/svg+xml, <svg xmlns="http://www.w3.org/2000/svg" width="12" height="6" viewBox="0 0 12 6" fill="none"><path d="M5.65674 0L11.3136 5.65685H-0.000115871L5.65674 0Z" fill="%23007575"/></svg>);
        background-repeat: no-repeat;*/
        opacity: 1;
        transition: opacity 0.2s ease-in-out, transform 0.2s ease-in-out;
    }

    .help-text-info.is-hidden:before {
        /* Setting opacity to 0 is the cleanest way to hide it instantly, 
       but keep its space/position, which won't affect the slide animation */
        opacity: 0;
    }

.modal-title {
    color: #007575;
}

.show-element {
    display: block;
}

.hide-element {
    display: none;
}

.offset-slim {
    margin-left: 2.7em;
}

.w-94 {
    width: 94% !important;
}

.filter-red {
    filter: invert(37%) sepia(31%) saturate(2987%) hue-rotate(324deg) brightness(84%) contrast(105%);
}

.bi-exclamation-circle-fill {
    fill: #dc3545 !important;
}

.bi {
    display: inline-block;
    vertical-align: -.125em;
    fill: currentcolor;
}

.ms-n1 {
    margin-left: -0.25rem !important;
}

.progress-bar {
    background-color: #007575 !important;
}


@media only screen and (max-width: 1440px) {
    #custom-launcher {
        bottom: 200px !important;
    }
}

@media only screen and (max-width: 430px) {
    .sticky {
        width: 100vw !important;
        left: 0.75em;
        transform: translateX(-.75em);
    }

        .sticky > .row {
            margin: 0;
        }

    div.col:has(> div.card) {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

        div.col:has(> div.card) > div.card {
            border-radius: 0px !important;
        }

    .primary.grid__item.one-whole.medium--eight-twelfths {
        padding-right: 0px !important;
        padding-left: 0px !important;
    }

    .navbar.navbar-header {
        margin-right: calc(-.5 * var(--bs-gutter-x));
        margin-left: calc(-.5 * var(--bs-gutter-x));
    }
}

input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

input[type="number"] {
    -moz-appearance: textfield;
}

/*To add radius on right side (for datepicker)*/
.input-group:not(.has-validation) > .form-floating:not(:last-child) > .form-control[type="text"],
.input-group:not(.has-validation) > .form-control[type="text"]:not(:last-child):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating) {
    border-top-right-radius: var(--form-border-radius);
    border-bottom-right-radius: var(--form-border-radius);
}

.anchor-link {
    color: var(--anchor-color);
    font-weight: 700;
}

.app-store-image {
    height: 3rem !important;
    width: 10rem !important;
}

.button-non-transform {
    text-transform: none !important;
    font-weight: 700;
}

.text-dark-gray {
    color: #333333;
}

/*box-shadow: 0 0 0 .25rem rgba(var(--bs-danger-rgb),.25);
box-shadow: 0 0 0 .25rem rgba(var(--bs-success-rgb),.25);*/

.form-select,
.form-control,
.input-group-text {
    border-radius: var(--form-border-radius);
    border-top-right-radius: var(--form-border-radius) !important;
    border-bottom-right-radius: var(--form-border-radius) !important;
    font-size: 18px;
    box-shadow: none;
    color: var(--color-font);
    border-color: var(--color-border-grey);
    /*padding: 0.5rem 0.75rem;*/
}

    .form-control:not(:focus):placeholder-shown,
    .form-control[disabled],
    .form-select[disabled],
    .form-control[readonly],
    .form-select[readonly],
    .input-group:has(.form-control:placeholder-shown) .input-group-text {
        /* 60% #333333 outline and font is represented here */
        border-color: rgba(51, 51, 51, 0.6);
        color: rgba(51, 51, 51, 0.6);
        background-color: var(--color-fill-unfilled);
    }

    /* For placeholder text itself in the unfilled state */
    .form-control::placeholder {
        color: rgba(51, 51, 51, 0.6);
        opacity: 1; /* Override default browser opacity for consistency */
    }

    .form-control:focus,
    .form-select:focus,
    .input-group:has(.form-control:focus) .input-group-text {
        border: 1px solid var(--color-border-grey);
        color: var(--color-font);
        background-color: var(--color-fill-typing);
        outline: none; /* Remove default blue focus outline */
        box-shadow: none;
    }

    .form-control:not(:placeholder-shown):not(:focus):not(.input-validation-error):not([disabled]),
    .form-select:valid:not([value=""]):not(:focus):not(.input-validation-error):not([disabled]):has(option:checked:not(:first-child)),
    .input-group:has(.form-control:not(:placeholder-shown):not(:focus):not(.input-validation-error)) .input-group-text {
        border: 2px solid var(--color-border-forest-dark); /* 2px Dark Green border */
        background-color: var(--color-fill-light-forest); /* Light Forest fill */
        color: var(--color-font); /* Grey font */
        box-shadow: none;
    }

    /* Using the standard Bootstrap/common class .is-invalid for error state */
    .form-control.input-validation-error,
    .form-select.input-validation-error,
    .input-group:has(.form-control.input-validation-error) .input-group-text {
        border: 2px solid var(--color-border-berry-red); /* 2px Berry Red border */
        background-color: var(--color-fill-light-berry); /* Light Berry Red fill */
        color: var(--color-font); /* #333333 font */
        box-shadow: none;
    }

    .form-control.input-currency:not(:placeholder-shown):not(.is-invalid):not([disabled]),
    .form-select.input-currency:valid:not([value=""]):not(.is-invalid):not([disabled]):has(option:checked:not(:first-child)) {
        border-left: 0;
        border-top-left-radius: 0;
        border-bottom-left-radius: 0;
        box-shadow: none;
    }

/* Style for the error message text below the field */
.error-reason {
    color: var(--color-border-berry-red); /* Berry Red text */
    font-size: 14px; /* Example size for error text */
    margin-top: 4px;
}

.input-group:has(.form-control:placeholder-shown) .input-currency-symbol {
    display: none;
}

.input-currency-symbol + .form-control:placeholder-shown {
    /* Restore the left border */
    border: 1px solid var(--color-border-grey);
    padding-left: 1em !important;
    /* Restore the left corners */
    border-top-left-radius: var(--form-border-radius) !important;
    border-bottom-left-radius: var(--form-border-radius) !important;
}

.input-currency-symbol {
    padding-left: 1em;
    padding-right: 0.25em;
    border-right: 0 !important;
}

.input-currency {
    border-left: 0;
    padding-left: 0;
}

.row {
    margin-bottom: 0;
}

.payment-container .payment-item {
    margin-bottom: 1em;
}

    .payment-container .payment-item:last-child {
        margin-bottom: 0;
    }