body {
    /* background-color: #000000 !important;  */
    color: #000000 !important; /* வெள்ளை எழுத்துக்கள் */
    font-family: 'Poppins', sans-serif; /* Poppins-ஐ பயன்படுத்தினால், index.html-ல் உள்ள link-ஐ உறுதி செய்யவும் */
}
body {
    /* Gradient-க்கு தேவையான சில நிறங்களை கொடுங்கள் */
    background: linear-gradient(-15deg, #ffffff, #ffffff, #e94e11c2, #ffffff);
    /* background size-ஐ பெரிதாக அமைக்கவும், அப்போது தான் நகரும் போது gradient தெரியும் */
    background-size: 400% 400%; 
    /* animation-ஐ 15 விநாடிக்கு இயக்கவும், எளிதான (ease) வேகத்தில், முடிவில்லாமல் (infinite) தொடரவும் */
    /* animation: gradient-animation 10s ease infinite;  */
    height: 100vh; /* முழு திரையை நிரப்ப */
}

/* background position-ஐ மாற்றுவதற்கான keyframes rule */
@keyframes gradient-animation {
    0% {
        /* ஆரம்பத்தில் இடது பக்கத்தில் இருந்து நடுவில் இருக்கும் */
        background-position: 0% 50%;
    }
    50% {
        /* பாதி நேரத்தில் வலது பக்கத்தில் இருந்து நடுவில் இருக்கும் */
        background-position: 100% 50%;
    }
    100% {
        /* மீண்டும் ஆரம்ப நிலைக்கு வரும், இதனால் சுழற்சி தொடரும் */
        background-position: 0% 50%;
    }
}
/* Header Email style */
header small {
    font-size: 0.8rem;
    letter-spacing: 0.5px;
}

/* Main Heading responsive font size adjust */
@media (max-width: 991.98px) {
    .display-1 {
        font-size: 4rem !important; /* Medium devices (tablet) */
    }
}

@media (max-width: 767.98px) {
    .display-1 {
        font-size: 3rem !important; /* Small devices (mobile) */
    }
    
    /* Responsive adjustment for timer numbers */
    .align-items-baseline > span {
        font-size: 2rem !important;
        margin-right: 1.5rem !important;
    }
    
    /* Responsive adjustment for timer labels */
    .text-uppercase span {
        margin-right: 1.5rem !important;
    }
}

.WEARE{
    color: #E94D11 !important;
}