@import url("https://use.fontawesome.com/releases/v5.13.0/css/all.css");

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

body {
  background-color: var(--whitecolor);
  overflow-x: hidden;
}

/* font */

body font {
  color: inherit !important;
  background: inherit !important;
  font-family: inherit !important;
  font-size: inherit !important;
  vertical-align: unset !important;
}

/* end */

a {
  text-decoration: none;
  transition: 0.2s ease-in all;
  -webkit-transition: 0.2s ease-in all;
  -moz-transition: 0.2s ease-in all;
  -ms-transition: 0.2s ease-in all;
  -o-transition: 0.2s ease-in all;
}

.jU3YNGMMEjzcDOZDGx4jOVi2UzIZuVktheme--light {
	display: none;
}

p,
span {
  margin: 0;
}

ul {
  margin-bottom: 0;
  padding-left: 0;
}

/* header {
  display: none;
} */

header div.top-bar {
  background-color: var(--primarycolor);
  padding: 5px 0;
}

header .container {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

header .container ul {
  display: flex;
  list-style-type: none;
}

header .container ul li:not(:last-child) {
  margin-right: 20px;
}

header .navigation .menu-header-menu-container ul#menu-header-menu>li:not(:last-child) {
	margin-right: 6px;
}

header .container .website-info ul li {
	display: flex;
	align-items: center;
  font-family: var(--fontGraphikMD);
  font-size: 14px;
  line-height: 26px;
  color: var(--normalcolor);
  text-decoration: none;
}

.header-name {
	margin-left: 4px;
}

header .container .website-language,
header .container .website-language a {
  font-family: var(--fontGraphikMD);
  font-size: 14px;
  line-height: 26px;
  font-weight: 500;
  color: var(--normalcolor);
}

header .container .website-language #flags {
  display: none;
}

header .container .website-language #google_language_translator select {
  background-color: transparent;
  font-family: var(--fontGraphikMD);
  font-size: 14px;
  line-height: 26px;
  font-weight: 500;
  color: var(--normalcolor);
  width: auto !important;
  border: none !important;
  padding: 0;
}

/* flags for mobile and tab */

ul#sortable {
  background: transparent;
  list-style: none;
  /* padding: 0px 10px 0px 50px;
    height: 56px;
    position:absolute; */
  margin-top: 0;
  margin-bottom: 0;
  font-size: 14px;
  line-height: 1;
  font-weight: 500;
  color: black;
  /* border: 1px solid black; */
  width: 50px;
  text-align: center;
  position: absolute;
  top: 37px;
  display: flex;
  flex-direction: column;
}
ul#sortable li {
  z-index: 2;
  padding: 20px;
}
ul#sortable li:not(.init) {
  float: left;
  padding: 10px;
  width: 100%;
  display: none;
  background: var(--descriptioncolor);
  color: #fff;
  position: relative;
  left: 0;
  /* display: flex;
    justify-content: center;
    align-items: center; */
  padding: 5px 0 !important;
}
ul#sortable li:not(.init):hover,
ul li.selected:not(.init) {
  background: #0ee;
  color: #000;
}
ul#sortable li.init {
  cursor: pointer;
  position: fixed;
  top: 7px;
  display: flex;
  align-items: center;
}

ul#sortable li.init::after {
  content: url("../img/icons/dropdown-arrow.png");
  width: 24px;
  height: 24px;
}

/* end */

header .container .website-language .gt_selected a {
  display: flex !important;
  align-items: center;
}

header .top-bar .website-language a img {
  margin-right: 10px;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
}

header .container .website-language .gt_option,
header .container .website-language .switcher .option {
  position: absolute;
  top: 44px;
  z-index: 10;
  border: 1px solid #fff;
  border-top: none;
}
/* header .container .website-language .gt_selected a:after {
  right: 65px;
} */

header .container .website-language .gt_switcher,
header .container .website-language .switcher {
  /* width: unset; */
  width: 140px;
}

header .container .website-language svg {
  margin-left: 5px;
}

head
  .container
  .website-language
  .gt_container-nwhp1w
  .gt_switcher
  .gt_selected {
  z-index: 9 !important;
}

header .container .website-info ul li a {
  font-family: var(--fontGraphikMD);
  font-size: 14px;
  line-height: 26px;
  color: var(--normalcolor);
  text-decoration: none;
}

header .container .website-info ul li a.thm-mob {
  margin-left: 10px;
}

header .container .website-links ul li a {
  font-family: var(--fontGraphik);
  font-size: 14px;
  line-height: 26px;
  color: var(--normalcolor);
  text-decoration: none;
}

header .container ul li svg {
  margin-right: 5px;
}

header .main-header {
  background-color: var(--whitecolor);
  border-bottom: 1px solid var(--bordercolor);
  padding: 5px 0;
}

header .main-header .mob-menu {
  font-size: 24px;
  display: none;
}

header .main-header .search-bar input,
header
  .mob-searchbar
  div.product-search-form
  form.product-search-form.show-submit-button
  input[type="text"].product-search-field {
  min-width: 380px;
  background-color: var(--whitecolor);
  border-width: 1px 0px 1px 1px;
  border-style: solid;
  border-color: var(--bordercolor);
  border-radius: 4px 0px 0px 4px;
  font-size: 14px;
  line-height: 21px;
  font-weight: 400;
  color: var(--searchbarcolor);
  padding: 10px 15px;
  outline: none;
  vertical-align: middle;
  -webkit-border-radius: 4px 0px 0px 4px;
  -moz-border-radius: 4px 0px 0px 4px;
  -ms-border-radius: 4px 0px 0px 4px;
  -o-border-radius: 4px 0px 0px 4px;
  height: 44px;
}

header .main-header .search-bar input {
	border-width: 1px 1px 1px 1px;
}

header .main-header .search-bar input {
	border-color: #bfbfbf;
}

header
  .mob-searchbar
  div.product-search-form
  form.product-search-form.show-submit-button
  input[type="text"].product-search-field {
  min-width: auto;
}

header .main-header .search-bar button,
header .mob-searchbar button {
  background-color: var(--primarycolor);
  font-size: 14px;
  line-height: 24px;
  font-weight: 500;
  color: var(--normalcolor);
  margin: 0 !important;
  padding: 10px 25px !important;
  border-radius: 0px 4px 4px 0px !important;
  -webkit-border-radius: 0px 4px 4px 0px !important;
  -moz-border-radius: 0px 4px 4px 0px !important;
  -ms-border-radius: 0px 4px 4px 0px !important;
  -o-border-radius: 0px 4px 4px 0px !important;
  outline: none;
  border: none;
  height: 44px;
  vertical-align: middle;
}

header .main-header .cart {
  cursor: pointer;
  display: flex;
  align-items: center;
}

header .navigation {
  background-color: var(--whitecolor);
  /* padding: 8px 0; */
  border-bottom: 1px solid var(--bordercolor);
}

header .navigation .container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  min-height: 58px;
}

header .navigation ul {
  padding-left: 0;
  position: relative;
}

header .navigation ul li {
  font-family: var(--fontGraphikMD);
  font-size: 14px;
  line-height: 22px;
  /* padding: 12px 8px; */
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
}

header .navigation ul.shop-menu {
  margin-right: 14px;
}

header .navigation ul.shop-menu li,
header .navigation .menu-header-menu-container ul#menu-header-menu > li {
  padding: 8px 0;
  z-index: 9;
}

header .navigation .menu-header-menu-container ul#menu-header-menu > li.mobile {
  display: none;
}

header
  .navigation
  .menu-header-menu-container
  ul#menu-header-menu
  > li.new
  > a::before {
  content: "New";
  position: absolute;
  /*top: 0;
  */
  left: 50%;
  transform: translateX(-50%);
/*   top: -10px; */
	  top: -4px;
  font-family: var(--fontGraphikMD);
  font-size: 10px;
  line-height: 18px;
  color: var(--normalcolor);
  margin: 0;
  background-color: var(--primarycolor);
  padding: 1px 4px;
  border-radius: 4px;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
}

header .navigation ul.shop-menu li a {
  background-color: var(--primarycolor);
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
/*   padding: 8px 20px; */
	padding: 8px 14px;
}

header .navigation ul li a {
  color: var(--normalcolor);
  text-decoration: none;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 8px 8px;
}

header .navigation ul li.product-color > a {
	color: #ff0000;
}

header .navigation ul li.customised-color > a {
	color: #162bcd;
}

header .navigation ul li a svg.svg-inline--fa.fa-bars {
  font-size: 22px;
  margin-right: 8px;
  width: 16px;
}

header .navigation ul li a span {
  padding-top: 3px;
  min-width: 118px;
}

/* header .navigation ul li a svg {
  font-size: 20px;
} */

/* header .navigation ul li:first-child {
  background-color: var(--primarycolor);
} */

header .navigation ul li .fa-angle-down {
  margin-left: 5px;
}

/* mob search */

header .container .cart .mob-search svg:last-child {
  display: none;
}

header .container .cart .mob-search.searchbar-toggle svg:last-child {
  display: block;
}

header .container .cart .mob-search.searchbar-toggle svg:first-child {
  display: none;
}

header .container .cart .mob-search {
  margin-right: 15px;
  border-right: 1px solid #222;
  padding: 0 15px;
  display: none;
}

header .container .psm-one {
	width: 100%;
}

header .container .cart.sec {
	display: flex;
	margin-left: auto;
    align-items: center;
}

header .container .cart.sec .yith-ywraq-list-widget-wrapper {
	position: relative;
}

header .container .cart.sec .yith-ywraq-list-widget-wrapper > .raq-info {
	cursor: pointer;
}

.mob-searchbar {
  background-color: var(--normalcolor);
  padding: 10px;
  position: absolute;
  width: 100%;
  visibility: hidden;
  opacity: 0;
  transition: visibility 0s, opacity 0.1s linear;
  -webkit-transition: visibility 0s, opacity 0.1s linear;
  -moz-transition: visibility 0s, opacity 0.1s linear;
  -ms-transition: visibility 0s, opacity 0.1s linear;
  -o-transition: visibility 0s, opacity 0.1s linear;
  z-index: 1;
}

.showing-searchbar-mob {
  visibility: visible;
  opacity: 1;
}

/* end */

/* 3 column mega menu css */

header .navigation ul li.three-column .sub-menu {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  /* min-width: 630px; */
  min-width: 570px;
  width: 100%;
  padding: 8px 12px;
  border-radius: 6px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  -o-border-radius: 6px;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  z-index: 9;
}

header .navigation ul li.three-column .sub-menu li {
  width: 33.3%;
}

header .navigation ul li.three-column .sub-menu li.wow a,
header .navigation ul li.three-column .sub-menu li.popular a,
header .navigation ul li.three-column .sub-menu li.new a {
  position: relative;
  display: inline-block;
}

header .navigation ul li.three-column.active-submenu .sub-menu li.wow a::after {
  content: "Wow";
  position: absolute;
  /* top: 0; */
  left: 100%;
  font-family: var(--fontGraphikMD);
  font-size: 10px;
  line-height: 16px;
  color: var(--whitecolor);
  margin: 0;
  background-color: orangered;
  padding: 2px 6px;
  border-radius: 6px;
}

header
  .navigation
  ul
  li.three-column.active-submenu
  .sub-menu
  li.popular
  a::after {
  content: "Popular";
  position: absolute;
  /* top: 0; */
  left: 100%;
  font-family: var(--fontGraphikMD);
  font-size: 10px;
  line-height: 16px;
  color: var(--whitecolor);
  margin: 0;
  background-color: orange;
  padding: 2px 6px;
  border-radius: 6px;
}

header .navigation ul li.three-column.active-submenu .sub-menu li.new a::after {
  content: "New";
  position: absolute;
  /* top: 0; */
  left: 100%;
  font-family: var(--fontGraphikMD);
  font-size: 10px;
  line-height: 16px;
  color: var(--normalcolor);
  margin: 0;
  background-color: var(--primarycolor);
  padding: 2px 6px;
  border-radius: 6px;
}

header .navigation ul li.three-column .sub-menu {
  visibility: hidden;
  opacity: 0;
  transition: visibility 0s, opacity 0.2s linear;
  -webkit-transition: visibility 0s, opacity 0.2s linear;
  -moz-transition: visibility 0s, opacity 0.2s linear;
  -ms-transition: visibility 0s, opacity 0.2s linear;
  -o-transition: visibility 0s, opacity 0.2s linear;
}

header .navigation ul li.three-column.active-submenu .sub-menu {
  visibility: visible;
  opacity: 1;
}

/* end */

/* 2 column mega menu css */

header .navigation ul li.two-column .sub-menu {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  min-width: 445px;
  width: 100%;
  padding: 8px 12px;
  border-radius: 6px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  -o-border-radius: 6px;
  z-index: 9;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}

header .navigation ul li.two-column.customised .sub-menu {
	min-width: 470px;
}

header .navigation ul li.two-column .sub-menu li {
  width: 50%;
}

header .navigation ul li.two-column .sub-menu li.wow a,
header .navigation ul li.two-column .sub-menu li.popular a,
header .navigation ul li.two-column .sub-menu li.new a {
  position: relative;
  display: inline-block;
}

header .navigation ul li.two-column.active-submenu .sub-menu li.wow a::after {
  content: "Wow!";
  position: absolute;
  /* top: 0; */
  left: 100%;
  font-family: var(--fontGraphikMD);
  font-size: 10px;
  line-height: 16px;
  color: var(--whitecolor);
  margin: 0;
  background-color: orangered;
  padding: 2px 6px;
  border-radius: 6px;
}

header
  .navigation
  ul
  li.two-column.active-submenu
  .sub-menu
  li.popular
  a::after {
  content: "Popular";
  position: absolute;
  /* top: 0; */
  left: 100%;
  font-family: var(--fontGraphikMD);
  font-size: 10px;
  line-height: 16px;
  color: var(--whitecolor);
  margin: 0;
  background-color: orange;
  padding: 2px 6px;
  border-radius: 6px;
}

header .navigation ul li.two-column.active-submenu .sub-menu li.new a::after {
  content: "Popular";
  position: absolute;
  /* top: 0; */
  left: 100%;
  font-family: var(--fontGraphikMD);
  font-size: 10px;
  line-height: 16px;
  color: var(--normalcolor);
  margin: 0;
  background-color: var(--primarycolor);
  padding: 2px 6px;
  border-radius: 6px;
}

header .navigation ul li.two-column.active-submenu .sub-menu li.cpd a::before {
	content: "CPD ✔";
	position: absolute;
	left: calc(100% + 55px);
	font-family: var(--fontGraphikMD);
	font-size: 10px;
	line-height: 16px;
	color: var(--whitecolor);
	margin: 0;
	background-color: #80388C;
	padding: 2px 6px;
	border-radius: 6px;
	white-space: nowrap;
}

header .navigation ul li.two-column .sub-menu {
  visibility: hidden;
  opacity: 0;
  transition: visibility 0s, opacity 0.2s linear;
  -webkit-transition: visibility 0s, opacity 0.2s linear;
  -moz-transition: visibility 0s, opacity 0.2s linear;
  -ms-transition: visibility 0s, opacity 0.2s linear;
  -o-transition: visibility 0s, opacity 0.2s linear;
}

header .navigation ul li.two-column.active-submenu .sub-menu {
  visibility: visible;
  opacity: 1;
}

/* end */

.isSticky {
  /* position: sticky; */
  top: 0;
  z-index: 1042;
  width: 100%;
  position: fixed;
}

.margin-after-header {
  margin-top: 190px;
}

.isFixed {
  position: fixed !important;
}

.mega-menu {
  /* display: none; */
  position: absolute;
  width: 100%;
  z-index: 1042;
  /* box-shadow: 0 8px 12px rgba(0, 0, 0, 0.25); */
  visibility: hidden;
  opacity: 0;
  max-width: 1320px;
  width: 100%;
  left: 50%;
  transform: translateX(-50%);
  /* transition: visibility 0s, opacity 0.2s linear;
  -webkit-transition: visibility 0s, opacity 0.2s linear;
  -moz-transition: visibility 0s, opacity 0.2s linear;
  -ms-transition: visibility 0s, opacity 0.2s linear;
  -o-transition: visibility 0s, opacity 0.2s linear; */
}

/* header .navigation ul.shop-menu li:hover ~ .mega-menu */
.hover-desktop-mm-open {
  visibility: visible;
  opacity: 1;
  transition: visibility 0s, opacity 0.1s linear;
  -webkit-transition: visibility 0s, opacity 0.1s linear;
  -moz-transition: visibility 0s, opacity 0.1s linear;
  -ms-transition: visibility 0s, opacity 0.1s linear;
  -o-transition: visibility 0s, opacity 0.1s linear;
}

/* .navigation:has(li.sbc:hover) + .mega-menu,
.mega-menu:hover {
  visibility: visible;
  opacity: 1;
} */

/* end */

.mega-menu .container-fluid {
  max-width: 1320px;
  width: 100%;
  margin: 0 auto;
  /* padding: 20px 20px; */
  /* background-color: burlywood; */
}

.mega-menu .container-fluid .row {
  margin-left: 0;
  margin-right: 0;
  /* box-shadow: 0 8px 12px rgba(0, 0, 0, 0.25); */
}

.mega-menu .container-fluid .row.mmrf {
  box-shadow: 0 8px 12px rgba(0, 0, 0, 0.25);
}

.mega-menu .container-fluid .row .col-lg-2:first-child {
  background-color: var(--normalcolor);
  padding: 20px 0;
}

.mega-menu .container-fluid .row .col-lg-2 ul {
  border-bottom: 0;
}

.mega-menu .container-fluid .row .col-lg-2 ul li {
  width: 100%;
	padding: 0 15px;
}

.mega-menu .container-fluid .row .col-lg-2 ul li button {
  display: flex;
  width: 100%;
  justify-content: space-between;
  align-items: center;
}

.mega-menu .container-fluid .row .col-lg-2 ul li:nth-child(8) button {
	position: relative;
}

.mega-menu .container-fluid .row .col-lg-2 ul li:nth-child(8) button::before {
	content: "New";
    position: absolute;
    top: 50% !important;
    right: 18px;
    transform: translateY(-50%);
    /* top: -10px; */
    /* top: -4px; */
    font-family: var(--fontGraphikMD);
    font-size: 8px;
    line-height: 16px;
/*     color: var(--normalcolor); */
    color: #fff;
	font-weight: 400 !important;
    margin: 0;
/*     background-color: var(--primarycolor); */
    background-color: #f1731e;
    padding: 1px 4px;
    border-radius: 4px;
	border: 1px solid var(--normalcolor);
	display: none;
}

.mega-menu .container-fluid .row .col-lg-2 ul li button {
  font-family: var(--fontGraphik);
  font-size: 16px;
  line-height: 24px;
  color: var(--whitecolor);
  margin: 0;
  border: none;
}

.mega-menu .container-fluid .row .col-lg-2 ul li:first-child, .mega-menu .container-fluid .row .col-lg-10 .tab-content .tab-pane:first-child {
	display: none;
}

.mega-menu .container-fluid .row .col-lg-2 ul li:not(:last-child) {
  margin-bottom: 10px;
}

.mega-menu .container-fluid .row .col-lg-2 ul li svg {
  color: var(--whitecolor);
}

.mega-menu .container-fluid .row .col-lg-2 ul li:hover button,
.mega-menu .container-fluid .row .col-lg-2 ul li:hover svg {
  color: var(--primarycolor);
}

.mega-menu .container-fluid .row .col-lg-2 ul li button.active,
.mega-menu .container-fluid .row .col-lg-2 ul li button.active svg {
  color: var(--primarycolor);
}

.mega-menu .container-fluid .row .col-lg-10.inner-ten,
.mega-menu .container-fluid .row .col-lg-12.inner-ten
/* .mega-menu .container-fluid .row .col-lg-2:last-child */ {
  background-color: var(--whitecolor);
  padding: 12px 0;
}

.mega-menu .container-fluid .row .col-lg-10 .row .col-lg-3 a,
.mega-menu .container-fluid .row .col-lg-10 .row .col-lg-2 a {
  width: 100%;
}

/* .mega-menu .container-fluid .row .col-lg-2:last-child {
  padding: 20px 0;
} */

.mega-menu .container-fluid .row.mmrf .col-lg-10 .col-lg-9,
.mega-menu .container-fluid .row.mmrf .col-lg-10 .col-lg-10,
.mega-menu .container-fluid .row.mmrf .col-lg-12 .col-lg-8 {
  padding-right: 0;
}

.mega-menu .container-fluid .row.mmrf .col-lg-10 .col-lg-3,
.mega-menu .container-fluid .row.mmrf .col-lg-10 .col-lg-2 {
  padding-left: 0;
}

.mega-menu .container-fluid .row .col-lg-9 .row .col-md-3,
.mega-menu .container-fluid .row .col-lg-12 .row .col-md-3 {
  position: relative;
  padding-left: 0;
  padding-right: 0;
}

.mega-menu .container-fluid .row .col-lg-9 a.hmm-img,
.mega-menu .container-fluid .row .col-lg-10 a.hmm-img {
  padding-bottom: 0;
}

.mega-menu .container-fluid .row .col-lg-9 a.hmm-link,
.mega-menu .container-fluid .row .col-lg-10 a.hmm-link {
  padding-top: 0;
}

.mega-menu .container-fluid .row .col-lg-9 a,
.mega-menu .container-fluid .row .col-lg-10 a,
.mega-menu .container-fluid .row .col-lg-12 .col-md-3 a {
  display: block;
  width: 100%;
  font-family: var(--fontGraphikMD);
  font-size: 12px;
  line-height: 22px;
  color: var(--normalcolor);
  margin: 0;
  padding: 10px 5px;
  transition: 0.2s ease-in all;
  -webkit-transition: 0.2s ease-in all;
  -moz-transition: 0.2s ease-in all;
  -ms-transition: 0.2s ease-in all;
  -o-transition: 0.2s ease-in all;
}

.mega-menu .container-fluid .row .col-lg-9 .col-md-3 a,
.mega-menu .container-fluid .row .col-lg-12 .col-md-3 a {
  width: 96%;
}

.mega-menu .container-fluid .row .col-lg-9 .col-md-3 a.hmm-img,
.mega-menu .container-fluid .row .col-lg-9 .col-md-3 a.hmm-link {
  width: 100%;
}

.mega-menu .container-fluid .row .col-lg-9 .col-md-3 a.hmm-img,
.mega-menu .container-fluid .row .col-lg-10 a.hmm-img {
  max-width: 130px;
  max-height: 130px;
  margin: 0 auto;
}

.mega-menu .container-fluid .row .col-lg-9 a.blue span, .mega-menu .container-fluid .row .col-lg-12 a.blue span {
  color: blue;
  font-size: 14px;
}

.mega-menu .container-fluid .row .col-lg-9 a.red span, .mega-menu .container-fluid .row .col-lg-12 a.red span {
  color: red;
  font-size: 14px;
}

.mega-menu
  .container-fluid
  .row
  .col-lg-9
  .row.mega-menu-links-tab-content
  a::after,
.mega-menu .container-fluid .row .col-lg-12 .row.mega-menu-links-tab-content a:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 96%;
  height: 2px;
  background-color: var(--bordercolor);
}

.mega-menu
  .container-fluid
  .row
  .col-lg-9
  .row.mega-menu-links-tab-content
  a:hover, .mega-menu
  .container-fluid
  .row
  .col-lg-12
  .row.mega-menu-links-tab-content
  a:hover {
  background-color: var(--primarycolor);
}

.mega-menu .container-fluid .row .col-lg-9 .row .col-md-3 p,
.mega-menu .container-fluid .row .col-lg-10 .five-col-mega-menu .col-five p {
  font-family: var(--fontGraphiSB);
  font-size: 14px;
  line-height: 22px;
  color: var(--normalcolor);
  /* color: gray; */
  padding: 0 10px;
  margin: 0;
  margin-top: 10px;
  margin-bottom: 10px;
  transition: 0.1s ease-in all;
  -webkit-transition: 0.1s ease-in all;
  -moz-transition: 0.1s ease-in all;
  -ms-transition: 0.1s ease-in all;
  -o-transition: 0.1s ease-in all;
}

.mega-menu .container-fluid .row .col-lg-9 .row .col-md-3 p:hover,
.mega-menu
  .container-fluid
  .row
  .col-lg-10
  .five-col-mega-menu
  .col-five
  p:hover {
  text-decoration: underline;
}

.mega-menu ul li {
  list-style-type: none;
  display: flex;
  justify-content: space-between;
}

.mega-menu ul li button {
  background: transparent !important;
  border: none !important;
  padding: 0;
}

.mega-menu ul li:not(:first-child) {
  margin-top: 5px;
}

section {
  margin-top: 80px;
}

.whatsapp {
  background: var(--normalcolor);
  display: inline-block;
  padding: 6px 0;
  position: fixed;
  top: 40%;
  right: 0;
  z-index: 99;
  transform: translateX(150px);
  -webkit-transform: translateX(150px);
  -moz-transform: translateX(150px);
  -ms-transform: translateX(150px);
  -o-transform: translateX(150px);
  transition: 0.3s ease-in all;
  -webkit-transition: 0.3s ease-in all;
  -moz-transition: 0.3s ease-in all;
  -ms-transition: 0.3s ease-in all;
  -o-transition: 0.3s ease-in all;
  z-index: 999;
}

.whatsapp a {
  font-family: var(--fontGraphikMD);
  font-size: 14px;
  line-height: 22px;
  color: var(--whitecolor);
  display: block;
  padding: 8px 10px;
}

.whatsapp a:last-child {
  /* margin-top: 10px; */
  border-top: 1px solid var(--bordercolor);
}

.whatsapp img {
  margin-right: 10px;
}

.whatsapp img.q {
  margin-top: 15px;
}

.whatsapp:hover {
  transform: translateX(0);
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
}

.sticky-catalogue {
  background: var(--normalcolor);
  display: inline-block;
  padding: 15px 10px;
  position: fixed;
  top: 80%;
  right: 0;
  z-index: 99;
  font-family: var(--fontGraphik);
  font-size: 14px;
  line-height: 22px;
  color: var(--whitecolor);
}

.sticky-catalogue a {
  color: var(--whitecolor);
}

.sticky-catalogue img {
  margin-right: 10px;
}

.whatsapp,
.sticky-catalogue {
  display: none;
}

h1 {
  font-family: var(--fontGraphikSB);
  font-size: 40px;
  line-height: 48px;
  color: var(--headingcolor);
  margin: 0;
}

h2 {
  font-family: var(--fontGraphikB);
  font-size: 38px;
  line-height: 48px;
  color: var(--whitecolor);
  margin: 0;
}

h3, .oem-form h1 {
  font-family: var(--fontGraphikSB);
  font-size: 30px;
  line-height: 48px;
  color: var(--headingcolor);
  margin: 0;
}

.page-template-reseller-form .oem-form h1::after {
	display: none;
}

h4, .page-template-contact-us .contact-us-form h1 {
  font-family: var(--fontGraphikSB);
  font-size: 26px;
  line-height: 48px;
  color: var(--headingcolor);
  margin: 0;
}

h5 {
  font-family: var(--fontGraphikB);
  font-size: 18px;
  line-height: 26px;
  color: var(--whitecolor);
  margin: 0;
}

h6 {
  font-family: var(--fontGraphik);
  font-size: 16px;
  line-height: 24px;
  color: var(--smallheadingcolor);
  margin: 0;
}

.button-primary {
  display: inline-block;
  font-family: var(--fontGraphikMD);
  font-size: 16px;
  line-height: 24px;
  color: var(--blackcolor);
  margin: 0;
  border: 1px solid var(--blackcolor);
  padding: 10px 20px;
  transition: 0.2s ease-in all;
  -webkit-transition: 0.2s ease-in all;
  -moz-transition: 0.2s ease-in all;
  -ms-transition: 0.2s ease-in all;
  -o-transition: 0.2s ease-in all;
}

.button-primary:hover {
  background-color: var(--primarycolor);
  color: var(--blackcolor);
  border: 1px solid var(--primarycolor);
}

.button-secondary {
  display: inline-block;
  font-family: var(--fontGraphikMD);
  font-size: 16px;
  line-height: 24px;
  color: var(--primarycolor);
  margin: 0;
  text-decoration: underline;
  /* padding: 10px 20px; */
  transition: 0.2s ease-in all;
  -webkit-transition: 0.2s ease-in all;
  -moz-transition: 0.2s ease-in all;
  -ms-transition: 0.2s ease-in all;
  -o-transition: 0.2s ease-in all;
}

.button-secondary:hover {
  color: var(--primarycolor);
}

.entry.s_more a, .entry.s_more td.more-info {
	text-align: center;
}

.entry.s_more a, .entry.s_more a {
	width: unset;
}

.button-tertiary, .entry.s_more a, .entry.s_more a {
  display: inline-block;
  font-family: var(--fontGraphikMD);
  font-size: 16px;
  line-height: 24px;
  background-color: var(--primarycolor);
  color: var(--normalcolor);
  margin: 0;
  border: 1px solid var(--primarycolor);
  padding: 10px 20px;
  transition: 0.2s ease-in all;
  -webkit-transition: 0.2s ease-in all;
  -moz-transition: 0.2s ease-in all;
  -ms-transition: 0.2s ease-in all;
  -o-transition: 0.2s ease-in all;
}

.entry.s_more a, .entry.s_more a {
	padding: 6px 12px;
}

.button-tertiary:hover {
  background-color: var(--normalcolor);
  color: var(--primarycolor);
  border: 1px solid var(--normalcolor);
}

.button-tertiaryScnd {
  display: inline-block;
  font-family: var(--fontGraphikMD);
  font-size: 16px;
  line-height: 24px;
  background-color: var(--primarycolor);
  color: var(--normalcolor);
  margin: 0;
  border: 1px solid var(--normalcolor);
  padding: 10px 20px;
  transition: 0.2s ease-in all;
  -webkit-transition: 0.2s ease-in all;
  -moz-transition: 0.2s ease-in all;
  -ms-transition: 0.2s ease-in all;
  -o-transition: 0.2s ease-in all;
}

.button-tertiaryScnd:hover {
  background-color: var(--normalcolor);
  color: var(--primarycolor);
  border: 1px solid var(--normalcolor);
}

footer {
  /* background-image: url("../img/footer-background.jpg");
  background-repeat: repeat; */
  background-color: rgba(0, 0, 0, 0.9);
  width: 100%;
  min-height: 466px;
  display: flex;
  align-items: center;
}

footer .footer-logo img:not(:last-child) {
  margin-bottom: 20px;
}

footer .footer-logo img {
  width: 88%;
}

footer .footer-logo .last-img img {
	width: unset;
}

footer h5 {
  position: relative;
  margin-bottom: 20px;
  font-family: var(--fontGraphikMD);
}

footer h5::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -5px;
  width: 100%;
  height: 2px;
  background-color: var(--primarycolor);
}

footer .footer-links ul {
  list-style-type: none;
}

footer .footer-links ul li a {
  font-family: var(--fontGraphik);
  font-size: 14px;
  line-height: 22px;
  color: var(--whitecolor);
  margin: 0;
  transition: 0.2s ease-in all;
  -webkit-transition: 0.2s ease-in all;
  -moz-transition: 0.2s ease-in all;
  -ms-transition: 0.2s ease-in all;
  -o-transition: 0.2s ease-in all;
}

footer .footer-links ul li a:hover {
  text-decoration: underline;
}

footer .footer-links ul li:not(:last-child) {
  margin-bottom: 10px;
}

footer .footer-links-last .footer-links:last-child {
  margin-top: 25px;
}

footer form {
  margin-top: 25px;
}

footer form p {
  display: flex;
  width: 100%;
}

footer form.invalid .wpcf7-response-output {
  display: none;
}

footer form .wpcf7-response-output {
  color: var(--whitecolor);
}

footer form span.wpcf7-form-control-wrap {
  width: 70%;
}

footer form span.wpcf7-spinner {
  display: none;
}

span.wpcf7-spinner {
	margin: 0;
    margin-top: 10px;
    padding: 0;
}

form[data-status="submitting"] span.wpcf7-spinner {
	display: inline-block !Important;
}

footer input {
  width: 100%;
  font-family: var(--fontGraphik);
  background-color: var(--whitecolor);
  /* border-width: 1px 0px 1px 1px;
  border-style: solid;
  border-color: var(--bordercolor); */
  border: none;
  border-radius: 4px 0px 0px 4px;
  font-size: 14px;
  line-height: 22px;
  color: var(--searchbarcolor);
  padding: 13px 15px;
  outline: none;
  height: 48px;
  vertical-align: middle;
}

footer button,
footer input[type="submit"] {
  width: 30%;
  font-family: var(--fontGraphikMD);
  background-color: var(--primarycolor);
  font-size: 14px;
  line-height: 24px;
  color: var(--normalcolor);
  padding: 12px 0;
  /* padding-bottom: 14px; */
  text-align: center;
  border-radius: 0px 4px 4px 0px;
  -webkit-border-radius: 0px 4px 4px 0px;
  -moz-border-radius: 0px 4px 4px 0px;
  -ms-border-radius: 0px 4px 4px 0px;
  -o-border-radius: 0px 4px 4px 0px;
  outline: none;
  border: none;
  vertical-align: middle;
  height: 48px;
  vertical-align: middle;
}

.footer-last {
  padding: 10px 0;
}

.footer-last .footer-tagline p {
  font-family: var(--fontGraphikMD);
  font-size: 14px;
  line-height: 22px;
  color: var(--normalcolor);
}

.footer-last ul {
  list-style-type: none;
  display: flex;
  justify-content: end;
}

.footer-last ul li:not(:last-child) {
  margin-right: 30px;
}

.footer-last ul li a {
  font-family: var(--fontGraphikMD);
  font-size: 14px;
  line-height: 22px;
  color: var(--normalcolor);
}

.page-template-blog header .navigation {
  border-bottom: 1px solid var(--bordercolor);
}

/* reach to top icons */

.react-to-top {
  position: fixed;
  bottom: 40px;
  right: 30px;
  background-color: var(--primarycolor);
  color: var(--whitecolor);
  width: 40px;
  height: 40px;
  border-radius: 6px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  -o-border-radius: 6px;
  cursor: pointer;
  font-size: 20px;
  line-height: 2;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  z-index: 1040;
}

.react-to-top i {
  color: var(--whitecolor);
}

.react-to-top {
  display: none;
}

/* end */

.gt_container--2qx5fb .gt_switcher .gt_selected,
header .container .website-language .gt_switcher .gt_selected,
header .container .website-language .switcher .selected {
  z-index: 9 !important;
}

/* close cart icon css */

.close-icon-swc {
  position: fixed;
  top: 20px;
  right: 20px;
  z-index: 9999;
  cursor: pointer;
  font-size: 20px;
  color: var(--normalcolor);
  padding: 5px;
}

.close-icon-swc {
  display: none;
}

/* end */

/* new css */

.get-a-quote .button-primary,
.get-a-quote button {
  background-color: transparent;
}

.get-a-quote .button-primary:hover,
.get-a-quote button:hover {
  background-color: var(--primarycolor);
}

/* end */

/* header box animation start */

header .navigation ul {
  position: relative;
}

header .navigation .menu-header-menu-container {
  min-height: 57px;
  display: flex;
  align-items: center;
}

#marker1 {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 55.98px;
  height: 74%;
  background-color: transparent;
  transition: 0.5s;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -ms-transition: 0.5s;
  -o-transition: 0.5s;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border: 1px solid #222;
  /*display: none;
  */
  pointer-events: all;
  z-index: 0;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
}

/* header .navigation .box-animation-header {
  position: absolute;
  height: 100%;
  top: 0;
  z-index: 0;
  border: 1px solid #000;
  width: 70px;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
}

header .navigation ul li:nth-child(2) {
  width: 70px;
}

header .navigation .start-home,ul li:nth-child(2):hover~.box-animation-header {
  width: 70px;
  left: 198.53px;
}

header .navigation ul li:nth-child(3) {
  width: 115px;
}

header .navigation .start-company,ul li:nth-child(3):hover~.box-animation-header {
  width: 115px;
  left: 288.53px;
}

header .navigation ul li:nth-child(4) {
  width: 110px;
}

header .navigation ul li:nth-child(5) {
  width: 130px;
}

header .navigation ul li:nth-child(6) {
  width: 100px;
}

header .navigation ul li:nth-child(7) {
  width: 140px;
}

header .navigation ul li:nth-child(8) {
  width: 80px;
} */

/* end */

/* mega menu desktop */

header .navigation ul li {
  position: relative;
}

header .navigation .d-mega-menu ul,
header .navigation .sub-menu {
  display: flex;
  flex-direction: column;
}

header .navigation .d-mega-menu,
header .navigation .sub-menu {
  position: absolute;
  min-width: 195px;
  top: 100%;
  color: #3d464d;
  background-color: var(--whitecolor);
  /* box-shadow: 0 1px 15px rgba(0, 0, 0, 0.25); */
  box-shadow: 0 8px 12px rgba(0, 0, 0, 0.25);
  border-radius: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  z-index: 999;
  /* display: none; */
  visibility: hidden;
  opacity: 0;
  transition: visibility 0s, opacity 0.2s linear;
  -webkit-transition: visibility 0s, opacity 0.2s linear;
  -moz-transition: visibility 0s, opacity 0.2s linear;
  -ms-transition: visibility 0s, opacity 0.2s linear;
  -o-transition: visibility 0s, opacity 0.2s linear;
}

header .navigation .sub-menu {
	min-width: 210px;
}

header .navigation .sub-menu {
  padding: 8px 12px;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
}

header .navigation ul li.active-submenu .sub-menu {
  visibility: visible;
  opacity: 1;
}

header .navigation .sub-menu {
  margin-top: 1px;
}

header .navigation .hv li.menu-item-has-children > a {
  position: relative;
}

header .navigation .hv li.menu-item-has-children > a::after,
header .navigation ul.shop-menu li a::after,
header .navigation ul li.product-color>a:after {
  content: "\f107";
  font-family: "Font Awesome 5 free";
  font-weight: 900;
  font-size: 1em;
  margin-left: 5px;
  /* position:absolute;
  right: 0px;
  top: 0px; */
}

header .navigation ul.shop-menu li a:after {
	margin-left: 8px;
}

/* header .navigation ul.shop-menu li a::after {
  padding-top: 4px;
} */

.mobile-mega-menu ul li.menu-item-has-children > a,
.mobile-mega-menu ul.tab-link-mobile > li {
  position: relative;
}

/* .mobile-mega-menu ul li.menu-item-has-children > a::after */
.mobile-mega-menu ul li.menu-item-has-children::after,
.mobile-mega-menu ul.tab-link-mobile > li::after {
  content: "\f107";
  font-family: "Font Awesome 5 free";
  font-weight: 900;
  font-size: 1em;
  margin-left: 5px;
  /*position:absolute;
  right: 0px;
  top: 0px;
  */
  transform: rotate(-90deg);
  transition: 0.2s ease-in all;
  -webkit-transition: 0.2s ease-in all;
  -moz-transition: 0.2s ease-in all;
  -ms-transition: 0.2s ease-in all;
  -o-transition: 0.2s ease-in all;
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  position: absolute;
  right: 16px;
  top: 14px;
}

.mobile-mega-menu ul li.menu-item-has-children.mmm-open::after,
.mobile-mega-menu ul.tab-link-mobile > li.mmm-open::after {
  transform: rotate(0);
  -webkit-transform: rotate(0);
  -moz-transform: rotate(0);
  -ms-transform: rotate(0);
  -o-transform: rotate(0);
}

header .navigation .d-mega-menu ul li,
header .navigation .sub-menu li {
  margin-right: 0 !important;
  border-radius: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  font-family: var(--fontGraphikMD);
  font-size: 12px;
  line-height: 20px;
  transition: 0.2s;
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -ms-transition: 0.2s;
  -o-transition: 0.2s;
}

header .navigation .sub-menu li {
  transition: unset;
  -webkit-transition: unset;
  -moz-transition: unset;
  -ms-transition: unset;
  -o-transition: unset;
}

header .navigation .d-mega-menu ul li a,
header .navigation .sub-menu li a {
  justify-content: start;
  padding: 0;
  padding: 8px 12px;
  text-align: left;
  font-family: var(--fontGraphikMD);
  font-size: 12px;
  line-height: 20px;
}

header .navigation .sub-menu li a {
  padding: 8px 6px;
  font-size: 14px;
  line-height: 20px;
  transition: unset;
  -webkit-transition: unset;
  -moz-transition: unset;
  -ms-transition: unset;
  -o-transition: unset;
}

header .navigation .d-mega-menu ul li:first-child,
header .navigation .sub-menu li:first-child {
  background-color: transparent;
}

header .navigation .d-mega-menu ul li:hover {
  background-color: var(--primarycolor);
}

header .navigation .sub-menu li:hover a {
  color: var(--primarycolor);
}

/* end */

.wpcf7-not-valid-tip:not(:nth-child(1)):not(:nth-child(2)) {
  display: none !important;
}

/* body .wpcf7-not-valid-tip:not(:first-child) {
  display: none !important;
} */

/* responsive header icon logo hamburger */

.cart .yith-ywraq-list-wrapper {
  /* position: fixed !important; */
  top: 0 !important;
  width: 73px !important;
  height: 63px !important;
}

/* end */

/* yellow underline */

.about-us .about-us-section h4,
.category h4,
.industry h4,
.our-services h4,
.other-products h4,
.solutions h4,
.loto-devices h4,
.home-contact-form .address h4,
.home-contact-form .contact-us h4,
.youtube-videos h4,
.oem-form h1,
.contact-details h4,
.lockout-whitepaper h1,
.download-whitepaper .text-center h4,
.explore-esquare h4,
.certifications h4,
.achievements h4,
.clients-testimonials h4,
.success-stories h4,
.blogs-section h1,
.privacy-policy h1,
.blog-detailed h1,
.popular-blogs h4,
.about-us-internal h3,
.about-us-internal h1,
.cta-section h4,
.modal-content h4,
.product-category h1,
#primary div.product .panel h2,
.current-openings h1,
#primary .up-sells h2.related-products,
.products-faq h4,
.products-specifications h4,
.recently-view-products h4,
.customers-section h4,
.clients-slider h4,
.clients-section h4,
.main-mrg .woocommerce-products-header h1,
.cart-page h1,
.ywraq-form-table-wrapper .yith-ywraq-mail-form-wrapper h3,
.related.products h4,
#primary .woocommerce-tabs h2,
.training-section h1,
.process-section h4,
.process-item h5 span:last-child,
.training-offers h4,
.training-performance h4,
.training-performance-new h4,
.lockout-tagout-solution h4,
.esquare-advantage h4,
.rac h4,
.catalogue-download-section h2,
.industries-serving h4,
.private-labeling-heading h1,
.lockout-tagout-portfolio h4,
.get-a-quote h4,
.dealer-section h4,
.reseller-benefits h4,
.product-range h4,
.industry-leaders-speak h4,
.lt-industry-section h1,
.about-the-book h4,
.author-section h4,
.icp-heading h1,
.customized-lp h4,
.safety-padlocks h4,
.pltp-section h4,
.what-can-be-customized h4,
.for-whom h4,
.custom-lockout-tags h4,
.cabinet-section h4,
.what-students-say h4,
.ltv-heading h1,
.other-videos-series-section h4,
.lte-videos-page h4,
.ovs2 h4,
.documentation h1,
.compliance h4,
.compliance-second h4,
.cabinet-customization h4,
.head-banner h1,
.linking-section-sbci h4,
.quick-quote h1,
.industry-image-with-text h1,
.get-total-protection h4,
.lockout-tagout-ss h4,
.customers-section-industry-individual h4,
.clients-slider-industry-individual h4,
.lockout-safety-product h4,
.country-list h1,
.free-recommendation h1,
.iwt-ihs-section h1,
.health-safety-needs-second .hsns-points h5 span,
.customers-section-industry-inside h4,
.inside-heading h1,
.training-offers h4,
section.partner-video-section.mt-v h4,
.tailored h4,
.lt-quiz h1,
.success-stories-two h4 {
  position: relative;
  display: inline-block;
}

.solutions h4::after,
.author-section h4::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 3px;
  background-color: var(--normalcolor);
}

.about-us .about-us-section h4::after,
.category h4::after,
.industry h4::after,
.our-services h4::after,
.other-products h4::after,
.loto-devices h4::after,
.home-contact-form .address h4::after,
.home-contact-form .contact-us h4::after,
.youtube-videos h4::after,
.oem-form h1::after,
.contact-details h4::after,
.lockout-whitepaper h1::after,
.download-whitepaper .text-center h4::after,
.explore-esquare h4::after,
.certifications h4::after,
.achievements h4::after,
.clients-testimonials h4::after,
.success-stories h4::after,
.blogs-section h1::after,
.privacy-policy h1:after,
.blog-detailed h1:after,
.popular-blogs h4:after,
.about-us-internal h3:after,
.about-us-internal h1::after,
.cta-section h4:after,
.modal-content h4:after,
.product-category h1:after,
#primary div.product .panel h2::after,
.current-openings h1:after,
#primary .up-sells h2.related-products::after,
.products-faq h4::after,
.products-specifications h4::after,
.recently-view-products h4::after,
.customers-section h4::after,
.clients-slider h4::after,
.clients-section h4::after,
.main-mrg .woocommerce-products-header h1::after,
.cart-page h1::after,
.ywraq-form-table-wrapper .yith-ywraq-mail-form-wrapper h3::after,
.related.products h4::after,
#primary .woocommerce-tabs h2::after,
.training-section h1::after,
.process-section h4::after,
.process-item h5 span:last-child:after,
.training-offers h4::after,
.training-performance h4::after,
.training-performance-new h4::after,
.lockout-tagout-solution h4::after,
.esquare-advantage h4::after,
.catalogue-download-section h2::after,
.industries-serving h4::after,
.private-labeling-heading h1::after,
.lockout-tagout-portfolio h4::after,
.get-a-quote h4::after,
.dealer-section h4::after,
.reseller-benefits h4::after,
.product-range h4::after,
.industry-leaders-speak h4::after,
.lt-industry-section h1::after,
.about-the-book h4::after,
.icp-heading h1::after,
.customized-lp h4::after,
.safety-padlocks h4::after,
.pltp-section h4::after,
.what-can-be-customized h4::after,
.for-whom h4::after,
.custom-lockout-tags h4::after,
.cabinet-section h4::after,
.what-students-say h4::after,
.ltv-heading h1::after,
.other-videos-series-section h4::after,
.lte-videos-page h4::after,
.ovs2 h4::after,
.documentation h1::after,
.compliance h4::after,
.compliance-second h4::after,
.cabinet-customization h4::after,
.head-banner h1::after,
.linking-section-sbci h4::after,
.quick-quote h1::after,
.industry-image-with-text h1::after,
.get-total-protection h4::after,
.lockout-tagout-ss h4::after,
.customers-section-industry-individual h4::after,
.clients-slider-industry-individual h4::after,
.lockout-safety-product h4::after,
.country-list h1::after,
.free-recommendation h1::after,
.iwt-ihs-section h1::after,
.health-safety-needs-second .hsns-points h5 span::after,
.customers-section-industry-inside h4::after,
.inside-heading h1::after,
.training-offers h4::after,
section.partner-video-section.mt-v h4::after,
.tailored h4::after,
.lt-quiz h1::after,
.success-stories-two h4::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 3px;
  background-color: var(--primarycolor);
}

/* .related.products h4.woocommerce-loop-product__title::after {
  content: unset;
} */

.rac h4::after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: 0;
  width: 70%;
  height: 3px;
  background-color: var(--headingcolor);
  transform: translateX(-50%);
}

/* end */

/* new column added in mega menu */

.mega-menu .container-fluid .row .col-lg-10 .five-col-mega-menu {
  display: flex;
  flex-wrap: wrap;
}

.mega-menu .container-fluid .row .col-lg-10 .five-col-mega-menu .col-five {
  width: 20%;
}

/* end */

/* catalogue section start */

.catalogue-one {
  background-color: var(--catalogueBgOne);
  /* background-image: url("../img/catalogue-background1.jpg");
  background-repeat: no-repeat;
  width: 100%; */
  padding: 100px 0;
  padding-bottom: 0;
  position: relative;
}

.catalogue-one .wpcf7 form.invalid .wpcf7-response-output {
  display: none;
}

.catalogue-one .container {
  position: relative;
  z-index: 1;
}

.catalogue-one .catalogue-background1 {
  position: absolute;
  bottom: 0;
  width: 500px;
}

.catalogue-one .catalogue-content1 h2 {
  color: var(--headingcolor);
}

.catalogue-one .catalogue-content1 p {
  font-family: var(--fontGraphik);
  font-size: 16px;
  line-height: 24px;
  color: var(--descriptioncolor);
  margin: 0;
  margin-top: 16px;
  margin-bottom: 16px;
}

.catalogue-one .catalogue-content1 form p {
  display: flex;
  justify-content: flex-start;
}

.catalogue-one .catalogue-content1 form p span {
  width: 72%;
}

.catalogue-one .catalogue-content1 form p span.wpcf7-spinner {
  width: 24px;
}

.catalogue-one .catalogue-content1 form input {
  width: 100%;
  font-family: var(--fontGraphik);
  background-color: var(--whitecolor);
  /* border-width: 1px 0px 1px 1px;
  border-style: solid;
  border-color: var(--bordercolor); */
  /* border: none; */
  border: 0.5px solid var(--bordercolor);
  border-radius: 4px 0px 0px 4px;
  font-size: 14px;
  line-height: 22px;
  color: var(--searchbarcolor);
  padding: 13px 15px;
  outline: none;
}
.catalogue-one .catalogue-content1 form input,
.catalogue-one .catalogue-content1 form input[type="submit"],
.catalogue-one .catalogue-content1 form button.ltc-download {
  height: 50px;
}

.catalogue-one .catalogue-content1 form button,
.catalogue-one .catalogue-content1 form input[type="submit"],
.catalogue-one .catalogue-content1 form button.ltc-download {
  width: 22%;
  font-family: var(--fontGraphikMD);
  background-color: var(--primarycolor);
  font-size: 14px;
  line-height: 24px;
  color: var(--normalcolor);
  padding: 12px 0;
  text-align: center;
  border-radius: 0px 4px 4px 0px;
  -webkit-border-radius: 0px 4px 4px 0px;
  -moz-border-radius: 0px 4px 4px 0px;
  -ms-border-radius: 0px 4px 4px 0px;
  -o-border-radius: 0px 4px 4px 0px;
  outline: none;
  border: none;
  transition: 0.2s ease-in all;
  -webkit-transition: 0.2s ease-in all;
  -moz-transition: 0.2s ease-in all;
  -ms-transition: 0.2s ease-in all;
  -o-transition: 0.2s ease-in all;
}

.catalogue-one .catalogue-content1 form input[type="submit"]:hover,
.catalogue-one .catalogue-content1 form button.ltc-download:hover {
  background-color: var(--normalcolor);
  color: var(--primarycolor);
  /* border: 1px solid var(--normalcolor); */
}

.yellow-bg-two {
  background-color: var(--primarycolor);
  padding: 29px 0;
  margin-top: 40px;
}

/* end */

/* loto devices start */

.loto-devices .row:not(:first-child) {
  margin-top: 30px;
}

.loto-devices p {
  font-family: var(--fontGraphik);
  font-size: 16px;
  line-height: 24px;
  color: var(--descriptioncolor);
  margin: 0;
  text-align: justify;
}

.loto-devices p b {
  font-size: 18px;
  line-height: 26px;
}

.page-template-catalogue .loto-devices p {
  margin-top: 10px;
}

/* end */

/* solutions section start */

.solutions {
  background-image: url("../img/solutions-dotted.png");
  background-repeat: repeat;
  background-color: var(--primarycolor);
  width: 100%;
  padding: 100px 0;
  position: relative;
  overflow-x: hidden;
}

.solutions .button-tertiaryScnd {
  background-color: transparent;
}

.solutions .button-tertiaryScnd:hover {
  background-color: var(--normalcolor);
}

.background-safety-lock {
  position: absolute;
  right: -100px;
  top: 0;
}

.solutions h4 {
  color: var(--normalcolor);
}

.solutions .solutions-margin {
  margin-top: 30px;
}

.solutions .solutions-margin p {
  font-family: var(--fontGraphik);
  font-size: 16px;
  line-height: 24px;
  color: var(--headingcolor);
  margin: 0;
  margin-top: 10px;
  text-align: center;
}

.solutions .solutions-step {
  position: relative;
  z-index: 1;
  overflow: hidden;
}

.solutions .solutions-step img {
  width: 100%;
}

.solutions .solutions-step .overlay {
  position: absolute;
  left: 50%;
  bottom: 10%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transition: 0.2s ease-in all;
  -webkit-transition: 0.2s ease-in all;
  -moz-transition: 0.2s ease-in all;
  -ms-transition: 0.2s ease-in all;
  -o-transition: 0.2s ease-in all;
  z-index: 3;
}

.solutions .solutions-step .overlay p {
  font-family: var(--fontGraphikSB);
  font-size: 24px;
  line-height: 32px;
  color: var(--primarycolor);
  margin: 0;
  margin-top: 10px;
}

.solutions .solutions-step .overlay img {
  opacity: 0;
}

/* .solutions .solutions-step:hover {
  background-color: var(--whitecolor);
} */

.solutions .solutions-step:hover .overlay {
  /* bottom: 30%; */
  top: 50%;
  transform: translate(-50%, -50%);
}

.solutions .solutions-step:hover .overlay img {
  opacity: 1;
  transition: 0.2s ease-in all;
  -webkit-transition: 0.2s ease-in all;
  -moz-transition: 0.2s ease-in all;
  -ms-transition: 0.2s ease-in all;
  -o-transition: 0.2s ease-in all;
}

.solutions-overlay {
  background-color: white;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 2;
  transform: translateY(150%);
  -webkit-transform: translateY(150%);
  -moz-transform: translateY(150%);
  -ms-transform: translateY(150%);
  -o-transform: translateY(150%);
  transition: 0.3s ease-in all;
  -webkit-transition: 0.3s ease-in all;
  -moz-transition: 0.3s ease-in all;
  -ms-transition: 0.3s ease-in all;
  -o-transition: 0.3s ease-in all;
}

.solutions .solutions-step:hover .solutions-overlay {
  transform: translateY(0);
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
}

/* end */

/* features section start */

.features {
  background-color: var(--primarycolor);
  margin: 0;
  /* margin-top: -1px; */
}

.features.border {
  border: none !important;
}

.border .row .col-lg-3:not(:last-child) {
  border-right: 1px solid var(--blackcolor);
}

.features .features-inner {
  display: flex;
  justify-content: start;
  align-items: center;
  padding: 10px 0;
}

/* .features .features-inner {
  border-right: 1px solid var(--blackcolor);
} */

/* .features .features-inner:last-child {
  border-right: 0;
} */

.features .features-inner img {
  margin-right: 16px;
}

.features .features-inner p {
  font-family: var(--fontGraphikMD);
  font-size: 16px;
  line-height: 1;
  color: var(--normalcolor);
  margin-bottom: unset;
  padding-bottom: unset;
  margin-top: 5px;
}

.features .features-inner span {
  font-family: var(--fontGraphik);
  font-size: 14px;
  line-height: 1;
  color: var(--normalcolor);
  margin-bottom: unset;
  padding-bottom: unset;
  margin: 0;
  /* margin-top: 5px; */
}

/* end */

/* sliding cart window start */

/* sliding cart window */

.cart .yith-ywraq-list-wrapper .yith-ywraq-list-content h2 {
  font-family: var(--fontGraphikSB);
  font-size: 28px;
  line-height: 36px;
  color: var(--normalcolor);
  margin: 0;
  text-align: center;
}

.cart .yith-ywraq-list-wrapper .yith-ywraq-list-content p.items-count {
  display: none;
}

.widget_ywraq_mini_list_quote img.ywraq-custom-icon {
  width: 32px;
}

.footer-section .wpcf7 form .wpcf7-response-output {
  border: none;
  margin: 0;
  padding: 0;
}

/* end */

/* end */

/* other banner css */

/* .other-banner {
  background-image: linear-gradient(
      120deg,
      rgba(0, 0, 0, 0.8) 50%,
      transparent 50%
    ),
    url("../img/other-banner.jpg");
  width: 100%;
  min-height: 401px;
  background-size: cover;
} */

.other-banner {
  /* background-image: url("../img/other-banner.jpg"); */
  width: 100%;
  min-height: 401px;
  /* background-size: 100% 100%; */
  background-size: cover;
  position: relative;
}

.other-banner::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: linear-gradient(
    120deg,
    rgba(0, 0, 0, 1) 50%,
    transparent 50%
  );
  /* opacity: 0.7; */
}

.other-banner .other-banner-heading {
  width: 45%;
  position: relative;
  z-index: 1;
}

.other-banner .other-banner-heading h2,
.other-banner .other-banner-heading h1,
.career-banner .other-banner-heading h2,
.career-banner .other-banner-heading h1 {
  font-family: var(--fontGraphikSB);
  font-size: 38px;
  line-height: 46px;
}

.other-banner .other-banner-heading h1 {
  color: var(--whitecolor);
}

.other-banner .other-banner-heading p,
.career-banner .other-banner-heading p {
  font-family: var(--fontGraphik);
  font-size: 16px;
  line-height: 24px;
  color: var(--whitecolor);
  margin: 0;
  margin-top: 10px;
}

/* end */

/* page links breadcrumb */

.page-links {
  padding: 20px 0;
  padding-bottom: 0;
}

.page-links p {
  font-family: var(--fontGraphik);
  font-size: 14px;
  line-height: 22px;
  color: var(--testimonialBG);
  margin: 0;
}

.page-links p a {
  font-family: var(--fontGraphik);
  font-size: 14px;
  line-height: 22px;
  color: var(--testimonialBG);
}

.page-links p span {
  font-family: var(--fontGraphik);
  font-size: 14px;
  line-height: 22px;
  color: var(--testimonialBG);
}

/* end */

/* oem form */

.oem-form {
  margin-top: 40px;
}

/* .oem-form .wpcf7-response-output {
  display: none;
} */

.oem-form h1 {
  font-family: var(--fontGraphikSB);
  font-size: 30px;
  line-height: 48px;
  color: var(--headingcolor);
  margin: 0;
}

.oem-form p {
  font-family: var(--fontGraphik);
  font-size: 16px;
  line-height: 24px;
  color: var(--descriptioncolor);
  margin: 0;
  margin-top: 20px;
}

.oem-form .oem-contact-form {
  margin: 0;
  margin-top: 40px;
  margin-bottom: 100px;
  background-color: var(--formBG);
  padding: 30px 30px;
}

.oem-form .oem-contact-form div p {
  display: flex;
  justify-content: start;
  align-items: center;
  margin-top: 24px;
}

.oem-form .oem-contact-form div span {
  width: 100%;
  /* display: none; */
}

.oem-form .oem-contact-form div span.wpcf7-spinner {
	width: 24px;
	margin-top: 0;
}

.oem-form .oem-contact-form div label {
  width: 20%;
  font-family: var(--fontGraphik);
  font-size: 16px;
  line-height: 24px;
  color: var(--headingcolor);
  margin: 0;
  margin-right: 15px;
}

.oem-form .oem-contact-form div input,
.oem-form .oem-contact-form div textarea {
  width: 80%;
  border: 0.5px solid var(--bordercolor);
  background-color: var(--whitecolor);
  padding: 16px 20px;
  font-family: var(--fontGraphik);
  font-size: 16px;
  line-height: 18px;
  color: var(--normalcolor);
  outline: none;
}

.oem-form .oem-contact-form div select {
	width: 80%;
    border: 0.5px solid var(--bordercolor);
    background-color: var(--whitecolor);
    padding: 16px 20px;
    font-family: var(--fontGraphik);
    font-size: 16px;
    line-height: 18px;
    color: var(--normalcolor);
    outline: none;
    appearance: none;
    /* position: relative; */
    background-image: url(../img/icons/select-dropdown.png);
    background-repeat: no-repeat;
    background-position: right 1rem top 50%;
    background-size: 0.6rem auto
}

.oem-form .oem-contact-form div input::placeholder,
.oem-form .oem-contact-form div textarea::placeholder {
  font-family: var(--fontGraphik);
  font-size: 16px;
  line-height: 18px;
  color: var(--normalcolor);
}

.oem-form .oem-contact-form div:not(:first-child) {
  margin-top: 24px;
}

.oem-form .oem-contact-form div button.form-button,
.oem-form .oem-contact-form div input[type="submit"] {
  background-color: var(--primarycolor);
  font-family: var(--fontGraphikMD);
  font-size: 16px;
  line-height: 20px;
  color: var(--normalcolor);
  padding: 16px 113px;
  outline: none;
  border: none;
  text-align: center;
  border: none;
  margin-left: 17.9%;
  /*border: 0.5px solid var(--normalcolor);
  background-color: var(--whitecolor);
  padding: 16px 24px;
  font-family: var(--fontGraphik);
  font-size: 16px;
  line-height: 24px;
  color: var(--normalcolor);
  outline: none;
  */
  transition: 0.2s ease-in all;
  -webkit-transition: 0.2s ease-in all;
  -moz-transition: 0.2s ease-in all;
  -ms-transition: 0.2s ease-in all;
  -o-transition: 0.2s ease-in all;
}

.oem-form .oem-contact-form div button.form-button:hover,
.oem-form .oem-contact-form div input[type="submit"]:hover {
  background-color: var(--formBtnHover);
  color: var(--whitecolor);
}

.oem-form .oem-contact-form div button.form-button svg {
  margin-left: 10px;
}

.oem-form .oem-contact-form div button.form-button svg path {
  transition: 0.2s ease-in all;
  -webkit-transition: 0.2s ease-in all;
  -moz-transition: 0.2s ease-in all;
  -ms-transition: 0.2s ease-in all;
  -o-transition: 0.2s ease-in all;
}

.oem-form .oem-contact-form div button.form-button:hover svg path {
  fill: var(--whitecolor);
}

/* end */

/* about us css */

.about-page-links {
  margin-top: 40px;
}

.about-page-links a {
  background-color: var(--primarycolor);
  width: 100%;
  display: inline-block;
  padding: 6px 8px;
  font-family: var(--fontGraphikMD);
  font-size: 14px;
  line-height: 22px;
  color: var(--blackcolor);
  margin: 0;
  display: flex;
  align-items: center;
}

.about-page-links a img {
  margin-right: 5px;
}

/* end */

/* home contact form */

.home-contact-form {
  background-color: var(--contactFormBG);
  padding: 30px 0;
  padding-bottom: 70px;
}

.home-contact-form .address ul {
  list-style-type: none;
  padding-left: 0;
  margin-top: 50px;
}

.home-contact-form .address ul li svg {
  margin-right: 10px;
  width: 40px;
  height: 40px;
}

.home-contact-form .address ul li span {
	display: inline-block;
	font-family: var(--fontGraphik);
    font-size: 16px;
    line-height: 24px;
    color: var(--normalcolor);
    margin: 0;
}

.home-contact-form .address ul li span.cn {
	margin-left: 10px
}

.home-contact-form .address ul li {
  display: flex;
  justify-content: start;
  align-items: center;
}

.home-contact-form .address ul li:not(:first-child) {
  margin-top: 30px;
}

.home-contact-form .address ul li a {
  font-family: var(--fontGraphik);
  font-size: 16px;
  line-height: 24px;
  color: var(--normalcolor);
  margin: 0;
}

.home-contact-form .social-links {
  margin-top: 40px;
}

.home-contact-form .social-links ul {
  list-style-type: none;
  display: flex;
  justify-content: start;
  padding-left: 0;
}

.home-contact-form .social-links ul li:not(:first-child) {
  margin-left: 20px;
}

.home-contact-form .contact-us .home-page-contact-form {
  margin-top: 50px;
}

.home-contact-form .contact-us .home-page-contact-form input,
.home-contact-form .contact-us .home-page-contact-form textarea {
  width: 100%;
  border: 0.5px solid var(--bordercolor);
  background-color: var(--whitecolor);
  padding: 16px 20px;
  font-family: var(--fontGraphik);
  font-size: 16px;
  line-height: 18px;
  color: var(--normalcolor);
  outline: none;
}

.home-contact-form .contact-us .home-page-contact-form span {
  display: block;
  margin-bottom: 25px;
}

.home-contact-form .contact-us .home-page-contact-form br {
  display: none;
}

/* .home-contact-form .contact-us .home-page-contact-form input:not(:first-child),
.home-contact-form .contact-us .home-page-contact-form textarea {
  margin-top: 25px;
} */

.home-contact-form .contact-us .home-page-contact-form input::placeholder,
.home-contact-form .contact-us .home-page-contact-form textarea::placeholder {
  font-family: var(--fontGraphik);
  font-size: 16px;
  line-height: 18px;
  color: var(--normalcolor);
}

.home-contact-form .contact-us .home-page-contact-form button,
.home-contact-form .contact-us .home-page-contact-form input[type="submit"] {
  width: 100%;
  background-color: var(--normalcolor);
  font-family: var(--fontGraphikMD);
  font-size: 16px;
  line-height: 20px;
  color: var(--whitecolor);
  padding: 16px 0;
  /* margin-top: 30px; */
  outline: none;
  border: none;
  text-align: center;
  transition: 0.2s ease-in all;
  -webkit-transition: 0.2s ease-in all;
  -moz-transition: 0.2s ease-in all;
  -ms-transition: 0.2s ease-in all;
  -o-transition: 0.2s ease-in all;
}

.home-contact-form .contact-us .home-page-contact-form button img,
.home-contact-form .contact-us .home-page-contact-form button svg {
  margin-left: 10px;
}

.home-contact-form .contact-us .home-page-contact-form button:hover,
.home-contact-form
  .contact-us
  .home-page-contact-form
  input[type="submit"]:hover {
  background-color: var(--formBtnHover);
}

.home-contact-form form.invalid div.wpcf7-response-output {
  display: none;
}

.home-contact-form span.wpcf7-spinner {
  display: none !important;
}

.home-contact-form .address h4,
.home-contact-form .contact-us h4 {
  font-size: 24px;
  line-height: 38px;
}

.industry {
  /* background-image: url("../img/background1.png");
  background-repeat: no-repeat;
  width: 100%;
  background-position: right;
  background-size: cover; */
  position: relative;
}

.industry .background-industry-img {
  position: absolute;
  right: 0;
  top: -40px;
  z-index: -1;
}

.industry .background-industry-dotted {
  position: absolute;
  left: -50px;
  bottom: 120px;
}

.industry .industries {
  filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
  /* margin-top: 30px; */
  transition: 0.3s ease-in all;
  -webkit-transition: 0.3s ease-in all;
  -moz-transition: 0.3s ease-in all;
  -ms-transition: 0.3s ease-in all;
  -o-transition: 0.3s ease-in all;
}

.industry .row .col-lg-4:nth-child(1),
.industry .row .col-lg-4:nth-child(2),
.industry .row .col-lg-4:nth-child(3) {
  margin-bottom: 20px;
}

.industry .industries img {
  width: 100%;
}

.industry .industries .ind-text {
  background-color: var(--whitecolor);
  padding: 10px 20px;
}

.industry .industries .ind-text p {
  font-family: var(--fontGraphikMD);
  font-size: 16px;
  line-height: 24px;
  color: var(--normalcolor);
  margin: 0;
}

.industry .industries:hover {
  transform: translateY(-8px);
  box-shadow: 0 8px 0px 0px var(--primarycolor);
  -webkit-transform: translateY(-8px);
  -moz-transform: translateY(-8px);
  -ms-transform: translateY(-8px);
  -o-transform: translateY(-8px);
}

.industry .industries.no-hover:hover {
  transform: translateY(0px);
  box-shadow: 0 0px 0px 0px transparent;
  -webkit-transform: translateY(0px);
  -moz-transform: translateY(0px);
  -ms-transform: translateY(0px);
  -o-transform: translateY(0px);
}

.page-template-learn-lockout .industry .industries {
  filter: unset !important;
  -webkit-filter: unset !important;
}

.industry .background-industry-dotted {
  position: absolute;
  left: 0;
  bottom: -130px;
}

.yellow-bg {
  background-color: var(--primarycolor);
  padding: 29px 0;
  margin-top: 40px;
}

.mfp-hide {
  display: none;
}

.mfp-close-btn-in .mfp-close {
  color: #000;
  font-size: 42px;
  background-color: #f5f5f5;
  border: 2px solid #fff;
  border-radius: 50%;
  transition: 0.3s ease all;
  line-height: 42px;
  position: absolute;
  top: 0;
  right: 10px;
}

/* mfp popup */

.mfp-content {
  max-width: 680px;
  width: 100%;
}

/* end */

/* end */

/* whitepaper */

/* .download-whitepaper h3 {
    color: var(--testimonialBG);
} */

.lockout-whitepaper {
  margin-top: 40px;
}

.lockout-whitepaper h1 {
  font-size: 30px;
  line-height: 48px;
}

.lockout-whitepaper p {
  font-family: var(--fontGraphik);
  font-size: 16px;
  line-height: 24px;
  color: var(--descriptioncolor);
  margin: 0;
  margin-top: 20px;
}

.download-whitepaper {
  margin-top: 80px;
}

.download-whitepaper .download-whitepaper-margin {
  margin-top: 50px;
}

.download-whitepaper .download-whitepaper-img img {
  width: 100%;
}

.download-whitepaper .download-whitepaper-content p {
  font-family: var(--fontGraphik);
  font-size: 16px;
  line-height: 24px;
  color: var(--downloadWhitepaperText);
  margin: 0;
  margin: 20px 0;
}

.download-whitepaper .download-whitepaper-content a,
.download-whitepaper .download-whitepaper-content button {
  display: inline-block;
  font-family: var(--fontGraphikMD);
  font-size: 14px;
  line-height: 22px;
  color: var(--normalcolor);
  margin: 0;
}

.download-whitepaper .download-whitepaper-content a:last-child svg {
  margin-right: 10px;
  transition: 0.2s ease-in all;
  -webkit-transition: 0.2s ease-in all;
  -moz-transition: 0.2s ease-in all;
  -ms-transition: 0.2s ease-in all;
  -o-transition: 0.2s ease-in all;
}

.download-whitepaper .download-whitepaper-content a.button-tertiary,
.download-whitepaper .download-whitepaper-content button {
  /* display: inline-block;
  font-family: var(--fontGraphikSB);
  font-size: 14px;
  line-height: 22px;
  color: var(--normalcolor);
  margin: 0;
  background-color: var(--primarycolor);
  padding: 10px 20px;
  margin-top: 50px;
  outline: none;
  border: none; */
  margin-top: 50px;
}

.download-whitepaper .download-whitepaper-content a.button-tertiary:hover {
  background-color: var(--normalcolor);
  color: var(--primarycolor);
  border: 1px solid var(--normalcolor);
}

.download-whitepaper .download-whitepaper-content a img {
  margin-left: 10px;
}

.download-whitepaper .download-whitepaper-content button {
  display: block;
  font-family: var(--fontGraphikMD);
  font-size: 14px;
  line-height: 22px;
  background-color: var(--primarycolor);
  color: var(--normalcolor);
  margin: 0;
  border: 1px solid var(--primarycolor);
  padding: 10px 20px;
  transition: 0.2s ease-in all;
  -webkit-transition: 0.2s ease-in all;
  -moz-transition: 0.2s ease-in all;
  -ms-transition: 0.2s ease-in all;
  -o-transition: 0.2s ease-in all;
  margin-top: 50px;
  text-transform: capitalize;
}

.download-whitepaper .download-whitepaper-content button:hover {
  background-color: var(--normalcolor);
  color: var(--primarycolor);
  border: 1px solid var(--normalcolor);
}

.download-whitepaper .download-whitepaper-content button svg {
  margin-right: 10px;
}

.download-whitepaper .download-whitepaper-content button svg path {
  transition: 0.2s ease-in all;
  -webkit-transition: 0.2s ease-in all;
  -moz-transition: 0.2s ease-in all;
  -ms-transition: 0.2s ease-in all;
  -o-transition: 0.2s ease-in all;
}

.download-whitepaper .download-whitepaper-content button:hover svg path {
  fill: var(--primarycolor);
}

.download-whitepaper-content h4 {
  line-height: 40px;
}

.download-whitepaper
  .download-whitepaper-content
  a.button-tertiary:hover
  svg
  path {
  fill: var(--primarycolor);
}

.trusted-industry-leaders {
  margin-top: 100px;
}

.trusted-industry-leaders h2 {
  font-size: 30px;
  line-height: 38px;
  color: var(--testimonialBG);
  text-align: right;
}

.impact {
  background-color: var(--impactBG);
  margin-top: 100px;
  overflow-x: hidden;
}

.impact .col-lg-3 {
  background-image: url("../img/banner-prod.jpg");
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  width: 33%;
  min-height: 236px;
  background-size: cover;
}

.impact .col-lg-9 {
  width: 67%;
  min-height: 236px;
}
/* .impact img {
  width: 100%;
} */

.impact .col-lg-9 .impact-content .row .col-md-4 a {
  margin-top: 20px !important;
}

.impact .impact-content {
  /* min-height: 258.59px; */
  display: flex;
  align-items: center;
  /* padding: 0 20px; */
}

.impact .row .col-lg-9 {
  padding-left: 90px;
}

.impact .impact-content .row .col-md-4 {
  display: flex;
  justify-content: end;
}

.impact .impact-content h4 {
  font-family: var(--fontGraphikMD);
  line-height: 34px;
  color: var(--whitecolor);
  margin: 0;
}

.impact .impact-content p {
  font-family: var(--fontGraphik);
  font-size: 16px;
  line-height: 24px;
  color: var(--whitecolor);
  margin: 0;
  margin-top: 10px;
}

.impact .impact-content .button-tertiary {
  margin-bottom: 10px;
}

.button-wpp {
  min-width: 210px;
  text-align: center;
  display: inline-block;
  font-family: var(--fontGraphikMD);
  font-size: 16px;
  line-height: 24px;
  background-color: transparent;
  color: var(--whitecolor);
  margin: 0;
  border: 1px solid var(--whitecolor);
  padding: 10px 20px;
  transition: 0.2s ease-in all;
  -webkit-transition: 0.2s ease-in all;
  -moz-transition: 0.2s ease-in all;
  -ms-transition: 0.2s ease-in all;
  -o-transition: 0.2s ease-in all;
  border-radius: 49px;
  -webkit-border-radius: 49px;
  -moz-border-radius: 49px;
  -ms-border-radius: 49px;
  -o-border-radius: 49px;
}

.button-wpp:hover {
  background-color: var(--whitecolor);
  color: var(--normalcolor);
  border: 1px solid var(--whitecolor);
}

.explore-esquare {
  margin-top: 100px;
  background-color: var(--tertiarycolor);
  padding: 40px 0;
}

.explore-esquare .explore-esquare-slider {
  margin-top: 30px;
}

/* .explore-esquare .explore {
  box-shadow: 0px 4px 24px rgba(0, 0, 0, 0.15);
} */

/* .page-template-customized-training .training-performance {
  background: rgb(253 180 20 / 42%);
  padding: 40px 0;
} */

/* .page-template-customized-training .training-performance .col-md-10 {
  background: rgb(253 180 20 / 42%);
  padding: 40px 20px;
} */

/* .training-performance-new h4::after {
  background-color: red;
} */

.explore-esquare .explore img {
  width: 100%;
}

.explore-esquare .explore p {
  font-family: var(--fontGraphikMD);
  font-size: 14px;
  line-height: 22px;
  color: var(--primarycolor);
  margin: 0;
  background-color: var(--normalcolor);
  padding: 4px 20px;
}

.explore-esquare .explore h5 {
  font-family: var(--fontGraphikMD);
  font-size: 18px;
  line-height: 26px;
  color: var(--headingcolor);
  margin: 0;
  background-color: var(--whitecolor);
  padding: 20px;
}

.explore-esquare .slick-slider .slick-slide {
  /* margin: 0 10px; */
  margin: 20px 10px;
  box-shadow: 0px 4px 20px rgb(0 0 0 / 8%);
}

.explore-esquare .slick-dots li button {
  width: 10px;
  height: 10px;
  background-color: var(--headingcolor);
  border-radius: 50%;
  text-indent: -9999px;
}

.explore-esquare .slick-dots li.slick-active button {
  background-color: var(--primarycolor);
}

.clients-section-margin {
  margin-top: 28px;
}

.clients-section p {
  font-family: var(--fontGraphik);
  font-size: 16px;
  line-height: 24px;
  color: var(--descriptioncolor);
  margin: 0;
  margin-top: 20px;
}

.clients-section .client-card {
  border: 1px solid var(--bordercolor);
  border-radius: 16px;
  -webkit-border-radius: 16px;
  -moz-border-radius: 16px;
  -ms-border-radius: 16px;
  -o-border-radius: 16px;
  overflow: hidden;
}

/* .clients-section .client-card .about-client-video iframe {
  border-radius: 16px 16px 0 0;
  -webkit-border-radius: 16px 16px 0 0;
  -moz-border-radius: 16px 16px 0 0;
  -ms-border-radius: 16px 16px 0 0;
  -o-border-radius: 16px 16px 0 0;
} */

/* .about-client-video {
  position: relative;
}

.about-client-video svg {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
} */

.clients-section .client-card video {
  object-fit: fill;
}

.clients-section .client-card .client-card-content {
  padding: 32px 34px;
  padding-bottom: 24px;
  text-align: center;
}

.clients-section .client-card .client-card-content p {
  font-family: var(--fontGraphik);
  font-size: 16px;
  line-height: 24px;
  color: var(--descriptioncolor);
  margin: 0;
}

/* .clients-section .client-card .client-card-content img {
  margin: auto;
  margin-top: 16px;
} */

.clients-section .client-card .ccc-name-img {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 16px;
  text-align: left;
}

.clients-section .client-card .ccc-name-img p {
  font-family: var(--fontGraphik);
  font-size: 16px;
  line-height: 24px;
  color: var(--headingcolor);
  margin: 0;
  margin-top: 20px;
  margin-bottom: 24px;
}

.clients-section .client-card .ccc-name-img p span {
  font-family: var(--fontGraphikMD);
  font-size: 16px;
  line-height: 24px;
  color: var(--headingcolor);
  margin: 0;
}

.clients-section .client-card .ccc-name-img p span:last-child {
  font-family: var(--fontGraphik);
  font-size: 12px;
  line-height: 20px;
}

.clients-video-slider .slick-list {
  margin: 0 -12px;
}

.clients-video-slider .slick-slide {
  margin: 0 12px;
}

.clients-section .clients-video-slider button.prev-arrow {
  position: absolute;
  background-color: var(--whitecolor);
  width: 40px;
  height: 40px;
  outline: none;
  border: none;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  font-size: 16px;
  font-weight: 600;
  color: var(--whitecolor);
  display: flex;
  justify-content: center;
  align-items: center;
  top: 51%;
  transform: translateY(-50%);
  z-index: 9;
  left: -20px;
  filter: drop-shadow(0px 4px 14px rgba(0, 0, 0, 0.25));
}

.clients-section .clients-video-slider button.next-arrow {
  position: absolute;
  background-color: var(--whitecolor);
  width: 40px;
  height: 40px;
  outline: none;
  border: none;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  font-size: 16px;
  font-weight: 600;
  color: var(--whitecolor);
  display: flex;
  justify-content: center;
  align-items: center;
  top: 51%;
  transform: translateY(-50%);
  z-index: 9;
  right: -20px;
  filter: drop-shadow(0px 4px 14px rgba(0, 0, 0, 0.25));
}

.clients-section .clients-video-slider button.prev-arrow img,
.clients-section .clients-video-slider button.next-arrow img {
  width: 5px;
}

.customers-section .customers-aboutpage .customer {
  background-color: var(--whitecolor);
  /* box-shadow: 4px 4px 15px 12px rgba(0, 0, 0, 0.25); */
  /* box-shadow: rgba(0, 0, 0, 0.07) 0px 1px 2px, rgba(0, 0, 0, 0.07) 0px 2px 4px, rgba(0, 0, 0, 0.07) 0px 4px 8px, rgba(0, 0, 0, 0.07) 0px 8px 16px, rgba(0, 0, 0, 0.07) 0px 16px 32px, rgba(0, 0, 0, 0.07) 0px 32px 64px; */
  padding: 0 20px;
  padding-top: 50px;
  padding-bottom: 16px;
  margin: 15px 10px;
  position: relative;
  /* width: 95% !important; */
  /* box-shadow: 4px 4px 10px 4px rgb(0 0 0 / 25%); */
  box-shadow: 0px 4px 10px 2px rgb(0 0 0 / 25%);
  /* box-shadow: 2px 4px 15px 4px rgb(0 0 0 / 15%); */
}

.customers-section-margin {
  margin-top: 40px;
}

.customers-section .customers-aboutpage .customer h6 {
  font-family: var(--fontGraphikMD);
  font-size: 20px;
  line-height: 28px;
  color: var(--primarycolor);
  margin: 0;
}

.customers-section .customers-aboutpage .customer p {
  font-family: var(--fontGraphik);
  font-size: 16px;
  line-height: 24px;
  color: var(--descriptioncolor);
  margin: 0;
  margin-top: 20px;
  margin-bottom: 24px;
}

.customers-section .customers-aboutpage .customer div {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.customers-section .customers-aboutpage .customer div p {
  font-family: var(--fontGraphik);
  font-size: 16px;
  line-height: 24px;
  color: var(--headingcolor);
  margin: 0;
  margin-top: 20px;
  margin-bottom: 24px;
}

.customers-section .customers-aboutpage .customer div p span {
  font-family: var(--fontGraphikMD);
  font-size: 16px;
  line-height: 24px;
  color: var(--headingcolor);
  margin: 0;
}

.customers-section .customers-aboutpage .customer div p span:last-child {
  font-family: var(--fontGraphik);
  font-size: 12px;
  line-height: 20px;
  color: var(--descriptioncolor);
  display: inline-block;
  margin-top: 5px;
}

.customers-section .customers-aboutpage .customer .about-tq {
  position: absolute;
  left: 24px;
  top: -10px;
}

.customers-section .customers-aboutpage button.prev-arrow {
  position: absolute;
  background-color: var(--bordercolor);
  width: 40px;
  height: 40px;
  outline: none;
  border: none;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  font-size: 16px;
  font-weight: 600;
  color: var(--whitecolor);
  display: flex;
  justify-content: center;
  align-items: center;
  top: 50%;
  transform: translateY(-50%);
  z-index: 9;
  left: -12px;
}

.customers-section .customers-aboutpage button.next-arrow {
  position: absolute;
  background-color: var(--bordercolor);
  width: 40px;
  height: 40px;
  outline: none;
  border: none;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  font-size: 16px;
  font-weight: 600;
  color: var(--whitecolor);
  display: flex;
  justify-content: center;
  align-items: center;
  top: 50%;
  transform: translateY(-50%);
  z-index: 9;
  right: -12px;
}

.customers-section .customers-aboutpage button img {
  width: 12px;
}

.clients-slider {
  position: relative;
}

.clients-slider-bg {
  position: absolute;
  right: 0;
  top: 0;
  transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  z-index: -1;
}

.clients-slider-margin {
  margin-top: 40px;
}

.button-wpp-about {
  min-width: 210px;
  text-align: center;
  display: inline-block;
  font-family: var(--fontGraphikMD);
  font-size: 16px;
  line-height: 24px;
  background-color: var(--primarycolor);
  color: var(--normalcolor);
  margin: 0;
  /*border: 1px solid var(--whitecolor);
  */
  padding: 10px 20px;
  transition: 0.2s ease-in all;
  -webkit-transition: 0.2s ease-in all;
  -moz-transition: 0.2s ease-in all;
  -ms-transition: 0.2s ease-in all;
  -o-transition: 0.2s ease-in all;
  border-radius: 49px;
  -webkit-border-radius: 49px;
  -moz-border-radius: 49px;
  -ms-border-radius: 49px;
  -o-border-radius: 49px;
}

.button-wpp-about:hover {
  background-color: var(--whitecolor);
  color: var(--normalcolor);
  /* border: 1px solid var(--whitecolor); */
}

button.button-wpp-about {
  outline: none;
  border: none;
}

/* end */

/* product category */

.find-out-section {
  background-color: var(--catalogueBgOne);
  padding: 64px 0;
}

.find-out-section .inner-find-out-sec {
  /* background-image: url("../img/find-out1.png"); */
  background-repeat: no-repeat;
  width: 100%;
  min-height: 257px;
  background-size: cover;
  padding: 40px 48px;
  text-align: center;
  border-radius: 16px;
  position: relative;
}

.find-out-section .inner-find-out-sec h2 {
  font-family: var(--fontGraphikB);
  font-size: 40px;
  line-height: 48px;
  color: var(--whitecolor);
  margin: 0;
}

.find-out-section .inner-find-out-sec h2 span {
  font-family: var(--fontGraphik);
}

.find-out-section .inner-find-out-sec h3 {
  font-family: var(--fontGraphikSB);
  font-size: 26px;
  line-height: 36px;
  color: var(--whitecolor);
  margin: 0;
  margin: 8px 0;
}

.find-out-section .inner-find-out-sec p {
  font-family: var(--fontGraphik);
  font-size: 14px;
  line-height: 22px;
  color: var(--whitecolor);
  margin: 0;
}

.find-out-section .inner-find-out-sec a {
  position: absolute;
  right: 60px;
  bottom: 0;
  font-family: var(--fontGraphikSB);
  font-size: 16px;
  line-height: 24px;
  /* color: #000; */
  margin: 0;
  background-color: var(--whitecolor);
  border-radius: 8px 8px 0 0;
  -webkit-border-radius: 8px 8px 0 0;
  -moz-border-radius: 8px 8px 0 0;
  -ms-border-radius: 8px 8px 0 0;
  -o-border-radius: 8px 8px 0 0;
  padding: 16px 20px;
  transition: 0.2s ease-in all;
  -webkit-transition: 0.2s ease-in all;
  -moz-transition: 0.2s ease-in all;
  -ms-transition: 0.2s ease-in all;
  -o-transition: 0.2s ease-in all;
}

.find-out-section .row .col-lg-6:first-child .inner-find-out-sec a {
  color: #000;
}

.find-out-section .row .col-lg-6:last-child .inner-find-out-sec a {
  color: var(--primarycolor);
}

.find-out-section .row .col-lg-6:first-child .inner-find-out-sec a:hover {
  color: var(--primarycolor);
}

.find-out-section .row .col-lg-6:last-child .inner-find-out-sec a:hover {
  color: #000;
}

/* .find-out-section .inner-find-out-sec a:hover {
  color: var(--primarycolor);
} */

/* .product-category .products div.image-contain img.hover-imgblk {
  opacity: 0;
} */

.page-template-category-industry .product-category .products:hover {
  box-shadow: none;
  transform: translateY(0);
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
}

.product-category {
  margin-top: 40px;
}

.product-category h1 {
  font-size: 32px;
}

.product-category .products-margin {
  margin-top: 100px;
}

.product-category p {
  font-family: var(--fontGraphik);
  font-size: 16px;
  line-height: 24px;
  color: var(--descriptioncolor);
  margin: 0;
  margin-top: 20px;
}

.product-category .products {
  filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
  /* margin-top: 30px; */
  transition: 0.3s ease-in all;
  -webkit-transition: 0.3s ease-in all;
  -moz-transition: 0.3s ease-in all;
  -ms-transition: 0.3s ease-in all;
  -o-transition: 0.3s ease-in all;
  margin-bottom: 20px;
}

.product-category .products .products-cntn {
  background-color: var(--whitecolor);
  padding: 10px 20px;
}

.product-category .products .products-cntn p {
  font-family: var(--fontGraphikMD);
  font-size: 16px;
  line-height: 24px;
  color: var(--normalcolor);
  margin: 0;
}

.product-category .products:hover {
  box-shadow: 0 8px 0px 0px var(--primarycolor);
  transform: translateY(-8px);
}

/* hover animation */

.product-category .products div.image-contain {
  position: relative;
}

.product-category .products div.image-contain img.hover-imgblk {
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
  transition: 0.4s ease-in all;
  -webkit-transition: 0.4s ease-in all;
  -moz-transition: 0.4s ease-in all;
  -ms-transition: 0.4s ease-in all;
  -o-transition: 0.4s ease-in all;
}

.product-category .products div.image-contain img.hover-imgnone {
  opacity: 1;
  transition: 0.4s ease-in all;
  -webkit-transition: 0.4s ease-in all;
  -moz-transition: 0.4s ease-in all;
  -ms-transition: 0.4s ease-in all;
  -o-transition: 0.4s ease-in all;
}

.product-category .products:hover div.image-contain img.hover-imgnone {
  opacity: 0;
}

.product-category .products:hover div.image-contain img.hover-imgblk {
  opacity: 1;
}

.page-template-product-category section.loto-devices {
  margin-top: 40px;
}

/* .product-category .products:hover {
  transform: translateY(-8px);
  box-shadow: 0 8px 0px 0px var(--primarycolor);
  -webkit-transform: translateY(-8px);
  -moz-transform: translateY(-8px);
  -ms-transform: translateY(-8px);
  -o-transform: translateY(-8px);
} */

.product-category ul.products {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.product-category ul.products li.product {
  width: 32%;
  margin: 0;
  filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
  margin-bottom: 20px;
  transition: 0.3s ease-in all;
  -webkit-transition: 0.3s ease-in all;
  -moz-transition: 0.3s ease-in all;
  -ms-transition: 0.3s ease-in all;
  -o-transition: 0.3s ease-in all;
}

.product-category ul.products li.product a img {
  width: 100%;
  margin: 0;
}

.product-category ul.products li a h2.woocommerce-loop-category__title {
  background-color: var(--whitecolor);
  padding: 10px 20px !important;
  font-family: var(--fontGraphikMD);
  font-size: 16px !important;
  line-height: 24px;
  color: var(--normalcolor);
  margin: 0 !important;
}

.product-category ul.products:before,
.product-category ul.products:after {
  display: none;
}

.product-category ul.products li.product:hover {
  /* transform: translateY(-8px); */
  box-shadow: 0 8px 0px 0px var(--primarycolor);
  /* -webkit-transform: translateY(-8px);
  -moz-transform: translateY(-8px);
  -ms-transform: translateY(-8px);
  -o-transform: translateY(-8px); */
}

/* end */

.categories-margin {
  margin-top: 40px;
}

/* industry category */

.esquare-advantage p {
  font-family: var(--fontGraphik);
  font-size: 16px;
  line-height: 24px;
  color: var(--descriptioncolor);
  margin: 0;
  margin-top: 20px;
}

.esquare-advantage .ea-margin {
  margin-top: 20px;
}

.esquare-advantage ul {
  padding-left: 2rem;
}

.esquare-advantage ul li {
  font-family: var(--fontGraphik);
  font-size: 16px;
  line-height: 24px;
  color: var(--headingcolor);
  margin: 0;
  list-style-type: none;
  position: relative;
  /* padding-left: 12px; */
}

.esquare-advantage ul li:not(:last-child) {
  margin-bottom: 16px;
}

.esquare-advantage ul li::before {
  content: "";
  background-image: url("../img/icons/advantage_circle.png");
  background-repeat: no-repeat;
  position: absolute;
  left: -35px;
  top: 50%;
  width: 24px;
  height: 24px;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
}

.esa-count-margin {
  margin-top: 40px;
}
.esa-about-us-info {
  display: flex;
  /* justify-content: space-evenly; */
  align-items: center;
  background-color: var(--primarycolor);
  padding: 12px 16px;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
}

.esa-about-us-info img {
  margin-right: 16px;
}

.esa-about-us-info p {
  font-family: var(--fontGraphikSB);
  font-size: 22px;
  line-height: 26px;
  color: var(--headingcolor);
  margin: 0;
}

.esa-about-us-info p span.cc {
  font-family: var(--fontGraphikSB);
  font-size: 22px;
  line-height: 26px;
  color: var(--headingcolor);
  margin: 0;
}

.esa-about-us-info span {
  font-family: var(--fontGraphik);
  font-size: 14px;
  line-height: 22px;
  color: var(--descriptioncolor);
  margin: 0;
}

.rac {
  background-image: url("../img/rac-banner.png");
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  min-height: 403px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.rac h4 {
  font-family: var(--fontGraphikSB);
  font-size: 40px;
  line-height: 80px;
  color: var(--headingcolor);
  margin: 0;
}

.rac p {
  font-family: var(--fontGraphik);
  font-size: 20px;
  line-height: 30px;
  color: var(--headingcolor);
  margin: 0;
  margin-top: 40px;
  margin-bottom: 40px;
}

.rac button svg {
  margin-right: 8px;
  transition: 0.2s ease-in all;
  -webkit-transition: 0.2s ease-in all;
  -moz-transition: 0.2s ease-in all;
  -ms-transition: 0.2s ease-in all;
  -o-transition: 0.2s ease-in all;
}

.rac button svg path {
  transition: 0.2s ease-in all;
  -webkit-transition: 0.2s ease-in all;
  -moz-transition: 0.2s ease-in all;
  -ms-transition: 0.2s ease-in all;
  -o-transition: 0.2s ease-in all;
}

.rac button:hover svg path {
  fill: var(--primarycolor);
}

/* end */

/* catalogue 2 */

.catalogue-two {
  background-color: var(--catalogueBgTwo);
  /* background-image: url("../img/catalogue-background1.jpg");
  background-repeat: no-repeat;
  width: 100%; */
  padding: 50px 0;
  padding-bottom: 0;
  position: relative;
}

.catalogue-two .container {
  position: relative;
  z-index: 1;
}

.catalogue-two .catalogue-background1 {
  position: absolute;
  left: 200px;
  bottom: 0;
  /* width: 500px; */
}

.catalogue-two .catalogue-content1 h4 {
  color: var(--whitecolor);
  line-height: 34px;
}

.catalogue-two .catalogue-content1 p {
  font-family: var(--fontGraphik);
  font-size: 16px;
  line-height: 24px;
  color: var(--descriptioncolor);
  margin: 0;
  margin-top: 10px;
  margin-bottom: 10px;
}

.catalogue-two .catalogue-content1 ul {
  list-style-type: none;
  display: flex;
  margin: 20px 0;
  width: 100%;
  flex-wrap: wrap;
}

.catalogue-two .catalogue-content1 ul li:not(:last-child) {
  margin-right: 20px;
}

.catalogue-two .catalogue-content1 ul li {
  font-family: var(--fontGraphik);
  font-size: 16px;
  line-height: 24px;
  color: var(--whitecolor);
  margin: 0;
  width: 47%;
}

.catalogue-two .catalogue-content1 ul li img {
  margin-right: 5px;
}

.catalogue-two .catalogue-content1 ul li:nth-child(3),
.catalogue-two .catalogue-content1 ul li:nth-child(4) {
  margin-top: 20px;
}

.catalogue-two .catalogue-content1 form input {
  width: 70%;
  font-family: var(--fontGraphik);
  background-color: var(--whitecolor);
  /* border-width: 1px 0px 1px 1px;
  border-style: solid;
  border-color: var(--bordercolor); */
  border: none;
  border-radius: 4px 0px 0px 4px;
  font-size: 14px;
  line-height: 22px;
  color: var(--searchbarcolor);
  padding: 13px 15px;
  outline: none;
}

.catalogue-two .catalogue-content1 form button {
  width: 30%;
  font-family: var(--fontGraphikB);
  background-color: var(--primarycolor);
  font-size: 14px;
  line-height: 24px;
  color: var(--normalcolor);
  padding: 12px 0;
  text-align: center;
  border-radius: 0px 4px 4px 0px;
  -webkit-border-radius: 0px 4px 4px 0px;
  -moz-border-radius: 0px 4px 4px 0px;
  -ms-border-radius: 0px 4px 4px 0px;
  -o-border-radius: 0px 4px 4px 0px;
  outline: none;
  border: none;
}

.fpm-card {
	display: inline-block;
/* 	margin-top: 16px; */
/* 	background-color: #fff; */
	padding: 6px 16px;
}

.footer-payment-method {
	display: flex;
    align-items: center;
    justify-content: center;
    column-gap: 8px;
}

.header-payment-section {
	display: flex;
    align-items: center;
    column-gap: 8px;
	flex-direction: row;
}

.hps {
	max-width: 50px;
}

.fpmr {
	max-width: 60px;
}

.no-cursor {
	cursor: default;
	pointer-events: none;
}

.mega-menu .container-fluid .row .col-lg-2 ul li:nth-child(8) {
	background: var(--primarycolor);
/* 	padding: 5px; */
	border-radius: 0;
	padding: 5px 15px;
}

.mega-menu .container-fluid .row .col-lg-2 ul li:nth-child(9) {
	background: #f1731e;
/* 	padding: 5px; */
	border-radius: 0;
	padding: 5px 15px;
}

.mega-menu .container-fluid .row .col-lg-2 ul li:nth-child(8) button, .mega-menu .container-fluid .row .col-lg-2 ul li:nth-child(9) button {
	color: var(--normalcolor);
	font-weight: 500;
}

.mega-menu .container-fluid .row .col-lg-2 ul li:nth-child(8) svg, .mega-menu .container-fluid .row .col-lg-2 ul li:nth-child(9) svg {
	color: var(--normalcolor);
}

.mega-menu .container-fluid .row .col-lg-2 ul li:nth-child(8):hover button,
.mega-menu .container-fluid .row .col-lg-2 ul li:nth-child(8):hover svg, .mega-menu .container-fluid .row .col-lg-2 ul li:nth-child(9):hover button, .mega-menu .container-fluid .row .col-lg-2 ul li:nth-child(9):hover svg {
	color: #fff;
}

.mega-menu .container-fluid .row .col-lg-2 ul li:nth-child(8) button.active, .mega-menu .container-fluid .row .col-lg-2 ul li:nth-child(9) button.active,
.mega-menu .container-fluid .row .col-lg-2 ul li:nth-child(8) button.active svg, .mega-menu .container-fluid .row .col-lg-2 ul li:nth-child(9) button.active svg {
	color: #fff;
}

.dfd-card-row[data-status], .dfd-popular-searches {
	display: none !important;
}

.dfd-fullscreen.dfd-animate .dfd-layer {
	width: 85%;
    margin: 0 auto;
    margin-top: 80px;
	border-radius: 30px;
}

.dfd-suggestion-button>button {
	color: hsl(204, 2%, 20%) !important;
}

.dfd-fullscreen .dfd-layer>.dfd-header {
	background-color: #ffcd5d;
	padding-bottom: 16px;
	align-items: center !important;
}

.dfd-fullscreen .dfd-logo {
	max-width: 75px !important;
	max-height: 75px !important;
}

.dfd-fullscreen .dfd-layer>.dfd-footer, .dfd-sort-button {
	display: none !important;
}

.dfd-delete-link-button {
	font-family: var(--fontGraphik) !important;
    font-size: 16px !important;
    line-height: 18px !important;
    color: #676767 !important;
	text-decoration: underline !important;
	transition: .2s ease-in all !important;
}

.dfd-delete-link-button:hover {
	color: #000 !important;
}

@media (max-width: 1799px) {
  .catalogue-two .catalogue-background1 {
    left: 150px;
  }
}

@media (max-width: 1749px) {
  .catalogue-two .catalogue-background1 {
    left: 120px;
  }
}

@media (max-width: 1649px) {
  .catalogue-two .catalogue-background1 {
    left: 100px;
  }
}

@media (max-width: 1599px) {
  .catalogue-two .catalogue-background1 {
    left: -50px;
  }
}

/* end */

/* faq */

.products-faq h4 {
  margin-bottom: 52px;
}

.products-faq .accordion-item {
  border: none;
  outline: none;
  border-bottom: 1px solid var(--bordercolor);
  border-radius: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
}

.products-faq .accordion-item h5 button.accordion-button {
  background-color: transparent;
  font-family: var(--fontGraphikMD);
  font-size: 18px;
  line-height: 26px;
  color: var(--headingcolor);
  margin: 0;
  padding: 15px 20px;
  box-shadow: none;
}

.products-faq .accordion-item .accordion-body {
  background-color: transparent;
  font-family: var(--fontGraphik);
  font-size: 16px;
  line-height: 24px;
  color: var(--headingcolor);
  margin: 0;
  padding: 15px 20px;
}

.products-faq .accordion-item h5 button.accordion-button::after {
  content: "";
  background-image: url("../img/icons/faq-remove.png");
}

.products-faq .accordion-item h5 button.accordion-button.collapsed::after {
  content: "";
  background-image: url("../img/icons/plus.png");
}

.products-faq
  .accordion-item
  h2
  button.accordion-button:not(.collapsed)::after {
  background-image: url("../img/icons/spp-icons.png");
  transform: none;
  -webkit-transform: none;
  -moz-transform: none;
  -ms-transform: none;
  -o-transform: none;
}

.products-faq
  .accordion-item
  h2
  button.accordion-button:not(.collapsed)::after {
  background-image: url("../img/icons/faq-remove.png");
}

.products-faq .accordion-body {
  border: 1px solid var(--bordercolor);
  border-top: 0;
  border-bottom: 0;
}

.active-faq {
  background-color: var(--primarycolor);
}

/* end */

/* newsletter */

.join-newsletter {
  background-color: #fafafa;
  padding: 12px 0;
}

.join-newsletter .container {
  padding: 35px 0;
  border-top: 1px solid var(--primarycolor);
  border-bottom: 1px solid var(--primarycolor);
}

.join-newsletter .row .col-md-5 {
  display: flex;
  justify-content: center;
  align-items: center;
}

.join-newsletter h2 {
  font-family: var(--fontGraphikSB);
  font-size: 32px;
  line-height: 48px;
  color: var(--normalcolor);
  margin: 0;
}

.join-newsletter form p:first-child {
  width: 85%;
  display: flex;
}

.join-newsletter form p:last-child {
  width: 85%;
  display: flex;
  align-items: start;
  margin-top: 8px;
}

.join-newsletter form input {
  width: 100%;
  padding: 13px 22px;
  color: #67686b;
  font-family: var(--fontGraphik);
  font-size: 14px;
  line-height: 24px;
  color: #67686b;
  margin: 0;
  background: var(--whitecolor);
  outline: none;
  border: none;
  border: 1px solid var(--bordercolor);
  height: 50px;
}

.join-newsletter form input::placeholder {
  font-size: 14px;
  line-height: 24px;
}

.join-newsletter form button,
.join-newsletter form input[type="submit"] {
  /* width: 30%; */
  width: calc(30% - 15px);
  padding: 13px 0;
  font-family: var(--fontGraphikMD);
  font-size: 14px;
  line-height: 24px;
  color: var(--normalcolor);
  background: var(--primarycolor);
  outline: none;
  border: none;
  transition: 0.2s ease-in all;
  -webkit-transition: 0.2s ease-in all;
  -moz-transition: 0.2s ease-in all;
  -ms-transition: 0.2s ease-in all;
  -o-transition: 0.2s ease-in all;
  height: 50px;
  cursor: pointer;
}

.join-newsletter form button:hover,
.join-newsletter form input[type="submit"]:hover {
  background-color: var(--normalcolor);
  color: var(--primarycolor);
}

.join-newsletter form p:last-child input,
.join-newsletter form input[type="checkbox"] {
  width: unset;
  margin-top: 4px;
  margin-right: 10px;
  height: auto;
}

.join-newsletter form p {
  display: flex;
  /* align-items: center; */
  flex-wrap: wrap;
  width: 78%;
}

.join-newsletter form p span.wpcf7-form-control-wrap:first-child {
  width: 65%;
}

.join-newsletter form p span.wpcf7-form-control-wrap:last-child {
  width: 90%;
  margin-bottom: 0;
}

.join-newsletter form p .wpcf7-list-item {
  margin: 0;
}

.join-newsletter form p label {
  display: flex;
  align-items: start;
  font-family: var(--fontGraphik);
  font-size: 14px;
  line-height: 22px;
  color: var(--descriptioncolor);
  margin: 0;
  margin-top: 8px;
}

.join-newsletter form p span.wpcf7-spinner {
  margin: 0 10px;
  display: none;
}

.join-newsletter form p .form-submitting span.wpcf7-spinner {
  display: inline-block !important;
}

/* end */

/* get a quote */

.get-a-quote p {
  font-family: var(--fontGraphik);
  font-size: 16px;
  line-height: 24px;
  color: var(--descriptioncolor);
  margin: 0;
  margin-top: 20px;
  margin-bottom: 40px;
}

.get-a-quote .row .col-md-5 {
  padding-top: 50px;
}

/* end */

/* industry individual */

.lockout-safety-product {
  background-color: #eff0f4;
  padding: 40px 0;
}

.lockout-safety-product p {
  font-family: var(--fontGraphik);
  font-size: 16px;
  line-height: 24px;
  color: var(--descriptioncolor);
  margin: 0;
  margin-top: 20px;
}

.lockout-safety-product .row:nth-child(2) {
  margin-top: 20px;
}

.lockout-safety-product .row:last-child {
  margin-top: 40px;
}

.lockout-safety-product .row .col-lg-4 {
  margin-top: 20px;
}

.lockout-safety-product .lsp-card {
  background-color: var(--whitecolor);
  padding: 30px 0;
  display: flex;
}

.lockout-safety-product .lsp-card div:first-child {
  /* width: 50%; */
  margin-right: 10px;
}

.lockout-safety-product .lsp-card div:last-child {
  padding-right: 20px;
}

.lockout-safety-product .lsp-card h5 {
  font-family: var(--fontGraphikMD);
  font-size: 18px;
  line-height: 26px;
  color: var(--headingcolor);
  margin: 0;
}

.lockout-safety-product .lsp-card h5 a {
  font-family: var(--fontGraphikMD);
  font-size: 18px;
  line-height: 26px;
  color: var(--headingcolor);
  margin: 0;
  text-decoration: none;
  padding: 0;
}

.lockout-safety-product .lsp-card h5 a:hover {
  text-decoration: underline;
}

.lockout-safety-product .lsp-card ul {
  margin-top: 16px;
  margin-bottom: 16px;
  padding-left: 0;
  min-height: 108px;
}

.lockout-safety-product .lsp-card ul li {
  font-family: var(--fontGraphik);
  font-size: 16px;
  line-height: 24px;
  color: var(--descriptioncolor);
  margin: 0;
  list-style-type: none;
  display: flex;
  align-items: center;
}

.lockout-safety-product .lsp-card ul li a {
  font-family: var(--fontGraphik);
  font-size: 16px;
  line-height: 24px;
  color: var(--descriptioncolor);
  margin: 0;
  text-decoration: none;
  padding: 0;
}

.lockout-safety-product .lsp-card ul li a:hover {
  text-decoration: underline;
}

.lockout-safety-product .lsp-card ul li::before {
  /* content: url("../img/icons/stay-icons.png"); */
  content: url("../img/icons/Vector-tick.png");
  width: 18px;
  height: 18px;
  margin-right: 10px;
}

.lockout-safety-product .lsp-card ul li:not(:last-child) {
  margin-bottom: 4px;
}

.lockout-safety-product .lsp-card a {
  width: unset;
  text-align: center;
  font-size: 14px;
  line-height: 22px;
  padding: 6px 12px;
}

/* end */

/* loto tagout videos */

.other-videos-series-section {
  background-color: #f7f7f7;
  padding: 40px 0;
}

.ltv-card-img {
  margin-top: 30px;
  box-shadow: 0px 4px 20px rgb(0 0 0 / 8%);
}

/* .other-videos-series-section a {
  box-shadow: 0px 4px 20px rgb(0 0 0 / 8%);
} */

.ltv-card-img img {
  width: 100%;
}

.ltv-card-img p {
  font-family: var(--fontGraphikMD);
  font-size: 14px;
  line-height: 22px;
  color: var(--primarycolor);
  margin: 0;
  background-color: var(--normalcolor);
  padding: 4px 20px;
}

.ltv-card-img h5 {
  font-family: var(--fontGraphikSB);
  font-size: 18px;
  line-height: 26px;
  color: var(--headingcolor);
  margin: 0;
  background-color: var(--whitecolor);
  padding: 20px;
}

/* end */

/* popular blogs */

.popular-blogs .blog-wrap {
  margin-top: 30px;
  position: relative;
}

.popular-blogs .blog-wrap a img.blog-wrap-img {
  width: 100%;
}

.popular-blogs .blog-wrap div.category-name {
  position: absolute;
  left: 0;
  top: 20px;
  background-color: var(--testimonialBG);
  padding: 10px 20px;
  font-family: var(--fontGraphikMD);
  font-size: 12px;
  line-height: 20px;
  color: var(--whitecolor);
  margin: 0;
}

.popular-blogs .blog-wrap img.main-blog-image {
  width: 100%;
}

.popular-blogs .blog-wrap .blog-content div {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 0;
  margin-top: 10px;
}

.popular-blogs .blog-wrap .blog-content div span {
  font-family: var(--fontGraphik);
  font-size: 12px;
  line-height: 20px;
  color: var(--blogDateColor);
  margin: 0;
}

.popular-blogs .blog-wrap .blog-content div span:first-child {
	display: none;
}

.popular-blogs .blog-wrap .blog-content div span img {
  margin-right: 8px;
}

.popular-blogs .blog-wrap .blog-content h5 {
  font-family: var(--fontGraphikSB);
  font-size: 16px;
  line-height: 24px;
  color: var(--headingcolor);
  margin: 0;
  margin-top: 10px;
  min-height: 48px;
}

.popular-blogs .blog-wrap .blog-content p {
  font-family: var(--fontGraphik);
  font-size: 16px;
  line-height: 24px;
  color: var(--descriptioncolor);
  margin: 0;
  margin-bottom: 20px;

  display: -webkit-box;
  max-width: 100%;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  height: 72px;
}

.popular-blogs .blog-wrap .blog-content p span {
  font-family: var(--fontGraphik);
  font-size: 16px;
  line-height: 24px;
  color: var(--descriptioncolor);
  margin: 0;
}

.popular-blogs .blog-wrap .blog-content p span {
  display: none;
}

.popular-blogs .blog-wrap a.read-more-blog-btn {
  display: inline-block;
  font-family: var(--fontGraphikMD);
  font-size: 16px;
  line-height: 24px;
  color: var(--normalcolor);
  padding: 10px 20px;
  background-color: transparent;
  border: none;
  outline: none;
  border: 1px solid var(--normalcolor);
  transition: 0.2s ease-in all;
  -webkit-transition: 0.2s ease-in all;
  -moz-transition: 0.2s ease-in all;
  -ms-transition: 0.2s ease-in all;
  -o-transition: 0.2s ease-in all;
}

.popular-blogs .blog-wrap a.read-more-blog-btn:hover {
  color: var(--normalcolor);
  background-color: var(--primarycolor);
  border: 1px solid var(--primarycolor);
}

/* end */

/* product css single product -- product category -- quote */

.cart .widget_ywraq_mini_list_quote {
  margin: 0 0 !important;
}

/* quote icon */

.widget_ywraq_mini_list_quote .raq-info {
  border: none !important;
  font-size: 14px !important;
  line-height: 22px !important;
  color: var(--normalcolor) !important;
  padding: 0 !important;
  margin: 0 !important;
}

.widget_ywraq_mini_list_quote .raq-info a {
  font-family: var(--fontGraphik) !important;
  font-size: 14px !important;
  line-height: 22px !important;
  color: var(--normalcolor) !important;
}

/* .widget_ywraq_mini_list_quote .raq-info a .handler-label {
  display: none !important;
} */

.widget_ywraq_mini_list_quote
  .raq-info
  a
  span.raq-tip-counter
  .raq-items-number {
  display: flex;
}

/* .widget_ywraq_mini_list_quote
  .raq-info
  a
  span.raq-tip-counter
  .raq-items-number::before {
  content: url("../img/icons/cart-icon-new.png");
} */

.cart .yith-ywraq-list-wrapper {
  /* position: fixed !important; */
  /* top: 50% !important; */
  width: 73px !important;
  height: 63px !important;
  padding-top: 0 !important;
  width: 42px !important;
  height: 35px !important;
  /* left: 50%;
  transform: translate(-50%,-50%); */
  right: 0;
}

.cart .yith-ywraq-list-content {
  position: fixed !important;
  top: 0 !important;
  height: 100vh !important;
  max-width: 500px !important;
  width: 100% !important;
  padding: 20px 40px !important;
  display: flex;
  flex-direction: column;
  visibility: visible !important;
  opacity: 1 !important;
  transform: translateX(100%);
  -webkit-transform: translateX(100%);
  -moz-transform: translateX(100%);
  -ms-transform: translateX(100%);
  -o-transform: translateX(100%);
  transition: 0.2s ease-in all !important;
  -webkit-transition: 0.2s ease-in all !important;
  -moz-transition: 0.2s ease-in all !important;
  -ms-transition: 0.2s ease-in all !important;
  -o-transition: 0.2s ease-in all !important;
  border-radius: 0 !important;
  -webkit-border-radius: 0 !important;
  -moz-border-radius: 0 !important;
  -ms-border-radius: 0 !important;
  -o-border-radius: 0 !important;
}

.cart .yith-ywraq-list-wrapper .yith-ywraq-list-content ul.yith-ywraq-list {
  display: flex;
  flex-direction: column;
  margin-top: 30px;
  max-height: 75vh;
  flex: 1;
}

.cart
  .yith-ywraq-list-wrapper
  .yith-ywraq-list-content
  ul.yith-ywraq-list
  li.no-product {
  padding-left: 0 !important;
  padding: 0 0 0 0 !important;
  padding: 10px 5px;
  font-family: var(--fontGraphik) !important;
  font-size: 16px !important;
  line-height: 24px !important;
  color: var(--normalcolor) !important;
  /* border-bottom: 1px solid var(--normalcolor) !important; */
  border: none;
  margin: auto;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.cart
  .yith-ywraq-list-wrapper
  .yith-ywraq-list-content
  ul.yith-ywraq-list
  li.no-product
  p {
  margin-bottom: 10px;
}

/* .yith-ywraq-list-wrapper .close {
  position: fixed;
  right: 20px;
  top: 20px;
  z-index: 99;
} */

.cart
  .yith-ywraq-list-wrapper
  .yith-ywraq-list-content
  ul.yith-ywraq-list
  li.yith-ywraq-list-item {
  align-items: center;
  border-bottom: 1px solid var(--bordercolor);
  padding: 0 0 0 0 !important;
  padding: 15px 0 !important;
  padding-right: 10px !important;
  margin-right: 0 !important;
}

.cart
  .yith-ywraq-list-wrapper
  .yith-ywraq-list-content
  ul.yith-ywraq-list
  li.yith-ywraq-list-item
  a.yith-ywraq-item-remove.remove {
  left: unset !important;
  right: 0 !important;
  /* display: none; */
  top: 10px;
}

.cart
  .yith-ywraq-list-wrapper
  .yith-ywraq-list-content
  ul.yith-ywraq-list
  li.yith-ywraq-list-item
  a.yith-ywraq-item-remove.remove:hover {
  color: red !important;
}

.cart
  .yith-ywraq-list-wrapper
  .yith-ywraq-list-content
  ul.yith-ywraq-list
  li.yith-ywraq-list-item
  a.yith-ywraq-list-item-info {
  max-width: 90px !important;
  width: 100%;
  height: 100px !important;
  margin-right: 10px !important;
}

.cart
  .yith-ywraq-list-wrapper
  .yith-ywraq-list-content
  ul.yith-ywraq-list
  li.yith-ywraq-list-item
  a.yith-ywraq-list-item-info
  img {
  float: unset !important;
  margin-left: 0 !important;
  width: 100% !important;
}

.cart
  .yith-ywraq-list-wrapper
  .yith-ywraq-list-content
  ul.yith-ywraq-list
  li.yith-ywraq-list-item
  a.yith-ywraq-list-item-product-info {
  font-family: var(--fontGraphik) !important;
  font-size: 16px !important;
  line-height: 24px !important;
  color: var(--normalcolor) !important;
  margin: 0 !important;
  padding-right: 20px;
	  display: unset;
}

.cart
  .yith-ywraq-list-wrapper
  .yith-ywraq-list-content
  ul.yith-ywraq-list
  li.yith-ywraq-list-item
  a.yith-ywraq-list-item-product-info
  p.sku-code {
  font-family: var(--fontGraphik);
  font-size: 14px;
  line-height: 22px;
  color: var(--normalcolor);
  margin: 0;
  /* margin-top: 5px;
  margin-bottom: 5px; */
}

.cart
  .yith-ywraq-list-wrapper
  .yith-ywraq-list-content
  ul.yith-ywraq-list
  li.yith-ywraq-list-item
  a.yith-ywraq-list-item-product-info
  p.sku-code
  span {
  color: var(--primarycolor) !important;
}

.cart
  .yith-ywraq-list-wrapper
  .yith-ywraq-list-content
  ul.yith-ywraq-list
  li.yith-ywraq-list-item
  a.yith-ywraq-list-item-product-info
  small {
  font-family: var(--fontGraphik) !important;
  font-size: 14px !important;
  line-height: 22px !important;
  color: #999 !important;
  margin: 0;
  /* margin-top: 5px;
  margin-bottom: 5px; */
  display: block;
  font-weight: 300 !important;
}

.cart
  .yith-ywraq-list-wrapper
  .yith-ywraq-list-content
  ul.yith-ywraq-list
  li.yith-ywraq-list-item
  a.yith-ywraq-list-item-product-info
  small
  br:first-child {
  display: none;
}

.cart
  .yith-ywraq-list-wrapper
  .yith-ywraq-list-content
  ul.yith-ywraq-list
  li.yith-ywraq-list-item
  a.yith-ywraq-list-item-product-info
  span {
  font-family: var(--fontGraphik) !important;
  font-size: 14px !important;
  line-height: 22px !important;
  color: #999 !important;
  margin: 0;
  font-weight: 300;
}

/* .cart .widget_ywraq_mini_list_quote:hover .yith-ywraq-list-content {
  visibility: hidden !important;
  opacity: 0 !important;
} */

.cart.tm .widget_ywraq_mini_list_quote {
	display: none;
}

.extra-header-links {
	display: flex;
	column-gap: 16px;
}

.extra-header-links .extra-button {
  font-family: var(--fontGraphik);
  font-size: 12px;
  line-height: 20px;
  color: #201f1f;
  background-color: transparent;
  border: 2px solid #f1731e;
  text-align: center;
	padding: 4px 8px;
	transition: .2s ease-in all;
	border-radius: 4px;
}

header .main-header .search-bar {
	padding-left: 170px;
}

.extra-header-links .extra-button:hover {
	background-color: var(--primarycolor);
	border-color: var(--primarycolor);
}

.cart .widget_ywraq_mini_list_quote:hover .yith-ywraq-list-content {
  top: calc(100% + 15px);
  opacity: 1 !important;
  visibility: visible !important;
  z-index: 10;
  /* transform: translateX(100%);
  -webkit-transform: translateX(100%);
  -moz-transform: translateX(100%);
  -ms-transform: translateX(100%);
  -o-transform: translateX(100%);
  transition: .2s ease-in all;
  -webkit-transition: .2s ease-in all;
  -moz-transition: .2s ease-in all;
  -ms-transition: .2s ease-in all;
  -o-transition: .2s ease-in all; */
}

.show-cart-window {
  /*visibility: visible !important;
  opacity: 1 !important;
  */
  transition: 0.2s ease-in all !important;
  -webkit-transition: 0.2s ease-in all !important;
  -moz-transition: 0.2s ease-in all !important;
  -ms-transition: 0.2s ease-in all !important;
  -o-transition: 0.2s ease-in all !important;
  transform: translateX(0) !important;
  -webkit-transform: translateX(0) !important;
  -moz-transform: translateX(0) !important;
  -ms-transform: translateX(0) !important;
  -o-transform: translateX(0) !important;
}

.woocommerce .cart .button,
.woocommerce .cart input.button,
.cart-page div.updt-btn .button,
.cart-page div.updt-btn input.button,
:where(body:not(.woocommerce-block-theme-has-button-styles))
  .woocommerce
  a.button {
  display: inline-block;
  font-family: var(--fontGraphikMD);
  font-size: 16px;
  line-height: 24px;
  background-color: var(--primarycolor) !important;
  color: var(--normalcolor) !important;
  margin: 0;
  border: 1px solid var(--primarycolor) !important;
  padding: 10px 20px;
  transition: 0.2s ease-in all;
  -webkit-transition: 0.2s ease-in all;
  -moz-transition: 0.2s ease-in all;
  -ms-transition: 0.2s ease-in all;
  -o-transition: 0.2s ease-in all;
  font-weight: 500;
}

.woocommerce .cart .button,
:where(body:not(.woocommerce-block-theme-has-button-styles))
  .woocommerce
  a.button {
  width: 100%;
  text-align: center;
}

.woocommerce .cart .button:hover,
.woocommerce .cart input.button:hover,
:where(body:not(.woocommerce-block-theme-has-button-styles))
  .woocommerce
  a.button:hover
  .cart-page
  div.updt-btn
  .button:hover,
.cart-page div.updt-btn input.button:hover,
.woocommerce.ywraq-wrapper .yith-ywraq-before-table a:hover,
:where(body:not(.woocommerce-block-theme-has-button-styles))
  .woocommerce
  a.button:hover {
  background-color: var(--normalcolor) !important;
  color: var(--primarycolor) !important;
  border: 1px solid var(--normalcolor) !important;
}

/* end */

/* end */

/* partner video */

.partner-video-section {
  margin-top: 40px;
}

#partner .r-play,
#partner .r-pause {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.r-play,
.r-pause {
  /* position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%); */
  margin: 0 auto;
}

.r-pause {
  display: none;
}

.partner-video-section .col-md-10 p {
  font-family: var(--fontGraphik);
  font-size: 16px;
  line-height: 24px;
  color: var(--headingcolor);
  margin: 0;
  padding: 8px 34px;
  background-color: var(--whitecolor);
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
  border: 1px solid #999;
  margin-top: -6px;
}

.partner-video-section h1 {
  font-size: 40px;
}

.partner-video-section .row:not(:first-child) {
  margin-top: 40px;
}

.partner-video-section .row:last-child p {
  font-family: var(--fontGraphik);
  font-size: 16px;
  line-height: 24px;
  color: var(--descriptioncolor);
  margin: 0;
}

/* end */

/* follow links */

.follow-links h4 {
  margin-bottom: 20px;
}

.follow-links div.all-links {
  display: flex;
  justify-content: space-between;
  width: 45%;
  margin: auto;
}

.follow-links div.all-links svg {
  width: 40px;
  height: 40px;
}

/* end */

/* search bar */

.product-search-results .product-search-results-content {
  max-height: 368px;
  overflow-y: auto;
}

.product-search-results table {
  border: 1px solid var(--bordercolor);
  width: 100%;
}

.product-search-results table tbody {
  width: 100%;
  display: flex;
  flex-direction: column;
}

.product-search-results table tbody tr {
  display: flex;
  align-items: center;
}

.product-search-results table tbody tr:not(:last-child) {
  border-bottom: 1px solid var(--bordercolor);
}

.product-search-results table tbody tr td.product-info a {
  font-family: var(--fontGraphik);
  font-size: 14px;
  line-height: 22px;
  color: var(--descriptioncolor);
  margin: 0;
  text-decoration: none;
  transition: 0.1s ease-in all;
  -webkit-transition: 0.1s ease-in all;
  -moz-transition: 0.1s ease-in all;
  -ms-transition: 0.1s ease-in all;
  -o-transition: 0.1s ease-in all;
}

.product-search-results table tbody tr td {
  padding: 4px 8px;
}

.product-search-results table tbody tr:hover td.product-info a {
  text-decoration: none;
  color: var(--primarycolor);
}

/* end */

/* response none */

.osha-checklist form.invalid .wpcf7-response-output,
.join-newsletter form.invalid .wpcf7-response-output {
  display: none;
}

/* end */

/* quick view */

.yith-quick-view-content .bx-controls-direction a {
  opacity: 1 !important;
}

.yith-quick-view .yith_ywraq_add_item_response_message {
  display: none !important;
}

.yith-quick-view .custom_pdf_div .pdf-button {
  display: none !important;
}

/* end */

/* blue banner */

.testing-banner {
  width: 100%;
  background-color: var(--impactBG);
  display: flex;
  align-items: center;
  min-height: 271px;
}

.blue-banner-bg {
  position: absolute;
  left: 0;
  top: 0;
  background-image: url("../img/banner-prod.jpg");
  width: 33%;
  height: 100%;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.testing-banner h4 {
  font-family: var(--fontGraphikMD);
  font-size: 30px;
  line-height: 48px;
  color: var(--whitecolor);
  margin: 0;
}

.testing-banner p {
  font-family: var(--fontGraphik);
  font-size: 16px;
  line-height: 24px;
  color: var(--whitecolor);
  margin: 0;
  margin-top: 10px;
}

.testing-banner .row {
  padding-left: 120px;
}

.testing-banner .row .col-xl-9 {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.testing-banner .row .col-xl-9 div:first-child {
  margin-right: 25px;
}

.testing-banner button {
  display: block;
}

.testing-banner a {
  display: block;
  margin-top: 20px !important;
}

/* .testing-banner.whitepaper .button-wpp-about {
  border-radius: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
} */

/* end */

/* browse list */

/* .custom_message_div .custom_pdf_div {
  display: none !important;
} */

.single .summary.entry-summary .yith_ywraq_add_item_product_message {
  width: unset !important;
}

.summary.entry-summary .yith_ywraq_add_item_product_message {
  font-family: var(--fontGraphik);
  font-size: 14px;
  line-height: 22px;
  color: var(--descriptioncolor);
  margin: 0;
  display: block;
  width: 100%;
  text-align: left;
}

.yith_ywraq_add_item_product_message {
  font-family: var(--fontGraphik);
  font-size: 14px;
  line-height: 22px;
  color: var(--descriptioncolor);
  margin: 0;
  display: block;
  width: 80%;
  margin: auto;
  text-align: center;
}

.yith_ywraq_add_item_response_message {
  font-family: var(--fontGraphik);
  font-size: 14px;
  line-height: 22px;
  color: var(--descriptioncolor);
  margin: 0;
  display: block;
  width: 100%;
}

.prod-cat-margin
  ul.products
  li.three-view
  .custom_message_div
  .yith_ywraq_add_item_response_message,
.prod-cat-margin
  ul.products
  li.four-view
  .custom_message_div
  .yith_ywraq_add_item_response_message {
  display: none !important;
}

/* end */

/* recently view section */

.recently-view-products.before-four .recently-view-products-margin {
  column-gap: 2%;
  padding-right: calc(var(--bs-gutter-x) * 0.5);
  padding-left: calc(var(--bs-gutter-x) * 0.5);
}

/* end */

/* page templete category industry */

/* .page-template-category-industry .product-category .products:hover {
  transform: translateY(0);
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
} */

/* end */

/* sticky popup */

.sticky-popup h5 {
  font-family: var(--fontGraphikMD);
  font-size: 16px;
  line-height: 24px;
  color: var(--whitecolor);
  margin: 0;
  background-color: var(--primarycolor);
  position: fixed;
  left: 10px;
  bottom: 10px;
  padding: 12px;
  cursor: pointer;
  transition: 0.7s ease-in all;
  -webkit-transition: 0.7s ease-in all;
  -moz-transition: 0.7s ease-in all;
  -ms-transition: 0.7s ease-in all;
  -o-transition: 0.7s ease-in all;
  z-index: 1041;
  /* background-image: url("../img/about-us-chairman.png");
  background-position: center right;
  background-size: contain;
  background-repeat: no-repeat; */
}

/* .sticky-popup h5::after {
  content: url("../img/about-us-chairman1.png");
} */

.sticky-popup h5 {
  display: none;
}

.sp-hide {
  transition: 0.7s ease-in all;
  -webkit-transition: 0.7s ease-in all;
  -moz-transition: 0.7s ease-in all;
  -ms-transition: 0.7s ease-in all;
  -o-transition: 0.7s ease-in all;
  transform: translateY(200px);
  -webkit-transform: translateY(200px);
  -moz-transform: translateY(200px);
  -ms-transform: translateY(200px);
  -o-transform: translateY(200px);
}

.sticky-popup .sp-form {
  position: relative;
  max-width: 500px;
  width: 100%;
  background-color: var(--whitecolor);
  /* padding: 32px 34px; */
  padding: 24px 34px;
  padding-right: 100px;
  position: fixed;
  left: 10px;
  bottom: -5px;
  transition: 0.4s ease-in all;
  -webkit-transition: 0.4s ease-in all;
  -moz-transition: 0.4s ease-in all;
  -ms-transition: 0.4s ease-in all;
  -o-transition: 0.4s ease-in all;
  transform: translateY(120%);
  -webkit-transform: translateY(120%);
  -moz-transform: translateY(120%);
  -ms-transform: translateY(120%);
  -o-transform: translateY(120%);
  z-index: 1042;
  /*background-image: url("../img/about-us-chairman.png");
  background-position: top right;
  background-repeat: no-repeat;
  background-position: 220%;
       */
  box-shadow: -9px -9px 37px -30px rgba(0, 0, 0, 0.95);
}

.sticky-popup .sp-form img {
  position: absolute;
  right: -55%;
  bottom: -1px;
  z-index: -1;
  width: 95%;
}

.sp-show {
  bottom: 10px !important;
  transition: 0.4s ease-in all;
  -webkit-transition: 0.4s ease-in all;
  -moz-transition: 0.4s ease-in all;
  -ms-transition: 0.4s ease-in all;
  -o-transition: 0.4s ease-in all;
  transform: translateY(0) !important;
  -webkit-transform: translateY(0) !important;
  -moz-transform: translateY(0) !important;
  -ms-transform: translateY(0) !important;
  -o-transform: translateY(0) !important;
}

.sticky-popup .sp-form h6 {
  font-family: var(--fontGraphikMD);
  font-size: 22px;
  line-height: 28px;
  color: var(--headingcolor);
  margin: 0;
}

.sticky-popup .sp-form p {
  font-family: var(--fontGraphik);
  font-size: 16px;
  line-height: 24px;
  color: var(--descriptioncolor);
  margin: 0;
  margin-top: 10px;
}

.sticky-popup .sp-form form {
  margin-top: 10px;
}

.sticky-popup .sp-form form div.half-field {
  display: flex;
  justify-content: space-between;
  margin-bottom: 15px;
}

.sticky-popup .sp-form form div.half-field p {
  display: flex;
}

.sticky-popup .sp-form form div.half-field p span {
  margin-bottom: 0 !important;
}

.sticky-popup .sp-form form div.half-field input {
  /* width: 48%; */
  width: 96%;
  outline: none;
  border: 0.5px solid var(--bordercolor);
  background: var(--whitecolor);
  padding: 10px 8px;
  font-family: var(--fontGraphik);
  font-size: 14px;
  line-height: 22px;
  color: var(--descriptioncolor);
  margin: 0;
}

.sticky-popup .sp-form form div.full-field {
  margin-bottom: 10px;
}

.sticky-popup .sp-form form div.full-field span.wpcf7-form-control-wrap {
  margin-bottom: 10px;
}

.sticky-popup .sp-form form div.full-field textarea {
  width: 98%;
  outline: none;
  border: 0.5px solid var(--bordercolor);
  background: var(--whitecolor);
  padding: 10px 8px;
  font-family: var(--fontGraphik);
  font-size: 14px;
  line-height: 22px;
  color: var(--descriptioncolor);
  margin: 0;
}

.sticky-popup .sp-form form div button {
  width: 100%;
  transition: 0.2s ease-in all;
  -webkit-transition: 0.2s ease-in all;
  -moz-transition: 0.2s ease-in all;
  -ms-transition: 0.2s ease-in all;
  -o-transition: 0.2s ease-in all;
}

.sticky-popup .sp-form form div button svg {
  margin-left: 10px;
}

.sticky-popup .sp-form form div button svg path {
  transition: 0.2s ease-in all;
  -webkit-transition: 0.2s ease-in all;
  -moz-transition: 0.2s ease-in all;
  -ms-transition: 0.2s ease-in all;
  -o-transition: 0.2s ease-in all;
}

.sticky-popup .sp-form form div button:hover {
  background-color: var(--formBtnHover) !important;
  color: var(--whitecolor) !important;
  border: 1px solid var(--formBtnHover) !important;
}

.sticky-popup .sp-form form div button:hover svg path {
  fill: var(--whitecolor) !important;
}

.sticky-popup .sp-form #cross {
  position: absolute;
  left: 12px;
  top: 14px;
  font-size: 20px;
  cursor: pointer;
  pointer-events: all;
}

/* end */

/* tpbar gtranslate */

/* .skiptranslate {
  display: none;
} */

/* end */

/* hover breadcrumbs */

#primary .woocommerce-breadcrumb a,
.page-links p a {
  transition: 0.2s ease-in all;
  -webkit-transition: 0.2s ease-in all;
  -moz-transition: 0.2s ease-in all;
  -ms-transition: 0.2s ease-in all;
  -o-transition: 0.2s ease-in all;
}

#primary .woocommerce-breadcrumb a:hover,
.page-links p a:hover {
  text-decoration: underline;
}

/* end */

/* modal */

.modal-dialog {
  height: 100%;
  display: flex;
  align-items: center;
}

/* end */

/* error */

.error404 .thankyou-banner {
  padding: 100px 0;
}

/* end */

/* target for anchor tag for reaching exact position when header is fixed */

:target::before {
  content: "";
  display: block;
  height: 191px; /* fixed header height*/
  margin: -191px 0 0; /* negative fixed header height */
}

/* end */

.variations ul li[data-value="black"] div.variable-item-contents span {
  color: var(--whitecolor) !important;
}

.widget_ywraq_mini_list_quote .raq-info a span.raq-tip-counter {
  display: flex;
}

/* career banner */

.career-banner {
  /* background-image: url(../img/other-banner.jpg); */
  width: 100%;
  min-height: 401px;
  /* background-size: 100% 100%; */
  background-size: cover;
  position: relative;
}

.wpcf7 form.invalid .wpcf7-response-output {
  display: none;
}

.cta-section .cta-margin {
  margin-top: 30px;
  border: 1px solid var(--bordercolor);
}

/* .cta-section .cta-margin .col-md-6 {
  padding: 48px 32px;
} */

.cta-section .bord-rght {
  border-right: 1px solid var(--bordercolor);
}

.cta-dwn-arrow {
  position: absolute;
  left: 30px;
  top: -15px;
  width: unset;
}

.cta-section .cta-margin .col-md-6:first-child {
  border-right: 1px solid var(--bordercolor);
}

.cta-section .cta-section-inner {
  padding: 48px 32px;
}

.cta-section .cta-section-inner div.heading {
  display: flex;
  align-items: center;
}

.cta-section .cta-section-inner div.heading img {
  margin-right: 16px;
}

.cta-section .cta-section-inner div.heading span {
  font-family: var(--fontGraphikSB);
  font-size: 24px;
  line-height: 32px;
  color: var(--headingcolor);
  margin: 0;
  margin-right: 16px;
  transition: 0.2s ease-in all;
  -webkit-transition: 0.2s ease-in all;
  -moz-transition: 0.2s ease-in all;
  -ms-transition: 0.2s ease-in all;
  -o-transition: 0.2s ease-in all;
  cursor: pointer;
}

.cta-section .cta-section-inner div.heading span:hover {
  color: var(--primarycolor);
}

.cta-section .col-md-6:hover .cta-section-inner div.heading span {
  color: var(--primarycolor);
}

.cta-section .cta-section-inner div.heading div {
  width: 32px;
  height: 32px;
  background-color: var(--whitecolor);
  box-shadow: -2px 2px 6px rgba(0, 0, 0, 0.1);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  cursor: pointer;
  transition: 0.2s ease-in all;
  -webkit-transition: 0.2s ease-in all;
  -moz-transition: 0.2s ease-in all;
  -ms-transition: 0.2s ease-in all;
  -o-transition: 0.2s ease-in all;
}

.cta-section .cta-section-inner div.heading div svg {
  transition: 0.2s ease-in all;
  -webkit-transition: 0.2s ease-in all;
  -moz-transition: 0.2s ease-in all;
  -ms-transition: 0.2s ease-in all;
  -o-transition: 0.2s ease-in all;
}

.cta-section .cta-section-inner div.heading div:hover {
  background-color: var(--primarycolor);
}

.cta-section .col-md-6:hover .cta-section-inner div.heading div {
  background-color: var(--primarycolor);
}

.cta-section .cta-section-inner div.heading div:hover svg path {
  fill: var(--whitecolor);
}

.cta-section .col-md-6:hover .cta-section-inner div.heading div svg path {
  fill: var(--whitecolor);
}

.cta-section .cta-section-inner p {
  font-family: var(--fontGraphiD);
  font-size: 16px;
  line-height: 24px;
  color: var(--descriptioncolor);
  margin: 0;
  margin-top: 16px;
}

/* new css slider bdp */

.cate-detailed-page-slider {
  /*background-color: var(--tertiarycolor);
  */
  padding: 10px;
  border: 3px solid var(--primarycolor);
  border-radius: 8px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -ms-border-radius: 8px;
  -o-border-radius: 8px;
}

.nbs {
  margin-top: 40px;
  margin-bottom: 40px;
}

.cate-detailed-page-slider h4 {
  margin-top: 0 !important;
}

.bdp-slider-two {
  margin-top: 10px;
}

.bdp-slider-two .slick-track {
  margin: 0;
}

.cate-detailed-page-slider .bdp-card {
  /*max-width: 300px;
  */ /*width: 100%;
  */
  border: 0.8px solid var(--bordercolor);
  border-radius: 3px;
  overflow: hidden;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  position: relative;
}

/* .cate-detailed-page-slider .bdp-card a {
  position: relative;
} */

.cate-detailed-page-slider .bdp-card span.itspopular {
  position: absolute;
  right: unset !important;
  left: 10px !important;
  top: 15px !important;
  font-size: 10px;
  line-height: 18px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: var(--fontGraphikSB);
  color: var(--whitecolor);
  background: #f25c05;
  border-radius: 0;
  padding: 0;
  min-width: 0;
  min-width: 0;
  min-height: 0;
  padding: 4px 10px;
  /* width: 30%; */
  font-weight: 600;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  text-transform: uppercase;
  display: none;
}

.cate-detailed-page-slider .bdp-card span.itsnew {
  position: absolute;
  left: 10px !important;
  top: 15px !important;
  font-size: 10px;
  line-height: 18px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: var(--fontGraphikSB);
  color: var(--normalcolor);
  background: var(--primarycolor);
  border-radius: 0;
  padding: 0;
  min-width: 0;
  min-width: 0;
  min-height: 0;
  padding: 4px 10px;
  width: 25%;
  font-weight: 600;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  text-transform: uppercase;
  display: none;
}

.cate-detailed-page-slider .bdp-card img {
  width: 100%;
}

.cate-detailed-page-slider .bdp-card .bdp-content {
  background-color: var(--whitecolor);
  padding: 13px 10px;
  border-top: 0.8px solid var(--bordercolor);
}

.cate-detailed-page-slider .bdp-card .bdp-content p {
  font-family: var(--fontGraphik);
  font-size: 12px;
  line-height: 20px;
  color: var(--headingcolor);
  margin: 0;
  margin-top: 0;
  min-height: 60px;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  height: 43px;
  display: -webkit-box;
}

.cate-detailed-page-slider .bdp-card .bdp-content span {
  font-family: var(--fontGraphikSB);
  font-size: 12px;
  line-height: 20px;
  color: var(--primarycolor);
  margin: 0;
  margin-top: 16px;
  display: block;
}

.cate-detailed-page-slider .slick-list {
  margin: 0 0px;
}

.cate-detailed-page-slider .slick-slide {
  margin: 0 0px;
}

.bdp-slider-two button.bdp-arrow.prev-arrow {
  position: absolute;
  top: -75px;
  right: 50px;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background-color: #e0e0e0;
  color: #fff;
  outline: none;
  border: none;
  display: flex;
  justify-content: center;
  align-items: center;
}

.bdp-slider-two button.bdp-arrow.next-arrow {
  position: absolute;
  top: -75px;
  right: 0;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background-color: #e0e0e0;
  color: #fff;
  outline: none;
  border: none;
  display: flex;
  justify-content: center;
  align-items: center;
}

.bdp-slider-two button.bdp-arrow.prev-arrow img,
.bdp-slider-two button.bdp-arrow.next-arrow img {
  width: 10px;
}

.cate-detailed-page-slider .bdp-no-slider {
  display: flex;
  flex-wrap: wrap;
}

.cate-detailed-page-slider .bdp-no-slider .bdp-card {
  width: 20%;
  margin-bottom: 6px;
}

.nbs h4,
.all-prod-heading-cate h4 {
  color: var(--primarycolor);
  margin-bottom: 15px;
}

.nbs h4 span,
.all-prod-heading-cate h4 span {
  color: var(--headingcolor);
}

.all-prod-heading-cate {
  margin-bottom: 20px;
}

/* end */

/* @media (max-width: 1799px) {
  .other-banner {
    min-height: 491px;
  }
}

@media (max-width: 1799px) {
  .other-banner {
    min-height: 473px;
  }
}

@media (max-width: 1599px) {
  .other-banner {
    min-height: 445px;
  }
}

@media (max-width: 1499px) {
  .other-banner {
    min-height: 417px;
  }
}

@media (max-width: 1449px) {
  .other-banner {
    min-height: 401px;
  }
} */

/* consultation popup2 */

.modal.form-book01 {
  overflow: hidden;
}

.form-book01 .modal-dialog {
  max-width: 780px;
  width: 100%;
  height: 100%;
  align-items: center;
  display: flex;
  margin-top: 0;
}

.form-book01 .modal-dialog button.close {
  position: absolute;
  top: 54px;
  right: -22px;
  background-color: var(--primarycolor);
  width: 30px;
  height: 30px;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  outline: none;
  border: none;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 20px;
  line-height: 28px;
  cursor: pointer;
  transition: 0.3s ease-in all;
  -webkit-transition: 0.3s ease-in all;
  -moz-transition: 0.3s ease-in all;
  -ms-transition: 0.3s ease-in all;
  -o-transition: 0.3s ease-in all;
  pointer-events: all;
}

.form-book01 .modal-dialog .modal-content {
  /* position: unset; */
  height: 80%;
  overflow-y: auto;
  border-radius: 20px;
}

.form-book01 .modal-dialog .modal-content .modal-header {
  background-image: url("../img/cc-banner.webp");
  background-size: cover;
  width: 100%;
  min-height: 255px;
  padding: 0;
  display: flex;
  justify-content: end;
}

.form-book01 .modal-dialog .modal-content .modal-header div {
  width: 60%;
  padding-right: 60px;
}

.form-book01 .modal-dialog .modal-content .modal-header div h2 {
  font-family: var(--fontGraphikSB);
  font-size: 26px;
  line-height: 48px;
  color: var(--headingcolor);
  margin: 0;
}

.form-book01 .modal-dialog .modal-content .modal-header div p {
  font-family: var(--fontGraphik);
  font-size: 16px;
  line-height: 24px;
  color: var(--headingcolor);
  margin: 0;
}

.form-book01 .modal-dialog .modal-content .modal-body {
  background-color: var(--formBG);
  padding: 0;
}

.modal.form-book01 .contact-us-form {
  margin: 0 0;
}

.form-book01 .modal-dialog button.close:hover {
  transform: scale(1.1);
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
}

.form-book01 .modal-dialog button.close svg {
  transition: 0.3s ease-in all;
  -webkit-transition: 0.3s ease-in all;
  -moz-transition: 0.3s ease-in all;
  -ms-transition: 0.3s ease-in all;
  -o-transition: 0.3s ease-in all;
}

.form-book01 .modal-dialog button.close:hover svg {
  transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
}

/* .form-book1
  .modal-dialog
  .modal-content
  .modal-body
  p
  span.wpcf7-not-valid-tip {
  color: #dc3232;
  font-size: 1em !important;
  line-height: unset !important;
  font-weight: normal;
  display: block;
  text-align: left;
} */

/* new */

.form-book01 .modal-content form p span.wpcf7-form-control-wrap {
  margin-bottom: 10px;
}

/* .form-book01 .modal-body .contact-us-form .form-row:not(:first-child) {
  margin-top: 10px;
} */

/* end */

.page-template-quote-page .inner-fpr .custom_message_div {
  margin-right: 10px;
}

.page-template-quote-page .inner-fpr .cus_prod {
  max-width: 80px;
}

.c-popup-bg {
  background-color: #eff0f4;
  padding: 16px 30px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  background: #ffa50057;
  border-radius: 0;
}

.form-book1 .contact-us-form .formm {
  padding-left: 30px;
  padding-right: 30px;
}

/* blog search bar */

/* cookies consent */

.cky-revisit-bottom-left {
	bottom: 85px !important;
}

/* end /

@media (min-width: 767px) {
	.page-template-blog .searchwp-live-search-results-showing {
		top: 230px !important;
	}
	
	.single-post .searchwp-live-search-results-showing {
		top: 286px !important;
	}
	
	.page-template-search-results .searchwp-live-search-results-showing {
		top: 230px !important;
	}
}

/* end */

.page-template-loto-free-recommendation .contact-us-form .formm-row label {
	text-align: left;
}

.entry.s_more a, .entry.s_more a span {
	font-family: var(--fontGraphikMD);
	font-size: 16px;
	line-height: 24px;
	color: var(--normalcolor);
	text-align: center;
	text-transform: capitalize;
	width: 100%;
}

/* book page css */

.page-template-book-page .modal-dialog {
	max-width: 760px;
}

.page-template-book-page .modal-dialog textarea {
	width: 100%;
    border: 0.5px solid var(--bordercolor);
    background-color: var(--whitecolor);
    padding: 16px 20px;
    font-family: var(--fontGraphik);
    font-size: 16px;
    line-height: 18px;
    color: var(--normalcolor);
    outline: none;
}

.page-template-book-page .modal-dialog textarea::placeholder {
	font-family: var(--fontGraphik);
    font-size: 16px;
    line-height: 18px;
    color: var(--normalcolor);
}

.page-template-book-page .modal-dialog button svg {
	margin-left: 12px;
}

.page-template-book-page .modal-dialog button:hover svg path {
	fill: var(--primarycolor);
}

/* end */

.new-content-section {
	margin-top: 60px;
}

.new-content-section h1, h2, h3, h4, h5, h6 {
	font-family: var(--fontGraphikSB);
}

.new-content-section h1:not(:first-child), h2:not(:first-child), h3:not(:first-child), h4:not(:first-child), h5:not(:first-child), h6:not(:first-child) {
	margin-top: 24px;
}

.new-content-section p, ul li, ol li{
	font-family: var(--fontGraphik);
}

.page-id-11571 .follow-links, .page-id-11571 .join-newsletter,
.page-id-11414 .follow-links, .page-id-11414 .join-newsletter, 
.page-id-11572 .follow-links, .page-id-11572 .join-newsletter {
	display: none;
}

@media (max-width: 1770px) {
  .impact .row .col-lg-9 {
    padding-left: 80px;
  }
}

@media (max-width: 1599px) {
  .impact .row .col-lg-9 {
    padding-left: 60px;
  }
}

@media (max-width: 1499px) {
  .impact .row .col-lg-9 {
    padding-left: 50px;
  }

  .testing-banner .row {
    padding-left: 200px;
  }
}

@media (max-width: 1399px) {
  .form-book01 .modal-dialog button.close {
    top: 50px;
    right: -30px;
  }

  .lockout-safety-product .lsp-card ul {
    min-height: 122px;
  }

  header .container ul li:not(:last-child) {
    margin-right: 10px;
  }
	
	header .navigation ul#menu-header-menu > li > a {
		font-size: 12px;
	}

  .footer-last ul li:not(:last-child) {
    margin-right: 20px;
  }

  .download-whitepaper .download-whitepaper-content p {
    margin: 10px 0;
  }

  .download-whitepaper .download-whitepaper-content a.button-tertiary,
  .download-whitepaper .download-whitepaper-content button {
    margin-top: 40px;
  }

  .impact .row .col-lg-9 {
    padding-left: 40px;
  }

  .find-out-section .inner-find-out-sec h2 {
    font-size: 40px;
  }

  .join-newsletter form input[type="submit"] {
    width: calc(30% - 20px);
  }

  .lockout-safety-product .lsp-card div:last-child {
    padding-right: 10px;
  }

  .lockout-safety-product .lsp-card h5 {
    font-size: 16px;
    line-height: 24px;
  }

  .lockout-safety-product .lsp-card ul li {
    font-size: 14px;
    line-height: 22px;
  }

  .lockout-safety-product .lsp-card ul li::before {
    margin-right: 5px;
  }

  .catalogue-two .catalogue-content1 ul li:not(:last-child) {
    margin-right: 0;
  }

  .testing-banner .row {
    padding-left: 135px;
  }

  .testing-banner h4 {
    font-size: 28px;
    line-height: 36px;
  }
}

@media (max-width: 1299px) {
  .catalogue-two .catalogue-background1 {
    width: 500px;
  }
}

@media (max-width: 1199px) {
	.mobile-mega-menu #nav-shop ul li:nth-child(8) a::before {
		display: none;
	}
	
  .cart.tm .widget_ywraq_mini_list_quote {
	display: inline-block;
  }
	
	.extra-header-links {
		display: none;
	}
	
  .margin-after-header {
    margin-top: 133px;
  }

  :target::before {
    content: "";
    display: block;
    height: 133px; /* fixed header height*/
    margin: -133px 0 0; /* negative fixed header height */
  }

  header .container ul li:not(:last-child) {
    margin-right: 10px;
  }

  header
    .navigation
    .menu-header-menu-container
    ul#menu-header-menu
    > li.mobile {
    display: block;
  }

  .footer-last ul li:not(:last-child) {
    margin-right: 10px;
  }

  header .container .website-language .gt_switcher,
  header .container .website-language .switcher {
    width: 60px;
  }

  header .container .website-language .gt_selected a {
    text-indent: -9999px;
  }

  .download-whitepaper .download-whitepaper-content h4 {
    line-height: 34px;
  }

  .download-whitepaper .download-whitepaper-content a.button-tertiary,
  .download-whitepaper .download-whitepaper-content button {
    margin-top: 10px;
  }

  .impact .impact-content {
    min-height: 215.31px;
  }

  .impact .row .col-lg-9 {
    padding-left: 20px;
  }

  .lockout-safety-product .lsp-card {
    flex-direction: column;
    padding: 20px 20px;
  }

  .lockout-safety-product .lsp-card div:first-child {
    margin-right: 0;
    margin-bottom: 20px;
    text-align: center;
  }

  header .navigation {
    display: none;
  }

  header .main-header .search-bar {
    display: none;
  }

  header .container .cart .mob-search {
    display: inline-block;
  }

  header .main-header .mob-menu {
    display: block;
  }

  .blue-banner-bg {
    display: none;
  }

  .testing-banner .row {
    padding-left: 0;
  }

  .testing-banner {
    min-height: 236px;
  }

  header .container .website-links {
    display: none;
  }
}

@media (max-width: 1149px) {
  .catalogue-one .catalogue-background1 {
    left: -50px;
  }

  .catalogue-two .catalogue-background1 {
    left: -50px;
  }
}

@media (max-width: 1099px) {
  .impact .col-lg-3 {
    display: none;
  }

  .impact .row .col-lg-9 {
    width: 100%;
    padding-left: 0;
    justify-content: center;
  }

  .impact .impact-content {
    justify-content: center;
  }
}

@media (max-width: 1049px) {
  .catalogue-one .catalogue-background1 {
    left: -100px;
  }

  .impact .row .col-lg-9 {
    padding-left: 0px;
    justify-content: center;
  }

  .catalogue-two .catalogue-background1 {
    left: -100px;
  }
}

@media (max-width: 991px) {
	header .container ul li:nth-child(2) {
		display: none;
	}
	
	.header-name {
/* 		display: none; */
        font-size: 12px;
		line-height: 20px;
		margin-left: 5px;
	}
	
  .career-banner {
    background-position: 62%;
  }

  .margin-after-header {
    margin-top: 128px;
  }

  :target::before {
    content: "";
    display: block;
    height: 128; /* fixed header height*/
    margin: -128 0 0; /* negative fixed header height */
  }

  header .container .website-language #flags {
    display: inline-block;
    width: auto;
  }

  header .container .website-language #google_language_translator {
    display: none;
  }

  header .container .website-links {
    display: none;
  }

  /* header .navigation {
    display: none;
  } */

  header .main-header .search-bar {
    display: none;
  }

  header .main-header .mob-menu {
    display: block;
  }

  footer {
    background-repeat: repeat;
    padding: 40px 0;
  }

  footer .footer-links {
    margin-top: 30px !important;
  }

  .footer-links-last {
    display: flex;
    justify-content: space-between;
  }

  .footer-links-last .footer-links {
    width: 47%;
  }

  footer .footer-links-last .footer-links:last-child {
    margin-top: 0;
  }

  /* .footer-last ul {
    margin-top: 10px;
  } */

  .footer-last .footer-tagline p {
    font-size: 12px;
    line-height: 20px;
  }

  .whatsapp {
    top: 70%;
  }

  .whatsapp {
    transform: translateX(0);
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
  }

  .catalogue-one {
    padding: 60px 0;
    padding-bottom: 0;
  }

  .catalogue-one .catalogue-background1 {
    width: 400px;
  }

  .catalogue-one .catalogue-content1 form input,
  .catalogue-one .catalogue-content1 form input[type="submit"],
	.catalogue-one .catalogue-content1 form button.ltc-download {
    height: 40px;
  }

  .catalogue-one .catalogue-content1 form input[type="submit"],
	.catalogue-one .catalogue-content1 form button.ltc-download {
    padding: unset;
    line-height: 14px;
  }

  .solutions .solutions-step .overlay {
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }

  .solutions .solutions-step .overlay img {
    width: 35px;
  }

  .solutions .solutions-step .overlay p {
    font-size: 20px;
    line-height: 28px;
  }

  .other-banner {
    background-position: 67%;
    background-size: unset;
    /* background-image: linear-gradient(
        105deg,
        rgba(0, 0, 0, 0.8) 100%,
        transparent 50%
      ),
      url(../img/other-banner.jpg); */
  }

  .other-banner::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: linear-gradient(
      120deg,
      rgba(0, 0, 0, 0.8) 100%,
      transparent 50%
    );
    /* opacity: 0.7; */
  }

  .other-banner .other-banner-heading p br {
    display: none;
  }

  .other-banner .other-banner-heading {
    width: 100%;
  }

  .other-banner .other-banner-heading h2 br,
  .other-banner .other-banner-heading h1 br {
    display: none;
  }

  .oem-form .oem-contact-form div label {
    width: 100%;
    margin-bottom: 10px;
    margin-right: 0;
  }

  .oem-form .oem-contact-form div input,
  .oem-form .oem-contact-form div textarea,
  .oem-form .oem-contact-form div select {
    width: 100%;
  }

  .oem-form .oem-contact-form div button.form-button {
    margin-left: 0;
  }

  .oem-form .oem-contact-form div p {
    display: unset;
    display: block;
    overflow-x: hidden;
  }

  .oem-form .oem-contact-form div input[type="submit"] {
    width: unset;
    margin-left: 0;
    margin-top: 24px;
  }

  .about-page-links .row .col-lg-3:nth-child(3),
  .about-page-links .row .col-lg-3:nth-child(4) {
    margin-top: 20px;
  }

  .about-page-links .row .col-lg-3:nth-child(2) {
    margin-top: 0;
  }

  .about-page-links a {
    display: flex;
    align-items: center;
  }

  .download-whitepaper .download-whitepaper-content {
    margin-top: 24px;
  }

  .download-whitepaper .download-whitepaper-content a.button-tertiary,
  .download-whitepaper .download-whitepaper-content button {
    margin-top: 25px;
  }

  .download-whitepaper {
    margin-top: 60px;
  }

  .trusted-industry-leaders h2 {
    font-size: 24px;
    line-height: 32px;
  }

  .impact img {
    display: none;
  }

  .impact .col-lg-3 {
    display: none;
  }

  .impact .col-lg-9 {
    width: 100%;
  }

  .find-out-section .row .col-lg-6:last-child {
    margin-top: 30px;
  }

  /* .product-category .products-margin {
    margin-top: 60px;
  } */

  .find-out-section {
    padding: 48px 0;
  }

  .esa-count-margin .col-lg-3 .esa-about-us-info:nth-child(1),
  .esa-count-margin .col-lg-3 .esa-about-us-info:nth-child(2) {
    margin-bottom: 20px;
  }

  .join-newsletter form p {
    width: 90%;
  }

  .get-a-quote .row .col-md-5 {
    padding-top: 0;
  }

  .get-a-quote p {
    margin-bottom: 20px;
  }

  .join-newsletter form p:first-child,
  .join-newsletter form p:last-child {
    width: 100%;
  }

  .partner-video-section h1 {
    font-size: 32px;
  }

  .partner-video-section h1 br {
    display: none;
  }

  .partner-video-section .row:not(:first-child) {
    margin-top: 32px;
  }

  .follow-links div.all-links {
    width: 60%;
  }

  .join-newsletter h2 {
    font-size: 28px;
  }

  .testing-banner .row .col-xl-9 {
    display: flex;
    flex-direction: column;
    align-items: start;
  }

  .testing-banner .row .col-xl-9 div:first-child {
    margin-right: 0;
    margin-bottom: 15px;
  }

  .testing-banner {
    padding: 30px 0;
  }

  .form-book01 .modal-dialog button.close {
    top: 60px;
    right: 15px;
  }
}

@media (max-width: 899px) {
  .catalogue-one .catalogue-background1 {
    left: -90px;
    /* width: 300px; */
  }

  .catalogue-two .catalogue-background1 {
    left: -75px;
    width: 360px;
  }
}

@media (max-width: 767px) {
	.new-content-section {
		margin-top: 40px;
	}
	
	.new-content-section h1:not(:first-child), h2:not(:first-child), h3:not(:first-child), h4:not(:first-child), h5:not(:first-child), h6:not(:first-child) {
		margin-top: 20px;
	}
	
	.page-template-book-page .modal-dialog textarea {
		padding: 14px 14px;
        font-size: 14px;
        line-height: 16px;
	}
	
	.page-template-book-page .modal-dialog textarea::placeholder {
        font-size: 14px;
        line-height: 16px;
	}	
	
	.header-payment-section {
		margin-top: 16px; 
		padding: 0 12px;
	}
	
	.header-name {
        font-size: 10px;
		line-height: 18px;
	}
	
  .cky-revisit-bottom-left {
	bottom: 150px !important;
  }
	
  .cate-detailed-page-slider .bdp-no-slider .bdp-card {
    width: 50%;
  }

  .cta-section .cta-section-inner div.heading img {
    margin-right: 10px;
  }

  .cta-section .cta-section-inner div.heading span {
    font-size: 20px;
    line-height: 28px;
  }

  .cta-section .bord-rght {
    border-right: none;
    border-bottom: 1px solid var(--bordercolor);
  }

  .cta-section .cta-section-inner {
    padding: 36px 20px;
  }

  .cta-dwn-arrow {
    left: 20px;
  }

  .career-banner {
    background-position: 57%;
  }

  .catalogue-two .catalogue-content1 ul li {
    display: flex;
    width: 100%;
    align-items: center;
  }

  .widget_ywraq_mini_list_quote img.ywraq-custom-icon {
    width: 28px;
  }

  .rac h4::after {
    width: 0;
  }

  .margin-after-header {
    margin-top: 93.75px;
  }

  :target::before {
    content: "";
    display: block;
    height: 93.75; /* fixed header height*/
    margin: -96.75 0 0; /* negative fixed header height */
  }

  header .container ul li:not(:last-child) {
    margin-right: 0;
  }

  header .container ul li {
    display: flex;
    align-items: center;
  }

  header .container ul li:nth-child(2) {
    display: none;
  }

  header .container ul li:nth-child(1) {
    order: 1;
  }

  header .container ul li:nth-child(3) {
    order: 2;
    /* margin-right: 15px; */
  }

  header .container .website-info ul li a {
    font-size: 10px;
    line-height: 18px;
  }

  .whatsapp:hover {
    transform: translateX(0);
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
  }

  .thm-mob {
    display: none;
  }

  section {
    margin-top: 40px;
  }

  footer {
    background-repeat: repeat;
    padding: 40px 0;
  }

  .footer-last ul {
    justify-content: center;
  }

  footer .footer-links ul li a {
    font-size: 14px;
    line-height: 22px;
  }

  footer .footer-links {
    margin-top: 30px !important;
  }

  .footer-links-last {
    display: flex;
    justify-content: space-between;
  }

  .footer-links-last .footer-links {
    width: 47%;
  }

  footer .footer-links-last .footer-links:last-child {
    margin-top: 0;
  }

  .footer-last .footer-tagline p,
  .footer-last ul li a {
    font-size: 10px;
    line-height: 18px;
    text-align: center;
  }

  .footer-last ul {
    margin-bottom: 10px;
  }

  h2 {
    font-size: 20px;
    line-height: 28px;
  }

  h3, .oem-form h3 {
    font-size: 20px;
    line-height: 28px;
  }

  h4, .page-template-contact-us .contact-us-form h1 {
    font-size: 20px;
    line-height: 28px;
  }

  h6 {
    font-size: 12px;
    line-height: 20px;
  }

  .about-us .about-us-section p {
    font-size: 16px;
    line-height: 24px;
  }

  .button-primary,
  .button-secondary,
  .button-tertiary,
  .button-tertiaryScnd {
    font-size: 14px;
    line-height: 22px;
  }

  header .container .website-language .gt_selected a {
    text-indent: -9999px;
  }

  header .container .website-language .gt_switcher,
  header .container .website-language .switcher {
    width: 60px;
  }

  header .container ul li:nth-child(1) {
    margin-right: 15px;
  }

  .footer-last .row .col-lg-6:first-child {
    order: 2;
  }

  .footer-last .row .col-lg-6:last-child {
    order: 1;
  }

  .whatsapp a {
    font-size: 12px;
    line-height: 20px;
  }

  .close-icon-swc {
    top: 48px;
  }

  .react-to-top {
    bottom: 70px;
  }

  header .container .cart .yith-ywraq-list-wrapper {
    margin: 0;
    padding: 0;
    right: 0;
    width: 42px !important;
    height: 30px !important;
    padding-top: 0 !important;
  }

  .widget_ywraq_mini_list_quote .raq-info {
    margin: 0 !important;
    padding: 0 !important;
  }

  .widget_ywraq_mini_list_quote
    .raq-info
    a
    span.raq-tip-counter
    .raq-items-number::before {
    position: absolute;
    left: -32px;
    top: -3px;
  }

  header
    .container
    .cart
    .widget_ywraq_mini_list_quote
    .raq-info
    a
    span.raq-tip-counter {
    min-width: 10px;
    display: flex;
    justify-content: end;
  }

  header .container .cart {
    width: 35px;
    display: flex;
    align-items: center;
    justify-content: end;
  }

  header .main-header .logo {
    width: 45px;
  }

  .catalogue-one {
    padding: 40px 0;
    padding-bottom: 0;
  }

  .catalogue-one .catalogue-background1 {
    left: -90px;
    width: 300px;
  }

  .catalogue-one .catalogue-content1 form input[type="submit"],
	.catalogue-one .catalogue-content1 form button.ltc-download {
    width: 40%;
  }

  .loto-devices .row:not(:first-child) {
    margin-top: 20px;
  }

  .loto-devices p {
    font-size: 14px;
    line-height: 22px;
  }

  .loto-devices p b {
    font-size: 16px;
    line-height: 24px;
  }

  .solutions {
    padding: 40px 0;
  }

  /* .solutions h4 {
    text-align: center;
  } */

  .solutions .row:not(:first-child) .col-md-4:nth-child(2) {
    margin: 20px 0;
  }

  .background-safety-lock {
    top: unset;
    right: -300px;
    bottom: 0;
  }

  .solutions .solutions-margin p {
    font-size: 14px;
    line-height: 22px;
  }

  .features .features-inner img {
    margin-right: 10px;
  }

  .features .features-inner p {
    font-size: 16px;
    line-height: 24px;
  }

  .features .features-inner span {
    font-size: 14px;
  }

  /* .features .row .col-lg-3:not(:last-child) .features-inner {
    border-right: 1px solid var(--blackcolor)
  } */

  .features {
    padding: 30px 0;
  }

  .features.border {
    padding: 0 0;
  }

  .features .features-inner {
    flex-direction: column;
    text-align: center;
  }

  .features.border .features-inner {
    flex-direction: unset;
    text-align: unset;
  }

  .features .features-inner div {
    padding: 0 15px;
  }

  .features .row .col-lg-3:nth-child(3),
  .features .row .col-lg-3:nth-child(4) {
    margin-top: 20px;
  }

  .features.border .row .col-lg-3:nth-child(3),
  .features.border .row .col-lg-3:nth-child(4) {
    margin-top: 0;
  }

  /* .other-banner {
    background-image: linear-gradient(
        105deg,
        rgba(0, 0, 0, 0.8) 100%,
        transparent 50%
      ),
      url(../img/other-banner.jpg);
  } */

  .other-banner .other-banner-heading h2,
  .other-banner .other-banner-heading h1,
  .career-banner .other-banner-heading h2,
  .career-banner .other-banner-heading h1 {
    font-size: 24px;
    line-height: 36px;
  }

  .other-banner .other-banner-heading p,
  .career-banner .other-banner-heading p {
    font-size: 12px;
    line-height: 20px;
  }

  .other-banner {
    background-position: 72%;
  }

  .other-banner .other-banner-heading {
    width: 100%;
  }

  .page-links p,
  .page-links p a,
  .page-links p span {
    font-size: 12px;
    line-height: 20px;
  }

  .oem-form {
    margin-top: 20px;
  }

  .oem-form h1 {
    font-size: 20px;
    line-height: 28px;
  }

  .oem-form p {
    font-size: 14px;
    line-height: 22px;
  }

  .oem-form .oem-contact-form {
    margin: 60px 0;
    padding: 24px 12px;
  }

  .oem-form .oem-contact-form div input,
  .oem-form .oem-contact-form div textarea,
  .oem-form .oem-contact-form div select {
    padding: 14px 14px;
  }

  .oem-form .oem-contact-form div button.form-button {
    padding: 16px 30px;
  }

  .oem-form .oem-contact-form div:not(:first-child) {
    margin-top: 20px;
  }

  .oem-form .oem-contact-form div input[type="submit"] {
    /* width: 100%; */
    padding: 16px 30px;
  }

  .about-page-links .row .col-lg-3:nth-child(2) {
    margin-top: 20px;
  }

  .home-contact-form {
    padding: 40px 0;
    padding-bottom: 60px;
  }

  .home-contact-form .address ul {
    margin-top: 20px;
  }

  .home-contact-form .address ul li a {
    font-size: 14px;
    line-height: 22px;
  }
	
	.home-contact-form .col-md-6:first-child {
		order: 2;
	}
	
	.home-contact-form .col-md-6:last-child {
		order: 1;
	}

  .home-contact-form .contact-us {
/*     margin-top: 40px; */
	  margin-bottom: 40px;
  }

  .home-contact-form .contact-us .home-page-contact-form {
    margin-top: 20px;
  }

  .home-contact-form .contact-us .home-page-contact-form input,
  .home-contact-form .contact-us .home-page-contact-form textarea {
    padding: 14px 14px;
    font-size: 14px;
    line-height: 16px;
  }

  .home-contact-form .contact-us .home-page-contact-form input::placeholder,
  .home-contact-form .contact-us .home-page-contact-form textarea::placeholder {
    font-family: var(--fontGraphik);
    font-size: 14px;
    line-height: 16px;
    color: var(--normalcolor);
  }

  .home-contact-form
    .contact-us
    .home-page-contact-form
    input:not(:first-child),
  .home-contact-form .contact-us .home-page-contact-form textarea {
    /* margin-top: 20px; */
    margin-top: 0;
  }

  .home-contact-form .contact-us .home-page-contact-form button {
    font-size: 14px;
    line-height: 22px;
    /* margin-top: 20px; */
  }

  .home-contact-form .contact-us .home-page-contact-form textarea {
    margin-top: 0;
  }

  .download-whitepaper {
    margin-top: 60px;
  }

  .download-whitepaper .download-whitepaper-content h4 {
    line-height: 28px;
  }

  .download-whitepaper .download-whitepaper-content p {
    font-size: 14px;
    line-height: 22px;
  }

  .download-whitepaper .download-whitepaper-margin {
    margin-top: 40px;
  }

  .download-whitepaper .download-whitepaper-content a.button-tertiary,
  .download-whitepaper .download-whitepaper-content button {
    margin-top: 20px;
  }

  .trusted-industry-leaders {
    margin-top: 60px;
  }

  .trusted-industry-leaders h2 {
    text-align: left;
  }

  .trusted-industry-leaders h2 br {
    display: none;
  }

  .trusted-industry-leaders .til-slider {
    margin-top: 16px;
  }

  .impact {
    margin-top: 60px;
  }

  .impact img {
    display: none;
  }

  .impact .impact-content {
    padding: 30px 24px;
  }

  .impact .impact-content h4 {
    font-size: 22px;
    line-height: 30px;
  }

  .impact .impact-content p {
    font-size: 14px;
    line-height: 22px;
    margin-bottom: 16px;
  }

  .impact .row .col-md-4 a {
    min-width: 200px;
    text-align: center;
  }

  .impact .col-lg-9 .impact-content .row .col-md-4 a {
    margin-top: 15px !important;
  }

  .explore-esquare {
    margin-top: 60px;
    padding: 30px 0;
  }

  .explore-esquare .explore p {
    padding: 8px 20px;
  }

  .explore-esquare .explore h5 {
    font-size: 16px;
    line-height: 24px;
  }

  .clients-section .clients-video-slider button.prev-arrow {
    left: -5px;
  }

  .clients-section .clients-video-slider button.next-arrow {
    right: -5px;
  }

  .find-out-section .inner-find-out-sec {
    padding: 30px 30px;
  }

  .find-out-section .inner-find-out-sec h2 {
    font-size: 24px;
    line-height: 32px;
  }

  .find-out-section .inner-find-out-sec h3 {
    font-size: 20px;
    line-height: 28px;
  }

  .find-out-section .inner-find-out-sec a {
    font-size: 12px;
    line-height: 20px;
  }

  .find-out-section {
    padding: 40px 0;
  }

  .customers-section .customers-aboutpage button.prev-arrow {
    left: -8px;
  }

  .customers-section .customers-aboutpage button.next-arrow {
    right: -8px;
  }

  .product-category h1 {
    font-size: 20px;
    line-height: 28px;
  }

  .product-category .products-margin {
    margin-top: 40px;
  }

  .categories-margin {
    margin-top: 30px;
  }

  .esquare-advantage p {
    margin-top: 16px;
  }

  .esquare-advantage .ea-margin .col-lg-4 {
    margin-top: 24px;
  }

  .esa-count-margin {
    margin-top: 30px;
  }

  .rac {
    min-height: auto;
    padding: 60px 0;
  }

  .rac h4 {
    font-size: 24px;
    line-height: 28px;
  }

  .rac p {
    margin-top: 16px;
    margin-bottom: 16px;
  }

  .lockout-whitepaper {
    margin-top: 20px;
  }

  .lockout-whitepaper h1 {
    font-size: 24px;
    line-height: 32px;
  }

  .lockout-whitepaper p {
    font-size: 14px;
    line-height: 22px;
  }

  .industry h6 {
    margin-bottom: 5px;
  }

  .industry .background-industry-img,
  .industry .background-industry-dotted {
    display: none;
  }

  .industry .industries .ind-text {
    padding: 8px 6px;
  }

  .industry .industries .ind-text p {
    font-size: 12px;
    line-height: 20px;
  }

  .industry .row .col-lg-4:nth-child(1),
  .industry .row .col-lg-4:nth-child(2),
  .industry .row .col-lg-4:nth-child(3),
  .industry .row .col-lg-4:nth-child(4) {
    margin-bottom: 20px;
  }

  .products-faq h4 {
    margin-bottom: 20px;
  }

  .products-faq .accordion-item h5 button.accordion-button {
    font-size: 16px;
    line-height: 24px;
    padding: 18px;
  }

  .products-faq .accordion-item .accordion-body {
    font-size: 14px;
    line-height: 22px;
  }

  section.products-faq {
    margin-top: 20px;
  }

  .products-faq .accordion-item .accordion-body {
    padding: 15px 18px;
  }

  .join-newsletter .row .col-md-5 {
    justify-content: start;
  }

  .join-newsletter h2 {
    font-size: 20px;
    line-height: 28px;
  }

  .join-newsletter .row .col-md-7 {
    margin-top: 16px;
  }

  .join-newsletter form p:first-child,
  .join-newsletter form p:last-child {
    width: 100%;
  }

  .join-newsletter form p:last-child {
    margin-top: 16px;
  }

  .join-newsletter form p:last-child label {
    font-size: 12px;
    line-height: 20px;
  }

  .join-newsletter form p:last-child input {
    margin-right: 4px;
  }

  .join-newsletter form p,
  .join-newsletter form p span.wpcf7-form-control-wrap:last-child {
    width: 100%;
  }

  .join-newsletter form p span.wpcf7-form-control-wrap:first-child {
    width: 70%;
  }

  .join-newsletter form button,
  .join-newsletter form input[type="submit"] {
    width: 30%;
  }

  .get-a-quote p {
    margin-top: 16px;
    margin-bottom: 16px;
  }

  .get-a-quote .row .col-md-7 {
    margin-top: 24px;
  }

  .lockout-safety-product {
    padding: 24px 0;
  }

  .lockout-safety-product p {
    margin-top: 16px;
  }

  .lockout-safety-product .lsp-card ul li:not(:last-child) {
    margin-bottom: 10px;
  }

  .lockout-safety-product .row:last-child {
    margin-top: 24px;
  }

  .follow-links div.all-links {
    width: 90%;
  }

  .join-newsletter {
    padding: 24px 0;
  }

  .other-videos-series-section {
    padding: 30px 0;
  }

  .ltv-card-img {
    margin-top: 24px;
  }

  .ltv-card-img p {
    padding: 8px 20px;
  }

  .ltv-card-img h5 {
    font-size: 16px;
    line-height: 24px;
  }

  .yellow-bg {
    margin-top: 180px;
    padding: 20px 0;
  }

  /* .catalogue-two .catalogue-background1 {
    left: -80px;
    width: 240px;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    display: flex;
    align-items: center;
  } */
  .catalogue-two .catalogue-content1 {
    padding-top: 160px;
  }

  .catalogue-two .catalogue-background1 {
    top: -20px;
    left: 50%;
    width: 300px;
    transform: translateX(-50%);
  }

  .catalogue-two .catalogue-content1 ul {
    flex-direction: column;
  }

  .catalogue-two .catalogue-content1 ul li:not(:last-child) {
    margin-right: 0;
    margin-bottom: 15px;
  }

  .yellow-bg-two {
    margin-top: 15px;
    padding: 20px 0;
    display: none;
  }

  .catalogue-two {
    padding-bottom: 40px;
  }

  .catalogue-two .catalogue-content1 ul li:nth-child(3),
  .catalogue-two .catalogue-content1 ul li:nth-child(4) {
    margin-top: 0;
  }

  .catalogue-two {
    padding: 40px 0;
    /* padding-bottom: 0; */
  }

  .partner-video-section h1 {
    font-size: 20px;
    line-height: 28px;
  }

  .partner-video-section .row:not(:first-child) {
    margin-top: 24px;
  }

  .partner-video-section .col-md-10 p {
    padding: 8px 16px;
    font-size: 14px;
    line-height: 22px;
  }

  .lockout-safety-product .lsp-card h5 {
    font-size: 20px;
    line-height: 28px;
  }

  .follow-links div.all-links svg {
    width: 25px;
    height: 25px;
  }

  .impact .impact-content .row .col-md-4 {
    display: flex;
    justify-content: start;
  }

  .button-wpp-about,
  .testing-banner a {
    min-width: auto;
    font-size: 14px;
    line-height: 22px;
  }

  /* search bar and cart in mobile */

  header .container .cart .mob-search {
    padding-left: 0;
  }

  header .container .cart .mob-search svg {
    width: 24px;
    height: 24px;
  }

  .widget_ywraq_mini_list_quote
    .raq-info
    a
    span.raq-tip-counter
    .raq-items-number
    svg {
    width: 28px;
    height: 28px;
  }

  /* end */

  .testing-banner {
    padding: 30px 0;
  }

  .testing-banner h4 {
    font-size: 22px;
    line-height: 30px;
  }

  .testing-banner p {
    font-size: 16px;
    line-height: 24px;
  }

  .testing-banner .row .col-xl-9 div:first-child {
    margin-bottom: 12px;
  }

  .testing-banner a {
    display: block;
    margin-top: 15px !important;
  }

  .sticky-popup .sp-form {
    left: 0;
    padding-right: 34px;
  }

  .sticky-popup .sp-form img {
    display: none;
  }

  iframe {
    width: 100vw;
    height: calc(100vw / 1.77);
  }

  .sticky-popup h5 {
    bottom: 70px;
  }

  .lockout-safety-product .lsp-card ul {
    min-height: auto;
  }

  .form-book01 .modal-dialog .modal-content .modal-header {
    background-image: none !important;
    min-height: auto;
  }

  .form-book01 .modal-dialog .modal-content .modal-header div {
    width: 100%;
    padding: 30px 15px;
  }

  .form-book01 .modal-dialog .modal-content .modal-header div h2 {
    font-family: var(--fontGraphikSB);
    font-size: 26px;
    line-height: 48px;
    color: var(--headingcolor);
    margin: 0;
  }

  .form-book01 .modal-dialog button.close {
    width: 35px;
    height: 35px;
    /* right: 10px; */
    top: 35px;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
  }

  .form-book01 .modal-dialog .modal-content .modal-header div p {
    font-family: var(--fontGraphik);
    font-size: 16px;
    line-height: 24px;
    color: var(--headingcolor);
    margin: 0;
  }

  .form-book01 .modal-body .form-row .half-field:not(:first-child) {
    margin-top: 24px;
  }

  .form-book01 .modal-content form p span.wpcf7-form-control-wrap {
    margin-bottom: 28px;
  }

  /* quote page */

.page-template-quote-page .inner-fpr .yith-ywraq-add-to-quote {
  width: 30%;
  flex-wrap: wrap;
  justify-content: end;
}

.page-template-quote-page .inner-fpr .yith-ywraq-add-button.show {
  margin-right: 0;
  margin-bottom: 10px;
}

.page-template-quote-page .inner-fpr .custom_message_div {
  max-width: 100px;
  /* margin-right: 15px; */
}

.page-template-quote-page .inner-fpr .custom_message_div .custom_pdf_div {
  flex-wrap: wrap;
}

.page-template-quote-page .inner-fpr .custom_message_div .custom_pdf_div > div {
  margin-right: -15px;
  margin-bottom: 10px;
}
	
	.yith-ywraq-add-button.show {
		margin-left: auto;
		margin-right: auto;
	}

/* end */
}