/* New Theme Colors: Deep Teal and Vibrant Orange */
.bg-primary,.hover-bg-primary-dark:hover { background-color: #135258; }
.text-primary,hover-text-primary:hover { color: #135258; }
.border-primary{border-color: #135258;}

.text-primary-light,hover-text-primary-light:hover { color: #348E38; }
.bg-primary-light,.hover-bg-primary-light:hover { background-color: #348E38; }
.border-primary{border-color: #348E38;}


.bg-secondary,.hover-bg-secondary:hover { background-color: #f92116; }
.text-secondary,.hover-text-secondary:hover { color: #f92116; }
.border-secondary{border-color: #f92116;}




.text-xs{font-size:0.6875rem};/*-----11px-------*/
.text-sm{font-size:0.75rem}/*-----12px-------*/

body {
    font-family: 'Open Sans', sans-serif;
   
}

/* Custom Hover effect for cards to add more appeal */
.card-hover-effect {
    transition: all 0.3s ease-in-out;
    border-top: 5px solid transparent;
}
.card-hover-effect:hover {
    box-shadow: 0 15px 25px -5px rgba(0, 0, 0, 0.1), 0 6px 10px -3px rgba(0, 0, 0, 0.08);
    transform: translateY(-8px);
    color:#f92116;
}

/* Custom style for the Hero visual placeholder */
.hero-visual {
    background-color: #0d383b;
    background-image: url("https://placehold.co/600x400/0d383b/ffffff?text=Safe+Home+Visual");
    background-size: cover;
    background-position: center;
    border-radius: 1rem;
    box-shadow: 0 20px 30px rgba(0, 0, 0, 0.3);
    min-height: 250px;
}

.button {
    font-size:14px;
    font-weight:600;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height:58px;
    padding:0px 16px;
    outline: none;
    background-color:#348E38;
    color:white;
    border-radius:14px;
}
.button .block{
    width:100%;
}


.button.button-secondary{
    background-color:#f92116;
}