a/* .about-six__image__one::after {
  
    background-color: #fbd45a;
   
} */
/* .feature-one {
  
    padding: 100px 0 100px !important;
} */
.faq-one {
  padding: 100px 0px 100px !important;
}
/* .about-five {
    position: relative;
    z-index: 3;
    padding: 50px 0 50px;
} */
/* .feature-row {
    display: flex;
    flex-wrap: wrap; 
} */
/* .feature-one__single {
    padding: 20px;
    box-sizing: border-box; 
} */

/* .section2 {
    color: #ffffff !important;
} */
/* .events-two__right-bg-box {
    width: 100%;
    height: auto; 
    background-size: cover;
    background-position: center;
    padding: 20px;
} */
/* .events-two-shape-2 {
    position: absolute;
    top: 0;
    left: 0;
    width: 0px !important;
} */
.events-two__right-bg-box {
  position: absolute;
  top: -104px;
  bottom: 0px !important;
  left: 0px !important;
  right: 0px !important;
  background-color: var(--oxpins-black);
  z-index: -1;
}
.events-two__right-bg-box {
  width: 0%;
  height: auto;
  background-size: cover;
  background-position: center;
  padding: 0px;
}
.about-two__img img {
  height: 400px !important;
}
@media (min-width: 1200px) {
  .donate-one__image img {
    /* max-width: 540px !important; */
    height: 425px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .about-four__left {
      max-width: 450px !important;
      margin: 0 auto 0;
  }
}
.about-four__img img {
  width: auto !important;
}
.section-title {
 
  margin-bottom: 10px !important;
}
h2 {
  font-size: 35px !important;
}
/* .events-one__text-1 {
 
    width: 25rem !important;
} 
/* .about-two__img img {
    width: 100%;
    height: 450px ;
}
.about-two__img-box:before {
    left:0px !important;
}
/* .testimonial-one__left .section-title__title {
    color: #262222 !important;
}  */

.about-two__img-box:before {
  left: 0px !important;
}

.feature-one__top-title {
  color: #ffff;
}
.history_text {
  color: #fbd45a;
}

.feature-one__text {
  padding-bottom: 40px !important;
}

.feature-one__single-bg {
  background-position: bottom !important;
}

.feature-one {
  padding: 0px 0 90px !important;
}


/* 
  .events-one {
    background: linear-gradient(to bottom right, #c8191e, #0b83b7, #074c4d,#b21517);

  } */

  .section-title__title {
    font-size: 36px !important;
    color: #a01215 !important;
}
.about-four__points li .icon {
 
  background-color: #098999 !important;
 
  color: #ffffff !important;
}
.feature-one__point li .icon {
  background-color: #098999 !important;
 
  color: #ffffff !important;
}
.feature-one__point li .icon span {
  color: #fefefe !important;
  font-size: 12px !important;
}
.feature-one__point li .text p {
  
  font-weight: 500 !important;
}

.about-five__content__text {
  font-weight: 500;
 
}
.become-volunteer-one__sub-title {
  font-size: 24px;
  color: #a21215;
}
@media (min-width: 1200px) {
  .donate-one__image img {
      max-width: 643px;
      height: 576px;
  }
}
.become-volunteer-one__title {
  font-size: 40px;
  color: white !important;
  font-weight: 500 !important;
  letter-spacing: -0.04em;
  line-height: 62px;
  margin-top: 9px !important;
  margin-bottom: 5px !important;
}
.sectionfounding{
  color:white;
}

.pillar__item {
position: relative;
width: 188px;
height: 176px;
background-color: var(--oxpins-white);
border-radius: 50%;
display: flex;
align-items: center;
flex-direction: column;
overflow: hidden;
justify-content: center;
filter: drop-shadow(0px 4.94px 37.049px rgba(0, 0, 0, 0.06));
transition: all 0.4s linear;
z-index: 2;
}
.pillar__wrapper {
display: grid;
grid-template-columns: 1fr 1fr; /* Two columns */
gap: 20px; /* Space between the items */
list-style: none;
padding: 0;
margin: 0;
}

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

.pillar__item img {
max-width: 80px; /* Adjust image size as needed */
margin-bottom: 10px;
}

.pillar__item__title {
font-size: 16px; /* Adjust font size */
font-weight: bold;
color: #333; /* Example color, adjust as needed */
}
.history_text{
color: black;
font-weight: bold;

}
.feature-one__point li .text p {

color: #6f7775!important;
}
/* history begin */

/* Main container styles */
.dz-multiple-sections {
  background-color: #f8f8f8;
  padding: 50px 0;
}

.history_para{
  font-weight:500 ;
  font-size: 17px;

}
.history_para:hover{
  color: white !important;
  font-weight:500 ;

}

/* Header title */
.data-insights-head {
  text-align: center;
  font-size: 36px;
  font-weight: bold;
  margin-bottom: 50px;
}

/* List and item container styling */
.dz-about-inner {
  list-style: none;
  padding-left: 0;
  margin: 0;
}

.work-item-inner {
  padding: 20px;
  position: relative;
  border: none;
  margin-bottom: 0;
  border-bottom: 1px solid #ddd;
  transition: all 0.3s ease;
}

.work-item-inner:last-child {
  border-bottom: none;
}

/* Title styling */
.work-title h3 {
  font-size: 28px !important;
  font-weight: bold;
  margin: 0px 0px 0px 183px;
  display: flex;
  align-items: center;
}

.work-title span {
  font-size: 30px;
  font-weight: bold;
  margin-right: 10px;
  color: gray;
}

/* Line and view button styling */
.dz-line {
  text-align: center;
  position: relative;
}
/* @media only screen and (max-width: 520px) {
  .dz-line {
    text-align: center; 
    position: relative;
    font-size: 14px; 
    margin-right: 20%; 
  }
} */

/* Tablet view from 521px to 991px */
/* @media only screen and (min-width: 521px) and (max-width: 991px) {
  .dz-line {
    text-align: left; 
    position: static; 
    font-size: 16px; 
    margin-right: 0%; 
    margin-left:20% ;
  }
} */
.about-five__content .section-title {
  margin-bottom: 10px !important;
}
@media (min-width: 1200px) {
  .about-five__image {
      margin-left: 39px !important;
  }
}

.cross-line img {
  width: 35px;
  height: auto;
}

.view-btn {
  display: inline-block;
  font-size: 18px;
  color: white;
  background-color: #a51215;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  opacity: 0;
  transition: opacity 0.3s ease;
}

.dz-line:hover .view-btn {
  opacity: 1;
}

.work-content {
  padding-left: 20px;
}

/* Text paragraph styling */
.history_para {
  margin-bottom: 6px !important;
}

/* Active class without constant background color */
.work-item-inner.active {
  color: #333; /* Keep text color */
}

/* Hover effect on all .work-item-inner elements */
.dz-about-inner .work-item-inner:hover {
  background-color: #053b3a; /* Darken background only on hover */
  color: #fff; /* Change text color only on hover */
  transform: scale(1.02); /* Slightly scale the item */
  box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.2); /* Soft shadow effect */
  transition: all 0.3s ease;
}

.dz-about-inner .work-item-inner:hover h3,
.dz-about-inner .work-item-inner:hover .dz-text {
  color: #fff;
}

/* Section padding adjustments */
.work-item-inner:nth-child(4) {
  padding-left: calc(350px - 15px);
}

.work-item-inner:nth-child(3) {
  padding-left: calc(250px - 10px);
}

.work-item-inner:nth-child(2) {
  padding-left: calc(150px - 5px);
}

.work-item-inner:nth-child(1) {
  padding-left: 50px;
}

/* Utility classes */
.padding_remove {
  padding-top: 0px !important;
}

/* Media Queries for Tablet (768px and below) */
@media (max-width: 768px) {
  .data-insights-head {
      font-size: 28px;
      margin-bottom: 30px;
  }

  .work-title h3 {
      font-size: 26px;
      margin-left: 120px;
  }

  .work-title span {
      font-size: 24px;
  }

  .work-item-inner {
      padding: 15px;
  }

  /* Adjust padding for each section */
  .work-item-inner:nth-child(4) {
      padding-left: calc(250px - 15px);
  }
  .work-item-inner:nth-child(3) {
      padding-left: calc(150px - 10px);
  }
  .work-item-inner:nth-child(2) {
      padding-left: calc(100px - 5px);
  }
  .work-item-inner:nth-child(1) {
      padding-left: 30px;
  }
}

/* Media Queries for Mobile (576px and below) */
@media (max-width: 576px) {
  .data-insights-head {
      font-size: 24px;
      margin-bottom: 20px;
  }

  .work-title h3 {
      font-size: 22px;
      margin-left: 80px;
  }

  .work-title span {
      font-size: 20px;
  }

  .view-btn {
      width: 30px;
      height: 30px;
      font-size: 14px;
  }

  .work-item-inner {
      padding: 10px;
  }

  /* Adjust padding for each section */
  .work-item-inner:nth-child(4),
  .work-item-inner:nth-child(3),
  .work-item-inner:nth-child(2),
  .work-item-inner:nth-child(1) {
      padding-left: 20px;
  }
}

@media (max-width: 1200px) {
  .data-insights-head {
      font-size: 32px;
      margin-bottom: 40px;
  }

  .work-title h3 {
      font-size: 28px;
      margin-left: 140px;
  }

  .work-title span {
      font-size: 26px;
  }

  .work-item-inner {
      padding: 18px;
  }

  .view-btn {
      width: 35px;
      height: 35px;
      font-size: 16px;
  }

  .work-item-inner:nth-child(4) {
      padding-left: calc(300px - 15px);
  }

  .work-item-inner:nth-child(3) {
      padding-left: calc(200px - 10px);
  }

  .work-item-inner:nth-child(2) {
      padding-left: calc(120px - 5px);
  }

  .work-item-inner:nth-child(1) {
      padding-left: 40px;
  }
}

/* Media Queries for tablets and below (768px) */
@media (max-width: 768px) {
  .data-insights-head {
      font-size: 28px;
      margin-bottom: 30px;
  }

  .work-title h3 {
      font-size: 24px;
      margin-left: 80px;
  }

  .work-title span {
      font-size: 22px;
  }

  .view-btn {
      width: 30px;
      height: 30px;
      font-size: 14px;
  }

  .work-item-inner {
      padding: 15px;
  }

  .work-item-inner:nth-child(4),
  .work-item-inner:nth-child(3),
  .work-item-inner:nth-child(2),
  .work-item-inner:nth-child(1) {
      padding-left: 20px; /* Uniform padding to avoid overflow */
  }
}

.about-one {
  position: relative;
  display: block;
  padding: 100px 0 100px !important;
}

.become-volunteer-one__sub-title {
  color: white !important;
 
}


.sectionmission{
  background-color: #0a7aa9 !important;
 
}
.sectiontop{
  
    background-color: #0a7aa9 !important;
    color: #ffffff !important;
}
.feature-one__top-icon:hover {
  background-color: #053b3a !important;
  color: #ffffff !important;
}
.sectionbottom{
  background-color: #c11a1c !important;

}
.section_top{  
    background-color: #c11a1c !important ;
}
.page-header-bg {
  background-color: rgb(255 255 255 / 0%) !important;
}
.about-two__right .section-title {
  margin-bottom: 10px !important;
}
.about-five__content .section-title {
  margin-bottom: 0px;
}

.about-five__content .section-title__title {
  line-height: 50px;
}
.about-three__text-2 {
  font-size: 16px;
  padding-top: 10px !important;
  padding-bottom: 10px !important;
  /* margin-left: 20%;
  margin-right: 20%; */
}
/* .about-five__image__inner img {
  height: 400px !important;
} */

.donate-one__content .section-title {
  margin-bottom: 10px !important;
}
.donate-one__form__amount__buttons {
  margin: 10px 0 30px !important;
}
.about-three__left .section-title {
  margin-bottom: 5px !important;
}
.sectioncolor {
  font-size: 20px;
  color: #ffffff !important;
  line-height: 36px;
  padding-top: 25px !important;
  padding-bottom: 60px !important;
}
@media (min-width: 1200px) {
  .donate-one__image img {
      max-width: 643px;
      height: 480px !important;
  }
}
/* .thm-breadcrumb li.active {
  color: #a01215 !important;
} */
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .about-three__right {
      max-width: 600px;
      margin: 0px auto 200px !important;
  }
}
@media (max-width: 768px) {

  .about-three__left {
    position: relative;
    display: block;
    margin-top: 130px !important;
}
.donate-one__content {
  position: relative;
  max-width: 570px;
  padding: 19px 0px !important;
}
 
}
@media (max-width: 767px) { /* Mobile and small tablets */
  .about-one {
      padding: 50px 0 !important; /* Adjust padding for smaller screens */
  }
}

@media (min-width: 768px) and (max-width: 1024px) { /* Larger tablets */
  .about-one {
      padding: 25px 0 !important; /* Adjust padding for tablet screens */
  }
  .section-title {
    position: relative;
    display: block;
    margin-top: -4px;
    margin-bottom: 10px;
}
/* .work-content {
  margin: 0 0px; 
    text-align: center; 
  width: max-content; 
} */
.about-five__image__inner {
  mask: none;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .about-three__left {
      max-width: 600px;
      /* margin: 150px auto !important; */
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .events-one {
      padding: 100px 0 70px !important;
  }
}
.about-five__image {
  padding: 0px ;
}
@media only screen and (max-width: 767px) {
  .section_abts_one{
    word-break: break-word !important;

  }
  .faq-one__text-1 {
    font-size: 17px;
    padding-bottom: 0px !important;
    margin-right: 15px;
  }
  .events-one {
      padding: 20px 0 50px !important;
  }
  .testimonial-one__text-2 {
    font-size: 15px !important;
  }
  .feature-one__top-title {
    font-size: 28px;
}
.become-volunteer-one__title {
  font-size: 28px !important;
}
.section-title__title {
  font-size: 28px !important;
}

.testimonial-one__text-2 {
  height: 300px;
}
.section_abts{
  padding-top: 100px 0px !important;
}
.faq-three__image::after {
  position: absolute;
  right: 0;
  top: 0;
  width: 177px;
  height: 171px;
  content: "";
  border-radius: 6px;
  background-color: var(--oxpins-black);
  z-index: -1;
}
.faq-one{
  padding-top: 100px !important;
}
.about-five__image {
  background: none !important;
}


/* .about-five__image__inner {
  mask: none !important;
  mask-repeat: no-repeat;
  mask-position: center center;
  mask-size: cover;
} */
.about-five__image__inner {
  mask: none !important;
  -webkit-mask: none !important;
  mask-repeat: initial !important;
  mask-position: initial !important;
  mask-size: initial !important;
}

.events-one{
  padding: 60px 0px !important;
}

.become-volunteer-one__title {
  font-size: 38px;
}
}
.section_last_abt{
  padding: 80px 0 160px !important;
}

.faq-one__text-1 {
  font-size: 17px;
  padding-bottom: 41px;
  margin-right: 15px;
}
@media only screen and (max-width: 767px) {
  .about-three__right {
      margin-right: 0;
      margin-top: 0px !important;
  }
}
@media (max-width: 1024px) {
  .section_last_abt {
      padding: 60px 0 120px !important;
  }
}

@media (max-width: 768px) {
  .section_last_abt {
      padding: 50px 0 100px !important;
  }
}

.about-two__text-1 {
  font-size: 17px;
  margin-bottom: 15px;
}
.about-two__img img {
  object-fit: fill !important;
}