*{
    box-sizing: border-box;
}

:root{
    --back-color-amber:rgb(221, 155, 9);
    --back-color-transparent-07:rgba(255, 255, 255, 0.7);
    --bp-color-dark:rgb(20, 20, 20);
    --bp-color-gray:rgb(217 217 217);
    --bp-color-darkblue: rgb(44, 54, 74);
}

body{
    font-size: 16px;
    margin: 0;
    font-family: "Montserrat", serif;
    font-optical-sizing: auto;
}

a{
    color:var(--bp-color-dark);
}


h1{
    color:var(--bp-color-dark);
    font-weight: 700;

}

.navbar-nav .nav-link.active{
    color:var(--bp-color-dark);
    background-color: transparent;
}

.call-request{
    background-color: var(--back-color-amber);
    padding: 12px;
    border-radius: 8px;
    border-color: burlywood;
}

.slider-img {
    margin: 10px;
    padding: 2%;
    position: relative;
    text-align: center;
}

.action{
    display:block;
    margin:100px auto;
    width:100%;
    text-align:center;
  }

  .action a {
    display:inline-block;
    padding:5px 10px; 
    background:#f30;
    color:#fff;
    text-decoration:none;
  }

  .action a:hover{
    background:#000;
  }

section .back{
    background-color: var(--back-color-amber);
}

.sect-3 .card{
    background-color: var(--bp-color-darkblue);
    color: white;
}

.sect-1 .bg-light, .sect-2 .bg-light, .sect-3 .bg-light{
    background-color: var(--back-color-transparent-07) !important;
}

.sect-consult{
    background-color: rgb(44, 54, 74);
}

.sect-consult h2{
    color:white;
}

.sect-consult p{
    color:white;
}

.sect-4{
    background-color: rgb(44, 54, 74) !important;
}

.sect-4 h2, .sect-4 h6, .sect-4 a{
    color: white;
}

.accordion-button{
    font-weight: 500;
    font-size: 1.2rem;
}

.sect-4 h1{
    background-color: rgb(44, 54, 74) !important;
}

.sect-3-house{
    max-width: 100%;
}

.row{
    margin-left: auto;
    margin-right: auto;
}

.logo{
    max-height: 65px;
}

.sect-1{
    background-image: url("../img/back.webp");
    background-position: center;
    background-size: cover;
}

.text-justify{
    text-align: justify;
}

img{
    object-fit: contain;
}

.card-prem-back{
    background-color: rgb(61, 70, 88);
}

.card-prem-border{
    border-color: rgb(61, 70, 88) !important ;
}

.house-key{
    width: 100%;
}

.border-bot-amber{
    border-bottom: 2px solid var(--back-color-amber);
}

.border-amber{
    border-color: var(--back-color-amber) !important;
}

.rek{
    font-size: 8pt;
}

i{
    font-size: 20px !important;
}

.socials{
    font-size: 35px !important;
}

.nav-link{
    color: var(--bp-color-dark);
    font-size: 20px;
}
.slider-container {
    width: 100%;
    max-width: 50vw;
    max-height: 50vh;
    overflow: hidden;
    position: relative;
}

.swiper {
    width: 80%;
    height: 50%;
    padding-bottom: 20px;
}

@media (max-width: 768px) {
    .swiper{
        width: 100%;
        padding-bottom: 20px;
    }
    
}

.swiper-wrapper {
    display: flex;
}
.swiper-slide {
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    text-align: center;
}

.swiper-slide img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}