@charset "UTF-8";

/*
Theme Name: A3 Alliance Child
Template: Alliance
Author: IK team
Author URI: https://wordpress.org/
Description: Twenty Twenty-One is a blank canvas for your ideas and it makes the block editor your best brush. With new block patterns, which allow you to create a beautiful layout in a matter of seconds, this theme’s soft colors and eye-catching — yet timeless — design will let your work shine. Take it for a spin! See how Twenty Twenty-One elevates your portfolio, business website, or personal blog.
Requires at least: 5.3
Tested up to: 6.8
Requires PHP: 5.6
Version: 2.5
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: one-column, accessibility-ready, custom-colors, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, block-patterns, rtl-language-support, sticky-post, threaded-comments, translation-ready, blog, portfolio


*/
  
@font-face {
    font-family: 'Proxima Nova';
    src: url('fonts/ProximaNova-BoldIt.woff2') format('woff2'),
        url('fonts/ProximaNova-BoldIt.woff') format('woff');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Proxima Nova';
    src: url('fonts/ProximaNova-BlackIt.woff2') format('woff2'),
        url('fonts/ProximaNova-BlackIt.woff') format('woff');
    font-weight: 900;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Proxima Nova';
    src: url('fonts/ProximaNova-Black.woff2') format('woff2'),
        url('fonts/ProximaNova-Black.woff') format('woff');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Proxima Nova';
    src: url('fonts/ProximaNova-Light.woff2') format('woff2'),
        url('fonts/ProximaNova-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Proxima Nova';
    src: url('fonts/ProximaNova-Extrabld.woff2') format('woff2'),
        url('fonts/ProximaNova-Extrabld.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Proxima Nova';
    src: url('fonts/ProximaNova-RegularIt.woff2') format('woff2'),
        url('fonts/ProximaNova-RegularIt.woff') format('woff');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Proxima Nova';
    src: url('fonts/ProximaNova-Regular.woff2') format('woff2'),
        url('fonts/ProximaNova-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Proxima Nova';
    src: url('fonts/ProximaNova-Bold.woff2') format('woff2'),
        url('fonts/ProximaNova-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Proxima Nova';
    src: url('fonts/ProximaNova-LightIt.woff2') format('woff2'),
        url('fonts/ProximaNova-LightIt.woff') format('woff');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Proxima Nova';
    src: url('fonts/ProximaNova-SemiboldIt.woff2') format('woff2'),
        url('fonts/ProximaNova-SemiboldIt.woff') format('woff');
    font-weight: 600;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Proxima Nova';
    src: url('fonts/ProximaNova-Semibold.woff2') format('woff2'),
        url('fonts/ProximaNova-Semibold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Proxima Nova';
    src: url('fonts/ProximaNova-ExtrabldIt.woff2') format('woff2'),
        url('fonts/ProximaNova-ExtrabldIt.woff') format('woff');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Proxima Nova';
    src: url('fonts/ProximaNova-ThinIt.woff2') format('woff2'),
        url('fonts/ProximaNova-ThinIt.woff') format('woff');
    font-weight: 100;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Proxima Nova';
    src: url('fonts/ProximaNova-Thin.woff2') format('woff2'),
        url('fonts/ProximaNova-Thin.woff') format('woff');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

*{
    padding: 0;
    margin: 0;
}
ul{
    list-style: none;
}
body{
    font-family: 'Proxima Nova';
}
.container{
    max-width: 1240px;
    margin: 0 auto;
}
.announcement-bar{
    background: #1F1F1F;
    padding: 16px 0;
}
.announcement-wrapper {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.announcement-left a{
    font-weight: 400;
    font-size: 12px;
    display: flex;
    align-items: center;
    color: #FCFCFC;
    text-decoration: none;
}
.announcement-left a img{
    padding-right: 10px;
}

a{
    text-decoration: none;
}

/* ========Header Css=========== */
.header{
    background-color: #fcfcfc80;
    z-index: 10000;     
   position: relative;
}
.header-wrapper{
    display: flex;
    justify-content: space-between;
    align-items: center; 
}
.menu-item{
	 padding: 0 30px;
}
.menu-item a{
	font-family: 'Proxima Nova';
    font-weight: 600;
    font-size: 18px;
	color:#000;
}
.menu-item a:hover{
	color:#4B001F;
}
label .menu {
    position: absolute;
    right: -100px;
    top: -100px;
    z-index: 100;
    width: 200px;
    height: 200px;
    background: #FFF;
    border-radius: 50%;
    transition: .5s ease-in-out;
    box-shadow: 0 0 0 0 #FFF, 0 0 0 0 #FFF;
    cursor: pointer;
  }

  label .hamburger {
    position: absolute;
    top: 135px;
    left: 50px;
    width: 30px;
    height: 2px;
    background: #69D2e7;
    display: block;
    transform-origin: center;
    transition: .5s ease-in-out;
  }

  label .hamburger:after,
  label .hamburger:before {
    transition: .5s ease-in-out;
    content: "";
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    background: #69d2e7;
  }

  label .hamburger:before {
    top: -10px;
  }

  label .hamburger:after {
    bottom: -10px;
  }

  label input {
    display: none;
  }

  label input:checked + .menu {
    box-shadow: 0 0 0 100vw #FFF, 0 0 0 100vh #FFF;
    border-radius: 0;
  }

  label input:checked + .menu .hamburger {
    transform: rotate(45deg);
  }

  label input:checked + .menu .hamburger:after {
    transform: rotate(90deg);
    bottom: 0;
  }

  label input:checked + .menu .hamburger:before {
    transform: rotate(90deg);
    top: 0;
  }

  label input:checked + .menu + ul {
    opacity: 1;
  }

  label ul {
    z-index: 200;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    opacity: 0;
    transition: .25s 0s ease-in-out;
    list-style: none;
    margin: 0;
    padding: 0;
    text-align: center;
  }

  label ul li {
    margin-bottom: 1em;
  }

  label a {
    color: #f38630;
    text-decoration: none;
    font-size: 1.5em;
  }
.navbar-toggler {
    border: none !important;

}

  /* -------------------- Responsive Styles -------------------- */

  /* Mobile (hamburger menu shown) */
  @media (max-width: 768px) {
    label .menu {
      display: block;
    }

    label ul {
      display: block;
    }
  }

  /* Desktop (always show menu, hide hamburger) */
  @media (min-width: 769px) {
    label .menu {
      display: none;
    }

    label input {
      display: none;
    }

    label ul {
      opacity: 1 !important;
      position: static;
      transform: none;
      display: flex;
      justify-content: center;
      gap: 2em;
      padding: 1em;
    }

    label ul li {
      margin: 0;
    }

  }
/* =============End Header CSS======= */

/* ========Home Hero Sec============= */
.hero-slider {
    position: relative;
    overflow: hidden;
	top:-87px;
	
  }
  
  .slider .slide {
    /* height: calc(100vh - 160px); */
    height: 1096px;
    background-size: cover;
    background-position: center;
    display: flex !important;
    align-items: center;
    justify-content: center;
    position: relative;
    color: #fff;
    padding-bottom: 60px;
  }
  
  .slider .slide::before {
    content: "";
    position: absolute;
    top: 0; left: 0; right: 0; bottom: 0;
    background: rgba(0,0,0,0.5); /* Optional overlay */
    z-index: 1;
  }
  

.content {
    position: relative; 
    z-index: 2;
    text-align: center;
	top:298px;
}

  
  .pre-heading {
    font-size: 1.2rem;
    text-transform: uppercase;
    letter-spacing: 2px;
    margin-bottom: 10px;
  }
  
  .heading {
    font-size: 3rem;
    margin-bottom: 20px;
  }
  
  .text {
    font-size: 1.1rem;
    margin-bottom: 30px;
  }
  
  .btn {
    display: inline-block;
    padding: 12px 30px;
    background: #ff5722;
    color: #fff;
    text-decoration: none;
    border-radius: 5px;
    font-weight: bold;
    transition: background 0.3s ease;
  }
  
  .btn:hover {
    background: #e64a19;
  }
  
.hero-slider .slick-dots {
    position: absolute;
    bottom: 20px;
}
.slick-dots li button:before{
    font-size: 12px;
    color: #c2bfba;
}
.slick-dots li.slick-active button:before{
    color: #ffffff;
}

.slick-dotted.slick-slider {
    margin-bottom: 0;
}
.banner-bottom-wrapper {
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
}
.hero-slider .slick-prev,
.hero-slider .slick-next {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

/* =========End Home Hero Sec========== */
/* ============Our Story Sec============ */

.our-story-wrapper {
    display: flex;
    justify-content: space-between;
    gap: 23px;
}
.about-left {
    padding-top: 67px;
    width: 53%;
}
.about-list {
    padding-left: 85px;
}
/* =============End Our Story Sec======== */

nav.navbar{
/*     background: #fcfcfc77; */
    z-index: 9;
	    padding: 0;
}
li.nav-item{
    padding: 0 30px;
}
a.nav-link {
    font-family: 'Proxima Nova';
    font-weight: 600;
    font-size: 18px;
}
span.admin-mail {
    font-size: 12px;
    font-weight: 400;
    color: #FCFCFC;
}
.top-bar{
    padding: 19px 0;
    background-color: #1F1F1F;
}
.logo{
    width: 70px;
    height: 70px;
}
a.btn.donate-btn {
    font-size: 17px;
    font-weight: 600;
    border-radius: 50px;
    padding: 15px 50px;
    background: #1F1F1F;
    color: white;
	line-height:20px;
}
a.btn.donate-btn:hover{
	color:#fcfcfc;
	background:#4B001F;
}


/* her section css  */

.slick-next {
/*     right: 25px !important; */
 right:50px !important;
}
.slick-prev {
/*     left: 25px !important; */
left: 50px !important;
    z-index: 999;
}
.slider-item-wrapper{
    max-width: 802px;
    padding: 47px 44px 30px;
    border-radius: 30px;
	background: rgba(255, 255, 255, 0.3);
    backdrop-filter: blur(2px);
	border:1px solid #1F1F1F;
}
.slider-item-wrapper h3{
    font-size: 20px;
/*     font-weight: 900; */
font-weight: bold;
    line-height: 20px;
    color:#1F1F1F;
    letter-spacing: 2px;
}
.slider-item-wrapper h1{
    font-size: 50px;
    font-weight: 600;
    line-height: auto;
    color:#1F1F1F;
    padding-bottom: 8px;
}

.slider-item-wrapper p{
    font-size: 18px;
    font-weight: 400;
    line-height: 30px;
    color:#1F1F1F;;
	margin-bottom:0px;
}
.submit-pic-btn{
    padding: 49px 0 30px;
}
.submit-pic-btn a{
    color: #FCFCFC;
    background-color: #4B001F;
    padding: 17px 40px;
    font-size: 20px;
    font-weight: 400;
    text-decoration: none;
    border-radius: 50px;
	border:1px solid #1F1F1F;
}
.submit-pic-btn a:hover{
	background-color: #1F1F1F;
}

/* stats section css */
.stats-section {
    padding: 55px 0;
    background-color: #1F1F1F;
  }
  .stat-item {
    text-align: center;
    padding: 0 20px;
  }
  .stat-item h2 {
    font-size: 50px;
    font-weight: bold;
    margin-bottom: 10px;
    color: #FCFCFC;
  }
  .counter-wrapper p {
    margin: 0;
    font-size: 18px;
    color: #ccc;
	  text-align:center;
  }
  .divider {
    width: 1px;
    background-color: #444;
    height: 80px;
    margin: auto;
  }


.counters {
  display: flex;
    padding: 55px 0;
    background-color: #1F1F1F;
	justify-content: center;
    align-items: center;
    color: white;
	margin-top: -87px;
}

.counter {
  line-height: 1;
  position: relative;
  display: flex;
  overflow: hidden;
	    color: #FCFCFC;
  align-items: center;
  height: 4.125rem; /* rem(50px) */
      font-size: 50px;
  margin: 0 1.25rem ; /* rem(20px) */
 font-weight: bold;
}

.counter > span {
  z-index: 1;
  display: flex;
  flex-direction: column;
  height: 100%;
  transition: transform 2s ease;
  transform: translateY(0);
  line-height: 1;
}

.counter > span span {
  flex: 0 0 100%;
  height: 100%;
}

/* Transition Delays Based on Index (up to 20 counters) */
.counter:nth-child(1) > span { transition-delay: 0s; }
.counter:nth-child(2) > span { transition-delay: 0.375s; }
.counter:nth-child(3) > span { transition-delay: 0.75s; }
.counter:nth-child(4) > span { transition-delay: 1.125s; }
.counter:nth-child(5) > span { transition-delay: 1.5s; }
.counter:nth-child(6) > span { transition-delay: 1.875s; }
.counter:nth-child(7) > span { transition-delay: 2.25s; }
.counter:nth-child(8) > span { transition-delay: 2.625s; }
.counter:nth-child(9) > span { transition-delay: 3s; }
.counter:nth-child(10) > span { transition-delay: 3.375s; }
.counter:nth-child(11) > span { transition-delay: 3.75s; }
.counter:nth-child(12) > span { transition-delay: 4.125s; }
.counter:nth-child(13) > span { transition-delay: 4.5s; }
.counter:nth-child(14) > span { transition-delay: 4.875s; }
.counter:nth-child(15) > span { transition-delay: 5.25s; }
.counter:nth-child(16) > span { transition-delay: 5.625s; }
.counter:nth-child(17) > span { transition-delay: 6s; }
.counter:nth-child(18) > span { transition-delay: 6.375s; }
.counter:nth-child(19) > span { transition-delay: 6.75s; }
.counter:nth-child(20) > span { transition-delay: 7.125s; }





@keyframes fadeInUp {
  0% {
    opacity: 0;
    transform: translateY(20px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

.animate-fade {
  animation: fadeInUp 0.8s ease-out forwards;
}


.heading.visible {
  opacity: 1;
}


.floating-bubble {
  position: absolute;
  bottom: 80px;
  right: 20%;
  width: 60px;
  height: 60px;
  background: rgba(255, 255, 255, 0.1);
  border-radius: 50%;
  z-index: 10;
  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);
  animation: float 3s ease-in-out infinite;
}

@keyframes float {
  0%, 100% {
    transform: translateY(0px);
  }
  50% {
    transform: translateY(-15px);
  }
}






















.about-us-section{
	position: relative;
}
.about-us-section::before {
    content: "";
    display: block;
    background-image: url('https://obaidworkspace.com/a3_alliance/wp-content/uploads/2025/05/Graduation-cap.png'); /* Replace with your actual image URL */
    background-size: contain;
    background-position: center;
   position: absolute;
    background-repeat: no-repeat;
    top: -17px;
    left: 0;
    width: 200px;
    height: 200px;
    z-index: 14;
    opacity: 1;
}

  .about-section {
    padding: 80px 0;
  }
  .images-stack img {
    border-radius: 8px;
    object-fit: cover;
    width: 100%;
    height: auto;
  }

.about-header{
    font-size: 24px;
    font-weight: 400;
    color: #4B001F;
    line-height: 20px;
}
.about-title{
    font-size: 50px;
    font-weight: 700;
    color: #1F1F1F;
    padding-bottom: 53px;
}
.about-text{
    font-size: 20px;
    line-height: 40px;
    color: #1F1F1F;
    font-weight: 400;
}
.about-list li{
    font-size: 20px;
    line-height: 40px;
    color: #1F1F1F;
    font-weight: 400;
    list-style: disc;
}



.cts-section{
    padding: 80px 132px;
    text-align: center;
	background-color: #4B001F !important;
}
.cta-title {
    max-width: 900px;
    font-size: 64px;
    color: #FCFCFC;
    font-weight: 700;
    padding-bottom: 33px;
    margin: 0 auto;
}

.donate-btn2{
    padding:15px 80px;
    border: 1px solid #FCFCFC;
    background-color: transparent;
    font-size: 20px;
    font-weight: 400;
    color: white;
    border-radius: 50px;
		line-height: 22px;
}

/* registration-section */
.registration-section{
/*     padding:100px 0 100px; */
padding: 187px 188px 213px 188px;

}

.registration-section h3{
    font-size: 24px;
    color: #DBDBDB;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: 2px;
}

.registration-section h2{
    font-size:50px;
    font-weight: 700;
    color: #FCFCFC;
    padding-bottom: 32px;
}
.registration-section p{
    font-size: 24px;
    color: #DBDBDB;
    font-weight: 400;
    line-height: 40px;
    padding-bottom: 89px;
        margin: 0 auto;
}
.register-btn{
     padding:15px 60px;
    background: white;
    text-decoration: none;
    color: black;
    font-size: 20px;
    font-weight: 400;
    border-radius: 50px;
	line-height: 22px;
}

.register-btn:hover{
	background: #4B001F;
	 color: #FCFCFC;
}


.update-text{
    font-size: 24px;
    font-weight: 400;
    color: #4B001F;
    line-height: 20px;
}

.news-section-title{
    font-size: 50px;
    font-weight: 700;
    color: #1F1F1F;
    padding-bottom: 40px;
}

.view-all-btn{
    font-size: 16px;
    font-weight: 400;
    color: #1F1F1F;
    line-height: 20px;
}

.category-badge{
    font-size: 16px;
    font-weight: 400;
    letter-spacing: 1px;
    color: #FCFCFC;
    padding:3px 15px;
    background-color: #1F1F1F;
    border-radius: 50px;
}

.news-title{
    font-size: 20px;
    font-weight: 700;
    color: #1F1F1F;
    line-height: 27px;
    padding:15px 0 8px;
}
.news-description{
    font-size: 20px;
    letter-spacing: 1px;
    font-weight: 400;
    color: #1F1F1F;
    line-height: 30px;
}
.read-more-btn{
    font-size: 16px;
    font-weight: 400;
    color: #4B001F;
    line-height: 10px;
    letter-spacing: 2px;
}
.latest-news-sec {
    padding: 85px 0;
}
a.category-link {
    color: white;
}





.footer-wrapper {
    display: flex;
   justify-content: space-between; 
	padding: 77px 0 60px;
}
.footer-logo{
    width: 40%;
    display: flex;
   align-items: flex-start;
   gap: 20px;
/*  padding-right: 30px; */
}
.ft-nav{
    width: 20%;
	padding-left:30px;
}
.latest-news-heading {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.news-wrapper{
    display: flex;
    align-items: center;
    gap: 40px;
    background-color: #ececec;
    padding:19px 40px 19px 18px; 
    border-radius: 26px;
    position: relative;
    margin-bottom: 20px;
}
.news-item-img{
    width: 30%;
}
.news-item-content {
    width: 69%;
}
.news-item-img img{
    width: 100%;
}
.news-date{
    position: absolute;
    right: 40px;
    font-size: 16px;
    font-weight: 400;
    color: #1f1f1f48;
    top: 40px;
}



.bottom-footer{
    background-color: #4B001F;
    padding:20px 0;
}

.footer-logo-section{
    gap:14px;
}

.footer-logo-section p{
   font-size: 16px;
   font-weight: 400;
   line-height: 30px;
}  
.quick-links li{
    padding: 5px 0;
}
.quick-links h6{
    font-size: 18px;
}
.more-info li{
    padding: 5px 0;
}
.more-info h6{
    font-size: 18px;
}
.contact-us-col p a{
color: #4B001F;
}
.contact-us-col h6{
    font-size: 18px;
}
.logo-footer img{
    width: 540px;
}
.footer-logo-section p{
    padding-right: 40px;
}
.footer-logo p{
	    line-height: 34px;
}


/* ===========Post Detail sce============== */
.news-back-btn{
/* 	padding-top:60px; */
}
img{
    max-width: 100%;
}
.post-banner-sec {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    background-repeat: no-repeat;
	padding:59px;

} 
.post-main-content {
    padding: 85px 0;
}
.post-banner-sec h1{
    font-family: 'Proxima Nova';
    font-size: 50px;
    font-weight: 700;
    color: #FCFCFC;
    text-align: center;
	    padding: 130px 0 130px;
}
.post-title h2 {
    font-family: 'Proxima Nova';
    font-size: 32px;
    font-weight: 700;
    color: #1F1F1F;
    padding-bottom: 30px;
    text-align: left;
}
.category-tag span { 
    font-family: 'Proxima Nova';
    font-size: 14px;
    background: #4B001F;
    color: #fff;
    padding: 4px 16px;
    border-radius: 32px;
}
.post-title h2 {
    font-family: 'Proxima Nova';
    font-weight: 700;
    font-size: 32px;
    color: #1F1F1F;
    padding-top: 8px;
    padding-bottom: 25px;
    text-align: left;
}
.post-sidebar-wrapper h3 {
    font-family: 'Proxima Nova';
    font-weight: 600;
    font-size: 24px;
    color: #1F1F1F;
    margin-bottom: 25px;
    text-align: left;
}
.sidbar-title h3 {
    font-family: 'Proxima Nova';
    font-weight: 600;
    font-size: 20px;
    color: #1F1F1F;
    padding: 10px 0;
    text-align: left; 
    margin: 0;
}
.sidbar-exceprt p {
    font-family: 'Proxima Nova';
    font-weight: 400;
    font-size: 18px;
    line-height: 26px;
    color: #1F1F1F;
    margin: 0;
}
.post-date span {
    font-family: 'Proxima Nova';
    font-size: 14px;
    background: #e5e5e5;
    color: #828282;
    padding: 4px 16px;
    border-radius: 32px;
}
.pr-77 {
    padding-right: 77px;
}
.post-content-wrap {
    padding: 45px 0;
}
.post-content-wrap p {
    font-family: 'Proxima Nova';
    font-size: 24px;
    color: #1F1F1F;
    margin-bottom: 55px;
}
.image-with-caption {
    margin-bottom: 40px;
}
.image-with-caption img {
    width: 100%;
}
.image-with-caption span {
    font-family: 'Proxima Nova';
    font-size: 16px;
    color: #1F1F1F;
    font-style: italic;
}
.post-sidebar-wrapper {
    padding-top: 40px;
}
.news-img{
    margin-bottom: 23px;
}
.sidbar-card {
    background: #f1f1f1;
    padding: 22px;
    border-radius: 12px;
    margin-bottom: 18px;
}
.reommended-catagories-list{
    padding-top: 45px;
}
.catagories-tag-list {
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 0;
    margin: 0;

}
.catagories-tag-list li a{
    font-family: 'Proxima Nova';
    font-size: 16px;
    text-decoration: none;
    color: #1F1F1F;
    padding: 6px 16px;
    background: #e5e5e5;
    margin-bottom: 20px;
    display: inline-block;
    border-radius: 18px;
}




.event-listing {
    padding-top: 65px;
}
  .events-wrapper .nav-tabs {
    border: none;
    gap: 60px;
  }
 
.events-wrapper .nav-link {
    font-size: 20px;
    color: #4B001F !important;
    position: relative;
    background: none;
    border: none;
    padding-bottom: 20px; /* Add some space for the pseudo-border */
    padding: 8px 0;
  }
  
  .events-wrapper .nav-link.active::after {
    content: '';
    position: absolute;
    bottom: -8px;
    left: 0;
    height: 6px;
    background-color: #4B001F;
    width: 100%;
    border-radius: 100px;
  }
  .events-wrapper .tab-content {
    padding: 65px 0;
  }
.events-wrapper p{
   font-size: 20px;
   color: #1F1F1F;
   margin-bottom: 35px;
}
.events-wrapper p a{
  font-weight: 600;
  color: #4B001F;
  text-decoration: none;
}
 .event-card-wrapper {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 33px;
}
.event-card-wrap {
    background: #f1f1f1;
    padding: 35px 28px;
    border-radius: 18px;
    width: 48.5%;
}
.event-featured-image img{
    width: 100%;.post-banner-sec
}
.event-card-heading {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 35px;
}
.event-card-heading .post-date span{
    background: #1f1f1f;
    color: #FCFCFC;
}
.event-exceprt p{
    margin: 15px 0 30px 0;
}
.join-event-btn-wrap {
 text-align: center;
}
.donate-btn2:hover {
    border: 1px solid #FCFCFC;
    color: #1F1F1F;
	background:#eee;
}
.join-event-btn-wrap a {
    font-weight: 600;
    font-size: 16px;
    padding: 12px;
    display: inline-block;
    width: 86%;
    border-radius: 29px;
    background: #4b001f;
    color: #FCFCFC;
    text-align: center;
    text-decoration: none;
}



.donate-banner-sec{
/* 	padding:191px 0 131px; */
padding: 191px 262px 113px 262px;

}
.donate-title{
	padding:0 0 !important;
}
.donate-banner-sec h1 {
    padding-top: 65px;
} 
.donate-content-sec {
/*     padding: 75px 0; */
padding-top: 217px;
padding-bottom: 145px;
padding-left:92px;
padding-right:108px;
	

}
.donate-content-sec p{
    font-size: 24px;
    line-height: 40px;
    color: #1F1F1F;
}
.donate-content-sec p a{
    text-decoration: none;
}
.donate-btn-wrap p{
    font-size: 20px;
    line-height: 30px;
    color: #1F1F1F;
    font-style: italic;
}

.donate-btn-wrap{
    text-align: center;
    padding-top: 45px;
}

.donate-btn-wrap a {
  font-size: 20px;
  color: #FCFCFC;
  background: #4B001F;
  padding: 16px 96px;
  border-radius: 100px;
  text-decoration: none;
  display: inline-block;
  margin-bottom: 28px;
}
.donate-btn-wrap a:hover{
  background: #1F1F1F;
}
.footer-nav{
	padding-left: 0rem;
	color:#212529;
}

.footer-nav .menu-item a {
    font-family: 'Proxima Nova';
    font-weight: 400;
    font-size: 18px;
    color:#212529;
}



.form-banner{
	background:#4B001F;
	padding:59px 0 99px;
/* 	padding:99px 45px; */
}

.form-banner-title h2{
	font-size:64px;
    font-weight: bold;
    color: white;
    text-align: center;
    line-height: 74px;
	
/* 	padding-top: 40px; */
}

.back-btn a{
	    font-size: 16px;
    color: white;
    font-weight: 400;
}
.my-form-wrapper{
	padding-bottom:200px;
}
.my-form-wrapper h3{
	padding:116px 0;
}


/* Form Css  */
.forminator-input{
    border-radius: 50px !important;
    /* border: none; */
    background: #EEEEEE;
    padding:23px 27px  !important;
    font-size: 18px ! IMPORTANT;
    font-weight: 400 !IMPORTANT;
    color: #1F1F1F;
    border: 1px solid #EEEEEE;
}

.forminator-ui#forminator-module-113.forminator-design--default .forminator-label {
    font-size: 20px !important;
    font-family: inherit;
    font-weight: 600 !important;
    color: #1F1F1F !important;
    padding-bottom: 14px ! IMPORTANT;
}

 .forminator-button-submit {
    width: 100% !important;
    padding:33.5px !important;
    border-radius: 50px !important;
    color: #FCFCFC;
    background: #4B001F;
    font-size: 20px !important;
    font-weight: 500 !important;
    text-transform: uppercase;
	    margin-top: 20px !important;
}

.event-regsiter{
	padding:90px 0;
}

 .forminator-label{
	  font-size: 20px !important;
    font-family: inherit;
    font-weight: 600 !important;
    color: #1F1F1F !important;
    padding-bottom: 14px ! IMPORTANT;
}
.forminator-ui#forminator-module-143.forminator-design--default .forminator-button-submit{
	    width: 100%;
    padding:15px;
    border-radius: 20px;
    color: #FCFCFC;
    background: #4B001F;
    font-size: 20px !important;
    font-weight: 500 !important;
    text-transform: uppercase;
	    margin-top: 20px;
}
.event-register-wraper{
	padding-top:150px;
}
.forminator-ui#forminator-module-143.forminator-design--default .forminator-select2 + .forminator-select .selection .select2-selection--single[role="combobox"] {
    border-color: #777771;
    background-color: #EEEEEE;
    padding: 9px 27px;
    border-radius: 50px;
    border: none;
}

.forminator-select.forminator-select-dropdown-container--open .forminator-select-dropdown .select2-results .select2-results__options {
    max-height: 100% ! IMPORTANT;
    border: none;
    border-radius: 12px;
    overflow: visible ! IMPORTANT;
    background: #fcfcfc;
}

.forminator-select.forminator-select-dropdown-container--open .forminator-select-dropdown.forminator-dropdown--default {
    border-width: 0px !important;
    background: #fcfcfc;
}

.forminator-select-dropdown-container--open .forminator-custom-form-143.forminator-dropdown--default .select2-results .select2-results__options .select2-results__option.select2-results__option--selected, .forminator-select-dropdown-container--open .forminator-custom-form-143.forminator-dropdown--default .select2-results .select2-results__options .select2-results__option.select2-results__option--selected span:not(.forminator-checkbox-box) {
    background-color: #4B001F !important;
    color: #FFFFFF;
}
.select2-results__option:hover{
	background-color: #4B001F !important;
    color: #FFFFFF !important;
}

.forminator-ui.forminator-custom-form:not(.forminator-size--small)[data-grid=open] .forminator-row-inside:not(:last-child), .forminator-ui.forminator-custom-form:not(.forminator-size--small)[data-grid=open] .forminator-row:not(:last-child) {
        margin-bottom: 40px !important;
    }


.navbar-collapse .menu-item {
    padding: 30px 30px;
}

.submit-container{
	max-width:736px;
	margin:0 auto;
}
.submit-section{
	padding-top:137px;
}

.pagination {
  display: flex;
  justify-content: center;
  gap: 10px;
  margin: 40px 0;
}

.pagination a,
.pagination span {
  display: inline-block;
  padding: 8px 14px;
  border: 1px solid #ccc;
  border-radius: 4px;
  text-decoration: none;
  color: #333;
  font-weight: 500;
  transition: all 0.3s ease;
}

.pagination a:hover {
  background-color: #f0f0f0;
  border-color: #999;
}

.pagination .current {
  background-color: #333;
  color: #fff;
  border-color: #333;
}

.news-img img{
	height:auto !important;
}
.single-news-title{
	font-size:32px;
}
.select2-selection__placeholder{
color:#B0B0B0;

}
.forminator-input::placeholder{
	color:#B0B0B0 !important;
  font-weight: 400 !important;
}
.forminator-select.forminator-select-dropdown-container--open .forminator-select-dropdown.forminator-dropdown--default {
    border-width: 1px;
    height: 310px !important;
    overflow-y: scroll !important;
    overflow-x: hidden !important;
}

.forminator-ui#forminator-module-153.forminator-design--default .forminator-select2 + .forminator-select .selection .select2-selection--single[role="combobox"] {
    border-color: #77777100 !important;
    background-color: #fcfcfc;
    border-radius: 20px;
    padding: 15px 27px;
}

.forminator-ui.forminator-custom-form[data-design=default] .forminator-multi-upload {
    padding: 29px 0 100px !important;
	background: #EEEEEE;
	border-radius:20px !important;
}

.forminator-field{
	position:relative;
}
.forminator-description {
position: relative;
	    left: 31%;
    margin-top: -67px !important;
    text-align: center;
    font-size: 18px !important;
	max-width: 279px;
}
.forminator-ui#forminator-module-153.forminator-design--default .forminator-multi-upload .forminator-multi-upload-message p {
    font-size: 18px !important;
}

.forminator-ui.forminator-custom-form[data-design=default] .forminator-uploaded-file:last-child {
    margin-bottom: 0;
    padding: 15px 27px;
    background: #EEE;
    border-radius: 20px;
    margin-top: 31px;
}


.forminator-ui#forminator-module-113.forminator-design--default .forminator-select2 + .forminator-select .selection .select2-selection--single[role="combobox"] {
    border-color: #eee !important;
    background-color: #eee;
    padding: 8px 27px;
    border-radius: 50px;
    color: #919191;
}
.forminator-ui#forminator-module-113.forminator-design--default .forminator-response-message.forminator-success {
    background-color: #4B001F !important;
    color: white ! IMPORTANT;
    font-size: 18px;
}

.forminator-ui#forminator-module-113.forminator-design--default .forminator-response-message.forminator-success, .forminator-ui#forminator-module-113.forminator-design--default .forminator-response-message.forminator-success p {
     background-color: #4B001F !important;
    color: white ! IMPORTANT;
    font-size: 18px;
}

footer.footer {
    border-top: 1px solid #d9d9d9;
}

.page-template-Login-php .forminator-description {
    position: relative;
    left: 0;
    margin-top: 20px !important;
    text-align: left;
    font-size: 18px !important;
    max-width: 100%;
}

@media (max-width: 1100px) {
    .about-section {
        padding: 80px 20px;
    }
    .navbar-collapse {
        flex-basis: 100%;
        flex-grow: 1;
        align-items: center;
        position: absolute;
        top: 100%;
        background: white;
        width: 100%;
        left: 0;
    }
    button.navbar-toggler.collapsed {
        border: none;
    }
    button:focus:not(:focus-visible) {
        outline: 0;
        border: none;
        box-shadow: none;
    }
}
@media (max-width: 767px) {
    .news-wrapper{
        flex-direction: column;
    }
    .news-date {
        top: 225px;
    }
    .footer-logo-section p {
        padding-top: 0px;
        padding-right: 0px;
        text-align: left;
    }
    .cta-tilte {
        font-size: 46px;
    }

    .news-section-title {
        font-size: 46px;
        padding-bottom: 20px;
    }
    .registration-section h2 {
        font-size: 46px;
    }
    .about-title {
        font-size: 47px;
    }

    .slider-items {
        padding-top: 200px;
        padding-bottom: 67px;
    }

    .about-section {
        padding: 0px 20px 20px;
		        z-index: 22;
        position: relative;
    } 

.about-left {
    width: 100%;
}
.our-story-wrapper {
    flex-wrap: wrap;
}
.news-item-img {
    width: 100%;
}
.footer-wrapper {
    flex-wrap: wrap;
}
.footer-logo {
    width: 100%;
     padding-right: 10px;
}
.cta-title {
    font-size: 46px;
}
	
.event-card-wrap {
    width: 100%;
}	
	
	.counters {
    flex-wrap: wrap;
}
	
.counter-wrapper {
    padding: 10px 0 15px;
}	
	.footer-wrapper::before{
		display:none;
	}

	.registration-section{
		padding: 40px;
	}	
	
	
	
	
	
	
}
@media (max-width: 768px){
	.footer-wrapper::before{
		display:none;
	}

	.registration-section{
		padding: 40px;
	}	
}
@media (max-width: 467px) {
    .ft-nav {
    width: 100%;
    padding-bottom: 16px;
}
    .forminator-description {
		left: 19%;
	}
	.news-item-content {
    width: 100%;
}
	.news-date {
        top: 224px;
		   right: 20px;
    font-size: 13px;
    }
.cts-section {
    padding: 40px;
}
.about-list {
    padding-left: 20px;
}
.about-text {
    font-size: 18px;
    line-height: 30px;
}	
.about-list li {
    font-size: 18px;
    line-height: 30px;
}	
	.registration-section{
padding:40px;
	}
.registration-section p {
    font-size: 18px;
    line-height: 30px;
    padding-bottom: 48px;
}	
.news-description {
    font-size: 18px;
}	
	
	.quick-links h6 {
    text-align: center;
}
	.quick-links li {
    text-align: center;
}
	.more-info h6 {
    text-align: center;
}
	.more-info li {
    text-align: center;
}
	.contact-us-col h6 {
    font-size: 18px;
    text-align: center;
}
	.contact-us-col p{
		 text-align: center;
	}
	.contact-us-col{
		 text-align: center;
	}
.footer-logo p {
    line-height: 29px;
}
	.form-banner{
		padding: 50px 0px;
	}
	.donate-banner-sec{
		padding:20px;
	}
	.donate-content-sec{
		padding:20px;
	}
	.footer-wrapper::before{
		display:none;
	}
	.registration-bannerz::after{
		display:none;
	}
	.post-banner-sec h1{
		padding:20px;
	}
	.post-banner-sec{
		padding: 50px 0px;
	}
}
/* register overlay background image */
	
.registration-bannerz {
  position: relative;
  overflow: hidden;
}
.registration-bannerz::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 16%;
  height: 100%;
  background: url('https://a3alliance.org/wp-content/uploads/2025/08/Graduation-cap.png') 
              no-repeat center right;
  background-size: contain;
  pointer-events: none;     
}

.form-page-wrapper {
  position: relative;
  z-index: 1;
}
.forminator-ui#forminator-module-153.forminator-design--default .forminator-multi-upload .forminator-multi-upload-message p a{
color: #4B001F !important;
}

.footer-wrapper {
    position: relative;
    padding: 20px;
}

/* Overlay Image via CSS */
.footer-wrapper::before {
    content: "";
    position: absolute;
   bottom: -44px;
    left: 284px;
    width: 150px;
    height: 150px; 
    background-image: url("https://a3alliance.org/wp-content/uploads/2025/08/image.png");
    background-size: contain;
    background-repeat: no-repeat;
    opacity: 0.8;
    pointer-events: none; 
}