/*
    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;
}

/*
    Text editor content. CKEditor output is always wrapped in .ck-content
    (custom pages, blog / gallery / press release / video details and the
    "text with image" section).

    style.css resets every ul, ol and li to no marker and no indent. That is
    right for menus and footers, but it also wiped the lists written in the
    editor - the <ul> was saved, only the bullets never showed. Scoped to
    .ck-content, so every other list on the site stays exactly as it is.
*/
.ck-content ul,
.ck-content ol {
    padding-left: 1.5em;
}

.ck-content ul {
    list-style: disc;
}

.ck-content ol {
    list-style: decimal;
}

.ck-content li {
    list-style: inherit;
}

/*
    style.css also pins every span at 16px. Colouring or pasting heading text
    wraps it in a span, so the heading dropped to body size. Inside a heading
    the span now follows the heading; a size picked in the editor (Font Size,
    or an inline font-size) is more specific and still wins.
*/
.ck-content h1 span,
.ck-content h2 span,
.ck-content h3 span,
.ck-content h4 span,
.ck-content h5 span,
.ck-content h6 span {
    font-size: inherit;
}

/*
    The bullet and the number take the body text colour, which reads light next
    to the text. Only the marker is darkened and thickened - the list text is
    untouched, and it still follows the theme colour if that is changed.
*/
.ck-content li::marker {
    color: var(--colorBlack, #0f2239);
    font-weight: 700;
    font-size: 1.05em;
}