/* Reset and base styles */
        * {
        	margin: 0;
        	padding: 0;
        	box-sizing: border-box;
        }

        body {
        	font-family: Arial, sans-serif;
        	line-height: 1.6;
        	color: #333;
        	background-color: #fff;
        }

        .lang-box {
        	display: flex;
        	justify-content: space-between;
        	align-items: center;
        	margin-bottom: 20px;
        }

        .lang-box * {
        	margin: 0 !important;
        }

        /* Banner styles */
        .inner_banner {
        	position: relative;
        	height: 300px;
        	overflow: hidden;
        }

        .block-kfintech-banner-desktop-image,
        .block-kfintech-banner-mobile-image {
        	position: absolute;
        	top: 0;
        	left: 0;
        	width: 100%;
        	height: 100%;
        	object-fit: cover;
        }

        .block-kfintech-banner-mobile-image {
        	display: none;
        }

        .block-kfintech-banner-slide-content {
        	position: absolute;
        	top: 50%;
        	left: 50%;
        	transform: translate(-50%, -50%);
        	text-align: center;
        	color: white;
        	width: 100%;
        	padding: 0 20px;
        }

        .block-kfintech-slide-content-banner-heading {
        	font-size: 2.5rem;
        	font-weight: bold;
        	text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
        }

        /* Main content styles */
        .mypadding {
        	padding: 40px 20px;
        	max-width: 1200px;
        	margin: 0 auto;
        }

        footer,
        .dark-theme header {
        	background-color: #000 !important;
        }

        .inner_page_text *:not(a) {
        	background: white;
        	color: #000;
        }

        .static-text {
        	margin-bottom: 20px;
        }

        h4.static-text {
        	color: #2057a6;
        	font-size: 1.5rem;
        	margin: 30px 0 15px;
        }

        p.static-text {
        	margin-bottom: 15px;
        }

        /* Accordion styles */
        h4:not(.static-text) {
        	cursor: pointer;
        	position: relative;
        	box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .125);
        	padding: 15px;
        	color: #000000;
        	margin: 20px 0 0;
        	font-size: 1.2rem;
        	background-color: #f8f9fa;
        	border-radius: 4px;
        }

        h4.active {
        	background-color: #e7f1ff;
        }

        /* Arrow using pseudo-element */
        h4:not(.static-text)::after {
        	content: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="6 9 12 15 18 9"></polyline></svg>');
        	position: absolute;
        	width: 24px;
        	right: 15px;
        	top: 50%;
        	transform: translateY(-50%) rotate(0deg);
        	transition: transform 0.3s ease;
        	font-size: 0.8em;
        }

        /* Rotate arrow when section is active */
        h4.active::after {
        	transform: translateY(-50%) rotate(180deg);
        	/* points up */
        }

        p:not(.static-text),
        ul:not(.static-text, header ul, footer ul) {
        	display: none;
        	transition: all 0.3s ease;
        	padding: 15px;
        	margin-bottom: 15px;
        	background-color: #f8f9fa;
        	border-radius: 0 0 4px 4px;
        }

        p:not(.static-text).active,
        ul:not(.static-text).active {
        	display: block !important;
        }

        /* List styles */
        ul {
        	padding-left: 30px;
        	margin-bottom: 15px;
        }

        li {
        	margin-bottom: 8px;
        }

        /* Link styles */
        a {
        	color: #2057a6;
        	text-decoration: none;
        }

        a:hover {
        	text-decoration: underline;
        }

        /* Highlight styles */
        mark {
        	background-color: #ffff00;
        }

        /* header */
        .dark-theme header {
        	background: rgba(0, 0, 0, 0.7);
        	/* background: #000; */
        	position: fixed;
        	width: 100%;
        	/* z-index: 99; */
        	z-index: 9999999;
        	top: 0;
        	left: 0;
        	-webkit-transition: all 0.2s ease-in-out;
        	transition: all 0.2s ease-in-out;
        }

        .dark-theme header.active {
        	background: #000;
        	transition: none;
        }

        .dark-theme header.scrolled {
        	background: #000;
        	-webkit-transition: all 0.2s ease-in-out;
        	transition: all 0.2s ease-in-out;
        }

        .solution-header,
        .products-header {
        	position: relative;
        	transition: none;
        }

        .solution-header *,
        .products-header * {
        	transition: none;
        }

        .solution-header::after,
        .products-header::after {
        	content: "";
        	position: absolute;
        	width: 100%;
        	height: 100%;
        }

        .dark-theme header .dropdown-outer {
        	opacity: 0;
        	visibility: hidden;
        	overflow: hidden;
        	position: absolute;
        	left: -80px;
        	top: calc(100% + 24px);
        	width: 600px;
        	background-color: #fff;
        	border-radius: 2px;
        	overflow-y: auto;
        }

        .solution-header:hover .dropdown-outer,
        .products-header:hover .dropdown-outer,
        .solution-header:active .dropdown-outer,
        .products-header:active .dropdown-outer {
        	opacity: 1;
        	visibility: visible;
        }

        .dark-theme header .arrow {
        	opacity: 0;
        	visibility: hidden;
        }

        .dark-theme header .solution-header:hover .arrow,
        .dark-theme header .products-header:hover .arrow {
        	opacity: 1;
        	visibility: visible;
        }

        .dark-theme header .arrow::after {
        	content: "";
        	position: absolute;
        	top: 46px;
        	left: 35px;
        	width: 0;
        	height: 0;
        	border-left: 10px solid transparent;
        	border-right: 10px solid transparent;
        	border-bottom: 10px solid #fff;
        }

        .dark-theme header.active .dropdown-outer {
        	height: calc(70vh - 106px);
        	overflow-y: auto;
        }

        .dark-theme .header-content {
        	position: relative;
        }

        .dark-theme header .nav_brand img {
        	width: 240px;
        }

        .dark-theme header nav.navbar {
        	/* padding: 30px 50px; */
        	padding: 15px 40px;
        	z-index: 9;
        	gap: 20px;
        }

        .dark-theme header div#collapsibleNavbar {
        	/* max-width: 80%; */
        	justify-content: space-between;
        }

        .dark-theme header nav .navbar-nav {
        	width: 100%;
        	justify-content: space-between;
        }

        .dark-theme header nav .navbar-nav .header-right,
        .dark-theme header nav .navbar-nav .header-left {
        	display: flex;
        }

        .dark-theme header li.nav-item {
        	margin-right: 10px;
        }

        .dark-theme header li.nav-item:last-child {
        	margin-right: 0;
        }

        .dark-theme header .navbar-nav li.nav-item a.nav-link img {
        	margin-left: 5px;
        }

        .dark-theme header .navbar-nav li.nav-item a.nav-link {
        	font-size: 18px;
        	line-height: 22px;
        	color: #fff;
        	padding: 5px 7px;
        	position: relative;
        	font-weight: 400;
        }

        .dark-theme header nav .navbar-nav .header-right .nav-item a.nav-link {
        	font-size: 14px;
        }

        .dark-theme header .navbar-nav li.nav-item a.nav-link:hover,
        .dark-theme header .navbar-nav li.nav-item a.nav-link.active {
        	opacity: 1;
        }

        .dark-theme header li a::after {
        	bottom: -3px;
        	content: "";
        	display: block;
        	height: 1px;
        	left: 0;
        	right: 0;
        	margin: auto;
        	position: absolute;
        	background-color: #fff;
        	-webkit-transition: width 0.3s ease 0s, left 0.3s ease 0s;
        	-o-transition: width 0.3s ease 0s, left 0.3s ease 0s;
        	transition: width 0.3s ease 0s, left 0.3s ease 0s;
        	width: 0;
        }

        .dark-theme header li a.nav-link:hover::after {
        	width: 100%;
        }

        .dark-theme header .sub-menu {
        	position: relative;
        	width: 100%;
        	background: #EEF1F8;
        	padding: 40px 10px;
        	z-index: 8;
        	/* transform: translateY(-100%); */
        }

        .dark-theme header .sub-menu.active {
        	transform: translateY(0);
        }

        .dark-theme header .sub-menu-left h3 {
        	font-weight: 600;
        	font-size: 28px;
        	line-height: 42px;
        	color: #ffffff;
        	opacity: 0.9;
        	margin-bottom: 10px;
        }

        .dark-theme header .sub-menu-left p {
        	font-size: 16px;
        	line-height: 27px;
        	color: #fff;
        	opacity: 0.7;
        	margin-bottom: 30px;
        }

        .dark-theme header .sub-menu ul {
        	list-style-type: none;
        	display: flex;
        	flex-wrap: wrap;
        	margin-bottom: 0;
        	align-items: flex-start;
        }

        .dark-theme header .sub-menu ul li {
        	width: 50%;
        	padding: 0 20px;
        }

        .dark-theme header .sub-menu ul li:not(:last-of-type) {
        	margin-bottom: 30px;
        }

        .dark-theme header .sub-menu ul li a {
        	display: inline-flex;
        	position: relative;
        	cursor: pointer;
        }

        .dark-theme header .sub-menu ul li a:hover,
        .dark-theme header .sub-menu ul li a:focus {
        	text-decoration: none;
        }

        .dark-theme header .sub-menu ul li a:hover .sub-menu-icon img,
        .dark-theme header .sub-menu ul li a:focus .sub-menu-icon img {
        	transform: scale(1.2);
        }

        .dark-theme header .sub-menu-icon {
        	max-width: 35px;
        	margin-right: 15px;
        }

        .dark-theme header .sub-menu-icon img {
        	max-width: unset;
        }

        .dark-theme header .sub-menu-text h5 {
        	font-weight: 600;
        	font-size: 14px;
        	color: #132742;
        	opacity: 0.8;
        	margin-bottom: 0;
        }

        .dark-theme header .sub-menu-text p {
        	font-size: 13px;
        	color: #4A525C;
        	opacity: 0.7;
        	margin-bottom: 0;
        }

        .dark-theme header .dropdown-menu {
        	background: #222;
        	right: 0;
        	left: unset;
        	margin: 10px 0;
        	width: 240px;
        	padding: 0;
        }

        .dark-theme header .dropdown-menu::after {
        	content: "";
        	position: absolute;
        	width: 0;
        	height: 0;
        	border-left: 11px solid transparent;
        	border-right: 11px solid transparent;
        	border-bottom: 15px solid #222222;
        	top: -15px;
        	right: 25px;
        }

        .dark-theme header .dropdown-menu a {
        	display: flex;
        	align-items: center;
        	color: #fff;
        	padding: 10px;
        	font-size: 16px;
        }

        .dropdown-item:focus,
        .dropdown-item:hover {
        	color: unset;
        	background-color: unset;
        }

        .dark-theme header .dropdown-menu a img {
        	width: 25px;
        	margin-right: 20px;
        }

        .dark-theme header .dropdown-menu a::after,
        .dark-theme header .dropdown-toggle::after {
        	display: none;
        }

        .dark-theme header .products-header .arrow::after {
        	border-bottom: 10px solid #EEF1F8
        }

        .dark-theme header .products-header .dropdown-outer {
        	width: 800px;
        }

        .dark-theme header .products-header .sub-menu {
        	background-color: #EEF1F8;
        	padding: 10px;
        }

        .products-header .products-right {
        	padding-left: 0;
        }

        .products-header .product-grid {
        	padding: 0 10px;
        	margin-bottom: 20px;
        }

        .products-header .product-list {
        	background-color: #fff;
        	border-radius: 5px;
        	max-height: 600px;
        	overflow-x: hidden;
        	overflow-y: auto;
        	padding: 0 10px;
        }

        .tab-list-left a {
        	padding: 15px;
        	margin-bottom: 10px;
        	border-radius: 5px;
        }

        .tab-list-left a .heading {
        	color: rgba(75, 84, 95, 0.90);
        	font-size: 16px;
        	font-weight: 600;
        	letter-spacing: 0.2px;
        }

        .tab-list-left a .desc {
        	display: block;
        	color: #1F1F1F;
        	font-size: 13px;
        }

        .tab-list-left a.active {
        	background: #fff;
        }

        .tab-list-left a.active .heading {
        	font-weight: bold;
        	color: #0090ff;
        }

        .tab-list-left a:hover {
        	text-decoration: none;
        	background: #FFF;
        }

        .products-header .product-cards {
        	padding: 15px 0;
        }

        .products-header .product-cards h3 {
        	color: #586678;
        	opacity: 0.8;
        	font-size: 13px;
        	font-weight: 700;
        }

        .products-header .product-card {
        	display: flex;
        	align-items: center;
        	gap: 10px;
        	margin-bottom: 15px;
        }

        .products-header .product-card:hover {
        	text-decoration: none;
        }

        .products-header .product-logo img {
        	width: 30px;
        	max-width: unset;
        }

        .products-header .product-card .product-title h6 {
        	color: #132742;
        	font-size: 14px;
        	font-weight: 600;
        	margin-bottom: 0%;
        }

        .products-header .sub-product {
        	display: flex;
        	align-items: center;
        	margin-bottom: 15px;
        }

        .products-header .sub-product p {
        	color: #586678;
        	font-size: 13px;
        	font-weight: 700;
        	text-transform: capitalize;
        	margin-left: 10px;
        	margin-bottom: 0;
        }

        .products-header .product-card p {
        	color: #4A525C;
        	font-size: 12px;
        	display: -webkit-box;
        	-webkit-line-clamp: 2;
        	-webkit-box-orient: vertical;
        	overflow: hidden;
        }

        /* header */

        /* Responsive styles */
        @media (max-width: 768px) {
        	.block-kfintech-banner-desktop-image {
        		display: none;
        	}

        	.block-kfintech-banner-mobile-image {
        		display: block;
        		position: relative;
        		height: 100%;
        		width: max-content;
        	}

        	.block-kfintech-slide-content-banner-heading {
        		font-size: 2rem;
        	}

        	.mypadding {
        		padding: 20px 15px;
        	}

        	.lang-box {
        		gap: 20px;
        		align-items: flex-start;
        		margin-bottom: 20px;
        		flex-direction: column;
        	}

        	.nav_brand {
        		width: 70%;
        	}
        }

        .block-kfintech-banner-desktop-image img {
        	width: 100%;
        }