@font-face {
   font-family: Helvetica-regular-400;
   src: url('../fonts/HelveticaNowDisplay-Regular.woff') format('woff');
}

@font-face {
   font-family: Helvetica-medium-500;
   src: url('../fonts/HelveticaNowDisplay-Medium.woff') format('woff');
}

@font-face {
   font-family: Helvetica-bold-700;
   src: url('../fonts/HelveticaNowDisplay-Bold.woff') format('woff');
}


body {
   font-family: 'Helvetica';
   font-size: 16px;
   overflow-x: hidden;
   background-color: #f6f5f3;
   color: #151616;
}

.blue-color {
   color: #1A81FF;
}

.gray-color {
   color: #7C7C7C;
}

.gray-color2 {
   color: #6F6F6F;
}

.blue-gradient-bg {
   background: linear-gradient(165deg, #FFFFFFBD 15%, #9FBDFF80 100%);

}

.border-15 {
   border-radius: 15px;
}

.border-10 {
   border-radius: 10px;
}

.fs-14 {
   font-size: 14px;
}

.fs-12 {
   font-size: 12px !important;
}

.stats-card {
   background-color: #fff;
   border-radius: 15px;
   padding: 10px 15px;
}

.p-norml {
   font-size: 14px;
   font-weight: 400;
}

/* base border so layout doesn't shift */
.card.stats-card {
   border: 3px solid transparent;
   border-radius: 15px;
   transition: border-color .3s ease;
   cursor: pointer;
}

.card.stats-card:hover {
   border-color: #1A81FF;
}

/* existing hover effects */
.user-img {
   transition: transform .3s ease;
}

.arrow-icon {
   transition: transform .4s ease;
}

.card.stats-card:hover .user-img {
   transform: scale(1.1);
}

.card.stats-card:hover .arrow-icon {
   transform: rotate(180deg);
}

.overview-cards .card-body {
   padding: 20px 15px !important;
}

.performance-section .dropdown-toggle,
.btn-light {
   background-color: transparent;
   border-radius: 8px;
   font-size: 14px;
   border-color: #C3C3C3;
}


.stat-box {
   border-radius: 12px;
   padding: 20px;
   font-weight: bold;
   font-size: 20px;
}

.stat-title {
   font-size: 14px;
   font-weight: normal;
   color: #444444;
}

.stat-total {
   background: #fff;
   border: 1px solid #ddd;
}

.stat-completed {
   background: #E8FDEA;
   color: #2D7959;
}

.stat-pending {
   background: #FFEFDB;
   color: #F9951A;
}

.goals-card .form-check-label {
   color: #111111;
   font-size: 14px;
   font-weight: 400;
}

.goals-card .form-check {
   margin-bottom: 20px;
}

.goals-card .form-check-input:checked {
   background-color: #000000;
   border-color: #000000;
}


.goal-chart {
   position: relative;
   width: 160px;
   height: 160px;
   margin: auto;
}

.goal-center {
   position: absolute;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
   text-align: center;
}

.goal-center img {
   width: 45px;
}

/* .card-custom {
   border-radius: 15px;
   background: linear-gradient(135deg, #f3f8ff 0%, #e5efff 100%);
   border: none;
   box-shadow: 0 2px 10px rgba(40, 56, 126, 0.08);
   width: 320px;
   margin: 40px auto;
} */

.progress-ring {
   position: relative;
   width: 180px;
   height: 180px;
   margin: 0 auto;
}

.progress-ring circle {
   fill: none;
   stroke-width: 14;
   stroke-linecap: round;
   transition: stroke-dasharray 0.5s;
}

.progress-ring__bg {
   stroke: #e4e7ec;
}

.progress-ring__value {
   stroke: #0075FF;
   stroke-dasharray: 0 999;
}

.shield-center {
   position: absolute;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
   /* background: #e0f7fa; */
   border-radius: 50%;
   /* width: 40px; */
   /* height: 72px; */
   /* display: flex; */
   /* align-items: center; */
   justify-content: center;
   /* box-shadow: 0 2px 8px rgba(64, 147, 205, 0.10); */
}

.shield-center img {
   width: 60px;
   height: 60px;
}

.stats-box {
   background: #fff;
   border-radius: 16px;
   box-shadow: 0 2px 10px rgba(40, 56, 126, 0.09);
   position: absolute;
   left: 50%;
   transform: translateX(-50%);
   top: 140px;
   width: 300px;
   padding: 18px 15px 20px;
   text-align: center;
}

.small-muted {
   font-size: 1rem;
   color: #888fa0;
}

.policy-card .progress {
   height: 4px;
}

.policy-card .progress-bar {
   background-color: #000000;
}

.boss-leauge {
   /* background-image: url('../images/coin-bg.png'); */
   width: 100%;
   background-color: #e4f2ff;
   border-radius: 15px;
   padding: 20px 50px;
   box-shadow: 0 2px 10px rgba(40, 56, 126, 0.09);
   position: relative;
   background-repeat: no-repeat;
   background-position: center;
}

.leauge-div {
   background-color: rgba(2, 114, 255, 0.2);

   font-size: 18px;
   text-align: center;
   padding: 20px 15px;
   border-radius: 10px;
}

.white-btn {
   background-color: #ffffff;
   color: #111111;
   border-radius: 8px;
   padding: 10px 20px;
   font-size: 14px;
   border: 1px solid transparent;
   font-weight: 700;
}


.white-btn:hover {
   background-color: transparent;
   color: #ffffff;
   border: 1px solid #ffffff;
}

.black-btn {
   background-color: #111111;
   color: #ffffff;
   border-radius: 8px;
   padding: 10px 20px;
   font-size: 14px;
   border: 1px solid transparent;
}

.black-btn:hover {
   background-color: transparent;
   color: #111111;
   border: 1px solid #111111;
}

.black-border-btn {
   background-color: transparent;
   border-color: #000000;
   border-radius: 8px;
   padding: 10px 20px;
   font-size: 14px;
   color: #000000;
}

.black-border-btn:hover {
   background-color: #000000;
   color: #ffffff;
   border-color: #000000;
}

.dropdown-menu {
   border-radius: 8px !important;
}

.dropdown-item:focus,
.dropdown-item:hover {
   color: #ffffff;
   background-color: #000000;
   border-radius: 8px !important;
}


/* .banner-card {
   border-radius: 16px;
   overflow: hidden;
   min-height: 240px;
} */

.banner-deal {
   background-image: url('../images/coin-bg.png');
   background-color: #161616;
   color: #fff;
   position: relative;
   display: flex;
   align-items: end;
   /* justify-content: space-between; */
   border-radius: 15px;
}

.banner-graphic img {
   width: 250px;
   max-width: 100%;
}

.banner-content {
   width: 55%;
   padding: 30px 0px 30px 30px;
   /* padding-right: 66px; */
   margin-right: 40px;
}

.banner-swiper-bg {
   background-image: url('../images/earn-img.jpg');
   min-height: 240px;
   color: #fff;
   border-radius: 15px;
   overflow: hidden;
   background-size: cover;
   background-position: center;
}



.swiper-pagination {
   top: 0px !important;
   left: 0px !important;
   right: auto !important;
   width: auto !important;
}

.swiper-button-next {
   right: 30px !important;
   left: auto !important;
   top: 20px !important;
}

.swiper-button-prev {
   right: 60px !important;
   left: auto !important;
   top: 20px !important;
}

.swiper-button-next::after,
.swiper-button-prev::after {
   color: #fff !important;
   font-size: 20px !important;
}

.swiper-pagination-bullet-active {
   background: #ffffff !important;
}

.dealvault-slider-content {
   width: 60%;
}

/* Base pagination dots */
.swiper-pagination-bullet {
   background: rgb(88 88 88 / 78%) !important;
   /* light inactive color */
   transition: all 0.3s ease;
   /* smooth animation */
   opacity: 1 !important;
   margin: 0 4px !important;
   /* spacing between dots */
}

/* Active pagination bullet (rectangle with rounded edges) */
.swiper-pagination-bullet-active {
   width: 20px;
   /* longer shape */
   height: 8px;
   /* keeps same height */
   border-radius: 10px;
   /* rounded pill */
   background: #ffffff !important;
   /* dark color (same as arrows) */
}

/* Positioning of pagination */
.swiper-pagination {
   top: 0px !important;
   left: 0px !important;
   right: auto !important;
   width: auto !important;
}

/* Arrow buttons positioning */
.swiper-button-next {
   right: 30px !important;
   left: auto !important;
   top: 10px !important;
}

.swiper-button-prev {
   right: 60px !important;
   left: auto !important;
   top: 10px !important;
}

/* Arrow styling */
.swiper-button-next::after,
.swiper-button-prev::after {
   color: #ffffff !important;
   /* Dark color matching active bullet */
   font-size: 14px !important;
}



/* Content width */
.dealvault-slider-content {
   width: 60%;
}

.tooltip-inner {
   max-width: 260px;
   /* wider text area */
   padding: 8px 10px;
   color: #717171;
   /* black text */
   background-color: #fff;
   /* white background */
   border-radius: 8px;
   /* rounded corners */
   box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
   font-size: 12px;
   text-align: left;
}

/* arrow color (match background) */
.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before,
.bs-tooltip-top .tooltip-arrow::before {
   display: none;
   /* hide default arrow */
}


.grid-icon {
   background-color: transparent;
   border-radius: 8px;
   font-size: 14px;
   border: 1px solid #C3C3C3 !important;
   display: flex;
   align-items: center;
   justify-content: center;
   padding: 5px;
   cursor: pointer;
}

.grid-icon img {
   width: 20px;
   height: 20px;
}



.border {
   border: 1px solid #C3C3C3 !important;
}


.deal-total-stats p {
   font-size: 14px;
   color: #111111;
}

/* Custom style for soft card background */

table .badge {
   padding: 8px 20px;
   width: 100%;
}

.badge-btn {
   padding: 5px 15px;
   font-size: 12px;
}

.badge-outline-blue {
   color: #4a6cf7;
   border: 1px solid #4a6cf7;
   background: #fff;
   background-color: #DDE6FF;
}

.badge-outline-green {
   color: #00a86b;
   border: 1px solid #00a86b;
   background: #fff;
   background-color: #65C49C36;
}

.badge-outline-cyan {
   color: #003D5C;
   border: 1px solid #003D5C;
   background: #fff;
   background-color: #D6F1FF;
}


.badge-active {
   background-color: transparent;
   color: #1A81FF;
   border: 1px solid #1A81FF;
   font-weight: 700;
}

.badge-unreachable {
   background-color: transparent;
   color: #dc3545;
   border: 1px solid #dc3545;
   font-weight: 700;
}

.badge-converted {
   background-color: transparent;
   color: #659050;
   border: 1px solid #659050;
   font-weight: 700;
}


.badge-active-cyan {
   background-color: transparent;
   color: #003D5C;
   border: 1px solid #003D5C;
}

table .black-btn,
table .black-border-btn {
   padding: 5px 10px;
   font-size: 12px;
}


.btn-black {
   background: #111;
   color: #fff;
   border-radius: 7px;
   font-weight: 600;
   padding: 0.42rem 1.2rem;
}

.lead-table .btn-black:hover {
   color: #fff;
   background: #2c2c2c;
}

.lead-table .table> :not(:first-child) {
   border-top: none;
}

.lead-table .tab-btn {
   border-radius: 8px;
   font-weight: 600;
   margin-right: 8px;
   font-size: 1rem;
}

.lead-table .nav-pills .nav-link {
   border-radius: 10px;
   padding: 10px 20px;
   background-color: #F5F5F5;
   color: #7A7A7A;
}

.lead-table .nav-item {
   margin-right: 15px;
}


.lead-table .nav-pills .nav-link.active,
.lead-table .nav-pills .show>.nav-link {
   color: #fff;
   background-color: #151616;
   font-weight: 700;
}

.lead-table .pagination .page-link.active,
.lead-table .pagination .active>.page-link {
   background-color: #111;
   border-color: #111;
}

.lead-table .pagination .page-item.disabled .page-link {
   color: #ccc;
   background-color: transparent;
}

.lead-table .pagination .page-link {
   color: #ffffff;
   border: none;
   margin: 0 .25rem;
   border-radius: 8px !important;
}

.lead-table table th {
   /* background-color: #f5f5f5; */
   background-color: #107fff;
   color: #ffffff;
}

.lead-table table th {
   padding: 8px 10px;
}

.lead-table table td {
   padding: 15px 10px;
}

.table-query {
   background-color: transparent;
   border-radius: 5px;
   font-size: 14px;
   border: 1px solid #C3C3C3 !important;
   display: flex;
   align-items: center;
   justify-content: center;
   padding: 8px 15px;
}

.table-query-search .form-control {
   border-right: 0;
   border-color: #C3C3C3;
   font-size: 10px;
   color: #F5F5F5;
}


.table-query-search button {
   border-left: 0;
   border-color: #C3C3C3;
}

.dataTables_length {
   display: none !important;
}

.btn.tab-btn {
   /* border: 1px solid #f0f0f0;
   font-weight: 500; */
   transition: background 0.2s, color 0.2s;
}

.btn.tab-btn.active {
   background-color: #ffffff !important;
   color: #000000 !important;
   border-color: #ffffff !important;
   font-weight: bold;
   box-shadow: 0 2px 8px rgba(34, 34, 34, 0.06);
}

.text-warning {
   color: #ff9900 !important;
}

.bg-warning {
   background-color: #ff9900 !important;
}

.text-primary {
   color: #0099ff !important;
}

.bg-primary {
   background-color: #0099ff !important;
}

.icon-circle {
   display: inline-flex;
   align-items: center;
   justify-content: center;
   width: 38px;
   height: 38px;
   font-size: 18px;
}

.card {
   border-radius: 18px;
   box-shadow: 0 4px 16px rgba(0, 0, 0, 0.04);
}

.mt-2 .small span {
   font-size: 1rem;
}

.fs-5 {
   font-size: 1.35rem !important;
}

.sync-income-card {
   border-radius: 18px;
   /* min-width: 320px; */
   /* max-width: 340px; */
}

.sync-income-icon {
   width: 60px;
   height: 60px;
   font-size: 2rem;
   font-weight: bold;
   display: flex;
   align-items: center;
   justify-content: center;
}

.sync-income-title {
   font-size: 12px;
}

.sync-income-badge {
   background: #eaffec;
   color: #2da268;
}

.sync-income-amount {
   font-size: 22px;
}

.sync-nop-badge {
   background: #FFE5E5;
   color: #DD2B1C;
}

.sync-income-card img {
   width: 50px;
   height: 50px;
}

.sync-main-div {
   background-color: #F5F5F5;
   padding: 10px 15px;
   border-radius: 10px;
   display: inline-block;
   margin: 25px 0 40px;
}

.accordion-button {
   padding: 0;
}


.accordion-button:focus {
   box-shadow: none;
}

.accordion-button:not(.collapsed) {
   color: #222;
   background: #f8f9fa;
}

.accordion-body {
   border-radius: 8px;
}

.custom-progress-range {
   appearance: none;
   width: 100%;
   height: 12px;
   background: linear-gradient(to right, #222 0%, #222 var(--slider-percent), #eee var(--slider-percent), #eee 100%);
   border-radius: 8px;
   outline: none;
   position: relative;
}

.custom-progress-range::-webkit-slider-thumb {
   appearance: none;
   width: 32px;
   height: 32px;
   background: #222;
   border-radius: 50%;
   cursor: pointer;
   border: 2px solid #fff;
   margin-top: -10px;
   box-shadow: 0 2px 8px #0002;
}

.custom-progress-range::-moz-range-thumb {
   width: 32px;
   height: 32px;
   background: #222;
   border-radius: 50%;
   cursor: pointer;
   border: 2px solid #fff;
   box-shadow: 0 2px 8px #0002;
}

.custom-progress-range::-ms-thumb {
   width: 32px;
   height: 32px;
   background: #222;
   border-radius: 50%;
   cursor: pointer;
   border: 2px solid #fff;
   box-shadow: 0 2px 8px #0002;
}

/* Remove default styles for track */
.custom-progress-range::-webkit-slider-runnable-track {
   height: 12px;
   background: transparent;
}

.custom-progress-range::-ms-fill-lower,
.custom-progress-range::-ms-fill-upper {
   background: transparent;
}

.custom-progress-range:focus {
   outline: none;
}

.slider-value-badge {
   position: relative;
   left: 0;
   top: 15px;
   background: #fff;
   border-radius: 5px;
   padding: 2px 14px;
   font-weight: bold;
   font-size: 16px;
   box-shadow: 0 2px 5px #0001;
   border: 1px solid #eee;
   pointer-events: none;
   transition: left 0.1s;
}

.slider-value-badge::after {
   content: '';
   top: -6px;
   right: 0;
   margin: 0 auto;
   position: absolute;
   width: 0;
   height: 0;
   border-style: solid;
   border-right: 17px solid transparent;
   border-left: 20px solid transparent;
   border-bottom: 10px solid #ffffff;
   border-top: 0;
}

.lead-range {
   width: 100%;
   max-width: 480px;
   margin: auto;
   position: relative;
   height: 80px;
}

.accordion-item {
   margin-bottom: 10px !important;
   box-shadow: 0 4px 16px 0 rgba(60, 60, 60, 0.07);
}

.accordion-header {
   padding-right: 10px !important;
}

.overview-cards img {
   width: 45px;
   height: 45px;
}

.shadow-bottom {
   box-shadow: 0 4px 4px rgba(0, 0, 0, 0.02);
}

.arrow-container {
   position: relative;
   width: 16px;
   height: 16px;
   overflow: hidden;
}

.arrow-icon {
   position: absolute;
   top: 0;
   left: 0;
}

.arrow-back {
   z-index: 1;
   transform: translateY(0);
   opacity: 1;
}

.arrow-front {
   z-index: 2;
   transform: translateY(16px);
   opacity: 0;
}

.card:hover .arrow-back {
   animation: moveUpBack 0.5s ease-in-out forwards;
}

.card:hover .arrow-front {
   animation: moveUpFront 0.5s ease-in-out forwards;
}

.arrow-back path {
   stroke: #1A81FF;
   opacity: 1;
}

.arrow-front path {
   stroke: #1A81FF;
   opacity: 1;
}

@keyframes moveUpBack {
   0% {
      transform: translateY(0);
      opacity: 1;
   }

   100% {
      transform: translateY(-16px);
      opacity: 1;
   }
}

@keyframes moveUpFront {
   0% {
      transform: translateY(16px);
      opacity: 1;
   }

   100% {
      transform: translateY(0);
      opacity: 1;
   }
}

#contactTable {
   border-radius: 10px;
   border: 1px solid #ededed;
   overflow: hidden;
}

.accordion-header h3 {
   font-size: 18px;
   margin-bottom: 10px;
   font-weight: 600;
}

.policy-card .d-flex {
   height: 90px;
}

.custom-scroll {
   max-height: 350px;
   overflow-y: auto;
}

.overview-scroll {
   max-height: 400px !important;
   overflow-y: auto;
}

/* Optional: smooth scrollbar for modern browsers */
.custom-scroll::-webkit-scrollbar {
   width: 2px;
}

.custom-scroll::-webkit-scrollbar-thumb {
   background-color: #9fbdff80;
   border-radius: 4px;
}

.custom-scroll::-webkit-scrollbar-track {
   background: #e0e0e0;
   border-radius: 4px;
}

.expiring-date {
   width: 50%
}

.expiry-num,
.leads-remaining {
   width: 25%;
}

.policy-card {
   cursor: pointer;
}

.policy-card .policy-img,
.policy-card .policy-text {
   transition: transform 0.4s ease, color 0.4s ease;
}

/* Hover effect */
.policy-card:hover .policy-img {
   transform: scale(1.2) rotate(5deg);
   /* zoom + slight tilt */
}

.policy-card:hover .policy-text {
   transform: translateX(5px);
   /* slide effect */
}


.grid-scroll {
   max-height: 250px !important;
   overflow-y: auto;
}

/* Optional: smooth scrollbar for modern browsers */
.grid-scroll::-webkit-scrollbar {
   width: 5px;
}

.grid-scroll::-webkit-scrollbar-thumb {
   background-color: #000000;
   border-radius: 4px;
}

.grid-scroll::-webkit-scrollbar-track {
   background: #e0e0e0;
   border-radius: 4px;
}

.overview-modal-card {
   background-color: #f6f6f6;
   border-radius: 10px !important;
   padding-top: 10px !important;
}

.overview-modal-card .form-check-input:checked {
   background-color: #000000;
   border-color: #000000;
}


#enrichModal .radio-group {
   display: flex;
   justify-content: space-around;
   margin: 24px 0;
}

#enrichModal .radio-card {
   display: block;
   border: 1px solid #ccc;
   border-radius: 12px;
   padding: 18px 28px;
   cursor: pointer;
   width: 100%;
   padding-left: 12px;
   padding-top: 40px !important;
   position: relative;
   margin: 0 15px;
}

#enrichModal .radio-card input[type="radio"] {
   /* margin-right: 10px; */
   position: absolute;
   top: 10px;
   left: 10px;
}

.gift-img {
   width: 35%;
}

.custom-tab .nav-pills .nav-link.active,
.custom-tab .nav-pills .show>.nav-link {
   border-radius: 100px;
   padding: 8px 25px;
   background-color: #000000;
   color: #ffffff;
}

.custom-tab .nav-pills .nav-link {
   color: #000000;
   font-weight: 700;
}

.custom-tab .nav {
   display: inline-flex;
   flex-wrap: wrap;
   background-color: #ffffff;
   padding: 8px 15px;
   border-radius: 100px;
}

.tab-pill-bg {
   background: #fff;
   border-radius: 36px;
   display: inline-block;
   padding: 10px 18px;
}

.custom-pill {
   background: transparent;
   border-radius: 30px;
   padding: 0;
   display: flex;
   justify-content: center;
}

.custom-pill .nav-link {
   border-radius: 30px;
   margin: 0 2px;
   padding: 0.55rem 2rem;
   color: #000;
   background: transparent;
   font-weight: 600;
   transition: background 0.3s, color 0.3s;
}

.custom-pill .nav-link.active,
.custom-pill .show>.nav-link {
   background: #000;
   color: #fff;
}

.tab-content {
   position: relative;
   min-height: 120px;
}

.tab-pane {
   opacity: 0;
   transition: opacity 0.4s ease;
   position: absolute;
   width: 100%;
   pointer-events: none;
   top: 0;
   left: 0;
}

.tab-pane.active {
   opacity: 1;
   position: relative;
   pointer-events: auto;
   transition: opacity 0.4s ease;
}

.lead-img img {
   width: 22px;
   height: 22px;
}

.lead-table .btn-primary {
   background-color: #107fff;
}


.custom-modal {
   border-radius: 16px;
   box-shadow: 0 2px 16px rgba(50, 60, 80, 0.14);
   padding: 0;
   background: #fff;
}

.custom-tabs {
   border-bottom: 1px solid #cccccc !important;
   /* margin-bottom: -15px; */
   width: 100%;
}

.custom-tab-link {
   color: #000000;
   font-weight: 500;
   background: none !important;
   border: none !important;
   border-bottom: 2px solid transparent !important;
   padding: 1rem 1.5rem;
   font-size: 1.15rem;
}

.custom-tab-link.active {
   color: #1883fa !important;
   border-bottom: 2px solid #1883fa !important;
}

.custom-title {
   font-size: 1.2rem;
   font-weight: 700;
   margin-bottom: 1rem;
}


.custom-add-btn {
   background: #1883fa;
   color: #fff;
   font-size: 1.15rem;
   font-weight: 600;
   border-radius: 12px;
   padding: 0.8rem 2.5rem;
   border: none;
   box-shadow: 0 2px 12px rgba(24, 131, 250, 0.15);
}

.custom-add-btn:hover,
.custom-add-btn:focus {
   background: #1470d7;
   color: #fff;
}



.leadFeedbackModal .modal-header {
   padding: 0;
}



.leadFeedbackModal .btn-close {
   position: absolute;
   right: 15px;
}



.action-icon {
   width: 20px;
   height: 20px;
}

.leadFeedbackModal .form-control,
.leadFeedbackModal .form-select,
.custom-input {
   border-radius: 8px;
   height: 50px;
}

.leadFeedbackModal textarea {
   height: auto !important;
}

.input-group-text {
   background-color: #f8f9fa;
   cursor: pointer;
   border-radius: 0 8px 8px 0;
}

.custom-input {
   border: 1px solid #ddd;
   border-radius: 8px;
   padding: 8px 12px;
   display: flex;
   align-items: center;
   justify-content: space-between;
   background-color: #fff;
}

.custom-input input[type="text"] {
   border: none;
   outline: none;
   background: transparent;
   flex: 1;
   font-size: 14px;
   color: #555;
}

.browse-btn {
   color: #0d6efd;
   background-color: #f1f6ff;
   padding: 5px 12px;
   border-radius: 6px;
   font-weight: 500;
   cursor: pointer;
}

.icon-btn {
   font-size: 18px;
   color: #555;
   cursor: pointer;
}

/* File input hidden */
input[type="file"] {
   display: none;
}

/* Keep datetime input clickable but invisible */
#dateTimeInput {
   position: absolute;
   right: 0;
   top: 0;
   width: 40px;
   height: 100%;
   opacity: 0;
   cursor: pointer;
}

/* Custom date input with placeholder */
.date-placeholder::-webkit-calendar-picker-indicator {
   opacity: 0;
   pointer-events: none;
}

.date-placeholder:not(:focus):invalid::before {
   content: attr(placeholder);
   position: absolute;
   left: 12px;
   top: 50%;
   transform: translateY(-50%);
   color: #6c757d;
   pointer-events: none;
}

.date-placeholder {
   position: relative;
   color: transparent;
}

.date-placeholder:focus,
.date-placeholder:valid {
   color: #212529;
}


.date-input .input-group-text {
   background-color: transparent;
   border-left: 0;
}

.date-input .form-control {
   border-right: 0;
}

.lead-table .form-control,
.lead-table .form-select {
   border-radius: 8px;
}

.lead-table .nav-tabs .nav-item {
   flex: 1;
   /* make all tabs equal */
   text-align: center;
}


.car_modal li {
   margin-bottom: 20px;
   font-size: 14px;
   font-weight: 400;
}

.car_modal .input-group-text {
   border-radius: 5px;
   border-right: 0;
   border-top-right-radius: 0;
   border-bottom-right-radius: 0;
   background-color: #f1f6ff;
}

.car_modal .form-control {
   border-left: 0;
   background-color: #f1f6ff;
}

.car_modal .btn {
   border-radius: 8px;
   padding: 8px 20px;
   background-color: #1883fa !important;
}

#buySyncContactModal .btn-close {
   position: absolute;
   right: 5px;
   top: 5px;
   opacity: 1;
}

#buySyncContactModal .modal-body {
   padding: 40px 50px;
}

.date-group .input-group-text {
   border-right: 0;
   border-radius: 5px;
   border-top-right-radius: 0;
   border-bottom-right-radius: 0;
}

.date-group .form-control {
   border-left: 0;
   background-color: transparent;
   border-radius: 5px;
   border-top-left-radius: 0;
   border-bottom-left-radius: 0;
}

.date-group .form-control:focus {
   box-shadow: none;
}


.secondary-filters{
       position: absolute;
    right: 20px;
    bottom: 0;
}

@media(max-width:1440px) {
   .policy-card img {
      width: 40px;
      height: 40px;
   }

   .overview-cards h5 {
      font-size: 16px !important;
   }

   .stats-box {
      width: 250px;
   }
}


@media (max-width: 768px) {
   p {
      font-size: 14px;
   }

   .fs-14 {
      font-size: 12px;
   }

   h5 {
      font-size: 14px;
   }

   .banner-deal {
      display: block;
   }

   .banner-content {
      padding: 30px;
      margin-right: 0;
      width: 100%;
   }

   .dealvault-slider-content {
      width: 100% !important;
   }

   .swiper-button-prev {
      right: 30px !important;
   }

   .swiper-button-next {
      right: 0px !important;
   }

   .overview-cards img {
      width: 30px;
   }

   .overview-cards .card-body {
      padding: 12px 8px !important;
   }

   .lead-table .nav-pills .nav-link {
      padding: 7px 12px;
      font-size: 11px;
   }

   .lead-table .nav-item {
      margin-right: 8px;
   }

   table th,
   table td {
      font-size: 14px;
   }

   .sync-income-amount {
      font-size: 18px;
   }

   .sync-income-card img {
      width: 31px;
      height: 30px;
   }

   .sync-income-title {
      font-size: 10px;
   }

   .accordion-body .fs-5 {
      font-size: 16px !important;
   }

   .leauge-div {
      font-size: 16px;
   }

   .boss-leauge {
      padding: 20px 10px;
   }

   .policy-sec {
      margin-top: 90px !important;
   }

   .expiring-date {
      width: 100%;
   }

   .accordion-button::after {
      position: absolute;
      top: 15px;
      right: 10px;
   }

   #enrichModal .radio-card {
      margin: 0;
      margin-bottom: 20px;
   }

   #enrichModal .radio-group {
      display: block;
   }



}