body{font-family: Poppins;overflow-X: hidden;}
a {text-decoration: none;}
ul{margin: 0; padding: 0;}
html{overflow-X: hidden;}


.header_area{overflow: hidden;background: linear-gradient(#353535, #151515);}
.header_area ul{margin: 0;width: 100%;position: relative; z-index: 10;}
.header_area .navbar-collapse{flex-wrap: wrap;margin-left: 10px;}
.for_mobile{display: none;}
.head_info{padding: 15px 0;border-bottom: 1px solid #c3c3c3;}
.head_info li{margin-right: 40px;color: #fff;display: inline-block;}
.header_area .navbar{padding: 0;}
.head_info li a p{margin: 0; font-size: 14px; color: #fff;display: inline-block;}
.head_info li a i{color: #fbc773;font-size: 14px;margin-right: 3px;}
.head_menu{margin: 12px 0 !important;position: relative;}
.head_menu li a{line-height: 44px;text-transform: uppercase;color: #fff;font-weight: 500;position: relative;}
.head_menu li a:hover{color: #fbc773;}
.navbar-expand-lg .navbar-nav .nav-link{padding: 0 30px 0 0;}
.header_area .navbar-brand img{width:80px;}
.head_menu .navbar-brand{display: none;}
.top_social{position: absolute;right: 0;}
.top_social a{color: #fff; font-size: 18px;margin-left: 20px;}
.sticky_menu .head_menu{position: fixed;top: 0;width: 100%;margin: 0 !important;left: 0;transition: all 0.3s;z-index: 30;background:linear-gradient(#353535, #151515);padding: 0 15px;}
.sticky_menu .head_menu .estimate_area{right: 15px; top: 50%;transform: translateY(-50%);}
.sticky_menu .head_menu li a{line-height: 72px;}
.sticky_menu .head_menu .navbar-brand{display: block;margin: auto 0;transition: all 0.3s;}
.sticky_menu .head_menu .navbar-brand img{width: 50px;transition: all 0.3s;margin-right: 40px;}
.estimate_area a{width: 135px;height:44px;background: #fbc773;color: #000 !important;font-weight: 600 !important;text-transform: uppercase !important;text-align: center;line-height: 40px !important;padding: 0 10px !important;position: relative;}
.estimate_area{position: absolute;right: 0;}
.estimate_area a span{display: inline-block;padding: 0 15px; position: relative;transition: all 0.5s;}
.estimate_area a span:after{content: "\f061"; font-family: "Font Awesome 6 Free"; display: inline-block; font-weight: bold;opacity: 0;position: absolute; right: 0;transition: all 0.5s;}
.estimate_area a:hover span:after{right: -15px; opacity: 1;}
.estimate_area a:hover span{padding: 0 15px 0 0;}
.estimate_area a:before{content: ""; background: rgba(251, 199, 115, 0.3); position: absolute; left:-10px; top: -10px;width: 100%;height: 100%;z-index: -1;transition: all 0.5s;}
.estimate_area a:hover:before{left: 10px; top:10px;}
.hamburger_btn{display: none;}

.slide {position: relative; padding:200px 0;background: #000;}
.slide h2{font-weight:bold;}
.slide .slide_img {width: 100%;height: 100%;overflow: hidden; position: absolute;top: 0;left: 0;opacity: 0.7;}
.slide .slide_img:after{content: "";background: linear-gradient(to right, rgba(0,0,0,0.3), rgba(0,0,0,0));width: 50%;height: 100%;position: absolute;left: 0;top: 0;}
.slide p{font-size:24px;margin-top:20px;}
.btn_box{display: inline-block;color: #fff;border-radius: 23px;padding: 11px 34px;position: relative;overflow: hidden;transition: all 0.3s;background: #000;transform: translateX(0); text-decoration: none;}
.btn_box:hover{box-shadow: 0px 16px 35px 0px rgb(0 0 0 / 20%);z-index: 2;color: #fff;}
.btn_box:before, .btn_box:after {content: '';position: absolute;top: 0;left: 0;width: 60%;border-radius: 0;z-index: -1;height: 100%;background: #ff0027;will-change: transform;-webkit-transform: skew(-45deg) scaleX(0);transform: skew(-45deg) scaleX(0);-webkit-transition: -webkit-transform .3s ease-in-out;transition: -webkit-transform .3s ease-in-out;transition: transform .3s ease-in-out;transition: transform .3s ease-in-out, -webkit-transform .3s ease-in-out;}
.btn_box:before {right: 75%;margin-right: -1px;-webkit-transform-origin: 0% 0%;transform-origin: 0% 0%;}
.btn_box:after {width: 70%;left: 75%;margin-left: -1px;-webkit-transform-origin: 100% 0%;transform-origin: 100% 0%;}
.btn_box:hover:before, .btn_box:hover:after {-webkit-transform: skew(-45deg) scaleX(1.5);transform: skew(-45deg) scaleX(1.5);}
.slide .slide_img img {max-width: 100%;height: 100%;opacity: 1 !important;-webkit-animation-duration: 3s;animation-duration: 3s;transition: all 1s ease; width:100%;object-fit:cover;}
.slide .slide_content--headings {text-align: left;color: #000;}
.slide .slide_content--headings h2 {font-size: 66px;margin: 10px 0;font-weight: bold;text-transform: uppercase;color: #fff;}
.slide .slide_content--headings .animated {transition: all 0.5s ease;}
.slider_area [data-animation-in] {opacity: 0;-webkit-animation-duration: 1.5s;animation-duration: 1.5s;transition: opacity 0.5s ease 0.3s;}
.slider_area .slick-arrow{border: none;background: transparent;color: #fff;position: absolute;top: 50%;left: 0;width:45px; z-index:1;}
.slider_area .slick-arrow.slick-next{right: 0;left: auto;transition:ease-in-out 0.3s;z-index: 0;}
.slider_area .slick-arrow i{font-size:35px; transition:all 0.3s; background: #43d52b; padding: 5px 10px;color: #fff !important;}
.slider_area .slick-arrow i:hover{background:#000;}
.slider_area .slick-arrow:before{display: none;}
@-webkit-keyframes zoomInImage {
  from {
    transform: scale3d(1, 1, 1);
  }
  to {
    transform: scale3d(1.1, 1.1, 1.1);
  }
}
@keyframes zoomInImage {
  from {
    transform: scale3d(1, 1, 1);
  }
  to {
    transform: scale3d(1.1, 1.1, 1.1);
  }
}
.zoomInImage {-webkit-animation-name: zoomInImage;animation-name: zoomInImage;}
@-webkit-keyframes zoomOutImage {
  from {
    transform: scale3d(1.1, 1.1, 1.1);
  }
  to {
    transform: scale3d(1, 1, 1);
  }
}
@keyframes zoomOutImage {
  from {
    transform: scale3d(1.1, 1.1, 1.1);
  }
  to {
    transform: scale3d(1, 1, 1);
  }
}
.zoomOutImage {-webkit-animation-name: zoomOutImage;animation-name: zoomOutImage;}
.btn_area{position: relative;z-index: 1;}
.btn_area a{width:200px;height: 55px;background: #000;color: #fff;font-weight: 600;text-transform: uppercase;text-align: center;line-height: 55px;padding: 0 10px;position: relative;display: inline-block;}
.btn_area a span{display: inline-block;padding: 0 15px; position: relative;transition: all 0.5s;}
.btn_area a span:after{content: "\f061"; font-family: "Font Awesome 6 Free"; display: inline-block; font-weight: bold;opacity: 0;position: absolute; right: 0;transition: all 0.5s;}
.btn_area a:hover span:after{right: -15px; opacity: 1;}
.btn_area a:hover span{padding: 0 15px 0 0;}
.btn_area a:before{content: ""; background: rgba(251, 199, 115, 0.3); position: absolute; left:-10px; top: -10px;width: 100%;height: 100%;z-index: -1;transition: all 0.5s;}
.btn_area a:hover:before{left: 10px; top:10px;}
.slide .btn_area{margin-top: 30px;}

.point_area{margin-top: -80px;padding-bottom: 70px;}
.point_box{padding: 45px 15px; background: #000;position: relative;box-shadow: 0 0 30px rgba(0,0,0,0.4);}
.point_img{width: 90px; height: 90px; border-radius: 100%; background: #fff;border: 2px solid #000;box-shadow: 0 0 60px rgba(0,0,0,0.30);margin: auto;position: relative;}
.point_img img{position: absolute; left: 50%; top:50%; transform: translate(-50%,-50%);width: 60%;}
.point_img_area{text-align: center;}
.point_img_area h3{text-align: center; font-size: 18px; font-weight: 600; text-transform: uppercase;margin: 20px 0 0;color: #fff;}

.head_area{text-align: center;}
.head{display: inline-block;position: relative;margin-bottom: 30px;}
.head h2{color: #fff; font-weight: 300;text-transform: uppercase;margin: 0;position: relative;font-size: 36px;}
.head:before{content: ""; width: 30px; height: 2px; background: #ff0027;position: absolute; left: -40px;top: 17px;transition: all 0.5s;}
.head:after{content: ""; width: 30px; height: 2px; background: #ff0027;position: absolute; right: -40px;top: 17px;transition: all 0.5s;}
.head h2:before{content: ""; width: 20px; height: 2px; background: #ff0027;position: absolute; left: -30px;top: 25px;transition: all 0.5s;}
.head h2:after{content: ""; width: 20px; height: 2px; background: #ff0027;position: absolute; right: -30px;top: 25px;transition: all 0.5s;}
.head h2 span{color: #ff0027; font-weight: bold;}
.head_area:hover .head:before, .head_area:hover .head:after{width:20px;}
.head_area:hover .head h2:before, .head_area:hover .head h2:after{width:25px;}

.abt_area{background: #000; padding: 70px 0;position: relative;}
.abt_img{height: 415px;margin-left: 110px;position: relative;overflow: hidden;}
.abt_left{position: relative;}
.abt_left:before{content: "";width: 400px; height: 400px; border: 30px solid rgba(255,255,255,0.1);position: absolute; left: 0; top: 100px;}
.abt_img img{width:100%; height: 100%; object-fit: cover;transition: all 3s;}
.abt_img:hover img{transform: scale(1.2);}
.abt_right h2{font-size: 22px;font-weight: 600;color: #ff002c;text-transform:uppercase;margin: 0 0 25px;}
.abt_right h2 span{text-transform:capitalize;display:block;font-size: 15px;margin: 5px 0 0; color:#000;}
.abt_right{background: #fff;margin: 65px 0 0 -200px;padding: 20px;position: relative;}
.abt_right p{font-weight: 400;text-align: justify;margin: 5px 0;color: #505050;font-size: 14px; line-height: 24px;}
.abt_right .btn_area{margin-top: 30px;}
.abt_right .btn_area a:before{background: rgba(251, 199, 115, 0.3);}
.abt_right .btn_area a{margin-right: 30px;}
.abt_text{animation: text-pop-up-top 2s cubic-bezier(0.250, 0.460, 0.450, 0.940) infinite alternate both;position: absolute;bottom: 0;font-size: 80px;font-weight: bold;text-transform: uppercase;color: #353535;}
@keyframes text-pop-up-top {
0% {transform: translateY(0); transform-origin: 50% 50%; text-shadow: none; }
100% {transform: translateY(-50px); transform-origin: 50% 50%; text-shadow: 0 1px 0 #505050, 0 2px 0 #505050, 0 3px 0 #505050, 0 4px 0 #505050, 0 5px 0 #505050, 0 6px 0 #505050, 0 7px 0 #505050, 0 8px 0 #505050, 0 9px 0 #505050, 0 50px 30px rgba(0, 0, 0, 0.3);}
}
.abt_right a{color:#ff002c; cursor:pointer;}
.moretext{display:none;}

.marquee_area{padding: 25px 0;}
.marquee_area ul li{list-style: none; display: inline-block; font-weight: bold; font-size: 60px; text-transform: uppercase;position: relative;margin: 0 30px;}
.marquee_area ul li:after{content: "";width: 20px;height: 20px;background: #ff0027;border-radius: 100%;position: absolute;top: 50%;transform: translateY(-50%);right: -45px;}
.marquee_area ul li:last-child:after{display: none;}
.marquee_area ul li a{transition: all 0.5s;color: #000;}
.marquee_area ul li a:hover{color: #ff0027;}

.service_area{background: #f3f9f0; padding: 70px 0;}
.service_area .head_area h2{color: #000;}
.what_box {background: #fff; border-radius: 8px; border: 1px solid #b7b7b7;overflow: hidden;transition: all 0.5s;margin: 12px 0;width:100%;}
.what_img{height: 230px;overflow: hidden;}
.what_img img{width: 100%; height: 100%; object-fit: cover;transition: all 0.5s;}
.what_cont{padding: 20px;}
.what_cont h3{font-size: 18px; font-weight: bold; color: #000; text-transform: uppercase;margin: 0 0 5px;}
.what_cont p{font-size: 14px;font-weight: 400; color: #505050;line-height: 24px; text-align: justify; margin: 0 0 10px;}
.what_cont a{font-weight: bold;color: #ff0027;}
.what_box:hover{box-shadow: 0 0 50px rgba(0,0,0,0.2);}
.what_box:hover img{transform: scale(1.2);}

.review_area{padding: 70px 0;}
.testimonial_area{padding: 70px 0;background: url(../images/test_back.webp) no-repeat 0 0 #f3f9f0;background-size: cover;position: relative;}
.testimonial_area .head_area h2{color: #000;}
.test_slider{position: relative;z-index: 1;}
.test_slider .item{padding: 100px 0;text-align: center;position: relative;}
.test_slider .item p{font-weight: 400;line-height: 28px;text-align: center;margin: 0;color: #505050;background: #f3f9f0;padding: 10px 60px;}
.test_slider:after{content: "";width: 275px;border: 12px solid #ff0027;position: absolute;top: 50%;left: 50%;height: calc(100% - 40px);transform: translate(-50%,-50%);z-index: -1;}
.test_slider .slick-list{padding-bottom: 20px;}
.test_slider h3{color: #ff0027;font-weight: bold;text-align: center;display: inline-block;font-size: 18px;text-transform: uppercase;position: absolute;bottom: -16px;left: 50%;transform: translateX(-50%);margin: 0;background: #f3f9f0;padding: 0 20px;}
.test_slider h3 span{display: block;color: #000; font-size: 16px; font-weight: 600;}

.testimonial_text{animation: text-pop-up-top2 2s cubic-bezier(0.250, 0.460, 0.450, 0.940) infinite alternate both;position: absolute;bottom: 0;font-size: 80px;font-weight: bold;text-transform: uppercase;color: #d3d8d0;}
@keyframes text-pop-up-top2 {
0% {transform: translateY(0); transform-origin: 50% 50%; text-shadow: none; }
100% {transform: translateY(-50px); transform-origin: 50% 50%; text-shadow: 0 1px 0 #ccc, 0 2px 0 #ccc, 0 3px 0 #ccc, 0 4px 0 #ccc, 0 5px 0 #ccc, 0 6px 0 #ccc, 0 7px 0 #ccc, 0 8px 0 #ccc, 0 9px 0 #ccc, 0 50px 30px rgba(0, 0, 0, 0.3);}
}

.help_back{width: 100%; height: auto;padding: 93px 0px; background:url(../images/help_back.webp) no-repeat center; background-size: cover; background-attachment: fixed; background-size: cover;position: relative; z-index: 1;}
.help_back:before{content: ""; background: rgba(0,0,0,0.6); position: absolute; left: 0; top: 0;width: 100%; height: 100%; z-index: -1;}
.help_text{width: 100%; height: auto;} 
.help_text h2{color: #fff; font-size: 48px; margin-bottom: 10px; font-weight: 700;text-transform:uppercase;}
.help_text p{color: #fff; font-size:20px; margin-bottom: 10px; font-weight:600; line-height: 35px;}
.help_btn {width: 150px;height: 150px;background: #ff0027;border-radius: 50%;color: #fff !important;font-size: 18px;text-transform: uppercase;line-height: 36px;padding: 46px 0px;text-align: center; display: inline-block; margin: auto 0 auto auto;}

.get_area{padding:70px 0;}
.get_box{background: #ff0027;box-shadow: 0 14px 30px rgba(0,0,0,0.2);}
.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: #ff0027; 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;}
.form_submit{width:200px;height: 55px;background: #000;color: #fff;font-weight: 600;text-transform: uppercase;text-align: center;line-height: 55px;padding: 0 10px;position: relative;display: block;z-index: 1;border: none; margin: 20px auto 0; display: block;}
.form_submit span{display: inline-block;padding: 0 15px; position: relative;transition: all 0.5s;}
.form_submit span:after{content: "\f061"; font-family: "Font Awesome 6 Free"; display: inline-block; font-weight: bold;opacity: 0;position: absolute; right: 0;transition: all 0.5s;}
.form_submit:hover span:after{right: -15px; opacity: 1;}
.form_submit:hover span{padding: 0 15px 0 0;}
.form_submit:before{content: ""; background: rgba(0, 0, 0, 0.2); position: absolute; left:-10px; top: -10px;width: 100%;height: 100%;z-index: -1;transition: all 0.5s;}
.form_submit:hover:before{left: 10px; top:10px;}

.footer_area{padding: 70px 0; background: #000; position: relative;z-index: 1;}
.foot_head_area{margin-top: 50px;}
.foot_head{display: inline-block;position: relative;margin-bottom:15px;}
.foot_head h3{font-weight: 500; font-size: 22px; position: relative; margin-bottom: 0;color: #fff;text-transform: uppercase;}
.foot_head:after{content: ""; width: 30px; height: 2px; background: #ff0027;position: absolute; right: -40px;top: 13px;transition: all 0.5s;}
.foot_head h3:after{content: ""; width: 20px; height: 2px; background: #ff0027;position: absolute; right: -30px;top: 21px;transition: all 0.5s;}
.foot_head h3 span{color: #ff0027; font-weight: bold;}
.foot_head_area:hover .foot_head:after{width:20px;}
.foot_head_area:hover .foot_head h3:after{width:25px;}

.foot_left p{line-height: 28px; color: #d2d2d2; text-align: justify;margin: 0;}
.foot_left a{margin-bottom: 10px; display: block;}
.foot_left a img{width: 50px;}
.foot_menu ul li{list-style: none; margin: 10px 0; position: relative;padding-left: 25px;}
.foot_menu ul li a{color: #d2d2d2;transition: all 0.3s;}
.foot_menu ul li a:hover{color: #ff0027;}
.foot_menu ul li:before{content: "\f101"; font-family: "Font Awesome 6 Free"; font-weight: 900; position: absolute; left: 0;color: #ff0027;}
.foot_menu_pad{padding-left:15px;}
.foot_address p{color: #d2d2d2; display: flex;}
.foot_address p i{max-width: 35px;margin-top: 3px;width: 100%;color: #ff0027;}
.foot_address p span{display: block;}
.foot_address p span a{color: #d2d2d2;text-decoration: none;word-break: break-all;}
.foot_social{margin-top: 20px;}
.foot_social a{width:42px; height: 42px; background: #3a559f; color: #fff;text-align: center; display: inline-block;margin: 0 5px 0 0; font-size: 22px;line-height: 42px; border-radius: 100%;}
.foot_social a:nth-child(2){background: #ff0000;}

.copy_area{background: #ff0027;padding: 30px 0;border-top: 1px solid #615e5f;}
.copy_area p{margin: 0; color: #fff;}
.copy_right{text-align: right;}
.copy_right a{color: #000;}

/*===============About Us Starts===============*/
.inner_area{background: url(../images/inner_bnr.webp) no-repeat center;background-size: cover; padding:80px 0;position: relative; z-index: 1;}
.inner_area:after{content: ""; background: rgb(255 255 255 / 60%); position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: -1;}
.breadcrumb_area{text-align: center;}
.breadcrumb_area .head_area .head{margin-bottom: 10px;}
.breadcrumb_area ul li{color: #000;display: inline-block;}
.breadcrumb_area ul li a{color: #ff0027;}
.breadcrumb_area .head h2{color:#000;}

.mission_area{padding: 70px 0;}
.mission_left{width: 100%; height: 350px;border: 1px solid #6c6c6c;}
.mission_left img{width: 100%; height: 100%;object-fit: cover;}
.tabs-box{width: 100%;}
.mission_area .tab-btn-box ul{margin:0 0 50px;text-align: center;display: inline-block;justify-content: center;padding:7px 4px;border-radius: 100px;border: 1px solid #cfcfcf;box-shadow: 0 0 30px rgb(0 0 0 / 20%);}
.mission_area .tab-btn-box ul li{list-style: none;display: inline-block;width: 150px;color: #000;padding: 12px 2px;border-radius: 100px;cursor: pointer;transition: all 0.3s;margin: 0 5px;}
.mission_area .tab-btn-box ul li:hover{background: #ff0027; color: #fff;}
.mission_area .tab-btn-box ul li.active-btn{background: #ff0027;color: #fff;}
.mission_area .tab-btn-box ul li h5{margin: 0;font-weight: 600;font-size:18px;}
.mission_area .tab_cont p{color: #404040;line-height: 28px;margin: 0 0 10px; text-align: justify; font-weight: 300;}
.mission_area .tab_cont p strong{font-weight:bold;}
.mission_area .btn_box{margin-top: 30px;}

.why_area{padding: 0 0 70px;position: relative;z-index: 1;}
.why_right .head_area h2{color: #000;}
.why_right .head_area .head:before, .why_right .head_area .head h2:before{display: none;}
.why_right .head_area{text-align: left;}
.why_area:after{content: ""; background: #f3f4f8; position: absolute; left: 0; bottom: 0; width: 100%; height: calc(100% - 40px);z-index: -1;}
.why_left{width: 100%;display: flex;}
.why_img{padding: 0 0 95px;}
.why_left img{width: 100%;height: 100%; object-fit: cover;}
.why_left .btn_area{text-align: center; margin-top: 45px;}
.why_right{width: 100%;padding-top: 70px;}
.why_right .head_box{text-align: left;}
.why_right p{line-height: 28px; color: #505050; text-align: justify; margin: 0;}
.why_point_area{margin-top: 25px;}
.why_point_icon{width: 115px;height: 115px;border-radius: 100%;background: #fff;margin: 10px auto;box-shadow: 0 0 0 3px #000;border: 8px solid #f3f4f8;position: relative;z-index: 1;transition: all 1s;}
.why_point_icon:after{content: "";background: #ff0027;position: absolute;width: 100%; height: 100%; left: 0; top: 0;border-radius: 100%;z-index: -1;transform: scale(0);transition: all 0.5s;}
.why_point_icon img{position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);}
.why_point h3{font-weight: bold; font-size: 20px; color: #000;text-align: center; margin: 10px 0 0;}
.why_point:hover .why_point_icon:after{transform: scale(1);}
.why_point:hover .why_point_icon{box-shadow: 0 0 0 3px #ff0027;}
.fl-left{float: left;}
.fl-right{float: right;}
/*===============About Us Ends===============*/

/*===============Contact Us Starts===============*/
.contact_area{padding: 70px 0;}
.cont_left .head_area h2{color: #000;}
.cont_left .head_area .head:before, .cont_left .head_area .head h2:before{display: none;}
.cont_left .head_area{text-align: left;}
.cont_left form{padding-right: 100px;}
.cont_left form input{height:45px; border-radius:0;background:transparent;margin:15px 0;}
.cont_left form textarea{border-radius:0;background:transparent;margin:15px 0;}

.form_btn{position: relative;z-index: 1;}
.form_btn button{width:200px;height: 55px;background: #ff0027;color: #fff;font-weight: 600;text-transform: uppercase;text-align: center;line-height: 55px;padding: 0 10px;position: relative;display: inline-block;border: none;}
.form_btn button span{display: inline-block;padding: 0 15px; position: relative;transition: all 0.5s;}
.form_btn buttona span:after{content: "\f061"; font-family: "Font Awesome 6 Free"; display: inline-block; font-weight: bold;opacity: 0;position: absolute; right: 0;transition: all 0.5s;}
.form_btn button:hover span:after{right: -15px; opacity: 1;}
.form_btn button:hover span{padding: 0 15px 0 0;}
.form_btn button:before{content: ""; background: rgba(255, 0, 39, 0.2); position: absolute; left:-10px; top: -10px;width: 100%;height: 100%;z-index: -1;transition: all 0.5s;}
.form_btn button:hover:before{left: 10px; top:10px;}

.cont_right{border-radius: 8px; overflow: hidden; background: url(../images/about_img.webp) no-repeat 0 0; background-size: cover; position: relative; z-index: 1;padding: 50px; height: 100%;}
.cont_right:after{content: ""; background: rgba(0,0,0,0.8); position: absolute; left: 0; top: 0;z-index: -1;width: 100%; height: 100%;}
.contact_info {display: flex;align-items: flex-start;gap: 15px;position: relative;overflow: hidden;margin-bottom: 25px;}
.contact_info_icon {border-radius: 8px;padding: 5px;}
.contact_info_icon i {font-size: 25px;color: #fff;width: 50px;height: 50px;line-height: 50px;text-align: center;border-radius: 8px;}
.contact_info_content h5, .contact_info_content p{margin: 0;color: #ffffff;}
.contact_info_content p a{color: #ffffff; margin-right: 12px;white-space: nowrap;}
.contact_icon_1 {border: 2px solid #0084ff;}
.contact_icon_1 i{background:#0084ff;}
.contact_icon_2 {border: 2px solid #37b546;}
.contact_icon_2 i{background:#37b546;}
.contact_icon_3 {border: 2px solid #ff533b;}
.contact_icon_3 i{background:#ff533b;}
.contact_info3{margin: 0;}

.map_area{height: 500px;}
.map_area iframe{width: 100%; height: 100%;}
/*===============Contact Us Ends===============*/

/*===============Services Starts===============*/
.services_area{padding: 70px 0;}
.service_box .accordion-button:not(.collapsed){background-color: #ff0027;color: #fff;}
.service_box .accordion-button{background: #e2e2e2;border-radius: 0 !important;padding: 20px 10px 20px 20px;font-weight: 600;}
.service_box .accordion-item:first-of-type, .service_box .accordion-item:first-of-type .accordion-button{border-radius: 0;}
.service_box .accordion-button:focus{box-shadow: none;border: none;}
.service_box .accordion-item{border: none;margin: 20px 0;background: #fff;box-shadow: 0 0 30px rgba(0,0,0,0.1);}
.service_box .accordion-button:not(.collapsed)::after{content: "\2b";}
.service_box .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;right: 10px;}
.service_box .accordion-body p{color: #505050; line-height: 30px; text-align: justify;margin: 5px 0;}
.service_box .accordion-body ul li{color: #505050; line-height: 24px; text-align: justify;margin: 5px 0;list-style:none;position:relative; padding-left:25px;}
.service_box .accordion-body ul li:before{content: "\f101"; font-family: "Font Awesome 6 Free"; font-weight: 900; position: absolute; left: 0;color: #ff0027;}
.service_box .accordion-body img{width: 100%;border-radius: 10px;margin: 0 0 20px;height: 250px;object-fit: cover;}
.service_box .accordion-body h3{font-size: 18px; font-weight: bold; margin: 0 0 15px; text-transform: uppercase; color: #000;}
/*===============Services Ends===============*/

/*===============Case Study Starts===============*/
.case_area{padding: 70px 0;}
.serv_page_modal .btn-close{background: #fff; opacity: 1; position: absolute;right: -5px;top: -5px; padding: 0;}
.serv_page_modal .btn-close i{font-size: 24px;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);z-index: 1;}
.serv_page_modal h5{font-size:18px; color:#000; font-weight:bold; margin:0 0 15px;}
.serv_page_modal p{color: #505050; line-height: 30px; text-align: justify;margin: 5px 0;}
.serv_page_modal .modal-dialog{max-width: 60%;}
/*===============Case Study Starts===============*/

/*===============Web Design Starts===============*/
.web_top_head{background:url(../images/web_top_head.jpg) no-repeat center;padding:30px 0;position:relative; color:#fff; text-align:center; margin:0 0 20px;font-size:40px;z-index:1; text-transform:uppercase;font-family: "Bebas Neue";}
.web_top_head2{background:url(../images/web_top_head2.jpg) no-repeat center;}
.web_top_head:after{background:rgba(0,36,88,0.7);content:"";position:absolute; left:0; top:0; width:100%; height:100%;z-index:-1;}

.web_top_head{background:url(../images/web_top_head.jpg) no-repeat center;padding:30px 0;position:relative; color:#fff; text-align:center; margin:0 0 20px;font-size:40px;z-index:1; text-transform:uppercase;font-family: "Bebas Neue";}
.web_top_head2{background:url(../images/web_top_head2.jpg) no-repeat center;}
.web_top_head:after{background:rgba(0,36,88,0.7);content:"";position:absolute; left:0; top:0; width:100%; height:100%;z-index:-1;}
.web_wrapper{padding:50px 0 70px;}
.web_wrapper ul{justify-content:center;border:none !important;margin-bottom:20px;}
.web_wrapper ul button{border:none !important;padding: 15px 30px;font-size: 18px;font-weight: 600; color:#000;border-bottom: 2px solid #bdbdbd !important;}
.web_wrapper ul button h3{font-size: 18px;font-weight: 600;margin:0;}
.web_wrapper ul button span{display: block;width: 50px;height: 50px;background: #000;color: #fff;border-radius: 100%;line-height: 50px;margin: 0 auto 5px;transition:all 0.5s;}
.web_wrapper ul button.active, .web_wrapper ul button:hover{color:#c53421 !important;border-bottom: 2px solid #c53421 !important;}
.web_wrapper ul button.active span, .web_wrapper ul button:hover span{background:#c53421;}

.web_ad_bnr{background:url(../images/web_ad_bnr.jpg) no-repeat center;padding:30px 0;position:relative; color:#fff; text-align:center; margin:0 0 30px;font-size:40px;z-index:1; text-transform:uppercase;font-family: "Bebas Neue";}
.web_ad_bnr:after{background:rgba(0,36,88,0.7);content:"";position:absolute; left:0; top:0; width:100%; height:100%;z-index:-1;}

.web_point_box{background: #edf6ff;border: 2px solid #d9e8f3;padding:0 25px 40px;border-radius: 15px;-o-transition: all 0.4s ease;transition: all 0.4s ease;-webkit-transition: all 0.4s ease;width:100%;margin:15px 0;position:relative;overflow:hidden;z-index: 1;}
.web_point_box:after{position:absolute; content:""; left:0; top:0; width:0; height:100%;background:#002555;transition:all 0.5s;opacity: 0;visibility: hidden;display: block;z-index: -1;}
.web_point_box:hover:after{left: auto;opacity: 1;visibility: visible;right: 0;width:100%;}
.web_point_box p{margin:0;text-align:left;transition: all 0.4s ease;color:#545454;line-height: 24px;}
.web_head{display: flex;}
.web_head h4{margin:auto 0;font-size: 18px; font-weight: bold; color: #002555; padding-left: 5px;transition: all 0.4s ease;}
.web_point_box:hover p, .web_point_box:hover span, .web_point_box:hover h4{color:#fff;}
.web_point_box span{font-size:60px;font-weight: bold;opacity: .3;line-height: 75px;color: #002555;transition: all 0.4s ease;}
.web_ad_area {background:#171830; border-radius:15px; overflow:hidden; padding:30px;position:relative;z-index:1;}
.web_ad_area2{background: #d42730;}
.web_ad_area:after{content:""; background:url(../images/ad_back.jpg) no-repeat center #171830; background-size:cover;position:absolute; left:0; top:0; width:100%; height:100%;opacity: 0.6;z-index:-1;}
.ad_text span{font-family:"Bebas Neue"; color:#fff; text-align:center;display:block;}
.ad_text span:nth-child(1){font-size:70px;}
.ad_text span:nth-child(2){font-size: 58px;margin-top: -35px;}
.ad_text span:nth-child(3){font-size: 52px;margin-top: -28px;}
.ad_img img{width:100%;margin-top:20px;}
.ad_cont p{color: #fff;font-size: 18px;font-weight: bold;text-align: center;line-height: 24px;}
.ad_cont a{display: block; text-align: center; color: #fff; text-decoration: none; font-weight: 600; font-size: 18px;}
.ad_cont a span{display: block;background: #ff9c00;color: #000;padding: 5px;width: 150px;border-radius: 100px;margin: 0 auto 5px;}

.web_back{background:url(../images/web_back.jpg) no-repeat center; background-size:cover; padding:70px 0; background-attachment:fixed;position:relative;z-index:1;}
.web_back:after{content:""; background:rgba(20, 19, 59, 0.85);position:absolute; top:0; left:0; width:100%; height:100%;z-index:-1;}
.cust_left h2{font-size:32px; font-weight:500;color:#fff; text-transform:uppercase;margin-bottom:20px; position:relative;}
.cust_left h2 span{color:#c53421;}
.cust_left h2:after{content:"";width: 100px;height: 2px;background: #c53421;position: absolute;left: 0;bottom: -5px;}
.cust_left ul {margin:0;padding:0;}
.cust_left ul li{list-style:none; margin:8px 0;font-size: 14px;line-height: 22px;color: #fff; position:relative;padding-left: 30px;}
.cust_left ul li i{color:#c53421;position:absolute; left:0;top: 4px;}
.cust_right{height:400px;overflow:hidden;border-radius:5px 25px 5px 25px;}
.cust_right img{width:100%; height:100%; object-fit:cover;}

.website_area{padding:70px 0;}
.website_area h2{font-size:32px; font-weight:500;color:#002458;text-align:center; text-transform:uppercase;margin-bottom:60px; position:relative;}
.website_area h2 span{color:#c53421;}
.website_area h2:after{content:"";width: 100px;height: 2px;background: #002458;position: absolute;left: 50%; transform:translateX(-50%); bottom: -5px;}
.website_box{padding:30px 20px 20px;box-shadow: 0 0 38px rgb(0 0 0 / 10%);border-radius:10px; text-align:justify;position:relative;text-align-last: center;width:100%;}
.website_box p{color:#545454;line-height: 24px; margin:0;}
.website_box h3{font-size: 18px;font-weight: 600;position: absolute;top: -20px;left: 50%;transform: translateX(-50%);color: #fff;background: #002555;margin: 0;padding: 8px;border-radius: 100px;width: 250px;text-align:center;}

.quote_modal form input, .quote_modal form select{margin:10px 0; border-radius:0; appearance: auto;}
.quote_modal form textarea{border-radius:0;}
.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 .form_btn button{margin: 20px auto 0; display: block;}
/*===============Web Design Ends===============*/

/*===============Digital Signature Starts===============*/
.digital_wrapper{padding:50px 0 70px;}
.digital_tab .item-content img{width:100%;}
.digital_tab .item-content p{color:#545454;line-height:24px; text-align:justify;margin:15px 0 0;}
.career_area{padding:50px 0;}
.career_area h2{font-size:32px; font-weight:500;color:#002458;text-align:center; text-transform:uppercase;margin-bottom:30px; position:relative;z-index: 1;}
.career_area h2 span{color:#c53421;}
.career_area h2:after{content:"";width: 100px;height: 2px;background: #002458;position: absolute;left: 50%; transform:translateX(-50%); bottom: -5px;}

.signature_left{height:400px;border-radius:10px 25px 10px 25px;overflow:hidden;}
.signature_left img{width:100%; height:100%; object-fit:cover;}
.signature_right h2{ font-size:16px; font-weight:bold; margin:0 0 20px;}
.signature_table table thead{background:#002458; color:#fff;}
.signature_table table td{font-size:14px;white-space: nowrap;}
.signature_table table tbody td{color:#545454;}
.InputGroup {display: -webkit-box;display: flex;height: 35px;float: left;margin: 0 5px 5px 0;}
.InputGroup input[type="radio"] {visibility: hidden; /* 1 */height: 0; /* 2 */width: 0; /* 2 */}
.InputGroup label {display: -webkit-box !important;display: flex !important;-webkit-box-flex: 1;flex: auto;vertical-align: middle;-webkit-box-align: center;align-items: center;-webkit-box-pack: center;justify-content: center;text-align: center;cursor: pointer;background:#fff;color: #545454;padding: 0 10px;border-radius: 100px;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;font-weight: normal !important;border:1px solid #ced4da;}
.InputGroup input[type="radio"]:checked + label {background-color:#002458;color: #fff;}
.InputGroup input[type="radio"]:hover:not(:checked) + label {background: #002458;color: #fff;}

.checksignature {display: block;position: relative;padding-left: 30px;margin-bottom: 12px;cursor: pointer;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
.checksignature input {position: absolute;opacity: 0;cursor: pointer;}
.checksignature input:checked ~ .checkbtn {background-color: #002458;}
.checkbtn {position: absolute;top: 0;left: 0;height: 20px;width: 20px;background-color: #eee;border-radius: 50%;}
.checksignature input:checked ~ .checkbtn:after {display: block;}
.checksignature .checkbtn:after {top: 6px;left: 6px;width: 8px;height: 8px;border-radius: 50%;background: white;}
.checkbtn:after {content: "";position: absolute;display: none;}
.checkarea{border-right: 1px dashed #a1a1a1;}
.checkarea p{margin:0;}
.checkarea a{display: inline-block;text-decoration: none;cursor: pointer;padding: 8px 25px;border: 2px solid #fff;background: #002458;color: #fff;text-transform: uppercase;font-weight: bold;transition: ease-in-out 0.3s;border-radius: 100px; margin-top:20px;}
.checkarea a:hover{background:#fff;border: 2px solid #002458; color:#002458;}
.emudra_area p{color:#000;margin:0;}
.emudra_area p span{font-weight:bold; font-size:16px; color:#c53421;}
.emudra_area img{width:220px; margin-top:20px;}
.aadhar_area{border-radius:10px; padding:10px 15px;background:linear-gradient( -35deg,rgb(0 37 85) 0%,rgb(24 78 149) 100% );margin-top:30px;display: flex;}
.aadhar_area p{color:#fff;margin: auto 0 auto 20px;font-size:18px;}
.aadhar_area p span{display:block;font-weight:bold; color:#fff;font-size:22px;}
.aadhar_area img{width:100px;}

.process_area{background:#edf6ff; padding:70px 0 0;}
.process_area h2{font-size:32px; font-weight:500;color:#002458;text-align:center; text-transform:uppercase;margin-bottom:30px; position:relative;}
.process_area h2 span{color:#c53421;}
.process_area h2:after{content:"";width: 100px;height: 2px;background: #002458;position: absolute;left: 50%; transform:translateX(-50%); bottom: -5px;}
.process_back{background:url(../images/process_back.png) no-repeat center; background-size:100%;padding: 70px 0;}
.process_box{position:relative;text-align:center;}
.icon_area{padding:10px;width: 120px;height: 120px; margin:0 auto;border-radius: 100%;text-align: center;position:relative}
.process_box i{color: #fff;line-height: 100px;font-size: 40px;width: 100px;height: 100px;background: #c53421;border-radius: 100%;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);}
.icon_area:after {position: absolute;width: 100%;height: 100%;content: '';left: 0;top: 0;-webkit-transition: 0.5s;-o-transition: 0.5s;transition: 0.5s;border-radius: 50%;-webkit-transform: scale(0);-ms-transform: scale(0);transform: scale(0);border: 2px dashed #c53421;opacity:0;}
.process_box:hover .icon_area:after {-webkit-transform: scale(1);-ms-transform: scale(1);transform: scale(1);-webkit-animation: rotated_circle 5s linear infinite;animation: rotated_circle 5s linear infinite;-webkit-animation-delay: 0.5s;animation-delay: 0.5s;opacity:1;}
@keyframes rotated_circle {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); }
}
.process_box span{opacity: 0.15;line-height: 1;font-size: 85px;-webkit-transition: 0.5s;-o-transition: 0.5s;transition: 0.5s;font-weight: 700;position: absolute;color: transparent;-webkit-text-stroke: 1px;-webkit-text-stroke-color: #293043;-webkit-transform: translate(-70%, -60%) rotate(-50deg);-ms-transform: translate(-70%, -60%) rotate(-50deg);transform: translate(-70%, -60%) rotate(-50deg);}
.process_box h3{margin: 10px 0 0;font-size: 16px;font-weight: bold;}

.competitor_area{padding:70px 0 0;}
.competitor_area h2{font-size:32px; font-weight:500; color:#002458;text-align:center; text-transform:uppercase;margin-bottom:30px; position:relative;}
.competitor_area h2 span{color:#c53421;}
.competitor_area h2:after{content:"";width: 100px;height: 2px;background: #002458;position: absolute;left: 50%; transform:translateX(-50%); bottom: -5px;}
.compe_box{width:100%;margin:15px 0;padding:20px;}
.compe_img{width:60px;margin:0 10px 10px 0;transition:all 0.5s;}
.compe_box p{color: #545454;line-height: 24px;position:relative;top:15px;margin:0;transition:all 0.5s;}
.compe_box h3{font-size: 16px;font-weight: bold;display: flex;margin:0;transition:all 0.5s;}
.compe_box h3 span{display:block; margin:auto 0;}
.compe_col{display:flex;border-right:1px solid #d1d1d1;border-bottom:1px solid #d1d1d1;transition:all 0.5s;position:relative;}
.compe_col:nth-child(3), .compe_col:nth-child(5){border-right:none;}
.compe_col:nth-child(4), .compe_col:nth-child(5){border-bottom:none;}
.compe_col:hover p{top:0;color:#fff;}
.compe_col:hover h3{color:#fff;}
.compe_col:hover{background:#c53421;}
.compe_col:hover .compe_img{filter: brightness(100) invert(1);}
.compe_img_back{position:absolute; left:0; top:0;opacity:0;width:100px;transition:all 0.5s;filter: brightness(100) invert(1);}
.compe_col:hover .compe_img_back{opacity:.2; left: calc(100% - 100px);top: calc(100% - 100px);}

.dsign_box{box-shadow: 0 0 38px rgb(0 0 0 / 11%);border-radius: 20px; padding:20px; text-align:center;background:#fff;flex: 1;margin:15px 0;border: 3px solid #002555;}
.dsign_icon {position: relative;display: flex;align-items: center;justify-content: center;height: 120px;width: 120px;background-color:#fff;border-radius: 50%;margin: 0 auto 10px;z-index: 1;overflow:hidden;border:1px solid #d3d3d3;}
.dsign_icon img{width:100%;transition:all 0.3s;}
.dsign_box a{font-size: 14px;font-weight: 700;color: #000;text-transform: uppercase;position: relative;text-decoration:none;display: block;line-height: 18px;transition:all 0.5s;}
.dsign_box a:hover{color:#c53421;}
.web_box{border-radius: 10px; padding:20px; text-align:center;background:#f6f4f9;flex: 1;margin:15px 0; transition:all 0.3s;border: 1px solid transparent; position:relative; overflow:hidden;}
.web_box h3{font-size: 16px;font-weight: 700;color: #002458; text-transform: uppercase;margin: 10px 0;position: relative;}
.web_box h3 a{color: #002458; text-decoration:none;}
.web_box p{font-size: 14px; line-height: 24px; color: #545454;margin: 0;}

.page_dsign_box{position:relative; overflow:hidden;flex: 1;}
.sale {width: 200px;position: absolute;top: 18px;left: -68px;transform: rotate(-45deg);z-index: 1;font-size: 14px;padding: 1px 0 3px 0;background: #002458;color: #fff;font-weight: bold;}
.page_dsign_box p{text-align:center; font-size:14px;margin: 0;line-height:normal;}
.rating_area{margin:10px 0;}
.rating_area i{color: #ffb425;}
.page_dsign_box h4{font-size: 18px;font-weight: 900;}
.download_btn {display: inline-block;text-decoration: none;cursor: pointer;padding: 8px 15px;background: #002458;color: #fff;text-transform: uppercase;font-weight: bold;transition: ease-in-out 0.3s;margin-top: 0;font-size: 13px;position: relative; z-index: 1;}
.download_btn:hover{background:#c53421;color:#fff;}

.d_sign_para p{color:#545454;margin:5px 0;text-align:justify;}
.d_sign_para ul{margin:0; padding:0;}
.d_sign_para ul li{color:#545454; list-style:none; display:inline-block;margin-right:10px;position:relative;padding-left: 22px;font-size:14px;}
.d_sign_para ul li:before{content:"\f0a4";font-family:"Font Awesome 6 Free";position:absolute;left: 0;top: 0;font-weight: bold;color:#c53421;}

.d_sign_online{padding-bottom:70px;}
.d_sign_online h2{font-size:32px; font-weight:500; color:#002458;text-align:center; text-transform:uppercase;margin-bottom:30px; position:relative;z-index: 1;}
.d_sign_online h2 span{color:#c53421;}
.d_sign_online h2:after{content:"";width: 100px;height: 2px;background: #002458;position: absolute;left: 50%; transform:translateX(-50%); bottom: -5px;}
.d_sign_online h3{font-size:20px; font-weight:600; color:#002458;text-align:center;margin-bottom:10px;}
.d_sign_table{margin-top:20px;}
.d_sign_table table th, .d_sign_table table td{padding:7px 10px;font-size: 14px;line-height: 24px;color: #545454;}
.d_sign_table table th{color:#fff; background:#002458;}
/*===============Digital Signature Ends===============*/


/*===============Responsive Starts===============*/
@media all and (min-width: 800px) {
}
@media (min-width:981px) and (max-width:1399px){
    .navbar-expand-lg .navbar-nav .nav-link{padding: 0 15px 0 0; font-size: 13px;}
    .slide .slide_content--headings h2{font-size: 35px;}
    .abt_right .btn_area a{margin-right: 10px;width: 175px; font-size: 14px;}
    .foot_menu_pad{padding: 0;}
    .foot_head h3{font-size: 16px;}
    .foot_head:after{top: 5px;}
    .foot_head h3:after{top: 11px;}
    .mission_area .tab-btn-box ul li{width: 120px;}
    .mission_area .tab-btn-box ul li h5{font-size: 16px;}
}

@media (min-width:768px) and (max-width:980px){
    .head_nav .navbar-brand img{width: 55px;}
    .head_nav .navbar-toggler:focus{box-shadow: none;}
    .head_nav .navbar-toggler span{display: block;background: #ff0027;height:5px;margin: 3px 0;border-radius: 20px;width: 30px;}
    .head_nav .navbar-toggler{position: absolute;right: 0;top:10px;}
    .head_info {display: none;}
    .for_mobile{display: block;background: #000;padding: 5px 12px;}
    .head_info li{margin-right: 0;}
    .head_info li a p{font-size: 12px;}
    .top_social{position: relative;}
    .top_social a{margin: 5px 5px 0 0;}

    .hamburger_btn{--button-color: #000;background: #ff0027;border: none; display: block;z-index: 1000;}
    .hamburger_btn .hamburger {transition: translate 1s, rotate 1s; }
    .hamburger_btn[aria-expanded="true"] .hamburger {translate: 2px -4px; rotate: 0.125turn;}
    .hamburger_btn .line {transition: 1s;stroke-dasharray: 60 31 60 300;stroke-width: 8px;}
    .hamburger_btn[aria-expanded="true"] .line {stroke-dasharray: 60 105 60 300;stroke-dashoffset: -90;stroke-width: 8px;}
    .hamburger_btn svg{width: 50px; --button-color: #fff;position: relative;left: 0px;top: 0;}

    .estimate_area{position: relative;margin-top: 20px;transform: inherit !important;right: inherit !important;top: inherit !important;}
    .head_menu li a, .sticky_menu .head_menu li a{line-height: 35px;}
    .sticky_menu{position: fixed;z-index: 10;top: 0;background: #000;width: 100%;}

    .slide .slide_content--headings h2{font-size: 20px;}
    .slide{padding: 100px 0;}

    .help_text h2{font-size: 30px;}
    .help_text p{font-size: 14px; line-height: 24px;}

    .abt_img{margin-left: 0;}
    .abt_right .btn_area a{margin-right: 0;width: 150px;padding: 0;font-size: 13px;}
    .abt_right .btn_area a span{padding: 0;}

    .lightimg_box a{height: 300px;}
    .testimonial_area{padding: 70px 0 120px;}

    .get_info_icon{width:30%;}
    .get_info_cont{width: 70%;}
    .foot_head_area{margin-top: 20px;}
    .foot_menu_pad{padding: 0;}
    .serv_page_modal .modal-dialog{max-width: 80%;}
}

@media (max-width:767px){
    .head_nav .navbar-brand img{width: 55px;}
    .head_nav .navbar-toggler:focus{box-shadow: none;}
    .head_nav .navbar-toggler span{display: block;background: #ff0027;height:5px;margin: 3px 0;border-radius: 20px;width: 30px;}
    .head_nav .navbar-toggler{position: absolute;right: 0;top:10px;}
    .head_info {display: none;}
    .for_mobile{display: block;background: #000;padding: 5px 12px;}
    .head_info li{margin-right: 0;}
    .head_info li a p{font-size: 12px;}
    .top_social{position: relative;}
    .top_social a{margin: 5px 5px 0 0;}

    .hamburger_btn{--button-color: #000;background: #ff0027;border: none; display: block;z-index: 1000;}
    .hamburger_btn .hamburger {transition: translate 1s, rotate 1s; }
    .hamburger_btn[aria-expanded="true"] .hamburger {translate: 2px -4px; rotate: 0.125turn;}
    .hamburger_btn .line {transition: 1s;stroke-dasharray: 60 31 60 300;stroke-width: 8px;}
    .hamburger_btn[aria-expanded="true"] .line {stroke-dasharray: 60 105 60 300;stroke-dashoffset: -90;stroke-width: 8px;}
    .hamburger_btn svg{width: 50px; --button-color: #fff;position: relative;left: 0px;top: 0;}

    .estimate_area{position: relative;margin-top: 20px;transform: inherit !important;right: inherit !important;top: inherit !important;}
    .head_menu li a, .sticky_menu .head_menu li a{line-height: 35px;}
    .sticky_menu{position: fixed;z-index: 10;top: 0;background: #000;width: 100%;}

    .slide .slide_content--headings h2{font-size: 20px;}
    .slide{padding: 100px 0;}

    .point_img_area h3{font-size: 14px;margin: 5px 0;}
    .point_box{padding: 25px 15px;}
    .point_area{margin-top: -40px;padding-bottom: 40px;}

    .head h2{font-size: 24px;}
    .head:before, .head:after{top:9px;}
    .head h2:before, .head h2:after{top: 16px;}
    .service_area, .get_right, .get_area{padding: 40px 0;}
    .abt_area{padding: 40px 0 100px;}
    .abt_text{bottom: -15px;font-size: 50px;width: 100%;text-align: center;left: 0;}
    @keyframes text-pop-up-top {
      0% {transform: translateY(0); transform-origin: 50% 50%; text-shadow: none; }
      100% {transform: translateY(-30px); transform-origin: 50% 50%; text-shadow: 0 1px 0 #505050, 0 2px 0 #505050, 0 3px 0 #505050, 0 4px 0 #505050, 0 5px 0 #505050, 0 6px 0 #505050, 0 7px 0 #505050, 0 8px 0 #505050, 0 9px 0 #505050, 0 50px 30px rgba(0, 0, 0, 0.3);}
      }
    .abt_img{margin-left:0;height: 200px;}
    .abt_right{margin: 0;}
    .abt_right p{font-size: 14px; line-height: 24px;}
    .abt_right .btn_area a{margin-right: 0;width: 120px;padding: 0;font-size: 13px;}
    .abt_right .btn_area a span{padding: 0;}
    .abt_right .btn_area{text-align: center;}
    .point_img_area2{animation-name: fadeInLeft !important; -webkit-animation-name: fadeInLeft !important;}
    .point_img_area3{animation-name: fadeInRight !important; -webkit-animation-name: fadeInRight !important;}

    .marquee_area{padding: 40px 0;}
    .marquee_area ul li{font-size: 48px;}

    .help_back{padding: 40px 0;text-align: center;}
    .help_text h2{font-size: 28px;}
    .help_text p{font-size: 16px;line-height: 28px;}
    .help_btn{margin: 20px auto 0;}

    .test_slider .item p{padding: 0;font-size: 14px; line-height: 24px;}
    .testimonial_area{padding: 40px 0 100px;}
    .testimonial_text{bottom: -15px;font-size: 50px;width: 100%;text-align: center;left: 0;}
    @keyframes text-pop-up-top2 {
      0% {transform: translateY(0); transform-origin: 50% 50%; text-shadow: none; }
      100% {transform: translateY(-30px); transform-origin: 50% 50%; text-shadow: 0 1px 0 #ccc, 0 2px 0 #ccc, 0 3px 0 #ccc, 0 4px 0 #ccc, 0 5px 0 #ccc, 0 6px 0 #ccc, 0 7px 0 #ccc, 0 8px 0 #ccc, 0 9px 0 #ccc, 0 50px 30px rgba(0, 0, 0, 0.3);}
      }
    .test_slider h3{width: 200px;font-size: 14px;}
    .test_slider h3 span{font-size: 14px;}
    .test_slider .item{padding: 70px 0;}

    .get_left{padding: 200px 0 0;}
    .get_info_icon{width: 25%;}
    .get_info_cont{width: 75%;}
    .get_form{padding: 0 12px;}
    .get_right .head_area .head:before, .get_right .head_area .head h2:before{display: block;}
    .get_right .head_area .head:after, .get_right .head_area .head:before, .get_right .head_area .head h2:after, .get_right .head_area .head h2:before{background: #fff;}
    .get_right .head_area{text-align: center;}

    .footer_area{padding: 40px 0;}
    .foot_left p{font-size: 14px; line-height: 24px;}
    .foot_head_area{margin-top: 20px;}
    .foot_menu_pad{padding-left: 0;}
    .foot_head:after{top: 8px;}
    .foot_head h3:after{top:14px;}
    .copy_area, .copy_right{text-align: center;}

    .why_right{padding-top: 0;}
    .why_point h3{font-size: 18px;}
    .why_point {margin: 10px 0;}
    .why_area:after{display: none;}
    
    .mission_area, .services_area{padding: 40px 0;}
    .mission_area .tab-btn-box ul{background: transparent; border: none; box-shadow: none;margin: 0;}
    .mission_area .tab_cont p, .why_right p{font-size: 14px; line-height: 22px;}
    .mission_left{margin-top: 20px;}
    .why_left{margin-top: 20px;}

    .cont_left form{margin-top: 20px; padding: 0;}
    .cont_right{padding: 20px; margin-top: 20px;height: auto;}
    .serv_page_modal .modal-dialog{max-width: 100%;}

    .web_top_head{margin-top:30px;font-size: 28px;padding: 15px 0;}
    .web_ad_bnr{margin-top:0;font-size: 28px;padding: 15px 0;}

    .signature_right h2{margin:15px 0;}
    .signature_table table{display:block;}
    .checkarea{border:none;margin-bottom:20px;}
    .aadhar_area img{margin: auto;}
    .aadhar_area p span{font-size:16px;}
    .aadhar_area p{font-size:14px;}
    .process_area, .competitor_area{padding:40px 0 0;}
    .process_area h2, .competitor_area h2{font-size:24px;}
    .process_back{padding:40px 0;}
    .d_sign_online{padding-bottom:40px;}
    .career_area h2{font-size:24px;margin-bottom:20px;}
}
/*===============Responsive Ends===============*/




































