@tailwind base;
@tailwind components;
@tailwind utilities;
.h1-black
{
    @apply text-3xl md:text-4xl lg:text-5xl font-black
}
.h1
{
    @apply text-2xl md:text-3xl lg:text-4xl font-black
}
.h2
{
    @apply text-lg md:text-xl lg:text-2xl font-bold
}
.btn
{
    @apply text-sm md:text-base lg:text-lg font-bold p-3 rounded
}
.reveal{
    position: relative;
    transform: translateY(150px);
    opacity: 0;
    transition: 1s all ease;
}

.reveal.active{
    transform: translateY(0);
    opacity: 1;
}

.bg-blue-gradient
{
    background: linear-gradient(92.29deg, #5CABE9 3.53%, #006FC7 57.24%, #035596 86.5%);
}

.bg-white-gradient
{
    background: linear-gradient(92.29deg, #ffffff 3.53%, #f9f9f9 57.24%, #fbfbfb 86.5%);
}
body
{
    background: #F1F1F1;
    min-width: 280px;
}
.swiper
{
    height: 100%;
}
.owl-carousel .owl-item .owl-slide.focus
{
    @apply border-black-600
}
.full .ts-control,
.ts-control, .ts-wrapper.single.input-active .ts-control
{
    background-color: transparent;
    border: none;
}
.ts-control > input,
.input-hidden .ts-control > input
{
    min-width: 0;
    position: relative;
    left: 0;
}