h2 {
    margin-bottom: 2rem;
    cursor:pointer;
}

.heading-bar p {
    max-width: 120rem;
    margin:auto;
    margin-bottom: 2rem;
    color: var(--gray-color);
    font-size: 1.8rem;
    text-align: center;
    padding: 0 2rem;
}

.discover-box {
    margin-bottom: 6rem;
}
.discover-box > section {
    padding:3rem;
}


.discover-box > section:nth-child(even) {
    background: var(--background-gray);
}

.featured-countries .holder {
    display:flex;
    /*align-items: center;*/
    flex-wrap: wrap;
    justify-content:center;
    gap: 3rem;
}

.featured-countries .holder article {
    flex-basis: 30%;
}

.holder article {
    border-radius: 1.5rem;
    box-shadow: var(--box-shadow);
    overflow: hidden;
}

.featured-countries .holder article .img {
    height: 25rem;
    cursor: pointer;
}

.featured-countries .holder .text-description {
    color:var(--booking-form-dark);
    font-size: 1.4rem;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 1.4em;
    max-height: calc(1.4em * 5); /* fallback for non-clamp support */
    /*padding: 0 1.5rem;*/
}

.holder article > div:nth-of-type(2){
    padding: 1.5rem;
    display:flex;
    flex-direction: column;
    justify-content: space-between;
}

.holder article .img {
    background-position: center center;
    background-size: cover;
}



.holder article .title {
    color:var(--primary-color);
    font-weight: 600;
    text-align: center;
    margin-bottom: 0.5rem;
    /*padding: 1rem;*/
}

.featured-countries .holder .d-flex{
	padding:20px 0px 10px;
}


.clamp-2-lines {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  height: 3.4em;
  line-height: 1.6em;
}
.clamp-5-lines{
  display: -webkit-box;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 1.4em;
  max-height: calc(1.4em * 5); /* fallback for non-clamp support */
}



@media (max-width: 767px) {
    .featured-countries .holder article {
        flex-basis: 100%;
    }
    .heading-bar p {
        font-size: 1.6rem;
    }
}

@media (min-width: 768px)  and (max-width: 1100px){
    .featured-countries .holder article {
        flex-basis: 48%;
    }
}