@media (max-width: 1199.98px) {
	html,
	body {
		width: 100%;
		height: auto !important;
		overflow-x: hidden !important;
	}

	body {
		font-size: 16px;
		line-height: 1.5;
		background: #ffffff;
	}

	img,
	video {
		max-width: 100%;
	}

	.section {
		position: relative !important;
		top: auto !important;
	}

	.navbar {
		position: fixed;
		top: max(12px, env(safe-area-inset-top)) !important;
		left: 12px !important;
		right: 12px !important;
		width: calc(100% - 24px) !important;
		height: 64px !important;
		min-height: 64px !important;
		padding: 0 16px !important;
		border-radius: 24px !important;
		background: rgba(36, 1, 78, 0.94) !important;
		backdrop-filter: blur(18px);
		z-index: 9999;
	}

	.navbar-container {
		height: 100%;
		display: flex !important;
		flex-direction: row !important;
		align-items: center !important;
		justify-content: space-between !important;
	}

	.navbar-logo a,
	.header-logo {
		position: static !important;
		transform: none !important;
		padding: 0 !important;
		display: flex !important;
		align-items: center;
	}

	.header-logo img {
		width: 128px;
		height: auto;
		display: block;
	}

	.hamburger {
		position: static !important;
		transform: none !important;
		display: inline-flex !important;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		width: 44px;
		height: 44px;
		margin: 0 !important;
		padding: 0 !important;
		border: 0 !important;
		border-radius: 12px;
		background: transparent !important;
		appearance: none;
		-webkit-appearance: none;
		cursor: pointer;
		z-index: 10001;
		touch-action: manipulation;
		-webkit-tap-highlight-color: transparent;
	}

	.hamburger:focus-visible {
		outline: 2px solid rgba(255, 255, 255, 0.78);
		outline-offset: 2px;
	}

	.hamburger .bar {
		display: block !important;
		width: 24px !important;
		height: 2px !important;
		margin: 3px auto !important;
		border-radius: 999px;
		background: #ffffff !important;
	}

	.navbar-links {
		position: fixed !important;
		top: calc(max(12px, env(safe-area-inset-top)) + 76px) !important;
		left: 12px !important;
		right: 12px !important;
		width: calc(100% - 24px) !important;
		transform: none !important;
		display: none !important;
		flex-direction: column !important;
		gap: 0 !important;
		margin: 0 !important;
		padding: 12px 16px !important;
		border-radius: 18px;
		background: rgba(36, 1, 78, 0.97) !important;
		box-shadow: 0 18px 40px rgba(20, 0, 27, 0.32);
	}

	.navbar-links.active {
		display: flex !important;
	}

	.mobile-menu-open .navbar-links {
		display: flex !important;
	}

	.navbar-links li,
	.navbar-links a {
		display: block !important;
		width: 100% !important;
	}

	.navbar-links a {
		padding: 13px 0 !important;
		font-size: 16px !important;
		line-height: 1.2;
		color: #ffffff !important;
	}

	.hero {
		height: 88svh !important;
		min-height: 640px !important;
		max-height: none !important;
		padding-top: 92px;
		overflow: hidden !important;
		align-items: flex-end !important;
	}

	.bg-video {
		width: 100% !important;
		height: 100% !important;
		object-fit: cover !important;
	}

	.overlay-headers {
		top: 47% !important;
		left: 50% !important;
		right: auto !important;
		bottom: auto !important;
		transform: translate(-50%, -50%) !important;
		width: calc(100vw - 36px) !important;
		max-width: calc(100vw - 36px) !important;
		padding: 0 !important;
		white-space: normal !important;
		text-align: center !important;
		line-height: 1.15 !important;
	}

	.overlay-headers p {
		margin: 0 0 8px !important;
	}

	.hero-text-content.is-entering {
		animation: heroTextEnter 0.42s ease forwards;
	}

	.hero-text-content.is-exiting {
		animation: heroTextExit 0.32s ease forwards;
	}

	.home-sub-subheading {
		font-size: 18px !important;
		line-height: 1.25 !important;
	}

	.home-subheading {
		font-size: 22px !important;
		line-height: 1.22 !important;
	}

	.home-heading {
		font-size: 36px !important;
		line-height: 1.12 !important;
		letter-spacing: 0 !important;
		overflow-wrap: anywhere;
	}

	.tab-bar {
		position: absolute !important;
		left: 0;
		right: 0;
		bottom: 0 !important;
		height: auto !important;
		padding: 8px 8px calc(8px + env(safe-area-inset-bottom)) !important;
		overflow-x: auto !important;
		background: rgba(205, 199, 213, 0.75) !important;
		-webkit-overflow-scrolling: touch;
	}

	.tabs {
		width: max-content !important;
		min-width: 100%;
		display: flex !important;
		justify-content: flex-start !important;
		gap: 8px !important;
	}

	.tabs li,
	.tabs li.active {
		flex: 0 0 auto !important;
		margin: 0 !important;
		padding: 11px 14px !important;
		border-radius: 12px !important;
		font-size: 14px !important;
		line-height: 1 !important;
		white-space: nowrap !important;
	}

	.home-slider {
		display: none !important;
	}

	.about-us,
	.why-choose-us,
	#download,
	.digi-block,
	#contact-us {
		height: auto !important;
		min-height: 0 !important;
	}

	.about-us {
		padding: 56px 18px !important;
		text-align: left !important;
	}

	.try-free,
	.about-us .try-free,
	.w-22,
	.w-35,
	.w-43 {
		width: auto !important;
		display: inline-block !important;
		font-size: 16px !important;
		text-align: left !important;
	}

	.why-choose {
		display: block !important;
		margin: 8px 0 24px !important;
		font-size: 32px !important;
		line-height: 1.15 !important;
		text-align: left !important;
	}

	.about-us .description {
		display: block !important;
	}

	.about-us .description .img1 {
		width: 100% !important;
		max-width: 320px !important;
		display: block;
		margin: 0 auto 22px !important;
		padding: 0 !important;
	}

	.about-us .description .desc-content {
		width: 100% !important;
		padding: 0 !important;
		text-align: left !important;
	}

	.desc-content::before,
	.desc-content::after {
		display: none !important;
	}

	.about-us .description .desc-content .description-text {
		position: static !important;
		top: auto !important;
		width: 100% !important;
		padding: 0 !important;
		background: transparent !important;
	}

	.about-us .description .desc-content .desc-heading {
		font-size: 26px !important;
		line-height: 1.25 !important;
		margin-bottom: 12px !important;
	}

	.about-us .description .desc-content .desc-text {
		font-size: 16px !important;
		line-height: 1.65 !important;
	}

	#solutions {
		overflow: hidden !important;
		background: #150031;
	}

	#solutions .elementor-section,
	#solutions .elementor-container,
	#solutions .elementor-column,
	#solutions .elementor-widget-wrap,
	#solutions .elementor-widget-container,
	#solutions .interactive-link-slider-wrapper,
	#solutions .swiper-container,
	#solutions .swiper-wrapper {
		position: relative !important;
		width: 100% !important;
		height: auto !important;
		min-height: 0 !important;
		max-width: 100% !important;
		transform: none !important;
		overflow: visible !important;
	}

	#solutions .gallery-top {
		height: 430px !important;
		overflow: hidden !important;
		position: relative !important;
	}

	#solutions .gallery-top::after {
		content: "";
		position: absolute;
		inset: 0;
		z-index: 2;
		pointer-events: none;
		background:
			linear-gradient(180deg, rgba(21, 0, 49, 0.24) 0%, rgba(21, 0, 49, 0.82) 100%),
			linear-gradient(90deg, rgba(21, 0, 49, 0.84) 0%, rgba(21, 0, 49, 0.2) 100%);
	}

	#solutions .gallery-top .swiper-wrapper {
		height: 430px !important;
	}

	#solutions .gallery-top .swiper-slide {
		position: absolute !important;
		inset: 0 !important;
		width: 100% !important;
		height: 430px !important;
		opacity: 0 !important;
		transform: none !important;
		transition: opacity 0.35s ease !important;
	}

	#solutions .gallery-top .swiper-slide-active,
	#solutions .gallery-top .swiper-slide-visible {
		opacity: 1 !important;
	}

	#solutions .bg-img {
		position: absolute !important;
		inset: 0 !important;
		width: 100% !important;
		height: 100% !important;
		transform: none !important;
		background-size: cover !important;
		background-position: center !important;
	}

	#solutions .gallery-thumbs {
		padding: 18px 0 46px !important;
		background: #150031;
		overflow: hidden !important;
	}

	#solutions .details {
		position: absolute !important;
		left: 18px !important;
		right: 18px !important;
		bottom: 28px !important;
		z-index: 3 !important;
		width: auto !important;
		height: auto !important;
		padding: 0 !important;
		text-align: left !important;
	}

	#solutions .details h3 {
		margin: 7px 0 10px !important;
		font-size: 33px !important;
		line-height: 1.12 !important;
	}

	#solutions .details h5 {
		margin: 0 !important;
		font-size: 15px !important;
		line-height: 1.35 !important;
		color: rgba(255, 255, 255, 0.82) !important;
	}

	#solutions .content-details {
		margin: 0 !important;
		max-width: 92%;
		font-size: 15px !important;
		line-height: 1.55 !important;
		color: rgba(255, 255, 255, 0.86) !important;
	}

	#solutions .gallery-thumbs .swiper-wrapper {
		position: relative !important;
		display: flex !important;
		flex-wrap: nowrap !important;
		gap: 14px !important;
		width: 100% !important;
		padding: 0 18px 12px !important;
		overflow-x: auto !important;
		overflow-y: hidden !important;
		scroll-snap-type: x mandatory;
		scroll-padding-inline: 18px;
		-webkit-overflow-scrolling: touch;
	}

	#solutions .gallery-thumbs .swiper-wrapper::-webkit-scrollbar {
		display: none;
	}

	#solutions .gallery-thumbs .swiper-slide {
		flex: 0 0 min(82vw, 340px) !important;
		width: min(82vw, 340px) !important;
		height: auto !important;
		min-height: 168px !important;
		padding: 18px !important;
		border: 1px solid rgba(255, 255, 255, 0.18);
		border-radius: 12px;
		background: linear-gradient(145deg, rgba(255, 255, 255, 0.14), rgba(255, 255, 255, 0.06));
		transform: none !important;
		scroll-snap-align: start;
	}

	#solutions .gallery-thumbs .swiper-slide-thumb-active {
		border-color: rgba(151, 71, 255, 0.72);
		background: linear-gradient(145deg, rgba(151, 71, 255, 0.34), rgba(255, 255, 255, 0.08));
	}

	#solutions .slide-content-info {
		height: 100%;
		padding: 0 !important;
		display: flex;
		align-items: stretch;
	}

	#solutions .slide-item-body {
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		min-height: 132px;
	}

	#solutions .slide-item-number {
		font-size: 42px !important;
		line-height: 1 !important;
	}

	#solutions .slide-item-title {
		margin: 18px 0 0 !important;
		font-size: 21px !important;
		line-height: 1.25 !important;
	}

	#solutions .slide-item-footer,
	#solutions .slide-item-btn {
		display: none !important;
		width: 0 !important;
		height: 0 !important;
		min-height: 0 !important;
		padding: 0 !important;
		margin: 0 !important;
		background: transparent !important;
		border: 0 !important;
		box-shadow: none !important;
	}

	#solutions .swiper-nav-wrapper,
	#solutions .swiper-notification {
		display: none !important;
	}

	.why-choose-us {
		min-height: 620px !important;
		padding: 56px 0 !important;
		text-align: left !important;
		background-image: url("../assets/images/whyChooseUsBackgrounds/Default.jpg") !important;
		background-size: cover !important;
		background-position: center !important;
		background-repeat: no-repeat !important;
	}

	.why-choose-us::before {
		background:
			linear-gradient(180deg, rgba(255, 255, 255, 0.28) 0%, rgba(21, 0, 49, 0.66) 100%),
			linear-gradient(90deg, rgba(255, 255, 255, 0.82) 0%, rgba(255, 255, 255, 0.3) 62%) !important;
	}

	.why-choose-us > .try-free,
	.why-choose-us > .why-choose {
		margin-left: 18px !important;
		margin-right: 18px !important;
		position: relative;
		z-index: 1;
	}

	.features {
		position: relative;
		z-index: 1;
		display: flex !important;
		flex-wrap: nowrap !important;
		justify-content: flex-start !important;
		gap: 14px !important;
		width: 100% !important;
		margin-top: 28px !important;
		padding: 0 18px 12px !important;
		overflow-x: auto !important;
		overflow-y: hidden !important;
		scroll-snap-type: x mandatory;
		scroll-padding-inline: 18px;
		-webkit-overflow-scrolling: touch;
	}

	.features::-webkit-scrollbar {
		display: none;
	}

	.feature {
		flex: 0 0 min(82vw, 340px) !important;
		width: min(82vw, 340px) !important;
		min-height: 245px !important;
		margin: 0 !important;
		padding: 20px !important;
		text-align: left !important;
		border: 1px solid rgba(255, 255, 255, 0.26);
		border-radius: 12px;
		background: linear-gradient(145deg, rgba(255, 255, 255, 0.82), rgba(255, 255, 255, 0.52));
		backdrop-filter: blur(10px);
		scroll-snap-align: start;
	}

	.feature:hover {
		transform: none !important;
	}

	.feature.is-active {
		border-color: rgba(151, 71, 255, 0.78);
		background: linear-gradient(145deg, rgba(255, 255, 255, 0.92), rgba(231, 216, 255, 0.66));
	}

	.feature h3 {
		margin: 12px 0 6px !important;
		font-size: 22px !important;
		line-height: 1.25 !important;
	}

	.feature p {
		margin: 0 !important;
		padding: 0 !important;
		font-size: 15px !important;
		line-height: 1.55 !important;
		text-align: left !important;
	}

	.rounded-button {
		width: 58px !important;
		height: 58px !important;
		background: rgba(255, 255, 255, 0.34);
	}

	#download {
		position: relative !important;
		overflow: hidden !important;
		background: #14001b;
	}

	.container-test,
	.download-section {
		position: relative !important;
		display: block !important;
		width: 100% !important;
		height: auto !important;
		min-height: 560px !important;
		padding: 76px 18px 60px !important;
		overflow: visible !important;
		background: transparent !important;
	}

	.content {
		position: relative !important;
		top: auto !important;
		left: auto !important;
		width: 100% !important;
		max-width: none !important;
		transform: none !important;
	}

	.h3-element {
		font-size: 32px !important;
		line-height: 1.15 !important;
	}

	.p-element {
		font-size: 16px !important;
		line-height: 1.65 !important;
	}

	.download-section br {
		display: none;
	}

	.line-bar-container {
		width: 100% !important;
		height: auto !important;
		padding: 18px 0 !important;
	}

	.line-bar {
		width: 118px !important;
	}

	.store-links {
		display: flex !important;
		flex-wrap: wrap !important;
		gap: 10px !important;
		margin-top: 14px !important;
	}

	.store-links img {
		width: 158px !important;
		height: auto !important;
	}

	.digi-block {
		background-attachment: scroll !important;
	}

	.digi-block .container {
		width: 100% !important;
		max-width: none !important;
		padding: 56px 28px !important;
	}

	.virtual-bank-section {
		width: 100% !important;
		margin: 0 !important;
		padding: 0 !important;
	}

	.virtual-bank-section h2 {
		font-size: 32px !important;
		line-height: 1.15 !important;
	}

	.virtual-bank-section p {
		width: 100% !important;
		font-size: 16px !important;
		line-height: 1.65 !important;
	}

	.virtual-bank-section ul {
		font-size: 16px !important;
		line-height: 1.55 !important;
	}

	.help-section {
		height: auto !important;
		min-height: 0 !important;
		padding: 64px 18px 32px !important;
		background-position: center !important;
	}

	.contact-container,
	.contact-form {
		width: 100% !important;
		max-width: none !important;
	}

	.contact-container {
		display: block !important;
	}

	.contact-form {
		padding: 22px !important;
	}

	.contact-form h2 {
		font-size: 28px !important;
		line-height: 1.25 !important;
	}

	.contact-form input,
	.contact-form textarea {
		min-height: 40px;
		font-size: 16px !important;
	}

	.social-media,
	.footer {
		width: 100% !important;
		display: block !important;
		font-size: 14px !important;
		line-height: 1.6 !important;
	}

	.social-icons {
		margin-top: 12px;
		flex-wrap: wrap;
	}

	.digi-block .row,
	.digi-block .virtual-bank-section {
		display: flex !important;
		opacity: 1 !important;
		visibility: visible !important;
		transform: none !important;
	}

	html {
		overflow-x: hidden !important;
		overflow-y: auto !important;
	}

	body {
		overflow-x: visible !important;
		overflow-y: visible !important;
	}

	@supports (overflow: clip) {
		body {
			overflow-x: clip !important;
		}
	}

	#why-choose-us.section,
	#download.section,
	#digi-block.section,
	#contact-us.section {
		position: -webkit-sticky !important;
		position: sticky !important;
		top: 0 !important;
	}

	#why-choose-us.section {
		z-index: 30 !important;
	}

	#download.section {
		z-index: 40 !important;
	}

	#digi-block.section {
		z-index: 50 !important;
	}

	#contact-us.section {
		z-index: 60 !important;
	}

}

@media (max-width: 380px) {
	.home-heading {
		font-size: 32px !important;
	}

	.home-subheading {
		font-size: 20px !important;
	}

	.home-sub-subheading {
		font-size: 17px !important;
	}

	.tabs li,
	.tabs li.active {
		font-size: 13px !important;
		padding: 10px 12px !important;
	}
}