:root {
  margin: 0;
  padding: 0;
  --primary-color-btn:#ff0006 ;
  --secondary-btn-hover:#060082;
  --bs-text-color-red:#ff0006;
  --bs-border-color-red:#ff0006;
  --bs-vision:#060082;
  --bs-counter-box-i:#89216b;
  --bs-counter-text-color:#333;
  --bs-counter-border:#cccccc;
  --bs-product-module-accordion:#fbf8fa;
  --bs-caption-container:#000;
  --bs-captio-color:#fff;
  --bs-prev-next:#fff;
  --bs-prev-next-arrow-color:#89216b;
  --bs-prev-next-arrow-hover:#000;
  --bs-checkbox:linear-gradient(to right, #89216b, #89216b88);
  --bs-plan-detail:#effafd;
  --bs-stater:#fff6f3;
  --bs-pro:#f7efff;
  --bs-elite:#fff7ee;
  --bs-faq-color-bg:#fff6f3;
  --bs-faq-bg:#fff;
  --bs-have-ques-bg-color:#fbf8fa;
}


@font-face {font-family: 'Rubik';src: url('../fonts/Rubik-Light.woff2') format('woff2'),url('Rubik-Light.woff') format('woff');font-weight: 300;font-style: normal;font-display: swap;}
@font-face {font-family: 'Rubik';src: url('../fonts/Rubik-Bold.woff2') format('woff2'),url('Rubik-Bold.woff') format('woff');font-weight: bold;font-style: normal;font-display: swap;}
@font-face {font-family: 'Rubik';src: url('../fonts/Rubik-Medium.woff2') format('woff2'),url('Rubik-Medium.woff') format('woff');font-weight: 500;font-style: normal;font-display: swap;}
@font-face {font-family: 'Rubik';src: url('../fonts/Rubik-Regular.woff2') format('woff2'),url('Rubik-Regular.woff') format('woff');font-weight: normal;font-style: normal;font-display: swap;}
@font-face {font-family: 'Rubik';src: url('../fonts/Rubik-SemiBold.woff2') format('woff2'),url('Rubik-SemiBold.woff') format('woff');font-weight: 600;font-style: normal;font-display: swap;}


body{  font-family: 'Rubik';  }
.container-fluid.custom-width {max-width: 1700px;width: 100%; padding: 0 50px;}
.header-top {position: sticky;top: 0;z-index: 9;background: #fff;}
header nav {display: flex;flex-direction: row;flex-wrap: nowrap;justify-content: space-between; margin-top: 15px; margin-bottom: 15px;}
.wrapper { position: relative;margin: auto;display: flex;align-items: center;justify-content: space-between; margin-top: 0px; margin-bottom: 15px;}
.wrapper .nav-links{display: inline-flex; margin-bottom: 0px; gap: 15px;}
.nav-links li{ list-style: none;}
.nav-links li a{color: #121010;text-decoration: none;font-size: 19px;font-weight: 400;padding: 7px 25px;border-radius: 5px;transition: all 0.3s ease;white-space: nowrap; padding-right: 0px;}
.nav-links .mobile-item{display: none;}
.nav-links .drop-menu{position: absolute;background: #242526;width: 180px;line-height: 45px;top: 85px;opacity: 0;visibility: hidden;box-shadow: 0 6px 10px rgba(0,0,0,0.15);}
.nav-links li:hover .drop-menu,
.nav-links li:hover .mega-box{transition: all 0.3s ease;top: 70px;opacity: 1;visibility: visible;}
.drop-menu li a{width: 100%;display: block;padding: 0 0 0 15px;font-weight: 400;border-radius: 0px;}
.content .row header{color: #f2f2f2;font-size: 20px;font-weight: 500;}
.wrapper .btn{color: #fff;font-size: 20px;cursor: pointer;display: none; line-height: 0px;}
nav input {display: none;}
.hero-section h5 {font-weight: 600;font-size: 60px;}
.bg-color p {font-size: 17px;margin-bottom: 0px;line-height: 31px;}
.hero-section .justify-content-center {justify-content: center!important;text-align: left;}
.hero-section .carousel-caption {right: 6%; left: 6%;}
.hero-section .carousel-control-next, .carousel-control-prev { height: 0; top: 50% !important; opacity: 1;}
.hero-section img {width: 100%;border-top: 3px solid var(--bs-border-color-red);}
.hero-section h5 span {color:var(--bs-text-color-red);}
.bg-color {padding: 60px;width: fit-content;background: linear-gradient(to right, #00000000 50px, #00000036 200px, #00000000);}
.info-menu ul {margin: 0px;padding: 0px;list-style: none;display: flex;justify-content: end;gap: 10px;}
.info-menu li a {color: #333;text-decoration: none;font-size: 16px;}
.info-menu {margin-top: 10px;}
.info-menu li strong { color: var(--bs-text-color-red);}
.header-sticky.fixed {position: fixed;top: 0;left: 0;width: 100%;background-color: #fff;z-index: 1000; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);}
.card-box {background: #fff;width: 48%;padding: 60px;border-right: 2px solid #eaeaea;margin-right: -2px;border-radius: 10px;display: flex;box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);padding-left: 30px;padding-right: 30px;     padding-top: 15px;}
.card-box p {line-height: 30px;font-size: 16px;margin-bottom: 30px;}
.meindiv {display: flex;justify-content: space-between;position: relative;margin-top: -50px;height: 100%;}
.service-box-title a {text-decoration: none;font-weight: 600;font-size: 25px;color: #333;}
.inner-text p {font-size: 25px;font-weight: 600;margin-bottom: 0px;line-height: 41px;}
.inner-text p br {display: none;}
.meindiv a.site-button-link {font-size: 16px;background: var( --primary-color-btn);padding: 7px 15px;color: #fff;border-radius: 10px;font-weight: normal;position: absolute;bottom: 20px;}
.meindiv a.site-button-link:hover{background: var(--secondary-btn-hover);}
.custom-space-section { margin-top: 100px;}
.headingh1 h1 {text-align: center;font-size: 40px;font-weight: 700;margin-bottom: 50px; line-height: 0px;}
.inner-text-about p { line-height: 40px; font-size: 17px; margin-bottom: 10px;}
.about-list ul {margin: 0px;padding: 0px;list-style: none;}
.about-list li {line-height: 38px;font-size: 18px;display: flex;align-items: center;}
.about-list li:before {content: "\ee91";font-family: boxicons !important;padding-right: 9px;color: var(--bs-text-color-red);font-size: 18px;}
.inner-text-about h2 {font-weight: 700;font-size: 26px;margin-top: 35px;}

.timeline {list-style: none;position: relative;padding-bottom: 0px;padding-top: 0px;}
.timeline:before {top: 0;bottom: 0;position: absolute;content: " ";width: 3px;background-color: #eeeeee;left: 50%;margin-left: -1.5px;}
.timeline > li {margin-bottom: 0px;position: relative;}
.timeline > li:before,
.timeline > li:after {content: " ";display: table;}
.timeline > li:after {clear: both;}
.timeline > li:before, .timeline > li:after {content: " ";display: table;}
.timeline > li:after {clear: both;}
.timeline > li > .timeline-panel {width: 46%;float: left;border: 1px solid #d4d4d4;border-radius: 2px;padding: 20px;position: relative;-webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.175);box-shadow: 0 1px 6px rgba(0, 0, 0, 0.175);background-color: #fff;}
.timeline > li > .timeline-panel:before {position: absolute;top: 26px;right: -15px;display: inline-block;border-top: 15px solid transparent;border-left: 15px solid #ccc;border-right: 0 solid #ccc;border-bottom: 15px solid transparent;content: " ";}
.timeline > li > .timeline-panel:after {position: absolute;top: 27px;right: -14px;display: inline-block;border-top: 14px solid transparent;border-left: 14px solid #fff;border-right: 0 solid #fff;border-bottom: 14px solid transparent;content: " ";}
.timeline > li > .timeline-badge {color: #fff;width: 50px;height: 50px;line-height: 50px;font-size: 1.4em;text-align: center;position: absolute;top: 16px;left: 50%;margin-left: -25px;background-color: #ff0000;z-index: 100;border-top-right-radius: 50%;border-top-left-radius: 50%;border-bottom-right-radius: 50%;border-bottom-left-radius: 50%; outline: 12px solid #ffffff94;}
.timeline > li.timeline-inverted > .timeline-panel {float: right;}
.timeline > li.timeline-inverted > .timeline-panel:before {border-left-width: 0;border-right-width: 15px;left: -15px;right: auto;}
.timeline > li.timeline-inverted > .timeline-panel:after {border-left-width: 0;border-right-width: 14px;left: -14px;right: auto;}
.timeline-badge.primary {background-color: #2e6da4 !important;}
.timeline-badge.success {background-color: #3f903f !important;}
.timeline-badge.warning { background-color: #060082!important;}
.timeline-badge.danger {background-color: #ff0000;}
.timeline-title {margin-top: 0;color: inherit;}
.timeline-body > p, .timeline-body > ul { margin-bottom: 0;}
.timeline-body > p + p {margin-top: 5px;}
.timeline-title {font-weight: 700;font-size: 30px;margin-top: 15px;margin-bottom: 15px;}
.timeline-body p {line-height: 32px;font-size: 17px;margin-bottom: 25px;}
.timeline-body ul {margin: 0px;padding: 0px;list-style: none;}
.timeline-body li {line-height: 30px;font-size: 16px;}
.timeline-body li:before {content: "\ee91";font-family: boxicons !important;padding-right: 9px;color:var(--bs-text-color-red);font-size: 18px;}
.bg-color-timline {background: #cccccc26;padding: 100px;background-image: url(../images/footer.png);background-position: center;background-size: 100%;}
.client-heading p {font-size: 17px;margin-bottom: 50px;line-height: 0px;text-align: center;}
.client-heading h2 {text-align: center;font-size: 40px;font-weight: 700;margin-bottom: 50px; line-height: 17px;}
.client-logo .card {border: dashed 1px var(--bs-border-color-red);border-radius: 15px;width: 100%;margin-bottom: 30px;height: 100%;align-items: center;display: flex;justify-content: center;min-height: 185px;max-height: 190px;overflow: hidden;}
.client-logo .card img:hover {transform: scale(1.3);}
.client-logo .card img {margin-bottom: 0px;display: block;transition: transform 0.5s ease; width: 100%; max-width: 350px;}
.client-logo {display: flex; gap: 0px; padding: 0px; }
.clientimage {overflow: hidden;}
.clientimage img:hover {transform: scale(1.3);}
.clientimage img {margin-bottom: 0px;display: block;transition: transform 0.5s ease;}

.bg-color-contact {background: #cccccc26;padding: 100px; background-image: url(../images/footer.png);background-position: center;background-size: 100%;}
.row.bg-gap {padding: 30px;background-color: #ffffff;border-radius: 5px;border-width: 1px;box-shadow: 0px 0px 20px 0px rgba(3, 15, 39, 0.07);position: relative;  margin: 0px;}
.contact-section input {width: 100%;background-color: #f7f9fa;padding: 11px 25px;margin-bottom: 15px;}
textarea.wpcf7-form-control.wpcf7-textarea {width: 100%;background-color: #f7f9fa;height: 150px;border: 1px solid #ccc;}
.contact-section button.btn.btn-primary {color: #fff;background-color: var(--primary-color-btn);border-color: var(--primary-color-btn);padding: 10px 30px;font-size: 17px;border-radius: 10px;margin-top: 30px;display: flex;align-items: center;gap: 6px;}
.contact-section button.btn.btn-primary:hover  {background: var(--secondary-btn-hover); border-color: var(--secondary-btn-hover);}
.contact-section input {width: 100%;background-color: #f7f9fa;padding: 11px 11px;margin-bottom: 15px;}
.contact-section  textarea {padding: 14px 20px;}
.card-bg-color-social-contact {padding-top: 40px;background: #fff;border-radius: 16px;height: 100%;box-shadow: 0px 0px 31px 0px rgba(3, 15, 39, 0.07);padding-bottom: 40px;  border: dashed 1px var(--bs-border-color-red); background-image: url(../images/footer.png);background-position: center;background-size: 100%;}
.card-bg-color-social-contact::before {content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;border-radius: 16px;border: 1px solid transparent;box-sizing: border-box;transition: all 0.4s ease-in-out;}
@keyframes border-animate {0% {border-width: 3px;}50% {border-width: 6px;}100% {border-width: 3px;}}
.card-image-bg-icon-gray {text-align: center;line-height: 30px;font-size: 40px;color: #ff0000;}
.card-bg-color-social-contact .card-tiltle-inner {color: #333;}
.card-bg-color-social-contact p {text-align: center;font-size: 17px;padding-left: 20px;padding-right: 20px;margin-bottom: 0px;line-height: 30px;}
.card-tiltle-inner {text-align: center;padding-bottom: 10px;padding-top: 10px;font-weight: 600;font-size: 30px;line-height: 37px;}
.card-bg-color-social-contact  p a {color: #333;text-decoration: none;}
.form-control:focus {box-shadow: none !important; border-color: #ccc;}
textarea:focus-visible { outline:none !important;}
.btn-primary:focus {box-shadow: none !important;}

.footerbg {background-image: url(../images/footer.png);background-repeat: no-repeat;background-size: cover;background-color: #f9f9f9;padding: 70px;background-position: center;}
.foter-menu ul {display: flex;gap: 15px;justify-content: center;margin: 0px;list-style: none;}
.foter-menu li a {color: #333;text-decoration: none;font-weight: 300;font-size: 17px;}
.foter-menu li a:hover{color: #ff0000;} 
.foter-menu li  {color:var(--bs-border-color-red);text-decoration: none;font-weight: 300;font-size: 18px;}
.footer p {font-size: 17px;color: #333;font-weight: 300;text-align: center;margin-bottom: 0px;line-height: 30px;}
hr {margin: 32px 0;background-color: #333;}
.footer-bottom {background-color:var(--bs-border-color-red);padding: 10px 0px;}
p.copyright {color: #fff;margin-bottom: 0px;}
.back-to-top {position: fixed;bottom: 25px;right: 25px;display: none;background: #ff0000;width: 45px;height: 45px;text-align: center;line-height: 45px!important;font-size: 31px;color: #fff!important;text-decoration: none;}
.footer img {margin-bottom: 50px;}
.footer { text-align: center;}
.about-header {padding: 100px 0;background-repeat: no-repeat;min-height: 280px;background-size: cover;background-position: center;}
.header-title-subheading h2 {color: #fff;font-size: 36px;}
.header-title-subheading { display: flex; flex-direction: column;justify-content: center;align-items: center;}
.breadcrumb li a {text-decoration: none !IMPORTANT;color: #fff;padding: 5px;}
.breadcrumb li a:hover {text-decoration: underline;}
.breadcrumb li::after {content: "›";margin: 0 8px;color: #ffffff;}
.breadcrumb li:last-child::after {content: "";}
.breadcrumb li:last-child a {color: #333;font-weight: bold;pointer-events: none;} 
/*.breadcrumb-item+.breadcrumb-item::before {float: left;padding-right: .5rem;color: #ffffff;content: var(--bs-breadcrumb-divider, "/");}*/
.breadcrumb-item+.breadcrumb-item::before { display: none;}
.breadcrumb-item.active {color: var(--bs-text-color-red);}   
.subtitle-about h3 {font-size: 24px;color:var(--bs-text-color-red); margin-bottom: 20px;}
.subtitle-about p {line-height: 40px;font-size: 17px;margin-bottom: 33px;}
.subtitle-about h1 {font-size: 28px;font-weight: 700;margin-bottom: 30px;line-height: 34px;}
.subtitle-about {background: #fff;position: relative;margin-top: -150px;box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);padding: 100px;padding-left: 25px;padding-right: 25px;padding-top: 50px;padding-bottom: 50px;}
.about-images img {width: 100%;height: 100%;transition: transform 0.5s;object-fit: cover;}
.about-images {height: 402px;overflow: hidden;}
.about-images img:hover {transform: scale(1.2);}
.accordion-button::after {background-image: none;transition: all 0.5s;content: "\ebc0";font-family: boxicons !important;}
.accordion-button:not(.collapsed)::after {background-image: none;content: "\eb8b";transform: none;font-family: boxicons !important;}
.accordion-button::after {transition: all 0.5s;}
.accordion-item:not(:first-of-type) {border: 1px solid #cccccc6b;}
.accordion-item {background-color: #fff;border: 1px solid rgba(0, 0, 0, .125);margin-bottom: 9px;}
.accordion-button {font-size: 21px;font-weight: 700;border-bottom: 1px solid var(--bs-border-color-red);}
.accordion-body ul {margin: 0px;padding: 0px;list-style: none;}
.accordion-body li:before {content: "\ee91";font-family: boxicons !important;padding-right: 9px;color: var(--bs-text-color-red);font-size: 18px;}
.accordion-body li {line-height: 41px;font-size: 17px;display: flex;}
.accordion-button:not(.collapsed) {color:var(--bs-text-color-red);background-color: #fff;box-shadow: inset 0 -1px 0 rgba(0,0,0,.125);}
.bg-color-accordion {background: #cccccc26;padding: 100px;}
.accordion-button:focus {z-index: 3;border-color: #ff0000;outline: 0;box-shadow: none !important;}
.core-image {height: 549px; overflow: hidden;}
.core-image img {width: 100%; height: 100%;  transition: transform 0.5s; object-fit: cover;}
.core-image img:hover {transform: scale(1.2);}
.our-vision {box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);background: #fff;padding: 50px;display: flex;flex-direction: column;height: 100%;background-image: url(../images/footer.png);background-repeat: no-repeat;background-size: 100%;background-position: bottom;text-align: center;}
.vistion-title {font-weight: 700;font-size: 30px;margin-top: 15px;margin-bottom: 15px;}
.our-vision p {line-height: 36px;font-size: 17px;margin-bottom: 25px;}
.vision-image {background:var(--bs-vision);width: 100px;border-radius: 100px/*    height: 100px;*/text-align: center;line-height: 100px;font-size: 41px;color: #ffffff;outline: 10px solid #e3e3e3;margin-bottom: 50px;margin-top: 50px;animation: pulse 2s infinite ease-in-out, bounce 3s infinite ease-in-out;margin: 20px auto;}
@keyframes pulse { 0% {transform: scale(1);box-shadow: 0px 0px 10px rgba(255, 0, 0, 0.5);} 50% {transform: scale(1.1);box-shadow: 0px 0px 20px rgba(255, 0, 0, 0.7);} 100% {transform: scale(1);box-shadow: 0px 0px 10px rgba(255, 0, 0, 0.5); }}
@keyframes bounce {0%, 100% {transform: translateY(0);} 50% {transform: translateY(-10px);}}
.service-images {height:478px;overflow: hidden;}
.service-images img {width: 100%;height: 100%;transition: transform 0.5s;object-fit: cover;}
.service-images img:hover {transform: scale(1.2);}
.service h1 {font-size: 28px;font-weight: 700;margin-bottom: 10px;line-height: 34px;}
.bg-color-accordion p {font-size: 17px;line-height: 30px;margin-bottom: 0px;}
.bg-color-accordion h3 {font-size: 24px;color:var(--bs-text-color-red);margin-bottom: 15px;line-height: 30px;font-weight: 600;}
.bg-color-accordion h6 {font-size: 21px;line-height: 35px;margin-bottom: 20px;}
ul.certificates {margin: 0px;padding: 0px;list-style: none;margin-bottom: 30px;}
ul.certificates li {display: flex;line-height: 33px;font-size: 17px;}
ul.certificates li:before {content: "\ee91";font-family: boxicons !important;padding-right: 9px;color:var(--bs-text-color-red);font-size: 18px;}
.service-images-install {height: 636px;overflow: hidden;}
.service-images-install img {width: 100%;height: 100%;transition: transform 0.5s;object-fit: cover;}
.service-images-install img:hover {transform: scale(1.2);}
.mangement {background: #f7f7f7;padding: 100px;}
.mangement .accordion-body p {font-size: 17px;line-height: 33px;margin-bottom: 20px;}
.product-images {height: 514px;overflow: hidden;}
.product-images  img {width: 100%;height: 100%;transition: transform 0.5s;object-fit: cover;}
.product-images  img:hover {transform: scale(1.2);}
.grid-container {display: grid;grid-template-columns: repeat(auto-fit, minmax(389px, 1fr));gap: 16px;width: 100%;}
.grid-container .card {position: relative;border-radius: 12px;overflow: hidden;cursor: pointer;box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.1);transition: transform 0.3s ease-in-out;margin-bottom: 0px;}
.grid-container .card:hover {transform: scale(1.05);}
.grid-container .card img {width: 100%;height: 250px;object-fit: cover;transition: transform 0.4s ease-in-out;}
.grid-container .card:hover img {transform: scale(1.1);}
.grid-container .card-overlay {position: absolute;bottom: 0;left: 0;width: 100%;height: 100%;background: linear-gradient(to top, rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0));display: flex;align-items: flex-end;justify-content: flex-start;padding: 20px;transition: background 0.3s ease-in-out;}
.grid-container .card:hover .grid-container .card-overlay {background: linear-gradient(to top, rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0.2));}
.grid-container .card-title {color: #fff;font-size: 18px;font-weight: 600;transition: transform 0.3s ease-in-out;}
.grid-container .card:hover .card-title {transform: translateY(-5px);}
.gauges-images {height: 469px;overflow: hidden;}
.gauges-images  img:hover {transform: scale(1.2);}
.gauges-images  img {width: 100%;height: 100%;transition: transform 0.5s;object-fit: cover;}
.plc-images {height: 432px;overflow: hidden;}
.plc-images  img:hover {transform: scale(1.2);}
.plc-images  img {width: 100%;height: 100%;transition: transform 0.5s;object-fit: cover;}
.bg-white-bg .form-group {margin-bottom: 20px;}
input, textarea {width: 100%;padding: 10px;border: 1px solid #ddd;border-radius: 5px;font-size: 16px;}
textarea {height: 120px;}
.submit-btn {color: #fff;background-color: var(--primary-color-btn);border-color: var(--primary-color-btn);padding: 10px 30px;font-size: 17px;border-radius: 10px;width: 100%;display: flex;align-items: center;gap: 6px;justify-content: center;}
.submit-btn:hover {background: var(--secondary-btn-hover); border-color: var(--secondary-btn-hover);}
.recaptcha {display: flex;justify-content: center;margin-bottom: 15px;}
.contact-bg-colors {background: #cccccc26;padding: 100px;}
.bg-white-bg {background: #fff;padding: 50px;box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);height: 100%;}
input:focus-visible {outline: none !important;}
.bg-white-bg input {width: 100%;background-color: #f7f9fa;padding: 14px 11px;margin-bottom: 0px;}
.bg-white-bg textarea {width: 100%;background-color: #f7f9fa;height: 150px;border: 1px solid #ccc;}
.industries-images  img {width: 100%;height: 100%;transition: transform 0.5s;object-fit: cover;}
.industries-images {height: 522px;overflow: hidden;}
.industries-images  img:hover {
    transform: scale(1.2);
}

span.help-block.form-error {color: rgb(185, 74, 72);font-size: 13px;}
#submitContactForm{position: relative;}
#submitContactForm .form-group {margin-top: 15px;margin-left: 0px;margin-right: 0px;}
.contact-one #submitContactForm input, .contact-section #submitContactForm input{margin-bottom: 0;}
#loader-overlay {position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-color: rgb(255 255 255 / 50%);display: flex;justify-content: center;align-items: center;z-index: 1050;}
#loader-overlay .spinner-border {width: 3rem;height: 3rem;border-width: 0.5rem;border: 7px solid #067ac5;border-right-color: transparent;}
span.response__msg{display: block;}
span#success__msg {color: green;}
span#error__msg {color: rgb(185, 74, 72);}


@media screen and (max-width: 1200px) {
.wrapper .btn{display: block; padding-right: 0px;}
.wrapper .nav-links { position: fixed;height: 100vh;width: 100%;max-width: 350px;top: 0; right: -100%;background: #fff;display: block;padding: 3px 10px;line-height: 50px;overflow-y: auto;box-shadow: 0px 15px 15px rgba(0,0,0,0.18);transition: all 0.3s ease;}
 ::-webkit-scrollbar {width: 10px;}
::-webkit-scrollbar-track {background: #242526;}
::-webkit-scrollbar-thumb {background: #3A3B3C;}
 #menu-btn:checked ~ .nav-links{right: 0%;}
#close-btn:checked ~ .btn.menu-btn{display: block; }
.nav-links li { margin: 2px 0px;}
.nav-links .drop-menu{position: static;opacity: 1;top: 65px;visibility: visible;padding-left: 20px;width: 100%;max-height: 0px;overflow: hidden;box-shadow: none;transition: all 0.3s ease;}
#showDrop:checked ~ .drop-menu,
#showMega:checked ~ .mega-box{max-height: 100%;}
/ .nav-links .desktop-item{display: none;} /
.nav-links .mobile-item{display: block;color: #f2f2f2;font-size: 20px;font-weight: 500;padding-left: 20px;cursor: pointer;border-radius: 5px;transition: all 0.3s ease;}
.nav-links .mobile-item:hover{background: #3A3B3C;}
.drop-menu li{margin: 0;}
.drop-menu li a { border-radius: 5px; font-size: 18px;}
.demo-btn {margin-left: 0px;}
.logo.mobile.d-none { display: block!important; margin-left: 47px;}
.btn.menu-btn i.bx.bx-menu {color: #333;font-size: 38px;}
.wrapper .btn.close-btn {position: absolute;left: 0px;top: 10px;color: #333;font-size: 40px;padding-left: 3px;}
.logo img {width: 100%;max-width: 120px;}
.nav-links li a {font-size: 16px;     padding: 7px 8px;}
.wrapper {margin-bottom: 7px;}

   }




  @media (min-width: 1601px) and (max-width: 2000px) {
/*.bg-color-contact {padding: 0px;padding-top: 50px;padding-bottom: 50px;}
.bg-color-timline {padding: 0px;padding-top: 50px;padding-bottom: 50px;}*/
}

 @media (min-width: 1201px) and (max-width: 1600px) {
.NavMenu li a  {padding: 20px 7px; font-size: 18px; white-space: nowrap;}
.NavMenu { gap: 11px;}
.about-image { height: 482px;}
.about-image img {height: 100%;width: 100%;object-fit: cover;}
.inner-text p { font-size: 21px; font-weight: 600; margin-bottom: 0px; line-height: 30px;}
.nav-links li a {font-size: 17px;}
.bg-color-timline {padding-left: 0px;padding-right: 0px;}
.about-list li {line-height: 30px;font-size: 17px;}
.bg-color-contact {padding: 0px;padding-top: 50px;padding-bottom: 50px;}
.hero-section h5 {font-weight: 600;font-size: 48px;}
/*.about-images {height: 450px;overflow: hidden;}*/
.bg-color-accordion {background: #cccccc26;padding: 100px;padding-left: 0px;padding-right: 0px;}
.core-image {height: auto;overflow: hidden;}
.service-images {height:auto;overflow: hidden;}
.service-images-install {height: auto;overflow: hidden;}
/*.subtitle-about {margin-top: -200px;}*/
.mangement {padding: 100px;padding-right: 0px;padding-left: 0px;}
/*.product-images {height: 562px; overflow: hidden;}*/
.gauges-images {height: auto;overflow: hidden;}
.plc-images {height: auto;overflow: hidden;}
.industries-images {height: auto;overflow: hidden;}
.accordion-body li {line-height: 36px;font-size: 17px;display: flex;}
.about-images {height: auto;overflow: hidden;}
.subtitle-about p {line-height: 29px;font-size: 17px; margin-bottom: 30px;}
ul.certificates li {display: flex;line-height: 26px;font-size: 15px;}
.product-images {height: auto;overflow: hidden;}
.contact-bg-colors {background: #cccccc26;padding: 100px;padding-left: 0px;padding-right: 0px;}
.footerbg {background-image: url(../images/footer.png);background-repeat: no-repeat;background-color: #f9f9f9;padding: 70px;background-position: center;background-size: auto;}

}




@media (min-width: 1025px) and (max-width: 1200px) {
.NavMenu li a {padding: 20px 7px; font-size: 15px; white-space: nowrap;}
.hero-section h5 { font-size: 40px;}
.inner-text p {font-size: 20px;font-weight: 600;margin-bottom: 0px;line-height: 30px;}
.card-box {padding-left: 10px;padding-right: 10px;padding-top: 15px;}
.service-box-title a {font-size: 19px;}
.about-image { height: 512px;}
.about-image img {height: 100%;width: 100%;object-fit: cover;}
.inner-text-about p {line-height: 30px;font-size: 16px;margin-bottom: 10px;}
.about-list li {line-height: 29px;font-size: 16px;display: flex;align-items: center;}
.bg-color-timline {padding: 0px;padding-top: 70px;padding-bottom: 60px;}
.bg-color-contact {padding: 0px;padding-top: 70px;padding-bottom: 60px;}
.footerbg {padding: 30px;} 
.about-images {height: auto;overflow: hidden;}
.bg-color-accordion {background: #cccccc26;padding: 100px;padding-left: 0px;padding-right: 0px;padding-top: 50px;padding-bottom: 23px;}
.core-image {height: auto;overflow: hidden;}
.service-images {height: auto;overflow: hidden;}
.accordion-body li {line-height: 26px;font-size: 16px;display: flex;}
ul.certificates li {display: flex;line-height: 25px;font-size: 15px;}
.subtitle-about p {line-height: 26px;font-size: 16px;margin-bottom: 30px;}
.service-images-install {height:auto;overflow: hidden;}
.mangement {background: #f7f7f7;padding: 100px;padding-right: 0px;padding-left: 0px;padding-top: 50px;padding-bottom: 30px;}
.product-images {height: auto;overflow: hidden;}
.gauges-images {height: auto;overflow: hidden;}
.plc-images {height: auto;overflow: hidden;}
.industries-images {height: auto;overflow: hidden;}
.contact-bg-colors {padding: 100px;padding-left: 0px;padding-right: 0px;}
.footer img {margin-bottom: 0px;width: 100%;max-width: 150px;}
}




@media (min-width: 576px) and (max-width: 1024px) {
.hero-section h5 { font-weight: 600; font-size: 30px;}
.bg-color p br { display: none;}
.bg-color p { font-size: 16px; margin-bottom: 0px; line-height: 28px;}
.bg-color { padding: 30px;}
.inner-text p {font-size: 17px;margin-bottom: 30px;line-height: 30px;margin-top: 30px;}
.meindiv {display: flex;justify-content: space-between;position: relative;margin-top: -30px;height: 100%;}
.custom-space-section {margin-top: 50px;}
.headingh1 h1 {font-size: 30px;margin-bottom: 30px;line-height: 0px;}
.inner-text-about p {line-height: 30px;font-size: 16px;margin-bottom: 10px;margin-top: 10px;}
.service-box-title a {font-size: 20px;}
.card-box p {line-height: 27px;font-size: 16px;margin-bottom: 30px;}
.about-list li {line-height: 30px;font-size: 16px; }
.inner-text-about h2 {font-weight: 700;font-size: 21px;margin-top: 23px;}
.bg-color-timline {padding-left: 0px;padding-right: 0px;padding-top: 50px;padding-bottom: 50px;}
.timeline-title {font-weight: 700;font-size: 19px;margin-top: 10px;margin-bottom: 10px;} 
.timeline-body p {line-height: 29px;font-size: 16px;margin-bottom: 25px;} 
.timeline-body li {line-height: 29px;font-size: 16px;}
.timeline > li > .timeline-panel {width: 44%;}
.client-heading h2 {font-size: 27px;margin-bottom: 25px;line-height: 17px;}
.bg-color-contact {padding: 10px;background-repeat: no-repeat;padding-left: 0px;padding-right: 0px;padding-top: 40px;}
.card-bg-color-social-contact {display: flex;flex-direction: column;height: 90%;margin-bottom: 30px;}
.card-tiltle-inner {font-size: 20px;line-height: 16px;}
.footerbg {padding: 20px;}
.footer p br { display: none;}
.footer p {font-size: 16px;margin-bottom: 8px;line-height: 26px;margin-top: 28px;}
.client-logo .card { min-height: 135px; max-height: 150px; overflow: hidden;}
.card-box {padding-left: 10px; padding-right: 10px;}
.about-image img {height: 100%;width: 100%;object-fit: cover;}
.about-image {height: 418px;}
.foter-menu li a {font-size: 16px;}
.breadcrumb li {font-size: 13px;}
.header-title-subheading h2 {font-size: 22px;margin-bottom: 0px;line-height: 30px;}
.about-header {padding: 50px 0;min-height: 100px;}
.about-images {height: auto;}
.subtitle-about h3 {font-size: 17px;}
.subtitle-about h1 {font-size: 18px;margin-bottom: 17px;line-height: 23px;}
.subtitle-about p {line-height: 26px;font-size: 15px;margin-bottom: 30px;}
.subtitle-about { margin-top: -80px;  padding: 60px;padding-left: 15px;padding-right: 15px; height: 100%;}
.bg-color-accordion {padding-left: 0px;padding-right: 0px;}
.accordion-button {font-size: 17px;}
.accordion-body li {line-height: 30px;font-size: 15px;}
.core-image {height: auto;overflow: hidden;}
.our-vision {padding: 50px;padding-left: 10px;padding-right: 10px;margin-bottom: 30px; height: 95%; margin-bottom: 30px;}  
.vistion-title {font-size: 23px;margin-top: 7px;margin-bottom: 7px;}
.our-vision p {line-height: 26px;font-size: 15px;margin-bottom: 25px;}
.vision-image {width: 70px; line-height: 70px;}
.core-image img { object-position: center;}
.service-images {height: auto;overflow: hidden;}
.service-images-install {height: auto;overflow: hidden;}
ul.certificates li {display: flex;line-height: 33px;font-size: 16px;}
.mangement {padding: 100px;padding-left: 0px;padding-right: 0px;}
.product-images {height: auto;overflow: hidden;}
.gauges-images {height: auto;overflow: hidden;}
.plc-images {height: auto;overflow: hidden;}
.bg-color-accordion h3 {margin-top: 15px;}
.accordion-item {background-color: #fff;border: 1px solid rgba(0, 0, 0, .125);margin-bottom: 10px;}
.gauges-space {margin-top: 0px;}
.breadcrumb {margin-bottom: 10px;}
.contact-bg-colors {padding: 100px;padding-left: 0px;padding-right: 0px;}
.footer img {margin-bottom: 0px;width: 100%;max-width: 150px;}
.bg-white-bg {padding: 20px;}
hr {margin: 15px 0;background-color: #333;}
}



 @media (min-width: 768px) and (max-width: 971px) {
.meindiv {display: flex;justify-content: space-between;position: relative;margin-top: 0px;height: 100%;}
.inner-text p {font-size: 17px;margin-bottom: 30px;line-height: 30px;margin-top: 30px;}
.about-images {height: auto;}
.core-image {height: auto;overflow: hidden;}
.service-images {height: auto;overflow: hidden;}
.service-images-install {height: auto;overflow: hidden;}
ul.certificates li {display: flex;line-height: 23px;font-size: 15px;}
.bg-color-accordion h6 {font-size: 16px;line-height: 28px;margin-bottom: 20px;}
.bg-color-accordion p {font-size: 16px;line-height: 25px;margin-bottom: 30px;}
.mangement {padding: 100px;padding-left: 0px;padding-right: 0px;padding-top: 50px;padding-bottom: 30px;}
.mangement .accordion-body p {font-size: 16px;line-height: 27px;margin-bottom: 11px;}
.product-images {height: auto;overflow: hidden;}
.gauges-images {height: auto;overflow: hidden;}
.plc-images {height: auto;overflow: hidden;}
.grid-container {display: grid;grid-template-columns: repeat(auto-fit, minmax(214px, 1fr));gap: 16px;width: 100%;}
.subtitle-about {margin-top: -80px;padding: 30px;padding-left: 15px;padding-right: 15px;height: 100%;margin-bottom: 40px;}
.breadcrumb {margin-bottom: 10px;}
.contact-bg-colors {padding: 100px;padding-left: 0px;padding-right: 0px;padding-top: 32px;padding-bottom: 32px;}
.footer img {margin-bottom: 0px;width: 100%;max-width: 150px;}
} 


@media(max-width:767px) {
.container-fluid.custom-width { max-width: 2000px; width: 100%; padding: 0 15px;}
.NavMenu li a {font-size: 15px;}
.header-sticky.fixed .info-menu {display: none;}
.NavMenu li a {padding: 5px 15px;}
.btn.menu-btn i.bx.bx-menu {color: #000;font-size: 48px;}
.wrapper .btn {display: block;padding-right: 0px;}
.timeline:before {left: 40px;}
.timeline > li > .timeline-panel {width: calc(100% - 90px);width: -moz-calc(100% - 90px);width: -webkit-calc(100% - 90px);}
.timeline > li > .timeline-badge {left: 15px;margin-left: 0;top: 16px;}
.timeline > li > .timeline-panel {float: right;}
.timeline > li > .timeline-panel:before {border-left-width: 0;border-right-width: 15px;left: -15px;right: auto;}
.timeline > li > .timeline-panel:after {border-left-width: 0;border-right-width: 14px;left: -14px;right: auto;}
.info-menu ul {justify-content: right;gap: 2px;}
.info-menu li strong {font-size: 13px;}
.info-menu li a {font-size: 10px;}
.hero-section h5 { font-size: 14px; margin-bottom: 0px;}
.bg-color p { font-size: 12px; margin-bottom: 0px; line-height: 18px;}
.inner-text p { font-size: 15px; margin-bottom: 30px; line-height: 26px; margin-top: 30px;}
.card-box {padding-top: 30px;margin-bottom: 30px;width: 100%;padding-left: 10px;padding-right: 10px;}
.meindiv a.site-button-link {font-size: 16px;padding: 7px 15px;position: relative;bottom: 0px;}
.meindiv {display: grid;justify-content: space-between;position: relative;margin-top: 0px;height: auto;}
.bg-color {padding: 10px;}
.bg-color p br {display: none;}
.hero-section .carousel-control-next, .carousel-control-prev {width: 7%;}
.custom-space-section { margin-top: 30px;}
.inner-text-about p {line-height: 28px;font-size: 15px;margin-bottom: 10px;margin-top: 10px;}
.inner-text-about h2 {font-size: 20px;margin-top: 20px;}
.about-list li {line-height: 29px;font-size: 15px;}
.headingh1 h1 {font-size: 30px;}
.bg-color-timline {padding: 10px;background-repeat: no-repeat;padding-left: 0px;padding-right: 0px;padding-top: 40px;}
.timeline-body p {line-height: 27px;font-size: 15px;margin-bottom: 25px;}
.timeline-title {font-size: 17px;margin-top: 8px;margin-bottom: 8px;}
.timeline-body li {line-height: 27px;font-size: 15px;}
.timeline > li > .timeline-panel {margin-bottom: 30px;}
.client-logo .col.col-lg-4.col-sm-4 { flex: 50%;}
.client-heading h2 {font-size: 27px;margin-bottom: 30px;line-height: 17px;}
.client-heading p {font-size: 15px;margin-bottom: 30px;line-height: 22px;}
.bg-color-contact {padding: 10px;background-repeat: no-repeat;padding-left: 0px;padding-right: 0px;padding-top: 40px;}
.card-bg-color-social-contact {height: auto; margin-bottom: 30px;}
.foter-menu ul {display: flex;justify-content: center;padding-left: 0px !IMPORTANT;align-items: center;gap: 4px;}
.foter-menu li a {color: #333;text-decoration: none;font-weight: 300;font-size: 11px;}
.footer p br {display: none;}
.footer p {font-size: 15px;margin-bottom: 0px;line-height: 23px;margin-top: 24px;}
.footerbg {padding: 30px 0 0px;background-repeat: no-repeat;}
.foter-menu {margin-bottom: 30px;}
.footer-bottom {background-color: #ff0000;padding: 10px 0px;font-size: 14px;}
.row.bg-gap {padding-left: 0px;padding-right: 0px; margin-bottom: 30px;}
.card-tiltle-inner {font-size: 21px;line-height: 12px;}
.foter-menu li {color: #ff0006;text-decoration: none;font-weight: 300;font-size: 13px;}
.info-menu li { font-size: 13px;}
.card-box p { line-height: 26px; font-size: 15px; margin-bottom: 30px;}
.card-bg-color-social-contact p {font-size: 15px;}
.breadcrumb li {font-size: 13px;}
.header-title-subheading h2 {font-size: 22px;margin-bottom: 0px;line-height: 30px;}
.about-header {padding: 10px 0;min-height: 40px;}
.about-images {height: 300px;}
.subtitle-about h3 {font-size: 17px;}
.subtitle-about h1 {font-size: 18px;margin-bottom: 17px;line-height: 23px;}
.subtitle-about p {line-height: 26px;font-size: 15px;margin-bottom: 30px;}
.subtitle-about {margin-top: 0px;padding: 30px;padding-left: 15px;padding-right: 15px;}
.bg-color-accordion {padding: 30px;padding-left: 0px;padding-right: 0px;}
.accordion-button {font-size: 17px;}
.accordion-body li {line-height: 30px;font-size: 15px;}
.core-image {height: 300px;overflow: hidden;}
.our-vision {padding: 50px;padding-left: 10px;padding-right: 10px;margin-bottom: 30px; height: 95%; margin-bottom: 30px;}  
.vistion-title {font-size: 23px;margin-top: 7px;margin-bottom: 7px;}
.our-vision p {line-height: 26px;font-size: 15px;margin-bottom: 25px;}
.vision-image {width: 70px; line-height: 70px;}
.service-images {height: 300px;overflow: hidden;}
.bg-color-accordion h3 { margin-bottom: 15px;line-height: 17px;font-weight: 600;margin-top: 15px;font-size: 20px;}
.bg-color-accordion h6 {font-size: 15px;line-height: 25px;margin-bottom: 20px;}
ul.certificates li {display: flex;line-height: 26px;font-size: 15px;}
.bg-color-accordion p {font-size: 15px;line-height: 25px;margin-bottom: 0px;}
.service-images-install { height: 300px; overflow: hidden;}
.mangement {padding-left: 0px; padding-right: 0px; padding-top: 50px; padding-bottom: 20px;}
.mangement .accordion-body p {font-size: 15px;line-height: 26px;margin-bottom: 10px;}
.product-images {height: 300px;}
.gauges-images {height: 300px;}
.plc-images {height: 300px;} 
.grid-container {display: block;}
.grid-container .card {margin-bottom: 20px;}
.industries-images {height: 300px;overflow: hidden;}
.breadcrumb {margin-bottom: 10px;}
.contact-bg-colors {padding: 100px;padding-left: 0px;padding-right: 0px;padding-top: 32px;padding-bottom: 32px;}
.footer img {margin-bottom: 0px;width: 100%;max-width: 150px;}
.bg-white-bg {background: #fff;padding: 10px;box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);height: 100%;}
hr {margin: 16px 0;}

}