/* css for get in touch with us form loan type selection */
    .de_form input[type=radio]:before {
        padding: 0px;
    }

    .de_form input[type="radio"],
    .de_form input[type="checkbox"] {
        /* hide the inputs */
        display: none;
    }

    .de_form input[type="radio"]+label:before {
        content: "\f111";
        font-family: "FontAwesome";
        margin-right: 10px;
    }

    .de_form input[type="checkbox"]+label:before {
        content: "\f00c";
        font-family: "FontAwesome";
        margin-right: 10px;
    }

    /* style your lables/button */

    #inquiry_form .radio-img {
        display: inline-block;
    }

    #inquiry_form input[type="radio"]+label,
    #inquiry_form input[type="checkbox"]+label {
        margin-right: 10px;
    }

    #inquiry_form .radio-img input[type="radio"]+label,
    #inquiry_form .radio-img input[type="checkbox"]+label {
        padding: 0px;
        position: relative;
        background: none;
        width: 100%;
        float: left;
        text-align: center;
        margin-right: 20px;
        background: #999;
        padding: 19px 20px 14px 20px;
        font-weight: bold;
        border-radius: 10px;
        -moz-border-radius: 10px;
        -webkit-border-radius: 10px;
        color: #fff;
    }

    #inquiry_form .radio-img input[type="radio"]:checked+label,
    #inquiry_form .radio-img input[type="checkbox"]:checked+label {
        color: #ffffff;
    }

    #inquiry_form .radio-img input[type="radio"]+label:before,
    #inquiry_form .radio-img input[type="checkbox"]+label:before {
        position: absolute;
        top: 10px;
        left: 15px;
        border: none;
        display: none;
    }

    #inquiry_form .radio-img input[type="radio"]+label img,
    #inquiry_form .radio-img input[type="checkbox"]+label img {
        width: 100%;
        margin-bottom: 10px;
        border-radius: 5px;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
    }

    #inquiry_form .radio-img input[type="radio"]:checked+label img,
    #inquiry_form .radio-img input[type="checkbox"]:checked+label img {
        background: var(--primary-color-1);
    }


    #inquiry_form.s2 .radio-img input[type="radio"]+label,
    #inquiry_form.s2 .radio-img input[type="checkbox"]+label,
    #inquiry_form .radio-img input[type="radio"]+label img,
    #inquiry_form .radio-img input[type="checkbox"]+label img {
        width: 50px;
        height: 50px;
        /* width: 100%; */
        float: none;
    }

    .radio-img input {
        display: none;
    }

    .radio-img label {
        cursor: pointer;
    }

    .de_form input[type="checkbox"]:checked+label:before,

    #inquiry_form .radio-img input[type="radio"]:checked+label,
    #inquiry_form .radio-img input[type="checkbox"]:checked+label {
        background: #ECBE29;
    }

    .de_form input[type="checkbox"]+label:before {
        border-color: #ECBE29;
    }


    /* end css for get in touch with us form loan type selection */


    /* css for live search textbox */
    .dropdown-container {
        position: relative;
        /* So that the dropdown can be positioned absolutely within it */
        width: 100%;
        /* Full width of its parent container */
    }

    #sourceSuggestions,
    #destinationSuggestions {
        position: absolute;
        /* Position it relative to the container */
        z-index: 1000;
        /* Ensure it appears on top of other elements */
        display: none;
        /* Initially hidden */
        background-color: #ffffff;
        /* Background color */
        border: 1px solid #ddd;
        /* Border styling */
        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
        /* Shadow for depth */
        width: 100%;
        /* Full width of the container */
        left: 0;
        /* Align with the left edge of the container */
        top: 100%;
        /* Position directly below the input */
    }

    /* Mobile view: 0px to 767px */
    @media (max-width: 767px) {

        #sourceSuggestions,
        #destinationSuggestions {
            width: fit-content;
            /* Full width of the container */
            left: 0;
            /* Align with the left edge of the container */
        }
    }

    /* Tablet view: 768px to 991px */
    @media (min-width: 768px) and (max-width: 991px) {

        #sourceSuggestions,
        #destinationSuggestions {
            width: fit-content;
            /* Full width of the container */
            left: 0;
            /* Align with the left edge of the container */
        }
    }

    /* Desktop view: 992px and up */
    @media (min-width: 992px) {

        #sourceSuggestions,
        #destinationSuggestions {
            width: fit-content;
            /* Full width of the container */
            left: 0;
            /* Align with the left edge of the container */
        }
    }

    #source_id,
    #destination_id {
        position: relative;
        /* To make sure the dropdown positions itself relative to this input */
    }


    /* start css for emi calculator tabs */

    .home-tabs .load-faq-tabs {
        border: 1px solid #EBECEF;
        border-radius: 8px;
        padding: 12px;
        flex-direction: row;
        gap: 12px;
        justify-content: center;
    }

    .load-faq-tabs {
        padding: 32px;
    }

    .loan-comparison .loan-comparison__table {
        padding: 32px;
        background: white;
        border-radius: 16px;
        box-shadow: 0px 6px 30px 0px rgba(0, 0, 0, 0.04);
        overflow-x: auto;
    }

    .loan-comparison .loan-comparison__table::-webkit-scrollbar {
        height: 0.7vw;
    }

    .loan-comparison .loan-comparison__table::-webkit-scrollbar-track {
        background-color: rgba(7, 76, 62, 0.062745098);
    }

    .loan-comparison .loan-comparison__table::-webkit-scrollbar-button,
    .loan-comparison .loan-comparison__table::-webkit-scrollbar-thumb {
        background-color: #292929;
        box-shadow: inset 2px 2px 2px hsla(0, 0%, 100%, 0.25), inset -2px -2px 2px rgba(0, 0, 0, 0.25);
    }

    .loan-comparison .loan-comparison__table .sloan-comparison__title {
        margin-bottom: 40px;
    }

    .loan-comparison .loan-comparison__table table {
        width: 100%;
        border-collapse: collapse;
    }

    .loan-comparison .loan-comparison__table table tr {
        display: flex;
    }

    .loan-comparison .loan-comparison__table table tr:nth-child(odd) {
        background: rgba(7, 76, 62, 0.05);
    }

    .loan-comparison .loan-comparison__table table th,
    .loan-comparison .loan-comparison__table table td {
        flex: 1;
        padding: 12px 20px;
        font-weight: 500;
        min-width: 200px;
        border-right: 1px dashed #C1C4CC;
        margin: auto;
    }

    .loan-comparison .loan-comparison__table table th:last-child,
    .loan-comparison .loan-comparison__table table td:last-child {
        border-right: none;
    }

    .loan-comparison .loan-comparison__table table th .btn_theme,
    .loan-comparison .loan-comparison__table table td .btn_theme {
        width: 100%;
        height: 45px;
    }

    .loan-comparison .loan-comparison__table table th .btn_theme::after,
    .loan-comparison .loan-comparison__table table td .btn_theme::after {
        background: transparent;
    }

    .loan-comparison .loan-comparison__table table th {
        font-size: 20px;
        color: #222E48;
    }
      /* end css for emi calculator tabs */



      /* other css */
      .client-logos{
        background: linear-gradient(324deg, rgb(232 221 221) 0%, rgb(224 217 206 / 4%) 100%);
      }


      .emi-calc {
        width: fit-content;
    }

    .emi-calc input {
        border: 1px solid #222E48;

        font-weight: 600;
    }

    .emi-calc span {
        font-weight: 600;
    }

    .query {
        display: flex; /* Default: Horizontal layout */
        gap: 2rem; /* Default gap */
      }

      .query__list {
        /* Styles for list items in horizontal layout (if needed) */
      }


      @media (max-width: 991px) { /* Tablet and Mobile Breakpoint */
        .query {
          display: block; /* Stack list items vertically */
          gap: 0; /* Remove gap on mobile and tablet */
        }

        .query__list {
          margin-bottom: 10px; /* Add spacing between list items */
        }
      }

        @media (min-width: 992px) { /* Desktop View */
        .query {
          display: flex; /* Horizontal layout */
          gap: 2rem; /* Gap for desktop */
        }
        .query__list {
          display: inline-block; /* or inline-flex if needed */
            margin-right: 1rem; /* space between list items in inline view */
        }
      }