.matching {
background-image: radial-gradient(circle at 23% 61%, rgba(255,255,255,0.03) 0%, rgba(255,255,255,0.03) 8%,transparent 8%, transparent 92%),radial-gradient(circle at 34% 3%, rgba(255,255,255,0.03) 0%, rgba(255,255,255,0.03) 8%,transparent 8%, transparent 92%),radial-gradient(circle at 10% 76%, rgba(255,255,255,0.04) 0%, rgba(255,255,255,0.04) 6%,transparent 6%, transparent 94%),radial-gradient(circle at 20% 80%, rgba(255,255,255,0.04) 0%, rgba(255,255,255,0.04) 6%,transparent 6%, transparent 94%),radial-gradient(circle at 48% 51%, rgba(255,255,255,0.04) 0%, rgba(255,255,255,0.04) 6%,transparent 6%, transparent 94%),radial-gradient(circle at 69% 29%, rgba(255,255,255,0.04) 0%, rgba(255,255,255,0.04) 6%,transparent 6%, transparent 94%),radial-gradient(circle at 34% 68%, rgba(255,255,255,0.04) 0%, rgba(255,255,255,0.04) 4%,transparent 4%, transparent 96%),radial-gradient(circle at 22% 7%, rgba(255,255,255,0.04) 0%, rgba(255,255,255,0.04) 4%,transparent 4%, transparent 96%),radial-gradient(circle at 15% 88%, rgba(255,255,255,0.04) 0%, rgba(255,255,255,0.04) 4%,transparent 4%, transparent 96%),radial-gradient(circle at 14% 20%, rgba(255,255,255,0.04) 0%, rgba(255,255,255,0.04) 4%,transparent 4%, transparent 96%),linear-gradient(135deg, rgb(142,33,87),rgba(196,58,48, 0.87)); 
}
.top-panel {
  position: relative;
  border-radius: 1rem;
  padding: 1rem 1.02rem;
  background: #fdf3fa;
  overflow: hidden; 
}

.top-panel::before {
  content: "";
  position: absolute;
  width: 150px;
  height: 150px;
  background: rgba(207, 247, 174, 0.3);
  border-radius: 50%;
  top: -50px;
  right: -50px;
  z-index: 0;
}

/* Add circle using ::after */
.top-panel::after {
  content: "";
  position: absolute;
  width: 100px;
  height: 100px;
  background: rgba(214, 185, 245, 0.2);
  border-radius: 50%;
  bottom: -30px;
  left: -30px;
  z-index: 0;
}

/* Extra blob shape on top-left */
.top-panel .circle-blob-1 {
  content: "";
  position: absolute;
  width: 100px;
  height: 100px;
  background: #83dff0;
  border-radius: 50% 40% 60% 50%/60% 50% 40% 50%;
  top: -55px;
  left: 250px;
  opacity: 0.15;
  z-index: 0;
}

/* Extra dotted circle design bottom-right */
.top-panel .circle-blob-2 {
  content: "";
  position: absolute;
  width: 150px;
  height: 150px;
  background: rgba(236, 245, 185, 0.2);
  border-radius: 50%;
  bottom: -30px;
  right: 200px;
  z-index: 0;
}

/* Ensure content is always above decorations */
.top-panel > * {
  position: relative;
  z-index: 1;
}

.profile-photo-wrapper {
    /* Ensures the wrapper itself uses the new width/height classes */
    max-width: 100%;
}

.profile-photo-wrapper > img {
    /* These classes ensure the image fills the container and applies the desired crop */
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: 50% 10%;
}
.gallery-thumb {
    max-height: 200px;
    -o-object-fit: cover;
    object-fit: cover;
    cursor: pointer;
}
.paid-member-ribbon {
  display: inline-flex;
  align-items: center;
  background: #f0e6ff;
  color: #5f2a7f;
  font-weight: bold;
  font-size: 11px;
  padding: 0px 0px;
  border-top: 1px solid #5f2a7f;
  border-bottom: 1px solid #5f2a7f;
  border-radius: 20px 0 0 20px;
  position: absolute;
  margin-left:10px
}

.paid-member-ribbon .icon {
  background: #6a3d9e;
  color: #fff;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 2px;
}

.paid-member-ribbon::after {
  content: "";
  position: absolute;
  right: -26px;
  top: 50%;
  transform: translateY(-50%);
  width: 0;
  height: 0;
  border-width: 14px;
  border-color: #f0e6ff;
  border-right-color: transparent;
  border-style: solid;
  box-sizing: border-box;
}

.paid-member-ribbon::before {
  content: "";
  position: absolute;
  right: -28px;
  top: 50%;
  transform: translateY(-50%);
  border-width: 15px;
  border-color: #5f2a7f;
  border-right-color: transparent;
  border-style: solid;
  box-sizing: border-box;
}
.profile-badge-box {
  display: inline-flex;
  align-items: center;
  font-size: 0.950rem;
      font-weight: 500;
      color: #4a525d !important;
      

}
.profile-badge-icon {
  width: 35px;
  height: 35px;
  color: #3a35af;
   border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-right: 6px;
  font-size: 12px;
  padding: 6px;
  border: 1px solid #f1f5f9;
  background-color: #f1f5f9;
 justify-content: center;
}
.animated {
			-webkit-animation-duration: 1s;
			animation-duration: 1s;
			-webkit-animation-fill-mode: both;
			animation-fill-mode: both;
		}

		.animated.faster {
			-webkit-animation-duration: 500ms;
			animation-duration: 500ms;
		}

		.fadeIn {
			-webkit-animation-name: fadeIn;
			animation-name: fadeIn;
		}

		.fadeOut {
			-webkit-animation-name: fadeOut;
			animation-name: fadeOut;
		}

		@keyframes fadeIn {
			from {
				opacity: 0;
			}

			to {
				opacity: 1;
			}
		}

		@keyframes fadeOut {
			from {
				opacity: 1;
			}

			to {
				opacity: 0;
			}
		}
    

.loader svg {
    animation: spin 1s linear infinite;
}
@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}
/* Customize the Bootstrap radio button */
.bis-radio {
  -webkit-appearance: none;  
  -moz-appearance: none;     
  appearance: none;          
  width: 25px;               
  height: 25px;              
  cursor: pointer;          
  border: 2px solid rgba(0, 0, 0, 0.541);
  border-radius: 50%;        
  position: relative;       
  transition: border-color 0.3s ease; 
  margin-top: 0;   
}

/* Checked radio button styles */
.bis-radio:checked {
  background-color: var(--bis-secondary-color); 
  border-color: var(--bis-secondary-color);     
}


.bis-radio:checked::after {
  content: '';                             
  position: absolute;                       
  top: 6px;                                
  left: 6px;                               
  width: 8px;                            
  height: 8px;                           
  border-radius: 50%;                       
  background-color: white;                 
}


.bis-radio:hover {
  border-color: var(--bis-secondary-color);  
}

.form-check-label {
    margin-left: 10px;
    cursor: pointer;

}
.loading {
  height: 0;
  width: 0;
  padding: 15px;
  border: 3px solid #f1f1f1;
  border-right-color: #8e2157;
  border-radius: 22px;
  -webkit-animation: rotate 1s infinite linear;
}

@-webkit-keyframes rotate {
  /* 100% keyframe for  clockwise. 
     use 0% instead for anticlockwise */
  100% {
    -webkit-transform: rotate(360deg);
  }
}
.shortlist-text {
    transition: color 0.3s ease;
}
.feather-icon {
    transition: opacity 0.3s ease;
}
.bg-green-light-6 {
    --tw-bg-opacity: 1;
    background-color: rgb(218 248 230 / var(--tw-bg-opacity));
}
.main-banner {
    
    width: 100%;
   
    position: relative;
    
}
  @media (max-width: 767px) {
    .main-banner {
      background-image: none;
    }
    .banner-content { display: none;}
    .main-heading {
      display: none;
    }
}
@media (max-width: 767px) {
    .main-banner {
        max-width:100%;
        height:100%
       
   
    }
  .main-heading {
    position: var(--position_r);
    z-index: 100;
  }  
}
  .main-banner {
      width: 100%;
      height: 70vh;
      background-color: #e9e3fa;
      background-image: url(../../assets/images/search-banner.jpg);
      background-size: cover;
      background-position: center center;
      background-repeat: no-repeat;
	  margin-top:6rem;
    }
.text-slide {
    position: absolute;
    top: 20%; 
     
   
    opacity: 0;
    animation: slideAnimation 9s infinite;
  }
  .text-slide h1 { color: var(--white_clr); letter-spacing: 0.95px;}
  .text-slide h2 { color: var(--white_clr); }
  
  .text-slide:nth-child(1) {
    animation-delay: 0s;
  }
  
  .text-slide:nth-child(2) {
    animation-delay: 3s;
  }
  
  .text-slide:nth-child(3) {
    animation-delay: 6s;
  }
  .text-slide:nth-child(4) {
    animation-delay: 9s;
  }
  
  
  @keyframes slideAnimation {
    0% {
        opacity: 0;
        transform: translateY(20px);
    }
    10% {
        opacity: 1;
        transform: translateY(0);
    }
    30% {
        opacity: 1;
        transform: translateY(0);
    }
    40% {
        opacity: 0;
        transform: translateY(-20px);
    }
    100% {
        opacity: 0;
        transform: translateY(-20px);
    }
  }
.main-search-box
 {
    background-color: #fff;
    margin-bottom: 15px;
    border-radius: 20px;
    -webkit-box-shadow: 0 4px 12px rgba(0, 0, 0, .1019607843);
    box-shadow: 0 4px 12px rgba(0, 0, 0, .1019607843);
    margin-top: -140px;
    position: relative;
}  
.bis-logic-multiselect {
  position: relative;
  user-select: none;
}

.bis-logic-multiselect .bis-partner-find {
  padding: 10px 38px 10px 12px;
  border: 1px solid #ced4da;
  border-radius: 10px;
  cursor: pointer;
  background-color: #ffffff;
  transition: all 0.3s ease;
  position: relative;
}

.bis-logic-multiselect .bis-partner-find:hover {
  border-color: #8e2157;
 
}

.bis-logic-multiselect .bis-partner-find::after {
  content: '';
  position: absolute;
  right: 12px;
  top: 50%;
  transform: translateY(-50%);
  width: 16px;
  height: 16px;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='%238e2157' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-chevron-down' viewBox='0 0 24 24'><polyline points='6 9 12 15 18 9'/></svg>");
  background-repeat: no-repeat;
  background-size: contain;
  pointer-events: none;
}

.bis-logic-multiselect .bis-multiselect-options {
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  z-index: 999;
  max-height: 250px;
  overflow-y: auto;
  border: 1px solid #ccc;
  background: #ffffff;
  border-radius: 9px;
  animation: fadeSlide 0.3s ease;
  display: none;
  margin-top:4px
}

/* ✅ Custom Scrollbar */
.bis-logic-multiselect .bis-multiselect-options::-webkit-scrollbar {
  width: 6px;
}

.bis-logic-multiselect .bis-multiselect-options::-webkit-scrollbar-thumb {
  background-color: #8e2157;
  border-radius: 10px;
}

.bis-logic-multiselect .bis-multiselect-options::-webkit-scrollbar-track {
  background-color: #f0f0f0;
}

.bis-logic-multiselect .bis-search-invo {
  width: 100%;
  padding: 6px 10px;
  margin-bottom: 5px;
  border: none;
  border-bottom: 1px solid #ced4da; /* Default border color */
  border-radius: 0px 0px 0 0;
  background-color: #f9f9f9;
  transition: border-color 0.3s ease; /* Smooth transition on hover/focus */
}

.bis-logic-multiselect .bis-search-invo:hover,
.bis-logic-multiselect .bis-search-invo:focus {
  border-bottom: 1px solid #8e2157; /* Color change on hover or focus */
  outline: none; /* Removes the default outline when focused */
}


.bis-logic-multiselect .custom-option {
  padding: 5px 10px;
  cursor: pointer;
}

.bis-logic-multiselect .custom-option label {
  display: flex;
  align-items: center;
  gap: 5px;
  font-weight: 500;
  cursor: pointer;
  margin-bottom: 0;
}

.bis-logic-multiselect .custom-option input {
  accent-color: #8e2157;
}

@keyframes fadeSlide {
  from { opacity: 0; transform: translateY(-8px); }
  to   { opacity: 1; transform: translateY(0); }
}
.bis-logic-multiselect[data-locked="true"] {
  pointer-events: none; /* Disable interactions */
  opacity: 0.6; /* Visual feedback - dim the disabled state */
  cursor: not-allowed; /* Change cursor to not-allowed */
}

.bis-logic-multiselect[data-locked="true"] .bis-search-invo {
  pointer-events: none; /* Disable search input */
}

.bis-logic-multiselect[data-locked="true"] .bis-option-list {
  pointer-events: none; /* Disable options list */
}
/* --- Plus/Minus Icon CSS --- */
    .accordion-dynamic-trigger {
        position: relative; 
    }
    
    .accordion-dynamic-trigger::after {
        content: "+";
        font-size: 24px;
        font-family: inherit;
        color: #333; 
        
        position: absolute;
        right: 15px;
        top: 50%;
        transform: translateY(-50%); 
        
        font-weight: 500;
        transition: content 0.3s ease; 
        pointer-events: none; 
    }

    /* Change to Minus Symbol when JS adds 'is-open' */
    .accordion-dynamic-trigger.is-open::after {
        content: "−";
    }
.fw-light {
    font-weight: 300 !important;
}
 .bg-desk {background-image: linear-gradient(to top, #fdcbf1 0%, #fdcbf1 1%, #e6dee9 100%);}
 .border-tertiary {
 border-color:#A7E4EA }
 
 .bg-tertiary-default
 {
background :#3a35af } 
 .bg-tertiary
 {
background :#82dfe8 }

.border-neutral-40 {
 border-color: #EAEBF1
}
.ginger {
    max-height: 300px; /* Adjust the max height as needed */
    overflow-y: auto;
}

/* Slim Scrollbar */
.ginger::-webkit-scrollbar {
    width: 4px; /* Slimmer width of the scrollbar */
}

/* Thumb (the draggable part of the scrollbar) */
.ginger::-webkit-scrollbar-thumb {
    background-color: #8e2157; /* Scrollbar thumb color */
    border-radius: 10px; /* Rounded corners */
}

/* Track (the background of the scrollbar) */
.ginger::-webkit-scrollbar-track {
    background-color: #f1f1f1; /* Light background color */
    border-radius: 10px; /* Rounded corners */
}


.ginger::-webkit-scrollbar-thumb:hover {
    background-color: #701945; 
}
 .slim-scrollbar::-webkit-scrollbar {
            height: 1px; 
        }

        .slim-scrollbar::-webkit-scrollbar-thumb {
            background-color: #9ca3af; 
            border-radius: 1px;
        }

          .slim-scrollbar::-webkit-scrollbar-track {
            background-color: #e5e7eb; 
        }
        
        .slim-scrollbar {
            scrollbar-width: thin; 
            scrollbar-color: #9ca3af #fff; 
        }
.home-showcase {
    background-color: #f2f3fa;
}
  #bis-main {transition:transform .3s ease}