@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.6rem/2.4rem 'Inter', 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: #000;
    --white: #ffff;
    --brand: #E83A15;
    --blue: #00045F;
    --yellow: #fc8e41;
    --bg_1: #EFF3FA;
    --text_color: #7A7A7A;
    --border: #d9d9d9;
    --bg_color: #F7F7F7;
}


@keyframes blink{
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0.5;
  }
  100% {
    opacity: 1;
  }
}


@keyframes rippleShape{
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: var(--opacity-original, 0.2);
  }
  100% {
    opacity: var(--opacity-animate, 0);
    -webkit-transform: scale(4);
    transform: scale(4);
  }
}

@keyframes ts-bounce{
  0% {
    transform: translateY(0);
  }
  40% {
    transform: translateY(-12px);
  }
  100% {
    transform: translateY(0);
  }
}





em{font-style: normal;}
p{font-family: "Roboto"; letter-spacing: .1rem; line-height: 2.5rem;}
h1,h2{font-size: 3rem; text-transform: capitalize; color: var(--blue); font-weight: 700; letter-spacing: .1rem; line-height: 4rem;}
h3,h4{text-transform: capitalize; color: var(--blue); font-weight: 700; letter-spacing: .1rem; line-height: 3rem;}
.ptb{padding: 7rem 0;}
.inner_ptb{padding: 4rem 0 7rem;}
.heding img{width: 4rem;}
.heding{width: 100%; display: inline-block; color: var(--brand); letter-spacing: .1rem; text-transform: capitalize; font-weight: 700; font-size: 2rem;}
.click{position: relative; display: inline-block; background-color: var(--brand); border-radius: .2rem; color: var(--white) !important; transition: all .3s; clip-path: polygon(13% 0,100% 0,88% 100%,0% 100%); height: 5rem; padding: 0 3rem; line-height: 5rem; text-align: center; text-transform: capitalize; font-weight: 600; margin-top: 3rem; z-index: 1;}
.click::before{content: ""; position: absolute; top: 0; left: 0; width: 0; height: 100%; background-color: rgba(255,255,255,.2); transform: rotate(0deg) scale(1.003) skew(-14deg) translate(0); transition: all .5s ease-out;}
.click::after{position: absolute; content: ""; transition: all .3s; background: var(--blue); height: 100%; width: 9rem; right: 0; top: 0; z-index: 0; clip-path: polygon(30% 0%,100% 0%,100% 100%,0% 100%);}
.click_box{position: relative; display: inline-block; padding-right: 6rem;}  
.click_box::after{position: absolute; content: "\f105"; font-family: "Font Awesome 6 Pro"; top: 1rem; right: 1rem; z-index: 1; text-align: center; line-height: 3.5rem;}
.click:hover::before{width: 120%; background-color: var(--blue); transition: all .5s ease-out;}
.click:hover::after{background: var(--brand);}
.click:hover{color: var(--white);}
.click span{color: var(--white) !important; font-size: 1.6rem !important;}






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






/*header*/
.header_sec{width: 100%; position: relative;}
.heder_top .d-flex{align-items: center; justify-content: space-between;}
.nav_top{border: none; min-height: auto; box-shadow: none; border-radius: 0px;}
.navbar-brand img{width: 22rem;}
.menu_sec li a{display: inline-block; padding-right: 2rem; color: var(--blue);}
.menu_sec li:last-child a{padding-right: 0;}
.menu_sec li a:hover,.menu_sec li.active a{color: var(--brand);}
.menu_sec li{position: relative; text-transform: capitalize; font-size: 1.8rem; letter-spacing: .1rem; font-weight: 600;}
.hedder_rt_box li a{color: var(--white);}
.header_sec ul li{display: inline-block;}
.top_rt ul li{color: var(--white); border-right: .1rem solid rgba(255, 255, 255, 0.5); padding-right: 1rem; margin-right: 1rem;}
.top_rt ul li:last-child{border-right: none; padding-right: 0; margin-right: 0;}
.hedder_rt_box li i{font-size: 1.4rem; padding-right: .5rem;}
.hedder_rt_box li span{position: relative; display: inline; font-weight: 600; text-transform: capitalize;}
.hedder_rt_box{position: relative;}
.menu_sec{position: relative;}
.hedder_rt_box li:last-child{margin-right: 0;}
.heder_top ul li a:hover{color: var(--brand);}
.icon_bar{position: absolute; right: 0; top: 0; display: flex;}
.icon_bar img{width: 5rem; -moz-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; -moz-animation: blink normal 1.5s infinite ease-in-out; -webkit-animation: blink normal 1.5s infinite ease-in-out; -ms-animation: blink normal 1.5s infinite ease-in-out; animation: blink normal 1.5s infinite ease-in-out;}
.call_img{padding-right: 1.5rem;}
.icon_bar ul li a{color: var(--blue); font-size: 1.7rem;}
.icon_bar ul li b{width: 100%; display: inline-block; text-transform: capitalize; color: var(--yellow); font-size: 1.5rem;}
.icon_bar ul li a:hover{color: var(--brand);}
.top_lt{position: relative; z-index: 1;}
.top_lt p{color: var(--white); font-size: 1.5rem; text-transform: capitalize;}
.top_lt p span{color: var(--brand); font-weight: 700;}
.heder_top::before{content: ""; position: absolute; top: 0; right: 65%; transform: skew(-37deg); width: 100%; background: var(--blue); height: 100%;}
.heder_top{position: relative; padding: 1rem 0; background: var(--brand);}
.menu_sec{padding-right: 25rem;}
.header_menu{padding: 1.5rem 0; position: relative;}
.header_menu::before{clip-path: polygon(0 0, 100% 0, calc(100% - 96px) 100%, 0% 100%); content: ""; position: absolute; inset: 0; background-color: var(--bg_1); top: 0; right: 66%;}

.header_sec.fixed{position: fixed; left: 0; top: 0; z-index: 99; background: var(--white); box-shadow: 0 0 .7rem 0 #ccc;}
.header_sec.fixed .nav_top .navbar-brand {margin-top: 0;}
.header_sec.fixed .heder_top{display: none;}
.header_sec.fixed .header_menu::before{display: none;}





   
/*banner*/  
.bannersec{width: 100%;}
.banner_box{padding: 15rem 0; position: relative;}
.banner_box::before{background: rgba(0, 0, 0, 0.6); content: " "; height: 100%; left: 0; position: absolute; top: 0; width: 100%;}
.banner_txt{position: relative;}
.banner_txt strong{width: 100%; display: inline-block; color: var(--white); font-size: 5.5rem; line-height: 7rem; font-weight: 800; text-transform: capitalize; letter-spacing: .1rem; padding-bottom: 1rem;}
.banner_txt p{color: var(--white);}
.banner_img{position: relative;}
.banner_img::before{background: var(--white); clip-path: polygon(0 0,100% 0,100% 100%,0 100%,10% 0); content: ""; height: 100%; left: -2rem; position: absolute; top: 0; width: 66rem;}
.banner_img img{max-width: 100%; z-index: 1; clip-path: polygon(0 0,100% 0,100% 100%,0 100%,10% 0);}





/* about_sec */
.about_buttom_list{margin-top: 2rem;}
.about_buttom_list li{width: 50%; float: left; position: relative; color: var(--blue); margin-top: .5rem;}
.about_buttom_list li i{color: var(--brand); padding-right: 1rem;}
.since_box{background: var(--bg_1); position: relative; border-left: .4rem solid var(--brand); padding: 3rem 3rem; margin-top: 3rem; width: 100%; display: inline-block; color: var(--blue); font-size: 2rem; line-height: 3rem; border-radius: .4rem;}
.about_img{text-align: right; position: relative;}
.about_img img{clip-path: polygon(24% 0,100% 0,100% 100%,32% 100%,42% 46%,12% 46%); max-width: 100%;}
.about_snd_img img{clip-path: polygon(0 0,100% 0%,78% 100%,0% 100%); max-width: 100%;}
.about_box{position: relative;}
.about_snd_img{position: absolute; left: 7rem; top: 50%;}
.about_years .d-flex{align-items: center; display: flex;}
.about_years{position: absolute; right: 0; bottom: -9rem;}
.years_box h3{color: transparent; -webkit-text-stroke: 2px var(--brand); font-size: 6rem;}
.years_box_txt{padding-left: 1rem;}
.years_box_txt span{color: var(--brand); font-size: 2rem;}







/* banner_contact */
.banner_contact{position: relative; padding: 2rem 0;}
.banner_contact::before{position: absolute; content: ''; left: 0; right: 0; top: 3rem; height: .1rem; width: 100%; z-index: -1; background: #dadada;}
.banner_contact_box{padding-left: 5rem; position: relative; background: var(--white);}
.banner_contact .d-flex{align-items: center; display: flex;}
.banner_contact_img img{border-radius: 100%;}
.banner_contact_img{position: relative;}
.banner_contact_img::before{position: absolute; content: "\f2a0"; left: 4rem; top: .3rem; width: 5rem; height: 5rem; font-size: 1.7rem; line-height: 5rem; border-radius: 100%; text-align: center; color: var(--brand); font-family: 'fontawesome'; background-color: var(--white); box-shadow: 0 .3rem .7rem 0 rgba(0,0,0,.06);}
.banner_contact_txt{padding-left: 5rem;}
.banner_contact_txt p{color: var(--black);}
.banner_contact_txt p span{color: var(--brand);}
.banner_contact_box::before{position: absolute; content: ''; left: 0; height: 8rem; width: 1px; background: #d9d9d9; transform: skewX(-25deg);}
.banner_contact_box::after{position: absolute; content: ''; height: 8rem; width: 1px; background: #d9d9d9; transform: skewX(-25deg); right: 0; left: auto;}
.banner_contact:hover .banner_contact_img{animation: ts-bounce 500ms ease-in-out 50ms;}







/* process_sec */
.process_box{text-align: center; margin-top: 5rem; border-right: 1px solid var(--border); position: relative;}
.process_img img{max-width: 100%; border-radius: 100%;}
.process_img{border: .2rem solid var(--brand); border-radius: 100%; padding: 1.5rem; max-width: 23rem; margin: 0 auto 3rem auto; position: relative;}
.process_icon img{width: 4.5rem;}
.process_icon{width: 7rem; height: 7rem; border-radius: 100%; position: absolute; top: 0; left: 0; z-index: 3; display: flex; align-items: center; justify-content: center;}
.process_icon::before{content: ""; position: absolute; border-radius: inherit; z-index: -1; inset: -1rem; background-color: var(--brand); opacity: 0.2;}
.process_icon::after{content: ""; position: absolute; inset: 0; border-radius: inherit; background-color: var(--white); z-index: -1;}
.process_txt h3{font-size: 2.5rem; padding-bottom: 1rem;}
.process_txt{padding: 0 2rem;}
.process_box::after{content: "\f178"; height: 5rem; line-height: 5rem; width: 13rem; background-color: var(--bg_color); text-align: center; position: absolute; top: 9rem; right: -6.5rem; border-top: .1rem solid var(--border); border-bottom: .1rem solid var(--border); font-family: "Font Awesome 6 Pro"; font-size: 2.5rem; color: var(--brand);}
.process_sec .collum:last-child .process_box::after{display: none;}
.process_sec .collum:last-child .process_box{border: 0;}







/* services_sec */
.services_box{position: relative; border-radius: .6rem; margin-top: 4rem; text-align: center; padding: 2rem 0; -webkit-transition: all .3s ease 0s; transition: all .3s ease 0s;}
.services_box::after{content: ""; position: absolute; width: 100%; height: 100%; top: 0; left: 0; border-radius: .6rem; background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.480967) 24.42%, rgba(0, 0, 0, 0.581635) 35.06%, rgba(0, 0, 0, 0.653928) 41.56%, rgba(0, 0, 0, 0.719321) 50.91%, rgba(0, 0, 0, 0.787828) 58.96%, rgba(0, 0, 0, 0.859178) 67.79%, rgba(0, 0, 0, 0.92987) 76.62%, #000000 100%);}
.services_img{position: relative; z-index: 1; padding-top: 3rem;}
.services_txt{position: relative; z-index: 1; padding: 2rem 4rem 5rem 4rem;}
.services_txt h3 a{color: var(--white);}
.services_txt h3{padding-bottom: 2rem; font-size: 2.5rem;}
.services_txt p{color: white;}
.services_sec{position: relative; background-color: #f5f5f5; background-image:  url(../images/service_bg.png); background-repeat: no-repeat;}
.services_box:hover{box-shadow: 0 1rem 2rem rgba(0,0,0,.1);}
.ser_btn{text-align: center;}







/* team_sec */
.team_img_box img{max-width: 100%; height: 30rem; object-fit: cover; border-radius: .6rem;}
.team_img_box{position: relative; z-index: 1;}
.team_img_snd{position: absolute; right: 0; top: 9rem;}
.team_sec{position: relative;}
.team_sec::after{content: ""; background: url(../images/shap_3.png) no-repeat top center;  background-size: auto; width: 55rem; height: 25rem; position: absolute; background-size: 100%; left: 0; bottom: 0;}









/* offer_sec */
.offer_sec .heding::before{left: 1.5rem;}
.offer_sec .line3{left: 5%;}
.offer_sec .line4{left: 5%;}
/* .discount_gol{position: relative;} */
.offer_txt h3{color: var(--blue); padding-left: 2.5rem; margin-top: 1.5rem;}
/* .discount_gol::after{position: absolute; content: ""; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); left: 0; height: 1.5rem; width: 1.5rem; border-radius: 100%; background: var(--brand); -webkit-transition: all .2s; transition: all .2s;} */
.offer_txt{padding-right: 2rem;}
.af_bf_box{padding-top: 2rem;}
.af_bf_box img{width: 5rem;}
.af_bf_txt{padding-left: 1.5rem;}
.af_bf_txt span{width: 100%; display: inline-block; text-transform: capitalize; color: var(--blue); font-size: 2rem; font-weight: 600; padding-bottom: .5rem;}



.rescntSec{width: 100%; padding: 8rem 0;}
.rescntLft{width: 100%;}
.rescntLft .ba-slider .handle{background: var(--brand);}
.rescntLft .ba-slider .handle::after{width: 4rem; height: 4rem; background: var(--white); line-height: 4.1rem; border: none; margin: -2rem 0 0 -1.8rem; box-shadow: inherit; content: " \f0d9  \f0da"; font-family: 'FontAwesome'; font-size: 2.3rem; font-weight: normal; color: var(--brand);}
.batxt{position: absolute; top: 3rem; background: var(--brand); padding: .4rem 1.4rem; font: normal 2rem/3rem 'Lora', serif; z-index: 1; color: var(--white); left: 2rem; border-radius: .5rem;}
.batxt1{left: inherit; right: 2rem; top: inherit; bottom: 3rem;}
.ba-slider img{width: 100%; display: block; height: 40rem; object-fit: cover; border-radius: 1rem;}
.rescntrt .leftlest{margin-top: 2.2rem;}
.cals span{color: var(--brand); font: normal 1.4rem/1.5rem 'Lora', serif;}
.rescntrt .leftlest ul{display: flex; align-items: center;}
.therapy_box .d-flex{flex-direction: column; margin-top: 2rem;}
.therapy_box .d-flex strong{display: block; color: var(--brand); text-transform: capitalize; font-size: 2rem; margin: 1.5rem 0 .5rem; font-weight: 500;}
.therapy_img img{width: 8rem;}








/*our_partners*/
.our_partners{position: relative;}
.our_partners_img .owl-carousel .owl-item img{width: 15rem;}
.our_partners_img .owl-carousel .owl-nav .owl-prev, .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-dot{display: none;}
.our_partners_img .owl-carousel .owl-item img{
  -webkit-transition: all 0.7s ease-in-out;
  transition: all 0.7s ease-in-out;
  -webkit-transform: translateY(0%);
  transform: translateY(0%);
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
}
.partners:hover img{
  opacity: 1;
  visibility: hidden;
  -webkit-transition: all 0.7s ease-in-out;
  transition: all 0.7s ease-in-out;
  -webkit-transform: translateY(-100%);
  transform: translateY(-100%);
}
.brand_title{position: relative; margin-bottom: 4rem;}
.brand_title::before{content: ""; position: absolute; top: 50%; left: 0; height: .1rem; width: 100%; background-color: #D9D9D9; z-index: -1;}
.brand_title span{padding: 0 3rem; background-color: var(--white); color: var(--brand); font-size: 2rem;}







/*counter_sec*/
.counter_sec{position: relative;}
.counter_txt span{display: inline-block; color: var(--brand); font-size: 4rem; font-weight: 600;}
.counter_txt h5{color: var(--blue); padding-top: 2rem; font-size: 1.7rem;}
.counter_datils{position: relative;}
.counter_box{text-align: center; border-radius: 1rem; z-index: 2; position: relative; padding: 3rem 2rem; margin-top: 1.5rem;}
.counter_box::before{content: ""; position: absolute; top: 0; bottom: 0; left: 0; height: 100%; width: 55%; border-radius: .5rem; background-color: #f6f6f6; border: .1rem solid #f6f6f6; z-index: -2; transition: .8s;}
.counter_box::after{content: ""; position: absolute; top: 0; bottom: 0; right: 0; height: 100%; border-radius: .5rem; width: 50%; background-color: #f6f6f6; border: .1rem solid #f6f6f6; z-index: -2; transition: .8s;}
.counter_box:hover::before{background-color: var(--brand); transition: .8s; width: 100%; border: .1rem solid #f6f6f6;}
.counter_box:hover::after{background-color: transparent; transition: .8s; width: 100%; border: .1rem solid #f6f6f6;}
.counter_box:hover .counter_txt span{color: var(--white);}
.counter_box:hover .counter_txt h5{color: var(--white);}








/*footer_sec*/
.footer_top{position: relative; padding: 5rem 0; background: #001c2e;}
.footer_sec p{color: var(--white);}
.footer_bootom{padding: 1rem 0; position: relative; background: rgba(232, 58, 21, 0.9);}
.footer_bootom .d-flex{justify-content: space-between;}
.footer_bootom a{color: var(--white);}
.footer_bootom a:hover{color: var(--blue);}
.footer_txt{position: relative; padding-top: 3rem; z-index: 1;}
.footer_txt strong{width: 100%; display: inline-block; font-size: 2rem; color: var(--white); text-transform: uppercase; margin-bottom: 3.5rem; letter-spacing: .1rem;}
.footer_sec ul li{color: var(--white); font-size: 1.6rem;}
.icon li a{background: var(--brand); color: var(--white); font-size: 2rem; border-radius: 100%; width: 4rem; height: 4rem; display: inline-block; text-align: center; padding-top: 1rem; margin-right: .5rem;}
.icon li:last-child a{margin-right: 0;}
.icon li{display: inline-block;}
.icon{margin-top: 2rem;}
.icon li a:hover{background: var(--white); color: var(--brand);}
.footer_sec{position: relative;}
.footer_sec:after{content: ""; background: url(../images/ft_shap.png) no-repeat top center; width: 20rem; height: 25rem; position: absolute; background-size: 100%; left: 0; bottom: 0; opacity: 0.5;}
.footer_sec:before{content: ""; background: url(../images/ft_shap_2.png) no-repeat top center; width: 20rem; height: 25rem; position: absolute; background-size: 100%; right: 0; bottom: 0; z-index: 1; opacity: 0.5;}
.footer_top .collum:nth-child(2) .footer_txt{padding-left: 8rem;}
.footer_top .collum:nth-child(3) .footer_txt{padding-left: 3rem;}
.hours li{display: flex; justify-content: space-between; align-items: center; border-bottom: .1rem dashed var(--border); padding: 1rem 0;}
.footer_txt .ft_logo{width: 20rem; filter: brightness(100);}
.footer_txt span{width: 100%; display: inline-block; color: var(--white); text-transform: capitalize; font-size: 2rem; padding: 2rem 0;}
.ft_heding{position: relative;}
.ft_heding::after{content: ""; position: absolute; height: .2rem; width: 9rem; background-image: linear-gradient(to right, var(--brand), transparent); top: 3rem; left: 0;}
.ft_menu li a{color: var(--white);}
.ft_menu li{text-transform: capitalize; position: relative; padding-left: 2.5rem; margin-top: 1rem;}
.ft_menu li::before{content: "\f061"; font-family: "Font Awesome 6 Pro"; position: absolute; left: 0; top: 0; color: var(--white); font-size: 1.5rem; font-weight: 600;}
.ft_contact li{display: flex; align-items: center; padding: 1.5rem 0; border-bottom: .1rem dashed var(--border);}
.ft_contact li a{color: var(--white);}
.ft_contact img{width: 3.5rem; margin-right: 2.5rem;}
.ft_contact em{color: var(--text_color); width: 100%; display: inline-block;}
.footer_txt p{color: var(--yellow);}
.footer_sec ul li a:hover{color: var(--brand)}







/* inner_banner */
.inner_banner .banner_txt{padding: 0;}
.inner_banner .banner_box{padding: 5rem 0;}
.inner_banner .breadcrumb-item + .breadcrumb-item::before{padding: .1rem 1rem 0; font-family: "Font Awesome 6 Pro"; content: "\f7d9"; color: var(--brand); font-weight: 900; font-family: "Font Awesome 6 Pro";}
.inner_banner .breadcrumb_sec .breadcrumb-item.active{color: var(--brand); text-transform: capitalize; font-weight: 700;}
.inner_banner .breadcrumb_sec .breadcrumb-item a, .breadcrumb-item + .breadcrumb-item::before{color: var(--white);}
.inner_banner .breadcrumb-item + .breadcrumb-item {padding-left: 0;}
.inner_banner .breadcrumb{margin-bottom: 0;}
.inner_banner .banner_txt strong{font-size: 3rem; line-height: 4rem; padding-bottom: 2rem;}






/* about_page */
.about_info_box{background-image: url(../images/shap_6.png); background-position: center right; background-repeat: no-repeat; background-size: contain; position: relative; background-color: #F7F7F7; padding: 3rem 1rem; border-radius: .6rem; text-align: center; margin-top: 2rem;}
.about_info_img{padding-bottom: 2rem;}
.about_info_box h3{padding-bottom: 1rem; font-size: 2.3rem;}
.professional_repair_sec{position: relative; background-attachment: fixed !important;}
.professional_repair_sec::before{background: rgba(0, 0, 0, 0.6); content: " "; height: 100%; left: 0; position: absolute; top: 0; width: 100%;}
.professional_repair_box{position: relative;}
.professional_repair_box h2{color: var(--white);}
.about_company_list{margin-top: 2rem;}
.about_company_list li{color: var(--black); padding-top: 1rem;}
.about_company_list li i{color: var(--brand); font-weight: 700; padding-right: 1rem;}
.about_company_img img{border-radius: 1rem;}









/* services_page */
.services_sec .pegination_sec{margin-top: 3rem;}
.services_sec .pegination_sec ul li{display: inline-block; margin-top: 2rem;}
.services_sec .page_number:hover, .pegination_sec ul li .current{background: var(--brand); color: var(--white); border-color: transparent;}
.services_sec .page_number:hover, .pegination_sec ul li .current{background: var(--brand); color: var(--white); border-color: transparent;}
.services_sec .page_number{color: var(--black); padding: 3px; background: transparent; min-height: 4rem; min-width: 4rem; line-height: 3.2rem; font-size: 1.4rem; border-width: 0.1rem; border-style: solid; margin: 0 0.3rem; text-align: center; display: inline-block; border-color: #cccccc; display: flex; align-items: center; justify-content: center; overflow: hidden; border-radius: .5rem;}







/* services_deatils_page */
.services_deatils_box h3{font-size: 2.5rem; padding-top: 2rem;}
.services_offer_img{width: 7rem; height: 7rem; line-height: 7rem; border-radius: 100%; text-align: center; background: #f6f6f6; display: flex; align-items: center; justify-content: center; margin-right: 1rem;}
.services_offer_img img{width: 4rem;}
.services_offer_txt{padding-top: 1.5rem;}
.services_offer_box h5{font-size: 1.9rem; color: var(--blue); line-height: 3rem; font-weight: 600;}

.essential_service{background: var(--white); box-shadow: 0 0 3rem .4rem rgba(0,0,0,.05); border-radius: 1rem; margin-top: 4rem;}
.services_offer{margin-top: 2rem;}
.essential_service_img{background-image: url(../images/ser_de_img.jpg); background-position: center center; background-repeat: no-repeat; background-size: cover; height: 100%; width: 100%; border-radius: 1rem 0 0 1rem;}
.essential_service_txt ul li{padding-top: 1.5rem; color: var(--black);}
.essential_service_txt ul li i{color: var(--brand); padding-right: 1rem; font-weight: 700;}
.essential_service_txt{padding: 3rem 2.5rem;}

.services_deatils_box_snd{padding-left: 2rem;}
.ser_info_box{padding: 3rem 2.5rem; background: #f6f6f6; border-radius: .6rem; position: relative; margin-bottom: 3rem;}
.ser_info_box .form-control{height: 6rem; position: relative; border: none; background-color: var(--white); padding: 0 2rem; font-size: 1.6rem; color: var(--text_color);}
.ser_info_box .click_btn{padding: 0 2rem; position: absolute; right: 1.5rem; border: none; top: 3rem; background-color: var(--brand); text-align: center; height: 6rem; border-radius: 0 .5rem .5rem 0; color: var(--white);}
.ser_info_box .form-control:focus{box-shadow: unset;}
.ser_info_box span{width: 100%; display: inline-block; color: var(--blue); font-size: 2rem; font-weight: 600; padding-bottom: 2rem;}
.ser_info_box span i{color: var(--brand); padding-right: 1rem;}

.service_list li{position: relative; transition: .8s; margin-top: 1.5rem;}
.service_list li a{border-radius: .6rem; padding: 1.5rem 2rem; display: inline-block; text-transform: capitalize; color: var(--text_color); border: .1rem solid #ebe9e9; transition: .5s; width: 100%;}
.service_list li i{position: absolute; right: 7rem; top: 50%; transform: translateY(-55%); color: var(--brand); opacity: 0; visibility: hidden; transition: .8s;}
.service_list li:hover a{background: var(--white); border-radius: .6rem;  border-color: var(--white);}
.service_list li:hover i{right: 2rem; visibility: visible; opacity: 1;}

.premium_box{padding: 6rem 3rem; border-radius: 1rem; margin-bottom: 3rem;}
.premium_box h3{font-size: 3rem; color: var(--white);}
.premium_box strong{width: 100%; display: inline-block; font-size: 2.5rem; color: var(--brand); font-weight: 600; padding-top: 1.5rem;}







/* contact_page */
.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); 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 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);}
.input_type textarea{height: 100px; resize: none; padding: 1.5rem;}
.contact_form_icon{position: absolute; top: 0; right: 2rem; margin: 1.5rem 0 1.5rem}
.contact_form_icon i{color: var(--brand);}
.input_type{margin-top: 2rem; position: relative;}
.contact_sec .appointment_box{margin-bottom: 0; margin-top: 0;}
.map_sec iframe{width: 100%; height: 40rem; border-radius: 1rem;}
.appointment_box{box-shadow: 0 .1rem 5rem 0 rgba(0, 0, 0, 0.1); background: var(--white); position: relative; border-radius: .6rem;}
.appointment_img{background-image: url(../images/contact_bg_5.jpg); background-position: center center; background-repeat: no-repeat; background-size: cover; height: 100%; width: 100%;}
.contact_form{padding: 3.5rem 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 only screen and (max-width: 1200px){

  .menu_sec{padding-right: 17rem;}
  .about_snd_img{left: 3rem; top: 45%;}
  .footer_top .collum:nth-child(2) .footer_txt{padding-left: 6rem;}
  .footer_top .collum:nth-child(3) .footer_txt{padding-left: 1rem;}
  .footer_sec::before{width: 15rem; height: 18rem;}
  .footer_sec::after{width: 15rem; height: 20rem;}
  h1, h2{font-size: 2.7rem;}



  /* about_page */
  .about_company_list{margin-top: .5rem;}



  /* services_deatils */
  .services_deatils_box_snd{padding-left: 1rem;}




}

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

  .banner_txt strong{font-size: 4rem; line-height: 5rem;}
  .banner_box{padding: 10rem 0;}
  .navbar-brand img{width: 20rem;}
  .menu_sec li{font-size: 1.7rem;}
  .header_menu::before{display: none;}
  .icon_bar img{width: 4rem;}
  .call_img{padding-right: 1rem;}
  .about_snd_img{display: none;}
  .about_buttom_list li i{padding-right: .5rem;}
  .since_box{padding: 2.5rem 1.5rem; margin-top: 2.5rem; font-size: 1.9rem;}
  .services_txt{padding: 2rem 2.5rem 4rem 2.5rem;}
  .team_img_snd{top: 14rem;}
  h1, h2{font-size: 2.5rem; line-height: 3.5rem;}
  .heding img{width: 3.5rem;}
  .heding{font-size: 1.9rem;}
  .af_bf_box{padding-top: 1.5rem;}
  .af_bf_txt{padding-left: 1rem;}
  .offer_txt{padding-right: .5rem;}
  .process_img{padding: 1rem; max-width: 18rem; margin: 0 auto 2rem auto;}
  .process_icon{width: 6rem; height: 6rem;}
  .process_icon img{width: 4rem;}
  .process_txt{padding: 0 1rem;}
  .process_txt h3{font-size: 2.2rem; padding-bottom: .6rem;}
  .process_box::after{height: 4rem; line-height: 4rem; width: 10rem; top: 8rem; right: -5rem; font-size: 2rem;}
  .footer_top .collum:nth-child(2) .footer_txt{padding-left: 4rem;}
  .footer_top .collum:nth-child(3) .footer_txt{padding-left: 0rem;}
  .ft_contact img{margin-right: 1.5rem;}
  .footer_sec ul li{font-size: 1.5rem;}
  .footer_txt .ft_logo{width: 18rem;}
    
   



  /* contact_page */
  .contact_form{padding: 3.5rem 1.5rem;}


  /* services_deatils */
  .ser_info_box{padding: 3rem 2rem;}
  .essential_service_txt{padding: 3rem 1.5rem;}
  .premium_box h3{font-size: 2.8rem;}
  .premium_box{padding: 6rem 1rem;}
  .services_offer{margin-top: 1rem;}
  .services_deatils_box h3{padding-top: 1.5rem;}



}

@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(--blue); 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);}
    .menu_sec{padding-right: 0;}
    .menu_sec li a{padding-right: 0; padding: 1rem; border-bottom: .1rem dashed var(--brand); width: 100%;}

    .icon_bar{right: 6rem;}
    .banner_img{margin-top: 2.5rem;}
    .banner_box{padding: 7rem 0;}
    .hedder_rt_box li span{display: none;}
    .team_img_snd{top: 5rem;}
    .team_img_box{margin-top: 3rem;}
    .offer_txt{padding-right: 0; padding-bottom: 2.5rem;}
    .process_txt{padding: 0 .5rem;}
    .process_img{max-width: 15rem; margin: 0 auto 1.5rem auto;}
    .process_box::after{height: 4rem; line-height: 4rem; width: 7rem; top: 6rem; right: -4rem;}
    .process_icon{width: 5rem; height: 5rem;}
    .counter_txt span{font-size: 3rem;}
    .counter_txt h5{padding-top: 1.5rem;}
    .about_years{right: inherit; bottom: 0; left: 2rem;}
    .ptb{padding: 6rem 0;}





    /* about_page */
    .about_company_box{padding-bottom: 2rem;}




    /* services_deatils */
    .services_deatils_box_snd{padding-left: 0; padding-top: 3rem;}




}

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

    .banner_img::before{display: none;}
    .ba-slider img{height: 35rem;}
    .about_years{bottom: 14rem; left: .5rem;}
    .years_box h3{font-size: 5rem;}
    .services_txt{padding: 2rem 1rem 3rem 1rem;}
    .process_box{border-right: none;}
    .process_box::after{display: none;}
    .process_txt{padding: 0;}
    .footer_top .collum:nth-child(2) .footer_txt{padding-left: 0;}
    .ptb{padding: 5rem 0;}



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



    /* inner_banner */
    .inner_banner .banner_txt strong{padding-bottom: 1rem;}

    
}


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

  .top_lt{display: none;}
  .he_ph_no{display: none;}
  .navbar-brand img{width: 17rem;}
  .icon_bar{right: 4rem;}
  .heding img{width: 3rem;}
  .heding{font-size: 1.8rem;}
  .banner_txt strong{font-size: 3rem; line-height: 4rem;}
  .banner_box{padding: 5rem 0;}
  h1, h2{font-size: 2.2rem; line-height: 3.2rem;}
  .about_buttom_list li{width: 100%;}
  .since_box{padding: 2rem 1rem; margin-top: 2rem; font-size: 1.7rem;}
  .about_txt{padding-bottom: 2rem;}
  .about_years .d-flex{flex-direction: column;}
  .about_years{display: none;}
  .services_box{margin-top: 2rem;}
  .team_img_snd{display: none;}
  .banner_contact .d-flex{flex-direction: column;}
  .ba-slider img{height: 30rem;}
  .af_bf_box{flex-direction: column; text-align: center;}
  .process_box{margin-top: 4rem;}
  .footer_top{padding: 3rem 0;}
  .footer_txt strong{font-size: 1.8rem; margin-bottom: 3rem;}
  .footer_sec::after{width: 10rem; height: 15rem;}
  .counter_txt span{font-size: 2.5rem;}
  .counter_box{padding: 3rem .6rem;  margin-top: 1rem;}
  .footer_bootom .d-flex{flex-direction: column; text-align: center;}
  .footer_sec::before{width: 13rem;}
  .footer_sec::after{width: 8rem;}




  /* inner_banner */
  .inner_banner .banner_txt strong{font-size: 2.5rem; line-height: 3.5rem;}
  .inner_banner .banner_box{padding: 3rem 0;}
    




  /* about_page */
  .inner_ptb{padding: 3rem 0 6rem;}
  .about_company_list li i{padding-right: .5rem;}



  /* services_deatils */
  .services_deatils_box h3{font-size: 2rem;}
  .essential_service_txt ul li i{padding-right: .5rem;}
  .essential_service_txt{padding: 3rem 1rem;}
  .ser_info_box{padding: 3rem 1.5rem;}
  .services_offer_txt{flex-direction: column; text-align: center;}


    
}

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

}