@import url('../fonts/fontawesome-webfont.woff');

@font-face {
  font-family: 'FontAwesome';
  src: url('../fonts/fontawesome-webfont.ttf') format('ttf'),
    url('../fonts/fontawesome-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Radley-Regular';
  src: url('../fonts/Radley-Regular.ttf');
}

@font-face {
  font-family: 'Raleway-Regular';
  src: url('../fonts/Raleway-Regular.ttf');
}

@font-face {
  font-family: 'Raleway-Medium';
  src: url('../fonts/Raleway-Medium.ttf');
}

@font-face {
  font-family: 'Raleway-SemiBold';
  src: url('../fonts/Raleway-SemiBold.ttf');
}

@font-face {
  font-family: 'Raleway-Bold';
  src: url('../fonts/Raleway-Bold.ttf');
}

@font-face {
  font-family: 'Raleway-SemiBoldItalic';
  src: url('../fonts/Raleway-SemiBoldItalic.ttf');
}

@font-face {
  font-family: 'Raleway-Black';
  src: url('../fonts/Raleway-Black.ttf');
}

@font-face {
  font-family: 'Radley-Regular';
  src: url('../fonts/Radley-Regular.ttf');
}

@font-face {
  font-family: 'Raleway-Regular';
  src: url('../fonts/Raleway-Regular.ttf');
}

@font-face {
  font-family: 'Raleway-Medium';
  src: url('../fonts/Raleway-Medium.ttf');
}

@font-face {
  font-family: 'Raleway-SemiBold';
  src: url('../fonts/Raleway-SemiBold.ttf');
}

@font-face {
  font-family: 'Raleway-Bold';
  src: url('../fonts/Raleway-Bold.ttf');
}

@font-face {
  font-family: 'Raleway-SemiBoldItalic';
  src: url('../fonts/Raleway-SemiBoldItalic.ttf');
}

@font-face {
  font-family: 'Raleway-Black';
  src: url('../fonts/Raleway-Black.ttf');
}

/* Responsive image visibility if using different classes */
.deskTopImg {
    display: none;
}

.mobImg {
    display: block;
}

@media (min-width: 768px) {
    .deskTopImg {
        display: block;
    }

    .mobImg {
        display: none;
    }
}

/* Banner Content Styling (optional, for accessibility & visibility) */
.banner-content {
    position: absolute;
    top: 50%;
    left: 10%;
    transform: translate(-50px, -50px);
    color: white;
    padding: 1rem;
    border-radius: 8px;
}


.static-events .sliderContainer {
    /*background: #f0f8ff;*/
    padding: 1rem;
    border-radius: 8px;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.1);
}


/* Base Color Code */
:root {
  --color-white: #FFFFFF;
  --color-yellow: #FCD757;
  --color-blue: #312275;
  --yellow-bg: #FCD757;
  --lightBlue-bg: #EFF7FF;
}

* {
  box-sizing: border-box;
}

html {
  --scrollbarBG: var(--yellow-bg);
  --thumbBG: var(--color-blue)
}

body {
  padding: 0 !important;
  border: none !important;
  scrollbar-width: thin;
  scrollbar-color: var(--thumbBG) var(--scrollbarBG);
}

body::-webkit-scrollbar-track {
  background: var(--scrollbarBG);
}

body::-webkit-scrollbar-thumb {
  background-color: var(--thumbBG);
  border-radius: 9px;
  border: 3px solid var(--scrollbarBG);
}

html {
  background: lightgrey;
  overflow: hidden;
}

body {
  margin: 0;
  padding: 0;
  height: 100vh;
  overflow-y: auto;
  border: 1px solid rgba(0, 0, 0, 0.25);
}

p {
  font-family: 'Radley-Regular'!important;
}


.p_4 {
  padding: 4px !important;
}

.pr-15 {
  padding-right: 15px;
}

.pl-15 {
  padding-left: 15px;
}

.p-10 {
  padding: 10px !important;
}

.prl-12 {
  padding-left: 12px !important;
  padding-right: 12px !important;
}

.p-15 {
  padding: 15px !important;
}

.p-20 {
  padding: 20px !important;
}

.p-25 {
  padding: 25px;
}

.ptb_25 {
  padding-top: 25px;
  padding-bottom: 25px;
}

.ptb-30 {
  padding-top: 30px;
  padding-bottom: 30px;
}

.pt-30 {
  padding-top: 30px;
}

.ptb_60{
  padding-top: 60px!important;
  padding-bottom: 60px!important;
}
.donate-ptb{
  margin-top: 60px!important;
}

.p-50 {
  padding: 50px;
}

.mb_16 {
  margin-bottom: 16px !important;
}

.mb_30 {
  margin-bottom: 30px !important;
}

.mr-30 {
  margin-right: 30px;
}

.mt_30 {
  margin-top: 30px !important;
}

.mt_50 {
  margin-top: 50px !important;
}

.mt_100 {
  margin-top: 100px;
}

.mtb_50 {
  margin-top: 50px;
  margin-bottom: 50px;
}

.pt_50 {
  padding-top: 50px;
}

.pt_30 {
  padding-top: 30px;
}

a {
  text-decoration: none !important;
}

ul {
  padding: 0 !important;
}

ul li {
  list-style: none;
}

.p_relativer {
  position: relative;
}

.item_center {
  display: flex;
  align-items: center;
  justify-content: center;
}

.item_spc_btw {
  display: flex;
  align-items: center;
  justify-content: space-evenly;
}

.item_spc_evenly {
  display: flex;
  align-items: center;
  justify-content: space-evenly;
}

.justify_center {
  display: flex;
  justify-content: center;
}

.align_item_center {
  display: flex;
  align-items: center;
}

.justify_end {
  display: flex;
  align-items: center;
  justify-content: end;
}

.item_stretch {
  display: flex;
  align-items: stretch;
}

.direction-center {
  display: flex;
  flex-direction: column;
  justify-content:center!important;
  padding-left: 20px;
}

.mobImg {
  display: none;
}

.container-space {
  padding-right: 80px;
  padding-left: 80px;
   
}


.text-morelink:hover {
  color: #7cab87 !important;
}

.select-dropdown select {
  --moz-font-family: 'Noto Sans' !important;
}

main footer,
header {
  max-width: 1920px;
  margin: auto;
  left: 0;
  right: 0;
}

header {
  position: relative;
  width: 100%;
  top: 0;
  z-index: 9999;
}

.top_header {
  display: flex;
  height: 79px;
  padding-top: 10px;
  padding-bottom: 10px;
  background-color: var(--color-blue);
}

.top_header-nav {
  display: flex;
  margin-left: auto;
  justify-content: space-between;
}

.top_header-headerTitle {
  display: flex;
  align-items: center;
  text-align: center;
}

.top_header-headerTitle h1 {
  color: #FFF;
  font-size: 22px;
  margin-left: 64px;
  font-family: 'Radley-Regular';
}

.top_header-headerNav-list {
  width: 25%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.top_header-headerNav-list a {
  /* font-size: 16px; */
  font-size: 13px;
  padding: 9px 10px;
  margin-left: 5px;
  border-radius: 5px;
  border: none;
  max-width: 45%;
  text-align: center;
  width: 100%;
  font-family: 'Radley-Regular';
  color: var(--color-blue);
  background-color: var(--yellow-bg);
}

.top_header button:hover {
  color: #000000 !important;
}

.right_border {
  border-right: 1px solid #fff;
}

.left_border {
  border-left: 1px solid #fff;
}

.menu_items {
  justify-content: end;
}

.container_space {
  margin: 0 100px;
}

.flex-end {
  display: flex;
  justify-content: end;
}

/* ======================= Top Header Section End ================== */

/* ======================= NavBar Section Start ==================== */
.navbar {
  height: 80px;
  background-color: var(--yellow-bg);
}

.logo {
  position: absolute;
  top: -40px;
}

.logo .navbar-brand {
  margin: 0;
  padding: 0;
}

.nav_list {
  color: var(--color-blue);
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
  font-family: 'Raleway-SemiBold';
}

.nav_list {
  padding: 8px 15px;
  border-radius: 4px;
}

.nav_list:hover {
  color: #FFF !important;
  font-weight: medium;
  background-color: var(--color-blue);
}

.nav_list .fa {
  color: var(--color-blue);
}

.nav_list:hover .fa {
  color: var(--color-white);
}

.active_menu {
  padding: 8px 15px;
  font-weight: medium;
  color: #FFF !important;
  background-color: #AFA2FF;
}

.dropdown-menu {
  border: none;
  background-color: transparent;
}

.nav-item {
  padding: 20px 0;
  display: flex;
  align-items: center;
}

.headerInfo {
  display: flex;
  justify-content: center;
  flex-direction: column;
  padding: 10px 0 !important;
}

.headerInfo:hover a {
  color: var(--color-blue) !important;
  background-color: transparent !important;
}

.headerInfo a {
  font-size: 16px;
  padding: 0px;
  line-height: 24px;
  font-family: 'Raleway-Regular';
}

.dropdown-item {
  color: #282828;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 27px;
  transition: padding 0.3s;
  white-space: normal !important;
  font-family: 'Raleway-Regular';
}

.dropdown-item:hover {
  color: #C68D4A !important;
  font-weight: 600;
}

.dropdown-item:focus,
.dropdown-item:hover {
  color: #C68D4A !important;
  background-color: #fff !important;
  padding-left: 15px !important;
}

.dropdown-toggle::after,
.dropdown-toggle::after {
  display: none !important;
}

.mobile_nav {
  display: none;
}

/* ======================= NavBar Section End ================== */

/* ==================================== Home Page Start ================================== */
main {
  margin: auto;
  max-width: 1920px;
}

/* Hero Banner Section */
/*.bannerSliderContainer {*/
/*  position: relative;*/
/*  text-align: center;*/
/*}*/

/*.banner-content {*/
/*  position: absolute;*/
/*  top: 50%;*/
/*  left: 50%;*/
  
/*  text-align: center;*/
/*  width: 100%;*/
/*}*/
.events{
    background-color:#312275;
    padding-bottom:80px!important;
}
.events p{
    line-height: 40px; 
    font-size: 22px !important; 
    color:#FFFFFF!important;
    padding-left:90px; 
    padding-right:90px; 
}

.events h2{
    font-family: 'Raleway-Bold';
    color:#FCD757;
    font-size:40px;
        padding-top:10px;
}
.events h5{
    color:#FCD757;
    font-size:28px!important;
    font-family: 'Raleway-SemiBold'!important;

}
.banner-content h1 {
  color: var(--color-white);
  font-size: 32px;
  font-family: 'Raleway-Black';
}

  .btn-volunteer {
      background-color: #472F92;
      color: #fff;
      border: none;
      padding: 10px 20px;
      border-radius: 5px;
    }
    .btn-volunteer:focus {
      outline: 2px dashed #000;
      outline-offset: 2px;
    }
    .section-bg {
      background-color: #fff;
      padding: 40px 0;
    }
    .volunteer-img {
      border-radius: 10px;
    }
.section-bg h2{
    color:#312275;
     font-family: 'Raleway-Bold'!important;
     font-size:40px;
}
.section-bg p{
    color:#000000!important;
    font-family: 'Raleway-Medium'!important;
    font-size:22px;
}
.center{
    display: flex;
    flex-direction: column;
    justify-content: center !important;
    align-items: center;
    text-align:center;
}

.rale_medium p{
    font-size:14px!important;
    font-family: 'Raleway-Medium'!important;
    color:#1B1B1B;
}
.banner-content a {
  font-size: 16px;
  display: inline-block;
  padding: 10px 20px;
  background-color: var(--yellow-bg);
  color: var(--color-blue);
  text-decoration: none;
  border-radius: 5px;
  margin-top: 50px;
}

#home-slider .splide__arrow--prev svg {
  display: none;
}

#home-slider .splide__arrow--next svg {
  display: none;
}

#home-slider .splide__arrow--prev {
  left: 90px;
  width: 4em;
  height: 4em;
  background: #cccccc00;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url(../images/sliderLeft-arrow.svg);
}

#home-slider .splide__arrow--next {
  right: 90px;
  width: 4em;
  height: 4em;
  background: #cccccc00;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url(../images/sliderRight-arrow.svg);
}

/* Events Slider Starts */
.lightBlue-bg {
  background-color: var(--lightBlue-bg);
}

.yellow-bg {
  background-color: var(--yellow-bg);

}
.yellow-bg h3{
  padding-bottom: 30px!important;
}
.section-paddLeft {
  padding-left: 80px;
}

.section-blue-title {
  text-align: center;
  
}
.bg-yellow{
    background-color: #FCD757!important;
}

.section-blue-title h2 {
  font-size: 40px;
  margin-bottom: 15px;
  color: var(--color-blue);
  font-family: 'Raleway-Bold';
}

/*.section-blue-title h3 {*/
/*  font-size: 24px;*/
/*  line-height: 40px;*/
/*  color: var(--color-blue);*/
/*  font-family: 'Radley-Regular';*/
/*  text-align: center!important;*/
/*}*/

.section-blue-title p {
  font-size: 24px!important;
  line-height: 40px!important;
  color: var(--color-blue);
  /*font-family: 'Radley-Regular'!important;*/
  font-family: 'Raleway-Medium'!important;
  text-align: center!important;
}

.sliderContainer {
  padding: 10px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
}

.eventInfo {
  text-align: center;
}

.eventInfo h4 {
  font-size: 24px;
  color: var(--color-blue);
  text-transform: uppercase;
  font-family: 'Radley-Regular';
}

.eventInfo p {
  font-size: 16px;
  line-height: 40px;
  color: var(--color-blue);
  font-family: 'Radley-Regular';
}

.moreBtn {
  text-align: center;
  margin: 20px 0;
}

.moreBtn a {
  font-size: 16px;
  padding: 11px 30px;
  border-radius: 10px;
  font-family: 'Radley-Regular';
  color: var(--color-white) !important;
  background-color: var(--color-blue);
}

.eventInfo-content {
  margin: 20px 0;
}

.horizontal-whiteLine {
  opacity: 1;
  width: 100%;
  margin: 12px 0;
  height: 1px !important;
  border: 1px solid #312275;
}

/* Events Slider End */

/* Our Services Start */
.triangle-bg {
  margin-bottom: 30px;
  background-size: contain; 
  background-position: left;
  background-repeat: no-repeat;
  background-image: url('../images/triangle-bg.svg');
}

.triangle-bg1 {
  /* margin-bottom: 30px; */
  background-size: 115px;
  background-position: left;
  background-repeat: no-repeat;
  background-image: url('../images/triangle-bg.svg');
}
/* .triangle-bg2 {
  margin-bottom: 30px;
  background-size: contain; 
  background-position: left;
  background-repeat: no-repeat;
  background-image: url('../images/triangle-bg.svg');
} */
.triangle-RightBg {
  margin-bottom: 30px;
   background-size: contain; 
  background-position: right;
  background-repeat: no-repeat;
  background-image: url('../images/triangle-RightbBg.svg');
}
.triangle-RightBg1 {
  /* margin-bottom: 30px; */
  background-size: 114px;
  background-position: right;
  background-repeat: no-repeat;
  background-image: url('../images/triangle-RightbBg.svg');
}
/* .triangle-RightBg2 {
  margin-bottom: 30px;
   background-size: contain; 
  background-position: right;
  background-repeat: no-repeat;
  background-image: url('../images/triangle-RightbBg.svg');
} */
.cardWith-LRImg {
  padding: 20px 8px;
  background: #fff;
  border-width: 2px;
  border-style: solid;
  border-color: #00000;
  border-radius: 10px;
  box-shadow: 10px 10px 10px 10px;
}

.cardWith-LRImg img {
  border-radius: 10px;
}

.cardWith-LRImg h4 {
  font-size: 24px;
  color: var(--color-blue);
  font-family: 'Raleway-SemiBoldItalic';
}

/*  .cardWith-LRImg h6 {*/
/*  font-size: 16px;*/
/*  line-height: 35px;*/
/*  color: var(--color-blue);*/
/*}  */

/*.cardWith-LRImg h6{*/
/*font-size: 16px!important;*/
/*line-height: 45px!important;*/
/*font-family: 'Radley-Regular'!important;*/
/*color: var(--color-blue);*/
/*text-align: justify!important;*/
/*}*/

/*.cardWith-LRImg h6{*/
/*  font-size: 16px;*/
/*  line-height: 35px;*/
/*  font-family: 'Radley-Regular'!important;*/
/*  color: var(--color-blue);*/
/*  text-align: justify;*/
/*}*/

.cardWith-LRImg h6{
    font-size:16px;
    line-height:35px;
    font-family:'Radley-Regular';
    color:var(--color-blue);
    text-align:justify;
}

.cardWith-LRImg .moreBtn {
  text-align: start;
}

.Blue-bg{
    background-color:#312275!important;
}

/* Our Services End */

/* NAB Partners */
.partnersCard {
  margin-top: 40px;
  padding: 15px;
  text-align: center;
  border-radius: 10px;
  background-color: var(--lightBlue-bg);
  transition: background-color 0.7s ease-in-out; 
}

.partnersCard:hover {
  background-color: var(--color-blue);
}

.partnersCard:hover h6 {
  color: var(--yellow-bg);
}

.partnersCard h6 {
  font-size: 20px;
  margin-top: 20px;
  line-height: 30px;
  color: var(--color-blue);
  font-family: 'Raleway-Bold';
  transition: color 0.8s ease-in-out;
}

/* NAB Partners */

/* Donate Start */
.donate-bgImg {
  position: relative;
}

.donate-content {
  width: 100%;
  top: 50%;
  left: 50%;
  text-align: center;
  transform: translate(-50%, -50%);
  position: absolute;
}

.donate-content h4 {
  font-size: 24px;
  margin-bottom: 0;
  color: var(--color-white);
  font-family: 'Raleway-Bold';
}

.donate-content h5 {
  font-size: 24px;
  padding: 20px 0;
  color: var(--color-white);
  font-family: 'Raleway-Bold';
}

.yellow-btn {
  border: none;
  padding: 7px 20px;
  border-radius: 5px;
  margin: 0 10px;
  color: var(--color-blue);
  background-color: var(--yellow-bg);
  font-family: 'Radley-Regular';
}

.CardWithLine {
  z-index: 9;
  display: flex;
  padding: 0 10px;
  margin-top: -7rem;
  position: relative;
  border-radius: 14px;
  background-color: #EFF7FF;
  box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);
}

.lineCardItems {
  width: 100%;
  text-align: center;
  padding: 30px 0;
  color: var(--color-blue);
  display: flex;
  justify-content: space-between;
  flex-direction: column;
}

.whiteLine {
  opacity: 1;
  margin: auto 12px;
  height: 13rem !important;
  border: 1px solid var(--yellow-bg);
}

.lineCardItems h6 {
  font-size: 20px;
  margin: 20px 0;
  font-family: 'Raleway-SemiBold';
}

/* .lineCardItems p {
  font-size: 16px;
  line-height: 30px;
  margin-bottom: 30px;
} */
/*.lineCardItems h4 {*/
/*  font-size: 16px;*/
/*  line-height: 30px;*/
/*  margin-bottom: 30px;*/
/*  font-family: 'Radley-Regular'!important;*/
/*}*/

.lineCardItems p {
  font-size: 16px;
  line-height: 30px;
  margin-bottom: 30px;
  font-family: 'Radley-Regular'!important;
}

/* Donate End */

/* Volunteer Start */
.angled-shape-content {
  padding: 0 30px;
}

/* .angled-shape-content p {
  color: var(--color-blue);
} */
.angled-shape-content p{
  font-family: 'Radley-Regular'!important;
  color: var(--color-blue);
  font-size: 16px;
  line-height: 30px;
}

/*.fullWithBtn a {*/
/*  font-size: 20px;*/
/*  padding: 10px 50px;*/
/*}*/

.fullWithBtn a {
  font-size: 18px;
  padding: 10px 20px;
}

.your-donation h6{
  margin: 0;
  font-size: 14px!important;
  padding: 30px 0;
  padding-right: 44px;
  /* color: var(--color-white)!important; */
   color: var(--color-yellow)!important;
  font-family: 'Raleway-Medium';
}

/* Volunteer End */

/* ==================================== Home Page Start ================================== */
/* ==================================== About Page Start ================================== */

.about-content {
  width: 100%;
  top: 50%;
  left: 50%;
  text-align: center;
  transform: translate(-50%, -50%);
  position: absolute;
  color: #fff;
  font-size: 32px;
  font-family: 'Raleway-Black';
}
.about-banner{
  position: relative;
}

 .timeline-box {
      border: 1px solid #472F92;
      border-radius: 8px;
      padding: 32px 32px;
      text-align: center;
      min-height: 140px;
      background-color: #fff;
    }
    .rally{
         font-family: 'Raleway-Medium'!important;
        font-size:16px!important;
        color:#1B1B1B!important;
    }
    .timeline-box h5 {
      font-family: 'Raleway-SemiBold';
  font-size: 28px;
  color:#312275;
    }
    .timeline-line {
      width: 2px;
      height: 100%;
      background-color: #472F92;
      position: absolute;
      top: 0;
      left: 50%;
      transform: translateX(-50%);
    }
    @media (min-width: 768px) {
      .timeline-connector::after {
        content: "";
        width: 2px;
        height: 60px;
        background-color: #472F92;
        position: absolute;
        right: -1px;
        top: 50%;
        transform: translateY(-50%);
      }
    }

    .vision-mission h3 {
      color: #472F92;
       font-family: 'Raleway-SemiBold';
       font-size:28px;
    }
    .vision-mission p{
        color:#1B1B1B!important;
        font-family: 'Raleway-Medium'!important;
        font-size:16px!important;
    }
    .vision-mission ul {
      list-style: none;
      padding-left: 0;
    }
    .vision-mission ul li::before {
      content: "";
      margin-right: 8px;
      color: #404040;
    }
    .vision-mission p li {
      color:#404040!important;
        font-family: 'Raleway-Medium'!important;
        font-size:14px!important;
    }
    .vision-mission p ul li{
        
    }
    .rounded-img {
      border-radius: 8px;
    }
.vision-mission {
    /*padding-top:60px!important;*/
    /*padding-left:80px!important;*/
    /*padding-right:80px!important;*/
    /*padding-bottom:80px!important;*/
}

 .team-card {
      border: 1px solid #ccc;
      border-radius: 10px;
      padding: 32px;
      text-align: center;
      transition: box-shadow 0.3s;
      height: 100%;
    }
    .team-card:hover {
      box-shadow: 0 4px 8px rgba(0,0,0,0.1);
    }
    .team-card img {
      width: 100%;
      max-height: 150px;
      object-fit: cover;
      border-radius: 8px;
      margin-bottom: 10px;
    }
    .team-name {
      color: #312275;
      font-family: 'Raleway-SemiBold';
  font-size: 24px;
    }
    
    .impact-section {
      background-color: #f0f7ff;
      padding: 60px 0;
    }
    /*.impact-number {*/
    /*  font-size: 2rem;*/
    /*  font-weight: bold;*/
    /*  color: #472F92;*/
    /*}*/
    .impact-label {
      font-size: 1rem;
      color: #333;
    }
#role1,#role2,#role3,#role4,#role5{
    font-size: 16px !important;
  font-family: 'Raleway-Medium';
  color:#1B1B1B;
  text-align:start;
}
#impactHeading{
    color: #312275;
  font-family: 'Raleway-Bold';
  font-size:40px;
}
.impact-section p{
   font-size: 24px !important;
  font-family: 'Raleway-Medium'!important;
  color:#000000!important; 
}

 .cta-section {
      background-color: #fdd74e;
      padding: 60px 20px;
      text-align: center;
    }
    .cta-title {
      color: #472F92;
      font-weight: 700;
    }
    .cta-button {
      background-color: #472F92;
      color: #fff;
      border: none;
      padding: 10px 20px;
      border-radius: 6px;
      font-size: 1rem;
    }
    .cta-button:focus {
      outline: 3px solid #000;
      outline-offset: 3px;
    }
.lightBlue-bg {
  background-color: var(--lightBlue-bg);
}

.section-blue-title {
  margin-top:0px;
}

.nab-pt{
  padding-top: 60px!important;
}
.ptb-60 {
  padding-top: 40px;

}

.prl-80 {
  padding: 0px 80px !important;
}
.container-space p {
  font-size: 24px !important;
  font-family: 'Raleway-Medium';
  color:#000000!important;
/*text-align: justify!important;*/
}
.container-space h3 {
  font-size: 20px;
  font-family: 'Raleway-Regular';
text-align: justify;
}
/* .container-space p{
  font-family: 'Radley-Regular';
  font-size: 20px;
} */


.

.rehability {
  background-color: #FCD757;
  padding-top: 24px;
  padding-right: 80px;
  padding-left: 80px;
  padding-bottom: 24px;
  /* margin-top: 70px!important; */
}

.rehability h2 {
  color: #312275;
  font-family: 'Raleway-Bold';

}

/* .rehability p {
  font-family: 'Radley-Regular';
  font-size: 20px;
  color: #312275;
  line-height: 40px;
} */
.rehability h6 {
  font-family: 'Radley-Regular';
  font-size: 20px;
  color: #312275;
  line-height: 40px;
}
.rehability-img img {
  width: 100%;
  height: auto;
}

.nab-tnsb img {
  width: 100% !important;
  height: auto !important;
} 


.btn-details {
  background-color: #312275;
  color:#FCD757 ;
  border-radius: 20px;
  padding: 5px 26px;
  text-decoration: none;
  font-family: 'Radley-Regular'!important;
}
.btn-details:hover {
  background-color: #312275;
  color: #fff;
}
/* .card-body h5{
  font-size: 20px;
  color: #312275;
} */
.scholership{
  background-color: var(--color-blue);
  padding: 45px 80px !important;
  /* padding-top: 20px!important;
  padding-bottom: 10px!important; */
  
}

.scholership-sponsers h6,h2{
  color: #FCD757;
}
.scholership-sponsers h2{
  font-family: 'Raleway-Bold';
  font-size: 28px;
  color: #FCD757;
}
.scholership-sponsers h6{
  /* margin: 35px 0px !important; */
    font-family: 'Radley-Regular';
    line-height: 47px;
    padding: 40px 0px;
    font-size: 17px;
    /* text-align: center !important; */
    color: #FCD757 !important;
}
/* .scholership-sponsers{
  margin-right: 22px;
  margin-left: 52px;
} */
/* .scholership-img{
  margin-right: -70px!important;
} */
 .scholership-img{
  padding-left: 22px;
 }
.col-md-7 {
  flex: 0 0 auto;
}
.button{
  background-color:#FCD757;
  padding:5px 60px;
  border-radius: 22px;
}
/* .container-space .margin p{
   margin-left: 40px;
  margin-right: -22px;
  margin-bottom: -15px; 
  text-align: justify;
} */
.container-space .mrl-81{
  margin: 0px 81px;
}
.margin h4{
  color: #312275;
  font-family: 'Raleway-SemiBoldItalic';
  font-size: 28px;
/* margin-bottom: 18px; */
padding-bottom: 20px!important;
}
.margin h6{
  font-family: 'Radley-Regular';
  line-height: 50px;
  font-size: 20px;
  color: #312275;
padding-top: 17px;
}
.vocation_training-img{
  padding-right: 45px;
}
.vocational h4,p{
  margin-top: 10px!important;
}
.networking-collaboration{
  position: relative;
}
.networking-content{
  width: 100%;
  top: 50%;
  left: 50%;
  text-align: center;
  transform: translate(-50%, -50%);
  position: absolute;
  color: #fff;
  font-size: 32px;
  font-family: 'Raleway-Black';
}
.networking-content h6{
  font-size: 20px;
  line-height: 40px;
  font-family: 'Raleway-Medium';
  color: #FCD757 !important;
  padding: 0px 80px;
  padding-top: 15px;
}
.networking-content h2{
  color: #FCD757;
  font-family: 'Raleway-Bold';
  font-size: 28px;
}
.legal-complain h2{
  color: #312275;
  font-family: 'Radley-Regular';
}
.legal-complain p{
  font-family: 'Raleway-SemiBold';
  font-size: 16px;
  line-height: 40px;
  margin-top: 26px;
}
.legal-complain{
  margin-top: 37px;
  margin-bottom: 46px;
  margin-left: 80px;
  margin-right: 80px;
}
.legal-content {
  width: 55%;
}
.key-program h2,h3{
  padding-top: 0px;
}
.keyProgram{
  padding-top: 55px;
}
.info-section {
 padding: 80px 80px;
 /* padding-top: 37px;
 padding-bottom: 46px;  */
  /* padding: 5px 0px!important;
  border-radius: 10px; */
}
.legal-text{
  font-family: 'Radley-Regular';
  color: #312275!important;
  font-size: 28px;
}
.legal-p{
  font-family: 'Raleway-SemiBold';
  font-size: 16px;
  line-height: 60px;
  padding-top: 16px;
  color: #312275;
  text-align: center;
}
.about-mob-1{
  display: none;
}
.networking{
display: block;
}
.networkingmob-1{
  display: none;
}
/* .complaince{
  margin-left: -43px;
    margin-right: 43px;
} */
.vocational img{
  padding-top: 45px;
}
.vocational{
  /* margin-top: 35px !important;
    margin-bottom: 45px !important; */
    padding: 31px 81px;
}
/* .scholership-sponsers{
  margin-left: 32px;
  margin-top:-70px!important;
  margin-bottom: -70px!important;
} */
.rehability-mob{
  display:none;
}

.Edudation_card h5{
  font-size: 16px;
  font-family: 'Raleway-Bold';
  color: #312275;
  line-height: 45px;
}






/* 3D Card Base */
.Edudation_card {
  position: relative;
  overflow: hidden;
  /* background: #fff; */
  border-radius: 15px;
 box-shadow: 0 4px 10px #000; 
  transition: all 0.5s ease;
  transform-style: preserve-3d;
  perspective: 1000px;
}

/* 3D Tilt Effect */
.Edudation_card:hover {
  transform: rotateY(15deg) rotateX(15deg) scale(1.05);
  box-shadow: 0 5px 5px #000; /* Dark shadow on hover */
}

/* Border Animation: Solid Color Neon Effect */
.Edudation_card::before {
  content: '';
  position: absolute;
  top: -4px;
  left: -4px;
  right: -4px;
  bottom: -4px;
  /* background: linear-gradient(45deg, #bd8f18, #00ff086c, #FCD757, #312275); Solid color gradient */
  background-size: 400% 400%;
  border-radius: 15px;
  z-index: -1;
  animation: borderAnimation 5s linear infinite;
}

/* Border Animation Keyframes */
@keyframes borderAnimation {
  0% {background-position: 0% 50%;}
  50% {background-position: 100% 50%;}
  100% {background-position: 0% 50%;}
}

/* Card Content on Top */
.Edudation_card img,
.Edudation_card .card-body {
  position: relative;
  z-index: 1;
}

/* Smooth Image Transition */
.Edudation_card img {
  border-radius: 10px;
  transition: transform 0.5s ease;
}

/* Hover effect: Zoom Image */
.Edudation_card:hover img {
  transform: scale(1.05);
}

/* Optional: Add hover glow to button */
.Edudation_card .btn-details:hover {
  background-color: #FCD757;
  color: #fff;
  box-shadow: 0 0 20px #ff0077;
  transition: all 0.3s ease;
}

/* ==================================== About Page end ================================== */

/*===================================== job detail start ================================ */

.job-content {
  width: 100%;
  top: 50%;
  left: 50%;
  text-align: center;
  transform: translate(-50%, -50%);
  position: absolute;
  color: #fff;
  font-size: 32px;
  font-family: 'Raleway-Black';
}
.job-banner{
  position: relative;
}
.bg-blue{
  background-color: var(--color-blue) !important;
}

.moreBtnn a {
  font-size: 16px;
  padding: 11px 30px;
  border-radius: 10px;
  font-family: 'Radley-Regular';
  color: var(--color-blue) !important;
  background-color: var(--yellow-bg)!important;
}
.join_tnsb h2{
  color:var(--yellow-bg)!important ;
  font-family: 'Raleway-Bold';
  font-size: 28px;
}
.join_tnsb h6{
  color:var(--yellow-bg)!important ;
  margin-top: 28px!important;
  font-family: 'Raleway-SemiBold';
  font-size: 20px;
  display: flex;
    justify-content: center;
    align-items: center;
  margin-bottom: 28px!important;
}
.join_aboutUs h6{
  color:var(--yellow-bg)!important ;
  margin-top: 20px !important;
  font-family: 'Radley-Regular' !important;
  font-size: 20px;
  line-height: 30px;
}
.join_aboutUs{
  margin-top: 65px;

}
.join_aboutUs h2{
  color:var(--yellow-bg)!important ;
  font-family: 'Raleway-Bold'!important;
}
.join_hand{
  padding: 29px 80px;
}

.custom-box {
  background-color: #FCD757;
  padding: 15px 29px;
  border-radius: 8px;
  border: 1px solid #312275;
  margin-right: 15px;
}

.why_support{
  font-family: 'Raleway-Bold';
  font-size: 28px;
}
.why_support h2{
  padding-bottom: 30px;
  font-family: 'Raleway-Bold'!important;
  font-size: 28px;
}
.help{
  margin-top: 62px;
}
.help h5{
  font-family: 'Raleway-Bold'!important;
  font-size: 28px;
}
.custom-box h5{
  font-family: 'Radley-Regular';
  font-size: 20px;
  color: #312275 !important;
}
.custom-box h6{
  font-family: 'Radley-Regular'!important;
  font-size: 16px;
  line-break: anywhere;
  color: #312275 !important;
  margin-bottom: 4px;
  margin-top: 19px !important;
}
.support_us{
  padding: 39px 81px;
}
.job-details-mob-1{
  display: none;
}
/*===================================== job detail end   ================================ */

/*===================================== job application start   ================================ */

.Job-content{
  width: 100%;
  top: 50%;
  left: 50%;
  text-align: center;
  transform: translate(-50%, -50%);
  position: absolute !important;
  color: #fff;
  font-size: 32px;
  font-family: 'Raleway-Black';
}
.job-banner{
  position: relative !important;
}

.job-container {
  max-width: 100%;
  background: #312275;
  padding: 39px 134px;
}
label {
  font-weight: bold;
  color: #FCD757;
}
input, textarea {
  background-color: #f8f9fa;
}
.btn-custom {
  background-color: #FCD757;
  color: #312275;
  padding: 8px 46px !important;
}
.application_form{
  display: flex;
  justify-content: space-between;
  flex-direction: column;
}

.application_form label{
  font-family: 'Raleway-SemiBold';
  font-size: 16px;
  margin-bottom: 15px;
  margin-top: 20px;
}
.application_form input {
  font-family: 'Raleway-SemiBold';
  font-size: 12px;
  padding: 12px;
}
.job-container h2{
  font-family: 'Raleway-Black';
  font-size: 28px!important;
  color: #FCD757!important;

}
.address_form{
  width: 87%;
    margin-left: 82px;
  
}
.job-application-mob-1{
  display: none;
}


/*===================================== job application end   ================================ */

/*===================================== impact stories start ================================= */

.impact-content {
  width: 100%;
  top: 50%;
  left: 50%;
  text-align: center;
  transform: translate(-50%, -50%);
  position: absolute;
  color: #fff;
  font-size: 32px;
  font-family: 'Raleway-Black'!important;
}
.salemSchool-mob{
  display: none!important;
}
.salemSchool{
  display: block;
}
.impact-banner {
  position: relative;
}
.section-purple {
  background: #312275;
  color: white;
  padding: 90px 80px!important;
}
.section-yellow {
  background: #FCD757;
  color: black;
  padding: 70px 80px!important;
}
.btn-transforming {
  background: #FCD757;
  border: none;
  padding: 5px 55px;
  border-radius: 20px;
}
.btn-transforming-purple {
  background: #312275;
  color: white;
}
.transforming-img{
  width: 77%!important;
  display: flex;
margin-left: 100px;
}
.img-box {
  width: 200px;
  height: auto;
  border-radius: 10px;
}

 .section-purple h4{
  font-family: 'Raleway-SemiBoldItalic'!important;
  color:#FCD757 ;
  font-size: 26px;
  
} 
 .section-purple h6{
  color: #FCD757!important;
  line-height: 40px!important;
  padding-top: 40px;
  font-size: 16px;
  padding-bottom: 40px;
  font-family: 'Radley-Regular'!important;
} 
.section-yellow h4{
  font-family: 'Raleway-Bold';
  color: #312275;
  font-size: 26px;
}
.section-yellow h6{
  font-family: 'Radley-Regular'!important;
  color: #312275;
  font-size: 18px;
  line-height: 40px;
  padding-top: 40px;
  padding-bottom: 40px;
}
.chess-img{
  width: 80% !important;
margin-right: 85px!important;
}
.btn-chess{
  background: #312275;
    padding: 5px 55px;
    border-radius: 20px;
    color: #F8D349;
}
.trichy h2{
margin-bottom: 25px;
font-family: 'Raleway-Bold';
font-size: 28px;
color: #312275;
}
.trichy h3{
  font-family: 'Radley-Regular'!important;
  font-size: 20px;
  line-height: 40px;
  color: #312275;
}
.trichy{
  padding: 40px 80px;
}
.salem-collaboration{
  position: relative;
}
.salem{
  width: 85%;
  top: 50%;
  left: 50%;
  text-align: center;
  transform: translate(-50%, -50%);
  position: absolute;
  color: #fff;
  font-size: 32px;
  font-family: 'Raleway-Black';
}
.salem p{
  font-size: 25px;
  line-height: 40px;
  font-family: 'Radley-Regular'!important;
  color: #FCD757!important;
  margin-top: 20px!important;
  text-align: center!important;
}
.salem h2{
  color: #FCD757;
  font-family: 'Raleway-Bold';
  font-size: 28px;
  padding-bottom: 13px;
}

.educationn h2{
  font-family: 'Raleway-Bold';
  font-size: 28px;

}
/* .chess-para{
  padding: 30px 80px;
  font-family: 'Radley-Regular'!important;
  font-size: 22px;
  line-height: 40px;
  text-align: center;
} */
 .chess-para_1 h6{
  padding: 25px 80px;
  font-family: 'Radley-Regular'!important;
  font-size: 24px!important;
  line-height: 40px;
  text-align: center;
  color: #312275;
 }

.transforming-lives {
  padding: 30px;
  background-color: #312275;
}
.transforming-lives h2{
  font-family: 'Raleway-SemiBoldItalic'!important;
  font-size: 24px;
  line-height: 40px;
  color: #FCD757;
  padding: 15px;
  text-align: center;

}
.content-transforming {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 36px;
  margin-top: 30px;
}

.box {
  width: 40%;
  background-color: #fff;
  color: black;
  padding: 15px;
  border-radius: 10px;
  text-align: center;
}
.box-content1 h6{
  padding-top: 20px ;
  padding-bottom: 70px;
  line-height: 35px;
  font-family: 'Radley-Regular'!important;
  font-size: 16px;
  color: #312275;
}
.box-content2 h6{
  padding-top: 20px;
  line-height: 35px;
  font-family: 'Radley-Regular'!important;
  font-size: 16px;
  color: #312275;
}
.box-content3 h6{
  padding-top: 20px ;
  line-height: 35px;
  font-family: 'Radley-Regular'!important;
  font-size: 16px;
  color: #312275;
}
.box-content4 h6{
  padding-top: 20px ;
  padding-bottom: 35px;
  line-height: 35px;
  font-family: 'Radley-Regular'!important;
  font-size: 16px;
  color: #312275;
}

.box img {
  width: 100%;
  height: auto;
  border-radius: 10px;
}
.name {
  font-family: 'Raleway-Bold'!important;
  font-size: 24px;
  color: #FCD757;
  margin-top: 10px;
}
.salem-collaboration .networkingmob-1{
  display: none!important;
}
.service-box {
      border: 1px solid #ddd;
      border-radius: 10px;
      padding: 20px;
      height: 100%;
      background-color: #fff;
    }
    .service-title {
      color: #472F92;
      font-size:24px;
      font-family: 'Raleway-SemiBold';
      margin-bottom: 10px;
    }
    .service-box ul {
      padding-left: 1.2rem;
    }
    .service-box ul li{
        font-family: 'Raleway-Medium';
        font-size:20px;
        color:#404040;
    }
    .fst{
        color:#404040!important;
        font-size:15px;
         font-family: 'Raleway-SemiBoldItalic';
    }
    .quote-box {
      border: 1px solid #ccc;
      border-radius: 10px;
      padding: 30px;
      font-style: italic;
      background-color: #fafafa;
    }
    .quote-icon {
      font-size: 6rem;
      color: #472F92;
    }
    .program-button {
      background-color: #472F92;
      color: #fff;
      font-family: 'Radley-Regular'!important;
      border: none;
      padding: 10px 20px;
      border-radius: 6px;
      font-size: 1rem;
    }

.quote-box p{
    font-size:28px;
    color:#404040!important;
        font-family: 'Raleway-SemiBold'!important;
}
.semibold strong{
    font-family: 'Raleway-SemiBold'!important;
    font-size:20px!important;
    
}
.semibold {
    font-size:20px!important;
    font-family: 'Raleway-Medium'!important;
}
.quote-box a{
    font-size:16px;
    font-family: 'Radley-Regular'!important;
}
.section-purple {
  background-color: #312275;
  color: white;
  padding: 50px 0;
}
.section-yellow {
  background-color: #FCD757;
  padding: 50px 0;
}
.selector {
    border-left: 6px solid #312275;
}

.trichy {
  background-color: #f1f5f9;
  padding: 50px 0;
}
.btn-transforming,
.btn-chess {
  background-color: #FCD757;
  color: #312275;
  border: none;
}
.btn-chess {
  background-color: #312275;
  color: #FCD757;
}
.educationn h2 {
  font-size: 2.5rem;
  font-weight: bold;
}

/*===================================== imapct stories end =================================== */


/*===================================== events page start ==================================== */

  .events-content {
  width: 100%;
  top: 50%;
  left: 50%;
  text-align: center;
  transform: translate(-50%, -50%);
  position: absolute;
  color: #fff;
  font-size: 32px;
  font-family: 'Raleway-Black';
}

.events-banner {
  position: relative;

}
.bg-blue{
    background-color:var(--color-blue);
}
.latest{
  padding: 10px 80px;
}
.latest h2{
  font-family: 'Raleway-Bold';
  font-size: 32px;
  line-height: 60px;
  color: #312275;
}
.latest h3{
  font-family: 'Radley-Regular'!important;
  color: #312275;
  font-size: 24px;
  line-height: 40px;
}
.events-container {
  display: flex;
  align-items: center;
  background-color: #312275;
  padding: 30px 40px;
  border-radius: 15px;
  width: 85%;
  margin: 0px 112px;
    margin-top: 20px;
  
}
.card-body .card-title{
  font-family: 'Raleway-Bold';
  font-size: 16px;
  line-height: 50px;
  color: #312275;
}
.image-events img {
  width: 100%;
  border-radius: 10px;
  margin-right: 20px;
}

 .text-events {
  padding: 10px 60px;
  display: flex;
  flex-direction: column;
  align-items: center;
} 

.btn-events_container{
  background-color: #FCD757;
  color: #312275;
  padding: 8px 40px;
    border-radius: 9px;
    display: flex;
    flex-direction: column;
    align-items: center;
    font-family: 'Radley-Regular'!important;
    font-size: 16px;
}
.text-events h2 {
  color: #FCD757;
  text-align: center;
  font-family: 'Raleway-SemiBoldItalic'!important;
  font-size: 24px;
line-height: 60px;
}

.text-events h6 {
  font-size: 16px;
  line-height: 30px;
  text-align: center;
  padding-top: 10px;
  padding-bottom: 20px!important;
  color:#FCD757 !important;
  font-family: 'Radley-Regular'!important;
}
.ptb_60{
    padding-top:60px;
    padding-bottom:80px;
    padding-right:80px;
    padding-left:80px;
}
.annual-content{
  width: 100%;
  top: 50%;
  left: 50%;
  text-align: center;
  transform: translate(-50%, -50%);
  position: absolute;
  color: #fff;
  font-size: 32px;
  font-family: 'Raleway-Bold';
  display: flex;
    flex-direction: column;
    align-items: center;
  padding: 74px 111px;
}
.annual-collaburation{
  position: relative;
}
.annual-content h2{
  color: #FCD757;
  padding-bottom: 20px;
}

.annual-content h6{
  color: #FCD757!important;
  font-size: 20px;
  line-height: 40px;
  padding-bottom: 15px!important;
  font-family: 'Radley-Regular'!important;
}
.btn-events_container2{
  background-color: #FCD757;
  color: #312275;
  padding: 8px 40px;
    border-radius: 9px;
    display: flex;
    flex-direction: column;
    align-items: center;
    font-family: 'Radley-Regular'!important;
    font-size: 16px;
}
.button {
  display: inline-block;
  margin-top: 15px;
  padding: 7px 30px;
  background-color: #FCD757;
  color: #312275;
  /* text-decoration: none;
  font-weight: bold; */
  border-radius: 22px;
  /* margin-left: 342px; */
}

.button:hover {
  background-color: #e0b621;
}

.annual-eventsimg .button{
  display: inline-block;
  margin-top: 15px;
  padding: 10px 15px;
  background-color: #f3c623;
  color: #2e1a6b;
  text-decoration: none;
  font-weight: bold;
  
}
.annual-eventsimg .button2:hover{
    background-color: #e0b621;

} 
.annual-eventsimg p{
  color: #FCD757!important;
  padding-top: 15px;
}
.annual-events{
  display: flex;
      align-items: center;
      border-radius: 15px;
      width: 85%;
      margin: 0px 112px;
      color: white;
      margin-top: 25px;
}

.btn-events{
  background-color: #FCD757;
  color: #312275;
  padding: 8px 40px;
  border-radius: 9px;
  font-family: 'Radley-Regular' !important;
  font-size: 16px;
}
.card-events{
  color: white;
  border-radius: 10px;
  border-width: 2px!important;
  border-color: #000!important;
  padding: 20px;
  width: 432px;
  text-align: center;
}
.button-center{
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0px 80px!important;

}


/* .container {
  max-width: 900px;
  margin: auto;
  background: white;
  padding: 20px;
  border-radius: 8px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
} */
h2 {
  color: #312275;
}
.section {
  margin-bottom: 30px;
}
.section h3 {
  font-style: italic;
}
.image-container {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.image-container img {
  width: 100%;
  border-radius: 8px;
  border: 5px solid #ffd54f;
}

.events-section{
  display: flex;
  align-items: center;
  padding: 40px 80px;
  border-radius: 15px;
  width: 100%;
  /* height: 200px; */
  /* margin: 50px auto; */
  color: white;
}
.events-eye h2, p{
  color: #312275;
 
}

.events-eye h6{
  font-family: 'Radley-Regular'!important;
  line-height: 30px;
  color: #312275;
  font-size: 16px;
  padding: 27px 0px;
  padding-right: 50px!important;
}
.events-eye h2{
  font-family: 'Raleway-Bold';
  padding: 20px 3px;
  line-height: 45px;
  font-size: 29px;
}
.events-eye h3{
  line-height: 30px;
  font-size: 24px;
  color: #312275;
  font-family: 'Raleway-SemiBoldItalic'!important;
}
.events-eye{
  margin-bottom: 83px!important;
}
.annual-events1{
  margin: 40px 80px!important;
  margin-top: 10px!important;
}
.annual_events h2{
  font-family: 'Raleway-Bold';
  font-size: 28px;
  line-height: 60px;
}
.annual_car h5{
  font-family: 'Raleway-SemiBoldItalic'!important;
  font-size: 24px;
  line-height: 30px;
  color: #FCD757;
}
.annual_events h6{
  font-family: 'Radley-Regular'!important;
  font-size: 24px;
  color: #312275;
  line-height: 40px;
}
.annual_car{
  padding: 103px 111px!important;
}
.annual_car h6{
  font-family: 'Radley-Regular'!important;
  font-size: 20px;
  line-height: 40px;
  color: #FCD757!important;
} 
.workshop-container {
  max-width: 90%;
  margin: auto;
}
.ccard {
  display: flex;
  background: white;
  margin-bottom: 20px;
  border-radius: 10px;
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.3);
  overflow: hidden;
  border: #000 solid 1px;
}
.ccard img {
  width: 35%!important;
  object-fit: cover;
  padding: 23px 23px;
}
.card-contant {
  padding: 20px;
  width: 66%;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.card-contant h3 {
  color: #312275;
  font-family: 'Raleway-SemiBoldItalic'!important;
  font-size: 24px;
  line-height: 50px;
}
 .ccard .card-contant h6{
  font-family: 'Radley-Regular'!important;
  font-size: 20px;
  color: #312275;
  line-height: 40px;
}

.workshop_training h2{
  font-family: 'Raleway-Bold';
  color: #312275;
  font-size: 28px;
  line-height: auto;
  padding: 25px 0px;
}
.workshop_training h3{
  font-family: 'Radley-Regular'!important;
  font-size: 24px;
  line-height: 45px;
  color: #312275;
}
.workshop_training{
  padding: 27px 149px;
  text-align: center;
}
.workshop_camp{
  padding: 10px 80px;
}
/* .card-body p{
  padding: 10px 0px;
  font-size: 15px;
  line-height: 20px;
  font-family: 'Raleway-Medium';
} */
.events-eye h4{
  font-family: 'Raleway-SemiBoldItalic'!important;
  font-size: 24px!important;
  line-height: 30px;
  color: #312275;
}
.Employee_h2{
  margin-top: 30px!important;
}
.employeersMeet-mob{
  display: none;
}
.bg_color{
  background-color: #312275;
  padding: 20px 30px;
  border-radius: 9px;
}

.color_text h2 {
  color: #FCD757!important;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: 'Raleway-SemiBoldItalic'!important;
  font-size: 24px;
  line-height: 60px;

}
.color_text h6 {
  color: #FCD757!important;
  display: flex;
  justify-content: center;
  align-items: center;
 padding: 10px 30px;
 font-family: 'Radley-Regular'!important;
 font-size: 16px;
 line-height: 40px;
 text-align: -webkit-center;
}


.workshop-container {
  display: flex;
  flex-wrap: wrap;
  gap: 1.5rem;
  justify-content: center;
  padding: 1rem;
}

.ccard {
  background-color: #fff;
  border-radius: 8px;
  overflow: hidden;
  box-shadow: 0 0 10px rgba(0,0,0,0.1);
  max-width: 100%;
  width: 100%;
  display: flex;
  flex-direction: row;
  gap: 1rem;
}

.ccard img {
  
  object-fit: cover;
}

.card-contant {
  padding: 1rem;
  flex: 1;
}



.latest h2,
.latest h3 {
  margin: 1rem auto;
  padding: 0 1rem;
  /* max-width: 900px; */
}






/*===================================== events page end ====================================== */


/*===================================== program services start ============================= */

.program-content {
  width: 100%;
  top: 50%;
  left: 50%;
  text-align: center;
  transform: translate(-50%, -50%);
  position: absolute;
  color: #fff;
  font-size: 32px;
  font-family: 'Raleway-Black';
}

.program-banner {
  position: relative;
}
.OurProgram{
  display: none;
}
.rehability-img .rehability-mob-1{
  display: none;
}
.employee h4{
  font-size: 28px!important;
}
.employee h6{
  font-size: 22px!important;
}
.programs-mob-1{
  display: none;
}
.program-container h2{
color: #312275;
font-family: 'Raleway-Bold'!important;
font-size: 28px;
}
.program-container h6{
  color: #312275;
  display: contents;

}
.program-section{
  /* margin-left: 4px;
  margin-right: 12px; */
  padding: 0px 80px;
} 
.device .our_Programs h2{
  font-family: 'Raleway-SemiBoldItalic'!important;
  font-size: 24px;
}
.device .our_Programs h6{
  font-family: 'Radley-Regular'!important;
  line-height: 35px;
  font-size: 16px;
  color: #312275;
  padding-left: 60px;
  padding-right: 60px;
}
.our_Programs{
  display: flex;
  justify-content: space-evenly;
  flex-direction: column;
  align-items: center;
}
.program{
  margin-top: 40px;
    margin-bottom: 25px;
}
.border1{
  border: 1px solid #312275!important;
  padding-top: 42px;
    padding-left: 62px;
    padding-bottom: 42px;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 1.5); /* Only bottom shadow */
}
.program h6{
  font-size: 24px;
  font-family: 'Radley-Regular'!important;
  line-height: 40px;
  color: #312275!important;
}
.program h6{
  font-size: 24px;
  font-family: 'Radley-Regular'!important;
  line-height: 40px;
}
.program h2{
  font-family: 'Raleway-Bold'!important;
  font-size: 28px;
  margin-bottom: 12px;
}

/* .pl-80{
  margin-left: 80px;
  margin-right: 80px;
} */

/*.service_1{*/
/*  padding: 0px 80px!important;*/
/*  padding-bottom: 40px!important;*/
/*}*/
/*.service-box {*/
/*  padding: 30px;*/
/*  border-radius: 20px;*/
/*  text-align: center;*/
/*  color: white;*/
/*  height: 100%;*/
/*  display: flex;*/
/*  flex-direction: column;*/
/*  justify-content: center;*/
/*}*/

.left-box {
  background: linear-gradient(135deg, #2b1d6b, #7649b3);
  border-top-left-radius: 30px;
  border-bottom-left-radius: 30px;
  margin-right: 10px;
}

.left-box h6{
  font-family: 'Radley-Regular'!important;
  font-size: 16px;
  line-height: 30px;
  color: #FCD757;
}
.right-box h6{
  font-family: 'Radley-Regular'!important;
  font-size: 16px;
  line-height: 30px;
  color: #312275;
}
.right-box {
  background: linear-gradient(135deg, #fcd34d, #ffde85);
  border-top-right-radius: 30px;
  border-bottom-right-radius: 30px;
  color: black;
  padding-top: 5px!important;
  margin-left: 10px;
}

.service-box h3 {
  font-family: 'Raleway-SemiBoldItalic';
    font-size: 24px;
    line-height: 30px;
    padding-bottom: 20px;
    color: #FCD757
}
.left-box p{
  color: #FCD757!important;
  font-family: 'Radley-Regular'!important;
  font-size: 16px;
  line-height: 30px;
}
.right-box p{
  font-family: 'Radley-Regular'!important;
  font-size: 16px;
  line-height: 30px;
}
.device h2{
  font-family: 'Radley-Regular'!important;
  color: #312275!important;

}
 .device{
  padding-left: 80px;
  padding-right: 80px;
} 
/* .device p{
  font-family: 'Raleway-SemiBold'!important;
  color: #312275!important;
} */
.btn-device{
  font-family: 'Radley-Regular'!important;
  background-color: #312275;
  color:#FCD757 !important;
}
.btn-device:hover{
  background-color: #FCD757;
  color: #312275!important;
}
.right-box h3{
  color:#312275 !important;
}
.right-box p{
  color: #312275!important;
}
.service-box{
  padding: 50px 50px;
}
.device_Container{
  padding: 53px 80px;
  
}
.device_Container h2{
  font-family: 'Radley-Regular'!important;
  font-size: 28px;
}
.device_Container h6{
  font-family: 'Raleway-SemiBold'!important;
  font-size: 16px;
  line-height: 35px;
  color: #312275;
  margin-top: 20px!important;
  margin-bottom: 22px!important;
}
.device-1{
padding-top: 30px;
padding-right: 35px;
    padding-left: 35px;
}
/*===================================== program services end =============================== */

/*===================================== program landing start ============================== */

.programLanding-content {
  width: 100%;
  top: 50%;
  left: 50%;
  text-align: center;
  transform: translate(-50%, -50%);
  position: absolute;
  color: #fff;
  font-size: 32px;
  font-family: 'Raleway-Black';
}
.programLanding-banner{
  position: relative;
}
.assessment{
background-color: #FCD757;
  padding-top: 24px;
  padding-right: 80px;
  padding-left: 80px;
  padding-bottom: 24px;
}
.assessment p{
  color: #312275;
  line-height: 40px;
  font-size: 18px;
}

.program_h2 {
  margin-top: 25px;
}
/*===================================== program landing end ================================= */

/*===================================== service start ======================================= */

.services-content {
  width: 100%;
  top: 50%;
  left: 50%;
  text-align: center;
  transform: translate(-50%, -50%);
  position: absolute;
  color: #fff;
  font-size: 32px;
  font-family: 'Raleway-Black';
}

.services-banner {
  position: relative;
}

.recreational-container {
  max-width: 90%;
  margin: 0 auto;
}

.services-header {
  text-align: center;
  margin-top: 20px;
  margin-bottom: 20px;
}
.services-header h2{
  font-family: 'Raleway-Bold'!important;
  font-size: 28px;
  line-height: auto;
}
.hz{
  height: 2px !important;
  margin: 0px;
}
.services-header h6{
  color: #312275!important;
  font-size: 24px !important;
  line-height: 40px;
  font-family: 'Radley-Regular'!important;
  padding-top: 13px;
}

.services-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  gap: 25px;
}

.service-item {
  background-color: #FCD757; /* Light Yellow */
  padding: 20px;
  height: 150px;
  border-radius: 5px;
  text-align: center;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  text-align: justify;
  line-height: 30px;
  margin-bottom: 50px;
  margin-top: 20px;
}
.service-item h6{
  color: #312275 !important;
  font-family: 'Raleway-SemiBoldItalic'!important;
  font-size: 16px;
  line-height: 30px;
}

/* .container {
  padding: 20px;
  gap: 10px;
} */
.description {
  max-width: 800px;
  margin: 0 auto;
  font-size: 16px;
  color: #555;
}
.cards {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  margin-top: 20px;
}
/* .card {
  background-color: #4A148C;
  color: white;
  border-radius: 10px;
  padding: 20px;
  margin: 10px;
  width: 300px;
  text-align: left;
} */
/* .card h2 {
  font-size: 18px;
} */
.icon {
  font-size: 20px;
}
.whiteCane-img{
  width: 10%;
}
.device-destributing {
  width: 35%;
}
.community{
 width: 100%;

}
.pa-30{
  padding-top: 20px!important;
  padding-bottom: 20px!important;
}
.margin-top{
  margin-top: 150px;
}
.para p{
  color: #312275;
  font-size: 16px;
  text-align: justify;
  padding: 10px;
}
.bgcolor-yellow{
  background-color: #FCD757;
}
.para h6{
  font-family: 'Raleway-Medium'!important;
  font-size: 15px;
  line-height: 30px;
  text-align: justify!important;
  padding: 0px 10px!important;
}
.whiteLine1{
  opacity: 1;
    margin: auto 12px;
    height: 20rem !important;
    border: 1px solid var(--yellow-bg);
}















 .key_outreach h2{
     font-size:40px;
     font-family: 'Raleway-Bold';
     color:#312275;
     
 }
 .p-54{
     padding:40px 40px;
     padding-bottom:54px!important;
 }
 .key_outreach{
     background-color:#EFF7FF;
 }
 #school-title{
     color:#312275;
     font-size:24px;
     font-family: 'Raleway-Bold';
 }
 .school-title{
     font-family: 'Raleway-Medium';
     font-size:16px;
     color:#404040;
 }
 .semibold p strong{
     font-family: 'Raleway-SemiBold';
  font-size: 20px;
  color:#312275;
 }
 .semibold p{
    font-family: 'Raleway-Medium'!important;
     font-size:16px!important;
     color:#404040!important;  
 }
 
 .semibold ul li{
     font-family: 'Raleway-Medium'!important;
     font-size:16px!important;
     color:#404040!important;
 }
 
 
 .educatorImpactTitle h2{
     color:#312275;
     font-size:40px;
     font-family: 'Raleway-Bold';
 }
 .educatorImpactTitle h3{
      font-family: 'Raleway-SemiBold';
  font-size: 24px!important;
  color:#312275;
 }
 
 .educatorImpactTitle p{
    font-family: 'Raleway-Medium'!important;
     font-size:20px!important;
     color:#404040!important;  
 }
 .raleway_medium{
     font-size:19px!important;
    font-family: 'Raleway-Medium'!important; 
     color:#312275!important;
 }

.educatorImpact h3{
    font-size:20px!important;
    font-family: 'Raleway-Medium'!important; 
     color:#404040!important;
}

.educatorImpact p{
    font-size:16px!important;
    font-family: 'Raleway-Regular'; 
     color:#5A5A5A!important;
}
.educationPartner h3{
    color:#404040!important;
     font-size:24px!important;
     font-family: 'Raleway-Bold'!important;
}
.educationPartner p strong{
     font-family: 'Raleway-SemiBold';
  font-size: 26px!important;
  color:#312275;
}
.bg{
    background-color:#EFF7FF!important;
}
.impactHeading p{
    font-family: 'Raleway-Medium'!important;
  font-size: 24px;
  color:#000000!important;
}

 .impact-number{
    /*font-family: 'Raleway-ExtraBold'!important;*/
    font-family: 'Raleway-Bold'!important;
  font-size: 48px!important;
  color:#312275;
}
.impact-section .impact-label{
    color:#282828;
        font-family: 'Raleway-Medium'!important;
  font-size: 20px;
}

.quote-box .medium{
    font-family: 'Raleway-Medium'!important;
  font-size: 20px!important;
  color:#404040!important;
}
/*.p-55{*/
/*    padding:40px 20px;*/
/*    display:center;*/
/*}*/
.impactOutcomeHeading .semi{
    font-family: 'Raleway-SemiBold';
  font-size: 20px!important;
  color:#404040;
}

.impactOutcomeHeading .mediumraly{
    font-family: 'Raleway-Medium'!important;
  font-size: 20px!important;
  color:#404040!important;
}


 .donation-card {
      background-color: #fff;
      color: #000;
      /*border-radius: 10px;*/
      padding: 40px 40px;
      margin-bottom: 1.5rem;
      height: 100%;
      box-shadow: 0 4px 8px rgba(0,0,0,0.1);
    }
    .btn-donate {
      background-color: #2e1e6a;
      color: #ffffff!important;
    }
    .btn-donate:hover {
      background-color: #1b1140;
      color: #fff;
    }
    .icon {
      font-size: 1.5rem;
      margin-right: 0.5rem;
    }
    .bg-bllue{
        background-color:#312275!important;
    }
    .text-warninng{
         color:#FCD757!important;
     font-size:40px!important;
     font-family: 'Raleway-Bold'!important;
    }
    #education-heading{
        color:#ffffff;
        font-family: 'Raleway-SemiBold';
  font-size: 28px!important;
    }
    .donation-card h3{
       color:#312275;
        font-family: 'Raleway-SemiBold';
  font-size: 28px!important;  
    }
    .donation-card h3 span{
        color:#1B1B1B;
        font-family: 'Raleway-SemiBold';
  font-size: 16px!important; 
    }
    
    
    
    
    
     .section-title {
      color: #312275;
      font-size:40px!important;
     font-family: 'Raleway-Bold'!important;
    }
    .donation-method {
      border: 1px solid #ccc;
      border-radius: 10px;
      padding:40px 40px!important;
      height: 100%;
      background-color: #ffffff;
      transition: transform 0.2s ease;
    }
    .donation-method:hover {
      transform: scale(1.02);
    }
    .donation-method h5 {
       color:#312275;
        font-family: 'Raleway-SemiBold';
  font-size: 28px!important; 
    }
    .donation-method p{
        font-family: 'Raleway-Medium'!important;
  font-size: 16px!important;
  color:#1B1B1B!important;
    }
    .donate-img {
      max-width: 100%;
      height: auto;
      border-radius: 8px;
    }
    .lead{
        font-family: 'Raleway-Medium'!important;
  font-size: 24px!important;
  color:#000000!important; 
    }
    .bg-bluue{
        background-color:#EFF7FF;
    }
    
    
    .volunteer-section {
      background-color: #fcd757;
      text-align: center;
      padding: 3rem 1rem;
    }

    .volunteer-section h2 {
      color: #2e1e6a;
      font-weight: bold;
    }

    .volunteer-section p {
      color: #000;
      font-size: 1.1rem;
      margin-bottom: 1.5rem;
    }

    .btn-volunteer {
      background-color: #2e1e6a;
      color: #fff;
      padding: 0.6rem 1.5rem;
      font-size: 1rem;
      border-radius: 5px;
    }

    .btn-volunteer:hover,
    .btn-volunteer:focus {
      background-color: #1f1450;
      color: #fff;
      outline: none;
      box-shadow: 0 0 0 0.25rem rgba(46, 30, 106, 0.4);
    }
    .bg-yelloww{
        background-color:#FCD757;
    }
    .bg-yelloww h2{
        color: #312275;
      font-size:40px!important;
      margin-bottom:20px;
     font-family: 'Raleway-Bold'!important
    }
    .bg-yelloww p{
     font-family: 'Raleway-Medium'!important;
  font-size: 24px!important;
  color:#000000!important; 
    }
    .pt60{
        padding-top:50px;
        padding-bottom:80px;
    }
    #events-heading{
          color: #FCD757;
      font-size:40px!important;
     font-family: 'Raleway-Bold'!important;
     text-align:center;
     padding-bottom:48px;
     padding-top:60px;
    }
       
.bg-{
    padding-bottom:50px;
    background-color:#312275;
}
.bg-whitee{
    background-color:#EFF7FF!important;
}
.btn-primarry button{
    background-color:#312275!important;
}
/*===================================== service end ========================================= */

/* =================================== resources page start ============================= */

.resources-content {
  width: 100%;
  top: 50%;
  left: 50%;
  text-align: center;
  transform: translate(-50%, -50%);
  position: absolute;
  color: #fff;
  font-size: 32px;
  font-family: 'Raleway-Black';
}

.resources-banner {
  position: relative;
}

.device-title {
  font-weight: bold;
  font-size: 18px;
  margin: 10px 0;
}
.device-desc {
  font-size: 14px;
}

.assistive{
  padding: 10px 80px;
  margin: 0px;
}

.container-assistive{
  display: flex;
  gap: 20px;
  padding-top: 15px;
}
.container-assistive .cardd h2,p{
  color: #312275!important;
  
}
.container-assistive .cardd h2{
  font-family: 'Raleway-Medium';

}
.container-assistive .cardd h6{
  font-family: 'Raleway-Medium';
  font-size: 16px;
  line-height: 40px;
  padding: 0px 28px;
  color: #312275!important;
}

.cardd {
  background-color: #F7C948;
  padding: 20px;
  width: 480px;

  height: 220px;
  border-radius: 10px;
  position: relative;
  box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.2);
}

.cardd h2 {
  margin: 0;
  font-size: 32px;
  line-height: 60px;
  font-weight: bold;
  font-family: 'Raleway-Regular';
}

.cardd h2 span {
  font-size: 24px;
  padding-left: 10px; 
  line-height: 40px;
  font-family: 'Raleway-Medium';
}

.teaching_learning-mob1{
  display: none;
}
.teaching_learning-mob2{
  display: none;
}
.assistive-container{
  background-color: #312275;
  padding-top: 20px;
}
.assistive-container h2{
  text-align: center;
  color: #FCD757;
  font-family: 'Raleway-Bold';
  /* padding-bottom: 15px; */
  font-size: 32px;
  line-height: 60px;
  /* padding-top: 15px; */
}
.cardd h6 {
  font-size: 14px;
  margin-top: 10px;
  line-height: 1.4;
  font-family: 'Raleway-Medium'!important;
}
/* .brailekit-img{
  width: 43vw!important;
}
.mobilePhone-img{
  width: 43vw!important;
} */
.corner {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 30px;
  height: 30px;
  background-color: #312275;
  border-top-right-radius: 10px;
  clip-path: polygon(0 100%, 100% 0, 100% 100%);
}

.body-container{
padding-bottom: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    /* height: 100vh; */
    font-family: Arial, sans-serif;
}

.teaching-learning{
  text-align: center;
  /* padding-left: 80px;
  padding-right: 80px; */
  padding: 30px 80px;
}
.teaching-Content{
  color: #312275!important;
  padding: 0px 80px;
  padding-bottom: 20px;
  font-family: 'Raleway-Bold';
  font-size: 36px;
  line-height: 60px;
}
.teaching-collaboration{
  position: relative;
}
.teaching-content{
width: 100%;
top: 50%;
left: 50%;
text-align: center;
transform: translate(-50%, -50%);
position: absolute;
padding: 56px 108px;
}
.teaching-content .btn-yellow{
  background-color:#FCD757 ;
  color:#312275 ;
  padding: 5px 40px;
  border-radius: 10px;
  font-family: 'Raleway-SemiBold';
  font-size: 16px;
}
.teaching h6{
  color:#FCD757 !important ;
  line-height: 40px!important;
  font-family: 'Raleway-SemiBold'!important;
  font-size: 20px;
  padding: 0px 112px;
  line-height: 50px!important;
  
}

.resources-scholership p{
  color: #FCD757!important;
}


 .teaching-contant .header{
  font-family: 'Radley-Regular'!important;
  font-size: 24px!important;
  line-height: 40px;
  text-align: center;
  padding-left: 80px;
  color: #312275;
  padding-right: 80px;
  padding-top: 30px;
 }
.teaching-div h2{
  font-family: 'Raleway-SemiBoldItalic';
  font-size: 24px;
  color:#FCD757 !important;
  line-height: 60px;
}
.teaching-div h6{
  font-family: 'Raleway-Medium'!important;
  color:#FCD757!important ;
  line-height: 40px;
}
.learning-div h6{
  font-family: 'Raleway-Medium'!important;
  color:#FCD757 !important ;
  line-height: 40px;
}
.learning-div h2{
  font-family: 'Raleway-SemiBoldItalic';
  font-size: 24px;
  color:#FCD757 ;
  line-height: 60px;
}
.teaching-div{
  width: 31%;
  left: 20%;
  top: 50%;
  align-items: center;
  transform: translate(-25%, -50%);
  position: absolute;
  padding: 0px 0px;
  text-align: center;
  color: #FCD757 !important;
}
.teaching-material{
  position: relative;
}
.learning-div{
  width: 31%;
    left: 64%;
    top: 50%;
    align-items: center;
    transform: translate(-25%, -50%);
    position: absolute;
    padding: 0px 0px;
    text-align: center;
    color: #FCD757 !important;
}
.teaching-material img{
  padding: 30px 80px;
  border-radius: 116px!important;
}
.scholership-content p{
  color: #FCD757 !important;
  font-family: 'Radley-Regular';
  font-size: 16px;
  line-height: 40px;
}
.sponsers-content p{
  color: #FCD757 !important;
    font-family: 'Radley-Regular' !important;
    font-size: 16px;
    line-height: 40px;
}

.scholership-content{
 padding: 40px 80px;
 margin-bottom: 1px;
}
.scholership-program{
  background-color: #312275;
}
.sponsers-content h4{
  font-family: 'Raleway-SemiBoldItalic' !important;
    font-size: 28px;
    color: #FCD757;
    padding-bottom: 30px !important;
}
.scholership-content h4{
  font-family: 'Raleway-SemiBoldItalic'!important;
  font-size: 28px;
  color: #FCD757;
  padding-bottom: 30px!important;
}
.sponsers-content{
  padding: 40px 80px;
  background-color: #312275;
}
.sponsers-content-img img{
  width: 90% !important;
  height: 250px !important;
  margin-left: 45px;
}
.scholership-content-img img{
  width: 90%!important;
  height: 250px!important;
  margin-left: 45px!important;
}
.assistive .col-md-6 {  
  padding-right: 12px!important;
}

.assistive .col-md-6:last-child {
  padding-left: 15px!important;
}
.custom-wrapper {
  width: 100%;
  max-width: 1140px;
  margin: 0 auto;
  padding: 0 15px;
}

/* Button styles */
.btn-yellow {
  background-color: #f5c518;
  color: #000;
  border: none;
  padding: 10px 20px;
  font-weight: 600;
  border-radius: 8px;
  transition: background-color 0.3s ease;
}

.btn-yellow:hover {
  background-color: #e5b200;
}

/* Responsive image control */
.networkingmob-1 {
  display: none;
}






.assistive-container h2,
  .teaching-Content h2,
  .scholership h2 {
    font-size: 2rem;
    margin-bottom: 20px;
    text-align: center;
    font-weight: bold;
  }

  .assistive img,
  .teaching-collaboration img,
  .scholership-img {
    border-radius: 10px;
    margin-bottom: 20px;
    width: 100%;
    height: auto;
  }

  /* .cardd {
    background-color: #FCD757;
    padding: 20px;
    border-radius: 12px;
    margin-bottom: 20px;
    text-align: center;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
  } */

  .cardd h2 {
    font-size: 1.5rem;
    margin-bottom: 10px;
  }

  .btn-yellow {
    background-color: #FCD757;
    color: #000;
    border: none;
    padding: 10px 20px;
    font-weight: bold;
    border-radius: 5px;
  }

  .btn-transforming {
    background-color: #FCD757;
    color: #312275;
    padding: 8px 50px;
    border: none;
    border-radius: 22px;
    text-decoration: none;
  }

  .teaching-content {
    padding: 15px;
  }

/* =================================== resources page end  ============================== */

/* =================================== blogs news start ================================= */

.blogs-content {
  width: 100%;
  top: 50%;
  left: 50%;
  text-align: center;
  transform: translate(-50%, -50%);
  position: absolute;
  color: #fff;
  font-size: 32px;
  font-family: 'Raleway-Black';
}

.blogs-banner {
  position: relative;
}
.text-dark{
  font-size: 22px;
  font-family: 'Raleway-Bold';
  line-height: 35px;
}

.bg-warning_date{
  background-color: #FCD757;
  color: #312275;
  padding: 10px 20px;
}
.text-primaryy{
  color: #312275;
  font-family: 'Raleway-Bold';
  font-size: 28px;
}
 .news-title{
  font-family: 'Raleway-Bold';
  font-size: 22px!important;
  color: #312275;
  line-height: 35px!important;
  display: flex;
      flex-direction: column;
      justify-content: space-between; 
      align-items: center;
} 
.news-date{
  font-family: 'Raleway-Bold';
  font-size: 22px!important;
  color: #000;
  line-height: 35px!important;
} 
.text-primaryyy{
  color: #312275;
  font-family: 'Raleway-Bold';
  font-size: 22px;
  margin-bottom: 46px!important;
}
.card-body h6{
  font-family: 'Raleway-Medium'!important;
  font-size: 17px;
  padding-bottom: 10px;
  color: #312275!important;
}
.bg-primaryy{
  background-color: #312275;
  display: flex;
  padding: 0px 33px;
    justify-content: center;
    align-items: center;
    border-radius: 9px;
    font-family: 'Raleway-Medium';
    font-size: 22px;
}
.blog-content{
  padding: 10px 80px!important;
}
.blog-card img {
  width:43vw!important;
}
.blog-title {
  background-color: #312275;
  color: white;
  text-align: center;
  padding: 32px 39px;
  font-weight: bold;
  border-radius: 0px !important;
  position: relative;
  bottom: 54px;
  width: 37vw;
  height: 18vh;
  left: 29px;
  line-height: 28px;
  font-family: 'Raleway-Regular';
  font-size: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
}
/* .date-badge {
  position: absolute;
  top: 0px;
  left: 0px;
  background: #FCD757;
  padding: 10px 30px;
  font-size: 22px;
  font-family: 'Raleway-Medium';
  line-height: 35px;
  color: #312275;
  border-radius: 5px;
} */
.latest-news-title {
 line-height: 40px;
  text-align: center;
  font-family: 'Raleway-Bold'!important;
  font-size: 20px;
  padding: 0 80px;
    padding-bottom: 20px;
}
.latest1 h2{
  font-family: 'Raleway-Bold'!important;
  font-size: 28px;
  padding-bottom: 18px;
}
.news-image{
  width: 304px!important;
}
.latest2 h6{
  font-family: 'Raleway-Bold'!important;
  font-size: 22px;
  line-height: 35px;
  padding: 10px 56px; 
  color: #312275;
}
.news-card {
  text-align: center;
  background: white;
  padding: 10px;
  border-radius: 10px;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
}

.blogs-container h2{
  font-family: 'Raleway-Bold'!important;
  font-size: 28px;
 padding: 20px 80px;
  color: #312275!important;
}
.blogLatest-2{
  width: 308px !important;
  height: 217px;
  object-fit: cover;
  position: relative;
  bottom: 24px;
}
.blogLatest-3{
  width: 308px !important;
    height: 217px;
    object-fit: cover;
    position: relative;
    bottom: 78px;
}
.news-item img {
  transition: transform 0.3s ease;
}
.news-item:hover img {
  transform: scale(1.02);
}
.news-section{
  padding: 10px 80px!important;
}
.news-section h4{
  font-family: 'Raleway-Bold'!important;
  font-size: 28px;
  color: #312275!important;
}
.news-item p{
color: #312275!important;
font-size: 22px!important;
font-family: 'Raleway-Bold'!important;
}
.volunteer_h6{
  font-family: 'Raleway-Bold'!important;
  font-size: 22px;
  position: relative;
  bottom: 70px;
  line-height: 35px;
  color: #312275!important;
}
.dec-1{
  position: relative;
  left: 30px;
  bottom: 52px;
  font-family: 'Raleway-Bold'!important;
  font-size: 22px;
  line-height: 35px;
}




.thumbnail-img {
  cursor: pointer;
  border: 2px solid transparent;
  border-radius: 10px;
}
.thumbnail-img:hover {
  border-color: #007bff;
}
.main-img {
  width: 100%;
  height: auto;
  border-radius: 10px;
}
/* =================================== blogs news end =================================== */

/*===================================== get involved start  ===============================  */

.getinvolved-content {
  width: 100%;
  top: 50%;
  left: 50%;
  text-align: center;
  transform: translate(-50%, -50%);
  position: absolute;
  color: #fff;
  font-size: 32px;
  font-family: 'Raleway-Black';
}

.getinvolved-banner {
  position: relative;
}
.getInvoled-mob{
  display: none;
}
.volunters-section{
  background-color: #312275;

}

.donate-section{
  background-color: #FCD757;
}
.volunters-container h2{
  font-family: 'Raleway-Bold'!important;
  color:#FCD757 ;
  font-size: 28px;
}
.btn-volunters{
  font-family: 'Radley-Regular';
  border-radius: 20px;
  padding: 5px 55px;
  color: #312275!important;
  background-color: #FCD757;
}
.btn-volunters:hover{
background-color: #312275;
color: #FCD757!important;
}
.volunters-container h6{
  font-family: 'Radley-Regular';
  line-height: 35px;
padding: 30px;
font-size: 16px;
color: #FCD757!important;
}
.volunters-container{
  padding: 60px 80px;
}
.our_Program{
  margin-left: 38px;
  text-align: justify;
  margin-right: 67px!important;
}
.our_Program h2{
  text-align: center;
  padding-bottom: 30px;
}

.donate-container{
  padding:80px 80px;
}
.donate-container h6{
  font-family: 'Radley-Regular';
  line-height: 40px;
  padding: 15px;
  color: #312275 !important;
  font-size: 16px;
  padding-bottom: 9px;
}
.donate-container h2{
  font-family: 'Raleway-Bold'!important;
  color:#312275 ;
  font-size: 28px;
  
}
.btn-donate{
  font-family: 'Radley-Regular';
  border-radius: 20px;
  padding: 5px 55px;
  background-color: #312275;
  color:#ffffff !important;
}
.btn-donate:hover{
  background-color: #FCD757;
  color: #312275;
}
.donate-img{
  padding-right: 11px;
}

.nab-partner{
padding-top: 40px;
padding-bottom: 40px;
}
.btn-community{
  background-color: #312275;
  color: #FCD757;
}
.btn-ngo{
  background-color: #312275;
  color: #FCD757;
  
}
/*===================================== get involved end ================================ */

/*===================================== contact Us start ====================================== */
.contact-content {
  width: 100%;
  top: 50%;
  left: 50%;
  text-align: center;
  transform: translate(-50%, -50%);
  position: absolute;
  color: #fff;
  font-size: 32px;
  font-family: 'Raleway-Black';
}

 .contact-box {
      background-color: #fff;
      border: 1px solid #ccc;
      border-radius: 10px;
      padding: 20px;
      height: 100%;
    }
    .contact-title {
      color: #472F92;
    font-family: 'Raleway-Bold'!important;
    font-size:40px;
      margin-bottom: 10px;
    }
    .contact-info {
      font-size: 1rem;
      color: #000;
    }
    .social-icon {
      font-size: 1.5rem;
      color: #472F92;
      background-color: #e6f0ff;
      border-radius: 10px;
      width: 45px;
      height: 45px;
      display: flex;
      align-items: center;
      justify-content: center;
      transition: all 0.3s;
    }
    .social-icon:hover {
      background-color: #472F92;
      color: #fff;
    }
.contact-banner {
  position: relative;

}
.contact-container {
  width: 58vw;
  /* padding: 40px; */
}
.form-control {
  border-radius: 5px;
}
.btn-warningg {
  font-family: 'Raleway-SemiBold';
  font-size: 16px;
  color: #312275;
  padding: 5px 23px;
  background-color: #FCD757;
}
.error {
  color: red;
  font-size: 14px;
}

.bg-color{
  background-color: #312275;
  padding: 0px 80px;
  padding-top: 68px;
  padding-bottom: 15px;
}
.form{
  font-family: 'Raleway-SemiBold';
  font-size: 16px;
}
.contact-container label{
  color: #fff; 
  font-family: 'Raleway-SemiBold';
  font-size: 16px;
}
.right-content{
  margin-left: 119px;
}
.form input, .form-control{
  padding: 12px;

}
.right-content h5{
  font-family: 'Raleway-ExtraBold';
  font-size: 28px;
}
.right-content h3{
  font-family: 'Raleway-ExtraBold';
  font-size: 40px;
}
.right-content p{
  font-family: 'Raleway-Medium';
  font-size: 16px;
}
.right-content{
  width: 100%;
}
.contact-mob-1{
  display: none;
}


.get-container {
  max-width: 958px;
  width: 50vw;
  padding: 0px 67px;
  padding-bottom: 70px;
  padding-top: 47px;
  margin-left: 130px;
  text-align: left;
}

.get-container h4 {
  font-family: 'Raleway-Bold'!important;
  font-size: 28px;
  margin-bottom: 1rem;
  color: #FCD757;
}

.get-container h1 {
  font-family: 'Raleway-Bold'!important;
  font-size: 40px;
  margin-bottom: 1rem;
  color: #FCD757;
}

.get-container .desc {
  font-size: 19px;
  line-height: 40px;
  font-family: 'Raleway-Medium';
color: #FCD757!important;
}

.contact-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 30px;
  margin-top: 23px;
  color: #FCD757;
}

.contact-item {
  display: flex;
  gap: 15px;
  align-items: flex-start;
  font-size: 1rem;
}

.contact-item i {
  font-size: 1.5rem;
  margin-top: 4px;
  color: #FCD757;
}

.contact-item a {
  color: #FCD757;
  text-decoration: underline;
}

.socials {
  margin-top:12px;
}

.socials p {
  margin-bottom: 10px;
  font-weight: bold;
  color: #FCD757!important;
}

.icons img {
  font-size: 1.3rem;
  margin-right: 15px;
  color: #FCD757;
  cursor: pointer;
}
.contact-us{
  font-family: 'Radley-Regular';
  font-size: 16px;
  line-height: 20px;
}

/*===================================== contact Us end ====================================== */

/*===================================== legal complain start  ================================ */

.legal-content {
  width: 100%;
  top: 50%;
  left: 50%;
  text-align: center;
  transform: translate(-50%, -50%);
  position: absolute;
  color: #fff;
  font-size: 32px;
  font-family: 'Raleway-Black';
}

.legal-banner {
  position: relative;

}
  .policy{
  margin-bottom: 40px;
} 
.policy h3{
  font-size: 23px;  
  line-height: 40px;
  font-family: 'Radley-Regular'!important;
  color: #312275!important;
} 
.mobImg-1{
  display: none;
}
.legal-img {
  display: flex;
  justify-content: center;
  align-items: center;
}
.frame-border{

  background-size: contain;
  background-position: right;
  background-repeat: no-repeat;
  /* background
  -image: url('../images/legal-complain/Frame-blueYellow.png'); */
}
.policy_legal{
  position: relative;
  top: 10px;
  
}
.policy_padding{
  padding: 40px 80px;
}
.policy h2{
  font-size: 28px;
  font-family: 'Raleway-Bold'!important;
  color: #312275;
padding-bottom: 18px;
}
/*===================================== legal complain end   ================================= */

/*===================================== get volunteers volunteers start ====================== */
.get-volunteer-content {
  width: 100%;
  top: 50%;
  left: 50%;
  text-align: center;
  transform: translate(-50%, -50%);
  position: absolute;
  color: #fff;
  font-size: 32px;
  font-family: 'Raleway-Black';
}

.get-volunteer-banner {
  position: relative;

}


.volunteer_bg h2 {
  color: #FCD757;
  text-align: center;
  font-family: 'Raleway-Bold'!important;
  font-size: 28px;
} 

.volunteer_bg h6.subtitle {
  text-align: center;
  font-size: 14px;
  color: #FCD757!important;
  font-size: 16px;
  font-family: 'Radley-Regular'!important;
  line-height: 40px;
  margin-bottom: 30px;
} 

.volunteer_bg form {
  width: 100%;
    /* max-width: 900px; */
    /* margin: 20px auto; */
    /* background-color: #1e0a66; */
   /* border-radius: 10px; */
} 

 .volunteer_bg{
  background-color: #312275;
  padding: 42px 80px;
}
.volunteer_bg .form-group {
  display: flex;
  flex-direction: column;
  margin-bottom: 15px;
}

.volunteer_bg .form-group label {
  margin-bottom: 15px;
  font-family: 'Raleway-SemiBold';
  font-size: 16px;
} 

.volunteer_bg .form-group input,
.form-group select,
.form-group textarea {
  padding: 10px;
  border-radius: 5px;
  border: none;
  outline: none;
  font-size: 14px;
}

.volunteer_bg .form-row {
  display: flex;
  gap: 26px;
    margin-bottom: 23px;
}

.volunteer_bg .form-row .form-group {
  flex: 1;
}

.volunteer_bg .error {
  color: #ff4d4d;
  font-size: 13px;
  margin-top: 5px;
}

.volunteer_bg button {
  display: block;
  margin: auto;
  margin-top: 67px;
  background-color: #FCD757;
  color: #312275;
  border: none;
  padding: 10px 40px;
  border-radius: 5px;
  font-weight: bold;
  cursor: pointer;
}

.volunteer_bg button:hover {
  background-color: #ffdb4d;
}  
/*===================================== get volunteers volunteers end ======================== */

/*===================================== get volunteers donate start  ========================= */

.donor_bg h2 {
  text-align: center;
  color: #FCD757;
  font-size: 28px;
  font-family: 'Raleway-Bold'!important;
  margin-bottom: 10px;
}

.donor_bg .donation-form {
  width: 100%;
    /* max-width: 1000px; */
    /* margin: 0 auto; */
    /* display: flex; */
}
.donor_bg{
  background-color: #312275;
  padding: 50px 80px;
}

/* .form-section {
  margin-top: 30px;
} */

.donor_bg .form-title {
  margin-bottom: 31px;
  margin-top: 0px;
  font-size: 28px;
  text-align: center;
  font-family: 'Raleway-Bold'!important;
  color: #FCD757;
}
.donor_bg .form-title2{
  margin-top: 42px!important;
   margin-bottom: 31px;
  margin-top: 0px;
  font-size: 28px;
  text-align: center;
  font-family: 'Raleway-Bold'!important;
  color: #FCD757;
}

.donor_bg .form-row {
  display: flex;
  gap: 20px;
  margin-bottom: 15px;
  flex-wrap: wrap;
}

.donor_bg .form-group {
  flex: 1;
  display: flex;
  flex-direction: column;
  min-width: 250px;
  padding-bottom: 30px;
}

.donor_bg label {
  margin-bottom: 13px;
  font-family: 'Raleway-SemiBold';
  font-size: 16px;
}

.donor_bg input, select, textarea {
  padding: 10px;
  border-radius: 5px;
  border: none;
  font-size: 14px;
}

.donor_bg textarea {
  resize: vertical;
}

.donor_bg .error-message {
  color: #ff4d4d;
  font-size: 13px;
  margin-top: 5px;
}

.donor_bg .submit-btn {
  margin:auto;
  margin-top: 67px;
  display: block;
  background-color: #FCD757;
  color: #312275;
  padding: 10px 40px;
  border-radius: 6px;
 font-size: 16px;
 font-family: 'Raleway-SemiBold';
  border: none;
  cursor: pointer;
}
.donor_bg .submit-btn:hover {
  background-color: #ffd633;
}

/*===================================== get volunteers donate end =========================== */


/* ==================================== Footer Start ===================================== */
footer {
  background-color: var(--color-blue);
}

.footer-donateBtn a {
  margin: 0;
}

.footer-links h5 {
  font-size: 24px;
  margin-bottom: 20px;
  color: var(--color-yellow);
  font-family: 'Radley-Regular';
}

.footer-links ul li {
  padding: 8px 0;
}

.footer-links ul li a {
  font-size: 16px;
  line-height: 30px;
  color: var(--color-yellow);
  font-family: 'Raleway-Medium';
}

.footer-nav-lnks {
  display: flex;
}

.footer-nav-lnks ul {
  width: 100%;
  padding: 0 10px !important;
}

.footer-links h6 {
  font-size: 20px;
  margin-bottom: 20px;
  color: var(--color-yellow);
  font-family: 'Radley-Regular';
}

.socialMedia-icons {
  display: flex;
}

.socialMedia-icons a {
  padding-right: 12px;
}

/* ==================================== Footer End ===================================== */