@import url('https://fonts.googleapis.com/css2?family=Funnel+Display:wght@300..800&family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');

:root {
    --darkBg: #04121d;
    --primaryBtnBg:#009846;
    --primaryColor:#0bcd63;
    --font-paragraph: 'Roboto', sans-serif;
    --font-heading: 'Funnel Display', sans-serif;
}

body{margin: 0;padding: 0;background-color:var(--darkBg);color: white;font-family: var(--font-paragraph);}
h1,h2,h3,h4,h5,h6{font-family: var(--font-heading);}
.mainHeader{position: absolute;top: 0;left: 0;width: 100%;z-index: 999;}
.mainHeader .navbar{background-color: transparent!important;margin: 0 auto;}
.mainHeader .navbar-brand span{display: block;text-align: right;margin-top: -10px;color: #ffffff !important;font-weight: bold;font-size: 1.5rem;}
.mainHeader .navbar-nav .nav-item{padding: 0 .5rem;}
.mainHeader .navbar-nav .nav-link {color: #fff;position: relative;transition: color 0.3s ease;}
.mainHeader .navbar-nav .nav-link.active{color:var(--primaryColor);font-weight: 600;}
.mainHeader .navbar-nav .nav-link::after {content: "";position: absolute;width: 0%;height: 2px;bottom: 0;left: 0;background-color:var(--primaryColor);transition: width 0.3s ease-in-out;}
.mainHeader .navbar-nav .nav-link:hover {color:var(--primaryColor);}
.mainHeader .navbar-nav .nav-link:hover::after {width: 100%;}
.mainHeader .btn-login {background-color:var(--primaryBtnBg);color: #ffffff;border: none;border-radius: .5rem;padding: 6px 20px;transition: all 0.3s ease;font-weight: 500;}
.mainHeader .btn-login:hover {background-color:var(--primaryColor);color: #ffffff;}
.mainHeader .navbar-toggler{background-color: var(--darkBg);color: var(--primaryBtnBg);border-color: var(--primaryBtnBg);}
.mainHeader.is-sticky {position: fixed;box-shadow: 0 5px 16px rgba(0, 0, 0, 0.1);backdrop-filter: blur(10px);animation: slideDown 0.35s ease-out;}
.mainHeader.is-sticky img {max-width: 80%;}

@keyframes slideDown {
    from {
      	transform: translateY(-100%);
    }
    to {
      	transform: translateY(0);
    }
}
  /* Hero Section styling */
.hero-section{background-image: linear-gradient(#04121d80, #04121d);width: 100%;height: 100vh;color:#fff;position: relative;}
.hero-section video{object-fit: cover;z-index: -100;background-position: 50%;background-size: cover;width: 100%;height: 100%;margin: auto;position: absolute;inset: -100%;overflow: hidden;}
.banner-section{position: relative;z-index: 2;display: flex;align-items: center;justify-content: center;height: 100%;}
.banner-section p{font-weight: 400;}
.homepage .cta-btn{background-color:var(--primaryBtnBg);color: white;border-radius: .5rem;padding:.5rem 1.5rem;font-weight: 600;}
.homepage .cta-btn:hover{background-color:#0e8f49;}
.homepage .cta-btn-outline{background-color: transparent;border: 1px solid var(--primaryBtnBg);color: var(--primaryColor);}
.homepage .cta-btn-outline:hover{background-color: var(--primaryBtnBg);color: white;}
h5.section-title{font-size:1.2rem;font-weight:700;  letter-spacing:1px; text-transform:uppercase; width:145px; text-align:center; margin:auto; white-space:nowrap; padding-bottom:13px;position: relative;color: #fff;}
h5.section-title::before {background: linear-gradient(to left, transparent, var(--primaryColor));content: '';display: block;height: 3px;width: 50px;margin-bottom: 5px;}
h5.section-title::after{background: linear-gradient(to right, transparent, var(--primaryColor));content: '';display: block;position:absolute; right:0; bottom:0;height: 3px;width: 50px;margin-bottom: 0.25em;
/* background-color: var(--primaryColor); */}
.about_section p{font-size: 2rem;font-weight: 400;}
.about_section h2{font-weight: 300;}
/* Partner Section  */
.partner-slider {overflow: hidden;position: relative;padding: 2rem 0;}
.partner-slider .slide-track {display: flex;width: calc(250px * 12); /* 12 = number of slides */animation: scroll 30s linear infinite;gap: 1.5rem;}
.partner-slider .slide {width: 250px;padding: 6px 40px;display: flex;align-items: center;justify-content: center;border: 1px solid #fff3;box-shadow:inset 0 4px 12px #ffffff1a, inset 0 -4px 12px #ffffff1a;border-radius:1rem;}
.slide img {width: 100%;object-fit: contain;transition: transform 0.3s ease;}
.slide:hover {transform: scale(1.1);}
.benefits-card {border: 1px solid #ffffff26;border-radius: 15px;padding: 30px 25px 50px;position: relative;overflow: hidden;display: flex;flex-direction: column;height: 100%;}
.benefits-icon-area {background-color: var(--darkBg);background-image: linear-gradient(#04121d 50%, #00984680);border: 1px solid #2a363f;border-radius: 100%;justify-content: center;align-items: center;min-width: 60px;max-width: 60px;min-height: 60px;max-height: 60px;display: flex;}
.benefits-icon-wrap {background-color: #111e28;background-image: linear-gradient(#111e28 50%, #00984680);border-radius: 100%;justify-content: center;align-items: center;min-width: 48px;max-width: 48px;min-height: 48px;max-height: 48px;padding-top: 1px;padding-right: 1px;display: flex;}
.benefits-icon-wrap svg{width: 20px;height: 20px;color: var(--primaryColor);}
.benefits-icon-line-wrap {background-image: linear-gradient(#ffffff26, #fff);border-radius: 100%;padding: 1px;}
.benefits-left-line-wrap {z-index: -1;background-image: linear-gradient(90deg, #2a363f00, #2a363f);width: 100%;max-width: 30px;height: 1px;position: absolute;inset: 60px auto auto 0%;}
.benefits-right-line-wrap {background-image: linear-gradient(275deg, #2a363f00, #2a363f);width: 100%;max-width: 90px;height: 1px;position: absolute;  inset: 60px auto auto 90px;}
.benefits-top-line-wrap {background-image: linear-gradient(#2a363f00, #2a363f);width: 1px;height: 30px;position: absolute;inset: 0 auto auto 55px;}
.benefits-details-wrap {margin-top: 50px;}
.benefits-title {font-family: var(--font-paragraph);margin-top: 0;margin-bottom: 15px;font-size: 24px;font-weight: 500;}
.benefits-section p.benefits-content{margin-bottom: 0;font-size: 18px;font-weight: 300;}
.benefits-section p {margin-bottom: 0;font-size: 20px;}
.benefits-bg-wrap {z-index: -1;opacity: .5;filter: blur(100px);background-image: radial-gradient(circle, #009846, #00984600);border-radius: 100%;width: 100%;min-width: 300px;max-width: 300px;height: 100%;min-height: 250px;max-height: 250px;margin-left: auto;margin-right: auto;position: absolute;inset: auto 0% -60%;}
.feature-card{ border: 1px solid #ffffff26;border-radius: 15px;padding: 30px;position: relative;overflow: hidden;display: flex;flex-direction: column;height: 100%;}
.feature-details-wrap {z-index: 1;max-width: 100%;position: relative;}
.feature-card-title {font-family: var(--font-paragraph);color: #fff;margin-top: 0;margin-bottom: 15px;font-size: 2rem;font-weight: 500;display: block;}
.feature-bg-wrap {z-index: -1;opacity: .3;filter: blur(80px);background-image: radial-gradient(circle, #009846, #00984600);border-radius: 100%;width: 100%;min-width: 300px;max-width: 300px;height: 100%;min-height: 300px;max-height: 300px;margin-left: auto;margin-right: auto;position: absolute;inset: 20% 0% 0%;}
.feature-bg-wrap.first {inset: 0% auto auto -30%;}
.feature-bg-wrap.second {inset: 0% -30% auto auto;}
.feature-card ol {list-style: none;counter-reset: list;padding: 0 1rem;}
.feature-card ol li {
	--stop: calc(100% / var(--length) * var(--i));
	--l: 62%;
	--l2: 88%;
	--h: calc((var(--i) - 1) * (180 / var(--length)));
	--c1: hsl(var(--h), 71%, var(--l));
	--c2: hsl(var(--h), 71%, var(--l2));
	position: relative;counter-increment: list;max-width: 45rem;margin: 2rem auto 0;padding: 2rem 1rem 1rem;box-shadow: 0.1rem 0.1rem 1.5rem rgba(0, 0, 0, 0.3);
	border-radius: 0.25rem;overflow: hidden;background-color: #1D2934;}

.feature-card ol li::before {content: '';display: block;width: 100%;height: .5rem;position: absolute;top: 0;left: 0;background: linear-gradient(to right, var(--c1) var(--stop), var(--c2) var(--stop));}
.feature-card ol li h3 {display: flex;align-items: baseline;margin: 0 0 1rem;color:#fff;font-family: var(--font-heading);}
.feature-card ol li h3::before {display: flex;justify-content: center;align-items: center;flex: 0 0 auto;margin-right: 1rem;width: 3rem;height: 3rem;content: counter(list);padding: 1rem;border-radius: 50%;background-color: var(--c1);color: white;}
.feature-card ol li p {margin: 0;font-size: 18px;line-height: 1.5;color: #fffc;font-family: var(--font-paragraph);}
.feature-card .card{padding: 2rem 1rem;box-shadow: 0.1rem 0.1rem 1.5rem rgba(0, 0, 0, 0.3);border-radius: 0.25rem;overflow: hidden;background-color: #1D2934;margin-top: 2rem;border-color:#ffffff26;}
.feature-card .card h3{color: var(--primaryColor);font-family: var(--font-paragraph);font-size: 1.75rem;line-height: 2rem;}

@media (min-width: 40em) {
	.feature-card ol li {margin: 2rem auto;padding: 1.5rem 1rem 1rem;}	
	.feature-card ol li h3 {font-size: 1.75rem;margin: 0 0 1rem;}	
	.feature-card ol li h3::before {margin-right: 1.5rem;}
}

.value-container{margin: 0 auto;}
.value-container p{font-size: 1.2rem;line-height: 1rem;color:#fffc;font-family: var(--font-paragraph);font-weight: 400;}
.value-container h3{font-size: 1.75rem;line-height: 2rem;}
.value-container .border-bottom{border-bottom: 1px solid #ffffff40!important;}
.value-area{justify-content: center;align-items: center;margin-top: 40px;display: flex;position: relative;}
.value-circle-area{border: 2px dashed #ffffff40;border-radius: 100%;justify-content: center;align-items: center;width: 100%;min-width: 480px;max-width: 480px;height: 100%;min-height: 480px;max-height: 480px;display: flex;position: relative;}
.value-outer-logo-area {flex-flow: column;justify-content: center;align-items: center;display: flex;position: absolute;inset: 0%;}
.value-inner-bg-wrap {opacity: .3;filter: blur(50px);background-image: radial-gradient(circle, #009846, #00984600);border-radius: 100%;justify-content: center;align-items: center;width: 100%;min-width: 250px;max-width: 250px;height: 100%;min-height: 250px;max-height: 250px;display: flex;}
.value-inner-logo-wrap {background-image: linear-gradient(#fff, #f2f2f2);border-radius: 100%;justify-content: center;align-items: center;min-width: 100px;max-width: 100px;min-height: 100px;max-height: 100px;display: flex;position: absolute;}
.value-inner-logo-wrap img{width: 80px;}
.value-outer-logo-area{flex-flow: column;justify-content: center;align-items: center;display: flex;position: absolute;inset: 0%;}
.value-logo-linear-wrap {background-image: linear-gradient(#ffffff26, #fff);border-radius: 100%;justify-content: center;align-items: center;padding: 1px;display: flex;}
.value-bg-video {z-index: -1;opacity: .1;mix-blend-mode: luminosity;border-radius: 100%;width: 100%;max-width: 550px;height: 100%;}
.w-background-video {color: #fff;height: 500px;position: relative;overflow: hidden;}
.w-background-video > video {object-fit: cover;z-index: -100;background-position: 50%;background-size: cover;width: 100%;height: 100%;margin: auto;position: absolute;inset: -100%;}
.w-background-video > video::-webkit-media-controls-start-playback-button {-webkit-appearance: none;display: none !important;}
.w-background-video--control {background-color: #0000;padding: 0;position: absolute;bottom: 1em;right: 1em;}
.w-background-video--control > [hidden] {display: none !important;}
.home-value-logo-wrap {background-image: linear-gradient(0deg, #2b5c3b 20%, #112814 50%);border-radius: 100%;justify-content: center;align-items: center;min-width: 75px;max-width: 75px;min-height: 75px;max-height: 75px;display: flex;}
.home-value-logo-wrap svg{width: 2.2rem;height: 2.2rem;}
.home-value-logo-area {background-image: linear-gradient(#ffffff26, #fff);border-radius: 100%;padding: 1px;}
.home-value-logo-area.first {position: absolute;top: -35px;left:45%;}
.home-value-logo-area.second {position: absolute;right: 10px;}
.home-value-logo-area.third {position: absolute;bottom: 45px;right: 30px;}
.home-value-logo-area.fourth {position: absolute;left: -20px;}
.pricing-card{background-color: var(--bg-color--dark-bg);border: 1px solid #ffffff26;border-radius: 15px;padding: 30px 25px;transition: box-shadow .2s, background-color .2s;position: relative;overflow: hidden;box-shadow: inset 0 2px 12px #04121d4d;height: 100%;}
.pricing-top-text {margin-bottom: 0;font-size: 18px;}
.pricing-rate{margin-top: 0;margin-bottom: 10px;font-size: 40px;}
.pricing-rate .text-gray-300{color:rgb(157 151 151);font-size: 34px;}
.pricing-rate-sub-content {font-family: var(--font-paragraph);font-size: 16px;font-weight: 300;}
.pricing-rate-wrap {margin-top: 35px;margin-bottom: 40px;}
.pricing-text {margin-bottom: 0;font-size: 18px;}
.pricing-button-wrap {flex-flow: column;display: flex;}
.pricing-button{background-color: var(--primaryBtnBg);color: #fff;border-color: var(--primaryColor);}
.pricing-line-divider {background-color: #ffffff26;width: 100%;height: 1px;margin-top: 40px;margin-bottom: 40px;}
.pricing-point-area {grid-column-gap: 10px;grid-row-gap: 10px;flex-flow: column;display: flex;}
.pricing-point-text {color:#fff;margin-bottom: 15px;font-size: 18px;font-weight: 400;}
.pricing-point-wrap {grid-column-gap: 15px;grid-row-gap: 15px;justify-content: flex-start;align-items: center;display: flex;color: rgba(255, 255, 255, 0.8);}
.pricing-point-icon-wrap {justify-content: center;align-items: center;min-width: 20px;max-width: 20px;min-height: 20px;max-height: 20px;display: flex;position: relative;}
.pricing-point{margin-bottom: 0;font-size: 18px;font-weight: 300;}
.pricing-details-wrap {z-index: 1;position: relative;}
.pricing-bg-wrap{background-image: radial-gradient(circle farthest-corner at 50% 50%, var(--primaryColor), #00984600);opacity: .3;filter: blur(100px);border-radius: 100%;min-width: 450px;max-width: 450px;min-height: 450px;max-height: 45px;position: absolute;inset: -25% auto auto -30%;}
.pricing-linear-wrap{opacity: 0;background-image: linear-gradient(90deg, var(--primaryBtnBg), var(--primaryColor));position: absolute;inset: 0%;}
.pricing-card:hover .pricing-linear-wrap{opacity: 1;}
.pricing-card:hover .pricing-button{background-color: #fff;border: 0;color:var(--darkBg);}
/* FAQ section  */
.faq-section .accordion{background-color: var(--darkBg);--bs-accordion-bg:var(--darkBg);--bs-accordion-border-width:0;}
.faq-section .accordion .accordion-item{background-color:var(--darkBg);border: 1px solid #ffffff26;margin-bottom: 20px;border-radius: 15px;position: relative;overflow: hidden;position: relative;z-index: 1;}
.faq-section .accordion .accordion-item:last-child{margin-bottom: 0;}
.faq-section .accordion .accordion-button{font-weight: 600;color:#fff;background-color:transparent;transition: background-color 0.3s ease, color 0.3s ease;border: none;padding: 1.5rem;}
.faq-section .accordion .accordion-button::after{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='M2 5L8 11L14 5'/%3e%3c/svg%3e");}
.faq-section .accordion .accordion-button:not(.collapsed){border-radius: 15px 15px 0 0;}
.faq-section .accordion .accordion-button:focus{box-shadow: none;}
.faq-section .accordion .accordion-body{background-color: var(--darkBg);border-radius: 0 0 15px 15px;padding: 20px;font-size: 1rem;color: #333;
  animation: fadeIn 0.5s ease-in-out;}
.faq-section .accordion .accordion-body p{font-size: 18px;color: #fff;text-align: left;}
.faq-bg-wrap{z-index: 2;opacity: .3;filter: blur(80px);background-image: radial-gradient(circle, var(--primaryBtnBg), #00984600);border-radius: 100%;min-width: 365px;max-width: 365px;min-height: 250px;max-height: 250px;margin:0 auto;display: none;position: absolute;top: 50%;left: 20%;}
/* Footer section  */
.footer_section{-webkit-backdrop-filter: blur(15px);backdrop-filter: blur(15px);background-color: rgba(0,0,0,0.2);padding-top: 80px;padding-bottom: 40px;position: relative;overflow: hidden;}
.copyright_text{text-align: center;border-top: 1px solid #ffffff26;margin-top: 80px;padding-top: 25px;}
.copyright_text p{font-size: 18px;color: #fff;font-weight: 400;}
.footer-widget-title {font-family: var(--font-paragraph);margin-top: 0;margin-bottom: 0;font-size: 20px;font-weight: 500;line-height: 1.2;}
.footer-line-wrap {background-color: #ffffff26;width: 100%;max-width: 160px;height: 1px;margin-top: 10px;margin-bottom: 25px;}
.footer-details-area {grid-column-gap: 12px;grid-row-gap: 12px;flex-flow: column;display: flex;}
.footer-contact-link-wrap{grid-column-gap: 10px;grid-row-gap: 10px;color: #fff;justify-content: flex-start;align-items: center;font-size: 16px; font-weight: 400;transition-property: none;display: flex;text-decoration: none;}
.footer-contact-link-wrap:hover{color: var(--primaryColor);}
.footer-contact-icon-wrap {justify-content: center;align-items: center;min-width: 20px;display: flex;}
.footer-link {color: #fff;font-size: 16px;font-weight: 400;display: block;text-decoration: none;}
.footer-link:hover {color: var(--primaryColor);}
.footer-link-wrap {grid-column-gap: 10px;grid-row-gap: 10px;flex-flow: column;display: flex;}

.contact_page{background-color: #04121d;padding-top: 100px;font-family: var(--font-paragraph);}
.contact-content {-webkit-backdrop-filter: blur(15px);
    backdrop-filter: blur(15px);
    background-color: #04121dcc;
    border: 1px solid #ffffff26;
    border-radius: 25px;
    margin-bottom: 0;
    padding: 80px 60px;
}
.contact-content .form-control{background-color: transparent;color:#fff;border: 1px solid #ffffff26;border-radius: 10px;min-height: 45px;margin-bottom: 0;font-size: 16px;font-weight: 400;}
.contact-content .form-control:focus{background-color: transparent;color: #fff;border-color:var(--primaryBtnBg);box-shadow: none;outline: 0;}
.contact-content .btn-submit{background-color: var(--primaryBtnBg);color: #fff;border-color: var(--primaryColor);padding: .5rem 1.5rem;font-size: 1rem;font-weight: 600;}
.contact-content .btn-submit:hover{background-color: var(--primaryColor);border-color: var(--primaryBtnBg);color: #fff;}
.contact-checkbox input {padding: 0;height: initial;width: initial;margin-bottom: 0;display: none;cursor: pointer;}
.contact-checkbox label {position: relative;cursor: pointer;color: #f2f2f2;}
.contact-checkbox label:before {content:'';-webkit-appearance: none;background-color: transparent;border: 2px solid #ffffff50;padding: 10px;display: inline-block;position: relative;vertical-align: middle;cursor: pointer;margin-right: 10px;}
.contact-checkbox input:checked + label:after {content: '';display: block;position: absolute;top: 2px;left: 9px;width: 6px;height: 14px;border: solid var(--primaryColor);border-width: 0 2px 2px 0;transform: rotate(45deg);}
.form-container p a{color: var(--primaryColor);margin: 0 5px;}
.contact-details-card-area {text-align: center;border: 1px solid #ffffff26;border-radius: 15px;flex-flow: column;justify-content: center;align-items: center;  padding: 30px;display: flex;position: relative;overflow: hidden;height: 100%;}
.contact-icon-area{border: 1px solid #2a363f;border-radius: 100%;justify-content: center;align-items: center;min-width: 80px;max-width: 80px;min-height: 80px;max-height: 80px;margin-bottom: 25px;display: flex;}
.contact-icon-area svg{width: 2rem;height: 2rem;color: var(--primaryColor);}
.contact-icon-line-wrap {background-image: linear-gradient(#ffffff26, #fff);border-radius: 100%;padding: 1px;}
.contact-icon-wrap {background-color: #111e28;background-image: linear-gradient(#111e28 50%, #00984680);border-radius: 100%;justify-content: center;align-items: center;min-width: 65px;max-width: 65px;min-height: 65px;max-height: 65px;padding-top: 1px;padding-right: 1px;display: flex;}
.contact-details-link {color:#fff;margin-bottom: 10px;font-size: 24px;font-weight: 500;display: block;text-decoration: none;}
.contact-details-link:hover {color: var(--primaryColor);}
.contact-details-text {margin-bottom: 0;font-size: 18px;color: #fffc;}
.contact-details-card-wrap {max-width: 280px;margin-left: auto;margin-right: auto;}
.contact-details-title {color: #fff;margin-top: 0;margin-bottom: 10px;font-size: 24px;font-weight: 500;}
.contact-details-bg-wrap {background-image: radial-gradient(circle farthest-corner at 50% 50%, var(--primaryColor), #00984680);filter: blur(100px);
border-radius: 100%;min-width: 200px;min-height: 200px;position: absolute;inset: -50% auto auto -40%;}
.contact_cta_section{background: url("../assets/img/trading_bg.png")center no-repeat;background-size: cover;}
.cta_container{-webkit-backdrop-filter: blur(10px);backdrop-filter: blur(8px);background-color: #04121dcc;padding: 5rem 0;}
/* Smooth fade-in */
@keyframes fadeIn {
	from {opacity: 0;transform: translateY(10px);}
	to {opacity: 1;transform: translateY(0);}
}

@keyframes scroll {
	0% {transform: translateX(0);}
	100% {transform: translateX(-50%);}
}
@media screen and (min-width: 1200px) {
	.value-container{max-width:1200px;}
}
/* End Partner Section  */
@media screen and (min-width: 1280px) {
	.homepage header .navbar{padding: 0.5rem 6rem;}
	.homepage header .navbar-nav .nav-link{font-size: 18px;}
	.banner-section h1, .banner-text h1{font-size: 4.5rem;line-height: 5rem;}
	.banner-section p, .banner-text p{font-size: 20px;line-height: 30px;}
	.benefits-card {padding: 30px 30px 50px;}
	.navbar-brand img{width: 200px;}
	.contact-details{margin-top: 8rem;}
  .faq-section{margin-top: 4rem;}
  .value-section{padding: 2rem 0 10rem;}
	.value-area{justify-self:auto;}
	.value-circle-area {
        min-width: 545px;
        max-width: 545px;
        min-height: 545px;
        max-height: 545px;
    }
	.home-value-logo-area.second{
		right: -10px;top:42%;
	}
	.home-value-logo-area.third {bottom: -30px;right: 42%;}
	.home-value-logo-area.fourth{left: -10px;}
}
@media screen and (min-width: 991px) {
  .banner-section{padding-top: 6rem;}
	.banner-text{padding: 3rem 0 5rem;}
}
@media screen and (max-width: 767px) {
	.navbar-brand{display: inline-block;}
	.navbar-brand img{width: 150px;}
	.main-menu{margin-left: auto;margin-right: 10px;}
	.homepage header{padding: .5rem 1rem;}
	.homepage header .navbar-collapse{position: fixed;top: 0;left: -230px;width: 230px;height: 100vh;background-color: rgb(0, 152, 70); transition: left 0.3s ease-in-out; box-shadow: 2px 0 10px rgba(0,0,0,0.1);padding: 4rem 2rem;z-index: 1050;}
	.homepage header .navbar-collapse.show {left: 0;}
	.homepage header .navbar-nav .nav-link.active, .homepage header .navbar-nav .nav-link:hover{color: var(--darkBg);}
	.homepage header .navbar-nav .nav-link::after{background-color: #fff;}
	.banner-section{padding: 4rem 1.5rem;}
	.hero-section{height: 80vh;}
	.about_section{padding: 0 1.5rem 2rem!important;}
	.about_section p{font-size: 1.6rem;}
	.benefits-section, .pricing-section, .faq-section{padding: 4rem 1.5rem!important;}
	.faq-section h5.section-title{margin: 0 auto 1rem!important;}
	.faq-section .section-heading{text-align: center;}
	.footer_section{padding: 2rem 1.5rem;}
	.copyright_text{margin-top: 4rem;}
	
}
@keyframes slideInRight {
	to {opacity: 1;transform: translateX(0);}
}
 
@keyframes zoom{
    to{transform: scale(1.1);}
}





/* End FAQ section  */

/* Demo Section  */
.demo-section {
  background: var(--darkBg);
  border-radius: 20px;
  box-shadow: 0 10px 40px rgba(0, 0, 0, 0.08);
}

.section-title {
  font-size: 2.2rem;
  font-weight: bold;
  color: black;
  margin-bottom: 1rem;
}


.video-wrapper {
  overflow: hidden;
  border-radius: 20px;
  position: relative;
  padding-top: 56.25%; /* 16:9 aspect ratio */
}

.demo-video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: none;
  border-radius: 20px;
}

/* End Demo Section  */