/* DETAILS
==================================================
	Theme Name: Welland Pest Control	
	Author: Shib 
	Author URI: 
==================================================
*/
@charset "utf-8";
/* CSS Document */
/*******GOOGLE_FONT************/

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

@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;0,800;1,200;1,300;1,400;1,500;1,600;1,700;1,800&display=swap');
/* font-family: 'Plus Jakarta Sans', sans-serif; */
@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800&display=swap');
/* font-family: 'Poppins', sans-serif; */
@import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap');
/* font-family: 'Lato', sans-serif; */

/* body{font-family: 'sofia-pro', sans-serif; margin: 0; padding: 0; font-size: 16px;} */
body{font-family: 'Poppins', sans-serif; margin: 0; padding: 0; font-size: 16px;}
html { scroll-behavior: smooth;}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block;}
html * { outline: none;}
ol, ul, li { list-style: none; margin: 0px; padding: 0px;}
blockquote, q { quotes: none;}
blockquote:before, blockquote:after, q:before, q:after { content: ""; content: none;}
table { border-collapse: collapse; border-spacing: 0;}
a { text-decoration: none;}
a:hover, a:focus { text-decoration: none !important; outline: none !important;}
outline { border: 0;}
.lft { float: left;}
.rgt { float: right;}
.clear { clear: both; line-height: 0;font-size: 0;}
a, input, textarea { transition: 0.5s all ease-in-out; -moz-transition: 0.5s all ease-in-out; -webkit-transition: 0.5s all ease-in-out;
  -ms-transition: 0.5s all ease-in-out; -o-transition: 0.5s all ease-in-out;}
img { max-width: 100%; height: auto;}
h1, h2, h3, h4, h5, h6{ padding: 0; margin: 0;}
p, li{color: #000; font-size: 15px; line-height: 25px;}
.common-space { padding-top: 80px; padding-bottom: 80px;}
.cd-top.cd-fade-out { opacity: 1;}
.cd-top.cd-is-visible { visibility: visible; opacity: 1;}
.cd-top.cd-is-visible, .cd-top.cd-fade-out, .no-touch .cd-top:hover { -webkit-transition: opacity 0.3s 0s, visibility 0s 0s; -moz-transition: opacity 0.3s 0s, visibility 0s 0s;  transition: opacity 0.3s 0s, visibility 0s 0s;}
.cd-top { display: inline-block; height: 60px; width: 60px; position: fixed; bottom: 45px; right: 20px; overflow: hidden; text-align: center; white-space: nowrap; background: url(../images/go-top.png) no-repeat center 50%; visibility: hidden; opacity: 0; -webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s; -moz-transition: opacity 0.3s 0s, visibility 0s 0.3s; transition: opacity 0.3s 0s, visibility 0s 0.3s; z-index: 99999; background-size: 100% auto; border-radius: 5px; background: #f974c7; padding-top: 8px; color: #fff; display: flex; align-items: center; justify-content: center;}

.topMenu_container{font-size: 15px;}
.topMenu{padding: 5px 0 0 0;}
.topRight{}

.header_area { position: fixed; left: 0; top: 35px; width: 100%; z-index: 999;}
.nav-header { width: 12%; float: left;}
.nav-right { width: 86%; float: right; margin: 0px 0 0 0;}
.nav_container { display: flex; justify-content: space-between; align-items: center; width: 100%;}
.container-fluid { max-width: 1607px;}

.search-container { margin: 0px 0px 0 0; display: flex; justify-content: end; width: 95px; float: right;}
.nav-search {display: flex; white-space: nowrap; height: auto; float: right; z-index: 19998;}

.custom-btn { margin-left: 10px; padding: 8px 25px; font-size: 12px;  font-weight: 600; border: 1px solid #099ddd; color: #fff; background: #099ddd; border-radius:50px}
.custom-btn:hover { border: 1px solid #21b4f3; color: #fff; background: #21b4f3;}


.topMenu_container{display: flex; justify-content: space-between ; align-items: center;} 

.wrapper{width: 100%; overflow: hidden;}

section{padding: 100px 0;}

.title h2{font-size: 50px; font-weight: 600; color: #111111; margin-bottom: 30px;} 
.title h3{ font-size: 26px; font-weight: 500; color: #071f28; margin-bottom: 0px; font-family: 'Poppins', sans-serif; position: relative; } 
/* .title h3:before{ position: absolute;content: ""; left: 0; top: 50%;  width: 12px; height: 2px;  background-color: #fba919;} */

/*==== Main-css ====*/

/*==== Header ====*/

.container-fluid{  max-width: 1470px;}

.header { padding: 0; top: 0; width: 100%; z-index: 999999; position: fixed;}
.header .logo { padding:10px 0; width: 19%; /*width: 110px;*/}
.innerHeader{/*box-shadow: 0 0 12px rgba(0,0,0,0.1);*/ background-color: transparent;}



/*==== banner ====*/

.banner { position: relative; width: 100%;}
.banner-slider { position: relative;}
.banner .item { position: relative;}
.banner .item { padding: 0; width: 100%; overflow: hidden;}
.slider-caption { position: absolute; top: 0; left: 0;right: 0; z-index: 999; padding: 10% 0 0;}
.bannerimg { width: 50%; float: right;}
.banner-caption { width: 50%; float: left;}
.banner-caption h2 { color: #fe583f; font-family: 'Plus Jakarta Sans', sans-serif; font-size: 60px; font-weight: 600; margin-bottom: 10px; text-shadow: 0 2px 5px rgba(0, 0, 0, 0.8); margin-top: 60px;}
.banner-caption h3 { color: #fff; font-family: 'Plus Jakarta Sans', sans-serif; font-size: 35px; font-weight: 500; margin-bottom: 15px; text-shadow: 0 2px 5px rgba(0, 0, 0, 0.8); margin-top: 0;}
.banner-caption p { color: #ffffff; font-size: 15px; line-height: 30px; text-shadow: none;padding: 8px 0px; margin-bottom: 25px; text-shadow: 0 2px 5px rgba(0, 0, 0, 0.8); width: 66%;}
.learnMore { background: #fe583f; color: #fff; border: 1px solid #fe583f; padding: 12px 30px; border-radius: 30px; font-size: 20px; text-shadow: 0 0 0 rgba(0, 0, 0, 0); font-weight: 500;}
.black-overlay { position: absolute; z-index: 2; background: #000113; left: 0; top: 0; height: 100%; width: 36%;}

.banner-slider .owl-nav { margin-top: 0; position: absolute; bottom: 0; left: 27.1%; right: auto;}
.carousel-fade .carousel-item { opacity: 0; transition-duration: 2s; transition-property: opacity;}

.carousel-fade  .carousel-item.active, .carousel-fade  .carousel-item-next.carousel-item-left, .carousel-fade  .carousel-item-prev.carousel-item-right {opacity: 1;}

.carousel-fade .active.carousel-item-left, .carousel-fade  .active.carousel-item-right { opacity: 0;}
.carousel-fade  .carousel-item-next, .carousel-fade .carousel-item-prev, .carousel-fade .carousel-item.active,
.carousel-fade .active.carousel-item-left, .carousel-fade  .active.carousel-item-prev { transform: translateX(0);  transform: translate3d(0, 0, 0);}
.carousel-fade .carousel-control-prev, .carousel-fade .carousel-control-next{display: none;}

.banner_btm{position: absolute; left: 0;bottom:0; z-index: 1;}
.banner_btm img{width: 100%;}


/*========================= home top section =======================*/

.innerTitle2{margin-bottom:30px;}
.innerTitle2 h3{font-size: 20px; font-weight: 500; position: relative; color: #636363; display: inline-block; padding-left: 20px; text-transform: uppercase;}
.innerTitle2 h3:before{ position: absolute; content: ""; left: 0; top: 50%; width: 12px; height: 2px; background-color: #fba919;}
.innerTitle2 h2{font-size: 72px; line-height: 90px; font-weight: 700;  color: #000000; font-family: 'Plus Jakarta Sans', sans-serif; margin-bottom: 20px;}
.innerTitle2 h2 span{font-weight: 400; display: block;}
.innerTitle2 p{font-size: 30px; color: #000;}

.aboutSection{ width: 100%;}

.inner-conten{ width: 100%; margin-bottom: 25px;}
.inner-conten .title h2{ font-size: 32px;}
.inner-conten p{ margin-bottom: 25px;}
.innerthumb{ width: 100%; margin-bottom: 25px;}
.innerthumb img{ width: 100%;}
.gray-section{ background-color: #f0f0f0;}


/*======================================Home==========================================*/

.homebannerSection{ padding: 0px 0 0px; position: relative; margin-bottom:0px;}
.homebannerSection .container-fluid{position: relative; z-index: 2;}
.homebannerSection .bannerText{color: #fff; padding-top:95px; padding-left: 8%; }
.banner_container{display: flex; width: 100%; justify-content: space-between; height: 100%;}
.banner-img{width: 50%;}
.carousel-caption .container{height: 100%;}


/*===================================*/

.homebannerSection .carousel-caption{ left: 0; right: 0; text-align: left; bottom: auto; top: 25%;}
.homebannerSection .carousel-caption .container{  max-width: 1470px;}
.homebannerSection .carousel-caption .banner-text{max-width: 740px;}
.homebannerSection .carousel-caption h1, .homebannerSection .carousel-caption h2, .homebannerSection .carousel-caption h3 {font-family: 'Plus Jakarta Sans', sans-serif; color: #02223c; font-weight: 700;}
.homebannerSection .carousel-caption h3{ font-size: 30px; font-weight: 600;}
.homebannerSection .carousel-caption h2{ font-size: 35px; line-height: 45px; margin-bottom: 0px;}
.homebannerSection .carousel-caption h1{ font-size: 60px; line-height: 88px; margin-bottom: 0px;}
.homebannerSection .carousel-caption p{ font-size: 18px; line-height: 30px; color: #02223c; margin-bottom: 15px; font-weight: 400;}
.store{ width: 100%; display: flex; justify-content: space-between; list-style: none; padding: 0;margin: 0;}
.store li{ display: inline-block; margin-right: 10px;  margin-top: 45px;}
.homebannerSection .carousel-caption .discover-btn{ font-size: 20px; font-weight: 500; color: #fff; background-color: #fba919; text-transform: uppercase; border-radius: 0; padding: 20px 30px;}
.homebannerSection .carousel-caption .discover-btn:hover{ background-color: #fff; color: #fba919;}

.homebannerSection .carousel-control-next, .homebannerSection .carousel-control-prev{ width: 45px; height: 45px;
  background-color: #02223c; top: auto; color: #141414; opacity: 1; border-radius: 100%;}
.homebannerSection .carousel-control-next{ left: 60px; right: auto;}
.homebannerSection .carousel-control-next .fa, .homebannerSection .carousel-control-prev .fa{ color: #141414; font-size: 30px;}
.homebannerSection .carousel-control-next:hover, .homebannerSection .carousel-control-prev:hover{ background-color: #ffa800;}
.homebannerSection .banner_para{max-width: 665px;}

.homebanner_for_desktop{display: block;}
.homebanner_for_mob{display: none;}
.carousel_slide_arrow{position: relative;left: 27%;bottom:130px;}
.header.smaller .logo img { transition: all 0.5s; -webkit-transition: all 0.5s; height: 75px;} 
.header-contact .contact-inner ul li.start-btn a { border: 1px solid #099ddd; color: #fff; background: #099ddd;}

.header.inner_header .header-contact { margin-top: 8px;}
.header.inner_header .navbar .navbar-collapse { margin-top: 8px;}
.header.inner_header .logo { width: 120px;}
.header.inner_header .logo img{height: 75px;}

.homebannerSection .carousel-caption{  top: auto; bottom: 13%;}
.banner-img { display: flex; justify-content: flex-end; flex-direction: column;}

.homebannerSection .slde1 .carousel-caption{text-align: center;}
.homebannerSection .slde1 .carousel-caption .banner-text{ max-width: 100%;}
.homebannerSection .slde1 .carousel-caption .banner-img{ max-width: 100%; width: 100%;}


/*====================================================*/

/* DEMO-SPECIFIC STYLES */
.typewriter h2 { color: #fff;  margin: 0 auto; /* Gives that scrolling effect as the typing happens */    }

.typewriter h2 a{ cursor:col-resize;  white-space: nowrap; /* Keeps the content on a single line */
letter-spacing: 0px; /* Adjust as needed */
border-right:4px solid #c12627 !important; animation: typing 3.5s steps(30, end),  blink-caret .5s step-end infinite;  display: inline-block;}

/* The typing effect */
@keyframes typing {
  from { width: 0 }
  to { width: 100% }
}

/* The typewriter cursor effect */
@keyframes blink-caret {
  from, to { border-color: transparent }
  50% { border-color: #c12627; }
}

.title h2{font-size: 60px; line-height: 70px;}
.h2_sml_font{font-size: 30px; line-height: 35px; font-weight: 300;}
.title h2 .h2_sml_font{display: block;}


.innerTitle{text-align: center; margin-bottom: 80px;}
.innerTitle h2{font-size: 50px; color: #1a1a1a; font-weight: bold; margin-bottom: 15px; line-height: 60px;}
.innerTitle h3{font-size: 35px;}
.innerTitle h2 span{color: #b01917;}
.innerTitle p{font-size: 20px; color: #777777;}


ul.gl_list { margin: 0 0 0 10px;}

.service_sec h4{font-size: 20px; line-height: 30px; color: #12557c;}
.service-img-box{margin: 0 0 10px;}
.service-img-box img{border-radius: 8px; border: 1px solid #ccc;}

.pro-facility{ padding: 0; display: inline-block; width: 100%; background: #5fc3ed;  background-size: 100% 100%;}
.pro-facility .container{padding-top: 50px; padding-bottom: 50px;}
.pro-facility .innerTitle2 h2{ color: #fff;}
.pro-facility-bottom{margin-bottom: -5px;}

.customerRow{ width: 100%; display: inline-block; margin-bottom: 50px;}
.customerRow .item{ padding: 5px;}
.customerRow .item .customer-box{ background-color: #fff; position: relative;background-repeat: no-repeat;  background-position: left 20px top 20px;border-radius: 10px; padding:35px; text-align: center;
    /* background-image: url(../images/quote.png);  */}

.customerRow .item .customer-box:after {content:"";  width: 0;  height: 0;   border-left: 20px solid transparent;  border-right: 20px solid transparent; border-top: 20px solid #fff; display: block;position: absolute; left: 47%;  bottom: -20px;}
.arrow-down { width: 0;  height: 0;  border-left: 20px solid transparent; border-right: 20px solid transparent;
 border-top: 20px solid #f00;}
.customer-box p{font-size: 16px; line-height: 25px; color: #303030; font-family: 'Lato', sans-serif;}
.customer-box .customer-footer{ display: flex; align-items: center; padding-top: 10px; justify-content: center; flex-direction: column;}
.customer-box .customer-footer .customer-thumb{ flex-basis: 62px;}
.customer-box .customer-footer .customer-name{ padding-left: 0px;}
.customer-box .customer-footer .customer-name h4{ font-size: 19px; color: #565656; font-weight: 600; margin: 0;}
.customer-box .customer-footer .customer-name p{ margin-bottom: 0; font-size: 15px; color: #cecece; letter-spacing: 3px;}

.customerRow .owl-theme .owl-nav .owl-prev, .customerRow .owl-theme .owl-nav .owl-next{ background-color: transparent;  border: none;  position: absolute; left: -80px;  height: 94px; top: 30%; margin-top: -42px; outline: none;} 
.customerRow .owl-theme .owl-nav .owl-next{ right: -80px; left:auto}
/* .customerRow .owl-theme .owl-nav .owl-prev{ } */
.customerRow .owl-theme .owl-nav .owl-prev span{ background-image: url(../images/carou_arrow_left.png); }
.customerRow .owl-theme .owl-nav .owl-next span{ background-image: url(../images/carou_arrow_right.png);}
.customerRow .owl-theme .owl-nav .owl-prev span, .customerRow .owl-theme .owl-nav .owl-next span{background-repeat: no-repeat; text-indent: -9999px; width: 49px; display: inline-block; height: 94px;}

/* .customerRow .owl-theme .owl-nav .owl-next{ background-color: transparent; border: none; position: absolute; right: -45px; height: 85px;  top: 50%; margin-top: -42px;} */
.customerRow .owl-theme .owl-nav:focus{border: none; outline: none;}


.item_top{display: flex; align-items: center;  margin: 0 0 30px;}
.item_top .item_title{font-family: 'Lato', sans-serif; font-size: 40px; line-height: 40px; font-weight: 700;}
.item_top .item_stars{margin: 0 100px 0 0;}

.customer-box .customer-footer .customer-thumb img { width: auto !important}
.owl-carousel .owl-item img { width: auto;}
.customer-footer{display: flex; align-items: center; justify-content: center; flex-direction: column; margin-top: 30px;}

.customer-footer .customer-name{ margin-top: 25px; font-family: 'Lato', sans-serif; font-size: 24px; font-weight: 700;}
.customer-footer .customer-name h4{color: #fff; margin-top: 5px; font-family: 'Lato', sans-serif; font-size: 24px; font-weight: 700;}


/*--------------------Home Roadmap section css-----------------------*/

.roadmap_content .container {display: flex;flex-wrap: wrap;}
.roadmap_content .single-box {display: flex;flex-wrap: nowrap;justify-content: center;width: 100%;}
.roadmap_content .date-area {display: flex;background:#43697e;order: 2; text-align: center;color: #fff;font-size: 28px;flex-basis: 19px;}
.roadmap_contentc .date-area>span {font-size: 20px;line-height: 70px;margin: auto;background: #14b6c1;width: 70px;height: 70px;border-radius: 50%;}
.roadmap_content .content {text-align: center;padding: 20px;border-radius: 25px;color: #858585;order: 3;width: 80%;padding-left: 10px;background: #fff; margin-bottom: 3%;}
.roadmap_content .content h2 {margin: 0;font-size: 14px;text-transform: uppercase;}
.roadmap_content .content h3 {margin: 5px;font-size: 25px;color: #000;}
.roadmap_content .content, .roadmap_content .custom {width: 40%;}
.roadmap_content .box-right .content {order: 1;padding-right: 10px;border-radius: 25px;}
.roadmap_content .box-right .custom {order: 3;}

.roadmap_content .date-area>span { position: absolute; left: 50%; width: 118px; height: 118px; display: flex; align-items: center; justify-content: center; transform: translate(-50%, 15%); font-size: 40px; font-weight: 600; color: rgba(255, 255, 255, 1); border-radius: 100%;}
.pink_bg{background-color: #ff33cc !important;}
.blue_bg{background-color: #0f6ded !important;}
.green_bg{background-color: #1a9b11 !important;}

.color_pink{color: #ff33cc !important;}
.color_blue{color: #0f6ded !important;}
.color_green{color: #1a9b11 !important;}



.date-area{padding-top: 100px;}
.date-area.date_area_top{padding-top: 100px; border-radius: 50px 50px 0 0;}
.date-area.date_area_mid{padding-top: 100px; border-radius: 0;}
.date-area.date_area_bottom{padding-top: 100px; border-radius: 0 0 50px 50px;}
.roadmap_content .content, .roadmap_content .custom { width: 48%; margin-top: 0px;}
.roadmap_content .content {background: transparent; text-align: left;}
.rm_content{padding-left: 80px;}
.rm_content p{line-height: 30px;}
.rm_content h4{font-size: 34px; font-weight: 600; padding: 0 0 30px;}
.rm_content ul li{list-style: none; background: url(../img/list_icon1.png) left 10px no-repeat; padding: 0 0 25px 45px; font-size: 20px; line-height: 30px; color: #fff; }
.box-right .rm_content{padding: 0 80px 0 0;}


@media(max-width:575px){
  /* .topMenu{display: none;} */
.topMenu_container{display: block; padding-bottom: 10px;}
}
@media(max-width:991px){
  
  .roadmap_content .single-box-top .date-area{ padding-top: 30px;}
  .roadmap_content .single-box-top .rm_content { padding-top: 30px;}
  .roadmap_content .container {  padding: 0 0 0 50px;}
  .roadmap_content .date-area>span{left: 0; transform: translate(30%, 13%); width: 90px; height: 90px; font-size: 40px;} 
  .rm_content, .box-right .rm_content { padding-left: 35px;}

  .date-area.date_area_mid { padding-top: 0;}
  .date-area.date_area_top { padding-top: 0px;}
  .date-area.date_area_bottom { padding-top: 0;}
  .roadmap_content .content, .roadmap_content .custom { margin-top: 0px;}
  .single-box.box-right .content{margin: 0;}
  .roadmap_content .date-area>span { font-size: 24px;}

  .roadmap_content  .box-right .content {order: 3;padding-right: 10px;border-radius: 25px;}
  .roadmap_content .box-right .custom {order: 1;}
  .roadmap_content .custom {display: none; width: 0;}
  .roadmap_content .date-area{order:1 !important}
  .roadmap_content .single-box .custom{order:3}
  .roadmap_content .box-right .content {order: 3;padding-right: 10px;border-radius: 25px;}
  .roadmap_content .box-right .custom {order: 1;}
  .roadmap_content .content, .roadmap_content .custom { width: 100% !important;}
}
  

.guiding-section{ width: 100%;}
.guiding-section .item{ padding: 7px;}
.guiding-section .guiding-col{ background-color: #fff; box-shadow: 0 0 10px rgba(0,0,0,0.1); display: inline-block; border-radius: 10px; overflow: hidden;}
.guiding-col .guiding-text{ padding: 15px;}
.guiding-col .guiding-text p{  margin: 0;}
.guiding-col .guiding-text a{ font-size: 18px; color: #000;}
  
.guiding-section .owl-theme .owl-nav .owl-prev{ background-color: transparent;  border: none;  position: absolute; left: -45px; height: 85px;top: 50%; margin-top: -42px;}
.guiding-section .owl-theme .owl-nav .owl-prev span{  background-image: url(../images/play-left-arrow.png);
  background-repeat: no-repeat; background-size: 100% 100%; text-indent: -9999px; width: 19px; display: inline-block; height: 42px;}
  
.guiding-section .owl-theme .owl-nav .owl-next{ background-color: transparent; border: none; position: absolute; right: -45px; height: 42px; top: 50%; margin-top: -42px;}
.guiding-section .owl-theme .owl-nav .owl-next span{  background-image: url(../images/play-right-arrow.png);  background-repeat: no-repeat;  background-size: 100% 100%;  text-indent: -9999px;  width: 19px;  display: inline-block;  height: 42px;}
.guiding-section .owl-theme button:focus{outline: none;}

  

/*----------------------Footer css here----------------------*/

#footer{background-color: #11141b; padding: 0px;}
#footer .container-custom1{ max-width: 1500px; }
.footer-logo{ display: flex; align-items: center;}
.footer-logo img{width: 160px;}

.footer-col .heading{ color: #fff; display: block; margin-bottom: 25px; font-size: 20px; line-height: 1.125;}
.footer-col ul{display: flex; flex-wrap: wrap;}
.footer-col ul.menu li{width: 46%;}
    
.footer-col ul li{ margin: 0 6px 11px 0;;}
.footer-col ul li a{text-decoration: none;font-size: 16px; color: #fff; font-weight: normal;}


.bottom-copyright{ color: #fff; padding: 15px 0; border-top: 1px solid #3a7ea7; display: flex; justify-content: space-between;}
.bottom-copyright p{color:#fff}
.footer-logo{margin: 0 0 15px;}
.footer p{color: #fff; word-break: break-all; margin-right: 15px;}
.ftr-social ul{display: flex; flex-wrap: wrap;}
.ftr-social ul li{margin-right: 5px;}
.ftr-social ul li img{width: 23px;}


.company-left{  position: relative;}
.thumbPic{ position: relative; z-index: 1;}

/*================================*/
.homeSectiontool{ padding: 300px 0 215px; background-image: url(../images/home_sec3_bg.png); background-repeat: no-repeat; background-size: 100% 100%;}
.facility-box{ width: 100%; background-repeat: no-repeat; background-position: bottom left;}
.world-class-row{ display: inline-block; width: 100%; color: #fff;}
.world-class-row h2{  font-size: 72px; line-height: 90px; font-weight: 700; color: #478cf3; width: 100%; font-family: 'Plus Jakarta Sans', sans-serif; margin-bottom: 40px;}
.world-class-row .thumbPic img{ width: 100%; height: 100%; object-fit: cover;}
.world-class-row .world-class{ padding-left: 30px; flex-basis: 60%;}
.world-class-row .world-class h3{ font-size: 30px; color: #1f1f1f; font-weight: bold;}
.world-class-row p{ margin-bottom: 50px; line-height:30px; color: #000; font-size: 24px; }
.star-sec{ margin-bottom: 20px;}
.world-class-row .name{ color: #fff; font-size: 28px; font-style: italic; margin-bottom: 20px;}
.world-class-row .start-ntn{ display: inline-block; background-color: #ffdb15; color: #423800; font-size: 22px; padding: 10px 35px; border-radius: 30px; text-transform: uppercase;}
.world-class-row .start-ntn:hover{ background-color: #423800; color: #ffdb15;}
.facility-text{ width: 100%; text-align: center;}
.facility-text h3{ display: inline-block; background-image: url(../images/down-arrow1.png); background-repeat: no-repeat; background-position: bottom right;  color: #fff; padding: 0 70px 30px 0;}

.video-box{ width: 100%;}
.video-box img{ width: 100%;}

ul.gl_list{text-align: left; margin: 0 0 0 180px;}
ul.gl_list li{ background: url(../images/tick_icon2.png) left 6px no-repeat; padding: 13px 0 13px 50px; font-size: 24px; color: #000;line-height: 28px;}

.testim_container{max-width: 1100px; width: 100%; margin: 0 auto;}
.customer-box span{display: inline-block;}
.customer-box img{width: auto !important; display: inline-block;}

.testimonialSection{width: 100%; background-color: #f2f3f4; background-image: url(../images/testimonial-bg.png); background-repeat: no-repeat; background-size: 100% auto; padding: 160px 0 200px;}
.testimonial-content .quote1 img{max-width: 94px; margin-bottom: 25px;}
.testimonial-content .quote2 img{max-width: 94px; }
.testimonial-content p{font-size: 17px; color: #ec5757; margin-bottom: 20px;}
.testimonial-content .testimonial-name{color: #000; font-size: 18px; font-weight: 700;}
.testimonial-content .testimonial-position{color: #000; font-size: 17px; margin-bottom: 30px;}
.testimonialSection .sliderCont{position: absolute; bottom: -40px; left: 50%; width: 50px; margin-left: -25px;}
.testimonialSection .sliderCont a{color:#ec5757; font-size: 25px;}
.testimonialSection .sliderCont .carousel-control-prev{}


/* --inner hrader */

/* .header.innerMenu{top: 0;} */

/* --end inner header */

.title h2 { font-size: 72px; font-weight: 600; color: #111111; margin-bottom: 30px; line-height: 80px;}

.header {height: 150px;}
.header.innerMenu{background: #fff;}
.header.innerMenu.smaller { height: 120px; top: 0; padding-top: 15px;}
.header.innerMenu.smaller .navbar { padding: 0px 15px 15px;  width: 100%;}
.header.innerMenu.smaller .logo{margin-top: 0;}
.header.innerMenu.smaller .logo img { height: 50px;}
.header.innerMenu.smaller .header-contact { margin-top: 0px;}

/*------FOOTER------*/
.ac{text-align: center;}

.footer_sec .container{max-width: 1350px; width: 100%;}
#wrapper-footer .footer-contact-email a, .byseed a{color: #fff;}
#wrapper-footer .byseed {text-align: right;}

#wrapper-footer { padding-top: 80px; background: #00c2cb; text-align: left; color: #fff; padding-bottom: 25px;}
#wrapper-footer h4 { font-size: 20px; color: #fff; margin-bottom: 20px;}
.contact-row{  width: 100%;  margin-bottom: 10px;  display: inline-block;}
.contact-row h2{ font-size: 36px; font-family: 'Plus Jakarta Sans', sans-serif; font-weight: 700; line-height: 50px; margin-bottom: 70px;}

.contact-row .contactcol{ padding: 20px 0 40px;}
.contact-row .contactcol a{ color: #fff;}

.footer-bottom-sec{ display: inline-block; width: 100%; padding-top: 70px;}

.footer-menu{ margin-bottom: 30px;}
.footer-menu ul{ margin-bottom: 60px; }
.footer-menu ul li { list-style-type: none; margin: 0; display: inline-block; border-right: 2px solid #fff; padding: 0 50px; line-height: 30px; font-size: 30px;}
.footer-menu ul li a{line-height: 36px; font-size: 33px; font-weight: 500; font-family: 'Poppins', sans-serif; }
.footer-menu ul li:first-child{  padding-left: 0;}
.footer-menu ul li:last-child{ border: none;}
.footer-menu a { -webkit-transition-duration: 0.4s; transition-duration: 0.4s; color: #fff;}
.footer-menu p{ color: #fff; font-size: 20px; font-weight: 600; font-family: 'Poppins', sans-serif;}
#wrapper-footer hr { border: solid 1px #393939; margin: 20px 0 50px 0; width: 100%;}

.footer-contact-icon { float: left; margin-right: 10px;}
.footer-contact-icon img { width: 20px;}
.footer-contact-country p { margin-bottom: 13px;}
.footer-contact-address p { color: #7C7C7C;  margin-bottom: 10px;}

.footer-contact-phone a { color: #fff; -webkit-transition-duration: 0.4s; transition-duration: 0.4s; text-decoration: underline;}
.footercontlogo{ width: 100%;}
.footercontlogo li{ display: inline-block;}
.footercontlogo a { color: #fff; -webkit-transition-duration: 0.4s; transition-duration: 0.4s; text-decoration: none;}

.copyright{  width: 100%; background-color: #131313; padding: 15px;}
.copyright p{ margin-bottom: 0; color: #fff;}
.footercontlogo{ text-align: right;}
.footercontlogo ul li{ margin-left: 20px;}
.footer_top_bg img{background-size: cover; height: 80px; width: 100%;}


/*-------------------------------Common css------------------------------*/

.inner-conten2 .title h3{text-transform: uppercase; margin: 0; font-size: 16px;}
.inner-conten2 .title h2{ font-size: 48px;}

.zigzag-sec{ background-color: #fba919; padding: 0;}
.zigzag-sec .row{justify-content: center;}
.zigzag-sec-img{padding: 0;}
.zigzag-sec-img img{ width: 100%;}
.zigzag-txt-wrap{display: flex; align-items: center; width: 100%; height: 100%; justify-content: flex-end; padding-right: 40px; padding-left: 40px;}
.zigzag-txt-inner{max-width: 585px;}
.zigzag-txt-inner p{ color: #fff;}

.zigzag-sec.sec2{ background-color: #19232b;}
.zigzag-sec.sec2 .zigzag-txt-wrap{justify-content: flex-start;}


.btm_gap{margin-bottom: 30px;}

.bg_color_red{background: #ee2488  !important;}
.bg_color_orange{background: #f79226 !important;}
.bg_color_blue{background: #3f4093  !important;}
.bg_color_turk{background: #02b9bf !important;}
.bg_color_lgreen{background: #8dc433 !important;}
.bg_color_yellow{background: #ffcf58 !important;}
.bg_pnk{background-color: #fe7dc9 !important;}
/* .bg_pata { background-color: #ecf9c7 !important;} */

.btn1{border: 1px solid #099ddd; color: #fff; background: #099ddd; border-radius: 50px; padding: 10px 50px;
  font-size: 17px;text-transform: uppercase; font-weight: 500;}
.btn1:hover{background: #2cbbf8; color: #fff;border: 1px solid #2cbbf8; }

.btn2 { background: #ffdb15; color: #000; border-radius: 40px; font-size: 24px; text-transform: uppercase; padding: 15px 50px;font-weight: 500;}
.btn2:hover{background: #fe7dc9; color: #fff; }


/* --for new logo */
.header .logo{ margin-top: 0px;}
.header.smaller .logo img {height: auto;} 
/* --end for new logo */

.header { top: 15px}

 ul.gl_list li{font-size: 20px; background-size: 30px; background: url(../images/tick_icon2.png) left 12px no-repeat; padding-left: 40px;}
 ul.gl_list li{background-size: 30px;}

.pro-facility .container { padding-top: 20px; padding-bottom: 20px;}
.item_stars img{width: 25px !important;}
.item_top .item_title { font-size: 30px;}
.testim_container { max-width: 840px;}
.customer-footer .customer-name{margin-top: 0; text-align: center;}
.customer-footer .customer-name h4{font-size: 20px;}
.pro-facility .container{padding-bottom: 0;}
.customerRow { margin-bottom: 0;}
.worklist-section {padding: 0px 0 65px;}


/* --inner pages start */

.inner-banner-sec{background: #fff; background-size: 100% !important; margin: 100px 0 0 0; }
.inbnr_container{display: flex;padding: 0 4%; justify-content: space-between;}
.inbnr_caption{width: 40%; display: flex; align-items: center;}
.inbnr_img_box{width: 55%; display: flex; padding: 5% 0 0 0;}
.inbnr_caption .inner_title h1{font-size: 4rem; color: #02223c;}
.title { padding: 0 0 40px;}
.color_white { color: #fff !important;}
.color_dpblue { color: #042838 !important;}
.lightBg{background:#b4e4f7;}

.secAim .row{margin-bottom: 40px; align-items: center;}
.secAim .row:nth-child(2n+1){flex-direction: row-reverse;}
.secAim .row .title { padding: 0 0 12px;}
.secAim .row img{border-radius: 6px;}

.inner-worklist-section .title { padding: 0 0 15px;}
section.inner-worklist-section{padding-top: 0;}


.accordion { margin-top: 40px;}
.accordion .card { border: none; margin-bottom: 5px;}
.accordion .card h5 { cursor: pointer; font-size: 18px;}
.accordion .card .card-head{background: #d9f3ff;}
.collapse.show{background: #edf8fd; padding: 0 15px;}

.accordion .card-body { padding-left: 0; padding-right: 0;}
.accordion .card h5.collapsed::after {     content: "\f107"; display: inline-block; font: normal normal normal 14px/1 FontAwesome;  font-size: inherit;text-rendering: auto;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;position: absolute; right: 15px; top: 8px; font-size: 25px;}
.accordion .card h5::after{content: "\f106"; display: inline-block; font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;text-rendering: auto;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;   position: absolute; right: 15px; top: 8px; font-size: 25px;}
.card-head{padding: 8px;}

/* --about us--- */

.abt_profile_anim .owl-dots{display: none;}
.abt_profile_anim .owl-theme .owl-nav{position: absolute; width: 100%; top: 45%; display: flex; justify-content: space-between;}
.abt_profile_anim .owl-nav button{background: #fff !important; color: #000 !important; border: none;}
.owl-nav button:hover, .owl-nav button:focus{outline: none;}
.abt_profile_anim .owl-nav button span{font-size: 25px;}
.owl-theme .owl-nav [class*=owl-] { font-size: 14px;  margin: 0px;  padding: 4px 7px; background: #fff; display: inline-block; cursor: pointer; border-radius: 0px;}
.Abt_profileRow .title { padding: 0 0 20px;}
.Abt_profileRow{padding: 0  0 0 30px;}
.strenIcon{height: 100px;}
.strenIcon .fa, .strenIcon .ri-flask-line{color: #333; font-size: 75px; line-height: 75px;}

.leftsidebar{width: 25%; float: left;}
.rightsidebar{width: 75%; float: right; padding: 0 0 0 30px;}
.clr{clear: both;}
.bg-light{background: #ddf4ff;}

/* --left bar menu-- */
.cmnBody{margin: 50px 0 0 0;}
.leftsidebar nav {	position: relative; margin: 0px;}
.leftsidebar nav ul {list-style: none; margin: 0;	padding: 0;}
.leftsidebar nav ul li {}
.leftsidebar nav ul li a {display: block;	padding: 10px 15px;	color: #686161;	text-decoration: none;	-webkit-transition: 0.2s linear;	-moz-transition: 0.2s linear;	-ms-transition: 0.2s linear;	-o-transition: 0.2s linear;	transition: 0.2s linear;}
.leftsidebar nav ul li a:hover {	background: #5196ce;	color: #fff;}
.leftsidebar nav ul li a .fa {width: 16px;text-align: center;margin-right: 5px;	float:right;}
.leftsidebar nav ul ul {  background: #caedff;
  /* background: rgba(0, 0, 0, 0.2);  */
}
.leftsidebar nav ul li ul li a {	border-left: 4px solid transparent;padding: 10px 20px;}
.leftsidebar nav ul li ul li a:hover {border-left: 4px solid #3498db;}

.subRow{margin: 0 0 15px;}
.subRow h4{font-size: 15px; font-weight: 600; margin: 0 0 10px;}
.subRow ul {padding-left: 20px;}
.subRow ul li{list-style-type: disc; list-style-position: inside;}

.row1{margin: 0 0 30px;}
.rightsidebarContent h3{padding: 0 0 15px;}
.row1 h3{color: #000113; margin: 0 0 15px; font-size: 18px; color: #099ddd; padding: 0 0 15px; margin: 0;}
h5.ttl{background: #02223c; color: #fff; padding: 10px 0;}
.title h2{position: relative; padding: 0 0 15px;}
.title h2:after{content: ""; width: 100px; background: #099ddd; height: 2px; position: absolute; display: inline-block; text-align: center; left: 50%; bottom: 0; transform: translate(-50%, 0%);}
.leftsidebar h5.ttl{border-radius: 10px 10px 0 0;}

.sub-water-isi-content:nth-child(odd) { background: #f3f3f3;}
.sub-water-isi-content { padding: 20px 15px;  width: 100%;}
.sub-water-isi-content h4 { color: #1c4d87; text-transform: uppercase; font-weight: 500; margin-bottom: 10px; line-height: 25px; font-size: 20px;}
ul.left-ul { width: 100%; float: left; margin: 0; padding-left: 40px;}
.sub-water-isi-content ul li { list-style: none; margin: 0 0 15px;}
ul.left-ul span.left-li { color: #000; font-size: 16px; font-weight: 400;}
span.left-li { width: 28%; float: left;}
ul.left-ul span.right-li { color: #787878; font-size: 15px;}
span.right-li { width: 72%; float: left; padding-left: 25px; display: flex; align-items: center;}
span.right-li span:first-child { margin-left: 0;}
span.right-li span { position: relative; padding-left: 0px; margin-left: 30px; display: flex; align-items: center;}
span.colons { float: right;}
.sub-li .fa{color: #fff; width: 20px; height: 20px; color: #fff; display: flex; align-items: center; justify-content: center; border-radius: 100%; font-size: 11px; margin: 0 5px 0 0;}
.sub-li .fa-check{ background: #1a9b11; }
.sub-li .fa-times{ background: #ff0000; }
.clr{clear: both;}
span.number { padding-right: 10px;}
.prdt_colage_img img{width: 100%; border-radius: 10px; border: 1px solid #0858ba;}

.prdt_grid_box {background: #e7f8ff; border: 1px solid #cae0ff; border-radius: 10px; padding:15px; margin: 0 0 20px; height: 100%; padding-bottom: 35px; position: relative;}
.prdt_title h4{font-size: 20px; line-height: 25px; color: #02223c;}
.prdt_grid_box .prdt_title{position: absolute; left: 0; bottom: 0px; text-align: center; width: 100%; background: #d6edf7; padding: 15px; border-radius: 0 0 10px 10px;}
ul.lab-struct li a { color: #f37216; font-weight: 500;}

.ht_100{height: 100% !important;}
.width-full{width: 100% !important;}
.wdth_50{width: 50% !important;}
.row1 h5{font-size: 18px; padding: 0 0 10px;}
ul.innerList{padding: 0 0 25px 25px;}
ul.innerList li{list-style-type: disc; list-style-position: inside; padding: 0 0 6px}
h4.ulTitle{font-size: 18px; padding: 0 0 10px;}
ul.innerList {padding: 15px 0 15px 20px;}
h6.ulTitle{padding: 0 0 5px;}
.relative{position: relative !important;}
.pb_10{padding-bottom: 105px !important;}
.prdt_grid_img img{width: 100%;}
.sdia .row{display: flex; align-items: center;}

ul.appli{display: flex; flex-wrap: wrap; justify-content: space-between; padding: 0 0 0 15px;}
ul.appli li{list-style: none; width: 45%; margin: 0 0 15px; align-items: center; list-style-type: disc; list-style-position: inside;}
ul.appli li .icon{ margin: 0 15px 0 0; }

.form_container{width: 75%; margin: 0 auto 50px;}
.from_button{text-align: center;}
.custom-btn-green{background: #8cc34a;border-color: #8cc34a;}
.custom-btn-green:hover{background: #77b131;border-color: #77b131;}
.saqBtnBox{height: 70px; float: right; z-index: 19998;display: flex; align-items: center; white-space: nowrap;}
.saqBtn{width: auto; height: auto; line-height: auto;text-align: center; cursor: pointer; background-color: transparent;}

.privacy_content{margin: 0px;}
.comingsonn_box{border: 2px dashed #000; padding:90px 30px; text-align: center;}
.contact_left{display: flex; flex-direction: column; justify-content: center; height: 100%; border-left: 4px solid #099ddd; padding: 0 0 0 30px;}

.minWater{padding: 15px; border: 1px solid #ccc; border-radius: 10px;}
ul.innerList li{list-style-type: none; color: #0587df; font-weight: 500;}
.color_green{color: #76a548 !important;}
.color_orange{color: #f45000 !important;}
.color_blue{color: #0587df !important;}


.comon_social{position: fixed; width: 50px; top: 100px; left: 15px; z-index: 99999;}
.comon_social ul li{margin: 0 0 10px;}

.inner-worklist-section.bg_pata{list-style: none; background-color: none !important; background: url(../images/ybg-rpt.jpg) left top repeat-x; padding: 0 0 25px 45px;}
.ftr_rm{color: #fff;}
.ftr_rm:hover{color: #fff; text-decoration: underline !important;}
.rightsidebar.jar-wash .prdt_grid_img img{width: auto;}
ul.innerList.list-with-bullet li{list-style-type: disc;}
ul.tableList li{list-style-type: disc; list-style-position: inside;}
ul.bullet_list, ul.tableList{padding: 5px 0 15px 30px;}
ul.bullet_list li{list-style-type: disc; list-style-position: inside;}
/* .sub-h{margin-top: 15px;} */
.row1 h4{font-size: 19px;}
.row1 h6{margin-top: 15px;}
ul.innerList.bullet_list li, ul.innerList.list-with-bullet li{color: #000;font-size: 15px; line-height: 25px;}
.prdt_grid_img img { width: auto;}
.datTable .table  { display: block; width: 100%; overflow-x: auto;}
.cms_banner{background: #0587df; padding: 60px 0;}
.cms_banner .inner_title h1{color:#fff; text-align: center;}
.cms_banner .inbnr_caption { width: 100%; text-align: center; display: block;}
.cms_body{padding-bottom: 60px;}

.sodaMachines .mrb {margin-bottom: 25px;}
.sodaMachines .mrb .ht_100 {display: flex; align-items: center; justify-content: center;}


@media only screen and (max-width:767px) {
  .prdt_grid_img img { width: 100%;}

}

.marketing ol.adv{padding: 15px 0 50px 30px;}
.marketing ol.adv li{list-style-type: decimal; list-style-position: inside;}


.rightsidebar.sync_container{width: 100%; margin: 0 auto;}
.rightsidebarContent h3.syncHead{font-size: 35px;}
.synchronize_box{margin: 15px 0;}
img.synchronize_img{width: 100%; border-radius: 15px 15px 0 0;}
.row1 h3.synchrinize_title{text-align: center; background: #2e87bc; color: #fff; margin: 0; padding: 15px;border-radius: 0 0 10px 10px;}
.title h2.syncHead{}

ul.innerList-black{padding:0 0 15px 0;}
ul.innerList-black li{list-style-type: disc; list-style-position: inside;}

.leftsidebar nav ul ul ul{background: #fff;}
.leftsidebar nav ul ul{height: 300px; overflow: auto;}
.leftsidebar nav ul ul ul{height: auto; overflow: auto;}

.header_area.sticky .nav-header img{height:45px}
.guiding-section .item{text-align: center;}