.logo{position: relative;z-index: 5555;}.spam { display:none;}html{scroll-behavior:smooth}
body{font-family:'Roboto',sans-serif !important;font-size:16px;font-weight:400;color:#212529;overflow-x: hidden}
.row > *{padding-left: 0 ;padding-right: 0 !important}
/* roboto-regular - latin */@font-face{font-family:'Roboto';font-style:normal;font-weight:400;src:url('../fonts/roboto-v20-latin-regular.eot');/* IE9 Compat Modes */ src:local('Roboto'),local('Roboto-Regular'),url('../fonts/roboto-v20-latin-regular.eot?#iefix') format('embedded-opentype'),/* IE6-IE8 */ url('../fonts/roboto-v20-latin-regular.woff2') format('woff2'),/* Super Modern Browsers */ url('../fonts/roboto-v20-latin-regular.woff') format('woff'),/* Modern Browsers */ url('../fonts/roboto-v20-latin-regular.ttf') format('truetype'),/* Safari,Android,iOS */ url('../fonts/roboto-v20-latin-regular.svg#Roboto') format('svg');font-display: swap;/* Legacy iOS */}
/* roboto-500 - latin */@font-face{font-family:'Roboto';font-style:normal;font-weight:500;src:url('../fonts/roboto-v20-latin-500.eot');/* IE9 Compat Modes */ src:local('Roboto Medium'),local('Roboto-Medium'),url('../fonts/roboto-v20-latin-500.eot?#iefix') format('embedded-opentype'),/* IE6-IE8 */ url('../fonts/roboto-v20-latin-500.woff2') format('woff2'),/* Super Modern Browsers */ url('../fonts/roboto-v20-latin-500.woff') format('woff'),/* Modern Browsers */ url('../fonts/roboto-v20-latin-500.ttf') format('truetype'),/* Safari,Android,iOS */ url('../fonts/roboto-v20-latin-500.svg#Roboto') format('svg');font-display: swap;/* Legacy iOS */}
/* roboto-700 - latin */@font-face{font-family:'Roboto';font-style:normal;font-weight:700;src:url('../fonts/roboto-v20-latin-700.eot');/* IE9 Compat Modes */ src:local('Roboto Bold'),local('Roboto-Bold'),url('../fonts/roboto-v20-latin-700.eot?#iefix') format('embedded-opentype'),/* IE6-IE8 */ url('../fonts/roboto-v20-latin-700.woff2') format('woff2'),/* Super Modern Browsers */ url('../fonts/roboto-v20-latin-700.woff') format('woff'),/* Modern Browsers */ url('../fonts/roboto-v20-latin-700.ttf') format('truetype'),/* Safari,Android,iOS */ url('../fonts/roboto-v20-latin-700.svg#Roboto') format('svg');font-display: swap;/* Legacy iOS */}
/* roboto-900 - latin */@font-face{font-family:'Roboto';font-style:normal;font-weight:900;src:url('../fonts/roboto-v20-latin-900.eot');/* IE9 Compat Modes */ src:local('Roboto Black'),local('Roboto-Black'),url('../fonts/roboto-v20-latin-900.eot?#iefix') format('embedded-opentype'),/* IE6-IE8 */ url('../fonts/roboto-v20-latin-900.woff2') format('woff2'),/* Super Modern Browsers */ url('../fonts/roboto-v20-latin-900.woff') format('woff'),/* Modern Browsers */ url('../fonts/roboto-v20-latin-900.ttf') format('truetype'),/* Safari,Android,iOS */ url('../fonts/roboto-v20-latin-900.svg#Roboto') format('svg');font-display: swap;/* Legacy iOS */}
.info{color:#DCD7DD;text-decoration:none;font-size:1rem;font-weight:300;line-height:27px;background-color: #0d6efd;}
li.nav-item{padding:5px 15px 5px 15px;margin:0px;font-size:.9em;font-weight:500}
.navbar{padding:0px;-webkit-transition:all 0.4s ease;-moz-transition:all 0.4s ease-in-out;transition:all 0.4s ease;}
/*header*/
header{width: 100%;height: auto;background-size: cover;font-size:.9em;color: #fff;overflow: hidden;background:url('../img/duct-cleaning-near-me.webp') no-repeat center top;}
/* Radial Out */
.hvr-radial-out {
  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);
  position: relative;
  overflow: hidden;
  background: #ffcc00;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;padding:10px;border-radius: 20px;margin-top:30px
}
.hvr-radial-out:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #2098D1;
  border-radius: 100%;
  -webkit-transform: scale(0);
  transform: scale(0);
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-radial-out:hover, .hvr-radial-out:focus, .hvr-radial-out:active {
  color: white;
}
.hvr-radial-out:hover:before, .hvr-radial-out:focus:before, .hvr-radial-out:active:before {
  -webkit-transform: scale(2);
  transform: scale(2);
}
.bg-img{background-repeat:no-repeat;background-position:center top;background-size: cover;background-attachment: fixed;overflow: hidden}
.btn-sm{width:125px;margin:10px 10px 10px 0px;}
/*why us*/
.section-title{position:relative;font-size:2.1rem;padding-bottom:15px;font-weight:700;color:#212529}
.sup-title{color:#0d6efd;font-size:1.1em;position:relative;padding:0px 10px 10px 0px;font-weight:500}
.sup-title:after{background:#0d6efd;width:30px;height:3px;top:10px;left:100%; content:'';position:absolute;display:block;margin-left:2%}
/*contact*/.form-control{margin-bottom:20px;border-radius:5px;border:#0d6efd 2px solid;background: none;}
.form-control:focus{border:#353535 2px solid;;box-shadow:none}
/*footer*/
.footer{padding:20px 0 10px 0;line-height:28px;background-color:#212529;color:#fff}
.footer .fab{font-size:1.8rem;margin:10px 5px 0px 0px}
.footer .fab:hover{color:#0d6efd}
footer h3{color:#fff}
footer a{color:#fff}
a{color:inherit}
a:hover{color:inherit;text-decoration:none}
a:active{color:#212529;text-decoration:none}
.navbar-nav .nav-link{color:#fff!important}
.navbar-nav .nav-item.dropdown .dropdown-menu{color:#333 !important}
.dropdown-menu{background: #212529}
/*services*/
.main{
	position:relative;
    margin: 50px auto;
}
/* Header Style */ 
/* End Header Style */

/* Styling for both sides of the image */ 
.view {
   float: left;
   border: 10px solid #fff;
   overflow: hidden;
   position: relative;
   text-align: center;
   box-shadow: 0px 0px 2px #e6e6e6;
   cursor: default;
}
.view .mask {
/*   width: 500px;*/
   height: 333px;
   position: absolute;
   overflow: hidden;
   top: 0;
   left: 0;
}
.view img {
   display: block;
   position: relative;
}
.view h2 {
   text-transform: uppercase;
   color: #fff;
   text-align: center;
   position: relative;
   font-size: 17px;
   padding: 10px;
   background: rgba(15, 70, 223, 0.8);
   margin: 20px 0 0 0;
}
.view p {
   position: relative;
   color: #fff;
   padding: 10px 20px 20px;
   text-align: center;
}
/* Hover effects */
.view-fourth img {
   -webkit-transition: all 0.4s ease-in-out 0.2s;
   -moz-transition: all 0.4s ease-in-out 0.2s;
   -o-transition: all 0.4s ease-in-out 0.2s;
   -ms-transition: all 0.4s ease-in-out 0.2s;
   transition: all 0.4s ease-in-out 0.2s;
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
}
.view-fourth .mask {
   background-color: #153a8a;
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   -webkit-transform: scale(0) rotate(-180deg);
   -moz-transform: scale(0) rotate(-180deg);
   -o-transform: scale(0) rotate(-180deg);
   -ms-transform: scale(0) rotate(-180deg);
   transform: scale(0) rotate(-180deg);
   -webkit-transition: all 0.4s ease-in;
   -moz-transition: all 0.4s ease-in;
   -o-transition: all 0.4s ease-in;
   -ms-transition: all 0.4s ease-in;
   transition: all 0.4s ease-in;
   -webkit-border-radius: 0px;
   -moz-border-radius: 0px;
   border-radius: 0px;
}
.view-fourth:hover .mask {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
   -webkit-transform: scale(1) rotate(0deg);
   -moz-transform: scale(1) rotate(0deg);
   -o-transform: scale(1) rotate(0deg);
   -ms-transform: scale(1) rotate(0deg);
   transform: scale(1) rotate(0deg);
   -webkit-transition-delay: 0.2s;
   -moz-transition-delay: 0.2s;
   -o-transition-delay: 0.2s;
   -ms-transition-delay: 0.2s;
   transition-delay: 0.2s;height:100%
} 
.view-fourth:hover img {
   -webkit-transform: scale(0);
   -moz-transform: scale(0);
   -o-transform: scale(0);
   -ms-transform: scale(0);
   transform: scale(0);
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   -webkit-transition-delay: 0s;
   -moz-transition-delay: 0s;
   -o-transition-delay: 0s;
   -ms-transition-delay: 0s;
   transition-delay: 0s;
}
.view-fourth:hover h2,
.view-fourth:hover p,
.view-fourth:hover a.info {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
   -webkit-transition-delay: 0.5s;
   -moz-transition-delay: 0.5s;
   -o-transition-delay: 0.5s;
   -ms-transition-delay: 0.5s;
   transition-delay: 0.5s;
}
.view a.info {
   display: inline-block;
   text-decoration: none;
   padding: 7px 14px;
   background: #0f46df;
   color: #fff;
   text-transform: uppercase;
   box-shadow: 0 0 1px #143889;
}

/*services*/
@media (max-width:1419.98px){
    li.nav-item{padding:5px 15px 5px 10px;margin:0px;font-size:.8em;font-weight:500}
    }
@media (max-width:1199.98px){
li.nav-item{padding:5px 15px 5px 0px;margin:0px;font-size:.7em}.view .mask {width:100%;height:auto}
}
@media (max-width:991.98px){
.info{font-size:.8rem;font-weight:300}
li.nav-item{padding:5px 20px 5px 20px;margin:0px;font-size:1em}
}
@media (max-width:767.98px){
.info{font-size:1.1rem;font-weight:500}
.section-title{font-size:28px;padding-bottom:10px;font-weight:700}
.sup-title{;font-size:1em}
header{background-position: top right;}	
}
@media (max-width:575.98px){
.navbar-brand{width:70%;}
}
@media (max-width:475.98px){
body{font-size:14px;font-weight:400}
}
@media (max-width:435.98px){.info{font-size:1rem;font-weight:500;line-height:24px}
}
@media (max-width:379.98px){.info{font-size:.8rem;font-weight:500;line-height:20px}
}
/* Hover.css Copyright Ian Lunn 2017. Generated with Sass.*/ /* Bounce To Right */ 
.hvr-radial-out{border-radius: 0;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);position:relative;overflow:hidden;color:#fff;background:#0d6efd;-webkit-transition-property:color;transition-property:color;-webkit-transition-duration:.3s;transition-duration:.3s}.hvr-radial-out:before{content:"";position:absolute;z-index:-1;top:0;left:0;right:0;bottom:0;background:#212529;border-radius:0px;-webkit-transform:scale(0);transform:scale(0);-webkit-transition-property:transform;transition-property:transform;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-radial-out:active,.hvr-radial-out:focus,.hvr-radial-out:hover{color:#fff}.hvr-radial-out:active:before,.hvr-radial-out:focus:before,.hvr-radial-out:hover:before{-webkit-transform:scale(2);transform:scale(2)}

.fa,.fab,.fas{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:inline-block;font-style:normal;font-variant:normal;text-rendering:auto;line-height:1}.fa-blogger:before{content:"\f37c"}.fa-clock:before{content:"\f017"}.fa-envelope:before{content:"\f0e0"}.fa-facebook-square:before{content:"\f082"}.fa-google:before{content:"\f1a0"}.fa-linkedin:before{content:"\f08c"}.fa-map-marker:before{content:"\f041"}.fa-phone:before{content:"\f095"}.fa-twitter-square:before{content:"\f081"}.fa-youtube-square:before{content:"\f431"}@font-face{font-family:"Font Awesome 5 Brands";font-style:normal;font-weight:400;font-display:swap;src:url(../webfonts/fa-brands-400.eot);src:url(../webfonts/fa-brands-400.eot?#iefix) format("embedded-opentype"),url(../webfonts/fa-brands-400.woff2) format("woff2"),url(../webfonts/fa-brands-400.woff) format("woff"),url(../webfonts/fa-brands-400.ttf) format("truetype"),url(../webfonts/fa-brands-400.svg#fontawesome) format("svg")}.fab{font-family:"Font Awesome 5 Brands"}@font-face{font-family:"Font Awesome 5 Free";font-style:normal;font-weight:400;font-display:swap;src:url(../webfonts/fa-regular-400.eot);src:url(../webfonts/fa-regular-400.eot?#iefix) format("embedded-opentype"),url(../webfonts/fa-regular-400.woff2) format("woff2"),url(../webfonts/fa-regular-400.woff) format("woff"),url(../webfonts/fa-regular-400.ttf) format("truetype"),url(../webfonts/fa-regular-400.svg#fontawesome) format("svg")}.fab{font-weight:400}@font-face{font-family:"Font Awesome 5 Free";font-style:normal;font-weight:900;font-display:swap;src:url(../webfonts/fa-solid-900.eot);src:url(../webfonts/fa-solid-900.eot?#iefix) format("embedded-opentype"),url(../webfonts/fa-solid-900.woff2) format("woff2"),url(../webfonts/fa-solid-900.woff) format("woff"),url(../webfonts/fa-solid-900.ttf) format("truetype"),url(../webfonts/fa-solid-900.svg#fontawesome) format("svg")}.fa,.fas{font-family:"Font Awesome 5 Free"}.fa,.fas{font-weight:900}.fa-arrow-circle-right:before {content: "\f0a9"; }
 /*print modal coupon*/
/*banner*/
/*CAll to action button*/
/*Banner Icons*/

/*Media Query 1500px*/
@media only screen and (max-width:1500px){
img{max-width:100%}
h1{font-size: 22px}	
/*#row1, #row2, #row3, #row6, #testmonials, .cities{padding-left: 10px;padding-right: 10px}*/
.slide:first-child{background-size: cover}
}
/*Media Query 1100px*/
/*Media Query 900px*/
@media only screen and  (max-width:900px){
h1{font-size:24px;}
.slide:first-child{background-position: 60%}	
.shape-thumb2 img,.slider-img.shape1,.slider-img.shape4{display: none}
}
/*Media Query 700px*/
@media only screen and (max-width:700px){
.slide:first-child h1{font-size:20px;white-space: nowrap}	
}
.fa,.fab,.fas{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:inline-block;font-style:normal;font-variant:normal;text-rendering:auto;line-height:1}.fa-blogger:before{content:"\f37c"}.fa-clock:before{content:"\f017"}.fa-envelope:before{content:"\f0e0"}.fa-facebook-square:before{content:"\f082"}.fa-google:before{content:"\f1a0"}.fa-linkedin:before{content:"\f08c"}.fa-map-marker:before{content:"\f041"}.fa-phone:before{content:"\f095"}.fa-twitter-square:before{content:"\f081"}.fa-youtube-square:before{content:"\f431"}@font-face{font-family:"Font Awesome 5 Brands";font-style:normal;font-weight:400;font-display:swap;src:url(../webfonts/fa-brands-400.eot);src:url(../webfonts/fa-brands-400.eot?#iefix) format("embedded-opentype"),url(../webfonts/fa-brands-400.woff2) format("woff2"),url(../webfonts/fa-brands-400.woff) format("woff"),url(../webfonts/fa-brands-400.ttf) format("truetype"),url(../webfonts/fa-brands-400.svg#fontawesome) format("svg")}.fab{font-family:"Font Awesome 5 Brands"}@font-face{font-family:"Font Awesome 5 Free";font-style:normal;font-weight:400;font-display:swap;src:url(../webfonts/fa-regular-400.eot);src:url(../webfonts/fa-regular-400.eot?#iefix) format("embedded-opentype"),url(../webfonts/fa-regular-400.woff2) format("woff2"),url(../webfonts/fa-regular-400.woff) format("woff"),url(../webfonts/fa-regular-400.ttf) format("truetype"),url(../webfonts/fa-regular-400.svg#fontawesome) format("svg")}.fab{font-weight:400}@font-face{font-family:"Font Awesome 5 Free";font-style:normal;font-weight:900;font-display:swap;src:url(../webfonts/fa-solid-900.eot);src:url(../webfonts/fa-solid-900.eot?#iefix) format("embedded-opentype"),url(../webfonts/fa-solid-900.woff2) format("woff2"),url(../webfonts/fa-solid-900.woff) format("woff"),url(../webfonts/fa-solid-900.ttf) format("truetype"),url(../webfonts/fa-solid-900.svg#fontawesome) format("svg")}.fa,.fas{font-family:"Font Awesome 5 Free"}.fa,.fas{font-weight:900}.fa-yelp:before{content:"\f1e9"}.fa-pinterest-square:before{content:"\f0d3"}.fa-microsoft:before{content:"\f3ca"}
/*ripple*/
/*service card*/

/* ADVERTISERS SERVICE CARD ENDED */
/*Contact sectiom*/
#contact{background:url('../img/contact-bg.webp') no-repeat left center;background-size:cover;background-attachment: fixed}
.form-control,.form-control1{width:48%;margin-bottom:25px;background-color:transparent;color:#c8c8c8;border:1px solid #c8c8c8;float:left;margin-right:2%}
.form-control1{width:98%;margin-right:2%}
.contact-spacing{margin-top:5rem;margin-bottom:3rem}
.btn-sm{margin:15px 10px 10px 0px;width:125px;display: block}
.bg-color {
  background-color: #fff;
}
/*#contact h2,#contact h4,#contact p{color:#fff}*/
/*pulse*/
.btn-sm {float:left}
.btn-color {color: #fff;margin-left:10px;margin-top:7px}
/*faq*/
.footer{position:relative;}
.footer::after{z-index:-1;right:0px;bottom:0!important;top:inherit}
.footer::after{content:"";position:absolute;right:0px;bottom:0px;background-image:url('../img/toolbox.webp');background-repeat:repeat;background-repeat:no-repeat;height:356px;width:244px;-webkit-animation:alltuchtopdown 4s ease-in-out 0s infinite alternate;animation:alltuchtopdown 4s ease-in-out 0s infinite alternate;-webkit-animation-duration:6s;animation-duration:6s;z-index:-1}
@keyframes alltuchtopdown{0%{-webkit-transform:rotateX(0) translatex(0);-ms-transform:rotateX(0) translatex(0);transform:rotateX(0) translatex(0)}
50%{-webkit-transform:rotatex(0) translatex(-50px);-ms-transform:rotateX(0) translatex(-50px);transform:rotateX(0) translatex(-50px)}
100%{-webkit-transform:rotateX(0) translatex(0);-ms-transform:rotateX(0) translatex(0);transform:rotateX(0) translatex(0)}
}
@-webkit-keyframes alltuchtopdown{0%{-webkit-transform:rotateX(0) translatex(0);-ms-transform:rotateX(0) translatex(0);transform:rotateX(0) translatex(0)}
50%{-webkit-transform:rotatex(0) translatex(-50px);-ms-transform:rotateX(0) translatex(-50px);transform:rotateX(0) translatex(-50px)}
100%{-webkit-transform:rotateX(0) translatex(0);-ms-transform:rotateX(0) translatex(0);transform:rotateX(0) translatex(0)}
}

/*Working Process*/.box{padding:3rem;padding-bottom:20px}

/*gallery*/

/*testimonials*/
.testimonials{padding:40px 0;background-repeat: no-repeat;background-position: left bottom;background-size: contain}
button {
	font-size: 17px;
	padding: 10px 30px;
	border: 0;
	cursor: pointer;
	color: #fff;
	text-transform: uppercase;
	display: inline-block;
	overflow: hidden;
	transition: all 0.4s cubic-bezier(.86, .01, .15, .99);
}

button::before {
	content: "";
	position: absolute;
	z-index: 555555555;
	top: 0px;
	left: 0px;
	right: 0px;
	bottom: 0;
}

/*marquee*//* Make it move */

.slider-img {
  position: absolute;
  z-index: 111;
}
.slider-img.shape1 {
  right: 0;
  top: 0;
}
.slider-img.shape4 {
    right: 0;
    top: -44px;
}
.bounce-animate3 {
animation-name: float-bob3;
animation-duration: 4s;
animation-iteration-count: infinite;
animation-timing-function: linear;
-moz-animation-name: float-bob3;
-moz-animation-duration: 4s;
-moz-animation-iteration-count: infinite;
-moz-animation-timing-function: linear;
-ms-animation-name: float-bob3;
-ms-animation-duration: 4s;
-ms-animation-iteration-count: infinite;
-ms-animation-timing-function: linear;
-o-animation-name: float-bob3;
-o-animation-duration: 4s;
-o-animation-iteration-count: infinite;
-o-animation-timing-function: linear; }
.bounce-animate5 {
animation-name: float-bob5;
animation-duration: 6s;
animation-iteration-count: infinite;
animation-timing-function: linear;
-moz-animation-name: float-bob5;
-moz-animation-duration: 6s;
-moz-animation-iteration-count: infinite;
-moz-animation-timing-function: linear;
-ms-animation-name: float-bob5;
-ms-animation-duration: 6s;
-ms-animation-iteration-count: infinite;
-ms-animation-timing-function: linear;
-o-animation-name: float-bob5;
-o-animation-duration: 6s;
-o-animation-iteration-count: infinite;
-o-animation-timing-function: linear; }
@-webkit-keyframes float-bob3 {
0% {
-webkit-transform: translateY(-40px);
transform: translateY(-40px); }
50% {
-webkit-transform: translateY(-25px);
transform: translateY(-25px); }
100% {
-webkit-transform: translateY(-40px);
transform: translateY(-40px); } }
@-webkit-keyframes float-bob5 {
0% {
-webkit-transform: translateY(-75px);
transform: translateY(-75px); }
50% {
-webkit-transform: translateY(-35px);
transform: translateY(-35px); }
100% {
-webkit-transform: translateY(-75px);
transform: translateY(-75px); } }
	@keyframes moveLeftBounce {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  50% {
    -webkit-transform: translateX(5px);
            transform: translateX(5px);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
/*video section*/

/*carousel button*/
.about{
  right: 10%;
  bottom: -100px;
  animation: moveLeftBounce 2s linear infinite; position: absolute;
  z-index: -1;font-size:10vw;text-shadow: -1px 1px 0 #d5d4d4,
                1px 1px 0 #d5d4d4,
                1px -1px 0 #d5d4d4,
                -1px -1px 0 #d5d4d4;color:#fff;	
}
@keyframes moveLeftBounce {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  50% {
    -webkit-transform: translateX(5px);
            transform: translateX(5px);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
/*coupon*/
.bg-dark{border-radius:0px 0px 20px 20px}
.bg-nav{margin-bottom: -40px;z-index: 555}
.bg-nav::before {
  content: "";
  position: absolute;
  left: -32px;
  top: 0px;
  width: 0;
  height: 0;
  border-bottom: 32px solid #212529;
  border-left: 32px solid transparent;
}
.bg-nav::after {
  content: "";
  position: absolute;
  right: -32px;
  top: 0px;
  width: 0;
  height: 0;
  border-bottom: 32px solid #212529;
  border-right: 32px solid transparent;
}
.rotateme {
  -webkit-animation-name: rotateme;
  animation-name: rotateme;
  -webkit-animation-duration: 20s;
  animation-duration: 20s;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
}
.shape-thumb2 {
  position: absolute;
  top: 70px;
  left: -250px;
}
@keyframes rotateme {
  from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}


/*services*/
/*services*/
/*process*/
/*process*/
/*gallery*/
/*gallery*/
@media only screen and (max-width:1250px)
{	
.sup-title{font-size:.80em}
}

/*steam*/
.candle-smoke {
    position: absolute;
    transform-origin: bottom center;
    transform: scale(0.5);
    filter: blur(3px);z-index: 1;
}

.candle-smoke .s0 {
    animation: smokeL 6s 0s infinite;
    -webkit-animation: smokeL 6s 0s infinite
}

.candle-smoke .s1 {
    animation: smokeR 6s 1s infinite;
    -webkit-animation: smokeR 6s 1s infinite
}

.candle-smoke .s2 {
    animation: smokeL 6s 2s infinite;
    -webkit-animation: smokeL 6s 2s infinite
}

.candle-smoke .s3 {
    animation: smokeR 6s 3s infinite;
    -webkit-animation: smokeR 6s 3s infinite
}

.candle-smoke .s4 {
    animation: smokeL 6s 4s infinite;
    -webkit-animation: smokeL 6s 4s infinite
}

.candle-smoke .s5 {
    animation: smokeR 6s 5s infinite;
    -webkit-animation: smokeR 6s 5s infinite
}

.candle-smoke .s6 {
    animation: smokeL 6s 6s infinite;
    -webkit-animation: smokeL 6s 6s infinite
}

.candle-smoke .s7 {
    animation: smokeR 6s 7s infinite;
    -webkit-animation: smokeR 6s 7s infinite
}

.candle-smoke .s8 {
    animation: smokeL 6s 8s infinite;
    -webkit-animation: smokeL 6s 8s infinite
}

.candle-smoke .s9 {
    animation: smokeR 6s 9s infinite;
    -webkit-animation: smokeR 6s 9s infinite
}

.candle-smoke span {
    position: absolute;
    top: -9px;
    right: -9px;
    width: 1000px;
    height: 500px;
    background: url("../img/smoke.webp") no-repeat center;
    background-size: contain;
    opacity: 0
}

@keyframes smokeL {
    0% {
      opacity: 0;
      -webkit-transform: scale(1) translate(0, 0);
      -moz-transform: scale(1) translate(0, 0);
      -ms-transform: scale(1) translate(0, 0);
      -o-transform: scale(1) translate(0, 0);
      transform: scale(1) translate(0, 0);
    }
    10% {
      opacity: 0.4;
      -webkit-transform: scale(2) translate(5px, 40px);

      -moz-transform: scale(2) translate(5px, 40px);
      -ms-transform: scale(2) translate(5px, 40px);
      -o-transform: scale(2) translate(5px, 40px);
      transform: scale(2) translate(5px, 40px);
    }
    30% {
      opacity: 0.8;
      -webkit-transform: scale(3) translate(10px, 50px);
      -moz-transform: scale(3) translate(10px, 50px);
      -ms-transform: scale(3) translate(10px, 50px);
      -o-transform: scale(3) translate(10px, 50px);
       transform: scale(3) translate(10px, 50px);
   }
    100% {
      opacity: 0.3;
      -webkit-transform: scale(6) translate(4px, 60px);
      -moz-transform: scale(6) translate(4px, 60px);
      -ms-transform: scale(6) translate(4px, 60px);
      -o-transform: scale(6) translate(4px, 60px);
       transform: scale(6) translate(4px, 60px);
   }
  }
  @keyframes smokeR {
    0% {
      opacity: 0;
      -webkit-transform: scale(1) translate(0, 0);
      -moz-transform: scale(1) translate(0, 0);
      -ms-transform: scale(1) translate(0, 0);
      -o-transform: scale(1) translate(0, 0);
       transform: scale(1) translate(0, 0);
   }
    10% {
      opacity: 0.4;
      -webkit-transform: scale(2) translate(-5px, 40px);
      -moz-transform: scale(2) translate(-5px, 40px);
      -ms-transform: scale(2) translate(-5px, 40px);
      -o-transform: scale(2) translate(-5px, 40px);
       transform: scale(2) translate(-5px, 40px);
   }
    30% {
      opacity: 0.8;
      -webkit-transform: scale(3) translate(-25px, 50px);
      -moz-transform: scale(3) translate(-25px, 50px);
      -ms-transform: scale(3) translate(-25px, 50px);
      -o-transform: scale(3) translate(-25px, 50px);
      transform: scale(3) translate(-25px, 50px);
    }
    100% {
      opacity: 0.2;
      -webkit-transform: scale(6) translate(-4px, 60px);
      -moz-transform: scale(6) translate(-4px, 60px);
      -ms-transform: scale(6) translate(-4px, 60px);
      -o-transform: scale(6) translate(-4px, 60px);
       transform: scale(6) translate(-4px, 60px);
   }
  }
/*steam*/
/* CSS Document */
    .slider-container {
      height: 100vh;
      position: relative;
    }

    .carousel-fade .carousel-item {
      transition: opacity 1s ease-in-out;
      opacity: 0;
      display: flex !important;
      height: 100vh;
      flex-direction: row;
      pointer-events: none;
    }

    .carousel-fade .carousel-item.active {
      opacity: 1;
      pointer-events: auto;
    }

    .text-side, .image-side {
      width: 50%;
      display: flex;
      align-items: center;
      justify-content: center;
      overflow: hidden;
      padding: 20px;
	  position: relative;
	  z-index: 999999999999;color:#212529
    }

    .carousel-item.active .text-content {
      animation: slideUp 0.8s ease-out forwards;
    }

    .carousel-item.active .image-side img {
      animation: slideInRight 0.8s ease-out forwards;
    }

    .text-content, .image-side img {
      opacity: 0;
    }

    .text-content {
      text-align: center;
    }

    .text-content h1 {
      font-size: 2.5rem;
      font-weight: bold;color:#0d6efd
    }

    .text-content p {
      font-size: 1.2rem;
      margin-bottom: 20px;
    }

    .text-content .btn {
      font-size: 1rem;
      padding: 10px 25px;
    }


    /* Animations */
    @keyframes slideUp {
      from {
        opacity: 0;
        transform: translateY(100px);
      }
      to {
        opacity: 1;
        transform: translateY(0);
      }
    }

    @keyframes slideInRight {
      from {
        opacity: 0;
        transform: translateX(100%);
      }
      to {
        opacity: 1;
        transform: translateX(0);
      }
    }

    /* Controls */

    /* Custom Right Dash Indicators */
    .carousel-indicators.custom-indicators {
      position: absolute;
      right: 15px;
      top: 50%;
      transform: translateY(-50%);
      flex-direction: column;
      gap: 10px;
      margin: 0;
      z-index: 6;
    }

    .carousel-indicators.custom-indicators button {
      width: 25px;
      height: 4px;
      background-color: rgba(000, 000, 000, 0.6);
      border: none;
      transition: all 0.3s ease;
      border-radius: 2px;position: relative;z-index: 999999
    }

    .carousel-indicators.custom-indicators button.active {
      background-color: #333; 
      width: 35px;
    }

    /* Mobile Responsive */
 @media (max-width: 991px) {
.slider-container,.carousel-fade .carousel-item  {
      height: auto;
    }	 
	 
  .carousel-item {
    flex-direction: column !important; /* stack vertically */
    height: auto !important;
  }

  .text-side,
  .image-side {
    width: 100% !important;
    height: auto !important;
    padding: 70px 20px;
  }

  .image-side img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover;
  }

  .text-content h1,
  .text-content h2 {
    font-size: 1.8rem;
  }

  .text-content p {
    font-size: 1rem;
  }

  .text-content .btn {
    font-size: 0.9rem;
    padding: 8px 20px;
  }

  .carousel-indicators.custom-indicators {
    right: 10px;
  }
}
.bg-color{background:#dde4f3}
/*process*/
.timeline {
  position: relative;
  margin: 0 auto;
}
.timeline::before {
  content: "";
  position: absolute;
  top: 0;
  left: 30px;
  width: 2px;
  height: 100%;
  border-left: 2px dotted #aaa; /* dotted line */
  z-index: 0;
}
.timeline-item {
  display: flex;
  align-items: flex-start;
  margin-bottom: 50px;
  position: relative;
}
.timeline-circle {
  background: #fff;
  border: 6px solid #ff9f43; /* outer circle */
  border-radius: 50%;
	padding:5px
}
.timeline-circle span {
  background:#0d6efd;
  color: #fff;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: bold;
}

.timeline-content h3 {
  font-weight: 700;
  margin-bottom: 5px;font-size: 1.5rem;
}
.timeline-content p {
  margin: 0;
  color: #555;
}
/*process*/
.play-btn {
  display: inline-block;
  position: relative;
  z-index: 1;
  width:30px ; height:30px	;text-align: center;line-height: 30px;color:#fff;margin-top: 30px
}
.play-btn::before {
	content: "";
  position: absolute;
	background-color: #F47629;
  z-index: -1;
  border-radius: 50%;
  -webkit-animation-duration: 5s;
  animation-duration: 5s;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-name: ripple;
  animation-name: ripple;
}
.play-btn::after, .play-btn::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background-color:#F47629;
  z-index: -1;
  border-radius: 50%;
  -webkit-transition: all ease 0.4s;
  transition: all ease 0.4s;
}
@keyframes ripple {
    0% {
        transform: scale(1);
        opacity: 0;
    }

    30% {
        opacity: 0.4;
    }

    100% {
        transform: scale(1.8);
        opacity: 0;
    }
}

/* process sec */
.process-section {
  background: #fff;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  padding: 90px 0 60px;
}

.single-process-box {
  text-align: center;
  margin-bottom: 30px;
  position: relative;
  z-index: 1;
}

.single-process-box:before {
  position: absolute;
  content: "";
  right: 51px;
  top: 60px;
  width: 100%;
  height: 100%;
  background: url('../img/arrow.webp');
  background-repeat: no-repeat;
}

.upper.single-process-box:before {
  position: inherit;
}

.process-thumb {
  position: relative;
  z-index: 1;
  width: 142px;
  height: 142px;
  line-height: 142px;
  border-radius: 71px;
  background-color: #f5f8fe;
  transition: .5s;
  display: inline-block;
}

.process-thumb:before {
  position: absolute;
  content: "";
  left: -9px;
  top: -9px;
  width: 160px;
  height: 160px;
  line-height: 160px;
  border-radius: 50%;
  border: 2px dashed #152b63;
  opacity: .154;
  transition: .5s;
}

.process-thumb:after {
  position: absolute;
  content: "";
  z-index: -1;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  border-radius: 71px;
  background: #0d6efd;
  transform: scale(0);
  transition: .5s;
}


.process-number {
  position: absolute;
  right: -20px;
  top: 0;
  transition: .5s;
}

.process-number span {
  font-size: 14px;
  font-weight: 600;
  color: #fff;
  background: #212529;
  border-radius: 30px;
  font-family: 'Inter';
  height: 36px;
  width: 36px;
  line-height: 36px;
  text-align: center;
  display: inline-block;
}

h3.process-title {
  font-size: 22px;
  padding: 25px 0 10px;
}
.single-process-box:hover .process-thumb:before {
  border: 2px dashed #0d6efd;
  opacity: 1;
  -webkit-animation-name: rotateme;
  -webkit-animation-duration: 20s;
  -webkit-animation-iteration-count: infinite;
}
.single-process-box:hover .process-thumb:after {
  transform: scale(1);
}

.single-process-box:hover .process-number {
  right: -8px;
  top: -45px;
}
.process-number {
        right: 24px;
        top: 65px;
    }

    .single-process-box:hover .process-number {
        right: 35px;
    }
/* end process sec */
.accordion-body{padding-left:0}
 .offset-md-1 {
    margin-left: 0;
  }
/*marquee*/
.marquee {width:100%;margin: 0 auto;overflow: hidden;white-space: nowrap;box-sizing: border-box;animation: marquee 50s linear infinite;color:#fff;}
.marquee:hover {animation-play-state: paused;filter: grayscale(0);}
/* Make it move */
@keyframes marquee {0%   { text-indent: 27.5em }100% { text-indent: -105em }}