.card {
    border: none;
    opacity: 0;
    transform: translateY(10%);
    transition: opacity 1s ease-in, transform 1s ease-in;
    filter: blur(20px);
}

.card.active {
    opacity: 1;
    transform: translateY(0%);
    transition: opacity 0.3s ease-in, transform 0.3s ease-in;
    filter: blur(0px);
}
.banner_img-container {
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0.5) 40%, rgba(0, 0, 0, 0)), url("/img/banner_about-img.png");
  position: relative;
  background-repeat: no-repeat;
  background-size: 240%;
  background-position-x: 50%;
  background-position-y: 20%;
  height: 400px;
}

@media screen and (min-width: 1024px){
  .banner_img-container {
    background-position: center center;
    background-size: 180%;
    height: 800px;
  }
}

@media screen and (min-width: 1440px){
  .banner_img-container {
    background-size: 150%;
  }
}

@media screen and (min-width: 1600px){
  .banner_img-container {
    background-size: 140%;
  }
}


/**** our story ****/
.our_story {
  /* background: linear-gradient(to right, #22376c 50%, #fff 50%); */
  background-color: #003976;
  border-radius: 0 0 80px 0;

}
.our_story .section-container{
  max-width: 80rem;
  margin: 0 auto;
}
.our_story .text_content {
  margin: 0;
  background-color: #003976; 
  color: #fff;
  padding: 20px;
  border-radius: 0 0 15% 0;
}

.our_story .our-story_img {
  background: url("/img/our_story-cashew.png");
  min-height: 400px;

  background-repeat: no-repeat;
  background-size: 120%;
  background-position: 50% 50%;
}

@media screen and(min-width: 768px)  {
  .our_story .our-story_img {
    background-size: 100%;
    background-position: center;
  }
}

@media screen and(min-width: 1024px)  {
  .our_story .our-story_img {
    min-height: 600px;
    background-size: 100%;
  }
}

.our_story .text_content {
  position: relative;
}
.our_story .text_content .heading {
  letter-spacing: 1px;
  text-decoration: underline;
  text-underline-offset: 8px;
  text-decoration-thickness: 3px;
  text-decoration-color: var(--secondary-color);
  margin-bottom: 50px;
}
.our_story .text_content p{
  text-align: justify;
  font-size: 20px;
  padding: 10px 0;
  line-height: 40px;
}
/*** icon ****/
.our_story .icon-container{
  position: absolute;
  right: 0%;
  top: 0%;
  width: 80px;
  height: 80px;
  margin-top: 20px;
  margin-right: 20px;
  z-index: 2;
}
.quality_section-container {
  padding: 80px 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 100px;
}

@media screen and (min-width: 1024px) {
  .quality_section-container {
    flex-direction: row;
    gap: 300px;
  }
}

.quality_section-container .quality{
  display: flex;
  align-items: center;
  padding: 10px;
  gap: 30px;
}


.quality_section-container .quality p{
  font-size: 22px;
}
.quality_section-container .quality:nth-child(3) p{
  font-size: 16px;
}

@media screen and (min-width: 1024px) {

  .quality_section-container .quality:nth-child(3) p{
    font-size: 22px;
  }
  
}

.quality_section-container .quality .img-container{
  border: 2px solid var(--secondary-color);
  border-radius: 50%;
  padding: 20px;
}
.quality_section-container .quality p{
  font-size: 20px;
  color: var(--primary-color);
  margin: 0;
}

/*** core team ***/
.core_team {
  background-color: #f6f6f6;
  padding: 60px;
}
.core_team h3 {
  text-align: center;
  margin-bottom: 80px;
  color: var(--primary-color);
  font-size: 30px;
  font-weight: 600;
}

.core_team .profile_card-container {
  display: flex;
  flex-direction: column;
  gap: 100px;
  justify-content: center;
  align-items: center;
}

@media screen and (min-width: 1024px) {
  .core_team .profile_card-container {
    flex-direction: row;
  }
}

.core_team .profile_card-container .profile-card{
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.profile-card{
  background-color: #f6f6f6;
}

.core_team .text-content {
  color: #fff;
  background-color: var(--primary-color);
  width: 100%;
  padding: 10px;
  text-align: center;
}

.core_team .text-content h5 {
  font-size: 25px;
  font-weight: 600;
}

.core_team .text-content p {
  font-size: 18px;
  margin: 0;
}