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: #fbb016;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(251 176 22 / 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: #0b0e11;z-index: -1;border-radius: 100px;}
.form_submit:hover:after {left: 0;width: 100%;}

.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;}

.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: 800px) {
}
@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%;}
}

@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;}

    .banner_cont h1{font-size: 26px;}
    .banner_area{padding: 100px 0; position: relative;z-index: 1;}
    .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;}
}
/*===============Responsive Ends===============*/