@font-face {
    font-family: 'HandelGotDBol';
    src: url('../fonts/HandelGotD-Bold.eot');
    src: url('../fonts/HandelGotD-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/HandelGotD-Bold.woff2') format('woff2'),
        url('../fonts/HandelGotD-Bold.woff') format('woff'),
        url('../fonts/HandelGotD-Bold.ttf') format('truetype'),
        url('../fonts/HandelGotD-Bold.svg#HandelGotD-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
  font-family: 'icomoon';
  src:  url('../fonts/icomoon.eot?mfp4tm');
  src:  url('../fonts/icomoon.eot?mfp4tm#iefix') format('embedded-opentype'),
    url('../fonts/icomoon.ttf?mfp4tm') format('truetype'),
    url('../fonts/icomoon.woff?mfp4tm') format('woff'),
    url('../fonts/icomoon.svg?mfp4tm#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

body {margin:0px; padding:0px; color:#231f20;  font-family: "Roboto", sans-serif; font-weight:400; font-size:15px; line-height:24px;}
.qulaity-bg {padding:25px; height:375px; width:100%; float:left; border:1px solid #eeeeee;}
.iconqulaity {width:70px; height:70px; margin:0 auto 20px;}
.text-center {text-align:center;}


.btn {
  font-weight: 500;
  transition: .5s;
}

.btn.btn-primary {
  color: #FFFFFF;
}

.btn-sm-square {
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  font-weight: normal;
}

.navbar .dropdown-toggle::after {
  border: none;
  content: "\f107";
  font-family: "FontAwesome";
  font-weight: 900;
  vertical-align: middle;
  margin-left: 8px;
}

.navbar-light .navbar-nav .nav-link {
  margin-right: 30px;
  padding: 25px 0;
  color: #FFFFFF;
  font-size: 17px;
  font-weight: 400;
  
  outline: none;
}

.navbar-light .navbar-nav .nav-link:hover,
.navbar-light .navbar-nav .nav-link.active {
  color: blue;
}

@media (max-width: 991.98px) {
  .navbar-light .navbar-nav .nav-link  {
      margin-right: 0;
      padding: 10px 0;
  }

  .navbar-light .navbar-nav {
      border-top: 1px solid #EEEEEE;
  }
}

.navbar-light .navbar-brand,
.navbar-light a.btn {
  height: 75px;
}

.navbar-light .navbar-nav .nav-link {
  color: #fff;
  font-weight: 500;
}

@media (min-width: 992px) {
  .navbar .nav-item .dropdown-menu {
      display: block;
      border: none;
      margin-top: 0;
      top: 150%;
      opacity: 0;
      visibility: hidden;
      transition: .5s;
  }

  .navbar .nav-item:hover .dropdown-menu {
      top: 100%;
      visibility: visible;
      transition: .5s;
      opacity: 1;
  }
}
.carousel-caption {top: 18%;}
.carousel-caption p {font-size:14px; font-weight:500; line-height:24px; color:#000;}
.carousel-caption h5 {font-family: 'HandelGotDBol'; font-size:48px; line-height:48px; color:#0c4da2;}
.carousel-caption h5 span {color:#4277bc;}
.carousel-caption a {background: #b2343e; padding:5px 5px 5px 20px; font-size:18px; color:#fff; border-radius:35px; line-height:18px; float:left; text-decoration:none;}
.carousel-caption a span {float:left; line-height:38px;}
.carousel-caption a:hover {background:#0c4da2;}
.navbar-scrolled {background:#fff; Color:#000;}
.navbar-scrolled a.nav-link {color:#000 !important;}
.navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link.active {color:#a41d21;}
.navbar-scrolled .nav-link.active {color:#a41d21 !important;}
.blue-bg {background:#1658ae;}
.padding-80 {padding:80px 0;}
h1, h2, h3, h4, h5 {font-family: 'HandelGotDBol';}
.blue-bg h1 {font-size:48px; color:#fff;}
.blue-bg h1 span {font-family: "Roboto", sans-serif; font-size:15px; line-height:24px; color:#fff; font-weight:400;}
.mt-30 {margin-top: -30px;}
.blue-bg p {color:#fff; font-size:16px; line-height:30px;}
.blue-bg a {background:#fff; padding:5px 5px 5px 20px; float:left; font-size:18px; color:#a41d21; border-radius:35px; line-height:18px; text-decoration:none;}
.blue-bg a span {float:left; line-height:38px;}
.blue-bg a:hover {background:#eaeaea;}
.height-50px {height:150px;}
.counter h2 {font-size:36px; color:#fff; line-height:36px;}
.counter {text-align:center; color:#fff;}
.counter p {font-size:14px;}
h2 {font-size:36px; color:#231f1f;}
.grey-color {background:#eaeaea;}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  font-size:100px;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-buttweld-fittings .path1:before {
  content: "\e900";
}
.icon-buttweld-fittings .path2:before {
  content: "\e901";
  margin-left: -1em;
}
.icon-buttweld-fittings .path3:before {
  content: "\e902";
  margin-left: -1em;
}
.icon-buttweld-fittings .path4:before {
  content: "\e903";
  margin-left: -1em;
}
.icon-buttweld-fittings .path5:before {
  content: "\e904";
  margin-left: -1em;
}
.icon-coated-fittings:before {
  content: "\e905";
}
.icon-Flanges:before {
  content: "\e906";
}
.icon-forged-fittings:before {
  content: "\e907";
}
.icon-long-radius-pipe-bend:before {
  content: "\e908";
}
.icon-tube-fittings:before {
  content: "\e909";
}
.slider {
  margin-bottom: 30px;
  position: relative;
}
.slider .owl-item.active.center .slider-card {
   /* transform: scale(1.1); */
  /* opacity: 1; */
  /* background: #a41d21; /* fallback for old browsers */  
   /* color: #fff;  */
}

.product-range .slider-card {padding:20px; float:left;}


.product-range .slider-card {
      background: #0c4da2;
    padding: 25px 20px;
    margin: 0px 0px 0px 0px;
    border-radius: 50px;
    -webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.3);
-moz-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.3);
box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.3);
     transform: scale(0.9);
    transition: all 0.3s;
    height: 400px;
	border:3px solid #fff;
	color:#fff;
}

.product-range .slider-card:hover {
background: #a41d21;	
}

.product-range .slider-card img {
  border-radius: 5px 5px 0px 0px;
}

.matrial-area .slider-card {padding:20px; float:left;}


.matrial-area .slider-card {
     
    padding: 20px 20px;
    margin: 0px 0px 0px 0px;
    border-radius: 5px;
    --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
        --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
        box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
     transform: scale(0.9);
    transition: all 0.3s;
    /* height: 400px; */
	border:1px solid #dee2e6;
	color:#fff;
	width: 100%;
	
}

.matrial-area .slider-card:hover {
background: #a41d21;	
}

.matrial-area .slider-card img {
  border-radius: 5px 5px 0px 0px;
}
.owl-nav .owl-prev {
  position: absolute;
  top: calc(50% - 25px);
  left: -20px;
  opacity: 1;
  font-size: 40px !important;
  z-index: 1;
  color:#a41d21 !important;
}
.owl-nav .owl-next {
  position: absolute;
  top: calc(50% - 25px);
  right: -20px;
  opacity: 1;
  font-size: 40px !important;
  z-index: 1;
   color:#a41d21 !important;
}
.owl-dots {
  text-align: center;
  display:none;
}
.owl-dots .owl-dot {
  height: 10px;
  width: 10px;
  border-radius: 10px;
  background: #ccc !important;
  margin-left: 3px;
  margin-right: 3px;
  outline: none;
}
.owl-dots .owl-dot.active {
  background: #a41d21 !important;
}
.padding-top-50{padding:70px 0 40px;}
.slider-card h5 {font-family: "Roboto", sans-serif; font-size:24px; font-weight:500; color:#fff;}
.red-more{background:#fff; padding:10px 20px; margin:0 auto; width:110px; display:flex; font-size:14px; color:#a41d21; border-radius:35px; line-height:18px; text-decoration:none;}

	
.matrial-area .slider-card h5 {font-family: "Roboto", sans-serif; font-size:24px; font-weight:500; color:#0c4da2;}
.matrial-area .slider-card:hover h5 {color:#fff;}
.matrial-area .slider-card .Titanium {background: url("/wp-content/uploads/2025/07/titanium.png") no-repeat top center; width: 100px; float: left; height: 100px;}
.matrial-area .slider-card:hover .Titanium {background: url("/wp-content/uploads/2025/07/titanium-hover.png") no-repeat top center; width: 100px; float: left; height: 100px;}

.matrial-area .slider-card:hover .red-more {background:#a41d21;}
.matrial-area .slider-card .carbon {background: url("/wp-content/uploads/2025/07/carbon.png") no-repeat top center; width: 100px; float: left; height: 100px;}
.matrial-area .slider-card:hover .carbon {background: url("/wp-content/uploads/2025/07/carbon-hover.png") no-repeat top center; width: 100px; float: left; height: 100px;}
.matrial-area .slider-card .nickel {background: url("/wp-content/uploads/2025/07/nickel.png") no-repeat top center; width: 100px; float: left; height: 100px;}
.matrial-area .slider-card:hover .nickel {background: url("/wp-content/uploads/2025/07/nickel-hover.png") no-repeat top center; width: 100px; float: left; height: 100px;}
.matrial-area .slider-card .stinless-steel {background: url("/wp-content/uploads/2025/07/stinless-steel.png") no-repeat top center; width: 115px; float: left; height: 100px;}
.matrial-area .slider-card:hover .stinless-steel {background: url("/wp-content/uploads/2025/07/stinless-steel-hover.png") no-repeat top center; width: 115px; float: left; height: 100px;}
.matrial-area .slider-card .alloy-steel {background: url("/wp-content/uploads/2025/07/alloy-steel.png") no-repeat top center; width: 115px; float: left; height: 100px;}
.matrial-area .slider-card:hover .alloy-steel {background: url("/wp-content/uploads/2025/07/alloy-steel-hover.png") no-repeat top center; width: 115px; float: left; height: 100px;}
.matrial-area .slider-card .cupro-nickel {background: url("/wp-content/uploads/2025/07/cupro-nickel.png") no-repeat top center; width: 115px; float: left; height: 100px;}
.matrial-area .slider-card:hover .cupro-nickel {background: url("/wp-content/uploads/2025/07/cupro-nickel-hover.png") no-repeat top center; width: 115px; float: left; height: 100px;}
.padding-80 {padding:80px 0;}
.iconservice {padding:15px; float:left; width:100%; background:#fff; border-radius:10px; margin-bottom:30px;}
.iconservice-1 {background:#1658ae; padding:10px; border-radius:10px; margin-right:20px; float:left;}
.font-icon {font-family: "Roboto", sans-serif; font-size:24px; font-weight:700; padding:30px 0; float:left; color:#18191b;}
.iconservice:hover {-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.3);
-moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.3);
box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.3); transition: all 0.3s;}
.iconservice:hover .iconservice-1 {background:#a41d21; transition: all 0.3s;}
.height-arrow {height: 40px;}
.container-testimonal {left:9%; position:relative; width:90%;}
.image-test {width:50px; height:50px; float:left; margin-right:20px; border-radius:50%;}
.name {font-size:16px; color:231f20; font-weight:600;}
.name small {font-weight:400;}


.slider-1 img {
  width: 50px;
  height: 50px;
  max-width:50px;
  margin:0 20px;
  animation: scroll 60s linear infinite;
}

.slide-track {
  width: 100%;
  display: flex;
  gap: 3em;
  overflow: hidden;
}

.slider-1 {
  padding: 1em;
}

@keyframes scroll {
  0% {transform: translateX(0);}
  100% {transform: translatex(-1000%)}
}

.slider-2 img {
  width: 50px;
  height: 50px;
  max-width:50px;
  margin:0 20px;
  animation: scroll-1 60s linear infinite;
  
}

.slide-track {
  width: 100%;
  display: flex;
  gap: 3em;
  overflow: hidden;
}

.slider-2 {
  padding: 1em;
}

@keyframes scroll-1 {
  0% {transform: translateX(-1000%);}
  100% {transform: translatex(0)}
}
.pb-80 {padding-bottom:80px;}

#stefets-picture {
    filter: invert(18%) sepia(95%) saturate(2106%) hue-rotate(205deg) brightness(90%) contrast(80%);
    -webkit-filter: invert(18%) sepia(95%) saturate(2106%) hue-rotate(205deg) brightness(90%) contrast(80%);
}

 #stefets-picture:hover { 
    filter: none; 
     -webkit-filter: grayscale(0);
 }
.mt30 {margin-top:50px;}
.dwl-area {
  position: relative;
  width: 100%;
  background:#b3484c;
}

.image {
  opacity: 1;
  display: block;
  width: 100%;
  height: auto;
  transition: .5s ease;
  backface-visibility: hidden;
  -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.3);
-moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.3);
box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.3);
}

.middle {
  transition: .5s ease;
  opacity: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  text-align: center;
}

.dwl-area:hover .image {
  opacity: 0.1;
}

.dwl-area:hover .middle {
  opacity: 1;
}
.Application-area {border:1px solid #1658ae; margin-bottom:30px; transition: all 0.3s; background:#fff; border-radius:10px; padding:30px;}
.Application-area:hover {border-color:#a41d21; background:#a41d21;}
.Application-area .iconservice-2 {
    background: #1658ae;
    padding: 10px;
    border-radius: 50%;
    width:70px;
	height:70px;
	display: flex;
    margin: 0 auto;
	border:2px solid #1658ae;
}
.Application-area .title {
    font-family: "Roboto", sans-serif;
    font-size: 20px;
    font-weight: 700;
    padding: 30px 0 0;
    text-align:center;
    color: #18191b;
}
.Application-area:hover .iconservice-2 {background:#a41d21; border:2px solid #fff;}
.Application-area:hover .title{color:#fff;}
.box-shadow {-webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.5);
-moz-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.5);
box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.5);}
.certification a {background:#a41d21; padding:5px 5px 5px 20px; float:left; font-size:18px; color:#fff; border-radius:35px; line-height:18px; text-decoration:none;}
.certification a span {float:left; line-height:38px;}
.certification a:hover {background:#1658ae;}
.footer {background: url("/wp-content/uploads/2025/07/footer.jpg") no-repeat top center #1658ae; width:100%; float:left;}
.contact-footer {padding:70px 0 70px; float:left; width:100%; color:#fff; text-align:center; border-bottom:1px solid #fff;}
.contact-footer h2{color:#fff;}
.center-button {width:200px; margin:30px auto 0;}
.footer-main {padding:50px 0; float:left; width:100%; border-bottom:1px solid #fff;}
.footer-main span {float:left; margin-right:10px;}
.footer-main h3{ font-size:18px; color:#fff; margin: 0 0 10px 0;}
.footer-main p {color:#fff; font-size:14px; margin-bottom:10px;}
.footer-main p a {Color:#fff; text-decoration:none;}
.copy-right {padding:10px; font-size:14px; color:#fff; float:left; width:100%; text-align:center;}
.border-bottom {border-bottom:1px solid #fff;}

.dropdown-service {
  position: relative;
  display: inline-block;
}

.dropdown-service-content {
  display: none;
  position: absolute;
  background-color: #fff;
  min-width: 160px;
  box-shadow: 0px 10px 10px 0px rgba(0,0,0,0.3);
  padding: 15px 15px;
  z-index: 1;
}

.dropdown-service-content p {font-weight:400; font-size:15px;}

.dropdown-service:hover .dropdown-service-content {
  display: block;
  top: 105px;
    width: 100%;
    left: 0px;
}

@media only screen and (max-width: 600px) {
.navbar-light .navbar-brand {width:70%;}	
.navigation-bg {background:none !important;}
.bg-color {min-height:300px !important; margin-top:70px;}
.banner-title-area h1 {font-size:26px !important; text-align:center;}
.title h2 {text-align:left; font-size:22px;}
ul.bullet {text-align:left;}
.footerlogo img {width:100%; margin-bottom:20px;}
	.mt-30 {margin-top:0px !important;}
#carouselExampleCaptions {margin-top:75px;}	
.border-bottom {background:#fff;}
.navbar-light .navbar-nav .nav-link {color:#000;}
.padding-80 {padding:50px 0; text-align:center;}
.blue-bg h1 {font-size:30px;}
.carousel-caption h5 {font-size:30px; color:#fff; line-height:30px;}
.carousel-caption {top:3%; text-align:center; Color:#fff;}
.carousel-caption p {Color:#fff; font-size:11px; line-height:14px;}
.carousel-caption span img {width:20px;}
.carousel-caption a span {line-height:20px; font-size:16px;}
.carousel-caption a {float: none; margin: 0 auto; display: flex; padding:5px 5px 5px 10px; justify-content: center; width: 125px;}
.blue-bg a {float: none; margin: 0 auto; display: flex; padding:5px 5px 5px 10px; justify-content: center; width: 125px;}
.blue-bg a span {line-height: 20px;font-size: 16px;}
.blue-bg span img {width:20px;}
.height-50px {height:50px;}
.padding-top-50 {padding:30px 0 30px;}
h2 {font-size:24px; text-align:center;}
.font-icon {width:100%; font-size:16px; text-align:center; padding: 10px 0 0;}
.iconservice-1 {float: none; display: flex; width: 50px; justify-content: center; margin: 0 auto; padding: 5px;}
.images-globe {width:60%; margin:0 auto;}
.pb-80 {padding-bottom:30px;}
.mt30 {margin:20px 0;}
.mt30 img {width:80%; margin:0 auto;}
.Application-area .title {font-size:16px; padding:10px 0 0 0;}
.Application-area {padding:10px; }
.Application-area .iconservice-2 {width:50px; height:50px; padding:5px;}
.certification a {float: none; margin: 0 auto 30px; display: flex; padding:5px 5px 5px 10px; justify-content: center; width: 125px;}
.certification a span {line-height: 20px; font-size: 16px;}
.certification span img {width:20px;}
.contact-footer {padding: 20px 0 20px;}
.footer-main {padding:30px 0;}
.footerlogo {width:200px; margin:0 auto 0px;}
.footerlogo span img {width:40px;}
.mt20{margin-top:20px;}
.owl-nav .owl-prev {left:0px;}
.owl-nav .owl-next {right:0px;} 
.fixed-top {background:#fff;}
}
 .navigation-bg .navbar-light .navbar-nav .nav-link {color:#231f20;} 
 .navigation-bg .navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link.active {color:#a41d21;}

.bg-color:before {
   position: absolute;
    content: '';
    background-color: #0f4688;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
   opacity:0.8;
	
}

.bg-color > * {
    z-index: 9;
}

.bg-color {
    position: relative;
    min-height: 350px;
    /* background-image: url(https://images.unsplash.com/photo-1509473332032-f1ce823d92c4?ixlib=rb-0.3.5&q=85&fm=jpg&crop=entropy&cs=srgb&ixid=eyJhcHBfaWQiOjE0NTg5fQ&s=3e2410208e8f8a78e4aa3550fddfbb44); */
    /* background-size: cover; */
    display: flex;
	background-size: cover;
    background-position: center center;
    background-repeat: no-repeat; 
}

.o-hidden {
    overflow: hidden;
/* 	margin-top:75px; */
	
}
.banner-title-area {display: flex;
    justify-content: flex-start;
    width: 100%;
    align-items: center;}
.banner-title-area h1 {font-size:40px; color:#fff;}
.ptb20 {padding:15px 0 1px;}
.breadcrumb {font-size:14px; color:#1658ae; font-weight:400;}
.breadcrumb a {text-decoration:none; color:#000;}
.breadcrumb-item.active {color:#1658ae !important;}
.inner-page h2,h3 {font-size:22px; Color:#231f1f; text-transform: capitalize; margin-bottom:30px;}
.inner-page p {font-size:14px;}
.title-inner {background: url("/wp-content/uploads/2025/07/title-logo.jpg") no-repeat top left; margin-top: 30px; padding-left:40px;}
.title h2 {font-size:24px; text-transform: capitalize; Color:#0c4da2; margin-bottom:10px; margin-top:20px;}
ul.bullet {list-style:none; margin:0px; padding:0px;}
ul.bullet li {margin:0px; padding:0px; background: url("/wp-content/uploads/2025/07/arrow-bullet.png") no-repeat 0 4px; padding:0 0 20px 25px; line-height:24px; font-size:15px; color:#231f20;}
.product-img img {width:100%; margin:10px 0 30px;}
table {
  
  border-collapse: collapse;
  width: 100%;
  margin-bottom:20px;
  font-size:15px;
}

td, th {
  border: 1px solid #dddddd;
  text-align: left;
  padding: 8px;
}
 
 th {
	background-color: #dddddd;
}
.table-responsible {overflow:auto;}

.nav .nav-item button.active {
  background-color: transparent;
  color:#231f1f !important;
}
.nav .nav-item button.active::after {
  content: "";
  border-bottom: 4px solid #a41d21;
  width: 100%;
  position: absolute;
  left: 0;
  bottom: -1px;
  border-radius: 5px 5px 0 0;
}
.nav-pills .nav-link {color:#231f1f ; font-family: 'HandelGotDBol'; font-size:18px; font-weight:bold;}
.sidebar h2{ font-size:30px;}
ul.main-prd {margin:0px; padding:0 0 30px 0; float:left; width:100%; list-style:none;}
ul.main-prd a {background:#eaeaea; display: flex; align-items: center; float:left; width:100%; font-weight:Bold; color:#231f1f; font-size:22px; text-decoration:none; padding:0px; margin-bottom:10px;}
ul.main-prd a:hover {color:#FFF; background:#a41d21;}
ul.main-prd a span {color:#0c4da2;}
ul.main-prd a:hover span {color:#fff;}
ul.main-prd ul {margin:0px; padding:0px 20px; list-style:none;}
ul.main-prd li.active-tag {color:#FFF; width: 100%; background:#a41d21; margin-bottom:10px; float:left;}
ul.main-prd li.active-tag a {color:#FFF; background:#a41d21; float:left;}
ul.main-prd li.active-tag a span {color:#fff;}
ul.main-prd ul ul {margin:0px; padding:0px 5px; list-style:none;}
ul.main-prd ul a {font-size:16px; font-weight:400;}
ul.main-prd ul a i {margin-right:5px;}
ul.main-prd ul ul a {font-size:14px; font-weight:400;}
ul.main-prd-1 {margin:0px; padding:0px 0px 40px 0; float: left; list-style:none;}
ul.main-prd-1 li {font-size:16px; line-height:24px; margin-bottom: 5px; background:#0c4da2; padding:10px; float:left; width:100%;}
ul.main-prd-1 li a {color:#fff; text-decoration:none; width:100%; float:left;}
ul.main-prd-1 li:hover {background:#a41d21;}
.navbar .nav-item:hover .dropdown-menu {background:#a41d21; Color:#fff; border-radius:0px;}
.dropdown-item {color:#fff; font-family: "Roboto", sans-serif; font-size:15px;}

.listofproduct .owl-item {padding:20px; float:left;}


.listofproduct .owl-item {
      background: #eeeeee;
    padding: 10px;
    margin: 0px 0px 0px 0px;
    border-radius: 10px;
    transform: scale(0.9);
    transition: all 0.3s;
    height: 500px;
	color:#fff;
}

.material-list {
      background: #eeeeee;
    padding: 10px;
    margin: 0px 0px 30px 0px;
    border-radius: 10px;
    /* transform: scale(0.9); */
    /* transition: all 0.3s; */
    height: auto;
	color:#fff;
}

.material-list img {
  border-radius: 5px 5px 5px 5px;
  margin-bottom:20px;
}
.material-list ul {margin:0px; list-style:none; padding:0px;}
.material-list ul li {background: url("/wp-content/uploads/2025/07/arrow-2.png") no-repeat 0 4px; padding:0 0 10px 20px; line-height:24px; font-size:14px; color:#231f20;}
.material-list ul li a {color:#525252; text-decoration:none;}
.material-list ul li a:hover {color:#a41d21; text-decoration:none;}
.material-list h4 {color:#0c4da2; font-size:1.2rem;}
.material-list h4 a {color:#0c4da2; text-decoration:none;}

/* .listofproduct .owl-item:hover { */
/* background: #a41d21;	 */
/* } */

.listofproduct .owl-item img {
  border-radius: 5px 5px 5px 5px;
  margin-bottom:20px;
}

.listofproduct ul {margin:0px; list-style:none; padding:0px;}
.listofproduct ul li {background: url("/wp-content/uploads/2025/07/arrow-2.png") no-repeat 0 4px; padding:0 0 10px 20px; line-height:24px; font-size:14px; color:#231f20;}
.listofproduct ul li a {color:#525252; text-decoration:none;}
.listofproduct h4 {color:#0c4da2; font-size:1.2rem;}
.contact-area {background:#0c4da2; padding:30px;  border-radius:10px;}
.float-right {float: right;}
.contact-area h4 {font-size:2rem; color:#fff; }
.images-pro img {border-radius:10px; margin-bottom:10px;}

.warpper{
  display:flex;
  flex-direction: column;
  align-items: center;
}
.tab{
  cursor: pointer;
  padding:10px 30px;
  margin:0px 2px;
  background:#1759ae;
  display:inline-block;
  color:#fff;
  border-radius:0px 0px 0px 0px;
  box-shadow: 0 0.5rem 0.8rem #00000080;
  font-family:'HandelGotDBol';
  font-size:18px;
}
.panels{
  background:#fffffff6;
  box-shadow: 0 2rem 2rem #00000080;
  min-height:200px;
  width:100%;
  max-width:100%;
  border-radius:3px;
  overflow:hidden;
  padding:20px;  
}
.panel{
  display:none;
  animation: fadein .8s;
}
@keyframes fadein {
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
.panel-title{
  font-size:1.5em;
  font-weight:bold;
  margin-bottom:15px;
}
.radio{
  display:none !important;
}
#one:checked ~ .panels #one-panel,
#two:checked ~ .panels #two-panel,
#three:checked ~ .panels #three-panel{
  display:block
}
#one:checked ~ .tabs #one-tab,
#two:checked ~ .tabs #two-tab,
#three:checked ~ .tabs #three-tab{
  background:#fffffff6;
  color:#1759ae;
  border-top: 0px solid #000;
  
}

.bg-center {
    background-position: center;
}
.wt-bnr-inr {
    height: 250px;
    background-size: cover;
    background-position: center center;
    display: table;
    width: 100%;
}
.overlay-wraper {
    position: relative;
}

.opacity-07 {
    opacity: 0.7;
}

.overlay-main {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.site-bg-secondry {
    background-color: #2c2381;
}
.wt-bnr-inr-entry {
    display: flex;
    vertical-align: middle;
    text-align: center;
  height: 250px;
  align-items: center;
}

.wt-bnr-inr-entry .banner-title-outer {
    position: relative;
}
img.zoom {
    width: 100%;
    height: 200px !important;
    border-radius:5px !important;
    object-fit:cover;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
}
        
 
.transition {
    -webkit-transform: scale(1.2); 
    -moz-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2);
}
.thumb {
    margin-bottom: 30px;
}
h2.factry {text-align: center; margin: 0 0 30px 0;}
.technical-bg {width: 100%; padding:20px; border: 1px solid #eeeeee;}
.download-button {background: #a41d21; padding: 10px 20px; color:#fff;  border-radius: 30px; width: auto; float: left;}
.download-button img {margin-right:10px;}
.download-button a {color:#fff; font-size:16px; text-decoration:none;}
.download-button:hover {background-color:#0c4da2;}
.contact-bg {padding:25px; height:260px; width:100%; float:left; border:1px solid #eeeeee;}
.button-submit {padding:10px 30px; border-radius:30px; background:#0c4da2; color:#fff;}
.form-control {background:#eaeaea; border-radius:0px;}
.button-submit:hover {background:#b2343e; border-radius:30px; color:#fff; border-radius:0px;}
.footerlogo img {margin-bottom:10px;}