/*
    Author: sjweb4u.com
    Date: 02-08-2024
    Description: Custom CSS To overwrite Defult CSS
    Version: 1.0
    Last Updated: 02-08-2024
    Last Updated By: Sanjay Kumar (sjweb4u.com)
*/

@import url("https://fonts.googleapis.com/css2?family=Montserrat:wght@200;300;400;500;600;700;800;900&family=Rubik:wght@300;400;500;600;700;800;900&family=Roboto:wght@400;700&family=Open+Sans:wght@400;700&family=Lato:wght@400;700&family=Poppins:wght@400;700&family=Nunito:wght@400;700&family=Oswald:wght@400;700&family=Raleway:wght@400;700&family=Merriweather:wght@400;700&family=Playfair+Display:wght@400;700&display=swap");

/* Add your custom styles here. */
@keyframes scroll_amini {
    0% {
        opacity: 0;
        transform: translateY(100%);
    }
    100% {
        opacity: 1;
        transform: translateY(0);
    }
}
.tf__scroll_btn {
    left: 20px;
    right: auto;
}

.tf__footer_apply p {
    width: 80%;
}

.main_menu_3 {
    position: relative;
}
.tf__topbar_right,
.tf__topbar_left {
    position: relative;
    z-index: 1000;
}

/*
    Slick track: keep every slide on one row.

    Slick sets the track width in whole pixels (3 x 380px = 1140px) but on a
    display with fractional scaling the browser renders the track a hair
    narrower (1139.99px). The slides are floats, so that missing hundredth of a
    pixel is enough to push the last one onto a second row - the slider then
    shows a wrapped grid and its height doubles.

    Laying the track out as a flex row removes the float wrap entirely. The
    slides keep the width slick gives them (flex: 0 0 auto) and their own
    height (align-items: flex-start), so nothing about how a slider looks
    changes - only the wrapping stops.
*/
.slick-slider .slick-track {
    display: flex;
    align-items: flex-start;
}

.slick-slider .slick-track > .slick-slide {
    float: none;
    flex: 0 0 auto;
}