@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Amita:wght@400;700&display=swap');



body{
    font-family: "Outfit", serif;
    font-optical-sizing: auto;
    font-style: normal;
}
.font{
    font-family: "Outfit", serif;
    font-optical-sizing: auto;
    font-style: normal;
}

.aof_main_color{
    color: #15548C;
}

.font_header{
    font-family: "Amita", serif;
    font-weight: 400;
    font-style: normal;
}

.card:hover {
    transform: translateY(-10px);
    box-shadow: 0px 10px 15px rgba(0, 0, 0, 0.1);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
  }

.wavy-bg {
    background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 10" preserveAspectRatio="none"><path fill="%23f7f7f7" d="M0,0 C50,15 50,-15 100,0 L100,10 L0,10 Z"/></svg>');
    background-repeat: repeat;
    background-size: 100% 20px;
}

.dot.active {
    background-color: #3b82f6; /* Tailwind blue-500 */
}
.slider-width{
    height: 400px;
}