/* =========================================================
       HOMEPAGE SEARCH FORM
       Isolated classes — theme CSS se conflict nahi karega
    ========================================================= */

    .lsr-home-search {
        background: #fff;
        border-radius: 16px;
        box-shadow: 0 15px 45px rgba(0, 0, 0, 0.18);
        padding: 12px;
        max-width: 980px;
        margin: 0 auto;
    }

    .lsr-hero-text {
        width: 700px !important;
        max-width: 90% !important;
        margin: 0 auto !important;
        text-align: center;
        line-height: 1.6;
        white-space: nowrap;
    }

    @media (max-width: 767px) {
        .lsr-hero-text {
            width: 100% !important;
            max-width: 95% !important;
            white-space: normal;
        }
    }

    .lsr-home-search-row {
        display: flex;
        align-items: center;
        gap: 0;
    }

    .lsr-home-field {
        position: relative;
        flex: 1 1 0;
        min-width: 0;
        border-right: 1px solid #ececf3;
    }

    .lsr-home-field:last-of-type {
        border-right: none;
    }

    .lsr-home-icon {
        position: absolute;
        left: 18px;
        top: 50%;
        transform: translateY(-50%);
        color: #12142b;
        font-size: 14px;
        pointer-events: none;
        z-index: 2;
    }


    /* =========================================================
       SELECT FIELD
    ========================================================= */

    .lsr-home-select {
        width: 100%;
        height: 56px;
        border: none;
        background-color: transparent;
        padding: 0 30px 0 44px;

        font-size: 14px;
        font-weight: 600;
        color: #12142b;

        appearance: none;
        -webkit-appearance: none;
        -moz-appearance: none;

        /* Dropdown arrow */
        background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8'%3E%3Cpath fill='%239aa1b1' d='M6 8L0 0h12z'/%3E%3C/svg%3E");

        background-repeat: no-repeat;
        background-position: right 16px center;
        background-size: 10px auto;

        cursor: pointer;
    }

    .lsr-home-select:focus {
        outline: none;
        box-shadow: none;
    }


    /* =========================================================
       TEXT INPUT
       No dropdown arrow
    ========================================================= */

    .lsr-home-input {
        width: 100%;
        height: 56px;

        border: none;
        background: transparent;

        padding: 0 16px 0 44px;

        font-size: 14px;
        font-weight: 600;
        color: #12142b;
    }

    .lsr-home-input::placeholder {
        color: #9aa1b1;
        font-weight: 400;
    }

    .lsr-home-input:focus {
        outline: none;
        box-shadow: none;
    }


    /* =========================================================
       SEARCH BUTTON
    ========================================================= */

    .lsr-home-btn {
        flex: 0 0 auto;

        height: 56px;
        padding: 0 34px;

        margin-left: 10px;

        background: #2952e3;
        color: #fff;

        border: none;
        border-radius: 10px;

        font-weight: 700;
        font-size: 15px;

        cursor: pointer;

        transition:
            background 0.2s ease,
            transform 0.2s ease,
            box-shadow 0.2s ease;

        white-space: nowrap;
    }

    .lsr-home-btn:hover {
        background: #1e3fc0;
        color: #fff;

        transform: translateY(-1px);

        box-shadow: 0 6px 15px rgba(41, 82, 227, 0.25);
    }

    .lsr-home-btn:focus {
        outline: none;
        box-shadow: none;
    }


    /* =========================================================
       HERO SLIDER BACKGROUND
       
       Screenshot ke according:
       - Left side: slightly lighter blue
       - Center: medium blue
       - Right side: darker blue
       - Bright #014EFD remove kiya gaya hai
    ========================================================= */

    .tf-slider.sl5 {
        background-color: #1b69c2 !important;

        background-image: linear-gradient(135deg,
                #1b69c2 0%,
                #1e68bd 25%,
                #155bb5 55%,
                #1755ad 78%,
                #2058ad 100%) !important;

        background-repeat: no-repeat !important;
        background-size: cover !important;
        background-position: center !important;
    }


    /* =========================================================
       REMOVE THEME OVERLAY / WORLD MAP
    ========================================================= */

    .tf-slider.sl5::before,
    .tf-slider.sl5::after {
        content: none !important;

        background: transparent !important;
        background-image: none !important;

        opacity: 0 !important;
    }


    /* =========================================================
       HERO CONTENT
       Screenshot jaisa clean white text
    ========================================================= */

    .tf-slider.sl5 h1,
    .tf-slider.sl5 h2,
    .tf-slider.sl5 h3 {
        color: #fff;
    }

    .tf-slider.sl5 p {
        color: rgba(255, 255, 255, 0.95);
    }


    /* =========================================================
       RESPONSIVE — TABLET
    ========================================================= */

    @media (max-width: 991px) {

        .lsr-home-search {
            max-width: 94%;
        }

        .lsr-home-search-row {
            flex-wrap: wrap;
        }

        .lsr-home-field {
            flex: 1 1 45%;

            border-right: none;
            border-bottom: 1px solid #ececf3;
        }

        .lsr-home-field:nth-child(odd) {
            border-right: 1px solid #ececf3;
        }

        .lsr-home-field:nth-child(n + 3) {
            border-bottom: none;
        }

        .lsr-home-btn {
            flex: 1 1 100%;

            width: 100%;

            margin-left: 0;
            margin-top: 10px;
        }
    }


    /* =========================================================
       RESPONSIVE — MOBILE
    ========================================================= */

    @media (max-width: 575px) {

        .lsr-home-search {
            width: calc(100% - 20px);

            padding: 10px;

            border-radius: 14px;

            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15);
        }

        .lsr-home-search-row {
            display: flex;
            flex-direction: column;
        }

        .lsr-home-field {
            width: 100%;

            flex: 1 1 100%;

            border-right: none !important;
            border-bottom: 1px solid #ececf3;
        }

        .lsr-home-field:last-of-type {
            border-bottom: none;
        }

        .lsr-home-select,
        .lsr-home-input {
            height: 50px;
            font-size: 13.5px;
        }

        .lsr-home-icon {
            left: 14px;
            font-size: 13px;
        }

        .lsr-home-select {
            padding-left: 40px;
            padding-right: 30px;

            background-position: right 12px center;
        }

        .lsr-home-input {
            padding-left: 40px;
        }

        .lsr-home-btn {
            width: 100%;

            height: 50px;

            margin-left: 0;
            margin-top: 10px;

            font-size: 14px;

            border-radius: 9px;
        }
    }


    /* =========================================================
       VERY SMALL MOBILE
    ========================================================= */

    @media (max-width: 375px) {

        .lsr-home-search {
            width: calc(100% - 14px);
            padding: 8px;
        }

        .lsr-home-select,
        .lsr-home-input {
            height: 48px;
            font-size: 13px;
        }

        .lsr-home-btn {
            height: 48px;
            font-size: 13.5px;
        }
    }