body{font-family:"Poppins";overflow-x: hidden;}
a {text-decoration: none;}
ul{margin: 0; padding: 0;}
html{overflow-x: hidden;}

.whatsapp_area{position: fixed; right: 30px; bottom: 10px;z-index: 100;}
.whatsapp_area a{text-align:center;}
.foot_wp {width: 50px;height: 50px;display: block;text-align: center;background: #128C7E ;border-radius: 100%;}
.foot_wp i{font-size:28px;line-height:50px; color:#fff;}

.phone_area{position: fixed; left: 30px; bottom: 10px;z-index: 100;}
.phone_area a{text-align:center;}
.foot_phone {width: 50px;height: 50px;display: block;text-align: center;background: #e263a3 ;border-radius: 100%;}
.foot_phone i{font-size:28px;line-height:50px; color:#000;}

.head_nav{padding:0; background:#fff;}
.head_nav nav{padding:5px 0;border-top: 5px solid #040032;}
.head_nav .navbar-brand{padding:0;}
.head_nav .navbar-brand img{transition:ease-in-out 0.3s;width: 250px; padding: 8px 0;}
.head_nav ul{margin:0 0 0 auto;text-align: right;}
.head_nav ul li{display: inline-block;list-style: none;}
.head_nav ul li a i{font-weight: 900;}
.head_nav ul li a{color:#000; font-size:18px; text-transform:uppercase;position:relative;font-weight: 600;padding: 10px 20px;}
.head_nav ul li a:hover, .head_nav ul li a.active, .head_nav ul li a:focus{color: #000;}
.sticky_menu{position: fixed;left: 0;top:0; width: 100%;z-index: 10;}

.quote_modal .btn-close{background: #fff; opacity: 1; position: absolute;right: -5px;top: -5px; padding: 0;}
.quote_modal .btn-close i{font-size: 24px;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);z-index: 1;}
.quote_modal input, .quote_modal textarea{border-radius: 0; margin: 15px 0;}
.form_submit {height: 50px;font-size: 16px;font-weight: 600;background-color: #e663a4;border-radius: 100px;margin:auto;text-align: center;line-height: 50px;text-decoration: none;padding: 0 36px;transition: all 0.5s;border: none;z-index: 1; overflow: hidden;box-shadow:10px 0 30px rgb(230 99 164 / 50%); border: none; position: relative; margin: 20px auto 0; display: block;}
.form_submit:hover{color: #fff;}
.form_submit:after {position: absolute;content: "";height: 100%;width: 0;right: 0;top: 0;transition: .5s;background: #05a39e;z-index: -1;border-radius: 100px;}
.form_submit:hover:after {left: 0;width: 100%;}

.get_area{padding:0 0 70px;}
.get_box{background: #e4f6e5;padding:20px 40px;border-radius:15px;}
.get_left{width: 100%;background: url(../images/get_img.webp) no-repeat 0 0; background-size: cover;display: flex;}
.get_info{background: rgba(255,255,255,.8);padding:10px 15px;width: 90%;margin: auto auto 20px;}
.get_info_area{display: flex;margin: 10px 0;}
.get_info_icon{width: 20%;}
.get_info_icon i{width: 48px; height: 48px; background: #43d52b; border-radius: 100px; text-align: center;color: #fff;font-size: 22px; line-height: 48px;}
.get_info_cont{width: 80%;}
.get_info_cont h3{font-size: 18px; font-weight: 600; color: #000;margin: 0;text-transform: uppercase;}
.get_info_cont p, .get_info_cont a{color: #000; margin: 0;}

.get_right{padding: 70px 0;width: 100%;}
.get_right .head_area h2{color: #000;}
.get_right .head_area h2 span{color: #fff;}
.get_right .head_area .head:before, .get_right .head_area .head h2:before{display: none;}
.get_right .head_area .head:after, .get_right .head_area .head h2:after{background: #fff;}
.get_right .head_area{text-align: left;}
.get_form{padding-right: 24px;}
.get_form form input{background: #fff; border-radius: 0; border: 1px solid #989898;height: 52px;margin-bottom: 20px;font-size: 16px; font-weight: 400; color: #000;}
.get_form form textarea{background: #fff; border-radius: 0; border: 1px solid #989898;height: 148px;margin-bottom: 20px;font-size: 16px; font-weight: 400; color: #000;}


.cont_area{display:flex; cursor: pointer;position: relative;top: 18px;}
.cont_area a {height: 50px;font-size: 16px !important;font-weight: 600 !important;background-color: #e663a4;border-radius: 100px;margin:auto;text-align: center;line-height: 50px !important;text-decoration: none;padding: 0 27px !important;transition: all 0.5s;border: none !important;z-index: 1; overflow: hidden;box-shadow: 10px 0 30px rgb(230 99 164 / 50%);}
.cont_area a:hover{color: #fff !important;}
.cont_area a:after {position: absolute;content: "";height: 100%;width: 0;right: 0;top: 0;transition: .5s;background: #05a39e;z-index: -1;border-radius: 100px;}
.cont_area a:hover:after {left: 0;width: 100%;}

.banner_area{background: url(../images/banner.webp) no-repeat 100% 0; background-size: cover;padding: 200px 0;}
.banner_cont h1{font-size: 48px; color: #000; margin: 0;font-weight: bold;}
.btn_arra a {height: 50px;font-size: 16px;font-weight: 600;background-color: #e663a4;border-radius: 100px;margin:auto;text-align: center;line-height: 50px;text-decoration: none;padding: 0 36px;transition: all 0.5s;border: none;z-index: 1; overflow: hidden;box-shadow: 10px 0 30px rgb(230 99 164 / 50%); color:#000; display: inline-block;position: relative; margin-top: 20px;}
.btn_arra a:hover{color: #fff;}
.btn_arra a:after {position: absolute;content: "";height: 100%;width: 0;right: 0;top: 0;transition: .5s;background: #05a49c;z-index: -1;border-radius: 100px;}
.btn_arra a:hover:after {left: 0;width: 100%;}

.counter_sec{padding: 30px 0; background: #e263a3;}
.counter_section{text-align: center;}
.counter_img{width: 70px;height: 70px;background: rgba(0,0,0,0.2);border-radius: 10px;text-align: center;margin: 0 auto;}
.counter_img i{font-size: 32px;line-height: 70px; color: #fff;}
.counter_section h4{color: #000; text-transform: uppercase; font-weight: 600;margin: 15px 0;font-size: 16px;}
.count{font-weight: bold; font-size: 36px;line-height: 26px;position: relative;}
/*.count:after{content: "K"; display: inline-table;}*/

.point_area{padding: 70px 0 0;}
.point_box{background: url(../images/point_back.webp) #04a39e 0 0; background-size: cover; border-radius: 8px; padding: 20px; display: flex;width: calc(100% - 10px);box-shadow: -10px 10px 0 #061322; width:100%;}
.point_info{padding-left: 25px;width: 100%;margin: auto 0;}
.point_info h3{font-weight: bold;font-size: 16px;text-transform: uppercase;color: #fff;margin: 0;}
.point_info p{color: #f4f4f4; margin: 0;line-height: 28px;}
.point_img {margin: auto 0;}
.point_img i{font-size: 48px; font-weight: bold; color: #fff;}

.benefits_area{padding: 55px 0;}
.benefit_box{background: #f8f2ff; border-radius: 15px; padding: 20px 40px;margin: 30px 0;}
.benefit_box h2{color: #000; font-weight: bold; margin: 0 0 20px; font-size: 28px;}
.benefit_box ul li{font-size: 20px; position: relative; padding-left: 30px; margin: 10px 0;list-style: none;}
.benefit_box ul li:before{content: "\f058"; font-family: "Font Awesome 6 Free"; position: absolute; left: 0; color: #e263a3; font-weight: bold;}
.benefit_box2{background: #fff2f2;}

.faq_area{padding: 0 0 70px;}
.faq_area h3{color: #000; font-weight: bold; margin: 0 0 20px; font-size: 28px;text-align: center;}
.faq_area .accordion-button:not(.collapsed){background-color: #e263a3; color: #fff;}
.faq_area .accordion-button{background: #e2e2e2;border-radius: 100px !important; padding: 17px 10px 17px 55px;font-weight: 600;}
.faq_area .accordion-item:first-of-type, .faq_area .accordion-item:first-of-type .accordion-button{border-radius: 100px;}
.faq_area .accordion-button:focus{box-shadow: none;border: none;}
.faq_area .accordion-item{border: none;margin: 10px 0;}
.faq_area .accordion-button:not(.collapsed)::after{content: "\2b";}
.faq_area .accordion-button::after{content: "\f068";font-family: "Font Awesome 6 Free";font-weight: bold;width: 40px;height: 40px;background: #fff;border-radius: 100%;color: #000;text-align: center;line-height: 40px;position: absolute;left: 7px;}
.faq_area .accordion-body p{color: #6a6a6a; line-height: 30px; text-align: justify;margin: 5px 0;}
.faq_area .accordion-body img{width: 30%;float: right;margin:0 0 20px 20px;}

.footer_area{background:#1f2839; background-size: cover; padding: 70px 0;border-top: 1px solid #636975;}
.footer_area h3{color: #fff; font-weight: bold; margin: 0 0 20px; font-size: 28px;text-align: center;}
.footer_button{display: flex;}
.footer_button a{border-radius: 100px; display: inline-block; background: #e263a3; color: #000; padding: 15px 30px; font-size: 20px;margin: 10px 30px;text-align: center; font-weight: bold;width: 100%;}
.footer_button a:last-child{background: #00a69a; color:#fff;}

.copy_area{background: #1f2839;padding: 30px 0;border-top: 1px solid #636975;}
.copy_area p{margin: 0; color: #fff;}
.copy_right{text-align: right;}
.copy_right a{color:#e263a3;}

.thank_you{border-radius:10px;box-shadow:0 0 30px rgba(0,0,0,0.1);background:#fff;padding:20px 30px;width: 500px;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);text-align: center;}
.thank_you h2{font-size:20px; font-weight:bold; margin:0 0 20px;color:#000;}
.btn_area a {height: 50px;font-size: 16px;font-weight: 600;background-color: #e263a3;border-radius: 100px;margin:auto;text-align: center;line-height: 50px;text-decoration: none;padding: 0 27px;transition: all 0.5s;border: none;z-index: 1;overflow: hidden;box-shadow: 10px 0 30px rgb(230 99 164 / 50%);display: inline-block;position: relative;color: #000;}
.btn_area a:hover{color: #fff;}
.btn_area a:after {position: absolute;content: "";height: 100%;width: 0;right: 0;top: 0;transition: .5s;background: #00a69a;z-index: -1;border-radius: 100px;}
.btn_area a:hover:after {left: 0;width: 100%;}

/*===============Responsive Starts===============*/
@media all and (min-width: 768px) {
    .popup-card {
        width: 32rem; 
        /* display: flex; 
        align-items: flex-start; 
        gap: 1rem;
        background-color: #ffffff; 
         border-radius: 0.2rem; 
         padding: 2rem 1.5rem; 
        position: relative;
        transition: all 0.8s ease; 
        transform: translateY(-100vh); */
        position: absolute;
        top: 20%;
        left: 30%;
         /* box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); */
    }
      .form-header {
        display: inline-block;
        font-size:30px;
        color: #5f5f5f;
        text-align: center;
        padding-bottom: 14px;

    }
    .popup-box {
        width: 561px;
        
    }
    
}
.form-header{
    color: #e065a2;
}
@media (min-width:981px) and (max-width:1366px){
}

@media (min-width:768px) and (max-width:980px){
    .head_nav .navbar-brand img{width: 130px;}
    .head_nav ul{text-align: center;}
    .banner_cont h1{font-size: 28px;}
    .benefit_box ul li{font-size: 18px;}
    .footer_button a{padding: 10px 20px;font-size: 16px;margin: 10px;width: 100%;}
    .point_box{margin: 10px 0;}
   
}

@media (max-width:767px){
    .head_nav .navbar-brand img{width: 130px;}
    .head_nav ul{text-align: center;display: flex;justify-content: center;}
    .head_nav ul li a{font-size: 14px;padding: 4px 4px;}
    .head_nav .navbar-brand{display: block;text-align: center;margin: 0;}
    .cont_area a{padding: 0 16px !important; font-size: 14px !important;}
    .cont_area{top: 0;}
    .head_nav ul li{margin: auto;}
    .head_nav{padding: 0 0 10px;}
    .quote_modal .modal-dialog{margin-top:100px;}
    .form-header {
    font-size: 22px;}
    .popup-card {
        width: 18rem;
         /* display: flex; 
         align-items: flex-start; 
         gap: 1rem; 
         background-color: #ffffff; 
         border-radius: 0.2rem; 
         padding: 2rem 1.5rem; 
         position: relative; 
        transition: all 0.8s ease; 
        transform: translateY(-100vh);  */
        position: absolute;
        top: 20%;
        left: 5%;
        /* box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); */
    }
    .popup-box {
        width: 360px;
        
    }

    .banner_cont h1{font-size: 26px;}
    .banner_area{padding: 100px 0; position: relative;z-index: 0;}
    .banner_area:after{content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(255,255,255,0.8); z-index: -1;}
    .benefits_area{padding: 25px 0;}
    .benefit_box h2{font-size: 20px;}
    .benefit_box{padding: 15px 20px;}
    .benefit_box ul li{font-size: 16px;}
    .faq_area h3, .footer_area h3{font-size: 20px;}
    .faq_area{padding: 0 0 40px;}

    .footer_area{padding: 40px 0;}
    .footer_button{flex-wrap: wrap;}
    .footer_button a{padding: 10px 20px;font-size: 16px;margin: 10px 0;width: 100%;}
    .copy_right, .copy_area{text-align:center;}
    
    .point_area{padding: 40px 0 0;}
    .point_box{width: 100%; margin: 15px 0;}
    .point_info{padding-left: 10px;}
    .point_info h3{font-size: 16px;}
}
/*===============Responsive Ends===============*/





.btn-open-popup {
    padding: 12px 24px;
    font-size: 18px;
    background-color: green;
    color: #fff;
    border: none;
    border-radius: 8px;
    cursor: pointer;
    transition: background-color 0.3s ease;
}

.btn-open-popup:hover {
    background-color: #4caf50;
}

.overlay-container {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgb(0 0 0 / 42%);
    justify-content: center;
    align-items: center;
    opacity: 0;
    transition: opacity 0.3s ease;
}

.popup-box {
    background: #fff;
    padding: 24px;
    border-radius: 12px;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.4);
    text-align: center;
    opacity: 0;
    transform: scale(0.8);
    animation: fadeInUp 0.5s ease-out forwards;
    padding-top: 10px;
    position: relative;
    margin-top: 40px;
}

.form-container {
    display: flex;
    flex-direction: column;
    padding: 0px 20px;
}

.form-label {
    margin-bottom: 8px;
    font-size: 14px;
    font-weight: 500;
    color: #000;
    text-align: left;
}

.form-input {
    padding: 10px;
    margin-bottom: 20px;
    height: 45px;
    border: 1px solid #707070;
    border-radius: 23px;
    font-size: 16px;
    width: 100%;
    box-sizing: border-box;
}

.btn-submit,
.btn-close-popup {
    padding: 5px 0px 12px 24px;
    border: none;
    border-radius: 8px;
    cursor: pointer;
    transition: background-color 0.3s ease, color 0.3s ease;
}

.btn-submit {
    color: #fff;
    font-weight: 700;
    padding: .6em 0;
    border-radius: 1.2em;
    border: 1px solid #e663a4;
    background: #e663a4 0 0 no-repeat padding-box;
    font-size: 20px;
}

.btn-close-popup {
    margin-top: -4px;
    color: #5f5f5f;
    font-size: 30px;
}

/* Keyframes for fadeInUp animation */
@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translateY(20px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Animation for popup */
.overlay-container.show {
    display: flex;
    opacity: 1;
}

.formtop {
    border-bottom: 1px solid;
    display: flex;
    justify-content: space-around;
    padding: 0.5em;
}



sup {
    color: #e065a2;
}

  
  
  .icon {
    width: 2.8rem;
    height: 2.8rem;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #FFDDDE;
    color: #e6153d;
    border-radius: 50%;
  }
  
  .content > h3 {
    font-size: 1.1rem;
    font-weight: 600;
    color: #404656;
  }
  
  .content > p {
    font-size: 0.8rem;
    font-weight: 500;
    line-height: 1.2rem;
    color: #666b78;
    margin-top: 0.5rem;
  }
  
  .close-icon {
    font-size: 1rem;
  }

  .close{
    position: absolute;
    top: 5px;
    right: 14px;
    font-size: 24px;

  }

    .content{
        width: 100%;
    }






.main-form{
    position: relative;
}
.main-form:before {
    content: "+91";
    width: fit-content;
    height: 45px;
    font-size: 16px;
    font-family: basic-sans;
    position: absolute;
    padding: 11.5px;
    top: 0px;
    color: #fff;
    background: #09a197 0 0 no-repeat padding-box;
    border-radius: 23px 0 0 23px;
    border-right: none;
    left: 0px;
}

.main-form .form-input{
    padding-left: 50px;
}