html, 
body {
font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", 
Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif; 
}

a {

color: inherit;

text-decoration: none; 
}

a:hover {

color: inherit;

text-decoration: none;
}

.navbar-brand {

letter-spacing: 2px;
word-spacing: 2px; 
font-size: 24px; 
font-weight: bold; 
}

/* XS */

.carousel-img {

height: auto;

width: 100%; 
object-fit: cover; 
}

/* SM */

@media (min-width: 768px) { 
.carousel-img {
width: 100%; 
height: 400px;
}
/* .carousel-control-next, .carousel-control-prev {
    position: absolute;
    top: 0;
    bottom: 200px;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 15%;
    padding: 0;
    color: #737373;
    text-align: center;
    background: 0 0;
    border: 0;
    opacity: .5;
    transition: opacity .15s ease;
} */
}
@media (max-width:480px){
    .carousel-control-next, .carousel-control-prev {
        position: absolute;
    top:100px;
    bottom: 480px;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 15%;
    padding: 0;
    color: #737373;
    text-align: center;
    background: 0 0;
    border: 0;
    opacity: .5;
    transition: opacity .15s ease;

    }
}
@media (min-width:480px){
    .carousel-control-next, .carousel-control-prev {
        position: absolute;
    top: 0;
    bottom: 200px;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 15%;
    padding: 0;
    color: #737373;
    text-align: center;
    background: 0 0;
    border: 0;
    opacity: .5;
    transition: opacity .15s ease;

    }
}
.card {
background-color: unset; 
background-clip: unset; 
border: none;
}

img:hover {
filter: brightness (50%); 
transform: scale (1.05);
transition: all 0.4s;
}

#icon {
width: 27px;
height: 9px;
background: linear-gradient (96.34deg,#e537b9 0%, #c040df 100%); 
border-radius: 4.5px;
}

.btn-link {
width: 100%;
position: relative;
text-align: left;
opacity: 0.7;
font-weight: bold;
color: unset;
text-decoration: none;
}



.btn-link::before {
content: "\f107";
color: #737373;
position: absolute; 
top: 50%;
left: 0;
transform: translateY(-50%); 
display: block;
font-family: "FontAwesome";
font-size: 1.1rem;
}

.btn-link[aria-expanded="true"]::before { 
content: "\f106"; 
color: #737373;
}

.btn {
display: flex; 
padding: 0px;
text-align: start;
border: none;
margin: 10px; 
padding-left: 18px;
}

.btn.focus,
.btn:focus {
outline: 0;
box-shadow: unset;
}

/* 
.carousel-control-next-icon, .carousel-control-prev-icon {
    display: inline-block;
    width: 20px;
    height: 20px;
    background: transparent no-repeat center center;
    background-size: 100% 100%;
} */