@import url('https://pro.fontawesome.com/releases/v6.0.0-beta3/css/all.css');
html{font-size: 62.5%;}
body{ padding: 0px; margin: 0px; list-style: none; font: normal 1.5rem/2.4rem 'Plus Jakarta Sans', sans-serif; color: var(--text_color); }
p{padding: 0px; margin: 0px;}
a{padding: 0px; margin: 0px; outline: none;}
ul{ list-style: none; padding: 0px; margin: 0px;}
label{ list-style: none; padding: 0px; margin: 0px;}
ul li{ padding: 0px; margin: 0px;}
h1,.h1, h2,.h2, h3,.h3, h4,.h4, h5,.h5, h6,.h6{padding: 0px; margin: 0px;}
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; }


:root{
   --black: #070c1e;
  --white: #fff;
  --brand: #de5943;
  --text_color: #707070;
  --border: #e0e0e0;

}

@keyframes zoomIn{
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.3,.3,.3);
    transform: scale3d(.3,.3,.3);
  }
  50% {
    opacity: 1;
  }
}


em{font-style: normal; letter-spacing: .1rem;}
p{line-height: 2.6rem;}
h1,h2{font-size: 3.5rem; font-weight: 700; line-height: 4.5rem; color: var(--black); text-transform: capitalize;}
h3{font-size: 2.5rem; font-weight: 600; line-height: 3.5rem; color: var(--black); text-transform: capitalize;}
h4{font-size: 2rem; font-weight: 600; line-height: 3rem; color: var(--black); text-transform: capitalize;}
.ptb{padding: 7rem 0;}
.inner_ptb{padding: 4rem 0 7rem;}



.heding{width: 100%; display: inline-block; color: var(--brand); font-size: 1.7rem; line-height: 3rem; font-weight: 600; text-transform: uppercase; letter-spacing: .2rem; position: relative;}
.heding::before{position: absolute; content: ''; top: 50%; left: 44%; transform: translatey(-50%); width: .8rem; height: .8rem; background-color: var(--brand);}
.click_btn{text-transform: uppercase; font-weight: 700; letter-spacing: .1rem; -webkit-transition: all .35s; transition: all .35s; -moz-transition: all .35s; -ms-transition: all .35s; position: relative; background: var(--white); border: .1rem solid var(--border); padding: 0 7rem 0 2.5rem; height: 5rem; line-height: 5rem; margin-top: 3rem; position: relative; display: inline-block; text-align: center; border-radius: .4rem; color: var(--black);}

/* .click_btn::before{
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    border-top: 23px solid transparent;
    -webkit-transition: all .35s;
    transition: all .35s;
    -moz-transition: all .35s;
    -ms-transition: all .35s;
    border-left: 23px solid var(--brand);
    transform: skew(50deg);
  transition-duration: .6s;
  transform-origin: top left;
  }

.click_btn:hover::before{
    height: 100%;
    width: 160%;
  } */

/* .click_btn::before{content: '';  position: absolute; z-index: -1;} */
/* .click_btn:hover::before{
    height: 100%;
    width: 160%;
  } */



.click_btn::after{font-family: "Font Awesome 6 Pro"; content: "\f101"; position: absolute; right: 0; top: 0; width: 5rem; height: 100%; display: flex; justify-content: center; align-items: center; -webkit-transition: all .35s; transition: all .35s; -moz-transition: all .35s; -ms-transition: all .35s; border-left: .1rem solid #e0e0e0;}
.click_btn:hover{color: var(--white); background: var(--brand);}
/* .click_btn:hover::before{border-left: 2.3rem solid var(--white);} */
.click_btn:hover::after{border-left-color: rgba(255,255,255,.5);}

.border_box{width: 100%; height: .1rem; background: var(--border); position: relative; -webkit-transition: all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1); -khtml-transition: all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1); -moz-transition: all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1); -ms-transition: all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1); -o-transition: all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1); transition: all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);}
 .border_box::before{position: absolute; content: ''; top: calc(50%); left: 0; width: .9rem; height: .9rem; background-color: var(--brand); transform: translatey(-50%) scale(0); transition-delay: 500ms !important; -webkit-transition: all 0.4s cubic-bezier(0.645, 0.045, 0.355, 1); -khtml-transition: all 0.4s cubic-bezier(0.645, 0.045, 0.355, 1); -moz-transition: all 0.4s cubic-bezier(0.645, 0.045, 0.355, 1); -ms-transition: all 0.4s cubic-bezier(0.645, 0.045, 0.355, 1); -o-transition: all 0.4s cubic-bezier(0.645, 0.045, 0.355, 1); transition: all 0.4s cubic-bezier(0.645, 0.045, 0.355, 1); transition-delay: 0s; transform: translatey(-50%) scale(1);} 
.border_box::after{position: absolute; content: ''; top: calc(50%); right: 0; width: .9rem; height: .9rem; transform: translatey(-50%) scale(0); background-color: var(--brand); transition-delay: 500ms !important; -webkit-transition: all 0.4s cubic-bezier(0.645, 0.045, 0.355, 1); -khtml-transition: all 0.4s cubic-bezier(0.645, 0.045, 0.355, 1); -moz-transition: all 0.4s cubic-bezier(0.645, 0.045, 0.355, 1); -ms-transition: all 0.4s cubic-bezier(0.645, 0.045, 0.355, 1); -o-transition: all 0.4s cubic-bezier(0.645, 0.045, 0.355, 1); transition: all 0.4s cubic-bezier(0.645, 0.045, 0.355, 1); transition-delay: 0s; transform: translatey(-50%) scale(1);}
  



/* top_button */
.top_btn {background: var(--brand); border-radius: 1rem; 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; -webkit-box-shadow: 0 .3rem .8rem rgba(33, 37, 41, 0.35); box-shadow: 0 .3rem .8rem rgba(33, 37, 41, 0.35);}
.top_btn i{font-size: 2rem; line-height: 5rem;}
.top_btn.show{opacity: 0.7;}
.top_btn:hover{opacity: 1; color: var(--white);}




/* p_scroll */
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {background: var(--brand) !important;}
.blog_content{height: 9rem; overflow-y: auto; margin-bottom: 2rem;}
.blog_content .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {background-color: var(--brand);}
.client_img_box:hover .mCS-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color: var(--brand) !important; z-index: 3;}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background: var(--brand) !important;}




/* pegination_sec */
/* .pegination_sec ul li{display: inline-block; margin-top: 5rem;}
.page_number{color: var(--brand); height: 4rem; width: 4rem; line-height: 3.2rem; font-size: 1.7rem; 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);}
.pegination_sec ul li .current, .page_number:hover{background: var(--brand); color: var(--white); border-color: transparent;} */












/* header_sec */
.top_rt li{margin-right: 1rem; padding-right: 1rem; border-right: .1rem solid var(--white);}
.top_rt ul li:last-child{border-right: none; margin-right: 0; padding-right: 0;}
.top_rt ul li i{color: var(--brand); padding-right: 1rem; font-weight: 600;}
.header_sec{position: relative; width: 100%; z-index: 41;}
.heder_top{border-bottom: .1rem solid var(--border); position: absolute; top: 0; left: 0; right: 0; padding: 1rem 1rem; margin: 0 28rem 0 28rem;}
.header_sec::before{content: ""; position: absolute; top: 0; right: 28rem; background: var(--border); height: 100%; width: .1rem;}
.header_sec::after{content: ""; position: absolute; top: 0; left: 28rem; background: var(--border); height: 100%; width: .1rem;}
.heder_top .d-flex{align-items: center; justify-content: space-between;}
.heder_top ul li:last-child{margin-right: 0;}
.heder_top ul li{color: var(--text_color);}
.heder_top ul li a{color: var(--text_color); font-weight: 700;}
.heder_top ul li a:hover{color: var(--brand);}
.heder_top ul li{display: inline-block; position: relative;}
.header_sec .sticky-wrapper{padding: 3rem 3rem 0; transition: 0.4s ease-in-out;}
.navbar-brand img{width: 12rem;}
.header_menu{position: relative; padding: 1.5rem 0;}
.appointment{position: absolute; right: 0; top: 0;}
.appointment .click_btn{margin-top: 0;}
.menu_sec li{position: relative; text-transform: capitalize; font-size: 1.8rem; letter-spacing: .1rem;}
.menu_sec li a{display: inline-block; padding-right: 2rem; color: var(--black); font-weight: 600;}
.menu_sec li:last-child a{padding-right: 0;}
.menu_sec li a:hover,.menu_sec li.active a{color: var(--brand);}
.top_lt{position: relative; z-index: 3;}
.heder_top ul li{display: inline-block; position: relative;}
.img_flud{position: relative;}
.menu_sec .dropdown{margin-right: 1rem;}
.drop-arw{position: absolute; top: 1.1rem; right: .9rem;}
.drop-arw::after{border: none; font-family: "Font Awesome 6 Pro"; content: "\f107"; color: #353535; font-size: 1.4rem;}
.nav_top .dropdown-menu li{font-size: 1.5rem;}
.menu_sec li{position: relative; text-transform: capitalize; font-size: 1.8rem; font-weight: 500;}
.nav_top .dropdown-menu li a{padding: 1.5rem; border-bottom: .1rem solid rgb(0,0,0,.09); display: block; width: 100%; color: var(--black);}
.menu_sec li a{display: inline-block; padding: 1rem 2.5rem 1rem 0; color: var(--black);}
.header_sec.fixed .heder_top{display: none;}
.header_sec.fixed{position: fixed; left: 0; top: 0; z-index: 999;   background: var(--white); box-shadow: 0 0 .7rem 0 #ccc;}
.header_sec.fixed::before{display: none;}
.header_sec.fixed::after{display: none;}
.header_sec.fixed .sticky-wrapper{padding: 0 3rem 0;}
.appointment .click_btn i{font-size: 2rem; font-weight: 700; color: var(--brand);}
.appointment .click_btn span{display: none;} 
.header_sec.fixed .appointment{top: 1.5rem;}









/*banner*/  
.bannersec{ width: 100%;}
.banner_box{padding: 20rem 0; position: relative;}
.banner_box::before{position: absolute; left: 0; top: 0; content: ""; width: 100%; height: 100%; background: rgba(0,0,0,.5);}
.banner_box .container-fluid{padding: 0 5rem;}
.banner_txt{position: relative;}
.banner_txt span{width: 100%; display: inline-block; font-size: 2rem; color: var(--white); text-transform: capitalize; line-height: 3rem; font-weight: 600; padding-bottom: 1rem;}
.banner_txt strong{width: 100%; display: inline-block; font-size: 6rem; color: var(--white); text-transform: capitalize; line-height: 7rem; font-weight: 600; padding-bottom: 1rem;}
.banner_txt p{color: rgba(255,255,255,.5);}
.bannersec .carousel-indicators [data-bs-target] {width: 1rem; height: 1rem;}
.bannersec .carousel-indicators .active{opacity: 1;}








/* about_sec */
.about_img img{border-radius: .8rem;}
.about_img{position: relative;}
.about_sec_snd{position: absolute; left: 0; top: 0;}
.about_sec_snd{position: absolute; top: inherit; width: 50%; bottom: -8rem; left: 0;}
.about_txt{padding-left: 2.5rem;}
.about_middle{margin: 3rem 0; border-bottom: .1rem solid var(--border); padding-bottom: 3rem;}
.about_middle_icon i{color: var(--brand); font-size: 4rem; font-weight: 700;}
.about_middle_icon{padding-right: 1rem;}
.about_middle_box h4{font-size: 2.2rem;}
.about_txt ul li{width: 50%; float: left; color: var(--black); margin-top: 1rem; font-weight: 600;}
.about_txt ul li i{padding-right: 1rem; color: var(--brand);}
.about_sec_snd img{border: .4rem solid var(--white); -webkit-animation-name: zoomIn; animation-name: zoomIn; animation-duration: 2s; animation-delay: 0.2s; animation-name: zoomIn; transition: all 500ms ease;}
.about_sec .heding::before{left: 0;}
.about_sec .heding{padding-left: 2rem;}
.about_img img{-webkit-animation-name: zoomIn; animation-name: zoomIn; animation-duration: 2s; animation-delay: 0.2s; animation-name: zoomIn; transition: all 500ms ease;}






/* choose_sec */
.choose_sec{background-position: 0px 120%; background-repeat: no-repeat;}
.choose_sec .container-fluid{padding: 0 9rem;}
.choose_box i{font-size: 5rem; color: var(--brand); padding-bottom: 1rem; -webkit-animation-name: zoomIn; animation-name: zoomIn; animation-duration: 2s; animation-delay: 0.2s; animation-name: zoomIn; transition: all 500ms ease;}
.choose_box{margin-top: 4rem;}
.choose_box h4{padding-bottom: 1rem;}
.choose_sec .border_sec{margin-top: 3rem;}






/* banner_contact */
.banner_contact{position: relative; background-attachment: fixed !important;}
.banner_contact::before{position: absolute; content: ""; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.6);}
.banner_contact_txt{position: relative; padding-right: 3rem;}
.banner_contact_txt h2{color: var(--white);}
.banner_contact .contact_form{background: rgba(255,255,255,.5); padding: 3rem 3rem; border-radius: .6rem; position: relative;}
.banner_contact_txt .heding::before{left: 0;}
.banner_contact_txt .heding{padding-left: 2rem;}
.banner_contact .contact_form .heding::before{left: 0;}
.banner_contact .contact_form .heding{padding-left: 2rem;}
.banner_contact .contact_form h2{color: var(--white);}






/* services_sec */
.services_sec{position: relative; background: #f8f8f8;}
.services_sec .heding::before{left: 0;}
.services_sec .heding{padding-left: 2rem;}
.services_sec .container-fluid{padding: 0 9rem;}
.services_box{box-shadow: 0 0 1rem rgba(7,36,95,0.1); margin-top: 3rem; border-radius: .4rem; background: var(--white); position: relative; z-index: 1;}
.services_txt{padding: 3rem 3rem;}
.services_txt h3 a{color: var(--black);}
.services_txt h3{font-size: 1.9rem;}
.services_txt .border_sec{margin-top: 3rem;}
.services_txt .click_btn{border: 0; padding: 0; height: 3rem; line-height: 3rem; margin-top: 2rem;}
.services_txt .click_btn::before{display: none;}
.services_txt .click_btn::after{display: none;}
.services_txt .click_btn i{margin-left: .7rem; transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1); transform: rotate(-45deg);}
.services_txt .click_btn:hover i{color: var(--brand); transform: rotate(0deg);}
.services_txt .click_btn:hover{color: var(--brand); background: var(--white);}
.ser_btn{position: absolute; top: 11rem; right: 9rem;}
.ser_btn .click_btn{margin-top: 0;}
.services_img img{border-radius: .6rem .6rem 0 0;}
.services_shape{position: absolute; right: 0; bottom: 0;}
.services_txt .border_box{background: transparent; border: .1rem dashed var(--border);}
.services_img img{height: 30rem; object-fit: cover;}










/* testimonal_sec */
.testimonal_sec .container-fluid{padding: 0 9rem;}
.testimonal_box{position: relative; margin-top: 8rem; text-align: center; background: var(--white); padding: 0 4rem 4rem 4rem; box-shadow: 0 0 .1rem rgba(7,36,95,0.1);}
.testimonal_box .border_sec{margin-top: 5rem;}
.quote{transform: translatey(-2.5rem); display: inline-block; width: 5rem; height: 5rem; background-color: var(--brand); text-align: center; position: relative; border-radius: .4rem; display: inline-flex; align-items: center; justify-content: center;}
.quote::before{position: absolute; content: ''; left: 50%; transform: translatex(-50%); bottom: -.8rem; width: 1.4rem; height: 1rem; background-color: var(--brand); clip-path: polygon(50% 100%, 0 0, 100% 0);}
.quote i{color: var(--white); font-size: 3rem; line-height: 4rem;}
.testimonal_img{display: inline-block; margin-top: -3rem; width: 10rem; text-align: center; position: relative; z-index: 2; background: var(--white); display: inline-flex; align-items: center; justify-content: center;}
.testimonal_img img{border-radius: .6rem; max-width: 6rem; filter: grayscale(1);}
.testimonal_box h5{padding-top: 2rem; color: var(--black); font-size: 1.7rem;}
.testimonal_box h6{padding-top: 1rem; font-size: 1.5rem;}
.testimonal_box:hover .testimonal_img img{filter: grayscale(0);}



.testimonal_sec .owl-nav.disabled{font-size: 0; margin-top: 3rem; text-align: center; display: flex; align-items: center; justify-content: center;}
.testimonal_sec .owl-prev, .testimonal_sec .owl-next{border: .2rem solid var(--brand); width: 3rem; height: 3rem; background: none; border-radius: .7rem;}
.testimonal_sec .owl-prev:before, .testimonal_sec .owl-next:before{font: normal 1.8rem/3rem FontAwesome; color: var(--brand); content: "\f060";}
.testimonal_sec .owl-next:before{content: "\f061";}
.testimonal_sec .owl-next{margin-left: .8rem;}
.testimonal_sec .owl-item{padding: .5rem;}
.owl-dots{display: none;}
.testimonal_sec .owl-prev:before, .testimonal_sec .owl-next:before{line-height: 2.6rem;}
.testimonal_sec .item{text-align: left; padding: .6rem;}
.testimonal_sec .owl-nav.disabled{font-size: 0; text-align: center; display: flex; align-items: center; justify-content: center;}

.testimonal_box .border_box::before{background-color: var(--border);}
.testimonal_box .border_box::after{background-color: var(--border);}







/* footer_sec */
.ft_top_btn li{display: inline-block; padding-right: 1.5rem;}
.ft_top_btn li:last-child{padding-right: 0;}
.ft_top{padding: 4rem 0;}
.ft_top h2{color: var(--white); padding-bottom: 1rem;}
.ft_middle{padding-bottom: 4rem;}
.ft_heding{width: 100%; display: inline-block; font-size: 2.5rem; font-weight: 600; color: var(--white); text-transform: capitalize; padding-bottom: 2.5rem; line-height: 3.5rem;}
.contact_icon li i{width: 2.7rem; height: 2.7rem; color: var(--white); border-radius: 0.5rem; text-align: center; position: absolute; left: 0; top: 0; line-height: 2.5rem;}
.contact_icon li{position: relative; padding-left: 4rem; color: var(--white); margin-bottom: 1.5rem; font-size: 1.5rem;}
.contact_icon li a{color: var(--white);}
.footer_txt{margin-top: 4rem;}
.footer_bootom{padding: 1rem 0; position: relative;}
.footer_bootom .d-flex{justify-content: space-between;}
.footer_bootom a{color: var(--white);}
.footer_bootom p a:hover{color: var(--brand);}
.footer_bootom .container-fluid{padding: 0 4rem;}
.footer_bootom_box{padding-top: 1rem;}
.ft_middle .border_box{background-color: #3E4042;}
.footer_bootom .border_box{background-color: #3E4042;}
/* .input_type button{border: none;} */
.input_type input[type="text"], .input_type input[type="tel"], .input_type input[type="password"], .input_type input[type="date"], .input_type input[type="time"], .input_type input[type="email"], .input_type select, .input_type textarea{width: 100%; height: 5rem; border: 0.1rem solid rgba(118, 118, 120, 0.3); text-transform: capitalize; border-radius: 1rem; box-shadow: none; outline: none; padding: 0 1.5rem; color: var(--text_color); font-size: 1.5rem;} 
.input_type input[type="text"]:placeholder, .input_type input[type="tel"]:placeholder, .input_type input[type="email"]:placeholder, .input_type textarea:placeholder{color: grey; opacity: 1;}
.input_type textarea{height: 100px; resize: none; padding: 1.5rem;}
.input_type .form-control:focus{border-color: var(--brand); outline: 0; box-shadow: none;}
.input_type input[type="text"]:focus, .input_type input[type="tel"]:focus, .input_type input[type="email"]:focus, .input_type select:focus, .input_type textarea:focus{border: .1rem solid var(--brand);}
.newsletter_txt .input_type input[type="email"]{border: none; width: 100%; height: 6rem; outline: none; padding: 0 1.5rem; background: var(--white); color: var(--text_color); border-radius: 0.7rem;}
.newsletter_txt .input_type{position: relative; margin-top: 2rem;}
.newsletter_txt .click_btn{margin-top: 0; position: absolute; top: .5rem; right: .5rem;}
.newsletter_txt{position: relative;}
.newsletter_txt .click_btn{padding: 0 5rem 0 0rem; background: var(--brand); color: var(--white);}
.newsletter_txt .click_btn::before{display: none;}
.newsletter_txt .click_btn::after{border-left: 0;}
.ft_icon li{display: inline-block;}
.ft_icon li a{display: inline-flex; color: #58595C; background-color: #2E3033; width: 3.5rem; height: 3.5rem; border-radius: .6rem; align-items: center; justify-content: center; font-size: 1.8rem; margin-right: .6rem;}
.ft_icon li:last-child a{margin-right: 0;}
.ft_icon{margin-top: 3rem;}
.footer_txt img{width: 15rem; filter: brightness(100);}
.ft_middle .collum:last-child .footer_txt{padding-left: 5rem;}










/* inner_banner */
.inner_banner .banner_box{padding: 5rem 0;}
.inner_banner .banner_txt h1{color: var(--white);}












/* contact_page */
.map_sec iframe{width: 100%; height: 40rem;}
.contact_img img{height: 18rem; object-fit: cover; border-radius: 1rem;}
.contact_sec .contact_form{background-color: var(--white); padding: 4rem 2.5rem; margin-left: .5rem; border-radius: .6rem;}
.contact_form .input_type{position: relative; margin-top: 2rem;}
.contact_in_icon{top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); position: absolute; left: -2rem; background-color: var(--brand); padding: 1rem; border-radius: .6rem; color: var(--white);}
.contact_in_txt ul li b{width: 100%; display: inline-block; color: rgba(0, 0, 0, 0.8); text-transform: capitalize; font-size: 1.8rem; line-height: 3rem; padding-bottom: .6rem;}
.contact_in_social li{display: inline-block; font-size: 1.6rem;}
.contact_in_txt ul li a{color: var(--black);}
.contact_in_social li a{border-radius: 100%; border: .1rem solid var(--border); display: inline-flex; padding: 1rem; width: 3.5rem; height: 3.5rem; align-items: center; justify-content: center;}

.contact_txt .heding::before{left: 0;}
.contact_txt .heding{padding-left: 2rem;}

.co_ph{font-size: 3rem; font-weight: 800; color: var(--brand) !important; padding-top: 1rem; display: block;}
.contact_info{margin-top: 3rem;}







/* work_page */
.work_sec .container-fluid{padding: 0 9rem;}
.work_box{position: relative; overflow: hidden; margin-top: 3rem;}
.work_box::before{content: ""; position: absolute; right: -21%; top: 50%; transform: translateY(-50%) rotate(135deg); width: 30rem; height: 100rem; background: linear-gradient(180deg, #181717 0%, rgba(18, 18, 18, 0) 100%); opacity: 0; transition: all 0.3s ease-out 0s; margin-right: -6rem; z-index: 1; pointer-events: none;}
.work_box::after{content: ""; position: absolute; right: 32%; top: 50%; transform: translateY(-50%) rotate(135deg); width: 24rem; height: 90rem; background: linear-gradient(180deg, #262626 8.61%, rgba(18, 18, 18, 0) 100%); opacity: 0; transition: all 0.3s ease-out 0s; margin-right: -9rem; pointer-events: none;}
.work_box:hover::before{opacity: 0.55; margin-right: 0;}
.work_box:hover::after{opacity: 0.35; margin-right: 0;}
.work_txt{background-color: transparent; z-index: 3; transition: 0.4s ease-in-out; visibility: hidden; opacity: 0; position: absolute; bottom: 1rem; left: 1rem; right: 1rem; top: inherit; display: flex; align-items: center; justify-content: center;}
.work_box:hover .work_txt{opacity: 1; visibility: visible;}
.work_txt h4 a{color: var(--white);}
.work_txt p{color: var(--white);}
.work_txt .border_sec{padding-bottom: 2rem;}
.work_txt .work_icon a{width: 5rem; height: 5rem; display: flex; align-items: center; justify-content: center; border-radius: 100%; background: var(--white); color: var(--brand);}
.work_contant{padding-right: 3rem;}
.work_img img{border-radius: .6rem; height: 40rem; object-fit: cover;}







/* about_page */
.innnr_about_txt .heding::before{left: 0;}
.innnr_about_txt .heding{padding-left: 2rem;}
.innnr_about_txt{padding-left: 2rem;}
.innnr_about_contant{background: #F8F8F8; display: flex; align-items: center; padding: 2rem 2rem; justify-content: space-between; margin-top: 2rem; border-radius: .4rem;}
.client_img li{display: inline-block;}
.client_img li img{width: 5rem; height: 5rem; object-fit: cover; border-radius: 100%;}

.innnr_about_client{display: flex; align-items: center;}
.client_img{display: flex; align-items: center; padding-left: 1.5rem;}
.client_img li:nth-child(1){margin-left: 0;}
.client_img li{margin-left: -2rem;}
.innnr_about_btn .click_btn{margin-top: 0;}
.innnr_about_list li{margin-top: 1rem;}
.innnr_about_list li i{padding-right: 1rem; color: var(--brand);}
.innnr_about_img img{border-radius: .6rem;}
.process_sec .container-fluid{padding: 0 9rem;}
.process_box{padding: 4rem 3rem; text-align: center; position: relative; border: .1rem solid #d7d7d7; margin-top: 3rem;}
.process_box span{width: 100%; display: inline-block; font-size: 4rem; line-height: 5rem; font-weight: 600; color: var(--brand); padding-bottom: 2rem;}
.process_box::before{position: absolute; content: ''; top: -.1rem; left: 50%; transform: translatex(-50%); background-color: var(--brand); -webkit-transition: all 0.35s cubic-bezier(0.645, 0.045, 0.355, 1); -khtml-transition: all 0.35s cubic-bezier(0.645, 0.045, 0.355, 1); -moz-transition: all 0.35s cubic-bezier(0.645, 0.045, 0.355, 1); -ms-transition: all 0.35s cubic-bezier(0.645, 0.045, 0.355, 1); -o-transition: all 0.35s cubic-bezier(0.645, 0.045, 0.355, 1); transition: all 0.35s cubic-bezier(0.645, 0.045, 0.355, 1); height: .4rem; width: 0;}
.process_box:hover::before{width: calc(100% + .2rem);}
.process_box h3{padding-bottom: 1rem;}


.about_work{background: #f8f8f8;}
.about_work .container-fluid{padding: 0 8rem;}
.about_work .banner_contact_txt h2{color: var(--black);}
.about_work .banner_contact_txt{padding-right: 0;}


.about_work .owl-nav.disabled{font-size: 0; text-align: center; display: flex; align-items: center; justify-content: center; position: absolute; right: 2rem; top: 0;}
.about_work .owl-prev, .about_work .owl-next{border: .2rem solid var(--brand); width: 3rem; height: 3rem; background: none; border-radius: .7rem;}
.about_work .owl-prev:before, .about_work .owl-next:before{font: normal 1.8rem/3rem FontAwesome; color: var(--brand); content: "\f060";}
.about_work .owl-next:before{content: "\f061";}
.about_work .owl-next{margin-left: .8rem;}
.about_work .owl-item{padding: .5rem;}
.owl-dots{display: none;}
.about_work .owl-prev:before, .about_work .owl-next:before{line-height: 2.6rem;}
.about_work .item{text-align: left; padding: .6rem;}
.about_work .owl-nav.disabled{font-size: 0; text-align: center; display: flex; align-items: center; justify-content: center;}





















@media (min-width: 992px) and (max-width: 9000px){

.nav_top .dropdown:hover .dropdown-menu{max-height: 30rem;opacity: 1; visibility: visible;}
.nav_top .dropdown-menu{max-height: 30rem !important; overflow-y: auto;}
.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-width: medium; border-bottom-style: none; border-bottom-color: currentcolor; border-bottom: .2rem solid var(--brand); background: var(--white) !important; width: 20.50rem; padding: 0; border-radius: .5rem; left: 0; right: inherit; padding: .5rem .8rem .8rem; box-shadow: 0 0 1rem rgb(0 0 0 / 28%);}


}

/* responsive */
@media only screen and (max-width: 1400px){

  .header_sec .sticky-wrapper{padding: 2.5rem 2rem 0; transition: 0.4s ease-in-out;}
  .heder_top{margin: 0 26rem 0 26rem;}
  .header_sec::before{right: 26rem;}
  .header_sec::after{left: 26rem;}
  .appointment{top: 1.5rem;}
  h1, h2{font-size: 3rem; font-weight: 600; line-height: 4rem;}
  .about_txt{padding-left: 2rem;}
  .about_middle{margin: 2.5rem 0; padding-bottom: 2.5rem;}
  .services_sec .container-fluid{padding: 0 4rem;}
  .services_img img{height: 25rem;}
  .services_txt{padding: 2rem 2rem;}
  .choose_sec .container-fluid{padding: 0 4rem;}
  .heding::before{left: 41%;}
  .banner_contact .contact_form{padding: 2.5rem 2rem;}
  .testimonal_sec .container-fluid{padding: 0 4rem;}
  .testimonal_box{padding: 0 3rem 3rem 3rem;}
  .banner_box{padding: 18rem 0;}
  .about_middle_box h4{font-size: 2rem;}
  .menu_sec{padding-right: 10rem;}





  /* about_page */
  .innnr_about_txt{padding-left: 1rem;}
  .process_sec .container-fluid{padding: 0 2rem;}
  .process_box{padding: 3.5rem 2rem;}
  .process_box h3{font-size: 1.9rem;}
  .about_work .container-fluid{padding: 0 2rem;}






  /* work_sec */
  .work_sec .container-fluid{padding: 0 2rem;}
  .work_img img{height: 35rem;}
  .work_txt{flex-direction: column; text-align: center;}
  .work_contant{padding-right: 0; padding-bottom: .6rem;}
  .work_txt{bottom: .2rem; left: .2rem; right: .2rem;}











}


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

  .header_sec .sticky-wrapper{padding: 2rem 1rem 0;}
  .heder_top{margin: 0 24rem 0 24rem;}
  .header_sec::before{right: 24rem;}
  .header_sec::after{left: 24rem;}
  h1, h2{font-size: 2.5rem; line-height: 3.5rem;}
  .about_txt{padding-left: .8rem;}
  .services_sec .container-fluid{padding: 0 2rem;}
  .services_img img{height: 20rem;}
  .services_txt{padding: 1.5rem 1.5rem;}
  .ser_btn{top: 10rem; right: 3rem;}
  .banner_txt strong{font-size: 5rem; line-height: 6rem;}
  .banner_box{padding: 16rem 0;}
  .about_middle_icon i{font-size: 3.5rem; font-weight: 600;}
  .about_middle{margin: 2rem 0; padding-bottom: 2rem;}
  .choose_sec .container-fluid{padding: 0 2rem;}
  .testimonal_sec .container-fluid{padding: 0 2rem;}
  .testimonal_box{margin-top: 6rem;}




  /* about_page */
  .process_box{padding: 3.5rem 1.6rem;}
  .process_box h3{font-size: 1.8rem; padding-bottom: .8rem;}
  .process_box span{padding-bottom: 1rem;}





}


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


  /* about_page */
  .client_img li img{width: 4rem; height: 4rem;}
  .innnr_about_client h4{font-size: 1.6rem; line-height: 2.5rem;}
  .innnr_about_contant{padding: 2rem 1rem; margin-top: 1.5rem;}
  .innnr_about_list li{margin-top: .8rem;}
  .process_box{padding: 3.5rem 1.4rem;}
  .process_box h3{font-size: 1.7rem; padding-bottom: .5rem;}
  .process_box span{font-size: 3.5rem; line-height: 4.5rem;}





  /* work_page */
  .work_img img{height: 30rem;}
  .work_txt{bottom: 1rem;}


}

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

  .appointment .click_btn em{display: none;}
  .appointment .click_btn span{display: inline-block;}
  .heder_top{margin: 0 18rem 0 18rem; padding: 1rem .6rem;}
  .header_sec::before{right: 18rem;}
  .header_sec::after{left: 18rem;}
  .navbar-brand img{width: 11rem;}
  .appointment{top: 1rem;}
  .banner_txt strong{font-size: 4.5rem; line-height: 5.5rem;}
  .banner_box{padding: 15rem 0;}
  .about_middle{margin: 1.5rem 0; padding-bottom: 1.5rem;}
  .services_txt h3{font-size: 1.8rem;}
  .services_txt .border_sec{margin-top: 2.5rem;}
  .heding::before{left: 39%;}
  .choose_box i{font-size: 4rem; padding-bottom: .8rem;}
  .choose_box{margin-top: 3rem;}
  .choose_box h4{padding-bottom: .8rem; font-size: 1.8rem;}
  .banner_contact_txt{padding-right: 1.5rem;}
  .banner_contact .contact_form{padding: 2rem 1.5rem;}
  .ft_middle .collum:last-child .footer_txt{padding-left: 1rem;}
  .appointment .click_btn{padding: 0 6rem 0 2rem; display: inline-flex; align-items: center; justify-content: center;}




  /* about_page */
  .process_box h3{font-size: 1.5rem; line-height: 2.5rem;}
  .process_box{padding: 3.5rem 1.3rem;}





    
   
}

@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(--brand); 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-collapse.show{left: 0;}
    .nav_top .navbar-collapse{position: fixed; top: 0; left: -30.10rem; background: #fff; 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; border-right: .5rem solid var(--brand);}
    .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(--brand);}









    .menu_sec li a{display: inline-block; padding: 1rem; border-bottom: .1rem dashed var(--border); width: 100%;}
    .menu_sec{padding-right: 0;}
    .heder_top{margin: 0;}
    .header_sec::before{display: none;}
    .header_sec::after{display: none;}
    .appointment{top: 1rem; right: 6rem;}
    .header_sec .sticky-wrapper{padding: 4rem 1rem 0;}
    .navbar-brand img{width: 10rem;}
    .header_menu{padding: 1rem 0;}
    .banner_txt strong{font-size: 3.4rem; line-height: 4.5rem;}
    .banner_box{padding: 12rem 0;}
    .about_row{flex-direction: column-reverse;}
    .about_txt{padding-left: 0; padding-bottom: 2rem;}
    .about_sec_snd{bottom: -5rem;}
    .ptb{padding: 6rem 0;}
    .inner_ptb{padding: 3rem 0 6rem;}
    .ser_btn{position: inherit; top: 0; right: 0;}
    .ser_btn .click_btn{margin-top: 3rem; position: relative; z-index: 2;}
    .heding::before{left: 34%;}
    .banner_contact_txt{padding-right: 0; padding-bottom: 2rem;}
    .ft_middle .collum:last-child .footer_txt{padding-left: 0;}
    






    /* about_page */
    .innnr_about_row{flex-direction: column-reverse;}
    .innnr_about_txt{padding-left: 0; padding-bottom: 2rem;}
    .process_box{margin-top: 2rem;}





    /* contact_page */
    .contact_sec .contact_form{padding: 3.5rem 2rem; margin-left: 0; margin-top: 2rem;}
    .co_ph{font-size: 2.5rem;}
    .contact_info{margin-top: 2.5rem;}









}

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


    .about_middle_box{padding-top: 1rem;}
    .about_sec_snd{bottom: -3rem;}
    h1, h2{font-size: 2.3rem; line-height: 3.3rem;}
    .heding::before{left: 30%;}
    .heding{font-size: 1.5rem; line-height: 2.5rem; letter-spacing: .1rem;}
    .footer_bootom .container-fluid{padding: 0 2rem;}
    .footer_txt img{width: 10rem;}
    .ft_heding{font-size: 2rem; padding-bottom: 2rem; line-height: 3rem;}
    .banner_txt strong{font-size: 2.7rem; line-height: 3.7rem;}
    .banner_txt span{font-size: 1.8rem; line-height: 2.5rem; padding-bottom: .8rem;}
    .banner_box{padding: 10rem 0;}
    .about_middle_icon i{font-size: 3rem;}
    .about_middle_box h4{font-size: 1.8rem;}
    .banner_box .container-fluid{padding: 0 2rem;}
    .ptb{padding: 5rem 0;}
    .inner_ptb{padding: 2rem 0 5rem;}
    
    


    /* about_page */
    .process_box{padding: 2.5rem 1rem;}



    /* work_page */
    .work_contant h4{font-size: 1.6rem; line-height: 2.5rem;}
    .work_img img{height: 25rem;}




    /* contact_page */
    .map_sec iframe{height: 35rem;}






}


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


  .top_lt p{display: none;}
  .top_rt ul li span{display: none;}
  .top_rt ul li i{padding-right: 0;}
  .top_rt li{padding-right: 0;}
  .heder_top .d-flex{justify-content: center;}
  .header_sec.fixed .sticky-wrapper{padding: 0 1rem 0;}
  .appointment .click_btn{padding: 0 1.5rem 0 1.5rem; height: 4rem;}  
  .appointment .click_btn::after{display: none;}
  .banner_box .container-fluid{padding: 0 1rem;}
  .banner_txt strong{font-size: 2.4rem; line-height: 3.4rem;}
  .banner_txt span{font-size: 1.7rem; padding-bottom: .6rem;}
  .banner_box{padding: 5rem 0;}
  .navbar-brand img{width: 8rem;}
  .appointment{top: .8rem;}
  .heding{font-size: 1.3rem; line-height: 2.3rem;}
  h1, h2{font-size: 2rem; line-height: 3rem;}
  .about_middle_icon i{font-size: 2.5rem;}
  .about_middle_icon{padding-right: .6rem;}
  .about_middle_box h4{font-size: 1.7rem;}
  .about_txt ul li{width: 100%; margin-top: .8rem;}
  .about_middle{margin: 1rem 0; padding-bottom: 1rem;}
  .click_btn{padding: 0 6rem 0 2rem; font-size: 1.4rem;}
  .services_img img{height: 16rem;}
  .services_txt{padding: 1.5rem 1rem;}
  .choose_sec .container-fluid{padding: 0 1.5rem;}
  .heding::before{left: 22%;}
  .services_sec .container-fluid{padding: 0 1.5rem;}
  .choose_box i{font-size: 3rem; padding-bottom: .7rem;}
  .choose_box h4{padding-bottom: .6rem; font-size: 1.7rem;}
  .choose_box{margin-top: 2.5rem;}
  .testimonal_sec .container-fluid{padding: 0 1.5rem;}
  .quote{width: 4rem; height: 4rem;}
  .quote i{font-size: 2.5rem; line-height: 3.5rem;}
  .testimonal_box{margin-top: 4rem; padding: 0 1.5rem 2.5rem 1.5rem;}
  .testimonal_img img{max-width: 5rem;}
  .testimonal_img{width: 7rem;}
  .testimonal_box h6{padding-top: .6rem;}
  .ft_top{padding: 3rem 0;}
  .ft_top_btn li{padding-right: 0;}
  .footer_txt{margin-top: 3rem;}
  .ft_heding{font-size: 1.9rem; padding-bottom: 1.5rem; line-height: 2.9rem;}
  .contact_icon li{padding-left: 3.5rem; margin-bottom: 1.2rem; font-size: 1.4rem;}
  .footer_bootom .d-flex{justify-content: center; flex-direction: column; text-align: center;}
  .services_img img{height: 15rem;}
  




  /* inner_banner */
  .inner_banner .banner_box{padding: 3rem 0;}







  /* about_page */
  .innnr_about_list li{font-size: 1.4rem;}
  .innnr_about_contant{flex-direction: column;}
  .innnr_about_btn .click_btn{margin-top: 2rem;}
  .client_img li img{width: 3.5rem; height: 3.5rem;}
  .process_box span{font-size: 3rem; line-height: 4rem; padding-bottom: .5rem;}
  .process_box{padding: 2rem 1rem;}
  .about_work .container-fluid{padding: 0 1.5rem;}
  




  /* work_page */
  .work_sec .container-fluid{padding: 0 1.5rem;}



    
  /* contact_page */
  .co_ph{font-size: 2rem; padding-top: .4rem;}
  .contact_info{margin-top: 1.5rem;}
  .contact_sec .contact_form{padding: 2rem 1.5rem;}
  .map_sec iframe{height: 30rem;}




    
}

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

}