/* ==================== Global Css Start =========================== */
.font-style-flex {
    h1, h2, h3, h4, h5, h5, span, p, a, button, input, select, input::placeholder {
        font-family: "IBM Plex Sans", sans-serif;
    }
    @extend .text-neutral-500;
}

 .placeholder-neutral-500::placeholder {
    @extend .text-neutral-400;
}

.h-unset {
    height: unset !important;
}
.line-h-unset {
    line-height: unset !important;
}

.arrow-end {
    background-position: right center;
}

.font-plex {
    font-family: "IBM Plex Sans", sans-serif;
}
.rounded-pill {
    border-radius: 50rem!important;
}

.hover-item {
    &:hover {
        .hover-item__scale {
            transform: scale(1.25);
        }
        .hover-item__scale-rotate {
            transform:  scale(1.25) rotate(10deg);
        }
    }
}
.transition-2 {
    transition: .2s linear;
}

.cover-img {
    width: 100%;
    height: 100% !important;
    object-fit: cover;
}

.transform-translate-0 {
    transform: translate(0);
}

.slick-prev {
    &.slick-arrow {
        --pos-x: 0 !important;
    }
}
.slick-next {
    &.slick-arrow {
        --pos-x: 0 !important;
    }
}

.z-index {
    &-1 {
        z-index: 1;
    }
}

.min-height-inherit {
    min-height: inherit;
}

.bg-gradient {
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.3) 62.18%, #000000 100%) !important;
}

.bg-img {
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}
.bg-overlay {
    &::before {
        position: absolute;
        content: "";
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        background: #071431a3;
        z-index: -1;
    }
    &.overlay-two {
        &::before {
            background: #071431f0;
        }
    }
}

.start-54 {
    inset-inline-start: 54%;
}
.opacity-25 {
    opacity: 25%;
}

.placeholder-white {
    &::placeholder {
        color: #ffffff98;
    }
}


.end-0 {
    right: unset !important;
    inset-inline-end: 0 !important;
}

.start-0 {
    left: unset !important;
    inset-inline-start: 0 !important;
}
.me-2 {
    margin-right: .5rem!important;
    margin-inline-end: .5rem!important;
}


.border-end {
    border-right: 0 !important;
    border-inline-end: 1px solid #dee2e6!important;
}

.pe-4 {
    padding-right: 0 !important;
    padding-inline-end: 1.5rem!important;
}
/* ==================== Global Css End =========================== */