@import url('https://fonts.googleapis.com/css2?family=Anek+Telugu:wght@100..800&family=Convergence&family=Hanken+Grotesk:ital,wght@0,100..900;1,100..900&family=Open+Sans:ital,wght@0,300..800;1,300..800&family=Play:wght@400;700&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');
@font-face {
font-family: "SpoqaHanSansNeo-Thin";
src: url(../fonts/SpoqaHanSansNeo-Thin.otf) format("opentype");
}
@font-face {
font-family: "SpoqaHanSansNeo-Light";
src: url(../fonts/SpoqaHanSansNeo-Light.otf) format("opentype");
}
@font-face {
font-family: "SpoqaHanSansNeo-Regular";
src: url(../fonts/SpoqaHanSansNeo-Regular.otf) format("opentype");
}
@font-face {
font-family: "SpoqaHanSansNeo-Medium";
src: url(../fonts/SpoqaHanSansNeo-Medium.otf) format("opentype");
}
@font-face {
font-family: "SpoqaHanSansNeo-Bold";
src: url(../fonts/SpoqaHanSansNeo-Bold.otf) format("opentype");
}
:root {
--gold:       #0568c5;
--gold-light: #3d8eff;
--gold-dim:   #034a91;
--green:      #1fb83d;
--green-dim:  #0e6b22;
--green-glow: rgba(31,184,61,.18);
--bg:         #0a0a0a;
--bg2:        #111111;
--bg3:        #181818;
--card-bg:    #141414;
--border:     rgba(5,104,197,.18);
--text:       #e8e8e8;
--muted:      #888;
--radius:     14px;
--radius-sm:  8px;
}
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0;outline: none; }
::after, ::before {
box-sizing: border-box;
}
a {
text-decoration: none;
}
a:hover, a:focus, button:focus, input:focus {
text-decoration: none;
outline: none;	
}
body {  
font-size: 16px;
line-height: 28px;
background: var(--bg);
color: var(--text);
font-family: "Open Sans", sans-serif;
overflow-x: hidden;
}
html { scroll-behavior: smooth; }
.owl-nav button {
position: absolute;
top: 50%;
background-color: #000;
color: #fff;
margin: 0;
transition: all 0.3s ease-in-out;
}
.owl-nav button.owl-prev {
left: 20px;
}
.owl-nav button.owl-next {
right: 20px;
}
.owl-dots {  
padding-top: 15px;
}
.owl-dots button.owl-dot {
width: 7px;
height: 7px;
border-radius: 50%;
display: inline-block;
background: #dcddde;
border: 1px solid #dcddde;
margin: 0 5px;;
}
.owl-dots button.owl-dot.active {
width: 9px;
height: 9px;
background-color: #bd934b;
border: 1px solid #bd934b;
}
.owl-dots button.owl-dot:focus {
outline: none;
}
.owl-nav button {
position: absolute;
top: 50%;
transform: translateY(-50%);
background: transparent !important;
border:3px solid #fff !important;
width: 60px;
height: 60px;
border-radius: 50%;
}
.owl-nav button span {
font-size: 20px;
position: relative;
top: 0px;
color:#fff;
}
.owl-nav button:focus {
outline: none;
}
.owl-nav button.owl-prev.disabled {
border-color:#272a42 !important;   
}
.owl-nav button.owl-prev.disabled span{
color:#272a42;
}
.owl-nav button.owl-next.disabled {
border-color:#272a42 !important;   
}
.owl-nav button.owl-next.disabled span{
color:#272a42;
}
.owl-nav button:hover {
background: #070a20 !important;	
border-color:#070a20 !important;
}
.owl-nav button:hover span {	
color:#fff ;
}
.headingSec {}
.headingSec .secTitle {
color: #043B72;	
font-size: 40px;	
font-family: "SpoqaHanSansNeo-Bold";
line-height: 58px;
}
.headingSec .secTitle span{
color: #FF7518;
}
.header{	
}
.homeHeader .header{
}
/* ─── SCROLLBAR ─────────────────────────────── */
::-webkit-scrollbar { width: 4px; }
::-webkit-scrollbar-track { background: var(--bg); }
::-webkit-scrollbar-thumb { background: var(--green-dim); border-radius: 4px; }
/* ─── UTILITIES ─────────────────────────────── */
.text-gold { color: var(--green); }
.bg-card   { background: var(--card-bg); }
.mono      { font-family: 'JetBrains Mono', monospace; }
.section-label {
font-size: .72rem;
letter-spacing: .18em;
text-transform: uppercase;
color: var(--green);
font-weight: 600;
}
.section-heading{}
.section-title {
font-family: "Anek Telugu", sans-serif;
font-size: 40px;
font-weight: 700;
line-height: 1.15;
}
.section-sub {
color: var(--muted);
font-size: .95rem;
max-width: 540px;
margin: 0 auto;
}
.gold-pill {
display: inline-block;
background: rgba(31,184,61,.1);
border: 1px solid rgba(31,184,61,.22);
color: var(--green);
border-radius: 50px;
padding: .25rem .85rem;
font-size: .72rem;
letter-spacing: .12em;
text-transform: uppercase;
font-weight: 700;
}
.btn-gold {
background: var(--gold);
color: #fff;
font-weight: 700;
border: none;
border-radius: 6px;
padding: .6rem 1.5rem;
font-family: 'Syne', sans-serif;
font-size: .9rem;
transition: background .2s, transform .15s;
}
.btn-gold:hover { background: var(--gold-light); color: #fff; transform: translateY(-1px); }
.btn-outline-gold {
background: transparent;
border: 1.5px solid var(--gold);
color: var(--gold);
font-weight: 700;
border-radius: 6px;
padding: .6rem 1.5rem;
font-family: 'Syne', sans-serif;
font-size: .9rem;
transition: background .2s, color .2s;
}
.btn-outline-gold:hover { background: var(--gold); color: #fff; }
.glow-dot {
width: 8px; height: 8px;
border-radius: 50%;
background: var(--green);
box-shadow: 0 0 10px var(--green);
display: inline-block;
}
/* ─── NAVBAR ─────────────────────────────────── */
.header .navbar {
background: rgba(10,10,10,.9);
backdrop-filter: blur(14px);
border-bottom: 1px solid var(--border);
padding: .75rem 0;
position: sticky;
top: 0;
z-index: 1030;
transition: background .3s;
}
.header .navbar .navbar-brand {
font-size: 1.7rem;
letter-spacing: .06em;
color: var(--gold) !important;
}
.header .navbar-brand img { width:175px;}
.header .nav-link {
color: #c8c9cb;
font-size: .85rem;
font-weight: 600;
transition: color .2s;
padding: .4rem .75rem !important;
}
.header .nav-link:hover, .header .nav-link.active { color: #1fb83d;}
.header .navbar-toggler {
border: 1px solid var(--border);
color: var(--gold);
}
.header .navbar-toggler-icon {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3E%3Cpath stroke='%230568c5' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
}
/* Offcanvas */
.header .offcanvas {
background: var(--bg2) !important;
border-right: 1px solid var(--border) !important;
}
.header .offcanvas-header { border-bottom: 1px solid var(--border); }
.header .offcanvas .nav-link { font-size: 1rem; padding: .75rem 1rem !important; border-bottom: 1px solid var(--border); }
/* ─── HERO ───────────────────────────────────── */
.heroSec {     
background:
radial-gradient(ellipse 60% 60% at 70% 40%, rgba(5,104,197,.14) 0%, transparent 65%),
radial-gradient(ellipse 40% 40% at 10% 80%, rgba(5,104,197,.08) 0%, transparent 60%),
var(--bg);
display: flex;
align-items: center;
position: relative;
overflow: hidden;
}
.heroSec::before {
content: '';
position: absolute;
inset: 0;
background: url("data:image/svg+xml,%3Csvg width='60' height='60' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0h60v60H0z' fill='none'/%3E%3Ccircle cx='1' cy='1' r='.6' fill='%230568c5' opacity='.08'/%3E%3C/svg%3E") repeat;
pointer-events: none;
}
.heroSecinner .hero-badge {
background: rgba(5,104,197,.12);
border: 1px solid var(--border);
border-radius: 50px;
display: inline-flex;
align-items: center;
gap: .5rem;
padding: .35rem 1rem;
font-size: .78rem;
font-weight: 600;
color: #fff;
margin-bottom: 1.5rem;
}
.heroSecinner .hero-title {
font-family: "Anek Telugu", sans-serif;
font-size: 65px;
line-height: 75px;      
color: #fff;
font-weight:700;
}
.heroSecinner .hero-title span { color: var(--green); }
.heroSecinner .hero-desc { color: var(--muted); font-size: 1rem; max-width: 460px; line-height: 1.7; margin: 1.5rem 0; }
.heroSecinner .hero-stats {
display: flex;
gap: 2rem;
flex-wrap: wrap;
margin-top: 2rem;
}
.heroSecinner .hero-stat-val {
font-family: 'JetBrains Mono', monospace;
font-size: 1.4rem;
font-weight: 700;
color: var(--green);
}
.heroSecinner .hero-stat-label { font-size: .75rem; color: var(--muted); margin-top: .15rem; }
/* 3D cube graphic */
.heroSecinner .hero-graphic {
position: relative;
width: 380px;
max-width: 100%;
}
.heroSecinner .cube-wrap {
position: relative;
width: 300px;
height: 300px;
margin: auto;
}
.heroSecinner .cube-face {
position: absolute;
border-radius: var(--radius-sm);
border: 1px solid rgba(5,104,197,.28);
}
.heroSecinner .cube-main {
width: 160px; height: 160px;
background: linear-gradient(135deg, rgba(5,104,197,.28), rgba(5,104,197,.08));
top: 60px; left: 70px;
transform: rotate(-10deg);
animation: floatA 4s ease-in-out infinite;
}
.heroSecinner .cube-sm1 {
width: 90px; height: 90px;
background: linear-gradient(135deg, rgba(5,104,197,.2), rgba(0,0,0,.3));
top: 20px; left: 180px;
transform: rotate(15deg);
animation: floatB 5s ease-in-out infinite;
}
.heroSecinner .cube-sm2 {
width: 70px; height: 70px;
background: linear-gradient(135deg, rgba(5,104,197,.14), rgba(0,0,0,.4));
top: 190px; left: 160px;
transform: rotate(-20deg);
animation: floatA 6s ease-in-out infinite reverse;
}
@keyframes floatA {
0%,100% { transform: rotate(-10deg) translateY(0); }
50%      { transform: rotate(-10deg) translateY(-14px); }
}
@keyframes floatB {
0%,100% { transform: rotate(15deg) translateY(0); }
50%      { transform: rotate(15deg) translateY(-10px); }
}
/* ─── WHY AEON ───────────────────────────────── */
.whyChooseUsSec {    
background: var(--bg);
}
.whyChooseUsSecinner .why-card {
background: var(--card-bg);
border: 1px solid var(--border);
border-radius: var(--radius);
padding: 1.75rem;
transition: border-color .3s, transform .3s;
height: 100%;
}
.whyChooseUsSecinner .why-card:hover {
border-color: rgba(5,104,197,.55);
transform: translateY(-4px);
}
.whyChooseUsSecinner .why-card .why-icon {
width: 46px; height: 46px;
background: rgba(5,104,197,.12);
border: 1px solid var(--border);
border-radius: 10px;
display: flex; align-items: center; justify-content: center;
font-size: 1.2rem;
color: var(--gold);
margin-bottom: 1.1rem;
}
.whyChooseUsSecinner .why-card h5 { font-weight: 700; font-size: 1rem; margin-bottom: .5rem; }
.whyChooseUsSecinner .why-card p { color: var(--muted); font-size: .87rem; line-height: 1.6; }
.whyChooseUsSecinner .why-card a { color: var(--green); font-size: .82rem; font-weight: 600; text-decoration: none; }
.whyChooseUsSecinner .why-card a:hover { text-decoration: underline; }
/* ─── NUMBERS ───────────────────────────────── */
.tradingSuccessSec{      
background: var(--bg2);
position: relative;
overflow: hidden;
}
.tradingSuccessSec::before {
content: '';
position: absolute;
top: -120px; left: 50%;
transform: translateX(-50%);
width: 700px; height: 700px;
background: radial-gradient(circle, rgba(5,104,197,.09) 0%, transparent 65%);
pointer-events: none;
}
.tradingSuccessSecinner{}
.tradingSuccessSecinner .tradingSuccessBox{}
.tradingSuccessSecinner .num-card {
background: var(--card-bg);
border: 1px solid var(--border);
border-radius: var(--radius);
padding: 1.75rem;
height: 100%;
}
.tradingSuccessSecinner .num-card .num-val {
font-family: 'JetBrains Mono', monospace;
font-size: clamp(1.8rem, 4vw, 2.8rem);
font-weight: 700;
color: #fff;
}
.tradingSuccessSecinner .num-card .num-label { color: var(--muted); font-size: .85rem; margin-top: .3rem; }   
.tradingSuccessSecinner .num-card .sparkline {
width: 100%;
height: 55px;
margin-top: 1.2rem;
}
/* ─── PLATFORM ───────────────────────────────── */
.tradingPlatformSec {     
background: var(--bg);
}
.tradingPlatformSecinner .platform-screen {
background: var(--card-bg);
border: 1px solid var(--border);
border-radius: var(--radius);
padding: 1.25rem;
position: relative;
overflow: hidden;
}
.tradingPlatformSecinner .platform-screen::before {
content: '';
position: absolute;
top: -60px; right: -60px;
width: 200px; height: 200px;
background: radial-gradient(circle, rgba(5,104,197,.12), transparent 70%);
}
.tradingPlatformSecinner .platform-screen .screen-bar {
display: flex; gap: .4rem; margin-bottom: 1rem;
}
.tradingPlatformSecinner .platform-screen .screen-dot {
width: 8px; height: 8px;
border-radius: 50%;
}
.tradingPlatformSecinner .platform-screen .chart-mock {
width: 100%;
height: 120px;
}
.tradingPlatformStepArea{}
.tradingPlatformStepArea .step-card {
background: var(--card-bg);
border: 1px solid var(--border);
border-radius: var(--radius);
padding: 1.5rem;
transition: border-color .3s;
}
.tradingPlatformStepArea .step-card:hover { border-color: rgba(5,104,197,.45); }
.tradingPlatformStepArea .step-card .step-num {
font-family: 'Bebas Neue', sans-serif;
font-size: 2.5rem;
color: rgba(5,104,197,.22);
line-height: 1;
}
.tradingPlatformStepArea .step-card h5 { font-weight: 700; font-size: .95rem; margin: .3rem 0 .5rem; }
.tradingPlatformStepArea .step-card p { color: var(--muted); font-size: .84rem; line-height: 1.6; }
/* ─── PRICING ────────────────────────────────── */
.tradingPricingSec{     
background: var(--bg2);
}
.tradingPricingSecinner{}
.tradingPricingSecinner .plan-toggle {
background: var(--card-bg);
border: 1px solid var(--border);
border-radius: 50px;
padding: .3rem;
display: inline-flex;
}
.tradingPricingSecinner .plan-toggle button {
border: none;
background: transparent;
color: var(--muted);
font-family: 'Syne', sans-serif;
font-size: .82rem;
font-weight: 700;
padding: .4rem 1.2rem;
border-radius: 50px;
cursor: pointer;
transition: background .2s, color .2s;
}
.tradingPricingSecinner .plan-toggle button.active {
background: var(--gold);
color: #fff;
}
.tradingPricingListArea{}
.tradingPricingListArea .tradingPricingListBox{}
.tradingPricingSecinner .price-card {
background: var(--card-bg);
border: 1px solid var(--border);
border-radius: var(--radius);
padding: 1.75rem;
transition: border-color .3s, transform .3s;
height: 100%;
}
.tradingPricingSecinner .price-card:hover { border-color: rgba(5,104,197,.35); transform: translateY(-3px); }
.tradingPricingSecinner .price-card.featured {
border-color: var(--gold);
background: linear-gradient(160deg, rgba(5,104,197,.1), var(--card-bg));
}
.tradingPricingSecinner .price-card .price-name { font-size: .8rem; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; color: var(--muted); }
.tradingPricingSecinner .price-card .price-val {
font-family: 'JetBrains Mono', monospace;
font-size: 2.4rem;
font-weight: 700;
color: #fff;
margin: .5rem 0;
}
.tradingPricingSecinner .price-card .price-val span { font-size: 1rem; color: var(--muted); }
.tradingPricingSecinner .price-card .price-feature {
display: flex; align-items: center; gap: .6rem;
font-size: .84rem;
padding: .45rem 0;
border-bottom: 1px solid rgba(255,255,255,.04);
color: var(--text);
}
.tradingPricingSecinner .price-card .price-feature i { color:var(--green); font-size: .8rem; }
.tradingPricingSecinner .price-card .price-feature.off { color: var(--muted); }
.tradingPricingSecinner .price-card .price-feature.off i { color: #444; }
.tradingPricingSecinner .price-card .priceTopTag{
position: absolute;
top: -14px;
left: 50%;
transform: translateX(-50%);
font-size: 12px;
display: inline-block;
background: #1fb83d;
border: 1px solid rgba(31, 184, 61, .3);
color: #fff;
border-radius: 50px;
padding: 0px 15px;
font-weight: 600;   
text-transform: uppercase;		
}
.tradingPricingFeature{}
.tradingPricingFeatureinner{}
.tradingPricingFeatureinner .title{}
.tradingPricingFeatureListArea{}
.tradingPricingFeatureListArea .tradingPricingFeatureListBox{}
.tradingPricingFeatureListBoxinner{font-size:.84rem}	
.tradingPricingFeatureListBoxinner i{color:var(--green)}
/* ─── PAYOUTS ────────────────────────────────── */
.tradingSecureSec {     
background: var(--bg);
}
.tradingSecureSecinner .tradingSecureBox{}
.tradingSecureSecinner .payout-card {
background: var(--card-bg);
border: 1px solid var(--border);
border-radius: var(--radius);
padding: 2rem;
height: 100%;
transition: border-color .3s;
}
.tradingSecureSecinner .payout-card:hover { border-color: rgba(5,104,197,.35); }
.tradingSecureSecinner .payout-card .title{}
.tradingSecureSecinner .payout-card .para{color:var(--muted);font-size:.88rem;line-height:1.7;margin-bottom:1.5rem}
.tradingSecureSecinner .payout-card .payout-orb {
width: 90px; height: 90px;
border-radius: 50%;
background: radial-gradient(circle, var(--gold) 0%, rgba(5,104,197,.12) 70%);
display: flex; align-items: center; justify-content: center;
font-size: 2rem;
color: #fff;
margin-bottom: 1.5rem;
box-shadow: 0 0 30px rgba(5,104,197,.35);
}
.tradingSecureSecinner .payout-card .progress-row { margin-bottom: .8rem; }
.tradingSecureSecinner .payout-card .progress-row label { font-size: .78rem; color: var(--muted); display: flex; justify-content: space-between; margin-bottom: .3rem; }
.tradingSecureSecinner .payout-card .progress { height: 6px; background: rgba(255,255,255,.06); border-radius: 3px; }
.tradingSecureSecinner .payout-card .progress-bar { background: var(--green); border-radius: 3px; }
.tradingPayoutListArea{}
.tradingPayoutListBlock {background:var(--bg3);border:1px solid var(--border);border-radius:var(--radius-sm);padding:1rem;display:flex;align-items:center;gap:1rem}
.tradingPayoutListBlock .icon{width:38px;height:38px;background:rgba(5,104,197,.14);border-radius:8px;display:flex;align-items:center;justify-content:center;color:var(--gold);font-size:1.1rem}
.tradingPayoutListBlock .content{}
.tradingPayoutListBlock .content .ttl{font-weight:700;font-size:.9rem}
.tradingPayoutListBlock .content .txt{color:var(--muted);font-size:.78rem}
.tradingPayoutListBlock .rightPart{color:var(--green);font-size:.75rem;font-weight:700}
/* ─── WHY TRADERS LOVE ───────────────────────── */
.tradeBenifitsSec {     
background: var(--bg2);
}
.tradeBenifitsSecinner{}
.tradeBenifitsBox{}
.tradeBenifitsSecinner .love-card {
background: var(--card-bg);
border: 1px solid var(--border);
border-radius: var(--radius);
padding: 1.75rem;
height: 100%;
transition: border-color .3s;
}
.tradeBenifitsSecinner .love-card:hover { border-color: rgba(5,104,197,.35); }
.tradeBenifitsSecinner .love-card .love-icon {
font-size: 1.6rem;
color: var(--green);
margin-bottom: .9rem;
}
.tradeBenifitsSecinner .love-card h5 { font-size: .95rem; font-weight: 700; margin-bottom: .5rem; }
.tradeBenifitsSecinner .love-card p { color: var(--muted); font-size: .84rem; line-height: 1.6; }
/* ─── TESTIMONIALS ───────────────────────────── */
.tradingTestimonialSec {      
background: radial-gradient(ellipse 80% 60% at 50% 100%, rgba(5,104,197,.12) 0%, transparent 60%), var(--bg);
}
.tradingTestimonialSecinner{}
.tradingTestimonialBox{}
.review-card {
background: var(--card-bg);
border: 1px solid var(--border);
border-radius: var(--radius);
padding: 1.5rem;
height: 100%;
transition: border-color .3s;
}
.review-card:hover { border-color: rgba(5,104,197,.35); }
.review-card .stars { color: var(--green); font-size: .85rem; letter-spacing: .05em; }
.review-card .review-text { font-size: .87rem; color: var(--muted); line-height: 1.65; margin: .75rem 0 1.1rem; }
.reviewer-name { font-weight: 700; font-size: .9rem; }
.review-card .reviewer-role { font-size: .75rem; color: var(--muted); }
.review-card .avatar {
width: 38px; height: 38px;
border-radius: 50%;
background: linear-gradient(135deg, var(--gold), var(--gold-dim)); color: #fff;
display: flex; align-items: center; justify-content: center;
font-weight: 700;
font-size: .85rem;
color: #000;
flex-shrink: 0;
}
/* ─── FAQ ────────────────────────────────────── */
.tradingFaqSec {      
background: var(--bg2);
}
.tradingFaqSecinner{}
.tradingFaqSecinner .accordion-item {
background: var(--card-bg) !important;
border: 1px solid var(--border) !important;
border-radius: var(--radius) !important;
margin-bottom: .6rem;
overflow: hidden;
}
.tradingFaqSecinner .accordion-item .accordion-button {
background: var(--card-bg) !important;
color: var(--text) !important;
font-family: 'Syne', sans-serif !important;
font-weight: 700 !important;
font-size: .95rem !important;
box-shadow: none !important;
border: none !important;
}
.tradingFaqSecinner .accordion-item .accordion-button:not(.collapsed) { color: var(--green) !important; }
.tradingFaqSecinner .accordion-item .accordion-button::after {
filter: invert(1) sepia(1) saturate(3) hue-rotate(5deg);
}
.tradingFaqSecinner .accordion-item .accordion-body {
background: var(--card-bg);
color: var(--muted);
font-size: .88rem;
line-height: 1.7;
border-top: 1px solid var(--border);
}
/* ─── CTA ────────────────────────────────────── */
.tradingHighlightSec {     
background: radial-gradient(ellipse 70% 80% at 50% 100%, rgba(31,184,61,.12) 0%, transparent 65%), var(--bg);
text-align: center;
position: relative;
overflow: hidden;
}
.tradingHighlightSec::before {
content: '';
position: absolute;
bottom: -80px;
left: 50%; transform: translateX(-50%);
width: 500px; height: 300px;
border-radius: 50%;
background: radial-gradient(circle, rgba(5,104,197,.24), transparent 70%);
filter: blur(60px);
pointer-events: none;
}
.tradingHighlightSecinner{}
.tradingHighlightSecinner .cta-title {
font-family: "Anek Telugu", sans-serif;
font-size: 40px;
line-height: 1.4;
color: #fff;
}
.tradingHighlightSecinner .cta-title span { color: var(--green); }
.tradingHighlightSecinner .para{color:var(--muted);font-size:1rem;max-width:420px;margin-left:auto;margin-right:auto;line-height:1.7}
/* ─── FOOTER ─────────────────────────────────── */
.footer {
background: var(--bg2);
border-top: 1px solid var(--border);
padding: 30px 0 20px;
}
.footer .footer-brand { 
}
.footer .footer-brand img{width:170px;}
.footer .footer-desc { color: var(--muted); font-size: .85rem; line-height: 1.65; margin-top: .6rem; }
.footer .footer-link {
color: var(--muted);
font-size: .85rem;
text-decoration: none;
display: block;
margin-bottom: .5rem;
transition: color .2s;
}
.footer .footer-link:hover { color: var(--green); }
.footer .footer-heading { font-size: .8rem; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; color: var(--text); margin-bottom: 1rem; }
.footer .social-btn {
width: 36px; height: 36px;
border-radius: 8px;
background: var(--card-bg);
border: 1px solid var(--border);
display: inline-flex; align-items: center; justify-content: center;
color: var(--muted);
font-size: .95rem;
text-decoration: none;
transition: border-color .2s, color .2s;
}
.footer .social-btn:hover { border-color: var(--green); color: var(--green); }
.footer .footer-bottom {
    border-top: 1px solid var(--border);
    margin-top: 20px;
    padding-top: 20px;
    color: var(--muted);
    font-size: 14px;
}
/* ─── ANIMATIONS ─────────────────────────────── */
.fade-up {
opacity: 0;
transform: translateY(30px);
transition: opacity .6s ease, transform .6s ease;
}
.fade-up.visible {
opacity: 1;
transform: translateY(0);
}
.delay-1 { transition-delay: .1s; }
.delay-2 { transition-delay: .2s; }
.delay-3 { transition-delay: .3s; }
.delay-4 { transition-delay: .4s; }
.delay-5 { transition-delay: .5s; }
@keyframes animate {
0%{
transform: translateY(0) rotate(0deg);
opacity: 1;
border-radius: 0;
}
100%{
transform: translateY(-1000px) rotate(720deg);
opacity: 0;
border-radius: 50%;
}
}
@-webkit-keyframes slideInUp {
0% {
opacity: 0;
transform: translateY(50%);
}
100% {
opacity: 1;
transform: none;
}
}
@keyframes slideInUp {
0% {
opacity: 0;
transform: translateY(50%);
}
100% {
opacity: 1;
transform: none;
}
}
@-webkit-keyframes slideInDown {
0% {
opacity: 0;
transform: translateY(-50%);
}
100% {
opacity: 1;
transform: none;
}
}
@keyframes slideInDown {
0% {
opacity: 0;
transform: translateY(-50%);
}
100% {
opacity: 1;
transform: none;
}
}
@-webkit-keyframes slideInleft {
0% {
opacity: 0;
transform: translateX(50%);
}
100% {
opacity: 1;
transform: none;
}
}
@keyframes slideInleft {
0% {
opacity: 0;
transform: translateX(50%);
}
100% {
opacity: 1;
transform: none;
}
}
@-webkit-keyframes slideInRight {
0% {
opacity: 0;
transform: translateX(-50%);
}
100% {
opacity: 1;
transform: none;
}
}
@keyframes slideInRight {
0% {
opacity: 0;
transform: translateX(-50%);
}
100% {
opacity: 1;
transform: none;
}
}
@-webkit-keyframes fadeIn {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@keyframes fadeIn {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@-webkit-keyframes zoomIn {
0% {
opacity: 0;
transform: scale(0.5);
}
100% {
opacity: 1;
transform: none;
}
}
@keyframes zoomIn {
0% {
opacity: 0;
transform: scale(0.5);
}
100% {
opacity: 1;
transform: none;
}
}
@-webkit-keyframes zoomReverseIn {
0% {
opacity: 0;
transform: scale(1.5);
}
100% {
opacity: 1;
transform: none;
}
}
@keyframes zoomReverseIn {
0% {
opacity: 0;
transform: scale(1.5);
}
100% {
opacity: 1;
transform: none;
}
}
@-webkit-keyframes flipInY {
0% {
opacity: 0;
transform: rotateY(90deg);
}
100% {
opacity: 1;
transform: none;
}
}
@keyframes flipInY {
0% {
opacity: 0;
transform: rotateY(90deg);
}
100% {
opacity: 1;
transform: none;
}
}
[data-animation] {
opacity: 0;
-webkit-animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-duration: 1s;
animation-duration: 1s;
}
.animations-disabled, .animations-disabled [data-animation] {
-webkit-animation: none !important;
animation: none !important;
opacity: 1 !important;
}
.slideInUp {
-webkit-animation-name: slideInUp;
animation-name: slideInUp;
}
.slideInDown {
-webkit-animation-name: slideInDown;
animation-name: slideInDown;
}
.slideInLeft {
-webkit-animation-name: slideInleft;
animation-name: slideInleft;
}
.slideInRight {
-webkit-animation-name: slideInRight;
animation-name: slideInRight;
}
.fadeIn {
-webkit-animation-name: fadeIn;
animation-name: fadeIn;
}
.fadeOut {
-webkit-animation-name: fadeIn;
animation-name: fadeIn;
animation-direction: reverse;
}
.zoomIn {
-webkit-animation-name: zoomIn;
animation-name: zoomIn;
}
.zoomOut {
-webkit-animation-name: zoomIn;
animation-name: zoomIn;
animation-direction: reverse;
}
.zoomReverseIn {
-webkit-animation-name: zoomReverseIn;
animation-name: zoomReverseIn;
}
.zoomReverseOut {
-webkit-animation-name: zoomReverseIn;
animation-name: zoomReverseIn;
animation-direction: reverse;
}
.flipInY {
-webkit-animation-name: flipInY;
animation-name: flipInY;
}
.flipOutY {
-webkit-animation-name: flipInY;
animation-name: flipInY;
animation-direction: reverse;
}
/*
@-webkit-keyframes blinker {
from {opacity: 1.0;}
to {opacity: 0.4;}
}
.blink{
text-decoration: blink;
-webkit-animation-name: blinker;
-webkit-animation-duration: 0.6s;
-webkit-animation-iteration-count:infinite;
-webkit-animation-timing-function:ease-in-out;
-webkit-animation-direction: alternate;
}
@keyframes rotation {
0% {
transform: rotate(0);
}
to {
transform: rotate(359deg);
}
}@keyframes ripple {
0%, 35% {
transform: scale(0);
opacity: 1;
}
@-webkit-keyframes bounce {
from {
-webkit-transform: translateY(0px);
transform: translateY(0px); }
to {
-webkit-transform: translateY(-30px);
transform: translateY(-30px); } }
@keyframes bounce {
from {
-webkit-transform: translateY(0px);
transform: translateY(0px); }
to {
-webkit-transform: translateY(-30px);
transform: translateY(-30px); } }
@keyframes off-on {
0% {
opacity: 0;
}
75% {
opacity: 1;
}
to {
opacity: 0;
}
}
*/
@-webkit-keyframes bounce {
from {
-webkit-transform: translateY(0px);
transform: translateY(0px)
}
to {
-webkit-transform: translateY(-30px);
transform: translateY(-30px)
}
}
@keyframes bounce {
from {
-webkit-transform: translateY(0px);
transform: translateY(0px)
}
to {
-webkit-transform: translateY(-30px);
transform: translateY(-30px)
}
}
@-webkit-keyframes animate-1 {
0%,
to {
-webkit-transform: translateY(0) translateX(0);
transform: translateY(0) translateX(0)
}
50% {
-webkit-transform: translateY(-1.5vh) translateX(5vmin);
transform: translateY(-1.5vh) translateX(5vmin)
}
}
@keyframes animate-1 {
0%,
to {
-webkit-transform: translateY(0) translateX(0);
transform: translateY(0) translateX(0)
}
50% {
-webkit-transform: translateY(-1.5vh) translateX(5vmin);
transform: translateY(-1.5vh) translateX(5vmin)
}
}
@-webkit-keyframes animate-2 {
0%,
to {
-webkit-transform: translateY(0);
transform: translateY(0)
}
50% {
-webkit-transform: translateY(-15vmin);
transform: translateY(-15vmin)
}
}
@keyframes animate-2 {
0%,
to {
-webkit-transform: translateY(0);
transform: translateY(0)
}
50% {
-webkit-transform: translateY(-15vmin);
transform: translateY(-15vmin)
}
}
@-webkit-keyframes animate-3 {
0%,
to {
-webkit-transform: translateY(0);
transform: translateY(0)
}
50% {
-webkit-transform: translateY(-5vmin);
transform: translateY(-5vmin)
}
}
@keyframes animate-3 {
0%,
to {
-webkit-transform: translateY(0);
transform: translateY(0)
}
50% {
-webkit-transform: translateY(-5vmin);
transform: translateY(-5vmin)
}
}
@-webkit-keyframes animate-4 {
0%,
to {
-webkit-transform: translateY(0);
transform: translateY(0)
}
50% {
-webkit-transform: translateY(10vmin);
transform: translateY(10vmin)
}
}
@keyframes animate-4 {
0%,
to {
-webkit-transform: translateY(0);
transform: translateY(0)
}
50% {
-webkit-transform: translateY(10vmin);
transform: translateY(10vmin)
}
}
@-webkit-keyframes animate-5 {
0%,
to {
-webkit-transform: translateY(0) translateX(0);
transform: translateY(0) translateX(0)
}
50% {
-webkit-transform: translateY(-1.5vh) translateX(5vmin);
transform: translateY(-1.5vh) translateX(5vmin)
}
}
@keyframes animate-5 {
0%,
to {
-webkit-transform: translateY(0) translateX(0);
transform: translateY(0) translateX(0)
}
50% {
-webkit-transform: translateY(-1.5vh) translateX(5vmin);
transform: translateY(-1.5vh) translateX(5vmin)
}
}
@keyframes rotateIt {
to {
transform: rotate(-360deg);
}
}
@keyframes rotateIt2 {
to {
transform: rotate(360deg);
}
}
@-webkit-keyframes movescale {
0% {
transform: scale(.6)
}
50% {
transform: scale(.8)
}
to {
transform: scale(.6)
}
}
@keyframes movescale {
0% {
transform: scale(.6)
}
50% {
transform: scale(.8)
}
to {
transform: scale(.6)
}
}
@keyframes movebounce {
0% {
transform: translateY(0)
}
50% {
transform: translateY(8px)
}
to {
transform: translateY(0)
}
}
@keyframes moveleftbounce {
0% {
transform: translateX(0)
}
50% {
transform: translateX(8px)
}
to {
transform: translateX(0)
}
}

.heroSecContentArea {
    max-width: 870px;
    margin: 0 auto;
    text-align: center;
}
.heroSecContentArea p.hero-desc  {
    font-size: 18px !important;
    line-height: 26px !important;
    font-weight: 500 !important;
    max-width: 83%;
    margin: 22px auto 30px auto !important;
}
.banner-btn-sec {
    justify-content: center;
}
.banner-btn-sec a {
    padding: 16px 30px;
    letter-spacing: 1px;
}
.whyChooseUsSecinner .why-card {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.tradeBenifitsSec .section-heading p {
    max-width: 720px;
    margin: 0 auto;
}
.heroSec {
    height: 80vh;
}