:root {
	/* ===== COLORS ===== */
	--color-primary-dark: #00219D;
	--color-primary-medium: #000082;

	--color-accent-red: #ED1F48;
	--color-accent-orange: #FF6B35;
	--color-accent-pink: #ED1F48;

	--color-text-white: #FFFFFF;
	--color-text-black: #000000;
	--color-text-dark-blue: #004C8F;
	--color-text-muted: #7B7B7B;

	--color-bg-main: #F6F7F8;
	--color-bg-light-blue: #E3E8FF;
	--color-bg-white: #FFFFFF;
	--color-bg-card: #FFFFFF;
	--color-bg-transparent: #FFFFFF00;

	--color-border-light-blue: #B8C5FF;
	--border-color: #DDDDDD;

	/* ===== BRAND ===== */
	--brand-primary: #002EDC;
	--brand-accent: #ED1F48;

	/* ===== LAYOUT / SPACING ===== */
	--layout-max-width: 1166px;
	--layout-content-width: 1166px;
	--layout-gutter: 18px;

	/* ===== EFFECTS ===== */
	--radius-default: 12px;
	--shadow-default: 0 8px 26px rgba(25, 25, 25, 0.07);

	/* ===== OTHER ===== */
	--transition-fast: 0.2s ease;
	--transition-medium: 0.4s ease;
	--transition-slow: 0.6s ease;
	--font-family: 'Cairo';

	--dark-mode-bg : #161616;
	--dark-mode-header-bg: #303030;
}


* {
	box-sizing: border-box;
}

body {
	font-family: var(--font-family);
	margin: 0;
	padding: 0;
}

input[type=text]:focus,
input[type=email]:focus,
input[type=url]:focus,
input[type=password]:focus,
input[type=search]:focus,
input[type=number]:focus,
input[type=tel]:focus,
input[type=date]:focus,
input[type=month]:focus,
input[type=week]:focus,
input[type=time]:focus,
input[type=datetime]:focus,
input[type=datetime-local]:focus,
input[type=color]:focus,
.site textarea:focus,
button:focus,
button:focus-visible,
button:hover,
a:focus,
a:focus-visible,
a:hover {
	outline-offset: 0px !important;
	/* 	background-color:transparent !important; */
	outline: 0px dotted #fff !important;
	text-decoration: none !important;
}
h1,h2,h3,h4,h5,h6,p,span,ul li,ol li{
	font-family: var(--font-family) !important;
}
.site {
	overflow-x: hidden;
}

.text-decoration-none {
	text-decoration: none !important
}

.site-main {
	padding: 0px !important
}


.header-utility-bar,
.site-footer {
	background-color: var(--color-primary-dark);
	padding: 8px
}

.container {
	max-width: var(--layout-content-width);
}

.header-utility-container,
.header-main-container,
footer .site-info,
.hero-main-container,
.content-sec {
	max-width: var(--layout-content-width);
	width: 100%;
	margin: 0 auto;
	padding: 15px;
}

/*Dark Mode Active*/
body.dark-mode{
	.header-main-content,.main-footer{
		background-color : var(--dark-mode-header-bg) !important;
	}
	.header-utility-bar,.videos-blogs-hero,.tabs-section,.hero-section,.credit-explained-section,.tab-sec,.credit-score,.credit-benefits,.myth-fact,.credit-score-section,.homefaq-sec,.single-page.postpage{
		background-color:var(--dark-mode-bg) !important;
	}
	h2,.tab-btn,.result-count,.post_label,.nopost,.loading,.load{
		color:#fff !important;
	}
	.myth-fact{
		border-top:4px solid var(--dark-mode-header-bg)
	}
	.tabs-section {
		.tab1, .tab2{
			color: #fff !important;
		}
	}
	.tab-sec {
		.tab.active {
			background-color: var(--brand-primary) !important;
		}
		.tab{
			background-color : var(--dark-mode-header-bg) !important;
			color:#fff !important;
		}
		.card{
			background: transparent;
			border-color: var(--dark-mode-header-bg) !important;
			span,p,h3,a{
				color:#fff !important;
			}
		}
	}
	.credit-score {
		.card{
			background: transparent;
			border-color: var(--dark-mode-header-bg) !important;
			span,p,h3,a{
				color:#fff !important;
			}
		}
	}
	.homefaq-sec {
		.faq,.faq-header,.faq-content,.faq-icon{
			background-color:  var(--dark-mode-header-bg) !important;
			color:#fff !important;
		}
	}
	.card-footer{
		img{
			filter: brightness(0) invert(1);
		}
	}
	.postpage {
		.breadcrumbs,.breadcrumbs a{
			color: #fff;
		}
		h2,.tab-btn,.result-count{
			color:#292929 !important;
		}
		.single-blogs{
			h2{
				color:#fff !important;
			}
		}
		.arrow-page i {
			background: #fff;
		}
	}
}
/*Dark Mode Active*/

/*Language selector dropdown*/
.gtranslate_wrapper {
	.gt_selector {
		background-color: var(--color-accent-red);
		border-radius: 50px;
		color: var(--color-text-white);
		font-size: 14px;
		border: none;
		padding: 6px 35px 6px 12px;
		cursor: pointer;
		appearance: none;
		-webkit-appearance: none;
		-moz-appearance: none;
		background-image: url("/wp-content/uploads/2025/11/right_line.svg");
		background-repeat: no-repeat;
		background-position: right 12px center;
		background-size: 14px auto;
		width: 100px;
	}

	.gtranslate_wrapper .gt_selector:hover {
		background-color: var(--color-accent-red);
	}

	.gtranslate_wrapper .gt_selector:focus {
		outline: none;
		box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.4);
	}

	.gtranslate_wrapper .gt_selector::-ms-expand {
		display: none;
	}
}

/*Language selector dropdown*/
/*Top Header*/
header {
	.header-utility-container {
		padding: 0px 24px;
	}

	.header-main-container a:focus {
		background-color: transparent !important
	}

	.header-utility-row {
		display: flex;
		justify-content: flex-end;
		align-items: center;
		gap: 20px;
	}

	.dark-mode-toggle {
		display: inline-flex;
		align-items: center;
	}

	button.dark-mode-switch {
		position: relative;
		width: 65px;
		height: 32px;
		border: 2px solid #fff;
		border-radius: 50px;
		background-color: var(--color-bg-transparent) !important;
		cursor: pointer;
		overflow: hidden;
		transition: all 0.3s ease;
	}

	.dark-mode-icon {
		position: absolute;
		top: 50%;
		left: 2px;
		transform: translateY(-50%);
		background-color: var(--color-bg-white);
		border-radius: 50%;
		width: 24px;
		height: 24px;
		display: flex;
		align-items: center;
		justify-content: center;
		color: #1e00a8;
		transition: all 0.3s ease;
	}

	.dark-mode-switch.active .dark-mode-icon {
		left: 35px;
		background-color: #fff;
	}

	/*Dark Switch more*/
	.main_logo {
		width: 100%;
		max-width: 186px;
	}

	.font-size-controls button.font-btn,
	.font-size-controls button.font-btn:hover {
		background-color: var(--color-bg-transparent) !important;
		border: 1px solid #FFFFFF1A;
		border-radius: 25px;
		padding: 0px;
		width: 25px;
		height: 25px;
		display: inline;
		font-size: 14px;
		color: var(--color-text-white)
	}

	.font-size-controls {
		display: flex;
		gap: 11px;
	}

	.font-size-controls button.font-btn.font-btn-active {
		color: #004C8F !important;
		background-color: var(--color-bg-white) !important;
		border-radius: 50px;
	}

	.font-size-controls .font-btn.font-btn-large {
		border-radius: 50px;
	}

	.header-cta {
		text-align: center
	}

	.header-main-content {
		background-color: var(--brand-primary);
	}

	.header-main-container {
		display: flex;
		flex-direction: row;
		padding: 16px 20px;
		justify-content: space-between;
	}

	.site-title {
		color: var(--color-text-white);
		font-size: 30px;
		font-weight: bolder;
		font-family: var(--font-family);
		padding-right: 10px;
		border-right: 2px solid #ffffff4f;
		margin: 0px;
		position: relative;
		text-transform: capitalize;
	}

	.header-logo-section {
		display: flex;
		gap: 10px;
		align-items: center;
		height: 100%;
	}

	.branding-text {
		font-family: var(--font-family);
		font-size: 16px;
		color: var(--color-text-white);
		line-height: 1
	}

	.header-right-section {
		display: flex;
		flex-direction: row;
		align-items: center;
		gap: 18px;
	}

	.header-navigation .menu-wrapper {
		display: flex;
		gap: 20px;
		list-style: none;
		padding: 0
	}

	.header-navigation .menu-wrapper li a {
		font-size: 16px;
		color: var(--color-text-white);
		text-decoration: none;
	}

	.header-navigation .menu-wrapper li.current-menu-item a {
		font-weight: bold;
		text-decoration: underline;
	}

	.sun-icon {
		opacity: 1;
		transition: opacity 0.3s ease;
	}

	.moon-icon {
		opacity: 0;
		transition: opacity 0.3s ease;
	}

	.dark-mode-switch.active .sun-icon {
		opacity: 0;
	}

	.dark-mode-switch.active .moon-icon {
		opacity: 1;
	}

	.fixed-bottom {
		display: none !important
	}

	/*Mobile view*/
	.mobile-menu button.menu-toggle {
		background-color: transparent !important;
		border: none;
		padding: 0
	}

	.mobile-menu {
		position: relative
	}

	.header-mobile-view {
		display: none
	}
}

/*Top Header*/
/*Header Part End*/
.crif-logo{
	max-width:130px;
}
/*Footer*/
footer {
	padding: 20px;
	background-color: var(--color-primary-medium);
	color: var(--color-text-white);
	.powered-by {
		display: flex;
		gap: 10px;
		color: var(--color-text-white);
	}

	.powered-by a {
		color: var(--color-text-white);
		text-decoration: none;
		padding-right: 10px;
		border-right: 2px solid #fff;
		font-size: 14px
	}

	.powered-by a:last-child {
		border: none
	}

	.site-info label {
		font-size: 14px
	}

	.site-info {
		display: flex;
		justify-content: space-between;
		align-items: center;
		padding: 0px
	}

	.connect-social-list {
		display: inline-flex;
		gap: 10px;
		list-style: none;
		padding-left: 14px;
		align-items: center;
	}
	.check_score{
		display: flex;
		font-size: 12px;
		background: #002EDC;
		padding: 15px;
		border-top-right-radius: 25px;
		border-top-left-radius: 25px;
		margin-top: 10px;
		font-weight: bold;
		gap: 10px;
		align-items: center;
		position: fixed;
		bottom: 0;
		left: 0;
		right: 0;
		z-index: 9999;
		width: 390px;
		margin: 0 auto;
		.right-column,.left-column{
			line-height:14px
		}
		.right-column{
			width: 54%;
			background: #fff;
			font-size: 12px;
			padding: 7px 14px;
			color: #002EDC;
			text-align: center;
			border-radius: 50px;
		}
		.center-column{
			border-right: 1px solid #ffffff5c;
			padding-right: 8px;
			.disclaimer-iframe{
				width: 68px;
			}
		}
	}	
}

/*Footer*/
/*Home Page Hearo Section*/
.hero-main-container {
	text-align: center;
	padding: 0px;
	padding-bottom: 20px;
}

.hero-section {
	margin: 0;
	padding: 50px;
	background-color: var(--color-primary-dark);

	.atf_banner_logo {
		width: 100%;
		max-width: 450px;
		margin:0 auto;
	}

	.about-title {
		font-size: 7.5rem;
		font-weight: 900;
		text-transform: uppercase;
		letter-spacing: -0.02em;
		position: absolute;
		top: 45px;
		left: 50%;
		transform: translateX(-50%);
		pointer-events: none;
		white-space: nowrap;
		font-family: var(--font-family);
		background-color: linear-gradient(to bottom,
			rgb(8 42 123 / 35%) 30%,
			rgb(255 255 255 / 0%) 76%);
		-webkit-background-clip: text;
		background-clip: text;
		color: transparent;
	}

	.hero_gif {
		position: absolute;
		top: 18px;
		left: 36.7%;
		bottom: 0;
		right: 0;
		width: 40px;
	}

	.carousel-container {
		width: 100%;
		max-width: var(--layout-max-width);
		height: 360px;
		position: relative;
		perspective: 1000px;
		margin: 0 auto;
	}

	.carousel-track {
		width: 100%;
		height: 100%;
		display: flex;
		justify-content: center;
		align-items: center;
		position: relative;
		transform-style: preserve-3d;
		transition: transform 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94);
	}

	.card {
		position: absolute;
		width: 568px;
		height: 310px;
		background-color: var(--border-color);
		border-radius: 20px;
		overflow: hidden;
		box-shadow: 0 20px 40px rgba(0, 0, 0, 0.15);
		transition: all 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94);
		cursor: pointer;
	}

	.card img {
		width: 100%;
		height: 100%;
		object-fit: cover;
		transition: all 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94);
	}

	.card.center {
		z-index: 10;
		/* 		transform: scale(1.1) translateZ(0); */
	}

	.card.center img {
		filter: brightness(0.7);
	}

	.card.left-2 {
		z-index: 1;
		transform: translateX(-400px) scale(0.8) translateZ(-300px);
		opacity: 1;
	}

	.card.left-2 img {
		filter: brightness(0.7);
	}

	.card.left-1 {
		z-index: 5;
		transform: translateX(-200px) scale(0.9) translateZ(-100px);
		opacity: 1;
	}

	.card.left-1 img {
		filter: brightness(0.7);
	}

	.card.right-1 {
		z-index: 5;
		transform: translateX(200px) scale(0.9) translateZ(-100px);
		opacity: 1;
	}

	.card.right-1 img {
		filter: brightness(0.7);
	}

	.card.right-2 {
		z-index: 1;
		transform: translateX(400px) scale(0.8) translateZ(-300px);
		opacity: 1;
	}

	.card.right-2 img {
		filter: brightness(0.7);
	}

	.card.hidden {
		opacity: 0;
		pointer-events: none;
	}

	.nav-arrow {
		position: absolute;
		top: 50%;
		transform: translateY(-50%);
		background-color: var(--color-bg-transparent) !important;
		cursor: pointer;
		z-index: 20;
		transition: all 0.3s ease;
		padding: 0 !important;
		border: 0 !important;
	}

	.nav-arrow.left {
		left: 0%;
		/* 			padding-right: 3px; */
	}

	.nav-arrow.right {
		right: 0%;
		/* 			padding-left: 3px; */
	}

	.card.center .card-content {
		display: flex
	}

	.card-content {
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		display: none;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		height: 100%;
		width: 100%;
		z-index: 9999;
	}

	.card-content img.card-button {
		width: 65px;
		height: 65px;
		filter: drop-shadow(2px 4px 6px var(--color-text-black));
	}

	.card-content .card-text {
		color: var(--color-text-white);
		position: absolute;
		bottom: 20px;
		left: 20px;
		width: 50%;
		filter: drop-shadow(2px 4px 6px var(--color-text-black));
		line-height: 28px;
	}

	.hero-heading {
		position: relative;
		text-align: center;
		font-family: var(--font-family);
		font-size: 72px;
		font-weight: bold;
		display: block;
		text-decoration: none;
		background-color: linear-gradient(180deg, var(--color-bg-white), var(--color-bg-white), #5276FF);
		-webkit-background-clip: text;
		-webkit-text-fill-color: transparent;
		border-radius: 6px;
		transition: all 0.3s ease;
	}

	.hero-sub-heading {
		text-align: center;
		font-family: var(--font-family);
		font-size: 29px;
		font-weight: bold;
		color: var(--color-text-white);
		line-height: 48px;
	}

	.hero-text {
		text-align: center;
		font-family: var(--font-family);
		font-size: 16px;
		color: var(--color-text-white);
		line-height: 28px;
	}

	.poweredby {
		text-align: center;
		color: var(--color-text-white);
		font-size: 11px;
		line-height: 28px;
		margin-top: 20px;
		p{
			font-size:13px
		}
	}
}

/* Video Blog Search Bar */
.videos-blogs-hero {
	background-color: var(--color-primary-dark);
	color: var(--color-text-white);
	text-align: center;
	font-family: var(--font-family);
	position: relative;
	margin: 0px;

	.content-sec {
		padding: 30px 20px 60px;
	}

	.breadcrumb {
		text-align: left;
		color: #fff;
		font-size: 14px;
		font-family: var(--font-family);
	}

	.breadcrumb a {
		color: #ffffff;
		text-decoration: none;
	}

	h1 {
		font-size: 62px;
		font-weight: 700;
		margin: 0px 0 0px 0px;
		font-family: var(--font-family);
	}

	.subtitle {
		font-size: 24px;
		margin-bottom: 30px;
		font-weight: 700;
		color: #ffffff;
		font-family: var(--font-family);
	}

	.partner {
		margin: 20px 0;
	}

	.partner p {
		font-size: 14px;
		color: var(--color-text-white);
		font-family: var(--font-family);
	}

	.search-bar {
		background-color: var(--color-bg-white);
		border-radius: 50px;
		display: flex;
		align-items: center;
		justify-content: center;
		max-width: 910px;
		margin: 50px auto 0;
		margin-bottom: -90px;
		padding: 11px 20px;
		box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
		justify-content: flex-start;
		gap: 30px;
		;
	}

	.toggle-buttons {
		display: flex;
		border-radius: 50px;
		overflow: hidden;
		border: 1px solid var(--border-color);
		width: 45%
	}

	.toggle-buttons button {
		border: none;
		background-color: var(--color-bg-white) !important;
		color: #000 !important;
		font-weight: 500;
		cursor: pointer;
		transition: 0.3s;
		font-family: var(--font-family);
		padding: 10px 20px;
		font-size: 18px;
		line-height: 32px;
		font-weight:normal;
	}

	.toggle-buttons button.active {
		background-color: var(--color-bg-white) !important;
		color: var(--brand-primary) !important;
		padding: 10px 20px;
		font-size: 18px;
		line-height: 32px;		
	}

	.search-bar input {
		border: none;
		outline: none;
		flex: 1;
		font-size: 16px;
		padding: 11px 20px;
		border-radius: 50px;
		color: #001B33;
		font-family: var(--font-family);
		width: 100%;
		border: 1px solid var(--border-color);
		border-radius: 50px;
		padding-left: 43px;

	}

	.search-bar input::placeholder {
		color: #999;
	}

	.search-wrapper {
		position: relative;
		width: 100%;
		font-family: var(--font-family);

		.trending-wrapper {
			position: absolute;
			background-color: var(--color-bg-white);
			padding: 20px;
			border-radius: 15px;
			box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
			display: none;
			flex-direction: column;
			gap: 20px;
			width: 100%;
			z-index: 9999;
			.no-results{
				color:#000;
				font-size:18px;
			}
		}

		.trending-title {
			color: var(--color-text-black);
			font-size: 16px;
			text-align: left;
			font-weight: normal;
			font-family: var(--font-family);
		}

		.category-chips {
			text-align: left;
			width: 100%;

			a.chip {
				background-color: var(--color-bg-white) !important;
				color: #000 !important;
				padding: 8px 14px !important;
				border-radius: 50px !important;
				font-size: 16px !important;
				border: 1px solid #CACACA !important;
				font-weight: normal;
				font-family: var(--font-family);
				text-decoration: none;
				margin-bottom:8px;
				display:inline-block
			}
		}

		.suggested-list {
			display: flex;
			flex-direction: column;
			text-align: left;
			font-size: 16px;
			font-family: var(--font-family);
			gap: 20px;

			a {
				text-decoration: none
			}

			img {
				width: 16px
			}
		}

	}

	.search-wrapper:before {
		content: " ";
		position: absolute;
		left: 14px;
		top: 12px;
		width: 26px;
		height: 27px;
		background-image: url('/wp-content/uploads/2025/11/icon-send.svg');
		background-size: cover;
		background-position: center
	}

	/* --- Switch Wrapper --- */
	.switch-wrapper {
		display: flex;
		align-items: center;
	}

	/* --- Labels --- */
	.switch-labels {
		display: flex;
		align-items: center;
		gap: 8px;
		font-weight: 500;
		font-size: 15px;
		color: #0033a0;
	}

	.switch-labels .label.active {
		font-weight: 600;
		color: #0033a0;
	}

	/* --- Toggle Switch --- */
	.switch {
		position: relative;
		display: inline-block;
		width: 34px;
		height: 18px;
		margin-bottom: 0px;
	}

	.switch input {
		opacity: 0;
		width: 0;
		height: 0;
	}

	/* Slider Track */
	.slider {
		position: absolute;
		cursor: pointer;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		background-color: var(--color-bg-transparent);
		border: 2px solid #0033a0;
		border-radius: 34px;
		transition: 0.3s;
	}

	/* Slider Circle */
	.slider:before {
		position: absolute;
		content: "";
		height: 10px;
		width: 10px;
		left: 3px;
		bottom: 2px;
		background-color: #0033a0;
		border-radius: 50%;
		transition: 0.3s;
	}

	/* When toggled ON */
	.switch input:checked+.slider:before {
		transform: translateX(14px);
	}

	/* Optional hover effect */
	.switch:hover .slider {
		border-color: #002b87;
	}
}


.post_label {
	display: inline-block;
	margin-bottom: 20px;
	border-bottom: 1px solid red;
}

/* 	video sec */
.credit-explained-section.nopost{
	padding: 0px;
	text-align: left;
}
.credit-explained-section {
	padding: 50px 20px;
	text-align: center;
	background-color: var(--color-bg-main);
	margin: 0px;	
	.hover-cards {
		width: 100%;
		max-width: var(--layout-max-width);
		margin: 0 auto;
	}

	/* Heading */
	.credit-heading h2 {
		font-size: 40px;
		font-weight: 300;
		margin-bottom: 25px;
		color: var(--color-text-black);
		font-family: var(--font-family);
	}

	.credit-heading h2 span {
		color: var(--color-accent-red);
		font-weight: 700;
	}

	/* Scrollable Wrapper */
	.credit-scroll-wrapper {
		display: grid;
		grid-template-columns: repeat(4, 1fr);
		gap: 20px;
		justify-content: flex-start;
	}


	/* Card */
	.credit-card {
		flex: 0 0 auto;
		width: 100%;
		position: relative;
		border-radius: 15px;
		overflow: hidden;
		background-color: var(--color-bg-white);
		box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);

		height: fit-content;
	}


	.credit-card .bgimg {
		width: 100%;
		height: 374px;
		object-fit: cover;
	}

	/* Overlay */
	.text-card-overlay {
		position: absolute;
		bottom: 15px;
		left: 18px;
		width: 87%;
		border-radius: 10px;
		overflow: hidden;
		padding: 12px;
		background-color: #00000066;
		backdrop-filter: blur(20px);
		color: var(--color-text-white);
		text-align: left;
		transition: transform 0.3s ease;
		min-height: 101px;
	}

	.credit-card:hover .text-card-overlay {
		transform: translateY(121px);
	}

	.credit-date {
		font-size: 12px;
		opacity: 0.85;
		margin-bottom: 5px;
		font-family: var(--font-family);
	}

	.credit-title {
		font-size: 14px;
		font-weight: 400;
		line-height: 20.14px;
		margin-bottom: 10px;
		font-family: var(--font-family);
		color: var(--color-text-white);
	}

	/* Play Button */
	.credit-play-btn {
		position: absolute;
		top: 36%;
		left: 40%;
		color: white;
	}

	.credit-view-btn {
		background-color: var(--brand-primary);
		color: var(--color-text-white);
		border: none;
		padding: 10px 20px;
		border-radius: 26px;
		/* box-shadow: 0 6px 18px rgba(10, 88, 255, 0.18); */
		cursor: pointer;
		font-weight: 600;
		font-size: 16px;
		font-weight: normal;
		margin-top: 33px;
		text-decoration: none;
	}

	.credit-view-btn:hover {
		background-color: #003acc;
	}

	.share-icon {
		position: absolute;
		right: 16px;
		top: 16px;
		z-index:9999;

	}

	.credit-btn-wrapper {
		display: flex;
		justify-content: center;
	}

	.bgimg {
		display: block;
		width: 100%;
		height: auto;
	}

	.credit-card-overlay {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background-color: rgb(0 0 0 / 14%);
		opacity: 1;
		transition: all 0.3s ease;
		pointer-events: none;
		border-radius: inherit;
	}

	.share-tooltip {
		position: absolute;
		z-index: 1;
		background-color: var(--color-bg-white);
		padding: 10px;
		border-radius: 15px;
		right: 5px;
		top: 45px;
		display: none
	}

	.share-tooltip img {
		width: 20px;
		height: 20px;
		display: block;
	}

	.share-wrapper:hover .share-tooltip {
		display: block
	}
}


.tabs-section {
	background-color: var(--color-bg-main);
	margin: 0px;
	padding: 73px 20px 50px;
	min-height: 767px;
	.tabs-container {
		width: 100%;
		max-width: var(--layout-max-width);
		margin: 0 auto;
	}

	.credit-score {
		background-color: transparent;
	}

	.result-count {
		font-size: 18px;
		color: #304659;
	}

	.result-count b {
		color: var(--brand-primary);
	}

	.tab_action {
		display: flex;
		justify-content: space-between;
		margin-bottom: 35px;
		align-items: center;
	}

	.tabs {
		display: flex;
	}

	.tabs button {
		background-color: transparent !important;
		border-left: none;
		border-right: none;
		border-top: none;
	}

	.tab-btn {
		/*   flex: 1;
		padding: 12px 20px;
		border: none; */
		color: #121212 !important;
		font-size: 16px;
		font-weight: 500;
		cursor: pointer;
		transition: all 0.3s ease;
		border-bottom: 2px solid #E8E8E8;
		padding: 5px 9px 9px 9px;
	}

	.tab-btn.active {
		background-color: #0056ff;
		border-left: none;
		border-right: none;
		color: #ED1F48 !important;
		border-bottom-color: #ED1F48;
	}

	.tab-content {
		display: none;
		border-top: none;
	}

	.tab-content.active {
		display: block;
	}

	.toggle-tabs {
		display: flex;
		justify-content: center;
		gap: 8px;
		padding: 5px;
		border: 1px solid var(--border-color);
		max-width: 270px;
		margin: 0 auto;
		border-radius: 50px;
	}

	/* Common style for both tabs */
	.tab1,
	.tab2 {
		border: none;
		background-color: var(--color-bg-transparent);
		color: #121212 !important;
		font-size: 16px;
		font-weight: normal;
		padding: 5px 10px;
		border-radius: 50px;
		cursor: pointer;
		transition: all 0.3s ease;
		background-color: transparent !important;
	}

	/* Active state */
	.tab1.active,
	.tab2.active {
		background-color: var(--brand-primary) !important;
		color: var(--color-text-white) !important;
	}

	/* Hover (non-active) */
	.tab1:hover:not(.active),
	.tab2:hover:not(.active) {
		background-color: #e9efff;
		color: #0033ff;
	}

}

.cards .card {
	a {
		text-decoration: none
	}

	a:focus {
		background-color: transparent !important
	}
}

/*credit-score blog*/
.credit-score {
	margin: 0px;
	background-color: #F6F6F6;
	padding: 50px 20px;

	.credi-score {
		background-color: #F6F6F6;
	}

	.wrap {
		max-width: var(--layout-max-width);
		margin: 0px auto;

	}

	.headline {
		text-align: center;
		margin-bottom: 24px;
	}

	.headline h2 {
		font-weight: 300;
		margin-bottom: 35px;
		font-size: 40px;
		letter-spacing: -0.3px;
		font-family: var(--font-family);
	}

	.headline h2 .accent {
		color: var(--brand-accent);
		font-weight: 700;
	}

	/* cards grid */
	.cards {
		display: grid;
		grid-template-columns: repeat(4, 1fr);
		gap: var(--layout-gutter);
		align-items: start;
		margin-bottom: 18px;
		scrollbar-width: none;
		-ms-overflow-style: none;
	}

	.card {

		border-radius: var(--radius-default);
		overflow: hidden;
		display: flex;
		flex-direction: column;
		min-height: 360px;
		border: 1px solid var(--border-color);
		height: 400px;

		a {
			text-decoration: none
		}
	}

	.card .thumb {
		position: relative;
		aspect-ratio: 16 / 10;
		overflow: hidden;
		background-color: #eee;
		margin: 15px 15px 0px 15px;
		border-radius: 10px;
	}

	.card .thumb img {
		width: 100%;
		height: 100%;
		object-fit: cover;
		display: block;
	}

	.card .content {
		padding: 14px;
		display: flex;
		flex-direction: column;
		gap: 10px;
		font-family: var(--font-family);
		flex: 1;
	}

	.meta {
		display: flex;
		gap: 10px;
		align-items: center;
		font-size: 12px;
		color: #757575;
	}

	.meta i {
		display: inline-block;
		width: 18px;
		height: 18px;
		border-radius: 50%;
		background-color: rgba(0, 0, 0, 0.06);
		text-align: center;
		line-height: 18px;
		font-style: normal;
		font-size: 11px;
		color: #444;
	}

	.card h3 {
		margin: 0;
		font-size: 16px;
		font-family: var(--font-family);
		line-height: 1.25;
		font-weight: 700;
		color: #242424;
	}

	.excerpt {
		color: #747474;
		font-size: 14px;
		line-height: 1.4;
		flex: 1;
	}

	.card-footer {
		display: flex;
		justify-content: space-between;
		align-items: center;
		gap: 8px;
	}

	.read-more {
		font-size: 12px;
		color: var(--brand-primary);
		font-family: var(--font-family);
		text-decoration: none;
		padding: 6px 0;
	}

	.share {
		width: 28px;
		height: 28px;
		border-radius: 6px;
		display: inline-grid;
		place-items: center;
		background-color: #f5f6f8;
		border: 1px solid rgba(0, 0, 0, 0.03);
		cursor: pointer;
	}

	.cta-wrap {
		display: flex;
		justify-content: center;

	}

	.cta {
		background-color: var(--brand-primary) !important;
		color: var(--color-text-white);
		border: none;
		padding: 10px 20px;
		border-radius: 26px;
		cursor: pointer;
		font-weight: 600;
		font-size: 16px;
		font-weight: normal;
		margin-top: 30px;
		text-decoration: none
	}
}

/*End Credit scrore blog*/
/*All Blog Section*/
.tab-sec {
	margin: 0px;
	padding: 50px 20px;

	.wrap {
		max-width: var(--layout-max-width);
		margin: 0px auto;
		display: flex;
		flex-direction: column;
		align-items: center;
	}

	/* Header */
	.headline {
		text-align: center;

	}

	.headline h2 {
		margin: 0;
		font-weight: 300;
		font-size: 40px;
		font-family: var(--font-family);
	}

	.headline .accent {
		color: var(--color-accent-red);
		font-weight: 700;
	}

	/* Tabs */
	.tabs {
		display: flex;
		justify-content: space-between;
		gap: 0px;
		margin: 20px 0 35px 0;
		padding: 8px;
		border: 1px solid var(--border-color);
		border-radius: 10px;
		width: 100%;
		max-width:34%;
	}

	.tab {
		background-color: var(--color-bg-white) !important;
		border-radius: 10px;
		padding: 8px 12px;
		cursor: pointer;
		font-size: 12px;
		color: #121212 !important;
		font-family: var(--font-family);
		border: 0;
		margin: 0;
	}

	.tab:focus,
	.tab:hover {
		border: 0px
	}

	.tab.active {
		background-color: var(--brand-primary) !important;
		color: var(--color-text-white) !important;
		box-shadow: 0 8px 20px rgba(10, 88, 255, 0.18);
	}

	/* cards grid */
	.cards {
		display: grid;
		grid-template-columns: repeat(4, 1fr);
		gap: var(--layout-gutter);
		align-items: start;
	}

	.card {
		background-color: var(--color-bg-card);
		border-radius: var(--radius-default);
		box-shadow: var(--shadow-default);
		border: 1px solid var(--border-color);
		overflow: hidden;
		display: flex;
		flex-direction: column;
		min-height: 380px;
		font-family: var(--font-family);
		height: 417px;

		a:focus {
			background-color: transparent !important
		}
	}

	.thumb {
		position: relative;
		aspect-ratio: 16/10;
		overflow: hidden;
		margin: 15px 15px 0px 15px;
		border-radius: 10px;
	}

	.thumb img {
		width: 100%;
		height: 100%;
		object-fit: cover;
		display: block;
	}

	/* category badge on image */
	.badge {
		position: absolute;
		left: 14px;
		top: 14px;
		background-color: var(--brand-accent);
		color: var(--color-text-white);
		font-size: 10px;
		padding: 6px 10px;
		border-radius: 999px;
		font-weight: 600;
		box-shadow: 0 6px 18px rgba(255, 45, 92, 0.14);
		z-index: 6;
	}

	.content {
		padding: 14px;
		display: flex;
		flex-direction: column;
		gap: 10px;
		flex: 1;
		font-family: var(--font-family);
	}

	.meta {
		display: flex;
		gap: 10px;
		align-items: center;
		font-size: 12px;
		color: #757575;
		font-family: var(--font-family);
	}

	.meta .time {
		margin-left: auto;
		color:#8b8b8b;
	}

	.title {
		font-size: 16px;
		font-weight: 700;
		margin: 0;
		line-height: 1.25;
		color: #242424;
		font-family: var(--font-family);
	}

	.excerpt {
		color: #747474;
		font-size: 14px;
		line-height: 1.45;
		flex: 1;
		font-family: var(--font-family);
	}

	.time img {
		margin-right: 5px;
	}

	.card-footer {
		display: flex;
		justify-content: space-between;
		align-items: center;
		gap: 8px;
		padding-top: 6px;
	}

	.read-more {
		color: var(--brand-primary);
		text-decoration: none;
		font-size: 12px;
	}

	.share {
		width: 28px;
		height: 28px;
		border-radius: 6px;
		background-color: #f5f6f8;
		display: grid;
		place-items: center;
		border: 1px solid rgba(0, 0, 0, 0.03);
		cursor: pointer;
	}

	/* center CTA */
	.cta-wrap {
		display: flex;
		justify-content: center;
	}

	.cta {
		background-color: var(--brand-primary);
		color: var(--color-text-white);
		border: none;
		padding: 10px 20px;
		border-radius: 26px;
		/* box-shadow: 0 6px 18px rgba(10, 88, 255, 0.18); */
		cursor: pointer;
		font-weight: 600;
		font-size: 16px;
		font-weight: normal;
		margin-top: 33px;
		text-decoration: none;
	}

	.hidden {
		display: none !important;
	}
}

/*Home Page*/
.homefaq-sec {
	margin: 0px;
	background-color: #f6f7f8;

	.faq-container {
		width: 100%;
		max-width: 961px;
		margin: 0 auto;
		padding: 30px 20px 60px 20px;
	}

	h2 {
		text-align: center;
		font-size: 40px;
		margin-bottom: 40px;
		color: #000;
		font-weight: 300;
		font-family: var(--font-family);
	}

	h2 span {
		color: #E62E4D;
		font-weight: 700;
	}

	.faq {
		background-color: var(--color-bg-white);
		border-radius: 12px;
		box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
		margin-bottom: 16px;
		overflow: hidden;
		transition: all 0.3s ease;
	}
	.faq.active{
		.faq-header{
			padding: 24px 32px 10px;
		}
	}
	.faq-header {
		display: flex;
		justify-content: space-between;
		align-items: center;
		cursor: pointer;
		padding: 24px 32px;
		font-weight: 600;
		font-size: 18px;
		color: #000;
		transition: all 0.3s ease;
		line-height: 24px;

	}

	.faq-icon {
		font-size: 22px;
		font-weight: bold;
		color: #1D1F1E;
		transition: transform 0.3s ease;
	}

	.faq.active .faq-icon {
		transform: rotate(180deg);
	}

	.faq-content {
		max-height: 0;
		overflow: hidden;
		padding: 0 28px;
		font-size: 0.96rem;
		color: #3f3f3f;
		line-height: 1.6;
		transition: all 0.4s ease;
	}

	.faq.active .faq-content {
		padding: 0px 32px 24px;
		max-height: 300px;
		font-size: 16px;
	}

	.load-more {
		display: block;
		margin: 35px auto 0;
		background-color: var(--brand-primary) !important;
		color: white;
		border: none;
		border-radius: 30px;
		padding: 12px 36px;
		font-size: 16px;
		font-weight: 500;
		cursor: pointer;
		box-shadow: 0 3px 8px rgba(0, 0, 0, 0.15);
		transition: all 0.3s ease;
	}

	.load-more:hover {
		transform: translateY(-2px);
		background: linear-gradient(90deg, var(--color-primary-dark), var(--color-primary-medium));
	}

	.hidden {
		display: none;
	}
}

.myth-fact {
	.myth-fact-container{
		max-width: 660px;
		margin: 0 auto;
		padding: 50px 0px;
	}

	h2 {
		text-align: center;
		font-size: 40px;
		margin-bottom: 40px;
		font-weight: 300;
		font-family: var(--font-family);
	}

	h2 span {
		color: var(--color-accent-red);
		font-weight: 700;
	}

	.container {
		display: flex;
		gap: 20px;
		font-family: var(--font-family);
	}

	.card {

		border-radius: 18px;
		padding: 40px 20px;
		transition: all 0.3s ease;
		max-width: 320px;
		width:100%;
		min-height: 330px;
	}

	.myth {
		background: linear-gradient(#fff, #FFE2DB);
		display: flex;
		flex-direction: column;
		gap: 40px;
	}

	.fact {
		background: linear-gradient(#fff, #E6FFE9);
		display: flex;
		flex-direction: column;
		gap: 40px;
	}

	.top {
		display: flex;
		align-items: center;
		justify-content: center;
		flex-direction: column;
		margin-bottom: 25px;
		text-align: center;
		position: relative;
	}

	.top .boy {
		width: 129px;

	}

	.mythtext {
		position: absolute;
		bottom: -47px;
		left: 86px;
	}

	.label {
		font-weight: 700;
		font-size: 20px;
		padding: 6px 18px;
		color: var(--color-text-white);
		border-radius: 6px;
	}

	.myth .label {
		background-color: #ff004c;
	}

	.fact .label {
		background-color: #0bbf4d;
	}

	ul {
		list-style: none;
		padding: 0;
		margin: 0;
	}

	ul li {
		font-size: 12px;
		margin-bottom: 14px;
		display: flex;
		line-height: 18px;
		font-family: var(--font-family);
		color: #242424;
	}

	ul li::before {
		content: "\f111";
		font-family: "Font Awesome 5 Free";
		font-weight: 900;
		font-size: 6px;
		margin-right: 10px;

	}

	.myth ul li::before {
		color: #ff004c;
	}

	.fact ul li::before {
		color: #0bbf4d;
	}
}

/*Credti score section*/
.credit-score-section {
	background-color: #f6f7f8;
	padding: 50px 20px;
	margin: 0px;

	.inner-sec {
		display: flex;
		gap: 20px;
		justify-content: space-between;
		background-color: var(--brand-primary);
		color: var(--color-text-white);
		border-radius: 16px;
		padding: 42px 44px;
		max-width: 1170px;
		margin: 0px auto;
		overflow: hidden;
		box-shadow: 0 6px 18px rgba(0, 0, 0, 0.2);
	}

	.credit-score-section h3 {
		font-size: 42px;
		font-family: 'Cairo', sans-serif;
		font-weight: 300;
		margin: 0px;
		margin-bottom: 10px;
	}

	.credit-score-section h3 span {
		color: var(--color-text-white);
		font-weight: 700;
	}

	.credit-score-section .subtext {
		font-size: 14px;
		margin-bottom: 25px;
		opacity: 0.9;
	}

	.features {
		list-style: none;
		padding: 0;
		margin-top: 24px;
	}

	.features li {
		font-size: 16px;
		display: flex;
		gap: 10px;
		align-items: center;
		line-height: 30px;
		font-family:var(--font-family);
	}

	.btn {
		display: inline-block;
		background-color: var(--color-bg-white);
		font-size: 16px;
		color: var(--brand-primary);
		padding: 12px 24px;
		border-radius: 30px;
		text-decoration: none;
		font-weight: 600;
		transition: 0.3s ease;
	}

	.btn:hover {
		background-color: #f2f2f2;
	}

	.powered {
		margin-top: 61px;
		display: flex;
		gap: 20px;
		align-items: center;
	}

	.powered p {
		margin: 0px;
		font-size:11.6px;
	}

	.score-meter {
		max-width: 100%;
		display: flex;
		justify-content: center;
		align-items: center;
	}

	.score-meter img {
		width: 100%;
		max-width: 420px;
		opacity: 0.9;
	}
}

/*Grid card section*/
.credit-benefits {
	background-color: #EEF0F6;
	margin: 0px;
	padding: 60px;

	.credit-main-container {
		width: 100%;
		max-width: var(--layout-max-width);
		margin: 0 auto;
		position: relative;
	}

	.credit-heading {
		text-align: center;
		font-size: 40px;
		font-weight: 300;
		font-family: var(--font-family);
	}

	.credit-heading span {
		color: var(--color-accent-red);
		font-weight: bold
	}

	.bg-text {
		text-align: center;
		font-size: 172px;
		font-family: 'Cairo', sans-serif;
		font-weight: 800;
		background: linear-gradient(to bottom, var(--color-bg-white) 51%, #0000000f 100%);
		-webkit-background-clip: text;
		-webkit-text-fill-color: transparent;
		color: transparent;
	}

	.card-stack {
		display: grid;
		justify-content: center;
		height: 270px;
		grid-template-columns: repeat(4, 1fr);
		justify-items: center;

		.card {
			display: flex;
			flex-direction: column;
			justify-content: space-between;
			width: 100%;
			max-width: 277px;
			min-height: 296px;
			padding: 30px;
			border-radius: 15px;
			background-color: var(--color-bg-white);
			position: absolute;
			border: 1px solid #b3b3b345;
			top: 34%;

			h3 {
				font-size: 24px;
			}

			p {
				font-size: 14px
			}
		}

		img,
		lottie-player {
			width: 60px;
			height: 60px;
		}

		.card1 {
			z-index: 5;
		}

		.card2 {
			rotate: 9deg;
			z-index: 4;
		}

		.card3 {
			rotate: 18deg;
			z-index: 3;
		}

		.card4 {
			rotate: 30deg;
			z-index: 2;
		}
	}

	.shadow {
		text-align: center
	}

	.showonmobile {
		display: none
	}

	.card-stack.active {
		gap: 20px;

		.card {
			position: relative;
			rotate: 0deg;
			top: -30%;
			transition: all 0.9s linear;
			max-width: 100%;
		}

		.card:hover {
			background-color: var(--brand-primary);
			color: var(--color-text-white)
		}

		.card:hover .showondesktop {
			opacity: 0;
			display: none
		}

		.card:hover .showonmobile {
			display: block
		}
	}

}
/* .poweredby .disclaimer-iframe{
width:100%;
max-width: 130px;
height: 44px;
object-fit: cover;
} */
/*Footer Iframe Modal Popup*/
.proceed_modal{
	margin-top:20px;
	display:inline-block;
}
.score-modal {
	display: none;
	position: fixed;
	z-index: 9999;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: var(--color-bg-transparent);

	.score-content {
		position: relative;
		width: 100%;
		height: 100%;
		min-height: 480px;
		margin: 0 auto;
		background-color: #000000d6;
		overflow: hidden;
		display: flex;
		align-items: center;

	}
	.score-content iframe.mobileview{
		width: 350px;
		height: 650px;
		margin: 0 auto;
	}
	.disclaimerContent {
		max-width: 768px;
		margin: 0 auto;
		background-color: var(--color-text-white);
		padding: 30px;
		border-radius: 15px;
		font-size: 16px;
		color: #000;
		font-family: var(--font-family);
		line-height: 52px;

		h3 {
			font-size: 22px;
			margin-bottom: 20px;
			font-family: var(--font-family);
			font-weight: bold;
		}

		a {
			color: var(--color-accent-red);
			font-weight: bold;
			border: 1px solid var(--color-accent-red);
			border-radius: 50px;
			padding: 5px 15px;
			text-decoration: none;
			line-height: 24px;
		}
	}

	iframe {
		width: 1000px;
		height: 480px;
		margin: 0 auto
	}

	.close {
		position: absolute;
		right: 5%;
		top: 5%;
		font-size: 30px;
		color: var(--color-text-white);
		cursor: pointer;
		z-index: 10;
	}
}

/*Footer Iframe Modal Popup*/
/* Responsive */
@media (max-width: 1024px) {
	.credit-score {
		.cards {
			overflow-x: auto;
			display: flex;
			flex-wrap: nowrap;
			justify-content: flex-start;
			scroll-behavior: smooth;
			width: 100%;
		}

		.card {
			flex: 0 0 auto;
			width: 265px;
		}
	}

	.tab-sec {
		padding: 40px 16px;

		.tabs {
			width: 100%;
			overflow: scroll;
			white-space: nowrap;
			max-width: 40%;
		}

		.cards {
			overflow-x: auto;
			display: flex;
			flex-wrap: nowrap;
			justify-content: flex-start;
			scroll-behavior: smooth;
			width: 100%;
			scrollbar-width: none;
			-ms-overflow-style: none;
		}

		.card {
			flex: 0 0 auto;
			width: 265px;

		}
	}

	.myth-fact {
		padding: 40px 16px;
	}
}

@media (max-width: 768px) {
	header {
		.main_logo {
			max-width: 110px;
		}

		.header-utility-bar {
			display: none
		}

		.header-desktop-view {
			display: none
		}

		.header-main-container {
			padding: 25px 15px
		}

		.header-mobile-view {
			display: flex;
			flex-direction: row;
			gap: 16px;
			align-items: center;
		}

		.header-navigation .menu-wrapper {
			display: flex;
			flex-direction: column;
			gap: 0px;
			align-items: flex-start;
		}

		.site-title {
			font-size: 17px
		}

		.branding-text {
			font-size: 12px
		}

		.yes-bank-brand {
			line-height: 0
		}

		.yes-bank-brand img {
			width: 100%;
			max-width: 120px;
			line-height: 0
		}

		.mobile-menu .header-navigation .popup_back {
			background-color: var(--color-primary-dark);
			padding: 17px;
		}

		.sidemenuopen {
			padding: 17px;
			display: flex;
			flex-direction: column;
			justify-content: space-between;
			height: 90%;
		}

		.current_page_item {
			display: block;
			width: 100%;
		}

		.current_page_item a,
		.mobile-menu .header-navigation .menu-wrapper li a:focus {
			color: var(--color-accent-red) !important;
		}

		.mobile-menu .header-navigation {
			position: fixed;
			background-color: var(--color-bg-main);
			width: 100%;
			right: 0px;
			top: 0;
			display: none;
			padding: 10px 15px;
			text-decoration: none;
			color: #000000;
			font-weight: 500;
			z-index: 999;
			box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
			transition: right 0.4s ease;
			height: 100%;
			padding: 0;
		}

		.menu-item {
			display: block;
			width: 100%;
		}

		.mobile-menu .header-navigation .menu-wrapper li a {
			padding: 10px 0px;
			color: #000000;
			display: block;
			font-size: 14px;
			border-bottom: 2px solid #9797971a;
			width: 100%;
			text-decoration:none;
		}

	}

	/*Home Page hero section*/

	.hero-section {
		padding: 20px 16px;
		.carousel-container{
			height:300px;
		}
		.about-title {
			font-size: 4.5rem;
		}

		.hero_gif {
			position: absolute;
			top: 10px;
			left: 21.8%;
			bottom: 0;
			right: 0;
			width: 27px;
		}

		.card,
		.card-inner {
			width: 214px;
			height: 264px;
		}

		.card.left-2 {
			transform: translateX(-70px) scale(0.9) translateZ(-300px);
			rotate: -5deg;
		}

		.card.left-1 {
			transform: translateX(-40px) scale(1) translateZ(-100px);
			rotate: -5deg;
		}

		.card.right-1 {
			transform: translateX(40px) scale(1) translateZ(-100px);
			rotate: 5deg;
		}

		.card.right-2 {
			transform: translateX(70px) scale(0.9) translateZ(-300px);
			rotate: 5deg;
		}

		.member-name {
			font-size: 2rem;
		}

		.member-role {
			font-size: 1.2rem;
		}

		.member-name::before,
		.member-name::after {
			width: 50px;
		}

		.member-name::before {
			left: -70px;
		}

		.member-name::after {
			right: -70px;
		}

		.card-content .card-text {
			font-size: 11px;
			width: 100%
		}

		.nav-arrow {
			display: none
		}

		.hero-heading {
			font-size: 47px;
		}

		.hero-sub-heading {
			font-size: 16px;
		}

		.hero-text {
			font-size: 12px;
			line-height: 19px;
		}

		.hero-text br {
			display: none
		}

		.hero-section {
			padding: 20px
		}
	}

	.page-template-video-blog-page{
		.credit-score {
			padding: 0px;
		}
	}
	/*Video Section*/
	.page-template-front-page{
		.credit-explained-section {
			padding: 40px 20px;
		}
	}
	.credit-explained-section {
		padding: 0px;
		.credit-heading h2 {
			font-size: 22px;
		}

		.credit-heading h2 span {
			display: block;
		}

		.credit-scroll-wrapper {
			display: flex;
			scrollbar-width: none;
			-ms-overflow-style: none;
			overflow-x: auto;
			scroll-behavior: smooth;
			.credit-card {
				max-width: 300px;
			}
		}
	}

	/*Video Section*/
	/*Credit score blog section*/
	.credit-score {
		padding: 40px 16px;

		.cards {
			grid-template-columns: 100%;
		}

		.cards {
			overflow-x: auto;
			display: flex;
			flex-wrap: nowrap;
			justify-content: flex-start;
			scroll-behavior: smooth;
			width: 100%;
			margin: 0px;
		}

		.card {
			flex: 0 0 auto;
			width: 265px;

		}

		.cta {
			margin-top: 23px;
			padding: 13px 29px;
		}

		.headline h2 {
			font-size: 22px;

		}

		.headline h2 .accent {
			display: block;
		}
	}

	/*Credit score blog section*/
	/*Grid card section*/
	.credit-benefits {
		.showondesktop {
			display: none
		}

		.showonmobile {
			display: block
		}

		padding: 20px;

		.credit-heading {
			font-size: 22px;
		}

		.bg-text {
			font-size: 61px;
		}

		.card-stack {
			height: auto;
			overflow: auto;
			gap: 20px;
			overflow-x: auto;
			display: flex;
			flex-wrap: nowrap;
			justify-content: flex-start;
			width: 100%;
			scrollbar-width: none;
			-ms-overflow-style: none;

			.card {
				position: relative;
				rotate: 0deg;
				display: flex;
				flex-direction: column;
				justify-content: space-around;
				background-color: var(--brand-primary);
				color: var(--color-text-white);
				flex: 0 0 auto;
				p{
					font-size:12px
				}
				h3{
					font-size:20px
				}
			}
		}
	}
	.tabs-section {
		padding:40px 20px;
		min-height:300px;
		.tab_action {
			margin: 0px;
			padding: 25px 0px;
			.result-count {
				font-size: 12px;
			}
			.tabs button {
				font-size: 14px;
			}
			.toggle-tabs {
				max-width: 100%;
				gap: 0px;
				padding: 10px;
			}			
		}
		.tab1,
		.tab2 {
			font-size: 13px;
			padding: 5px 18px;
		}
	}
	/*Search Page*/
	.score-content iframe {
		width: 400px;
		height: 200px;
		margin: 0 auto;
	}


	.score-modal {
		.disclaimerContent {
			max-width: 100%;
			width: 100%;
		}
	}

	.videos-blogs-hero {
		h1 {
			font-size: 37px;
		}
		.partner p {
			font-size:10px
		}
		.search-wrapper:before{
			right: 18px;
			left: auto;
			width: 20px;
			height: 20px;
			top: 18px;
		}
		.content-sec {
			padding: 20px 15px 60px;
		}
		.subtitle {
			font-size: 12px;
			margin-bottom:24px
		}
		.breadcrumb {
			margin-bottom: 20px;
			font-size:12px
		}
		.toggle-buttons button,
		.toggle-buttons button.active {
			font-weight: normal;
			font-size: 14px;
		}

		.toggle-buttons button.active {
			color: var(--brand-primary) !important
		}

		.search-bar {
			flex-direction: column;
			gap: 10px;
		}

		.toggle-buttons {
			margin: 0;
			width: 100%;
			text-align: center;
			justify-content: center;
		}

		.search-bar input {
			width: 100%;
			border: 1px solid var(--border-color);
			padding: 10px;
			font-size: 12px;
		}

		.search-bar {
			box-shadow: none;
			background-color: transparent;
			margin-top:20px;
		}

		.toggle-buttons,
		.search-wrapper {
			background-color: var(--color-bg-white);
			border-radius: 50px;
		}

		.toggle-buttons {
			width: auto
		}

		.search-wrapper {
			width: 100%;
			margin-top: 20px;
			padding: 8px 10px;
		}
	}

	/*All blog section*/
	.tab-sec {
		padding: 40px 16px;
		.tab{
			font-size: 13.62px;
		}
		.tabs {
			width: 100%;
			max-width: 100%;
			overflow: scroll;
			white-space: nowrap;
			flex-wrap: nowrap;
			display: flex;
			justify-content: space-between;
			scrollbar-width: none;
			-ms-overflow-style: none;
		}

		#mainTitle {
			font-size: 22px
		}

		.cards {
			overflow-x: auto;
			display: flex;
			flex-wrap: nowrap;
			justify-content: flex-start;
			scroll-behavior: smooth;
			width: 100%;
			scrollbar-width: none;
			-ms-overflow-style: none;
		}

		.card {
			flex: 0 0 auto;
			width: 265px;

		}

		.cta {
			margin-top: 33px;
			padding: 10px 20px;
		}

		.cta-wrap {
			margin-top: 0px;
		}

		.headline h2 {
			font-size: 22px;
			line-height: 29px;
		}

		.headline .accent {
			display: block;
		}
	}

	/*Home Page*/
	.myth-fact {
		h2 {
			font-size: 22px;
			margin-bottom: 0px;
		}

		.container {
			flex-direction: column;
			align-items: center;
		}

		.mythtext {
			left: 73px;
		}
	}

	.homefaq-sec {
		.faq-container {
			padding: 40px 16px;
		}

		h2 {
			font-size: 22px;
			margin-bottom: 30px;
		}

		.faq-header {
			font-size: 16px;
			padding: 24px 20px;
		}

		.faq.active .faq-content {
			font-size: 14px;
			padding: 0px 20px 20px;
		}
		.load-more{
			font-size:14px;
			font-family:var(--font-family);
		}
	}

	/*Credit score*/
	.credit-score-section {
		padding: 0px 0px 50px 0px;

		.inner-sec {
			display: flex;
			flex-direction: column;
		}

		.credit-score-section {
			padding: 0px 0px;

		}

		.inner-sec {
			padding: 53px 25px;
			border-radius: 0px;
			gap: 30px;
		}

		.powered img {
			width: auto;
			margin: 0px;
		}

		.credit-score-section h3 {
			font-size: 30px;
		}

		.features li {

			font-size: 14px;
		}

		.score-meter img {
			width: 100%;
		}

		.credit-score-section h3 span {
			display: block;
		}

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

	/*Footer*/
	footer {
		.site-info {
			flex-direction: column-reverse;
			gap: 14px
		}

		.connect-social label {
			display: block;
			text-align: center;
			font-size:12px
		}

		.powered-by a:first-child {
			display: block;
			width: 100%;
			border: none;
			text-align: center;
			padding: 0;
		}

		.powered-by {
			display: block;
			text-align: center
		}
		.powered-by a{
			font-size:12px;
		}

		.powered-by a:last-child {
			padding-left: 10px
		}
		.check_score{
			display: flex;
			font-size: 12px;
			background: #002EDC;
			padding: 15px;
			border-top-right-radius: 25px;
			border-top-left-radius: 25px;
			margin-top: 10px;
			font-weight: bold;
			gap: 10px;
			align-items: center;
			position: fixed;
			bottom: 0;
			left: 0;
			right: 0;
			z-index: 9999;
			width: 344px;
			margin: 0 auto;
			.left-column{
				font-size: 12px;
				font-weight: bold;
				font-family: var(--font-family);
			}
			.center-column img{
				width: 100%;
				max-width: 100px;
			}
			.right-column{
				white-space: nowrap;
				padding: 6px 9px;
				background: #fff;
				color: #000;
				border-radius: 50px;
				font-weight: normal;
			}
		}
	}
	.trending-wrapper{
		left:0px;
	}
	.videos-blogs-hero {
		.search-wrapper {
			.trending-title {
				font-size: 14px;
			}
			.category-chips {
				a.chip {
					font-size: 14px !important;
				}
			}
		}
	}
	.credit-score {
		.excerpt {
			font-size: 16px;
		}
		.cards {
			grid-template-columns: 100%;
			gap: 14px;
		}

		.card {
			min-height: auto;
		}

		.meta,.read-more{
			font-size: 14px;
			gap: 8px;
		}
	}
}