/*Pictures used on carousel are used under license at https://pixabay.com/service/terms/*/

:root {
    --bs-border-radius: 0;
}

* {
    font-family: 'raleway','montserrat',sans-serif;
}


.gold{
    background-color: #cead2c;
}

footer {
    background-color: #000000;
    height: 10vh;
    color:#fff;
}

.footeranchor {
    font-size: x-small;
    color: #696969;
}

.navbar {
    background-color: #fff;
}

.contact {
    background-color: #cead2c;
    border-top: .5px solid black;
}

#interestanchor {
    text-decoration: none;
}



#emailanchor, h4{
    color: #000000;
    text-decoration: none;
}

#emailanchor:hover {
    text-decoration: underline; /* Or any color you prefer */
    
}

#phoneanchor {
    color:#000000;
}
#phoneanchor:hover {
    text-decoration: underline; /* Or any color you prefer */
    cursor: pointer; /* Optional: Change cursor to a pointer hand */
  }



#canada {
    color:#BA0C2F;
    text-decoration: none;
}

.navbar-toggler {
    color: #cead2c;
    border:none;
}
.navbar {
    box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.1);
    border-bottom: 2px solid black;
}

.nav-link {
    color: #00549c;
    font-weight: 600;
}

.nav-link:hover {
    color: #0b5ed7;
}

.c-item {
    height: 525px;
}

.c-img {
    height: 160%;
    object-fit: cover;
    filter: brightness(0.6); /* Darkens the image by 60% */
    
}

.carousel-caption {
    bottom: 20%;
}

.carousel-indicators {
    bottom: 15%;
}

.btn {
    border-radius: 0;
    background-color: #00549c;
    --bs-btn-active-bg: #00549c;
}

#h4benefits {
    color: #000;
    font-size: .98rem;

}

.svg-container {
    display: flex; /* Use flexbox for easy centering */
    justify-content: center; /* Center horizontally */
    align-items: center; /* Center vertically */
  }

.modal {
    --bs-modal-border-radius: none;
    
}

.modal-header {
    background-color: #cead2c;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    color: #000;
    box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.1);
    border-bottom: 2px solid black;
}

.nb {
    font-size: .9rem;
}

.resourcelinks {
    color: #cead2c;
    text-decoration: none ;
}

a {
    text-decoration-line: none;
}

.main {
    color: #000000;
}

#tsx {
    color: #cead2c;
    background-color: #fff;
    box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
    border-radius: 0.375rem;
    border-color: #dee2e6;
    margin-top: .5%;
    margin-bottom: .5%;
    
}

.benefits:hover {
    background-color: #0b5ed7;
}


.testcard {
    border-width: 2px; 
    border-style: solid;
    border-image: linear-gradient(to right, #cead2c, #00549c) 1;
  }

.testbg {
    background-color: #e6edf6;
}




.testicarousel {
    display: flex;
    flex-wrap:   
wrap;
    gap: 1rem;
    
}

.card {
    flex: 0 0 calc(33.333% - 1rem); /* Adjust for gap */
}

@media (max-width: 768px) {
    .testicarousel {
        flex-direction: column;
        align-items: center;
    }

    .card {
        flex: 1 0 100%; /* Take full width */
    }
}


/*@media for page*/

@media (max-width: 1199.98px) { 
    .nb {
        font-size: .675rem;
    }
}


@media (max-width: 600px) {
    footer .d-flex {
      display: block!important; /* Override the d-flex class */
      text-align: center; /* Center the content */
    }
    footer h6, footer p {
      margin-bottom: 10px; /* Add some space between elements */
    }
    #anchorpadding{
        padding: 0 !important; 
      }
    
  }

  
 

  
