@charset "utf-8";

:root {  
/** @font family declaration **/   
--ff-inter-regular:'Inter-Regular';
--ff-inter-light:'Inter-Light';
--ff-inter-extralight:'Inter-ExtraLigh';
--ff-inter-medium:'Inter-Medium'; 
--ff-inter-semibold:'Inter-SemiBold';
--ff-inter-bold:'Inter-Bold';

--ff-anybody-regular:'Anybody-Regular';
--ff-anybody-light:'Anybody-Light';
--ff-anybody-lightitalic:'Anybody-LightItalic';
--ff-anybody-medium:'Anybody-Medium'; 
--ff-anybody-semibold:'Anybody-SemiBold';
--ff-anybody-bold:'Anybody-Bold';
--ff-anybody-italic: 'Anybody-Italic'; 

/** background color declaration **/
--bg-white: #FFFFFF;
--bg-black: #0F0F0F; 
--bg-lgray: #d9d9d9; 
--bg-eindigo:#6F00FF;
--bg-orange:#DA6254;

/** text color declaration **/
--txt-white: #FFFFFF;
--txt-lgray: #D8D8D8;
--txt-lgray2: #CBC4D0;
--txt-eindigo:#6F00FF;
--txt-tindigo:#D2BCFA;
--txt-orange:#DA6254;
--txt-lgrey3: #E1E3E4;
--txt-tindigo1: #DAC1FB;
--txt-pn-gray: #363535;
--txt-pb-gray: #3F3F3F;
--txt-sl-gray: #C2C6DB;

}

/* CSS Document */
body { padding:0px; margin:0px; background:var(--bg-black); font-size:18px; color:var(--txt-white); line-height:1.5; font-family:var(--ff-inter-regular); overflow-x: hidden;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, main, nav, section, audio, video, source { display: block; margin: 0; padding: 0; }
a, img { border: medium none; }
a { color: var(--txt-tindigo); text-decoration: none;  outline:none; }
div { margin: 0; padding: 0; }
p { font-size:1rem; line-height:1.3; padding:0px; margin:0px; color:var(--txt-white);} 
h1, h2, h3, h4, h5, h6 { font-weight:normal; padding:0px; margin:0px;  line-height: 1.4; }
ul, li { list-style:none;}
a:focus, :focus{ outline:none; }
ul,ol { list-style-type:none; padding:0px; margin:0px; }
.clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } 
.clearfix { display: inline-block; }
html[xmlns] .clearfix { display: block; } 
* html .clearfix { height: 1%; }
* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
*:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.clear { clear: both; line-height: 1px; padding:0px; height:0px; font-size:1px; }
.left { float:left; }
.right { float:right; }
.anim { transition:all 1s ease; -moz-transition:all 1s ease; -webkit-transition:all 1s ease; -o-transition:all 1s ease; }
.row { width:100%; max-width: 1330px; margin:auto; padding:0px 20px;}
.row2 { width: 100%; max-width: 1040px; margin: auto; padding: 0px 20px;}
img { border: 0; height: auto; max-width: 100%; vertical-align: middle;  width: 100%; }

/* common css */
.d-flex { display: flex; flex-wrap: wrap; }
.justify-space-between { justify-content: space-between;}
.div-center { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap;}
.align-center { align-items: center;}
.align-top { align-items: flex-start;}
::selection { color: var(--txt-white); background-color: var(--bg-violet);}

html.lenis { height: auto;}
.lenis.lenis-smooth { scroll-behavior: auto;}
.lenis.lenis-smooth [data-lenis-prevent] { overscroll-behavior: contain;}
.lenis.lenis-stopped { overflow: hidden;}

/* header css */
header { position: fixed; width: 100%; background: rgba(0, 0, 0, 0.4); top: 0px; left: 0px; padding:0; -webkit-backdrop-filter: blur(7px); backdrop-filter: blur(7px); z-index: 999; transition: transform 0.35s ease;}
header.sticky { background: rgba(0, 0, 0, 1);}
.inner-hdr header { background: rgba(0, 0, 0, 0.40);}
.inner-hdr header.sticky { background: rgba(0, 0, 0, 1);}
.logo img { width: 220px;}

/* menu nav starts */
.main-menu ul { width: auto; display: flex; flex-wrap: wrap; column-gap:35px; }
.main-menu ul li { flex: 0 1 auto;}
.main-menu ul li a { width: auto; padding:32px 2px 32px 0; color: var(--txt-white); font-family: var(--ff-inter-medium); font-size: 16px; line-height: 1.4; display: flex; flex-wrap: wrap; column-gap: 8px; align-items: center; transition: all 0.5s ease;text-transform: uppercase; }
.main-menu ul li a span i{font-size: 14px;}
.main-menu ul li:hover > a, .main-menu ul li a.active { color: var(--txt-orange);}
.main-menu ul li.menu-item-has-children a::after { display: block; content: ""; width: 7px; height: 7px;  position: relative; top: -2px; right: -2px; border-right: 2px solid var(--bg-white); border-bottom: 2px solid var(--bg-white); transform: rotate(45deg); transition: transform 0.3s ease-in-out;}
.main-menu ul li > a:hover::after { border-right: 2px solid var(--txt-orange); border-bottom: 2px solid var(--txt-orange); }
.main-menu ul li ul.sub-menu { border-radius: 0; z-index: 2; margin: 0 auto; width: 300px; position: absolute; background: #6800ED;background: linear-gradient(90deg,#3C0286 0%, #6800ED 100%); padding: 20px; box-shadow: inset 0px -4px 0px 0px #6800ED; border-radius: 0 0 10px 10px; transition: all 0.3s ease; top: 130%; opacity: 0; visibility: hidden; border: 0px solid #A1A1A1; }
.main-menu ul li ul.sub-menu li { padding-bottom: 15px; margin-bottom: 15px; border-bottom: 1px solid rgba(255, 255, 255, 0.3); width: 100%;}
.main-menu ul li ul.sub-menu li a { display: flex; flex-wrap: wrap; column-gap: 15px; font-size: 15px; padding: 0; color: var(--txt-white); text-transform: capitalize; }
.main-menu ul li ul.sub-menu li a::after { display: none;}
.main-menu ul li ul.sub-menu li:last-child { margin: 0; padding: 0; border: none;}
.main-menu ul li:hover ul.sub-menu { opacity: 1; visibility: visible; top: 100%; }
.main-menu ul li ul.sub-menu li a:hover { color: var(--txt-orange);}
.sub-menu-toggle { display: none; }

.donate-btn a {position: relative;font-size:16px; color:var(--txt-white); line-height:1.5; font-family:var(--ff-inter-semibold); padding:13px 45px 13px 20px; text-transform: uppercase; background: #6800ED;background: linear-gradient(90deg,#3C0286 0%, #6800ED 100%); box-shadow: inset 0px 4px 0px 0px #6800ED; border-radius: 10px; transition: all 0.4s ease; display: block;}
.donate-btn a:hover { background: #6800ED;background: linear-gradient(90deg,#6800ED 0%, #3C0286 100%);}
.donate-btn a:after { position: absolute; content: ''; top: 12px; right:12px; background: url(../images/arrow-white.svg) no-repeat 0 0px; width: 24px;height: 25px;}

.slider { float: left; width: 100%; position: relative; overflow: hidden; }
.slider .swiper-slide img {float: left;width: 100%;}
.slider .swiper-slide .banner-cnt { position: absolute;width: 100%; top: 50%; transform: translateY(-50%);} 
.ban-text { display: flex; flex-wrap: wrap; flex-direction: column; row-gap: 20px;}
.ban-text.center { align-items: center; text-align: center;}
.ban-text h2 { color: var(--txt-white); font-size:60px;; font-family: var(--ff-anybody-regular); line-height: 1; }
.ban-text h2 span { color: var(--txt-eindigo); font-family: var(--ff-inter-medium); -webkit-text-fill-color: transparent;  -webkit-background-clip: text;  background-clip: text;  background-image:linear-gradient(50deg, white 0%, var(--txt-tindigo) 10%, #8232EA 100%); }
.ban-text h4 { color: var(--txt-white); font-size:20px; font-family: var(--ff-anybody-regular); line-height: 1.3; } 
.ban-text p { color: var(--txt-white); font-size:15px; font-family: var(--ff-inter-medium); line-height: 1.3; }
.ban-text p span {display: inline-block; font-size:20px; padding: 0 5px; }
.view-btn { margin-top:10px;}
.ban-text .view-btn { margin-top: 30px;}
.view-btn a { float: left; position: relative;font-size:16px; color:var(--txt-white); line-height:1.5; font-family:var(--ff-anybody-semibold); padding:13px 50px 13px 20px; background: #6800ED;background: linear-gradient(90deg,#3C0286 0%, #6800ED 100%); box-shadow: inset 0px 4px 0px 0px #6800ED; border-radius: 10px; transition: all 0.4s ease;}
.view-btn a:hover { background: #6800ED;background: linear-gradient(90deg,#6800ED 0%, #3C0286 100%);}
.view-btn a:after { position: absolute; content: ''; top: 12px; right:15px; background: url(../images/arrow-white.svg) no-repeat 0 0px; width: 24px;height: 25px;}
.glow-bg { position: absolute; top: -160px; left: 50%; transform: translateX(-50%);width: 100%;opacity: 0.8;text-align: center; z-index: 0; }
.banner-cnt h4, .banner-cnt h2, .banner-cnt p, .banner-cnt .view-btn a { opacity: 0; }

.home-slider-nav { float: none;width: 100%; margin: 0px auto; position: absolute; bottom: 45px; left: 0px; right: 0px; display: flex; flex-wrap: wrap; align-items: center; column-gap: 30px;} 
.slider .swiper-slide-active { pointer-events: auto !important; }
.slider .swiper-container-horizontal .swiper-pagination-bullets { position: relative; justify-content: left; left: auto; width: auto; bottom: auto; }
.slider .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet { margin: 0px 8px 0px 0px; }
.slider .swiper-pagination-bullet { width: 12px; height: 12px; background:var(--bg-white); margin-right: 12px; opacity: 1;}
.slider .swiper-pagination-bullet-active, .slider .swiper-pagination-bullet:hover{ background: var(--bg-eindigo);}

.prog-sec { float: left; width: 100%; padding:100px 0 70px; position: relative;}
.btn-li { float: left; width: 100%; margin-top: 50px; display: flex; flex-wrap: wrap; row-gap: 15px; column-gap:15px; justify-content: center; }
.btn-li li a { float: left; position: relative;font-size:16px; color:var(--txt-white); line-height:1.5; font-family:var(--ff-anybody-bold);text-transform: uppercase; padding:16px 38px; background:#151515; box-shadow:0 -3px 0px 0 #2a2a2a, 0px 0px 15px #000; border-radius: 10px; transition: all 0.4s ease;}
.btn-li li a:hover { color:var(--txt-eindigo); box-shadow:0 -1px 0px 0 #6800ED, 0px 0px 10px #42009999; }
.btn-li li a.active { background: #6800ED;background: linear-gradient(90deg,#3C0286 0%, #6800ED 100%); box-shadow: inset 0px 4px 0px 0px #6800ED, 0px 0px 14px #000; }
.btn-li li a.active:hover { color:var(--txt-white); background: #6800ED;background: linear-gradient(90deg,#6800ED 0%, #3C0286 100%);}
.prog-slide { float: left; width: 100%; position:relative; padding-top: 50px;overflow: hidden; }
.prog-box { float: left; width: 100%; padding-bottom: 20px; display: flex; flex-wrap: wrap; row-gap:20px; transition: all 0.35s ease; }
.prog-imgpad { flex:0 1 100%; position: relative; }
.prog-img { width: 100%; position: relative; overflow: hidden; border-radius: 20px; line-height: 0; }
.prog-img img { transition: all 0.5s ease; }
.prog-box:hover .prog-img img { transform: scale(1.1); }
.org-img { position: absolute;object-fit: cover; width: 100%;height: 100%;left: 0;top: 0;}
.cat-name { position: absolute; bottom: 20px; left: 15px; padding: 5px 10px; background: #6800ED;background: linear-gradient(90deg,#3C0286 0%, #6800ED 100%); border-radius: 20px; color: var(--txt-white); font-size:14px; font-family: var(--ff-inter-bold); line-height: 1.4; text-transform: uppercase;  }
.rud-arrow { position: absolute; top: 20px; right: 20px; padding: 5px 10px; width: 45px; height: 45px; transition: all 0.35s ease;}
.rud-arrow img { transition: all 0.35s ease;}
.rud-arrow:hover img {  filter: brightness(0) saturate(100%) invert(76%) sepia(23%) saturate(634%) hue-rotate(213deg) brightness(100%) contrast(97%); }
.prog-cont { flex:0 1 100%;  display: flex; flex-wrap:wrap; row-gap:10px; }
.prog-cont h2 {flex:0 1 100%; color: var(--txt-white); font-size:24px; font-family: var(--ff-anybody-semibold); line-height: 1.4; }
.prog-cont p {flex:0 1 100%; color: var(--txt-darkgray); font-size:16px; font-family: var(--ff-inter-regular); line-height: 1.4; }
.prog-cont p strong { font-family: var(--ff-inter-medium); }
.prog-cont a { flex:0 1 auto; display: inline-block; position: relative; margin-top: 15px; padding-right: 30px; color: var(--txt-white); font-size:16px; font-family: var(--ff-inter-medium); line-height: 1.4; transition: all 0.35s ease; }
.prog-cont a:hover { color:var(--txt-eindigo); }
.prog-cont a:after { position: absolute; content: ''; top: 0px; right:0px; background: url(../images/arrow-white.svg) no-repeat 0 0px; width: 24px;height: 25px; transition: all 0.35s ease;}
.prog-cont a:hover:after { right:-5px; background-image: url(../images/blue-arrow.svg);}
.prog-slide .swiper-pagination { bottom: 0!important;top: auto ; position: relative; padding-top: 20px;}
.prog-slide .swiper-pagination-bullet { width: 12px; height: 12px; border-radius: 50%; background-color: var(--bg-lgray); margin: 0 7px!important;}
.prog-slide .swiper-pagination-bullet-active { background-color: var(--bg-eindigo); }
.prog-box:hover .prog-img img { transform: scale(1.1); }
.prog-box:hover .rud-arrow img { transform: rotate(45deg); }
.prog-box:hover .prog-cont a { color:var(--txt-eindigo); }
.prog-box:hover .prog-cont a:after {  background-image: url(../images/blue-arrow.svg);}
.prog-slide .swiper-wrapper { height: 100% !important; min-height: 333px;}

.video-sec { float: left; width: 100%; padding:0px 0 80px; position: relative;}
.video-main { position: relative; width: 100%; display: flex; flex-wrap: wrap; column-gap:25px; }
.video-glow { position: absolute; top:-12%; left:50%;width: 100%; z-index: 0; width: auto;text-align: center;transform: translateX(-50%); z-index: -1;}
.video-glow img { width: auto; }
.video-pad { float: left; width: 100%; padding:50px 0 0; position: relative;}
.play-btn { position: absolute; left: 0; right: 0; top: 50%; transform: translateY(-50%); margin: 0 auto; text-align: center;}
.play-btn img { position: relative; top: -2.5px; width: auto;}

.abt-sec { clear: both; float: left; width:100%; padding-top: 65px; }
.abt-main { position: relative; width: 100%; display: flex; flex-wrap: wrap; column-gap:25px; align-items: flex-start;}
.abt-lft { flex:0 1 53%; display: flex; flex-wrap: wrap; row-gap:30px; padding-bottom: 50px;}
.abt-lft p { color: var(--txt-white); font-size:20px; font-family: var(--ff-inter-medium); line-height: 1.3; }
.abt-cont { flex:0 1 100%; display: flex; flex-wrap: wrap; flex-direction: column; row-gap:22px; }
.abt-cont h4 { color: var(--txt-lgray); font-size:28px; font-family: var(--ff-anybody-italic); line-height: 1.3; padding:0px; }
.abt-cont p { color: var(--txt-white); font-size:18px; font-family: var(--ff-inter-regular); line-height: 1.4; }
.abt-rht { flex:0 1 40%; position: relative; display: flex; flex-wrap: wrap; align-items: flex-end; }
.abt-img { width: 100%;position: relative;text-align: center; z-index: 2; }
.abt-img img { position: relative; z-index: 2; }
.abt-img .glow-bg { top: -140px; transform: translate(-55%);}

/* title sec css */
.title-pad, .sec-title { clear: both; position: relative; flex:0 1 100%; display: flex; flex-wrap: wrap; flex-direction: column; row-gap:10px; z-index: 9; }
.sec-title, .m-b-40 { margin-bottom: 40px;}
.text-center { text-align: center;}
.title-pad h2, .sec-title h2 { color: var(--txt-white); font-size:45px;font-family: var(--ff-anybody-regular); line-height: 1.3; }
.title-pad h2 span, .sec-title h2 span { color: var(--txt-eindigo); }
.title-pad h4, .sec-title h4 { color: var(--txt-orange); font-size:14px; font-family: var(--ff-inter-regular); line-height: 1.4; text-transform: uppercase; }
.title-pad p, .sec-title p { max-width: 900px; margin: 0 auto; color:#ffffffb2; font-size:16px; font-family: var(--ff-inter-regular); line-height: 1.4; }
.title-pad p span, .sec-title p span { font-family: var(--ff-inter-bold);}

.events-sec { float: left; width: 100%; padding:75px 0 0; border-top:3px solid #8383831f; border-radius: 50px 50px 0 0;  position: relative;}
.event-contpad { max-width: 1200px; width:100%; display: flex; flex-wrap: wrap; flex-direction: column; row-gap:20px; }
.event-contpad h2 { color: var(--txt-white); font-size:45px;font-family: var(--ff-anybody-regular); line-height: 1.3; }
.event-contpad p { color: var(--txt-white); font-size:18px; font-family: var(--ff-inter-regular); line-height: 1.4; }
.events-imgbox { float: left; width: 100%; position: relative; margin-top: 40px; }
.events-imgpad { float: left; width: 100%; position: relative; padding:25px; background:#0a0a0a; border-radius:10px; box-shadow:0 -4px 0px 0 #2e2e2e, 0px 0px 14px #000; transition: all 0.35s ease; }
.events-img { flex:0 1 100%; position: relative; overflow: hidden; }
.event-glow { position: absolute; top:-28%; left:0;width: 100%; z-index: 0; width: auto; z-index: -1;}
.event-glow img { width: auto; }

.testimonial-sec { float: left; width: 100%; padding:75px 0 0; border-top:3px solid #8383831f; border-radius: 50px 50px 0 0; }
.testi-pad { float: left; width: 100%; position:relative; padding-top:45px;}
.testi-glow { position: absolute; top: -30%; left:-8%;width: 100%; z-index: 0; width: auto; z-index: -1;}
.testi-glow img { width: auto; }
.testi-main { float: left; width: 100%; position:relative; padding-top: 5px;overflow: hidden; }
.test-cnt { float: left; width: 100%; display: flex; flex-wrap: wrap; flex-direction: column; row-gap:28px; padding:30px; background:#0a0a0a; border-radius:10px; box-shadow:0 -4px 0px 0 #2e2e2e, 0px 0px 14px #000; transition: all 0.35s ease; }
.test-img { flex:0 1 100%; position: relative; overflow: hidden; border-radius: 10px; }
.test-cont { flex:0 1 100%;  display: flex; flex-wrap: wrap; flex-direction: column; row-gap:10px; }
.test-cont p { color: var(--txt-white); font-size:18px; font-family: var(--ff-inter-regular); line-height: 1.4; }
.test-cont p strong { font-family: var(--ff-inter-medium); }
.test-cont a { color: var(--txt-eindigo); font-size:18px; font-family: var(--ff-inter-regular); line-height: 1.4; text-decoration: underline; }
.test-cont a:hover { text-decoration: none; }
.test-info { flex:0 1 100%; border-top:1px solid #d9d9d937; padding-top:25px; }
.test-info h4 { color: var(--txt-white); font-size:20px; font-family: var(--ff-inter-semibold); line-height: 1.4; }
.test-info p { color: var(--txt-darkgray); font-size:14px; font-family: var(--ff-inter-regular); line-height: 1.4; padding-top: 4px; }
.test-cnt:hover { box-shadow: 0 -1px 0px 0 #6800ED, 0px 0px 14px #000;}
#testimonial .swiper-pagination { bottom: 0; position: relative; padding-top: 30px;}
#testimonial .swiper-pagination-bullet { width: 12px; height: 12px; border-radius: 50%; background-color: var(--bg-lgray); margin: 0 7px;}
#testimonial .swiper-pagination-bullet-active { background-color: var(--bg-eindigo); }

#lightcase-case { text-shadow: 0 0 0 rgba(0, 0, 0, 0) !important; max-height: 90vh; }
#lightcase-content {max-height: 90vh;overflow: hidden;}
.testi-popup  { display: none; max-width: 600px;margin: 0 auto;padding: 30px;background: #fff;max-height: 80vh;overflow-y: auto;overflow-x: hidden;padding-right: 10px;}
#lightcase-content .testi-popup  { display: block; }
.testi-info {display: flex;flex-wrap: wrap; align-items: center; width: 100%;column-gap: 20px;border-bottom: 1px solid #eee;margin-bottom: 20px;padding-bottom: 20px;}
.testi-img {flex: 0 1 80px;border-radius: 50%; overflow: hidden;}
.testi-img img {width:100%;height:80px;}
.info-txt { flex: 0 1 calc(100% - 100);}
#lightcase-content .info-txt h4 { color:#3F3F3F; font-size:20px; font-family: var(--ff-inter-semibold); line-height: 1.4; }
#lightcase-content .info-txt p { color:#3F3F3F; font-size:14px; font-family: var(--ff-inter-regular); line-height: 1.4; padding-top: 4px; }
.testi-cont { flex:0 1 100%; display: flex; flex-wrap: wrap; flex-direction: column; row-gap:20px; }
#lightcase-content .testi-cont p { font-size:17px; font-family: var(--ff-inter-regular); color: #3F3F3F; line-height: 1.4; }
.testi-cont p strong { font-family: var(--ff-inter-medium); }

.quote-sec { float: left; width:100%; padding:75px 0 40px; text-align: center; }
.quote-sec .row { max-width: 800px; }
.quote-sec img { width: auto; }
.quote-sec h4 { color: var(--txt-lgray); font-size:32px; font-family: var(--ff-anybody-lightitalic); line-height: 1.3; padding: 40px 0 20px; }
.quote-sec .lbl-txt { color: var(--txt-orange); font-size:14px; font-family: var(--ff-inter-medium); line-height: 1.3; text-transform: uppercase; letter-spacing: 1px; }

/* footer css */
footer { width: 100%; padding:0px; }
.f-top { width: 100%; padding:90px 0px 70px; display: flex; flex-wrap: wrap; justify-content: space-between; column-gap: 50px; border-bottom: 1px solid #ffffff33; }
.addr { flex:0 1 40%; display: flex; flex-wrap: wrap; row-gap: 30px; flex-direction:column; }
.addr img { width: 220px; line-height: 0px;}
.addr p { max-width: 310px; width: 100%; color:#EEECE4; font-size:16px; font-family: var(--ff-inter-regular); line-height: 1.5; }

.f-top-rht { flex:0 1 55%; display: flex; flex-wrap: wrap; justify-content: space-between; column-gap:30px; }
.f-top-rht h2 { color: var(--txt-white); font-size:20px; font-family: var(--ff-inter-medium); line-height: 1.4; }
.f-top-rht > div { display: flex; flex-wrap: wrap; flex-direction:column; row-gap: 40px; }
.f-top-rht .info { flex:0 1 40%; }
.info ul { display: flex; flex-wrap: wrap; row-gap:35px; }
.info ul li { flex: 0 1 100%; position: relative; padding-left: 40px; min-height: 30px; display: flex; flex-wrap: wrap; align-items: center; }
.info ul li span { position: absolute; top:-2px; left: 0; max-width: 20px; }
.info ul li a { color: #EEECE4; font-size:16px; font-family: var(--ff-inter-regular); line-height: 1.5; transition: all 0.35s ease; }
.info ul li a:hover { color: var(--txt-tindigo);}
.f-top-rht .f-nav { flex:0 1 30%; }
.f-top-rht .f-nav2 { flex:0 1 20%; }
.f-nav ul { display: flex; flex-wrap: wrap; row-gap:15px; }
.f-nav ul li { flex: 0 1 100%;}
.f-nav ul li a { color: #EEECE4; font-size:16px; font-family: var(--ff-inter-regular); line-height: 1.4; transition: all 0.35s ease; }
.f-nav ul li a:hover { color: var(--txt-tindigo);}

.f-btm { width: 100%; padding:35px 0px; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; }
.copyright-txt { color: var(--txt-white); font-size:16px; font-family: var(--ff-inter-medium); line-height: 1.3; }
ul.social-links { display: flex; flex-wrap: wrap; align-items: center; column-gap:20px;}
ul.social-links li { flex: 0 1 auto;}
ul.social-links li a { width:45px; height: 45px; border: 1px solid #ffffff26; display: flex; flex-wrap: wrap; align-items: center; justify-content:center; }
ul.social-links li i { font-size:18px; color: var(--txt-white); transition: all 0.35s ease;}
ul.social-links li a:hover i { color: var(--txt-eindigo);}

/*mobile-menu-start*/
body.over { overflow: hidden; }
.m-menu { width: 28px; height: 18px; margin: 0px 0 0 0; -webkit-transform: rotate(0deg);-moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .5s ease-in-out;-moz-transition: .5s ease-in-out; -o-transition: .5s ease-in-out; transition: .5s ease-in-out; cursor: pointer; float: left; position: relative; left: 0; top: auto; display:none; z-index:9; }
.m-menu a { display: block; height: 100%;}
.m-menu span { display: block; position: absolute; height: 2px; width: 28px; background: var(--bg-white); border-radius: 0px; opacity: 1;left: 0; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg);  -webkit-transition: .25s ease-in-out;-moz-transition: .25s ease-in-out; -o-transition: .25s ease-in-out; transition: .25s ease-in-out; }  
.m-menu span:nth-child(1) { top: 0px; width: 14px; -webkit-transform-origin: left center; -moz-transform-origin: left center; -o-transform-origin: left center; transform-origin: left center; }
.m-menu span:nth-child(2) { top: 8px;  right: 0; left: auto; -webkit-transform-origin: left center; -moz-transform-origin: left center; -o-transform-origin: left center; transform-origin: left center; }
.m-menu span:nth-child(3) { top: 16px; left: auto; right: 0px; width: 14px; -webkit-transform-origin: left center; -moz-transform-origin: left center; -o-transform-origin: left center; transform-origin: left center; }
.m-menu:hover span:nth-child(1), .m-menu:hover span:nth-child(3) { width:100%; }
.m-menu a:hover span { background: var(--bg-white);}
.m-menu.open span:nth-child(1) { width: 28px; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); top: -1px; left: 4px; background: var(--bg-white);}
.m-menu.open span:nth-child(2) { width: 0%; opacity: 0;}
.m-menu.open span:nth-child(3) { width: 28px; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); top: 18px; left: 4px; background:var(--bg-white); }

.mobile-menu { -webkit-overflow-scrolling: touch; position:fixed; top:72px; bottom: 0; width:100%; height: calc(100% - 72px); overflow: auto;  z-index: 1000; border-top: none; padding: 50px 0 0px; opacity: 0; visibility: hidden; transition: all 0.4s ease; background: var(--bg-black); border-bottom:none; }
.mobile-menu.slow { opacity: 1; visibility: visible; }
.mobile-menu .nav { width: 100%; background: var(--bg-white); float: left;  padding: 0 0 75px 0; height:100%;}
.mobile-menu ul { display: flex; flex-wrap: wrap; row-gap: 10px;}
.mobile-menu ul li { flex: 1 1 100%; display: flex; flex-wrap: wrap; justify-content:center;}
.mobile-menu ul li a { width:auto; font-size: 20px; color: var(--txt-white); line-height: 1; font-family: var(--ff-anybody-regular); display: block; padding:8px 10px; position: relative; transition: all 0.4s ease;}
.mobile-menu ul li.menu-item-has-children > .arrow { position: relative; width: 28px; height: 28px; border: 0px solid rgba(255,255,255,0.2); cursor: pointer; display: flex; align-items: center; justify-content: center; }
.mobile-menu ul li.menu-item-has-children > .arrow::after { display: block; content: ""; width: 10px; height: 10px; border-right: 2px solid var(--bg-white);border-bottom: 2px solid var(--bg-white); transform: rotate(45deg); transition: transform 0.3s ease-in-out; margin-left: 0px;position: absolute; right: auto; top: auto;}
.mobile-menu ul li.menu-item-has-children.active > span.arrow::after { transform: rotate(-135deg); top: 18px; }
.mobile-menu ul li ul { display: none; padding:20px 0 50px; width: 100%; position: relative;}
.mobile-menu ul li ul:after { display: block; content: ""; position: absolute; left: 50%; bottom: 20px; width: 30px; height: 2px; background:var(--txt-eindigo); transform: translate(-50%);}
.mobile-menu ul li ul li { margin-bottom: 18px; }
.mobile-menu ul li ul li:last-child { margin-bottom: 0; }
.mobile-menu ul li ul li a { font-size: 16px; font-family: var(--ff-anybody-light); padding: 0; color: var(--txt-white); }
.mobile-menu ul li ul li a::after { display: none; }
.mobile-menu ul li a:hover { color: var(--txt-eindigo); }
.mobile-menu .mobile-btns { width: 100%; display: flex; flex-wrap: wrap; column-gap: 2%; row-gap: 10px; justify-content: center; margin-top: 50px;}
.mob-social { float: left; width: 100%; margin-top: 30px;} 
.mob-social ul {justify-content: center;}
.mob-social ul li { flex: 0 1 auto;}
.mob-social ul li a { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; width: 45px; height: 45px;}
/*mobile-menu-ends*/

/* inner banner css*/
.inner-banner { float: left; width: 100%; position: relative; z-index: 1;}
.inner-banner::after { position: absolute; content: ""; background: linear-gradient(270deg,rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.48) 44%, rgba(0, 0, 0, 0.5) 100%); top: 0; left: 0; width: 42%; height: 100%; z-index: 1;}
.inner-banner > img { float: left; width: 100%;}
.inner-banner > img.org-img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; z-index: 1;}
.inner-banner-caption { position: absolute; top: 55%; transform: translateY(-50%); left: 0; width:100%; z-index: 9;}
.inner-banner-caption h1 { width:65%; font-family: var(--ff-anybody-regular); font-size: 60px; line-height: 1.2; color: var(--txt-white);  animation: fadeleft 2s ease; animation-fill-mode: forwards; opacity: 0;}

/* breadcrum css */
.breadcrumb { position: absolute; top: 90px; left: 0; width:100%; padding: 20px 0; z-index: 9;}
.breadcrumb ul { display:flex; flex-wrap:wrap; width: 100%;}
.breadcrumb ul li {flex:0 1 auto; text-transform: uppercase; font-size: 14px; color: var(--bg-dark-blue); font-family:var(--ff-anybody-regular); position:relative; margin-right:10px; padding-right:15px;}
.breadcrumb ul li::after { position:absolute; content:">"; color: #FFFFFF; right:0; top:50%; transform: translateY(-50%);}
.breadcrumb ul li a { font-size:14px; color:var(--txt-white); font-family:var(--ff-anybody-regular);}
.breadcrumb ul li a:hover { color: var(--txt-orange);}
.breadcrumb ul li:last-child { margin:0; padding:0;}
.breadcrumb ul li:last-child::after { content:none;}
.breadcrumb { animation: fadeleft 1s ease; animation-fill-mode: forwards; opacity: 0;}

.inner-cont-sec { float: left; width: 100%; background: url("../images/grow-bg-small.svg") no-repeat 0 0; padding: 95px 0; min-height: 400px; position: relative; z-index: 1;}
.inner-cont-sec p.empty { float: left; text-align: center; width: 100%; color: var(--txt-white); font-family: var(--ff-inter-regular); font-size: 20px; line-height: 1.5; padding-bottom: 15px;}

/* origin css */
.origin-sec { float: left; width: 100%; padding: 95px 0 160px; position: relative; z-index: 1;}
.origin-sec::after { position: absolute; content: ""; background: url("../images/grow-bg-small.svg") no-repeat scroll 0 0; top: -50px; left: 30px; width: 468px; height: 500px; z-index: -1;}
.origin-sec .title-pad { padding-bottom: 85px;}
.origin-sec .title-pad h2 { font-family: var(--ff-anybody-regular); padding-bottom: 0;}

.origin-main { float: left; width: 100%; display: flex; flex-wrap: wrap; row-gap: 30px; column-gap: 80px; padding-bottom: 120px;}
.origin-lft { flex: 0 1 calc(100% - 700px);}
.origin-rgt { flex: 0 1 620px; border-radius: 10px; overflow: hidden;}
.origin-lft p { float: left; width: 100%; color: var(--txt-white); font-family: var(--ff-inter-regular); font-size: 18px; line-height: 1.5; padding-bottom: 15px;}
.origin-lft p:last-child { padding-bottom: 0;}
.origin-lft p span { font-family: var(--ff-inter-bold);}
.origin-lft p i { font-family: var(--ff-anybody-italic);}
.origin-rgt img { float: left; width: 100%;}
.origin-lft h3 { float: left; width: 100%; color: var(--txt-white); font-family: var(--ff-anybody-semibold); font-size: 24px; line-height: 1.4; padding: 10px 0;}

.two-pillars { float: left; width: 100%; display: flex; flex-wrap: wrap; column-gap: 100px; row-gap: 30px; align-items: center;}
.pillars-title { flex: 0 1 450px;}
.pillars-list { flex: 0 1 calc(100% - 550px);}
.pillars-title h3 { float: left; width: 100%; font-family: var(--ff-anybody-regular); color: var(--txt-white); font-size: 45px; line-height: 1.2; padding-bottom: 20px;}
.pillars-title p { float: left; width: 100%; color: var(--txt-white); font-family: var(--ff-inter-regular); font-size: 18px; line-height: 1.5;}
.pillars-list ul { float: left; width: 100%; display: flex; flex-wrap: wrap; column-gap: 10%; row-gap: 30px;}
.pillars-list ul li { flex: 0 1 45%;}
.pillars-img { float: left; width: 100%; padding-bottom: 50px;}
.pillars-img img { float: left; width: auto;}
.pillars-cnt { float: left; width: 100%;}
.pillars-cnt h4 { float: left; width: 100%; font-family: var(--ff-anybody-regular); color: var(--txt-white); font-size: 36px; line-height: 1.2; padding-bottom: 20px;}
.pillars-cnt p { float: left; width: 100%; color: var(--txt-white); font-family: var(--ff-inter-regular); font-size: 18px; line-height: 1.5;}

.journey-sec { float: left; width: 100%; position: relative;}
.journey-sec > img { float: left; width: 100%;}
.journey-cnt { position: absolute; top: 50%; transform: translateY(-50%); left: 0; width: 100%; }
.journey-caption { float: left; max-width: 570px; }
.journey-cnt h2 { font-family: var(--ff-anybody-regular); font-size: 45px; line-height: 1.2; color: var(--txt-white); padding-bottom: 40px;}
.journey-cnt p { float: left; width: 100%; color: var(--txt-white); font-family: var(--ff-inter-regular); font-size: 18px; line-height: 1.5; padding-bottom: 25px;}
.journey-cnt p:last-child { padding-bottom: 0;}
.journey-lft-rgt { float: left; width: 100%; background: url("../images/corporate-banner-bg.webp") no-repeat bottom left; background-size: cover;}
.journey-lft-rgt-main { float: left; width: 100%; display: flex; flex-wrap: wrap; align-items: center; }
.journey-lft-rgt-main > div { flex: 0 1 50%;}
.journey-lft-rgt .journey-lft-main { position: relative; top: auto; transform: inherit;}
.journey-lft-rgt .journey-rgt-main { text-align: center;}
.journey-lft-rgt .journey-rgt-main img { width: 85%; }

.journey-list-sec { float: left; width: 100%; padding: 60px 0;}
.journey-list-sec ul { float: left; width: 100%; display: flex; flex-wrap: wrap; column-gap: 4%; row-gap: 30px;}
.journey-list-sec ul li { flex: 0 1 48%; padding: 40px 40px 75px; box-shadow: 0px -4px 0px 0px #1C1C1C; border-radius: 10px;}
.journey-list-sec ul li h2 { float: left; width: 100%; font-family: var(--ff-anybody-semibold); font-size: 30px; line-height: 1.2; color: var(--txt-white); padding-bottom: 25px;}
.journey-list-sec ul li p { float: left; width: 100%; color: var(--txt-white); font-family: var(--ff-inter-regular); font-size: 18px; line-height: 1.5; padding-bottom: 15px;}
.journey-list-sec ul li p :last-child { padding-bottom: 0;}
.journey-list-sec ul li p span { font-family: var(--ff-inter-bold);}

.essence-sec { float: left; width: 100%; padding: 60px 0;}
.essence-list { float: left; width: 100%; padding-bottom: 90px;}
.essence-list ul { float: left; width: 100%; display: flex; flex-wrap: wrap; column-gap: 15px; row-gap: 30px; justify-content: center;}
.essence-list ul li { flex: 0 1 auto; text-align: center; display: flex; flex-wrap: wrap; row-gap: 30px;}
.essence-img { float: left; width: 100%;}
.essence-img img { float: none; width: auto;}
.essence-title { float: left; width: 100%;}
.essence-title h4 { color: var(--txt-white); font-family: var(--ff-inter-bold); font-size: 18px; line-height: 1.5;}

.essence-cnt-list { float: left; width: 100%; position: relative; z-index: 1;}
.essence-cnt-list::after { position: absolute; content: ""; background: url("../images/glow-medium-bg.svg") no-repeat scroll 0 0; top: -180px; right: -80px; width: 548px; height: 600px; z-index: -1;}
.essence-cnt-list h2 { float: left; width: 100%; text-align: center; font-family: var(--ff-anybody-regular); font-size: 45px; line-height: 1.2; color: var(--txt-white); padding-bottom: 45px;}
.essence-cnt-list ul {float: left; width: 100%; display: flex; flex-wrap: wrap; column-gap: 4%; row-gap: 30px; position: relative; z-index: 1;}
.essence-cnt-list ul li { flex: 0 1 30%; padding: 70px 40px; background: #0A0A0A; box-shadow: 0px -4px 0px 0px #1C1C1C; border-radius: 10px;}
.essence-cnt-list ul li span { float: left; width: 100%; font-family: var(--ff-anybody-light); font-size: 48px; line-height: 1.2; padding-bottom: 30px;}
.essence-cnt-list ul li h3 { float: left; width: 100%; font-family: var(--ff-anybody-semibold); font-size: 24px; line-height: 1.2; color: var(--txt-white); padding-bottom: 15px;}
.essence-cnt-list ul li p { float: left; width: 100%; color: var(--txt-white); font-family: var(--ff-inter-regular); font-size: 18px; line-height: 1.5;}

.logo-decoding-sec { float: left; width: 100%; padding: 60px 0 30px;}
.logo-decoding-cnt {float:left; width:100%; display:flex; flex-wrap:wrap; align-items: flex-end; justify-content:space-between; row-gap:20px; column-gap:2%; z-index: -1; position: relative;}
.logo-decoding-cnt > div {flex:0 1 26%; display:flex; flex-direction:column; row-gap:40px; justify-content:space-between;}
.logo-decoding-cnt > div.logo-decoding-image {flex:0 1 42%;}
.logo-decoding-cnt > div:last-child { flex:0 1 28%;}
.logo-decoding-box {float:left; width:100%; display: flex; flex-wrap: wrap; align-items: center;}
.logo-decoding-image {float:left; width:100%;}
.logo-decoding-image img {float:left; width:100%;}
.logo-decoding-box h3 {float:left; width:100%; color:var(--txt-eindigo); font-size:24px; line-height:1.4; font-family:var(--ff-anybody-semibold); padding-bottom:10px; transition:all 0.4s ease;}
.logo-decoding-box h3 span { display: block; font-size:20px; color: var(--txt-white); font-family: var(--ff-anybody-regular); letter-spacing: -0.32px;}
.logo-decoding-box p { float:left; width:100%; color:var(--txt-white); font-size:18px; line-height:1.4; text-align:left; transition:all 0.4s ease;}
.logo-decoding-box p span { font-family: var(--ff-inter-bold);}
.logo-decoding-box .logo-icon { flex: 0 1 58px; }
.logo-decoding-box .logo-cnt { flex: 0 1 calc(100% - 58px); padding-left: 20px; }
.logo-decode-home .logo-decoding-box { padding: 20px; background: #0A0A0A; box-shadow: 0px -4px 0px 0px #1C1C1C; border-radius: 10px;}
.logo-decode-home .logo-decoding-box .logo-cnt h3 { color: var(--txt-white); font-size: 20px; line-height: 1.4; font-family: var(--ff-anybody-medium);}
.logo-decode-home .logo-decoding-box .logo-cnt p { font-size: 16px; line-height: 1.4; letter-spacing: -0.32px;}

.core-insights-sec { float: left; width: 100%; padding: 30px 0;}
.core-insights-sec .title-pad { padding: 0 18%;}
.core-insights-sec .title-pad p { font-family: var(--ff-anybody-lightitalic); font-size: 24px; line-height: 1.4; color: rgba(255, 255, 255, 0.80);}

.param-promise { float: left; width: 100%; padding: 60px 24% 30px; text-align: center; box-shadow: 0px -4px 0px 0px #1C1C1C; border-radius: 10px; overflow: hidden; position: relative; z-index: 1;}
.param-promise::after { position: absolute; content: ""; background: url("../images/grow-bg.svg") no-repeat scroll 0 0; top: 0; left: 0; width: 390px; height: 390px; z-index: -1;}
.param-promise h3 { float: left; width: 100%; font-family: var(--ff-anybody-regular); font-size: 45px; line-height: 1.2; padding-bottom: 15px;}
.param-promise p { float:left; width:100%; color:var(--txt-white); font-size:18px; line-height:1.4; padding-bottom: 30px; transition:all 0.4s ease;}
.param-promise p span { font-family: var(--ff-inter-bold);}
.param-promise h4 { float: left; width: 100%; color: var(--txt-eindigo); font-family: var(--ff-anybody-light); font-size: 32px; line-height: 1.2; }
.param-promise h4 span { display: block; color: var(--txt-white);}
.param-promise h4 span strong { font-family: var(--ff-inter-bold); font-weight: normal;}

/* guidance css */
.statistics-sec { float: left; width: 100%; padding-bottom: 95px;}
.statistics-list { float: left; width: 100%; }
.statistics-list ul { float: left; width: 100%; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; row-gap: 60px; padding: 45px 65px 50px; box-shadow: 0px -4px 0px 0px #1C1C1C; border-radius: 10px;}
.statistics-list ul li { flex: 0 1 auto; padding-right: 50px; margin-right: 50px; position: relative;}
.statistics-list ul li::after { position: absolute; content: ""; background: rgba(255, 255, 255, 0.10); right: 0; top: 50%; transform: translateY(-50%); width: 1px; height: 90px;}
.statistics-list ul li:nth-child(4n+4) { padding-right: 0; margin-right: 0;}
.statistics-list ul li:nth-child(4n+4):after { content: none;}
.statistics-list ul li:last-child { padding-right: 0; margin-right: 0;}
.statistics-list ul li:last-child:after { content: none;}
.stat-main { float: left; width: 100%; text-align: center;}
.stat-value { color: var(--txt-white); column-gap: 10px; font-family: var(--ff-anybody-regular); font-size: 20px; line-height: 1.1; display: flex; align-items: center; justify-content: center;}
.stat-value h3 { color: var(--txt-eindigo); font-size: 64px;}
.stat-value h3 span { color: var(--txt-white);}
.stat-value h3 b { color: var(--txt-white); font-weight: normal;}
.stat-cnt p { color: var(--txt-white); font-size: 18px; line-height: 1.4; font-family: var(--ff-inter-regular);}

.connection-lights-sec { float: left; width: 100%; padding-top: 80px;}
.cosmic-sec { float: left; width: 100%; position: relative; z-index: 1;}
.cosmic-sec::after { position: absolute; content: ""; background: url("../images/grow-bg-small.svg") no-repeat scroll 0 0; top: -100px; right: 0; width: 468px; height: 550px; z-index: -1;}

.journey-main-title { float: left; width: 100%; padding: 0 20%; text-align: center; margin-bottom: 100px;}
.journey-main-title h2 { font-family: var(--ff-anybody-regular); font-size: 45px; line-height: 1.2; padding-bottom: 20px;}
.journey-main-title h3 { font-family: var(--ff-anybody-regular); font-size: 36px; padding-bottom: 40px;}
.journey-main-title h3 span { display: block; font-size: 96px; line-height: 1.1;}
.journey-main-title p { color:var(--txt-white); font-size:18px; line-height:1.4;}

.lights-list { float: left; width: 100%;}
.lights-list ul { float: left; width: 100%; display: flex; flex-wrap: wrap; column-gap: 4%; row-gap: 30px;}
.lights-list ul li { flex: 0 1 48%; padding: 30px 25px 55px; box-shadow: 0px -4px 0px 0px #1C1C1C; border-radius: 10px;}
.lights-list ul li .lights-img { float: left; width: 100%; border-radius: 10px; overflow: hidden; margin-bottom: 30px;}
.lights-list ul li .lights-img img { float: left; width: 100%;}
.lights-list ul li h2 { float: left; width: 100%; font-family: var(--ff-anybody-semibold); font-size: 30px; line-height: 1.2; color: var(--txt-white); padding-bottom: 15px;}
.lights-list ul li p { float: left; width: 100%; color: var(--txt-white); font-family: var(--ff-inter-regular); font-size: 18px; line-height: 1.5;}
.lights-list ul li p :last-child { padding-bottom: 0;}
.lights-list ul li p span { font-family: var(--ff-inter-bold);}

.mission-path-sec { padding: 80px 0;}
.mission-path-sec .sec-title { padding: 0 10%;}
.mission-path-cnt { float: left; width: 100%; padding: 0 50px;}
.mission-path{ float: left; width: 100%; padding: 60px 120px 100px; text-align: center; box-shadow: 0px -4px 0px 0px #1C1C1C; border-radius: 10px; overflow: hidden; position: relative; z-index: 1;}
.mission-path::after { position: absolute; content: ""; background: url("../images/grow-bg.svg") no-repeat scroll 0 0; top: 0; left: 0; width: 390px; height: 390px; z-index: -1;}
.path-main { float: left; width: 100%; display: flex; flex-wrap: wrap; column-gap: 40px; row-gap: 20px; align-items: center;}
.path-img { float: left; width: 178px; border-radius: 24px; overflow: hidden;}
.path-img img { float: left; width: 100%;}
.path-cnt { float: left; width: calc(100% - 218px);}
.path-cnt h4 { float: left; width: 100%; text-align: left; font-family: var(--ff-anybody-regular); font-size: 36px; line-height: 1.2;}

/* event details css */
.inner-content-sec { float: left; width: 100%; padding: 150px 0 0px;}
.inner-content-sec .sec-title h4 { color: var(--txt-eindigo); letter-spacing: 2.8px; padding-bottom: 15px;}
.inner-content-sec .sec-title h2 { font-size: 60px; line-height: 1;}
.inner-content-sec .sec-title h2 span { display: block; color: var(--txt-eindigo);}
.two-btns { float: left; width: 100%; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; column-gap: 15px; row-gap: 15px; margin-top: 25px;}
.two-btns > div { flex: 0 1 auto;}
.two-btns a {position: relative; font-size: 16px; color: var(--txt-white); line-height: 1.5; font-family: var(--ff-inter-semibold); padding: 13px 25px 13px 25px; background: #6800ED; background: linear-gradient(90deg,#3C0286 0%, #6800ED 100%); box-shadow: inset 0px 4px 0px 0px #6800ED; border-radius: 10px; transition: all 0.4s ease; display: block;}
.two-btns a:hover { background: #6800ED;background: linear-gradient(90deg,#6800ED 0%, #3C0286 100%);}
.two-btns > div:last-child a { background: none; border: 1px solid var(--txt-eindigo); box-shadow:none; transition: all 0.4s ease;}
.two-btns > div:last-child a:hover { background: #6800ED;background: linear-gradient(90deg,#6800ED 0%, #3C0286 100%);}

.event-image-banner { float: left; width: 100%; position: relative; z-index: 1; margin-bottom: 90px;}
.event-image-banner::after { position: absolute; content: ""; background: url("../images/glow-event-bg.svg") no-repeat scroll 0 0; top: -240px; left: 0; right: 0; margin: 0 auto; width: 1307px; height: 809px; z-index: -1;}
.event-image-banner img { float: left; width: 100%; padding: 30px; background: #0F0F0F; box-shadow: 0px -4px 0px 0px #1C1C1C; border-radius: 10px;}

.event-details-list { float: left; width: 100%; margin-bottom: 60px;}
.event-details-list ul { float: left; width: 100%; display: flex; flex-wrap: wrap; column-gap: 4%; row-gap: 30px;}
.event-details-list ul li { flex: 0 1 22%; text-align: center; padding: 40px 30px; box-shadow: 0px -4px 0px 0px #1C1C1C; border-radius: 10px;}
.event-icon { float: left; width: 100%; display: flex; flex-wrap: wrap; flex-direction: column; justify-content: center; align-items: center; row-gap: 10px; padding-bottom: 10px;}
.event-icon img { float: left; width: auto; }
.event-icon span { color: rgba(111, 0, 255, 0.60); font-size: 14px; line-height: 1.4; text-transform: uppercase; letter-spacing: 0.7px;}
.event-details-list ul li h3 { color: var(--txt-white); font-family: var(--ff-anybody-regular); font-size: 24px; line-height: 1.4;}

.cont-img-sec { float: left; width: 100%; margin-bottom: 85px;}
.faith-content { float: left; width: 100%; display: flex; flex-wrap: wrap; column-gap: 100px; row-gap: 30px; padding: 0 100px;}
.faith-lft { flex: 0 1 calc(100% - 600px);}
.faith-rgt { flex: 0 1 500px; border-radius: 20px; overflow: hidden;}
.faith-lft h2 { float: left; width: 100%; font-family: var(--ff-anybody-regular); font-size: 45px; line-height: 1.2; padding-bottom: 20px;}
.faith-lft p { float: left; width: 100%; color:var(--txt-white); font-size:18px; line-height:1.4; padding-bottom: 20px;}
.faith-lft p span { color: var(--txt-eindigo);}
.faith-rgt img { float: left; width: 100%;}
.faith-lft ul { float: left; width: 100%; display: flex; flex-wrap: wrap; row-gap: 15px; margin-top: 20px;}
.faith-lft ul li { flex: 0 1 100%; position: relative; padding-left: 25px;}
.faith-lft ul li::after { position: absolute; content: ""; top: 10px; left: 0; background: var(--txt-eindigo); width: 10px; height: 10px; border-radius: 15px;}

.lead-speaker-sec { float: left; width: 100%;}
.lead-speaker-main { float: left; width: 100%; padding: 0 100px;}
.lead-speaker-main h2 { float: left; width: 100%; font-family: var(--ff-anybody-regular); text-align: center; color: var(--txt-white); font-size: 45px; line-height: 1.2; padding-bottom: 40px;}
.lead-speaker-cnt { float: left; width: 100%; display: flex; flex-wrap: wrap; align-items: center; column-gap: 150px; row-gap: 30px; padding: 60px 100px 100px; box-shadow: 0px -4px 0px 0px #1C1C1C; border-radius: 10px; overflow: hidden; position: relative; z-index: 1;}
.lead-speaker-cnt::after { position: absolute; content: ""; background: url("../images/glow-bg-right.svg") no-repeat scroll 0 0; top: 0; right: 0; width: 337px; height: 299px; z-index: -1;}
.lead-speaker-lft { flex: 0 1 300px; position: relative; z-index: 1;}
.lead-speaker-lft::after { position: absolute; content: ""; background: url("../images/glow-img-bg.svg") no-repeat scroll 0 0; top: -50px; left: -120px; margin: 0 auto; right: 0; width: 546px; height: 388px; z-index: -1;}
.lead-speaker-rgt { flex: 0 1 calc(100% - 450px);}
.lead-speaker-rgt h3 { float: left; width: 100%; font-family: var(--ff-anybody-medium); color: var(--txt-eindigo); font-size: 28px; line-height: 1.3; padding-bottom: 10px; }
.lead-speaker-rgt h4 { float: left; width: 100%; color: var(--txt-white); font-size: 14px; line-height: 1.4; letter-spacing: 0.7px; text-transform: uppercase; padding-bottom: 40px;}
.lead-speaker-rgt p { float: left; width: 100%; font-family: var(--ff-anybody-italic); color: rgba(255, 255, 255, 0.80); font-size: 28px; line-height: 1.4; }

.distinguished-guests-sec { float: left; width: 100%; position: relative; z-index: 9;}
.distinguished-guests-sec h2 { float: left; width: 100%; font-family: var(--ff-anybody-regular); text-align: center; color: var(--txt-white); font-size: 45px; line-height: 1.2; padding-bottom: 40px;}
.guests-list { float: left; width: 100%; margin: 30px 0;}
.guests-list ul { float: left; width: 100%; display: flex; flex-wrap: wrap; justify-content: center; column-gap: 7%; row-gap: 30px;}
.guests-list ul li { flex: 0 1 15%; text-align: center;}
.guests-img img { float: none; width: auto; padding: 10px; box-shadow: 0px -4px 0px 0px #1C1C1C; border-radius: 50%;}
.guests-title { float: left; width: 100%; padding-top: 35px;}
.guests-title h3 { color: var(--txt-lgrey3); font-family: var(--ff-inter-bold); font-size: 18px; line-height: 1.4; padding-bottom: 10px;}
.guests-title p { color: var(--txt-tindigo1); font-family: var(--ff-inter-medium); font-size: 13px;}

.gallery-sec { float: left; width: 100%; padding: 75px 0; position: relative; z-index: 1;}
.gallery-sec::after { position: absolute; content: ""; background: url("../images/glow-bg-gallery.svg") no-repeat scroll 0 0; top: -300px; left: 0; width: 432px; height: 632px; z-index: -1;}
.gallery-sec h2 { float: left; width: 100%; text-align: center; font-family: var(--ff-anybody-regular); font-size: 45px; line-height: 1.2; padding-bottom: 40px;}
.gallery-list { float: left; width: 100%;}
.gallery-list ul { float: left; width: 100%; display: flex; flex-wrap: wrap; column-gap: 4%; row-gap: 45px;}
.gallery-list ul li {flex: 0 1 30.66%; padding: 15px; background: #0F0F0F; box-shadow: 0px -4px 0px 0px #1C1C1C; border-radius: 10px; overflow: hidden;}
.gallery-list ul li .galeria-img {float: left;width: 100%; border-radius: 10px; overflow: hidden; position: relative; left: 0;}
.gallery-list ul li .galeria-img img {float: left;width: 100%;}
.gallery-list ul li .galeria-img::after { position: absolute; content: ''; left: 0; top: 0; width: 100%; height: 100%; background: rgba(111, 0, 255, 0.60);opacity: 0; transition: all .5s ease;}
.gallery-list ul li:hover .galeria-img::after {opacity: 1;}
.gallery-list ul li .galeria-img::before {position: absolute;content: ""; background: url(../images/zoom-ico.svg) no-repeat 0 0; width: 50px; height: 50px; background-size: cover;left: 0px;right: 0px;top: 50%; transform: translateY(-50%); display: flex;align-items: center;justify-content: center;z-index: 99;opacity: 0;transition:all .5s ease; margin: 0px auto;}
.gallery-list ul li:hover .galeria-img::before {opacity: 1;}
.view-more-btn { float: left; width: 100%; display: flex; justify-content: center; margin-top: 40px;}
.view-more-btn a {position: relative; font-size: 16px; color: var(--txt-white); line-height: 1.5; font-family: var(--ff-inter-semibold); padding: 13px 25px 13px 25px; background: #6800ED; background: linear-gradient(90deg,#3C0286 0%, #6800ED 100%); box-shadow: inset 0px 4px 0px 0px #6800ED; border-radius: 10px; transition: all 0.4s ease; display: block;}
.view-more-btn a:hover { background: #6800ED;background: linear-gradient(90deg,#6800ED 0%, #3C0286 100%);}
.share-btn { float: left; width: 100%; margin-top: 30px;}
.share-btn a {position: relative;font-size:16px; color:var(--txt-white); line-height:1.5; font-family:var(--ff-inter-semibold); padding:13px 55px 13px 30px; background: #6800ED;background: linear-gradient(90deg,#3C0286 0%, #6800ED 100%); box-shadow: inset 0px 4px 0px 0px #6800ED; border-radius: 10px; transition: all 0.4s ease; display: inline-flex;}
.share-btn a:hover { background: #6800ED;background: linear-gradient(90deg,#6800ED 0%, #3C0286 100%);}
.share-btn a:after { position: absolute; content: ''; top: 12px; right:22px; background: url(../images/arrow-white.svg) no-repeat 0 0px; width: 24px;height: 25px;}

.program-highlights-sec { float: left; width: 100%; padding: 80px 0; position: relative; z-index: 1;}
.program-highlights-sec::after { position: absolute; content: ""; background: url("../images/glow-programs-bg.svg") no-repeat scroll 0 0; top: 0; left: 0; right: 0; margin: 0 auto; width: 1305px; height: 257px; z-index: -1;}
.program-highlights-sec h2 {float: left; width: 100%; font-family: var(--ff-anybody-regular); text-align: center; color: var(--txt-white); font-size: 45px; line-height: 1.2; padding-bottom: 40px;}
.program-list ul {float: left; width: 100%; display: flex; flex-wrap: wrap; justify-content: center; column-gap: 4%; row-gap: 30px; position: relative; z-index: 1;}
.program-list ul li { flex: 0 1 30%; padding: 70px 40px; background: #0A0A0A; box-shadow: 0px -4px 0px 0px #1C1C1C; border-radius: 10px; text-align: center;}
.program-icon img { float: none; width: auto;}
.program-title { float: left; width: 100%; padding-top: 30px;}
.program-title h3 { float: left; width: 100%; font-family: var(--ff-anybody-semibold); font-size: 24px; line-height: 1.2; color: var(--txt-white); padding-bottom: 15px;}
.program-title p { float: left; width: 100%; color: var(--txt-white); font-family: var(--ff-inter-regular); font-size: 18px; line-height: 1.5;}

/********* event-list page *********/
.events-section { float: left; width: 100%; padding: 90px 0 60px; position: relative; 
/*  background:
  radial-gradient(circle at 14% 22%, rgba(111, 0, 255, 0.55) 0%, rgba(111, 0, 255, 0.22) 10%, rgba(111, 0, 255, 0) 26%),
  radial-gradient(circle at 86% 74%, rgba(111, 0, 255, 0.45) 0%, rgba(111, 0, 255, 0.18) 10%, rgba(111, 0, 255, 0) 28%),
  linear-gradient(180deg, #07060a 0%, #0c0b10 40%, #111111 100%); */

  background: radial-gradient(circle at 20% 10%, rgba(111, 0, 255, 0.55) 0%, rgba(111, 0, 255, 0.22) 10%, rgba(111, 0, 255, 0) 20%), radial-gradient(circle at 86% 74%, rgba(111, 0, 255, 0.45) 0%, rgba(111, 0, 255, 0.18) 10%, rgba(111, 0, 255, 0) 28%), linear-gradient(180deg, #07060a 0%, #0c0b10 40%, #111 100%);
  background-repeat:no-repeat;}
.events-section h2 { color: var(--txt-white); font-size:45px;; font-family: var(--ff-anybody-regular); line-height: 1; text-align: center; margin-bottom: 35px; }
.events-list{width: 100%; float: left;}
.events-list ul{width: 100%; float: left; display: flex; flex-wrap: wrap; column-gap: 2.5%; row-gap: 35px;}
.events-list ul li{flex: 0 1 31.6%; background: var(--bg-black); padding: 30px; border-radius: 9px; position: relative; box-shadow: 0 6px 18px 0 rgb(0, 0, 0, 1);  }
.events-list ul li::after { position: absolute; content: ''; width: 100%; height: 100%; left: 0; top: 0; border-radius: 9px;  box-shadow: 0 -4px 0 #1C1C1C; z-index: -1;}

.eventos-main { float: left; width: 100%; background: var(--bg-black); }
.eventos-main .eventos-img { width: 100%; float: left; border-radius: 9px; overflow: hidden; position: relative;}
.eventos-main .eventos-img img { float: left; width: 100%; transition:all .5s ease;}
.eventos-main .eventos-txt { width: 100%; float: left; padding: 35px 0px 0; }
.eventos-main .eventos-txt h3 a { font-size: 25px; line-height: 1.1; font-family: var(--ff-anybody-semibold); color: var(--txt-white); letter-spacing: -0.37px; margin-bottom: 15px; float: left; width: 100%; transition: all 0.5s ease; }
.eventos-main .eventos-txt h4  { font-size: 12px; line-height: 1; font-family: var(--ff-inter-semibold); color: var(--txt-white); margin-bottom: 20px; transition: all 0.5s ease; }
.eventos-main .eventos-txt p  { font-size: 16px; line-height: 1.3; font-family: var(--ff-inter-regular); color: rgba(255, 255, 255, 0.6);  margin-bottom: 20px; transition: all 0.5s ease; }
.eventos-main .eventos-txt img { width: auto;}
.eventos-main:hover .eventos-txt h3 a { color: var(--txt-orange);}
.eventos-main:hover .eventos-img img { transform: scale(1.03);}
.eventos-main a.more-btn{ width: auto; border: none;background: none; display: inline-flex; justify-content: center; align-items: center; column-gap: 10px; font-size: 16px; line-height: 16px; color: #ffffff; font-family: var(--ff-inter-medium); letter-spacing: 0.05px; padding: 0; transition: all 0.5s ease;}
.eventos-main:hover a.more-btn { color: var(--txt-orange); }
.eventos-main a span {background: url(../images/arrow-right.svg) no-repeat 0 1px; width: 24px; height: 25px; display: inline-block; }
.eventos-main:hover a.more-btn span {filter: brightness(0) saturate(100%) invert(57%) sepia(37%) saturate(1140%) hue-rotate(320deg) brightness(95%) contrast(92%);}

/* pagination */
.pagination {float:left; width:100%; display:flex; align-items:center; justify-content:center; column-gap:8px; margin-top:45px;}
.pagination a, .pagination span.page-numbers {display:flex; align-items:center; justify-content:center; width:45px; height:45px; border-radius:100%; font-family:var(--ff-inter-semibold); font-size:16px; transition:all 0.5s ease; border:1px solid var(--txt-pb-gray); background:var(--txt-pn-gray); color:var(--txt-white); text-decoration:none;}
.pagination span.current {background:var(--txt-eindigo); border:1px solid var(--txt-eindigo); color:#FFFFFF;}
.pagination a:hover {background:var(--txt-eindigo); border:1px solid var(--txt-eindigo); color:#FFFFFF;}
.pagination a.prev {background:var(--txt-pn-gray) url("../images/arrow-prev.svg") no-repeat center; transform:rotate(0deg);}
.pagination a.next {background:var(--txt-pn-gray) url("../images/arrow-prev.svg") no-repeat center;}
.pagination a.prev:hover, .pagination a.next:hover {background:var(--txt-eindigo) url("../images/arrow-prev.svg") no-repeat center; border:1px solid var(--txt-eindigo);}
  
/********* contact-us page *********/
.contact-sec { float: left; width: 100%; padding: 60px 0;
background:
radial-gradient(circle at 14% 12%, rgba(111, 0, 255, 0.36) 0%, rgba(111, 0, 255, 0.20) 4%, rgba(111, 0, 255, 0) 8%),
radial-gradient(circle at 86% 54%, rgba(111, 0, 255, 0.20) 0%, rgba(111, 0, 255, 0.18) 2%, rgba(111, 0, 255, 0) 10%),
linear-gradient(180deg, #07060a 0%, #0c0b10 40%, #111111 100%);
background-repeat:no-repeat;}
.contact-title { display: block; width: 100%; max-width: 780px; text-align: center;margin: 0 auto 60px;}
.contact-title h2 { color: var(--txt-white); font-size:45px;; font-family: var(--ff-anybody-regular); line-height: 1.2; text-align: center; margin-bottom: 25px; }
.contact-title p  { font-size: 18px; line-height: 1.4; font-family: var(--ff-inter-regular); color: var(--txt-white); margin-bottom: 0px; transition: all 0.5s ease; }
.contact-list { float: left; width: 100%; padding: 0 50px;}
.contact-list ul{width: 100%; float: left; display: flex; flex-wrap: wrap; column-gap:3.2%; row-gap: 25px;justify-content: center;}
.contact-list ul li{flex: 0 1 31.2%; background: var(--bg-black);justify-content: left;  text-align: left;padding:40px 20px 90px; border-radius: 9px; display: flex; flex-wrap: wrap; column-gap: 0; row-gap: 15px; box-shadow: 0 6px 18px 0 rgb(0, 0, 0, 1); align-content: flex-start; position: relative;}
.contact-list ul li::before { position: absolute; content: '';box-shadow: 0 -4px 0 #1C1C1C;width: 100%;height: 100%;left: 0;top: 0;border-radius: 9px;}
.contact-list ul li span { float: left; width: 100%; margin-bottom: 30px;}
.contact-list ul li span { width: auto;}
.contact-list ul li h3{width: 100%; float: left; font-size: 20px; line-height: 1;font-family: var(--ff-anybody-semibold); color: var(--txt-white); margin-bottom: 0px; position: relative; }
.contact-list ul li p{width: 100%; float: left; color: #EEECE4; font-size: 18px; line-height: 1.4; position: relative; margin: 0;}
.contact-list ul li a{  color: #797979; font-weight: 400; font-size: 18px; line-height: 26px; position: relative; transition: all 0.4s ease;}
.contact-list ul li:last-child a { text-decoration: underline;}
.contact-list ul li a:hover{color:var(--txt-orange);}

.contact-inn { width: 100%; display: flex; flex-wrap: wrap; justify-content: center; padding: 80px 0px 0; }
.contact-out { width: 1074px; padding: 60px 120px;display: flex; flex-wrap: wrap; background: #0F0F0F; box-shadow: 0 6px 18px 0 rgb(0, 0, 0, 1); border-radius: 9px; row-gap: 30px; position: relative;}
.contact-out::after { position: absolute; content: ""; background: url("../images/grow-bg.svg") no-repeat scroll 0 0; top: 0; left: 0; width: 390px; height: 390px; z-index: 0; border-radius: 9px;}
.contact-out::before { position: absolute; content: '';box-shadow: 0 -4px 0 #1C1C1C;width: 100%;height: 100%;left: 0;top: 0;border-radius: 9px;}
.contact-form { float: left; width: 100%; position: relative; z-index: 1; }
.contact-form .form-box  { float: left;width: 100%;display: flex;flex-wrap: wrap;column-gap: 2.4%;}
.contact-form .form-box .frm-input { float: left; width: 48.8%; margin-bottom: 19px; position: relative;}
.contact-form .form-box .frm-input.full-input { width: 100%;}
.contact-form .form-box .frm-input .floating-label-group { float: left; width: 100%; position: relative;}
.contact-form label { float: left; width: 100%; font-size: 16px; line-height: 1; color: var(--txt-white);font-family: var(--ff-anybody-regular); margin-bottom: 20px;}
.contact-form .form-box input[type="text"], .contact-form .form-box input[type="email"], .contact-form .form-box input[type="tel"], .form-box textarea { width:100%; color:var(--txt-pn-gray); font-family: var(--ff-anybody-regular); letter-spacing: 0px; padding: 10px 13px 10px; height: 50px; border-radius: 9px; border: 1px solid #ffffff; font-size:16px; transition: all .5s ease; background:#FFFFFF; }
.contact-form .form-box input[type="text"]:focus, .contact-form .form-box input[type="email"]:focus, .contact-form .form-box input[type="tel"]:focus, .contact-form .form-box textarea:focus { border: 1px solid #FF0000;}
.contact-form .form-box textarea { resize:none; height:208px; line-height:22px; padding: 15px 20px 10px; font-family: var(--ff-anybody-regular); }
.contact-form .form-box .frm-input:last-child { margin-bottom: 0; margin-top: 10px; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between;}
.contact-form .btn-ctr { float: right; width: auto; margin-top: 0px;}
.contact-form .form-box button, .contact-form .form-box input[type="submit"] {position: relative;font-size:16px; color:var(--txt-white); line-height:1.5; font-family:var(--ff-inter-semibold); padding:13px 20px 13px 20px; text-transform: uppercase; background: #6800ED;background: linear-gradient(90deg,#3C0286 0%, #6800ED 100%); box-shadow: inset 0px 4px 0px 0px #6800ED; border-radius: 10px; transition: all 0.4s ease; cursor: pointer; border: none; display: block;}
.contact-form .form-box button:hover, .contact-form .form-box input[type="submit"]:hover { background: #6800ED;background: linear-gradient(90deg,#6800ED 0%, #3C0286 100%);}
.contact-form .form-box .wpcf7-not-valid-tip {font-size: 13px!important; text-align: left; float: left; width: 100%; color: #F00 !important; padding-top: 5px;}
.wpcf7 form .wpcf7-response-output { margin: 0 !important;}
.wpcf7 form.invalid .wpcf7-response-output { margin-top: 15px !important; float: left; width: 100%; background: var(--bg-eindigo); border: 1px solid var(--bg-eindigo) !important; color: var(--txt-white); padding: 10px 15px; font-size: 14px; line-height: 20px; text-align: center; font-family: var(--ff-inter-regular);}
.wpcf7 form.failed .wpcf7-response-output, .wpcf7 form.aborted .wpcf7-response-output { margin-top: 15px !important; float: left; width: 100%; background: red; border: 1px solid red !important; color: var(--txt-white); padding: 10px 15px; font-size: 14px; line-height: 20px; text-align: center; font-family: var(--ff-inter-regular);}

/********* donate-now page *********/
.donate-sec { float: left; width: 100%; padding: 60px 0 0; 
background:
radial-gradient(circle at 16% 16%, rgba(111, 0, 255, 0.34) 0%, rgba(111, 0, 255, 0.28) 4%, rgba(111, 0, 255, 0) 10%),
radial-gradient(circle at 87% 76%, rgba(111, 0, 255, 0.25) 0%, rgba(111, 0, 255, 0.18) 4%, rgba(111, 0, 255, 0) 10%),
linear-gradient(180deg, #07060a 0%, #0c0b10 40%, #111111 100%);
background-repeat:no-repeat;}
.donate-title { display: block; width: 100%; max-width: 920px; text-align: center;margin: 0 auto 60px;}
.donate-title h4 { color: var(--txt-eindigo); font-size:14px;; font-family: var(--ff-anybody-regular); line-height: 1; letter-spacing: 2.8px; text-align: center; margin-bottom: 18px; }
.donate-title h2 { color: var(--txt-white); font-size:60px;; font-family: var(--ff-anybody-regular); line-height: 1; text-align: center; margin-bottom: 30px; }
.donate-title p  { font-size: 18px; line-height: 1.6; font-family: var(--ff-inter-regular); color: var(--txt-white); padding: 0 13%; margin-bottom: 40px; transition: all 0.5s ease; }
.donate-title a { width: auto; position: relative;font-size:16px; color:var(--txt-white); line-height:1.5; font-family:var(--ff-inter-semibold); padding:13px 45px 13px 20px; text-transform: uppercase; background: #6800ED;background: linear-gradient(90deg,#3C0286 0%, #6800ED 100%); box-shadow: inset 0px 4px 0px 0px #6800ED; border-radius: 10px; transition: all 0.4s ease; display: inline-block;}
.donate-title a:hover { background: #6800ED;background: linear-gradient(90deg,#6800ED 0%, #3C0286 100%);}
.donate-title a:after { position: absolute; content: ''; top: 12px; right:12px; background: url(../images/arrow-white.svg) no-repeat 0 0px; width: 24px;height: 25px;}

.donate-main { width: 100%; float: left; display: flex; flex-wrap: wrap; align-items: center; padding: 0 70px; margin: 40px 0 80px; column-gap: 13%;}
.donate-cont { flex: 0 1 43.5%;}
.donate-cont h4 { color: var(--txt-eindigo); font-size:28px;; font-family: var(--ff-anybody-regular); line-height: 1; letter-spacing: 0px; margin-bottom: 20px; }
.donate-cont h2 { color: var(--txt-white); font-size:45px;; font-family: var(--ff-anybody-regular); line-height: 1; margin-bottom: 45px; }
.donate-cont p  { font-size: 18px; line-height: 1.6; font-family: var(--ff-inter-regular); color: rgba(194, 198, 219, 0.8); padding: 0; margin-bottom: 25px; transition: all 0.5s ease; }
.donate-cont p:last-child { margin-bottom: 0;}
.donate-img { flex: 0 1 43.5%;}
.donate-img img { width: 100%;}

.donate-list { float: left; width: 100%; padding: 0 80px;}
.donate-list ul{width: 100%; float: left; display: flex; flex-wrap: wrap; column-gap:2.6%; row-gap: 25px;justify-content: center;}
.donate-list ul li{flex: 0 1 48.7%; background: var(--bg-black);justify-content: left;  text-align: left;padding:40px 50px 50px 40px; border-radius: 9px; display: flex; flex-wrap: wrap; column-gap: 0; box-shadow: 0 6px 18px 0 rgb(0, 0, 0, 1); align-content: flex-start; position: relative;}
.donate-list ul li::before { position: absolute; content: '';box-shadow: 0 -4px 0 #1C1C1C;width: 100%;height: 100%;left: 0;top: 0;border-radius: 9px;}
.donate-list ul li span { float: left; width: 100%; margin-bottom: 40px;}
.donate-list ul li span { width: auto;}
.donate-list ul li h3{width: 100%; float: left; font-size: 30px; line-height: 1;font-family: var(--ff-anybody-semibold); color: var(--txt-white); margin-bottom: 35px; position: relative; }
.donate-list ul li p{width: 100%; float: left; color: rgba(194, 198, 219, 0.8); font-size: 18px; line-height: 1.4; position: relative; margin: 0;}
.donate-list ul li a{  color: #797979; font-weight: 400; font-size: 1.125rem; line-height: 26px; position: relative; transition: all 0.4s ease;}
.donate-list ul li:last-child a { text-decoration: underline;}
.donate-list ul li a:hover{color:var(--txt-orange);}

.donate-btm { padding: 0; margin: 120px 0 100px; }
.donate-btm h4 { color: var(--txt-orange); font-size:14px;; font-family: var(--ff-inter-medium); line-height: 1; text-align: center; letter-spacing: 1.4px; margin-bottom: 25px; }
.donate-btm h2 { color: var(--txt-white); font-size:45px;; font-family: var(--ff-anybody-regular); line-height: 1; text-align: center; margin-bottom: 45px; }
.donate-btm ul li { padding: 60px 71px 80px 40px; row-gap: 20px;}
.donate-btm ul li span{ margin-bottom: 0;}
.donate-btm ul li h3 { font-size: 24px; line-height: 1.2;}
.donate-btm ul li p { color: var(--txt-white);}

.contribution-list { float: left; width: 100%; padding: 0 20px;}
.contribution-title { display: block; width: 100%; max-width: 920px; text-align: center;margin: 0 auto 60px;}
.contribution-title h2 { color: var(--txt-white); font-size:45px;; font-family: var(--ff-anybody-regular); line-height: 1; text-align: center; margin-bottom: 20px; }
.contribution-title p  { font-size: 18px; line-height: 1.6; font-family: var(--ff-inter-regular); color: var(--txt-white); padding: 0 6%; margin-bottom: 40px; transition: all 0.5s ease; }
.contribution-list ul{width: 100%; float: left; display: flex; flex-wrap: wrap; column-gap:3.2%; row-gap: 25px;justify-content: center;}
.contribution-list ul li{flex: 0 1 31.2%; background: var(--bg-black);justify-content: left;  text-align: left;padding:35px 30px 35px 40px; border-radius: 9px; display: flex; flex-wrap: wrap; column-gap: 0; box-shadow: 0 6px 18px 0 rgb(0, 0, 0, 1); align-content: flex-start; position: relative;}
.contribution-list ul li:first-child { text-align: center; justify-content: center;}
.contribution-list ul li:first-child img { max-width: 224px; margin-bottom: 30px;}
.contribution-list ul li::before { position: absolute; content: '';box-shadow: 0 -4px 0 #1C1C1C;width: 100%;height: 100%;left: 0;top: 0;border-radius: 9px;}
.contribution-list ul li h3{width: 100%; float: left; font-size: 24px; line-height: 1;font-family: var(--ff-anybody-medium); color: var(--txt-tindigo); letter-spacing: 0.48px; margin-bottom: 30px; position: relative; }
.contribution-list ul li p{width: 100%; float: left; color: #E2E2E2; font-size: 16px; line-height: 1.2; position: relative; margin-bottom: 10px;}
.contribution-list ul li h4{width: 100%; float: left; color: #CBC4D0; font-size: 13px; line-height: 1.2; font-family: var(--ff-inter-medium); position: relative; margin-bottom: 10px;}
.contribution-list ul li a{ color: #D2BCFA; font-size: 16px; line-height: 1.2; position: relative; margin-bottom: 10px; transition: all 0.4s ease;}
.contribution-list ul li:last-child a { text-decoration: underline;}
.contribution-list ul li a:hover{color:var(--txt-orange);}
.contribution-list ul li span.qr-code { float: left; width: 100%; color: #CBC4D0; font-size: 12px; line-height: 1.2; }

.contribution-list ul ul { row-gap: 15px;}
.contribution-list ul li li { flex: 0 1 100%; padding: 0 0 12px; color: #E2E2E2; font-size: 16px; line-height: 1.4; letter-spacing: 0.16px; row-gap: 8px; margin-bottom: 0; border-bottom: 1px solid rgba(73, 69, 78, 0.2); box-shadow: none; border-radius: 0;}
.contribution-list ul li li span { font-size: 12px; line-height: 1; color: #CBC4D0; display: block; width: 100%; letter-spacing: 0; text-transform: uppercase;}
.contribution-list ul li li::before { display: none;}
.contribution-list ul li li:first-child{ justify-content: left; text-align: left;}
.contribution-list ul li li:last-child { padding-bottom: 0; border-bottom: none;}

/* .particle-wrap-features {z-index: 1;aspect-ratio: 1;pointer-events: none;width: 62px;position: absolute;inset: -20px auto auto 50%;transform: translate(-50%);} */
.particles-section{position:relative;width:100%;height:100vh;overflow:hidden;}

/* CONTENT */
.particles{position:absolute;inset: 0% auto auto 0%;overflow:hidden;width: 200px;height: 200px;left: 0;right: 0;margin: 0 auto;}

/* PARTICLES */
.particles span{position:absolute;bottom:-120px;border-radius:50%;background:rgb(212, 178, 255, 0.5);animation:floatUp linear infinite;backdrop-filter:blur(2px);width: 2px;}

/* ANIMATION */
/* Bottom - Top */
@keyframes fadeup {from {transform: translateY(80px);opacity: 0;}
to {transform: translateY(0);opacity: 1;}
}

/* Left - Right */
@keyframes fadeleft {
from {transform: translateX(-100px);opacity: 0;}
to {transform: translateX(0);opacity: 1;}
}

/* Right - Left */
@keyframes faderight {
from {transform: translateX(100px);opacity: 0;}
to {transform: translateX(0);opacity: 1;}
}

@keyframes floatUp{
from{transform:translateY(0);opacity:0;}
10%{opacity:1;}
90%{opacity:1;}
to{transform:translateY(-120vh);opacity:0;}
}