.filter-div{
    border-right: 1px solid rgba(228, 225, 225, 0.719);
    background-color: #FFFFFF !important;
}

.filter{
    color: #000000;
    font-weight: 500;
    font-size: 20px;
    width: fit-content;
}

.filter i{
 margin-right: 4px ;
}

.filter div:hover{
    cursor: pointer;
}

.filter:hover{
cursor: pointer;
}

.banner-section img{
width: 100%;
max-height: 350px;
height: 100%;
object-fit: fill;
}

.continent-name{
 font-size: 40px;
 font-weight: 600;
 color: #000000;
}

.introduction-text{
 font-size: 15px;
 font-weight: 600;
 color: #000000;
}

.page-link-scroll{
 font-size: 15px;
 font-weight: 500;
 color: #000000;
}

.page-link-scroll a{
text-decoration: none;
}

.introduction-content p{
 font-size: 15px;
 font-weight: 500;
 color: #000000;
 text-align: justify;
 border-radius: 8px;
border: 1px solid #d7d4d4b7;
padding: 1rem 1rem 1rem 1rem;
background-color: #FFFFFF !important;
}

.itinerary-lrHeading-div{
 font-weight: 500;
 font-size: 30px;
 color: #000000;
 text-transform: uppercase !important;
}

#itinerary-list li{
 list-style: none;
 margin-right: -66px;
}
.itinerary-card{
 border-radius: 0px;
 position: relative;

}

.best-time-visit{
 background-color: #FFFFFF;
 background-size: cover;
 background-repeat: no-repeat;
 height: 211px;
 background-position: center;
 border-radius: 16px;
    color: #000000;
}

.best-things-to-do{
   background-color: #FFFFFF;
    background-size: cover;
    background-repeat: no-repeat;
    height: 211px;
    background-position: center;
    border-radius: 16px;
    
    color: #000000;
}

.best-places-to-visit{
    background-color: #FFFFFF;
    background-size: cover;
    background-repeat: no-repeat;
    height: 211px;
    background-position: center;
    border-radius: 16px;
    color: #000000;
}

.things-to-know{
    background-color: #FFFFFF;
    background-size: cover;
    background-repeat: no-repeat;
    height: 211px;
    background-position: center;
    border-radius: 16px;
    color: #000000;
}

.itinerary-name{
 font-size: 17px;
 font-weight: 600;
 color: #000000;
}

.itinerary-card a{
    text-decoration: none;
    color: #000000;
}

.attraction-name{
 font-size: 18px;
 font-weight: 600;
 color: #000000;
}

.attraction-sub-name {
    text-transform: uppercase;
    font-size: 15px;
    font-weight: 600;
    color: #000000;
}

.attraction-text p{
    font-size: 15px;
    font-weight: 500;
    color: #000000;
    text-align: justify;
}

.author-intro img{
 width: 300px;
 height: 300px;
 object-fit: cover;
 border-radius: 50%;
}

.author-name{
font-size: 30px;
font-weight: 500;
color: #000000;
}

.author-section p{
 font-size: 17px;
 font-weight: 500;
 color: #000000;
 text-align: justify;
}

.personal-info{
 font-size: 17px;
 color: #000000;
 font-weight: 500;  
}


/*.filter-div div::-webkit-scrollbar-track{*/
/*    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);*/
/*	border-radius: 10px;*/
/*	background-color: #F5F5F5;*/

/*} */

.filter-div div::-webkit-scrollbar{
  	width: 8px;
	background-color: #F5F5F5;

} 

.filter-div div::-webkit-scrollbar-thumb
{
	border-radius: 10px;
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
	background-color: #dbdbdb;
}

.continent-intro-menu{
 background-color: #ffffff !important;
 border-top: 1px solid rgba(228, 225, 225, 0.719);;
}