:root {
    --brand-orange: #F88D31;
    --brand-blue: #213559;
    --brand-dark: #000000;
    --brand-white:#ffff;
}

@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto+Slab:wght@100..900&display=swap');

h1{
    color:var(--brand-dark);
    font-family: 'Montserrat', sans-serif;
    font-size: 34px;
    font-weight: 900;
    /* color: var(--brand-blue); */
}
h2{
    color:var(--brand-dark);
    font-family: 'Montserrat', sans-serif;
    font-size: 34px;
    font-weight: 900;
    /* color: var(--brand-blue); */
}
p {
    font-family: 'Montserrat', sans-serif;
    font-size: 15px;
    font-weight: 550;
    text-align: justify;
    text-justify: inter-word;
    hyphens: auto;
    word-spacing: -1px; /* Adjust this value as needed */
}

@media (max-width: 768px) {
    p {
        font-size: 14px; /* Slightly smaller font size for mobile */
        word-spacing: 0; /* Reset word spacing for better readability on small screens */
    }
}

@media (max-width: 576px) {
    p {
        font-size: 13px; /* Further reduce font size for very small screens */
        word-spacing: 0; /* Ensure word spacing is appropriate for small screens */
    }
}


a{
    text-decoration: none;
    color:var(--brand-gray);
}

.fixed-whatsapp-btn {
    position: fixed;
    bottom: 40px;
    right: 5px;
    z-index: 1000; /* Ensure it is on top of other elements */
  }