.home-loan-content::before {
	background-image: url("../images/home-loan-banner.webp");
}
.home-loan-page .home-loan-content::before {
	background-image: url("../images/home-loan-banner.webp");
}
.mortgage-loan-page .home-loan-content::before {
	background-image: url("../images/Business.webp");
}
.business-Loan-page .home-loan-content::before {
	background-image: url("../images/Business-hero.webp");
}
.personal-loan-page .home-loan-content::before {
	background-image: url("../images/Personal-Loan.webp");
}
.cards .cards__inner::after {
	background-image: url("../images/cards.webp");
}
.working-capital-loan-page .home-loan-content::before {
	background-image: url("../images/Capital_loan_1920x500copy.webp");
}
.gold-loan-page .home-loan-content::before {
	background-image: url("../images/gold-loan/Gold_loan_desktop.webp");
}
.car-loan-page .home-loan-content::before {
	background-image: url("../images/car-loan/car_loan_desktop_new.webp");
}

.education-loan .home-loan-content::before {
	background-image: url("../images/education-loan/Education-Loan-banner-latest.webp");
}
@media (max-width: 480px) {
	.home-loan-content::before {
		background-image: url(../images/home-loan-mobile.webp);
		top: 0px;
	}
	.home-loan-page .home-loan-content::before {
		background-image: url(../images/home-loan-mobile.webp);
	}
	.business-Loan-page .home-loan-content::before {
		background-image: url("../images/Business-mobile.webp");
	//	top: -25px;
	}
	.personal-loan-page .home-loan-content::before {
		background-image: url("../images/Personal-mobile.webp");
	}
	.cards .cards__inner::after {
		background-image: url("../images/Credi-card-mobile.webp");
		background-position: top;
	}
	.mortgage-loan-page .home-loan-content::before {
		background-image: url("../images/Mortgage.webp");
	}
	.working-capital-loan-page .home-loan-content::before {
		
		background-image: url("../images/Capital_loan_800×1168pxcopy.webp");
	}
	.gold-loan-page .home-loan-content::before {
		background-image: url("../images/gold-loan/Gold_loan_mobile.webp");
	}
	.car-loan-page .home-loan-content::before {
	background-image: url("../images/car-loan/car_loan_mobile_new.webp");
	}
	.education-loan .home-loan-content::before {
	background-image: url("../images/education-loan/education_loan_moible.webp");
	}
}
@media (max-width: 380px) {
	.home-loan-content::before {
		top: 0;
	}
}
.compare__content-btn.btn::before {
	position: absolute;
	content: "";
	background-image: url(../images/home-loan/animatin-btn.svg);
	background-repeat: no-repeat;
	width: 200px;
	height: 113.391px;
	z-index: -1;
	animation: shine 2.5s linear infinite;
	mix-blend-mode: overlay;
	filter: blur(2.5px);
}

@media (max-width: 480px) {
}

.find__selection .searchandfilter .sf-field-taxonomy-card_type .sf-input-radio {
	display: none;
}
.find__selection .searchandfilter .sf-field-taxonomy-card_type .sf-label-radio {
	display: inline-block;
	padding-left: 35px; /* Adjust according to your image size */
	background-repeat: no-repeat;
	background-position: left center;
	background-size: 30px; /* Adjust according to your image size */
}

.find__selection .sf-field-taxonomy-card_type .sf-item-0 .sf-label-radio {
	background-image: url("../images/filter/all.svg");
}

.find__selection .sf-field-taxonomy-card_type .sf-item-34 .sf-label-radio {
	background-image: url("../images/filter/cash.svg");
}

.find__selection .sf-field-taxonomy-card_type .sf-item-36 .sf-label-radio {
	background-image: url("../images/filter/fuel.svg");
}

.find__selection .sf-field-taxonomy-card_type .sf-item-35 .sf-label-radio {
	background-image: url("../images/filter/rewards.svg");
}

.find__selection .sf-field-taxonomy-card_type .sf-item-33 .sf-label-radio {
	background-image: url("../images/filter/shopping-bag.svg");
}

.find__selection .sf-field-taxonomy-card_type .sf-item-37 .sf-label-radio {
	background-image: url("../images/filter/travel.svg");
}
.find__selection .sf-field-taxonomy-card_type .sf-item-39 .sf-label-radio {
	background-image: url("../images/filter/dining.svg");
}
.find__selection .sf-field-taxonomy-card_type .sf-item-42 .sf-label-radio {
	background-image: url("../images/filter/health.svg");
}

.axix__box-ul li::before {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='13' viewBox='0 0 16 13' fill='none'%3E%3Cg clip-path='url(%23clip0_255_12641)'%3E%3Cpath d='M1.32031 7.81536L4.89859 11.3936L14.4407 1.85156' stroke='%233096FC' stroke-width='2.38552' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_255_12641'%3E%3Crect width='15.5059' height='11.9276' fill='white' transform='translate(0.125 0.660156)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}
.axix::before {
	background-image: url("../images/axix-bg.svg");
}

/* Style for the loading screen */
#loading-screen {
	position: fixed;
	z-index: 9999;
	width: 100%;
	height: 100%;
	background-color: #ffffff;
	display: flex;
	justify-content: center;
	align-items: center;
	top: 0;
	left: 0;
}

/* Initially, show the loading screen */
body.loading #loading-screen {
	display: flex;
}

/* Hide the loading screen after the page is loaded */
body.loaded #loading-screen {
	display: none;
}

.credit-check #loading-screen {
	background-color: transparent;
   }
   .credit-check #loading-screen::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.6);
    z-index: -1;
}

/* elite */

.elite-main-form{
	display:flex;
	gap:20px;
}

   .elite-container {
  background: linear-gradient(to bottom right, #ffe1a3, #ffb347);
  padding: 30px;
  border-radius: 10px;
  width: 100%;
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.3);
}

.elite-heading {
  text-align: center;
  color: #222;
  font-size: 18px;
  margin-bottom: 20px;
}

.elite-section-title {
	font-size:18px;
  font-weight: bold;
  margin: 20px 0 10px;
}

.elite-car-types,
.elite-categories {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 20px;
}

.elite-priorities {
  margin: 0;
}

.elite-car-type,
.elite-priority-btn,
.elite-category-btn {
  padding: 10px;
  border: 1px solid #999;
  border-radius: 8px;
  background-color: #fff;
  text-align: center;
  cursor: pointer;
  transition: transform 0.2s ease;
  box-shadow: 2px 2px 4px rgba(0,0,0,0.1);
	font-size:12px;
}

.elite-car-type img {
  width: 100px;
  height: auto;
}

.elite-car-type span {
  display: block;
  margin-top: 5px;
  font-weight: bold;
}

.elite-priority-btn:hover,
.elite-car-type:hover,
.elite-category-btn:hover {
  transform: scale(1.05);
  background-color: #f0f0f0;
}

.elite-selected {
  border: 2px solid #1f64ac !important;
  background-color: #eaf4ff;
}

.elite-match-msg {
  text-align: center;
  font-weight: bold;
  margin: 20px 0 10px;
  font-size: 18px;
}

.elite-cta-button {
  display: block;
  width: 80%;
  margin: 0 auto;
  padding: 12px;
  background-color: #000;
  color: #fff;
  font-weight: bold;
  border: none;
  border-radius: 10px;
  font-size: 16px;
  cursor: pointer;
  box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.4);
}

.elite-cta-button:hover {
  background-color: #222;
}

/* Popup styles */
.elite-popup {
  display: none;
  position: fixed;
  top: 0; left: 0;
  width: 100%; height: 100%;
  background-color: rgba(0,0,0,0.5);
  justify-content: center;
  align-items: center;
  z-index: 999;
}

.elite-popup-content {
  background-color: #fff;
  padding: 30px;
  border-radius: 10px;
  width: 60%;
  max-width: 800px;
  text-align: left;
  box-shadow: 0 5px 20px rgba(0,0,0,0.3);
  position: relative;
}

.elite-close-btn {
  position: absolute;
  top: 10px; right: 15px;
  font-size: 24px;
  font-weight: bold;
  cursor: pointer;
  color: #999;
}

.elite-summary {
  margin-bottom: 20px;
  line-height: 1.6;
  color: #333;
	font-size:18px;
}

/* Responsive tweaks */
@media (max-width: 768px) {
  .elite-popup-content {
    width: 90%;
  }
  .elite-priority-btn {
    margin-bottom: 10px;
  }
	.elite-main-form{
	display:flex;
		flex-direction:column;
	gap:20px;
}
	.elite-car-types, .elite-categories {
    display: flex;
    justify-content: center;
    flex-wrap: nowrap;
    gap: 10px;
}
	.elite-car-type img {
    width: 60px;
    height: auto;
}
	.elite-priorities {
    display: flex;
    justify-content: center;
    gap: 5px !important;
}
	
	.elite-priority-btn{
		font-size:10px;
		padding:10px;
		display:flex;
		justify-content:center;
		align-items:center;
	}
	.elite-category-btn{
		display:flex;
		justify-content:center;
		align-items:center;
		font-size:10px;
	}
	.elite-categories{
		display:flex;
		justify-content:center;
		align-items:center;
		flex-direction:column;
		gap:10px;
	}
	.elite-heading{
		font-size:18px !important;
	}
}

.elite-priorities{
	display:flex;
	justify-content:center;
	gap:20px;
}