#land.blog {
  padding-bottom: 40px;
}

#blog-posts {
  margin-top: 126px;
  margin-bottom: 160px;
  position: relative;
  z-index: 10;
}

#blog-posts .wrapper,
#categories .wrapper {
  width: 75%;
}

#blog-posts .cards {
  flex-wrap: wrap;
  max-width: 1300px;
  margin: auto;
}

#blog-posts .cards img.front {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 25px;
}


#blog-posts .cards .card {
  width: 100%;
  max-width: 280px;
  height: 452px;
}

#blog-posts .card .top-img {
  width: 100%;
  height: 50%;
}

#categories .category-boxes {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  justify-content: center;
}

#categories .category-boxes .category {
  width: 25%;
  padding: 20px 0px;
  background-color: #ffe19f;
}

#categories .category-boxes .category:hover {
  cursor: pointer;
}

#categories .category-boxes .category._1 {
  border-bottom-left-radius: 15px;
  border-top-left-radius: 15px;
}

#categories .category-boxes .category._2 {
  border-left: 1px solid #f8b31a;
  border-right: 1px solid #f8b31a;
}

#categories .category-boxes .category._3, #categories .category-boxes .category._4, #categories .category-boxes .category._5, #categories .category-boxes .category._6, #categories .category-boxes .category._7, #categories .category-boxes .category._8 {
  border-right: 1px solid #B4E1E8;
}

#categories .category-boxes .category:last-child {
  border-right: 0px solid #B4E1E8;
  border-bottom-right-radius: 15px;
  border-top-right-radius: 15px;
}

#categories .blog-boxes-container {
  margin-top: 80px;
  display: flex;
  flex-wrap: wrap;
  grid-gap: 6rem;
  justify-content: flex-start;
}

#categories .blog-boxes-container .box {
  width: 100%;
  max-width: 425px;
  min-width: 200px;
  width: calc((100% - 12rem) / 3);
}

#categories .blog-boxes-container .box h4 {
  font-size: 2rem;
  margin-bottom: 1rem;
  text-transform: capitalize;
}

#categories .blog-boxes-container .box p {
  font-weight: 200;
}

#categories .blog-boxes-container .box .read-more {
  display: flex;
  align-items: center;
}

#categories .blog-boxes-container .box .read-more a {
  color: var(--blue);
  font-size: 1.5rem;
  font-weight: 400;
}

#categories .blog-boxes-container .box .arrow {
  color: var(--blue);
  font-size: 18px;

  position: relative;
  top: 4px;
}


#categories form input[type="radio"] {
  margin: 0;
  width: 0;
  height: 0;
  position: absolute;
  opacity: 0;
}


#categories label:has(input[type="radio"]:checked), #categories label.current-cat {
  background-color: #f8b31a !important;
  border: none !important;
}


#categories input[type="radio"]:checked+p, #categories label.current-cat p {
  /*color: #B4E1E8;*/
}

.no-top-margin{margin-top:0px !important;}

.programs-wrapper .cards .card {
    max-width: 305px !important;
}

.block_clickable{cursor:pointer;}

.card:nth-child(2) .img-wrapper{margin-left:26px !important;}

.blog_card-pic{border-radius:20px; margin-bottom:2em;}

@media(min-width: 1400px) {
  #categories .blog-boxes-container {
    max-width: 1700px;
  }
}

@media(max-width: 1280px) {
  #categories .blog-boxes-container {
    flex-direction: row;
  }
}

@media(max-width: 1275px) {
  #categories .blog-boxes-container .column .box {
    margin: auto;
  }
}

@media(min-width: 600px) and (max-width: 1200px) {
  #blog-posts {
    margin-top: 200px;
  }
}

@media(max-width: 1000px) {
  #blog-posts .cards {
    gap: 40px 0;
  }

  #blog-posts .cards .card {
    margin: auto;
  }

  #categories .blog-boxes-container {
    justify-content: space-around;
  }
  
  #categories .category-boxes .category {
    width: 50%;
  }

  #categories .category-boxes .category._1 {
    border-radius: 0px;
    border-top-left-radius: 15px;
  }

  #categories .category-boxes .category._2 {
    border-radius: 0px;
    border-top-right-radius: 15px;

    border-right: none;
  }

  #categories .category-boxes .category._3 {
    border-radius: 0px;
    border-bottom-left-radius: 15px;
  }

  #categories .category-boxes .category._3,
  #categories .category-boxes .category._4 {

    border-top: 1px solid #B4E1E8;
  }

  #categories .category-boxes .category._4 {
    border-radius: 0px;
    border-bottom-right-radius: 15px;
  }

  #categories .blog-boxes-container .box {
    width: calc((100% - 12rem) / 2);
  }

}
@media (max-width: 800px) {
  #land .wrapper .body {
    margin-top: 7rem;
  }
}