.btn-secondary{
    --bs-btn-bg:#9ee0ff;
    --bs-btn-border-color:#9ee0ff;
    --bs-btn-hover-bg:#9ee0ff;
    --bs-btn-hover-border-color:#9ee0ff;
    --bs-btn-active-bg:#9ee0ff;
    --bs-btn-active-border-color:#9ee0ff;
    --bs-btn-disabled-bg:#9ee0ff;
    --bs-btn-disabled-border-color:#9ee0ff;
    --bs-btn-color:rgb(19, 19, 20);
    --bs-btn-active-color:rgb(19, 19, 20);
    --bs-btn-disabled-color:rgb(19, 19, 20);
}
.btn-outline-primary{
    --bs-btn-border-color:#9ee0ff;
    --bs-btn-hover-bg:#9ee0ff;
    --bs-btn-hover-border-color:#9ee0ff;
    --bs-btn-active-bg:#9ee0ff;
    --bs-btn-active-border-color:#9ee0ff;
    --bs-btn-disabled-bg:#9ee0ff;
    --bs-btn-disabled-border-color:#9ee0ff;
    --bs-btn-color:rgb(19, 19, 20);
    --bs-btn-active-color:#fff;
    --bs-btn-disabled-color:#9ee0ff;
}
img.logo {
    max-height: 180px;
}
.full-width-section{
    padding: 0;
}
.hero-img{
    max-width: 100%;
    height: auto;
}
tr{
    border-style: hidden;
}
.table>:not(caption)>*>*{
    padding: 0;
}
.table>thead{
    vertical-align: middle
}
th,td:not(:last-child) {
    border-right: 1px solid #444;
    padding: 0;
  }
  
table {
    border-spacing: unset;
  }

.icon{
    max-width:35px;
  }
.table{
    font-size: .75rem;
}
.bi-messenger{
    vertical-align: middle;
    display: inline-flex;

}
.bi-telephone-fill,.bi-envelope-fill{
    margin-right:15px;
}
.profile-pic{
    border-radius: 100%;
}
.about-us-text{
    padding-left: 25%;
    padding-right: 25%;
}

.profile-icons{
    font-size: 2rem;
}

.contact-info{
    text-decoration: none;
    color:black;
}
.bq-control>:first-child{
    display: none !important;
}

.messenger-button{
    margin:2.5rem 0;
}
.review-carousel{
    max-width:75%
}
.carousel-caption{
    position: relative;
}

#toTop {
    display: none;
    position: fixed;
    animation: toTop linear forwards;
    animation-timeline: view();
    animation-range-start: 90vh;
    animation-range-end: 130vh;
    border-radius: 12px;
    padding: 14px;
    bottom:0px;
    left:25px;
  }
  
  
@keyframes toTop {
to { 
    opacity: 1;
    bottom:1rem;
    }
}

@media (width <= 1200px) {
    .last-trailer{
        max-width:75% !important;
        margin:auto;
    }

}

@media (width <= 768px) {
    .last-trailer{
        max-width:100% !important;
        }
    .about-us-text{
        padding-left: 0%;
        padding-right: 0%;
    }
}

@media (width <= 576px) {
    img.logo{
        max-height: 7rem;
    }
    .call-to-action{
        font-size: 1.2rem;
    }
}