.img-w-full{
    width: 100%;
}

.circle-img{
    aspect-ratio: 1/1;
    border-radius: 1000px;
    object-fit: cover;
}

.padding-sm{
    padding: 10px;
}
.padding-md{
    padding: 20px;
}
.padding-lg{
    padding: 30px;
}

.margin-top-auto{
    margin-top: auto;
}

.center{
    text-align: center;
}

body{
    background: #072732;
    color: #fff;
}

.navbar{
    background-color: #072732;
      border-image: linear-gradient(to right, #00d6e4 0%, #78ef00 100%) 0 0 3 0;
      border-width: 10px;
      border-style: solid;
    border-right: 0px;
    border-left: 0px;
     border-top: 0px;
}

.navbar-nav .dropdown-menu{
    background-color: #072732;
    border-radius: 0px;
    border: none;
}

.footer{
    background-color: #072732;
    border-image: linear-gradient(to right, #00d6e4 0%, #78ef00 100%) 3 0 0 0;
    border-width: 10px;
    border-style: solid;
    border-right: 0px;
    border-left: 0px;
    border-bottom: 0px;
    overflow:hidden; 
    padding: 30px;
    color:#91aeb8;
}

.footer img{
    max-height: 200px;
    object-fit: contain;
}

.quicklinks a{
    display: block;
    text-align: right;
}

.jumbotron{
    margin-top: 75px;
}

.slide-background{
    width: 100%;
    height: 450px;
}

.black-overlay{
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.6);
    position: relative;
}

.text-div{
    position: absolute;
    left:100px;
    bottom: 50px;
}

.btn-main{
    background: #00d6e4;
    color: #072732;
    border-radius: 5px;
    padding: 10px;
    text-decoration: none;
}

.btn-sec{
    background: #1d5264;
    color: #fff;
}

div:has(.card){
    margin-top: 30px;
}

.card{
    border: none;
    background: #91aeb8;
}

.card h2{
    font-size: 20px;
}

.card-btn{
    background: #072732;
    border-radius: 5px;
    color: #fff;
    text-decoration: none;
    padding: 10px;
}

.card-btn:hover{
    background: #0d4a5f;
    color: #ddd;
}

.storyDiv{
    margin: 60px 0px;
    padding: 15px 0px;
}

#collectionCarousel h3{
    margin-bottom: 15px;
}

.swiper-button-prev, .swiper-button-next{
    color: #91aeb8;
}

.swiper-button-next{
    right: -45px !important;
}

.swiper-button-prev{
    left: -45px !important;
}

.swiper-wrapper{
    margin-bottom: 45px;
}

.swiper-pagination-bullet-active{
    background: #91aeb8;
}

.connect-btn{
    text-decoration: none;
    color: #fff;
    display: inline-block;
    border: solid 1px #91aeb8;
    border-radius: 10px;
    padding: 10px;
    height: 450px;
}

.connect-btn:hover{
    background: #0d4a5f;
}

.pagination{
    width: 100%;
    margin-bottom: 20px;
}

.pagination a{
    text-align: center;
    text-decoration: none;
    color: #91aeb8;
    margin: auto;
}

.pagination a:hover{
    color: #fff;
}

#catFilter{
    background-color: #0d4a5f;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
    color: #fff;
    border: none;
}