:root {
	--font-family-inter: "Inter", sans-serif;
	--font-family-poppins: "Poppins", sans-serif;

	--font-family-avenir-book: "AvenirBook", sans-serif;
	--font-family-avenir-light: "AvenirLight", sans-serif;
	--font-family-avenir-regular: "AvenirRegular", sans-serif;
	--font-family-avenir-heavy: "AvenirHeavy", sans-serif;
	--font-family-avenir-black: "AvenirBlack", sans-serif;
}

.font-family-inter {font-family: var(--font-family-inter);}
.font-family-poppins {font-family: var(--font-family-poppins);}
.font-family-avenir-book {font-family: var(--font-family-avenir-book);}
.font-family-avenir-light {font-family: var(--font-family-avenir-light);}
.font-family-avenir-regular {font-family: var(--font-family-avenir-regular);}
.font-family-avenir-heavy {font-family: var(--font-family-avenir-heavy);}
.font-family-avenir-black {font-family: var(--font-family-avenir-black);}


.btn {display: inline-flex; flex-wrap: wrap; align-items: center; padding: 0px 0 0px 24px; gap: 8px; background: transparent; border-radius: 40px; border: 0px; transition: all 0.5s; font-family: var(--font-family-inter); font-weight: 500; font-size: 18px; line-height: 22px; color: #292D32;}
.btn:hover, .btn:focus, .btn:active:focus {color: #292D32; box-shadow: none;}
.btn .arrow {display: flex; flex-wrap: wrap; justify-content: center; align-items: center; width: 45px; height: 45px; background: #000; border-radius: 50%;}
.btn .arrow svg {display: block; transition: all 0.5s;}
.btn:hover .arrow svg {transform: rotate(45deg);}

.btn.btn-primary {background: linear-gradient(135.74deg, #F9CC40 0%, #CDAC42 50%, #F9CC40 100%); transition: background 0.5s ease;}
.btn.btn-primary:hover {background: linear-gradient(-135deg, #F9CC40 0%, #CDAC42 50%, #F9CC40 100%);}

.btn.btn-outline-primary {border: 1px solid rgba(255, 255, 255, 0.2); border-radius: 8px; padding: 3px 3px 3px 14px; font-family: var(--font-family-inter); font-weight: 500; font-size: 11.184px; line-height: 12px; color: #FFFFFF;}
.btn.btn-outline-primary .arrow {display: flex; flex-wrap: wrap; align-items: center; justify-content: center; width: 27px; height: 27px; border-radius: 8px; background: rgba(255, 255, 255, 0.12);}
.btn.btn-outline-primary:hover {border-color: #fff; background: #fff; color: #101010;}
.btn.btn-outline-primary:hover .arrow {background: rgba(16, 16, 16, 1);}
.btn.btn-outline-primary:hover .arrow svg {transform: rotate(-45deg);}


body {padding: 0px; margin: 0px; font-family: var(--font-family-inter); font-size: 16px; color: #000;}

.container {max-width: 1304px;}

header {position: absolute; top: 32px; width: 100%;}
header .header-row {display: flex; flex-direction: row; justify-content: space-between; align-items: center; padding: 11px 24px; background: rgba(255, 255, 255, 0.2); border-radius: 40px; border: solid 1px #fff; box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.2);}
header .navbar-brand {display: block; padding: 0px; margin: 0px;}

.hero-section {display: block; background: url(../images/hero-bg.png) center top no-repeat; background-size: cover; padding: 132px 0 26px 0;}
.hero-section .hero-main {display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; padding: 0 70px;}
.hero-section .hero-content {display: block; width: 48.8%;}
.hero-section .hero-content h1 {display: block; width: 71%; font-family: var(--font-family-inter); font-weight: 700; font-size: 48px; line-height: 58px; letter-spacing: -2px; color: #292D32; margin: 0 0 16px;}
.hero-section .hero-content p {display: block; width: 90%; font-family: var(--font-family-avenir-regular); font-weight: 400; font-size: 18px; line-height: 26px; letter-spacing: -0.36px; color: #4B4F53; margin: 0 0 16px;}
.hero-section .hero-content .users-main {display: block; margin-top: 56px;}
.hero-section .hero-content .users-main .users-img {display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin-bottom: 16px;}
.hero-section .hero-content .users-main .users-img span {display: block; font-family: var(--font-family-avenir-regular); font-weight: 400; font-size: 24px; line-height: 29px; color: #292D32;}
.hero-section .hero-content .users-main .users-text {display: block; font-family: var(--font-family-avenir-regular); font-weight: 400; font-size: 18px; line-height: 26px; letter-spacing: -0.36px; color: #4B4F53;}
.hero-section .hero-img {width: 44.3%;}


.universal-section {display: block; margin-top: -28px; margin-bottom: 80px;}
.universal-section .universal-main {display: block; margin: 0 40px; padding: 24px; background: #101010; border-radius: 32px;}
.universal-section .marquee-sliders {display: flex; align-items: center; overflow: hidden; width: auto; padding: 29px 0px; position: relative;}
.universal-section .marquee-sliders:before, .universal-section .marquee-sliders:after {content: ''; position: absolute; left: 0px; top: 0px; bottom: 0px; background: linear-gradient(90deg, #101010 10%, rgba(0, 0, 0, 0) 100%); z-index: 1; width: 30%;}
.universal-section .marquee-sliders:after {left: auto; right: 0px; background: linear-gradient(-90deg, rgba(16, 16, 16, 0.9) 10%, rgba(0, 0, 0, 0) 100%);}
.universal-section .marquee-sliders .marquee-item {display: block; flex-shrink: 0; padding: 0 27px; font-family: var(--font-family-inter); font-weight: 700; font-size: 48px; line-height: 48px; background: radial-gradient(68% 100% at 50% 50%, #FFFFFF 0%, #050505 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; text-fill-color: transparent;}
.universal-section hr {display: block; margin: 24px 191px; background: linear-gradient(90deg, #101010 0%, #CEAC42 20%, #CEAC42 80%, #101010 100%); height: 1px;}
.universal-section p {display: block; font-family: var(--font-family-poppins); font-weight: 400; font-size: 18px; line-height: 20px; text-align: center; letter-spacing: -0.18px; color: #4B4F53; margin: 0 0 42px;}
.universal-section .marquee-sliders.universal-sliders {padding: 0px;}
.universal-section .marquee-sliders.universal-sliders:before, .universal-section .marquee-sliders.universal-sliders:after {display: none;}
.universal-section .marquee-sliders.universal-sliders .marquee-item {display: block; flex-shrink: 0; padding: 0 23px;}
.universal-section .marquee-sliders.universal-sliders .marquee-item img {display: block; height: 40px;}


.smarter-section {display: block; background: #FFFFFF; padding: 0 0 78px;}
.smarter-section .smarter-img {display: block; margin-top: -1px;}
.smarter-section .smarter-content {display: flex; flex-direction: column; justify-content: center; padding: 60px 0; width: 65%;}
.smarter-section .smarter-title {display: block; margin-bottom: 50px;}
.smarter-section .smarter-title h2 {display: block; font-family: var(--font-family-inter); font-weight: 700; font-size: 48px; line-height: 58px; letter-spacing: -2px; color: #292D32; margin: 0 0 16px;}
.smarter-section ul.smarter-list {display: block; padding: 0px; margin: 0px; list-style: none;}
.smarter-section ul.smarter-list li {display: flex; align-items: center; gap: 5px; font-family: var(--font-family-avenir-heavy); font-weight: 800; font-size: 16px; line-height: 37px; color: #292D32;}
.smarter-section ul.smarter-list li span {font-family: var(--font-family-avenir-regular); color: #4B4F53;}


.your-payment-section {display: block; padding: 80px 0; background: #101010; border-radius: 88px 88px 0px 0px; box-shadow: 0px 4px 4px 0px #00000040; margin-top: -88px; z-index: 2; position: relative;}
.your-payment-section h2 {display: block; font-family: var(--font-family-inter); font-weight: 700; font-size: 48px; line-height: 58px; letter-spacing: -2px; color: #FFFFFF; margin: 0px;}
.your-payment-section p {display: block; font-family: 'Avenir'; font-weight: 400; font-size: 18px; line-height: 26px; letter-spacing: -0.36px; color: #FFFFFF; margin: 0 0 16px; width: 97%;}
.your-payment-section .goto-main {display: flex; flex-wrap: wrap; gap: 32px; padding: 96px 67.5px 0;}
.your-payment-section .goto-card {display: block; padding: 27px; width: calc(33.33% - 22px); border-radius: 12px; position: relative;}

.your-payment-section .goto-slider .goto-item {display: block; padding: 30px;}


/* ----------------------------- Horizontal Borders (Top/Bottom) --------------------------------- */
.dark-card_border-x {position: absolute; width: 100%; height: 1px; left: 0px; background: linear-gradient(90deg, rgba(250, 246, 255, 0.4) 0%, rgba(250, 246, 255, 0) 25%, rgba(250, 246, 255, 0.2) 50%, rgba(250, 246, 255, 0) 75%, rgba(250, 246, 255, 0.4) 100%);}
.dark-card_border-x.top {top: 0;}
.dark-card_border-x.bottom {bottom: 0;}

/* ----------------------------- Vertical Borders (Left/Right) --------------------------------- */
.dark-card_border-y {position: absolute; width: 1px; height: 100%; top: 0; background: linear-gradient(180deg, rgba(126, 106, 185, 0.12) 0%, rgba(126, 106, 185, 0.02) 25%, rgba(126, 106, 185, 0.2) 50%, rgba(126, 106, 185, 0.02) 75%, rgba(126, 106, 185, 0.12) 100%);}

.dark-card_border-y.left {left: 0;}
.dark-card_border-y.right {right: 0;}

/* ----------------------------- Corner Decorations (Lines) --------------------------------- */
.dark-card_corner {position: absolute;}
.dark-card_corner.top-right-x {width: 31px; height: 1px; right: -31px; top: 0; background: linear-gradient(90deg, rgba(250, 246, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);}
.dark-card_corner.top-right-y {width: 1px; height: 27px; right: 0; top: -27px; background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(250, 246, 255, 0.5) 100%);}
.dark-card_corner.top-left-x {width: 27px; height: 1px; left: -27px; top: 0; background: linear-gradient(270deg, rgba(250, 246, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);}
.dark-card_corner.top-left-y {width: 1px; height: 27px; left: 0; top: -27px; background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(250, 246, 255, 0.5) 100%);}
.dark-card_corner.bottom-right-x {width: 31px; height: 1px; right: -31px; bottom: 0; background: linear-gradient(90deg, rgba(250, 246, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);}
.dark-card_corner.bottom-right-y {width: 1px; height: 27px; right: 0; bottom: -27px; background: linear-gradient(180deg, rgba(250, 246, 255, 0.8) 0%, rgba(255, 255, 255, 0) 100%);}
.dark-card_corner.bottom-left-x {width: 27px; height: 1px; left: -27px; bottom: 0; background: linear-gradient(270deg, rgba(250, 246, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);}
.dark-card_corner.bottom-left-y {width: 1px; height: 27px; left: 0; bottom: -27px; background: linear-gradient(180deg, rgba(250, 246, 255, 0.8) 0%, rgba(255, 255, 255, 0) 100%);}

/* ----------------------------- Rivets --------------------------------- */
.dark-card_rivet {position: absolute; background: #DCD5EF; border-radius: 50%; }
.dark-card_rivet.top-right {width: 3px; height: 3px; right: -1px; top: -1px;}
.dark-card_rivet.top-left {width: 3px; height: 3px; left: -1px; top: -1px; }
.dark-card_rivet.bottom-right {width: 3px; height: 3px; right: -1px; bottom: -1px;}
.dark-card_rivet.bottom-left {width: 3px; height: 3px; left: -1px; bottom: -1px; }

/* ----------------------------- Card Content --------------------------------- */
.dark-card_content {position: relative;}
.dark-card_content .goto-icon {display: block; margin-bottom: 26px;}
.dark-card_content h3 {display: block; font-family: var(--font-family-inter); font-weight: 500; font-size: 20.5128px; line-height: 20px; letter-spacing: -0.659155px; color: #FFFFFF; margin-bottom: 14px;}
.dark-card_content p {display: block; font-family: var(--font-family-inter); font-weight: 500; font-size: 13.2042px; line-height: 20px; color: rgba(255, 255, 255, 0.8); margin-bottom: 14px;}


.testimonial-section {display: block; padding: 80px 0 30px;}
.testimonial-section .testimonial-content {display: block; width: 90%;}
.testimonial-section .testimonial-content h2 {display: block; font-family: var(--font-family-inter); font-weight: 700; font-size: 48px; line-height: 58px; letter-spacing: -2px; color: #292D32; margin: 0 0 16px;}
.testimonial-section .testimonial-content p {display: block; font-family: var(--font-family-avenir-regular); font-weight: 400; font-size: 18px; line-height: 26px; letter-spacing: -0.36px; color: #4B4F53; margin: 0 0 16px;}
.testimonial-section .testimonial-content .app-icon {display: flex; flex-wrap: wrap; gap: 24px; margin: 128px 0 0 0;}
.testimonial-section .testimonial-content .app-icon a {display: block;}
.testimonial-section .testimonial-sliders {display: flex; flex-wrap: wrap; gap: 50px; position: relative;}
.testimonial-section .testimonial-sliders .marquee-sliders {flex: 1; display: flex; flex-wrap: wrap; overflow: hidden; position: relative; height: 720px;}
.testimonial-section .testimonial-sliders .marquee-item {padding: 16px 0px;}

.testimonial-section .testimonial-card {display: flex; flex-wrap: wrap; justify-content: center; text-align: center; border-radius: 16px; padding: 36px 40px; background: #FFFAE8;}
.testimonial-section .testimonial-card .avatar-icon {display: flex; flex-wrap: wrap; justify-content: center; margin-bottom: 16px;}
.testimonial-section .testimonial-card h5 {display: block; width: 100%; font-family: var(--font-family-avenir-heavy); font-weight: 800; font-size: 18px; line-height: 28px; color: #171717; margin-bottom: 8px;}
.testimonial-section .testimonial-card hr {display: block; width: 100%; background: linear-gradient(270deg, rgba(0, 0, 0, 0) 0%, #000000 49.67%, rgba(0, 0, 0, 0) 100%); height: 1px; margin: 0;}
.testimonial-section .testimonial-card .stars-icon {display: flex; flex-wrap: wrap; justify-content: center; width: 100%; margin: 8px 0 16px;}
.testimonial-section .testimonial-card p {display: block; width: 100%; font-family: var(--font-family-avenir-regular); font-weight: 400; font-size: 16px; line-height: 25px; color: #171717; margin: 0;}

.testimonial-section .testimonial-sliders .marquee-sliders:before, .testimonial-section .testimonial-sliders .marquee-sliders:after {content: ''; position: absolute; left: 0px; top: 0px; right: 0px; background: linear-gradient(180deg, #FFFFFF 0%, rgba(255, 255, 255, 0) 100%); z-index: 1; height: 100px;}
.testimonial-section .testimonial-sliders .marquee-sliders:after {top: auto; bottom: 0px; background: linear-gradient(0deg, #FFFFFF 0%, rgba(255, 255, 255, 0) 100%);}



.faq-section {display: block; padding: 30px 0 80px;}
.faq-section .faq-main {display: block; padding: 0 120px;}
.faq-section h2 {display: block; font-family: var(--font-family-inter); font-weight: 700; font-size: 48px; line-height: 58px; letter-spacing: -2px; color: #292D32; margin: 0 0 48px;}
.faq-section .accordion {display: block; padding: 0;}
.faq-section .accordion .accordion-item {display: block; margin-bottom: 24px; border: solid 1px #D1E0FF; border-radius: 16px; padding: 0; transition: all 0.5s;}
.faq-section .accordion .accordion-item:last-child {margin-bottom: 0;}
.faq-section .accordion .accordion-item .accordion-button {display: block; border: 0; border-radius: 0; padding: 24px 32px; background: transparent; box-shadow: none; font-family: var(--font-family-avenir-heavy); font-weight: 800; font-size: 18px; line-height: 28px; color: #292D32; position: relative; transition: all 0.5s;}

.faq-section .accordion .accordion-item .accordion-button:after {position: absolute; right: 32px; top: 24px; width: 28px; height: 28px; background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%2379a5ff'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e"); background-position: center;}
.faq-section .accordion .accordion-item .accordion-button:before {content: ''; position: absolute; left: 32px; right: 32px; bottom: 0; height: 1px; border-bottom: solid 1px transparent;}
.faq-section .accordion .accordion-item .accordion-button:not(.collapsed)::after{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23caa328'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");}
.faq-section .accordion .accordion-item .accordion-body {display: block; padding: 16px 32px 32px 32px; font-family: var(--font-family-avenir-regular); font-weight: 400; font-size: 16px; line-height: 25px; color: #4B4F53;}

.faq-section .accordion .accordion-item:hover {background: #eff4ff;}
.faq-section .accordion .accordion-item.active {border: solid 1px #F5C940; background: #FDF7EB; padding: 0;}
.faq-section .accordion .accordion-item.active .accordion-button {padding: 32px 32px 16px;}
.faq-section .accordion .accordion-item.active .accordion-button:after {right: 32px; top: 32px;}
.faq-section .accordion .accordion-item.active .accordion-button:before {border-bottom-color: #D1E0FF;}


.terms-conditions-section {display: block; padding: 132px 0 30px 0;}
.terms-conditions-section .nav.nav-tabs {display: flex; flex-wrap: wrap; justify-content: center; border: 0px; gap: 32px; margin-bottom: 60px;}
.terms-conditions-section .nav.nav-tabs button {display: block; padding: 12px 24px; border-radius: 40px; border: solid 1px transparent; background: rgb(253, 247, 235); font-family: var(--font-family-avenir-regular); font-size: 18px; line-height: 26px; color: #4b4f53;}
.terms-conditions-section .nav.nav-tabs button.active {border-color: rgb(245, 201, 64); font-weight: 700;}
.terms-conditions-section .nav.nav-tabs button:hover {border-color: rgb(245, 201, 64); background: #fff;}

.terms-conditions-section .tab-body {display: block; padding: 0 120px;}
.terms-conditions-section .tab-body p {display: block; font-family: var(--font-family-avenir-regular); font-weight: 400; font-size: 18px; line-height: 26px; color: #4b4f53; margin: 0 0 32px;}
.terms-conditions-section .tab-body h3 {display: block; font-family: var(--font-family-avenir-heavy); font-weight: 400; font-size: 20px; line-height: 1.2em; color: #313131; margin: 0 0 24px;}
.terms-conditions-section .tab-body h4 {display: block; font-family: var(--font-family-avenir-heavy); font-weight: 500; font-size: 18px; line-height: 1.2em; color: #4b4f53; margin: 0 0 24px;}
.terms-conditions-section .tab-body ul {display: block; font-family: var(--font-family-avenir-regular); font-weight: 400; font-size: 18px; line-height: 26px; color: #4b4f53; margin: 0 0 32px; padding: 0 0 0 1.2rem;}
.terms-conditions-section .tab-body ul li a {color: #4b4f53;}
.terms-conditions-section .tab-body ul li a:hover {text-decoration: none;}


footer {display: block; padding: 0 0 30px; color: #fff;}
footer .footer-main {display: block; padding: 40px; background: #101010; border-radius: 32px;}
footer .footer-top {display: flex; flex-wrap: wrap; align-items: center; margin-bottom: 55px;}
footer .footer-top .footer-logo {display: flex; flex-wrap: wrap; width: 29.17%;}
footer .footer-top .footer-content {display: flex; flex-wrap: wrap; gap: 104px; width: calc(100% - 29.17%);}
footer .footer-top .footer-contact {display: block; width: 17.06%;}
footer .footer-top .footer-links {display: block; width: 17.06%;}
footer .footer-top .footer-download {display: block; width: 41.2%;}
footer .footer-top h5 {display: block; font-family: var(--font-family-avenir-heavy); font-weight: 800; font-size: 18px; line-height: 22px; color: #FFDD61; margin: 0 0 11px;}
footer .footer-top p {display: block; font-family: var(--font-family-avenir-regular); font-weight: 400; font-size: 14px; line-height: 20px; color: #DDDDDD; margin: 0 0 20px;}
footer .footer-top p a {display: block; font-family: var(--font-family-avenir-regular); font-weight: 400; font-size: 14px; line-height: 20px; color: #DDDDDD; margin: 0; text-decoration: none;}
footer .footer-top p a:hover {text-decoration: underline;}
footer .footer-top ul.menu-link {display: block; padding: 0px; margin: 0px; list-style: none;}
footer .footer-top ul.menu-link li {display: block; margin: 0 0 11px;}
footer .footer-top ul.menu-link li:last-child {margin: 0;}
footer .footer-top ul.menu-link li a {display: block; font-family: var(--font-family-avenir-regular); font-weight: 400; font-size: 14px; line-height: 20px; color: #C6C6C6; text-decoration: none;}

footer .footer-top .app-icon {display: flex; flex-wrap: wrap; gap: 10px; margin: 0;}
footer .footer-top .app-icon a {display: block;}
footer .footer-top .app-icon a img {display: block; max-width: 114px;}

footer .footer-bottom {display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; border-top: 1px solid rgba(255, 255, 255, 0.4); padding: 12px 0 0;}
footer .copyright-text {display: block; font-family: var(--font-family-avenir-regular); font-weight: 400; font-size: 16px; line-height: 19px; color: #ADADAD;}
footer .copyright-text a {color: #ADADAD; text-decoration: none;}

footer ul.social-media {display: flex; flex-wrap: wrap; align-items: center; gap: 10px; padding: 0px; margin: 0px; list-style: none;}
footer ul.social-media li {display: block;}
footer ul.social-media li a {display: block;}



/* Responsive */

/* Screen size 1600px */
@media (max-width: 1700px) {
}

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

/* Screen size 1440px */
@media (max-width: 1511px) {
}

/* Screen size 1366px and 1280px */
@media (max-width: 1399px) {
	.container {max-width: 1140px;}

	.hero-section .hero-content h1 {width: 85%;}
	.hero-section .hero-img {width: 50%;}

	.smarter-section .smarter-content {width: 75%;}

	.terms-conditions-section .tab-body {padding: 0 60px;}

	footer .footer-top .footer-content {gap: 90px;}
}

/* Screen size 1024px */
@media (max-width: 1199px) {
	.container {max-width: 960px;}

	.btn {font-size: 16px; padding: 0px 0 0px 16px;}
	.btn .arrow {width: 38px; height: 38px;}

	header {top: 16px;}

	.hero-section {padding: 100px 0 0 0; background: url(../images/hero-bg-table.png) center top no-repeat;}
	.hero-section .hero-main {padding: 0; text-align: center; justify-content: center;}
	.hero-section .hero-content {width: 100%; max-width: 700px; margin-bottom: 32px;}
	.hero-section .hero-content h1 {width: 100%;}
	.hero-section .hero-content p {width: 77%; font-size: 14px; margin: 0 auto 20px;}
	.hero-section .hero-content .users-main {margin-top: 32px;}
	.hero-section .hero-content .users-main .users-img {justify-content: center; margin-bottom: 0px;}
	.hero-section .hero-img {width: 100%; display: flex; flex-wrap: wrap; justify-content: center;}
	.hero-section .hero-img img {max-width: 486px;}

	.universal-section {margin-bottom: 40px; position: relative; z-index: 1; margin-top: -2px;}
	.universal-section .universal-main {margin: 0px;}

	.smarter-section .smarter-title h2 {font-size: 38px; line-height: 48px; margin-bottom: 32px;}
	.smarter-section .smarter-content {width: 90%;}

	.your-payment-section {padding: 50px 0; border-radius: 48px 48px 0px 0px;}
	.your-payment-section h2 {font-size: 38px; line-height: 48px;}
	.your-payment-section p {font-size: 14px;}
	.your-payment-section .goto-main {padding: 60px 30px 0;}

	.testimonial-section {padding: 80px 0;}
	.testimonial-section .testimonial-content {width: 100%; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; margin-bottom: 24px;}
	.testimonial-section .testimonial-content .app-icon {margin: 0px;}
	.testimonial-section .testimonial-content .app-icon a img {max-width: 166px;}
	.testimonial-section .testimonial-sliders {padding: 0 80px;}
	.testimonial-section .testimonial-card {padding: 26px 30px;}

	.faq-section {padding: 80px 0;}
	.faq-section .faq-main {padding: 0;}

	.terms-conditions-section {padding: 100px 0 30px;}
	.terms-conditions-section .tab-body {padding: 0;}

	footer .footer-main {padding: 30px; border-radius: 22px;}
	footer .footer-top .footer-content {gap: 76px;}
}

/* Screen size 768px */
@media (max-width: 991px) {
	.container {max-width: 720px;}

	.smarter-section {border: 0px;}
	.smarter-section .container {padding: 0px; max-width: 100%;}
	.smarter-section .smarter-content {width: 100%; padding: 100px 20px;}

	.your-payment-section .goto-card {width: calc(50% - 16px);}

	.testimonial-section {padding: 40px 0px;}
	.testimonial-section .testimonial-content .testimonial-text {width: 55%;}
	.testimonial-section .testimonial-content h2 {font-size: 38px; line-height: 48px;}
	.testimonial-section .testimonial-content .app-icon {gap: 10px; width: 40%;}
	.testimonial-section .testimonial-content .app-icon a img {max-width: 134px;}
	.testimonial-section .testimonial-sliders {padding: 0px;}

	.faq-section {padding: 40px 0;}
	.faq-section h2 {font-size: 38px; line-height: 48px; margin-bottom: 38px;}

	.terms-conditions-section .nav.nav-tabs {gap: 16px; margin-bottom: 40px;}
	.terms-conditions-section .nav.nav-tabs button {padding: 10px 20px; font-size: 16px; line-height: 24px;}

	footer .footer-top {margin-bottom: 30px;}
	footer .footer-top .footer-content {gap: 20px;}
	footer .footer-top .footer-contact {width: calc(50% - 10px);}
	footer .footer-top .footer-links {width: calc(50% - 10px);}
	footer .footer-top .footer-download {width: 100%;}
	footer .footer-bottom {justify-content: center;}
	footer .copyright-text {width: 100%; text-align: center; margin-bottom: 15px;}

}

/* Screen size 736px and 578px */
@media (max-width: 767px) {
	.container {max-width: 540px;}

	header {top: 20px;}

	.hero-section {padding: 116px 0 0px 0; background: url(../images/hero-bg-mobile.png) center top no-repeat;}
	.hero-section .hero-content {max-width: 100%; margin-bottom: 48px;}
	.hero-section .hero-content h1 {font-size: 32px; margin-bottom: 20px; line-height: 100%;}
	.hero-section .hero-content p {width: 100%;}
	.hero-section .hero-content .users-main .users-img {margin-bottom: 16px;}
	.hero-section .hero-img {display: flex; flex-wrap: wrap; justify-content: center;}

	/*.universal-section {margin-top: 0px;}*/
	.universal-section .universal-main {padding: 16px 0;}
	.universal-section hr {margin: 16px 0px;}
	.universal-section p {padding: 0 15px; margin: 0px 0 12px; font-size: 16px; letter-spacing: 0px;}
	.universal-section p br {display: none;}
	.universal-section .marquee-sliders {padding: 0px; width: 100%;}
	.universal-section .marquee-sliders .marquee-item {padding: 0 20px; font-size: 32px; line-height: 64px;}
	.universal-section .marquee-sliders:before {border-radius: 15px 0 0 0;}
	.universal-section .marquee-sliders:after {border-radius: 0 15px 0 0;}

	.smarter-section {padding: 0 0 54px;}
	.smarter-section .container {max-width: 540px;}
	.smarter-section .smarter-content {padding: 0px;}
	.smarter-section .smarter-title {margin-bottom: 40px;}
	.smarter-section .smarter-title h2 {font-size: 32px; letter-spacing: 0px; line-height: 38px;}
	.smarter-section ul.smarter-list {margin-bottom: 24px;}
	.smarter-section .smarter-img {display: flex; flex-wrap: wrap; justify-content: center; margin: 0px;}

	.your-payment-section {margin-top: -54px; border-radius: 54px 54px 0px 0px; padding: 40px 0px;}
	.your-payment-section h2 {margin-bottom: 20px; font-size: 32px; line-height: 38px; letter-spacing: 0px;}
	.your-payment-section p {margin-bottom: 32px; letter-spacing: 0px;}
	.your-payment-section .goto-slider {margin-top: 60px; margin-bottom: 0px;}
	.your-payment-section .goto-card {width: 100%;}
	.your-payment-section .slick-dots {position: absolute; bottom: 25px; display: flex; flex-wrap: wrap; justify-content: center; gap: 10px;}
	.your-payment-section .slick-dots li {margin: 0px; width: 10px; height: 10px; border-radius: 50%; background: rgba(255, 255, 255, 0.5); border-radius: 50%;}
	.your-payment-section .slick-dots li button {display: none;}
	.your-payment-section .slick-dots li.slick-active {background: rgba(255, 255, 255, 1);}

	.testimonial-section .testimonial-content {margin-bottom: 32px;}
	.testimonial-section .testimonial-content h2 {font-size: 32px; letter-spacing: 0px; line-height: 38px;}
	.testimonial-section .testimonial-content p {font-size: 14px;}
	.testimonial-section .testimonial-content .app-icon {width: 100%;}
	.testimonial-section .testimonial-content .testimonial-text {width: 100%; margin-bottom: 32px;}
	.testimonial-section .testimonial-slider {width: 100%; margin-bottom: 0;}
	.testimonial-section .testimonial-card {padding: 36px 40px 68px; min-height: 360px;}
	
	.testimonial-section .slick-dots {bottom: 36px; display: flex; flex-wrap: wrap; justify-content: center; gap: 6px;}
	.testimonial-section .slick-dots li {display: block; width: 8px; height: 8px; border-radius: 50%; background: #EEC441; opacity: 0.2; margin: 0px;}
	.testimonial-section .slick-dots li.slick-active {opacity: 1;}
	.testimonial-section .slick-dots li button {display: none;}

	.faq-section {padding: 0 0 40px 0;}
	.faq-section h2 {letter-spacing: 0px; font-size: 32px; line-height: 100%; margin-bottom: 24px;}
	.faq-section .accordion .accordion-item {padding: 12px 20px; margin-bottom: 16px;}
	.faq-section .accordion .accordion-item .accordion-button {font-size: 14px;}
	.faq-section .accordion .accordion-item.active {padding: 20px;}
	.faq-section .accordion .accordion-item .accordion-body {font-size: 14px; line-height: 1.5;}

	.terms-conditions-section .terms-tabs {display: block; overflow: auto; margin-bottom: 30px;}
	.terms-conditions-section .nav.nav-tabs {width: 660px; margin-bottom: 10px;}
	.terms-conditions-section .tab-body h3 {font-size: 18px; margin-bottom: 15px;}
	.terms-conditions-section .tab-body h4 {font-size: 14px; margin-bottom: 15px;}
	.terms-conditions-section .tab-body p {font-size: 14px; line-height: 1.5; margin-bottom: 20px;}
	.terms-conditions-section .tab-body ul {font-size: 14px; line-height: 1.5; margin-bottom: 20px;}


	footer .footer-main {padding: 12px; border-radius: 24px;}
	footer .footer-top {margin-bottom: 52px;}
	footer .footer-top .footer-logo {width: 100%; margin-bottom: 40px;}
	footer .footer-top .footer-content {width: 100%;}
	footer .copyright-text {text-align: left;}

}

/* Screen size Mobile */
@media (max-width: 567px) {
	.container {max-width: 100%;}

	header {padding: 0 8px;}
	.hero-section {padding: 116px 8px 0px 8px;}
	.universal-section {padding: 0 8px;}
	.smarter-section {padding: 0 20px 54px;}
	.smarter-section ul.smarter-list li {line-height: 34px; font-size: 14px;}
	.your-payment-section {padding: 40px 8px;}
	.testimonial-section {padding: 40px 8px;}
	.faq-section {padding: 0 8px 40px;}
	footer {padding: 0 8px 20px;}

	.terms-conditions-section {padding: 116px 8px 30px;}
	.terms-conditions-section .nav.nav-tabs {gap: 10px; justify-content: flex-start; width: 637px;}
	.terms-conditions-section .nav.nav-tabs button {line-height: 20px;}


}

/* Screen size Mobile */
@media (max-width: 427px) {
}

/* Screen size Mobile */
@media (max-width: 413px) {
}

/* Screen size Mobile */
@media (max-width: 389px) {
}

/* Screen size Mobile */
@media (max-width: 374px) {
}

/* Screen size Mobile */
@media (max-width: 359px) {
}