@media only screen and (max-width: 1800px) and (min-width: 1730px) {
	.hero-svg-line {
		position: absolute;
		top: 20px;
		left: 67%;
		transform: translate(-50%, 0%);
		z-index: 1;
	}

	section#hero-section {
		background-position: -70px 100% !important;
		background-repeat: no-repeat !important;
		background-size: 120% 150% !important;
	}

	.hero-section {
		min-height: 860px;
	}

	.background-svg {
		width: 110%;
	}

	.intro-title h3 {
		max-width: 75%;
	}

	.dynamic-horizantal-col {
		width: calc(100% + 180%);
	}

	.info-section .info-image-col h2 {
		max-width: 70%;
	}

	.brand-section .brand-line {
		margin-bottom: 40%;
	}

	.brand-section {
		padding-bottom: 72%;
	}

	.progress-info-box {
		max-width: 100%;
		padding-top: 40px;
	}

	.progress-section {
		padding-block: 90px 90px;
	}

	.main-heading {
		max-width: 40%;
	}

	.team-inner-section p {
		max-width: 50%;
	}

	.schedule-text-col h3 {
		max-width: 80%;
	}

	.spend-control .animation-timeline-ctn .line-cross {
		height: 350px;
		transform: translateY(15%) rotate(-32deg);
		right: 20%;
		top: 50%;
	}

	.funded-offers .animation-timeline-ctn .line-cross {
		height: 500px;
		transform: translateY(-10%) rotate(-125deg);
		left: -30%;
	}

	.instant-notifications .animation-timeline-ctn .line-cross {
		height: 500px;
		transform: rotate(-60deg) translateX(60px);
		left: 70%;
	}

	.card-management .animation-timeline-ctn .line-cross {
		height: 510px;
		transform: rotate(-130deg) translateX(20px);
		left: -40%;
	}

	.progress-box {
		width: 100%;
		max-width: 19.2%;
	}

	.progress-ctn .progress-col {
		gap: 100px;
	}

	body .progress-info-box .big-title {
		max-width: 71%;
		font-size: 30px;
	}

	.content-left h4 {
		max-width: 80%;
	}

	.content-left p {
		max-width: 80%;
	}

	.dynamic-col {
		padding-top: 80px;
		position: relative;
	}

	.content-right video {
		margin-left: 6rem;
	}

	.subsections {
		padding-bottom: 45%;
	}

	.progress-ctn .progress-col {
		width: 280vw;
	}
}

@media only screen and (max-width: 1729px) and (min-width: 1600px) {
	.hero-svg-line {
		top: 140px;
		left: 61%;
	}

	.dynamic-horizantal-col {
		width: calc(100% + 170%);
	}

	.intro-title h3 {
		max-width: 75%;
	}

	.background-svg {
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-54%, -54%) rotate(19deg);
		width: 102%;
		height: 100%;
		z-index: -1;
	}


	.dynamic-horizantal-col .dynamic-inner-horizantal-col .simult-col h5 {
		padding: 33px 100px;
	}

	.dynamic-horizantal-col .dynamic-inner-horizantal-col .single-tab-col h5 {
		padding: 35px 100px;
	}

	.spend-control .animation-timeline-ctn .line-cross {
		height: 350px;
		transform: translateY(15%) rotate(-32deg);
		right: 20%;
		top: 50%;
	}

	.funded-offers .animation-timeline-ctn .line-cross {
		height: 500px;
		transform: translateY(-10%) rotate(-125deg);
		left: -30%;
	}

	.instant-notifications .animation-timeline-ctn .line-cross {
		height: 500px;
		transform: rotate(-60deg) translateX(60px);
		left: 70%;
	}

	.card-management .animation-timeline-ctn .line-cross {
		height: 510px;
		transform: rotate(-130deg) translateX(20px);
		left: -40%;
	}

	.content-left h4 {
		max-width: 80%;
	}

	.content-left p {
		max-width: 80%;
	}

	.dynamic-col {
		padding-top: 80px;
		position: relative;
	}

	.content-right video {
		margin-left: 6rem;
	}

	.subsections {
		padding-bottom: 45%;
	}

	.issuance-section svg.issuance-svg {
		top: -2%;
	}

	.brand-section .brand-line {
		margin-bottom: 35%;
	}

	.main-heading {
		max-width: 35%;
	}
}

@media only screen and (max-width: 1599px) {
	.hero-banner-ctn h1 {
		width: 100%;
		max-width: 70%;
	}

	.hero-section {
		min-height: 860px;
	}

	.hero-svg-line {
		left: 74%;
		top: 20px;
	}

	.background-svg {
		transform: translate(-49%, -55.5%) rotate(20deg);
		width: 128%;
		height: 125%;
	}

	.issuance-section svg.issuance-svg {
		top: -2%;
	}

	.intro-title h3 {
		max-width: 72%;
	}

	.issuance-intro-ctn {
		padding-block: 12rem 0px;
	}

	.issuance-intro-col {
		padding-block: 120px;
	}

	.dynamic-horizantal-col {
		width: calc(100% + 200%);
		padding-block: 60px 100px;
	}

	.info-section .info-image-col h2 {
		max-width: 80%;
	}

	.info-section .info-image-col {
		width: 100%;
		min-height: 1080px;
	}

	.spend-control .animation-timeline-ctn .line-cross {
		height: 400px;
		transform: translateY(15%) rotate(-32deg);
		right: 20%;
		top: 20%;
	}

	.info-timeline-col .funded-offers .timeline-inner-ctn {
		transform: translateX(80%);
	}

	.info-timeline-col .instant-notifications .timeline-inner-ctn,
	.info-timeline-col .customer-insights .timeline-inner-ctn {
		transform: translateX(-20%);
	}

	.funded-offers .animation-timeline-ctn .line-cross {
		height: 600px;
		transform: translateY(-15%) rotate(-125deg);
		left: -25%;
	}

	.instant-notifications .animation-timeline-ctn .line-cross {
		height: 480px;
		transform: rotate(-50deg) translateX(70px);
		left: 65%;
	}

	.card-management .animation-timeline-ctn .line-cross {
		height: 540px;
		transform: rotate(-130deg) translateX(90px);
		left: -25%;
	}

	.issuance-intro-col {
		max-width: 80%;
	}

	.brand-section .brand-line {
		margin-bottom: 40%;
	}

	.progress-info-box {
		width: 100%;
		max-width: 88%;
	}

	.progress-info-box .big-title {
		max-width: 77%;
	}

	.progress-box:first-child h4.big-title {
		max-width: 72%;
	}

	.main-heading {
		max-width: 40%;
	}

	.content-left h4 {
		max-width: 88%;
	}

	.content-left p {
		max-width: 67%;
	}

	.team-inner-section p {
		max-width: 48%;
	}

	.schedule-text-col h3 {
		max-width: 81%;
	}

	.schedule-code-col {
		height: 1680px;
	}

	.info-timeline-col .timeline-inner-col h6 {
		max-width: 45%;
	}

	.brand-section {
		height: 1533px;
		padding-bottom: 60%;
	}

	.progress-section {
		padding-block: 90px 90px;
	}

	.progress-info-box {
		padding-top: 30px;
	}

	.progress-box {
		width: 100%;
		max-width: 22.5%;
	}

	.progress-ctn .progress-col {
		gap: 120px;
		margin-left: 0vw;
		width: 420vw;
	}

	/* Check 1367px and add css here */
}

@media only screen and (max-width: 1537px) and (min-width: 1440px) {
	.hero-svg-line {
		left: 62%;
	}

	.content-panel {
		height: 860px;
	}

	.intro-title h3 {
		max-width: 67%;
	}

	.info-timeline-col .timeline-inner-col {
		height: 860px;
	}

	.spend-control .animation-timeline-ctn .line-cross {
		height: 380px;
		transform: translateY(20%) rotate(-32deg);
		right: 20%;
		top: 20%;
	}

	.funded-offers .animation-timeline-ctn .line-cross {
		height: 570px;
		transform: translateY(-15%) rotate(-125deg);
		left: -25%;
	}

	.instant-notifications .animation-timeline-ctn .line-cross {
		height: 500px;
		transform: rotate(-50deg) translateX(80px);
		left: 65%;
	}

	.brand-section {
		height: 1590px;
		padding-bottom: 50%;
	}

	.progress-info-box {
		padding-top: 30px;
	}

	.progress-section {
		padding-block: 90px;
	}

	body .elementor-section.partners-section>.elementor-container {
		max-width: 1280px;
	}

	.content-left p {
		max-width: 86%;
	}

	.background-svg {
		transform: translate(-55%, -49.5%) rotate(19deg);
		width: 106%;
		height: 100%;
	}
}

@media only screen and (max-width: 1537px) {
	.background-svg {
		transform: translate(-51%, -49.5%) rotate(13deg);
		width: 106%;
		height: 100%;
	}

	.hero-svg-line {
		left: 63%;
	}

	.dynamic-horizantal-col {
		width: calc(100% + 250%);
		padding-block: 60px 100px;
	}

	.info-section .info-image-col h2 {
		max-width: 72%;
	}

	.content-left p {
		max-width: 86%;
	}

	.content-right video {
		margin-left: 3rem;
	}

	body .elementor-section.partners-section>.elementor-container {
		max-width: 1280px;
	}

	.progress-box .progress-img-box img {
		width: 100%;
	}
}

@media only screen and (max-width: 1536px) {
	.background-svg {
		transform: translate(-43%, -50.5%) rotate(13deg);
		width: 106%;
		height: 100%;
	}

	.hero-svg-line {
		left: 74%;
		top: 20px;
	}

	section#hero-section {
		background-position: -10px 100% !important;
		background-repeat: no-repeat !important;
		background-size: 120% 150% !important;
	}

	.info-section .info-image-col h2 {
		max-width: 70%;
	}

	.progress-info-box {
		width: 100%;
		max-width: 75%;
	}

	.progress-box {
		width: 100%;
		max-width: 16.8%;
	}

	.progress-info-box {
		width: 100%;
		max-width: 100%;
	}

	.progress-ctn .progress-col {
		gap: 120px;
		margin-left: 0vw;
		width: 260vw;
	}

	.progress-box .progress-img-box img {
		width: 100%;
	}

	.dynamic-horizantal-col {
		width: calc(100% + 180%);
		padding-block: 40px 100px;
	}

	.dynamic-horizantal-col .dynamic-inner-horizantal-col .simult-col h5 {
		padding: 33px 100px;
	}

	.dynamic-horizantal-col .dynamic-inner-horizantal-col .single-tab-col h5 {
		padding: 35px 100px;
	}

	.content-right video {
		margin-left: 2rem;
	}

	.brand-ctn .brand-image-col .brand-box-col .giftcart {
		padding: 65px 40px;
		top: -90%;
		left: -30%;
	}

	.brand-ctn .brand-image-col .brand-box-col .cashback {
		padding: 85px 40px;
		top: -60%;
		right: -12%;
	}

	.subsections {
		padding-bottom: 40%;
	}

	.dynamic-col {
		padding-top: 80px;
	}

	.info-timeline-col {
		margin-top: -120rem;
	}
}

@media only screen and (max-width: 1440px) {
	.progress-info-box {
		width: 100%;
		max-width: 80%;
	}

	section#hero-section {
		background-position: -30px 100% !important;
		background-repeat: no-repeat !important;
		background-size: 120% 140% !important;
	}

	.progress-box {
		width: 100%;
		max-width: 18%;
	}

	.progress-info-box {
		width: 100%;
		max-width: 100%;
	}

	.progress-ctn .progress-col {
		gap: 120px;
		margin-left: 0vw;
		width: 260vw;
	}

	.progress-box .progress-img-box img {
		width: 100%;
	}

	.hero-svg-line {
		left: 74%;
		top: 50px;
	}

	.dynamic-horizantal-col {
		width: calc(100% + 198%);
	}

	.background-svg {
		transform: translate(-42%, -52%) rotate(13deg);
		width: 110%;
		height: 100%;
	}

	body .progress-info-box .big-title {
		font-size: 23px;
		max-width: 65%;
	}

	.progress-box:nth-child(3) h4.big-title {
		max-width: 74%;
	}

	.timeline-content {
		display: inline-block;
	}

	.info-timeline-col {
		margin-top: -90rem;
	}
}

@media only screen and (max-width: 1367px) {
	.background-svg {
		transform: translate(-42%, -51%) rotate(13deg);
		width: 130%;
		height: 100%;
	}

	.hero-svg-line {
		left: 75%;
		top: 40px;
	}

	.dynamic-col {
		padding-top: 40px;
	}

	.dynamic-horizantal-col {
		padding-block: 20px 120px;
		width: calc(100% + 211%);
	}

	body .progress-info-box .big-title {
		font-size: 26px;
		max-width: 65%;
	}
}

@media only screen and (max-width: 1366px) {
	.hero-svg-line {
		left: 65%;
	}

	.hero-section {
		min-height: 860px;
	}

	.hero-svg-line {
		left: 76%;
		top: 50px;
	}

	.experiences-section {
		padding-block: 130px 250px;
	}

	.background-svg {
		transform: translate(-42%, -52%) rotate(13deg);
		width: 110%;
		height: 100%;
	}

	.experience-program-btn {
		padding-top: 40px;
		padding-right: 1rem;
	}

	.nav-bar-buttons .launch-a-new-card-program,
	.nav-bar-buttons .enhance-my-card-program {
		width: 260px;
	}

	.issuance-intro-col {
		max-width: 90%;
		padding-block: 100px;
	}

	.intro-title h3 {
		max-width: 55%;
	}

	.issuance-inner-section {
		width: 100%;
		max-width: 1121px;
		margin: 0 auto;
	}

	div#section2 .text-div h4 {
		width: 100%;
		max-width: 80%;
	}

	.dynamic-col {
		padding-top: 20px;
	}

	.dynamic-horizantal-col {
		width: calc(100% + 200%);
		padding-block: 0px 100px;
	}

	.info-section .info-image-col {
		width: 100%;
		min-height: 900px;
	}

	.issuance-section svg.issuance-svg {
		top: -2%;
	}

	.info-timeline-col {
		width: 100%;
		max-width: 1121px;
		margin: -80rem auto 0;
	}

	.info-timeline-col .funded-offers .timeline-inner-ctn,
	.info-timeline-col .card-management .timeline-inner-ctn {
		transform: translateX(75%);
	}

	.info-timeline-col .instant-notifications .timeline-inner-ctn,
	.info-timeline-col .customer-insights .timeline-inner-ctn {
		transform: translateX(-15%);
	}

	.spend-control .animation-timeline-ctn .line-cross {
		height: 300px;
		transform: translateY(22%) rotate(-32deg);
		right: 20%;
		top: 20%;
	}

	.funded-offers .animation-timeline-ctn .line-cross {
		height: 350px;
		transform: translateY(-5%) rotate(-130deg);
		left: -15%;
	}

	.instant-notifications .animation-timeline-ctn .line-cross {
		height: 350px;
		transform: rotate(-50deg) translateX(40px);
		left: 63%;
	}

	.info-timeline-col .timeline-inner-col {
		width: 100%;
		height: 700px;
	}

	.content-panel {
		height: 830px;
	}

	.brand-ctn .brand-image-col .brand-box-col .giftcart {
		padding: 70px 50px;
		border-radius: 30px;
		top: -90%;
		left: -30%;
	}

	.brand-ctn .brand-image-col .brand-box-col .giftcart span {
		font-size: 20px;
	}

	.brand-ctn .brand-image-col .brand-box-col .cashback {
		padding: 85px 40px;
		top: -70%;
		right: -10%;
	}

	.brand-ctn .brand-image-col .brand-box-col .cashback span {
		font-size: 24px;
	}

	.brand-ctn .brand-image-col .brand-box-col .crypto {
		padding: 40px 30px;
		top: 70%;
		right: -5%;
	}

	.brand-ctn .brand-image-col .brand-box-col .crypto span {
		font-size: 17px;
	}

	.brand-ctn .brand-image-col .brand-box-col .bnpl {
		padding: 65px 50px;
		border-radius: 25px;
		right: 20%;
		top: 120%;
	}

	.brand-ctn .brand-image-col .brand-box-col .bnpl span {
		font-size: 19px;
	}

	.brand-ctn .brand-image-col .brand-box-col .micro-loans {
		padding: 56px 20px;
		border-radius: 30px;
		left: -30%;
		top: 120%;
	}

	.brand-ctn .brand-image-col .brand-box-col .micro-loans span {
		font-size: 20px;
	}

	.progress-info-box .big-title {
		max-width: 70%;
	}

	.brand-section {
		height: 1100px;
		padding-bottom: 72%;
	}

	.progress-box .progress-img-box img {
		border-radius: 18px;
		transform: translateX(-50px);
		width: 100%;
	}

	.progress-section {
		padding-block: 80px;
	}

	.progress-box {
		width: 100%;
		max-width: 18%;
	}

	.progress-info-box {
		width: 100%;
		max-width: 100%;
	}

	.progress-ctn .progress-col {
		width: 260vw;
		gap: 80px;
		margin-left: 0vw;
	}

	.subsections {
		padding-top: 25%;
		padding-bottom: 40%;
		gap: 20vh;
	}

	.content-left h4 {
		max-width: 92%;
	}

	.content-left p {
		max-width: 92%;
		padding-top: 35px;
	}

	body .progress-info-box .big-title {
		font-size: 24px;
		max-width: 65%;
	}

	.card-image-ctn {
		padding-bottom: 80px;
	}

	.team-inner-section {
		padding: 0 30px;
	}

	.team-inner-section p {
		max-width: 60%;
	}

	.schedule-text-col h3 {
		max-width: 88%;
	}

	.issuance-inner-section {
		/* min-height: unset; */
	}

	.inner-section {
		max-width: none;
	}

	.schedule-section {
		padding: 90px 0;
	}

	body .elementor-section.partners-section>.elementor-container {
		max-width: 1080px;
	}

	/* Check 1200px and add css here */
}

@media only screen and (max-width: 1300px) and (min-width: 1280px) {
	.dynamic-horizantal-col {
		width: calc(100% + 219%);
	}

	.hero-svg-line {
		left: 77%;
		top: 40px;
	}

	.intro-title h3 {
		max-width: 60%;
	}

	.background-svg {
		transform: translate(-43%, -53%) rotate(13deg);
		width: 115%;
		height: 100%;
	}

	.content-left p {
		max-width: 80%;
		padding-top: 35px;
		padding-right: 4rem;
	}

	body .progress-info-box .big-title {
		font-size: 22px;
		max-width: 70%;
	}
}

@media only screen and (max-width: 1278px) and (min-width: 1201px) {
	.hero-svg-line {
		left: 79%;
	}

	.background-svg {
		transform: translate(-44%, -56%) rotate(13deg);
		width: 110%;
		height: 100%;
	}
}

@media only screen and (max-width: 1200px) {
	.hero-svg-line {
		left: 79%;
		top: 40px;
	}

	.background-svg {
		transform: translate(-41%, -51.5%) rotate(13deg);
		width: 128%;
		height: 100%;
	}

	.intro-title h3 {
		max-width: 62%;
	}

	.dynamic-horizantal-col {
		width: calc(100% + 250%);
		padding-block: 0px 100px;
	}
}

@media only screen and (max-width: 1199px) {
	html.lenis .dynamic-processing-inner-section.desktop-tab-section {
		display: none;
	}

	html.lenis .dynamic-processing-inner-section.mini-tab-section {
		display: block;
		background: #4d635c;
	}

	html.lenis .dynamic-processing-inner-section.mini-tab-section .dynamic-horizantal-col {
		width: calc(100% + 20%);
	}

	nav.first-navination {
		padding: 0px 30px;
		top: 30px;
	}

	.nav-bar-buttons .btn-wrapper {
		width: 130px;
		height: 30px;
	}

	.nav-bar-buttons .btn-wrapper span {
		font-size: 13px;
		line-height: normal;
	}

	.nav-bar-buttons .btn-wrapper span.hover-arrow {
		padding: 7px 0;
	}

	.hero-section {
		min-height: 700px;
	}

	.hero-svg-line {
		left: 85%;
		top: -50px;
	}

	.hero-banner-ctn h1 {
		width: 100%;
		max-width: 60%;
	}

	.hero-container {
		padding-bottom: 100px;
		padding-left: 46px;
	}

	.scroll-down-button .scroll-down-col {
		border-radius: 80px;
		width: 80px;
		height: 30px;
	}

	.scroll-down-button .scroll-down-col .scroll-down-text {
		font-size: 10px;
	}

	.scroll-down-button .scroll-down-col .scroll-arrow {
		top: 5%;
		left: -25px;
	}

	.scroll-down-button .scroll-down-col .scroll-arrow img {
		width: 80%;
	}

	.scroll-down-button {
		bottom: 30px;
		left: 40px;
	}

	.experiences-section {
		padding-block: 100px 150px;
	}

	.content-panel {
		height: 750px;
	}

	.background-svg {
		transform: translate(-59%, -47%) rotate(13deg);
		width: 140%;
		height: 100%;
	}

	.experiences-program-ctn .experience-program-title h3 {
		max-width: 51%;
	}

	.nav-bar-buttons .launch-a-new-card-program,
	.nav-bar-buttons .enhance-my-card-program {
		width: 220px;
	}

	.experience-program-btn {
		padding-top: 30px;
		padding-right: 1rem;
	}

	.issuance-section svg.issuance-svg {
		top: -2%;
	}

	.issuance-intro-ctn {
		padding-block: 8rem 0px;
	}

	.issuance-intro-col {
		max-width: 92%;
		padding-block: 100px;
	}

	.dynamic-title-col {
		padding-left: 40px;
	}

	.dynamic-horizantal-col h5 {
		padding: 25px 30px;
	}

	.dynamic-horizantal-col .dynamic-inner-horizantal-col .account-num-col h5 {
		position: relative;
		padding: 8px 30px;
	}

	.dynamic-horizantal-col .dynamic-inner-horizantal-col .simult-col h5,
	.dynamic-horizantal-col .dynamic-inner-horizantal-col .single-tab-col h5 {
		padding: 20px 120px;
	}

	.dynamic-col {
		padding-top: 100px;
	}

	.schedule-text-col h3 {
		padding-bottom: 40px;
	}

	.info-timeline-col .timeline-inner-col {
		width: 100%;
		height: 650px;
	}

	.info-section .info-image-col h2 {
		max-width: 70%;
	}

	.spend-control .animation-timeline-ctn .line-cross {
		height: 280px;
		transform: translateY(22%) rotate(-32deg);
		right: 20%;
		top: 20%;
	}

	.info-timeline-col .funded-offers .timeline-inner-ctn,
	.info-timeline-col .card-management .timeline-inner-ctn {
		transform: translateX(60%);
	}

	.info-timeline-col .instant-notifications .timeline-inner-ctn,
	.info-timeline-col .customer-insights .timeline-inner-ctn {
		transform: translateX(-10%);
	}

	.funded-offers .animation-timeline-ctn .line-cross {
		height: 300px;
		transform: translateY(0%) rotate(-140deg);
		left: -5%;
	}

	.schedule-section {
		padding: 50px 0;
	}

	.intro-title h3 {
		max-width: 62%;
	}

	.progress-ctn .progress-col {
		width: 360vw;
		gap: 80px;
		margin-left: 0vw;
	}

	.progress-box {
		width: 100%;
		max-width: 20%;
	}

	.progress-info-box .big-title {
		max-width: 69%;
	}

	.progress-info-box {
		padding-top: 54px;
	}

	.brand-section .brand-line {
		margin-bottom: 40%;
	}

	.brand-section {
		height: 1000px;
		padding-bottom: 75%;
	}

	.brand-ctn .brand-image-col .brand-box-col .giftcart {
		padding: 45px 30px;
		border-radius: 20px;
		top: -60%;
		left: -10%;
	}

	.brand-ctn .brand-image-col .brand-box-col .giftcart span {
		font-size: 18px;
	}

	.brand-ctn .brand-image-col .brand-box-col .cashback {
		padding: 65px 30px;
		border-radius: 25px;
		top: -50%;
		right: -10%;
	}

	.brand-ctn .brand-image-col .brand-box-col .crypto {
		padding: 30px 20px;
		border-radius: 20px;
		top: 80%;
		right: 5%;
	}

	.brand-ctn .brand-image-col .brand-box-col .crypto span {
		font-size: 16px;
	}

	.brand-ctn .brand-image-col .brand-box-col .bnpl {
		padding: 50px 40px;
		border-radius: 20px;
		right: 30%;
		top: 100%;
	}

	.brand-ctn .brand-image-col .brand-box-col .bnpl span {
		font-size: 18px;
	}

	.brand-ctn .brand-image-col .brand-box-col .micro-loans {
		padding: 40px 10px;
		border-radius: 16px;
		left: -10%;
		top: 120%;
	}

	.brand-ctn .brand-image-col .brand-box-col .micro-loans span {
		font-size: 18px;
	}

	.instant-notifications .animation-timeline-ctn .line-cross {
		height: 280px;
		transform: rotate(-30deg) translateX(-10px);
		left: 60%;
	}

	.card-management .animation-timeline-ctn .line-cross {
		height: 320px;
		transform: rotate(-140deg) translateX(20px);
		left: -15%;
	}

	html.lenis .dynamic-processing-inner-section.mini-tab-section .line {
		height: 0.75px;
		width: 100%;
		background: #ff9442;
		transform: translateX(-100%);
	}

	.inner-section {
		max-width: 940px;
		margin: 0 auto;
	}

	div#section2 .text-div h4 {
		width: 100%;
		max-width: 90%;
	}

	.info-image-col-wrapper {
		top: 0px;
	}

	.content-right video {
		margin-left: 2rem;
	}

	body .elementor-section.partners-section>.elementor-container {
		max-width: 940px;
	}

	.dynamic-horizantal-col .dynamic-inner-horizantal-col .fund-col .fund-svg-one {
		position: relative;
		transform: translate(0px, -25px);
	}

	body .progress-info-box .big-title {
		max-width: 63%;
	}

	.info-timeline-col {
		margin: -60rem auto 0;
	}

	.schedule-text-col h3 {
		font-size: 35px !important;
	}

	/* Check 1025px and add css here */
}

@media only screen and (max-width: 1198px) and (min-width: 1108px) {
	.hero-svg-line {
		left: 79%;
		top: -60px;
	}
}

@media only screen and (max-width: 1024px) {
	html.lenis {
		overflow-x: hidden;
	}

	.inner-contener>.elementor-container,
	.elementor>.elementor-section.elementor-section-boxed>.elementor-container {
		padding: 0 30px;
		max-width: 100% !important;
	}

	.header-wrapper .nav-bar nav.elementor-nav-menu--dropdown {
		position: fixed !important;
		bottom: 0;
		top: initial !important;
		left: 0% !important;
		width: 100% !important;
		height: calc(100% - 90px) !important;
		padding: 0 30px;
		transition: all 0.3s;
		overflow: auto;
		margin: 0 !important;
	}

	.schedule-code {
		margin-inline: 30px;
		padding: 55px 47px 65px 82px;
	}

	nav.secnd-navigation .main-navtion-container .main-navtion-col img {
		padding: 11px 17px;
	}

	nav.secnd-navigation .main-navtion-container .main-navtion-col .navigation-bar ul.nav-list li a,
	ul.sub-nav-list li.nav-item a {
		padding: 10px 10px;
	}

	ul.sub-nav-list {
		margin-block: 10px 14px;
	}

	.hero-svg-line {
		left: 96%;
		top: -60px;
	}

	.experiences-container {
		padding: 0 30px;
	}

	.experiences-section .experiences-container .experiences-col {
		display: none;
	}

	.experiences-section .experiences-container .MobileExperiences {
		display: inline-block;
	}

	.team-inner-section .team-inner-container {
		display: none;
	}

	.team-inner-section .mobile-team-container {
		display: block;
		overflow: hidden;
		background: #f5f5f2;
	}

	.mobile-inner-title {
		height: fit-content;
		overflow: hidden;
	}

	body .cursor {
		display: none !important;
	}

	.progress-section {
		padding: 60px 30px;
		max-width: fit-content;
		margin: 0;
	}

	.progress-ctn .progress-col {
		width: 100%;
		gap: 108px;
		flex-direction: column;
		margin-left: 0;
	}

	.progress-box {
		width: 100%;
		max-width: none;
	}

	.progress-box .progress-img-box img {
		border-radius: 20px;
		height: 416px;
		object-fit: cover;
		transform: translateX(0px);
		width: 100%;
	}

	.progress-info-box {
		padding-top: 53px;
		flex-direction: column;
		gap: 15px;
	}

	.progress-info-box .small-title {
		font-size: 10px;
		letter-spacing: 0.5px;
	}

	.progress-info-box .big-title {
		max-width: none;
	}

	.brand-section {
		height: auto;
		padding-bottom: 30%;
		width: auto;
		padding-inline: 30px;
	}

	.brand-ctn .brand-text-col {
		width: 60%;
	}

	.brand-ctn .brand-image-col {
		width: 100%;
		position: relative;
		text-align: center;
	}

	.brand-ctn .brand-image-col .image-col img {
		width: 60%;
	}

	.brand-ctn {
		flex-direction: column;
		align-items: center;
		gap: 220px;
	}

	.brand-ctn .brand-image-col .brand-box-col .giftcart span {
		font-size: 14px;
	}

	.brand-ctn .brand-image-col .brand-box-col .giftcart {
		padding: 25px 14px;
		border-radius: 12px;
		top: -40%;
		left: 10%;
	}

	.brand-ctn .brand-image-col .brand-box-col .cashback {
		padding: 30px 10px;
		border-radius: 10px;
		top: -20%;
		right: 12%;
	}

	.brand-ctn .brand-image-col .brand-box-col .cashback span {
		font-size: 13px;
	}

	.brand-ctn .brand-image-col .brand-box-col .per-card {
		padding: 14px 4px;
		border-radius: 5px;
		width: 40px;
		top: 70px;
		left: 290px;
	}

	.brand-ctn .brand-image-col .brand-box-col .crypto {
		padding: 18px 14px;
		border-radius: 10px;
		top: 90%;
		right: 15%;
	}

	.brand-ctn .brand-image-col .brand-box-col .crypto span {
		font-size: 12px;
	}

	.brand-ctn .brand-image-col .brand-box-col .bnpl {
		padding: 30px 20px;
		border-radius: 10px;
		right: 30%;
		top: 120%;
	}

	.brand-ctn .brand-image-col .brand-box-col .bnpl span {
		font-size: 14px;
	}

	.brand-ctn .brand-image-col .brand-box-col .micro-loans {
		padding: 30px 8px;
		border-radius: 10px;
		left: -12%;
		top: 100%;
	}

	.brand-ctn .brand-image-col .brand-box-col .micro-loans span {
		font-size: 14px;
	}

	.card-image-ctn .card-image-col img.card-image {
		transform: translate(0px, 110px);
	}

	.card-image-ctn .card-image-col img.card-swiper-image {
		transform: translate(20px, -10px);
	}

	.schedule-code-col {
		height: 600px;
	}

	.info-section .info-image-col {
		width: 100%;
		min-height: 100vh;
		background-position: 0% center;
	}

	.info-section .info-image-col h2 {
		max-width: 72%;
	}

	.info-timeline-col .funded-offers .timeline-inner-ctn,
	.info-timeline-col .card-management .timeline-inner-ctn {
		transform: translateX(55%);
	}

	.info-timeline-col .instant-notifications .timeline-inner-ctn,
	.info-timeline-col .customer-insights .timeline-inner-ctn {
		transform: translateX(0%);
	}

	.info-timeline-col .timeline-inner-col {
		width: 100%;
		height: 600px;
	}

	.spend-control .animation-timeline-ctn .line-cross {
		height: 250px;
		transform: translateY(27%) rotate(-28deg);
		right: 34%;
		top: 20%;
	}

	.instant-notifications .animation-timeline-ctn .line-cross {
		height: 240px;
		transform: rotate(-30deg) translateX(-20px);
		left: 47%;
	}

	.card-management .animation-timeline-ctn .line-cross {
		height: 280px;
		transform: rotate(-145deg) translateX(0px);
		left: -15%;
	}

	.issuance-intro-col {
		max-width: 82%;
		padding-block: 100px;
	}

	html.lenis .dynamic-processing-inner-section.mini-tab-section .dynamic-horizantal-col {
		width: calc(100% + 420%);
	}

	.dynamic-horizantal-col h5 {
		padding: 18px 22px;
	}

	.dynamic-horizantal-col .dynamic-inner-horizantal-col .simult-col h5,
	.dynamic-horizantal-col .dynamic-inner-horizantal-col .single-tab-col h5 {
		padding: 20px 100px;
	}

	.inner-section {
		position: relative;
	}

	.MobileNavCircle svg {
		width: 44px;
		height: 44px;
	}

	.experiences-program-ctn .experience-program-title,
	.experiences-program-ctn .experience-program-btn .nav-bar-buttons {
		z-index: 2;
		background-color: #f5f5f2;
		position: relative;
	}

	.scroll-down-button {
		bottom: 40px;
		left: 40px;
		display: none;
	}

	.dynamic-horizantal-col .dynamic-inner-horizantal-col .fund-col .fund-svg {
		position: relative;
		transform: translate(0px, -25px);
	}

	.account-col h5 {
		transform: translate(0px, 15px);
	}

	.dynamic-horizantal-col .dynamic-inner-horizantal-col .account-col .account-svg {
		position: relative;
		transform: translate(-4px, 45px);
	}

	.dynamic-horizantal-col .dynamic-inner-horizantal-col .account-num-col h5:nth-child(1) {
		transform: translate(-244px, 25px);
	}

	.dynamic-horizantal-col .dynamic-inner-horizantal-col .account-num-col h5:nth-child(2) {
		transform: translate(-8.8rem, -5px);
	}

	.dynamic-horizantal-col .dynamic-inner-horizantal-col .account-num-col h5:nth-child(3) {
		transform: translate(-4px, -10px);
	}

	.dynamic-horizantal-col .dynamic-inner-horizantal-col .account-num-col .account-num-svg {
		transform: translate(-5px, -25px);
	}

	.dynamic-horizantal-col .dynamic-inner-horizantal-col .simult-col h5 {
		transform: translate(-6px, -35px);
	}

	.dynamic-horizantal-col .dynamic-inner-horizantal-col .simult-col .simult-svg {
		transform: translate(-7px, -35px);
	}

	.dynamic-horizantal-col .dynamic-inner-horizantal-col .single-tab-col h5 {
		transform: translate(-7px, -35px);
	}

	.dynamic-horizantal-col .dynamic-inner-horizantal-col {
		padding-block: 30px;
	}

	.industry-section {
		padding: 200px 0 0;
	}

	.main-heading {
		max-width: 50%;
	}

	.schedule-text-col h3 {
		max-width: 96%;
	}

	.info-section .info-image-col {
		position: relative;
	}

	.content-right video {
		margin-left: 0;
	}

	.content-left h4 {
		max-width: 100%;
	}

	body .progress-info-box .big-title {
		font-size: 24px;
		max-width: 100%;
	}

	.progress-box:nth-child(3) h4.big-title {
		max-width: 100%;
	}

	.progress-box:first-child h4.big-title {
		max-width: 100%;
	}

	.brand-line {
		transform: rotate(90deg);
	}

	.info-image-col h2 .background-color .highlight-text {
		padding-inline: 8px;
	}

	.issuance-section svg.issuance-svg path.blocks-issuance-svg {
		transform: translate(0px, 170px);
		transition: all 1s ease-in-out;
	}

	.issuance-section.in-view svg.issuance-svg path.blocks-issuance-svg {
		transform: translate(0px, 0px);
		transition: all 1s ease-in-out;
	}

	.issuance-section.in-view svg.issuance-svg {
		top: -7%;
		transition: all 1.5s ease-in-out 0.8s;
	}

	.issuance-section svg.issuance-svg {
		transition: all 1.5s ease-in-out 0.8s;
	}

	.dynamic-col {
		padding-top: 30px;
	}

	.schedule-text-col h3 {
		font-size: 28px !important;
	}

	/* time line */

	.timeline {
		display: block;
		position: relative;
		max-width: 770px;
		margin: 0 auto;
		width: 100%;
	}

	.timeline-line {
		position: absolute;
		top: 0;
		left: 50%;
		width: 1px;
		background: #ff9442;
		transform: translateX(-50%);
		height: 0;
		transition: height 0.5s ease;
	}

	.timeline-item:nth-child(even)::before {
		left: -78px !important;
	}

	.timeline-item:nth-child(odd)::before {
		right: -78px !important;
	}

	.timeline-item {
		width: 41.3%;
		padding: 0;
		background: transparent;
		border-radius: 10px;
		box-shadow: unset;
		margin-bottom: 30px;
		z-index: 99;
		position: relative;
		opacity: 0;
		transition: transform 0.3s ease, box-shadow 0.3s ease;
	}

	.timeline-item:nth-child(odd) {
		float: left;
		clear: both;
	}

	.timeline-item:nth-child(even) {
		float: right;
		clear: both;
	}

	.timeline-item::before {
		content: counter(item);
		position: absolute;
		width: 30px;
		height: 30px;
		background: transparent;
		color: #4d635c;
		border: 1px solid #ff9442;
		border-radius: 50%;
		display: flex;
		align-items: center;
		justify-content: center;
		top: 50%;
		transform: translateY(-50%);
		z-index: 99;
		background: #f5f5f2;
		transition: transform 0.3s ease;
	}

	.timeline-item:nth-child(odd)::before {
		right: -15px;
	}

	.timeline-item:nth-child(even)::before {
		left: -15px;
	}

	.timeline-item h3 {
		margin: 0;
		transition: color 0.3s ease;
	}

	.timeline-item h2.animation-text {
		font-size: 30px !important;
	}

	.timeline-item h2.animation-text div div {
		background: #f5f5f2;
		line-height: 50% !important;
	}

	.info-timeline-col {
		margin: 25rem auto 0;
	}

	/* 	.info-image-col h2 .background-color .highlight-bg {
	width: 100%;
} */

	html.lenis .dynamic-processing-inner-section.mini-tab-section {
		width: 100%;
		margin-bottom: -4rem;
	}

	html.safari .dynamic-processing-inner-section.mini-tab-section {
		width: 100%;
		margin-bottom: 0rem;
	}

	.hori-line {
		z-index: 0;
	}

	.dynamic-col .dynamic-title-col h3.left-box .text-animation span {
		text-align: left;
	}

	/* Check 768px and add css here */
}

@media only screen and (max-width: 767px) {

	.inner-contener>.elementor-container,
	.elementor>.elementor-section.elementor-section-boxed>.elementor-container {
		padding: 0 20px;
	}

	.notfound-content {
		padding: 12vw 0;
	}

	.schedule-code {
		margin-bottom: 17.69rem;
	}

	.schedule-code-col {
		padding-top: 92px;
		height: 584px;
	}

	.burger-menu-icons {
		display: inline-block;
	}

	nav.secnd-navigation .main-navtion-container .main-navtion-col .navigation-bar ul.nav-list {
		display: none;
	}

	nav.secnd-navigation .main-navtion-container .main-navtion-col {
		gap: 16px;
	}

	nav.secnd-navigation .main-navtion-container {
		padding: 6px 20px;
	}

	.schedule-text-col .nav-bar-buttons .btn-wrapper {
		height: 40px;
	}

	.schedule-text-col .nav-bar-buttons .btn-wrapper span.hover-arrow {
		padding: 14px 0;
	}

	.schedule-text-col .nav-bar-buttons .btn-wrapper span.button-name {
		font-size: 14px;
	}

	.schedule-section {
		padding: 40px 0;
	}

	.hero-section {
		min-height: 790px;
		background-position: 40% center;
		align-items: flex-start;
	}

	.image-div svg#path-svg {
		transform-origin: 15.3% 62.2%;
		width: 850px;
	}

	.hero-svg-line {
		left: 86%;
		top: 100px;
		z-index: 0;
	}

	.hero-container {
		padding: 140px 0px 0 30px;
		z-index: 99;
	}

	.hero-banner-ctn h1 {
		width: 100%;
		max-width: 80%;
	}

	.nav-bars-section .button-ctn .nav-bar-buttons:nth-child(1) {
		display: none;
	}

	.scroll-down-button {
		display: none;
	}

	.logo-ctn img {
		width: 112px;
	}

	.nav-bar-buttons .btn-wrapper {
		width: 123px;
		height: 40px;
	}

	.nav-bar-buttons .btn-wrapper span {
		font-size: 14px;
		line-height: normal;
	}

	.nav-bar-buttons .btn-wrapper span.hover-arrow {
		padding: 12px 0;
	}

	html.lenis.chrome {
		overflow-x: hidden !important;
	}

	.progress-section {
		padding: 60px 20px;
	}

	.brand-ctn .brand-image-col .brand-box-col .per-card {
		padding: 15px 0px;
		border-radius: 5px;
		width: 40px;
		top: 70px;
		left: 200px;
	}

	.brand-ctn .brand-text-col {
		width: 80%;
	}

	.brand-ctn .brand-image-col .image-col img {
		width: 80%;
	}

	.info-section .info-image-col {
		background-position: 15% center;
	}

	.info-image-col h2 .background-color {
		line-height: 110%;
	}

	.info-timeline-col .timeline-inner-col {
		width: 100%;
		height: 550px;
	}

	.info-timeline-col .funded-offers .timeline-inner-ctn,
	.info-timeline-col .card-management .timeline-inner-ctn {
		transform: translateX(40%);
	}

	.info-timeline-col .timeline-inner-col h6 {
		max-width: 50%;
	}

	.info-timeline-col .instant-notifications .timeline-inner-ctn,
	.info-timeline-col .customer-insights .timeline-inner-ctn {
		transform: translateX(5%);
	}

	.spend-control .animation-timeline-ctn .line-cross {
		height: 220px;
		transform: translateY(30%) rotate(-25deg);
		right: 40%;
		top: 20%;
	}

	.funded-offers .animation-timeline-ctn .line-cross {
		height: 220px;
		transform: translateY(5%) rotate(-150deg);
		left: 15%;
	}

	.instant-notifications .animation-timeline-ctn .line-cross {
		height: 210px;
		transform: rotate(-30deg) translateX(-20px);
		left: 47%;
	}

	.card-management .animation-timeline-ctn .line-cross {
		height: 220px;
		transform: rotate(-146deg) translateX(0px);
		left: 8%;
	}

	html.lenis .dynamic-processing-inner-section.mini-tab-section .dynamic-horizantal-col {
		width: 100%;
		padding-block: 65px 0px;
	}

	.dynamic-horizantal-col .dynamic-inner-horizantal-col .simult-col h5,
	.dynamic-horizantal-col .dynamic-inner-horizantal-col .single-tab-col h5 {
		padding: 20px 70px;
	}

	.dynamic-title-col {
		padding-left: 30px;
	}

	.dynamic-processing-inner-section .dynamic-inner-ctn {
		margin-left: 30px;
	}

	.dynamic-col .dynamic-title-col h3.left-box {
		font-size: 22px !important;
	}

	.dynamic-horizantal-col h5 {
		padding: 16px;
	}

	.dynamic-horizantal-col .dynamic-inner-horizantal-col .account-col .account-svg {
		position: relative;
		transform: translate(0px, 45px);
	}

	.dynamic-horizantal-col .dynamic-inner-horizantal-col .account-num-col h5:nth-child(1) {
		transform: translate(-240px, 25px);
	}

	.dynamic-horizantal-col .dynamic-inner-horizantal-col .account-num-col h5:nth-child(2) {
		transform: translate(-8.6rem, -5px);
	}

	.dynamic-horizantal-col .dynamic-inner-horizantal-col .account-num-col h5:nth-child(3) {
		transform: translate(0px, -8px);
	}

	.dynamic-horizantal-col .dynamic-inner-horizantal-col .account-num-col .account-num-svg {
		transform: translate(0px, -25px);
	}

	.dynamic-horizantal-col .dynamic-inner-horizantal-col .simult-col h5 {
		transform: translate(0px, -30px);
	}

	.dynamic-horizantal-col .dynamic-inner-horizantal-col .simult-col .simult-svg {
		transform: translate(0px, -35px);
	}

	.dynamic-horizantal-col .dynamic-inner-horizantal-col .single-tab-col h5 {
		transform: translate(0px, -30px);
	}

	.dynamic-horizantal-col .dynamic-inner-horizantal-col {
		padding-block: 50px;
	}

	.schedule-text-col {
		text-align: -webkit-center;
		padding-bottom: 2rem;
	}

	img.AWS {
		width: 80%;
	}

	.dynamic-col .dynamic-title-col h3.left-box .text-animation {
		height: 28px;
	}

	body .progress-info-box .big-title {
		font-size: 20px;
	}

	.timeline-content {
		background-color: transparent;
	}

	.schedule-text-col h3 {
		font-size: 25px !important;
	}

	/* time line */

	.timeline-line {
		left: 15px;
		height:100%;
		background: #0000002b;
	}

	.timeline-item {
		width: auto;
		margin-left: 50px;
		margin-bottom: 80px;
		z-index: 99;
		/* background: #f5f5f2; */
	}

	.timeline-item:nth-child(odd) {
		float: none;
	}

	.timeline-item:nth-child(even) {
		float: none;
	}

	.timeline-item::before {
		left: -51px !important;
	}

	.timeline-item:nth-child(even)::before {
		left: -51px !important;
	}

	.timeline-item:nth-child(odd)::before {
		right: -51px !important;
	}

	.timeline {
		max-width: none;
		width: 100%;
	}

	.timeline-item h2.animation-text {
		font-size: 28px !important;
		color: #4d635c;
	}

	section#hero-section {
		background-image: url(https://paywith.com/staging/4460/wp-content/uploads/2025/09/pay-with-banner-responsive.webp) !important;
		background-position: -320px 100% !important;
		background-repeat: no-repeat !important;
		background-size: cover !important;
	}

	/* 	.dynamic-processing-inner-section .dynamic-inner-ctn {
	overflow: -webkit-paged-x;
} */

	.arrow {
		position: fixed;
		display: inline-block;
		bottom: 47px;
		right: 20px;
		font-size: 22px;
		cursor: pointer;
		background: #ff9442;
		padding: 13px;
		border-radius: 50%;
		color: #fff;
		z-index: 999999;
	}

	.brand-text-col h6 {
		padding-top: 20px;
	}

	.brand-ctn {
		gap: 120px;
	}

	.progress-box:nth-child(3) .progress-img-box img {
		object-position: 30%;
	}

	.industry-section {
		padding: 120px 0 0;
	}

	body .gform_body input::placeholder,
	body textarea::placeholder {
		text-transform: capitalize;
	}

	body .gform_body input[type="text"],
	body .gform_body input[type="email"],
	body .gform_body input[type="tel"],
	body .gform_body input[type="number"],
	body select,
	body textarea {
		font-size: 12px !important;
	}

	.dynamic-inner-horizantal-col {
		display: none !important;
	}

	.dybamic-inner-vertical-col {
		display: block;
		padding-left: 30px;
		width: -webkit-fill-available;
		max-width: 420px;
	}

	/* vertical col dynamic */
	.fund-col-vertical .fund-svg-vertical svg {
		position: relative;
		right: -195px;
		top: -32px;
	}

	.accounts-col-vertical {
		text-align: right;
	}

	.accounts-col-vertical h5 {
		position: relative;
		top: -37px;
	}

	.accounts-col-vertical .accounts-svg-vertical svg {
		position: relative;
		top: -38px;
		right: 17px;
	}

	.accounts-number-col-vertical h5:nth-child(1) {
		position: relative;
		top: -4.5rem;
		left: 10.3rem;
		padding: 15px 40px;
	}

	.accounts-number-col-vertical .credit-accounts-svg-vertical svg {
		position: relative;
		top: -10rem;
		left: 18.1rem;
	}

	.accounts-number-col-vertical h5:nth-child(2) {
		position: relative;
		top: -1.9rem;
		left: 4.3rem;
		padding: 15px 40px;
	}

	.accounts-number-col-vertical .any-accounts-svg-vertical svg {
		position: relative;
		top: -14.1rem;
		left: 14.04rem;
	}

	.accounts-number-col-vertical h5:nth-child(4) {
		position: relative;
		top: -6rem;
		left: 0.9rem;
		padding: 15px 40px;
	}

	.accounts-number-col-vertical .accounts-number-svg-vertical svg {
		position: relative;
		top: -200px;
		left: 30px;
	}

	.simultaneously-col-vertical {
		text-align: center;
	}

	.simultaneously-col-vertical h5 {
		top: -12.9rem;
		left: -30px;
		position: relative;
		padding: 15px 40px;
	}

	.simultaneously-col-vertical .simultaneously-svg-vertical svg {
		position: relative;
		top: -12.9rem;
		left: -30px;
	}

	.single-tap-col-vertical {
		text-align: center;
	}

	.single-tap-col-vertical h5 {
		position: relative;
		top: -13.2rem;
		left: -30px;
		padding: 15px 40px;
	}

	.vertical-line {
		top: -270%;
	}


	/* new time line */

	.info-timeline-col {
		display: none;
	}

	.info-timeline-mobile-col {
		display: flex;
		flex-direction: column;
		position: relative;
		gap: 200px;
		width: 100%;
		max-width: 320px;
		margin: 25rem auto 22rem;
	}

	.start-line {
		position: absolute;
		top: -25%;
		left: -15%;
		z-index: 1;
	}

	svg.timeline-svg {
		position: absolute;
		top: 0;
		left: 0;
	}

	.timeline-content h6 {
		width: 100%;
		margin-left: 1.6rem;
		padding-top: 15px;
	}

	.brand-section .brand-line {
		background: transparent;
	}

	.brand-ctn .brand-image-col .brand-box-col .micro-loans {
		padding: 30px 8px;
		border-radius: 10px;
		left: -4%;
		top: 80%;
	}

	/*------------------ new mobile animation css ------------------*/

	.hero-svg-line {
		display: block;
	}

	.timeline-item {
		opacity: 1;
	}

	.inner-section {
		opacity: 1;
	}

	.issuance-section .line-right {
		transform: none;
	}

	.timeline-item:nth-child(2)::before {
		content: "1";
	}

	.timeline-item:nth-child(3)::before {
		content: "2";
	}

	.timeline-item:nth-child(4)::before {
		content: "3";
	}

	.timeline-item:nth-child(5)::before {
		content: "4";
	}

	.timeline-line.active-timeline {
		height: 100%; 
		background-color: #ff9442;
		transition: height 0.1s linear;
	}

	/* introducing dynamic processing */

	.dynamic-col .dynamic-title-col h3.left-box .text-animation {
		height: 100%;
		position: static;
		transform: unset;
		padding: 15px 0 0 0;
	}

	.dynamic-col .dynamic-title-col h3.left-box .text-animation span {
		position: static;
		transform: unset;
	}

	.hori-line {
		height: 2000px;
	}

	.dynamic-col .dynamic-title-col h3.left-box .text-animation span {
		flex: unset;
		padding-bottom: 5px;
	}

	.issuance-intro-col .highlight-text {
		color: #fff;
		transition: color 0.1s ease-in-out;
	}

	.issuance-intro-col .highlight-text.text-visible {
		color: #4d635c;
		transition: color 1s ease-in-out 0.2s;
	}

	/* hide all nested elements initially */
	.dybamic-inner-vertical-col > div * {
		opacity: 0;
		transition: opacity 0.6s ease-in-out;
	}

	/* visible state */
	.dybamic-inner-vertical-col > div.in-view * {
		opacity: 1;
	}

	/* card section */

	.brand-section .brand-line {
		margin-bottom: 69%;
		width: 100%;   
		transition: width 0.3s ease-in-out;
	}

	.brand-line.expand {
		width: 100%;              
		transition: width 0.3s ease-in-out;
	}

	/* 
	.brand-line.expand {
	height: 410px !important;
	transition: height 0.3s ease-in-out;
}

	.brand-section .brand-line {
	margin-bottom: 60%;
	width: 1px;
	height: 0;
	transition: height 0.3s ease-in-out;
	transform: unset;
} */

	.info-timeline-mobile-col {
		margin: 25rem auto 27.3rem;
	}

	.brand-svg svg {
		transform: scale(0.8);
		opacity: 0.5;
	}

	.brand-ani-box {
		transition: all 0.5s ease-in-out;
	}

	.brand-image-col.brand-in-view .giftcart {
		border-radius: 5px;
		padding: 11px 6px;
		transform: translate(60px, 80px);
	}

	/* 	.brand-image-col.brand-in-view .giftcart span {
	font-size:9px !important;
}
	*/
	.brand-image-col.brand-in-view .micro-loans {
		border-radius: 8px;
		padding: 14px 9px;
		transform: translate(40px, 20px);
	}

	/* 	.brand-image-col.brand-in-view .micro-loans span {
	font-size: 11px !important;
} */

	.brand-image-col.brand-in-view .bnpl {
		border-radius: 5px;
		padding: 6px 7px;
		transform: translate(-60px, -160px);
	}
	/* 
	.brand-image-col.brand-in-view .bnpl span{
	font-size: 11px !important;
} */

	.brand-in-view .crypto {
		transform-origin: 50% 50%;
		border-radius: 4px;
		padding: 8px 6px;
		transform: translate(-30px, -10px) scale(0.001, 0.001);
	}

	.brand-in-view .per-card {
		transform-origin: 50% 50%;
		border-radius: 5px;
		padding: 4px 2px;
		transform: translate(30px, 10px) scale(0.001, 0.001);
	}

	.brand-in-view .cashback {
		transform-origin: 50% 50%;
		border-radius: 6px;
		padding: 10px 6px;
		transform: translate(-60px, 40px) scale(0.001, 0.001);
	}

	/* no matter industry */

	.main-heading {
		opacity: 1;
	}

	.content-left {
		opacity: 1;
	}

	.vertical-line {
		height: 350px;
	}

	.subsection .content-left {
		opacity: 1;
	}

	/* 	schedule code */

	.schedule-code-col {
		transition: background-position-y 0.6s ease-in-out;
	}

	.schedule-code-col.schedule-code-bg-inview {
		background-position-y: 25.0458%;
		transition: background-position-y 0.6s ease-in-out;
	}

	/* 	higlite bg */

	.highlight-bg {
		transition: width 1.5s ease-in-out;
	}

	.highlight-bg.bg-visible {
		width: 100%; /* Increased width when visible */
		transition: width 1.5s ease-in-out;
	}

	/* 	timeline */
	.timeline-inner-col::after {
		content: '';
		background-image: url('/staging/4460/wp-content/uploads/2025/09/circle-dot.png');
		background-size: contain;
		background-repeat: no-repeat;
		width: 40px;
		height: 40px;
		position: absolute;
		left: -65px;
		top: -15px;
	}

	/* 	industry section */
	.card-image-ctn .card-image-col img.card-image {
		transform: translate(0px, 0px);
		transition:transform 0.4s ease-in-out;
	}

	.card-image-ctn .card-image-col.card-swipe .card-image{
		transform: translate(0px, 110px) !important;
		transition:transform 0.4s ease-in-out;
	}

	/*------------------------------------------------------------------*/

	/* --- Base hook --- */
	body .mobile-animate {
		opacity: 0;
		transition: all 1.5s ease-in-out;
		will-change: transform, opacity;
	}

	/* ===== Fade effects ===== */
	.mobile-fade-up      { transform: translateY(100px); }
	.mobile-fade-bottom  { transform: translateY(-40px); }
	.mobile-fade-right    { transform: translateX(400px); }
	.mobile-fade-left   { transform: translateX(-400px); }

	/* ===== Slide effects ===== */
	.mobile-fade         { transform: none; }
	.mobile-slide-up     { transform: translateY(60px); }
	.mobile-slide-bottom { transform: translateY(-60px); }
	.mobile-slide-right   { transform: translateX(60px); }
	.mobile-slide-left  { transform: translateX(-60px); }

	/* When element is in view */
	.mobile-animate.in-view {
		opacity: 1;
		transform: translate(0,0);
		z-index: 99;
	}

	/* Optional staggered delays */
	.delay-1 { transition-delay: .3s; }
	.delay-2 { transition-delay: .6s; }
	.delay-3 { transition-delay: .9s; }

	.image-div svg#path-svg g.path-group path.path-line:nth-child(1) {
		stroke-dasharray: 500 !important;
	}

	.image-div svg#path-svg g.path-group path.path-line:nth-child(5) {
		stroke-dasharray: 500 !important;
		transform: translate(-60px, 360px);
	}

	.industry-container h3.main-heading:before {
		content: '';
		width: 100%;
		height: 100%;
		display: inline-block;
		position: absolute;
		top: -20px;
		left: 0;
		padding: 20px 0px;
		background-color: #f5f5f2;
		z-index: -1;
	}


	.subsections {
		padding-top: 0%;
	}
	/* Check 480px and add css here */
}

@media only screen and (max-width: 575px) {
	.schedule-code-col {
		padding-top: 132px;
		height: 480px;
	}

	.info-timeline-col {
		z-index: 0;
	}

	.issuance-section svg.issuance-svg {
		height: -webkit-fill-available;
	}

	.issuance-section .line {
		transform: translateX(0%);
	}

	html.lenis .dynamic-processing-inner-section.mini-tab-section .line {
		transform: translateX(0%);
	}

	.dynamic-col .dynamic-title-col h3.left-box .text-animation span {
		opacity: 1;
	}

	.dynamic-inner-col-vertical svg path {
		stroke-dasharray: unset !important;
		stroke-dashoffset: unset !important;
	}

	.info-timeline-mobile-col {
		margin: 25rem auto 24.3rem;
	}
}

@media only screen and (max-width: 479px) {

	.inner-contener>.elementor-container,
	.elementor>.elementor-section.elementor-section-boxed>.elementor-container {
		padding: 0 15px;
	}

	.schedule-code-col {
		padding-top: 82px;
		height: 420px;
	}

	.schedule-code {
		padding: 55px 47px 65px 32px;
		background-size: contain;
	}

	.hero-section {
		min-height: 750px;
		background-position: 45% center;
		align-items: flex-start;
	}

	.hero-svg-line {
		left: 82%;
		top: 100px;
		z-index: 0;
	}

	.image-div svg#path-svg {
		transform-origin: 15.3% 62.2%;
		width: 600px;
	}

	.hero-container {
		padding: 120px 0px 0 15px;
		z-index: 99;
	}

	nav.first-navination {
		padding: 0px 15px;
		top: 30px;
	}

	.logo-ctn img {
		width: 80%;
	}

	.scroll-down-button {
		bottom: 40px;
		left: 15px;
	}

	.progress-section {
		padding: 60px 15px;
	}

	.brand-section {
		height: auto;
		padding-bottom: 40%;
		width: auto;
		padding-inline: 20px;
	}

	.brand-ctn .brand-text-col {
		width: 100%;
	}

	.brand-ctn .brand-image-col .image-col img {
		width: 100%;
	}

	.info-section .info-image-col h2 {
		max-width: 82%;
		font-size: 30px !important;
	}

	.info-section .info-image-col {
		background-position: 20% center;
	}

	.info-timeline-col .timeline-inner-col h6 {
		max-width: 60%;
	}

	.info-timeline-col .spend-control .timeline-inner-ctn p.left-box {
		transform: translateX(3.7rem);
	}

	.info-timeline-col .funded-offers .timeline-inner-ctn,
	.info-timeline-col .card-management .timeline-inner-ctn {
		transform: translateX(30%);
	}

	.spend-control .animation-timeline-ctn .line-cross {
		height: 220px;
		transform: translateY(30%) rotate(-25deg);
		right: 40%;
		top: 20%;
	}

	.funded-offers .animation-timeline-ctn .line-cross {
		height: 190px;
		transform: translateY(5%) rotate(-150deg);
		left: 28%;
	}

	.instant-notifications .animation-timeline-ctn .line-cross {
		height: 190px;
		transform: rotate(-25deg) translateX(-20px);
		left: 52%;
	}

	.card-management .animation-timeline-ctn .line-cross {
		height: 190px;
		transform: rotate(-160deg) translateX(-52px);
		left: 8%;
	}

	.dynamic-col .dynamic-title-col h3.left-box {
		font-size: 17px !important;
	}

	.brand-text-col h3 {
		max-width: 100%;
	}

	.brand-text-col h6 {
		max-width: 80%;
	}

	.hero-banner-ctn h1 {
		width: 100%;
		max-width: 85%;
	}

	.schedule-text-col h3 {
		font-size: 20px !important;
	}

	.timeline-item h2.animation-text {
		font-size: 25px !important;
	}

	/* vertical col dynamic */

	.dybamic-inner-vertical-col {
		padding-left: 20px;
		width: -webkit-fill-available;
		max-width: 320px;
	}

	.accounts-col-vertical h5 {
		position: relative;
		top: -37px;
		right: 10px;
	}

	.dynamic-horizantal-col h5 {
		font-size: 16px !important;
		z-index: 999;
		position: relative;
		background-color: #4d635c;
	}

	.fund-col-vertical .fund-svg-vertical svg {
		position: relative;
		right: -85px;
		top: -32px;
	}

	.accounts-col-vertical .accounts-svg-vertical svg {
		position: relative;
		top: -38px;
		right: 27px;
	}

	.accounts-number-col-vertical h5:nth-child(1) {
		position: relative;
		top: -4.4rem;
		left: 6.5rem;
		padding: 15px 30px;
	}

	.accounts-number-col-vertical .credit-accounts-svg-vertical svg {
		position: relative;
		top: -9.3rem;
		left: 11.25rem;
	}

	.accounts-number-col-vertical h5:nth-child(2) {
		position: relative;
		top: -1.3rem;
		left: 3.2rem;
		padding: 15px 30px;
	}

	.accounts-number-col-vertical .any-accounts-svg-vertical svg {
		position: relative;
		top: -12.9rem;
		left: 7.2rem;
	}

	.accounts-number-col-vertical h5:nth-child(4) {
		position: relative;
		top: -5rem;
		left: 0.9rem;
		padding: 15px 40px;
	}

	.accounts-number-col-vertical .accounts-number-svg-vertical svg {
		position: relative;
		top: -190px;
		left: 20px;
	}

	.simultaneously-col-vertical h5 {
		top: -12.2rem;
		left: 10px;
		position: relative;
		padding: 15px 40px;
	}

	.simultaneously-col-vertical .simultaneously-svg-vertical svg {
		position: relative;
		top: -12.2rem;
		left: 10px;
	}

	.single-tap-col-vertical h5 {
		position: relative;
		top: -12.5rem;
		left: 10px;
		padding: 15px 40px;
	}

	.info-timeline-mobile-col {
		max-width: 250px;
	}

	body .gform_wrapper form .gform_body ul li#field_2_7 {
		margin: 25px 0 0 0 !important;
	}

	body .gform_wrapper .field_description_below div#validation_message_2_7 {
		padding: 2px 0 0 0;
		margin-top: 0rem;
	}

	/* 	mobile animation */
	.timeline-inner-col::after {
		left: -54px;
	}

	.info-timeline-mobile-col {
		margin: 25rem auto 20.1rem;
	}

	.start-line svg {
		height: 2050px;
	}

	/* Check 375px and add css here */
}

@media only screen and (max-width: 445px) and (min-width: 375px) {
	.hero-svg-line {
		left: 78%;
		top: 100px;
		z-index: 0;
	}

	.info-timeline-mobile-col {
		margin: 25rem auto 0;
		padding-bottom: 65%;
	}
}

@media only screen and (max-width: 374px) {
	.schedule-code-col {
		padding-top: 32px;
		height: 420px;
	}

	.schedule-code {
		padding: 55px 37px 45px 22px;
	}

	.info-section .info-image-col h2 {
		max-width: 95%;
	}

	.spend-control .animation-timeline-ctn .line-cross {
		height: 200px;
		transform: translateY(45%) rotate(-25deg);
		right: 40%;
		top: 20%;
	}

	.hero-svg-line {
		left: 95%;
		top: 90px;
		z-index: 0;
	}

	.home .hero-banner-titles {
		font-size: 40px;
	}

	body .hero-section {
		background-position: 45% center !important;
	}

	div#section1 .image-div {
		background-size: 230px;
	}

	div#section2 .image-div {
		background-size: 290px;
	}

	.dynamic-processing-inner-section .dynamic-inner-ctn {
		margin-left: 15px;
	}

	.dynamic-title-col {
		padding-left: 10px;
	}

	/* vertical col dynamic */

	.dybamic-inner-vertical-col {
		padding-left: 10px;
		width: -webkit-fill-available;
		max-width: 300px;
	}

	.fund-col-vertical .fund-svg-vertical svg {
		position: relative;
		right: -70px;
		top: -32px;
	}

	.accounts-col-vertical .accounts-svg-vertical svg {
		position: relative;
		top: -38px;
		right: 25px;
	}

	.accounts-number-col-vertical h5:nth-child(1) {
		position: relative;
		top: -4.2rem;
		left: 6.6rem;
		padding: 12px 20px;

	}

	.accounts-number-col-vertical .credit-accounts-svg-vertical svg {
		position: relative;
		top: -9.3rem;
		left: 10.15rem;
	}

	.accounts-number-col-vertical .accounts-number-svg-vertical svg {
		position: relative;
		top: -200px;
		left: 20px;
		width: 280px;
	}

	.accounts-number-col-vertical h5:nth-child(2) {
		position: relative;
		top: -1.6rem;
		left: 3.2rem;
		padding: 12px 20px;
	}

	.accounts-number-col-vertical .any-accounts-svg-vertical svg {
		position: relative;
		top: -12.5rem;
		left: 6.04rem;
	}

	.accounts-number-col-vertical h5:nth-child(4) {
		position: relative;
		top: -4.8rem;
		left: 0.9rem;
		padding: 12px 20px;
	}

	.simultaneously-col-vertical h5 {
		top: -13.7rem;
		left: 10px;
		position: relative;
		padding: 13px 30px;
	}

	.simultaneously-col-vertical .simultaneously-svg-vertical svg {
		position: relative;
		top: -14.4rem;
		left: 10px;
	}

	.single-tap-col-vertical h5 {
		position: relative;
		top: -14.7rem;
		left: 10px;
		padding: 12px 30px;
	}

	.info-timeline-mobile-col {
		max-width: 210px;
	}

	.timeline-content {
		width: 110%;
	}

	body .gform_wrapper form .gform_body ul li#field_2_7 {
		margin: 25px 0 0 0 !important;
	}

	.timeline-inner-col::after {
		left: -48px;
	}

	.info-timeline-mobile-col {
		margin: 25rem auto 15rem;
	}

	.start-line svg {
		height: 2000px;
	}
	/* Check 320px and add css here */
}

@media only screen and (max-width: 374px) and (min-width: 326px) {
	.hero-svg-line {
		left: 84%;
		top: 90px;
		z-index: 0;
	}
}