@charset "utf-8";

:root {  
  /** @font family declaration **/   
  --ff-inter-regular:'Inter-Regular';
  --ff-inter-light:'Inter-Light';
  --ff-inter-medium:'Inter-Medium'; 
  --ff-inter-semibold:'Inter-SemiBold';
  --ff-inter-thin:'Inter-Thin';
  --ff-inter-bold:'Inter-Bold';
  --ff-inter-black:'Inter-Black';
  --ff-inter-extrabold:'Inter-ExtraBold';
   
  /** background color declaration **/
  --bg-white: #FFFFFF;
  --bg-black: #0F0F0F; 
  
  /** text color declaration **/
  --txt-white: #FFFFFF;
  --txt-lgray: #CBC4D0;
  --txt-eindigo:#6F00FF;
  --txt-tindigo:#D2BCFA;
  --txt-orange:#DA6254;
  
}

/* 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); }
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;}
.rows { width:100%; max-width: 1440px; margin:auto; }
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 { width: 100%; padding: 18px 0; background: var(--bg-black); position: fixed; top: 0px; left: 0px; z-index: 99; transition: transform 0.35s ease;}
header.sticky { padding:15px 0; }
.logo img { width: 220px;}
.main-menu ul { width: auto; display: flex; flex-wrap: wrap; column-gap: 50px;}
.main-menu ul li { flex: 0 1 auto;}
.main-menu ul li a { width: auto; color: var(--txt-white); font-family: var(--ff-inter-medium); font-size: 16px; line-height: 1; transition: all 0.5s ease;text-transform: uppercase;padding: 20px 0;}
.main-menu ul li a:hover, .main-menu ul li a.active { color: var(--txt-eindigo);}
.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;}

.banner-sec { float: left; width:100%; padding-top: 50px; }
.banner-main { position: relative; width: 100%; }
.banner-image-wrap  { max-width:675px; width: 100%; margin:0; position: relative; left:50%; transform: translateX(-10%); }
.banner-image  { width: 100%;position: relative;text-align: center; z-index: 2; }
.glow-bg { position: absolute; top: -160px; left: 50%; transform: translateX(-50%);width: 100%;opacity: 0.8;text-align: center;}
.ban-text img { margin-bottom: 30px; }
.ban-text { position: absolute; width:42%; top:50%; left:7%; transform: translateY(-50%); display: flex; flex-wrap: wrap; flex-direction: column;  row-gap: 20px; }
.ban-text h2 { color: var(--txt-white); font-size:60px;; font-family: var(--ff-inter-regular); line-height: 1 }
.ban-text h2 span { color: var(--txt-eindigo); font-family: var(--ff-inter-medium); }
.ban-text h4 { color: var(--txt-white); font-size:20px; font-family: var(--ff-inter-regular); line-height: 1.3; }
.ban-text p { color: var(--txt-white); font-size:20px; font-family: var(--ff-inter-medium); line-height: 1.3; }
.ban-btn {  position: absolute; bottom: -30px; left:0;width:100%; text-align: center; }
.ban-btn a { display: inline-block; position: relative;font-size:24px; color:var(--txt-white); line-height:1.5; font-family:var(--ff-inter-semibold); border-radius: 8px; padding:15px 50px; background: #6800ED; letter-spacing: 0.5px; transition: all 0.4s ease;}

.geometry-sec { float: left; width: 100%; padding:70px 0px 40px; border-top:3px solid #8383831f; border-radius: 50px 50px 0 0; }
.geometry-sec h2 { float: left; width: 100%; padding:45px 0px 10px; text-align:center; color: var(--txt-white); font-size:52px; font-family: var(--ff-inter-regular); line-height: 1 }
.geometry-sec h2 span { display: block; color: var(--txt-orange); font-family: var(--ff-inter-medium); font-size:18px; letter-spacing: 1px; text-transform: uppercase; padding-bottom: 20px; }
.about-sec { float: left; width: 100%; padding:0px; }
.img-pad { line-height: 0; text-align: center; }

/* footer css */
footer { clear: both; width: 100%; padding:0px;  border-top:3px solid #8383831f; border-radius: 50px 50px 0 0; }
.f-top { width: 100%; padding:0px 0 60px; display: flex; flex-wrap: wrap; justify-content: space-between; column-gap: 50px; border-bottom: 1px solid #8383831f; }
.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: var(--txt-white); font-size:16px; font-family: var(--ff-inter-regular); line-height: 1.4; }
.f-top-rht { flex:0 1 55%; display: flex; flex-wrap: wrap; justify-content: space-between; column-gap: 50px; }
.f-top-rht > div { flex:0 1 auto; display: flex; flex-wrap: wrap; flex-direction:column; row-gap: 30px; }
.f-top-rht h2 { color: var(--txt-white); font-size:20px;; font-family: var(--ff-inter-medium); line-height: 1.3; }
ul.ftr-menu { display: flex; flex-wrap: wrap; column-gap: 55px; }
ul.ftr-menu li { flex: 0 1 auto;}
ul.ftr-menu li a { color: var(--txt-nblack); font-size: 1.125rem; line-height: 1.5; font-family: var(--ff-monasans-medium); transition: all 0.5s ease; }
ul.ftr-menu li a:hover { color: var(--txt-skyblue);}
.top-rgt { display: flex; align-items: center; justify-content: right; column-gap: 15px;}
.top-rgt h3 { color: rgba(34,42,53, 0.7); font-size: 1rem; line-height: 1.5; font-family: var(--ff-monasans-regular); }

.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; 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;}
.mobile-menu{ position:fixed; top:72px; bottom: 0; width:100%; overflow: auto; z-index: 99; border-top: none; padding: 40px 0 160px; opacity: 0; visibility: hidden; transition: all 0.4s ease; background: var(--bg-blue); border-bottom:none; }
.mobile-menu.slow { opacity: 1; visibility: visible; }
.mobile-menu .nav { width: 100%; background: var(--bg-skyblue); float: left;  padding: 0 0 75px 0; height:100%;}
.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-skyblue); 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; -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; -webkit-transform-origin: left center; -moz-transform-origin: left center; -o-transform-origin: left center; transform-origin: left center; }
.m-menu a:hover span { background: var(--bg-skyblue);}
.m-menu.open span:nth-child(1) { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); top: -1px; left: 4px;  background: var(--bg-skyblue);}
.m-menu.open span:nth-child(2) { width: 0%; opacity: 0;}
.m-menu.open span:nth-child(3) { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); top: 18px; left: 4px; background:var(--bg-skyblue); }

.mobile-menu ul { display: flex; flex-wrap: wrap; row-gap: 15px;}
.mobile-menu ul li { flex: 1 1 100%;}
.mobile-menu ul li a { font-size: 1.125rem; color: var(--txt-white); line-height: 1; font-family: var(--ff-monasans-medium); display: block; padding:5px 0px 5px 0; position: relative; transition: all 0.4s ease; text-align: center; }
.mobile-menu ul li.menu-item-has-children > a::after { display: block; content: ""; width: 9px; height: 9px; 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: 10px; top: 7px;}
.mobile-menu ul li ul { display: none; padding:20px 0 10px 15px;}
.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: 1rem; font-family: var(--ff-monasans-regular); padding: 0; color: var(--txt-white);}
.mobile-menu ul li ul li a::after { display: none;}
.mobile-menu ul li.active > a { font-family: var(--ff-monasans-bold);}
.mobile-menu ul li.active a:after { border-right: 2px solid var(--bg-white); border-bottom: 2px solid var(--bg-white); transform: rotate(-135deg); margin: 0px; }
.mobile-menu ul li a:hover { color: var(--txt-skyblue); }
.mobile-menu ul li a:hover::after { border-right: 2px solid var(--bg-white); border-bottom: 2px solid var(--bg-white);}
 
.mob-social-links {  width: 100%; display: flex; flex-wrap: wrap; justify-content: center; row-gap: 15px; margin-top: 50px; }
.mob-social-links h3 { color: var(--txt-white); font-family: var(--ff-monasans-medium); font-size: 1.5rem;}
.mob-social-links ul { width: 100%; display: flex; justify-content: center; column-gap: 15px; }
.mob-social-links ul li { flex: 0 1 auto;}
.mob-social-links ul li a { padding: 0px 0px;}
.mob-social-links ul li i { font-size: 18px; color: var(--txt-white); width: 35px; height: 35px; border: 1px solid var(--bg-white); border-radius:50%; display: flex; align-items: center; justify-content: center; transition: all 0.5s ease;}
.mob-social-links ul li i:hover { background: var(--bg-white); color: var(--bg-skyblue);}

/* contact us page */
.breadcrum-sec { width: 100%; padding: 11px 0px; background: rgba(217, 217, 216, 0.2);}
.breadcrum { width: 100%; }
.breadcrum ul { width: 100%; display: flex; flex-wrap: wrap; row-gap: 5px;}
.breadcrum ul li { flex: 0 1 auto; color: var(--txt-red); font-size: 1rem; line-height: 1.2; padding-right: 22px; margin-right: 8px; position: relative;}
.breadcrum ul li::after { content: ''; position: absolute; right: 0; top: 50%; transform: translateY(-50%); color: var(--txt-skyblue); content: "\e844"; font-family: "feather";}
.breadcrum ul li a { color: var(--txt-black); font-size: 1rem; line-height: 1.2; transition: all 0.5s ease;}
.breadcrum ul li:last-child { padding-right: 0; margin-right: 0;}
.breadcrum ul li:last-child::after { content: none;}
.breadcrum ul li a:hover { color: var(--txt-red);}

/* common css */
.title-sec { display: flex; flex-wrap: wrap; row-gap: 35px; justify-content: center; text-align: left; width: 100%; padding:130px 0 20px;}
.title-sec p { color: var(--txt-black); font-size: 1.75rem; line-height: 1.4; font-weight: 400; padding-bottom: 25px; position: relative;}
.title-sec span a { color: var(--txt-dblack); font-size: 1rem; line-height: 1.1;transition:all .5s ease; }
.title-sec span a:hover { color: var(--txt-violet); }