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

:root {
 --em-primary:#050A30;
 --em-secondary:#828282;
 --em-color1:#212121;
 --em-color2:#283646;
 --em-color3:#F4F4F4;
 --em-color4:#F5F5F5;
 --em-color5:#00749A;
 --em-skyblue:#23A9E2;
 --em-white:#fff;
 --em-black:#000;
 --em-grey:#F1F3F6;
 --em-red:#FF0000;

 --em-roboto:font-family:'Roboto', sans-serif;

 --em-size14:14px;
 --em-size16:16px;
 --em-size18:18px;
 --em-size20:20px;
 --em-size22:22px;
 --em-size24:24px;
 --em-size26:26px;
 --em-size28:28px;
 --em-size30:30px;
 --em-size32:32px;
}


/* Common CSS */

*{margin:0px; padding:0px; box-sizing:border-box; font-family:'Inter', sans-serif;}

ul{padding:0px; margin:0px;}
ul li{list-style:none;}
a{text-decoration:none;}
p{font-size:16px; color:var(--em-secondary); line-height:24px;}

.padd10{padding:10px 0px;}
.padd20{padding:20px 0px;}
.padd30{padding:30px 0px;}
.padd40{padding:40px 0px;}
.padd50{padding:50px 0px;}
.padd60{padding:60px 0px;}
.padd70{padding:70px 0px;}
.padd80{padding:80px 0px;}
.padd100{padding:100px 0px;}

.heading{width:100%; height:auto;}
.heading h2{font-style:normal; font-weight:600; font-size:26px; line-height:31px; text-transform:capitalize; color:var(--em-color1);}
.heading h2{margin:0px; display:inline-block; position:relative;}
.heading h2:before{position:absolute; bottom:-10px; content:""; width:100%; height:3px; border-radius:10px;}
.heading h2:before{background:linear-gradient(180deg, #0D6385 1.53%, #134B6F 39.95%, #193359 106.63%);}
.heading h2:after{position:absolute; bottom:-19px; content:""; background-image:url(../../assets/images/preLogin/dropIcon.svg);}
.heading h2:after{background-size:100%; left:0; right:0px; margin:0 auto; width:16px; height:20px;}
.heading small{font-weight:400; font-size:16px;}
.heading{display:flex; align-items:center; justify-content:space-between;}
.heading > a{color:#00749A; font-style:normal; font-weight:600; font-size:15px; line-height:21px;}

.colorHead{background:#00749A; height:60px; display:flex; align-items:center; padding:0px 20px; border-radius:6px;}
.colorHead h2{font-style:normal; font-weight:600; font-size:20px; text-transform:uppercase; color:#FFFFFF; margin:0px; letter-spacing:0.5px;}

.btn{border-radius:8px; line-height:50px; font-style:normal; font-weight:normal; font-size:16px; letter-spacing:0.2px; color:var(--em-white); padding:0px 20px;}
.btn{ text-transform:capitalize; border:1px solid #fff;}
.btn-primary{background:linear-gradient(180deg, #0D6385 1.53%, #134B6F 39.95%, #193359 106.63%);}
.btn:hover{color:#050A30; background:transparent; border:1px solid #050A30;}

.btnOut{border:1px solid #212121; border-radius:8px; line-height:50px; padding:0px 20px; background:#fff; font-style:normal;}
.btnOut{font-weight:400; font-size:16px; color:#212121; text-transform:capitalize;}
.btnOut:hover{background:linear-gradient(180deg, #0D6385 1.53%, #134B6F 39.95%, #193359 106.63%); color:#fff; border:1px solid #fff;}

.btnBlank{line-height:50px; padding:0px 20px; background:transparent; border:0px; font-weight:400;}

.readMore{font-style:normal; font-weight:500; font-size:14px; line-height:17px; color:var(--em-color1);}


/* Header */

.topInner{display:flex; flex-wrap:wrap; justify-content:space-between; padding:10px 0px;}
.logoSide{display:flex; align-items:center; justify-content:flex-start; gap:80px; width:40%;}
.locDrop{display:flex; align-items:center; gap:0px;}
.locDrop select{border:0px; padding:10px 10px 10px 0px;font-style:normal; font-weight:400; font-size:14px; color:var(--em-color1); margin-left:10px;}
.locDrop select:focus{outline:none; box-shadow:none;}
.locDrop:after{content:""; background-image:url(../../assets/images/dropArrow.png); width:14px; height:6px; background-repeat:no-repeat; margin-top:5px;}

.searchside{display:flex; flex-wrap:wrap; align-items:center; justify-content:flex-end; gap:50px; width:50%;}
.headSearch{width:60%; position:relative;}
.headSearch input{color:#D3D2D2; background:#FCFCFC; border:1px solid #E2E2E2; border-radius:6px; line-height:40px; padding:0px 60px 0px 10px; font-style:normal; font-weight:400; font-size:14px;}
.headSearch label{position:absolute; top:0px; right:0px; height:41px; width:50px; display:flex; align-items:center; justify-content:center;}

.loginUser{display:flex; align-items:center; gap:10px; cursor:pointer; justify-content: flex-end;}
.loginUser:after{content:""; background-image:url(../../assets/images/dropArrow.png); width:14px; height:6px; background-repeat:no-repeat; margin-top:5px;}
.loginUser label{font-style:normal; font-weight:400; font-size:14px; color:var(--em-color1);}
.drping:hover .loginDropdwn{-webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out; transform:scale(1.0); opacity:1; height:auto; overflow:visible; padding-top:25px;}
.loggers{position:relative; width: 30%;}
.loginDropdwn{position:absolute; width:100%; padding-top:10px; z-index:999; opacity:0; height:0px; overflow:hidden; padding-top:0px; -webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out; transform:scale(1.0);}

.dropped{background:#fff; padding-top:13px; position:relative;}
.dropped:before{content:""; border-top:13px solid #00749A; position:absolute; top:0; left:0; width:100%;}
.dropped:after{width:0; height:0; border-left:5px solid transparent; border-right:5px solid transparent; border-bottom:9px solid #fff; position:absolute;}
.dropped:after{top:4px; left:0; right:0; margin:0 auto; content:"";}
.dropped a{display:block; padding:0px 10px; text-align:center; line-height:50px; border-bottom:1px solid #E2E2E2; color:var(--em-color1); font-weight:500;}
.dropped a:last-child{border-bottom:0px;}
.dropped a:hover{color:var(--em-primary); background:#f7f7f7;}
.mobileHead {display:none;}

/* Responsive Menu */

ul.megaMenu{background:#fff; width:1000px !important; right:0; padding:20px !important;}
.megaMenu > div{display:flex; gap:40px; justify-content:space-between;}
ul.megaMenu li{width:fit-content !important; text-align:left; list-style:none; padding-left: 0px;}
ul.megaMenu li:before{content: none;}
ul.megaMenu li h4{font-style:normal; font-weight:500; font-size:14px; text-transform:capitalize; color:var(--em-color1);}
ul.megaMenu li h4{padding-bottom:5px; border-bottom:1px solid #ccc;}
ul.megaMenu li .smallList > ul{display:block !important; position:unset; width:100%; padding:0px !important;}
ul.megaMenu li .smallList > ul li{position:unset !important; width:100% !important; padding-left:15px; position:relative !important; top:0; left:0; margin-top:10px;}
ul.megaMenu li .smallList > ul li:before{width:5px; height:5px; border-radius:50px; background:var(--em-secondary); content:""; left:0; position:absolute; top:6px;}
ul.megaMenu li .smallList > ul li a{color:#000; display:block; padding:0px; font-style:normal; font-weight:500; font-size:14px; line-height:17px;}
ul.megaMenu li .smallList > ul li a{ text-transform:capitalize; color:#828282;}
ul.megaMenu li .smallList > ul li a:hover{color:#00749A;}

.navigation nav{position:relative; z-index:99;}
.navigation nav ul.menu{margin:0 auto; width:fit-content;}
 nav{margin:0; padding:0; background-color:#050A30; }

 nav:after {
     content:"";
     display:table;
     clear:both;
 }

 nav ul {
     padding:0;
     margin:0;
     list-style:none;
     position:relative;
     text-align:center;
 }

 nav ul li {
     margin:0px;
     display:inline-block;
     float:left;
 }

 nav a {
     display:block;
     padding:0 20px;
     color:#FFF;
     font-size:16px;
     line-height:40px;
     text-decoration:none;
     letter-spacing:0.4px;
     text-align:left;

 }

 nav ul li ul li:hover{}
 nav > ul >  li > a:hover{color: #fff;}



 nav ul li ul{padding:10px 10px 10px 10px;}
 nav ul li ul li{ position: relative; width:100%; padding-left:20px;}
nav ul li ul li:before {
    position: absolute;
    content: "";
    background: var(--em-secondary);
    width: 5px;
    height: 5px;
    border-radius: 10px;
    left: 6px;
    top: 18px;
}
 nav ul li ul li.active a{color:#00749A;}
 nav ul li ul li a{color:#000; padding:0px; font-style:normal; font-weight:500; font-size:14px; color:#828282;}
 nav ul li ul li a{text-transform:capitalize;}

 nav ul ul {
 display:none;
 position:absolute;
 top:40px;
 background:#fff;
 min-width:230px;
 }

 nav ul li:hover > ul{display:inherit; }

 nav ul ul li {
/* width:170px;*/
 float:none;
 display:list-item;
 position:relative;
 }

 nav ul ul ul li {
 position:relative;
 top:-40px;
 left:170px;
 }

/* li > a:after{content:' +'; }*/
 .toggle, [id^=drop] {
 display:none;
 }
 li > a:only-child:after{content:''; }

 /*Responsive Styles*/
 @media all and (max-width :768px) {
 #logo {
 display:block;
 padding:0;
 width:100%;
 text-align:center;
 float:none;
 }

 nav{margin:0; }
 .toggle + a,
 .menu{display:none; }
 .toggle {
 display:block;
 padding:0 0px;
 color:#fff;
 font-size:16px;
 line-height:50px;
 text-decoration:none;
 border:none;
 text-align:left;
 }

 .toggle:hover {}

 [id^=drop]:checked + ul{display:block; }

 nav ul li {
 display:block;
 width:100%;
 }

 nav ul ul .toggle,

 nav ul ul a{padding:0 40px; }

 nav ul ul ul a{padding:0 80px; }

 nav a:hover,

 nav ul ul ul a{}


 nav ul li ul li .toggle,

 nav ul ul a{}

 nav ul ul {
 float:none;
 position:static;
/* color:#ffffff;*/
 }

 nav ul ul li:hover > ul,

 nav ul li:hover > ul{display:none; }

 nav ul ul li {
 display:block;
 width:100%;
 }

 nav ul ul ul li{
 position:static;
 }
 }

 @media all and (max-width :330px) {
 nav ul li {
 display:block;
 width:94%;
 }
}




/* Banner */

.banner{overflow:hidden;}
.hero-slider{width:100%; height:620px; display:-webkit-box; display:-ms-flexbox; display:flex; position:relative; z-index:0;}

@media (max-width:991px){
 .hero-slider{height:600px;}
}

@media (max-width:767px){
 .hero-slider{height:500px;}
}

.hero-slider .swiper-slide{overflow:hidden; color:#fff;}
.hero-slider .swiper-container{width:100%; height:100%; position:absolute; left:0; top:0;}
.hero-slider .slide-inner{width:100%; height:100%; position:absolute; left:0; top:0; z-index:1; background-size:cover; background-position:center;}
.hero-slider .slide-inner{display:flex; justify-content:center; align-items:center; text-align:left;}
.hero-slider .swiper-button-prev, .hero-slider .swiper-button-next{background:transparent; width:55px; height:55px; line-height:53px; margin-top:10px;}
.hero-slider .swiper-button-prev, .hero-slider .swiper-button-next{text-align:center; border:2px solid #fff; border-radius:55px; opacity:1;}
.hero-slider .swiper-button-prev, .hero-slider .swiper-button-next{visibility:visible; transition:all .3s ease; background:#fff;}
.hero-slider .swiper-button-prev, .hero-slider .swiper-button-next{position:absolute; top:auto; bottom:50%;}
.hero-slider:hover .swiper-button-prev, .hero-slider:hover .swiper-button-next{transform:translateX(0); opacity:1; visibility:visible;}

@media (max-width:767px){
 .hero-slider .swiper-button-prev, .hero-slider .swiper-button-next{display:none;}
}

.hero-slider .swiper-button-prev{left:25px;}
.hero-slider .swiper-button-next{right:25px;}
.hero-slider .swiper-pagination-bullet{width:12px; height:12px; text-align:left; line-height:12px; font-size:12px; color:#000; opacity:0.3;}
.hero-slider .swiper-pagination-bullet{background:#fff; transition:all .2s ease;}
.hero-slider .swiper-pagination-bullet-active{opacity:1;}
.hero-slider .swiper-container-horizontal > .swiper-pagination-bullets, .hero-slider .swiper-pagination-custom, .hero-slider .swiper-pagination-fraction{
 bottom:30px;}

@media screen and (min-width:992px){
 .hero-slider .swiper-container-horizontal > .swiper-pagination-bullets, .hero-slider .swiper-pagination-custom, .hero-slider .swiper-pagination-fraction{
 /* display:none; */
}
}
.swiper-pagination{text-align:left;}
.hero-slider .swiper-container-horizontal > .swiper-pagination-bullets{bottom:50px; max-width:1200px; padding:0 15px; margin:0 auto;}
.hero-slider .swiper-container-horizontal > .swiper-pagination-bullets{left:50%; transform:translateX(-50%);}
}
@media (min-width:767px){
 .hero-slider .swiper-container-horizontal > .swiper-pagination-bullets{bottom:30px;}
}
/*--------------------------------------------------------------
 #hero-style
--------------------------------------------------------------*/
.hero-style{height:700px; transition:all .4s ease;}



@media screen and (min-width:992px){
 .hero-style .container{/* padding-top:95px;*/}
}

/*.hero-style .slide-title,
.hero-style .slide-text,
.hero-style .slide-btns{max-width:640px;}*/



@media (max-width:1199px){
 .hero-style .slide-title h2{font-size:75px;}
}

@media (max-width:991px){
 .hero-style .slide-title h2{font-size:50px; margin:0 0 35px;}
}

@media (max-width:767px){
 .hero-style .slide-title h2{font-size:35px; margin:0 0 30px;}
}

@media (max-width:767px){
 .hero-style .slide-text p{font-size:16px; font-size:1rem; font-weight:normal; margin:0 0 30px;}
}

.hero-style .slide-btns > a:first-child{margin-right:10px;}


.swiper-button-next, .swiper-button-prev{position:static;}
.hero-slider .slide-inner:before{position:absolute; width:100%; height:100%; content:""; left:0; top:0;}
.hero-slider .slide-inner:before{background:url(../images/slideOverlay.png) no-repeat;}
.slide-inner .container{position:relative; z-index:9; text-align:left; width:100%;}
.slideBtnAlignment{ left:auto; right:auto; top:0; z-index:99; display:flex; align-items:center; justify-content:center; top:auto;}
.slideBtnAlignment{width:100%; height:calc(100% - 55px); flex-wrap:wrap; padding:0px; z-index:1; bottom:20px;}
.slideBtnAlignment div{}

.labelTitle{background:rgba(255, 255, 255, 0.08); border-radius:3px; padding:0px 15px; display:inline-block; line-height:35px; font-style:normal;}
.labelTitle{font-weight:500; font-size:16px; letter-spacing:0.1em; text-transform:uppercase; color:#fff; margin-bottom:20px;}
.slide-title h1{ font-style:normal; font-weight:700; font-size:40px; color:#23A9E2;text-transform:capitalize;line-height:187.02%;}
.slide-title h1 span{color:#fff;}
.slide-text p{font-style:normal; font-weight:300; font-size:17px; line-height:28px; letter-spacing:0.3px; color:#fff; padding-right:10%;}
.slide-btns{margin-top:35px;}
.slide-btns a{line-height:50px; display:inline-block;}



/* About Us */

.aboutUs{background:var(--em-color4);}
.aboutImg{overflow:hidden; right:-60px; position:relative;}
.aboutImg img{max-width:100%;}
.aboutTxt{height:100%; padding:40px; position:relative; left:-50px;}
.aboutTxt p{margin-bottom:0px;}


/* Our Products */

.prodCatTabs ul.nav-tabs{border-bottom:2px solid #E1E0E0;}
.prodCatTabs ul.nav-tabs li a{text-transform:uppercase; font-style:normal; font-weight:400; font-size:18px;}
.prodCatTabs ul.nav-tabs li a{line-height:28px; color:var(--em-secondary); border:0px; padding:5px 20px;}
.prodCatTabs ul.nav-tabs li a.active{font-weight:600; color:var(--em-color1); background:transparent; position:relative;}
.prodCatTabs ul.nav-tabs li a.active:before{position:absolute; bottom:-1px; border-bottom:2px solid var(--em-color1);}
.prodCatTabs ul.nav-tabs li a.active:before{left:0px; content:""; width:100%;}
.prodCatTabs ul.nav-tabs li a.active:after{width:0; height:0; border-left:7px solid transparent; border-right:7px solid transparent;}
.prodCatTabs ul.nav-tabs li a.active:after{border-top:5px solid var(--em-color1); position:absolute; content:""; bottom:-6px;}
.prodCatTabs ul.nav-tabs li a.active:after{left:0; right:0; margin:0 auto;}
.pumpsslide ul li{width:100%; border:1px solid #E2E2E2; border-radius:8px; background:#FFFFFF;}
.pumpsslide ul li .prodImg{min-height:125px; display:flex; align-items:center; justify-content:center; padding:20px; min-height:190px;}
.pumpsslide ul li .prodImg img{max-width:150px; width:auto;}
.pumpsslide ul li label{padding:15px 10px; display:block; font-style:normal; font-weight:500; font-size:16px; line-height:20px;}
.pumpsslide ul li label{color:#212121; border-top:1px solid #E2E2E2; min-height:75px; display:flex; align-items:center;}
.prodSliders .tab-content .container{padding:0px;}

.prodSliders .homeSlide .owl-nav {text-align:center; padding-top:25px;}
.prodSliders .homeSlide .owl-nav button {
 width:54px;
 height:54px;
 border-radius:50px;
 border:0px solid #ccc;
 position:relative;
 background:transparent;
 margin:0px 5px;
 box-shadow:0px 0px 7px rgba(0, 0, 0, 0.15);
}
.prodSliders .homeSlide .owl-nav button.disabled{box-shadow:none;}
.prodSliders .homeSlide .owl-nav button:before {
 width:54px;
 height:54px;
 position:absolute;
 content:"";
 margin:0px;
 top:0;
 left:0;
 border-radius:100px;
}
.prodSliders .homeSlide .owl-nav button.owl-prev:before{
 background-image:url('../../assets/images/arrowLeft.svg');
 background-repeat:no-repeat;
 background-position:center top;
 background-size:cover;
}

.prodSliders .homeSlide .owl-nav button.owl-next:before{
 background-image:url('../../assets/images/arrowRight.svg');
 background-repeat:no-repeat;
 background-position:center top;
 background-size:cover;
}
.prodSliders .homeSlide .owl-nav button svg{display:none;}


/* Top Brands */

.topBrand{background:var(--em-color4);}
.allBrands{width:100%; height:auto; overflow:hidden;}
.allBrands ul{ display:flex; flex-wrap:wrap; justify-content:center; gap:40px;}
.allBrands ul li{background:#fff; border:1px solid #E2E2E2; border-radius:7px; width:calc(15% - 15px);}
.allBrands ul li .brandImg{min-height:125px; display:flex; align-items:center; justify-content:center; padding:20px;}
.allBrands ul li .brandImg img{filter:grayscale(100%); -webkit-filter:grayscale(100%); -webkit-transition:all 0.3s ease-in-out;
 -moz-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out;}
.allBrands ul li:hover .brandImg img{filter:grayscale(0%); -webkit-filter:grayscale(0%); -webkit-transition:all 0.3s ease-in-out;
 -moz-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out;} 
.allBrands ul li label{ display:block; border-top:1px solid #E2E2E2; font-style:normal; font-weight:500; font-size:14px; line-height:35px;}
.allBrands ul li label{ color:var(--em-color1); padding:0px 10px;}


/* Resources */

.resources{background:var(--em-white);}
.allResources{width:100%; height:auto; overflow:hidden;}
.resItem{width:100%; height:auto;}
.blckImg{width:100%; height:fit-content; overflow:hidden;}
.blckImg img{-webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out;}
.blckImg img{transition:all 0.3s ease-in-out; transform:scale(1.0);}
.resItem:hover .blckImg img{transform:scale(1.05); -webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out;}
.resItem:hover .blckImg img{-o-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out;}
.resDesc {
    padding: 20px 0px;
    width: 100%;
    background: var(--em-white);
    margin-left: 26px;
}
.resDesc h4{font-style:normal;font-weight:500;font-size:18px;line-height:22px;color:var(--em-color1); margin:0px;}
.resDesc p{ font-style:normal; font-weight:400; font-size:16px; line-height:24px; letter-spacing:0.003em; color:var(--em-secondary); margin:15px 0px;}
.resDesc p{display:-webkit-box; -webkit-box-orient:vertical; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp:3;}


/* Team Members */

.teams{background:var(--em-white);}
.member {
    width: 100%;
    height: auto;
    overflow: hidden;
    margin: 0 -26px;
}
.teamImg{width:100%; height:fit-content; overflow:hidden;}
.teamImg img{-webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out;}
.teamImg img{transition:all 0.3s ease-in-out; transform:scale(1.0);}
.member:hover .teamImg img{transform:scale(1.05); -webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out;}
.member:hover .teamImg img{-o-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out;}
.teamDesc{background:#fff; padding:20px 0px; width:100%; height:auto; overflow:hidden;}
.teamDesc label{ font-style:normal; font-weight:400; font-size:16px; color:var(--em-color2); font-family:var(--em-roboto);}
.teamDesc h4{font-style:normal; font-weight:700; font-size:24px; line-height:normal; color:var(--em-color2);}
.teamDesc h4{font-family:var(--em-roboto); margin:8px 0px;}
.teamDesc small{ font-style:normal; font-weight:400; font-size:12px; color:var(--em-color2); font-family:var(--em-roboto);}


/* Faqs Section */

.faqs{background:var(--em-white); position:relative; height:695px;}
.faqs:before{position:absolute; top:0px; left:0px; content:""; background-image:url(../../assets/images/preLogin/topLeft.png);}
.faqs:before{background-size:502px 514px; width:502px; height:514px;}
.faqs:after{position:absolute; right:0px; bottom:0px; content:""; background-image:url(../../assets/images/preLogin/bottomRight.png);}
.faqs:after{background-size:467px 438px; width:467px; height:438px;}
.faqAccordian{position:relative; z-index:9;}
.faqAccordian .accordion-item{border-width:0px 0px 1px 0px; border-style:dashed; border-color:#ccc; background:transparent; border-radius:0px;}
.faqAccordian .accordion-button{font-style:normal; font-weight:600; font-size:18px; letter-spacing:0.003em; color:var(--em-color1);}
.faqAccordian .accordion-button{box-shadow:none; background:transparent; padding:20px 0px;}
.faqAccordian .accordion-button:after{content:"+"; background-image:none; font-size:25px; display:flex; align-items:center;}
.faqAccordian .accordion-button:after{justify-content:center; position:relative;}
.faqAccordian .accordion-button[aria-expanded="true"]:after{content:"-";}
.faqAccordian .accordion-body{padding:0px 0px 20px 0px; font-style:normal; font-weight:400; font-size:16px; line-height:24px; letter-spacing:0.003em;}
.faqAccordian .accordion-body{color:var(--em-secondary);}


/* Footer Section */

.footer{width:100%; height:auto; overflow:hidden;}
.topFooter{background:var(--em-grey); padding:30px 0px; text-align:center;}
.footerNav{width:100%; height:auto; padding:30px 0px;}
.footerNav ul{display:flex; flex-wrap:wrap; align-items:center; justify-content:center;}
.footerNav ul li{border-right:1px solid var(--em-color2); padding-right:10px; margin-right:10px; line-height:17px;}
.footerNav ul li:last-child{border-right:0px solid var(--em-color2); padding-right:0px; margin-right:0px;}
.footerNav ul li a{color:var(--em-color2); font-style:normal; font-weight:500; font-size:14px; line-height:17px; transition:all 1s ease-in-out;}
.footerNav ul li a:hover{text-decoration:underline; transition:all 1s ease-in-out;}
.socialTitle{font-style:normal; font-weight:600; font-size:16px; line-height:19px; color:var(--em-color1); margin:0px;}
.socialMedia{gap:10px; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; margin:25px 0px 0px;}
.socialMedia li{-webkit-transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out; -o-transition:all 0.5s ease-in-out;}
.socialMedia li{transition:all 0.5s ease-in-out;}
.socialMedia li:hover{margin-top:-10px; -webkit-transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out;}
.socialMedia li:hover{-o-transition:all 0.5s ease-in-out; transition:all 0.5s ease-in-out;}
.socialMedia li a{display:inline-block;}
.bottomFooter{width:100%; height:auto; overflow:hidden; text-align:center; background:var(--em-primary);}
.bottomFooter p{margin-bottom:0px; line-height:50px; font-style:normal; font-weight:400; font-size:16px;}
.bottomFooter p{letter-spacing:0.2px; color:var(--em-color3);}


/* Login/Signup */


.logSignForm{width:100%; height:100%; display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between;}
.formSide{width:50%; height:100%; padding:50px 70px;}
.frm .form-group{margin-top:15px;}
.frm .form-group:first-child{margin-top:0px;}
.form-group{background:#fff; border:1px solid #E2E2E2; border-radius:8px; padding:15px 25px; display:flex; flex-wrap:wrap; align-items:flex-start; gap:15px;}
.form-group img{margin-top:4px;}
.form-group.active{border:1px solid #00749A;}
.frming{display:flex; flex-wrap:wrap; gap:7px;}
.form-group > img + .frming{width:auto;}
.form-group > .frming{width:100%;}

.frming label{width:100%; font-style:normal; font-weight:400; font-size:14px; color:var(--em-secondary);}
.frming input{line-height:24px; width:100%; font-weight:500; font-size:14px; letter-spacing:0.2px; color:#212121; border:0px;}
.frming input:focus{outline:none; box-shadow:none;}

input::-webkit-input-placeholder{/* Chrome/Opera/Safari */
 color:var(--em-color1);
}
input::-moz-placeholder{/* Firefox 19+ */
 color:var(--em-color1);
}
input:-ms-input-placeholder{/* IE 10+ */
 color:var(--em-color1);
}
input:-moz-placeholder{/* Firefox 18- */
 color:var(--em-color1);
}

input, select, textarea::-webkit-input-placeholder{/* Chrome/Opera/Safari */
 color:var(--em-color1);
}
input, select, textarea::-moz-placeholder{/* Firefox 19+ */
 color:var(--em-color1);
}
input, select, textarea:-ms-input-placeholder{/* IE 10+ */
 color:var(--em-color1);
}
input, select, textarea:-moz-placeholder{/* Firefox 18- */
 color:var(--em-color1);
}


.formImg{width:50%; border-radius:0px 0.5rem 0.5rem 0px; overflow:hidden;}
.formImg img{width:100%;}
.otpDesign{width:100%; height:auto; display:flex; align-items:center; justify-content:space-between;}
.enterOTP{display:flex; flex-wrap:wrap; justify-content:flex-start; gap:5px;}
.enterOTP input{width:35px; border:1px solid #828282; width:40px; height:40px; border-radius:10px; display:flex; align-items:center;}
.enterOTP input{justify-content:center; font-style:normal; font-weight:500; font-size:14px; color:#000000; text-align:center;}
.timeOTP{font-style:normal;font-weight:500;font-size:14px;color:var(--em-secondary);}
.timeOTP a{color:var(--em-color5);}
.loginText{font-style:normal; font-weight:500; font-size:14px; text-transform:capitalize; color:var(--em-secondary); margin-bottom:0px;}
.loginText a{color:var(--em-color5);}

.orCondition{width:100%; text-align:center; position:relative;}
.orCondition:before{position:absolute; border-bottom:1px solid #5C5050; content:""; width:44%; left:0; top:12px;}
.orCondition:after{position:absolute; border-bottom:1px solid #5C5050; content:""; width:44%; right:0; top:12px;}
.popOff{position:absolute; top:-24px; right:-24px; color:#fff; font-size:20px; cursor:pointer;}


/* Page Title */

.pageTitle{background-image:url(../../assets/images/preLogin/pageBg.png); background-repeat:no-repeat; background-position:top center;}
.pageTitle{background-size:100% 100%; height:320px; display:flex; align-items:center; justify-content:center;}

.chemicalTitle {
    background-image: url('../../assets/images/preLogin/chemicals12june.jpg');
    background-repeat: no-repeat;
    background-position: top center;
}
.chemicalTitle {
    background-size: 100% 100%;
    height: 320px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.AgricultureTitle {
    background-image: url(../../assets/images/preLogin/agggrrrriiculture.jpg);
    background-repeat: no-repeat;
    background-position: top center;
}

.AgricultureTitle {
    background-size: 100% 100%;
    height: 320px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.PowerPlantTitle {
    background-image: url(../../assets/images/preLogin/power-plant-emaar.jpg);
    background-repeat: no-repeat;
    background-position: top center;
}

.PowerPlantTitle {
    background-size: 100% 100%;
    height: 320px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.AllProduct {
    background-image: url(../../assets/images/preLogin/allproduct.jpg);
    background-repeat: no-repeat;
    background-position: top center;
}

.AllProduct {
    background-size: 100% 100%;
    height: 320px;
    display: flex;
    align-items: center;
    justify-content: center;
}



.innerTitle h2{ font-style:normal; font-weight:700; font-size:48px; line-height:180%; letter-spacing:0.18em; color:var(--em-white); text-align:center;}
.breadcrum{width:100%; text-align:center;}
.breadcrum ul{display:flex; align-content:center; justify-content:center}
.breadcrum ul li{ font-style:normal; font-weight:400; font-size:16px; letter-spacing:0.18em; color:var(--em-white);}
.breadcrum ul li:after{ content:"/"; color:#fff; margin-left:10px; margin-right:10px;}
.breadcrum ul li:last-child:after{ content:"";}
.breadcrum ul li a{font-style:normal; font-weight:400; font-size:16px; letter-spacing:0.18em; color:var(--em-white);}

.countPagi{display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; min-height:80px;}
.countPagi p{ margin-bottom:0px; font-style:normal; font-weight:400; font-size:16px; color:var(--em-secondary);}
.countPagi p span{ color:var(--em-color1);}

.pagination ul{display:flex; flex-wrap:wrap; gap:10px;}
.pagination ul li{ cursor:pointer; width:35px; height:35px; border:1px solid var(--em-color5); border-radius:3px; display:flex; align-items:center;}
.pagination ul li{ justify-content:center; font-style:normal; font-weight:500; font-size:16px; color:var(--em-black);}
.pagination ul li:hover{color:var(--em-white); background:var(--em-color5);}
.pagination ul li.prev, .pagination ul li.next{border:0px;}

.filtProduct{width:100%; height:auto; border-top:1px solid #d8d8d8; padding:40px 0px 60px 0px}
.filtProduct .container{display:flex; flex-wrap:wrap; gap:20px; justify-content:space-between;}
.catSidebar{border:1px solid #E2E2E2; border-radius:8px; width:25%;}
.filter{display:flex; align-items:center; justify-content:space-between; padding:20px 25px; border-bottom:1px solid #d8d8d8;}
.filter .filHead{ font-style:normal; font-weight:700; font-size:16px; letter-spacing:0.005em; text-transform:uppercase; color:var(--em-color5);}
.catToggle{width:100%; height:auto;}
a.resetFilter{font-style:normal; font-weight:400; font-size:14px; color:#6C6C6C;}

.carBlock{width:100%; height:auto; border-bottom:1px solid #d8d8d8;}
.carBlock:last-child{border-bottom:0px;}
.catHead{width:100%; padding:20px; border-bottom:1px solid #d8d8d8; display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between;}
.catHead h4{ font-style:normal; font-weight:500; font-size:16px; text-transform:capitalize; color:var(--em-color1); margin:0px;}
.catHead .arrowToggle{cursor:pointer; -webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out; transform:rotate(0deg);}
.catHead .arrowToggle.arrowDown{transform:rotate(180deg); -webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out;}
.catList{padding:20px 30px; width:100%; height:auto;}
.catList .form-check{ margin-top:7px;}
.catList .form-check:first-child{ margin-top:0px;}

.disProducts{width:calc(100% - 27%); height:100%; display:flex; flex-wrap:wrap; align-items:flex-start; gap:20px; justify-content:space-between;}
.prodItem{width:calc(34% - 20px); border:1px solid #E2E2E2; border-radius:8px; background:var(--em-white);}
.prodImg{width:100%; height:auto; padding:20px 30px; min-height:190px; display:flex; flex-wrap:wrap; align-items:center; justify-content:center;}
.prodImg{border-bottom:1px solid #e2e2e2;}
.prodImg img{max-width:100%; max-height:150px; width:auto !important;}
.prodDesc{width:100%; height:auto; padding:10px 20px 20px 20px;}
.prodDesc h4{font-style:normal; font-weight:500; font-size:16px; line-height:140%; text-align:center; color:#00749A; margin-bottom:15px;}
.prodDesc a{font-style:normal; font-weight:500; font-size:16px; line-height:140%; text-align:center; color:#00749A; margin-bottom:15px;}
.listing{width:100%; height:auto;}
.listing > div label{font-style:normal; font-weight:600; font-size:14px; color:var(--em-color1);}
.listing > div span{font-style:normal; font-weight:400; font-size:14px; color:var(--em-color1);}

.qty-container{ display:flex; align-items:center; justify-content:center; padding:5px 0px;}
.qty-container .input-qty{ text-align:center; padding:6px 10px; border:0px solid #d4d4d4; max-width:55px;}
.qty-container .qty-btn-minus,
.qty-container .qty-btn-minus, .qty-container .qty-btn-minus, .qty-container .qty-btn-plus{border:0px solid #d4d4d4; font-size:15px; width:32px;}
.qty-container .qty-btn-minus, .qty-container .qty-btn-minus, .qty-container .qty-btn-plus{transition:0.3s; display:flex; align-items:center; height:30px;}
.qty-container .qty-btn-minus, .qty-container .qty-btn-minus, .qty-container .qty-btn-plus{justify-content:center; background:#dedede; border-radius:4px;}
.qty-container .qty-btn-plus{ margin-left:-1px;}
.qty-container .qty-btn-minus{ margin-right:-1px;}

.pageBreadcrum{width:100%; height:auto; overflow:hidden; margin:25px 0px;}
.pageBreadcrum ul{display:flex; flex-wrap:wrap; justify-content:flex-start;}
.pageBreadcrum ul li{font-style:normal; font-weight:400; font-size:14px; color:var(--em-secondary);}
.pageBreadcrum ul li:after{content:">"; margin:0px 5px}
.pageBreadcrum ul li:last-child:after{content:"";}
.pageBreadcrum ul li a{font-style:normal; font-weight:400; font-size:14x; color:var(--em-secondary);}

.lgImg{background:#FFFFFF; border:0.881857px solid #E6E8EC; border-radius:6.173px 6.173px 0px 0px; padding:30px; display:flex;}
.lgImg {align-items:center; justify-content:center; min-height:450px;}
.lgImg img{max-height:365px;}

.smallDesc{width:100%; height:auto;}
.smallDesc > label{background:rgba(230, 92, 0, 0.1); border-radius:4px; padding:6px 10px; margin:0px; display:inline-block; height:auto;}
.smallDesc > label{font-style:normal; font-weight:400; font-size:13px; color:#8D5350; margin-bottom:30px;}
.smallDesc > h2{font-style:normal; font-weight:600; font-size:26px; color:var(--em-color1); margin-bottom:20px;}
.smallDesc .listing > div{line-height:30px;}
.smallDesc .listing > div label{font-size:16px;}
.smallDesc button.btn{width:70%; text-transform:unset;}
.qntity{display:flex; flex-wrap:wrap; width:300px; justify-content:space-between; align-items:center; border-bottom:1px solid #E2E2E2; margin-top:35px;}
.qntity > label{font-style:normal; font-weight:400; font-size:14px; color:var(--em-secondary);}
.validity{font-style:normal; font-weight:500; font-size:18px; line-height:22px; text-transform:capitalize; color:var(--em-color1);}

.tabDesc{border-top:1px solid #E2E2E2;}
.tabDesc .nav-tabs{border:0px;}
.tabDesc .nav-tabs li {margin:0px 25px 0px 0px;}
.tabDesc .nav-tabs li:last-child{margin-right:0px;}
.tabDesc .nav-tabs li button{font-style:normal; font-weight:500; font-size:18px; color:var(--em-color1) !important; padding:0px;}
.tabDesc .nav-tabs li button{border:0px; margin:0px; position:relative;}
.tabDesc .nav-tabs li button.active:before{ position:absolute; bottom:-4px; border-bottom:2px solid var(--em-color1); width:100%; content:"";}

.tabDesc .tab-content{ padding:25px 0px;}
.tabDesc .tab-content h4{font-style:normal; font-weight:500; font-size:18px; color:var(--em-color1); margin-top:25px; margin-bottom:12px;}
.tabDesc .tab-content p{ font-style:normal; font-weight:400; font-size:16px; color:var(--em-color1);}
.tabDesc .tab-content ul{padding-left:20px;}
.tabDesc .tab-content ul li{font-style:normal; font-weight:400; font-size:16px; color:var(--em-color1); line-height:180%; list-style:outside;}

.similarItems{border-top:1px solid #E2E2E2;}
.similarItems .discvrItems{font-style:normal; font-weight:600; font-size:26px; line-height:150%; text-transform:capitalize;}
.similarItems .discvrItems{color:var(--em-color1); margin-bottom:40px;}
.simItems .prodItem{width:100%;}
.simItems .owl-nav button{position:absolute; top:44%; background:var(--em-secondary); !important; width:45px; height:45px; border-radius:100px;}
.simItems .owl-nav button{color:#fff !important; font-size:22px !important;}
.simItems button.owl-prev{left:-60px;}
.simItems button.owl-next{right:-60px;}
.simItems button.owl-next:hover, .simItems button.owl-prev:hover{ background:#000 !important;}

ul.pdfDownload li{ list-style:none !important; display:inline-block;}
ul.pdfDownload li a{font-style:normal; font-weight:400; font-size:16px; line-height:180%; color:#047EAD; display:flex; align-items:center;}
ul.pdfDownload li a:hover{text-decoration:underline; color:var(--em-black);}
ul.pdfDownload li a img{margin-right:10px;}

.quoteForm{width:100%; padding:60px 0px 20px;}
.quoteForm .form-group {gap:5px; margin-bottom:20px;}
.quoteForm .form-group label{font-style:normal; font-weight:400; font-size:14px; color:#828282; width:100%; display:flex;}
.quoteForm .form-group label{flex-wrap:wrap; align-items:center; justify-content:space-between;}
.quoteForm .form-group label > div{cursor:pointer;}
.quoteForm .form-group input{line-height:24px; width:100%; font-weight:500; font-size:14px; letter-spacing:0.2px; color:var(--em-color1); border:0px; background:transparent;}
.quoteForm .form-group input:focus{outline:none; box-shadow:none;}
.form-group select{line-height:24px; width:100%; font-weight:500; font-size:14px; letter-spacing:0.2px; color:var(--em-color1); border:0px; height:24px;}
.quoteForm .form-group select:focus{outline:none; box-shadow:none; border:0px;}
.quoteForm .form-group textarea{line-height:24px; width:100%; height:100px; resize:none; font-weight:500; font-size:14px;}
.quoteForm .form-group textarea {letter-spacing:0.2px; color:var(--em-color1); border:0px;}
.quoteForm .form-group textarea:focus{outline:none; box-shadow:none;}
.quoteForm .qntity{border:0px; margin:0px; width:100%}
.quoteForm .qntity label{width:auto;}
.quoteForm #datepicker {display:flex; cursor:pointer;}
.quoteForm #datepicker input{ width:calc(100% - 21px);}
.quoteForm #datepicker .input-group-addon{width:21px;}
.quoteForm #datepicker1 {display:flex; cursor:pointer;}
.quoteForm #datepicker1 input{ width:calc(100% - 21px);}
.quoteForm #datepicker1 .input-group-addon{width:21px;}
.quoteForm textarea{height:125px;}
.quoteForm button.btn, .quoteForm button.btnOut{min-width:225px;}

.today.day{background:#00749A !important; color:#fff !important; border-radius:39px; width:30px; height:30px; display:flex;}
.today.day{align-items:center; justify-content:center;}

.form-group:focus-within{border: 1px solid #00749A;}




/* Buyer CSS */

.wrapper{width:100%; height:auto; overflow:hidden;}
.buyLogin{width:100%; margin:0 auto;}
.buyLogin .formSide{padding:100px 70px;}
.centerLogin{ width:100%; min-height:100vh; display:-webkit-box; display:-webkit-flex; display:-moz-box; display:-ms-flexbox;}
.centerLogin{ display:flex; flex-wrap:wrap; justify-content:center; align-items:center; padding:15px; background:#f2f2f2;}
.wrapLogin{width:74%; background:#fff; overflow:hidden; display:-webkit-box; display:-webkit-flex; display:-moz-box; }
.wrapLogin{display:-ms-flexbox; display:flex; flex-wrap:wrap; align-items:stretch; flex-direction:row-reverse;}

.loginImg{width:50%; background-image:url(../../assets/images/buyer/login.png); background-repeat:no-repeat; }
.consult{background-image:url(../../assets/images/preLogin/adminLogin.jpg);}
.loginImg{background-size:cover; background-position:center; position:relative; z-index:1;}
.platformLog{background-image:url(../../assets/images/preLogin/oemSignup.png);}


.adminPanel{width:100%; height:auto;}
.innerAdmin{display:flex; flex-wrap:wrap; justify-content:space-between;}
.sidebar{width:285px; background:#FFFFFF; box-shadow:0px 1px 4px rgba(0, 0, 0, 0.25); border-radius:5px; overflow:hidden;}
.mobilSidebar{display:none; padding: 10px 20px;}
.mobilSidebar span {
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 1px;
    margin-left: 10px;
}
.navLists{width:100%; height:auto;}
.navLists ul li{line-height:50px; border-top:1px solid #E2E2E2;}
.navLists ul li:first-child{border-top:0px;}
.navLists ul li a{display:flex; flex-wrap:wrap; justify-content:flex-start; gap:10px; padding:0px 15px; color:#212121;}
.navLists ul li a{font-weight:500; font-size:16px; text-transform:capitalize;}

.navLists ul li a span{ display:block; width:30px; text-align:center;}
.navLists ul li a:hover{background:rgba(0, 116, 154, 0.08); color:#00749A;}
.navLists ul li a:hover img{filter:invert(33%) sepia(54%) saturate(7398%) hue-rotate(177deg) brightness(87%) contrast(102%);}
.navLists ul li.active a{background:rgba(0, 116, 154, 0.08); color:#00749A;}
.navLists ul li.active a img{filter:invert(33%) sepia(54%) saturate(7398%) hue-rotate(177deg) brightness(87%) contrast(102%);}

.pageBody{background:#FFFFFF; box-shadow:0px 1px 4px rgba(0, 0, 0, 0.25); border-radius:5px; overflow:hidden; }
.pageBody{width:calc(100% - 315px); padding:25px 30px; min-height:600px;}
.tabEdit{ display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between;}
.editButton a{font-style:normal; font-weight:500; font-size:16px; text-decoration-line:underline; color:#00749A; text-transform:capitalize;}
.editButton a img{margin-left:12px;}
.tabEdit .nav-tabs button{font-style:normal; font-weight:500; font-size:16px; color:#828282; }
.tabEdit .nav-tabs button{border-width:0px 0px 1px 0px !important; border-style:solid;}
.tabEdit .nav-tabs button.active{ border-color:#00749A; color:#212121;}
.profileForm .form-group.btns{ display:flex; flex-wrap:wrap; justify-content:space-between;}
.profileForm .form-group.btns button{ width:48%;}
.profileForm.frm .form-group{margin-top:20px;}
.profileForm .btns{ display:flex; flex-wrap:wrap; align-items:center; justify-content:flex-end; gap:15px;}
.profileForm .btns button{min-width:220px;}
.profileForm .btns .btnBlank{color:var(--em-red);}

.addNewAddress{width:100%; height:auto;}
.addNewAddress a{display:block; background:#FCFCFC; border:1px solid #E2E2E2; border-radius:6px; padding:10px 15px;}
.addNewAddress a{font-style:normal; font-weight:600; font-size:14px; color:#00749A; display:flex; align-items:center; gap:20px}
.addNewAddress a{justify-content:flex-start; text-transform:uppercase; letter-spacing:0.3px;}
.addPreview{width:100%; height:auto; margin-top:30px; padding:30px; background:#FFFFFF; border:1px solid #E2E2E2; border-radius:6px;}
.addPreview ul li{ font-style:normal; font-weight:500; font-size:14px; color:#212121; margin-top:10px;}
.addPreview ul li:first-child{margin-top:0px;}
.addPreview ul li span{ color:var(--em-secondary);}

.loginDropdwn.postLogin{width:230px; right:0;}
.postLogin .dropped a{text-align:left; padding:0px 20px; font-size:15px; text-transform:capitalize;}
.postLogin .dropped a span{ width:30px; text-align:center; margin-right:10px;}

.globleSearch{width:100%; height:auto; position:relative;}
.globleSearch input{background:#FCFCFC; border:1px solid #E2E2E2; border-radius:6px; padding:0px 15px; line-height:40px;}
.globleSearch input{font-style:normal; font-weight:400; font-size:14px; color:#828282; width:100%;}
.globleSearch span{display:block; width:40px; height:40px; display:flex; flex-wrap:wrap; align-items:center; justify-content:center;}
.globleSearch span{position:absolute; top:0px; right:0px; background:transparent; cursor:pointer;}
.globleSearch span:hover img{filter:invert(33%) sepia(54%) saturate(7398%) hue-rotate(177deg) brightness(87%) contrast(102%);}

.trackShipBtn{position:relative;}
.trackShipBtn span{cursor:pointer;}
.trackShipBtn span svg path{fill:#212121}
.trackShipBtn .trackBtn{position:absolute; right:0px; width:160px; display:none;}
.trackShipBtn .trackBtn.active{display:block;}
.trackShipBtn .trackBtn a{background:#FFFFFF; border:1px solid #E2E2E2; display:block; padding:0px 20px; line-height:40px;}
.trackShipBtn .trackBtn a{font-style:normal; font-weight:400; font-size:14px; color:#212121;}

.tableInside .table{width:100%; border-collapse:separate; border-spacing:0px 15px;}
.tableInside .table thead{background:#00749A; border-radius:6px;}
.tableInside .table thead tr th{border:0px; font-style:normal;font-weight:600; font-size:14px; letter-spacing:0.4px;}
.tableInside .table thead tr th{text-transform:capitalize; color:#FFFFFF; padding:12px 15px; vertical-align: middle;}
.tableInside .table thead tr th:first-child{border-radius:6px 0px 0px 6px;}
.tableInside .table thead tr th:last-child{border-radius:0px 6px 6px 0px;}
.tableInside .table tbody tr{background:#FFFFFF; border-radius:6px; }
.tableInside .table tbody tr td{border-top:1px solid #E2E2E2; border-bottom:1px solid #E2E2E2; padding:12px 15px; font-style:normal; }
.tableInside .table tbody tr td{font-weight:500; font-size:14px; color:#212121; vertical-align: middle;}
.tableInside .table tbody tr td:first-child{border-left:1px solid #e2e2e2; border-radius:6px 0px 0px 6px;}
.tableInside .table tbody tr td:last-child{border-right:1px solid #e2e2e2; border-radius:0px 6px 6px 0px;}
.tableInside .table tbody tr td.green{color:#129A00;}

.notifyLists{width:100%; height:auto; overflow:hidden;}
.notifyLists ul{display:flex; flex-wrap:wrap; gap:10px;}
.notifyLists ul li{width:100%; height:auto; background:#FFFFFF; border:1px solid #E2E2E2; border-radius:6px; padding:20px;}
.notifyLists ul li{display:flex; align-items:center; justify-content:space-between; gap:50px;}
.notifyLists ul li:hover{ border:1px solid var(--em-color1);}
.notifyLists ul li p{margin:0px; font-style:normal; font-weight:500; font-size:14px; color:#212121;}
.notifyLists ul li span{font-style:normal; font-weight:500; font-size:14px; color:#333537;}

.rfqDetTable thead{background:#EFEFEF; border-bottom:1px solid #343A40;}
.rfqDetTable thead tr {}
.rfqDetTable thead tr th{ font-style:normal; font-weight:600; font-size:14px; letter-spacing:0.005em; padding:15px 15px;}
.rfqDetTable thead tr th{ text-transform:capitalize; color:#212121; border-top:1px solid #343A40; vertical-align: middle;}
.rfqDetTable thead tr th:first-child{border-left:1px solid #343A40;}
.rfqDetTable thead tr th:last-child{border-right:1px solid #343A40;}
.rfqDetTable tbody tr td{ font-style:normal; font-weight:500; font-size:14px; line-height:150%; padding:15px 15px;  vertical-align: middle;}
.rfqDetTable tbody tr td{ text-transform:capitalize; color:#212121; border-bottom:0px solid #343A40; border-bottom:1px solid #343A40;}
.rfqDetTable tbody tr td{ border-left:1px solid #343A40;}
.rfqDetTable tbody tr td:last-child{border-right:1px solid #343A40;}
.rfqDetTable tbody tr td:first-child {border-left:0px; border-bottom:0px;}
.rfqDetTable tbody tr:first-child td:first-child{border-left:1px solid #343A40; border-bottom:1px solid #343A40;}

.checkOutPage { width:100%; height:auto;}
.payLeft > h2 { font-style:normal; font-weight:500; font-size:16px; line-height:140%; color:#212121; display:flex;}
.payLeft > h2{ align-items:center; gap:10px; border-bottom:1px solid #2FDA81; padding-bottom:20px; margin-bottom:20px;}
.payLeft h4 { font-style:normal; font-weight:600; font-size:20px; line-height:normal; color:#212121; margin-bottom:7px;}
.payLeft p{ font-style:normal; font-weight:400; font-size:14px; line-height:160%; color:#828282;}
.checkOutPage .quoteForm h4{font-style:normal; font-weight:600; font-size:20px; line-height:normal; color:#212121; margin:10px 0px 10px 0px;}

.paymentMethod .nav-tabs {
 gap:10px;
 justify-content:space-between;
 border:0px;
}
.paymentMethod .nav-tabs button {
 background:#D3D3D3;
 font-style:normal;
 font-weight:400;
 font-size:14px;
 line-height:17px;
 color:#828282 !important;
 display:flex;
 align-items:center;
 gap:10px;
 border-radius:0px;
 min-height:80px;
 width:32%;
 justify-content:center;
 border:0px;
}

.paymentMethod .nav-tabs button.active{
 background:rgba(4, 126, 173, 0.1);
 
}
.paymentMethod .nav-tabs button.active img{filter:invert(24%) sepia(0%) saturate(0%) hue-rotate(99deg) brightness(102%) contrast(94%);}

.cardCat {
 width:100%;
 height:auto;
 margin-top:30px;
}

.cardCat h4{font-style:normal; font-weight:600; font-size:18px; line-height:normal; color:#212121; text-transform:capitalize;}
.cardCat ul{display:flex; flex-wrap:wrap; align-items:center; justify-content:flex-start; gap:50px; margin-top:20px;}
.cardCat ul li{display:flex; flex-wrap:wrap; align-items:center; justify-content:flex-start; gap:10px;}

.subtotal {
 background:#F8F8F8;
 border:1px solid #E2E2E2;
 border-radius:8px;
 padding:25px;
 width:100%;
 height:auto;
}
.subtotal h4 {
 font-style:normal;
 font-weight:600;
 font-size:20px;
 line-height:150%;
 color:#212121;
}
.subtotal p {
 font-style:normal;
 font-weight:400;
 font-size:14px;
 line-height:17px;
 color:#828282;
}
.prdtQty {
 background:#fff;
 border:1px solid #E2E2E2;
 border-radius:8px;
 padding:20px;
 display:flex;
 flex-wrap:wrap;
 align-items:center;
 justify-content:space-between;
}
.prdtQty .prodImgs {
 width:auto;
 padding:15px;
 border:1px solid #ccc;
 border-radius:8px;
 width:25%;
 display:flex;
 align-items:center;
 justify-content:center;
}

.prdtQty .prodImgs > img {
 max-height:55px;
}

.smldsc {
 text-align:left;
 width:70%;
}

.smldsc h5 {
 font-style:normal;
 font-weight:500;
 font-size:14px;
 line-height:150%;
 color:#212121;
}

.smldsc .qtyy .qntity {
 border:0px;
 margin:10px 0px 0px 0px;
 width:100%;
}

.sbttl {
 width:100%;
 height:auto;
 font-style:normal;
 font-weight:600;
 font-size:20px;
 line-height:150%;
 color:#212121;
 display:flex;
 align-items:center;
 justify-content:space-between;
 padding:20px 0px;
 border-bottom:1px solid #E2E2E2;
 margin-bottom:20px;
}
.amtBrief {
 width:100%;
 height:auto;
 padding-bottom:0px;
 margin-bottom:20px;
 border-bottom:1px solid #E2E2E2;
}
.amtBrief li {
 display:flex;
 flex-wrap:wrap;
 align-items:center;
 justify-content:space-between;
 margin-bottom:20px;
}
.amtBrief li label {
 font-style:normal;
 font-weight:400;
 font-size:16px;
 line-height:19px;
 color:#828282;
}
.amtBrief li span {
 font-style:normal;
 font-weight:500;
 font-size:16px;
 line-height:19px;
 color:#212121;
}

.bdr {
 position:relative;
}


.bdr:after { position:absolute; right:0; border-right:1px solid #e2e2e2; content:""; height:100%; top:0;}
.tbBtn { line-height:30px; font-size:12px; padding:0px 15px;}

/* Table Accordian */

.tableAccordian table { position:relative; width:100%;}
.tableAccordian table.fold-table > tbody > tr.view { transition:all 0.3s ease;}
.tableAccordian table.fold-table > tbody > tr.view td, table.fold-table > tbody > tr.view th { cursor:pointer;}
.tableAccordian table.fold-table > tbody > tr.fold { display:none;}
.tableAccordian table.fold-table > tbody > tr.fold.open { display: table-row; }
.tableAccordian table.fold-table > tbody > tr.fold.open { }
.tableAccordian table.fold-table > tbody > tr.fold.open td{padding: 35px; border: 1px solid #F5F5F5; background: rgba(245, 245, 245, 0.31); border-radius: 6px;}
.tableAccordian .fold-content > table > tbody > tr { cursor:pointer;}

.trackingShip { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between;}
.invoicebtn { width: 30%; display: flex; flex-wrap: wrap; gap: 10px;}
.invoicebtn button { width: 100%;}
.trackingSteps { width: 55%;}
.trackingSteps ul li { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; margin-top: 40px;}
.trackingSteps ul li:first-child{margin-top: 0px;}
.trackingSteps ul li span { display: block; font-style: normal; font-weight: 400; font-size: 13px; line-height: 15px;}
.trackingSteps ul li span { text-transform: capitalize; color: #828282; width: 40%;}
.trackingSteps ul li div {position: relative;}
.trackingSteps ul li div span{    width: 14px;    color: #DEDEDE;    position: relative;    z-index: 99999;    width: 14px;    height: 14px;    background: #DEDEDE;    border-radius: 31px;    display:block;}
.trackingSteps ul li div.active span{background:#5BD366; }
.trackingSteps ul li div:before {    position: absolute;    content: "";    border-right: 2px solid #DEDEDE;    height: 55px;    bottom: 11px;    left: 0;    right: 0;    margin: 0 auto;    width: 2px; z-index: 1}
.trackingSteps ul li div.active{color:#5BD366;}
.trackingSteps ul li div.active:before{border-right: 2px solid #5BD366; }
.trackingSteps ul li:first-child div:before{content:none;}




/* End Buyer CSS */



/* Emaar Platform */


.tab-content{width: 100%;}
.badge.confirm {
    background: rgba(18, 154, 0, 0.29);
    border-radius: 4px;
    padding: 8px 12px;
    font-style: normal;
    font-weight: 500;
    font-size: 12px;
    line-height: 15px;
    color: #129A00;
}

.switchers {    width: 100%;    height: auto;}
.switchers h4{font-style: normal; font-weight: 600; font-size: 16px; line-height: 21px; color: #000000; text-transform: capitalize;}
.switchers h4{margin-bottom:25px;}
.switchers ul li {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 30px;
}

.switchers ul li label{
    font-style: normal; 
    font-weight: 400; 
    font-size: 16px; 
    line-height: 21px; 
    color: #4D4D4D; 
    letter-spacing: 0.5px; 
    text-transform: capitalize; 
    width: 25%;
}

.switchers ul li span{
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 21px;
    text-transform: capitalize;
    color: #000000;
    width: 60%;
}

.dashboardPage {
    width: 100%;
    height: auto;
}

.dashItems {
    width: 100%;
    height: auto;
    display: flex;
    flex-wrap: wrap;
    gap: 25px;
    justify-content: space-between;
}

.dashItems .dashItem {
    width:calc(33% - 15px);
    background: #FFFFFF;
    box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.09);
    border-radius: 6px;
    padding: 20px;
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    align-items: center;
}

.dashItems .dashItem .icon {
    background: rgba(255, 255, 255, 0.06);
    border-radius: 3px;
    width: 66px;
    height: 66px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.dashItems .dashItem .itemDet {
    width: 59%;
}
.dashItems .dashItem .itemDet h4 {
    font-style: normal;
    font-weight: 500;
    font-size: 32px;
    line-height: 39px;
    color: #212121;
    margin: 0px;
    text-align: center;
}
.dashItems .dashItem .itemDet label {
    margin: 3px 0px 0px 0px;
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    color: #212121;
    line-height: 17px;
    display: block;
    text-align: center;
}

.dashItems .dashItem .icon1{background: rgba(4, 126, 173, 0.06);}
.dashItems .dashItem .icon2{background: rgba(248, 153, 107, 0.06);}
.dashItems .dashItem .icon3{background: rgba(91, 211, 102, 0.06);}
.dashItems .dashItem .icon4{background: rgba(149, 4, 173, 0.06);}
.dashItems .dashItem .icon5{background: rgba(11, 150, 133, 0.06);}
.dashItems .dashItem .icon6{background: rgba(90, 63, 255, 0.06);}



/* OEM */

.welPoints{width:100%; height:auto; text-align:left;}
.welPoints ul li{width:100%; height:auto; display:flex; flex-wrap:wrap; justify-content:flex-start; gap:30px; margin-bottom:30px;}
.welPoints ul li span{background:rgba(0, 116, 154, 0.08); border:1px solid #E2E2E2; width:30px; height:30px; display:flex; flex-wrap:wrap;}
.welPoints ul li span{align-items:center; justify-content:center; font-style:normal; font-weight:800; font-size:16px; color:#00749A;}
.welPoints ul li span {border-radius:50px;}
.welPoints ul li > div{width:calc(100% - 60px);}
.welPoints ul li > div h2{font-style:normal; font-weight:500; font-size:18px; line-height:22px;color:#212121;}
.welPoints ul li > div p{font-style:normal; font-weight:400; font-size:16px; line-height:180%; color:#212121;}

.welcomeImg{width:100%; text-align:center;}
.quoteForm h4{font-style:normal; font-weight:500; font-size:18px; line-height:22px; color:#212121; margin-bottom:25px;}
.choosefile > input::file-selector-button{background:#fff !important; border:1px solid #212121; border-radius:6px; line-height:40px; padding:0px 15px;}


.select2-container{min-width:auto;}
.select2-results__option{padding-right:20px; vertical-align:middle;}
.select2-results__option:before{content:""; display:inline-block; position:relative; height:18px; width:18px; border:0px solid #e9e9e9; border-radius:4px; background-color:transparent; margin-right:20px; vertical-align:middle; background:url(../../assets/images/preLogin/icons/uncheck.svg) no-repeat;}
.select2-results__option[aria-selected=true]:before{content:""; background:url(../../assets/images/preLogin/icons/check.svg) no-repeat; width:18px; height:18px; border:0px; border-radius:0px;}
.select2-container--default .select2-results__option[aria-selected=true]{background-color:#fff;}
.select2-container--default .select2-results__option--highlighted[aria-selected]{background-color:#eaeaeb; color:#272727;}
.select2-container--default.select2-container--focus .select2-selection--multiple{border-color:transparent; border-width:0px;}
.select2-container--default .select2-selection--multiple{border-width:0px;}
.select2-container--open .select2-dropdown--below{border-radius:0px; box-shadow:none; border-top:1px solid #aaa; min-width:416px; left:-26px; top:25px;}
.select2-results__options{max-height:324px !important;}
.select2-selection .select2-selection--multiple:after{content:'hhghgh';}
.select-icon .select2-selection__placeholder .badge{display:none;}
.select-icon .select2-results__option:before,.select-icon .select2-results__option[aria-selected=true]:before{display:none !important;}
.select-icon .select2-search--dropdown{display:none;}
.select2-selection__rendered{padding:0px !important;}
.select2-results__option{padding:20px 30px; border-bottom:1px solid #E2E2E2; background:#FFFFFF; font-style:normal; font-weight:400; font-size:14px; line-height:17px; color:#212121;}

.thankuDetails{background:#FFFFFF; box-shadow:0px 0px 4px rgba(0, 0, 0, 0.25); padding:50px; text-align:center;}
.thankuDetails img{margin:0 auto 50px;}
.thankuDetails div h4{font-style:normal; font-weight:600; font-size:16px; line-height:48px; text-transform:uppercase; color:#000000;}
.thankuDetails div p{font-style:normal; font-weight:400; font-size:14px; line-height:28px; color:#000000;}

.listedItems .disProducts{width:100%;}
.notEdit .form-group.disabled{background:#f9f9f9;}
.detailPopup{padding:50px;}
.detailPopup .heading{justify-content:space-between;}
.detailPopup > div.inform{box-shadow:0px 0px 5px rgba(0, 0, 0, 0.5);}
.infoBlock .colorHead{border-radius:0px;}

.insideDetails{padding:30px; width:100%; height:auto; overflow:hidden;}
.insideDetails ul{display:flex; flex-wrap:wrap; justify-content:space-between; gap:20px;}
.insideDetails ul li{width:48%; display:flex;}
.insideDetails ul li label{text-transform:capitalize; font-size:16px; font-weight:400; white-space:nowrap; margin-right:5px;}
.insideDetails ul li span{display:inline-block; color:#000; font-weight:600;}

.remarks label{font-size:14px; margin-bottom:5px;}
.remarks textarea{height:150px; width:100%; resize:none; border:1px solid #ccc; font-size:14px; line-height:20px; padding:10px;}
.verifiedBy{width:100%; height:auto; }
.verifiedBy label{font-size:14px; background:#fff; position:relative; bottom:-15px;}
.verifiedBy input{border-width:0px 0px 1px 0px; border-style:solid; border-color:#ccc; width:100%; padding-left:95px;}
.verifiedBy input:focus{ outline:none; box-shadow:none;}

.bb{border-bottom:1px solid #ccc;}
.aboutUs .heading, .ourProducts .heading, .topBrand .heading, .resources .heading, .teams .heading, .reqQuote .heading{width:100%; display:block;}

.owl-dots{width:100%; text-align:center;}
.owl-dots button{width:40px; height:5px; background:#f1f1f1 !important; margin:5px; border-radius:12px;}
.owl-dots button.active{background:#050A30 !important;}

.notification{position:relative;}
.notification label{position:relative; cursor:pointer;}
.notification label .ntfyPing{display:block; position:absolute; top:-4px; right:-2px;}
.notifyListsDrop{position:absolute; top:auto; width:600px; right:-40px; border-radius:0px; z-index:9999; display:none;}
.notifyListsDrop{box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.2);}
.notifyListsDrop ul li{width:100%; padding:20px; background:#fff; border-bottom:1px solid #E9E9E9; }
.notifyListsDrop ul li:hover{background:#f7f7f7; border-bottom:1px solid rgba(61, 118, 225, 0.2);}
.notifyListsDrop ul li p{font-style:normal; font-weight:400; font-size:14px; line-height:21px; letter-spacing:0; color:#757575; margin:0px;}
.notifyListsDrop ul li p span{font-weight:700; font-style:italic;}
.notifyListsDrop ul li small{font-style:normal; font-weight:500; font-size:12px; line-height:21px; text-transform:capitalize; color:#757575;}
.btnsLists{text-align:right; margin-top:10px; display:flex; flex-wrap:wrap; justify-content:flex-end;}
.btnsLists button{line-height:30px; border-radius:5px; margin-left:5px; font-size:12px;}
.notification:hover .notifyListsDrop{display:block;}

.oemPages.searchside{gap:30px;}
.CrteListngPge > .pics {
 display:flex;
 flex-wrap:wrap;
 gap:20px;
}
.CrteListngPge > .pics .listngImg {
 display:flex;
 flex-wrap:wrap;
 gap:20px;
}
.CrteListngPge > .pics .listngImg li {
 width:calc(25% - 20px);
 min-height:140px;
 display:flex;
 align-items:center;
 justify-content:center;
 border:0.293249px solid #E6E8EC;
 border-radius:2.05274px 2.05274px 0px 0px;
}

.CrteListngPge > .pics .listngImg li img {
 max-height:100px;
}

.addImg{cursor:pointer;}
.CrteListngPge {
 
}

.CrteListngPge > .pics{
 padding-bottom:40px;
 margin-bottom:40px;
 border-bottom:1px solid #E2E2E2;
}

.CrteListngPge .form-group textarea{height:150px;}
.pdfBlock {
 display:flex;
 justify-content:space-between;
 align-items:center;
}

.crteMblList{display: none;}

/* End OEM */


span.select2{position: relative;}
span.select2:after {
    position: absolute;
    content: "";
    right: 0;
    top: 16px;
    background: url(../../assets/images/dropArrow.png) no-repeat;
    width: 10px;
    height: 6px;
}


/* Scroll to Top */

#button{display:flex; background-color:#050A30; width:50px; height:50px; text-align:center; border-radius:4px; position:fixed;}
#button{bottom:30px; align-items:center; justify-content:center;}
#button{right:30px; transition:background-color .3s, opacity .5s, visibility .5s; opacity:0; visibility:hidden; z-index:1000;}
#button svg path{fill:#fff;}
#button:hover{cursor:pointer; background-color:#101956;}
#button:active{background-color:#101956;}
#button.show{opacity:1; visibility:visible;}



.mobAdminBtn{display: none;}