*{outline:none;}
html{scroll-behavior: smooth;}
body{font-family:'Lexend Deca', sans-serif !important;}
a{text-decoration:none; transition:300ms}
a:hover{text-decoration:underline;}

input, select{box-shadow:none !important;}


.shadow{box-shadow: 4px 4px 17px -1px rgba(67, 200, 155, 0.32) !important;}

.fs-12{font-size:12px}

.btn-primary,
.btn-danger,
.btn-success,
.btn-outline-primary:hover{color:#fff !important;}
.btn{transition:300ms; font-size:14px; padding:8px 20px;}

#header .dropdown-item{font-size:14px}


#featuredArea{background:url(../images/bg-1.jpg) center bottom no-repeat; background-size:cover}
#featuredArea2{background:url(../images/bg-2.jpg) center bottom no-repeat; background-size:cover}
#featuredArea3{background:url(../images/bg-3.jpg) center bottom no-repeat; background-size:cover}

#footerArea input::placeholder{color:rgba(255,255,255,0.2)}

.accordion-button{background:none !important; box-shadow:none !important;}


.list-view .row > [class*=col-]{max-width:100%; flex:0 0 100%;}
.list-view .card{flex-direction:row;}
.list-view .card img{width:33.33% !important; height:200px}
.list-view .card .card-body{display: inline-block;}


#detailsArea .carousel-indicators>a{width:80px; height:auto; margin:0 5px 0 0;}
#detailsArea .carousel-indicators a img{display:block;}




@media (min-width:992px){#filters{display:block;}}
#filters a,
#filters label{font-size:14px; color:rgba(0,0,0,0.5)}
#filters a.active{color:rgba(0,0,0,1)}

@media (min-width:1200px) and (max-width:1399px){}
@media (min-width:992px) and (max-width:1199px){}
@media (min-width:768px) and (max-width:991px){}
@media (min-width:576px) and (max-width:767px){
#header img[alt="logo"]{width:170px}
}
@media (min-width:0px) and (max-width:575px){
#header img[alt="logo"]{width:170px}
#header i.bi{font-size:18px}
.list-view .card{flex-direction:column;}
.list-view .card img{width:100% !important;}
}