/* GLOBAL LAYOUT CSS STARTS */
*,
html,
body{box-sizing:border-box;padding:0;margin:0;background-color:#121212;color:#FFFFFF;font-family:'Lufga Regular';}
.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6,p{margin-top:0!important;margin-bottom:0!important;}
/* GLOBAL LAYOUT CSS ENDS */

/* GLOBAL TYPOGRAPHY CSS STARTS */
.xl-h1{background:linear-gradient(90deg,#FFCC00 0%,#E9A319 100%);background-clip:text;-webkit-text-fill-color:transparent;font-family:'Lufga Bold'!important;font-size:calc(40px + (74 - 40) * ((100vw - 300px) / (1600 - 300)))!important;line-height:100%!important;letter-spacing:-0.02em!important;}
h1{color:#FFFFFF!important;background:transparent;font-family:'Lufga SemiBold'!important;font-size:calc(30px + (64 - 30) * ((100vw - 300px) / (1600 - 300)))!important;line-height:calc(30px + (76 - 30) * ((100vw - 300px) / (1600 - 300)))!important;letter-spacing:-0.01em!important;}
h1 span{background:linear-gradient(90deg,#FFCC00 0%,#E9A319 100%);background-clip:text;-webkit-text-fill-color:transparent;font-family:'Lufga SemiBold'!important;font-size:calc(30px + (64 - 30) * ((100vw - 300px) / (1600 - 300)))!important;line-height:calc(30px + (76 - 30) * ((100vw - 300px) / (1600 - 300)))!important;letter-spacing:-0.01em!important;}
h2{color:#FFFFFF!important;background:transparent;font-family:'Lufga SemiBold'!important;font-size:calc(26px + (48 - 26) * ((100vw - 300px) / (1600 - 300)))!important;line-height:100%!important;letter-spacing:-0.01em!important;}
h3{color:#FFFFFF!important;background:transparent;font-family:'Lufga SemiBold'!important;font-size:calc(22px + (36 - 22) * ((100vw - 300px) / (1600 - 300)))!important;line-height:130%!important;letter-spacing:-0.01em!important;}
h4{color:#FFFFFF!important;background:transparent;font-family:'Lufga SemiBold'!important;font-size:calc(14px + (30 - 14) * ((100vw - 300px) / (1600 - 300)))!important;line-height:100%!important;letter-spacing:-0.01em!important;}
h5{color:#FFFFFF!important;background:transparent;font-family:'Lufga Regular'!important;font-size:calc(14px + (20 - 14) * ((100vw - 300px) / (1600 - 300)))!important;line-height:100%!important;letter-spacing:-0.01em!important;}
h6{background:linear-gradient(90deg,#FFCC00 0%,#E9A319 100%);background-clip:text;-webkit-text-fill-color:transparent;font-family:'Lufga SemiBold'!important;font-size:calc(16px + (20 - 16) * ((100vw - 300px) / (1600 - 300)))!important;text-transform:uppercase;}
.h6{color:#FFCC00!important;font-family:'Lufga Regular'!important;font-size:calc(20px + (24 - 20) * ((100vw - 300px) / (1600 - 300)))!important;background:transparent;}
p{color:#C5C5C5!important;background:transparent;font-family:'Lufga Regular'!important;font-size:18px!important;line-height:32px!important;}
.primary-btn{background:linear-gradient(270deg,#E9A319 0%,#FFCC00 100%)!important;box-shadow:0px 0px 12px 0px #FFFFFF29 inset!important;border-radius:40px!important;border-color:#111111!important;color:#111111!important;font-family:'Lufga SemiBold'!important;font-size:16px!important;line-height:100%!important;letter-spacing:-0.01em!important;padding:16px 32px!important;}
.secondary-btn{background:linear-gradient(180deg,#666666 0%,#111111 64.77%)!important;border-radius:40px!important;color:#FFFFFF!important;border:none!important;font-family:'Lufga SemiBold'!important;font-size:16px!important;line-height:100%!important;letter-spacing:-0.01em!important;padding:16px 32px!important;position:relative;z-index:1;}
.secondary-btn::before{content:"";position:absolute;left:1px;top:1px;background:#121212;box-shadow:0px 0px 12px 0px #FFFFFF29 inset!important;width:100%;height:100%;border-radius:inherit;z-index:-1;}
.tertiary-btn{background:linear-gradient(180deg,#666666 0%,#111111 64.77%)!important;border-radius:40px!important;color:#FFFFFF!important;border:none!important;font-family:'Lufga Medium'!important;font-size:14px!important;line-height:100%!important;letter-spacing:-0.01em!important;padding:12px 32px!important;position:relative;z-index:1;}
.tertiary-btn::before{content:"";position:absolute;left:1px;top:1px;background:#232323;width:100%;height:100%;border-radius:inherit;z-index:-1;}
.quaternary-btn{background:#FFCC00!important;border-radius:20px!important;color:#111111!important;font-family:'Lufga SemiBold'!important;font-size:calc(14px + (20 - 14) * ((100vw - 300px) / (1600 - 300)))!important;line-height:100%!important;letter-spacing:-0.01em!important;padding:14px!important;text-align:center;max-width:270px;width:100%;}
.quinary-btn{background:transparent!important;color:#FFCC00!important;font-family:'Lufga Medium'!important;font-size:16px!important;line-height:100%!important;letter-spacing:-0.01em!important;text-align:center;padding:0!important;}
.senary-btn{background:transparent!important;color:#FFFFFF!important;font-family:'Lufga Regular'!important;font-size:16px!important;line-height:100%!important;letter-spacing:-0.01em!important;text-align:center;padding:0!important;}
.septenary-btn{background:#FFFFFF!important;color:#111111!important;font-family:'Lufga SemiBold'!important;font-size:16px!important;line-height:100%!important;letter-spacing:-0.01em!important;text-align:center;padding:16px 32px!important;}
.listing{color:#FFFFFF;font-family:'Lufga Medium';font-size:20px;line-height:100%;letter-spacing:-0.01em;}
.xs-listing{color:#FFFFFF;font-family:'Lufga SemiBold';font-size:18px;line-height:32px;letter-spacing:0;}
.light-para{font-family:'Lufga Light';font-size:calc(20px + (24 - 20) * ((100vw - 300px) / (1600 - 300)));line-height:32px;letter-spacing:-0.01em;}
.gradient-border-yellow-grey{background:linear-gradient(90deg,rgba(52,52,52,1) 0%,rgba(52,52,52,1) 30%,rgba(255,204,0,1) 50%,rgba(52,52,52,1) 70%,rgba(52,52,52,1) 100%);width:100%;height:1px;}
.gradient-border-white-grey{background:linear-gradient(90deg,#202020 0%,#666666 50%,#202020 100%);width:100%;height:1px;}
.gradient-border-grey{background:linear-gradient(90deg,rgba(52,52,52,0.8) 0%,rgba(255,255,255,0.48) 50%,rgba(52,52,52,0.8) 100%);width:100%;height:1px;}
.gradient-border-yellow-grey-large{background:linear-gradient(90deg,#343434 0%,#FFCC00 50%,#343434 100%);width:100%;height:1px;}
/* GLOBAL TYPOGRAPHY CSS ENDS */

/* HEADER CSS STARTS */
.navbar-nav{column-gap:50px;row-gap:20px;}
.offcanvas.offcanvas-end{width:300px!important;}
.nav-link{color:#FFFFFF!important;font-family:'Lufga Medium'!important;font-size:16px!important;line-height:100%!important;letter-spacing:-0.01em!important;}
.nav-link.active{color:#FFCC00!important;}
.navbar-toggler{padding:0px 6px!important;}
.navbar-toggler:focus{box-shadow:none!important;}
.navbar-toggler-icon{width:1em!important;}
@media (min-width:992px){
  .offcanvas-lg-inline{position:static!important;visibility:visible!important;transform:none!important;background-color:transparent!important;border:none!important;}
  .offcanvas-lg-inline .offcanvas-header{display:none!important;}
  .offcanvas-lg-inline .offcanvas-body{display:flex!important;align-items:center;width:100%;}
}
@media (max-width:575px){
  .navbar-brand{width:min-content;}
  .navbar-brand img{width:130px;}
}
/* HEADER CSS ENDS */

/* FOOTER CSS STARTS */
.footer-links-container{background-color:#202020;padding:5% 0;}
/* FOOTER CSS ENDS */

/* FORM CSS STARTS */
.form-control{height:50px!important;border-radius:10px!important;background:#111111!important;border:none!important;color:#FFFFFF!important;font-family:"Lufga Regular"!important;font-size:16px!important;line-height:100%!important;letter-spacing:-0.01em!important;text-align:center!important;box-shadow:none!important ;}
.form-control::placeholder{color:#666666!important;}
/* FORM CSS ENDS */

/* MARQUEE CSS STARTS */
.marquee{overflow:hidden;position:relative;}
.marquee-track{display:flex;gap:4rem;width:fit-content;will-change:transform;animation:marquee-scroll 30s linear infinite;}
.marquee-content{display:flex;flex-shrink:0;}
@keyframes marquee-scroll{
  0%{
    transform:translateX(0);
  }
  100%{
    transform:translateX(-50%);
  }
}
/* MARQUEE CSS ENDS */

/* CAROUSEL CSS STARTS */
.carousel-container{width:100%;max-width:1500px;margin:0 auto;position:relative;}
.swiper{width:100%;background:transparent;}
.swiper-slide{background:#202020;border-radius:20px;box-shadow:none;position:relative;overflow:hidden;transition:transform 0.3s ease;padding-top:30px;filter:blur(2px);}
.swiper-slide.swiper-slide-active{filter:blur(0);border:1px solid #C5C5C5;background:#FFFFFF;}
.swiper-slide::before{content:"";position:absolute;inset:0;background:linear-gradient(45deg,transparent 30%,rgba(255,255,255,0.1) 50%,transparent 70%);transform:translateX(-100%);transition:transform 0.6s ease;background:transparent;}
.swiper-slide:hover::before{transform:translateX(100%);}
.slide-content{text-align:center;z-index:2;position:relative;background:transparent;}
.swiper-slide-shadow-left,
.swiper-slide-shadow-right{background-image:none !important;background-color:#202020;}
.swiper-slide h4{color:#999999 !important;}
.swiper-slide.swiper-slide-active h4{color:#111111 !important;}
.swiper-slide h5{color:#999999 !important;}
.swiper-slide.swiper-slide-active h5{color:#111111 !important;}
.swiper-slide .listing{color:#C5C5C5 !important;}
.swiper-slide.swiper-slide-active .listing{color:#111111 !important;}
.swiper-slide .timeline-bg{filter:grayscale(100%);}
.swiper-slide.swiper-slide-active .timeline-bg{filter:grayscale(0);}
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top{z-index:1 !important;}
.timeline{position:relative;margin:0;padding:0;list-style:none;}
.timeline-item{position:relative;margin:20px 0 0;padding-left:20px;}
.timeline-item::before{content:"";position:absolute;left:2px;top:6px;width:10px;height:10px;background:#E9A319;border-radius:50%;}
.timeline-item::after{content:"";position:absolute;left:7px;top:20px;bottom:0;width:1px;height:100%;background:#C5C5C5;}
.timeline-item:last-child::after{width:0;}
/* CAROUSEL CSS ENDS */

/* HOME LANDING CSS STARTS */
.blockchain-banner-container{padding:8.02% 0;}
.blockchain-illustration-img{max-width:480px;width:100%;}
.diamond-illustration-img{margin-top:-34px;height:calc(100% - (-34px));width:100%;background:transparent;}
.about-evergreen-container .container{background:linear-gradient(270deg,rgba(32,32,32,0.8) 0%,rgba(18,18,18,0.8) 100%),url("./../assets/images/about_evergreen_gradient.svg");border:1px solid #232323;border-radius:40px;background-repeat:no-repeat;background-size:100%;}
.about-evergreen-container p{max-width:75%;}
.yellow-ball{background:linear-gradient(180deg,#FFCC00 0%,#E9A319 100%);border-radius:100%;}
.evergreen-work-container{padding:10% 0 5%;}
.working-card-wrapper{position:relative;z-index:1;border:solid 1px transparent;border-radius:20px;background-clip:padding-box;overflow:visible;}
.working-card-wrapper::before{content:"";position:absolute;inset:calc(-1 * 1px);z-index:0;border-radius:inherit;background:linear-gradient(180deg,#FFCC00 0%,#666666 100%);}
.working-card{position:relative;border-radius:inherit;padding:72px 30px 35px;background:#202020;}
.matrix-container{padding:6% 0 9%;background-image:url("./../assets/images/matrix_eclipse.png");background-position:right 0 top 20%;background-size:10%;background-repeat:no-repeat;}
.matrix-card-wrapper{position:relative;z-index:1;border:solid 1px transparent;border-radius:20px;background-clip:padding-box;overflow:visible;}
.matrix-card-wrapper::before{content:"";position:absolute;inset:calc(-1 * 1px);z-index:0;border-radius:inherit;background:linear-gradient(180deg,#666666 0%,#111111 64.77%);}
.matrix-card{position:relative;border-radius:inherit;padding:40px 30px;background:#202020;}
.opportunity-illustration-img{background-image:url("./../assets/images/evergreen_opportunity_eclipse.png");background-position:center;background-size:100%;background-repeat:no-repeat;}
.network-marketing-container .container{background-image:url("./../assets/images/network_marketing_eclipse.png");background-size:60%;background-position:110% 30%;background-repeat:no-repeat;padding-top:12%;padding-bottom:8%;}
.network-marketing-img{padding:16px;background:#FFCC001F;border-radius:100%;}
.blockchain-awareness-container{background:#202020;padding:9% 0 5%;}
.future-network-marketing-container{padding:10% 0 6%;}
@media (max-width:1199px){
  .about-evergreen-container p{max-width:100%;}
}
@media (max-width:767px){
  .network-marketing-img{padding:12px;width:54px;}
}
@media (max-width:575px){
  .matrix-card{padding:28px 22px;}
}
/* HOME LANDING CSS ENDS */

/* EVERGREEN LOGIN CSS STARTS */
.evergreen-login-container .col-7{background-image:url('./../assets/images/evergreen_login_eclipse_yellow.png'),url('./../assets/images/evergreen_login_eclipse_pink.png');background-position:top left,bottom right;background-repeat:no-repeat,no-repeat;background-size:60%,40%;}
.evergreen-login-container .col-xl-5{background:#202020;}
/* EVERGREEN LOGIN CSS ENDS */

/* HOME MAIN CSS STARTS */
.home-main-container{background-image:url('./../assets/images/home_main_illustration.png'),url('./../assets/images/home_main_eclipse.png');background-position:bottom center,bottom center;background-repeat:no-repeat,no-repeat;background-size:auto,auto;height:100vh;}
@media (max-width:575px){
  .home-main-container{background-size:100% auto,auto;}
}
/* HOME MAIN CSS ENDS */

/* HOME TOKEN CSS STARTS */
.token-container{background-image:url("./../assets/images/home_token_eclipse.png");background-position:bottom center;background-size:auto;background-repeat:no-repeat;}
.token-card-wrapper{position:relative;z-index:1;border:solid 1px transparent;border-radius:30px;background-clip:padding-box;overflow:visible;}
.token-card-wrapper::before{content:"";position:absolute;inset:calc(-1 * 1px);z-index:0;border-radius:inherit;background:linear-gradient(180deg,#FFCC00 0%,#666666 50%,#202020 100%);}
.token-card{position:relative;border-radius:inherit;padding:50px 88px 36px;background:#202020;}
@media (max-width:575px){
  .token-card{padding:30px;}
}
/* HOME TOKEN CSS ENDS */

/* EVR INSIDE CSS STARTS */
.evr-points-container{padding-top:4%;}
.evr-points-container .container{background:#202020;border-radius:20px;}
.evr-points-container .row{padding:40px;}
.evr-cards-container{padding-top:40px;padding-bottom:4%;}
.evergreen-type-container{padding-top:40px;}
.evergreen-type-container.last-type-container{padding-bottom:80px;}
.welcome-to-evergreen-pro-container .row{padding:40px;}
@media (max-width:1399px){
  .welcome-to-evergreen-pro-container .row{padding:20px;}
}
@media (max-width:575px){
  .evr-points-container .row{padding:30px 20px;}
}
/* EVR INSIDE CSS ENDS */

/* EVERGREEN INFO CSS STARTS */
.dual-earning-container{background:linear-gradient(180deg,#202020 0%,#121212 100%);padding:5% 0 7%;}
.dual-card-wrapper{position:relative;z-index:1;border:solid 1px transparent;border-radius:20px;background-clip:padding-box;overflow:visible;}
.dual-card-wrapper::before{content:"";position:absolute;inset:calc(-1 * 1px);z-index:0;border-radius:inherit;background:linear-gradient(180deg,#666666 0%,rgba(102,102,102,0) 100%);}
.dual-card{position:relative;border-radius:inherit;padding:30px;background:#202020;}
.amazing-facts-container{padding:6% 0 7%;}
.scroll-container{width:100%;overflow:hidden;position:relative;}
.scroll-track{display:inline-flex;gap:1rem;}
.scroll-container .dual-card-wrapper{max-width:305px;}
.scroll-container .dual-card{display:flex;flex-direction:column;gap:14px;}
.commisssion-payout-container{background-color:#202020;background-image:url("./../assets/images/commission_payout_eclipse.png");background-position:top center;background-size:auto;background-repeat:no-repeat;padding-top:7%;}
.commisssion-card-wrapper{position:relative;z-index:1;border:solid 1px transparent;border-radius:20px;background-clip:padding-box;overflow:visible;}
.commisssion-card-wrapper::before{content:"";position:absolute;inset:calc(-1 * 1px);z-index:0;border-radius:inherit;background:radial-gradient(68.63% 68.63% at 50% 0%,#E9A319 0%,#666666 50%,#202020 100%);}
.commisssion-card{position:relative;border-radius:inherit;padding:30px;background:linear-gradient(180deg,#111111 0%,#202020 100%);}
.commisssion-payout-container .quinary-btn,
.simultaneous-container .quinary-btn{line-height:32px!important;}
@media (max-width:991px){
  .commisssion-payout-container .quinary-btn{width:100%!important;}
}
.simultaneous-card-wrapper{position:relative;z-index:1;border:solid 1px transparent;border-radius:20px;background-clip:padding-box;overflow:visible;}
.simultaneous-card-wrapper::before{content:"";position:absolute;inset:calc(-1 * 1px);z-index:0;border-radius:inherit;background-image:url("./../assets/images/simultaneous_dotted_border.png");background-repeat:no-repeat;background-size:100% 100%;}
.simultaneous-card{position:relative;border-radius:inherit;padding:30px;}
.evergreen-partners-container{padding:9% 0;background-image:url('./../assets/images/evergreen_partner_eclipse.png');background-position:center bottom;background-repeat:no-repeat;background-size:auto;}
.eclipse-globe-wrapper{position:relative;z-index:1;border:solid 1px transparent;border-radius:100%;background-clip:padding-box;overflow:visible;}
.eclipse-globe-wrapper::before{content:"";position:absolute;inset:calc(-1 * 1px);z-index:0;border-radius:inherit;background:linear-gradient(180deg,#111111 0%,#E9A319 100%);}
.eclipse-globe{position:relative;border-radius:inherit;padding:26px;background:#202020;}
.yellow-connector{height:1px;width:60%!important;background-color:#E9A319;position:absolute;top:50px;}
.income-oppotunities-container{padding:8% 0 0;}
.powering-pro-container{background:linear-gradient(180deg,#202020 0%,#121212 100%);padding-top:6%;}
.powering-pro-container .container{background:url("./../assets/images/powering_pro_eclipse.png");background-position:bottom 0 left -30%;background-size:auto;background-repeat:no-repeat;}
@media (max-width:991px){
  .powering-pro-container .container{background:none;}
  .powering-pro-container p.w-50{width:100%!important;}
  .crypto-banner-img{width:100%;max-width:320px;margin-top:30px;}
  .about-evergreen-pro-img{width:100%;max-width:300px;}
}
/* EVERGREEN INFO CSS ENDS */

/* ABOUT US CSS STARTS */
.financial-growth-container{padding:2% 0;}
.meet-team-container{background:linear-gradient(180deg,#202020 0%,#121212 100%);padding:3% 0;}
.portrait-img{background:transparent;background-image:url("./../assets/images/portrait_bg.png");background-position:bottom center;background-size:100%;background-repeat:no-repeat;}
.global-movement-container{padding:4% 0;}
.movement-illustration-img-wrapper{background-image:url("./../assets/images/movement_eclipse.png");background-position:center left -20%;background-size:70%;background-repeat:no-repeat;}
.our-journey-timeline-item{height:20px;}
.our-journey-timeline-item::before{content:"";position:absolute;left:0;top:0;background-image:url("./../assets/images/our_journey_donut.png");background-size:20px;background-repeat:no-repeat;width:20px;aspect-ratio:1;}
.our-journey-timeline-item::after{content:"";position:absolute;left:20px;top:10px;width:105%;height:1px;background:#C5C5C5;}
.our-journey-container .w-100.overflow-x-scroll{scrollbar-width:none;}
.our-journey-container .w-100.overflow-x-scroll::-webkit-scrollbar{display:none;}
/* ABOUT US CSS ENDS */