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

.color-title {
    background: linear-gradient(89deg, #2689E8 18.91%, #A168FF 79.91%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.background_blue_gradient_horizontal {
    background: linear-gradient(90.41deg,#458cfe -0.8%,#7dd8fd 126.74%);
}

.background_purple_gradient_horizontal {
    background: linear-gradient(180deg, #6D78FF 0%, #97A7FF 45.5%);
}
.home-hero {
    background-image: url("assets/img/background/lines_1.svg");
}
.price-hero {
    background-image: url("assets/img/background/polygon.svg");
    background-repeat: no-repeat;
}
.doc-hero {
    background-image: repeating-linear-gradient(
            90deg,
            hsla(78, 0%, 63%, 0.05) 0,
            hsla(78, 0%, 63%, 0.05) 1px,
            transparent 1px,
            transparent 104px
    ),
    repeating-linear-gradient(
            0deg,
            hsla(78, 0%, 63%, 0.05) 0,
            hsla(78, 0%, 63%, 0.05) 1px,
            transparent 1px,
            transparent 104px
    ),
    repeating-linear-gradient(
            0deg,
            hsla(78, 0%, 63%, 0.08) 0,
            hsla(78, 0%, 63%, 0.08) 1px,
            transparent 1px,
            transparent 26px
    ),
    repeating-linear-gradient(
            90deg,
            hsla(78, 0%, 63%, 0.08) 0,
            hsla(78, 0%, 63%, 0.08) 1px,
            transparent 1px,
            transparent 26px
    ),
    linear-gradient(45deg, #fff, #fff);
}