body,
html {
   overflow-x: hidden; 
}
body { overflow-x: hidden !important; background-color: #fff; font-family: "Lora", serif !important;}
.lora-uniquifier {font-family: "Lora", serif; font-optical-sizing: auto; font-weight: 600; font-style: normal;}
.lora-reguler {font-family: "Lora", serif; font-optical-sizing: auto; font-weight: 400; font-style: normal;}
.lora-font{ font-family: "Lora", serif;}
.lora-uniquifier{ font-family: "Lora", serif;}
.anton-regular { font-family: "Anton", sans-serif; font-weight: 400; font-style: normal;}
.anton-font{ font-family: "Anton", sans-serif;}
.open-font { font-family: "Open Sans", sans-serif;}
ul li{ font-family: "Lora", serif;}
.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6 { font-family: "Lora", serif;}
p{ font-weight: 400 !important; font-size: 18px;}
p.lora-uniquifier{font-weight: 400 !important; font-size: 18px;}
.fs-60{font-size: 60px !important;}
.fs-45{font-size: 45px !important;}
.fs-70{font-size: 70px !important;}
.fs-40{font-size: 40px !important;}
.fs-18{font-size: 18px !important;}
.fs-14{font-size: 14px !important;}
.mt-24{margin-top: 24px;}
.mb-24{margin-bottom: 24px;}
.mt-48{margin-top: 48px;}
.mb-48{margin-bottom: 48px;}
.paragraph{font-weight: 400 !important;}
/* Home Page */
header {width: 100%; top: 0; right: 0; z-index: 1000; display: flex; align-items: center; justify-content: space-between; background-color: #fff; transition: all .50s ease; background: transparent; }
.logo {display: flex; align-items: center; justify-content: center;}
.logo img {width: 135px; height: 60px;}
.logos img {width: 80%;}
.navbarr {display: flex; margin-top: 15px; gap: 30px;}
.navbarr a { font-size: 17px; font-weight: 500;color: rgb(255, 255, 255);}
.navbarr a.active {color: var(--main-color);}
.mainn { display: flex; align-items: center;}
li {list-style: none;}
.ourlink li {list-style: none;}
.ourlink.mt-2 ul li {padding: 10px 0px 0px 0px;}
.ourlink.mt-2 ul {padding-left: 0rem;}
.ourlink ul li a {color: white;}
.ourlink ul li a:hover {color: #1173ac;}
.mainn a { margin-right: 25px; margin-left: 10px; font-size: 1.1rem; font-weight: 500; transition: all .50s ease;}
.mainn a:hover { color: var(--main-color);}
#menu-icon { font-size: 35px; color: #000; cursor: pointer; z-index: 10001; display: none;}
section.banner { background-repeat: no-repeat; height: 600px;}
span.story {color: #1173ac; }
.story {color: #1173ac;}
.ourlink h3 { color: #fff;font-weight: 600;}
.contactinfo h3 {color: #fff;font-weight: 600;}
.contactinfo .text {color: white;}
.ourlink ul li {color: white;}
.banner-padding { padding: 250px 0px;}
h2.text-center.h { color: white;}
p.p {color: white;}
p.text-justify {text-align: justify;}
.section-padding {padding: 45px 0px;}
.btn a { padding: 8px 15px; background: rgb(17, 115, 172); border: none; border-radius: 10px; width: 130px; color: rgb(255, 255, 255); text-decoration: none;}
.bannerinfo { padding: 60px 10px;}
ul.info li {list-style: none;}
.images {grid-template-columns: repeat(2, 50%);gap: 10px;}
.images img { width: 270px; box-shadow: 0px 0px 10px 0px rgb(78 78 78 / 50%); object-fit: cover;}
.header.is-sticky {background-color: antiquewhite;}
.content-wrapper {padding: 10px;}
.poppins-semibold { font-family: "Poppins", sans-serif; font-weight: 600; font-style: normal;}
.pop-semibold { font-family: "Poppins", sans-serif;}
.content-wrapper {border-bottom: dashed 5px #1173ac;}
section.section-copyright { padding: 10px 0; border-top: 1px solid #1173ac;}
.section-paddingg { padding: 50px 0px;}
.section-copyright.bg-dark a { color: #1173ac;}
.header { height: 40px; width: 100%; background:#1173ac; -webkit-transition: all ease-out .5s; -moz-transition: all ease-out .5s; -o-transition: all ease-out .5s; transition: all ease-out .5s; justify-content: center;}
.logos { display: flex; justify-content: center; margin: 4px 4px; align-items: center;}
.active { background-color:rgba(17, 115, 172, 0.7);}
section.bannerr.eco-powder { background-image: url(..//images/website-photo/tank-refurbishing-service.jpg); background-position: center;background-repeat: no-repeat;background-size: cover;}
section.bannerr.eco-energy { background-image: url(..//images/website-photo/sell-your-tank.jpg); background-position: center;background-repeat: no-repeat;background-size: cover;}
section.bannerr { background-image: url(..//images/website-photo/tank-refurbishing-service.jpg); background-position: center;background-repeat: no-repeat;background-size: cover;}
section.bannerr.sell { background-image: url(..//images/sell-your-tank-banner.jpg); background-position: center;background-repeat: no-repeat;background-size: cover;}
section.bannerr.section-gallery { background-image: url(..//images/website-photo/gallery.jpg); background-position: center;background-repeat: no-repeat;background-size: cover;}
section.new-tank{background-image: url(..//images/website-photo/new-tanks.jpg);background-position: center;background-repeat: no-repeat;background-size: cover;}
.di{gap: 20px;}
.tank-repair-img-wrapper img {border-top-left-radius: 30%;border-bottom-right-radius: 30%;}
.tank-repair-img-wrapper {position: relative;}
.tank-repair-img-wrapper:before { content: ""; background-image: linear-gradient(180deg, #F2E600 0%, #E64517 100%); height: 86%; width: 25px; position: absolute; bottom: 0; left: -25px; -webkit-border-radius: 25px 0 0 !important; -moz-border-radius: 25px 0 0 !important; border-radius: 25px 0 0 !important; color: #000;}
.tank-repair-img-wrapper:after { content: ""; background-image: linear-gradient(90deg, #E64517 0%, #F2E600 100%); height: 25px; width: 85%; position: absolute; bottom: -25px; left: -25px; -webkit-border-radius: 0 0 25px 0 !important; -moz-border-radius: 0 0 25px 0 !important; border-radius: 0 0 25px 0 !important;}
.images{ position:relative;}
.images::before{ display: none; position: absolute; content: ''; height: 20%; width: 60%; left: 22%; top: -30px; z-index: -1; border-radius: 20px; border: 5px dashed #138f1d; border-bottom: none;}
.images::after{ display: none; width: 147px; height: 147px; position: absolute; border-radius: 50%; content: ''; z-index: -1; right: -125px; /* left: 10px; */ bottom: 35%; -webkit-transform: translate(-40%); -ms-transform: translate(-40%); transform: translate(-40%); border: 30px solid  #138f1d;;}
.images.epc::after{ display: none; width: 147px; height: 147px; position: absolute; border-radius: 50%; content: ''; z-index: -1; /* right: -125px; */ left: -5px; bottom: 35%; -webkit-transform: translate(-40%); -ms-transform: translate(-40%); transform: translate(-40%); border: 30px solid  #138f1d;;}
.images.epc::before{ display: none; position: absolute; content: ''; height: 20%; width: 60%; left: 22%; top: -50px; z-index: -1; border-radius: 20px; border: 5px dashed #138f1d; border-bottom: none;}
.powder-content {
  padding: 15px 0px 0px 0px;
}
.slick-slide img {
  display: block;
  width: 100%;
}
.images img {border-radius: 20px;}
.service { box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 50%); margin: 0px 20px 0px 20px; background: #1173ac; padding: 20px; height: 370px; margin-top: 8px; border-radius: 10px; color: #fff; margin-bottom: 10px;}
.service h2 {font-size: 25px;}
.service p { text-align: justify; padding: 10px}
.img img { border-radius: 20px; box-shadow: 0px 0px 10px 0px rgb(78 78 78 / 50%);}
.scrollToTop.active { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); animation: bounceInDown 2s; -webkit-animation: bounceInDown 2s; -moz-animation: bounceInDown 2s;}
@media (min-width: 576px) {.scrollToTop {bottom: 30px !important;right: 30px !important;}}
.scrollToTop { width: 45px; height: 45px; line-height: 45px; color: #fff; z-index: 999; bottom: 3px; right: 3px; position: fixed; border-radius: 5px; -webkit-transform: translateY(150px); -ms-transform: translateY(150px); transform: translateY(150px); background: #e71485 !important; text-align: center; font-size: 16px; cursor: pointer; -webkit-transition: all ease 0.3s; -moz-transition: all ease 0.3s; transition: all ease 0.3s;}
.divdonationbtn button.button:hover { background: #e71485; transition-duration: .5s;}
button.btn.ml-5 { background: #1173ac; padding: 10px !important; color: white;}
section.banners { background-image: url(..//images/contact-us-banner.jpg); background-repeat: no-repeat; background-position: center; background-size: cover;}
.card-body h5 { border-bottom: solid 4px #198754; padding: 10px;}
.section-padding.bg { background-image: url(..//images/sectionbg2.png);}
.performance { box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 50%); padding: 20px; height: 280px; border-radius: 10px; margin-bottom: 10px; background: #1173ac; color: white; margin-top: 55px; }
.performance:hover{ background: white; color: #000;}
.items { cursor: grabbing; display: flex !important; justify-content: center;}
.performance h2 { font-size: 22px;}
.btn{ padding: 0px !important;}
.social a { background: #1173ac; font-size: 25px; padding: 5px 10px; color: white; border-radius: 26px;}
.content-wrapper h3 { font-size: 45px;}
.social a:hover { background: #fff; color: #000;}
.btn a:hover{ background: #fff; color: #000;}
.back-to-top { position: fixed; width: 64px; height: 64px; right: 20px; bottom: 20px; background-color: rgba(0, 0, 0, 0.85); border: 1px solid #333; cursor: pointer; opacity: 0; transform: scale(0.5) translate3d(0, 50px, 0); transform-origin: 50% 100%; transition: border-color 300ms ease-out, opacity 200ms ease-out, transform 200ms ease-out;}
.back-to-top:hover { border-color: #868686;}
.back-to-top:hover:before {transform: translate3d(0, -2px, 0) rotate(-45deg);}
.back-to-top:hover:after {transform: translate3d(0, -2px, 0) rotate(45deg);}
.back-to-top:before, .back-to-top:after { display: block; content: ""; position: absolute; top: 30px; width: 24px; border-top: 2px solid #868686; transition: transform 175ms ease-out;}
.back-to-top:before { left: 12px; transform: rotate(-45deg);}
.back-to-top:after { left: 28px; transform: rotate(45deg);}
.back-to-top.ks-appear { opacity: 1; transform: scale(1) translate3d(0, 0, 0);}
section.bannerr.banner-padding {padding: 210px 0px;}
section.banners.banner-padding {padding: 210px 0px;}
img.desktopp.w-100 {border-radius: 20px;}
h2.about {font-size: 70px;}
.bannerinfo h2 {font-size: 50px;}
.bannerinfo p {font-size: 20px;}
.imag1 img{height: auto;}
.refurbishing{box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 50%);margin: 0px 20px 0px 20px;padding: 0px;height: 360px;width: 270px;margin-top: 8px;margin-bottom: 10px;background: #1173ac;color: white;cursor: pointer;}
.refur h3 {font-size: 18px;}
.refur {padding: 10px;}
.tanks { display: flex; align-items: center; flex-direction: column; justify-content: center; height: 100%;}
.tanks h2 {font-size: 32px;}
section.section-padding.refurbishing-bg{background-image: url(..//images/sectionbg1.png);}
.items img{width: 280px;}
section.section-padding.image-slider{padding: 60px 0px;}
.content-wrappesr h3{font-size: 45px;}
section.section-padding.Epc{padding: 50px 0px;} 
ul.info li {font-size: 18px;}
#background-video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover;  z-index: -1; }
.banner { position: relative; overflow: hidden;}
.banner::before,.banner::after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.4);  z-index: 0; }
.banner .container, .banner .row, .banner .col-md-12, .banner .bannerinfo { position: relative; z-index: 1; }
.banner .bannerinfo h2, .banner .bannerinfo p {color: white; }
.sub-header {background: #1173ac;}
.sub-header {border-bottom: 1px solid rgb(173 173 173);}
.go-corner { display: flex; align-items: center; justify-content: center; position: absolute; width: 32px; height: 32px; overflow: hidden; top: 0; right: 0; background-color: #00838d; border-radius: 0 4px 0 32px;}
.go-arrow { margin-top: -8px; margin-right: -8px; color: white; font-family: 'FontAwesome'}
.card1 { display: block; position: relative; background-color: #f2f8f9; border-radius: 4px; padding: 20px; text-decoration: none; z-index: 0; overflow: hidden; box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 50%); height: 330px; border-radius: 10px;}
.card1:before { content: ""; position: absolute; z-index: -1; top: -46px; right: -16px; background: #00838d; height: 50px; width: 50px; border-radius: 32px; transform: scale(1); transform-origin: 50% 50%; transition: transform 0.25s ease-out;}
.card1:hover:before { transform: scale(21);}
.card1 h3{ color: #000;}
.card1 p{color: #000;}
.card1:hover p { transition: all 0.3s ease-out; color: rgba(255, 255, 255, 0.8);}
.card1:hover h3 { transition: all 0.3s ease-out; color: #ffffff;}
@media all and (min-width: 768px) {
.dropdown>.dropdown-menu,.dropdown.open>.dropdown-menu {display: block !important; opacity: 0; visibility: hidden; transition: all ease 0.2s;}
.dropdown:hover>.dropdown-menu,.dropdown.open:hover>.dropdown-menu {  opacity: 1; visibility: visible; }}
.dropdown .dropdown-menu li a{color: #fff;}
.dropdown>.dropdown-menu, .dropdown.open>.dropdown-menu { display: block !important; opacity: 0; width: 240px; top: 32px; padding: 10px 10px; visibility: hidden; transition: all ease 0.2s;}
.dropdown:hover>.dropdown-menu,
.dropdown.open:hover>.dropdown-menu { opacity: 1;visibility: visible; background: #1173ac}
.dropdown-menus .dropdown-menuu li a{color: #fff;}    
.dropdown-menus>.dropdown-menuu, .dropdown-menus.open>.dropdown-menuu { display: block !important; opacity: 0; width: 280px; padding: 10px 10px; visibility: hidden; transition: all ease 0.2s; top: 0px; position: absolute; left: 235px; border-radius: 5px;}
.dropdown-menus:hover>.dropdown-menuu,
.dropdown-menus.open:hover>.dropdown-menuu {  opacity: 1; visibility: visible;  background: #00838d;}
li.dropdown-menus a i { font-size: 12px; margin-left: 5px;}
.dropdown-menu li a span{margin-left: 16px;}
.main-menu { display: flex; justify-content: center;}          
.menu-item {text-decoration: none;color: #0288d1;padding: 20px 70px;}          
#page-title { text-align: center; margin-bottom: 50px;}         
#gallery-wrapper { padding: 0 50px 50px; display: flex; justify-content: center; flex-wrap: wrap;}           
#gallery-wrapper img { width: 300px; height: 300px; object-fit: cover; margin: 0 10px 20px 10px; box-shadow:0 10px 20px 0 #ccc; transition: all 0.5s;}
#gallery-wrapper img:hover {transform : scale(0.9);}   
/*banner slider  */          
.slider {position: relative;}          
#slider {position: relative; overflow: hidden; width: 100% !important;       }
#slider ul { position: relative; margin: 0; padding: 0; height: 100vh; width: 99999px; overflow: hidden; list-style: none;}
#slider ul li { position: relative; display: block; float: left; margin: 0; padding: 0; width: 100vw; height: 100vh; text-align: center;}
#slider ul li .slide { background-size: cover; height: 100vh;}          
button.control_prev, button.control_next { position: absolute; top: 50%; z-index: 10; display: block; border: none; width: 2em; height: 2em; line-height: 1.9em; background:rgba(17, 115, 172, 0.7); color: #fff; text-align: center; text-decoration: none; font-weight: 600; font-size: 2rem; opacity: 0.8; cursor: pointer; border-radius: 50%; transform: translateY(-50%);}
button.control_prev:focus, button.control_next:focus {outline: none;border: 1px rgba(255, 255, 255, 0.5) solid;}
button.control_prev:hover, button.control_next:hover {opacity: 1;}          
button.control_prev {left: 2rem;}          
button.control_next {right: 2rem;}          
.progress { position: absolute; background: rgba(255, 255, 255, 0.3); height: 0.5rem; width: 100%; bottom: 0; border-top: 1px rgba(0, 0, 0, 0.15) solid;}
.progress .bar { height: 100%; width: 0%; background: #fff;}          
.teaser { position: absolute; top: 50%; text-align: center; width: 100%; color: #fff; transform: translateY(-50%);}
.teaser h2 { font-size: 5em; text-transform: uppercase; line-height: 1.5em; color: #fff;}
.teaser p {font-size: 50px;line-height: 1.3em;width: 80%;min-width: 25rem;margin: 0 auto;padding: 0 0;text-align: center;}
.teaser h1 { font-size: 50px; line-height: 1.3em; width: 80%; min-width: 25rem; margin: 0 auto; padding: 0 0; text-align: center;}
.teaser h3 { border-bottom: 2px #fff solid; width: 33%; padding: 1.5rem 0; margin: 0rem auto; min-width: 25rem;}
.teaser a { margin-left: 0.5rem; margin-right: 0.5rem;}
/* Testimonial */
img.testimonial { border-radius: 50%; margin-top: -88px; width: 120px;}
ul.check__list li { list-style: none; color: #000;}
.imgs img {width: 520px;}
.map-info {display: flex;flex-direction: column;justify-content: center;height: 100%;}
ul.check__list {padding: 0 !important;}
/*-------loader start--------*/
.loader-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0);
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 20px;
  z-index: 9999; /* Ensure the loader appears above other content */
}

.loader-image {
  width: auto; /* Adjust the size of the loader image as needed */
  height: auto;
  animation: rotateLoader 4s linear infinite; /* Reduced duration for faster rotation */
}

@keyframes rotateLoader {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
}
}
@keyframes rotateLoader {from {transform: rotate(0deg);}to {transform: rotate(360deg);}}
.loading-text { color: #fff; font-size: 20px;} 
.dot-one, .dot-two, .dot-three, .dot-four { animation: dotsProgress 1s infinite; opacity: 0;} 
.dot-two {animation-delay: 0.25s;}
.dot-three {animation-delay: 0.5s;}
.dot-four {animation-delay: 0.75s;}
 @keyframes dotsProgress {0% {opacity: 0;}25% {opacity: 1;}50% {opacity: 0;}}
  /*-------loader end--------*/
#button { display: inline-block; background-color: #1173ac; width: 45px !important; height: 45px !important; text-align: center; border-radius: 4px; position: fixed; bottom: 30px; right: 25px; transition: background-color .3s,    opacity .5s, visibility .5s; opacity: 0; visibility: hidden; z-index: 1000;}
#button::after { content: "\f077"; font-family: FontAwesome; font-weight: normal; font-style: normal; font-size: 22px; line-height: 38px; color: white;}
#button:hover { cursor: pointer; background-color: #1173ac;}
#button:active {background-color: #1173ac;}
#button.show { opacity: 1; visibility: visible;}    
section.section-sub-header.sticky { background-color: rgba(17, 115, 172, 0.7); padding: 0;}
section.section-sub-header.sticky{ width: 100%; position: fixed; z-index: 1000; -webkit-transition: all ease-out .5s; -moz-transition: all ease-out .5s; -o-transition: all ease-out .5s; transition: all ease-out .5s;}   
.content { height: 100vh; margin-top: 30px;}
header.header {top: 66px;}
.image-card { width: 270px; height: 400px; border: 1px solid #ddd; box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); border-radius: 5px; overflow: hidden; position: relative; transition: transform 0.3s ease; margin: 10px; display: inline-block;}
.image-card:hover { transform: scale(1.05);box-shadow: 0 0 20px rgba(0, 0, 0, 0.3);}
.image { width: 100%; height: 100%; object-fit: cover;}
.caption { text-align: center; padding: 15px; background-color: rgba(0, 0, 0, 0.7); color: #fff; font-size: 18px; position: absolute; bottom: 0; left: 0; width: 100%; border-radius: 0 0 5px 5px; opacity: 0;transition: opacity 0.3s ease;}
.image-card:hover .caption {opacity: 1; }  
.title { font-size: 20px; margin: 10px 0;}    
/* Additional custom styles */
.image-card.custom-style {background-color: #f2f2f2; border: 2px solid #ccc;}
.custom-caption {background-color: #1173ac;}
.images .imag1.item { overflow: hidden !important; width: 250px; border-radius: 20px; object-fit: cover; box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 50%);}
.images .imag1 { overflow: hidden !important; border-radius: 20px; object-fit: cover; width: 250px; box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 50%);}
.imag3.item,.imag4.item{ height: 250px; width: 270px; overflow: hidden; object-fit: cover; border-radius: 20px; box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 50%);}
.imag3 img,.imag4 img{ height: 250px; border-radius: 20px; width: 270px; object-fit: cover; box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 50%);}
.images .item{ overflow: hidden !important;}
.images .item .imag3img,.item  .imag4img { opacity: 0.8;object-fit: cover;}
.images .item:hover img{ -webkit-transform: scale(1.1); transform: scale(1.1); -webkit-transition: all 0.8s; transition: all 0.8s; border-radius: 10px !important; opacity:1;} 
.column { position: relative; width: 100%; padding-right: 15px; padding-left: 15px; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%;}
@media (min-width: 576px) {.column { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%;}}
@media (min-width: 768px) {.column { -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%;}}
@media (min-width: 992px) {.column { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%;}}
.section-title { width: 100%; text-align: center; margin-top: -45px;}
.section-title h1 {font-family: "Open Sans", sans-serif;}
.section-title h1 { color: #353535; font-size: 50px; letter-spacing: 5px; margin-bottom: 5px;}
.team-9 { padding: 20px; margin-bottom: 30px; border-radius: 5px; box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 50%); transition: transform 0.6s; transform-style: preserve-3d; cursor: grab;}
.team-9:hover {transform: rotateY(180deg);}
.team-9 .team-img { position: relative; font-size: 0; text-align: center; margin-bottom: 30px;}
.team-9 .team-img img { width: 100%; height: auto; border-radius: 100%;}
.team-9 .team-content {text-align: center;}
.team-9 .team-content h3 { font-size: 16px; font-weight: 400; margin-bottom: 0;}
.team-9 .team-overlay { position: absolute; width: 100%; height: 100%; top: 0; left: 0; padding: 20px; display: flex; align-items: center; justify-content: center; flex-direction: column; -webkit-backface-visibility: hidden; backface-visibility: hidden; background: #ffffff; border-radius: 5px; transform: rotateY(180deg);}
.team-9 .team-overlay p { font-size: 16px; font-weight: 400; line-height: 22px; text-align: center;}
.team-9 .team-social { display: flex; align-items: center; justify-content: center; font-size: 0;}
.team-9 .team-social a { display: inline-block; width: 40px; height: 40px; margin-right: 5px; padding: 11px 0 10px 0; font-size: 16px; line-height: 16px; text-align: center; color: #ffffff; border-radius: 100%; transition: all .3s;}
.team-9 .team-social a.social-tw {background: #00acee;}  
.team-9 .team-social a.social-fb {background: #3b5998;}
.team-9 .team-social a.social-li {background: #0e76a8;}  
.team-9 .team-social a.social-in {background: #3f729b;}  
.team-9 .team-social a.social-yt {background: #c4302b;}
.team-9 .team-social a:last-child { margin-right: 0;}
.team-9 .team-social a:hover {background: #222222;}
.navbarr a:hover {border-bottom: 2px solid #fff; }
.ingusa{ visibility: hidden; position: relative; width: 100%; height: 100%; overflow: hidden;}
.new-tank-content::before{content: '';position: absolute;height: 525px;top: -40px;left: -230px;z-index: -1;width: 890px;background-color: #e0eff8;}
.new-tanks-img.ingusa img {border-radius: 50px;}
.new-tank-content{position: relative;}
.new-tank-content { position: relative; display: flex; flex-direction: column; justify-content: center; height: 100%; padding: 10px 20px;}
section.section-padding.sale.mt-5 {padding: 60px 0px;}
section.section-padding.ingusaa.mb-5 {padding: 60px 0px;}
section.new-tank.banner-padding {padding: 210px 0px;}
/* sub header */
#chat-container { position: fixed; top: 38%; z-index: 1;}
.chat-btns-right { margin-top: 150px;}
#chat-container ul { padding: 0; margin: 0;}
#chat-container.ssb-anim-icons ul li { transition: transform 100ms;}
#chat-container ul li { line-height: 45px;}
#chat-container ul li { list-style: none; margin: 0;}
#chat-btn-3 { background: #1173ac;}
#chat-container ul li a { padding: 0 0px 0 0; display: block; line-height: 45px; text-align: left; white-space: nowrap; text-decoration: none;}
#chat-container ul li span { line-height: 45px; width: 50px; text-align: center; display: inline-block; color: #fff;}
#chat-btn-2 {background: #1173ac;}
li#chat-btn-1 {background: #4ad74a;}
ul.chat-light-hover li p {margin-bottom: 0;}
#chat-container ul li span:hover { background: rgba(0, 76, 151, 0.7); color: #fff;}
.img-contentt h3{line-height: 1.5;}
ul.info {padding-left: 0;}
.readmore a { padding: 8px 10px; background: #fff; width: 130px; color: #000; text-decoration: none; border-radius: 10px; border: 2px solid #1173ac;}
/* New CSS */  
.fs-20{font-size: 20px;}
  .fs-30{
    font-size: 30px;
  }
  .fs-60 {
    font-size: 60px;
    
}
  .fs-50 {
    font-size: 50px;
}
  .mb-70{
    margin-bottom: 70px;
  }

.refurnished-customer-img-wrapper img {
  height: 468px;
  object-fit: cover;  
}
.refurnished-customer-img-wrapper {
  position: relative;
  margin-right: -80px;
  z-index: 1;
  top: 18%;
}
.refurnished-customer-content-wrapper, .inventory-management-content-wrapper {
  padding: 55px 20px 55px 120px;
  background-color: #e0eff8;
}
.refurnished-customer-p-wrapper p{
  text-align: justify;
}
.our-Process-section-psub-wrapper p{
  font-size: 23px;
}
.our-Process-section-p-wrapper p{
  text-align: justify;
}
.inventory-management-p-wrapper p{
  text-align: justify;
}
.inventory-management-img-wrapper {
  position: relative;
  top: 16%;
  left: 15%;
}
.inventory-management-img-wrapper img{
    border-top-right-radius: 117px;
}

/* testimonial */
.testimonial{
  margin: 0 20px 40px;
}
.testimonial .testimonial-content{
  padding: 35px 25px 35px 50px;
  margin-bottom: 35px;
  background: #fff;
  position: relative;
}
.testimonial .testimonial-content:before{
  content: "";
  position: absolute;
  bottom: -30px;
  left: 0;
  border-top: 15px solid #718076;
  border-left: 15px solid transparent;
  border-bottom: 15px solid transparent;
}
.testimonial .testimonial-content:after{
  content: "";
  position: absolute;
  bottom: -30px;
  right: 0;
  border-top: 15px solid #718076;
  border-right: 15px solid transparent;
  border-bottom: 15px solid transparent;
}
.testimonial-content .testimonial-icon{
  width: 50px;
  height: 45px;
  background: #1173ac;
  text-align: center;
  font-size: 22px;
  color: #fff;
  line-height: 42px;
  position: absolute;
  top: 37px;
  left: -19px;
}
.testimonial-content .testimonial-icon:before{
  content: "";
  border-bottom: 16px solid #1173ac;
  border-left: 18px solid transparent;
  position: absolute;
  top: -16px;
  left: 1px;
}
.testimonial .description{
  font-size: 15px;
  font-style: italic;
  color: #8a8a8a;
  line-height: 23px;
  margin: 0;
}
.testimonial .title{
  display: block;
  font-size: 18px;
  font-weight: 700;
  color: #525252;
  text-transform: capitalize;
  letter-spacing: 1px;
  margin: 0 0 5px 0;
}
.testimonial .post{
  display: block;
  font-size: 14px;
  color: #1173ac;
}

/* our-team */
.our-team {
  padding: 20px;
  background: rgba(17, 115, 172, 0.3);
  border: solid 2px #1173ac;
}
span.our-team-span {
  font-size: 18px;
}
.our-tam-content {
  flex-direction: column;
  justify-content: center;
  height: 100%;
  display: flex;
}
.readmore a:hover {
  background: #1173ac;
  color: #fff;
}
.imag1.item.imgusaa.mt-5.mb-4 {
  width: 100%;
}


/* table */
.table{
  margin: 0 !important;
}
div.table-title {
  display: block;
 margin: auto;
 max-width: 600px;
 padding:5px;
 width: 100%;
}

.table-title h3 {
  color: #fafafa;
  font-size: 30px;
  font-weight: 400;
  font-style:normal;
  font-family: "Roboto", helvetica, arial, sans-serif;
  text-shadow: -1px -1px 1px rgba(0, 0, 0, 0.1);
  text-transform:uppercase;
}


/*** Table Styles **/

.table-fill {
 background: white;
 border-radius:3px;
 border-collapse: collapse;
 height: 320px;
 margin: auto;
 max-width: 900px;
 padding:5px;
 width: 100%;
 box-shadow: 0 5px 10px rgb(0 0 0 / 36%);
 animation: float 5s infinite;
}

th {
  color: #D5DDE5;
  background: #1173ac;
  border-bottom: 4px solid #9ea7af;
  border-right: 1px solid #343a45;
  font-size: 23px;
  font-weight: 100;
  padding: 14px;
  text-align: center !important;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
  vertical-align: middle;
}

th:first-child {
 border-top-left-radius:3px;
}

th:last-child {
 border-top-right-radius:3px;
 border-right:none;
}
 
tr {
 border-top: 1px solid #C1C3D1;
 border-bottom: 1px solid #C1C3D1;
 color:#666B85;
 font-size:16px;
 font-weight:normal;
 text-shadow: 0 1px 1px rgba(256, 256, 256, 0.1);
}

tr:hover td {
 background:rgba(17, 115, 172, 0.7);
 color:#FFFFFF;

}

tr:first-child {
 border-top:none;
}

tr:last-child {
 border-bottom:none;
}

tr:nth-child(odd) td {
 background:#EBEBEB;
}

tr:nth-child(odd):hover td {
 background:rgba(17, 115, 172, 0.7)
}

tr:last-child td:first-child {
 border-bottom-left-radius:3px;
}

tr:last-child td:last-child {
 border-bottom-right-radius:3px;
}

td {
 background:#FFFFFF;
 padding:14px;
 text-align:left;
 vertical-align:middle;
 font-weight:300;
 font-size:18px;
 text-shadow: -1px -1px 1px rgba(0, 0, 0, 0.1);
 border-right: 1px solid #C1C3D1;
}

td:last-child {
 border-right: 0px;
}

th.text-left {
 text-align: left;
}

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

th.text-right {
 text-align: right;
}

td.text-left {
 text-align: left;
}

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

td.text-right {
 text-align: right;
}
.content-wrapper-one {
  /* border-bottom: dashed 5px #1173ac; */
}
.content-wrapperr {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  height: 100%;
}

/* about us */
.sec-title{
  position:relative;
  z-index: 1;
  margin-bottom:60px;
}

.sec-title .title{
  position: relative;
  display: block;
  font-size: 18px;
  line-height: 24px;
  color: #00aeef;
  font-weight: 500;
  margin-bottom: 15px;
}

.sec-title h2{
  position: relative;
  display: block;
  font-size:40px;
  line-height: 1.28em;
  color: #222222;
  font-weight: 600;
  padding-bottom:18px;
}

.sec-title h2:before{
  position:absolute;
  content:'';
  left:0px;
  bottom:0px;
  width:50px;
  height:3px;
  background-color:#d1d2d6;
}

.sec-title .text{
  position: relative;
  font-size: 16px;
  line-height: 26px;
  color: #848484;
  font-weight: 400;
  margin-top: 35px;
}

.sec-title.light h2{
  color: #ffffff;
}

.sec-title.text-center h2:before{
  left:50%;
  margin-left: -25px;
}

.list-style-one{
  position:relative;
}

.list-style-one li{
  position:relative;
  font-size:16px;
  line-height:26px;
  color: #222222;
  font-weight:400;
  padding-left:35px;
  margin-bottom: 12px;
}

.list-style-one li:before {
    content: "\f058";
    position: absolute;
    left: 0;
    top: 0px;
    display: block;
    font-size: 18px;
    padding: 0px;
    color: #ff2222;
    font-weight: 600;
    -moz-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1.6;
    font-family: "Font Awesome 5 Free";
}

.list-style-one li a:hover{
  color: #44bce2;
}

.btn-style-one{
  position: relative;
  display: inline-block;
  font-size: 17px;
  line-height: 30px;
  color: #ffffff;
  padding: 10px 30px;
  font-weight: 600;
  overflow: hidden;
  letter-spacing: 0.02em;
  background-color: #00aeef;
}

.btn-style-one:hover{
  background-color: #0794c9;
  color: #ffffff;
}
.about-section{
  position: relative;
  padding: 120px 0 70px;
}

.about-section .sec-title{
  margin-bottom: 45px;
}

.about-section .content-column{
  position: relative;
  margin-bottom: 50px;
}

.about-section .content-column .inner-column{
  position: relative;
  padding-left: 30px;
}

.about-section .text{
  margin-bottom: 20px;
  font-size: 16px;
  line-height: 26px;
  color: #848484;
  font-weight: 400;
}

.about-section .list-style-one{
  margin-bottom: 45px;
}

.about-section .btn-box{
  position: relative;
}

.about-section .btn-box a{
  padding: 15px 50px;
}

.about-section .image-column{
  position: relative;
}

.about-section .image-column .text-layer{
    position: absolute;
    right: -110px;
    top: 50%;
    font-size: 325px;
    line-height: 1em;
    color: #ffffff;
    margin-top: -175px;
    font-weight: 500;
}

.about-section .image-column .inner-column{
  position: relative;
  padding-left: 80px;
  padding-bottom: 0px;
}
.about-section .image-column .inner-column .author-desc{
    position: absolute;
    bottom: 16px;
    z-index: 1;
    background: orange;
    padding: 10px 15px;
    left: 96px;
    width: calc(100% - 152px);
    border-radius: 50px;
}
.about-section .image-column .inner-column .author-desc h2{
    font-size: 21px;
    letter-spacing: 1px;
    text-align: center;
    color: #fff;
  margin: 0;
}
.about-section .image-column .inner-column .author-desc span{
    font-size: 16px;
    letter-spacing: 6px;
    text-align: center;
    color: #fff;
  display: block;
  font-weight: 400;
}
.about-section .image-column .inner-column:before{
    content: '';
    position: absolute;
    width: calc(50% + 80px);
    height: calc(100% + 160px);
    top: -80px;
    left: -3px;
    background: transparent;
    z-index: 0;
    border: 44px solid #00aeef;
}

.about-section .image-column .image-1{
  position: relative;
}
.about-section .image-column .image-2{
  position: absolute;
  left: 0;
  bottom: 0;
}

.about-section .image-column .image-2 img,
.about-section .image-column .image-1 img{
  box-shadow: 0 30px 50px rgba(8,13,62,.15);
      border-radius: 46px;
}

.about-section .image-column .video-link{
  position: absolute;
  left: 70px;
  top: 170px;
}

.about-section .image-column .video-link .link{
  position: relative;
  display: block;
  font-size: 22px;
  color: #191e34;
  font-weight: 400;
  text-align: center;
  height: 100px;
  width: 100px;
  line-height: 100px;
  background-color: #ffffff;
  border-radius: 50%;
  box-shadow: 0 30px 50px rgba(8,13,62,.15);
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
}
.solutions-wrapper {
  padding: 80px 120px 80px 50px;
  background-color: #e0eff8;
  text-align: justify;
}
.solution-img-wrapper{
margin-left: -80px;
height: 250px;
margin-top: 0.75rem!important;
}
.solution-img-wrapper img{
  height: 100%;
  object-fit: cover;
}

/* timeline */
.time-line::before{
  content: "";
  position: absolute;
  height: 100%;
  width: 2px;
  top: 0;
  background-color: #1173ac;
}
.time-line::before{
  left: 50%;
}
.time-line{
  position: relative;
}

.time-line-item::before{
  content: "";
  background-color: #1173ac;
  border-radius: 50%;
  height: 10px;
  left: 0;
  position: absolute;
  top: 0;
  width: 10px;
}
.time-line-item{
  position: relative;
}
.time-line-item::before{
  left: calc(50% - 4px);
}


.form-control-email {
  display: block;
  width: 100%;
  padding: .375rem .75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  outline: #00acee;
  color: var(--bs-body-color);
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: var(--bs-body-bg);
  background-clip: padding-box;
  border: var(--bs-border-width) solid var(--bs-border-color);
  border-radius: var(--bs-border-radius);
  transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

.map-img-wrapper img{
  height: 450px;
}
/* .partener-brand-img img {
  height: 120px;
} */
.partener-brand-img{
  display: flex;
  justify-content: center;
}
.partner-wrapper {
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 10px 0;
}
.Associations h5 {
  font-size: 20px;
}
/*reset*/
.bannerSlider{
  padding-left:0;
}
.bannerSlider{
	height: 100%;
}
.bannerSlider .slide__image::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
}
.bannerSlider .slick-slide {
	position: relative;
}
.bannerSlider .slide__image img {
	width: 100%;
	height: 100%;
	object-fit:cover;
}
img.slide__image__top-position {
	object-position:center bottom;
}
.bannerSlider .slide__text {
    position: absolute;
    z-index: 100;
    text-align: center;
    width: 100%;
    top: 50%;
  	transform: translateY(-50%);
}
.bannerSlider .slide__text h2 {
	font-size: 48px;
	font-weight: 100;
  padding: 0 100px;
	color: #fff;
}


.bannerSlider .slick-arrow {
  position: absolute;
  top: 50%;
  width: 24px;
  height: 42px;
  font-size: 0px;
  z-index: 2;
  color: #fff;
  transform: translateY(-50%);
}

.bannerSlider .slick-prev {
	background: url(../images/layout/slick-prev.png);
	left: 50px;
}
.bannerSlider .slick-next {
	background: url(../images/slick-next.png);
	right: 50px;
}
.bannerSlider i:hover{
	cursor: pointer;
}
.slick-next::before, .slick-prev::before {
  font-family: slick;
  font-size: 50px !important;
  line-height: 1;
  opacity: 0.75;
  color:rgb(17 115 172) !important;
  -webkit-font-smoothing: antialiased;
}
.partener-brand-img img {
  border: 2px dashed;
  padding: 10px;
  border-radius: 10px;
}
.new-t-img img{
  box-shadow: 0px 0px 10px 0px rgb(78 78 78 / 50%);
  border-radius: 20px;
}
.imag3.item, .imag4.item {
  height: 250px;
  width: 264px;
}
.imag3 img, .imag4 img {
  height: 250px;
  border-radius: 20px;
  width: 100%;
  object-fit: cover;
  box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 50%);
}
.images .imag1.item {
    width: 305px;
}

@media only screen and (min-width:0px) and (max-width:355px){
  ul.nav-list{
    padding-top: 0 !important;
  }
  .section-entity .row{
    flex-direction: column-reverse;
  }
  .slide__image{
    display: none;
  }
  .slide-mobile{
    display: block;
    height: 347px !important;
  }
  .nav-wrap.is-open {
		transform: translateX(0);
		opacity: 1;
		visibility: visible;
		right: 0;
		z-index: 9;
    margin-top: 87px !important;
	}
  .mb-24 {
    margin-top: 8px;
  }
  .mb-48{
    margin-bottom: 18px;
  }
  .mt-48{
    margin-top: 18px;
  }
  .section-padding {
    padding: 30px 0px;
}
.banner-padding {
  padding: 80px 0px;
}
h2.about {
  font-size: 40px;
}
  .fs-60{
    font-size: 23px !important;
  }
  .fs-20{
    font-size: 14px !important;
  }
  .fs-40 {
    font-size: 20px !important;
}
.fs-45 {
  font-size: 25px !important;
}
.fs-70 {
  font-size: 40px !important;
}
.about-h2-wrapper h2{
  margin: 0 !important;
  margin-bottom: 10px !important;
}
.entity-h2-wrapper h2{
  margin: 0 !important;
  margin-bottom: 10px !important;
}
.logos img {
  height: auto;
}
  .logo img {
    width: 135px;
    height: 50px;
    margin-right: 15px;
}
.bannerSlider .slide__text h2 {
  font-size: 25px;
  font-weight: 100;
  padding: 0 30px;
  color: #fff;
}
.slick-next::before, .slick-prev::before {
  font-size: 30px !important;
}
.bannerSlider .slick-prev {
  left: 10px;
}
.bannerSlider .slick-next {
  right: 10px;
}
.section-about .about-content p {
  font-weight: 400 !important;
  font-size: 14px;
}

ul.info li {
  font-size: 14px;
}
.footer-logo img {
  height: 45px;
}
footer p {
  font-size: 14px !important;
}
footer ul li a{
  font-size: 14px;
} 
footer a{
  font-size: 14px;
}

/* About us */
.about-content p{
  font-size: 15px;
}
td {
  background:#FFFFFF;
  padding:10px;
  text-align:left;
  vertical-align:middle;
  font-weight:300;
  font-size:14px;
  text-shadow: -1px -1px 1px rgba(0, 0, 0, 0.1);
  border-right: 1px solid #C1C3D1;
 }
 #chat-container {
  position: fixed;
  top: 20%;
  z-index: 1;
  right: 0% !important;
}
#button {
  width: 30px;
  height: 30px;
  bottom: 30px;
  right: 5%;
}
#button::after {
  font-size: 20px;
  line-height: 33px;
}
 th.text-left {
   text-align: left;
   font-size: 14px;
 }
 section.section-sub-header {
  /* display: flex !important; */
  width: 100%;
}
#chat-container ul li span {
  line-height: 45px;
  width: 40px;
}
.imag3 img, .imag4 img {
  width: 100%;
}
.imag3.item, .imag4.item {
  height: 200px;
  width: 100%;
}
.images .imag1.item {
  width: 100%;
}
.imag1 img {
  height: 300px;
  width: 100%;
  object-fit: cover;
}
.tanks h2 {
  font-size: 24px;
}

.image-card {
  width: 100%;
  height: 400px;
  margin: 0;
}
.readmore a {
  padding: 6px 10px;
  width: 109px;
  font-size: 13px;
}
header {
  width: 100%;
  top: 0;
  right: 0;
  z-index: 100;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  background-color: #fff;
  transition: all .50s ease;
  background: transparent;
}
.epc.wrapper {
  display: flex;
  align-items: baseline;
}
.header-wrapper {
  display: flex !important;
  justify-content: space-between !important;
}
.team .row{
  flex-direction: column-reverse;
}
/* new tanks */
.table-fill {
  margin: 0px -7px;
}
/* tank refurnished services */
.refurnished-customer-img-wrapper {
  position: relative;
  margin-right: 0px;
  z-index: 1;
  top: 0%;
}
.refurnished-customer-content-wrapper, .inventory-management-content-wrapper {
  padding: 10px;
  margin-top: 10px;
  background-color: #e0eff8;
}
.service h2 {
  font-size: 18px;
}
.service {
  padding: 15px;
  height: auto;
  margin-top: 8px;
}
.solutions-wrapper {
  padding: 10px;
  background-color: #e0eff8;
  text-align: justify;
}
.solution-img-wrapper {
  margin-left: 0px;
  height: 250px;
  margin-top: 10px!important;
}
/* contact us */
.map iframe {
width: 100%;
}
.form-control{
  margin-bottom: 10px;
}
section.section-sub-header .logo a img {
  display: none !important;
}
}

@media only screen and (min-width:350px) and (max-width:567px){
  ul.nav-list{
    padding-top: 0 !important;
  }
  .section-entity .row{
    flex-direction: column-reverse;
  }
  .slide__image{
    display: none;
  }
  .slide-mobile{
    display: block;
    height: 347px !important;
  }
  .nav-wrap.is-open {
		transform: translateX(0);
		opacity: 1;
		visibility: visible;
		right: 0;
		z-index: 9;
    margin-top: 87px !important;
	}
  .mb-24 {
    margin-top: 8px;
  }
  .mb-48{
    margin-bottom: 18px;
  }
  .mt-48{
    margin-top: 18px;
  }
  .section-padding {
    padding: 30px 0px;
}
.banner-padding {
  padding: 80px 0px;
}
h2.about {
  font-size: 40px;
}
  .fs-60{
    font-size: 23px !important;
  }
  .fs-20{
    font-size: 14px !important;
  }
  .fs-40 {
    font-size: 20px !important;
}
.fs-45 {
  font-size: 25px !important;
}
.fs-70 {
  font-size: 40px !important;
}
.about-h2-wrapper h2{
  margin: 0 !important;
  margin-bottom: 10px !important;
}
.entity-h2-wrapper h2{
  margin: 0 !important;
  margin-bottom: 10px !important;
}
.logos img {
  height: auto;
}
  .logo img {
    width: 135px;
    height: 50px;
    margin-right: 15px;
    margin-left: -10px;
}
.bannerSlider .slide__text h2 {
  font-size: 25px;
  font-weight: 100;
  padding: 0 30px;
  color: #fff;
}
.slick-next::before, .slick-prev::before {
  font-size: 30px !important;
}
.bannerSlider .slick-prev {
  left: 10px;
}
.bannerSlider .slick-next {
  right: 10px;
}
.section-about .about-content p {
  font-weight: 400 !important;
  font-size: 14px;
}

ul.info li {
  font-size: 14px;
}
.footer-logo img {
  height: 85px;
}
footer p {
  font-size: 14px !important;
}
footer ul li a{
  font-size: 14px;
} 
footer a{
  font-size: 14px;
}

/* About us */
.about-content p{
  font-size: 15px;
}
td {
  background:#FFFFFF;
  padding:10px;
  text-align:left;
  vertical-align:middle;
  font-weight:300;
  font-size:14px;
  text-shadow: -1px -1px 1px rgba(0, 0, 0, 0.1);
  border-right: 1px solid #C1C3D1;
 }
 #chat-container {
  position: fixed;
  top: 20%;
  z-index: 1;
  right: 0% !important;
}
#button {
  width: 30px;
  height: 30px;
  bottom: 30px;
  right: 5%;
}
#button::after {
  font-size: 20px;
  line-height: 33px;
}
 th.text-left {
   text-align: left;
   font-size: 14px;
 }
 section.section-sub-header {
  /* display: flex !important; */
  width: 100%;
}
#chat-container ul li span {
  line-height: 45px;
  width: 40px;
}
.imag3 img, .imag4 img {
  width: 100%;
}
.imag3.item, .imag4.item {
  height: 200px;
  width: 100%;
}
.images .imag1.item {
  width: 100%;
}
.imag1 img {
  height: 300px;
  width: 100%;
  object-fit: cover;
}
.tanks h2 {
  font-size: 24px;
}

.image-card {
  width: 100%;
  height: 400px;
  margin: 0;
}
.readmore a {
  padding: 6px 10px;
  width: 109px;
  font-size: 13px;
}
header {
  width: 100%;
  top: 0;
  right: 0;
  z-index: 100;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  background-color: #fff;
  transition: all .50s ease;
  background: transparent;
}
.epc.wrapper {
  display: flex;
  align-items: baseline;
}
.header-wrapper {
  display: flex !important;
  justify-content: space-between !important;
}
.team .row{
  flex-direction: column-reverse;
}
/* new tanks */
.table-fill {
  margin: 0px -7px;
}
/* tank refurnished services */
.refurnished-customer-img-wrapper {
  position: relative;
  margin-right: 0px;
  z-index: 1;
  top: 0%;
}
.refurnished-customer-content-wrapper, .inventory-management-content-wrapper {
  padding: 10px;
  margin-top: 10px;
  background-color: #e0eff8;
}
.service h2 {
  font-size: 18px;
}
.service {
  padding: 15px;
  height: auto;
  margin-top: 8px;
}
.solutions-wrapper {
  padding: 10px;
  background-color: #e0eff8;
  text-align: justify;
}
.solution-img-wrapper {
  margin-left: 0px;
  height: 250px;
  margin-top: 10px!important;
}
/* contact us */
.map iframe {
width: 100%;
}
.form-control{
  margin-bottom: 10px;
}
section.section-sub-header .logo a img {
  display: none !important;
}
.contactinfo {
    margin-left: 50px;
}
.table-fill th {
    font-size: 13px !important;
}
}

@media only screen and (min-device-width: 577px) and (max-device-width: 768px){
  ul.nav-list{
    padding-top: 0 !important;
  }
  section.section-sub-header .logo a img {
    display: none !important;
  }
  
  ul.nav-list{
    padding-top: 0 !important;
  }
  /* .section-entity .row{
    flex-direction: column-reverse;
  } */
  .team .row{
    flex-direction: column-reverse;
  }
  .slide__image{
    display: none;
  }
  .slide-mobile{
    display: block;
    height: 400px !important;
  }
  .nav-wrap.is-open {
		transform: translateX(0);
		opacity: 1;
		visibility: visible;
		right: 0;
		z-index: 9;
    margin-top: 107px !important;
	}
  .section-padding {
    padding: 35px 0px;
}
.mb-48{
  margin-bottom: 20px;
}
section.section-padding.image-slider {
  padding: 44px 0px;
}
.testimonial {
  margin: 0 20px 20px;
}
  .fs-60 {
    font-size: 35px !important;
}
.fs-40 {
  font-size: 25px !important;
}
.fs-20 {
  font-size: 15px !important;
}
.fs-45 {
  font-size: 35px !important;
}
.fs-70 {
  font-size: 45px !important;
}
.mt-48 {
  margin-top: 25px;
}
  .sub-logos {
    display: flex !important;
    justify-content: flex-end !important;
}
.logo img {
  width: 135px;
  height: 59px;
}   
.logos img {
  width: 65%;
  margin-right: 11px;
}
.bannerSlider .slide__text h2 {
  font-size: 30px;
  font-weight: 100;
  padding: 0 60px;
  color: #fff;
}
.slick-next::before, .slick-prev::before {
  font-size: 30px !important;
}
.bannerSlider .slick-prev {
  left: 10px;
}
.bannerSlider .slick-next {
  right: 10px;
}
.about-content p{
  font-size: 15px;
}
.about-h2-wrapper h2{
  margin: 0 !important;
  margin-bottom: 10px !important;
}
.entity-h2-wrapper h2{
  margin: 0 !important;
  margin-bottom: 10px !important;
}
.imag3.item, .imag4.item {
  height: 240px;
  width: 240px;
}
.epc.wrapper {
  display: flex !important;
  align-items: baseline !important;
}
.img-contentt h3 {
  margin: 0 !important;
}
ul.info li {
  font-size: 14px;
}
#chat-container ul li span {
  line-height: 45px;
  width: 40px;
}
.chat-btns-right {
  margin-top: 60px;
}
.image-card {
  width: 100%;
  height: 400px;
  margin: 0;
}
.footer-logo img {
  height: 55px;
}
.footer-logo img {
  height: 41px;
}
ul.info li {
  font-size: 14px;
}
.footer-logo img {
  height: 48px;
  width: 100px;
}
footer p {
  font-size: 14px !important;
}
footer ul li a{
  font-size: 14px;
} 
footer a{
  font-size: 14px;
}
#button {
  width: 30px;
  height: 30px;
  bottom: 30px;
  right: 2%;
}
#button::after {
  font-size: 20px;
  line-height: 33px;
}
header {
  display: flex;
  align-items: center;
  justify-content: end;
}
.header-wrapper{
  display: flex !important;
justify-content: space-between !important;
}
h2.about {
  font-size: 45px;
}
.banner-padding {
  padding: 120px 0px;
}
.table-fill th {
  font-size: 18px;
}
.table-fill td {
  font-size: 15px;
}
/* tank refernished service */
.refurnished-customer-img-wrapper {
  position: relative;
  margin-right: 0px;
  z-index: 1;
  top: 10%;
}
.refurnished-customer-content-wrapper, .inventory-management-content-wrapper {
  padding: 10px;
  background-color: #e0eff8;
  margin-top: 65px;
}
.service {
  height: 210px;
  margin-bottom: 0;
}
.solutions-wrapper {
  padding: 10px;
  background-color: #e0eff8;
  text-align: justify;
}
.solution-img-wrapper {
  margin-left: 0px;
  height: 250px;
  margin-top: 10px !important;
}
/* contact us */
.map iframe{
  width: 100%;
}
.form-control{
  margin-bottom: 10px;
}
.images .imag1.item {
  width: 257px;
}
}

.navbar-toggler:focus {
  text-decoration: none;
  outline: none !important;
  box-shadow: none !important;
}

.navbar .navbar-brand {
  font-size: 30px;
}

.navbar .nav-link {
  font-size: 15px;
  margin-left: 10px;
}
.fa-bars {
  color: #007bff;
  font-size: 16px;
}
.sub-logos {
  display: flex;
  justify-content: space-around;
}


/* header */

.sidebar-open {
	overflow: hidden;
}
.overlay {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: rgba(0, 0, 0, 0.3);
	opacity: 0;
	visibility: hidden;
	transition: all 0.5s;
}
.sidebar-open .overlay {
	opacity: 1;
	visibility: visible;
}
.header {
  padding: 9px 0;
  background-color: #1173ac;
  z-index: 99;
  /* position: fixed; */
  top: 0;
  left: 0;
  width: 100%;
}
.logo {
	color: #ffffff;
	font-size: 36px;
	font-weight: 700;
}
.container {
	padding: 0 15px;
}
.row-wrap {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
}
.nav-list {
	display: flex;
	align-items: center;
  margin: 0px;
}
.nav-list li {
	padding: 0 10px;
}
.nav-list li a {
	color: #ffffff;
	font-size: 18px;
	text-decoration: none;
	/* padding: 10px 0; */
	position: relative;
	display: block;
}
.nav-list li a::after {
	content: "";
	background-color: #ffffff;
	width: 0;
	height: 2px;
	position: absolute;
	left: 0;
	bottom: 0;
	transition: all 0.3s linear;
}
.nav-list li a:hover::after {
	width: 100%;
}
.nav-list li.active a::after {
	width: 100%;
}
.nav-list li.with-submenu {
	position: relative;
	cursor: pointer;
	display: flex;
	align-items: center;
}
.nav-list li.with-submenu > a {
	margin-right: 10px;
}
.nav-list li.with-submenu::after {
	content: "";
	border-bottom: 2px solid #fff;
	border-right: 2px solid #fff;
	position: absolute;
	width: 5px;
	height: 5px;
	transform: rotate(45deg);
	right: 0;
	margin-bottom: 5px;
	transition: all 0.3s;
}
.nav-list li.with-submenu:hover::after {
	transform: rotate(225deg);
	margin-top: 10px;
}
.nav-list li.with-submenu .submenu {
	position: absolute;
	left: 50%;
	top: 100%;
	background: #ffffff;
	border-radius: 10px;
	transform: translateX(-50%);
	box-shadow: 2px 2px 1px 2px #ccc;
	overflow: hidden;
	opacity: 0;
	visibility: hidden;
	transition: all 0.5s ease-in-out;
}
.nav-list li.with-submenu:hover .submenu {
	opacity: 1;
	visibility: visible;
}
.nav-list li.with-submenu .submenu li {
	padding: 0;
}
.nav-list li.with-submenu .submenu a {
	color: #000000;
	display: block;
	padding: 8px 15px;
	transition: all 0.3s;
}

.nav-list li.with-submenu .submenu a:hover {
	background-color: rgba(49, 20, 50, 0.3);
}
/* .nav-list li.with-submenu .submenu a::after {
	display: none;
} */
.nav-list li.with-submenu > a {
	position: relative;
	z-index: 1;
}
.hamburger {
	display: none;
	z-index: 99;
}
.hamburger .line {
	width: 25px;
	height: 1.5px;
	background-color: #ffffff;
	display: block;
	margin: 5px 0;
	-webkit-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.hamburger .line:nth-child(2) {
	width: 15px;
}
.hamburger:hover {
	cursor: pointer;
}
.hamburger.is-active .line {
	background-color: #fff;
}
.hamburger.is-active .line:nth-child(2) {
	opacity: 0;
}
.hamburger.is-active .line:nth-child(1) {
	-webkit-transform: translateY(6.5px) rotate(45deg);
	-ms-transform: translateY(6.5px) rotate(45deg);
	-o-transform: translateY(6.5px) rotate(45deg);
	transform: translateY(6.5px) rotate(45deg);
}
.hamburger.is-active .line:nth-child(3) {
	-webkit-transform: translateY(-6.5px) rotate(-45deg);
	-ms-transform: translateY(-6.5px) rotate(-45deg);
	-o-transform: translateY(-6.5px) rotate(-45deg);
	transform: translateY(-6.5px) rotate(-45deg);
}
@media (max-width: 1024px) {
	.header {
		padding: 10px 0;
	}
	.hamburger {
		display: block;
	}
	.nav-wrap {
		position: fixed;
		top: 0;
		right: -100%;
		transform: translateX(100%);
		background-color: #1173ac;
		transition: all 0.5s linear;
		max-width: 300px;
		width: 100%;
		height: 100%;
		/* box-shadow: 2px -5px 5px 3px #ccc; */
		opacity: 0;
		visibility: hidden;
		z-index: 0;
	}
	.nav-wrap.is-open {
		transform: translateX(0);
		opacity: 1;
		visibility: visible;
		right: 0;
		z-index: 9;
    margin-top: 115px;
	}
	.nav-list {
		flex-direction: column;
		align-items: unset;
		opacity: 0;
		visibility: hidden;
		transition-delay: 0.5s;
		transition-duration: 1s;
		transition-property: all;
		padding: 10px;
	}
	.nav-wrap.is-open .nav-list {
		opacity: 1;
		visibility: visible;
	}
	.nav-list li {
		padding: 7px 10px;
	}
	.nav-list li a {
		color: #fff;
		text-align: left;
		display: inline-block;
		padding: 2px 0;
	}
	.nav-list li a::after {
		background-color: #fff;
	}
	.nav-list li.with-submenu {
		display: block;
	}
	.nav-list li.with-submenu::after {
		border-color: #311432;
		right: 10px;
		top: 12px;
	}
	.nav-list li.with-submenu:hover::after {
		transform: rotate(45deg);
		margin-top: 0;
	}
	.nav-list li.with-submenu.is-open::after {
		transform: rotate(225deg);
		margin-top: 5px;
	}
	.nav-list li.with-submenu .submenu {
		position: static;
		transform: translateX(0);
		opacity: 1;
		visibility: visible;
		box-shadow: none;
		border-radius: 0;
		border-top: 1px solid #ccc;
		display: none;
		transition: auto;
		margin: 10px 0;
	}
	.nav-list li.with-submenu .submenu li {
		padding: 7px 10px;
	}
	.nav-list li.with-submenu .submenu li:hover a {
		background-color: transparent;
	}
	.nav-list li.with-submenu .submenu li a {
		display: inline-block;
		padding: 2px 0;
	}
	.nav-list li.with-submenu .submenu li a::after {
		display: block;
	}
}

@media only screen and (min-device-width: 769px) and (max-device-width: 1024px){
  section.section-sub-header .logo a img {
    display: none !important;
  }
  .slide__image{
    display: block;
  }
  .slide-mobile{
    display: none;
    height: 400px !important;
  }
  .header-wrapper {
    justify-content: space-between !important;
}
.section-padding {
  padding: 30px 0px;
}
.mt-48 {
  margin-top: 30px;
}
  .fs-60 {
    font-size: 40px !important;
}
.fs-40 {
  font-size: 22px !important;
}
.fs-45 {
  font-size: 30px !important;
}
.fs-20{
  font-size: 15px !important;
}
.mb-24{
  margin-bottom: 10px;
}
.mb-48 {
  margin-bottom: 26px;
}
.images .imag1.item {
  overflow: hidden !important;
  width: 185px;
  object-fit: cover;
}
.images .imag1.item img{
  height: 100%;
  width: 100%;
}
ul.info li {
  list-style: none;
  font-size: 13px;
}
.images .imag1.item {
  overflow: hidden !important;
  width: 165px;
  object-fit: cover;
  height: 375px;
  /* margin-top: 40px; */
}
.imag3.item, .imag4.item {
  height: 200px;
  width: 169px;
  overflow: hidden;
  object-fit: cover;
  border-radius: 20px;
  box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 50%);
}
  .nav-list li a {
    font-size: 15px;
}
.bannerSlider .slide__text h2 {
  font-size: 40px;
}
  h2.about {
    font-size: 48px;
}
.banner-padding {
  padding: 140px 0px;
}
.slick-next::before, .slick-prev::before {
  font-size: 35px !important;
}
.bannerSlider .slick-prev {
  left: 10px;
}
.bannerSlider .slick-next {
  right: 10px;
}
.epc.wrapper {
  display: flex;
  align-items: baseline;
}
.image-card {
  width: 175px;
  height: 215px;
}
.tanks h2 {
  font-size: 27px;
}
.testimonial .testimonial-content {
  padding: 10px 6px 10px 21px;
  margin-bottom: 10px;
  background: #fff;
  position: relative;
}
.title {
  font-size: 12px;
  margin: 5px 0;
} 
.testimonial-content .testimonial-icon {
  width: 30px;
  height: 30px;
}
.testimonial .description {
  font-size: 13px;
}
.testimonial .title {
  font-size: 15px;
}
.footer-logo img {
  height: 50px;
  width: 110px;
}
p.lora-uniquifier {
  font-size: 15px;
}
.contactinfo h3 {
  font-size: 22px;
}
.ourlink h3 {
  font-size: 22px;
}
.ourlink ul li a {
  font-size: 14px;
}
.contactinfo p {
  font-size: 14px;
}
.contactinfo a{
  font-size: 14px;
}
#button {
  width: 35px;
  height: 35px;
}
#button::after {
  line-height: 40px;
}
.chat-btns-right {
  margin-top: 70px;
}
/* new tanks */
.fs-70 {
  font-size: 50px !important;
}
.table-fill th {
  font-size: 16px;
}
td {
  font-size: 14px;
}
/* tank refernished service */
.refurnished-customer-content-wrapper, .inventory-management-content-wrapper {
  padding: 50px 20px 60px 77px;
}
.refurnished-customer-img-wrapper img {
  height: 425px;
}
.service h2 {
  font-size: 18px;
}
.service p {
  text-align: justify;
  padding: 10px;
}
.service {
  margin: 0px 0px 0px 0px;
  padding: 9px;
  height: 370px;
}
.solutions-wrapper {
  padding: 50px 85px 50px 50px;
  background-color: #e0eff8;
  text-align: justify;
}
.map iframe{
  width: 100%;
}
.form-control{
  margin-bottom: 10px;
}
}

@media only screen and (min-device-width: 1025px) and (max-device-width: 1199px) {
  .head-logos {
    display: none;
}
  .slide__image{
    display: block;
  }
  .slide-mobile{
    display: none;
    height: 400px !important;
  }
  .nav-list li a {
    font-size: 16px;
}
.bannerSlider .slide__text h2 {
  font-size: 40px;
}
.section-padding {
  padding: 40px 0px;
}
.fs-20{
  font-size: 16px;
}
.fs-60 {
  font-size: 45px !important;
}
.fs-45 {
  font-size: 40px !important;
}
.mb-48 {
  margin-bottom: 25px !important;
}
.mt-48 {
  margin-top: 40px;
}
.fs-40 {
font-size: 30px !important;
}
.epc.wrapper {
display: flex;
align-items: baseline !important;
}
.mb-24 {
  margin-bottom: 10px;
}
.images .imag1.item {
  width: 225px;
}
.imag3.item, .imag4.item {
  height: 255px !important;
  width: 224px;
}
.imag3 img, .imag4 img {
  height: 255px;
  border-radius: 20px;
  width: 270px;
  object-fit: cover;
  box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 50%);
}
ul.info li {
  font-size: 16px;
}
.image-card {
  width: 225px;
  height: 250px;
}
.title {
  font-size: 16px;
}
.footer-logo img {
  height: 53px;
  width: 118px;
}
p.lora-uniquifier {
  font-weight: 400 !important;
  font-size: 16px;
}
.ourlink h3 {
  font-size: 24px;
}
.contactinfo h3 {
  font-size: 24px;
}
.contactinfo p {
  font-size: 16px;
}
.ourlink ul li {
  font-size: 15px;
}
.contactinfo a{
  font-size: 14px;
}
/* about us */
h2.about {
  font-size: 55px;
}
.banner-padding {
  padding: 165px 0px;
}
/* new tanks */
.table-fill th {
  font-size: 21px;
}
td {
  font-size: 17px;
}
/* tank refernished service */
.service h2 {
  font-size: 21px;
}
/* contact us */
.map iframe{
  width: 100%;
}
.Associations h3 {
  font-size: 24px;
}
}
@media only screen and (min-device-width: 1401px) and (max-device-width: 1599px){
      .head-logos {
    display: none;
}
}
@media only screen and (min-device-width: 1200px) and (max-device-width: 1400px){
  .head-logos {
    display: none;
}
  .slide__image{
    display: block;
  }
  .slide-mobile{
    display: none;
    height: 400px !important;
  }
  .bannerSlider .slide__text h2 {
    font-size: 45px;
}
.section-padding {
  padding: 35px 0px;
}
.nav-list li a {
  font-size: 17px;
}
.fs-60 {
  font-size: 45px !important;
}
.fs-20 {
  font-size: 17px;
}
.mb-48{
  margin-bottom: 30px;
}
.fs-45 {
  font-size: 40px !important;
}
.fs-40 {
  font-size: 35px !important;
}
.fs-70 {
  font-size: 55px !important;
}
.tanks h2 {
  font-size: 30px;
}
.footer-logo img {
  width: 250px;
  height: 80px;
}
p.lora-uniquifier {
  font-size: 16px;
}
.ourlink h3 {
  font-size: 27px;
}
.contactinfo h3 {
  font-size: 27px;
}
.contactinfo p {
  font-size: 16px;
}
.contactinfo a{
  font-size: 15px;
}
.images .imag1.item {
  width: 265px;
}
.ourlink ul li a {
  font-size: 16px;
}
/* about us  */
h2.about {
  font-size: 55px;
}
.banner-padding {
  padding: 195px 0px;
}
ul.info li {
  font-size: 17px;
}
.table th {
  font-size: 16px;
}
.table-hover td {
  font-size: 16px;
}
.mt-48 {
  margin-top: 50px;
}
#button {
  width: 35px;
  height: 35px;
}
.chat-btns-right {
  margin-top: 65px;
}
/* contact us */
.map iframe{
  width: 100%;
}
.form-control{
  margin-bottom: 10px;
}
}

@media (min-width: 1600px) and (max-width: 1919px) {
  .slide__image{
    display: block;
  }
  .slide-mobile{
    display: none;
    height: 400px !important;
  }
  .head-logos {
    display: none;
}
}

@media (min-width: 1920px) and (max-width: 3000px){
  .head-logos {
    display: none;
}
.slick-slide {
  height: 794px !important;
}
.item.imag1 img {
  width: 100%;
}
.fs-60 {
  font-size: 45px !important;
}
.fs-45 {
  font-size: 40px !important;
}
.fs-20 {
  font-size: 18px;
}
th {
  font-size: 20px;
  padding: 14px;
}
.mt-24{margin-top: 0px;}
.mt-48{margin-top: 50px;}
.imag3.item, .imag4.item {
  height: 250px;
  width: 306px !important;
}
.ourlink ul li a {
  color: white;
  font-size: 19px;
}
}
@media (min-width: 3000px) and (max-width: 4000px){
      .head-logos {
    display: none;
}
.slick-slide {
  height: 850px !important;
}
}
.header-wrapper {
  display: flex;
  justify-content: center;
}

.img-contentt h3 {
  font-size: 28px !important;
}
.conatct-p-wrapper{
  margin:  50px 0s;
}
.asme-wrapper{
  border-bottom: dashed 5px #1173ac;
}
.form-group {
  margin: 10px;
}
.seons-img {
  height: 377px;
  width: 527px;
}
.seons-img img {
  height: 100%;
  width: 100%;
  object-fit: cover;
}
.logo-wrapper{
  display: flex;
  justify-content: center;
  gap: 25px;
}
button.section-btn {
  background: #1173ac;
  color: #fff !important;
  padding: 10px;
  border-radius: 10px;
  font-size: 20px;
  width: 150px;
  outline: none;
}
.gallery-btn-img-wrapper {
  display: flex;
  justify-content: center;
  gap: 25px;
}
.footer-logo {
  /* height: 100%; */
  display: flex;
  justify-content: center;
  align-items: center;
}
.Associations h2 {
  font-size: 40px !important;
}
.content-wrapper-one {
  border-bottom: dashed 5px #1173ac;
}

.ourlink {
  margin-left: 50px;
}

.energy-img img{
  height: 100%;
  object-fit: contain;
}
.energy-img {
  height: 100%;
}
.epc-img {
  height: 100%;
  object-fit: contain;
}
.partener-brand-img img {
    width: 250px;
}

/* 404 page start */

.section{
  padding: 4rem 2rem;
  text-align: center;
}

.section .error{
  font-size: 150px;
  color: #0787d1;
  text-shadow: 
    1px 1px 1px #04549e,    
    2px 2px 1px #04549e,
    3px 3px 1px #04549e,
    4px 4px 1px #04549e,
    5px 5px 1px #04549e,
    6px 6px 1px #04549e,
    7px 7px 1px #04549e,
    8px 8px 1px #04549e,
    25px 25px 8px rgba(0,0,0, 0.2);
    margin: 50px 0;
}

.page{
  margin: 2rem 0;
  font-size: 20px;
  font-weight: 600;
  color: #444;
}

.back-home{
  display: inline-block;
  border: 2px solid transparent;
  color: #fff;
  text-transform: uppercase;
  font-weight: 600;
  padding: 0.75rem 1rem 0.6rem;
  transition: all 0.2s linear;
  box-shadow: 0 15px 15px -11px rgba(12, 116, 235, 0.4);
  background: #1173ac;
  border-radius: 6px;
}
.back-home:hover{
  color: #ddd;
}
p.table-content {
  font-weight: bold !important;
  font-size: 22px;
}