@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 'Roboto', 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: #fff;
    --brand: #075F33;
    --yellow: #f3cb5f;
    --orange: #ffae00;
    /* --orange: #fba311; */
    --text_color: #878C8F;
    --border-color: #cbcbcb;
    --background_color: #EEF0F6;

}

@keyframes animate{
    0% {
        transform: translate(-50%, -75%) rotate(0deg);
    }
    100% {
        transform: translate(-50%, -75%) rotate(360deg);
    }
}

@keyframes animation1{
    0%, 100% {
        -webkit-transform: rotate(0deg) translateX(0);
        transform: rotate(0deg) translateX(0);
    }
    25%, 75% {
        -webkit-transform: rotate(5deg) translateX(15px);
        transform: rotate(5deg) translateX(15px);
    }
    50% {
        -webkit-transform: rotate(10deg) translateX(30px);
        transform: rotate(10deg) translateX(30px);
    }
}

@keyframes shine{
    100% {
        left: 125%;
    }
    100% {
        left: 125%;
    }
}

@keyframes float-bob-x{
    0% {
        transform: translateX(-30px);
    }
    50% {
        transform: translateX(-10px);
    }
    100% {
        transform: translateX(-30px);
    }
}

@keyframes jumpReverseAni{
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    50% {
        -webkit-transform: translateY(30px);
        transform: translateY(30px);
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@keyframes float-bob-y{
  0% {
    transform: translateY(-20px);
  }
  50% {
    transform: translateY(-10px);
  }
  100% {
    transform: translateY(-20px);
  }
}

@keyframes zoomInOut{
  0% {
    -webkit-transform: rotate(0deg) scale(0.7);
    transform: rotate(0deg) scale(0.7);
    opacity: 0;
  }
  50% {
    -webkit-transform: rotate(180deg) scale(1);
    transform: rotate(180deg) scale(1);
    opacity: 1;
  }
  100% {
    -webkit-transform: rotate(360deg) scale(0.7);
    transform: rotate(360deg) scale(0.7);
    opacity: 0;
  }
}

@keyframes call{
  0% {
    box-shadow: 0 0 0 0 rgba(7, 95, 51 , 0.7), 0 0 0 0 rgba(7, 95, 51 ,0.7);
  }
  40% {
    box-shadow: 0 0 0 50px rgba(7, 95, 51, 0), 0 0 0 0 rgba(7, 95, 51, 0.7);
  }
  80% {
    box-shadow: 0 0 0 50px rgba(7, 95, 51, 0), 0 0 0 30px rgba(7, 95, 51, 0);
  }
  100% {
    box-shadow: 0 0 0 0 rgba(7, 95, 51, 0), 0 0 0 30px rgba(7, 95, 51, 0);
  }
}

@keyframes updown{
  0% {
    transform: translateY(0);
  }
  40% {
    transform: translateY(-5px);
  }
  100% {
    transform: translateY(0);
  }
}

@keyframes coccoc-alo-circle-img-anim{
  0% {
    transform: rotate(0) scale(1) skew(1deg);
  }
  10% {
    transform: rotate(-25deg) scale(1) skew(1deg);
  }
  20% {
    transform: rotate(25deg) scale(1) skew(1deg);
  }
  30% {
    transform: rotate(-25deg) scale(1) skew(1deg);
  }
  40% {
    transform: rotate(25deg) scale(1) skew(1deg);
  }
  50% {
    transform: rotate(0) scale(1) skew(1deg);
  }
  100% {
    transform: rotate(0) scale(1) skew(1deg);
  }
}



em{font-style: normal;}
h1,h2{font-size: 3.2rem; color: var(--brand); font-weight: 800; letter-spacing: .1rem; line-height: 4.5rem; text-transform: capitalize; font-family: 'Nunito Sans';}
h3{text-transform: capitalize; font-weight: 600; letter-spacing: .1rem; font-size: 2.5rem; line-height: 3.5rem; color: var(--black); font-family: 'Nunito Sans';}
h4{text-transform: capitalize; font-weight: 600; letter-spacing: .1rem; font-size: 2rem; line-height: 3rem; color: var(--black); font-family: 'Nunito Sans';}
h5,h6{text-transform: capitalize;}
p{line-height: 2.5rem; letter-spacing: .1rem; text-transform: capitalize;}
.ptb{padding: 7rem 0;}
.inner_ptb{padding: 4rem 0 7rem;}
.hidden_sec{overflow: hidden;}


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

.heding{position: relative; padding: 0 0 0 5rem; z-index: 1; font-size: 1.6rem; color: var(--orange); text-transform: uppercase; font-weight: 600; margin-bottom: 1rem; display: inline-block;}
.heding::before{content: ''; position: absolute; left: 0; right: auto; top: 0; width: 4.5rem; height: 4.5rem; bottom: 1.5rem; margin: auto; z-index: 1; background: url(../images/oosouji.png); background-repeat: repeat; background-size: auto; background-repeat: no-repeat; background-size: cover;}
.heding::after{content: ''; position: absolute; left: 1rem; right: auto; top: 1rem; bottom: 0; margin: auto; width: 2rem; height: 2rem; background-color: var(--orange); border-radius: .4rem;}


.click{position: relative; display: inline-block; margin-top: 3rem; line-height: 5rem; text-align: center; overflow: hidden; border-radius: .5rem; transition: .4s; -webkit-transition: all .4s ease-in-out; color: var(--white); height: 5rem; font-size: 1.6rem; letter-spacing: .1rem; text-transform: capitalize; text-align: center; padding: 0 3rem;}
.click em{position: relative; color: var(--white); z-index: 1;}
.click .liquid{position: absolute; top: -12rem; left: 0; width: 19rem; height: 19rem; background: var(--orange); box-shadow: inset 0 0 5rem rgba(0, 0, 0, 0.1); transition: 0.5s;}
.click .liquid::before{position: absolute; top: 0; left: 50%; width: 200%; height: 200%; transform: translate(-50%, -75%); content: ""; border-radius: 45%; background: rgba(255, 255, 255, 0.4); animation: animate 5s linear infinite;}
.click .liquid::after{position: absolute; top: 0; left: 50%; width: 200%; height: 200%; transform: translate(-50%, -75%); content: ""; border-radius: 40%; background: rgba(255, 255, 255, 0.1); animation: animate 10s linear infinite;}
.click:hover .liquid{top: -8rem;}


/* p_scroll */
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {background: var(--brand) !important;}
.blog_content{height: 9rem; overflow-y: auto; margin-top: 1.5rem;}
.blog_content .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {background-color: var(--brand);}







/*header*/
.header_sec{width: 100%;}
.drop-nav{position: absolute; top: 10px; right: 0px;}
.nav_top .dropdown-menu li a{font-size: 13px;}
.header_menu::before{display: none;}
.menu_sec li{ position: relative;}
.nav_top .navbar-brand img{width: 100%; max-width: 16rem; z-index: 1; position: relative;} 
.header_top{position: relative; background: var(--background_color);} 
.header_top .d-flex{align-items: center; justify-content: space-between;}   
.header_top_lt ul li{display: inline-block; font-size: 1.5rem; font-weight: 500;} 
.header_top_lt ul li i{color: var(--brand); font-weight: 700; margin-right: .8rem;}
.header_top_lt ul li:last-child a{border-right-color: transparent; padding-left: 3rem;}
.header_top_lt ul li:first-child a{padding-left: 0;}
.header_top_lt{position: relative;}
.header_top_lt span{color: var(--black); font-weight: 500; position: relative;}
.header_top_rt ul li{color: var(--black); display: inline-block;}
.menu_sec{padding-right: 25rem;}
.menu_sec li{position: relative; text-transform: capitalize; font-size: 1.8rem; font-weight: 500; letter-spacing: .1rem;}  
.menu_sec li a{color: var(--black); display: inline-block; padding: 0 1.5rem; position: relative;}
.menu_sec li:first-child a{padding-left: 0;}
.header_rt_buttin{position: absolute; right: 0; top: 0;}
.header_top_lt ul li a{position: relative; margin-left: 1.5rem; color: var(--black); display: inline-block; padding: 1rem 1.5rem;}
.header_top_lt_box{position: relative; display: block; overflow: hidden; border: .1rem solid var(--border-color); padding: 0 2rem; border-radius: .6rem; margin: .5rem 0;}
.header_top_lt ul li a::before{position: absolute; top: .2rem; bottom: .2rem; width: .1rem; background: var(--border-color); content: ""; left: 0;}
.header_top_rt_box{position: relative; display: block; overflow: hidden; border: .1rem solid var(--border-color); padding: 0 2rem; border-radius: .6rem; margin: .5rem 0;}
.header_top_rt_box li a{position: relative; margin-left: 1rem; color: var(--black); display: inline-block; padding: 1rem .5rem;}
.header_top_rt_box li:last-child a:before{position: absolute; top: .2rem; bottom: .2rem; width: .1rem; background: var(--border-color); content: ""; left: 0;}
.header_top_rt_box li:last-child a{padding-left: 2rem;}
.header_top_rt_box li:last-child a i{padding-right: 2rem;}
.header_top_rt_box li i{color: var(--brand); font-weight: 700;}


.menu_sec li.active a, .menu_sec li a:hover{color: var(--brand);}
.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 .header_top{display: none;}
.header_sec.fixed .nav_top{background: var(--white); padding: 1.5rem 0rem !important;}
   
   

.header_sec{width: 100%; position: absolute; left: 0; top: 0; z-index: 999; transition: all ease 0.4s; -webkit-transition: all ease 0.4s; -moz-transition: all ease 0.4s; -ms-transition: all ease 0.4s; -o-transition: all ease 0.4s;}
.nav_top {position: relative; border: none; min-height: auto; box-shadow: none; border-radius: 0 0 2rem 2rem; background: var(--background_color); padding: 2rem 2rem !important;}
.icon_bar{position: absolute; right: 2rem; top: 3rem; display: flex;}
.icon_bar a{color: var(--brand);}
.call_img i{font-size: 3rem; font-weight: 700; padding-right: 1rem; -webkit-animation: coccoc-alo-circle-img-anim 1s infinite ease-in-out;
  -moz-animation: coccoc-alo-circle-img-anim 1s infinite ease-in-out;
  -ms-animation: coccoc-alo-circle-img-anim 1s infinite ease-in-out;
  -o-animation: coccoc-alo-circle-img-anim 1s infinite ease-in-out;
  animation: coccoc-alo-circle-img-anim 1s infinite ease-in-out;}
.icon_bar .click{margin-top: 0; margin-left: 3rem;}
.icon_bar .click span{display: none; color: var(--white); position: relative; z-index: 1;}
.icon_bar .click span i{color: var(--white); padding-top: 1.5rem;}
.menu_sec{position: relative;}
.menu_sec::before{position: absolute; top: -1rem; right: 23rem; bottom: -1rem; width: .1rem; background: var(--brand); content: "";}
   









/*banner*/  
.bannersec{width: 100%; position: relative;}
.banner_box{position: relative; padding: 30rem 0 10rem;}
.banner_box::before{background: rgba(0, 0, 0, 0.5); content: " "; height: 100%; left: 0; position: absolute; top: 0; width: 100%;}
.banner_txt{position: relative; z-index: 2;}
.banner_txt span{width: 100%; display: inline-block; text-transform: uppercase; color: var(--orange); font-size: 2rem; line-height: 3rem; font-weight: 600; padding-bottom: 1rem;}
.banner_txt strong{width: 100%; display: inline-block; text-transform: capitalize; color: var(--white); font-size: 5rem; line-height: 6rem; font-weight: 600; padding-bottom: 1.5rem;}

.banner_shape1{position: absolute; top: 180px; left: 40px; opacity: 0.9; z-index: -1; animation: animation1 5s ease-in infinite; z-index: 1;}
.banner_shape5{position: absolute; top: 20rem; left: 5rem; opacity: 0.9; z-index: -1; animation: animation1 5s ease-in infinite; z-index: 1;}
.banner_shape2{position: absolute; right: 0; bottom: 0; opacity: 0.09; z-index: 1;}
.banner_shape3{position: absolute; bottom: 0; left: 0; opacity: 0.09; z-index: 1;}
.banner_shape4{position: absolute; left: -15rem; bottom: 0; opacity: 0.4; z-index: 1;}
.banner_txt p{color: var(--white);}


.banner_box .contact_form{background: var(--white); box-shadow: 0 2rem 6rem -1rem rgba(0,0,0,.1); position: relative; padding: 3rem 3rem; border-radius: 1rem; z-index: 1;}
.banner_box .contact_form::before{content: ""; position: absolute; background-color: rgba(255,255,255,0.5); height: 100%; width: 100%; top: 1.5rem; left: 1.5rem; border-radius: 1rem;}
.banner_box .row{align-items: center;}
.contact_form h2{position: relative;}
.banner_box .contact_form .click .liquid{position: absolute; top: -12rem; left: 0; width: 100%; height: 19rem; background: var(--orange); box-shadow: inset 0 0 5rem rgba(0, 0, 0, 0.1); transition: 0.5s;}
.banner_box .contact_form .input_type button {width: 100%; border: none;}









/* about_sec */
.about_sec{position: relative;}
.about_shape{position: absolute; bottom: 4rem; right: 2rem;}
.about_btn .click{margin-top: 0;}
.about_txt{padding-left: 2rem;}
.about_img_box{position: relative; display: block; width: 100%;}
.about_img{position: relative; display: block; overflow: hidden; border-radius: 1rem;}
.about_img::before{position: absolute; top: 0; left: -100%; display: block; content: ''; width: 50%; height: 100%; background: linear-gradient(to right, rgba(255, 255, 255, .7) 0%, rgba(255, 255, 255, .3) 100%); transform: skewX(25deg); z-index: 2; border-radius: 1rem;} 
.about_img img{border-radius: 1rem; width: 100%; transition: all 500ms linear; transition-delay: 0s; transition-delay: 0.2s; height: 55rem; object-fit: cover;}
.about_img_box:hover .about_img::before{-webkit-animation: shine 1.9s; animation: shine 1.9s;}
.about_img_box:hover .about_img img{transform: scale(1.1) rotate(0deg); transition: all 500ms linear; transition-delay: 0s; transition-delay: 0.1s;}
.experince_box{position: absolute; top: 12rem; right: 0; bottom: 0; width: 7rem; text-align: center; background-color: var(--white); border-radius: .6rem; z-index: 5; box-shadow: 0 .2rem 3rem 0 rgb(9, 24, 84, 0.08); height: 30rem;}
.about_img:hover .experince_box h2{letter-spacing: 0.05em;}
.experince_box h2{font-size: 2.4rem; line-height: 3rem; font-weight: 800; text-transform: capitalize; color: var(--brand); letter-spacing: 0.015em; transform: rotate(-90deg) translateX(0%); transform-origin: 0 0; width: max-content; margin: 28rem 2rem; transition: all 500ms ease;}
.about_img_box:hover .experince_box h2{letter-spacing: 0.05em;}
.about_shape img{-webkit-animation: jumpReverseAni 7s linear infinite; animation: jumpReverseAni 7s linear infinite; opacity: 0.6;}


.about_box{padding: 1.5rem 3rem; background-color: var(--white); box-shadow: 0 1rem 4rem rgba(153,153,153,.2); position: relative; z-index: 1; margin-top: 2rem; border-radius: 1rem;}
.about_box::before{content: ''; z-index: -1; position: absolute; top: 0; left: 0; bottom: 0; right: 0; transition: .3s cubic-bezier(.24,.74,.58,1); opacity: 0; background-image: -moz-linear-gradient(bottom, rgba(0, 124, 251, 0), #ffae00);}
.about_box:hover::before{opacity: .12;}
.about_icon img{width: 5rem;}
.about_box h3{font-size: 2rem;}
.about_icon{background: #FDEDCA; height: 6rem; line-height: 6rem; text-align: center; width: 6rem; min-width: 6rem; border-radius: .6rem; margin-right: 1rem; padding: .4rem;}
.about_icon img{display: inline-block; transition: .3s cubic-bezier(.24,.74,.58,1);}
.about_box:hover .about_icon img{transform: rotateY(360deg);}








/* service_sec */
.service_box{position: relative; display: block; z-index: 1; margin-top: 3rem;}
.service_info{position: relative; display: block;}
.service_img{position: relative; display: block; overflow: hidden; z-index: 1; border-radius: 1rem;}
.service_box:hover .service_img::before{-webkit-animation: circle .75s; animation: circle .75s;}
.service_img::before{position: absolute; top: 50%; left: 50%; display: block; content: ''; width: 0; height: 0; background: rgba(255, 255, 255, .2); border-radius: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); opacity: 0; z-index: 1;}
.service_img img{display: block; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; transform: scale(1.01); transition: all 700ms ease; height: 40rem; object-fit: cover;}  
.service_box:hover .service_img img{transform: scale(1.2);}
.service_txt{position: absolute; left: 0; bottom: 0; background: var(--white); padding: 3rem 1rem 4rem 2rem; width: 30rem; height: 15rem; border-radius: 0 1rem 0 1rem; transition: all 200ms linear; transition-delay: 0s; transition-delay: 0.1s; z-index: 2;}
.service_box:hover .service_txt::before{transform: scaleX(1.0) rotateX(0deg); transition: all 0.4s linear; opacity: 1;}  
.service_txt::before{position: absolute; top: 0; left: 0; bottom: 0; right: 0; content: ""; transform: scaleX(0.7) rotateX(20deg); transition: all 0.4s linear; z-index: -1; border-radius: 0 1rem 0 1rem; opacity: 0; background: var(--orange);}
.service_btn{position: absolute; bottom: 3rem; z-index: 2; right: -4rem;}
.service_btn .click i{color: var(--white); line-height: 5rem; font-size: 2rem;}
.service_btn .click{padding: 0 2rem; margin-top: 0;}
.service_txt h3 a{color: var(--brand);}
.service_box:hover .service_txt h3 a{color: var(--white);}
.service_txt h5{color: var(--text_color); font-size: 1.7rem;}
.service_box:hover .service_txt h5{color: var(--white);}
.service_sec{position: relative;}
.service_btn .click .liquid{background: var(--brand);}
.service_sec h2{position: relative; z-index: 1;}
.services_footer{z-index: 1; position: relative; align-items: center; justify-content: space-between; margin-top: 6rem; border-top: .1rem solid var(--border-color); padding: 3rem 3rem 0 3rem;}
.service_sec::before{content: ""; position: absolute; background-color: rgba(255,255,255,0.94); height: 100%; width: 100%; top: 0; left: 0; z-index: 1;}
.services_footer .click{margin-top: 0rem;}

.services_phone{width: 5rem; height: 5rem; display: flex; align-items: center; justify-content: center; background-color: var(--brand); border-radius: 100%; animation: call 2s linear infinite; margin-right: 4rem;}
.services_phone img{width: 4rem;}





/* team_sec */
/* .team_box{position: relative; display: block; z-index: 1; margin-top: 3rem;}
.team_box::befor{position: absolute; top: 100px; left: 0; bottom: 0; right: 0; background: #ffffff; box-shadow: 0px 10px 60px 0px rgb(0, 0, 0, 0.05); border-radius: 9px; content: ""; z-index: -1;}
.team_box::after{position: absolute; top: 100px; left: 0; bottom: 0; right: 0; transform: scaleX(0.7) rotateX(0deg); transition: all 0.4s linear; opacity: 0; border-radius: 9px; content: ""; z-index: -1; background: var(--brand);}
.team_box:hover::after{transform: scaleX(1.0) rotateX(0deg); transition: all 0.4s linear; opacity: 1;}
.team_img{position: relative; display: block; border-radius: 10px; overflow: hidden; max-width: 320px; width: 100%; z-index: 1;}
.team_img::before{position: absolute; top: 0; left: 0; width: 100%; height: 100%; transition-delay: .1s; transition-timing-function: ease-in-out; transition-duration: .7s; transition-property: all; opacity: 0; z-index: 1; content: ""; background: rgba(7, 95, 51, .2);}
.team_box:hover .team_img::before{opacity: 1;}
.team_img img{width: 100%; transition: .5s ease; transform: scale(1.05); height: auto; max-width: 100%; border: none; border-radius: 0; box-shadow: none;}
.team_box:hover .team_img img{transform: scale(1);}
.team_txt{position: relative; display: flex; align-items: center; justify-content: space-between; padding: 22px 30px 23px;}
.content_box{position: relative; display: block; line-height: 0;}
.content_box h3 a{transition: all 200ms linear; transition-delay: 0s; transition-delay: 0.1s; color: var(--brand);}
.team_box:hover .content_box h3 a{color: var(--white);}
.content_box span{color: var(--brand);}
.team_box:hover .content_box span{color: var(--white); transition: all 200ms linear; transition-delay: 0s; transition-delay: 0.1s;}
.team_txt .social_links{position: relative; display: block; z-index: 5;}
.social_links li{position: relative; display: inline-block;}
.social_links li.share{position: relative;}
.social_links li  a{position: relative; display: flex; align-items: center; justify-content: center; width: 45px; height: 45px; border-radius: 5px; z-index: 1; background: var(--brand);}
.social_links li a::before{content: ""; position: absolute; top: 0; left: 0; bottom: 0; right: 0; background: #ffffff; background-color: rgb(255, 255, 255); border-radius: 5px; transform: scale(0.5); opacity: 0; -webkit-transition: all 0.4s linear; -o-transition: all 0.4s linear; transition: all 0.4s linear; z-index: -1; background-color: #ffffff;}
.team_txt:hover .social_links li a::before{transform: scale(1.0); opacity: 1;}
.team_box{text-align: left;}
.content_box h3{padding-bottom: 1rem;}
.social_links li  a  span{position: relative; display: block;}
.social_links li a span::before{position: relative; display: inline-block; top: -1px; color: #ffffff; font-size: 13px; line-height: 13px; font-weight: 700; transition: all 200ms linear; transition-delay: 0s; transition-delay: 0.1s; content: "\f1e0"; font-family: "Font Awesome 6 Pro";}
.team_txt:hover .social_links li  a span::before{color: var(--brand);}
.social_links .share .team_social{position: absolute; bottom: 55px; left: 0px; right: 0; line-height: 0; transform: scaleY(0); transform-origin: center; transform-style: preserve-3d; -webkit-transition: all 0.5s linear; -o-transition: all 0.5s linear; transition: all 0.5s linear; transition-delay: 0s; transform-origin: bottom center;}
.social_links .share:hover .team_social{transform: scaleY(1.0); -webkit-transition-delay: 100ms; -moz-transition-delay: 100ms; -ms-transition-delay: 100ms; -o-transition-delay: 100ms; transition-delay: 100ms;}
.social_links .share .team_social li{position: relative; display: block; margin-bottom: 10px;}
.social_links .share .team_social li a{position: relative; display: block; position: relative; display: flex; align-items: center; justify-content: center; width: 43px; height: 43px; background: #ffffff; border-radius: 5px; z-index: 1;}
.social_links .share .team_social li a::before{content: ""; position: absolute; top: 0; left: 0; bottom: 0; right: 0; border-radius: 5px; transform: scale(0.5); opacity: 0; -webkit-transition: all 0.4s linear; -o-transition: all 0.4s linear; transition: all 0.4s linear; z-index: -1; background: var(--orange);}
.social_links .share .team_social li a:hover::before{transform: scale(1.0); opacity: 1;}
.social_links .share .team_social li a i{position: relative; display: block;}
.social_links .share .team_social li a i::before{position: relative; display: inline-block; font-size: 15px; line-height: 15px; font-weight: 400; transition: all 200ms linear; transition-delay: 0s; transition-delay: 0.1s; color: var(--brand);}
.social_links .share .team_social li a:hover i::before{color: #ffffff;}
.team_sec{position: relative;}
.team_shape{position: absolute; right: 2rem; top: 2rem; -webkit-animation-name: float-bob-y; animation-name: float-bob-y; -webkit-animation-duration: 2s; animation-duration: 2s; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-timing-function: linear; animation-timing-function: linear;}
.team_shape img{width: 15rem;} */





/* process_sec */
.process_detalis{position: relative;}
.process_detalis::before{position: absolute; left: 0; top: 14rem; content: ""; background-image: url(../images/process_bg.png); background-position: top center; background-repeat: no-repeat; width: 100%; height: 100%;}
.process_box{margin-top: 3rem; position: relative; display: block; max-width: 22rem; width: 100%;}
.process_img{position: relative; display: block;}
.process_inner{position: relative; display: block; width: 20rem; height: 20rem; border-radius: 100%; overflow: hidden; border: .8rem solid var(--background_color); margin: 0 auto; z-index: 2;}
.process_inner::before{position: absolute; top: 0; right: 0; bottom: 0; left: 0; content: ""; border-radius: 100%; background-color: rgba(255, 255, 255, 0.6); transform: scale(0.5); opacity: 0; transition: all 500ms ease; z-index: 1;}
.process_inner img{width: 100%; transition: all 500ms ease; width: 20rem; height: 20rem; object-fit: cover;}
.process_count{position: absolute; left: 1rem; bottom: 1rem; display: flex; align-items: center; justify-content: center; text-align: center; width: 5rem; height: 5rem; background: var(--white); border-radius: 100%; color: var(--orange); font-size: 2rem; font-weight: 900; z-index: 5;}
/* .process_count::before{counter-increment: count; content: "0" counter(count);} */
.process_txt{position: relative; display: block; text-align: center; z-index: 1; padding: 2rem 1rem 2rem;} 
.process_txt::before{position: absolute; top: -9rem; left: 0; bottom: 0; right: 0; background: var(--brand); border-radius: .4rem; content: ""; z-index: -1;}
.process_icon{position: absolute; top: -2rem; right: .5rem; z-index: -1;}
.process_txt h3 a{color: var(--white);}
.process_box:hover .process_inner::before{transform: scale(1); opacity: 1;}
.process_box:hover .process_inner img{transform: scale(1.1);}
.process_sec .collum:nth-child(1) .process_box, .process_sec .collum:nth-child(3) .process_box{margin-top: 9rem;}











/* inner_contact */
.process_offer{box-shadow: 1rem 2rem 5rem -1rem rgba(0,0,0,.1); border-radius: 1rem; margin-top: 2rem; text-align: left;}
.book_offer_call img{background: var(--brand); padding: .8rem; margin-right: 1rem; border-radius: 100%; width: 6rem; -webkit-animation: coccoc-alo-circle-img-anim 1s infinite ease-in-out; -moz-animation: coccoc-alo-circle-img-anim 1s infinite ease-in-out; -ms-animation: coccoc-alo-circle-img-anim 1s infinite ease-in-out; -o-animation: coccoc-alo-circle-img-anim 1s infinite ease-in-out; animation: coccoc-alo-circle-img-anim 1s infinite ease-in-out;}
.process_offer_btn{display: flex; align-items: center; justify-content: space-between; margin-top: 1.5rem; border-top: .1rem solid var(--background_color); padding-top: 1.5rem;}
.process_offer_img img{border-radius: 1rem 0 0 1rem;}
.process_offer_txt{padding: 2rem 2.5rem;}
.offer_book_btn .click{margin-top: 0rem;}
.book_offer_call ul li span{width: 100%; display: inline-block; color: var(--black); font-size: 1.8rem;}
.book_offer_call ul li a{color: var(--black); font-size: 2rem; font-weight: 700; letter-spacing: .1rem;}
.book_offer_call ul li{font-size: 1.8rem;}
.process_offer_heding{position: relative; padding-left: 6rem;}
.process_offer_heding::after{content: ''; height: .1rem; width: 5rem; top: 1.5rem; left: 0; position: absolute; background: var(--brand);}








/* offer_sec */
.discount_gol{position: relative;}
.offer_txt h3{color: var(--black); 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;}
.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(--orange); padding: .4rem 1.4rem; 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: 45rem; 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;}











/*testimonial*/
.testimonial{background-color: #EEF0F6; position: relative;}
.client_img span{width: 100%; display: inline-block; color: var(--brand);}
.testimonial .owl-nav.disabled{font-size: 0; text-align: center; display: flex; align-items: center; justify-content: center; position: absolute; right: 2rem; top: -4rem;}
.testimonial .owl-prev, .testimonial .owl-next{border: .2rem solid var(--brand); width: 3rem; height: 3rem; background: none; border-radius: .7rem;}
.testimonial .owl-prev:before, .testimonial .owl-next:before{font: normal 1.8rem/3rem FontAwesome; color: var(--brand); content: "\f060";}
.testimonial .owl-next:before{content: "\f061";}
.testimonial .owl-next{margin-left: .8rem;}
.owl-dots{display: none;}
.testimonial .owl-prev:before, .testimonial .owl-next:before{line-height: 2.6rem;}
/* .testimonial .owl-item{padding: 0 1rem;} */
.testimonial .item{text-align: left; padding: .4rem;}
.testimonial .row{align-items: center;}
.testimonial_box{background: var(--white); padding: 3rem 3rem; position: relative; border-radius: .6rem; text-align: left; margin-top: 3rem;}
.quote{position: absolute; top: 3rem; right: 3rem; border-radius: 0 1rem 0 100%; font-size: 4rem; color: rgba(235, 103, 83, 0.15);}
.client_img{border-top: .1rem solid var(--border-color); margin-top: 2rem; padding: 3rem 0 0 2rem;}
.client_img img{border-radius: 100%; width: 6rem !important; height: 6rem; object-fit: cover; position: relative; z-index: 4;}
.client_say ul{padding-top: 2rem;}
.client_say ul li{display: inline-block; color: var(--yellow); font-size: 1.5rem;}
.testimonial_box::before{position: absolute; content: ""; left: 0; bottom: 0; width: 0; height: .4rem; background-color: var(--brand); -webkit-transition: all 0.5s ease 0s;  -o-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; opacity: 0;}
.testimonial_box:hover::before{width: 100%; opacity: 1;}
.client_img_box{position: relative; top: 0px; left: -12px; bottom: -12px; right: 0; border-radius: 50%; z-index: -2; background: var(--brand); z-index: 1;}
.client_img_box::before{position: absolute; top: -3rem; left: -2rem; bottom: -10rem; right: 0; border-radius: 100%; background-image: -moz-linear-gradient(145deg, rgb(255, 94, 21) 1%, rgb(255, 94, 21) 6%, rgb(247, 150, 35) 100%); background-image: -webkit-linear-gradient(145deg, rgb(255, 94, 21) 1%, rgb(255, 94, 21) 6%, rgb(247, 150, 35) 100%); background-image: -ms-linear-gradient(145deg, rgb(255, 94, 21) 1%, rgb(255, 94, 21) 6%, rgb(247, 150, 35) 100%); opacity: 0; transform: scaleY(0.7) rotateY(0deg); transition: all 0.4s linear; opacity: 1; content: ""; background: var(--brand); z-index: 4; width: 9rem; height: 12rem;}
.round_two{position: absolute; top: 0; left: -.9rem; bottom: 1rem; right: 0; border-radius: 100%; background: #ffffff; z-index: 4; width: 8rem; height: 8rem; top: -1rem;}
.client_img:hover .client_img_box::before{opacity: 1; background: var(--orange);}











/* blog_sec */
.blog_box{position: relative; overflow: hidden; border-radius: .6rem; margin-top: 3rem;}
.blog_txt{position: absolute; bottom: 0; width: 100%; left: 0; opacity: 1; background: var(--background_color); padding: 1.5rem 10rem 1.5rem 2rem; transition: 0.5s;}
.blog_txt h3 a{color: var(--brand);}
.blog_txt h3{font-size: 2rem;}
.blog_icon{clip-path: polygon(49% 18%,100% 0,100% 100%,0 100%,0 0); background: var(--orange); width: 12rem; height: 13rem; display: flex; align-items: center; justify-content: center; position: absolute; right: 0; bottom: 0;}
.blog_icon img{width: 6rem;}
.hov_blog_box{position: absolute; height: 100%; width: 100%; left: 0; top: 0; background-color: rgba(7, 95, 51, 0.9); padding: 13rem 2rem 2rem 2rem; opacity: 0; transform: translateY(-100%); transition: 0.5s;}
.blog_box:hover .hov_blog_box{opacity: 1; transform: translateY(0);}
.blog_img img{height: 40rem; object-fit: cover;}
.hov_blog_icon{position: absolute; right: 0; top: 0; height: 12rem; width: 12rem; background: var(--orange); -webkit-clip-path: polygon(100% 0,100% 100%,50% 79%,0 100%,0 0); clip-path: polygon(100% 0,100% 100%,50% 79%,0 100%,0 0); display: flex; align-items: center; justify-content: center; border-radius: 0;}
.hov_blog_box h4 a{color: var(--white);}
.hov_blog_box p{color: var(--white);}



/* p_scroll */
.hov_blog_box .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {background: var(--white) !important;}
.hov_blog_box .blog_content{height: 9rem; overflow-y: auto; margin-top: 1.5rem;}
.hov_blog_box .blog_content .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {background-color: var(--white);}










/* faq_sec */
.faq_box h3{color: var(--black);}
.faq_box .accordion-button{background: #f9f9f9; padding: 1.5rem; border-radius: .5rem !important; overflow: hidden;}
.faq_box  .accordion-item {border-color: transparent; margin-top: 1rem;}
.faq_box .accordion-button:not(.collapsed) {box-shadow: none; color: var(--brand); background: var(--brand);}
.faq_box .accordion-button:not(.collapsed) h4{color: var(--white);}
.faq_box .accordion-body{padding: 1rem;}
.faq_box .accordion-button h4{font-size: 1.7rem; color: var(--black); padding-right: 2rem;}
.faq_box .accordion-button:not(.collapsed)::after, .faq_box .accordion-button::after {background-image: none; content: "\f067"; font: normal 14px/1 FontAwesome; color: var(--brand); 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%);}
.faq_box .accordion-button:not(.collapsed)::after{content: "\f068"; color: var(--white);}
.faq_box .accordion-button:focus {border-color: var(--green); box-shadow: 0 0 0 .2rem var(--green);}
.ask_box h4{color: var(--blue); padding-bottom: .5rem;}
.ask_box .input_fld textarea{font-size: 1.7rem;}
.faq_box{background: var(--white); box-shadow: 0 0 4rem 0 rgba(0,0,0,.1); padding: 3rem 3rem; border-radius: .8rem; min-height: 61rem;}
.accordion{padding-top: 1.5rem;}



.project_box{padding-right: 1.5rem;}
.project_img img{height: 25rem; object-fit: cover; border-radius: .8rem;}
.project_img{position: relative; margin-top: 1.5rem;}
.project_img .overlay{position: absolute; left: 50%; top: 50%; border-radius: 100%; -moz-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: 2; display: inline-block; color: var(--white) !important; opacity: 0; visibility: hidden;}
.project_img::before{position: absolute; content: ''; left: 0; top: 0; width: 100%; height: 100%; display: block; z-index: 8; opacity: 0; -webkit-transform: perspective(400px) rotateX(-90deg); -ms-transform: perspective(400px) rotateX(-90deg); transform: perspective(400px) rotateX(-90deg); -webkit-transform-origin: top; -ms-transform-origin: top; transform-origin: top; -webkit-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; background-color: rgba(0, 0, 0, 0.75); z-index: 1; border-radius: 1rem;}
.project_img:hover::before{opacity: 1; -webkit-transform: perspective(400px) rotateX(0deg); -ms-transform: perspective(400px) rotateX(0deg); transform: perspective(400px) rotateX(0deg); top: 0;}
.project_img:hover .overlay{opacity: 1; visibility: visible; color: var(--white);}
.overlay h3{color: var(--white);}








/*footer_sec*/
.footer_top{position: relative; padding: 5rem 0;}
.footer_middle{position: relative;}
.footer_middle_box strong{width: 100%; display: inline-block; color: var(--white); font-size: 2.8rem; line-height: 4rem; font-weight: 600; padding-bottom: 2rem; font-family: "Exo"; text-transform: capitalize;}
.footer_middle_location li{display: inline-block; color: rgba(255, 255, 355, 0.7); padding-bottom: 1.5rem;}
.footer_middle_location li:last-child{padding-bottom: 0;}
.footer_middle_location li b{width: 100%; display: inline-block; color: rgba(255, 255, 355, 0.8); font-size: 1.6rem; padding-bottom: .4rem;}
.footer_middle_contact img{width: 3rem; opacity: .7;}
.footer_middle_txt h5{color: rgba(255, 255, 355, 0.7); font-size: 1.6rem;}
.footer_middle_txt span{color: rgba(255, 255, 355, 0.7);}
.footer_middle_txt{padding-left: .6rem;}
.contact_seller img{border-radius: 100%; width: 4rem; height: 4rem; object-fit: cover; opacity: 1;}
.contact_seller_box{position: relative;}
.contact_seller_box .click{position: absolute; right: 0; top: 0; border-radius: 100%; display: flex; line-height: 0; padding: 0; margin-top: 0; width: 5rem; height: 5rem; text-align: center; justify-content: center; align-items: center;}
.ft_menu li a{color: rgba(255, 255, 355, 0.7);}
.ft_menu li{padding-bottom: 1rem; position: relative; padding-left: 2rem; text-transform: capitalize; font-size: 1.7rem;}
.ft_menu li:last-child{padding-bottom: 0;}
.ft_menu li::before{content: "."; position: absolute; left: 0; color: var(--orange); font-size: 6rem; top: -1.8rem;}
.email_box{position: relative; margin-top: 1rem;}
.email_box .click{margin-top: 0; position: absolute; top: 0; right: 0; padding: 2rem 2rem; border-radius: 0 1rem 1rem 0; background: var(--orange);}
.footer_middle_box p{color: rgba(255, 255, 355, 0.6);}
.footer_sec ul li a:hover{color: var(--yellow);}
.footer_bootom{padding: 1rem 0; position: relative; background: var(--brand);}
.footer_bootom .d-flex{justify-content: space-between;}
.footer_bootom a{color: var(--yellow);}
.footer_bootom p{color: var(--white);}
.footer_bootom p a:hover{color: var(--white);}
.footer_sec .click:hover em i{transform: rotate(50deg);}
.footer_sec{position: relative;}
.footer_sec .container-fluid{padding: 0 10rem;}
.footer_top .collum:nth-child(2) .footer_middle_box{padding-left: 6rem;}
.footer_sec::before{position: absolute; content: ""; left: 0; top: 0; background: rgba(0, 0, 0, 0.8); width: 100%; height: 100%;}
.footer_middle_info li{display: inline-block; padding-right: 2.5rem;}
.footer_middle_info li:last-child{padding-right: 0;}
.footer_middle_info{margin-top: 2.5rem;}
.footer_middle_info li i{color: var(--white); font-size: 2.5rem; border: .1rem solid var(--background_color); padding: .4rem; border-radius: .6rem;}
.ft_logo_box{border: .1rem solid rgba(255,255,255,.1); display: flex; align-items: center; justify-content: space-between; margin-top: 6rem; border-radius: .6rem;}
.ft_logo {border-radius: .6rem; background-color: rgba(255,255,255,.9); padding: .4rem 2rem;}
.ft_logo img{width: 14rem;}
.ft_icon_snd ul li{display: inline-block; padding: .4rem; border: .1rem solid rgba(255,255,255,.1); width: 4rem; text-align: center;}
.ft_icon_snd ul li a{color: var(--white);}
.ft_icon_snd{padding-right: 2rem;}
.footer_middle_box .input_type input[type="email"]{background: transparent;}
.footer_middle_box{margin-top: 3rem;}











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









/* about_page */
.about_list li{float: left; width: 50%; position: relative; padding-left: 2.5rem; margin-top: 1rem; color: var(--black); font-size: 1.7rem;}
.about_list li::before{position: absolute; content: "\f058"; font-family: "Font Awesome 6 Pro"; left: 0; top: 0; color: var(--brand); font-weight: 700;}
.workshop_img_box{position: relative; display: block; padding-top: 7rem; margin-right: 2rem;}
.our_workshop_txt{padding-left: 1rem;}
.workshop_img_snd{position: absolute; top: 0; right: 0;}
.workshop_txt_box{position: absolute; right: 0; bottom: 0; width: 35rem; background: var(--brand); border-radius: .6rem; padding: 3rem 3rem; z-index: 1;}
.workshop_img_fst img{width: 30rem; height: 49rem; object-fit: cover; border-radius: 1rem;}
.workshop_img_fst{position: relative; z-index: 1;}
.workshop_img_snd img{width: 30rem; border-radius: 1rem; height: 45rem; object-fit: cover;}
.workshop_txt_box h4{color: var(--white);}
.workshop_txt_box h5{color: var(--white);}
.features_img img{border-radius: 1rem;}
/* .about_feedback .owl-nav.disabled{font-size: 0; text-align: center; display: flex; align-items: center; justify-content: center; position: absolute; right: 2rem; top: -2rem;}
.about_feedback .owl-prev, .about_feedback .owl-next{border: .2rem solid var(--brand); width: 3rem; height: 3rem; background: none; border-radius: .7rem;}
.about_feedback .owl-prev:before, .about_feedback .owl-next:before{font: normal 1.8rem/3rem FontAwesome; color: var(--brand); content: "\f060";}
.about_feedback .owl-next:before{content: "\f061";}
.about_feedback .owl-next{margin-left: .8rem;}
.about_feedback .owl-item{padding: .5rem;}
.about_feedback .owl-prev:before, .about_feedback .owl-next:before{line-height: 2.6rem;}
.about_feedback .owl-item{padding: 0 .8rem;}
.about_feedback .testimonial_box{box-shadow: 0 0 4rem 0 rgba(0,0,0,.1);}
.about_feedback .item{padding: .8rem 0;} */


.about_a_b{padding-right: 2.5rem;}
.services_ft_txt span a{color: var(--black);}
.services_ft_txt span{width: 100%; display: inline-block; font-size: 2rem; font-weight: 700; padding-bottom: .4rem; letter-spacing: .1rem;}












/* services_page */
/* .pegination_sec{position: relative; z-index: 1;}
.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;} */


.services_contact_box .contact_form{background: var(--white); box-shadow: 0 0 4rem 0 rgba(0,0,0,.1); padding: 3rem 3rem; border-radius: .8rem; min-height: 48rem;}
.services_contact_box .faq_box{min-height: 54rem;}

.resent_project .container-fluid{padding: 0 5rem;}
.inner_services .service_sec::before{display: none;
  content: "";
  position: absolute;
  background-color: rgba(255,255,255,0.94);
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  z-index: 1;
}




/* contact_page */
.input_type .click_btn{margin-top: 3rem;}
.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 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;}
.input_type .form-select:focus{box-shadow: none;}
.map_sec iframe{width: 100%; height: 40rem;}
.contact_img img{height: 20rem; object-fit: cover; border-radius: 1rem;}
.contact_ph li a{color: var(--black);}
/* .contact_ph li{font-size: 2rem;} */
/* .contact_ph li span{width: 5rem; height: 5rem; background: var(--brand); color: var(--white); border-radius: 100%; display: inline-block; margin-right: 2rem; text-align: center; padding-top: 1.2rem; line-height: 3rem;} */
/* .contact_ph{margin-top: 2rem;} */
.contact_sec .contact_form{background-color: var(--white); box-shadow: 0 1rem 5rem rgba(7,36,95,0.1); padding: 4rem 3rem; margin-left: 2.5rem; border-radius: 0 0 1rem 1rem;}
.contact_form .input_type{margin-top: 2rem; position: relative;}
.contact_form_icon{position: absolute; top: 0; right: 2rem; margin: 1.5rem 0 1.5rem;}
.contact_ph li{padding-top: 1rem;}
.contact_loc{margin-top: 1.5rem; border-top: .1rem solid var(--background_color); padding-top: 1.5rem;}
.contact_no{padding-top: 1rem;}










/* services_details */
.services_bt_heding{color: var(--brand); margin-top: 3rem; font-size: 2.8rem; font-weight: 800;}
.services_de_box img{border-radius: .8rem;}
/* .services_list_fst{margin: 2rem 0;} */
/* .services_list_fst li{position: relative; padding-left: 2.5rem; font-size: 1.7rem; text-transform: capitalize; margin-top: 1rem; color: var(--black);}
.services_list_fst li::before{position: absolute; content: "\f058"; font-family: "Font Awesome 6 Pro"; left: 0; top: 0; color: var(--yellow); font-weight: 700;} */
.services_list_snd li{position: relative; padding-left: 5rem; font-size: 1.7rem; text-transform: capitalize; margin-top: 2rem; color: var(--black);}
/* .services_list_snd li::before{position: absolute; content: "\f111"; font-family: "Font Awesome 6 Pro"; left: 0; top: 0; color: var(--orange); font-weight: 700; font-size: 1.2rem;} */
.services_list_fit{margin-top: 2rem;}
.services_list_snd li::before{position: absolute; content: "\f00c"; font-family: "Font Awesome 6 Pro"; color: #05c15d; border: .1rem dashed #05c15d; width: 3rem; height: 3rem; line-height: 3rem; text-align: center; border-radius: 100%; left: 0; top: 0;}
.services_list_fit li{position: relative; display: block; font-size: 1.8rem; line-height: 2.8rem; color: var(--black); padding-left: 1.5rem; margin-bottom: 1rem;}
.services_list_fit li::before{position: absolute; content: ''; background: var(--black); width: .6rem; height: .1rem; left: 0; top: 1.5rem;}
.resent_project .item{padding: 0 .6rem;}
.resent_project_img img{border-radius: 1rem;}
.resent_project .owl-nav.disabled{font-size: 0; text-align: center; display: flex; align-items: center; justify-content: center;}
.resent_project .owl-carousel .owl-nav .owl-prev{position: absolute; left: 1rem; top: 50%;}
.resent_project .owl-prev::before, .resent_project .owl-next::before{font: normal 1.8rem/3rem FontAwesome; line-height: 3rem; line-height: 3rem; color: var(--brand); content: "\f060"; background: rgba(255, 255, 255, 0.6); border-radius: 100%; padding: 2rem;}
.resent_project .owl-carousel .owl-nav .owl-next{position: absolute; right: 1rem; top: 50%;}
.resent_project .owl-next::before{content: "\f061";}
.resent_project_box{margin-top: 2rem;}







.services_list_snd{margin: 2rem 0;}
/* .services_inner{margin: 2.5rem 0;} */
/* .services_list_thd li{position: relative; padding-left: 2.5rem; text-transform: capitalize; margin-top: 1rem; color: var(--black);}
.services_list_thd li::before{position: absolute; content: "\f058"; font-family: "Font Awesome 6 Pro"; left: 0; top: 0; color: var(--yellow); font-weight: 700;} */
/* .services_list_fth li{position: relative; padding-left: 2.5rem; font-size: 1.7rem; text-transform: capitalize; margin-top: 1rem; color: var(--black);}
.services_list_fth li::before{position: absolute; content: "\f111"; font-family: "Font Awesome 6 Pro"; left: 0; top: 0; color: var(--orange); font-weight: 700; font-size: 1.2rem;}
.services_list_fth{margin: 2rem 0;} */
.services_icon{background: #FDEDCA; height: 6rem; line-height: 6rem; width: 6rem; min-width: 6rem; border-radius: .6rem; margin-right: 1rem; padding: .4rem; align-items: center; display: flex; justify-content: center;}
.services_icon span i{color: var(--orange); font-size: 3rem;}
.services_inner_snd{margin: 3rem 0; padding: 2rem 1rem; border-top: .1rem solid var(--background_color); border-bottom: .1rem solid var(--background_color);}

.services_de_box_snd{padding-left: 2rem;}
.services_box_info{background: #f1f3f2; padding: 4.5rem 3rem 4rem; margin-bottom: 3rem; border-radius: .8rem;}

.services_box_info_list li{position: relative; display: block; margin-bottom: 1rem; font-size: 1.7rem; line-height: 2.5rem; font-weight: 700; text-transform: capitalize; background: var(--white);  padding: 1.5rem 2.5rem 1.5rem; z-index: 1; transition: all 200ms linear; transition-delay: 0s; transition-delay: 0.1s; border-bottom: .1rem solid #eee; border-radius: .6rem;}
.services_box_info_list li::after{content: "\f105"; font-family: "Font Awesome 6 Pro"; -webkit-transition: all 500ms ease; transition: all 500ms ease; position: absolute; font-size: 2rem; font-weight: 700; right: 2rem; color: var(--brand);}
.services_box_info_list li::before{position: absolute; width: 100%; height: 100%; top: 0; left: 0; bottom: 0; right: 0; content: ""; z-index: -1; opacity: 1; transform: perspective(400px) rotateX(90deg); transform-origin: bottom; transition: all 300ms linear; transition-delay: 0.1s; border-radius: .8rem; background: var(--brand);}
.services_box_info_list li:hover::before{opacity: 1; transform: perspective(400px) rotateX(0deg); transition: all 300ms linear; transition-delay: 0s; transition-delay: 0.1s;}
.services_box_info_list li a{color: var(--brand);}
.services_box_info_list li:hover a{color: var(--white);}
.services_box_info h2{padding-bottom: 2rem;}
.services_box_info_list li:hover::after{color: var(--white);}
.need_help{background: var(--brand); padding: 3rem; border-radius: .8rem; text-align: center;}
.need_help h3{color: var(--white); padding-bottom: 2rem;}
/* .need_help p{color: var(--background_color);} */
/* .need_help_call{margin-top: 2rem;}
.need_help_call li{display: inline-block;}
.need_help_call li i{width: 5rem; height: 5rem; color: var(--white); background: var(--orange); text-align: center; padding-top: 1.4rem; font-size: 2rem; border-radius: 100%; margin-right: 1rem;}
.need_help_call li a{color: var(--white);} */



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

/* .plan_pricing table td:last-child{text-align: right;}
.plan_pricing table td{padding: 2rem 1.5rem; text-transform: capitalize;}
.table tbody tr:nth-child(2n+1){background: var(--background_color); border-radius: 1rem !important;} */
/* .plan_pricing{padding-left: 1.5rem;} */
.services_de_faq .accordion{padding-top: 2rem;}
/* .table_area{margin-top: 3rem;} */
/* .plan_pricing h3{color: var(--orange);} */
/* .plan_pricing .table-bordered > :not(caption) > * > *{border-width: 0 0;}
.plan_pricing .table-bordered > :not(caption) > *{border-width: 0 0;}
.plan_pricing table td i{color: var(--yellow); padding-right: .4rem;} */
.need_help span{width: 100%; display: inline-block; color: var(--white); font-size: 2.5rem; line-height: 4rem; font-weight: 600; text-transform: uppercase;}







/* blog_detalis */
.blog_detalis_box img{border-radius: .8rem;}
.blog_de_date{margin: 2rem 0;}
.blog_de_date li{display: inline-block; padding-right: 1rem;}
.blog_de_date li:last-child{padding-right: 0;}
.blog_de_date li a{color: var(--black);}
.blog_de_date li a i{padding-right: 1rem; color: var(--orange);}
.blog_de_heding{padding-bottom: 1.5rem;}
.blog_review{position: relative; margin: 3rem 1rem;}
.blog_review p{font-size: 1.8rem; line-height: 2.5rem; font-weight: 600; padding-left: 5rem; color: rgba(0, 0, 0, 0.8);}
.blog_review::after{content: "\f10e"; font-family: "Font Awesome 6 Pro"; position: absolute; font-size: 4.5rem; font-weight: 700; left: 0; top: 0; color: var(--orange);}
.blog_de_img{margin: 2rem 0;}
.blog_de_img img{height: 30rem; object-fit: cover;}
.blog_de_tips{margin: 1.5rem 0;}
.blog_de_tips li{position: relative; padding-left: 2.5rem; margin-bottom: 1rem;}
.blog_de_tips li:last-child{margin-bottom: 0;}
.blog_de_tips li::before{position: absolute; content: "\f111"; font-family: "Font Awesome 6 Pro"; left: 0; top: 0; color: var(--orange); font-weight: 700; font-size: 1.2rem;}
.blog_box{text-align: left;}


.blog_releted .owl-nav.disabled{font-size: 0; text-align: center; display: flex; align-items: center; justify-content: center; position: absolute; right: 2rem; top: -2rem;}
.blog_releted .owl-prev, .blog_releted .owl-next{border: .2rem solid var(--brand); width: 3rem; height: 3rem; background: none; border-radius: .7rem;}
.blog_releted .owl-prev:before, .blog_releted .owl-next:before{font: normal 1.8rem/3rem FontAwesome; color: var(--brand); content: "\f060";}
.blog_releted .owl-next:before{content: "\f061";}
.blog_releted .owl-next{margin-left: .8rem;}
.blog_releted .owl-item{padding: .5rem;}
.blog_releted .owl-prev:before, .blog_releted .owl-next:before{line-height: 2.6rem;}
.blog_releted .owl-item{padding: 0 .8rem;}
.blog_releted .hov_blog_icon img{width: 5rem !important;}
.blog_releted .blog_icon img{width: 5rem !important;}
.blog_de_heding_snd{position: relative;}
.blog_de_heding_snd::after{content: ""; height: 100%; width: 9rem; position: absolute; bottom: -.6rem; left: 0; border-bottom: .2rem dashed var(--orange);}
.blog_releted{margin-top: 3rem;}

.blog_detalis_box_snd{padding-left: 2rem;}
.blog_img_info{padding-top: 2rem;}
.blog_img_info a{color: var(--black);}
.blog_img_info img{width: 8rem; height: 8rem; object-fit: cover;}
.blog_news{padding-left: 1.5rem;}
.blog_img_info h4{color: var(--brand); font-size: 1.7rem;}
.blog_news span{color: var(--brand);}
.blog_img_info i{padding-right: .6rem;}
.blog_news ul li{display: inline-block; font-size: 1.4rem; color: var(--orange); font-weight: 600;}
.services_box_info_snd{position: relative; text-align: center;}
.services_box_info_snd::before{background: rgba(7, 95, 51, 0.8); content: " "; height: 100%; left: 0; position: absolute; top: 0; width: 100%; border-radius: .8rem;}
.services_box_info_snd h2{color: var(--white); position: relative; z-index: 1;}
.services_box_info_snd p{color: var(--white); position: relative; z-index: 1;}








/* faq_pag */
.cleaning_info_box{border: .1rem solid var(--background_color); border-radius: .6rem; padding: 4.5rem 3.5rem 4rem; text-align: center;}
.cleaning_info_img{position: relative; display: inline-block;}
.cleaning_info_txt{padding-top: 2.5rem;}
.cleaning_info_txt h3{padding-bottom: 1rem;}
.cleaning_info_img span{display: inline-flex; width: 7rem; height: 7rem; border-radius: .6rem; padding: 1rem; box-shadow: -1rem -1rem #eeeff2; align-items: center; justify-content: center; background-color: #279e64; transition: all 300ms linear 0s; position: relative;}
.cleaning_info_img span i{color: var(--white); font-size: 3.5rem;}
.cleaning_info_box:hover .cleaning_info_img{animation: updown 450ms ease-in-out 100ms;}
.cleaning_info_img_snd{background-color: #279e64; border-color: #279e64;}
.cleaning_info_img_snd span{background-color: var(--white);}
.cleaning_info_img_snd span i{color: #279e64;}
.cleaning_info_img_snd h3{color: var(--white);}
.cleaning_info_img_snd p{color: var(--white) !important;}
.cleaning_info_box p{color: var(--text_color);}
.faq_discount_box{position: relative; margin-top: 2rem; border-radius: .6rem; padding: 3rem 2.5rem 3.5rem;}
.faq_discount_box::before{position: absolute; content: ""; left: 0; top: 0; background: rgba(0, 0, 0, 0.6); width: 100%; height: 100%; border-radius: .6rem;}
.faq_discount_box ul li{position: relative; color: rgba(255, 255, 255, 0.7); padding-left: 2rem; margin-top: 1.2rem; font-size: 1.7rem; text-transform: capitalize;}
.faq_discount_box ul li::before{content: "."; position: absolute; left: 0; color: var(--orange); font-size: 6rem; top: -1.8rem;}
.faq_discount_box ul li span{color: var(--white);}
.faq_discount{padding-right: 2rem;}







/* terms_condition */
.terms_condition_box ul li{position: relative; padding-left: 2rem; margin-top: 1rem;}
.terms_condition_box ul li::before{position: absolute; left: 0; top: .8rem; width: 1rem; height: 1rem; background: var(--orange); border-radius: 100%; content: "";}







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

.about_feedback_box .book_offer_call{padding-top: 3rem;}




















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

  .nav_top .dropdown .dropdown-menu { -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s;transition: all 0.3s; max-height: 0; display: block; opacity: 0; visibility: hidden;  margin:0; border: none; border-bottom: .2rem solid #ccc; background:#fff !important; width: 10.50rem; padding: 0; border-radius: 0; left: 0; right: inherit; padding: .5rem .8rem .8rem; box-shadow: inherit; }
  .nav_top .dropdown:hover .dropdown-menu { max-height: 30rem;opacity: 1; visibility: visible; }

}

/* responsive */

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

  h1, h2{font-size: 3rem; line-height: 4rem;}
  .about_box{padding: 1rem 2rem;}
  .about_img img{height: 60rem;}
  .process_offer_txt{padding: 1.2rem 1.5rem;}
  .offer_txt h3{font-size: 2.2rem;}
  .footer_sec .container-fluid{padding: 0 4rem;}
  .footer_middle_box strong{font-size: 2.6rem;}
  /* .footer_middle{padding-top: 3rem;} */
  .he_ph_no b{display: none;}
  .he_ph_no span{display: none;}



}







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

  .menu_sec li a{padding: 0 1.2rem;}
  .nav_top .navbar-brand img{max-width: 14rem;}
  .menu_sec{padding-right: 32rem;}
  .call_img i{font-size: 2.5rem;}
  .menu_sec::before{right: 31rem;}
  .banner_box{padding: 25rem 0 10rem;}
  .about_box{margin-top: 1.5rem;}
  .about_txt{padding-left: 1rem;}
  h1, h2{font-size: 3rem; line-height: 4rem;}
  .about_img img{height: 58rem;}
  .footer_sec::after{width: 10rem;}
  .process_offer_img img{height: 18rem; object-fit: cover;}
  h1, h2{font-size: 2.8rem;}
  .offer_txt h3{font-size: 2rem;}
  



}

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

  .icon_bar .click span{display: inline-block;}
  .icon_bar .click em{display: none;}
  .icon_bar .click{margin-left: 2rem;}
  .he_ph_no{display: none;}
  .menu_sec{padding-right: 15rem;}
  .menu_sec::before{right: 12rem;}
  .banner_txt strong{font-size: 4rem; line-height: 5rem; font-weight: 600; padding-bottom: 1.3rem;}
  .banner_box .contact_form{padding: 2.5rem 2rem; border-radius: 1rem;}
  .banner_box{padding: 25rem 0 9rem;}
  .about_icon{margin-right: .9rem;}
  .about_icon img{width: 4.5rem;}
  .service_txt{padding: 2.5rem 1rem 3.5rem 1.2rem; width: 26rem; height: 14rem;}
  .services_phone{margin-right: 2rem;}
  .services_phone img{width: 3.5rem;}
  .process_inner{width: 18rem; height: 18rem;}
  .offer_txt h3{margin-top: 1rem;}
  .offer_txt{padding-right: 0;}  
  .offer_txt h3{padding-left: 1.7rem;}
  h3{font-size: 2rem; line-height: 3rem;}
  .discount_gol::after{height: 1rem; width: 1rem;}
  .blog_icon img{width: 4rem;}
  .blog_icon{width: 8rem; height: 9rem;}
  .blog_txt h3{font-size: 1.9rem;}
  .blog_txt{padding: 1rem 8rem 1rem 1.5rem;}
  .hov_blog_icon{height: 9rem; width: 9rem;}
  .hov_blog_icon img{width: 4.5rem;}
  .hov_blog_box{padding: 11rem 1.5rem 1.5rem 1.5rem;}
  .blog_img img{height: 37rem;}
  .project_box{padding-right: 1rem;}
  .project_img{margin-top: 1.2rem;}
  .faq_box .accordion-button{padding: 1rem;}
  .faq_box .accordion-button:not(.collapsed)::after, .faq_box .accordion-button::after{right: 1rem;}
  .faq_box{padding: 2.3rem 2rem; min-height: 60rem;}
    




  .footer_top .collum:nth-child(2) .footer_middle_box{padding-left: 3rem;}
  .footer_sec .container-fluid{padding: 0 2.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(--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);}
  
  .header_top_lt span{display: none;}
  .nav_top .navbar-brand img{max-width: 12rem;}
  .nav_top{border-radius: 0 0 1rem 1rem; padding: 1.5rem 1.5rem !important;}
  .icon_bar .click{margin-left: 1rem; padding: 0 2rem;}
  .icon_bar{right: 7rem; top: 2rem;}
  .menu_sec::before{display: none;}
  .menu_sec{padding-right: 0;}
  .menu_sec li a{padding: 0;}
  .menu_sec li{border-bottom: .1rem dashed var(--brand); padding: 1rem;}
  .header_top_lt ul li i{margin-right: 0;}
  .header_top_lt ul li a{padding: 1rem 0;}
  .header_top_lt ul li:last-child a{padding-left: 2rem;}
  .banner_txt{padding-bottom: 2rem;}
  .banner_txt strong{font-size: 3.4rem; line-height: 4.5rem; padding-bottom: 1rem;}
  .banner_box{padding: 23rem 0 9rem;}
  .banner_box .contact_form::before{top: 1rem; left: 1rem;}
  .about_sec .about_row{flex-direction: column-reverse;}
  .about_img img{height: 40rem;}
  .about_txt{padding-left: 0; padding-bottom: 2rem;}
  .experince_box{top: 5rem;}

  .service_img img{height: 35rem;}
  .service_txt{width: 29rem;}
  .process_txt{padding: 2rem 0rem 2rem;}
  .process_inner{width: 15rem; height: 15rem;}
  .offer_txt{padding-bottom: 2rem;}
  .ba-slider img{height: 40rem;}
  .project_box{padding-right: 0; padding-bottom: 3rem;}
  .footer_top .collum:nth-child(2) .footer_txt{padding-left: 0;}
  .ptb{padding: 6rem 0;}




  .services_ft_txt{padding-right: 1.5rem;}
  .footer_top .collum:nth-child(2) .footer_middle_box{padding-left: 0rem;}
  .ft_logo img{width: 12rem;}
  .faq_box{min-height: 47rem;}
  /* .footer_middle{padding-top: 0;} */
  .services_ft_txt{padding-right: 0;}
  .services_phone{margin-right: 0; margin-bottom: 2rem;}




}

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

  .banner_txt strong{font-size: 3rem; line-height: 4rem; padding-bottom: .8rem;}
  .banner_txt span{font-size: 1.8rem; padding-bottom: .6rem;}
  h1, h2{font-size: 2.4rem; line-height: 3.5rem;}
  .banner_box{padding: 20rem 0 9rem;}
  .ptb{padding: 5rem 0;}
  .services_footer{flex-direction: column; justify-content: center;}
  .services_footer .d-flex{flex-direction: column; text-align: center;}
  .services_ft_btn{margin-top: 2rem;}
  .services_ft_txt h3{margin-top: 1.5rem;}
  .process_sec .collum:nth-child(1) .process_box, .process_sec .collum:nth-child(3) .process_box{margin-top: 3rem;}
  .blog_txt h3{font-size: 1.8rem;}
  .hov_blog_box{padding: 9rem 1rem 1rem 1rem;}
  .hov_blog_icon img{width: 4rem;}
  .hov_blog_icon{height: 8rem; width: 8rem;}
  .blog_icon{width: 6rem; height: 7rem;}
  .blog_icon img{width: 3rem;}
  .blog_txt{padding: 1rem 6rem 1rem 1.5rem;}
  .faq_box{padding: 2.3rem 2rem; min-height: 50rem;}

  
    
}


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

  .header_top_rt_box{padding: 0 1rem; margin: .4rem 0;}
  .header_top_rt_box li span{display: none;}
  .header_top_lt_box{padding: 0 1rem; margin: .4rem 0;}
  .header_top_rt_box li a{margin-left: .4rem; padding: 1rem .4rem;}
  .header_top_rt_box li:last-child a i{padding-right: 0rem;}
  .header_top_lt ul li a{margin-left: 1rem;}
  .header_top_lt ul li:last-child a{padding-left: 1rem;}
  .nav_top .navbar-brand img{max-width: 10rem;}
  .call_img{display: none;}
  .icon_bar .click{margin-left: 0; padding: 0 1.5rem; height: 4.5rem;}
  .banner_txt span{font-size: 1.6rem; padding-bottom: .4rem;}
  .banner_txt strong{font-size: 2.6rem; line-height: 3.6rem; padding-bottom: .7rem;}
  .heding::before{width: 4rem; height: 4rem; bottom: 1rem;}
  .heding{padding: 0 0 0 4.5rem; font-size: 1.5rem; margin-bottom: .6rem;}
  h1, h2{font-size: 2rem; line-height: 3rem;}
  .banner_box .contact_form{padding: 2rem 1.5rem;}
  .contact_form .input_type{margin-top: 1.4rem;}
  .about_box{flex-direction: column; text-align: center;}
  .about_img img{height: 30rem;}
  .experince_box h2{font-size: 2rem; margin: 23rem 2rem;}
  .experince_box{top: 2rem; width: 6rem; height: 27rem;}
  .service_txt{width: 23rem; height: 14rem;}
  .service_img img{height: 30rem;}
  .services_phone img{width: 3rem;}
  .process_box{max-width: 100%;}
  .process_count{left: 4rem;}
  .ba-slider img{height: 25rem;}
  .blog_img img{height: 30rem;}
  .hov_blog_box{padding: 3rem 1rem 1rem 1rem;}
  .hov_blog_icon{height: 7rem; width: 7rem;}
  .hov_blog_icon img{width: 3.5rem;}
  .footer_bootom .d-flex{flex-direction: column; text-align: center;}
  .ft_bt_in{padding: 1rem 1rem;}
  .ft_logo{width: 12rem;}
  .footer_sec::after{width: 8rem;}
  .testimonial_box{padding: 2rem 2rem;}
  .testimonial .owl-nav.disabled{position: inherit; right: inherit; top: inherit; margin-top: 2rem;}
  .faq_box{padding: 2rem 1rem; min-height: 50rem;}
  .faq_box .accordion-button h4{font-size: 1.6rem; padding-right: 1rem;}



  .about_icon img{width: 4rem;}
  .process_offer_btn{flex-direction: column; text-align: center;}
  .book_offer_call .d-flex{flex-direction: column;}
  .book_offer_call img{margin-top: 2rem;}
  .process_offer_heding{font-size: 1.9rem;}
  .process_offer_txt{text-align: center;}
  .offer_txt h3{padding-left: 1.5rem;}
  .footer_middle_box strong{font-size: 2.3rem; padding-bottom: 1rem;}
  .footer_top{padding: 2rem 0;}
  .ft_logo_box{flex-direction: column;}
  .ft_logo img{width: 10rem;}
  .ft_logo{padding: .4rem .6rem;}
  .ft_icon_snd{padding-right: 0; margin-top: 1.5rem;}
  .footer_middle_info li{padding-right: 0; padding-bottom: 1rem;}
  .footer_middle_info li:last-child{padding-bottom: 0;}
    
}

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