@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,::before,::after{-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: #202020;
    --body_txt_color: #3c3b3b;
    --white: #fff;
    --btn_color: #1c2539;
   }


@keyframes ring-icon-animate{
    0% {
        transform: rotate(0deg) scale(1) skew(1deg);
    }
    10% {
        transform: rotate(-10deg) scale(1) skew(1deg);
    }
    20% {
        transform: rotate(15deg) scale(1) skew(1deg);
    }
    30% {
        transform: rotate(-10deg) scale(1) skew(1deg);
    }
    40% {
        transform: rotate(15deg) scale(1) skew(1deg);
    }
    100%, 50% {
        transform: rotate(0deg) scale(1) skew(1deg);
    }
}

@keyframes movingX{
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
      }
      50% {
        -webkit-transform: translateX(50px);
        transform: translateX(50px);
      }
      100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
      }
}

em{font-style: normal;}
.shadow{-webkit-box-shadow: 0 0 3rem 0 rgba(27, 31, 45, 0.06); box-shadow: 0 0 3rem 0 rgba(27, 31, 45, 0.06);}
.as_btn{position: relative; display: inline-block; line-height: 4.6rem; color: var(--white); font-weight: 600; text-transform: capitalize; border-radius: 2.5rem; overflow: hidden; vertical-align: middle; height: 5rem;  -webkit-box-shadow: 0 0 1.8rem 0 rgba(0, 0, 0, 0.1); box-shadow: 0 0 1.8rem 0 rgba(0, 0, 0, 0.1); background: var(--btn_color); letter-spacing: .1rem; padding: 0 3rem; z-index: 1; margin-top: 2.5rem; border: .1rem solid transparent; text-align: center;}
.as_btn::before{background: var(--white); position: absolute; left: 0; top: 0; width: 0; height: 100%; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s; content: ""; border-radius: 2.5rem; z-index: -1;}
.as_btn:hover::before{width: 100%;}
.as_btn:hover{color: var(--btn_color); border-color: var(--btn_color);}
.as_btn i{transform: rotate(-45deg);-webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg);} 
.ptb{padding: 6rem 0;}
.inner_ptb{padding: 3rem 0 6rem;}
.p_bottom{padding-bottom: 12rem;}
h1,h2{text-transform: capitalize; font-size: 4.5rem; line-height: 4.5rem; color: var(--btn_color); font-weight: 600;}
.heading_title span{text-transform: uppercase; color: var(--black); font-size: 1.6rem; display: inline-block; line-height: 1.6rem;  font-weight: 600; background: #f4f5f9;; padding: 1rem 2.5rem; margin-bottom: .8rem; position: relative; border-radius: .5rem;}
h4{font-size: 2.5rem; line-height: 3rem; text-transform: capitalize; font-family: 'Fira Sans', sans-serif; color: var(--btn_color);}
.bgc_img img{width: 20rem; height: 20rem; opacity: .3; object-fit: contain;}
.bgc_img{position: absolute; display: inline-block; right: 1rem; top: -5rem;}
/* .bgc_img::before{position: absolute; right: 0; top: 5rem; background: url(../images/camera_img.png)no-repeat right top; width: 20rem; height: 20rem; background-size: 100%; content: ""; opacity: .3; animation: movingX 8s linear infinite;} */
.hidden_sec{overflow: hidden;}





/*header*/
.header_sec{ width: 100%; position: relative;}
.nav_top{border: none; min-height: auto; box-shadow: none; border-radius: 0; position: relative;}
.nav_top .navbar-brand{background: var(--btn_color); padding: 1rem 2.5rem; display: inline-block; color: var(--white); position: absolute; left: 0; top: -5.7rem;}
.logo_txt{font-size: 3rem; font-family: 'Raleway', sans-serif; font-weight: 700;}
/* .drop-nav{ position: absolute; top: 10px; right: 0px;} */
/* .nav_top .dropdown-menu li a{ font-size: 13px;} */
.menu_sec li{ position: relative;}
.header_top ul{border-bottom: .1rem solid #D3D3D3;}
.header_top ul li{display: inline-block; font-weight: 500;} 
.header_top ul li a{padding: 2rem 1rem; display: flex; color: var(--black); align-items: center; justify-content: center;} 
.header_top ul li a em{color: var(--btn_color); box-shadow: 0 .5rem 1.5rem rgba(137, 151, 186, 0.15); display: flex; width: 3.5rem; height: 3.5rem; background: var(--white); border-radius: 100%; align-items: center; justify-content: center; margin-right: 1rem; animation: ring-icon-animate 1.8s ease-in-out infinite;} 
.header_top ul li:last-child a{padding-right: 0;}
.heder_mid{padding: 1.5rem 0;}
.heder_btn{position: absolute; right: 0; top: 1.8rem;}
.header_menu{position: relative;}
/* .nav_top{background: rgba(0, 0, 0, 0.4); padding: 2.5rem 2rem;} */
.heder_mid span{color: var(--black); font-size: 1.8rem; text-transform: capitalize; font-weight: 600;}
.menu_sec li{font-weight: 600; text-transform: capitalize; font-size: 1.9rem;}  
.menu_sec li a{display: inline-block; padding: 2.5rem .5rem; color: var(--btn_color); position: relative; margin: 0 .5rem;}
.menu_sec li:last-child a{padding-right: 0; margin-right: 0;}
.menu_sec li:first-child a{padding-left: 0; margin-left: 0;}
.menu_sec li a::before{position: absolute; left: 0; bottom: 1.7rem; width: 0; height: .2rem; background: var(--btn_color); content: "";}
.menu_sec li a:hover::before, .menu_sec li.active a::before{width: 100%;}
.header_sec.fixed{position: fixed; left: 0; top: 0; z-index: 99; box-shadow: 0 0 .7rem 0 #ccc; background: var(--white) !important;}
.header_sec.fixed .header_top{display: none;}
/* .header_sec.fixed .nav_top {border-radius: 0; padding: 1.5rem 0 !important; margin-top: 0;}
.header_sec.fixed .header_sovial_icon {right: 0;} */
.heder_btn .as_btn em{display: none;}

   
 /*banner*/  
.bannersec{ width: 100%; position: relative;}
.banner_rt{padding: 10rem 0;}
.banner_rt strong{display: block; font-size: 4rem; line-height: 5rem; text-transform: capitalize;}
.banner_rt{max-width: 64.5rem;}
.banner_lt img{height: 51rem; object-fit: cover;}
.bannersec .carousel-control-next, .bannersec .carousel-control-prev{top: 50%; bottom: inherit; -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); width: 5rem; height: 5rem; border: .1rem dashed var(--black); border-radius: 100%; color: var(--btn_color); right: 2rem;}
.bannersec .carousel-control-prev{left: inherit; right: 2rem; top: 37%;}
.bannersec .carousel-control-next::before, .bannersec .carousel-control-prev::before{font-family: "Font Awesome 6 Pro"; content: "\f061"; color: var(--btn_color);}
.bannersec .carousel-control-prev::before{content: "\f060";}

/* service_sec */
.srv_box{position: relative; border-radius: 1.5rem; overflow: hidden; margin-top: 4rem;}
.srv_number{position: absolute; right: 0; top: 0; font-size: 1.8rem; background: var(--white); border-radius: 0 1.5rem; height: 5rem; width: 5rem; display: flex; align-items: center; justify-content: center; color: var(--btn_color); font-weight: 700;}
.srv_txt{position: absolute; bottom: 0; left: 0; padding: 2rem; padding-top: 6rem; margin-right: 3rem; z-index: 1; text-align: left; transition: .5s ease-in-out;}
.srv_txt::after{content: ""; position: absolute; bottom: -2.5rem; left: -2rem; transform: matrix(0.99, -0.1, 0.12, 0.99, 0, 0); background: rgba(0, 0, 0, 0.7); width: 100%; height: 101%; z-index: -1;}
/* .srv_box:hover .srv_txt{bottom: 0;} */
.srv_txt h4{font-size: 2rem; line-height: 2.5rem;}
.srv_txt h4 a{color: var(--white); position: relative; display: inline-block;}
.srv_txt h4 a::before{content: ""; position: absolute; left: 0; bottom: -.5rem; background: var(--white); width: 0; height: .1rem;}
.srv_btn{ position: absolute; top: -1rem; right: 0;}
/* .srv_btn i{font-size: 2rem; color: var(--white);} */
.srv_btn a{color: var(--white); width: 6rem; height: 6rem; display: inline-block; background: var(--btn_color); text-align: center; border-radius: 100%; border: .4rem solid var(--white); -webkit-box-shadow: 0 0 3rem 0 rgba(27, 31, 45, 0.06); box-shadow: 0 0 3rem 0 rgba(27, 31, 45, 0.06); font-size: 2rem; color: var(--white); display: flex; align-items: center; justify-content: center;}
.srv_box:hover .srv_txt h4 a::before{width: 100%;}
/* .ssrv_img{overflow: hidden;} */
.srv_img img{transition: all .5s ease 0s; transform: scale(1.1);}
.srv_box:hover .srv_img img{transform: scale(1.2);}

/* like_sec */
.like_txt{background: var(--white); padding: 1.5rem 1rem;}
.like_lt{border-radius: .5rem; overflow: hidden;}
.like_rt p b{display: block; color: var(--btn_color); font-size: 2rem; padding-bottom: .5rem;}
.icon{position: relative; height: 6rem; width: 6rem; align-items: center; justify-content: center; display: flex; -webkit-transition: all 500ms ease; transition: all 500ms ease; border: .1rem dashed var(--black); border-radius: 100%; margin-right: 2.5rem;}
.icon img{width: 3rem;}
/* .icon_txt{border: .1rem solid #D3D3D3; padding: 2rem; align-items: center; border-radius: .5rem; overflow: hidden; margin-top: 2rem;} */
.icon_txt strong{font-size: 2.5rem; text-transform: capitalize;}
.icon_txt strong a{display: inline-block; padding-left: 1rem; font-size: 3rem; color: var(--btn_color);}






/* work_sec */
.work_txt{border-bottom: .3rem solid var(--btn_color); position: relative; margin-left: 1.2rem; margin-right: 1.2rem; padding: 3.4rem 2rem 4rem; text-align: center; margin-top: -2rem; z-index: 1; transition: all .3s ease; -moz-transition: all .3s ease; -webkit-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; background-color: var(--white); -webkit-box-shadow: 0 0 3rem rgb(0 0 0 / 10%); -ms-box-shadow: 0 0 3rem rgba(0,0,0,.1); box-shadow: 0 0 3rem rgb(0 0 0 / 10%); border-radius: .5rem;}
.work_txt .srv_btn{position: absolute; left: 50%; bottom: 0; margin-bottom: -3.1rem; top: inherit;  -ms-transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%);  right: inherit;}
.work_txt span{display: block; font-weight: 600; font-size: 1.8rem; padding-top: .5rem;}
.work_txt h4 a{color: var(--btn_color);}
.work_img{border-radius: .5rem; overflow: hidden;}
.work_img img{transition: all .5s ease; -moz-transition: all .5s ease; -webkit-transition: all .5s ease; -ms-transition: all .5s ease; -o-transition: all .5s ease;}
.work_box:hover .work_img img{ -webkit-transform: scale(1.05); -ms-transform: scale(1.05); transform: scale(1.05);}
.work_box:hover .work_txt{margin-top: -3rem;}
.work_box{margin-top: 4rem;}
.work_heading{justify-content: space-between; align-items: center;}




/* feed_back_sec */
.feed_back_box{border: .1rem solid #D3D3D3; border-radius: .5rem;  padding: 2rem; position: relative; margin-top: 4rem; background: #fff; -webkit-box-shadow: 0 0 2rem 0 rgba(27, 31, 45, 0.06); box-shadow: 0 0 2rem 0 rgba(27, 31, 45, 0.06);}
.per_img{width: 10rem !important; height: 10rem !important; object-fit: cover; border-radius: 100%;}
.feed_back_img {position: relative;  border: .5rem solid var(--white); border-radius: 100%; }
.feed_back_txt{margin: .8rem 0 0;}
.rating li{display: inline-block; margin: .8rem .2rem 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";}
.quote_icon_sec{position: absolute; right: -1.9rem; top: -1.4rem; background: var(--btn_color); width: 5rem; height: 5rem; border-radius: 100%; display: flex; align-items: center; justify-content: center;}
.person_name{font-size: 1.8rem; color: var(--btn_color); display: block; margin-top: 1.5rem; position: relative; padding-right: 4rem; text-align: right;}
.person_name::before{position: absolute; right: 0; bottom: .5rem; width: 3rem; height: .1rem; background: var(--btn_color); content: "";}
.quote_icon_sec img{width: auto !important;}
.feed_back_sec .owl-item{padding: 0 1rem;}
.slider_btn .owl-nav.disabled{display: none;}
.slider_btn .owl-dots{display: flex; align-items: center; justify-content: center; margin-top: 3rem;}
.slider_btn .owl-dot{width: 1rem; height: 1rem; background: #151515; margin-right: 1rem; border-radius: 100%; opacity: .3;}
.slider_btn .owl-dot.active{background: var(--btn_color); opacity: 1;}
/* .feed_back_box .d-flex{flex-direction: column;} */


/* help_sec */
.help_rt{ padding: 3rem; background: #F6F9FE; border-radius: .5rem;  margin-top: -6rem; position: relative;}
.form_heading{background: var(--btn_color); padding: 2rem; border-radius: .5rem .5rem 0 0; position: absolute; left: 0; top: -6rem; width: 100%;}
.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: 5rem;}
.support_text strong{font-size: 4rem;}
.count_sec span{font-size: 4rem;}
.support_text a{color: var(--brand);}
.support_text a:hover{color: var(--green);}
.support_box{max-width: 44rem;}


/* form */
.input_fld{position: relative;}
.input_fld input[type="text"], .input_fld input[type="email"], .input_fld input[type="tel"], .input_fld input[type="password"], .input_fld select, .input_fld textarea{width: 100%; border: .1rem solid #E0ECFC; height: 5rem; padding: 0 1.5rem; box-shadow: none; outline: none; -webkit-appearance: none; color: var(--black); font-size: 1.5rem; border-radius: .5rem;}
.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 input[type="text"].form-control:focus, .input_fld input[type="email"].form-control:focus, .input_fld input[type="tel"].form-control:focus, .input_fld input[type="password"].form-control:focus, .input_fld textarea.form-control:focus { border-color: var(--btn_color); 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 .form-select:focus{border-color: var(--btn_color); box-shadow: none;} 
.input_fld{margin-bottom: 1.5rem;}
.input_fld textarea{height: 12rem; resize: none; padding: 1.5rem;}
.frm_icon{position: absolute; right: 2rem; top: 50%; -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%);}
.textarea_input_fld .frm_icon{top: 1.5rem; transform: inherit;}





/* footer_sec */
/* .footer_sec{background-color: #090d29; background-repeat: no-repeat; background-position: left top; background-image: url(https://unbound.radiantthemes.com/wp-content/uploads/2018/10/Footer-Background-Image.png); background-size: cover;} */
.ft_top{padding: 4rem 0 2rem;}
.ft_txt{padding-bottom: 2rem;}
.ft_txt strong{font-size: 2.5rem; line-height: 3rem; font-family: 'Fira Sans', sans-serif; color: var(--white); text-transform: capitalize; font-weight: 600; display: block; padding-bottom: 1.2rem;}
.ft_txt p, .ft_contect_list li, .ft_contect_list li a, .quick_list li a, .ft_bottom a{color: #eaeef3;}
/* .social_iocn li{display: inline-block;} */
.social_iocn{border: .1rem solid rgba(255, 255, 255, 0.15); display: inline-block; margin-top: 2rem;}
.social_iocn a{color: #eaeef3; width: 4rem; height: 4rem; display: block; border-right: .1rem solid rgba(255, 255, 255, 0.15); text-align: center;}
.social_iocn a:last-child{border-right-color: transparent;}
.social_iocn a i{line-height: 3.8rem;}
.social_iocn a:hover{background: var(--white); color: var(--btn_color);}
.ft_logo{color: var(--white) !important; display: inline-block; padding-top: 2rem;}
.ft_contect_list li b{display: block; text-transform: uppercase; color: var(--white); padding-bottom: .1rem; letter-spacing: .1rem;}
.ft_contect_list li{margin-bottom: 1rem;}
.ft_contect_list li:last-child{margin-bottom: 0;}
.ft_txt ul li a:hover{padding-left: 1rem;}
.quick_list li{font-size: 1.7rem;}
.quick_list li a{display: inline-block; padding-bottom: .8rem;  position: relative; padding-left: 1.5rem;}
.quick_list li a::before{position: absolute; left: 0; top: 1.1rem; width: .5rem; height: .5rem; background: var(--white); content: "";}
.quick_list li:last-child a{padding-bottom: 0;}
.quick_list li a:hover{padding-left: 2rem !important;}
.ft_top .coll:nth-child(2) .ft_txt, .ft_top .coll:nth-child(4) .ft_txt{padding-left: 2rem;}
.ft_top .coll:nth-child(3) .ft_txt{padding-left: 5rem;}
.ft_bottom{padding: 1.5rem 0; border-top: .1rem solid rgba(255, 255, 255, 0.15);}
.ft_bottom .d-flex{align-items: center; justify-content: space-between;}





/* conatct_page */
.inner_bnner .banner_rt{max-width: 100%; padding: 5rem 0 !important;}
/* .inner_bnner .banner_rt h1{font-size: 3.5rem; line-height: 4.5rem;} */
.inner_bnner .breadcrumb-item{font-weight: 600; font-size: 1.8rem; text-transform: capitalize; color: var(--btn_color);}
.inner_bnner .breadcrumb-item + .breadcrumb-item::before {padding: 0 1rem; color: var(--body_txt_color); content: "\f101"; font-family: "Font Awesome 6 Pro"; float: none;}
.inner_bnner .breadcrumb-item a{color: var(--black);}
.inner_bnner .breadcrumb-item + .breadcrumb-item{padding-left: 0;}
.social_iocn.social_icon_list{border: .1rem solid var(--btn_color);}
.social_iocn.social_icon_list a {color: var(--btn_color); border-right: .1rem solid var(--btn_color); width: 6rem;}
.social_iocn.social_icon_list a:last-child{border-right-color: transparent;}
.social_iocn.social_icon_list a:hover{background: var(--btn_color); color: var(--white);}
.contact_rt .input_fld input[type="text"], .contact_rt .input_fld input[type="email"], .contact_rt .input_fld input[type="tel"], .contact_rt .input_fld input[type="password"], .contact_rt .input_fld select, .contact_rt .input_fld textarea{border-color: #c9c9c9;}

.pegination_sec ul li{display: inline-block; margin-top: 5rem;}
.page_number{color: var(--btn_color); 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: #cccccc; 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(--btn_color); color: var(--white); border-color: transparent;}
/* {background: var(--brand); color: var(--white); border-color: transparent;} */


/* service_details_page */
.srv_dtls_img{display: block; border-radius: .5rem; overflow: hidden;}
.srv_dtls_list li{position: relative; padding-left: 2rem; margin-top: 1rem;}
.srv_dtls_list li::before{font-family: "Font Awesome 6 Pro"; content: "\f061"; color: var(--btn_color); position: absolute; left: 0; top: .13rem; font-size: 1.4rem;}
.other_srt_list li a{color: var(--body_txt_color); display: block; border: .1rem solid #c9c9c9; padding: 1.5rem 1rem; border-radius: .5rem; overflow: hidden;}
.other_srt_list li{margin-top: 1rem; font-weight: 600;}
.other_srt_list li a:hover{background: var(--btn_color); color: var(--white); border-color: transparent;}
.stv_help_box{background: var(--btn_color); padding: 3rem; border-radius: .5rem; overflow: hidden;}
.stv_help_box{display: block;}
.stv_help_img img{width: 5rem;}
.stv_help_txt{display: block; padding-top: 2rem; font-weight: 600; font-size: 1.8rem;}
.stv_help_txt a{color: var(--white); display: block; padding: .5rem 0 0; font-size: 2rem;}
.fill_txt{display: block; padding-top: 1rem; color: var(--white); font-weight: 600; font-size: 2rem; letter-spacing: .1rem;}
.fill_txt a{color: var(--white); border-bottom: .1rem solid var(--white);}
.or_sec {overflow: hidden; position: relative; width: 100%; text-align: center;}
.or_sec span {display: inline-block; font-size: 1.4rem; color: var(--white); position: relative; font-weight: 500;}
.or_sec span::before, .or_sec span::after { background: #e5e5e5; content: ""; height: .1rem; left: 100%; margin-left: .8rem;position: absolute; top: 1.2rem;width: 999em;}
.or_sec span::after {left: auto;right: 100%; margin-left: 0; margin-right: .8rem;}















@media only screen and (max-width: 2000px){.banner_araer .container{max-width: 100%; padding: 0;}}

@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 only screen and (max-width: 1399px){
    /* .bannersec .carousel-control-next, .bannersec .carousel-control-prev {top: inherit; bottom: 2.5rem; transform: inherit;}
    .bannersec .carousel-control-prev {right: 9rem;} */
    .banner_rt { max-width: 55.5rem;}
}

@media only screen and (max-width: 1350px){
    .bannersec .carousel-control-next, .bannersec .carousel-control-prev {top: inherit; bottom: 2.5rem; transform: inherit;}
    .bannersec .carousel-control-prev {right: 9rem;}
}

@media only screen and (max-width: 1199px){
    .banner_rt strong {font-size: 3rem; line-height: 4rem;}  
    .banner_rt { max-width: 46.5rem;}
    h1, h2 { font-size: 3.5rem; line-height: 4rem;}
    h4 {font-size: 2rem; line-height: 2.5rem;}
    .per_img { width: 8rem !important; height: 8rem !important;}
    .srv_txt h4 { font-size: 1.8rem; line-height: 2.2rem; }
    .icon {margin-right: 1.5rem;}
}

@media only screen and (max-width: 991px){
    
    .nav_top .navbar-toggler {color: transparent; border: none; padding: .5rem; -webkit-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; margin-right: -.5rem;}
    .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;}
    .ptb {padding: 5rem 0;}
    .p_bottom { padding-bottom: 10rem; }
    .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: .3rem solid var(--btn_color);}
    .nav_top .navbar-collapse.show {left: 0;}
    .bannersec .row{flex-direction: column-reverse;}
    .banner_lt img { height: auto; border-radius: .5rem;}
    .banner_lt{padding: 0rem 1.5rem 10rem;}
    .banner_rt { max-width: 100%; padding: 5rem 1.5rem 2rem;}
    .nav_top{padding: 2rem 0; margin: 0;}
    .heder_btn {right: 5rem; top: 1.7rem;}
    .nav_top .navbar-brand {position: inherit; left: inherit; top: inherit; background: transparent; color: var(--black); padding: 0;}
    .header_top ul li a {padding: 1rem;}
    .logo_txt {font-size: 3.5rem;}
    .menu_sec li a {padding: 1.5rem !important; margin: 0; border-bottom: .1rem dashed #D3D3D3; width: 100%;}
    .menu_sec li a::before {display: none;}
    .menu_sec li a:hover,  .menu_sec li.active a{border-bottom-color: var(--black);}
    .icon_txt strong a {padding: 1rem 0 0;}
    .icon {width: 7rem;}
    .help_rt {padding: 2rem;}
    .ft_txt strong { font-size: 2.2rem; line-height: 2.5rem;}
    .ft_txt{position: relative; padding-bottom: 3rem;}
    .ft_logo{position: absolute; right: 0; top: -1rem; padding: 0;}
    .ft_top {padding: 4rem 0 1rem;}
   .ft_top .coll:nth-child(2) .ft_txt, .ft_top .coll:nth-child(4) .ft_txt {padding-left: 0;}
   .ft_top .coll:nth-child(3) .ft_txt {padding-left: 3rem;}

   /* contact_page */
   .fr_sec{margin-top: 3rem;}

   /* srv_details_page */
   .srv_dtls_lt_box{margin-top: 3rem;}
    
}

@media only screen and (max-width: 767px){
    
    .container{max-width: 100%; padding: 0 1.5rem;}
    .heder_btn {right: 4.5rem; top: 1.25rem;}
    .banner_rt strong {font-size: 2.2rem; line-height: 3.2rem;}
    .banner_rt {padding: 3rem 1.5rem 2rem;}
    .bannersec .carousel-control-next, .bannersec .carousel-control-prev { width: 4rem; height: 4rem;}
    .bannersec .carousel-control-next, .bannersec .carousel-control-prev{right: 1.5rem; bottom: 1.5rem;}
    .bannersec .carousel-control-prev{right: 6.5rem;}
    .banner_lt {padding: 0rem 1.5rem 7rem;}
    .bgc_img {top: -9rem;}
    .bgc_img img {width: 14rem;}
    .srv_box, .feed_back_box {margin-top: 3rem;}
    .srv_img img{height: 40rem; object-fit: cover;}
    .ptb {padding: 4rem 0;}
    .p_bottom {padding-bottom: 4rem;}
    .icon {height: 5rem; width: 5rem;}
    .icon img {width: 2.5rem;}
    .icon_txt strong a { padding: 0; font-size: 2.5rem;}
    .icon_txt strong {font-size: 2rem;}
    h1, h2 {font-size: 3rem; line-height: 3.5rem;}
    h4 { font-size: 1.8rem; line-height: 2.2rem;}
    .work_txt {margin: 0 1rem; padding: 2.4rem 1rem 4rem;}
    .per_img { width: 7rem !important; height: 7rem !important;}
    .quote_icon_sec {width: 4rem; height: 4rem;}
    .feed_back_box {padding: 1.5rem;}
    .work_heading {flex-direction: column; align-items: flex-start; position: relative;}
    /* .work_heading h2{position: absolute; left: 0; top: 0;} */
    .mt_marging{margin-top: 5rem;}
    .person_name {font-size: 1.5rem;}
    .help_rt {padding: 2rem; margin-top: 0; margin-top: 3rem;}
    .form_heading { background: transparent; padding: 0 0 2rem; border-radius: 0; position: inherit; left: inherit; top: inherit;}
    .form_heading h4{font-size: 2.5rem; color: var(--btn_color) !important;}
    .ft_txt strong { font-size: 2rem; line-height: 2.5rem;}
    .logo_txt { font-size: 3rem;}
    .quick_list li { font-size: 1.6rem; }
    .ft_top .coll:nth-child(3) .ft_txt { padding-left: 2rem;}

    /* contact_page */
    .inner_bnner .banner_rt {padding: 3rem 0 !important;}
}


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

    .header_top ul li span{font-size: 1.2rem;} 
    .header_top ul li a {padding: 1rem .5rem;}
    .header_top ul li a em {width: 3rem;  height: 3rem;}
    .heder_btn .as_btn{border-radius: 100%; width: 4.5rem; height: 4.5rem; padding: 0;}
    .heder_btn .as_btn em {display: block; font-size: 2.2rem;}
    .heder_btn .as_btn em i{line-height: 3.9rem;}
    .heder_btn .as_btn span{display: none;} 
    .heder_btn .as_btn i {transform: rotate(0deg);-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg); }
    .heder_btn { right: 4rem; top: 1.1rem;}
    .nav_top {padding: 1.5rem 0;}
    /* .nav_top .navbar-toggler {padding: .5rem; margin-right: -.5rem;} */
    .banner_rt strong {font-size: 1.8rem; line-height: 2.5rem;}
    .bgc_img {right: .5rem; top: -2rem;}
    .bgc_img img {width: 9rem; height: auto;}
    h1, h2 { font-size: 2.5rem; line-height: 3rem; }
    .srv_box, .feed_back_box { margin-top: 2rem; }
    .srv_txt {margin-right: 0;}
    .srv_img img {height: auto; object-fit: cover}
    .srv_btn a { width: 5rem; height: 5rem;}
    .srv_btn {right: .5rem;}
    .heading_title span {font-size: 1.4rem; line-height: 1.4rem;}
    .icon_txt strong a {font-size: 2rem;}
    .icon_txt strong{font-size: 1.8rem;}
    .work_sec .cll:first-child .work_box{margin-top: 2rem;}
    .work_txt {padding: 2.4rem 1rem 3rem;}
    .ft_logo .logo_txt {font-size: 2rem;}
    .ft_logo {top: 0;}
    .ft_top .coll:nth-child(3) .ft_txt { padding-left: 0;}
    .ft_bottom .d-flex{flex-direction: column;}
    .ft_lt{display: block; text-align: center; padding-bottom: .8rem;}

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

    /* stv_details_page */
    .srv_dtls_img{margin-top: 2rem;}
}

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

}