@import url('https://pro.fontawesome.com/releases/v6.0.0-beta3/css/all.css');
html{font-size: 62.5%;}
body{ padding: 0; margin: 0; list-style: none; font: normal 1.6rem/2.4rem 'Barlow', sans-serif; color: var(--body_txt_color); }
p{padding: 0; margin: 0;}
a{padding: 0; margin: 0; outline: none;}
ul{ list-style: none; padding: 0; margin: 0;}
label{ list-style: none; padding: 0; margin: 0;}
ul li{ padding: 0; margin: 0;}
h1,.h1, h2,.h2, h3,.h3, h4,.h4, h5,.h5, h6,.h6{padding: 0; margin: 0;}
input[type="text"]::-webkit-placeholder { opacity: 1;  }
input[type="text"]::-moz-placeholder { opacity: 1;}
input[type="password"]::-webkit-placeholder { opacity: 1;}
input[type="password"]::-moz-placeholder { opacity: 1;}
input[type="search"]::-webkit-placeholder { opacity: 1;}
input[type="search"]::-moz-placeholder { opacity: 1;}
input[type="email"]::-webkit-placeholder { opacity: 1; }
input[type="email"]::-moz-placeholder { opacity: 1;}
input[type="tel"]::-webkit-placeholder { opacity: 1;}
input[type="tel"]::-moz-placeholder { opacity: 1;}
textarea::-moz-placeholder { opacity: 1;  }
textarea::-webkit-placeholder { opacity: 1;}
a:hover{ outline: none !important; text-decoration: none;}
a:active{ outline: none !important; text-decoration: none;}
a{ text-decoration: none !important;}
a:hover, a:focus{ text-decoration: inherit !important;}
a{-webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s; }

/* font-family: 'Fira Sans', sans-serif; */

:root{
    --black: #03041c;
    --breand: #bb2327;
    --orange: #cc6740;
    --body_txt_color: #232629;
    --heading_color: #0c2957;
    --white: #fff;
   }



/* top_button */
.top_btn {background: var(--breand); border-radius: 100%; bottom: 1rem; color: var(--white); height: 5rem; opacity: 0; overflow: hidden; position: fixed; right: 1rem; width: 5rem; z-index: 9999;  text-align: center; display: inline-block;}
.top_btn i{font-size: 2rem; line-height: 5rem;}
.top_btn.show{opacity: 0.7;}
.top_btn:hover {bottom: .3rem; opacity: 1; color: var(--white);}

.as_btn{display: inline-block; background: var(--breand); text-transform: capitalize; color: var(--white) !important; font-weight: 600; padding: 0 2.5rem; height: 5rem; border-radius: .5rem; text-align: center; line-height: 5rem; font-size: 1.8rem; position: relative; overflow: hidden; z-index: 1; margin-top: 2.5rem;}
.as_btn::before{content: ""; position: absolute; bottom: 0; left: 0; width: 0%; height: 100%; background: var(--heading_color); transition: all 0.3s; z-index: -1;}
.as_btn:hover:before{width: 100%;}
.as_btn strong{font-weight: 600;}
.read_btn{color: var(--breand); font-size: 1.9rem; text-transform: capitalize; font-weight: 600; display: inline-block; margin-top: 2rem;}
.read_btn i{padding-left: 1rem; vertical-align: middle;}
.read_btn:hover{color: var(--heading_color);}
h3{font-family: 'Fira Sans', sans-serif; color: var(--heading_color); text-transform: capitalize; font-weight: 600; font-size: 3rem; line-height: 4rem;}
h1, h2{color: var(--heading_color); font-size: 5rem; line-height: 5.5rem; text-transform: capitalize; font-weight: 600; position: relative;}
h1 span, h2 span{position: relative; font-size: 1.8rem; line-height: 1.8rem; color: var(--breand); text-transform: uppercase; display: block; padding-left: 3.4rem;}
h1 span::before, h2 span::before{position: absolute; left: 0; top: .6rem; background: url(../images/line.png)no-repeat left center; width: 2.6rem; height: .7rem; background-size: 100%; content: "";}
.ptb{padding: 7rem 0;}
.inner_ptb{padding: 4rem 0 7rem;}
h4{font-family: 'Fira Sans', sans-serif; color: var(--heading_color); text-transform: capitalize; font-weight: 600; font-size: 2.5rem; line-height: 3.5rem;}
h5{font-family: 'Fira Sans', sans-serif; color: var(--heading_color); text-transform: capitalize; font-weight: 600; font-size: 2rem; line-height: 3rem;}
.hidden_sec{overflow: hidden;}



/*header*/
.header_sec{ width: 100%; position: relative;}
.nav_top{border: none; min-height: auto; box-shadow: none; border-radius: 0;}
/* .drop-nav{ position: absolute; top: 10px; right: 0px;}
.nav_top .dropdown-menu li a{ font-size: 13px;} */
.menu_sec{padding-right: 31rem;}
.menu_sec li{ position: relative; text-transform: capitalize; font-weight: 600; font-size: 2rem;}
.menu_sec li a{display: inline-block; padding: 3.3rem 3.5rem 3.3rem 0; color: var(--heading_color);}
.menu_sec li.active a, .menu_sec li a:hover{color: var(--breand);}
.menu_sec li:last-child a{padding-right: 0;}
.nav_top .navbar-brand img{width: 15rem;}  
.header_top ul li{display: inline-block; font-weight: 500;}
.header_top .d-flex{align-items: center; justify-content: space-between; padding: 1.5rem 0 1.5rem 28rem; border-bottom: .1rem solid #e1e2e7; position: relative;}  
.nav_top .navbar-brand{top: -5.5rem; z-index: 99; position: absolute; width: 23.5rem; height: 14.5rem; text-align: center;  background: #f7f7f7; display: flex; align-items: center; justify-content: center;}
.header_top_lt ul li a{color: #6a6c71; display: inline-block; padding-right: 1.5rem;}  
.header_top_lt ul li i{padding-right: .5rem;}
/* .header_top_lt ul li:last-child a{padding-right: 0;} */
.header_top_rt ul li{padding: 0 .8rem; position: relative;}
.header_top_rt ul li a{color: #6a6c71; position: relative; padding-right: 1rem;}
.header_top_rt ul li a::before{position: absolute; right: 0; top: 0; width: .1rem; height: 100%; background: #ccc; content: "";}
.header_top_rt ul li:last-child a::before{display: none;}
.header_top_rt ul li:last-child, .header_top_rt ul li:last-child a{padding-right: 0;}
.header_top ul li a:hover{color: var(--breand);}
.rt_button{position: absolute; top: 2rem; right: 0;}
.header_sec.fixed{position: fixed; left: 0p; top: 0; z-index: 99; background: var(--white); box-shadow: 0 0 .7rem 0 #ccc; padding: 1rem 0;}
.header_sec.fixed .header_top{display: none;} 
.header_sec.fixed .nav_top .navbar-brand{background: transparent; width: auto; height: auto; position: inherit; left: inherit; top: inherit;}
.header_sec.fixed .nav_top .navbar-brand img {width: 13rem;}
.header_sec.fixed .menu_sec li a {padding: 0 3.5rem 0 0;}
.header_sec.fixed .menu_sec li:last-child a{padding-right: 0;}
.header_sec.fixed .rt_button {top: .9rem;}
.rt_button .as_btn span{display: none;}





/*banner*/  
.bannersec{ width: 100%; position: relative;}
.banner_box{padding: 15rem 0; position: relative;}
.banner_box::before{position: absolute;  content: ''; background: -webkit-linear-gradient(0deg, rgba(39,44,73,0.95)20%, rgba(255,255,255,0.0) 100%);  width: 100%; height: 100%; left: 0;  top: 0; right: 0;}
.banner_content{max-width: 65rem;}
.banner_content strong{font-size: 6.4rem; line-height: 7.4rem; text-transform: capitalize; color: var(--white); font-weight: 700; font-family: 'Fira Sans', sans-serif;}
.banner_rt_panel{position: absolute; right: 0; top: 50%; -ms-transform: translateY(-50%);  -webkit-transform: translateY(-50%);  -moz-transform: translateY(-50%);  -o-transform: translateY(-50%);  transform: translateY(-50%);  width: 100%; }
.banner_right{background: var(--white); padding: 3rem; width: 40rem; float: left; border-radius: .5rem; box-shadow: 0 1rem 5rem 0 rgba(26,46,85,.1);}
.banner_rt_panel { top: 50%; width: 32%; z-index: 2;}




/* form */
.input_fld input[type="text"], .input_fld input[type="email"], .input_fld input[type="tel"], .input_fld input[type="password"], .input_fld textarea{width: 100%; border: .1rem solid #ced4da; height: 5rem; padding: 0 1.5rem; box-shadow: none; outline: none; -webkit-appearance: none; color: var(--black); font: normal 1.5rem/2.4rem 'Barlow', sans-serif; border-radius: 1rem; background: transparent;}
.input_fld input[type="text"]::placeholder, .input_fld input[type="email"]::placeholder, .input_fld input[type="tel"]::placeholder, .input_fld input[type="password"]::placeholder,  .input_fld textarea::placeholder{color: #999; opacity: 1;}
.input_fld .form-control:focus{ border-color: var(--brand); outline: 0; box-shadow: none; }
/* .input_fld .form-select{background:  var(--white)  url(../images/caret-down.png)no-repeat right 1.5rem center; background-size: 1rem; padding: 0 1rem; height: 4rem;} */
.input_fld button{border: none;}
.input_fld button a{color: #555 !important;}
.input_fld .form-select:focus{border-color: var(--breand); box-shadow: none;} 
.input_fld{margin-bottom: 2rem;}
.input_fld textarea{height: 12rem; resize: none; padding: 1.5rem;}


/* about_sec */
.ab_box{padding: 3rem; box-shadow: 0 .8rem 2rem 0 rgb(1 1 28 / 10%); position: relative; background: var(--white); border-radius: .5rem;}
.ab_box_img{margin-top: 2rem; border-radius: .5rem; overflow: hidden;}
.counter_box{background: #f7f7f7; padding: 3rem; width: 100%;  border-radius: 1rem; }
.counter_sec .coll:nth-child(2) .counter_box, .counter_sec .coll:nth-child(4) .counter_box{margin-top: 4.5rem;}
.counter_box strong{color: var(--black); font-weight: 800; font-size: 5rem;}
.counter_box span{text-transform: capitalize; font-size: 1.7rem; display: block; padding-top: .8rem;}
.counter_box{margin-top: 3rem;}
.counter_box sup{color: var(--brand); top: -2.5rem;}
.count_icon{background: var(--breand); width: 8rem; height: 8rem;  display: flex; text-align: center;  border-radius: 50%;  color: var(--white);  font-size: 3.5rem; margin-bottom: 1rem; align-items: center; justify-content: center; margin: 0 auto;}
.count_txt{margin-top: 2rem;}

/* service_sec */
.service_sec{position: relative;}
.srv_box{position: relative; border: .2rem solid #eeeff1; border-radius: 1rem; padding: 2rem; background: var(--white); margin-top: 4rem; transition: all 500ms ease;}
.srv_box h4 a{color: var(--heading_color);}
.srv_box h4 a:hover{color: var(--breand);}
.srv_box:hover{transform: translateY(-10px); box-shadow: 0 .8rem 2rem rgb(0 0 0 / 15%); background: var(--white); border-color: transparent;}
.srv_number{position: absolute; top: 1.2rem; right: 1rem; font-size: 2.4rem; color: #E6E6E6;}
.rating{border-bottom: .1rem dashed rgba(165, 130, 81, 0.5); padding-bottom: 1rem; margin-bottom: 1.5rem;}
.rating li{display: inline-block; margin: 0rem .5rem 0 0 !important; padding: 0 !important; border: none !important;}
.rating li::before{display: none;}
.rating li:last-child{margin-right: 0;}
.bold_icon::before, .liner_icon::before {font: normal 1.4rem/1 FontAwesome; content: "\f006"; color: #FFC107;}
.bold_icon::before{content: "\f005";}
.srv_rt_img{position: absolute; right: 0; top: 0; border-radius: .5rem 0 0 .5rem; overflow: hidden;}
.srv_rt_img img{max-width: 43rem; height: 64.5rem; object-fit: cover;}
/* .prar_txt{border-bottom: .1rem dashed rgba(165, 130, 81, 0.5); padding: 1rem 0; margin: 1rem 0 0 !important; border-top: .1rem dashed rgba(165, 130, 81, 0.5);} */
.blog_content{height: 9rem; overflow-y: auto;}
.blog_content .mCSB_inside > .mCSB_container {margin-right: 1.5rem;}
.blog_content .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: var(--breand);}

/* work_sec */
.work_sec{background-color: #F8F8F8;}
.choose_img{width: 9rem; height: 9rem; background: var(--white); text-align: center; border-radius: 50%; box-shadow: 0 1rem 1rem .2rem rgb(0 0 0 / 10%); transition: all 500ms ease; display: flex; align-items: center; justify-content: center;}
.choose_img img{max-width: 5rem;}





/* ffed_back_sec */
.feed_back_box{background: var(--white); box-shadow: 0 .2rem .4rem rgb(62 68 90 / 4%); padding: 3rem; border-radius: .5rem;}
.feed_back_img img{max-width: 100%;}
.feed_back_box_top .rating{margin-bottom: 0; padding-bottom: 0; border-bottom-color: transparent;}
.feed_back_box_top{align-items: center; justify-content: space-between; margin-bottom: 1.5rem;}
.person_img img{width: 7rem; height: 7rem; border-radius: 100%; object-fit: cover; margin-right: 1rem;}
.person_txt strong{display: block; font-size: 2.2rem; text-transform: capitalize; color: var(--heading_color);}
.person_txt span i{color: var(--breand);}
.person_name{border-top: .1rem dashed rgba(165, 130, 81, 0.5); padding-top: 1rem; margin-top: 2rem;}
.support_box .d-flex .images img {width: 6.5rem; height: 6.5rem; border-radius: 50% !important; margin-right: -2rem; border: .4rem solid var(--white); object-fit: cover;}
.support_text{margin-left: 3rem;}
.support_text a{color: var(--brand);}
.support_text a:hover{color: var(--green);}
.support_box{max-width: 44rem;}

/* work_sec */
.heading_txt span{margin: 0 auto; max-width: 20rem;}
/* .heading_txt span::before{left: 42%; -ms-transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%);} */
/* .work_box{margin-top: 4rem; position: relative; padding: 0 2rem;}
.work_box::before{position: absolute; right: -4rem; top: 2.3rem; background: url(../images/arrow_01.png)no-repeat right center; width: 7rem; height: 6rem; background-size: 100%; content: "";}
.work_sec .cumm:last-child .work_box::before{display: none;}
.work_img img{max-width: 100%; margin-bottom: 2rem;} */
.work_box{margin-top: 4rem; border: .2rem solid #eeeff1; padding: 2rem; border-radius: .5rem;}
.work_top{display: flex; align-items: center;}
.work_top span{font-size: 3.6rem; font-weight: 800; position: relative;  color: var(--breand); text-shadow: -.5rem .5rem 0 #eceefe; padding-right: 4.5rem; display: inline-block;}
.work_top span::before{position: absolute; right: 0; top: 50%;  content: "";  height: .1rem; width: 3.5rem; background: #cccccc;}
.work_top h5{padding-left: 2rem;}

/* choose_sec */
.choose_box{margin-top: 4rem;}
.choose_sec{position: relative;}
.choose_sec .srv_rt_img img { max-width: 38rem; height: 57.5rem;}

/* client_sec */
.cliet_img img{width: auto !important; max-width: 90%;}
.silder_btn .owl-nav { font-size: 0; position: absolute; top: -5rem; right: 0; display: flex; align-items: center; justify-content: center;}
.silder_btn .owl-nav .owl-prev, .silder_btn .owl-nav .owl-next { width: 3.5rem; height: 3.5rem; border: .1rem dashed #cecece; border-radius: 100%; text-align: center;}
.silder_btn .owl-nav .owl-prev { margin-right: 1rem;}
.silder_btn .owl-nav .owl-prev::before, .silder_btn .owl-nav .owl-next::before { font-family: "Font Awesome 6 Pro"; content: "\f061"; color: var(--breand);  font-size: 1.4rem; line-height: 3.3rem;}
.silder_btn .owl-nav .owl-prev::before {content: "\f060";}
.cliet_img{margin-top: 3rem;}






/* footer_sec */
.footer_sec{position: relative; background: url(../images/ft_bg.png)no-repeat center center/cover #0b0f28;}
.ft_top{padding: 5rem 0 1rem 0;}
.ft_logo img{width: 15rem;}
.ft_txt{padding-bottom: 4rem;}
.ft_call_box{ border: .2rem solid rgba(255, 255, 255, 0.2); border-radius: .5rem; margin-top: 3rem; padding: 1.5rem; overflow: hidden;}
.ft_call_icon{width: 5.8rem; height: 6.1rem; background: var(--breand); border-radius: .8rem; display: flex; color: var(--white); font-size: 3.5rem; margin-right: 2.4rem; align-items: center; justify-content: center;}
.ft_call_txt a{display: block; }
.ft_call_txt a, .ft_call_txt span{color: var(--white);}
.ft_txt strong{font-size: 2.5rem; text-transform: capitalize; color: var(--white); font-weight: 600; font-family: 'Fira Sans', sans-serif; position: relative; display: block; padding-bottom: 1.5rem; margin-bottom: 2rem;}
.ft_txt strong::before{position: absolute; left: 0; bottom: 0; background: url(../images/line.png)no-repeat left center;   background-size: auto; width: 2.6rem;  height: .7rem; background-size: 100%; content: "";}
.srv_list li{text-transform: capitalize; font-size: 1.7rem;}
.srv_list li a{position: relative; padding-left: 1.5rem; color: var(--white); margin-top: 1rem; display: inline-block;}
.srv_list li:first-child a{margin-top: 0;}
.srv_list li a::before{position: absolute;  content: "";  background: var(--breand);  width: .5rem;  height: .5rem;  top: 0;  bottom: 0;  left: 0; margin: auto; border-radius: 50%;}
.srv_list li a:hover{color: var(--breand);}
.ft_map_sec iframe{width: 100%; height: 20rem;}
.ft_top .cll:nth-child(2) .ft_txt{padding-left: 4rem;}
.ft_top .cll:nth-child(3) .ft_txt{padding-left: 5rem;}
.ft_bottom{border-top: .1rem solid rgba(217, 217, 217, 0.2); padding: 1.5rem 0;}
.ft_bottom.d-flex{align-items: center; justify-content: space-between;}
.ft_bottom.d-flex span, .ft_bottom.d-flex span a{color: var(--white);}
.ft_bottom.d-flex span a{border-bottom: .1rem solid var(--white);}
.ft_bottom.d-flex span a:hover{color: var(--breand); border-bottom-color: var(--breand);}

/* contact_page */
.breadcrumb_sec .breadcrumb{text-align: left;  background: var(--white);  padding: 1rem 2rem; border-radius: .2rem;  position: absolute; right: 2rem; bottom: 2rem; border-radius: .5rem;}
.breadcrumb_sec .breadcrumb a{color: var(--heading_color);}
.breadcrumb_sec .breadcrumb .breadcrumb-item{color: var(--breand); font-weight: 600; text-transform: capitalize; font-size: 1.8rem;}
.breadcrumb_sec .breadcrumb-item + .breadcrumb-item::before { float: none;  padding: 0 .8rem;  color: var(--heading_color);; content: var(--bs-breadcrumb-divider, "||"); vertical-align: middle;}
.breadcrumb_sec .breadcrumb-item + .breadcrumb-item { padding-left: 0;}
.inner_baner .banner_box {padding: 10rem 0;}
.contact_rt{padding: 3rem; box-shadow: 0 .8rem 2rem 0 rgb(1 1 28 / 10%); position: relative; background: var(--white); border-radius: .5rem;}
.contact_icon{background: var(--breand); width: 4rem; height: 4rem; border-radius: 100%; display: flex; align-items: center; justify-content: center; color: var(--white);}
.contact_lt ul li{margin-top: 2.5rem;}
.contact_txt span{display: block; text-transform: capitalize; font-weight: 500; font-size: 1.8rem;}
.contact_txt strong, .contact_txt a{color: var(--heading_color); font-weight: 600;}
.contact_img{display: block; margin-top: 2rem;}
.contact_img img{height: 21.5rem; object-fit: cover; border-radius: .5rem;}

/* about_page */
.immer_ab_img_send{position: absolute; right: -3rem; bottom: -3.4rem; border: .5rem solid #ffffff; border-radius: 100%; overflow: hidden;}
.immer_ab_img_send img{width: 22rem; height: 21rem; object-fit: cover;}
.immer_ab_img_first img{border-radius: .5rem;}
/* .inner_ab_sec .row{flex-direction: row-reverse;} */
.txt_para{display: block; border-bottom: .1rem dashed rgba(165, 130, 81, 0.5); padding-bottom: 2rem; margin-bottom: 2rem;}
.ab_call_box{border-color:  #eeeff1;}
.ab_call_box .ft_call_txt a{color: var(--heading_color); font-weight: 600; font-size: 2rem;}
.ab_call_box .ft_call_txt span{color: var(--body_txt_color); margin-bottom: .5rem; display: block;}
.inner_ab_rt{display: inline-block; width: 100%;}
.ab_call_box{margin-top: 0; width: 100%; max-width: 100% !important;}
.dircet_person img{width: 7rem; height: 7rem; border-radius: 100%; object-fit: cover;}
.inner_ab_rt_bottom ul{display: flex; align-items: center; flex-wrap: wrap; margin: 0 -1.5rem;}
.inner_ab_rt_bottom ul li{display: inline-block; padding: 0 1.5rem; width: 50%;}
.dircet_txt strong{display: block; font-size: 2.2rem; color: var(--breand);}
/* .dircet_box{border: .1rem solid #eeeff1; padding: 1.5rem; border-radius: .5rem;} */
.inner_ab_lt{margin-left: 2rem;}
.lower_content{position: relative; margin-left: 9rem;}
.v_m_txt{position: relative; display: block; background: var(--white); padding: 3rem; margin-top: -7rem; z-index: 1; box-shadow: 0 .8rem 2rem 0 rgb(1 1 28 / 10%);  border-radius: 2rem 0 2rem 2rem; transition: all 500ms ease; margin-bottom: 1.5rem;}
.v_m_img img{border-radius: .5rem;}

/* servicres_page */
.pegination_sec ul li{display: inline-block; margin-top: 5rem;  font-weight: 600; font-size: 1.7rem;}
.page_number{color: var(--breand); padding: .3; background: transparent; min-height: 4rem; min-width: 4rem; line-height: 3.2rem; font-size: 1.4rem; border-width: .1rem; border-style: solid; margin: 0 .3rem; text-align: center; display: inline-block; border-color: var(--breand); display: flex; align-items: center; justify-content: center; border-radius: .5rem; font-weight: 700; background: var(--white);}
.page_number:hover, .pegination_sec ul li .current{background: var(--breand); color: var(--white); border-color: transparent;}

/* service_details_page */
.srv_dtls_img{display: block; border-radius: .5rem; overflow: hidden; margin: 2rem 0;}
.srv_drls_list.txt_list li{position: relative; margin-top: 1rem; width: 100%; float: none;}
.srv_dtls_rt_box{border: .2rem solid #eeeff1;border-radius: .5rem; padding: 2rem;}
.other_srv_list li{font-size: 1.8rem; font-weight: 600;}
.other_srv_list li a{display: flex; align-items: center; justify-content: space-between; width: 100%; height: 5rem; color: var(--breand); background: var(--white); margin-top: 1.5rem; padding: 0 1.5rem; border-radius: .55rem; box-shadow: 0 .8rem 2rem 0 rgb(1 1 28 / 10%);}
.other_srv_list li a:hover{background: var(--breand); color: var(--white);}
.txt_list{display: inline-block; width: 100%;}
.txt_list li{position: relative; text-transform: capitalize; margin-top: 1.2rem; padding-left: 2rem; z-index: 1;  font-weight: 600; font-size: 1.7rem;}
.txt_list li::before{position: absolute; left: 0; top: .8rem; content: ""; z-index: -1; background: var(--breand); width: .8rem; height: .8rem; border-radius: 100%;}
.srv_dtls_rt_box_send{padding: 4rem 3rem; position: relative; border-radius: .5rem; overflow: hidden;}
.srv_dtls_rt_box_send::before{position: absolute; content: ''; background: -webkit-linear-gradient(0deg, rgba(39,44,73,0.95)20%, rgba(255,255,255,0.0) 100%); width: 100%; height: 100%;  left: 0;  top: 0;  right: 0;}
.srv_dtls_rt_box_send .as_btn{height: 4rem; line-height: 4rem; margin-top: 1.5rem; padding: 0 1.5rem;}

/*feed_back_page*/
.inner_feed_back_box{margin-top: 3rem;}









@media (min-width: 992px) and (max-width: 9000px) 
{
.nav_top .dropdown .dropdown-menu { -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s;
    -o-transition: all 0.3s;transition: all 0.3s; max-height: 0; display: block; opacity: 0; visibility: hidden;  margin:0; border: none; border-bottom: .2rem solid #ccc; 
    background:#fff !important; width: 10.50rem; padding: 0; border-radius: 0; left: 0; right: inherit; padding: .5rem .8rem .8rem; box-shadow: inherit; }

.nav_top .dropdown:hover .dropdown-menu { max-height: 30rem;opacity: 1; visibility: visible; }

}

/* responsive */

@media (min-width: 1300px) and (max-width: 1399px){
.banner_rt_panel { width: 37.5%;}
}
@media (min-width: 1500px) and (max-width: 1599px){
.banner_rt_panel {width: 33.4%;}
}
@media (min-width: 1700px) and (max-width: 1799px){
.banner_rt_panel { width: 35.2%;}
}
@media (min-width: 2000px) and (max-width: 2299px){
.banner_rt_panel { width: 37.6%;}
}
@media (min-width: 2500px) and (max-width: 2899px){
.banner_rt_panel { width: 40.7%;}
}

@media (min-width: 4000px) and (max-width: 6999px){
.banner_rt_panel { width: 44.5%;}
}
@media (min-width: 1200px) and (max-width: 1299px){
.banner_rt_panel {width: 37%;}
}



@media only screen and (max-width: 1200px){
    .banner_rt_panel {width: 36.5%;}

}


@media only screen and (max-width: 1199px){
    
    .menu_sec li a {padding: 3.3rem 1.5rem 3.3rem 0;}  
    .menu_sec li{font-size: 1.9rem;}
    .menu_sec {padding-right: 24rem;}
    .header_sec .container, .banner_box .container{max-width: 100%; padding: 0 1.5rem;}
    .banner_rt_panel {right: 1.5rem; width: auto;}
    .banner_right {width: 35rem;}
    .banner_content { max-width: 59rem;}
    .banner_content strong {  font-size: 5.5rem;  line-height: 6.5rem;}
    .counter_box {padding: 2rem;}
    .srv_rt_img img, .choose_sec .srv_rt_img img { max-width: 30rem;}
    .choose_txt.ms-5 {margin-left: 2rem !important;}
    .srv_list li {font-size: 1.6rem;}
    .ft_call_box {padding: .5rem;}
    .ft_call_icon {margin-right: 1.4rem;}
    .ptb {padding: 6rem 0;}
    .inner_ptb{padding: 3rem 0 6rem;}

    /* contact_page */
    .contact_img img {height: 23.8rem;}

    /* about_page */
    .ab_call_box .ft_call_txt a {font-size: 1.8rem;}
    .immer_ab_img_send img {  width: 17rem;  height: 16rem;}
    .immer_ab_img_send {right: -2rem;}
    /* .immer_ab_img_send {right: -1.6rem; top: -12rem;} */

}

@media only screen and (max-width: 991px){
    
    .nav_top .navbar-toggler {color: transparent; border: none; padding: 1rem; -webkit-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; margin-right: -1rem;}
    .nav_top .navbar-toggler .icon-bar {display: block; width: 3rem; height: .4rem; border-radius: .3rem; background-color: var(--black); opacity: 1; -webkit-transform: matrix(1, 0, 0, 1, 0, 0); transform: matrix(1, 0, 0, 1, 0, 0); -webkit-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out;}
    .nav_top .navbar-toggler .icon-bar + .icon-bar {margin-top: .4rem;}
    .nav_top .navbar-toggler.showtoggle .icon-bar:nth-child(2){opacity: 0;  width: 0px;}
    .nav_top .navbar-toggler.showtoggle .icon-bar:nth-child(3) {-webkit-transform: matrix(1, 1, 0, 1, 0, 0); transform: matrix(1, 1, 0, 1, 0, 0); width: 25px; margin-top: -11px;}
    .nav_top .navbar-toggler.showtoggle .icon-bar:nth-child(1) {-webkit-transform: matrix(1, -1, 0, 1, 0, 0); transform: matrix(1, -1, 0, 1, 0, 0); width: 25px;}
    .nav_top .navbar-brand {top: inherit; position: inherit;  width: auto; height: auto; background: transparent;}
    .header_top .d-flex {padding: 1.5rem 0 1.5rem 0;}
    .heder_menu{padding: 1.5rem 0;}
    .header_sec.fixed { padding: 0;}
    .rt_button{right: 4.5rem;}
    .nav_top .navbar-collapse {position: fixed; top: 0; left: -30.10rem; background: var(--white); z-index: 999999; width: 20.80rem; padding: 2.5rem 1rem; height: 100% !important; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; overflow-y: auto; min-height: 100vh; align-items: baseline; justify-content: start !important; border-right: .5rem solid var(--breand);}
    .nav_top .navbar-collapse.show {left: 0;}
    .menu_sec { padding-right: 0;}
    .header_sec.fixed .menu_sec li a, .menu_sec li a {padding: 1.5rem 0; width: 100%; border-bottom: .1rem dashed var(--breand);}
    .banner_rt_panel {position: inherit; right: inherit; top: inherit; transform: inherit;  width: auto; margin: 2rem 1.5rem 0 1.5rem;}
    .banner_right { width: 100%; float: none;}
    h1, h2 {font-size: 4rem; line-height: 4.5rem;}
    .count_icon {width: 7rem; height: 7rem;}
    .nav_top .navbar-brand img { width: 13rem;}
    .rt_button {top: .8rem;}
    .banner_box { padding: 8rem 0;}
    .srv_rt_img{display: none;}
    .btn_sec{text-align: center;}
    .work_box::before{display: none;}
    .choose_img { width: 7rem; height: 7rem;}
    .choose_img img {max-width: 4rem;}
    .feed_back_box, .srv_box, .work_box, .choose_box{margin-top: 3rem;}
    .ft_top .cll:nth-child(2) .ft_txt {padding-left: 0;}
    .ft_call_box {max-width: 24rem;}
    .ptb {padding: 5rem 0;}
    .inner_ptb{padding: 2rem 0 5rem;}
    .work_top{margin-bottom: 2rem;}

    /* contact_page */
    .inner_baner .banner_box {padding: 5rem 0;}

    /* about_page */
    .inner_ab_lt {margin: 3rem 0 0 0;}
    .immer_ab_img_send img {width: 100%; height: auto; max-width: 20rem;}
    .immer_ab_img_send{border-radius: .5rem;}
    .v_m_txt {padding: 2rem;}

    
}

@media only screen and (max-width: 767px){
    
    .container{max-width: 100%; padding: 0 1.5rem;}
    .ptb {padding: 4rem 0;}
    .inner_ptb{padding: 1rem 0 4rem;}
    .header_top_lt ul li span{display: none;}
    .header_top_rt ul li:first-child{display: none;}
    .header_top_lt ul li a { padding: 0 1rem; position: relative;}
    .header_top_lt ul li:first-child a{padding-left: 0;}
    .header_top_lt ul li i{padding-right: 0;}
    .header_top .d-flex {padding: 1rem 0 1rem 0; justify-content: center;}
    .header_top_lt ul li a::before {position: absolute; right: 0; top: 0; width: .1rem; height: 100%; background: #ccc;  content: "";}
    .banner_content strong { font-size: 4rem; line-height: 5rem;}
    .banner_box {padding: 5rem 0;}
    h1, h2 {font-size: 3.5rem; line-height: 4rem; }
    h4 {font-size: 2.2rem; line-height: 3.2rem;}
    .feed_back_box, .srv_box, .choose_box, .work_box {margin-top: 2rem;}
    .blog_content .mCSB_inside > .mCSB_container {margin-right: 1.5rem;}
    .ft_top .cll:nth-child(3) .ft_txt { padding-left: 1rem; }
    .ft_txt strong {font-size: 2.2rem;}
    .srv_list li {font-size: 1.5rem;}
    .ft_map_sec iframe {height: 15rem;}
    
    

    /* contact_page */
    .contact_rt{margin-top: 2rem; padding: 2rem;}
    .contact_img img {height: auto;}

    /* about_page */
    .cliet_img img {max-width: 100%;}
    .immer_ab_img_send { right: 0;}
    .vission_box{margin-top: 3rem;}

}


@media only screen and (max-width: 575px){

    .rt_button .as_btn span {display: block;}
    .rt_button .as_btn strong{display: none;} 
    .rt_button .as_btn{padding: 0; width: 4rem; height: 4rem; display: flex; align-items: center; justify-content: center;border-radius: 100%;} 
    .header_sec.fixed .nav_top .navbar-brand img, .nav_top .navbar-brand img { width: 10rem;}
    .heder_menu {padding: 1rem 0;}
    .rt_button {top: .6rem;}
    .banner_content strong {font-size: 3rem; line-height: 4rem;}
    .banner_box { padding: 3rem 0;}
    .banner_right, .ab_box {padding: 2rem;}
    h3 {font-size: 2.5rem; line-height: 3.5rem;}
    h1, h2 {font-size: 2.5rem; line-height: 3rem; padding-top: .5rem;}
    h1 span, h2 span {font-size: 1.6rem; line-height: 1.6;}
    .counter_box strong {font-size: 4rem;}
    .counter_box span {font-size: 1.5rem; padding-top: 0;}
    .count_icon { width: 5rem; height: 5rem; font-size: 2.5rem;}
    .counter_box {padding: 1.5rem .5rem;}
    .counter_sec .row{margin: 0 -.2rem;}
    .counter_sec .coll{padding: 0 .2rem;}
    .choose_box .d-flex{flex-direction: column;}
    .choose_txt.ms-5{margin: 2rem 0 0 0 !important;}
    .support_box .d-flex .images img { width: 4.5rem; height: 4.5rem;}
    .ft_bottom.d-flex{flex-direction: column;}
    .ft_txt {padding-bottom: 3rem;}
    .ft_top{padding: 4rem 0 1rem 0;}

    /* contact_page */
    .breadcrumb_sec .breadcrumb {padding: .5rem 1rem; right: 1rem; bottom: 1rem; }
    .breadcrumb_sec .breadcrumb .breadcrumb-item {font-size: 1.5rem; }
    .inner_baner h1{margin-bottom: 1rem;} 
    .inner_baner .banner_box {padding: 2rem 0 5rem;} 
    .contact_lt ul li {margin-top: 1.5rem;}

    /* about_page */
    .inner_ab_rt_bottom ul li {width: 100%;}
    .dircet_box{margin-bottom: 2rem;}
    .immer_ab_img_send {bottom: -1.4rem;}
    h5 {font-size: 1.8rem; line-height: 2.8rem;}
    .lower_content {margin-left: 1rem;}

    /* servicres_page */
    .pegination_sec ul li {margin-top: 3rem;}

    /* service_details_page */
    .txt_list li {font-size: 1.5rem; }
    .other_srv_list li a{padding: 0 .8rem;}

    .inner_ptb{padding: 2rem 0 4rem;}
    .inner_feed_back_box {margin-top: 2rem;}
    
}

@media only screen and (max-width: 480px){
  
  

}