/*********************************
        Fonts here
*********************************/
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800;900&display=swap');

/*********************************
        Common css
*********************************/
* {margin: 0; padding: 0; box-sizing: border-box;}
body {font-size: 16px; line-height: 1.5; font-weight: 400; font-family: "Poppins", serif; overflow-x: hidden; scroll-behavior: smooth;}
.home {overflow-x: hidden; scroll-behavior: smooth;}
p, ul, li { padding: 0; margin: 0;}
h1, h2, h3, h4, h5, h6 { padding: 0; margin: 0;}
a {text-decoration: none; color: var(--lightBlue);}
li {list-style: none;}
h1 {font-size: 52px; font-weight: 600;}
h2 {font-size: 42px; font-weight: 700;}
h3 {font-size: 30px; font-weight: 600;}
h4 {font-size: 19px; font-weight: 700;}
.devide {display: block;}
.flex-between {display: flex; justify-content: space-between; align-items: center;}
.flex-center {display: flex; justify-content: center; align-items: center;}
.flex-align-center {display: flex; align-items: center;}
.btn-check:focus+.btn, .btn:focus, .navbar-toggler:focus {box-shadow: none;}
.btn {padding: 10px 55px;font-size: 17px; font-weight: 600; transition: 0.5s; border-radius: 5px;}
.btn-white {background-color: var(--whiteClr); border: 1px solid var(--whiteClr); color: var(--greenClr);}
.btn-white:hover {background-color: transparent; border: 1px solid var(--whiteClr); color: var(--whiteClr);}
.btn-green {background-color: var(--greenClr); color: var(--whiteClr); border: 1px solid var(--greenClr);}
#owl-testimonal.owl-carousel .owl-nav button.owl-next {background-image: url("../images/next.png");
background-repeat: no-repeat; width: 25px;height: 35px;font-size: 0;right: -65px;position: absolute;top: 35%;}
#owl-testimonal.owl-carousel .owl-nav button.owl-prev {background-image: url("../images/prev.png");
background-repeat: no-repeat; width: 25px;height: 35px;font-size: 0;left: -65px;position: absolute;top: 35%;}
#owl-chooser.owl-carousel .owl-nav button.owl-next {background-image: url("../images/next.png") !important;
    background-repeat: no-repeat !important; width: 20px;height: 30px; background-size: 15px; font-size: 0 !important;right: 0px;position: absolute;top: 35%; background-color: var(--bgClr) !important;}
#owl-chooser.owl-carousel .owl-nav button.owl-prev {background-image: url("../images/prev.png") !important;
background-repeat: no-repeat !important; width: 20px;height: 30px; background-size: 15px;font-size: 0 !important;left: 0px;position: absolute;top: 35%; background-color: var(--bgClr);}
#owl-choose-us.owl-carousel .owl-nav button.owl-next {background-image: url("../images/next.png") !important;
    background-repeat: no-repeat !important; width: 20px;height: 30px; background-size: 15px; font-size: 0 !important;right: -50px;position: absolute;top: 35%; background-color: var(--bgClr) !important;}
#owl-choose-us.owl-carousel .owl-nav button.owl-prev {background-image: url("../images/prev.png") !important;
background-repeat: no-repeat !important; width: 20px;height: 30px; background-size: 15px;font-size: 0 !important;left: -50px;position: absolute;top: 35%; background-color: var(--bgClr);}
.owl-carousel .owl-dots.disabled, .owl-carousel .owl-nav.disabled {display: inherit !important;}

.owl-theme .owl-nav [class*='owl-']:hover, .owl-carousel .owl-dots.disabled .owl-prev:hover, .owl-carousel .owl-nav.disabled .owl-next:hover, .owl-carousel .owl-nav.disabled .owl-prev:hover, .owl-theme .owl-nav [class*='owl-']:hover {background: inherit; opacity: .5;}
/*********************************
        Variable color code
*********************************/
:root {
    --greenClr: #1d3619;
    --lightGreen: #202b1e;
    --btn-hver-green: #41713a;
    --whiteClr: #ffffff;
    --blueClr:#235182;
    --lightBlue: #6b6b78;
    --lightBlack: #1b1e28;
    --bgClr: #f9f9f9;
    --yellowClr: #edb42d;

}

/*********************************
        Header here
*********************************/
.top-header {background-color: var(--greenClr); padding: 15px 0; box-shadow: 0px 5px 5px 2px rgba(24, 37, 22, 0.2); width: 100%; margin-bottom: 10px;}
.round {width: 25px; height: 25px; border-radius: 100%; border: 2px solid var(--whiteClr); padding: 0 10px; margin-right: 15px; transition: 0.5s;}
.round-bg {width: 25px; height: 25px; border-radius: 100%; background-color: var(--whiteClr); padding: 0 10px; margin-right: 15px; border: 1px solid transparent; transition: 0.5s;}
.round-img {background-color: transparent; border: 0; min-width: 25px; margin-right: 0; padding: 0; width: 100%; height: auto;}
.round-img img {width: 100%;}
.fa-solid.fa-phone, .ensure-para {color: var(--whiteClr);}
.fa-brands.fa-facebook-f {color: var(--greenClr);}
.head-contct>li a {font-size: 15px; color: var(--whiteClr); transition: 0.5s;}
.head-contct>li {margin-right: 20px; transition: 0.5s;}
.head-contct>li:last-child, .head-contct.social li  {margin-right: 0px;}
.head-contct li:hover .round { background: var(--whiteClr);}
.head-contct li:hover .text-op { opacity: .8;}
.head-contct>li:hover .round .fa-solid.fa-phone, .head-contct li:hover .round .fa-regular.fa-envelope  { color: var(--greenClr);}
.head-contct.social li:hover .round-bg {background-color: var(--greenClr); border: 1px solid var(--whiteClr);}
.head-contct.social li:hover .round-bg .fa-facebook-f { color: var(--whiteClr);}
/*********************************
        Header Navbar here
*********************************/
.header-fixed {position: fixed; top: 0; width: 100%; z-index: 999; transition: 0.5s linear; box-shadow: 0px 5px 5px 2px rgba(24, 37, 22, 0.2);}
.navigation-section {width: 100%; background-color: var(--whiteClr); padding: 15px 0; transition: 0.5s linear;}
.logo-text {font-size: 17px; font-weight: 600; color: var(--greenClr); margin-left: 15px;}
.navbar {padding: 0;}
.navbar-expand-xl .navbar-nav {align-items: center;}
.navbar-expand-xl .navbar-nav .nav-link {padding: 0; font-size: 17px; font-weight: 500; color: var(--greenClr);}
.navbar-expand-xl .navbar-nav .nav-item {margin-right: 25px;}
.logo img {width: 50px;}
.navbar-light .navbar-nav .nav-link, .navbar-light .navbar-nav .current_page_item .nav-link{position: relative;}
.navbar-light .navbar-nav .nav-link::before,.dropdown.active .nav-link::before, .navbar-light .navbar-nav .current_page_item .nav-link::before {position: absolute; bottom: 0px; left: 0; background-color: var(--blueClr); transition: 0.6s; width: 0%; height: 2px; content: "";}
.navbar-light .navbar-nav .main-menu-link.nav-link::before {bottom: 15px;}
.navbar-light .navbar-nav .nav-link.main-menu-link {padding: 15px 0;}
.navbar-light .navbar-nav .dropdown-toggle.nav-link::before {bottom: 15px;}
.navbar-light .navbar-nav .nav-link:hover:before, .navbar-light .navbar-nav .current_page_item .nav-link:before, .dropdown.active .nav-link::before {width: 80%;}
.navbar-nav .dropdown:hover .dropdown-toggle, .navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .current_page_item .nav-link {color: var(--blueClr) !important;}
/* .navbar-nav .dropdown:hover .dropdown-menu {display: none !important;}
.navbar-nav .dropdown .dropdown-toggle span:focus .dropdown-menu {display: block !important;} */
.dropdown-toggle {display: none;}
.menu-item.dropdown {display: flex; align-items: center; margin-right: 15px !important; cursor: pointer;}
/*********************************
        Video section here
*********************************/
.video-section {position: relative; height: 600px; overflow-y: hidden; width: 100%;}
.video-section::before {content: '';position: absolute; left: 0; right: 0; top: 0; bottom: 0; display: block; background: rgba(0, 0, 0, 0.4);}
.video-section video {object-fit: cover; height: auto; overflow-x: hidden; width: 100%;}
.video-text {position: absolute; top: 0; z-index: 2; display: flex; flex-direction: column; align-items: center; justify-content: center; width: 100%; height: 100%;}
.video-head-text {width: 100%; max-width: 80%;}
.video-head-text h1 {color: var(--whiteClr); margin-bottom: 20px;}
.video-head-text h2 {color: var(--whiteClr); margin-bottom: 20px; font-size: 52px; font-weight: 600;}
.video-head-text h3 {color: var(--whiteClr); font-weight: 500; margin-bottom: 20px;}
.video-head-text .small-head-text {color: var(--whiteClr); font-size: 29px; font-weight: 500; margin-right: 15px;}
.video-head-text .btn {margin-top: 40px;text-transform: uppercase;}
.quote li a {font-size: 17px; font-weight: 500; color: var(--whiteClr);}
.quote .btn {padding: 6px 35px;}
.quote .btn:hover {background-color: var(--whiteClr); color: var(--greenClr);}
/*********************************
        Callback section here
*********************************/
.info-callback {background-color: var(--blueClr); box-shadow: 0px 4px 18px 5px rgba(24, 37, 22, 0.15); background-image: url("../images/bg-callback-1.webp"); background-repeat: no-repeat; background-size: cover; margin-top: -80px;position: relative;z-index: 5; margin-bottom: 50px;}
.inner-info {padding: 25px 55px;}
.inner-info h3 {color: var(--whiteClr); margin-bottom: 10px;}
.inner-info p {color: var(--whiteClr); margin-bottom: 20px;}
.labl-form .form-control, .middle-sec .wpcf7-form.init .form-control, .middle-sec-about .wpcf7-form.init .form-control, .middle-sec .wpcf7-form.sent .form-control, .middle-sec-about form .form-control {margin-right: 15px; background-color: var(--whiteClr); border-radius: 5px; padding: 6px 12px; border: none; font-size: 14px; color: var(--lightBlue); line-height: 2;}
.labl-form .form-control::placeholder {font-size: 13px !important; color: var(--whiteClr); opacity: .4;}
.form-control:focus {border-color: inherit; box-shadow: none;}
.labl-form .btn.submit, .middle-sec .wpcf7-form.init .btn.submit, .middle-sec-about .wpcf7-form.init .btn.submit, .middle-sec .wpcf7-form.invalid .btn.submit, .middle-sec-about .wpcf7-form.invalid .btn.submit, .middle-sec .wpcf7-form.sent .btn.submit, .middle-sec-about form .btn.submit, .btn.submit {background-color: var(--whiteClr); color: var(--blueClr); font-size: 20px; font-weight: 600; padding: 6px 40px; margin-left: 0px; transition: 0.5s; border: 1px solid var(--whiteClr); height: 48px;}
.labl-form .btn.submit:hover, .middle-sec .wpcf7-form.init .btn.submit:hover, .middle-sec-about .wpcf7-form.init .btn.submit:hover, .middle-sec .wpcf7-form.invalid .btn.submit:hover, .middle-sec-about .wpcf7-form.invalid .btn.submit:hover, .middle-sec-about form .btn.submit:hover {background-color: var(--blueClr); color: var(--whiteClr);}
/* .middle-sec .wpcf7-form.invalid .btn.submit, .middle-sec-about .wpcf7-form.invalid .btn.submit, .wpcf7-form.submitting .btn.submit {margin-top: -25px;} */
/* Custom toggler icon */
.navbar-toggler-icon {
    background-image: url("../images/menu.png") !important; background-repeat: no-repeat;
  }
  
  .navbar-toggler-icon.open {
    background-image: url("../images/close_01.png") !important; background-repeat: no-repeat;
  }
  
/*********************************
        Service section here
*********************************/
.service {margin-bottom: 80px;}
.wrap-ser-sec {height: 100%; padding-bottom: 80px; position: relative; overflow: hidden;}
.mid-head h3 {color: var(--greenClr); margin-bottom: 10px; text-align: center; line-height: 1.5;}
.mid-head p {color: var(--lightBlue); margin-bottom: 45px; text-align: center;}
.img-col-sec img {width: 100%; margin-bottom: 25px; max-height: 180px; object-fit: cover;}
.genral-text {text-align: center;}
.genral-text h4 {color: var(--greenClr); margin-bottom: 15px; font-weight: bold;}
.genral-text p {color: var(--lightBlack);  font-weight: 400; font-size: 16px;line-height: 1.6; max-width: 85%; margin: 0 auto; margin-bottom: 20px;}
.genral-text .btn {width: 90%; position: relative; overflow: hidden; z-index: 5; padding: 8px 35px; border-radius: 5px; position: absolute; left: 5%; bottom: 40px;}
.genral-text .btn:hover {color: var(--whiteClr);}
.genral-text .btn::after {width: 0%; content: ""; background-color: #41713a; height: 100%; position: absolute; left: 0; top: 0; transition: 0.5s linear; z-index: -1;}
.genral-text .btn:hover::after {width: 100%;}
/*********************************
        Rating section here
*********************************/
.rating {background-color: var(--blueClr); padding: 50px 0;}
.count-text h4 {margin-bottom: 0px; color: var(--whiteClr);}
.count-text h2 {margin-bottom: 0px; color: var(--whiteClr);}
.count-text p {font-size: 17px; color: var(--whiteClr); font-weight: 500;}
/*********************************
        why choose section here
*********************************/
.why-choose {padding: 55px 0; background-color: var(--bgClr); margin-bottom: 60px;}
.why-choose .mid-head p {max-width: 75%; line-height: 1.7; margin: 0 auto; margin-bottom: 55px;}
.self-row {display: flex; flex-wrap: wrap; justify-content: space-between;}
.col-2-self {width: 18%; margin-bottom: 20px; margin-right: 15px;}
.col-2-self:last-child { margin-right: 0px;}
.col-2-self h4 {margin-bottom: 10px; color: var(--greenClr);}
.col-2-self p { color: var(--lightGreen); font-size: 16px;}
.green-radius img {width: 100%; max-width: 40px;}
.green-radius {width: 70px; height: 70px; background-color: var(--greenClr); border-radius: 10px 0 11px 0px;margin-bottom: 20px; animation: border-radiusa 5s linear infinite alternate forwards;}

@keyframes border-radiusa{
       0%,
       100% {
           border-radius: 10px 0 11px 0px;
       }
       14% {
           border-radius: 30px 0 30px 0px;
       }
       28% {
           border-radius: 28px 0 28px 0px;
       }
       42% {
           border-radius: 35px 0 35px 0px;
       }
       56% {
           border-radius: 16px 0 16px 0px;
       }
       70% {
           border-radius: 22px 0 22px 0px;
       }
       84% {
           border-radius: 10px 0 11px 0px;
       }
    
}
/*********************************
        Home About section here
*********************************/
.home-abt {margin-bottom: 60px;}
.abt-lft {position: relative;}
.home-abt img {width: 100%; object-fit: cover; position: relative;}
.abt-lft::before {content: ""; width: 125px; height: 140px; background-image: url("../images/dot-pattern.png"); background-repeat: no-repeat; position: absolute; left: -20px; top: -20px;}
.home-abt-text p.small-abt {font-size: 17px; color: var(--greenClr); margin-bottom: 0; line-height: normal;}
.home-abt-text h3 {color: var(--greenClr); line-height: 1.4; margin-bottom: 20px;}
.home-abt-text p, .review-box p {color: var(--lightGreen); line-height: 1.7; margin-bottom: 20px; font-size: 16px;}
.home-abt-text .btn { position: relative; overflow: hidden; z-index: 5; border-radius: 5px; margin-top: 30px;}
.home-abt-text .btn:hover {color: var(--whiteClr);}
.home-abt-text .btn::after {width: 0%; content: ""; background-color: #41713a; height: 100%; position: absolute; left: 0; top: 0; transition: 0.5s linear; z-index: -1;}
.home-abt-text .btn:hover::after {width: 100%;}
/*********************************
        Healthy section here
*********************************/
.healthy {background-color: var(--greenClr); padding: 50px 0; background-image: url("../images/bg-img.jpg"); background-repeat: no-repeat; background-size: 100% 100% ; text-align: center;}
.healthy .btn {border-radius: 5px;}
.healthy h2 {color: var(--whiteClr); text-align: center; font-weight: 600; line-height: 1.7; margin-bottom: 25px;}
/*********************************
        Client say section here
*********************************/
.client-say {padding: 60px 0; background-color: var(--bgClr);}
.client-say .mid-head { margin-bottom: 40px;}
.review-box {padding: 20px 15px; background-color: var(--whiteClr); border-radius: 15px; box-shadow: 2px 2px 10px 2px rgba(0, 0, 0, 0.10); margin-bottom: 10px; height: 100%; min-height: 380px; margin-top: 15px;}
.star {margin-bottom: 20px;}
.star li .fa-solid.fa-star {color: var(--yellowClr);}
.star li {margin-right: 2px;}
.review-box h4 {color: var(--greenClr);}
.testimonial-img {width: 40px !important;}
.star {flex-direction: row-reverse;}
.star li:nth-child(2) {margin-right: auto;}
/*********************************
        Home Blog section here
*********************************/
.home-blog {background-color: var(--whiteClr); padding: 60px 0;}
.home-blog .thumb {width: 100%; margin-bottom: 20px;}
.home-blog .mid-head h3 {margin-bottom: 60px;}
.cal-date li {margin-bottom: 15px;}
.cal-date a {font-size: 13px; color: var(--lightGreen);}
.home-blog-info h4 {color: var(--greenClr); margin-bottom: 15px;}
.calendr {margin-right: 10px;}
.home-blog-info p {font-size: 16px; color: var(--lightGreen); margin-bottom: 15px;}
.wrap-blog-box {margin-bottom: 25px;}
.center-button .btn {border-radius: 5px; padding: 10px 40px; position: relative; overflow: hidden; z-index: 5;}
.blog-box img {width: 100%; max-height: 150px; object-fit: cover;}
.center-button .btn:hover {color: var(--whiteClr);}
.center-button .btn::after {width: 0%; content: ""; background-color: #41713a; height: 100%; position: absolute; left: 0; top: 0; transition: 0.5s linear; z-index: -1;}
.center-button .btn:hover::after {width: 100%;}
.extr-btn .btn { position: relative; overflow: hidden; z-index: 5; border-radius: 5px; margin: 0 0 20px; padding: 8px 22px;}
.extr-btn .btn:hover {color: var(--whiteClr);}
.extr-btn .btn::after {width: 0%; content: ""; background-color: #41713a; height: 100%; position: absolute; left: 0; top: 0; transition: 0.5s linear; z-index: -1;}
.extr-btn .btn:hover::after {width: 100%;}
.extr-btn .anchr-rd-btn {color: var(--blueClr); font-size: 16px; text-decoration: underline; transition: 0.6s; font-weight: 500;}
.extr-btn .anchr-rd-btn:hover {text-decoration: none;}
.home-blog-info.extr-btn p {margin-bottom: 0;}
/*********************************
        Footer section here
*********************************/
footer {padding: 30px 0; background-color: var(--greenClr);}
.footer-logo {filter: brightness(0) invert(1); margin-bottom: 25px;}
.logo-fotr-discp p { color: var(--whiteClr); line-height: 1.7;}
footer h4 {color: var(--whiteClr); margin-bottom: 25px; text-transform: uppercase;}
.footer-nav li {margin-bottom: 15px;}
.footer-nav li a {color: var(--whiteClr); font-weight: 500; transition: background 0.8s;}
.footer-nav li a::after {content: "";  width: 0; height: 2px; background-color: var(--whiteClr);display: block; transition: 0.6s; }
.footer-nav li a:hover::after {width: 40%;}
.footer-contact h4 {margin-bottom: 10px;}
.footr-cnt li {margin-bottom: 15px; margin-right: 10px;}
.footr-cnt li a {color: var(--whiteClr); font-weight: 500; display: flex; align-items: center; transition: 0.5s;}
.footr-cnt li a:hover, .loc li a:hover, .map li a img:hover {opacity: 0.7;}
.map {margin-top: 20px;}
.map iframe {width: 100%; border-radius: 5px; border: 3px solid var(--blueClr) !important;}
.map:hover {opacity: .8;}
.footr-cnt li .img-mr {margin-right: 10px; width: 23px;}
.loc li a {color: var(--whiteClr); font-weight: 500; display: flex; align-items: flex-start; transition: 0.5s;}
.loc li a img {width: 23px; margin-right: 10px;}
.map img {width: 100%; margin-top: 20px;}
.copy-right {padding: 20px 0; background-color: var(--whiteClr);}
.text-copy-right li a, .copy-right .para-right {color: var(--greenClr); font-weight: 600; transition: 0.5s;}
.text-copy-right li a:hover {text-decoration: underline;}
.crsr-default {cursor: default;}
.text-copy-right li .crsr-default:hover {text-decoration: none;}
.mr-5 {margin-right: 5px;}

/*********************************
        Service page start here
**********************************
        banner section here
*********************************/
.banner-sec, .aberdeen-sec {margin-bottom: 60px; }
.banner-sec .ser-banner {width: 100%; max-height: 250px; object-fit: cover; object-position: bottom;position: relative; }
.banner-sec {position: relative; }
.banner-sec::after {content: ""; background-color: rgba(23, 28, 20, .65); position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
.middle-sec-service .video-head-text, .middle-sec-about .video-head-text, .middle-sec-industrial .video-head-text,  .middle-sec-contact .video-head-text, .middle-sec-service-main .video-head-text, .middle-sec-quote .video-head-text, .middle-sec-faq .video-head-text, .middle-sec-blog .video-head-text, .middle-sec-hw-we-work .video-head-text, .middle-sec-blog-details .video-head-text, .middle-sec-terms-condition .video-head-text, .middle-sec-privacy-policy .video-head-text {text-align: center;}
.middle-sec-service .video-head-text .btn, .middle-sec-quote .video-head-text .btn {margin-top: 20px;}
/**********************************
        aberdeen section here
*********************************/
.aberd-text h2 {color: var(--greenClr); margin-bottom: 15px; font-size: 35px;}
.aberd-text p {color: var(--lightBlack); font-size: 16px; margin-bottom: 25px; line-height: 1.7; max-width: 90%;}
.large-text {font-size: 50px; position: relative;}
.large-text::after {content: ""; width: 65%; height: 4px; background-color: var(--greenClr); position: absolute; left: 0; bottom: 0; border-radius: 30px 0px 30px 0;}
.aberd-text h4 {margin-bottom: 15px;}
.hver-effct.btn {border-radius: 5px; padding: 10px 40px; position: relative; overflow: hidden; z-index: 5;}
.hver-effct.btn:hover {color: var(--whiteClr);}
.hver-effct.btn::after {width: 0%; content: ""; background-color: #41713a; height: 100%; position: absolute; left: 0; top: 0; transition: 0.5s linear; z-index: -1;}
.hver-effct.btn:hover::after {width: 100%;}
.img-01 {margin-bottom: 15px;}
.aber-img-sec {overflow: hidden;}
.aber-img-sec img {width: 100%; border-radius: 100px; object-fit: cover;}
.btom-img img:first-child {margin-right: 15px;}
.btom-img img {max-width: 50%; max-height: 230px; min-height: 160px; object-fit: cover;}
.desk-img {display: none;}
/**********************************
        hiring section here
*********************************/
.hiring-sec {background-color: var(--greenClr); padding: 60px 0;}
.hiring-sec .mid-head h3 {color: var(--whiteClr); margin-bottom: 30px; text-transform: uppercase;}
.deep-white-box {background-color: var(--whiteClr); padding: 20px 20px; border-radius: 20px 0 20px 0; text-align: center; height: 100%;}
.deep-white-box img {width: 60px; height: 40px; object-fit: contain; margin-bottom: 15px;}
.deep-white-box h4 {color: var(--lightGreen); font-size: 16px;}
/**********************************
        Get quote section here
*********************************/
.get-quote {background-color: var(--bgClr); padding: 60px 0;}
.sm-head {text-align: right;}
.sm-head h2 {color: var(--lightGreen);position: relative; margin-bottom: 15px;}
.sm-head p {line-height: 1.7; color: var(--lightBlack); max-width: 90%; margin-bottom: 25px; margin-left: auto;}
.sm-head h2::after {content: ""; background-image: url("../images/quot.png"); background-repeat: no-repeat; position: absolute; right: -65px; top: -18px; width: 90px; height: 80px; rotate: 180deg;}
.anim-svg img {width: 100%; border-radius: 30px;}
.mx-cntr {align-items: center;}
svg {    width: 100%;
    height: 100%;
    transform: translate3d(0px, 0px, 0px);
    content-visibility: visible;}
/* animation */
#hand_01 {animation:lineone 1s linear infinite; visibility: hidden; animation-duration: 0.8s;}
@keyframes lineone {

    from {
        transform: translateX(50px);
        
      }
    
      to {
        transform: translateX(0px);
        
      }
    
}

/* Wobble Horizontal */
@-webkit-keyframes hvr-wobble-horizontal {
    16.65% {
      -webkit-transform: translateX(8px);
      transform: translateX(8px);
    }
    33.3% {
      -webkit-transform: translateX(-6px);
      transform: translateX(-6px);
    }
    49.95% {
      -webkit-transform: translateX(4px);
      transform: translateX(4px);
    }
    66.6% {
      -webkit-transform: translateX(-2px);
      transform: translateX(-2px);
    }
    83.25% {
      -webkit-transform: translateX(1px);
      transform: translateX(1px);
    }
    100% {
      -webkit-transform: translateX(0);
      transform: translateX(0);
    }
  }
  @keyframes hvr-wobble-horizontal {
    16.65% {
      -webkit-transform: translateX(8px);
      transform: translateX(8px);
    }
    33.3% {
      -webkit-transform: translateX(-6px);
      transform: translateX(-6px);
    }
    49.95% {
      -webkit-transform: translateX(4px);
      transform: translateX(4px);
    }
    66.6% {
      -webkit-transform: translateX(-2px);
      transform: translateX(-2px);
    }
    83.25% {
      -webkit-transform: translateX(1px);
      transform: translateX(1px);
    }
    100% {
      -webkit-transform: translateX(0);
      transform: translateX(0);
    }
  }
  .hvr-wobble-horizontal {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  }
  .deep-white-box:hover .hvr-wobble-horizontal, .deep-white-box:focus .hvr-wobble-horizontal, .deep-white-box:active .hvr-wobble-horizontal, .tablinks:hover .hvr-wobble-horizontal {
    -webkit-animation-name: hvr-wobble-horizontal;
    animation-name: hvr-wobble-horizontal;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
  }


  @-webkit-keyframes hvr-wobble-vertical {
    16.65% {
      -webkit-transform: translateY(8px);
      transform: translateY(8px);
    }
    33.3% {
      -webkit-transform: translateY(-6px);
      transform: translateY(-6px);
    }
    49.95% {
      -webkit-transform: translateY(4px);
      transform: translateY(4px);
    }
    66.6% {
      -webkit-transform: translateY(-2px);
      transform: translateY(-2px);
    }
    83.25% {
      -webkit-transform: translateY(1px);
      transform: translateY(1px);
    }
    100% {
      -webkit-transform: translateY(0);
      transform: translateY(0);
    }
  }
  @keyframes hvr-wobble-vertical {
    16.65% {
      -webkit-transform: translateY(8px);
      transform: translateY(8px);
    }
    33.3% {
      -webkit-transform: translateY(-6px);
      transform: translateY(-6px);
    }
    49.95% {
      -webkit-transform: translateY(4px);
      transform: translateY(4px);
    }
    66.6% {
      -webkit-transform: translateY(-2px);
      transform: translateY(-2px);
    }
    83.25% {
      -webkit-transform: translateY(1px);
      transform: translateY(1px);
    }
    100% {
      -webkit-transform: translateY(0);
      transform: translateY(0);
    }
  }
  .hvr-wobble-vertical {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  }
  .deep-white-box:hover .hvr-wobble-vertical, .deep-white-box:focus .hvr-wobble-vertical, .deep-white-box:active .hvr-wobble-vertical {
    -webkit-animation-name: hvr-wobble-vertical;
    animation-name: hvr-wobble-vertical;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
  }

  @-webkit-keyframes hvr-pulse-grow {
    to {
      -webkit-transform: scale(1.1);
      transform: scale(1.1);
    }
  }
  @keyframes hvr-pulse-grow {
    to {
      -webkit-transform: scale(1.1);
      transform: scale(1.1);
    }
  }
  .hvr-pulse-grow {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  }
  .deep-white-box:hover .hvr-pulse-grow, .deep-white-box:focus .hvr-pulse-grow, .deep-white-box:active .hvr-pulse-grow {
    -webkit-animation-name: hvr-pulse-grow;
    animation-name: hvr-pulse-grow;
    -webkit-animation-duration: 0.5s;
    animation-duration: 0.5s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-direction: alternate;
    animation-direction: alternate;
  }

  @-webkit-keyframes hvr-buzz {
    50% {
      -webkit-transform: translateX(3px) rotate(2deg);
      transform: translateX(3px) rotate(2deg);
    }
    100% {
      -webkit-transform: translateX(-3px) rotate(-2deg);
      transform: translateX(-3px) rotate(-2deg);
    }
  }
  @keyframes hvr-buzz {
    50% {
      -webkit-transform: translateX(3px) rotate(2deg);
      transform: translateX(3px) rotate(2deg);
    }
    100% {
      -webkit-transform: translateX(-3px) rotate(-2deg);
      transform: translateX(-3px) rotate(-2deg);
    }
  }
  .hvr-buzz {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  }
  .deep-white-box:hover .hvr-buzz, .deep-white-box:focus .hvr-buzz, .deep-white-box:active .hvr-buzz {
    -webkit-animation-name: hvr-buzz;
    animation-name: hvr-buzz;
    -webkit-animation-duration: 0.15s;
    animation-duration: 0.15s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
  }
/*********************************
        About page start here
**********************************
        banner section here
*********************************/
.middle-sec-about .banner-sec,  .middle-sec-about .aberdeen-sec {margin-bottom: 0;}
.middle-sec-about .aberdeen-sec {background-color: var(--bgClr); padding: 45px 0;}
.middle-sec-about .aber-img-sec img {border-radius: 0;}
.middle-sec-about .aberd-text h2 {font-size: 30px; font-weight: 600; margin-top: 70px;}
.abt-mg .row:nth-child(2) {flex-direction: row-reverse; margin-top: 25px;}
/**********************************
        Call back section here
*********************************/
.middle-sec-about .aberd-text p:last-child {margin-bottom: 0;}
.middle-sec-about .info-callback {margin-top: 0;}
.middle-sec-about .callback {margin-top: 60px;}
.middle-sec-about .mid-head h3 {margin-bottom: 60px;}
.process-box {background-color: var(--bgClr); padding: 40px 20px;box-shadow: 0px 4px 10px -4px rgba(24, 37, 22, 0.20); border-radius: 10px; flex-direction: column; text-align: center; height: 100%; margin-bottom: 20px; transition: 0.6s; justify-content: flex-start;}
.round-box {width: 120px; height: 120px; background-color: var(--greenClr); border-radius: 100%; margin-bottom: 25px; transition: 0.6s;}
.icon-img {width: auto;}
.process-box h4 {color: var(--greenClr); margin-bottom: 30px; font-size: 17px;}
.process-box p {color: var(--lightBlack); font-size: 16px; line-height: 1.7;}
.middle-sec-about .center-button .btn {margin: 40px 0;}
.process-box:hover .round-box {transform: scale(1.1);}
.mobile-slider {display: none;}

/*********************************
    Industrial page start here
**********************************
        Offer section here
*********************************/
.metal-paint {position: relative; background-image: url("../images/Industrial-Spray-Painting-Services-aberdeen.webp"); background-repeat: no-repeat; background-size: 60% 100%; min-height: 395px; padding: 60px 0; margin-bottom: 60px;}
.metal-paint::after {content: ""; background-color: rgba(23, 28, 20, .65); position: absolute; left: 0; top: 0; width: 60%; height: 100%; z-index: 2;}
.w100 {width: 100%;}
.mtl p {max-width: 60%; margin: 0 auto 45px; line-height: 1.7; font-size: 16px;}
.cs-rd-100 {border-radius: 0 100px 100px 0;}
.grn-box-wrap {background-color: var(--greenClr); padding: 40px 25px; width: 100%; z-index: 5;position: relative; border-radius: 5px;}
.bx-icon {border: 1px solid var(--whiteClr); width: 40px; height: 40px; margin-right: 20px; border-radius: 5px;}
.bx-icon img { width: 25px; height: 25px; filter: brightness(0) invert(1);}
.grn-box-wrap h4 {color: var(--whiteClr); margin-bottom: 5px; font-weight: 400; font-size: 13px; }
.grn-box-wrap h3 {color: var(--whiteClr); margin-bottom: 25px;  }
.grn-box-wrap p {color: var(--whiteClr);  }
.list-detail li {color: var(--whiteClr); font-size: 14px; margin-bottom: 10px;margin-bottom: 25px;}
/**********************************
        Offer section here
*********************************/
.painting-sec {background-color: #f5f5f5; padding: 90px 0;}
.painting-list {padding: 0px 20px 25px; background-color: var(--whiteClr); box-shadow: 0px 4px 6px 2px rgba(24, 37, 22, 0.15);  height: 100%; background-image: url("../images/equip.jpg"); background-repeat: no-repeat; background-size: 100% 100%; position: relative; display: flex; align-items: center; flex-direction: column; border-radius: 5px;}
.painting-list h4 {color: var(--lightBlack); margin-bottom: 5px; font-weight: 400; font-size: 13px;}
.painting-list h3 {color: var(--lightBlack); margin-bottom: 15px; font-size: 26px; }
.painting-list p, .img-text-info p {color: var(--lightBlack); margin-bottom: 15px; line-height: 1.7; font-size: 16px; }
/* .pnt-img {padding: 0; max-height: 480px; overflow: hidden; object-fit: cover; position: relative;} */
.painting-list::after {background-color: rgba(23, 28, 20, .65); position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 2; content: ""; border-radius: 5px;}
.img-text-info {flex-direction: column; position: relative;
z-index: 5;}
/* .img-text-info {position: absolute; top: 0; width: 100%; height: 100%; z-index: 5;} */
.img-text-info h4  {color: var(--whiteClr); margin-bottom: 5px; font-size: 24px; font-weight: 600; text-align: center; display: flex; flex-direction: column;align-items: flex-start;}
.img-text-info p  {color: var(--whiteClr); text-align: center; font-size: 16px; padding: 10px 15px;}
.img-text-info h4::before  {content: ""; width: 80px; height: 30px; display: block; margin-bottom: 10px; border: 5px solid var(--whiteClr); display: none;}
.painting-sec .col-sm-12 {padding: 0;}
.mdmg {transform: scale(1.1); z-index: 5; background-image: url("../images/metal.jpg"); background-repeat: no-repeat; background-size: 100% 100%;}
.circle-wt {background-color: var(--whiteClr); box-shadow: 0px 4px 6px 2px rgba(24, 37, 22, 0.15); width: 60px; height: 60px; border-radius: 100%; z-index: 5; margin-top: -35px; display: flex; align-items: center; justify-content: center; margin-bottom: 40px;}
.circle-wt img {width: auto; height: auto; object-fit: cover;}
/**********************************
        get quotes section here
*********************************/
.radius-bg-qt {padding: 100px 40px; background-color: var(--greenClr); border-radius: 70px 331px 311px 60px;}
.radius-bg-qt h3 {color: var(--whiteClr); margin-bottom: 25px; text-transform: uppercase;}
.radius-bg-qt p {color: var(--whiteClr); font-size: 16px; line-height: 1.7; margin-bottom: 20px; max-width: 85%;}
.radius-bg-qt .btn {margin-top: 20px;}
.get-quotes {margin: 40px 0;}
/*********************************
    Contact us page start here
**********************************
        banner section here
*********************************/
.rs-brder {position: relative;}
.rs-brder::after {width: 60%;bottom: -10px;height: 4px;left: 0;top: auto;position: absolute;content: '';border: 3px solid var(--whiteClr);background-color: var(--whiteClr); border-radius: 140px 5px 155px 0;}
/**********************************
        Contact info section here
*********************************/
.inner-info .box-info-contact {padding: 40px 25px; background-color: var(--bgClr); width: 100%;}
.info-contact .tab {float: left;border: 1px solid #ccc;background-color: var(--greenClr);width: 30%;height: 400px;}
.info-contact .tab button {display: block;background-color: inherit;color: var(--whiteClr);padding: 22px 16px;width: 100%;border: none;outline: none;text-align: left;cursor: default;font-size: 19px;}
 .info-contact .tab button:hover {background-color: var(--btn-hver-green);}
 .info-contact .tab button.active {background-color: var(--btn-hver-green);}
 .info-contact .tabcontent {float: left;border: 1px solid var(--greenClr);width: 70%;border-left: none;height: 400px;display: none;overflow: hidden;border-radius: 0 30px 30px 0;}
.info-contact .clearfix::after {content: "";clear: both;display: table;}
.arrow {margin-left: 10px; transition: 0.5s; overflow: hidden; display: none;}
.tablinks:hover .arrow, .tablinks:active .arrow, .tablinks.active .arrow, .tablinks:focus .arrow {display: inline-block;} 
  .contact-tabcontnt-img {position: relative; height: 100%;}
  .contact-tabcontnt-img::after {content: '';position: absolute; left: 0; right: 0; top: 0; bottom: 0; display: block; background: rgba(0, 0, 0, 0.4);}
  .img-loc-text {position: absolute; top: 27%; display: flex; flex-direction: column; align-items: center; width: 100%; height: 100%;z-index: 5;}
  .contact-tabcontnt-img img {width: 100%; border-radius: 0 30px 30px 0; height: 100%;}
  .img-loc-text h3 {color: var(--whiteClr); font-weight: 500; text-align: center; margin-bottom: 10px;}
  .img-loc-text h4 a, .img-loc-text h4 {color: var(--whiteClr); font-weight: 500; text-align: center;}

/**********************************
    Contactform section here
*********************************/
.contact-form {padding: 60px 0; background-color: var(--bgClr);}
.bg-form-cnct {background-color: var(--blueClr); width: 100%; border-radius: 30px; padding: 30px 30px;}
.bg-form-cnct h2 {color: var(--whiteClr);  font-weight: 500; margin-bottom: 10px; font-size: 24px;}
.box-input {margin-bottom: 20px;}
.box-input label {font-size: 16px; color: #cbf3d2; display: none;}
.box-input .form-control, #exampleModal .wpcf7-form-control {background-color: var(--btn-hver-green); border: 0; color: #cbf3d2; border-radius: 5px; margin-top: 0;}
.box-input br {display: none;}
#exampleModal .wpcf7-form-control {width: 100%; padding: 6px 10px; color: var(--whiteClr); transition: 0.6s; margin-top: 0; border: 1px solid var(--btn-hver-green); line-height: normal; height: 48px;}
#exampleModal  textarea {height: 100px !important;}
#exampleModal  .recaptcha {margin-top: 0px; display: block;}
.post-box.extr-btn .btn {padding: 5px 15px; font-size: 16px; margin-bottom: 0; margin-top: 5px; display: block;}
:focus-visible {outline: 0;}
#exampleModal .wpcf7-form-control:hover {opacity: .8;}
.box-input .form-control::placeholder {font-size: 16px !important; color: var(--whiteClr); opacity: .4;}
#exampleModal ::placeholder {font-size: 16px !important; color: var(--whiteClr) !important; opacity: .4 !important; }
::placeholder, #wpcf7-f100-o1 ::placeholder {font-size: 16px !important; color: var(--lightBlack) !important; opacity: .4 !important; }
.wpcf7-form ::placeholder {color: var(--lightBlack) !important;}
.form-submit .btn {margin-top: 25px; width: 45%; background-color: #cbf3d2; color: var(--greenClr); border-color: var(--btn-hver-green);}
.form-submit .btn:hover {background-color: var(--btn-hver-green);}
.cse-sec { max-width: 80%; overflow: hidden; margin: 0 auto; border-radius: 30px;}
#exampleModal select {height: 48px !important; font-weight: 400; font-size: 16px; cursor: pointer;}
#exampleModal .recaptcha .wpcf7-form-control {padding: 0; border: 0;}
/*********************************
    Service main page start here
**********************************
        banner section here
*********************************/
.middle-sec-service-main .video-head-text .btn {margin-top: 0;}
.middle-sec-service-main .banner-sec .ser-banner {object-position: center;}
.middle-sec-service-main .banner-sec {margin-bottom: 0;}
/**********************************
    our service section here
*********************************/
.our-service {padding: 60px 0; background:var(--bgClr);}
.img-shd:hover .shadow-ineer-text h3 {transform: scale(1.1);}
.our-service .mid-head h3, .cover-area .mid-head h3 {margin-bottom: 40px;}
.services-box {background-color: var(--whiteClr);box-shadow: 0px 4px 6px 2px rgba(24, 37, 22, 0.15); border-radius: 5px; overflow: hidden; height: 100%; margin-bottom: 25px; transition: 0.5s;}
.our-service .col-lg-4 { margin-bottom: 25px;}
.img-shd {position: relative;}
.img-shd::after {content: '';position: absolute; left: 0; right: 0; top: 0; bottom: 0; display: block; background: rgba(0, 0, 0, 0.4);width: 100%; height: 100%;}
.img-shd img {width: 100%; max-height: 180px; object-fit: cover;}
.shadow-ineer-text {position: absolute; top: 0; z-index: 5; display: flex; justify-content: center; align-items: center; flex-direction: column; width: 100%; height: 100%;}
.shadow-ineer-text h3 {color: var(--whiteClr); font-size: 24px; text-align: center; transition: 0.5s;}
.services-box p {font-size: 16px; color: var(--greenClr); line-height: 1.7;}
.para-box {padding: 20px 15px;}
.shadow-ineer-text .btn {padding: 5px 20px; font-size: 14px; margin-top: 15px;visibility: hidden;}
.shadow-ineer-text h3 a {color: var(--whiteClr);}
/**********************************
    our service section here
*********************************/
.need-cleaner {background-image: url("../images/cleaner.jpg"); background-repeat: no-repeat; width: 100%; position: relative; background-position: bottom; margin-bottom: 0px;}
.need-cleaner::after {content: '';position: absolute; left: 0; right: 0; top: 0; bottom: 0; display: block; background: rgba(0, 0, 0, 0.4);width: 100%; height: 100%;}
.claener-text {padding: 60px 0; text-align: center; z-index: 5; position: relative;}
.claener-text p {max-width: 80%; margin: 0 auto; line-height: 1.7;}
.claener-text h3, .claener-text p {color: var(--whiteClr); margin-bottom: 15px;}
/**********************************
    Area cover section here
*********************************/
.cover-area {padding: 0px 0 60px;}
.bgbl-clr {background-color: var(--blueClr); padding: 60px 0;}
.bgbl-clr .mid-head h3 {color: var(--whiteClr); }
.area-slide {position: relative; border-radius: 5px; overflow: hidden; height: 230px;}
.area-slide::after {content: '';position: absolute; left: 0; right: 0; top: 0; bottom: 0; display: block; background: rgba(0, 0, 0, 0.4);width: 100%; height: 100%; display: none;}
.shdwowhite {box-shadow: 0px 4px 6px 3px rgba(24, 37, 22, 0.15); background-color: var(--whiteClr); border-radius: 5px; margin-bottom: 10px; transition: 0.6s;}
.shdwowhite:hover .icon-info h4 {transform: translateX(10px);}
.area-img {width: 100%; height: 100%; object-fit: cover; position: relative; border-radius: 5px;}
.box-crl {margin-top: -60px;}
.icon-info {padding: 20px 15px; transition: 0.6s;}
.icon-info h4 { transition: 0.6s linear;}
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {background-color: var(--greenClr);}
.owl-theme .owl-dots .owl-dot span {background-color: #777779;}
#owl-area.owl-theme .owl-nav.disabled + .owl-dots {margin-top: 20px;}
#owl-area.owl-carousel .owl-nav button.owl-next {background-image: url("../images/right-arrow-blue.png");
    background-repeat: no-repeat; width: 35px;height: 35px;font-size: 0;}
#owl-area.owl-carousel .owl-nav button.owl-prev {background-image: url("../images/left-arrow.png");
    background-repeat: no-repeat; width: 35px;height: 35px;font-size: 0;}

/* Modal */
.get-quote-modal .bg-form-cnct {border-radius: 30px;}
.get-quote-modal select, .quote-wraper select {width: 100% !important;height: 35px !important; padding: 0 6px; background-color: var(--btn-hver-green); color: #cbf3d2;}
.get-quote-modal textarea, .quote-wraper textarea {height: 150px;}
.get-quote-modal .btn-close {background-image: url("../images/close.png");opacity: 1;position: absolute; top: 32px; right: 75px;}
.get-quote-modal .modal-content {background: transparent;}

/**********************************
    quote request section here
*********************************/
.quote-request {margin-bottom: 60px;}
.quote-wraper {background-color: rgba(65, 113, 58, .8); padding: 0px 0; box-shadow: 0px 4px 6px 2px rgba(24, 37, 22, 0.15); margin-top: -100px;z-index: 100;position: relative; padding:0 20px 60px; border-radius: 5px;}
.wicon {width: 100px; height: 100px; border: 1px solid var(--whiteClr); border-radius: 100%; overflow: hidden;margin: 0 auto 30px;}
.wicon img {max-width: 60px;}
.req-head-qt h3 {color: var(--whiteClr); margin-bottom: 10px;}
.req-head-qt p {color: var(--whiteClr); margin-bottom: 30px; line-height: 1.7; max-width: 80%;}
.img-rd {border-radius: 50px; overflow: hidden;}


/**********************************
    Blog Details section here
*********************************/
.middle-sec-blog-details .banner-sec, .middle-sec-blog .banner-sec {margin-bottom: 0;}
.middle-sec-blog-details .wrap-blog-box {box-shadow: 0px 4px 6px 2px rgba(24, 37, 22, 0.15);margin: 10px 0 30px; border-radius: 5px;}
.middle-sec-blog-details .cal-date {padding: 10px 0;}
.middle-sec-blog .center-button .btn {padding: 6px 25px;}
.middle-sec-blog-details .cal-date li {margin-bottom: 0;}
.post-box {background-color: var(--whiteClr);box-shadow: 0px 4px 6px 2px rgba(24, 37, 22, 0.15); border-radius: 5px; position: relative;margin: 20px 0;}
.post-box .inrthm {border-radius: 5px 0px 0 5px; max-width: 100px; margin-bottom: 0; object-fit: cover;}
.bl-inv {padding: 15px 20px; display: block;}
.anchr {display: flex;}
.bl-inv h4 {font-size: 16px;}
.clbl {font-size: 12px;}
.middle-sec-blog-details .sidebar-widget .fmns h3 {margin: 25px 0;}
.middle-sec-blog-details .categories {margin:0 0 20px;}
.middle-sec-blog-details .categories li { margin-bottom: 10px; background-image: url("../images/bg-arrw.png"); background-repeat: no-repeat; padding-left: 20px; background-position: 0 50%;}
.middle-sec-blog-details .categories li:last-child { margin-bottom: 0px;}
/* .fmns .tag {display: block; border: 1px solid var(--greenClr); border-radius: 5px; font-size: 16px; color: var(--greenClr); margin-bottom: 10px; padding: 6px 10px; transition: 0.5s; margin-left: 5px;}
.fmns .tag:focus, .fmns .tag:hover {background-color: var(--btn-hver-green); color: var(--whiteClr);} */
.extcls .thumb {border-radius: 5px 5px 0 0;}
.post-content ul {margin-bottom: 15px;}
.post-content ul li {margin-bottom: 5px;}
.middle-sec-blog-details .home-blog {padding-bottom: 20px;}
.middle-sec-blog-details .video-head-text h1 {font-size: 32px;}
.mxnt, .tags {display: flex; flex-wrap: wrap;border: 1px solid var(--greenClr); padding: 10px;}
.tags .tag {font-weight: 700; font-size: 16px;}
.mxnt li:last-child .coma {display: none;}
.mxnt li {display: flex; align-items: flex-end;}

/* Comment form */
.comnt-frm {margin-bottom: 0px; padding: 40px 0; background-color: var(--blueClr);}
.comnt-frm ::placeholder {color: var(--lightBlack) !important; font-size: 16px !important;}
.comnt-frm .frm-control {padding: 6px 12px; font-size: 16px; color: var(--lightBlack); border-radius: 5px; margin-bottom: 20px; width: 100%;}
.comment-respond {max-width: 80%; margin: 0 auto;}
.comment-respond h3 {color: var(--whiteClr); margin-bottom: 10px;}
.comment-notes {display: none;}
.form-submit .submit {background-color: var(--whiteClr); color: var(--blueClr); font-size: 20px; font-weight: 600; padding: 6px 40px; margin-left: 0px; transition: 0.5s; border: 1px solid var(--whiteClr); border-radius: 8px; margin-top: 20px;}
.form-submit .submit:hover {background-color: transparent; color: var(--whiteClr);}
.comment-form-comment, .comment-form-author, .comment-form-email, .comment-form-url {display: flex; flex-direction: column; margin-bottom: 15px;}
/* #email, #author, #comment, #url {border-radius: 5px; height: 30px; border: 1px solid var(--whiteClr); padding: 6px 10px; font-size: 16px;} */
.comment-author img {border-radius: 100%;}
.comment-form-cookies-consent {display: flex; align-items: center;}
.comment-form label, .comment-body, .comment-meta a, .reply a {color: var(--whiteClr);}
.comment-body p {font-weight: bold;}
.required {color: red;}
.comment-form-cookies-consent label {cursor: pointer;}
.comment-form-comment textarea {min-height: 100px;}
.comment-form-cookies-consent input[type="checkbox"] {}
.form-submit .submit {}
/**********************************
    Blog section here
*********************************/
.blog-ind-box {background-color: var(--whiteClr); box-shadow: 0px 4px 6px 2px rgba(24, 37, 22, 0.15); border-radius: 5px; height: 100%; padding-bottom: 40px; position: relative;}
.blog-ind-box .center-button {position: absolute; bottom: 20px; left: 0; width: 100%; margin: 0 auto;}
.cal-date li {margin-bottom: 15px;}
.blog-ind-box .cal-date a {font-size: 13px; color: var(--lightGreen);}
.blog-ind-box .home-blog-info h4 a {color: var(--greenClr); margin-bottom: 15px; transition: 0.6s; line-height: 1.6;}
.blog-ind-box .home-blog-info h4 a:hover {color: var(--blueClr);}
.blog-ind-box .home-blog-info p {font-size: 16px; color: var(--lightGreen); margin-bottom: 15px;}
.small-info-dt {padding: 15px 15px 25px;}
.sepr-img {max-height: 220px; border-radius: 5px 5px 0 0; overflow: hidden;}
.sepr-img img {max-height: 220px; min-height: 220px; object-fit: cover; transition: 0.6s;}
.blog-ind-box:hover .sepr-img img {transform: scale(1.1);}
.mb-30 {margin-bottom: 30px;}

/**********************************
    FAQ section here
*********************************/
.faq {margin-bottom: 60px;}
.faq-bg {background-color: var(--blueClr); border-radius: 30px; box-shadow: 0px 4px 6px 2px rgba(24, 37, 22, 0.15); padding: 30px 20px;}
.faq-head h2 {color: var(--whiteClr); font-weight: 700; margin-bottom: 5px; text-align: center;}
.faq-head p {color: var(--whiteClr); max-width: 80%; margin: 0 auto; margin-bottom: 25px; text-align: center;}
.faq-bg .accordion-button:not(.collapsed), .faq-bg .accordion-button {background-color: transparent;}
.faq-bg .accordion-item {background-color: var(--blueClr); border: 1px solid rgba(255,255,255,.125);}
.faq-bg .accordion-button, .faq-bg .accordion-body{color: var(--whiteClr); font-size: 14px;}
.faq-bg .accordion-button {font-size: 22px;}
.accordion-button:not(.collapsed) {box-shadow: inset 0 -1px 0 rgba(255,255,255,.125);}
.accordion-button:not(.collapsed)::after {background-image: url("../images/up-arrow.png");}
.accordion-button::after {background-image: url("../images/down-arrow.png");}
.accordion-button:focus {border-color: var(--whiteClr); box-shadow: none}
.middle-sec-faq .need-cleaner {margin-bottom: 0;}
/**********************************
    How we work page here
*********************************/
.we-work {background-color: #f5f5f5; padding: 60px 0;}
.middle-sec-hw-we-work .banner-sec, .middle-sec-terms-condition .banner-sec, .middle-sec-privacy-policy .banner-sec {margin-bottom: 0;}
.bg-hw-box {padding: 20px 15px 20px; background-color: var(--whiteClr); box-shadow: 0px 4px 6px 2px rgba(24, 37, 22, 0.15); height: 100%; flex-direction: column; border-radius: 5px; transition: background 0.6s;}
.bg-hw-box:hover, .bg-hw-box.active {background-color: var(--greenClr);}
.bg-hw-box:hover .hver, .bg-hw-box.active .hver {display: inherit;}
.bg-hw-box:hover .rd-bx, .bg-hw-box.active .rd-bx {background-color: var(--whiteClr);}
.bg-hw-box:hover .work-item p, .bg-hw-box.active .work-item p, .bg-hw-box:hover .work-item h4, .bg-hw-box.active .work-item h4 {color: var(--whiteClr);}
.rd-bx {width: 100px; height: 100px; background-color: var(--greenClr); border-radius: 100%; display: flex; align-items: center; justify-content: center; box-shadow: 0px 4px 6px 2px rgba(24, 37, 22, 0.15); margin: 15px 0; transition: background 0.6s;}
.work-item h4 {text-align: center; font-size: 18px; margin-bottom: 10px; color: var(--greenClr); transition: 0.6s;}
.work-item p {text-align: center; color: var(--lightBlack); margin-bottom: 15px; transition: 0.6s; font-size: 14px;}
.hver, .bg-hw-box:hover .smpl, .bg-hw-box.active .smpl {display: none;}
.middle-sec-hw-we-work .need-cleaner {margin-bottom: 0;}
/**********************************
    Categorie page here
*********************************/
.cat-cleaning-ser {margin-bottom: 40px;}
.box-shadow-cat {box-shadow: 0px 1px 6px 2px rgba(24, 37, 22, 0.15);margin: 20px 0; padding: 20px 15px; border-radius: 5px;}
.box-shadow-cat .col-md-8 {padding-right: 30px;}
.box-shadow-cat .col-md-4 {border-left: 1px solid rgba(0, 0, 0, .2);}
.box-shadow-cat h3 {font-size: 40px; color: var(--greenClr); margin-bottom: 10px;}
.widget h4 {color: var(--whiteClr); margin: 20px 0; font-size: 22px; font-weight: 600; background-color: var(--greenClr); padding: 6px 15px;}
.wp-post-image {width: 100%; margin-bottom: 20px; border-radius: 5px 5px 0 0;}
.category-post h4 a {color: var(--greenClr); margin-bottom: 10px; display: block; transition: 0.5s;}
.category-post p {color: var(--lightBlack); margin-bottom: 20px;}
.category-post h4 a:hover {color: var(--blueClr);}
.tags, .blck-item, .post-tags {display: flex; flex-wrap: wrap;}
.blck-item .badge {margin-left: 5px;}
.cs-tag .badge, .badge, .fmns .tag, .lsn  { border-radius: 5px; font-size: 16px; color: var(--greenClr); padding: 6px 5px; transition: 0.5s; line-height: 1.4; white-space: break-spaces; text-align: left;}
.coma {margin:0 3px; font-size: 21px; font-weight: 700;}
.lsn {white-space: normal;}
.badge:focus, .badge:hover, .fmns .tag:hover, .lsn:hover {background-color: var(--btn-hver-green); color: var(--whiteClr);}
.pagenav h2 {font-size: 24px; font-weight: 600;}
#sidebar li {margin-bottom: 10px;}
.cat-item  {position: relative; cursor: pointer; margin-bottom: 10px;}
.cat-item::before {background-image: url("../images/right-arrow_black.png"); background-repeat: no-repeat; background-position: 50% 50%; background-size: cover; position: absolute; right: 5px; top: 2px; width: 20px; height: 20px; content: "";}
/* Sidebar */
#sidebar #searchsubmit {background-color: var(--greenClr); color: var(--whiteClr); padding: 6px 12px; font-size: 16px; border-radius: 5px; width: 23%; border: 1px solid var(--greenClr); transition: 0.5s; }
#sidebar #searchsubmit:hover {background-color: var(--whiteClr); color: var(--greenClr);}
#s {width: 73%; height: 35px; padding: 6px 10px;}
#sidebar li p {color: var(--greenClr); margin-bottom: 15px;}
/* WP-UAT */
/* .middle-sec .wpcf7-form.init .form-control, .middle-sec-about .wpcf7-form.init .form-control, .middle-sec .wpcf7-form.invalid .form-control, .middle-sec-about .wpcf7-form.invalid .form-control, .middle-sec .wpcf7-form.sent .form-control, .middle-sec-about form  .form-control, .wpcf7-form.submitting .form-control, .wpcf7-form.init .form-control, .wpcf7-form.submit .form-control {width: 95%; line-height: 1.7;}
.middle-sec .wpcf7-form.init p, .middle-sec .wpcf7-form.invalid p, .middle-sec .wpcf7-form.sent p, .middle-sec-about form p, .wpcf7-form.submitting p, .wpcf7-form.submit p {display: flex; align-items: center;} */
.middle-sec .wpcf7-form.init p br, .middle-sec .wpcf7-form.sent p br, .middle-sec-about form  p br {display: none;}
.wpcf7-response-output {color: #80f16f;font-weight: 600;}
.wpcf7 form .wpcf7-response-output {margin: 0;}
/* .dropdown-menu {display: none;}
.dropdown:hover .dropdown-menu {display: block;} */
.navigation-section .navbar-nav .dropdown-menu {top: 45px; left: -22px; padding: 0; width: auto; border-radius: 10px; overflow: hidden;}
.navigation-section .navbar-nav .dropdown-toggle {width: 100%; height: 100%; padding: 15px 0;}
.navigation-section .navbar-nav .dropdown-toggle:hover:before {content: ""; width: 80%; height: 2px; background-color: var(--blueClr); position: absolute; bottom: 15px; left: 0;}
.navigation-section .navbar-nav .dropdown-menu .menu-item  {margin-right: 0; padding: 0; cursor: pointer;}
.navigation-section .navbar-nav .dropdown-menu .menu-item .dropdown-item {font-size: 17px; padding: 8px 20px;}
.navigation-section .dropdown-item:focus, .dropdown-item:hover {background-color: var(--btn-hver-green); color: var(--whiteClr);}
.option-select .wpcf7-list-item-label {color: var(--whiteClr); font-size: 16px; font-weight: 600;}
.option-select .wpcf7-list-item label {margin-bottom: 10px; display: flex; align-items: center; cursor: pointer;}
.contact-form form .wpcf7-form-control {display: grid; grid-template-columns: auto auto auto;}
.wpcf7-list-item.first, .wpcf7-list-item:nth-child(4) {margin-left: 0;}
.form-control {border-radius: 5px; height: 48px;}
.wpcf7-form-control-wrap textarea {width: 100%; height: 100px; padding: 10px 15px; margin: 0px 0 0px; border-radius: 5px; background-color: var(--btn-hver-green); color: var(--whiteClr);}
.slct-lbl {font-size: 18px; color: var(--whiteClr); margin-bottom: 5px; font-weight: 600;}
.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output {color: #ff5757;}
.contact-form form .form-control {padding: 6px 10px; background-color: var(--btn-hver-green); border: 0; color: var(--whiteClr);}
.middle-sec-contact .contact-form form .form-control, .middle-sec-contact .contact-form form .wpcf7-form-control {background-color: var(--whiteClr); color: var(--lightBlack);}
.middle-sec-contact .contact-form form .wpcf7-form-control.send {color: var(--blueClr);}
.middle-sec-contact .contact-form form .wpcf7-form-control.option-select, .middle-sec-contact .contact-form form .recaptcha .wpcf7-form-control {background-color: transparent;}
#exampleModal .bg-form-cnct {background-color: var(--greenClr);}
::placeholder {color: var(--lightBlack) !important; font-size: 16px !important;}
.send {background-color: var(--btn-hver-green); color: var(--whiteClr);}
.send:hover {opacity: .8; color: var(--whiteClr);}
input[type="checkbox"] {background-color: var(--btn-hver-green); width: 15px; height: 15px; margin-right: 5px;}
.wpcf7-not-valid-tip {font-size: 14px;  color: #ff9a9a;}
.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output {margin: 0; font-size: 14px;}
/* breadcrumbs */
.breadcrumb {justify-content: center; align-items: center; font-size: 16px; color: var(--whiteClr); margin-bottom: 0;}
.breadcrumb a { color: var(--whiteClr); margin-right: 10px; transition: 0.5s;}
.breadcrumb a:hover {text-decoration: underline;}
.breadcrumb span {margin-left: 10px;}

.cl-sr-wrap .col-sm-6 {margin-bottom: 20px;}
.middle-sec-about .callback {margin-bottom: 40px;}
.middle-sec-about .need-cleaner {margin-bottom: 0;}
.middle-sec .wpcf7 form.invalid .wpcf7-response-output, .middle-sec .wpcf7 form.sent .wpcf7-response-output, .middle-sec-about .wpcf7 form.invalid .wpcf7-response-output, .middle-sec-about .wpcf7 form.sent .wpcf7-response-output {max-width: 50%; margin: 0 auto; text-align: center; color: #ff9a9a;}
.contact-form form .wpcf7-form-control.has-spinner {display: inline-block; margin-bottom: 20px; transition: 0.5s;}
.wpcf7 form.invalid .wpcf7-response-output {max-width: 90%; margin: inherit;}
.wpcf7-spinner {background-color: #818385; opacity: 1;}
#owl-chooser {display: none;}
#exampleModal .btn.btn-white {max-width: 150px; margin: 20px 0;}
.inner-info .btn.submit {margin-left: 15px !important;}
.snd p {margin-bottom: 0;}
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {-webkit-appearance: none; appearance: none; margin: 0;}

/**************Unsubscribe page ***********/
.unsubscribe {padding: 0px 0 60px; background-color: var(--bgClr);}
.sbs-img img {width: 50%; max-height: 400px; object-fit: cover; object-position: top;}
.sbs-img {margin: 0 0 20px;}
.uns-inf {box-shadow: 0px 1px 6px 2px rgba(24, 37, 22, 0.15); margin: 0 0px 0; border-radius: 5px; padding: 20px 15px; background-color: var(--whiteClr);}
.uns-inf h3 {font-size: 26px; color: #f4511e; margin-bottom: 10px; text-align: center;}
.uns-inf p { color: var(--lightBlack); text-align: center;}
.uns-inf select { height: 40px; border: 1px solid #c1c9c0; margin: 10px 0; border-radius: 5px; cursor: pointer; font-size: 16px;}
.input-select {display: flex; align-items: center; justify-content: center;}
.wrp-slct {flex-direction: column; display: flex; width: 100%;}
.wrp-slct .btn-blue {background-color: var(--blueClr); color: var(--whiteClr); border: 1px solid var(--blueClr);}
.wrp-slct .btn-blue:hover {background-color: var(--whiteClr); color: var(--blueClr);}
.wrp-slct .btn {width: 95%; margin: 20px auto; padding: 6px 20px;}
.unsubscribe-container {max-width: 80%; margin: 0 auto;}
/* Thank You page */
.thank-you-container {padding: 60px 0; background-color: var(--bgClr);}
.box-thanku {background-color: var(--whiteClr); border-radius: 5px; padding: 20px 15px; width: 80%; margin: 0 auto; box-shadow: 0px 1px 6px 2px rgba(24, 37, 22, 0.15); text-align: center;}
.box-thanku img { margin-bottom: 10px;}
.box-thanku h2 {color: var(--greenClr); margin-bottom: 5px;}
.box-thanku p {color: var(--lightBlack); margin-bottom: 15px;}
.dropdown-menu {
	display: none;
}

.dropdown-menu.show {
	display: block;
}