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: #fba707 ;border-radius: 100%;}
.foot_phone i{font-size:28px;line-height:50px; color:#000;}

.head_nav{padding:0; background:#c3ddfe;}
.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: 90px; padding: 8px 0;}
.head_nav ul{margin:auto 0 auto auto;text-align: right;}
.head_nav ul li{display: inline-block;}
.head_nav ul li a i{font-weight: 900;}
.head_nav ul li a{color:#0e284c; font-size:18px; line-height:70px; 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: #0e284c;}
.sticky_menu{position: fixed;left: 0;top:0; width: 100%;z-index: 10;}

.banner_area{padding: 130px 0 200px;position: relative; z-index: 1;}
.banner_area img{position: absolute; left: 0; top:0; width: 100%; height: 100%; object-fit: cover;}
.banner_area .container{position: relative; z-index: 1;}
.banner_area:after{content: "";background: rgb(13 40 76 / 49%);position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
.banner_area h1{font-size: 48px; font-weight: bold; color: #fff;text-align: center;text-transform: uppercase;}
.banner_area .btn_area{margin-top: 30px;text-align: center;}
.btn_area a{background: #0e284c;color: #fff;position: relative;z-index: 1;padding: 12px 20px;text-transform: uppercase;font-weight: 600;border-radius: 10px;overflow: hidden;display: inline-block;text-align: center;}
.btn_area a:before, .btn_area a:after {content: "";position: absolute;height: 100%;top: 0;width: 0%;z-index: -1;-webkit-transition: all 0.4s ease-out;transition: all 0.4s ease-out;}
.btn_area a:before {left: 0;border-radius: 0 20px 20px 0;}
.btn_area a:after {right: 0;border-radius: 20px 0 0 20px;}
.btn_area a:hover{color: #fff !important;}
.btn_area a:hover:before, .btn_area a:hover:after{width: 51%;border-radius: 0;background: #fba707;}

.bnr_form_area{margin-top: -100px;background: #fff;padding: 50px;box-shadow: 0 10px 15px rgba(0,0,0,0.1);position: relative;z-index: 1;border: 1px solid rgba(0,0,0,0.3);}
.bnr_form_area h3{font-weight: bold; font-size: 36px; color: #000; margin: 0;}
.bnr_form_area a{color: #0e284c; display: block; text-align: right;font-size: 18px; font-weight: 600;margin-top: 20px;}
.bnr_form_area form{margin-top: 5px;}
.bnr_form_area form input{border: 1px solid #b7b7b7; color: #5a5a68;height: 62px; margin: 15px 0; border-radius: 8px;}
.bnr_form_area form input::placeholder{color: #5a5a68;}
.bnr_form_area form input:focus{box-shadow:0 0 15px rgba(90,90,104,0.5);border: 1px solid #0e284c;}
.form_btn{background: #0e284c;color: #fff;position: relative;z-index: 1;padding: 12px 20px;text-transform: uppercase;font-weight: 600;border-radius: 10px;overflow: hidden;display: inline-block;width: 180px;text-align: center;height: 62px;border: none;width: 100%; margin-top: 15px;}
.form_btn:before, .form_btn:after {content: "";position: absolute;height: 100%;top: 0;width: 0%;z-index: -1;-webkit-transition: all 0.4s ease-out;transition: all 0.4s ease-out;}
.form_btn:before {left: 0;border-radius: 0 20px 20px 0;}
.form_btn:after {right: 0;border-radius: 20px 0 0 20px;}
.form_btn:hover{color: #fff !important;}
.form_btn:hover:before, .form_btn:hover:after{width: 51%;border-radius: 0;background: #fba707;}

.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{border-radius: 0; margin: 15px 0;}

.service_area{padding: 70px 0; background: #f4f3f8;margin-top: 70px;}
.service_area .head{text-align: center;font-weight: bold; font-size: 36px; color: #000; margin: 0;}
.service_box{background: #fff; border-radius: 15px;padding: 15px;box-shadow: 0 0 40px rgba(0,0,0,0.1);margin-top:20px; width: 100%;position: relative;overflow: hidden;}
.service_img{width: 100%; height: 220px; border-radius: 15px; overflow: hidden;}
.service_img img{width: 100%; height: 100%; object-fit: cover;transition: all 0.5s;}
.service_box:hover img{transform: scale(1.1);}
.what_cont{margin-top: 20px;}
.what_cont h3{color: #000; text-transform: uppercase; font-size: 16px; font-weight: bold; margin: 0 0 10px;}
.what_cont h4{color: #000; text-transform: uppercase; font-size: 14px; font-weight: bold; margin: 0 0 5px;}
.what_cont h6{color: #fff;font-size: 14px;margin: 10px 0;padding: 5px;background: #0e284c;}
.what_cont ul li{color: #000;font-size: 14px;margin: 5px 0;list-style: none;position: relative; padding-left: 20px;}
.what_cont ul li:before{content: "\f00c"; font-family: "Font Awesome 6 Free"; color: #fba707;position: absolute; left:0;font-weight: bold;}
.service_box .btn_area{margin-top: 10px;display: flex;justify-content: space-between;}
.service_box .btn_area span{margin: auto 0;font-weight: bold;font-size: 18px;text-align: right;}

.about_area{position: relative;padding: 70px 0; z-index:1;}
.about_area:before{content: "";position: absolute; left: 0; top: 0;background: url(../images/about_back1.png) no-repeat 0 0; width: 621px; height: 450px;z-index: -1;}
.about_area:after{content: "";position: absolute; right: 0; bottom: 0;background: url(../images/about_back2.png) no-repeat 0 0; width: 329px; height: 537px; z-index: -1;}
.abt_left{width: 100%;}
.abt_left img{width:100%;height:100%; object-fit: cover;}
.abt_right{width:100%;}
.abt_right span{display: block;}
.abt_right h2{font-size: 48px; font-weight: 900; color: #000;margin: -13px 0 30px;}
.abt_right p{color: #242424;line-height: 30px; text-align: justify;margin-bottom:30px;}
.abt_right ul{margin-bottom: 30px;}
.abt_right ul li{list-style: none;color: #242424;position: relative;padding-left: 30px;margin: 10px 0;}
.abt_right ul li:before{content: "\f058"; position: absolute; left: 0;color: #00467a;font-family: "Font Awesome 6 Free"; font-weight: 900;}

.footer_area{background:url(../images/foot_back.webp) no-repeat 0 0 #1e1e2a;background-size: cover;}
.foot_about, .foot_menu, .foot_cont{padding: 70px 0;}
.foot_about h3{font-size: 24px; color:#fff; margin-bottom: 15px;font-weight: 500;}
.foot_about p{color:#d4d4d4;line-height: 28px; text-align: justify;margin: 0;}
.foot_menu h3{font-size: 24px; color:#fff; margin-bottom: 15px;font-weight: 500;}
.foot_menu ul li {list-style: none; padding:5px 0 5px 15px;position: relative;}
.foot_menu ul li:before{content:"\f105";font-family:"Font Awesome 6 Free";position:absolute;left: 0;top: 4px;font-weight: bold;color:#fba707;}
.foot_menu ul li a{color:#d4d4d4;display: block;transition: all 0.3s; position: relative;left:0;}
.foot_menu ul li a:hover{left:5px;}
.foot_cont h3{font-size: 24px; color:#fff; margin-bottom: 15px;font-weight: 500;}
.foot_cont p{display:flex;margin-bottom:10px;color:#d4d4d4;}
.foot_cont p a{color:#d4d4d4; word-break: break-all;}
.foot_cont p i{position: relative;top: 5px;width: 100%;max-width: 20px;color: #fba707;}
.foot_link{padding-left: 25px;}
.foot_form{background: #fba707;padding: 20px;height: 100%;}
.foot_form form h3{font-size: 24px; color:#fff; margin-bottom: 15px;font-weight: 500;}
.foot_form form input{background: #fff; border-radius: 5px; border:none; color: #505050;margin-bottom: 10px;}
.foot_form form textarea{height: 72px;background: #fff; border-radius: 5px; border:none; color: #505050;margin-bottom: 10px;}

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

.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;}
/*===============Responsive Starts===============*/
@media all and (min-width: 800px) {
}
@media (min-width:981px) and (max-width:1366px){
}

@media (min-width:768px) and (max-width:980px){
}

@media (max-width:767px){
    .head_nav .navbar-brand img{width: 50px;}
    .head_nav ul li a{font-size: 14px;line-height: 16px;padding: 5px 0;}
    .head_nav ul{margin: 10px 0 0 auto;}

    .banner_area{padding: 80px 0 180px;}
    .banner_area h1{font-size: 24px;}
    .btn_area a{padding: 10px 20px;font-size: 18px;}
    .bnr_form_area{padding: 15px;}
    .bnr_form_area h3{font-size: 24px;}
    .bnr_form_area p{font-size: 14px; line-height: 22px;}
    .bnr_form_area a {text-align: left;font-size: 16px;margin-top: 10px;}
    .bnr_form_area form input{height: 48px;margin: 10px 0;}
    .form_btn{height: 48px;margin-top: 10px;}

    .abt_right{margin-top: 20px;}
    .abt_right h2{font-size: 28px;}
}
/*===============Responsive Ends===============*/