@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,300;0,500;0,700;1,200&display=swap');

@tailwind base;
@tailwind components;
@tailwind utilities;

a, button, label {
    font-family: "Poppins", sans-serif;
    font-weight: 500;
    font-style: normal;
}

section div div h1 span {
    font-family: "Poppins", sans-serif;
    font-weight: 700;
    font-style: normal;
}

h1, h2, h3, h4, h5, h6 {
    font-family: "Poppins", sans-serif;
    font-weight: 700;
    font-style: normal;
}

p, time, input, textarea, li {
    font-family: "Poppins", sans-serif;
    font-weight: 300;
    font-style: normal;
}


/*  Select color style (All Pages)*/
*::selection {
    background-color: #3B82F6;
    color: #262626;
}

/*  Hover pricing styles*/
.hover-underline-amber-500:hover {
    text-decoration: underline;
    text-decoration-color: #F59E0B; /* Amber-500 color */
}

.hover-up-normal {
    transition: transform 0.3s ease;
}

.hover-up-normal:hover {
    transform: translateY(-10px);
}

.hover-up {
    transition: transform 0.25s ease;
}

.hover-up:hover {
    transform: translateY(-20px);
}


/*  Homepage Hero*/
.word-slider-transition {
    animation: fadeInOut 2s linear infinite;
}

.cursor {
    display: inline-block;
    width: 0.12em;
    height: 0.65em;
    background-color: #262626;
    margin-left: 0.1em;
    border-radius: 10%; /* Adjust the border-radius value to control the roundness */
    animation: blink 0.75s infinite;
}

@keyframes blink {
    0%, 50% {
        opacity: 1;
    }
    51%, 100% {
        opacity: 0;
    }
}

@keyframes fadeInOut {
    0% {
        opacity: 0;
    }
    25% {
        opacity: 1;
    }
    75% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}