.rounded-right-top-0 {
    border-top-right-radius: 0 !important;
}

.baner-dec {
    margin-top: 10px;
    font-size: 16px;
}

.baner-title {
    font-size: 25px;
    font-weight: bold;
}

.rounded-right-bottom-0 {
    border-bottom-right-radius: 0 !important;
}

.rounded-left-top-0 {
    border-top-left-radius: 0 !important;
}

.rounded-left-bottom-0 {
    border-bottom-left-radius: 0 !important;
}

/* .tf-img-with-text.style-1 {
    background-color: rgb(247, 247, 247);
} */

.tf-img-with-text.style-1 .tf-image-wrap {
    order: unset;
}


@media (max-width: 768px) {
    .tf-grid-layout {
        display: grid;
        grid-template-columns: 1fr;
        grid-template-rows:minmax(350px, auto) minmax(350px, auto);
        gap: 15px;
    }

    .tf-content-wrap {
        overflow: auto; /* Allows scrolling if content overflows */
        font-size: 10px;
        padding: 10px 0;
        height: 150px; /* Set a fixed height or use min-height */
    }
}

@media (min-width: 768px) {
    .tf-grid-layout {
        display: grid;
        grid-template-columns: repeat(2, 1fr); /* Two equal columns */
        grid-template-rows: auto; /* Let content determine height */
        gap: 15px;
    }
}


/* .tf-img-with-text.style-1 {
    background-color: rgb(247, 247, 247);
} */

.tf-img-with-text.style-1 .tf-image-wrap {
    order: unset;
}

.tf-img-with-text .tf-image-wrap img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.tf-img-with-text .tf-image-wrap {
    order: 1;
}

.tf-img-with-text .tf-content-wrap {
    place-self: center start;
}

.tf-image-wrap {
    position: relative;
}

.tf-image-wrap:hover::after {
    bottom: 0;
    transition-delay: 0.25s;
}

.tf-image-wrap:hover::before {
    top: 0;
}

.tf-content-wrap {
    padding-left: 0;
}

.tf-content-wrap .heading {
    font-size: 28px;
}

.tf-content-wrap .heading.fs-42 {
    font-size: 42px;
    line-height: 50px;
}

.tf-content-wrap .description {
    margin-top: 24px;
}

.tf-content-wrap .tf-btn {
    margin-top: 20px;
}


.tf-image-wrap {
    position: relative;
    overflow: hidden;
}

.fadeInUp {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
}

.rounded-full {
    border-radius: 999px !important;
}


.tf-btn.style-2 {
    padding: 0 24px;
    line-height: 42px;
}

.animate-hover-btn {
    position: relative;
    overflow: hidden;
}

.animate-hover-btn:after {
    background-image: linear-gradient(90deg, transparent, rgba(0, 0, 0, 0.25), transparent);
    content: "";
    left: 150%;
    position: absolute;
    top: 0;
    bottom: 0;
    transform: skew(-20deg);
    width: 200%;
}

.animate-hover-btn:hover:after {
    animation: shine 0.75s cubic-bezier(0.01, 0.56, 1, 1);
}

@media (max-width: 768px) {
    .tf-content-wrap .heading {
        font-size: 25px;
    }

    .tf-content-wrap .description {
        margin-top: 0px;
    }

    .tf-content-wrap .tf-btn {
        margin-top: 0px;
        margin-bottom: 5px;
    }
}