@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

@font-face {
    font-family: 'Switzer';  
    src: url('https://whatsease.vilvabusiness.com/landingpage/fonts/OTF/Switzer-Black.otf') format('opentype');  
    font-weight: 900;      
    font-style: normal;     
}

body {
    font-family: 'Switzer', sans-serif; /* Apply the Switzer font */
}

#mainNav .navbar-toggler {
    border: none !important;
    box-shadow: none !important;
}


.grey_colour{
    color: #000000a3 !important;
}

.black_colour{
    color: #000 !important;
}

.custom_nav_img{
    height: 80px !important;
    width: 240px !important;
}


.black{
    font-family: 'Switzer', sans-serif; /* Apply the Switzer font */
font-size: 32px;
font-weight: 700;
line-height: 32px;
text-align: left;
text-underline-position: from-font;
text-decoration-skip-ink: none;
color: black !important;
}

.green{
    font-family: 'Poppins';
    font-size: 14px;
    font-weight: 400;
    line-height: 14px;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    color: #1BB826 !important;
    text-align: center;
    
}


.linear{
    /* border-radius: 0px 12px 0px 0px; */
padding: 10px;
    background: linear-gradient(90deg, #FFC42E 0%, #FFEF3D 50%, #FFC42E 100%) !important;

}
.linear p{
    margin: 0;
    font-family: 'Poppins';
font-size: 14px;
font-weight: 400;
line-height: 14px;
text-align: center;
text-underline-position: from-font;
text-decoration-skip-ink: none;

}





.custom_login{
    height: 45px !important;
    display: flex !important;
    align-items: center !important;
    width: 100px !important;
    justify-content: center;
    border-radius: 50px !important;
    /* color: #2AC930 !important; */
    background: #2AC930 !important;
    color: #FFF !important;
}

 .login_color{
    background: #FFF !important;
 }
 .login_color:hover{
    background: #2AC930 !important;

 }
 


.custom_signup{
    border-radius: 50px !important;
}

.my-4{
    display: flex;
    
}

.custom_start{
   
    height: 45px !important;
    display: flex !important;
    align-items: center !important;
    width: 125px !important;
    justify-content: center;
    font-size: 14px;
    border-radius: 50px !important;
    background: #2AC930 !important;

    
} 
.lw-btn{
    height: 45px !important;
    width: 125px !important;        
    font-size: 14px !important;
    align-content: center;
}
.lw-masthead{
    height: fit-content !important;
    padding-top: 0;

}

.p_text{
    font-size: 12px;
}



.image-container {
    width: 500px;
    height: 400px;
    overflow: hidden;
    position: relative;
    border-radius: 8px;
    cursor: pointer;
}
.image-container img {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    transition: opacity 0.5s ease-in-out;
}
.image-container img.active {
    opacity: 1;
}




#sliderImage {
    width: 520px; 
    height: 500px;
    cursor: pointer;
    transition: opacity 0.5s ease-in-out;
}

.slide_img_c {
    padding-left: 70px !important;
}


.lw-button{
    height: 45px;
    width: 130px;
    text-align: c;
    align-content: center;
}
 .siva{
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    gap: 40px;
} 

 .offer_container{

    display: flex;
    flex-direction: column;
 
    width: 320px;
    height: 574px;
    flex-shrink: 0;
    border-radius: 12px;
    background: #102D1B;
    box-shadow: 0px 2px 20px 0px rgba(16, 45, 27, 0.40);

}

.lw-title{
    padding-top: 131px !important;
    font-size: 48px !important;
    line-height: 125% !important;

    width: 573.965px;
    color: #000;
    font-family: Switzer;
    font-size: 48px;
    font-style: normal;
    font-weight: 700;
    line-height: 125%; 
}
.img{
    padding-top: 30px;
}
.p_text-d{
    width: 480px !important;

    color: #000;
    font-family: Poppins;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%; 

}
.unlock_d{
    /* width: 622px !important; */
    width: 118%;

    color: #000;
    font-family: Poppins;
    font-size: 19px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
}

/* Navbar Styling */
.navbar {
    padding: 10px 15px;
    background-color: #fff;
}

/* Move Menu Button to the Left */
.navbar-toggler {
    background: #fff;
    border: none;
    font-size: 18px;
    padding: 8px 12px;
    border-radius: 5px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
}








    /* modified css  */

    .siva h5{
        color: #102D1B;
        font-family: Poppins;
        font-size: 32px;
        font-style: normal;
        font-weight: 700;
        line-height: 100%; /* 32px */
        margin-bottom: 0;
    }

    .card_container{
        
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 40px;
    }


    .stars{
        display: flex;
        justify-content: center; 
        align-items: center;
        padding-top: 8.44px;
        gap: 5px;
    }
    .stars h3{
        color: #353535;
        text-align: center;
        /* font-family: Switzer; */
        font-size: 15.294px;
        font-style: normal;
        font-weight: 400 !important;
        line-height: 100% !important; /* 15.294px */
        margin-bottom: 0;
    }
    .stars_img{
        width: 50%; 
        height: 8%;
    }
    .country{
        display: flex;
        padding: 8px 10px;
        justify-content: center;
        align-items: center;
        gap: 8px;

        border-radius: 22px;
        background: #FFCE8A;
        width: 31%;
        margin-top: 4.71px;
    }
    .country h4{
        color: #000;
        text-align: center;
        /* font-family: Switzer; */
        font-size: 16.471px;
        font-style: normal;
        font-weight: 400;
        line-height: 100%; /* 16.471px */
        margin-bottom: 0;
    }
    .country span{
        color: #000;
        /* font-family: Switzer; */
        font-size: 16.471px;
        font-style: normal;
        font-weight: 600;
        line-height: 100%;
    }
    .india_flag{
        width: 28.235px; 
        height: 28.235;
    }
    .main-logo{
        display: flex;
        justify-content: center;
        flex-direction: column;
        align-items: center;
        padding-top: 88.77px;

    }






        .trusties {
            
            display: flex;
            flex-direction: column;
            align-items: center;
            height: 275px !important; 
            width: 100%;
            background: #ECFFE4;
        }

        .trusties h5 {

            font-family: Poppins; 
            font-size: 24px; 
            font-style: normal; 
            font-weight: 600; 
            line-height: normal; 
            text-align: center; 
            padding-top: 40px; 
            color: #148014; 
            margin-bottom: 0;
            width: 100%; 
        }

        .brands-wrapper-container {
            position: relative;
            overflow: hidden; /* Hide overflow */
            width: 100%;
           
        }

        .brands-wrapper {

            display: flex;
            gap: 80px;
            width: max-content;
            position: relative;
            margin-top: 60px;
            margin-bottom: 80.58px;
        }

        .brands-wrapper img {

            height: 50px;
            width: auto;
            flex-shrink: 0;
        }
        

    .meesakar_img{
        width: 250px !important;
        height: 35px !important;
        flex-shrink: 0;
        aspect-ratio: 174.67/20.00 !important;
        padding-top: 5px !important;
    }
    .braissidols_img{
        width: 174.67px !important;
        height: 40px !important;
        flex-shrink: 0;
        aspect-ratio: 126.85/44.00;
    }
    .tamil_img{
        
        width: 158.416px !important;
        height: 40px !important;
        aspect-ratio: 158.42/40.00;
    }
    .magizh_img{
        width: 158.416px !important;
        height: 40px !important;
        aspect-ratio: 158.42/40.00;
    }
    .tt_img{
        width: 191.569px !important;
        height: 40px !important;
        aspect-ratio: 191.57/44.00;
    }
    .zendrop_img{
        width: 191.569px !important;
        height: 40px !important;
        aspect-ratio: 191.57/44.00;
    }
    .hafeela_img{
        width: 132.231px !important;
        height: 40px !important;
        flex-shrink: 0;
        aspect-ratio: 132.23/58.42;
    }
    .bogi_img{
        width: 88.35px !important;
        height: 40px !important;
        flex-shrink: 0;
        aspect-ratio: 88.35/38.00;
        }
    .plan{
        display: inline-flex;
        padding: 4px 12px;
        justify-content: center;
        align-items: center;
        gap: 10px;
        border-radius: 14px;
        background: #1F5734;
        width: 31%;
        margin-left: 16px;
    }
    .plan h1{
        color: #00C149;
        text-align: start;
        /* font-family: Switzer; */
        font-size: 18px;
        font-style: normal;
        font-weight: 500;
        line-height: 100%; /* 18px */
        margin-bottom: 0;
        }
    .free h2{
        color: #5BFF42;
        /* font-family: Switzer; */
        font-size: 32px;
        font-style: normal;
        font-weight: 700;
        line-height: 100%; /* 32px */
        padding-bottom: 6px;
    }
    .free{
        padding-top: 20px !important;
        padding-left: 16px;
    }
    .free h5{ 
        color: #AFD58E;
        /* font-family: Switzer; */
        font-size: 12px;
        font-style: normal;
        font-weight: 400;
        line-height: 100%; /* 12px */
    }
    .offer_line{
        /* width: 288px; */
        height: 1px !important;
        background: #2E4B39;
        padding-left: 16px;
    }
    .tech_field{
        display: flex;
        flex-direction: column;
        gap: 16px;
        padding-left: 16px;
    }
    .tech_contents{
        display: flex;
        align-items: center;
        gap: 8px;
    }
    .green_tick_img{
        width: 24px;
        height: 24px;
    }

    .tech_contents h3{
        color: #FFF;
        font-family: Poppins;
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 100%; /* 16px */
        margin-bottom: 0;
    }

    .offer_container p{
        color: #B4B91F;
        text-align: center;
        font-family: Poppins;
        font-size: 12px;
        font-style: normal;
        font-weight: 400;
        line-height: 100%; /* 12px */
        padding-top: 47px;
        padding-bottom: 9px;
        margin-bottom: 0;
    }
    .join_plan_b{
        display: flex; 
        /* align-items: center; */
        width: 288px;
        height: 40px;
        padding: 10px;
        justify-content: center;
        align-items: center;
        gap: 10px;
        flex-shrink: 0;
        border-radius: 18px;
        background: #F8FF30;
        cursor: pointer;
    }
    .join_plan_b h5{
        color: #102D1B;
        font-family: Poppins;
        font-size: 16px;
        font-style: normal;
        font-weight: 600;
        line-height: 100%; /* 16px */
        margin-bottom: 0;
    }
    .join_us_b{
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .offer_container h4{
        color: #5D8D49;
        text-align: center;
        font-family: Poppins;
        font-size: 12px;
        font-style: normal;
        font-weight: 400;
        line-height: 100%; /* 12px */
        margin-bottom: 0;
        padding-top: 12.32px;
        padding-bottom: 17.66px;
    }
    
    .offer_types{
        display: inline-flex;
        padding: 6px 10px;
        justify-content: center;
        align-items: center;
        gap: 10px;
        border-radius: 0px 12px 0px 0px;
        background: linear-gradient(90deg, #FFC42E 0%, #FFEF3D 50%, #FFC42E 100%);
        width: 50%;
        margin-left: 50%;
        margin-bottom: -18px;
    }
    .offer_types h6{
        color: #102D1B;
        font-family: Poppins;
        font-size: 15px;
        font-style: normal;
        font-weight: 500;
        line-height: 145%; /* 21.75px */
        margin-bottom: 0;
    }

    /* Next Two Cards CSS  */

    .offer_types_2{
        display: inline-flex;
        padding: 6px 10px;
        justify-content: center;
        align-items: center;
        gap: 10px;
        border-radius: 0px 12px 0px 0px;
        background: linear-gradient(90deg, #FFC42E 0%, #FFEF3D 50%, #FFC42E 100%);
        width: 25%;
        margin-left: 75%;
        margin-bottom: -18px;
    }
    .offer_types_2 h6{
        color: #102D1B;
        font-family: Poppins;
        font-size: 15px;
        font-style: normal;
        font-weight: 500;
        line-height: 145%; /* 21.75px */
        margin-bottom: 0;
    }

    .plan_2{
        display: inline-flex;
        padding: 4px 12px;
        justify-content: center;
        align-items: center;
        gap: 10px;
        border-radius: 14px;
        background: #1F5734;
        width: 42%;
        margin-left: 16px;
    }
    .plan_2 h1{
        color: #00C149;
        text-align: start;
        /* font-family: Switzer; */
        font-size: 18px;
        font-style: normal;
        font-weight: 500;
        line-height: 100%; /* 18px */
        margin-bottom: 0;
        }

        .offer_types_3{
            display: inline-flex;
            padding: 6px 10px;
            justify-content: center;
            align-items: center;
            gap: 10px;
            border-radius: 0px 12px 0px 0px;
            background: linear-gradient(90deg, #FFC42E 0%, #FFEF3D 50%, #FFC42E 100%);
            width: 27%;
            margin-left: 73.3%;
            margin-bottom: -18px;
        }
        .offer_types_3 h6{
            color: #102D1B;
            font-family: Poppins;
            font-size: 15px;
            font-style: normal;
            font-weight: 500;
            line-height: 145%; /* 21.75px */
            margin-bottom: 0;
        }

        .plan_3{
            display: inline-flex;
            padding: 4px 12px;
            justify-content: center;
            align-items: center;
            gap: 10px;
            border-radius: 14px;
            background: #1F5734;
            width: 46%;
            margin-left: 16px;
        }
        .plan_3 h1{
            color: #00C149;
            text-align: start;
            /* font-family: Switzer; */
            font-size: 18px;
            font-style: normal;
            font-weight: 500;
            line-height: 100%; /* 18px */
            margin-bottom: 0;
            }


        .signup_color{
            background: white !important;
            color: #2AC930 !important; 
            border: 1px solid #2AC930 !important;
        }
        .signup_color:hover{
            color: #fff !important;
            background: #2AC930 !important;

}
        .highlight{
            color: #2AC930 !important;
            /* stroke-width: 3px !important; */
            /* stroke: #FFD43A !important; */
        }
        
        .engage_d{
            width: 114%;
        }

        .description{
            color: #000 !important;
            font-family: Poppins !important;
            font-size: 19px !important;
            font-style: normal !important;
            font-weight: 400 !important;
            line-height: 140% !important;
        }




@media (max-width: 768px) {

    .black{
        text-align: center !important;
    }
    .green{
        text-align: center !important;
        text-align: center;
        font-size: 15px;
        padding: 10px;

    }
    .p_text{
        width: 400.516px;

        color: #000000a3;
        text-align: center;
        font-family: Poppins;
        font-size: 15px;
        font-style: normal;
        font-weight: 400;
        line-height: 140%; /* 21px */
        opacity: 0.6;
    }
    .p_text-d {
        width: 338.327px;
        color: #000;
        text-align: center !important;
        font-family: Poppins;
        font-size: 10px;
        font-style: normal;
        font-weight: 400;
        line-height: 140%; /* 14px */
    }

    .lw-masthead{
        height: fit-content !important;
        padding-bottom: 0px;

      
    }
    .grey_colour{
        font-size: 15px;
    }
    

    body{
        margin-top: 50px !important;
    }
   
    .nav_adjustment{
        display: flex !important;
        align-items: center !important;
        flex-direction: row !important;
        justify-content: start !important;
        padding-left: 16px;
    }
    .custom_nav_img {
        height: 80px !important;
        width: 120px !important;
    }
    .nav_adjustment {
        flex-direction: row-reverse !important;
    }
    .border_none{
        border: none !important;
    }
    .height_100{
        height: 100% !important;
    }
    .linear p{
        color: #000;
        font-family: 'Poppins';
        font-size: 10px;
        font-style: normal;
        font-weight: 400;
        line-height: 100%; /* 10px */
    }
    #sliderImage{
        width: 100%;
        height: 100%;
    }
    .slide_img_c{
        padding-top: 30px !important;
        display: flex;
        justify-content: center;
        flex-direction: column;
        
    }
    .slide_img_text{
        text-align: center;

    }

    .lw-main-feature-block{
        padding-top: 0;
        padding-bottom: 0;
    }
    .green_text{
        display: flex;
        justify-content: center;
        text-align: center;
    }
    .signup_cont{
        display: flex;
        justify-content: center;
        flex-direction: column;
        align-items: center;
    }
    .lw-features-block{
        padding-top: 3rem;
    }

    .image-container {
        width: 100%;
    }

    .lw-title{

        /* width: 100% !important; */
        width: 351.381px;
        text-align: center !important;
        align-content: center !important;
        padding-top: 20px !important;
        /* padding-left: 0 !important; */
        
        margin-bottom: 0 !important;
        padding-bottom: 16px !important;
        font-size: 30px !important;
        padding-left: 0 !important;
        padding-right: 0 !important;

    
    }

    .description{
        color: #000;
        font-family: Poppins;
        font-size: 13px !important;
        font-style: normal;
        font-weight: 400;
        line-height: 140%;
    }
    .unlock_d{
        width: 348.516px !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    .p_text-d{
        width: 338.327px !important;

        color: #000;
        text-align: center;
        font-family: Poppins;
        font-size: 10px;
        font-style: normal;
        font-weight: 400;
        line-height: 140%; /* 14px */
        align-content: center !important;
        display: flex;
        justify-content: center !important;

    }

    .navbar-brand{
        /* display: none; */
        padding-left: 36%;
    }
    .navbar{
        height: 60px;
    }

    .px-5{
        padding-left: 0px !important;
    }




    .navbar-collapse{
        background: #eaeaea;
        /* backdrop-filter: blur(5px);
        background-color: hsla(0, 0%, 100%, .639); */
    }
        

    .offer_container{

        width: 100%;
        height: auto;
        border-radius: 14.18px;
        border: 0.682px solid #54FF94;
        background: #102D1B;
        margin-bottom: 15px;

    }


    /* modified code  */


    .main-logo{
        padding-top: 0 !important;
    }
    .trusties{
        width: 100%;
        height: 214px !important;
    }
    .trusties h5{
        font-size: 20px;
        padding-top: 24px !important; 
        width: 72% !important;
    }
    
    .country{
        display: flex;
        padding: 5.005px 6.256px;
        /* justify-content: center; */
        align-items: center;
        gap: 5.005px;

        border-radius: 13.763px !important;
        background: #FFCE8A;
        width: 26%;
    }
    .country h4{
        color: #000;
        text-align: center;
        font-size: 10.304px;
    
    line-height: 100%; /* 10.304px */
    }
    .country span{
        color: #000;
        font-size: 10.304px;
        font-weight: 600 !important;
    }
    .india_flag{
        width: 17.663px !important;
        height: 17.663px !important;
    }

    .stars{
        gap: 2.944px !important;
    }
    .stars h3{
        font-size: 9.568px;
    }
    .stars_img{
        width: 40%; 
    height: 8%;
    }
    .brands-wrapper{

        margin-top: 40px;
        margin-bottom: 42px;
    }

    
    .header_titile_1{
        display: flex;
        flex-direction: column;
        align-items: center;
        text-align: center !important;
        /* padding: 0 !important; */
    }
    .plan{
        width: 32% !important;
    }
    .offer_types{
        margin-left: 50% !important;
    }

    .card_container{
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        width: 100%;
        gap: 16px;
    }

    .siva h5{
        color: #102D1B;
        font-family: Poppins;
        font-size: 20px;
        font-style: normal;
        font-weight: 700;
        line-height: 100%; /* 20px */
    }
    .siva{
        gap: 24px;
    }

    .signup_color{
        background: white !important;
        color: #2AC930 !important; 
        border: 1px solid #2AC930 !important;
    }
    .signup_color:hover{
        color: #fff !important;
        background: #2AC930 !important;
    }


    /* scroll Image  */

    .meesakar_img{
        width: 170px !important;
        height: 25px !important;
    }
    .braissidols_img{
        width: 130px !important;
        height: 30px !important;
    }

    .tamil_img{
        width: 130px !important;
        height: 30px !important;
    }
    .magizh_img{
        width: 130px !important;
        height: 30px !important;
    }
    .tt_img{
        width: 130px !important;
        height: 30px !important;
    }
    .zendrop_img{
        width: 130px !important;
        height: 30px !important;
    }
    .hafeela_img{
        width: 110px !important;
        height: 30px !important;
    }
    .bogi_img{
        width: 130px !important;
        height: 30px !important;
    }
    
    .header_titile_1 {
        text-align: center !important;
    }




}
.card_container {
    padding: 15px;
}

/* Ensure proper spacing on larger screens */
@media (min-width: 769px) {
    .offer_container {
        margin: 2px; /* 2px gap between containers */
    }
}

.vilva-whats{
    color: #2AC930;
    /* font-family: Switzer; */
    font-size: 48px;
    font-style: normal;
    font-weight: 700;
    line-height: 125%;
}

@media (max-width: 768px) {
    .vilva-whats{
        color: #2AC930;
        /* font-family: Switzer; */
        font-size: 30px !important;
        font-style: normal;
        font-weight: 700;
        line-height: 125%;
    }
}

/* Custom style for yellow border */
.yellow-bottom-border {
    border-radius:3px !important;
    border-bottom: 5px solid #FFD43A ;
  }
  /* Optional: Adjust border thickness responsively */
  @media (max-width: 576px) {
    .yellow-bottom-border {
        border-radius:3px !important;
        border-bottom: 5px solid #FFD43A ;
    }
  }



@font-face {
    font-family: 'Switzer';
    src: url('https://whatsease.vilvabusiness.com/landingpage/fonts/OTF/Switzer-Regular.otf') format('opentype');

    font-weight: normal;
    font-style: normal;
  }
  
  @font-face {
    font-family: 'Switzer';
    
    src: url('https://whatsease.vilvabusiness.com/landingpage/fonts/OTF/Switzer-Bold.otf') format('opentype');
    font-weight: bold;
    font-style: normal;
  }
  .height_100vh{
    height: 100%;
  }
  
.indian_flag{
  border-radius: 8px;
border: 1px solid #D4E5D4;
background: #FFF;
padding: 5px 12px;

}

.other_source select ,.input-wrapper select{
  color: #000;
font-family: Switzer;
font-size: 15px;
font-style: normal;
font-weight: 400;
line-height: 100%; /* 15px */
}

  /* .mobile_adjust{
    margin-left: 10px;
  } */
  .country-select {
    /* position: absolute;
    top: 10%;
     */
    display: flex;
    align-items: center;
    gap: 5px;
    padding: 0px;
    border-right: 1px solid #ccc;
}

.country-select select {
    border: none;
    outline: none;
    background: transparent;
    font-size: 14px;
    cursor: pointer;
}

input[type="tel"] {
    border: none;
    outline: none;
    font-size: 16px;
    padding: 5px;
    flex-grow: 1;
}

  .left_side{
    background: #13291B;
    
    height: 100%;
    /* position: fixed; */
    position: sticky !important;
    top: 0 !important;
    overflow-y: auto !important;
    height: 57.2% !important;
  }
  .login_left{
    height: 100% !important;
  }

  .left_con {
    display: flex;
    flex-direction: column;
    align-items: center; 
    text-align: center;
    padding-top: 80px;
    padding-left: 115px;
    padding-right: 115px;
  }
  .left_con h1{
    padding-bottom: 40px;
    color: #FFF;
text-align: center;
font-family: Switzer;
font-size: 32px;
font-style: normal;
font-weight: 700;
line-height: 130%; /* 41.6px */
  }
  .left_con span{
    color: #34E73D;
font-family: Switzer;
font-size: 32px;
font-style: normal;
font-weight: 700;
line-height: 130%;
  }
  .left_con h2{
    padding-top: 80px;
    padding-bottom: 16px;
    color: #34E73D;
text-align: center;
font-family: Switzer;
font-size: 20px;
font-style: normal;
font-weight: 500;
line-height: 100%; /* 20px */
  }
  .left_con p{
    color: #819789;
text-align: center;
font-family: Switzer;
font-size: 13px;
font-style: normal;
font-weight: 400;
line-height: 100%; /* 13px */
  }

.left_con li{
    display: flex;
    gap: 8px;
    color: #FFF;
text-align: center;
font-family: Switzer;
font-size: 17px;
font-style: normal;
font-weight: 400;
line-height: 100%; /* 17px */
padding-bottom: 20px;
align-items: center;
}
  
.right_side{
    background-image: url('./images/bg.png') !important;
    background-position: center;
    background-size: cover;
    /* height: 100vh; */
background: #F6FDF6;
}



.right_con {
    padding-top: 60px;
    padding-left: 115px;
    padding-right: 115px;
    padding-bottom: 25px;
  }
  .input-wrapper label{
    color: #000;
font-family: Switzer;
font-size: 13px;
font-style: normal;
font-weight: 400;
line-height: 100%; /* 13px */
padding-bottom: 4px;
  }
  .input-wrapper span{
    color: #F04651 !important;
font-family: Switzer;
font-size: 13px !important;
font-style: normal;
font-weight: 400;
line-height: 100%;
  }

.right_con h1{
    color: #000;
text-align: center;
font-family: Switzer;
font-size: 22px;
font-style: normal;
font-weight: 700;
line-height: 130%; /* 28.6px */
}
.right_con span{
    color: #30BD30;
font-family: Switzer;
font-size: 22px;
font-style: normal;
font-weight: 700;
line-height: 130%;
}
.right_con p{
    margin: 0;
    padding-top: 16px;
    padding-bottom: 40px;
    color: #464646;
text-align: center;
font-family: Switzer;
font-size: 13px;
font-style: normal;
font-weight: 400;
line-height: 140%; /* 18.2px */
}
.dropdown_select{
  width: 105% !important;
}

.dropdown_select label,.other_source label{
    color: #000;
font-family: Switzer;
font-size: 13px;
font-style: normal;
font-weight: 400;
line-height: 100%; /* 13px */
}

.input-wrapper {
    width: 100%;
    margin-bottom: 15px;
  }
  
  .input-container {
    position: relative;
    width: 100%;
  }
  .input-containerr {
    display: flex;
    align-items: center;
    gap: 8px;
    /* position: relative;
    width: 100%; */
  }
  
  .input-container input {
    width: 100%;
    padding: 12px 12px 12px 40px; 
    border: 1px solid #D4E5D4 !important;
    background: #fff !important;
    border-radius: 8px;
    font-size: 16px;
    border: none; /* Remove default border */
    outline: none
  }
  .dropdown_select select{
    width: 100%;
    padding: 12px 12px 12px 12px; 
    border: 1px solid #D4E5D4 !important;
    background: #fff !important;
    border-radius: 8px;
    font-size: 16px;
    border: none; /* Remove default border */
    outline: none
  }
  .other_source select{
    width: 100%;
    padding: 12px 12px 12px 12px; 
    border: 1px solid #D4E5D4 !important;
    background: #fff !important;
    border-radius: 8px;
    font-size: 16px;
    border: none; /* Remove default border */
    outline: none
  }
  .dropdown_select span, .other_source span{
    color: #F04651 !important;
font-family: Switzer;
font-size: 13px;
font-style: normal;
font-weight: 400;
line-height: 100%;
  }

  .input-container:focus-within {
    border-radius: 8px;
    border: 1px solid #288628;
    background: #FFF;
  }
  
  .icon-wrapper {
    position: absolute;
    left: 12px;
    top: 50%;
    transform: translateY(-50%);
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  
  .right_con button{
    height: 48px;
    border-radius: 8px;
background: #30BD30;
padding: 10px 12px;
color: #FFF;
font-family: Switzer;
font-size: 15px;
font-style: normal;
font-weight: 500;
line-height: 100%; /* 15px */
width: 420px;
display: flex;
align-items: center;
justify-content: center;
margin: 0;
  }

  /* Checkbox */
.checkbox-container {
    display: flex;
    align-items: center;
    margin-top: 10px;
  }
  
  .checkbox-container input {
    margin-right: 10px;
  }
  
  /* Links */
  .checkbox-container a {
    color: #30BD30;
    font-family: Switzer;
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
        text-decoration: none;
  }
  .checkbox-container label{
    color: #464646;
font-family: Switzer;
font-size: 13px;
font-style: normal;
font-weight: 400;
line-height: 140%; /* 18.2px */
  }

  .india_logo{
    display: flex;
    align-items: center;
    justify-content: center;
    padding-top: 80px;
  }
  .what_logo{
    display: flex;
    align-items: center;
    justify-content: center;
    padding-bottom: 24px;
  }



  /* New Login Css */

  .check_box{
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 24px;
  }
  .rem_div{
    display: flex;
    align-items: center;
    gap: 8px;
  }
  .img_bg{
    width: 24px;
    height: 24px;
    flex-shrink: 0;
    aspect-ratio: 1/1;
    border-radius: 4px;
    background: #30BD30;
    cursor: pointer;
  }
  .rem_div h4{
    color: #464646;
    font-family: Switzer;
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%; /* 18.2px */
    margin-bottom: 0;
  }
  .check_box a{
    color: #30BD30;
    font-family: Switzer;
    font-size: 13px;
    font-style: normal;
    font-weight: 500;
    line-height: 140%; /* 18.2px */
    text-decoration-line: underline;
    text-decoration-style: solid;
    text-decoration-skip-ink: auto;
    text-decoration-thickness: auto;
    text-underline-offset: auto;
    text-underline-position: from-font;
  }
  .ind_logo_bot_log{
    padding-top: 32%;
  }
  .new_input{
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
  }
  .eye_icon{
    position: absolute;
    right: 10px;
  }
 



  /* Forget Password Css */

  .alert_msg h5{
    color: #F44;
    font-family: Switzer;
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%; /* 19.5px */
    margin-bottom: 0;
    padding-top: 24px;
  }
  .ind_logo_bot{
    padding-top: 48%;
  }
  .left_data h2{
    padding-top: 45%;
    font-family: switzer;
  }
  .pwsd_text p{
    margin-bottom: 65px;
  }
  .pwsd_text button{
    margin-top: 10px;
  }




 


  
  @media (max-width: 768px) {
    .password_con{
        padding-top: 45px !important;
        padding-right: 20px !important;
        padding-left: 20px !important;  
    }
    .right_con{
        padding-top: 45px;
        padding-right: 20px;
        padding-left: 20px;
    }
    .right_con button{
        width: 100%;
        color: #FFF;
        font-family: Switzer;
        font-size: 15px;
        font-style: normal;
        font-weight: 500;
        line-height: 100%; /* 15px */
        padding: 10px 12px;
        border-radius: 8px;
        background: #30BD30;
        height: 48px;

    }
    .right_con h1,.password_con h1{
        text-align: start !important;
        color: #000;
        font-family: Switzer;
        font-size: 22px;
        font-style: normal;
        font-weight: 700;
        line-height: 130%; /* 28.6px */
    }
    .right_con span ,.password_con span{
        color: #30BD30;
        font-family: Switzer;
        font-size: 22px;
        font-style: normal;
        font-weight: 700;
        line-height: 130%;
    }
    .what_logo{
        justify-content: start;
    }
    .right_con p,.password_con p{
        text-align: start !important;
        color: #464646;
        font-family: Switzer;
        font-size: 13px;
        font-style: normal;
        font-weight: 400;
        line-height: 150%; /* 19.5px */
        padding-top: 8px;
        padding-bottom: 30px;
    }

}
  

/* password page  */
.password_con{
    padding-top: 60px;
    padding-left: 115px;
    padding-right: 115px;
    padding-bottom: 25px;
}
.password_con h1{
    color: #000;
text-align: center;
font-family: Switzer;
font-size: 22px;
font-style: normal;
font-weight: 700;
line-height: 130%; /* 28.6px */
}
.password_con span{
    color: #30BD30;
font-family: Switzer;
font-size: 22px;
font-style: normal;
font-weight: 700;
line-height: 130%;
}
.password_con p{
    color: #464646;
    text-align: center;
    font-family: Switzer;
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%; /* 18.2px */
}

.password_con button{
    color: #FFF;
font-family: Switzer;
font-size: 15px;
font-style: normal;
font-weight: 500;
line-height: 100%; /* 15px */
border-radius: 8px;
background: #30BD30;
padding: 10px 12px;
height: 48px;
width: 100%;

}



/* popup screen  */
/* .popup_con_all{
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100vh;
} */
.popup_con_all {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100vh;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    background: rgba(255, 255, 255, 0.2); /* Light overlay */
    backdrop-filter: blur(15px); /* Strong blur effect */
    -webkit-backdrop-filter: blur(15px); /* Safari support */
    z-index: 9999;
}


.popup_container{
    width: 400px;
    border-radius: 8px;
    background: linear-gradient(180deg, #FFF 0%, #EBFFF2 100%);
    box-shadow: 0px 0px 10px 0px rgba(29, 110, 29, 0.25);
    padding-top: 45px;
    padding-bottom: 45px;
    padding-right: 25px;
    padding-left: 25px;
}
.popup_img{
    display: flex;
    align-items: center;
    justify-content: center;
}
.popup_container h1{
text-align: center;

    color: #30BD30;
font-family: Switzer;
font-size: 15px;
font-style: normal;
font-weight: 600;
line-height: 100%; /* 15px */
}
.popup_container p{
    color: #464646;
text-align: center;
font-family: Switzer;
font-size: 13px;
font-style: normal;
font-weight: 400;
line-height: 140%; /* 18.2px */
}















.terms_back{
  background-image: url('./images/bg.png') !important;
  background-position: center;
  background-size: cover;
background: #F6FDF6;
}
.terms_des{
  display: flex;
  /* align-items: center; */
  justify-content: center;
  width: 55% !important;
  flex-direction: column;
}
.terms_des li{
  display: flex;
  align-items: center;
  gap: 8px;
  padding-bottom: 10px;
  color: #000;
font-family: Switzer;
font-size: 17px;
font-style: normal;
font-weight: 400;
line-height: 140%; /* 17px */
}
.terms_des h6{
  color: #34E73D;
font-family: Switzer;
font-size: 12px;
font-style: normal;
font-weight: 700;
line-height: 130%;
}
.terms_des p{
  color: #464646;
/* text-align: center; */
font-family: Switzer;
font-size: 13px;
font-style: normal;
font-weight: 400;
line-height: 140%; /* 18.2px */
}
.terms_des h1{
  text-align: center;
  color: #34E73D;
font-family: Switzer;
font-size: 42px;
font-style: normal;
font-weight: 700;
line-height: 130%;
}
.terms_des h2{
  color: #000;
font-family: Switzer;
font-size: 22px;
font-style: normal;
font-weight: 700;
line-height: 130%; /* 28.6px */
}
.terms_des h3{
  color: #000;
font-family: Switzer;
font-size: 16px;
font-style: normal;
font-weight: 700;
line-height: 130%; /* 28.6px */
}

.terms_des ul{
  padding: 0;
}

.please_input{
  border-radius: 8px;
border: 1px solid #D4E5D4;
background: #FFF;
padding: 10px 12px;
width: 100%;
}

.other_input label{
  color: #000;
font-family: Switzer;
font-size: 13px;
font-style: normal;
font-weight: 400;
line-height: 100%; /* 13px */
}



@media (max-width: 768px) {
  .terms_des{
    width: 100% !important;
  }
  .terms_des h1{
    font-size: 29px;
  }
  .terms_des li{
    font-size: 12px;
  }
  .terms_des h2{
    font-size: 18px;

  }




  /* Chanded Css  */

  .password_con p{
    margin-bottom: 25px;
  }
  .ind_logo_bot{
    padding-top: 60%;
  }
  .ind_logo_bot_log{
    padding-top: 60%;

  }
}