html {
  font-size: 14px;
}

@media (min-width: 768px) {
  html {
    font-size: 16px;
  }
}

.btn:focus, .btn:active:focus, .btn-link.nav-link:focus, .form-control:focus, .form-check-input:focus {
  box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem #258cfb;
}

html {
  position: relative;
  min-height: 100%;
}

body {
  margin-bottom: 60px;
}

.hero {
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.3)), url('https://source.unsplash.com/1920x1080/?life-insurance,family');
    background-size: cover;
    background-position: center;
    height: 80vh;
    display: flex;
    align-items: center;
}
.hero1 {
    background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url('https://source.unsplash.com/1600x900/?insurance,policy');
    background-size: cover;
    background-position: center;
    height: 80vh;
    display: flex;
    align-items: center;
}

.hero2 {
    background-image: linear-gradient(rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0.8)), url('https://source.unsplash.com/1920x1080/?car-insurance,vehicle');
    background-size: cover;
    background-position: center;
    height: 80vh;
    display: flex;
    align-items: center;
}

.hero3 {
    background-image: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url('https://source.unsplash.com/1600x900/?home-insurance,property');
    background-size: cover;
    background-position: center;
    height: 80vh;
    display: flex;
    align-items: center;
}

.hero-content {
    max-width: 600px;
    margin: 0 auto;
    text-align: center;
    color: #fff;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
}


/* Site.css */
/*html {
    font-size: 14px;
}

@media (min-width: 768px) {
    html {
        font-size: 16px;
    }
}

.btn:focus, .btn:active:focus, .btn-link.nav-link:focus, .form-control:focus, .form-check-input:focus {
    box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem #258cfb;
}

html {
    position: relative;
    min-height: 100%;
}

body {
    margin-bottom: 60px;
}*/

/* custom.css */
.hero-section {
    padding: 5rem 0;
}

.features-section .card {
    transition: all 0.3s ease-in-out;
}

    .features-section .card:hover {
        transform: translateY(-5px);
        box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
    }

.cta-section {
    position: relative;
    color: #fff;
}

    .cta-section .overlay {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, 0.5);
    }

.footer {
    background-color: #f8f9fa;
}

/* Animations */
.animate__animated.animate__fadeInLeft {
    --animate-duration: 1s;
}

.animate__animated.animate__fadeInRight {
    --animate-duration: 1s;
}

.animate__animated.animate__fadeInUp {
    --animate-duration: 1s;
}

.animate__animated.animate__fadeInDown {
    --animate-duration: 1s;
}

.animate__delay-1s {
    --animate-delay: 1s;
}
.avatar-img {
    width: 40px; /* Adjust as needed */
    height: 40px; /* Adjust as needed */
    border-radius: 50%; /* Make it round */
}

.animate__delay-2s {
    --animate-delay: 2s;
}

.avatar-img {
    width: 40px; /* Adjust as needed */
    height: 40px; /* Adjust as needed */
    border-radius: 50%; /* Make it round */
}
.gradient-background {
    background: linear-gradient(to bottom, #ffffff, #f0f0f0);
    /* Add other styling properties as needed */
}