/* input style start */

        @media (max-width: 768px) {
        .form-row {
            grid-template-columns: 1fr;
        }
    }

    .form-row {
        display: grid;
        /* grid-template-columns: 1fr 1fr; */
        gap: 16px;
        margin-bottom: 16px;
    }
    
    
    .form-group {
        position: relative;
    }

    .steps .input-with-icon{
        position: relative;
    }

    .steps .input-with-icon .form-input {
        padding-left: 48px !important;
    }

    .steps .input-icon {
        position: absolute;
        top: 45%;
        transform: translateY(-50%);
        left: 16px;
        color: #6b7280;
        z-index: 2;
    }

    .steps label.form-label {
        all: unset; /* resets all styles */
        /* display: block !important; */
        font-weight: 500 !important;
        color: #64748b !important;
        margin-bottom: 6px !important;
        font-size: 14px !important;
    }


    .steps input.form-input {
        /* all: unset; */
        /* width: 100% !important; */
        /* padding: 14px 16px !important; */
        padding: 8.3px 10px !important;
        /* border: 1.5px solid #e2e8f0 !important; */
        border-radius: 10px !important;
        font-size: 14px !important;
        font-family: 'Outfit', sans-serif !important;
        transition: all 0.5s ease !important;
        background-color: #ffffff !important;
    }

    .steps select.form-input{
        /* all:unset; */
         padding: 8.3px 10px !important;
        border: 1.5px solid #e2e8f0 !important;
        border-radius: 10px !important;
        font-size: 13px !important;
        font-family: 'Outfit', sans-serif !important;
        transition: all 0.2s ease !important;
        background-color: #ffffff !important;
        appearance: none;
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='800' height='800' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M7 10L12 15L17 10' stroke='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
        background-position: right 12px center;
        background-repeat: no-repeat;
        background-size: 17px;
        height: auto;
        padding-right: 40px !important;
    }


    /* select 2 start */
        .select2-selection__rendered{
            padding: 8.3px 48px !important;
            border: 1.5px solid #e2e8f0 !important;
            border-radius: 10px !important;
            font-size: 14px !important;
            font-family: 'Outfit', sans-serif !important;
            transition: all 0.5s ease !important;
            background-color: #ffffff !important;
            appearance: none;
            background-position: right 12px center;
            background-repeat: no-repeat;
            background-size: 17px;
            height: auto;
            padding-right: 40px !important;
            color: #837e7e;
            letter-spacing: 1.4px;
        }

        /* .select2-search--inline{
            position: absolute !important;
        } */

        .select2-search--inline .select2-search__field{
            position: absolute;
            left: 0px;
            padding-left: 48px !important;
            /* height: auto; */
            resize: none !important;
            top: 8px;
        }

        #select2-destination-container{
            border: none !important;
            margin: 0;
            padding-top: 5.9px !important;
            padding-bottom: 5.9px !important;
        }

        #select2-destination-container:hover{
            border: none !important;
            outline: none !important;
            box-shadow: none !important;
        }

        .select2-selection--multiple{
            border: 1px solid #d9d9d9 !important;
            border-radius: 12px !important;
            transition: all 0.5s ease !important;
        }

        .select2-selection--multiple:hover{
            border: 1.5px solid #28a745 !important;
            box-shadow: 0 0 0 3px rgba(67, 97, 238, 0.1) !important;
        }

        .select2-selection--multiple:focus{
            border: 1.5px solid #fecc28 !important;
            box-shadow: none !important;
        }

        .select2-search__field::placeholder{
            letter-spacing: 1.4px;
            font-family: 'Outfit', sans-serif !important;
            color: #837e7e;
            font-size: 14px !important;
        }

        .select2-selection__placeholder{
            letter-spacing: 1.4px;
            font-family: 'Outfit', sans-serif !important;
            color: #837e7e;
        }

        .select2-container .select2-selection--single{
            height: auto !important;
        }

        body{
            overflow-x: hidden !important;
        }

        .select2-container--default .select2-selection--single .select2-selection__arrow{
            top: 6px !important;
        }

        /* .select2-container--default .select2-selection--single{
            border: none !important;
        } */

        .select2-container{
            width: 97% !important;
        }

        .select2-container--default .select2-selection--single .select2-selection__rendered{
            line-height: inherit !important;
        }

        .select2-container--default .select2-search--dropdown .select2-search__field{
            border-radius: 12px;
        }

        .select2-dropdown{
            border-radius: 12px;
        }

        .select2-container--default .select2-results>.select2-results__options::-webkit-scrollbar{
            display: none;
        }

        .select2-dropdown{
            border-bottom: 1px solid #aaa !important;
            border-radius: 12px !important;
            overflow: hidden;
        }

        .select2-container--open .select2-dropdown{
            /* top: -6px; */
        }

    /* select 2 end */


    .steps{
        margin: unset;
    }
    .steps input.form-input::placeholder {
        all: unset;
        font-size: 14px !important;
        color: #94a3b8 !important;
        font-weight: 400 !important;
    }

    .steps input.form-input[placeholder="DD-MM-YYYY"]::placeholder {
        all: unset;
        font-size: 13px !important;
        color: #94a3b8 !important;
        font-weight: 400 !important;
    }

    input.form-input:hover, select.form-input:hover {
         /* all: unset; */
        outline: none !important;
        border:1.5px solid #28a745 !important;
        box-shadow: 0 0 0 3px rgba(67, 97, 238, 0.1) !important;
    }
    input.form-input:focus,select.form-input:focus {
        /* color: #333333; */
        border: 1.8px solid #fecc28 !important;
        box-shadow: none !important;
    }

    .custom-pad{
        padding: 49px;
    }

    .p_input_css_title{
        /* color: #1e293b;
        font-size: 18px;
        font-weight: 600;
        font-family: 'Font Awesome 5 Free'; */
        all: unset;
        font-weight: 600 !important;
        color: #64748b !important;
        margin-bottom: 6px !important;
        font-size: 14px !important;
    }

    .icon-left{
        position: absolute;
        left: 14px;
        vertical-align: -webkit-baseline-middle;
        top: 11px;
    }

    .group_input input[type="checkbox"]:checked + label, .group_input input[type="radio"]:checked + label{
        border-radius: 17px;
        /* padding: 8px 19px; */
        border: 1px solid #e7ebf0 !important;
        padding: 8.3px 10px !important;
        font-size: 16px !important;
        font-weight: 600;
        width: 21%;
        border-radius: 10px !important;
    }

    .group_input input[type="checkbox"]:checked + label:before, .group_input input[type="radio"]:checked + label:before{
        width: 30px;
        height: 30px;
        left: 82%;
    }

    .group_input input[type="checkbox"] + label, .group_input input[type="radio"] + label{
        border-radius: 17px;
        /* padding: 8px 19px; */
        padding: 8.3px 10px !important;
        font-size: 16px !important;
        font-weight: 500;
        width: 21%;
        /* border: 1.5px solid #e2e8f0 !important; */
        line-height: 1.432;
        border-radius: 10px !important;
    }

    .submitLead:hover .rht-aw{
        right: 0;
    }

    .group_input input[type=checkbox]:checked+label, .group_input input[type=radio]:checked+label{
        outline: none !important;
        border: none !important;
        /* box-shadow: 0 0 0 3px rgba(67, 97, 238, 0.1) !important; */
        text-align: center !important;
        line-height: 1.432;
        background: #f0fff3;
        color: #28a745 !important;
        font-weight: 500;
    }

    .group_input input[type="checkbox"]:checked + label:before, .group_input input[type="radio"]:checked + label:before{
        all: unset;
    }

    .gap-tell{
        line-height: 4 !important;
    }

    .group_input{
        /* all: unset; */
        padding: 0px 5px 13px 5px;
        display: block;
    }

    .mobile-only-br {
        display: none;
    }

    .form-group:has(.error){
        margin-bottom: 0;
    }

    #submitLeadBtn{
        position: unset;
        float: unset;
        top: unset;
        right: unset;
        height: unset;
        z-index: unset;
        border-radius: 0.5rem;
        background-color: #F2581B !important;
        border: none;
        padding: 10px;
        width: 97%;
        cursor: pointer !important;
        font-weight: 500;
        font-family: inherit;
        color: #fff !important;
        transition: all 0.5s ease;
    }

    #submitLeadBtn:hover{
        background-color: #e34000 !important;
    }

    #pin_code_continue:hover{
        background-color: #e34000 !important;
    }

    .previous[name="previous"]:hover{
        background-color: #06617a !important;
    }

    .next:hover{
        background-color: #e34000 !important;
    }

    #name{
        text-transform: capitalize;
    }

    .back-btn{
        border-radius: 0.5rem;
        background-color: #107591 !important;
        padding: 10px;
        cursor: pointer !important;
        font-weight: 500;
        font-size: 1rem;
        line-height: 1.25rem;
        height: auto !important;
        /* width: 26%; */
        margin-top: unset !important;
        width: 45%;
        color: #fff !important;
        border-color: #e4e4e7 !important;
        font-family: inherit;
    }

    .next-btn{
        border-radius: 0.5rem;
        font-size: 1rem;
        line-height: 1.25rem;
        background-color: #F2581B !important;
        border: none;
        margin-top: unset !important;
        padding: 10px;
        cursor: pointer !important;
        font-weight: 500;
        height: auto !important;
        /* width: 26%; */
        width: 45%;
        top: unset !important;
        color: #fff !important;
        font-family: inherit;
    }

    #progressbar {
        margin-bottom: 22px;
    }

    .steps .next{
        right: 20px;
    }

    .button-group{
        display: block !important;
        opacity: 1 !important;
        margin-top: 25px;
    }

    /* .main-page-wrapper{
        min-height: calc(100vh - 100px);
    } */

    @media(width<=425px){
        .next-btn[value="View Quotes"]{
            position: unset !important;
            float: unset;
            margin-top: unset !important;
            width: 100%;
        }

        .next[value="View Quotes"]{
            position: unset !important;
            float: unset;
            margin-top: unset !important;
            width: 100% !important;
        }

        .next-btn[value="Get Started"]{
            position: unset !important;
            float: unset;
            margin-top: unset !important;
            width: 100%;
        }

        .previous[value="Back"]{
            position: unset !important;
            float: unset;
            margin-top: unset !important;
            width: 100% !important;
        }

        .button-group{
            display: flex !important;
            align-items: center;
            justify-content: space-between;
            flex-direction: column;
            gap: 10px;
            opacity: 1 !important;
        }

        .addTermsCondition {
            margin-top: 20px !important;
        }

        .back-btn[name="previous"] {
            width: 100%;
        }

    }

    /* .steps .form-grid {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 20px;
    } */

    @media (max-width: 768px) {
        /* .steps .form-grid {
            grid-template-columns: 1fr;
        } */

        .steps input.form-input {
            all: inherit;
            border: 1.5px solid #e2e8f0;
        }

        .custom-pad{
            padding-inline: 25px;
        }
    } 

    @media only screen and (max-device-width: 480px) {
        .submitpincode {
            margin-top: 0 !important;
        }

        .select2-container{
            width: 100% !important;
        }
    }

    @media(width<=425px){
        #progressbar{
            margin: 0;
        }

        .next-btn {
            right: 3px !important;
        }

        .group_input input[type="checkbox"] + label, .group_input input[type="radio"] + label{
            width: 39%;
        }

        .group_input input[type="checkbox"]:checked + label, .group_input input[type="radio"]:checked + label{
            width: 39%;
        }

        .gap-tell{
            line-height: 0 !important;
        }

        .steps fieldset:nth-child(1){
            padding-top: 0 !important;
        }
    }


    label.animated-border {
        position: relative;
        display: inline-block;
        margin: 0 10px;
        padding: 10px 20px;
        /* background: #f0fff3; */
        color: rgba(255, 255, 255, .4);
        font-size: 1.2em;
        letter-spacing: 0.05em;
        /* text-transform: uppercase; */
        cursor: pointer;
        border-radius: 10px !important;
        overflow: hidden;
        transition: 0.5s;
        transition-delay: 0.8s;
    }

    label.animated-border:hover {
        color: var(--clr);
        letter-spacing: 0.2em;
        text-shadow: 0 0 5px var(--clr);
        transition-delay: 1ms;
    }

    label.animated-border span {
        position: absolute;
        display: block;
        background: var(--clr);
        box-shadow: 0 0 5px var(--clr);
    }

    label.animated-border span:nth-child(1),
    label.animated-border span:nth-child(2) {
        height: 1.5px;
        width: 50.5%;
        top: 0;
        transform: scaleX(0);
        transition: transform .5s;
    }

    label.animated-border span:nth-child(1) {
        left: 0;
        transform-origin: left;
    }

    label.animated-border:hover span:nth-child(1) {
        transform: scaleX(1);
        transform-origin: right;
    }

    label.animated-border span:nth-child(2) {
        right: 0;
        transform-origin: right;
    }

    label.animated-border:hover span:nth-child(2) {
        transform: scaleX(1);
        transform-origin: left;
    }

    label.animated-border span:nth-child(3),
    label.animated-border span:nth-child(4) {
        width: 1.5px;
        height: 100%;
        top: 0;
        transform: scaleY(0);
        transition: transform .5s;
        transition-delay: .4s;
    }

    label.animated-border span:nth-child(3) {
        right: 0;
        transform-origin: bottom;
    }

    label.animated-border:hover span:nth-child(3) {
        transform: scaleY(1);
        transform-origin: top;
    }

    label.animated-border span:nth-child(4) {
        left: 0;
        transform-origin: bottom;
    }

    label.animated-border:hover span:nth-child(4) {
        transform: scaleY(1);
        transform-origin: top;
    }

    label.animated-border span:nth-child(5),
    label.animated-border span:nth-child(6) {
        height: 1.5px;
        width: 50.5%;
        bottom: 0;
        transform: scaleX(0);
        transition: transform .5s;
        transition-delay: .8s;
    }

    label.animated-border span:nth-child(5) {
        left: 0;
        transform-origin: right;
    }

    label.animated-border:hover span:nth-child(5) {
        transform: scaleX(1);
        transform-origin: left;
    }

    label.animated-border span:nth-child(6) {
        right: 0;
        transform-origin: left;
    }

    label.animated-border:hover span:nth-child(6) {
        transform: scaleX(1);
        transform-origin: right;
    }

    #rb2 label,#rb1 label{
        background: #fff;
        border: 1px solid #e7ebf0;
    }

    @media screen and (max-width: 768px) {
        .text-wrapper_input ul li:hover{
           background: unset;
            font-size: 15px;
            line-height: 1.99;
            color: #080808;
        }
    }

    
@media(width<=375px){
    .mobile-view{
        display: flex;
        flex-direction: column;
        gap: 15px;
        align-items: start;
    }

    .group_input input[type="checkbox"]:checked + label, .group_input input[type="radio"]:checked + label{
        width: 50%;
    }

    .group_input input[type="checkbox"] + label, .group_input input[type="radio"] + label{
        width: 50%;
        margin-left: 0;
    }
}


/* age selection page css start */

    .cbx span:last-child{
        font-size: 15px;
    }
    .cbx span:first-child{
        border-radius: 6px;
    }
    .cbx span:first-child svg{
        top: 3px;
        left: 3px;
    }

    #proposal_members .input-group{
        all: unset;
    }

    #proposal_members .margin_input {
        margin: 0;
    }

    #proposal_members .selectize-input{
        margin-right: 0;
        padding: 10px !important;
        font-size: 0.9rem;
        width: 100%;
        border-radius: 10px;
        padding-right: 27px !important;
    }

    #proposal_members .selectize-input.dropdown-active{
        border-radius: 10px;
    }

    #proposal_members{
        row-gap: 19px;
    }

    .selectize-control.single .selectize-input:after{
        top: 48%;
    }

    /* .dropdown-active .item{
        display: none;
    } */

    .selectize-dropdown{
        border-radius: 10px;
    }
    .selectize-dropdown::-webkit-scrollbar{
        display: none;
    }
    .selectize-dropdown-content::-webkit-scrollbar{
        display: none;
    }

    .selectize-dropdown-content .option:hover{
        background-color: #007bff;
        color: #fff;
    }

    .selectize-dropdown .active{
        background-color: #007bff;
        color: #fff;
    }

    .select2-container--open .select2-dropdown--below{
        border-top:1px solid #aaa !important;
    }

    .select2-selection__rendered:hover{
            outline: none !important;
    border: 1.5px solid #28a745 !important;
    box-shadow: 0 0 0 3px rgba(67, 97, 238, 0.1) !important;
    }


    /* Travel design Start */

    .country-item {
        display: flex;
        flex-direction: column;
        align-items: center;
        cursor: pointer;
        transition: transform 0.2s ease;
        user-select: none;
    }

    .country-item:hover {
        transform: scale(1.05);
    }

    .country-icon {
        width: 64px;
        height: 64px;
        border-radius: 50%;
        overflow: hidden;
        position: relative;
        transition: all 0.2s ease;
        border: 3px solid transparent;
        background: #fff;
    }

    .country-icon.active {
        border-color: #3b82f6;
        /* background: #fff; */
        box-shadow: 0 0 0 2px #f5f1eb, 0 0 0 5px #3b82f6;
    }

    .country-icon:hover:not(.active) {
        border-color: #d1d5db;
        box-shadow: 0 0 0 2px #f5f1eb, 0 0 0 4px #d1d5db;
    }

    .country-icon img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        display: block;
    }

    .country-name {
        margin-top: 8px;
        font-size: 14px;
        font-weight: 500;
        color: #374151;
        text-align: center;
        max-width: 80px;
        line-height: 1.2;
    }

    .selection-info {
        text-align: center;
         margin-top: 20px;
    }

    .selected-text {
        color: #374151;
        font-weight: 500;
        margin-bottom: 10px;
    }

    .hidden {
        display: none;
    }

    .australia {
        background: linear-gradient(45deg, #FFD700, #FF6B35);
    }

    .singapore {
        background: linear-gradient(45deg, #FF6B6B, #4ECDC4);
    }

    .thailand {
        background: linear-gradient(45deg, #FF9A8B, #A8E6CF);
    }

    .uk {
        background: linear-gradient(45deg, #f093fb, #f5576c);
    }

    /* Responsive Design */
    @media (min-width: 768px) {
        .countries-grid {
            gap: 32px;
        }

        .country-icon {
            width: 56px;
            height: 56px;
        }

        .country-name {
            font-size: 12px;
            max-width: 96px;
        }

    }

    @media (min-width: 1024px) {
        .countries-grid {
            gap: 48px;
        }
    }

    .disclaimer{
        background: #fff3cd;
        border: 1px solid #ffeaa7;
        border-radius: 8px;
        padding: 8px 12px;
        margin: 8px 0;
        font-size: 12px;
    }

    .disclaimer-text{
        color: #92400e;
        font-size: 0.8rem;
        line-height: 1.25rem;
    }

    #medical_conditions{
        position: inherit;
        left: inherit;
        width: inherit;
        height: inherit;
        visibility: inherit;
    }

    .disclaimer-text strong{
        font-weight: 500;
    }

    /* Travel design end */

    @media(max-width:767px){
        #proposal_members .selectize-input{
            margin-right: 0;
            width: 100%;
        }

        #proposal_members .margin_input {
            margin: 0;
        }
    }