@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Oleo+Script:wght@400;700&display=swap');
@font-face {
    font-family: 'OldschoolGrotesk';
    src: url('../fonts/OldschoolGrotesk-CompactAir.otf');
    src: url('../fonts/OldschoolGrotesk-CompressedExtraBold.otf') format('embedded-opentype'),
         url('../fonts/OldschoolGrotesk-CompressedLight.otf') format('otf2'),
         url('../fonts/OldschoolGrotesk-CompressedMedium.otf') format('otf'),
         url('../fonts/OldschoolGrotesk-CompressedRegular.otf') format('truetype'),
    font-weight: normal;
    font-style: normal;
}


:root {
--primary:#458940;
--secondary:#d2a123;
--grey:#666666;
--white:#fff;
--black:#000;
--yellow:#ffbb00;
}

body{padding:0px; margin:0px; font-family:"Outfit", sans-serif; color:#000; 
font-size:14px; background:#f5f5f5;}
h1,h2,h3,h4,h5,h6{display:block;}
ul {list-style:none;}
a{text-decoration:none;}

.top-bar{
background:var(--primary);
text-align: center;
width: 100%;
position:fixed;
top:0px;
z-index: 1000;}
.nav{background:var(--white);display: flex;width:100%;position:fixed;top:50px;
height:77px;z-index:1000;padding:5px 0px 3px; box-shadow: 0px 15px 10px -15px #111;
border-radius:0 0 30px 30px;}
.nav .logo{width:38%; margin-left:79px;}
.nav .logo img{width:100%; display:block;}
.logo-text{}
.logo-text ul{padding:0; margin:0;}
.logo-text ul li{display:inline-block; width:fit-content; padding-right:5px; 
margin-right:3px; border-right:solid 1px var(--primary);font-size:13px; 
color:var(--primary); font-weight:600; height:10px; line-height:7px;}
.logo-text ul li:last-child{padding-right:0px; margin-right:0px; border-right:none;}
/*.sticky{
position: fixed;
top: 0;
left: 0;
width: 100%;
z-index:100;}*/

.NavMenu {
  flex: 10;
  list-style: none;
  position: relative;
  display: flex;
  justify-content:center;
}

.NavMenu li {
  display: inline-block;
}

.NavMenu li input {
  display: none;
}

.NavMenu li a {
display: block;
padding: 20px 20px;
font-size:14px;
text-decoration: none;
color:var(--black);
position: relative;
}

.NavMenu li a:after{
position: absolute;
bottom:18px;
left: 0;
right: 0;
margin: 0 auto;
content: "";
background:var(--primary);
width: 0%;
border-radius:50px;
height:3px;
transition: all 0.5s;}
.NavMenu li a:hover::after{width:50%;}
.NavMenu li a.active::after{width:50%;}

.NavMenu li a label {
  cursor: pointer;
  appearance: none;
  display: block;
  position: relative;
  top:-2px;
}

.NavMenu li a label dd{display:inline-block; width:10px; height:10px;
position:relative; top:11px; left:5px;}
.NavMenu li a label dd img{width:100%; display:block;}

.NavMenu li ul {
  position: absolute;
  display: flex;
  flex-direction: column;
  background-color: #fff;
  min-width: 200px;
  top: 80%;
  box-shadow: 0 3px 5px rgb(0 0 0/20%);
  transition: all 0.5s;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
  transform: translateY(10px);
  -webkit-transform: translateY(10px);
  -moz-transform: translateY(10px);
  -ms-transform: translateY(10px);
  -o-transform: translateY(10px);
  visibility: hidden;
  opacity: 0;
}

.NavMenu li ul li {
  position: relative;
  margin:0;
}

.NavMenu li ul li a {
  color:var(--black);
  font-size: 15px;
  font-weight:400;
  padding: 3px 10px;
  display: block;
  transition: all 0.5s;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
}
.NavMenu li ul li a:hover{background:#26d48c; 
color:#075aa3; font-weight:600;}
.NavMenu li ul li a:after{display:none;}

.NavMenu li ul li ul {
  position: absolute;
  left: 100%;
  top: 0;
}

@media(min-width:992px) {
  .NavMenu li ul li a:hover {
  }

  .NavMenu li:hover>ul,
  .NavMenu li ul li:hover>ul {
    visibility: visible;
    opacity: 1;
    transform: translateY(0);
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
  }
}

@media(max-width:991.98px) {
  header {
    padding: 6px 5%;
  }

  .logo {
    flex: 6;
  }

  .bartoggle {
    display: flex;
    justify-content: center;
    font-size: 30px;
    align-items: center;
    background-color: #fff;
    padding: 0 10px;
    cursor: pointer;
  }

  .NavMenu {
    width: 500px;
    flex: 12;
    position: fixed;
    flex-direction: column;
    background-color: #2874f0;
    left: 0;
    top: 40px;
    height: 100vh;
    z-index: -1;
    padding: 15px 0 50px 0;
    justify-content: start;
    overflow-y: scroll;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transform: translateX(-100%);
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
  }

  .NavMenu li ul,
  .NavMenu li ul li ul {
    position: initial;
    left: 0;
    visibility: visible;
    opacity: 1;
    top: 0;
    display: none;
  }

  .NavMenu li a {
    padding: 8px 15px;
    border-bottom: 1px solid #fff;
  }

  .NavMenu li ul li ul {
    background: #2874f0;
    position: inherit;
    margin-top: -10px;
  }

  .NavMenu li ul li ul li a {
    font-size: 14px;
    color: #fff;
    font-weight: 400;
    text-transform: initial;
    padding: 7px 15px 7px 30px;
  }

  .NavMenu li a label::after {
    right: 10px;
  }

  .NavMenu li input:checked+ul,
  .NavMenu li ul li input:checked+ul {
    display: flex;
    flex-direction: column;
    margin-bottom: 15px;
  }

  input:checked+.NavMenu {
    transform: translateX(0);
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
  }

}

.tp-bar-bg{background:var(--primary);width:100%; height:50px; display:flex; justify-content:center; 
align-items:center;}
.tp-bar-bg ul{padding:0; margin:0;}
.tp-bar-bg ul li{display:inline-block; width:fit-content; padding-right:20px;
 padding-left:17px; border-right:solid 1px var(--white); 
 font-size:27px; color:var(--white); font-weight:600; height:50px; line-height:38px;}
.tp-bar-bg ul li a{font-size:17px; color:var(--white); font-weight:600;}
.tp-bar-bg ul li a:hover{color:var(--secondary);}
.tp-bar-bg ul li a img{width:23px; display:inline-block; position:relative; top:-1px;}
.tp-bar-bg ul li a i{width:23px; display:inline-block; position:relative; top:2px;
font-size:23px;}
.tp-bar-bg ul li:first-child{border-left:solid 1px var(--white);}
a.bk-now{background:url(../images/book-now.png) no-repeat 0 0; line-height:45px;
background-size:100% 100%; width:150px; height:55px; display:flex;
justify-content:center; font-size:17px; color:var(--black); font-weight:700;}
a.bk-now img{width:16px; height:14px; position:relative; top:17px;}

/*** Carousel Start ***/
.carousel{margin-top:102px;}
.carousel-item {position:relative; height: 600px;}
.carousel-item img{width:100%; display:block; object-fit:cover; height:600px;}
.carousel-item::after {content: "";width: 100%;height: 100%;position: absolute;
top: 0;left: 0;background:url(../images/home-banner-overlay.png) no-repeat 0 0;
background-size:100% 100%!important;}
.carousel-caption {height: 100%;padding-top:100px;display: flex;justify-content:start;
z-index: 1;right:0%!important;left:0%!important; }
.carousel-content{padding:0 50% 0 10%; text-align:left;}
.carousel-caption h1{font-size:40px; color:var(--white); font-weight:800;}
.carousel-caption h1 span{ display:inline-block; animation: slideLeft 1.5s forwards;
opacity: 0; transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);}
@keyframes slideLeft {
  from {
    opacity: 0;
    transform: translateX(200px);
  } 
  to {
    opacity: 1;
    transform: translateX(0%);
  }
}

@-webkit-keyframes marquee {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-100%);
  }
}
@keyframes marquee {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-100%);
  }
}

.mrqe{width:100%;font-size:25px; color:var(--white); font-weight:600; display:flex;
align-items:center;}

.carousel-caption h6{font-size:22px; color:var(--white); font-weight:600; 
text-transform:uppercase;}
.carousel-caption p{font-size:18px; color:var(--white);}
a.rd-mr{background: linear-gradient(90deg, rgba(246,115,43,1) 0%, rgba(211,158,34,1) 100%); 
color:var(--white); font-size:17px; padding:15px 20px; border-radius:8px 0 8px 8px;
font-weight:600;}
a.rd-mr i{font-size:20px; display:inline-block; position:relative; top:2px;}
.carousel-item p {max-width:700px; margin:0 auto 35px auto;}
.carousel-control-prev {width: 90px;height: 60px;position: absolute;top: 37%;
left: 0;background: var(--primary);border-radius: 0 50px 50px 0;opacity: 1;}
.carousel-control-prev:hover {background: var(--secondary);transition: .8s;}
.carousel-control-next {
width: 90px;
height: 60px;
position: absolute;
top: 37%;
right: 0;
background: var(--primary);
border-radius: 50px 0 0 50px;
opacity: 1;}
.carousel-control-next:hover {background:var(--secondary); transition:.8s;}
.carousel-caption .carousel-content a button.carousel-content-btn1 {
background: var(--bs-secondary);color: var(--bs-dark);opacity: 1;border: 0;
border-radius: 20px;}
.carousel-caption .carousel-content a button.carousel-content-btn1:hover {
background: var(--bs-primary);
color: #ffffff;
border: 0;
opacity: 1;
transition: 1s;
border-radius: 20px;}
.carousel-caption .carousel-content a button.carousel-content-btn2 {
background: var(--bs-primary);color: var(--white);opacity: 1;border: 0;
border-radius: 20px;}
.carousel-caption .carousel-content a button.carousel-content-btn2:hover {
background: var(--bs-secondary);color: var(--bs-dark);border: 0;opacity: 1;
transition: 1s;border-radius: 20px;}
#carouselId .carousel-indicators li {width:30px; height:10px; background:var(--bs-primary);
margin:10px; border-radius:30px; opacity:1;}
#carouselId .carousel-indicators li:hover {background:#26d48c; opacity:1;}
/*** Carousel End ***/

.time-sheet{background:#458940; width:100%; height:100px; position: absolute;
left:0; right:0; bottom:0; margin:0 auto; opacity:0.7!important; z-index: 10;
padding-left: 10%;}
.time-sheet ul{padding:0; margin:0; padding-top: 30px;}
.time-sheet ul li{display:block; padding-left:40px; position:relative; opacity:1.0!important;}
.time-sheet ul li img{width:30px!important; display:block; position:absolute; left:0;
top:5px; opacity:1.0!important; height:30px;}
.time-sheet ul li span{font-size:14px; color:var(--white); font-weight:600; width:100%;
display: block; font-weight:600; opacity:1.0!important;}
.time-sheet ul li dd{font-size:15px; color:var(--white); font-weight:600; height: 15px;
border-right:solid 1px var(--white); display:inline-block; width:fit-content;
padding-right:10px; margin-right:8px; font-weight:600; opacity:1.0!important;
line-height: 13px;}
.time-sheet ul li dd:last-child{border-right:none; padding-right:0px; margin-right:0px;}

.get-service{background:var(--white)!important; border-radius:0 0 5px 5px;}
.get-service h2{font-size:35px; color:var(--black); font-weight:700;}
.service-bg{background:url(../images/service-bg.png) no-repeat 0 0; width:95%; 
background-size:100% 100%!important; margin:0 auto;}
.service-field{position:relative;}
.service-field img{width:15px; height:15px; display:block; position:absolute;
left:20px; top: 18px;}
img.txtarea-icon{top:37px; left:25px;}
.form-fleld{ border:solid 1px var(--black); border-radius:50px;
width:100%; height:50px; font-size:14px; color:var(--black); font-weight:600;
padding:0 20px 0 40px;}
.form-fleld:focus{box-shadow:none;}
.form-fleld::placeholder{font-size:14px; color:var(--black); font-weight:600;}

.txtarea-fleld{ border:solid 1px var(--black); border-radius:30px;
width:100%; height:146px; font-size:16px; color:var(--black); font-weight:600;
padding:30px 30px 0 50px; overflow:auto;}
.txtarea-fleld:focus{box-shadow:none;}
.txtarea-fleld::placeholder{font-size:16px; color:var(--black); font-weight:600;}

.uploadOuter {text-align:center; padding:20px;}
.uploadOuter strong {padding: 0 10px;}
.dragBox {
width: 100%;
height: 140px;
margin: 0 auto;
position: relative;
text-align: center;
line-height: 130px;
color: #000;
border: 2px dashed #ccc;
display: inline-block;
transition: transform 0.3s;
top: -13px;
border-radius: 30px;
background: #fff;
font-size: 17px;
font-weight: 400;}
.dragBox input[type="file"] {
position: absolute;
height: 100%;
width: 100%;
opacity: 0;
top: 0;
left: 0;}
.draging {transform: scale(1.1);}
#preview {
text-align: center;
position: absolute;
top: 10px;
left: 0;
right: 0;
margin: 0 auto;
width: 200px;
background:var(--white);}
#preview img {
max-width: 130px;
height: 130px;
display:block;
margin:0 auto;}



.submitBtn{background: linear-gradient(90deg, rgba(243,118,42,1) 0%, 
rgba(214,154,35,1) 100%); width:100%; height:55px; border-radius:50px; font-size:20px;
color:var(--white); font-weight:600; text-align:center;}
.submitBtn:hover{color:var(--black);}

.aboutImg{background:url(../images/aboutImg-bg.png) no-repeat 0 0; width:100%;
background-size:100% 100%; height:450px; position:relative; margin-top:40px;}
.aboutImg img{width:95%; display:block; height:435px; position:absolute; right:-9px;
bottom:0;}
.customer{background:var(--white); border-radius:10px; padding:10px; position:absolute;
right:-72px; bottom:14px; width:54%; z-index:10; float:left;}
.customer img{width:40px; height:40px; display:inline-block; position:relative;
top:0; border-radius:100%; float:left; left:2px;}
.customer.customer-review{float:left;}
.customer.customer-review h6{font-size:14px; color:var(--black); font-weight:600;}
.customer.customer-review i{display:inline-block; font-size:13px;}
.about-contArea{padding-right:23%; margin-top:40px; position: relative;}
.about-contArea:after{content:""; background-size:366px 440px!important; width:366px; height:440px; 
background:url(../images/about-contArea-bg.png) no-repeat 100% 0; position:absolute;
z-index:-1; right:0; top:0; -webkit-animation: float 4s infinite;
-moz-animation: float 4s infinite; animation: float 4s infinite;}
.about-contArea:after::nth-child(5){-webkit-animation-delay: 1.5s; -moz-animation-delay: 1.5s;
animation-delay: 1.5s;}
@keyframes float {
0% {
transform: translatey(0);
}
50% {
transform: translatey(-10px);
}
100% {
transform: translatey(0);
}
}
.about-contArea h5{font-size:20px; color:var(--primary); font-weight:800;}
.about-contArea h3{font-size:35px; color: var(--black); font-weight:400;}
.about-contArea h2{font-size:45px; color:var(--primary); font-weight: 900;}
.about-contArea h2 span{color:var(--black)!important; font-weight:400!important;}
.about-contArea p{font-size:20px; color:var(--grey); line-height:35px;}
.custmr-satis{background: linear-gradient(90deg, rgba(252,107,45,1) 0%, 
rgba(255,255,255,1) 100%); width:100%; height:60px; border-radius:5px; position:relative;
padding-left:35px; font-size:14px; color:var(--black); font-weight:800; padding-top:20px;}
.custmr-satis img{width:17px; display:block; position:absolute; left:10px;
top:25px;}

.clening-service-bg{background:#2B333C;}
.clening-service-bg h2{font-size:35px; color:var(--white); font-weight:600;}
.clening-service{width:100%; position:relative; background:var(--white);
border-radius:10px; height:400px;}
.clening-service img{width:100%; display:block; height:150px; object-fit:cover; 
border-radius:10px;}
.clening-service h4{font-size:19px; color:var(--black); font-weight:800;}
.clening-service p{font-size:16px; color:var(--grey);}
.clening-service a{background: linear-gradient(90deg, rgba(243,118,42,1) 0%, 
rgba(214,154,35,1) 100%); width:140px; height:45px; text-align:center; line-height:45px;
font-size:17px; color:var(--white); display:block; position:absolute; bottom:20px;
left:15px; border-radius:10px;}
a.view{font-size:25px; color:var(--white); text-decoration:underline; 
font-weight:400!important;}
a:hover.view{color:var(--primary);}
.srvs .owl-carousel .owl-item{height:auto;}
.srvs .owl-carousel .owl-nav .owl-prev{display:block; width:60px; 
  height:60px; background:url(../images/prev.png) no-repeat 0 0;
background-size:100% 100%; display:block; text-indent:-9999px;
position:absolute; top:-82px; left:87%;}
.srvs .owl-carousel .owl-nav .owl-prev:hover{background:url(../images/prev.png) 
no-repeat 0 0; background-size:100% 100%;}
.srvs .owl-carousel .owl-nav .owl-next{display:block; width:60px; 
  height:60px; background:url(../images/next.png) no-repeat 0 0;
background-size:100% 100%; display:block; text-indent:-9999px;
position:absolute; top:-82px; right:0%;}
.srvs .owl-carousel .owl-nav .owl-next:hover{background:url(../images/next.png) 
no-repeat 0 0; background-size:100% 100%;}
.srvs .owl-theme .owl-dots{display:none;}


/*------start video css-----*/
.video-container {
  width: 100%; 
  height:530px;
  margin: 0 auto;
  position: relative;
  display: block;
  flex-direction: column;
  justify-content: center;
  background:url(../images/video-bg.png) no-repeat 0 0;
  background-size:100% 100%;
  padding:22px;
}
.video-container .video-wrapper {
  width: 100%;
  height: 100%;
  display: block;
  justify-content: center;
  align-items: center;
}
.video-container video {
  width: 100%;
  height: 100%;
  display: block; 
  border-radius:10px;
  position:relative;
  top:-3px;
}

.play-button-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: auto;
  pointer-events: none;
}
.play-button-wrapper #circle-play-b {
  cursor: pointer;
  pointer-events: auto;
}
.play-button-wrapper #circle-play-b img {
  width: 80px;
  height: 80px;
  fill: #fff;
  stroke: #fff;
  cursor: pointer;
  background-color: rgba(0, 0, 0, 0.2);
  border-radius: 50%;
  opacity: 0.9;
}

/*------end video css-----*/ 

.eco{ width: 100%; padding-right:10%; display: block; float: left; position:relative;}
.eco:after{content:""; background:url(../images/about-contArea-bg.png) no-repeat 100% 0;
background-size:300px 440px; animation: key1 .7s ease infinite alternate; z-index:-1;
position:absolute; right:-43px; top:0; width:300px; height:440px;}
@keyframes key1{
  0% {transform: translateY(0px);}
  100% {transform: translateY(-10px);}
}
.eco h2{ font-size:40px; color:var(--black); font-weight:800; padding-right:27%;}
.eco p{font-size:18px; color:var(--grey);  padding-right:5%;}

.res-clen{border:solid 1px var(--primary); border-radius:30px; padding:10px 40px 10px 10px;
background:#e5f7e6; float: left;}
.res-clenImg{background:var(--primary); padding:7px; border-radius:25px 0 0 25px;
width: 90px; height:90px; display:block; float: left;}
.res-clenImg img{width:100%; display:block; height:100%; border-radius:25px 0 0 25px;
background:var(--white); padding:10px 11px 12px;}
.res-clen-text{float: right; width:82%;}
.res-clen-text h3{font-size:20px; color:var(--primary); font-weight:600; float:left;}
.res-clen-text span{font-size:16px; color: var(--grey); float:left;}

a.bk-nw {background: linear-gradient(90deg, rgba(243,118,42,1) 0%, rgba(214,154,35,1) 100%);
border-radius:10px 0 10px 10px; width:140px; font-size:17px; color:var(--white);
float:left; margin-top: 8px; height:45px; line-height:45px; padding-left:15px; 
position: relative;}
a.bk-nw:after{content:""; width:20px; height:17px; background-size:100% 100%;
background:url(../images/double-arrow-white.png) no-repeat 0 0; position:absolute;
right:10px; top:17px;}


.traforma-bg{background:url(../images/transformation-bg.jpg) no-repeat 0 0;
background-size:100% 100%!important;}
.traforma-bg-overlay{background:rgba(0, 0, 0, 0.6); width:100%; height: 100%;
display:block; position: relative; z-index:10; top: 0;}
.traforma-bg-overlay h2{font-size:36px; color:var(--white); font-weight:800;}
.traforma-bg-overlay p{font-size:18px; color:var(--white);}

.bef-aft-bpx{background:var(--white); border-radius:10px; padding:20px;}
.bef-aft-bpx img{width:100%; height:350px; display:block; border-radius:5px;}
.bef-aft-bpx h5{font-size:27px; color:var(--black); font-weight:600;}

.trns .owl-carousel .owl-item{height:auto;}
.trns .owl-carousel .owl-nav .owl-prev{display:block; width:50px; 
  height:50px; background:url(../images/prev.png) no-repeat 0 0;
background-size:100% 100%; display:block; text-indent:-9999px;
position:absolute; top:-82px; left:39%;}
.trns .owl-carousel .owl-nav .owl-prev:hover{background:url(../images/prev.png) 
no-repeat 0 0; background-size:100% 100%;}
.trns .owl-carousel .owl-nav .owl-next{display:block; width:50px; 
  height:50px; background:url(../images/next.png) no-repeat 0 0;
background-size:100% 100%; display:block; text-indent:-9999px;
position:absolute; top:-82px; right:39%;}
.trns .owl-carousel .owl-nav .owl-next:hover{background:url(../images/next.png) 
no-repeat 0 0; background-size:100% 100%;}
.trns .owl-theme .owl-dots{display:none;}

.trstd-partnr{padding:0 10% 110px; position:relative; width:100%; position:relative;}
.trstd-partnr:after{content:""; background-size:250px 310px!important; width:250px; 
height:310px; background:url(../images/about-contArea-bg.png) no-repeat 100% 0; 
z-index:-1; position:absolute; right:0; top:0; animation:key1 .7s ease infinite alternate;}


.trstd-partnr h2{font-size:35px; color: var(--black); font-weight:800;}
.trstd-partnr p{font-size:18px; color: var(--grey);}
.partnr-box{background:var(--white); width:100%; height:120px; border-radius:5px;
padding:5px;}
.partnr-box img{width:100%; height:100%; display:block;}
.trust .owl-carousel .owl-item{height:auto;}
.trust .owl-carousel .owl-nav .owl-prev{display:block; width:60px; 
  height:60px; background:url(../images/prev-02.png) no-repeat 0 0;
background-size:100% 100%; display:block; text-indent:-9999px;
position:absolute; top:140px; left:42%;}
.trust .owl-carousel .owl-nav .owl-prev:hover{background:url(../images/prev-02.png) 
no-repeat 0 0; background-size:100% 100%;}
.trust .owl-carousel .owl-nav .owl-next{display:block; width:60px; 
  height:60px; background:url(../images/next-02.png) no-repeat 0 0;
background-size:100% 100%; display:block; text-indent:-9999px;
position:absolute; top:140px; right:42%;}
.trust .owl-carousel .owl-nav .owl-next:hover{background:url(../images/next-02.png) 
no-repeat 0 0; background-size:100% 100%;}
.trust .owl-theme .owl-dots{display:none;}


.how-work{background:var(--white);}
.how-work h2{font-size:30px; color:var(--primary); font-weight:800;
font-family:"Oleo Script", system-ui;}
.how-work h3{font-size:20px; color: var(--black); font-weight:800;}
.how-work h4{border:solid 1px var(--primary); border-radius:50px; width:fit-content;
padding:5px 20px; font-size:20px; color: var(--primary); margin: 0 auto;}
.how-work h4 img{width:30px; display:inline-block;}
.work-box{background:var(--white); border-radius:15px; box-shadow:0 0 10px #b8b8b8;
background: linear-gradient(5deg, rgba(230,255,231,1) 0%, rgba(255,255,255,1) 62%, 
rgba(255,255,255,1) 100%); position:relative;}
.work-box h3{font-size:20px; color:var(--primary); font-weight:600;}
.work-box p{font-size:17px; color:var(--grey); line-height:15px; line-height:30px;}
.work-box dd{width:90%; height:10px; background:var(--primary); border-radius:50px;
margin:0 auto; position:absolute; left:0; right:0; bottom:20px; }
.work-boxImg{width:90px; height:85px; background: linear-gradient(90deg, 
rgba(244,118,43,1) 0%, rgba(215,154,36,1) 100%); border-radius:5px; margin:0 auto;
padding:15px; display:block;}
.work-boxImg img{width:100%; height:100%; display:block;}

.glimpse-bg{background:var(--primary);}
.glimpse-bg h2{font-size:32px; color:var(--white); font-weight:800;
font-family:"Oleo Script", system-ui;}
.glimpse-bg p{font-size:17px; color:var(--white); padding:0 20%;}
.glimpse-bg img{width:100%; height:380px; display:block;}
.stori .owl-carousel .owl-item{height:auto;}
.stori .owl-carousel .owl-nav .owl-prev{display:block; width:60px; 
  height:60px; background:url(../images/prev.png) no-repeat 0 0;
background-size:100% 100%; display:block; text-indent:-9999px;
position:absolute; top:-92px; left:43%;}
.stori .owl-carousel .owl-nav .owl-prev:hover{background:url(../images/prev.png) 
no-repeat 0 0; background-size:100% 100%;}
.stori .owl-carousel .owl-nav .owl-next{display:block; width:60px; 
  height:60px; background:url(../images/next.png) no-repeat 0 0;
background-size:100% 100%; display:block; text-indent:-9999px;
position:absolute; top:-92px; right:43%;}
.stori .owl-carousel .owl-nav .owl-next:hover{background:url(../images/next.png) 
no-repeat 0 0; background-size:100% 100%;}
.stori .owl-theme .owl-dots{display:none;}


.why-chose-bg{background: linear-gradient(180deg, rgba(255,255,255,1) 0%, 
rgba(187,212,186,1) 46%, rgba(76,142,71,1) 100%); height:490px;}
.why-chose-bg h2{font-size:35px; color:var(--black); font-weight:800;}
.why-chose-bg p{font-size:18px; color:var(--grey); padding:0 20%;}
.why-box{background:var(--white); border:solid 1px var(--primary); border-radius:15px;
padding:15px 35px 15px 80px; position:relative;}
.why-box strong{font-size:20px; color:var(--primary); font-weight:600;}
.why-box span{font-size:15px; color: var(--grey); font-weight:600; line-height:25px;}
.why-box img{width:40px; height:46px; background:url(../images/why-icon-bg.png) no-repeat; 
background-size:100% 100%!important; padding:7px; position:absolute; left:27px; top:10px;}
.ans-box{background:var(--primary); border-radius:15px; font-size: 20px; color:var(--white);
padding:15px 155px 15px 150px; font-weight: 700;}
.clean-girl{width:100%; margin:0 auto; position:relative; top:34px;}
.clean-girl img{width:100%; height:264px; display:block;}

.tstmnl-bg{background:var(--white);}
.customer-says{ background:url(../images/customer-says-bg.png) no-repeat 100% 100%;
background-size:100% 100%; }
.customer-says h3{font-size:20px; color:var(--primary); font-family:"Oleo Script", system-ui;
font-weight:800;}
.customer-says h2{font-size:30px; color:var(--black); font-weight:800; padding-right:45%;}
.custmr-saysImg{background:var(--white); box-shadow:0 0 10px #c9c9c9; border-radius:10px;
padding:10px; width:70%; height:280px;}
.custmr-saysImg img{width:100%; height:100%; display:block;}
.testimonial-box{}
.testimonial-box h4{font-size:18px; color:var(--primary); font-weight:300; 
line-height:35px; text-align:justify;}
.review-box{width:100%; padding:10px 15px 10px 85px; border:solid 1px #e6e5e5; 
border-radius:15px; position:relative;}
.review-box img{width:50px!important; height:50px!important; border-radius:100%; 
display:block; position: absolute; left:20px; top:10px;}
.review-box strong{font-size:18px; color:var(--black); font-weight:800;}
.review-box i{display:inline-block; font-size:15px; color: var(--yellow);}
.exp-box{background: linear-gradient(90deg, rgba(245,115,43,1) 0%, 
rgba(217,150,36,1) 100%); border:solid 1px var(--white); border-radius:5px;
position:absolute; right:-60px; top:70px; width:120px; height:120px; display:flex;
text-align: center; align-items:center; font-size:18px; color:var(--white);
font-weight:600;}

.clnt-sys .owl-carousel .owl-item{height:auto; padding-bottom:20px;}
.clnt-sys .owl-carousel .owl-nav.disabled{display:block;}
.clnt-sys .owl-carousel .owl-nav .owl-prev{display:block; width:45px; 
  height:45px; background:url(../images/prev-03.png) no-repeat 0 0;
background-size:100% 100%; display:block; text-indent:-9999px;
position:absolute; top:-50px; left:80%;}
.clnt-sys .owl-carousel .owl-nav .owl-prev:hover{background:url(../images/prev-03.png) 
no-repeat 0 0; background-size:100% 100%;}
.clnt-sys .owl-carousel .owl-nav .owl-next{display:block; width:45px; 
  height:45px; background:url(../images/next-03.png) no-repeat 0 0;
background-size:100% 100%; display:block; text-indent:-9999px;
position:absolute; top:-50px; right:0%;}
.clnt-sys .owl-carousel .owl-nav .owl-next:hover{background:url(../images/next-03.png) no-repeat 0 0;
background-size:100% 100%;}
.clnt-sys .owl-theme .owl-dots{display:block; position: relative; top:-20px; text-align:left;}
.clnt-sys .owl-theme .owl-dots .owl-dot.active span{background:var(--secondary);}


footer{background:#2B333C;}
.ftr-logo{width:65%;}
.ftr-logo img{width:100%; display:block;}
footer h3{font-size:20px; color:#BCB8B8; font-weight:600;}
footer p{font-size:16px; color:#BCB8B8; line-height:30px;}
ul.query{}
ul.query li{display:block; font-size:16px; color:#BCB8B8;}
ul.query li a{font-size:16px; color:#BCB8B8; display:block;}
ul.query li a:hover{color:var(--secondary);}
ul.locate{}
ul.locate li{display:block; font-size:16px; color:#BCB8B8; padding-left:25px; 
position:relative;}
ul.locate li img{width:15px; height:15px;  position:absolute; 
left:0; top:5px;}
ul.locate li a{font-size:16px; color:#BCB8B8; display:block;}
ul.locate li a:hover{color:var(--secondary);}
.Smedia{}
.Smedia h4{font-size:20px; color:#BCB8B8; font-weight:600;}
.Smedia a{display:inline-block; width:30px; height:30px; background:var(--white);
border-radius:10px; text-align:center; line-height:30px;}
.Smedia a i{font-size:15px; color:var(--black);}

.footer-bottom{background:var(--black);}
.footer-bottom p{font-size:16px; color:var(--white);}
.footer-bottom p a{font-size:16px; color: var(--white); font-weight:600; 
text-transform: uppercase;}
.footer-bottom p a:hover{color:var(--secondary);}

/*mouse cursor point effect animation*/
.cursor,.cursor2{position:fixed; border-radius:50%; pointer-events:none; left:-100px;
transform: translateX(-50%) translateY(-50%);top:50%;}
.cursor{height:0; width:0;z-index:99999;}
.cursor2{height: 13px;width: 13px;z-index:99998;-webkit-transition:all 0.3s ease-out;
transition:all 0.3s ease-out;}
.cursor2{border:1px solid #fff;box-shadow: 0 0 22px rgba(255, 255, 255, 0.6);}
.cursor2.hover{-webkit-transform:scale(2) translateX(-25%) translateY(-25%);
transform:scale(2) translateX(-25%) translateY(-25%);border:none;
background: rgba(255,255,255,.1); border: 3px solid #fff;
box-shadow: 0 0 22px rgba(255, 255, 255, 0.6);}
.color-cyan .cursor2{border:1px solid #1abc9c;
box-shadow: 7px 7px 30px rgba(26, 188, 156, 0.9);}
.color-cyan .cursor2.hover{background: rgba(26, 188, 156,0.5); border:none;
border:1px solid #1abc9c; box-shadow: 7px 7px 30px rgba(26, 188, 156, 0.9);}

/*mouse cursor point effect animation*/


/*-------start inside page css--------*/
.inside-banner{width:100%; background-size:100% 100%!important; height:600px;}
.inside-banner-overlay{background:url(../images/inside-banner-overlay.png) no-repeat 0 0;
width:100%; height:100%; display:block; position:relative; z-index:10; top: 0;
padding-top:15%;}
.inside-banner-overlay h1{font-size:40px; color:var(--white); font-weight:800;
text-transform:uppercase;}
.breadcum{}
.breadcum ul{padding:0; margin:0;}
.breadcum ul li{display:inline-block; font-size:20px; color: var(--yellow); 
font-weight:600; background:url(../images/right-arrow.png) no-repeat 100% 11px;
background-size:15px 12px; padding-right:29px; margin-right:11px;}
.breadcum ul li:last-child{background:none; padding-right:0; margin-right:0px;}
.breadcum ul li a{color:var(--white); font-size:20px; background:none!important;
padding:0px!important;}
.inside-banner-overlay a{background: linear-gradient(90deg, rgba(250,100,40,1) 0%, 
rgba(216,140,31,1) 100%); padding:15px 25px; border-radius:10px 0 10px 10px; font-size:20px;
color:var(--white); font-weight:600; margin-top:100px;}
.inside-banner-overlay a i{font-size:20px; color:var(--white); display:inline-block;
position:relative; top:2px;}

.why-choose-bg-top{width:100%;}
.why-choose-bg-top img{width:100%; height:120px; display:block;}
.why-choose-bg{background:#2b333c; width:100%; display:block; position:relative;
}
.why-choose-bg:after{content:""; background-size:270px 380px!important; width:270px; 
background:url(../images/about-contArea-bg.png) no-repeat 100% 10px; position:absolute;
z-index:-1; right:0; top:0; -webkit-animation: float 4s infinite; height:420px; 
-moz-animation: float 4s infinite; animation: float 4s infinite;}
@keyframes float {
0% {
transform: translatey(0);
}
50% {
transform: translatey(-10px);
}
100% {
transform: translatey(0);
}
}



.expt-tenicn{background: linear-gradient(111deg, rgba(81,116,50,1) 0%, 
rgba(46,81,14,1) 100%); border-radius:100px 10px 10px 100px; width: 100%; height:200px;
position:relative; display:block; padding:40px 40px 0 160px;}
.expt-tenicnImg{position:absolute; left:35px; top:45px; width:100px; height:100px;
padding:25px; background:var(--white); border-radius:100%;}
.expt-tenicnImg img{width:100%; display:block;}
.expt-tenicn dd{width:70px; height:70px; background:var(--yellow); border-radius:100%;
text-align:center; line-height:70px; position:absolute; right:-30px; top:33%;
font-size:25px; color:var(--white); font-weight:600;}
.expt-tenicn h5{font-size:28px; color:var(--white); font-weight:800;}
.expt-tenicn h6{font-size:18px; color:var(--white); font-weight:300; line-height:30px;}

.why-choose-bg h2{font-size:45px; color:var(--white); font-weight:800;}
.why-choose-bg p{font-size:16px; color:var(--white); font-weight:300; padding-right:20%;}

.why-choose-box{background:var(--white); border-radius:20px; height:520px; position:relative;}
.why-choose-box img{width:100%; display:block; height:250px; border-radius:20px;}
.why-choose-box strong{font-size:20px; color:var(--primary); font-weight:800;}
.why-choose-box span{font-size:17px; color:#6C6666;}
.why-choose-box a{background: linear-gradient(90deg, rgba(250, 100, 40, 1) 0%, 
rgba(216, 140, 31, 1) 100%); padding:10px 25px; border-radius:10px; font-size:17px;
color: var(--white); font-weight: 600; position:absolute; left:20px; bottom:20px;}

.guarantee-bg{background:var(--primary); margin-bottom:120px;}
.guarantee-bg h2{font-size:45px; color:var(--white); font-weight:600;}
.guarantee-bg p{font-size:18px; color:var(--white); padding:0 15%;}
.guarantee-box{background:var(--white); border-radius:30px; padding-bottom:30px;}
.guarantee-box-overlay{background:var(--white);
 width:100%; height:40px; display:block; position:absolute;
left:0; right:0; top:53%; margin:0 auto;}
.guarantee-box-overlay dd{width:60px; height:60px; border-radius:100%; 
background:var(--yellow); text-align:center; line-height:60px; margin:0 auto;
position:relative; top:-30px; font-size:30px; color:var(--white); font-weight:700;}
.guarantee-box img{width:100%; display:block; border-radius:30px 30px 0 0; height:250px;}
.guarantee-box h4{font-size:22px; color:var(--primary); font-weight:600;}
.guarantee-box span{font-size:16px; color:var(--black);}

.counter-bg{background:url(../images/vectorImg-02.png) no-repeat 0 0 #2B333C; 
border-radius:20px; width:90%; position:absolute; background-size:150px 150px; 
z-index:10; left:0; right:0; top:-85px; margin:0 auto; padding:20px 50px;}
.counter-bg ul{padding:0; margin:0;}
.counter-bg ul li{display:block; border-right:solid 1px #fff; padding-right:10px;}
.counter-bg ul li strong{font-size:80px; color:var(--white); font-weight:800;
display: inline-block;}
.counter-bg ul li i{display:inline-block; font-size:50px; color:var(--white);
position:relative; top:-8px;}
.counter-bg ul li span{font-size:25px; color:var(--white); display: inline-block;
position:relative; top:-6px;}
.counter-bg ul li.bd-non{border-right:none; padding-right:0px;}


.provideImg{width:100%;}
.provideImg img{width:100%; height:620px; display:block; border-radius:40px;
object-fit:cover;}
.provideImg-overlay{background:url(../images/provideImg-overlay.png) no-repeat 0 0;
background-size:100% 100%; display:flex; width:100%; height:100%; position:absolute;
top:0; border-radius:40px; align-items:center; padding:0 60px;}
.provideImg-overlay h3{font-size:40px; color:var(--primary); font-weight:900;}
.provideImg-overlay h4{font-size:40px; color:var(--black); font-weight:800;}
.provideImg-overlay a{background:var(--primary); width:100%; height:40px; border-radius:5px;
border:solid 1px var(--white); text-align:center; line-height:40px; font-size:18px;
color:var(--white); display: inline-block;}

.faq-bg{background:url(../images/faq-bg.png) no-repeat 0 0 #fff; width:100%;
background-size:100% 100%; display:block;}
.faq-contArea{}
.faq-contArea h2{font-size:35px; color:var(--primary); font-weight:800;}
.faq-contArea p{font-size:16px; color:var(--black); line-height:35px;}
.faq-contArea .accordion-button{background-color:var(--primary)!important; height:60px; 
border-radius:50px; padding:0px 30px; font-size:18px; color:var(--white); 
font-weight:600; border:none!important;}
.faq-contArea .accordion-button:focus{box-shadow:none;}
.faq-contArea .accordion-item:first-of-type .accordion-button{background-color:var(--primary)!important; 
height:60px; border-radius:50px; padding:0px 30px; font-size:18px; color:var(--white); 
font-weight:600; border:none!important;}
.faq-contArea .accordion-item:last-of-type .accordion-button.collapsed{height:60px; 
border-radius:50px; background-color:var(--primary)!important; padding:0px 30px; 
font-size:18px; color:var(--white); font-weight:600; border:none!important; 
margin-bottom:12px;}
.faq-contArea .accordion-item{border:none!important; margin-bottom:15px;}
.faq-contArea .accordion-button::after {background-size:15px 15px!important; width:50px; 
height:50px; background:url(../images/plus.png) no-repeat 50% 50% #fff; transition: all 0.5s;
border-radius:100%; position:relative; right:-25px;}
.faq-contArea .accordion-button:not(.collapsed)::after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-dash' viewBox='0 0 16 16'%3E%3Cpath d='M4 8a.5.5 0 0 1 .5-.5h7a.5.5 0 0 1 0 1h-7A.5.5 0 0 1 4 8z'/%3E%3C/svg%3E");
}
.faq-contArea .accordion-button::after {transition: all 0.5s;}
.faq-contArea .accordion-body{border: 1px solid #dfdfdf; box-shadow: 0 8px 6px -4px #c8c8c8;
-webkit-box-shadow: 0 8px 6px -4px #c8c8c8; -moz-box-shadow: 0 8px 6px -4px #c8c8c8;
position: relative; padding: 0.25rem 1rem!important;}
.faq-contArea .accordion-body::before{content:""; width:100%; height:2px; position:absolute; 
background:var(--white); top:-2px; left:0; right:0; margin:0 auto;}
.faq-contArea .accordion-body p{font-size:17px; color:var(--black); line-height:35px;}

.blnk{height:110px; clear: both;}
.arrow1 {animation: slide1 1s ease-in-out infinite;}
@keyframes slide1 {
0%,
100% {
transform: translate(0, 0);
}

50% {
transform: translate(10px, 0);
}
}


.stage{width:100%; margin:20px 0;}
.cubespinner{
  -webkit-animation-name:spincube;
  -webkit-animation-timing-function:ease-in-out;
  -webkit-animation-iteration-count:infinite;
  -webkit-animation-duration:8s;
  animation-name:spincube;

  animation-timing-function:ease-in-out;
  animation-iteration-count:infinite;
  animation-duration:8s;
  -webkit-transform-style:preserve-3d;
  -moz-transform-style:preserve-3d;
  -ms-transform-style:preserve-3d;
  transform-style:preserve-3d;
  -webkit-transform-origin:40px 40px 0;
  -moz-transform-origin:40px 40px 0;
  -ms-transform-origin:40px 40px 0;
  transform-origin:40px 40px  0;
  }
  .cubespinner div{
    position:absolute;
    width:100%;
    text-align:center;
    color:var(--white);
    font-size:40px;
    font-weight:800;
    text-transform:uppercase;
    }
  .cubespinner .face1{
    color:var(--secondary);
    -webkit-transform:translateZ(40px);
    -moz-transform:translateZ(40px);
    -ms-transform:translateZ(40px);
    transform:translateZ(40px);
    -webkit-backface-visibility: hidden;
    }
  .cubespinner .face2{
    color:var(--primary);
    -webkit-transform: rotateX(90deg) translateZ(40px);
    -moz-transform: rotateX(90deg) translateZ(40px);
    -ms-transform: rotateX(90deg) translateZ(40px);
    transform: rotateX(90deg) translateZ(40px);
    -webkit-backface-visibility: hidden;
  }
  .cubespinner .face3{
    color:var(--yellow);
    -webkit-transform:rotateX(180deg)  translateZ(40px);
    -moz-transform:rotateX(180deg)  translateZ(40px);
    -ms-transform:rotateX(180deg)  translateZ(40px);
    transform:rotateX(180deg)  translateZ(40px);
    -webkit-backface-visibility: hidden;
    }
  .cubespinner .face4{
    color:var(--white);
    -webkit-transform:rotateX(270deg) translateZ(40px);
    -moz-transform:rotateX(270deg) translateZ(40px);
    -ms-transform:rotateX(270deg) translateZ(40px);
    transform:rotateX(270deg) translateZ(40px);
    -webkit-backface-visibility: hidden;
  }


/*Cubical Flipping or rotation*/
@-webkit-keyframes spincube {
    from,to  { -webkit-transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg);}
    15%      { -webkit-transform: rotateX(90deg);}
    25%      { -webkit-transform: rotateX(90deg);}
    40%      { -webkit-transform: rotateX(180deg);}
    50%      { -webkit-transform: rotateX(180deg);}
    65%      { -webkit-transform: rotateX(270deg);}
  75%      { -webkit-transform: rotateX(270deg);}
  95%      { -webkit-transform: rotateX(360deg);}
  100%      { -webkit-transform: rotateX(360deg);}
  }@keyframes spincube {
    from,to {
    -webkit-transform: rotateX(0deg);
      -moz-transform: rotateX(0deg);
      -ms-transform: rotateX(0deg);
      transform: rotateX(0deg);
    }
    15% {
    -webkit-transform: rotateX(90deg);
      -moz-transform: rotateX(90deg);
      -ms-transform: rotateX(90deg);
      transform: rotateX(90deg);
    }
  25% {
    -webkit-transform: rotateX(90deg);
      -moz-transform: rotateX(90deg);
      -ms-transform: rotateX(90deg);
      transform: rotateX(90deg);
    }
  40% {
    -webkit-transform: rotateX(180deg);
      -moz-transform: rotateX(180deg);
      -ms-transform: rotateX(180deg);
      transform: rotateX(180deg);
    }
  50% {
    -webkit-transform: rotateX(180deg);
      -moz-transform: rotateX(180deg);
      -ms-transform: rotateX(180deg);
      transform: rotateX(180deg);
    }
    65% {
    -webkit-transform: rotateX(270deg);
      -moz-transform: rotateX(270deg);
      -ms-transform: rotateX(270deg);
      transform: rotateX(270deg);
    }
  75% {
    -webkit-transform: rotateX(270deg);
      -moz-transform: rotateX(270deg);
      -ms-transform: rotateX(270deg);
      transform: rotateX(270deg);
    }
  90% {
    -webkit-transform: rotateX(360deg);
      -moz-transform: rotateX(360deg);
      -ms-transform: rotateX(360deg);
      transform: rotateX(360deg);
    }
    100% {
    -webkit-transform: rotateX(360deg);
      -moz-transform: rotateX(360deg);
      -ms-transform: rotateX(360deg);
      transform: rotateX(360deg);
    }
  }






@keyframes fake {
    from {
        opacity: 1;
    }
    to {
        opactity: 1
    }
}
body {        
    animation: fake 1s infinite;
}

.radio-tabs {
  display: flex;
  flex-flow: row;
  height: auto;
}

.radio-tabs .state {
    position: absolute;
    left: -10000px;
}
#radio1:focus ~ .tabs #first-tab,
#radio2:focus ~ .tabs #second-tab,
#radio3:focus ~ .tabs #third-tab,
#radio4:focus ~ .tabs #fourth-tab, 
#radio5:focus ~ .tabs #fifth-tab,
#radio6:focus ~ .tabs #six-tab,
#radio7:focus ~ .tabs #seven-tab,
#radio8:focus ~ .tabs #eight-tab,
#radio9:focus ~ .tabs #nine-tab
{
    box-shadow: none;
}

/* Tab button container */
.tabs {
  display: block;
  width:30%;
  height: auto;
  align-self: center;
  background:#2B333C;
  border-radius:35px;
  padding:20px 20px 40px;
  float:left;
}
.tabs h2{font-size:35px; color:var(--white); font-weight:800; 
border-bottom:solid 1px var(--white);}

/* Tab button */
.radio-tabs .tab {
    flex: none;
    display: flex;
    flex-flow: column;
    text-align: left;
    padding:10px 10px 10px;
    background-color: transparent;
    color: #fff;
    cursor: hand;
    cursor: pointer;
    border-bottom:solid 1px var(--white);
}
.radio-tabs .tab:hover {
    background-color: #;
    opacity: 0.7;
}
#radio1:checked ~ .tabs #first-tab,
#radio2:checked ~ .tabs #second-tab,
#radio3:checked ~ .tabs #third-tab,
#radio4:checked ~ .tabs #fourth-tab,
#radio5:checked ~ .tabs #fifth-tab,
#radio6:checked ~ .tabs #six-tab,
#radio7:checked ~ .tabs #seven-tab,
#radio8:checked ~ .tabs #eight-tab,
#radio9:checked ~ .tabs #nine-tab,
#radio10:checked ~ .tabs #ten-tab,
#radio11:checked ~ .tabs #eleven-tab,
#radio12:checked ~ .tabs #twelve-tab,
#radio13:checked ~ .tabs #thirteen-tab,
#radio14:checked ~ .tabs #fourteen-tab,
#radio15:checked ~ .tabs #fifteen-tab

{
    background-color:var(--primary);
    color: #1e262d;
    cursor: default;
    border-bottom:none;
    border-radius:5px;
}

.tab-label {
  font-size: 18px; color: var(--white);
}

.radio-tabs .panels {
width:70%;
display:block;
background: linear-gradient(180deg, rgba(66,134,61,1) 0%, rgba(20,89,14,1) 100%);
color: #fff;
padding:30px;
border-radius:35px;
margin-left: 30px;
float:left;
}
.radio-tabs .panel {display: none;}
#radio1:checked ~ .panels #first-panel,
#radio2:checked ~ .panels #second-panel,
#radio3:checked ~ .panels #third-panel,
#radio4:checked ~ .panels #fourth-panel,
#radio5:checked ~ .panels #fifth-panel,
#radio6:checked ~ .panels #six-panel,
#radio7:checked ~ .panels #seven-panel,
#radio8:checked ~ .panels #eight-panel,
#radio9:checked ~ .panels #nine-panel,
#radio10:checked ~ .panels #ten-panel,
#radio11:checked ~ .panels #eleven-panel,
#radio12:checked ~ .panels #twelve-panel,
#radio13:checked ~ .panels #thirteen-panel,
#radio14:checked ~ .panels #fourteen-panel,
#radio15:checked ~ .panels #fifteen-panel
{display: block;}

.slide-title {text-align: left;font-size:35px; border-bottom:solid 1px var(--white);}
.slide-subtitle {border:solid 1px var(--white); border-radius:50px; font-size:18px;
color:var(--white); width:160px; height:45px; text-align: center; line-height:40px;}
.radio-tabs .panels ul{padding:0; margin:0; float: left;}
.radio-tabs .panels ul li{display:block; padding-left:35px; position:relative;
margin-bottom: 20px; float: left; width: 100%;}
.radio-tabs .panels ul li i{width:25px; height:25px; background:var(--white);
border-radius:100%; font-size:12px; color:#5F6368; text-align:center; line-height:25px;
position:absolute; left:0; top:12px;}
.radio-tabs .panels ul li strong{font-size:35px; color:var(--white); font-weight:800;
display:inline-block; float: left;}
.radio-tabs .panels ul li span{display:inline-block; font-size:18px; color:var(--white);
float: left; padding-top:10px;}

.left {
  text-align: left;
}

.slide-item {
  font-size: 1.4rem;
}


.about-black-bg-top{width:100%;}
.about-black-bg-top img{width:100%; height:150px; display:block;}
.about-black-bg{background:url(../images/about-black-bgImg.png) no-repeat 0 0 #2b333c;
background-size:139px 350px; width:100%; display:block; padding-bottom:40px;}
.about-black-bg h6{font-size:20px; color:var(--white); font-weight:600;}
.about-black-bg h3{ font-size:35px; color:var(--white); font-weight:100;}
.about-black-bg ul{padding:0; margin:0;}
.about-black-bg ul li{display:block; position:relative; padding-left:120px; margin-bottom:30px;}
.about-black-bg ul li img{width:90px; height:90px; background:var(--yellow);
border-radius:100%; padding:20px; position:absolute; left:0; top:8px; 
-webkit-animation: spin 5s linear infinite; animation: spin 5s linear infinite;}
.about-black-bg ul li strong{font-size:35px; color:var(--white); font-weight:800;}
.about-black-bg ul li span{font-size:16px; color:var(--white);}

.team{border:solid 1px #A19E9E; border-radius:100px; width:100%; height:120px; display:block;}
.team ul{padding:0; margin:0;}
.team ul li{display:block;}
.team ul li dd{background:#13780A; width:120px; height:120px; border-radius:120px 0 0 120px;
padding:10px; display:inline-block; float: left;}
.team ul li dd img{width:100%; height:100%; display:block; border:dashed 1px var(--white); 
border-radius:120px 0 0 120px; padding:17px;}
.team ul li span{display:inline-block; float: left;} 
.team ul li span strong{font-size:50px; color:#13780A;}
.team ul li span p{font-size:22px; color:var(--black);}

.service{padding-top:0px!important;}
.service h2{font-size:35px; color:var(--black); font-weight:800;}
.service p{font-size:18px; color:var(--grey); padding:0 18%;}

.carpt-query{padding-top: 100px;}
.quary-box{background:var(--white); box-shadow: 0 0 8px #a7a7a7; border-radius:10px;
padding: 100px 20px 70px;}
.quary-boxImg{background:var(--yellow); width:90px; height:90px; border-radius:100%;
padding:25px; position:absolute; left:0; right: 0; top:-40px; margin:0 auto;
-webkit-animation: spin 5s linear infinite; animation: spin 5s linear infinite;}
.quary-box img{width:100%; display:block;}
.quary-box h4{font-size:24px; color:var(--primary); font-weight:800;}
.quary-box h5{font-size:18px; color:#302F2F;}
.quary-box a{font-size:18px; color:#302F2F;}
.quary-box a:hover{color:var(--secondary);}

@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

.get-service h2{font-size:35px; color:var(--black); font-weight:800;}

.blog-sec{background: linear-gradient(177deg, rgba(255,250,249,1) 0%, 
rgba(254,230,226,1) 100%);}
.ctgr {
    font-size: 34px;
    position: relative;
    font-weight: 300;
    color: #000;
}
.ctgr::after {
    content: "";
    background: url(../images/ctrg-line.png) no-repeat;
    position: absolute;
    left: 0px;
    right: 0px;
    bottom: 0px;
    margin: 0 auto;
    width: 103px;
    height: 7px;
}
.blog-sec .blogImg{float:left; width:40%; position:relative;}
.blog-sec .blogImg img{width:100%; height:175px; display:block; object-fit:cover;}
.blog-sec .blogImg span{background:rgba(0, 0, 0, 0.5); width:100%; height:30px;
text-align:center; padding-top:3px; position:absolute; left:0; right:0; bottom:0;
margin:0 auto; font-size:15px; color:var(--white); font-weight:600;}
.blog-sec .blogCont{float:left; width:60%; background:#fff;}
.blog-sec .blogCont strong{display:block; text-transform:uppercase; font-size:14px;}
.blog-sec .blogCont span{display:block; font-weight:300; font-size:13px;}
.blog-sec .blogCont p{display:block; font-weight:300; font-size:13px; text-align:justify;}
.blog-sec .blogCont a{font-size:14px; color:#000; background:#c0a053; width: 100px;
height: 30px; border:solid 1px #fff; border-radius:3px; display:block;font-weight:400;
text-align:center;line-height:30px;}
.blog-sec .blogCont a:hover{background:var(--primary); color: #fff;}


.blog-bg {background: linear-gradient(177deg, rgba(255,250,249,1) 0%, 
rgba(254,230,226,1) 100%); margin-top:124px;}
.blog{ font-size:17px; }
.blogImg{width:100%;}
.blogImg img{width:100%; height:350px; display:block; object-fit:100% contain;}
.blogdetilsImg{width:100%;}
.blogdetilsImg img{width:100%; height:400px; display:block; object-fit:cover;}
.blog h2{font-size:25px;}
.blog h4{font-size:18px;}
.blog > p{font-size:17px;}
a.more-info{display:inline-block; background:#f46b55; font-size:15px; color:#fff;
padding:3px 10px;}
a:hover.more-info{ background:#000; color:#fff;}
.blog-date{width:60px; border:solid 5px #fff; text-align:center;
left:0px; right:0px; bottom:-30px; margin:0 auto; background:#f46b55;}
.blog-date span{font-size:20px; color:#fff; display:block;}
.blog-date dd{font-size:11px; color:#fff; display:block;}
ul.post{}
ul.post li{display:inline-block; font-size:15px; font-weight:700!important;}
ul.post li i{width:20px; font-size:15px; font-weight:700!important;}
ul.post li i a{color:#000;}
ul.post li i a:hover{color:#c71c24;}

.popular-pst{}
.popular-pst h2{font-size:35px; color:var(--primary); text-transform:uppercase; 
letter-spacing:1px; font-weight:600; line-height:25px;}
.popular-pst ul{margin:0px; padding:0px;}
.popular-pst ul li{border-bottom:solid 1px #cbcbcb; height:90px;}
.popular-pst ul li a span{font-size:15px; padding-left:38%; color:var(--black);}
.popular-pst ul li a:hover span{color:var(--secondary);}
.popular-pst ul li dd{width:110px; position:absolute; left:0px; top:0px;}
.popular-pst ul li dd img{width:110px; height:74px; display:block; object-fit:cover;}

.mb-menu-fxd{display:none;}
.back-to-top-wrapper {
  position: absolute;
  right: 20px;
  bottom:0px;
  width: 3em;
  pointer-events: none;
  z-index: 100;
}

.back-to-top-link {
  position: fixed;
  position: sticky;
  pointer-events: all;
  top: 0;
  display: inline-block;
  text-decoration: none;
  font-size: 2rem;
  line-height: 3rem;
  text-align: center;
  width: 3rem;
  height: 3rem;
  transition: transform 80ms ease-in;
  z-index: 200;
}
.back-to-top-link:hover, .back-to-top-link:focus {
  transform: scale(1.1);
}
.back-to-top-link:focus {
  outline: none;
}

/*-------end inside page css--------*/


@media only screen and (max-width:1280px){
.NavMenu li a{padding:25px 20px;}
.logo-text ul li{font-size:12px;}
.expt-tenicn dd{width:60px; height:60px; line-height: 60px;}
.expt-tenicnImg{width:80px; height:80px; padding:19px; top:39px;}
.expt-tenicn{height:170px; padding:30px 40px 0 136px;}
.why-choose-box strong{font-size:17px;}
.why-choose-box span{font-size:15px;}
.why-choose-box{height:492px;}
.guarantee-box h4{font-size:19px;}
.guarantee-box img{height:221px;}
.guarantee-box-overlay{top:46%;}
.guarantee-box h4{padding-top:6px;}
.counter-bg ul li strong{font-size:70px;}
.counter-bg ul li i{font-size:40px;}
.counter-bg ul li span{font-size:20px;}
.carousel-caption h1{font-size:41px;}
}

@media only screen and (max-width:1200px){
.nav .logo{margin-left:51px;}
.tp-bar-bg{height:45px;}
.tp-bar-bg ul li{font-size:18px; padding-right:7px; padding-left:7px; height:45px;
line-height:38px;}
.logo-text ul li{font-size:9px;}
.NavMenu li a{font-size:13px; padding:20px 15px;}
a.bk-now{width:130px; height:50px; line-height:42px;}
a.bk-now img{top:15px;}
.aboutImg img{height:311px;}
.customer img{width:40px!important; height:40px!important;}
.aboutImg{height:348px;}
.clening-service{height:436px;}
.clening-service a{width:130px; height:40px; line-height:40px; font-size:16px;}
.eco:after{background-size:224px 305px;}
.eco h2{font-size:30px;}
.res-clen-text{width:77%;}
.video-container video{top:-54px;}
.custmr-saysImg{width:77%; height:253px;}
.exp-box{height:109px;}
.srvs .owl-carousel .owl-nav .owl-prev{left:85%;}
.time-sheet{padding-left:0%;}
.time-sheet ul li dd{font-size:14px;}
.about-contArea h2{font-size:40px;}
.about-contArea{padding-right:9%; background-size:261px 343px;}
.traforma-bg-overlay h2{font-size:30px;}
.bef-aft-bpx img{height:260px;}
.trns .owl-carousel .owl-nav .owl-prev{left:37%;}
.trns .owl-carousel .owl-nav .owl-next{right:37%;}
.trust .owl-carousel .owl-nav .owl-prev{left:40%;}
.trust .owl-carousel .owl-nav .owl-next{right:40%;}
.glimpse-bg img{height:300px;}
.stori .owl-carousel .owl-nav .owl-prev{left:42%;}
.stori .owl-carousel .owl-nav .owl-next{right:42%;}
.ans-box{padding:23px 100px 23px 100px;}
.why-chose-bg{height:540px;}
.clean-girl img{height:212px;}
.clean-girl{top:108px;}
.customer-says h2{padding-right:40%;}
.clnt-sys .owl-carousel .owl-nav .owl-prev{left:75%;}
.inside-banner-overlay{padding-top: 20%;}
.why-choose-bg h2{font-size:35px;}
.why-choose-bg p{padding-right:0%;}
.why-choose-box img{height:200px;}
.expt-tenicn h5{font-size:21px;}
.expt-tenicn h6{font-size:15px; line-height:24px;}
.expt-tenicn dd{top:30%;}
.guarantee-box img{height:180px;}
.guarantee-box-overlay{top:35%;}
.guarantee-box-overlay dd{width:50px; height:50px; line-height:50px; font-size:25px;
top:-22px;}
.guarantee-box{padding-bottom:0px; border-radius:20px;}
.counter-bg ul li strong{font-size:60px;}
.counter-bg ul li i{font-size:30px;}
.counter-bg ul li span{font-size:18px;}
.counter-bg{top:-66px;}
.provideImg-overlay h3{font-size:32px;}
.provideImg-overlay h4{font-size:30px;}
.faq-contArea .accordion-body p{font-size:15px; line-height:29px;}
.quary-boxImg{width:80px; height:80px; padding: 20px;}
.quary-box a{font-size:16px;}
.quary-box h5{font-size:16px;}
.quary-box h4{font-size:22px;}
.carousel-caption h1{font-size:36px;}
}

@media only screen and (max-width:1024px){
.NavMenu li a{font-size:13px; padding:20px 13px;}
.logo-text ul li{padding-right:3px; margin-right:2px;}
a.bk-now{width:120px; height:45px; line-height:39px; font-size:15px;}
.tp-bar-bg ul li{padding-right:12px; padding-left:10px; font-size:18px;}
.tp-bar-bg ul li a{font-size:15px;}
.mrqe{font-size:18px;}
.time-sheet ul li dd{font-size:11px;}
.about-contArea h3{font-size:30px;}
.about-contArea h2{font-size:36px;}
.about-contArea p{font-size:18px; line-height:30px;}
.about-contArea{background-size:276px 360px; padding-right:10%;}
.aboutImg{height:330px;}
.aboutImg img{height:320px;}
.custmr-satis{height:45px; padding-top:12px;}
.custmr-satis img{width:15px; top:17px;}
.clening-service-bg h2{font-size:30px;}
.srvs .owl-carousel .owl-nav .owl-prev{width:50px; height:50px; left:84%;}
.srvs .owl-carousel .owl-nav .owl-next{width:50px; height:50px;}
.clening-service p{font-size:15px; line-height:20px;}
a.view{font-size:20px;}
.eco h2{font-size:30px;}
.eco:after{background-size:220px 270px;}
.res-clenImg{width:70px; height:70px; padding:5px;}
.res-clen-text h3{font-size:18px; margin-bottom:2px;}
.res-clen-text span{font-size:15px;}
.video-container video{top:-72px;}
.play-button-wrapper #circle-play-b img{width:70px; height:70px;}
.traforma-bg-overlay h2{font-size: 29px;}
.bef-aft-bpx img{height:283px;}
.bef-aft-bpx h5{font-size:22px;}
.trns .owl-carousel .owl-nav .owl-prev{left:36%;}
.trns .owl-carousel .owl-nav .owl-next{right:36%;}
.trstd-partnr h2{font-size:30px;}
.trust .owl-carousel .owl-nav .owl-prev{width:50px; height:50px; left:41%;}
.trust .owl-carousel .owl-nav .owl-next{width:50px; height:50px; right:41%;}
.work-boxImg{width:75px; height:70px;}
.work-box h3{font-size:17px;}
.work-box p{font-size:15px; line-height:24px;}
.stori .owl-carousel .owl-nav .owl-prev{width:50px; height:50px;}
.stori .owl-carousel .owl-nav .owl-next{width:50px; height:50px;}
.glimpse-bg img{height:284px;}
.ans-box{padding:15px 105px 15px 100px;}
.why-box{padding:15px 19px 15px 63px;}
.why-box span{font-size:14px; line-height:inherit;}
.why-box strong{font-size:17px;}
.why-chose-bg{height:auto; padding-bottom:30px;}
.clean-girl{top:89px;}
.clean-girl img{height:205px;}
.customer-says h2{font-size:25px;}
.testimonial-box h4{font-size:16px; line-height:28px;}
.clnt-sys .owl-carousel .owl-nav .owl-prev{left:72%;}
.carousel-item p{margin:0 auto 10px auto;}
.expt-tenicn h5{font-size:18px;}
.expt-tenicnImg{width:70px; height:70px; padding:15px; top:35px;}
.expt-tenicn{height:159px; padding:30px 40px 0 124px;}
.why-choose-box img{height:170px;}
.why-choose-box{height:457px;}
.guarantee-box-overlay{top:38%;}
.guarantee-bg h2{font-size:35px;}
.counter-bg ul li strong{font-size:50px;}
.counter-bg ul li i{font-size:20px;}
.counter-bg ul li span{font-size:16px; position: relative; top:3px;}
.guarantee-box h4{padding-top:6px;}
.tabs h2{font-size:30px;}
.radio-tabs .panels ul li span{width:82%;}
.slide-title{font-size:30px;}
.team{height:110px;}
.team ul li dd{width:110px; height:110px;}
.team ul li span strong{font-size:40px;}
.about-black-bg ul li strong{font-size:30px;}
.ctgr{font-size:30px;}
.carousel-caption h1{font-size:34px;}
}


@media only screen and (max-width:993px){
.nav{height:73px; top:0px;}
.nav .logo {width:27%; margin-left:75px;}
.mobile-menu-bg {
background: #000;
position: fixed;
left: 0px;
right: 0px;
bottom: 0px;
margin: 0 auto;
z-index: 9999;
width: 100%;
height: 40px;}
a.ftr-sm-menu {
width: 100%;
height: 45px;
display:block;
line-height:45px;
position:absolute;
z-index:10000;
padding-left:15%;}
a.ftr-sm-menu i{color:var(--white)!important; font-size:18px; margin:0 auto;}
.ftr-mb-mnu nav.black{background:#000;}
.get-quors{background:var(--primary); width:fit-content; padding:0px 20px;
border-radius:4px; color:var(--white); font-size:15px; font-weight:600; height:35px;
line-height:35px; border:none; float:right;}
.mrqe{font-size:18px;}
.logo-text ul li{font-size:13px;}
.mobile-logo {width: 50%;margin-left: 20px;}
.mobile-logo img{width:100%; display:block;}

#target {
background:var(--primary);
width: 100%;
height: auto;
padding: 10px;
display: none;
position: absolute;
z-index: 9999;
top: 70px;
left:0px;}
ul.enquiry{}
ul.enquiry li{width:fit-content; font-size:15px; color:var(--white);
font-weight:600; display:inline-block;}
ul.enquiry li a{font-size:15px; color:var(--white); font-weight:600;}
ul.enquiry li a:hover{color:#fd7d0b;}
ul.enquiry li img{display:inline-block; width:18px; height:18px; border-radius:100%; 
margin-right: 6px;}
ul.call-us{}
ul.call-us li{display:block;}
ul.call-us li a{font-size:15px; color:var(--primary); font-weight:700;}
ul.call-us li a i{display:inline-block; font-size:15px; color:var(--primary);}
.carousel{margin-top:42px;}
.carousel-content{padding:0 30% 0 10%;}
a.bk-now-02{width:130px!important; height:40px!important; font-size:15px!important;
color:var(--white)!important; line-height:29px!important; margin-left:20px!important; 
background: linear-gradient(90deg, rgba(246,115,43,1) 0%, rgba(211,158,34,1) 100%);
border-radius:7px 0 7px 7px; margin-top:10px!important; text-align:center;}
a.bk-now-02 img{display:none;}
.time-sheet ul li dd{font-size:10px;}
.aboutImg{width:60%; height:480px; margin:0 auto;}
.aboutImg img{height:450px;}
.about-contArea{padding-right:5%; padding-left:5%;}
.srvs .owl-carousel .owl-nav .owl-prev{left:80%;}
.eco:after{padding-right:0%; background-size:180px 230px;}
.eco h2{font-size:25px;}
.eco p{font-size:16px;}
.res-clen{padding:10px;}
.res-clen-text{width:76%;}
.video-container{padding:12px;}
.video-container video{top:-115px;}
.trns .owl-carousel .owl-nav .owl-prev{left:39%;}
.trns .owl-carousel .owl-nav .owl-next{right:39%;}
.bef-aft-bpx img{height:310px;}
.owl-theme .owl-nav{z-index:10;}
.trust .owl-carousel .owl-nav .owl-prev{top:140px; left:39%;}
.trust .owl-carousel .owl-nav .owl-next{top:140px; right:39%;}
.glimpse-bg img{height:340px;}
.stori .owl-carousel .owl-nav .owl-prev{left:40%;}
.stori .owl-carousel .owl-nav .owl-next{right:40%;}
.why-box img{width:37px; height:43px;}
.ans-box{padding:40px 40px 15px 40px; height:141px; font-size:18px;}
.clean-girl img{height:145px;}
.clean-girl{top:190px;}
.why-chose-bg p{padding:0 5%;}
.customer-says h2{padding-right:15%;}
.custmr-saysImg{height:230px;}
.exp-box{width:110px; height:80px; font-size:16px;}
.clnt-sys .owl-carousel .owl-nav .owl-prev{left:61%;}
.carousel-caption{padding-top:70px;}
.carousel-control-prev{width:60px; height:50px;}
.carousel-control-next{width:60px; height:50px;}
.time-sheet{padding-left:10%;}
.inside-banner{height:500px;}
.inside-banner-overlay{padding-top:15%;}
.why-choose-bg-top img{height:66px;}
.why-choose-bg h2{font-size:27px;}
.expt-tenicnImg{width:60px; height:60px; padding:12px; left:22px;}
.expt-tenicn{padding:24px 30px 0 93px; height:140px;}
.expt-tenicn h5{font-size:15px;}
.expt-tenicn h6{font-size:14px; line-height:inherit;}
.expt-tenicn dd{width:50px; height:50px; line-height:50px; right:-21px;}
.why-choose-box img{height:130px;}
.why-choose-box strong{font-size:15px;}
.why-choose-box span{font-size:14px; line-height:inherit;}
.why-choose-box a{width:130px; left:0; right:0; margin:0 auto; display:block;
text-align: center; padding:8px 0px;}
.guarantee-bg p{padding:0 3%;}
.guarantee-box img{height:130px;}
.guarantee-box-overlay dd{width:40px; height:40px; font-size:20px; line-height:40px;}
.guarantee-box-overlay{height:30px; top:26%;}
.guarantee-box h4{font-size:15px; padding-top:0px;}
.guarantee-box span{font-size:14px;}
.counter-bg ul li strong{font-size:32px;}
.counter-bg ul li span{font-size:14px;}
.provideImg-overlay h3{font-size:45px;}
.provideImg-overlay h4{font-size:40px;}
.provideImg-overlay a{width:35%; display:block; font-size:17px; margin:0 auto;}
.tabs h2{font-size:22px;}
.tab-label{font-size:14px;}
.radio-tabs .tab{padding:5px;}
.slide-title{font-size:22px;}
.slide-subtitle{font-size:15px; width:120px; height:35px; line-height:32px;}
.radio-tabs .panels ul li strong{font-size:27px;}
.radio-tabs .panels ul li span{width:80%; font-size:15px;}
.radio-tabs .panels ul li i{width:22px; height:22px; font-size:10px; top:9px;}
.radio-tabs .panels ul li{padding-left:29px;}
.about-black-bg-top img{height:110px;}
.about-black-bg ul li img{width:80px; height:80px; padding:15px;}
.about-black-bg ul li{padding-left:99px;}
.about-black-bg ul li strong{font-size:20px;}
.about-black-bg ul li span{font-size:14px;}
.about-black-bg h3{font-size:26px;}
.video-container{background-size:100% 420px;}
.team ul li span strong{font-size:30px;}
.how-work h3{font-size:17px;}
.about-black-bg{height:600px;}
.team ul li dd{height:90px; width: 90px;}
.team ul li dd img{padding:10px;}
.team{height:90px;}
.team ul li span p{font-size:17px;}
.carpt-query{padding-top:80px;}
.quary-box{padding:90px 20px 70px;}
.blog-bg{margin-top:55px;}
.popular-pst h2{font-size:27px;}
.blogdetilsImg img{height:300px;}
.popular-pst ul li dd img{width:78px; height:63px;}
.popular-pst ul li dd{width:94px;}
.popular-pst ul li{height:75px;}
.popular-pst ul li a span{font-size:14px; padding-left:42%;}
.blog h1{font-size:30px;}
ul.post li{font-size:14px;}
.carousel-caption h1{font-size:38px;}

.hlp-line{position:relative; width:100%; padding-left:25px; display:block; text-align:center;}
.hlp-line a{font-size:15px; color:var(--black)!important; font-weight:600;}
.hlp-line a i{font-size:17px; color:var(--primary)!important; display:inline-block;}
.hlp-line a:hover{color:var(--yellow);}
.hlp-line a:hover i{color:var(--yellow);}
.mrqe{color:var(--primary)!important;}
.mb-menu-fxd{position:fixed; bottom:70%; right:45px; z-index:1000; width:50px; height:50px;
display: block;}
}


@media only screen and (max-width:767px){
.nav{top:0px; height:70px;}
.nav .logo{width:27%; margin-left:90px;}
.carousel{margin-top:40px;}
.carousel-caption{padding-top:77px;}
.carousel-content{padding:0 25% 0 12%;}
.carousel-caption h1{font-size:28px;}
.carousel-control-prev{width:60px; height:45px; top:45%;}
.carousel-control-next{width:60px; height:45px; top:45%;}
.carousel-caption h6{font-size:18px;}
.carousel-caption p{font-size:15px;}
.time-sheet ul{padding-top:0px;}
.carousel-item {height:550px;}
.carousel-item img{height:550px;}
.aboutImg{width:70%; height:450px; margin:0 auto;}
.aboutImg img{height:420px; right:18px; bottom:14px;}
.customer{right:-25px; bottom:28px;}
.about-contArea{background-size:170px 220px; padding-right:5%; padding-left: 5%;}
.clening-service-bg h2{font-size:25px;}
.srvs .owl-carousel .owl-nav .owl-prev{width:40px; height:40px; left:80%; top:-58px;}
.srvs .owl-carousel .owl-nav .owl-next{width:40px; height:40px; top:-58px;}
.video-container{height:auto;}
.video-container video{top:0px;}
.clening-service a{left:0; right:0; margin:0 auto;}
.eco{padding-right:0%;}
.eco h2{padding-right:0%;}
.traforma-bg-overlay h2{font-size:24px;}
.trns .owl-carousel .owl-nav .owl-prev{top:-68px;}
.trns .owl-carousel .owl-nav .owl-next{top:-68px;}
.trust .owl-carousel .owl-nav .owl-next{ right:35%;}
.trust .owl-carousel .owl-nav .owl-prev{ left:35%;}
.glimpse-bg p{font-size:15px; padding:0 2%;}
.stori .owl-carousel .owl-nav .owl-prev{width:40px; height:40px; top:-67px; left:39%;}
.stori .owl-carousel .owl-nav .owl-next{width:40px; height:40px; top:-67px; right:39%;}
.why-chose-bg p{font-size:15px; padding:0 2%;}
.why-box{padding:15px 19px 15px 79px;}
.why-box img{top:21px;}
.clean-girl{width:50%; top:27px;}
.clean-girl img{height:300px;}
.clnt-sys .owl-carousel .owl-nav .owl-prev{left:39%;}
.clnt-sys .owl-carousel .owl-nav .owl-next{right:39%;}
.ftr-logo{width:30%; margin:0 auto;}
ul.query{text-align: center;}
ul.query li{width:fit-content; display:inline-block; padding:0 7px;}
.Smedia{text-align:center;}
ul.locate li{text-align:center;}
ul.locate li img{display:none;}
.footer-bottom{padding:0 3%;}
.time-sheet{height:auto;}
.trns .owl-carousel .owl-nav .owl-prev{left:36%;}
.trns .owl-carousel .owl-nav .owl-next{right:36%;}
.bef-aft-bpx img{height:250px;}
.service-bg{border-radius:27px;}
.clening-service{height:373px;}
.ans-box{height:100px; padding:35px 20px 15px 40px;}
.customer-says h2{padding-right:0%;}
.custmr-saysImg{width:80%; margin:0 auto; height: 260px;}
.clnt-sys .owl-theme .owl-dots{text-align: center;}
.cubespinner div{font-size:30px;}
.inside-banner-overlay{padding-top:17%;}
.inside-banner-overlay a{padding:10px 15px; font-size:15px;}
.time-sheet ul li span{font-size:17pxpx;}
.time-sheet ul li dd{font-size:14px;}
.time-sheet ul li img{width:25px!important; height:25px; top:9px;}
.expt-tenicn{width:95%;}
.expt-tenicn h5{font-size:20px;}
.expt-tenicn h6{font-size:17px;}
.why-pd{padding:0 5%;}
.why-choose-box img{height:370px;}
.why-choose-box{height:auto; padding-bottom:60px;}
.why-choose-box strong{font-size:20px;}
.why-choose-box span{font-size:17px;}
.guarantee-bg{height:auto; margin-bottom: 180px;}
.guarantee-bg p{padding:0 0%;}
.guarantee-box{height:auto!important; padding-bottom:50px;}
.guarantee-box img{height:400px;}
.guarantee-box h4{font-size:25px;}
.guarantee-box span{font-size:18px;}
.guarantee-box-overlay{height:60px; top:56%;}
.counter-bg ul li strong{font-size:40px;}
.counter-bg ul li i{font-size:25px; top:-5px;}
.counter-bg ul li span{font-size:18px; text-align: center;}
.counter-bg{top:-141px;}
.faq-contArea p{font-size:17px; line-height:inherit;}
.provideImg-overlay a{width:50%;}
.insp{top:62%;}
.satifc{top:60%;}
.guarantee-box-overlay dd{width:60px; height:60px; line-height:60px; font-size:30px;
top:-31px;}
.arrow2 {animation: slide2 1s ease-in-out infinite;}
@keyframes slide2 {
0%,
100% {
transform: translate(0, 0) rotate(0deg);
}

50% {
transform: translate(2px, 10px) rotate(0deg);
}
}

.radio-tabs{display:block;}
.tabs{width:100%;}
.radio-tabs .panels{width:100%; margin-left:0px; margin-top:20px;}
.tabs h2{font-size:30px;}
.tab-label{font-size:17px; padding:5px;}
.about-black-bg{height:auto; background-size:80px 270px;}
.about-black-bg-top img{height:69px;}
.about-black-bg ul li{margin-left: 40px;}
.team ul li dd{width:90px; height:90px;}
.team ul li span strong{font-size:30px; padding-top:5px;}
.team ul li span p{font-size:22px;}
.team{height:auto; border:none;}
.service p{padding: 0 0%;}
.popular-pst h2{font-size:22px; padding-left:0%;}
.blogdetilsImg img{height:250px;}
.popular-pst ul li a span{font-size:17px; padding-left:19%;}
}


#hamburger {
  width: 30px;
  position: relative;
  margin: auto;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .5s ease-in-out;
  -moz-transition: .5s ease-in-out;
  -o-transition: .5s ease-in-out;
  transition: .5s ease-in-out;
  cursor: pointer;
}

#hamburger span {
  display: block;
  position: absolute;
  height: 5px;
  width: 100%;
  background: #fff;
  border-radius: 9px;
  opacity: 1;
  left: 7px;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .25s ease-in-out;
  -moz-transition: .25s ease-in-out;
  -o-transition: .25s ease-in-out;
  transition: .25s ease-in-out;
}

#hamburger span:nth-child(1) {
  top: 0px;
}

#hamburger span:nth-child(2) {
  top: 11px;
}

#hamburger span:nth-child(3) {
  top: 22px;
}

#hamburger.open span:nth-child(1) {
  top: 11px;
  -webkit-transform: rotate(135deg);
  -moz-transform: rotate(135deg);
  -o-transform: rotate(135deg);
  transform: rotate(135deg);
}

#hamburger.open span:nth-child(2) {
  opacity: 0;
  left: -30px;
}

#hamburger.open span:nth-child(3) {
  top: 11px;
  -webkit-transform: rotate(-135deg);
  -moz-transform: rotate(-135deg);
  -o-transform: rotate(-135deg);
  transform: rotate(-135deg);
}

.sitenavigation ul {
  margin: 0;
  padding: 0;
  float: right;
}
.sitenavigation li {
  list-style-type: none;
  padding: 0;
  margin: 0;
  display: inline-block;
  margin-left: -4px;
  line-height: 20px;
}
.sitenavigation li.nav-dropdown:hover > a {
  color:var(--secondary);
}
.sitenavigation li a {
  color: #758283;
  text-decoration: none;
  display: block;
  padding: 11px 14px;
  font-size: 0.9375em;
  -webkit-tap-highlight-color: transparent;
}
.sitenavigation li a.nav-path-selected, .sitenavigation li a.linkclicked {
  color: white;
  background-color: #ECECEC;
}
.sitenavigation li a.nav-selected {
  background-color: #777;
  color: #000;
}
.sitenavigation li a:hover {
  color:var(--secondary);
}
.sitenavigation li.clicked > ul {
  display: block;
}
.sitenavigation li ul {
  display: none;
  position: absolute;
  min-width: 200px;
  max-width: 300px;
  padding: 0;
  margin: 0;
}
.sitenavigation li ul a {
  background-color: #dfdfdf;
  font-size: 0.8125em;
}
.sitenavigation li ul li {
  float: none;
  display: block;
  margin: 0;
}
.sitenavigation li ul ul {
  left: 100%;
  margin-top: -40px;
}
.sitenavigation li ul ul a {
  background-color: lightgray;
}
.sitenavigation .nav-dropdown:hover > a, .sitenavigation .nav-dropdown.clicked > a {
}

.no-js .sitenavigation li:hover > ul {
  display: block !important;
}

.menu-icon {
  display: none;
}

@media (max-width: 993px) {
.navbar {
position: fixed;
top: 93px;
right:0px;
width: 13%;
height: 45px;
cursor: pointer;}
  .navbar .logo {
    float: right;
    font-weight: 800;
    padding: 5px;
    margin: 10px;
  }
  .navbar .menu-icon {
    width: 30px;
    height: 25px;
    display: block;
    -webkit-tap-highlight-color: transparent;
    padding-left:15px;
    cursor: pointer;
  }
  .navbar .sitenavigation ul {
    display: none;
    max-width: none !important;
  }
  .navbar .sitenavigation li {
    float: none;
    display: block;
    margin: 0;
    padding: 0;
  }
  .navbar .sitenavigation.is-tapped > ul {
    display: block;
    position: absolute;
    margin: 0;
    background-color:var(--primary);
    top:-2px;
    right: 72%;
    z-index: 100;
    padding: 0;
    height: 100vh;
    padding-top:15px;
    overflow:auto;
    width:245px;
  }
  .navbar .sitenavigation.is-tapped > ul a {
    width: 100%;
    margin: 0;
    display: block;
    font-size:16px;
    padding-top: 6px;
    padding-bottom: 6px;
    padding-left: 20px;
    padding-right: 20px;
    height: auto;
    color:var(--white);
    float: none;
    border: none !important;
    -webkit-font-smoothing: antialiased;
    -webkit-tap-highlight-color: transparent;
  }
  .navbar .sitenavigation.is-tapped > ul a:hover {
    color:var(--secondary);
  }
  .navbar .sitenavigation.is-tapped > ul li {
    width: 100%;
    -webkit-tap-highlight-color: transparent;
  }
  .navbar .sitenavigation.is-tapped > ul li li {
    background-color: transparent!important;
  }
  .navbar .sitenavigation.is-tapped > ul ul {
    display: none;
    width: 100%;
    z-index: 200;
    border: none;
    margin-left: 0;
    padding: 0;
    position: relative !important;
  }
  .navbar .sitenavigation.is-tapped > ul ul ul {
    clear: both;
    left: 0;
    margin-top: 0;
    padding-bottom:15px;
  }
  .navbar .sitenavigation.is-tapped > ul ul li {
  }
  .navbar .sitenavigation.is-tapped > ul ul li li a {
    background-color:transparent!important;
    padding-left:40px;
    line-height:6px;
    color:var(--secondary);
    font-weight:600;
  }
  .navbar .sitenavigation.is-tapped > ul ul a {
    background-color:transparent!important;
    font-size: 1em;
    padding-left: 20px;
  }
  
  .navbar .sitenavigation.is-tapped > ul li.nav-dropdown {
    cursor: pointer;
  }
  .navbar .sitenavigation.is-tapped > ul li.nav-dropdown > a {
    width: 80%;
  }
  .navbar .sitenavigation.is-tapped > ul li.nav-dropdown:after {
    content: "";
    position: absolute;
    padding: 0;
    display: block;
    width: 20%;
    right: 0;
    margin-top: -35px;
    text-align: center;
    font-size: 16px;
    font-weight: 700;
    padding-top: 10px;
    padding-bottom: 10px;
    background:url(../images/chevron-icon.png) no-repeat 60% 100%;
    background-size:12px 7px;}
  .navbar .sitenavigation.is-tapped > ul li.expanded:after {
    content: "";
    position: absolute;
    padding: 0;
    display: block;
    width: 20%;
    right: 0;
    margin-top: -35px;
    text-align: center;
    font-size: 16px;
    font-weight: 700;
    padding-top: 10px;
    padding-bottom: 10px;
    background:url(../images/chevron-icon.png) no-repeat 60% 100%;
    background-size:12px 7px;}
   
  .workImg-01 img{height:140px;}
  .workImg-02 img{height:220px;}
   #content > div{padding-left:20px;}
   .ur-serv ul li{width:49%;}
   .ur-serv ul li label dd{font-size:13px;}
   .ur-serv ul li label span{font-size:13px;}
  
}


@media only screen and (max-width:480px){
.nav .logo{width:44%; margin-left:51px;}
.logo-text ul li{font-size:8px; padding-right:6px; height:8px;}
a.rd-mr{font-size:15px; padding:10px 15px;}
.aboutImg img{height:280px;}
.aboutImg{width:80%; height:340px;}
.about-contArea h3{font-size:25px;}
.about-contArea h5{font-size:17px;}
.about-contArea h2{font-size:18px;}
.custmr-satis{height:50px; padding-top:9px; font-size:13px; padding-left:30px;}
.srvs .owl-carousel .owl-nav .owl-prev{left:65%;}
.trns .owl-carousel .owl-nav .owl-prev{width:40px; height:40px; left:33%;}
.trns .owl-carousel .owl-nav .owl-next{width:40px; height:40px; right:33%;}
.bef-aft-bpx img{height:187px;}
.bef-aft-bpx h5{font-size:18px;}
.trstd-partnr h2{font-size:25px;}
.trstd-partnr{padding:0 3% 60px;}
.trust .owl-carousel .owl-nav .owl-prev{width:40px; height:40px; top:100px; left:33%;}
.trust .owl-carousel .owl-nav .owl-next{width:40px; height:40px; top:100px; right:33%;}
.stori .owl-carousel .owl-nav .owl-prev{left:32%;}
.stori .owl-carousel .owl-nav .owl-next{right:32%;}
.glimpse-bg img{height:300px;}
.clean-girl img{height:200px;}
.customer-says h2{padding-right:0%;}
.custmr-saysImg{height:210px;}
.clnt-sys .owl-carousel .owl-nav .owl-prev{left:32%;}
.clnt-sys .owl-carousel .owl-nav .owl-next{right:32%;}
.carousel-content{padding: 0 10% 0 12%;}
.carousel-caption h1{font-size:23px;}
.carousel-caption h6{font-size:16px;}
.carousel-control-prev{width:40px; height:35px; top:28%;}
.carousel-control-next{width:40px; height:35px; top:28%;}
.bef-aft-bpx{padding:10px;}
.partnr-box{height:90px;}
.ans-box{padding-top:20px;}
.work-box p{font-size:14px; line-height:18px;}
.work-boxImg{width:65px; height:60px;}
.work-box h3{font-size:15px;}
.ftr-logo{width:42%;}
.inside-banner-overlay{padding-top:27%;}
.why-choose-bg-top img{height:35px;}
.why-choose-bg{background-size:170px 250px; background-position:100% 20px;}
.expt-tenicn{height:auto; padding-bottom:15px;}
.expt-tenicn h5{font-size:17px;}
.expt-tenicn h6{font-size:15px;}
.why-choose-box img{height:270px;}
.guarantee-bg h2{font-size:26px;}
.guarantee-box img{height:270px;}
.guarantee-box-overlay{top:45%;}
.insp{top:50%;}
.satifc{top:47%;}
.counter-bg ul li strong{font-size:25px;}
.counter-bg ul li i{font-size:18px;}
.counter-bg ul li span{font-size:15px; text-align: left;}
.provideImg-overlay h3{font-size:35px;}
.provideImg-overlay h4{font-size: 30px;}
.provideImg-overlay a{width:76%; font-size:15px;}
.provideImg img{height:350px;}
.faq-contArea h2{font-size:25px;}
.faq-contArea p{font-size:15px;}
.faq-contArea .accordion-button{font-size:15px;}
.faq-contArea .accordion-item:last-of-type .accordion-button.collapsed{font-size:15px;}
.faq-contArea .accordion-item:first-of-type .accordion-button{font-size:15px;}
.faq-contArea .accordion-body p{font-size:14px; line-height:inherit;}
.radio-tabs .panels ul li strong{font-size:22px;}
.radio-tabs .panels ul li span{font-size:13px; width:77%; padding-top:4px;}
.radio-tabs .panels ul li i{width:19px; height:19px; font-size:8px; top:7px;
line-height:21px;}
.blog-sec .blogImg{width:100%;}
.blog-sec .blogCont{width:100%; text-align: center;}
.blog-sec .blogCont p{text-align:center;}
.blog-sec .blogCont a{margin:0 auto;}
.blogdetilsImg img{height:200px;}
.blog h1{font-size:25px;}
.blog > p{font-size:15px;}
.blog{font-size:15px;}
.popular-pst ul li a span{font-size:15px; padding-left:27%;}
.about-contArea:after{background-size:125px 170px!important; width:125px; height:170px; 
right:-10px;}
#preview{border-radius:30px;}
.txtarea-fleld{height:120px; padding: 15px 20px 0 35px;}
img.txtarea-icon{top:22px; left:15px;}
.hlp-line a{font-size:13px;}
.hlp-line a i{font-size:15px;}
.mb-menu-fxd{right:7px;}
.navbar{top:85px; width:18%;}
}


@media only screen and (max-width:375px){
#target{top:50px;}
.nav{height:65px;}
.nav .logo{width:45%; margin-left: 17px;}
.get-quors{font-size:14px; padding:0 10px;}
.logo-text{position:relative; top:0px;left:-2px;}
.logo-text ul {padding: 0;margin: 0;height: 8px;}
.logo-text ul li{font-size:7px; padding-right: 3px; height: auto; margin-right: 0px;}
.carousel-caption h1{font-size:21px;}
.carousel-caption h6{font-size:15px;}
.carousel-caption p{font-size:13px;}
.carousel{margin-top:25px;}
.service h2{font-size:28px;}
.aboutImg{width:95%; margin:0 auto;}
.customer{right:-11px;}
.about-contArea p{font-size:15px;}
.about-contArea h3{font-size:20px;}
.custmr-satis{font-size:11px; height:auto; padding-bottom:8px; padding-left:24px;}
.custmr-satis img{width:11px; top:13px;}
.srvs .owl-carousel .owl-nav .owl-prev{left:60%;}
.res-clenImg{width:60px; height:60px; padding:3px;}
.res-clenImg img{padding:8px 7px;}
.res-clen-text h3{font-size:15px;}
.res-clen-text span{font-size:13px; line-height:16px;}
.eco h2{font-size:20px;}
.bef-aft-bpx img{height:150px;}
.trust .owl-carousel .owl-nav .owl-prev{left:30%; top:100px;}
.trust .owl-carousel .owl-nav .owl-next{right:30%; top:100px;}
.how-work h4{font-size:18px;}
.stori .owl-carousel .owl-nav .owl-prev{left:30%;}
.stori .owl-carousel .owl-nav .owl-next{right:30%;}
.clean-girl img{height:170px;}
.clnt-sys .owl-carousel .owl-nav .owl-prev{left:29%;}
.clnt-sys .owl-carousel .owl-nav .owl-next{right:29%;}
.carousel-item img{height:330px;}
.why-box{padding-left: 60px;}
.why-box img{left:10px;}
.why-box strong{font-size:15px;}
.why-box span{font-size:13px;}
.cubespinner div{font-size:25px;}
.time-sheet ul li span{font-size:18px;}
.time-sheet ul li dd{font-size:14px;}
.why-choose-bg h2{font-size:20px;}
.why-choose-bg p{font-size:14px;}
.why-choose-box img{height:200px;}
.guarantee-bg h2{font-size:21px;}
.guarantee-bg p{font-size:15px;}
.guarantee-box img{height:235px;}
.guarantee-box-overlay{height:30px;}
.guarantee-box-overlay dd{width:40px; height:40px; line-height:40px; font-size:18px;
top:-21px;}
.guarantee-box h4{font-size:20px;}
.guarantee-box span{font-size:15px;}
.guarantee-box{padding-bottom:0px;}
.insp{top:62%!important;}
.guarantee-box-overlay{top:58%;}
.counter-bg ul li{width:100%; padding-right:58px;}
.provideImg-overlay h3{font-size:30px;}
.provideImg-overlay a{width:94%;}
.tabs h2{font-size:27px;}
.tab-label{font-size:14px;}
.slide-title{font-size:18px;}
.radio-tabs .panels ul li span{width:71%;}
.about-black-bg ul li{margin-left:0px;}
.about-black-bg ul li img{width:60px; height:60px; padding:10px; top:7px;}
.about-black-bg ul li{padding-left:73px; margin-bottom:10px;}
.about-black-bg ul li strong{font-size:18px;}
.about-black-bg-top img{height:41px;}
.blog h1{font-size:20px;}
.popular-pst h2{font-size:18px;}
.popular-pst ul li a span{font-size:14px; padding-left:31%;}
.blog-bg{margin-top:45px;}
.about-contArea:after{background-size:100px 120px!important; width:100px; height:120px; 
right:-10px;}
.dragBox{font-size:15px; line-height:inherit;}
#preview img{max-width:100px; height:100px;}
.dragBox{height:100px; border-radius:20px;}
.hlp-line a{font-size:9px;}
.hlp-line a i{font-size: 10px;}
.navbar{width:21%;}
.mrqe{font-size:14px;}
#hamburger span{width:80%; height:3px; top:17px;}
#hamburger span:nth-child(2){top:10px;}
}