@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;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Nunito+Sans:wght@200;400;700&display=swap');

body {font-family: 'Nunito Sans', sans-serif;font-weight:400;}
h1, h2, h3, h4, h5, h6 {/*font-family: 'Poppins', sans-serif;*/font-family: 'Nunito Sans', sans-serif;font-weight:700;}
/*.container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {max-width: 1260px;}*/
.error {color:red !important; display:inline-block; margin-top:5px;}

.top-header {background:#222222; padding:12px 0;}
.top-email ul {display:flex;}
.top-email ul {margin:0px; padding:0px;}
.top-email ul li {padding:0; list-style:none; color:#fff;}
.top-email ul li a {color:#fff; text-decoration:none;}
.top-email ul li:nth-child(3) a { background: #cf7403; color: #fff; padding: 7px 18px; border-radius: 25px;}
.top-email ul li:nth-child(3) {margin-left:auto;}
.top-email ul li:nth-child(2) {margin-left:15px;}
.top-email ul li:nth-child(3) a:hover {background: #000;color:#fff;}
.header .navbar-expand-lg .navbar-collapse {flex-direction: row-reverse;}
.header .navbar-nav li a {font-size:16px; color:#000;padding: 0.5rem 22px;}
.header .navbar-expand-lg .navbar-nav .nav-link {padding:0.5rem 12px;}
.header .navbar-nav li.nav-item {margin:0 6px;}
.header .navbar-nav li a.active { background: #cf7403; color: #fff; border-radius: 23px; padding: 0.5rem 20px !important; }
header.header {padding:14px 0;}
.banner {margin:0px;}
.dropdown-menu.show li a {color:#fff;}
.dropdown-menu.show li a:hover {color:#000;}
.dropdown-menu.show li a:focus {background:#cf7403;}
.dropdown-menu.show { background: #cf7403; }
.home-about {background:#ededed; padding:60px 0;}
.about-welcome h2 {font-weight:700;font-size: 36px;}
.about-welcome h1 {font-weight:700;font-size: 36px;}
.about-welcome p, .sec-top-p p { font-weight: 400; line-height: 30px; }
.about-welcome a { background: #cf7403; color: #fff; padding: 10px 25px; text-decoration: none; font-size: 17px; display: inline-block; border-radius: 25px; }
.about-welcome a:hover {background:#000;}
.heading h2 {font-weight:700;line-height: 44px;}
.heading b {padding-left:35px; position:relative;}
.heading h2 strong {font-weight:700;color:#d99137;}
.heading b:before { content: ''; width: 28px; background: #cf7403; height: 2px; position: absolute; left: 0; top: 10px; }
.best-product { background: #f8f8f8; padding: 60px 0; background-image: url('../images/bg-parallax.webp'); background-position: center center; background-repeat: no-repeat; background-size: cover; background-attachment: fixed; }
.home_pro {background: #fff;position: relative;}
.home_pro .content-pro-home { background:#cf7403; }
.home_pro .content-pro-home { background: #040403; height: 40px; overflow: hidden; position: absolute; bottom: 0; -webkit-transition:all .6s ease,-webkit-transform .6s ease;transition:all .6s ease,-webkit-transform .6s ease;transition:all .6s ease,transform .6s ease;transition:all .6s ease,transform .6s ease,-webkit-transform .6s ease;}
.home_pro:hover .content-pro-home { text-align: center; height: 100%; background: #000000c9; left: 0; right: 0; bottom: 0; top: 0; display: flex; flex-direction: column; justify-content: center; align-items: center; width: 100%; }
.home_pro .content-pro-home h4 {color:#fff;font-size: 20px;text-align: center;}
.home_pro .content-pro-home p {color:#fff;font-size: 14px;}
.home_pro .content-pro-home a { color: #000000; text-decoration: none; background: #fff; padding: 10px 25px; display: inline-block; margin-bottom: 3px; border-radius: 24px; }
.view_all_pro a {display: inline-block; background: #cf7403; color: #fff; padding: 12px 35px; border-radius: 26px; text-decoration: none;}
.view_all_pro a:hover {background:#000;}
.home_pro .content-pro-home a:hover {background:#cf7403; color:#fff;}
.home_pro .image_product:before { content: ''; position: absolute; top: 0px; background:#cf74034a; bottom: 0; opacity: 0; width: 0; -webkit-transition:all .2s ease,-webkit-transform .6s ease;transition:all .2s ease,-webkit-transform .6s ease;transition:all .2s ease,transform .6s ease;transition:all .2s ease,transform .6s ease,-webkit-transform .6s ease;}
.home_pro .image_product {position:relative;}
.home_pro:hover .image_product:before {opacity:1; width:100%;}
.home_pro:hover .content-pro-home a {background: #ffffff; color: #000;-webkit-transition:all .2s ease,-webkit-transform .6s ease;transition:all .2s ease,-webkit-transform .6s ease;transition:all .2s ease,transform .6s ease;transition:all .2s ease,transform .6s ease,-webkit-transform .6s ease;}
.content-pro-home a:hover {background: #cf7403!important; color: #fff!important;}
.our-clients { padding: 60px 0; background-image: linear-gradient(180deg,#ffffff 0%,#f8f8f8 100%)!important;}
.our-clients .logo { width: 80%; margin: 0 auto; }
.logo_wrap > div:nth-child(1), .logo_wrap > div:nth-child(2), .logo_wrap > div:nth-child(3) {border-right:1px solid #ddd;}
.logo_wrap {border-bottom:1px solid #ddd;}
.logo_wrap_one > div:nth-child(1), .logo_wrap_one > div:nth-child(2), .logo_wrap_one > div:nth-child(3) {border-right:1px solid #ddd;}
.logo_wrap > div, .logo_wrap_one > div { background:#fff;}
.diffrent-types { background: #f8f8f8; padding: 60px 0; }
.washer_wrap { background: #fff; padding: 12px; border: 1px solid #d99137;position: relative; }
.washer_wrap-home h3 { font-weight: 400; font-size: 22px; margin-bottom: 16px; }
.bottom_washer { justify-content: space-between; align-items: center; }
.bottom_washer span { font-size: 68px; -webkit-text-stroke:1px #cf7403; font-weight: bolder; color: #fff; }
.best-product .heading h2, .best-product .heading b, .best-product .sec-top-p p {color:#fff;}
.washer_wrap:before {  background-image: linear-gradient(to right, #d99137, #df9840, #e49f4a, #eaa753, #efae5c); content: ''; width:0px; top: 0; bottom: 0; opacity: 0; position: absolute !important; left: 0; -webkit-transition:all .6s ease,-webkit-transform .6s ease;transition:all .6s ease,-webkit-transform .6s ease;transition:all .6s ease,transform .6s ease;transition:all .2s ease,transform .6s ease,-webkit-transform .6s ease;}
.washer_wrap:hover:before {opacity:1;width: 100%; }
.washer_wrap-home {position:relative;}
.bottom_washer {position:relative;}
.about-welcome strong {color:#cf7403; font-weight:700;}
.about-sbp {background-image: url("../images/sbp-bg.webp"), linear-gradient(#281c01,#281c01); background-blend-mode: overlay;padding: 80px 0;background-attachment: fixed;}
.phara-year p {margin-bottom:0;}
.about-side-home h3 { color: #fff; text-align: center; font-weight: 700; }
.year-establish ul { margin: 0px; padding: 0px; display: flex; }
.year-establish ul li { list-style: none; color: #fff; display: flex; flex-direction: column; align-items: center; }
.phara-year p {font-size:17px; line-height:28px; color:#fff;}
.year-establish ul li:nth-child(1) {margin-bottom:0px;margin-right: 35px;}
.year-establish ul li strong {font-size:28px;color: #fff;}
.year-establish ul li span {font-size:22px;color: #fff;}
.phara-year h3 {color:#fff;}
.year-establish {margin-top:25px;}
.about-side-home h2, .about-side-home p {color:#fff;margin-bottom: 15px;}
.about-side-home a { border: 1px solid #fff; padding: 9px 25px; color: #fff; text-decoration: none; display: inline-block; border-radius: 3px; }
.about-sbp .row .col-md-4 {border-right:1px solid #fff; position:relative;}
.about-side-home a:hover {background:#fff; color:#000;}
.about-sbp .row .col-md-4:after { background: #cf7403; width: 5px; height: 100px; content: ''; top: 0; right: -3px; position: absolute; }
.footer-main { background-image: url(../images/footer_bg.webp), linear-gradient(#161820,#161820); padding: 80px 0; background-blend-mode: overlay; }
.menu-footer ul {padding:0px; margin:0px;} 
.menu-footer ul li {list-style:none;margin-bottom: 10px;}
.menu-footer ul li a { color: #fff; text-decoration: none; }
.footer-about a { background: #ff8f26; color: #000; padding: 12px 15px; display: inline-block; text-decoration: none; margin-bottom: 15px; }
.footer-about p { font-size: 17px; color: #fff; line-height: 26px; font-weight: 300; }
.footer-main .row:nth-child(1) > div {border-left:1px solid #40424c;}
.footer-main .row:nth-child(1) {border-bottom:1px solid #40424c;}
.menu-footer ul li a:hover {color:#d97c29;}
.footer-about a:hover {background:#fff;}
.phone-icon { display:flex; align-items:center;}
.phone-icon img {margin-right:15px;}
.blb-icn span { color: #fff; margin-bottom: 2px; display: block;font-weight: 600; }
.blb-icn a { color: #fff; text-decoration: none; }
.accreditations {padding: 80px 0;}
.accreditations .num h3 {font-size:19px; position:relative;}
.accreditations .num { text-align: center; border: 1px solid #cf74038c; padding: 18px; height: 100%; box-shadow: 0 3px 28px #cf740329; position:relative;}
.accreditations .num p {margin-bottom:0; position:relative;}
.accreditations .num:before { background-image: linear-gradient(to right, #d99137, #df9840, #e49f4a, #eaa753, #efae5c); content: ''; width: 0px; top: 0; bottom: 0; opacity: 0; position: absolute !important; left: 0; -webkit-transition: all .6s ease,-webkit-transform .6s ease; transition: all .6s ease,-webkit-transform .6s ease; transition: all .6s ease,transform .6s ease; transition: all .2s ease,transform .6s ease,-webkit-transform .6s ease; }
.accreditations .num:hover:before {opacity:1;width:100%;}
.accreditations .num.p-0:before {display:none;}
.scrollToTop { width: 40px; height: 40px; padding: 10px; text-align: center; background: grey; font-weight: bold; color: #fff; text-decoration: none; position: fixed; bottom: 20px; right: 10px; display: none; background: #cf7403; } 
.scrollToTop:hover{text-decoration:none;color: #fff;}
.whatsapp { position: fixed; z-index: 99999999999; bottom: 10px; width: 65px; left: 7px; }
.whatsapp img {width:100%;}
.page-banner {background-image: url(../images/contact-us.webp), linear-gradient(#17181a00,#121316b8); background-blend-mode: overlay;padding: 440px 0 10px 0;}
.page-banner-blog {background-image: url(../images/blog.webp), linear-gradient(#17181a00,#121316b8); background-blend-mode: overlay;padding: 440px 0 10px 0;}
.page-banner h2 {color:#fff;margin-bottom: 0;}
.page-title h2{ color: #fff; margin-bottom: 0;}
.page-title h1 { color: #fff; margin-bottom: 0; font-size: 2rem;}
.breadcrumb ul {padding:0px;margin:0px;display:flex;}
.breadcrumb ul li {padding:0px;margin:0px;list-style:none;}
.breadcrumb ul li:nth-child(1) a { color: #333; text-decoration: none;}
.breadcrumb ul li:nth-child(2) {margin:0px 8px;}
.breadcrumb ul li a {color: #fff;text-decoration: none;color: #333;}
.breadcrumb ul {background: linear-gradient(46deg, #f4f1fb 0%, #f4f1fbcf 100%); padding: 15px 25px; border-radius: 4px;}
.breadcrumb ul li a:hover {text-decoration:underline;}
.blurb-email {margin:40px 0 0 0;padding:0px;}
.blurb-email ul { list-style: none; padding: 0px; margin: 0px; display: flex; justify-content: space-around; }
.blurb-email ul li {margin:0px; text-align:center;}
.left_wrap { background: #ff8f26; padding: 25px 0; height: 100%; display: flex; flex-direction: column; justify-content: center; }
.blurb-email ul li img { background: #fff; padding: 8px; border-radius: 0; width: 26%; margin-bottom: 15px; }
.blurb-email ul li h3, .blurb-email ul li p {color:#fff;}
.blurb-email ul li h3 {font-size:22px;}
.blurb-email ul li a {color:#fff;text-decoration:none;}
.address_location {display:flex;}
.address_location i {color:#fff; margin-top:7px;}
.head-add h4, .head-add p {color:#fff;}
.head-add h4 {margin-bottom:0;}
.head-add { margin-left: 8px; }
.address_location { display: flex; margin-top: 35px; border-top: 5px solid #fff; padding-top: 35px; margin-left: 25px; margin-right: 25px; }
.tag_line p {color:#fff;}
.contact-sec {padding:80px 0;}
.heading-wrap {margin-left: 25px; margin-right: 25px;}
.heading-wrap p { color: #fff; margin-top: 25px; }
.form-field .name {width:48%;}
.form-field {justify-content: space-between;}
.form-field .name input {box-shadow: 0 8px 11px #0000001f; width: 100%; padding: 9px 15px; margin-top: 8px; border: 1px solid #333; }
.form-field .name input:focus {box-shadow:none;}
.form-field .name label, .form-field .email label {font-size:18px;}
.form-field .email {width:100%;}
.form-field .email input {box-shadow: 0 8px 11px #0000001f; width: 100%; padding: 9px 15px; margin-top: 8px; border: 1px solid #333; }
.form-field .email input:focus {box-shadow:none;}
.form-field .email textarea {box-shadow: 0 8px 11px #0000001f; width: 100%; padding: 9px 15px; margin-top: 8px; border: 1px solid #333; height: 120px; border-radius:5px;}
.form-field .email textarea:focus {box-shadow:none;}
.form-field .submit {background:#000;color:#fff;}
.form-field .submit:hover {background:#ff8f26;border-color:#ff8f26;}
.wrap-cont {box-shadow: 0 0 30px #ccc;}
.contact-form { padding: 38px 0; width: 80%; margin: 0 auto; }
.blog-cat ul { margin: 0px; list-style: none; padding: 0px; display: flex; flex-wrap: wrap; justify-content: space-between; }
.blog-cat ul li {margin:0px 0 40px 0;width:32%;box-shadow: 0 2px 4px rgba(45,35,66,.4), 0 7px 13px -3px rgba(45,35,66,.3), inset 0 -3px 0 #d6d6e7;}
.blog-cat ul .last_blog_wrapper{box-shadow: none;}
.blog-category-page {padding:80px 0;}
.blog-cat ul li h3 { font-size: 20px; line-height: 31px; }
.blog-cat ul li p { font-size: 17px; line-height: 27px; }
.blog-cat ul li a { background: #cf7403; color: #fff; text-decoration: none; padding: 9px 15px; display: inline-block; box-shadow: 0px 6px 20px #cf740340; border-radius: 4px; }
.blog-cat ul li a:hover {background:#000;}
.blog-cat ul li .img_link_wrapper{background: transparent; color: #fff; text-decoration: none; padding: 0px 0px; display: block; box-shadow: 0px 0px 0px transparent; border-radius: 0px;}
.blog-cat ul li .img_link_wrapper:hover{background:transparent;}
.blog-cat ul li .blog-cont {padding:12px;}
.blog-cat ul li .image-blog {position:relative;}
.blog-cat ul li .image-blog:before {background:#000000a8; width:0%; top:0; bottom:0;content:'';opacity:0;position: absolute;transition: all 0.4s ease-in-out;}
.blog-cat ul li:hover .image-blog:before, .blog-cat ul li:hover .image-blog:after {opacity:1;}
.blog-cat ul li:hover .image-blog:before {width:100%;}
.blog-cat ul li .image-blog:after {opacity:0;transition: all 0.6s ease-in-out;}
.blog-cat ul li:hover .image-blog:after { background: url(../images/search-icon.webp) no-repeat; content: ''; width: 55px; height: 55px; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -30px); }
.page-banner-blog-detail { background-image: url(../images/blog.webp), linear-gradient(#17181a96,#121316b8); background-blend-mode: overlay; padding:40px 0 40px 0; }
.page-banner-blog-detail .page-title h2 {text-align:center;}
.page-banner-blog-detail .page-title {flex-direction:column;}
.page-banner-blog-detail .page-title .breadcrumb { margin-top: 30px; }
.inner-blog-cont {padding:80px 0;background: #fbf4e07d;}
.left_content {background: #fff;box-shadow: 0 0 20px #cccccca8;padding: 15px;}
.left_content h2 { font-size: 24px; line-height: 34px; margin: 10px 0; }
.left_content p {color:#000;font-size: 17px;}
.left_content ul {margin:15px 0 0 0;list-style:none;padding-left: 30px;}
.left_content ul li {line-height:28px;margin-bottom:12px;list-style-type: disclosure-closed;}
.right_blog {/* background: #fff; *//* padding: 15px; *//* border-radius: 8px; *//* position: sticky; */top: 10px;/* box-shadow: 0 3px 20px #cccccc91; *//* border: 1px solid #afafaf; *//* box-shadow: 0 2px 4px rgba(45,35,66,.4), 0 7px 13px -3px rgba(45,35,66,.3), inset 0 -3px 0 #d6d6e7; */}
.form-detail input {border-bottom: 1px solid #b3b3b3;/* border-radius: 5px; *//* box-shadow: 0.1rem 0.1rem 0.1rem rgb(0 0 0/5%); *//* box-shadow: 0 8px 11px #0000001f; */padding:.6rem .75rem;border: 0;border-bottom: 1px solid #b3b3b3;}
.form-detail h4 {padding-bottom: 8px;position:relative; text-align: left;margin-bottom: 22px; font-size: 22px; color:#000; text-transform: uppercase; }
.form-detail textarea {border:0;border-bottom: 1px solid #b3b3b3; border-radius: 5px; box-shadow: 0.1rem 0.1rem 0.1rem rgb(0 0 0/5%); box-shadow: 0 8px 11px #0000001f; padding:.6rem .75rem; min-height:120px;}
.form-detail input:focus, .form-detail textarea:focus {box-shadow:none;}
.form-field label {color:#000;}
.btnContact {background: #cf7403;color: #fff;width: 100%;border: none !important;color: #fff;text-decoration: none;display: inline-block;margin-top: 12px;font-size: 19px;background: #ff8f26;padding: 9px 12px;border-radius: 3px;}
.btnContact:hover { background: #000; color: #fff; }
.form-detail {padding: 25px;background: #FFF;margin-bottom: 30px;border-left: 3px solid #ff8f26;box-shadow: 0 0 20px #cccccca8;}
.form-detail h4:before {background:#ccc;width:100%;height:1px;position:absolute;left:0px;content:'';bottom: -4px;}
.form-detail h4:after { background: #df9802; width: 38%; height: 4px; position: absolute; left: 0px; content: ''; bottom: -4px; }
.need-help {box-shadow: 0 0 20px #cccccca8;padding: 15px;margin-bottom: 30px;/* border: 1px solid #cf7403; */background: #fbfbfb;padding: 25px;background: #FFF;margin-bottom: 30px;border-left: 3px solid #ff8f26;}
.need-help h3 {font-size: 20px;}
.need-help p {margin-bottom:0;}
.need-help a { color: #fff; text-decoration: none; display: inline-block; margin-top: 12px; font-size: 19px; background: #ff8f26; padding: 9px 12px; border-radius: 3px; }
.need-help a:hover {background:#000;}
.page-banner-client { background-image: url(../images/client-bg.webp), linear-gradient(#17181a00,#121316b8); background-blend-mode: overlay; padding: 440px 0 10px 0; }
.left_content_cl h2 {color:#000; font-size:24px; position:relative;padding-bottom: 8px;}
.left_content_cl h2:after { background: #ccc; width: 100%; height: 1px; content: ''; position: absolute; bottom: 0; left: 0; }
.left_content_cl h2:before { background: #e09808; width: 20%; height: 4px; content: ''; position: absolute; bottom: -1px; left: 0; z-index: 999; }
.left_content_cl p {line-height:32px;}
.left_content_cl ul {margin:0px;padding:0 0 0 12px; list-style:none;}
.left_content_cl ul li {margin:15px 0px;position:relative;}
.left_content_cl ul li i {margin-right:8px;color:#d6920b;}
.client-grid .row {box-shadow: 0 2px 4px rgba(45,35,66,.4), 0 7px 13px -3px rgba(45,35,66,.3), inset 0 -3px 0 #d6d6e7; padding:15px;}
.client-grid.gap {margin-top:60px;}
.our-clients.cl h2 strong {text-transform: uppercase !important;}
.our-clients.cl { padding: 60px 0 100px 0;}
.client-grid .map {position:relative;}
.client-grid .map:after {transition: all 0.4s ease-in-out; content: ''; background: #d6920b; width: 20%; height: 100%; position: absolute; right: 0; z-index: 1; }
.client-grid .map img { padding: 15px; z-index: 99; position: relative; }
.client-grid .map:hover:after {width: 100%;}
.client-grid .map-world {position:relative;}
.client-grid .map-world:after {transition: all 0.4s ease-in-out; content: ''; background: #d6920b; width: 20%; height: 100%; position: absolute; left: 0; z-index: 1; }
.client-grid .map-world img { padding: 15px; z-index: 99; position: relative; }
.client-grid .map-world:hover:after {width: 100%;}
.page-banner-about { background-image: url(../images/about-bg.webp), linear-gradient(#17181a00,#121316b8); background-blend-mode: overlay; padding: 440px 0 10px 0; }
.about_left p {line-height:30px; text-align:justify;}
.about_left a {color:#ff8f26; text-decoration:none;}
.about_sec {padding:45px 0;}
.exp {position:relative;}
.exp .exp-h {position:absolute; right:0; bottom:0;transition: all 0.4s ease-in-out;}
.exp .exp-h { background: #ff8f26; width: auto; display: inline-block; text-align: center; padding: 15px; color: #fff; right: -10px; bottom: -10px; }
.exp .exp-h h2 {font-family: 'Poppins', sans-serif;font-size:45px !important;}
.exp .exp-h h6 {font-size:22px !important;}
.exp:hover .exp-h {right:0; bottom:0;}
.year h2 {font-size:80px;font-family: 'Poppins', sans-serif; color:#fff;}
.exp-slide { background: linear-gradient(90deg, rgba(255,143,38,1) 0%, rgba(255,143,38,1) 29%, rgba(42,44,56,1) 29%); margin: 80px 0; }
.year h2 span {font-size:20px;}
.year p { color: #fff; font-size: 24px; font-weight: 700; }
.exp-slide img {transform:scale(1.1);transition: all 0.4s ease-in-out;}
.year { padding-left: 45px; }
.building-img {background:url('../images/building-img.webp') no-repeat #ffecdb; padding:292px 0 0 0;}
.vision {text-align:center;}
.vision img {width:80px; margin-bottom:15px;}
.vision h4 {font-family: 'Poppins', sans-serif;}
.vision p { font-size: 17px; }
.vision { text-align: center; margin-bottom: 25px; margin-top: 25px;position: relative; }
.building-img .row > div:nth-child(1):before { background: #2a2c38; content: ''; right: 0px; height: 100%; width: 180%; position: absolute; }
.building-img .row > div:nth-child(1) {position:relative;}
.building-img .row > div:nth-child(1) .vision h4, .building-img .row > div:nth-child(1) .vision p {color:#fff;}
.exp-slide:hover img {transform:scale(1);}
.why-choose {padding:80px 0; background:url('../images/shims-bg.webp') no-repeat center;}
.number ul { margin: 0px; padding: 0px; display: flex; list-style: none; justify-content: space-between; }
.number ul li {transition: all 0.4s ease-in-out; background: #fff; width: 18%; display: flex; flex-direction: column; align-items: center; padding: 15px 0; box-shadow: 0 4px 40px #ccc; border-radius: 14px; }
.number ul li span {transition: all 0.4s ease-in-out;margin-bottom: 25px; background: #ff8f26; padding: 25px; font-size: 44px; color: #fff; font-family: 'Poppins', sans-serif; border-radius: 50%; width: 100px; height: 100px; display: flex; justify-content: center; align-items: center; font-weight: 600; }
.number ul li h6 {font-size:18px;}
.number ul li:hover { background: #ff8f26;}
.number ul li:hover h6 {color:#fff;}
.number ul li:hover span {background:#fff; color:#2a2c38;}
.point {transition: all 0.4s ease-in-out; min-height: 100%; text-align: center; font-size: 18px; display: flex; align-items: center; padding: 15px 10px; color: #fff; background-image: url(../images/footer_bg.webp), linear-gradient(#161820,#161820); background-blend-mode: overlay; background-position-y: bottom; }
.point:hover {border-bottom:5px solid #ff8f26;}
.list-metal ul {margin:0px;padding:0;}
.list-metal ul li { margin: 14px 0; font-size: 18px; line-height: 30px; }
.list-metal ul li::marker { display: none !important; opacity: 0 !important; list-style: none;list-style-type: none; }
.point:hover {background-position-y: center; background-position-x: center;}
.page-banner-copper { background-image: url(../images/copper-sealing-washer.webp), linear-gradient(#17181a00,#121316b8); background-blend-mode: overlay; padding: 440px 0 10px 0; }
.manufacture-and-copper {padding:80px 0;}
.manufacture-phara h2 {font-size:32px;}
.manufacture-phara p { font-weight: 400; line-height: 30px; font-size: 19px; text-align: justify; }
.image-right {position:relative;background:#fff;}
.image-right:before {transition: all 0.4s ease-in-out;left: -2px; top: -2px; border-width: 4px 0 0 4px; content: ""; display: block; border-style: solid; border-color: #ff8f26; width: 50%; height: 50%; position: absolute; margin: 0!important; opacity: 1!important; transition: .6s; left: -2px; top: -2px; }
.image-right:after {transition: all 0.4s ease-in-out;right: -2px; bottom: -2px;  content: ""; display: block; border-style: solid; border-color: #ff8f26; width: 50%; height: 50%; position: absolute; margin: 0!important; opacity: 1!important; transition: .6s;border-width: 0px 4px 4px 0px; }
.image-right:hover:before, .image-right:hover:after {width:100%; height:100%;} 
.image-right:hover:before {top:0px;left:0;}
.image-right:hover:after {right:0;bottom:0;}
.manufacture-phara a { background: #cf7403; color: #fff; padding: 10px 25px; text-decoration: none; font-size: 17px; display: inline-block; border-radius: 25px; }
.manufacture-phara a:hover {background: #000;} 
.grid-bx {background:#ffeedf;padding: 25px 0;}
.delivery {text-align: center; padding: 25px 0;position:relative;}
.delivery h3 {font-size:22px;margin-bottom:0;}
.delivery img {width:80px; margin-bottom:20px;position:relative;z-index: 2;}
.delivery:before { content: ''; width: 80px; height: 80px; position: absolute; left: 44%; background: #ffa754; border-radius: 50%; z-index: 1; }
.manufacture-phara ul {margin:0px;padding:0;list-style:none;}
.manufacture-phara ul li {font-weight: 400; line-height: 30px; font-size: 19px; position: relative; padding-left: 32px;}
.manufacture-phara strong { font-size: 29px; margin-bottom: 12px; display: block; }
.manufacture-phara ul li:before { content: "\f058"; font-family: "Font Awesome 6 Free"; position: absolute; left: 0; color: #ff8f26; }
.manufacture-and-copper.second {background:#e9eef8;}
.manufacture-and-copper.second .manufacture-phara ul li, .manufacture-and-copper.second .manufacture-phara strong, .manufacture-and-copper.second .manufacture-phara p {color:#000;}
.manufacture-and-copper.second .heading h2 {color:#2b2d2c;}
.manufacture-and-copper.second .heading h2 strong {color:#ff8f26;}
.complete-array {padding:80px 0;}
.complete-array h2 { font-size: 26px; padding-bottom: 10px;border-bottom: 1px solid #e9e9e9;}
.phara p { font-weight: 400; line-height: 30px; font-size: 19px; text-align: justify; }
.phara strong {font-size: 19px;}
.sticky {position: sticky;top: 0px;}
.sticky img {border:5px solid #ff8f26;box-shadow: 0 0 20px #ccc;}
.complete-array h2 strong {color:#ff8f26; font-size:26px;} 
.complete-array {/*background-image: linear-gradient(168deg,rgba(233,238,248,.64) 0,rgba(255,255,255,.51) 100%),url('../images/home-about-bg.webp') !important; background-repeat: no-repeat; background-position-y: bottom; background-position-x: right;*/ background: url(../images/bg-parallax.webp) no-repeat; background-size: cover; }
.complete-array .container { background: #fdfaf0; padding: 50px; }
.complete-array .container.image-right:before{ border-width:10px 0 0 10px; }
.complete-array .container.image-right:after{ border-width:0px 10px 10px 0px; }
.complete-array .phara {position:relative;z-index:9999999;}
.explore h2 strong{color:#ff8f26; font-size:26px;}
.phara a { background: #cf7403; color: #fff; padding: 10px 25px; text-decoration: none; font-size: 17px; display: inline-block; border-radius: 25px; }
.phara a:hover {background: #000;} 
#more {display: none;}
.table_sec {padding:80px 0;background:#fbf4e07d !important;}
.table_des table {width:100%;}
.table_des td, .table_des th { border: 1px solid #ffc288; padding: 8px; } 
.table_des tr:nth-child(even){background-color: #f2f2f2;} 
.table_des tr {text-align:center;}
.table_des tr:hover {background-color: #ffdcbb;} 
.table_des th { padding-top: 12px; padding-bottom: 12px; text-align: left; background-color: #ff8f26; color: white; }
.table_des { background: #fff; box-shadow: 0 0 10px #ccc; padding: 8px; min-height: 100%; }
.page-banner-electric { background-image: url(../images/electric_vehicle.webp), linear-gradient(#17181a00,#121316b8); background-blend-mode: overlay; padding: 440px 0 10px 0; }
.electric-phara p {font-weight: 400; line-height: 30px; font-size: 19px; text-align: justify;}
.electric-vehicle {padding:80px 0;}
.key-electric {background:#f0f0f0;padding:80px 0;}
.key-electric p { font-weight: 400; line-height: 30px; font-size: 19px; text-align: center;margin-bottom: 0; }
.key-icon {display: flex; justify-content: center; align-items: center; flex-direction: column; background: #ffdebf; padding: 20px 8px; border: 1px solid #ff8f26;}
.key-icon i { margin-bottom: 12px; background: #ff8f26; width: 25px; height: 25px; display: flex; justify-content: center; align-items: center; border-radius: 50%; font-size: 36px; }
.left_content a {text-decoration:none;color:#ff8f26;}
.left_content a:hover {text-decoration:underline;} 
.electric-vehicle-components { background: url(../images/bg-parallax.webp) no-repeat; background-size: cover; padding:80px 0; }
.electric-vehicle-phara h2 {color:#fff;}
.electric-vehicle-phara p {color:#fff;font-weight: 400; line-height: 30px; font-size: 19px; text-align:justify; }
.banner-main {background:url(../images/banner-main-bg.webp) no-repeat; padding:60px 0;}
.banner-right { display: flex; flex-wrap: wrap; height: 100%; justify-content: space-between; flex-direction: column; }
.carousel-control-prev, .carousel-control-next {background:000;}
/*about page css*/


.left-cover {
    padding: 70px;
    background-color:#fbf4e0;
    height: 100%;
}
.left-cover img {
    width: 100%;
    height: 85%;
    object-fit: cover;
}
.right-cover {
    padding: 70px;
    background-color:#ff8f26;
    height: 100%;
}
.service-cover {
    box-shadow:0px 1px 13px 0px #fdfaf087;
    padding: 40px;
    border-radius: 10px;
    height: 100%;
    font-size: 19px;
    color: #fff;
    transition:all 0.3s ease;
}
.service-cover:hover {
    /*background-color: #ffa44e;*/
        border: 1px solid #fff;
        box-shadow:none;
}
.orange-bg{
    background-color: #ff8f26;
}
/*ev page css*/
.crowd{
    padding:80px 0;
    background-repeat: no-repeat;
    background-position-x: right;
    background-position-y: center;
    background-image: linear-gradient(45deg, transparent, #ffdebfa3), url('../images/wire.webp');
    background-size:contain;
}
.ev-accessories {
    background-color:#fbf4e07d;
}
    
.ev-accessories .col-md-8{
    padding: 100px 45px;
}
.ev-accessories .col-md-8 p, .crowd a{
    font-size:19px;
}
.ev-accessories .col-md-8 a, .crowd a{
    color:#d99137;
    text-decoration:none;
}
.ev-accessories h2{
    padding-bottom:30px;
}
.ev-accessories .content{
    height:100%;
}
.ev-accessories .image-section img{
    object-fit:cover;
}
.why-us{
    background:linear-gradient(180deg, #e68114, #e68114d1), url(../images/why-us-bg.webp);
    background-size: 100%;
}
.pseudo-element {
    position: relative;
    padding-left: 272px;
    z-index: 0;
    padding-bottom: 50px;
    padding-top: 50px;
}
.pseudo-element:before {
    position: absolute;
    content: '';
    width: 230px;
    height: 230px;
    border: 5px solid #fff;
    background-color: transparent;
    left: 50px;
    z-index: -9;
    top: 0;
    bottom: 0;
    margin: auto;
    background-image:url('../images/electric-vehicle.webp');
    background-size:90%;
    background-repeat:no-repeat;
    background-position:center,center;
}
.pseudo-element:after{
   position: absolute;
    content: '';
    width: 200px;
    height: 150px;
    border: 5px solid #fff0;
    background-color: #e68114;
    left: 265px;
    z-index: -9;
    top: 0;
    bottom: 0;
    margin: auto;
}
.ev-row{
    padding-left:38px;
    padding-top:80px;
    color:#fff;
}
.ev-usp {
    padding: 30px;
    border: 1px dashed;
    margin-bottom: 24px;
}
.why-us .heading b:before{
    display:none;
}
.product-cat ul{margin: 0px;
    list-style: none;
    padding: 0px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    
}
    .product-cat ul li {
    margin: 0px 0 40px 0;
    width: 32%;
    box-shadow: 0 2px 4px rgba(45,35,66,.4), 0 7px 13px -3px rgba(45,35,66,.3), inset 0 -3px 0 #d6d6e7;
}
.product-cat ul li .image-product{position:relative;}
.product-cat ul li .image-product img{border-radius: 10px 10px 0 0;}
.product-cat ul li .image-product:before {
    background: #000000a8;
    width: 0%;
    top: 0;
    bottom: 0;
    content: '';
    opacity: 0;
    position: absolute;
    transition: all 0.4s ease-in-out;
    
}
.product-cat ul li:hover .image-product:before {
    width: 100%;
    opacity: 1;
    border-radius: 10px 10px 0 0;
}
.product-cat ul li{transition: all 0.4s ease-in-out;border-radius: 10px;}
.product-cat ul li:hover{
    transform: translateY(-15px);
    border-bottom: 6px solid #cf7403;
    border-radius: 10px;
}
.product-cat ul li:hover a{background:#000;}
.product-cat ul li:hover .image-product:before {
    width: 100%;
    opacity: 1;
}
.product-cat ul li .product-content{padding:12px;}
.product-cat ul li h3{font-size: 20px;line-height: 31px;}
.product-cat ul li a{background: #cf7403;
    color: #fff;
    text-decoration: none;
    padding: 9px 15px;
    display: inline-block;
    box-shadow: 0px 6px 20px #cf740340;
    border-radius: 4px;}
    .product-cat ul li a:hover{background: #000;}
    .product-cat .product-content ul{display: block;}
    .product-cat .product-content ul li{list-style-type: disclosure-closed;
    margin: 0px 0px 8px 23px;
    width: 100%;
    box-shadow: none;
    margin-top: 10px;
    transform: translateY(0px);
    border-bottom: 0px solid #cf7403;
    border-radius: 0px;
    }
.read-more-space a{margin-top: 44px;}  
.page-banner-product {
    background-image: url(../images/All-products-banner.webp), linear-gradient(#17181a00,#121316b8);
    background-blend-mode: overlay;
    padding: 440px 0 10px 0;
}
.call-to-action{background: url(../images/bg-parallax.webp) no-repeat;background-size: cover;padding: 80px 0px 70px 0px;}
.call-text{color: #FFFFFF;}
.call-text h3{font-size: 36px;color: #FFFFFF;padding-bottom: 31px;}
.call-text a{background: #ff8f26;
    color: #FFFFFF;
    text-decoration: none;
    padding: 14px 24px;
    font-size: 24px;
    border-radius: 42px;}
    .call-text a:hover{background: #000;}
.heading-footer{display:none;}
.heading-footer h2 {color: #fff;}
.heading-footer h2 strong {
    font-weight: 700;
    color: #d99137;
}
.request-a-quote {
    text-decoration:none;
    color:#fff;
    background: #ff8f26;
    padding: 8px 15px;
    border-radius: 0.25rem 0.25rem 0 0;
    transform: rotate(270deg);
    position: fixed;
    right: -63px;
    z-index: 99;
    bottom: 40%;
    letter-spacing: 1px;
}
.request-a-quote:hover {background:#000;}
  .request-a-quote:hover{color:#fff;}  
.thankyou-wrapper{border-radius: 8px 8px 8px 8px;
    overflow: hidden;
    box-shadow: 0px 2px 35px -11px rgb(207 116 3 / 33%);
    text-align:center;
    padding: 150px 0px;
    margin: 20px 0;
}  
.thankyou-wrapper h2{color:#cf7403;font-size: 50px;}
    .thankyou-wrapper img{width: 112px; height:149px;margin: 0 auto;}
  
/*Media Queries*/
@media only screen and (max-width:1366px){
.navbar-brand { width: 250px; }
}
@media only screen and (max-width:991px){.navbar-toggler{border: 2px solid #cf7403;}
    .navbar-toggler:focus{box-shadow: 0 0 0 0rem;}
    .d-flex {display: block!important;}
    .washer_wrap.washer_responsive{height: 100%;}
    .exp-slide img {transform: scale(1);}
    .exp .exp-h{right: 0;bottom: 0;}
    .about_sec {padding: 40px 0;}
    .exp-slide{margin: 0px 0;}
    .heading-footer{display:block;}
}
@media only screen and (max-width:980px)
{.right-cover{padding: 10px 0px 10px 0px}
    .number ul li h6{text-align: center;}
    .call-text h3{font-size: 32px;}
}
@media only screen and (max-width:767px)
{.washer_wrap{margin-bottom: 20px;}
    .washer_wrap.washer_responsive {height: 92%; }
    .home_pro .content-pro-home{width: 100%;}
    .home_pro{margin-bottom: 20px;}
    .our-clients{padding: 60px 0;}
   .logo_wrap > div:nth-child(2){border-right: 0px solid #ddd;}
    .logo_wrap_one > div:nth-child(1), .logo_wrap_one > div:nth-child(2), .logo_wrap_one > div:nth-child(3) {
    border-right: 0px solid #ddd; }
.logo_wrap {border-bottom: 0px solid #ddd;}
.about-sbp .row .col-md-4:after{width: 0px;height: 0px;}
.year-establish ul{display: block;}
.manufacture-phara{margin-bottom: 30px;}
.page-banner-about{padding: 250px 0 10px 0!important;}
.page-banner-copper, .page-banner-electric, .page-banner-client, .page-banner, .page-banner-blog{padding: 250px 0 10px 0;}
.image-right{margin-bottom: 30px;}
.call-responsive{text-align: center;}
.felt-space{margin-bottom: 20px;}
.electric-space{margin-bottom: 20px;}
.key-electric{padding: 20px 0;}
.electric-vehicle{padding: 40px 0;}
.electric-wrapper.image-right{text-align: center;}
.ev-accessories .col-md-8 {padding: 50px 50px;}
.electric-vehicle-components{padding: 60px 0 40px;}
.crowd{padding: 30px 0;}
.our-clients .logo{width: 50%;}
.our-clients.cl { padding: 30px 0 0px 0;}
.form-field .name {width: 100%;}
.top-email ul li:nth-child(3) {display:none;}
.top-email ul li:nth-child(2) {margin-bottom:0;}
}
@media only screen and (max-width:660px)
{.reverse-column{flex-direction:column-reverse;}
 .manufacture-and-copper {padding: 40px 0 0px;}
 .complete-array{padding: 50px 0 20px;}
 .img-space{margin-bottom:20px;}
 .banner-right a:nth-child(1) {margin:12px 0;}
 .banner-main {background-size: cover; }
 .banner-right a:nth-child(2) {display:none;}
}
@media only screen and (max-width:580px)
{
.exp-slide {
    background: linear-gradient(180deg, rgba(255,143,38,1) 0%, rgba(255,143,38,1) 52%, rgba(42,44,56,1) 29%);}
.logo_wrap_one{display:none;}
    .count-wrapper.mt-4 {margin-top: 0rem!important;}
    .top-email ul {display: block;text-align: center;}
    .top-email ul li{margin-bottom: 10px;}
    .top-email ul li:nth-child(3){margin-top: 17px;}
    .about-welcome{margin-top: 35px;}
    .accreditations {padding: 30px 0;}
 .about-side-home  {text-align: center;}
 .phara-year{text-align: center;margin-top: 40px;}
 .diffrent-types{padding: 40px 0 10px;}
 .logo_wrap.mt-5 {margin-top: 1rem!important;}
 .best-product .mt-4 {margin-top: 0rem!important;}
 .why-choose{padding: 30px 0;}
 .building-img{padding: 48px 0 0 0;}
 .number ul{display: block;}
 .number ul li{width: 100%;margin-bottom: 16px;}
 .number ul li span{width: 130px;height: 123px;display: inline-block;}
 .right-cover{padding: 24px;}
 .service-cover{padding: 20px;}
 .nozzle-space{margin-bottom: 20px;}
 .left-cover{padding: 21px;}
 .manufacture-and-copper{padding: 40px 0 10px;}
 .complete-array {padding: 60px 0 20px;}
.table_sec{padding: 40px 0;}
 .table_des{margin-bottom: 15px;}
.call-text h3{font-size: 26px;}
.image-right:before{border-width: 4px 0 0 4px;}
.image-right:after{border-width: 0px 4px 4px 0px;}
.complete-array .container.image-right:before {border-width: 4px 0 0 4px;}
.complete-array .container.image-right:after {border-width: 0px 4px 4px 0px;}
.complete-array .container{padding: 30px;}
.steel-space-wrapper.pt-5{padding-top: 1rem!important;}
.steel-space{margin-bottom: 25px;}
.crowd{background-image: linear-gradient(45deg, transparent, #ffdebfa3);}
.ev-row{padding-top: 20px;padding-right: 20px;}
.ev-usp{padding: 30px 0px 30px 30px;}
.pseudo-element:before{left: 17px;}
.blog-cat ul{display: block;}
.blog-cat ul li{width: 100%;}
.blog-category-page{padding: 40px 0 0px;}
.inner-blog-cont{padding: 40px 0 20px;}
.product-cat ul{display: block;}
.product-cat ul li{width: 100%;}
.page-banner-blog-detail .page-title h2{padding: 0 10px;}
.right_blog{margin-top: 30px;}
.footer-main .row:nth-child(1) > div{border-left: 0px solid transparent;}
.footer-space{margin-bottom: 15px;}
.footer-main{padding: 40px 0;}
.phone-icon{display: block;text-align: center;}
.yrs-responsive{text-align: center;}

}
@media only screen and (max-width:480px)
{
    .navbar-brand{width: 65%;}
    .navbar-nav { display: flex; flex-direction: column; padding-left: 0; margin-bottom: 0; list-style: none; position: absolute; background: #000; top: 50px; bottom: 0; left: 0; z-index: 999; width: 100%; min-height: 300px;padding: 15px; }
.navbar-nav li a {color:#fff !important;}
    
}
@media only screen and (max-width:425px)
{.pseudo-element:before{display:none;}
    .pseudo-element{padding-left: 20px;}
    .pseudo-element:after{left:0px;}
    .best-product{padding: 50px 0 40px;}
    .year { padding-left: 15px;}
}
@media only screen and (max-width:375px)
{
.right-cover {padding: 20px 0px 20px;}
.year h2 {font-size: 50px;}
 }

#captcha{
    margin: 15px 0px;
    width: 100%;
}
.captcha_refersh { transition: .4s; background: #666; color: #fff; height: 54px; width: 10%; display: flex; justify-content: center; align-items: center; border-radius: 5px; }
.captcha_form { display: flex; align-items: center;justify-content: space-between; }
#captcha .preview{
    color: #555;
    width: 100%;
    text-align: center;
    height: 40px;
    line-height: 40px;
    letter-spacing: 8px;
    border: 1px dashed #888;
    border-radius: 0.5em;
    margin-bottom: 1.6em;

}

.form_input_captcha {
    position: relative;
    top: 0;
    left: 0;
    width: 88%;
    height: 100%;
    font-size: 1em;
    border: 0.1em solid #dadce0;
    border-radius: 0.5em;
    outline: none;
    padding: 1em;
    z-index: 1;
    background: none;
    border: 1px solid #333;
    box-shadow: 0 8px 11px #0000001f;
    
} 


.form_label_captcha{
    position: absolute;
    left: 1em;
    top: 5.2em;
    padding: 0 .25em;
    background-color: #fff;
    color: #80868b;
    font-size: 1em;
    transition: .4s;
}

.form_input_captcha:focus + .form_label_captcha{
    top: 4.7em;
    left: .8em;
    color: rgb(28,164,248);
    font-size: .80em;
    font-weight: 600;
    z-index: 5;
}

.form_input_captcha:not(:placeholder-shown).form_input_captcha:not(:focus) + .form_label_captcha{
    top: 4.6em;;
    left: .8em;
    font-size: .80em;
    font-weight: 600;
    z-index: 5;
}

.form_input_captcha:focus{
    border: .1em solid rgb(28,164,248);
}

.login_form #captcha .preview span{
    display: inline-block;
    user-select: none;
}

.login_form #captcha .captcha_form{
    display: flex;
}

.login_form #captcha .captcha_form input{
    width: 100%;
    font-size: 1em;
    border-radius: 0.5em;
    outline: none; 
    padding: 1em;
    z-index: 1;
    background: none;
}


.login_form #captcha .captcha_form .captcha_refersh{
    width: 40px;
    border: none;
    outline: none;
    background: #888;
    color: #eee;
    cursor: pointer;
    border-radius: 0.5em;
    margin-left: 5px;
}
.captcha_refersh{
    transition: .4s;

}

.captcha_refersh:hover{
    transition: .4s;
    transform: scale(0.90);
}


.gasket_selection {padding:80px 0; background:#ffeedf;}
.gasket_selection .bg-white {border-bottom: 2px solid #ff8f26;}
.wide_ranging {padding:80px 0; background:#e9eef8;}
.head_wide p {font-size: 20px;}
.list_pt_wide b {font-size: 1.5rem;font-family: 'Nunito Sans', sans-serif; font-weight: 700;}
.list_pt_wide p { font-size: 20px; text-align: justify; }
.dis_cover h2 {font-size: 1.5rem;font-family: 'Nunito Sans', sans-serif; font-weight: 700;}
.dis_cover p { font-size: 20px; text-align: justify; }