@charset "UTF-8";
/*-----------------------------------------------------------------------------------

    Theme Name: Caribbins
    Description: caribbeaninsurers.com  custom css styles
    Author: IT Solutions & Technology Dept (Vincent Osborne)
    Version: 1.0

-----------------------------------------------------------------------------------*/
a:hover, a:active, a:focus {
    color: #c49f4f !important;
    text-decoration: underline !important;
    cursor: pointer !important;
}

a.text-primary {
    color: #2A3073 !important;
}

.text-secondary {
    color: #c49f4f !important;
    text-decoration: none;
}

.mt-25 {
    margin-top: 13rem;
}
.mt-25-1 {
    margin-top: 13.1rem;
}
.mt-25-2 {
    margin-top: 13.2rem;
}
.mt-25-3 {
    margin-top: 13.3rem;
}
.mt-25-4 {
    margin-top: 13.4rem;
}
.mt-25-5 {
    margin-top: 13.5rem;
}
.mt-25-2 {
    margin-top: 13.2rem;
}
.mt-26 {
    margin-top: 14rem;
}
.mt-26-5 {
    margin-top: 14.5rem;
}
.mt-26-6 {
    margin-top: 14.7rem;
}
.mt-27 {
    margin-top: 15rem;
}

.form-select:focus {
    border-color: #c49f4f !important;
    box-shadow: 0 0 0 0.20rem rgba(196, 159, 79, 0.25) !important; /* custom bootstrap override shadow */
}
select.form-select:focus {
    border-color: #c49f4f !important;
    box-shadow: 0 0 0 0.20rem rgba(196, 159, 79, 0.25) !important; /* custom bootstrap override shadow */
}
#livePreview {
    position: sticky;
    top: 80px;
    z-index: 100;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
    border-top: 1px solid #ddd;
}
.cc-amex {
    color: #0D5180 !important;
}
.cc-visa {
    color: #00549E !important;
}
.cc-jcb {
    color: #2A9C3A !important;
}
.cc-discover {
    color: #E8571C !important;
}
.cc-diners {
    color: #0074B7 !important;
}
.cc-master {
    color: #FE9900 !important;
}
.cc-unknown {
    color: #E8571C !important;
}
#redirectFrame {
    opacity: 0;
    transition: opacity 0.6s ease-in-out;
}
#redirectFrame.loaded {
    opacity: 1;
}
@keyframes fadeSlideIn {
    from {
        opacity: 0;
        transform: translateY(20px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

#redirectFrame {
    opacity: 0;
    transition: opacity 0.4s ease-in-out;
}

#redirectFrame.animated {
    animation: fadeSlideIn 0.6s ease-out forwards;
}

.onlinepay {
    padding: 5px 0 !important;
    overflow: hidden !important;
    background: #fff !important;
    position: relative !important;
}
medsection {
    padding: 5px 0 !important;
    overflow: hidden !important;
    background: #fff !important;
    position: relative !important;
}
th.col-file {
    width: 20%;
}
th.col-name {
    width: 20%;
}

th.col-desc {
    width: 25%;
}

th.col-date {
    width: 15%;
}

th.col-dept {
    width: 10%;
}

th.col-type {
    width: 10%;
}

th.col-action {
    width: 8%;
}
th.col-burden {
    width: 12%;
}

td.col-name {
    width: 20%;
}

td.col-details {
    width: 70%;
}

td.col-action {
    width: 10%;
}

li.active .page-link {
    background-color: #0d6efd;
    color: white;
    border-radius: 0.25rem;
    pointer-events: none;
}
.page-link:hover {
    color: white !important;
}
.fixedHeader {
    background-color: white !important;
}
.top-social-icon a:hover {
    color: #2A3073 !important;
    text-decoration: none !important;
    transition: color 0.3s ease !important;
}
.toast.expandable {
    max-width: 600px;
    white-space: normal;
    word-break: break-word;
}
 
/* custom grecaptcha css */
.grecaptcha-badge {
    width: 196px; /* only show the logo area */
    height: 60px;
    overflow: hidden;
    position: relative;
    transition: width 0.3s ease;
    bottom: 0px !important;
    z-index: 1000;
}

.recaptcha-wrapper:hover,
.recaptcha-wrapper:focus-within {
    width: 256px; /* full iframe width */
}

.offcanvas-xl {
    width: 80vw; /* or use 100% or a fixed px value */
    max-width: 1000px;
}
.w-30 {
    width: 30% !important;
}
.w-35 {
    width: 35% !important;
}
.w-40 {
    width: 40% !important;
}
/* override of tooltip default center */
.tooltip-left .tooltip-inner {
    text-align: left !important;
}
/* override of tooltip default padding-left */
.tooltip-content ul {
    padding-left: 1rem !important;
}
.tooltip-wide .tooltip-inner {
    max-width: 300px; /* or any width you prefer */
    width: auto; /* optional: allows content to define width */
}
.tooltip-light-transparency .tooltip-inner {
    background-color: #ffffff !important;
    color: #000000 !important;
    border: 1px solid #ccc; /* optional: adds subtle border */
    box-shadow: 0 2px 6px rgba(0,0,0,0.1); /* optional: soft shadow */
}
.tooltip-light .tooltip-inner {
    background-color: #ffffff !important; /* solid white */
    color: #000000 !important; /* solid black text */
    border: 1px solid #ccc; /* optional border */
    box-shadow: 0 4px 8px rgba(0,0,0,0.3); /* soft shadow */
    opacity: 1 !important; /* fully opaque */
}
.tooltip-light {
    background-color: transparent !important; /* prevent outer layer from adding color */
    opacity: 1 !important; /* ensure full opacity */
    z-index: 1080; /* keep it above other elements */
}
.tooltip-scroll .tooltip-inner {
    max-height: 380px; /* fixed height */
    overflow-y: auto; /* enable vertical scrolling */
    background-color: #fff; /* optional: white background */
    color: #000; /* optional: black text */
    padding: 0.75rem; /* optional: inner spacing */
    scrollbar-width: thin; /* Firefox */
}

.tooltip-scroll .tooltip-inner::-webkit-scrollbar {
    width: 6px;
}

.tooltip-scroll .tooltip-inner::-webkit-scrollbar-thumb {
    background-color: #ccc;
    border-radius: 3px;
}
.form-edit-icon {
    padding: 0;
    float: right;
    margin: 0;
}

.form-edit-icon li {
    font-size: 15px;
    list-style-type: none;
    float: left;
    text-align: center;
    margin: 0;
    padding: 0 7px;
}

.form-edit-icon li:last-child {
    padding-right: 0;
}

    .form-edit-icon li:last-child a {
        padding-right: 0;
    }

.form-edit-icon li a {
    line-height: 28px;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    padding: 0 3px;
}

.form-edit-icon li a:hover {
    color: rgba(255, 255, 255, 0.65);
}
.disabled {
    cursor: not-allowed !important;
    opacity: 0.6;
}

.p-1-1 {
    padding: 1.0rem;
}
.bg-color-light-blue {
    background-color: #E6EEFA !important;
}
.service-details-sidebar .widget-brochure li a:hover {
    color:white!important;
}

.about-style-03 a:hover {
    text-decoration: none !important;
}
.about-style-03 a {
    color: inherit !important;
}

/* Override for specific items */
.service-details-sidebar .widget-brochure ul li.no-hover:hover {
    background: none !important;
    transition: none !important;
    cursor: default; /* optional */
}

.table.table-bordered th {
    font-weight: normal !important;
}

.table.table-striped.mt-4 th {
    font-weight: normal !important;
}


/*!
 * Bootstrap  v5.3.3 toast background colors
 */
:root,
[data-bs-theme=light] {
    --bs-blue: #0d6efd;
    --bs-indigo: #6610f2;
    --bs-purple: #6f42c1;
    --bs-pink: #d63384;
    --bs-red: #dc3545;
    --bs-orange: #fd7e14;
    --bs-yellow: #ffc107;
    --bs-green: #198754;
    --bs-teal: #20c997;
    --bs-cyan: #0dcaf0;
    --bs-black: #000;
    --bs-white: #fff;
    --bs-gray: #6c757d;
    --bs-gray-dark: #343a40;
    --bs-gray-100: #f8f9fa;
    --bs-gray-200: #e9ecef;
    --bs-gray-300: #dee2e6;
    --bs-gray-400: #ced4da;
    --bs-gray-500: #adb5bd;
    --bs-gray-600: #6c757d;
    --bs-gray-700: #495057;
    --bs-gray-800: #343a40;
    --bs-gray-900: #212529;
    --bs-primary: #0d6efd;
    --bs-secondary: #6c757d;
    --bs-success: #198754;
    --bs-info: #0dcaf0;
    --bs-warning: #ffc107;
    --bs-danger: #dc3545;
    --bs-light: #f8f9fa;
    --bs-dark: #212529;
    --bs-primary-rgb: 13, 110, 253;
    --bs-secondary-rgb: 108, 117, 125;
    --bs-success-rgb: 25, 135, 84;
    --bs-info-rgb: 13, 202, 240;
    --bs-warning-rgb: 255, 193, 7;
    --bs-danger-rgb: 220, 53, 69;
    --bs-light-rgb: 248, 249, 250;
    --bs-dark-rgb: 33, 37, 41;
    --bs-primary-text-emphasis: #052c65;
    --bs-secondary-text-emphasis: #2b2f32;
    --bs-success-text-emphasis: #0a3622;
    --bs-info-text-emphasis: #055160;
    --bs-warning-text-emphasis: #664d03;
    --bs-danger-text-emphasis: #58151c;
    --bs-light-text-emphasis: #495057;
    --bs-dark-text-emphasis: #495057;
    --bs-primary-bg-subtle: #cfe2ff;
    --bs-secondary-bg-subtle: #e2e3e5;
    --bs-success-bg-subtle: #d1e7dd;
    --bs-info-bg-subtle: #cff4fc;
    --bs-warning-bg-subtle: #fff3cd;
    --bs-danger-bg-subtle: #f8d7da;
    --bs-light-bg-subtle: #fcfcfd;
    --bs-dark-bg-subtle: #ced4da;
    --bs-primary-border-subtle: #9ec5fe;
    --bs-secondary-border-subtle: #c4c8cb;
    --bs-success-border-subtle: #a3cfbb;
    --bs-info-border-subtle: #9eeaf9;
    --bs-warning-border-subtle: #ffe69c;
    --bs-danger-border-subtle: #f1aeb5;
    --bs-light-border-subtle: #e9ecef;
    --bs-dark-border-subtle: #adb5bd;
    --bs-white-rgb: 255, 255, 255;
    --bs-black-rgb: 0, 0, 0;
    --bs-font-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
    --bs-body-font-family: var(--bs-font-sans-serif);
    --bs-body-font-size: 1rem;
    --bs-body-font-weight: 400;
    --bs-body-line-height: 1.5;
    --bs-body-color: #212529;
    --bs-body-color-rgb: 33, 37, 41;
    --bs-body-bg: #fff;
    --bs-body-bg-rgb: 255, 255, 255;
    --bs-emphasis-color: #000;
    --bs-emphasis-color-rgb: 0, 0, 0;
    --bs-secondary-color: rgba(33, 37, 41, 0.75);
    --bs-secondary-color-rgb: 33, 37, 41;
    --bs-secondary-bg: #e9ecef;
    --bs-secondary-bg-rgb: 233, 236, 239;
    --bs-tertiary-color: rgba(33, 37, 41, 0.5);
    --bs-tertiary-color-rgb: 33, 37, 41;
    --bs-tertiary-bg: #f8f9fa;
    --bs-tertiary-bg-rgb: 248, 249, 250;
    --bs-heading-color: inherit;
    --bs-link-color: #0d6efd;
    --bs-link-color-rgb: 13, 110, 253;
    --bs-link-decoration: underline;
    --bs-link-hover-color: #0a58ca;
    --bs-link-hover-color-rgb: 10, 88, 202;
    --bs-code-color: #d63384;
    --bs-highlight-color: #212529;
    --bs-highlight-bg: #fff3cd;
    --bs-border-width: 1px;
    --bs-border-style: solid;
    --bs-border-color: #dee2e6;
    --bs-border-color-translucent: rgba(0, 0, 0, 0.175);
    --bs-border-radius: 0.375rem;
    --bs-border-radius-sm: 0.25rem;
    --bs-border-radius-lg: 0.5rem;
    --bs-border-radius-xl: 1rem;
    --bs-border-radius-xxl: 2rem;
    --bs-border-radius-2xl: var(--bs-border-radius-xxl);
    --bs-border-radius-pill: 50rem;
    --bs-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
    --bs-box-shadow-sm: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
    --bs-box-shadow-lg: 0 1rem 3rem rgba(0, 0, 0, 0.175);
    --bs-box-shadow-inset: inset 0 1px 2px rgba(0, 0, 0, 0.075);
    --bs-focus-ring-width: 0.25rem;
    --bs-focus-ring-opacity: 0.25;
    --bs-focus-ring-color: rgba(13, 110, 253, 0.25);
    --bs-form-valid-color: #198754;
    --bs-form-valid-border-color: #198754;
    --bs-form-invalid-color: #dc3545;
    --bs-form-invalid-border-color: #dc3545;
}

.text-bg-primary {
    color: #fff !important;
    background-color: RGBA(var(--bs-primary-rgb), var(--bs-bg-opacity, 1)) !important;
}

.text-bg-secondary {
    color: #fff !important;
    background-color: RGBA(var(--bs-secondary-rgb), var(--bs-bg-opacity, 1)) !important;
}

.text-bg-success {
    color: #fff !important;
    background-color: RGBA(var(--bs-success-rgb), var(--bs-bg-opacity, 1)) !important;
}

.text-bg-info {
    color: #000 !important;
    background-color: RGBA(var(--bs-info-rgb), var(--bs-bg-opacity, 1)) !important;
}

.text-bg-warning {
    color: #000 !important;
    background-color: RGBA(var(--bs-warning-rgb), var(--bs-bg-opacity, 1)) !important;
}

.text-bg-danger {
    color: #fff !important;
    background-color: RGBA(var(--bs-danger-rgb), var(--bs-bg-opacity, 1)) !important;
}

.text-bg-light {
    color: #000 !important;
    background-color: RGBA(var(--bs-light-rgb), var(--bs-bg-opacity, 1)) !important;
}

.text-bg-dark {
    color: #fff !important;
    background-color: RGBA(var(--bs-dark-rgb), var(--bs-bg-opacity, 1)) !important;
}

/* Set a consistent width for all rating labels */
.rating-label {
    width: 155px; /* adjust based on longest text */
    text-align: center; /* center the text */
}
/* Bootstrap offcanvas default is around 1045 */
#helpOffcanvas-01 {
    z-index: 100000 !important; /* higher than navbar */
}

.section-heading3 p {
    width: 100% !important;
    font-size: 16px !important;
}
.section-heading3 h3 {
    width: 100% !important;
    font-weight: 600 !important;
    font-size: 1.75rem !important;
}
ol.steps {
    list-style-type: none;
    padding-left: 1em;
}

.copy-element.right-zero {
    right: 0;
}

/* Position modal at bottom center */
.redirect-modal-bottom {
    position: fixed;
    bottom: 50%; /* adjust spacing from bottom */
    left: 40%;
    transform: translateX(-50%);
    margin: 0; /* remove Bootstrap's vertical centering margin */
}

/* Remove Bootstrap's slide-down animation */
.modal.fade .modal-dialog {
    transition: none !important;
    transform: translate(0, 0) !important;
}
.resp-vtabs .resp-tabs-list li.override-padding {
    padding: 15px !important;
}
.primary-hover:hover {
    color: #2A3073 !important;
}
.page-title-section-compact {
    padding: 80px !important;
}

.card-style10 .image-box .date span {
    padding: 0 10px;
    color: #fff;
    border-right: 1px solid rgba(255, 255, 255, 0.3);
}
.card-style10 .image-box .date span:last-child {
    border-right: 0;
}

.pagination {
    gap: 8px !important; /* set default spacing */
}

.pagination a {
    margin-right: 0px !important; /* override from theme default */
}

.fade-in {
    opacity: 0;
    animation: fadeIn 0.6s forwards ease-in-out;
}

@keyframes fadeIn {
    to {
        opacity: 1;
    }
}
/* Checkmark animation */
.checkmark-container {
    width: 80px;
    height: 80px;
    margin: 0 auto;
}

.checkmark {
    width: 80px;
    height: 80px;
    stroke-width: 4;
    stroke: #28a745;
    stroke-miterlimit: 10;
    box-shadow: inset 0px 0px 0px #28a745;
    border-radius: 50%;
}

.checkmark-circle {
    stroke-dasharray: 166;
    stroke-dashoffset: 166;
    animation: strokeCircle 0.6s ease-in-out forwards;
}

.checkmark-check {
    stroke-dasharray: 48;
    stroke-dashoffset: 48;
    animation: strokeCheck 0.4s 0.6s ease-in-out forwards;
}

@keyframes strokeCircle {
    to {
        stroke-dashoffset: 0;
    }
}

@keyframes strokeCheck {
    to {
        stroke-dashoffset: 0;
    }
}
.progress {
    background-color: #e9ecef;
    border-radius: 5px;
    overflow: hidden;
}

.progress-bar {
    height: 10px;
}

.map-container {
    position: relative;
    width: 100%;
    padding-bottom: 25%; /* controls height ratio */
}
    .map-container iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        border: 0;
    }