@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
html {
	overflow-x: hidden;
}
body {
  font-family: "Poppins", sans-serif;
  margin: 0;
}

* {
  box-sizing: border-box;
}

*, ul, li, figure, article {
  margin: 0;
  padding: 0;
}

a {
  color: inherit;
  text-decoration: none;
}
p a:hover {
    color: #000;
}

p a {
    color: #EB242C;
}
input {
  font-family: inherit;
}

.container {
  width: min(100% - 200px, 1650px);
  margin: 0 auto;
  padding: 0;
}
.messages--error{display:none;}
:root{
  --container-spacing:40px;
}
@media screen and (max-width: 1080px) {
  .container {
    width: min(100% - 80px, 1360px); 
  }
  :root{
    --container-spacing:40px;
  }
}
@media screen and (max-width: 767px) {
  .container {
    width: min(100% - 40px, 1360px);
  }
  :root{
    --container-spacing:20px;
  }
}
/***************************
THEME COLORS
***************************/
:root {
  --red: #EB242C;
  --dark-red: #860404;
  --grey: #484848;
  --black: #000000;
  --mid-grey: #D0D0D0;
  --light-grey: #F6F6F6;
  --white: #FFFFFF;
}

/***************************
TYPOGRAPHY
***************************/

img{
  width: 100%;
  height: 100%;
}

p {
  font-size: inherit;
  font-weight: inherit;
  font-size: 20px;
  line-height: 34px;
  font-weight: 400;
}

h1, .h1 {
  font-size: 55px;
  line-height: 70px;
  font-weight: 200;
}

h2, .h2 {
  font-size: 44px;
  line-height: 58px;
  font-weight: 200;
}

h3, .h3,
.specific-wastegate-block .field.field--name-field-specific-types-title,
.different-wastegate .container > .field.field--name-field-different-types-title.field--type-string.field--label-hidden.field__item {
  font-size: 40px;
  line-height: 62px;
  font-weight: 500;
}

h4, .h4 {
  font-size: 35px;
  line-height: 44px;
  font-weight: 400;
}

h5, .h5 {
  font-size: 30px;
  line-height: 40px;
  font-weight: 500;
}

h6, .h6 {
  font-size: 24px;
  line-height: 35px;
  font-weight: 500;
}

.h7 {
  font-size: 20px;
  line-height: 34px;
  font-weight: 500;
}

.para p {
  font-size: 20px;
  line-height: 34px;
  font-weight: 400;
}

.block-heading :where(h1, h2, h3, h4, h5, h6)::before,
.specific-wastegate-block .field.field--name-field-specific-types-title::before,
.different-wastegate .container > .field.field--name-field-different-types-title.field--type-string.field--label-hidden.field__item::before {
  content: "";
  display: block;
  width: 116px;
  height: 5px;
  background-color: var(--red);
  margin-bottom: 23px;
}
.block-heading p,
.specific-wastegate-block .field.field--name-field-specific-types-subtitle,
.different-wastegate .container > .field.field--name-field-different-types-subtitle {
  margin-top: 20px;
  font-size: 20px;
  line-height: 34px;
  font-weight: 400;
}
.toolbar-menu-administration ul.toolbar-menu li a#toolbar-link-view-faq_page-page_1::before {
  background-image: url(../assets/images/adminfaqicon.png);
}
@media (max-width: 1440px) {
  h1, .h1 {
    font-size: 50px;
    line-height: 60px;
    font-weight: 200;
  }
  h2, .h2 {
    font-size: 40px;
    line-height: 50px;
    font-weight: 200;
  }
  h3, .h3,
  .specific-wastegate-block .field.field--name-field-specific-types-title,
  .different-wastegate .container > .field.field--name-field-different-types-title.field--type-string.field--label-hidden.field__item {
    font-size: 35px;
    line-height: 45px;
    font-weight: 500;
  }
  h4, .h4 {
    font-size: 30px;
    line-height: 40px;
    font-weight: 400;
  }
  h5, .h5 {
    font-size: 25px;
    line-height: 30px;
    font-weight: 500;
  }
  h6, .h6 {
    font-size: 22px;
    line-height: 30px;
    font-weight: 500;
  }
  .h7 {
    font-size: 18px;
    line-height: 25px;
    font-weight: 500;
  }
  p {
    font-size: 18px;
    line-height: 30px;
    font-weight: 400;
  }
  .para p {
    font-size: 18px;
    line-height: 30px;
    font-weight: 400;
  }
  .block-heading p,
  .specific-wastegate-block .field.field--name-field-specific-types-subtitle,
  .different-wastegate .container > .field.field--name-field-different-types-subtitle{
    font-size: 18px;
    line-height: 30px;
    font-weight: 400;
  }
}
@media (max-width: 1280px) {
  h1, .h1 {
    font-size: 28px;
    line-height: 38px;
    font-weight: 300;
  }
  h2, .h2 {
    font-size: 26px;
    line-height: 38px;
    font-weight: 300;
  }
  h3, .h3,
  .specific-wastegate-block .field.field--name-field-specific-types-title,
  .different-wastegate .container > .field.field--name-field-different-types-title.field--type-string.field--label-hidden.field__item {
    font-size: 25px;
    line-height: 36px;
    font-weight: 500;
  }
  h4, .h4 {
    font-size: 17px;
    line-height: 23px;
    font-weight: 400;
  }
  h5, .h5 {
    font-size: 20px;
    line-height: 28px;
    font-weight: 500;
  }
  h6, .h6 {
    font-size: 16px;
    line-height: 26px;
    font-weight: 500;
  }
  .h7 {
    font-size: 16px;
    line-height: 20px;
    font-weight: 500;
  }
  p {
    font-size: 16px;
    line-height: 26px;
    font-weight: 400;
  }
  .para p {
    font-size: 16px;
    line-height: 26px;
    font-weight: 400;
  }
  .block-heading :where(h1, h2, h3, h4, h5, h6)::before,
  .specific-wastegate-block .field.field--name-field-specific-types-title::before,
  .different-wastegate .container > .field.field--name-field-different-types-title.field--type-string.field--label-hidden.field__item::before{
    width: 50px;
    height: 3px;
    margin-bottom: 15px;
  }
  .block-heading p,
  .specific-wastegate-block .field.field--name-field-specific-types-subtitle,
  .different-wastegate .container > .field.field--name-field-different-types-subtitle {
    font-size: 16px;
    line-height: 26px;
    font-weight: 400;
  }
}
@media screen and (max-width: 767px) {
  h1, .h1 {
    font-size: 24px;
    line-height: 33px;
    font-weight: 300;
  }
  h2, .h2 {
    font-size: 22px;
    line-height: 32px;
    font-weight: 300;
  }
  h3, .h3,
  .specific-wastegate-block .field.field--name-field-specific-types-title,
  .different-wastegate .container > .field.field--name-field-different-types-title.field--type-string.field--label-hidden.field__item {
    font-size: 21px;
    line-height: 32px;
    font-weight: 500;
  }
  h4, .h4 {
    font-size: 16px;
    line-height: 21px;
    font-weight: 400;
  }
  h5, .h5 {
    font-size: 18px;
    line-height: 26px;
    font-weight: 500;
  }
  h6, .h6 {
    font-size: 14px;
    line-height: 22px;
    font-weight: 500;
  }
  .h7 {
    font-size: 14px;
    line-height: 20px;
    font-weight: 500;
  }
  p {
    font-size: 14px;
    line-height: 24px;
    font-weight: 400;
  }
  .para p {
    font-size: 14px;
    line-height: 24px;
    font-weight: 400;
  }
  .block-heading :where(h1, h2, h3, h4, h5, h6)::before,
  .specific-wastegate-block .field.field--name-field-specific-types-title::before,
  .different-wastegate .container > .field.field--name-field-different-types-title.field--type-string.field--label-hidden.field__item::before {
    width: 40px;
    height: 3px;
    margin-bottom: 15px;
  }
  .block-heading p,
  .specific-wastegate-block .field.field--name-field-specific-types-subtitle,
  .different-wastegate .container > .field.field--name-field-different-types-subtitle{
    font-size: 14px;
    line-height: 24px;
    font-weight: 400;
  }
}
/***************************
UL
***************************/
.ul ul, .ul ol, .page-content ul, .page-content ol, main ul, main ol {
  list-style-position: initial;
}
.ul ul li, .ul ol li, .page-content ul li, .page-content ol li, main ul li, main ol li {
  font-size: 20px;
  font-weight: normal;
  line-height: 34px;
}
.ul ul, .page-content ul, main ul {
  padding-left: 22px;
}
.ul ul li::marker, .page-content ul li::marker, main ul li::marker {
  min-width: 21px;
  color: var(--red);
  margin-right: 15px;
  text-align: left;
}
.ul ol, .page-content ol, main ol {
  padding-left: 0;
  list-style: none;
}
.ul ol li, .page-content ol li, main ol li {
  display: flex;
  counter-increment: count-li;
}
.ul ol li::before, .page-content ol li::before, main ol li::before {
  content: counter(count-li) ".";
  min-width: 21px;
  color: var(--red);
  font-weight: 500;
  margin-right: 15px;
  text-align: left;
}

@media screen and (max-width: 1280px) {
  .ul ul li, .ul ol li, .page-content ul li, .page-content ol li, main ul li, main ol li {
    font-size: 16px;
    line-height: 26px;
    font-weight: 400;
  }
  .ul ol li::before, .page-content ol li::before, main ol li::before {
    margin-right: 5px;
  }
}
@media screen and (max-width: 767px) {
  .ul ul li, .ul ol li, .page-content ul li, .page-content ol li, main ul li, main ol li {
    font-size: 14px;
    line-height: 24px;
    font-weight: 400;
  }
}
/***************************
BUTTON
***************************/
.btns {
  display: flex;
  flex-wrap: wrap;
  grid-gap: 15px 32px;
}

.button-solid {
  display: inline-block;
  padding: 9px 38px;
  border-radius: 25px;
  background: var(--dark-red);
  border: 1px solid var(--dark-red);
  font-weight: normal;
  font-size: 20px;
  transition: all 0.3s;
  cursor: pointer;
}
.button-solid:is(:hover, :focus) {
  box-shadow: 5px 5px 50px rgba(0, 0, 0, 0.27);
  border-color: var(--white);
  background-color: var(--white);
  color: var(--red);
}

.button-outline a {
  display: inline-block;
  padding: 11.5px 48px;
  border-radius: 60px;
  background: transparent;
  border: 2px solid var(--white);
  font-weight: 500;
  font-size: 22px;
  color: var(--white);
  text-align: center;
  transition: all 0.3s;
  cursor: pointer;
}
.button-outline a:is(:hover, :focus) {
  box-shadow: 5px 5px 50px rgba(0, 0, 0, 0.27);
  border-color: var(--white);
  background-color: var(--white);
  color: var(--red);
}
.button-outline.black-btn {
  border-color: var(--black);
  color: var(--black);
}
.button-outline.black-btn:is(:hover, :focus) {
  border-color: var(--black);
  background-color: var(--black);
  color: var(--white);
}
.button-outline.btn-red {
  border-color: var(--red);
  color: var(--black);
}
.button-outline.btn-red:is(:hover, :focus) {
  border-color: var(--red);
  background-color: var(--red);
  color: var(--white);
}

.link {
  font-weight: 500;
  font-size: 22px;
  color: var(--white);
  display: inline-flex;
  align-items: center;
  transition: all 0.3s;
  position: relative;
}
.link::after {
  content: "\f04b";
  font-family: "Font Awesome 6 Sharp";
  font-size: 12px;
  font-weight: 900;
  margin-top: 2px;
  margin-left: 9px;
  transition: all 0.3s;
}
.link:hover {
  padding-left: 22px;
}
.link:hover::after {
  position: absolute;
  left: 0;
  margin-left: 0;
}

/**/
.share-btn {
  color: var(--black);
  display: inline-flex;
  align-items: center;
  transition: all 0.3s;
  position: relative;
}
.share-btn::before {
  content: "\f064";
  font-family: "Font Awesome 6 Sharp";
  font-size: 30px;
  font-weight: 200;
  margin-top: 2px;
  margin-right: 12px;
  transition: all 0.3s;
  color: var(--red);
}
.share-btn:hover {
  color: var(--red);
}

/**/
.back-btn-wrap a {
  font-size: 18px;
  font-weight: normal;
  line-height: 34px;
  position: relative;
  color: var(--black);
  transition: all 0.3s;
}
.back-btn-wrap a::before{
  content: "\f0d9";
  font-family: "Font Awesome 6 Sharp";
  font-weight: 900;
  margin-top: 2px;
  margin-right: 13px;
  transition: all 0.3s;
  color: var(--red);
}
.back-btn-wrap a:hover {
  color: var(--red);
}
.back-btn-wrap a::before{
  color: var(--product_graphic_color, var(--red));
}
body.page-node-type-product .back-btn-wrap a:hover{
  color: var(--product_graphic_color, var(--red));
}
@media screen and (max-width: 1280px) {
  .button-outline a,
  .why-dsps-block .block-content-area article a {
    font-size: 14px;
    padding: 7.5px 27px;
    border-width: 1px;
    border-radius: 40px;
  }
  .button-solid {
    font-size: 14px;
    padding: 7.5px 27px;
    border-radius: 40px;
  }
  .link {
    font-size: 16px;
  }
  header .desktop-nav .buttonss .button-solid {
    font-weight: normal;
    font-size: 14px;
    padding: 8.5px 27px;
}
}
@media screen and (max-width: 767px) {
	header .desktop-nav .buttonss .button-solid {
		font-size: 12px;
        padding: 6.5px 20px;
	}
	.page-wrapper header .desktop-nav nav .buttonss {
		grid-gap: 0 20px;
	}
  .button-outline a,
  .als-valves-block .c-row .button-outline a,
  .unique-wastegate-block .button-outline a {
    font-size: 12px;
    padding: 6.5px 27px;
    border-radius: 35px;
    border-width: 1px !important;
  }
  .button-solid,
  .helping-you .c-row article .btns .button-outline a,
  .why-dsps-block .block-content-area article .button-outline a,
  .bespoke-products-block .block-content-area article .button-outline a,
  .call-to-action .c-row .buttons.button-outline a,
  .built-by-aces .block-content-area .button-outline a,
  .why-dsps-block .block-content-area article a {
    font-size: 12px;
    padding: 6.5px 27px;
    border-radius: 35px;
  }
  .link {
    font-size: 16px;
  }
  .unique-wastegate-block article .button-outline a {
    min-width: unset;
  }
}
@media screen and (max-width: 559px) {
  .page-wrapper header .desktop-nav nav .buttonss{
    grid-gap: 0 10px;
  }
}
/***************************
CUSTOM ACCORDION
***************************/

.custom-accordion-container .custom-accordion-panel {
  border-top: 1px solid #beb9b9;   
}
.custom-accordion-container .custom-accordion-panel:last-child {
  border-bottom: 1px solid #beb9b9; 
}
.custom-accordion-container .custom-accordion-panel .custom-accordion-btn {
  padding: 22px 0;
  user-select: none;
  cursor: pointer;
  position: relative;
  display: flex;
  align-items: center;
  color: var(--content_section_title_color, var(--black));
}
.custom-accordion-container .custom-accordion-panel .custom-accordion-btn::before {
  content: "\f04b";
  font-size: 18px;
  font-family: "Font Awesome 6 Sharp";
  font-weight: 900;
  color: var(--content_section_graphic_color, var(--red));
  transition: all 0.3s;
  margin-right: 40px;
}
.custom-accordion-container .custom-accordion-panel .custom-accordion-btn:hover::before {
  transform: rotate(90deg);
}
.custom-accordion-container .custom-accordion-panel .custom-accordion-body {
  display: none;
}
.custom-accordion-container .custom-accordion-panel .custom-accordion-body article {
  padding: 3px 0 20px 55px;
  color: var(--content_section_text_color, var(--black));
}
.custom-accordion-container .custom-accordion-panel .custom-accordion-body article p {
  max-width: 1264px;
}
.custom-accordion-container .custom-accordion-panel .custom-accordion-body article p:not(:first-child) {
  margin-top: 30px;
}
.custom-accordion-container .custom-accordion-panel.open .custom-accordion-btn::before {
  transform: rotate(90deg);
}
.custom-accordion-container .custom-accordion-panel.open .custom-accordion-body {
  display: block;
}

@media screen and (max-width: 1280px) {
  .custom-accordion-container .custom-accordion-panel .custom-accordion-btn {
    font-size: 16px;
    padding: 15px 0;
  }
  .custom-accordion-container .custom-accordion-panel .custom-accordion-btn::before {
    background-size: 15px;
  }
  .custom-accordion-container .custom-accordion-panel .custom-accordion-body article {
    padding: 6px 0 30px 50px;
  }
  .custom-accordion-container .custom-accordion-panel .custom-accordion-body article p:not(:first-child) {
    margin-top: 15px;
  }
}
@media screen and (max-width: 1080px) {
  .custom-accordion-container .custom-accordion-panel .custom-accordion-btn {
    padding: 19px 0;
  }
  .custom-accordion-container .custom-accordion-panel .custom-accordion-btn::before {
    font-size: 10px;
    margin-right: 13px;
  }
  .custom-accordion-container .custom-accordion-panel .custom-accordion-body article {
    padding: 10px 0 19px 23px;
  }
}
@media screen and (max-width: 767px) {
  .custom-accordion-container .custom-accordion-panel .custom-accordion-body article {
    padding: 0px 0 19px 23px;
  }
}
/***************************
INNER PAGE BANNER
***************************/
.inner-page-banner {
  position: relative;
}
.inner-page-banner .block-content-area {
  padding: 116px 0 219px;
  color: var(--white);
}
.inner-page-banner .block-content-area h1 {
  font-weight: 200;
  font-size: 60px;
  line-height: 78px;
  max-width: 940px
}
.node--type-latest-news .inner-page-banner .block-content-area h1 {
    max-width: 870px;
}
.inner-page-banner .block-content-area h1{
  color: var(--contact_header_text_color, #fff);
}
.inner-page-banner .block-content-area h1::before {
    content: "";
    display: block;
    width: 166px;
    height: 26px;
    margin-bottom: 29px;
    background-color: var(--contact_header_graphic_color, var(--dark-red));
    background-image: unset;
    -webkit-mask: url(../assets/images/line-graphic.png) 0 0 no-repeat;
    mask: url(../assets/images/line-graphic.png) 0 0 no-repeat;
    -webkit-mask-size: cover;
    mask-size: cover;
}
.inner-page-banner .block-bg-img {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
}
.inner-page-banner .block-bg-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

@media screen and (max-width: 1280px) {
  .inner-page-banner .block-content-area {
    padding: 116px 0 116px;
  }
  .inner-page-banner .block-content-area h1 {
    max-width: 440px;
    font-size: 28px;
    line-height: 38px;
  }
}
@media screen and (max-width: 1080px) {
  .inner-page-banner .block-content-area {
    padding: 100px 0 100px;
  }
  .inner-page-banner .block-content-area h1::before {
    width: 97px;
    height: 15px;
    margin-bottom: 15px;
    background-size: 97px;
  }
}
@media screen and (max-width: 767px) {
  .inner-page-banner {
    display: flex;
    flex-direction: column;
  }
  .inner-page-banner .block-content-area {
    order: 2;
    padding: 32px 0 37px;
    color: var(--black);
  }
  .inner-page-banner .block-content-area h1 {
    font-size: 28px;
    line-height: 38px;
    font-weight: 300;
  }
  .inner-page-banner .block-bg-img {
    order: 1;
    position: unset;
  }
  .inner-page-banner .block-bg-img img {
    display: block;
  }
}
/***************************
TABLE
***************************/
table {
  width: 100%;
  border-collapse: collapse;
  table-layout: fixed;
}
table thead tr th {
  font-size: 24px;
  font-weight: 500;
  text-align: left;
  color: var(--white);
  background-color: var(--red);
  padding: 22.5px 30px;
}
table tbody tr td {
  font-size: 20px;
  font-weight: normal;
  text-align: left;
  padding: 24.5px 30px;
  border-bottom: 1px solid var(--mid-grey);
}
table tbody tr:nth-child(even) td {
  background-color: var(--light-grey);
}

.mobile-table {
  display: none;
}
.slider-table .mobile-table-carousel {
  padding: 0 30px;
}
.slider-table .owl-carousel .owl-nav {
  width: 100%;
  height: 0;
  position: absolute;
  left: 0;
  top: calc(50% - 15px);
  display: flex;
  justify-content: space-between;
}
.slider-table .owl-carousel .owl-nav button {
  font-size: 31px;
  color: #beb9b9;
}
.mobile-table .mobile-table-card {
  width: 100%;
  display: block;
  background-color: var(--light-grey);
  padding: 15px 15px;
}
.mobile-table .mobile-table-card > div {
  display: flex;
  align-items: center;
  grid-gap: 0 15px;
  padding: 7px 0;
  justify-content: space-between;
  font-weight: 300;
  font-size: 12px;
  line-height: 17px;
  color: var(--grey);
}
.mobile-table .mobile-table-card > div b, .mobile-table .mobile-table-card > div span {
  flex: 1;
}

@media screen and (max-width: 1280px) {
  table thead tr th {
    font-size: 16px;
    padding: 15px 15px;
  }
  table tbody tr td {
    font-size: 16px;
    padding: 15px 15px;
  }
}
@media screen and (max-width: 767px) {
  .desktop-table {
    display: none;
  }
  .mobile-table {
    display: block;
  }
  table {
    display: block;
  }
  table thead {
    display: none;
  }
  table tbody {
    display: block;
    padding: 0 30px;
  }
  table tbody tr {
    display: block;
    background-color: var(--light-grey);
    padding: 15px 15px;
  }
  table tbody tr td {
    display: block;
    font-size: 12px;
    padding: 5px 0;
    border-bottom: 0;
    display: flex;
    justify-content: space-between;
    grid-gap: 0 15px;
  }
  table tbody tr td::before {
    content: attr(data-label);
    flex: 1;
    font-size: 12px;
    line-height: 17px;
    font-weight: bold;
    color: var(--grey);
    max-width: 132px;
}
  table tbody tr:not(:last-child) {
    margin-bottom: 5px;
  }
}
header {
  color: #fff;
  position: relative;
  z-index: 9;
  display: unset;
  background: linear-gradient(#000 0%, #1c1c1c 33.5%, #545454 100%);
}
header.sticky .desktop-nav {
  box-shadow: 5px 5px 50px rgba(0, 0, 0, 0.27);
}
header .desktop-nav nav .buttonss {
    display: flex;
    align-items: center;
    grid-gap: 0 23px;
}
header .header-bar {
  position: relative;
}
header .header-bar::before {
  width: 100%;
  height: 100%;
  min-height: 200px;
  position: absolute;
  content: "";
   background-color: var(--contact_section_background_color);
  top: 0;
  z-index: -1;
}
header .top-bar {
  display: flex;
  justify-content: space-between;
  flex-wrap: nowrap;
  padding-block: 33px;
  grid-gap: 15px 15px;
  font-weight: normal;
  font-size: 23px;
  position: relative;
}
header .top-bar .contact-bar span {
  font-weight: 500;
  letter-spacing: 0.03em;
}
header .top-bar .contact-bar span::before {
  content: "\f04b";
  font-family: "Font Awesome 6 Sharp";
  font-weight: 900;
  margin-right: 12px;
  color: var(--contact_section_arrow_color, var(--red));
}
header .top-bar .contact-bar span:not(:last-child) {
  margin-right: 35px;
}
header .top-bar .contact-bar span a {
  transition: all 0.3s;
  color: var(--contact_section_link_color, #fff);
  text-decoration: none;
}
header .top-bar .contact-bar span a:hover {
  color: var(--contact_section_link_hover_color, --red);
}
header .desktop-nav {
  background-color: var(--menu_header_background_color, var(--red));
  position: sticky;
  top: 0;
  z-index: 999;
}
header .desktop-nav nav {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  grid-gap: 0 30px;
  color: var(--white);
}
header .desktop-nav nav .navbar-menus > ul {
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  grid-gap: 15px 126px;
  align-items: center;
}
header .desktop-nav nav .navbar-menus > ul > li {
  display: inline-block;
  font-weight: normal;
  font-size: 21px;
  padding: 46px 0 42px;
}
header .desktop-nav nav .navbar-menus > ul > li > :where(a, span) {
  cursor: pointer;
  color: var(--menu_header_link_color, #fff);
  text-decoration: none;
}
header .desktop-nav nav .navbar-menus > ul > li > :where(a, span)::after {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  background-color: var(--menu_header_link_color, #fff);
  transition: all 0.3s;
  transform: scale(0, 1);
  opacity: 0;
}
header .desktop-nav nav .navbar-menus > ul > li.active > :where(a, span)::after {
  transform: scale(1, 1);
  opacity: 1;
}
header .desktop-nav nav .navbar-menus > ul > li > :where(a, span):hover,
header .desktop-nav nav .navbar-menus > ul > li.active > :where(a, span){
  color: var(--menu_header_link_hover_color, #fff);
}
header .desktop-nav nav .navbar-menus > ul > li > :where(a, span):hover::after,
header .desktop-nav nav .navbar-menus > ul > li.active > :where(a, span)::after{
  background-color: var(--menu_header_link_hover_color, #fff);
}
header .desktop-nav nav .navbar-menus > ul > li:is(:hover) a::after, header .desktop-nav nav .navbar-menus > ul > li:is(:hover) span::after {
  transform: scale(1, 1);
  opacity: 1; 
}
header .desktop-nav nav .navbar-menus > ul > li:hover .dropdown-menu-custom {
  transform: perspective(500px) rotateX(0deg);
  opacity: 1;
  visibility: visible;
}
header .desktop-nav nav .navbar-menus .dropdown-menu-custom {
  width: 100%;
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1;
  background-color: var(--grey);
  padding: 62px 0 90px;
  transform: perspective(500px) rotateX(-90deg);
  transform-origin: top;
  transition: all 0.5s ease;
  opacity: 0;
  visibility: hidden;
}
header .desktop-nav nav .navbar-menus .dropdown-menu-custom .c-row {
  display: flex;
  flex-wrap: wrap;
}
header .desktop-nav nav .navbar-menus .dropdown-menu-custom .c-row article {
  padding-right: 98px;
  max-width: 356px;
}
header .desktop-nav nav .navbar-menus .dropdown-menu-custom .c-row > div{
  flex: 1;
}
header .desktop-nav nav .navbar-menus .dropdown-menu-custom .c-row article figure {
  margin-top: 43px;
  background: transparent;
}
header .desktop-nav nav .navbar-menus .dropdown-menu-custom .c-row ul {
  display: grid;
  list-style: none;
  grid-template-columns: 1fr 1fr 1fr;
  grid-gap: 30px 40px;
}
header .desktop-nav nav .navbar-menus .dropdown-menu-custom .c-row ul li {
  font-weight: normal;
  font-size: 20px;
}
header .desktop-nav nav .navbar-menus .dropdown-menu-custom .c-row ul li > :where(a, span) {
  transition: all 0.3s;
  color: white;
}
header .desktop-nav nav .navbar-menus .dropdown-menu-custom .c-row ul li > :where(a, span):is(:hover, :focus) {
  color: var(--red);
}
header .desktop-nav nav .buttons, header .desktop-nav nav .buttons .tgl-menu {
  display: none;
}
header .desktop-nav nav .buttons {
    min-height: 32px;
}

header .desktop-nav nav .navbar-menus > ul > li.contact-us-page{
  padding: 0;
}
header .desktop-nav nav .navbar-menus > ul > li.contact-us-page a{
  display: inline-block;
  padding: 9px 38px;
  border-radius: 25px;
  background: var(--menu_button_background_color, var(--dark-red));
  border: 1px solid var(--menu_button_text_border_color, var(--dark-red));
  font-weight: normal;
  font-size: 20px;
  color: var(--menu_button_text_border_color, var(--white));
  transition: all 0.3s;
  cursor: pointer;
}
header .desktop-nav nav .navbar-menus > ul > li.contact-us-page a:is(:hover, :focus){
  box-shadow: 5px 5px 50px rgba(0, 0, 0, 0.27);
  border-color: var(--menu_button_text_border_hover_color, var(--white));
  background-color: var(--menu_button_hover_background_color, var(--white));
  color: var(--menu_button_text_border_hover_color, var(--red));
}
header .desktop-nav nav .navbar-menus > ul > li.contact-us-page a::after{
  display: none;
}

@media screen and (max-width: 1680px) {
  header .top-bar {
    font-size: 20px;
  }
  header .desktop-nav nav .navbar-menus > ul {
    grid-gap: 15px 60px;
  }
}
@media screen and (max-width: 1440px) {
  header .header-bar::before {
    min-height: 170px;
  }
  header .top-bar {
    padding-block: 30px;
    font-size: 18px;
  }
  header .top-bar .contact-bar span:not(:last-child) {
    margin-right: 15px;
  }
  header .desktop-nav nav .navbar-menus > ul {
    grid-gap: 15px 50px;
  }
  header .desktop-nav nav .navbar-menus > ul > li {
    padding: 40px 0 40px;
    font-size: 18px;
  }
  header .desktop-nav nav .navbar-menus > ul > li.contact-us-page a {
    font-size: 18px;
  }
  header .desktop-nav .button-solid {
    font-size: 18px;
  }
}
@media screen and (max-width: 1350px) {
  header .desktop-nav nav .navbar-menus > ul {
    grid-gap: 15px 30px;
  }
  header .desktop-nav nav .navbar-menus > ul > li {
    padding: 30px 0 30px;
  }
}
@media screen and (min-width: 1281px) {
  header .desktop-nav nav .buttonss {
      display: none;
  }
}
@media screen and (max-width: 1280px) {
  header .header-bar::before {
    display: none;
  }
  .mobile-menu nav > ul > li:last-child {
    display: none;
}
  header .top-bar .contact-bar span {
    background-color: var(--white);
    display: inline-flex;
    width: 40px;
    height: 40px;
    font-size: 20px;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
  }
  header .top-bar .contact-bar span:nth-child(1)::before {
    content: "\f095";
    font-family: "Font Awesome 6 Pro";
    font-weight: 400;
    margin-right: 0;
  }
  header .top-bar .contact-bar span:nth-child(2)::before {
    content: "\f0e0";
    font-family: "Font Awesome 6 Pro";
    font-weight: 400;
    margin-right: 0;
  }
  header .top-bar .contact-bar span a {
    display: none;
  }
}
.mobile-menu {
  display: none;
  width: 100%;
  max-width: 452px;
  background: var(--grey);
  position: fixed;
  top: 129px;
  left: 0;
  bottom: 0;
  transform: translateX(-100%);
  transition: all 0.3s;
  overflow-y: unset;
  z-index: 999;
}
.mobile-menu nav {
  user-select: none;
  padding: 20px 43px 30px;
  height: calc(100% - 102px);
  overflow-y: auto;
}
.mobile-menu nav > ul {
  list-style: none;
}
.mobile-menu nav > ul > li {
  display: block;
  width: 100%;
}
.mobile-menu nav > ul > li > a {
  font-size: 18px;
  font-weight: normal;
  line-height: 33px;
  color: var(--white);
  text-decoration: none;
  padding: 12.5px 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
  transition: all 0.3s;
}
.mobile-menu nav > ul > li > a > i {
  font-size: 19px;
}
.mobile-menu nav > ul > li.active > a {
  font-weight: 600;
}
.mobile-menu nav > ul > li.active > a > i {
  transform: rotate(90deg);
}
.mobile-menu nav ul {
  list-style: none;
}
.mobile-menu nav ul.mobile-submenu {
  display: none;
  padding: 20px 0 26px;
}
/* .mobile-menu nav > ul > li.active > ul{
  display: block;
} */
.mobile-menu nav ul.mobile-submenu li {
  display: block;
  line-height: 17px;
}
.mobile-menu nav ul.mobile-submenu li a {
  font-weight: normal;
  font-size: 14px;
  line-height: 31px;
  color: var(--white);
}
.mobile-menu nav ul.mobile-submenu li:not(:last-child) {
  margin-bottom: 24px;
}
.mobile-menu nav ul.mobile-submenu li.active > a {
  font-weight: 600;
}
.mobile-menu .mobile-menu-footer {
  background-color: var(--red);
  display: flex;
  grid-gap: 15px 32px;
  padding: 32px 43px 25px;
  height: 102px;
}
.mobile-menu .mobile-menu-footer .social-links {
  display: flex;
  grid-gap: 15px 20px;
}
.mobile-menu .mobile-menu-footer .social-links span a {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 41px;
  height: 41px;
  background-color: var(--white);
  color: var(--red);
  border-radius: 50%;
  font-size: 28px;
  transition: all 0.3s;
}
.mobile-menu .mobile-menu-footer .social-links span a:hover {
  background-color: var(--dark-red);
  color: var(--white);
}
.mobile-menu .mobile-menu-footer .button-solid {
  color: var(--white);
  font-weight: normal;
  font-size: 16px;
  padding: 9px 32px;
}
.mobile-menu .mobile-menu-footer .button-solid:is(:hover, :focus){
  color: var(--red);
}

@media screen and (max-width: 767px) {
  .mobile-menu {
    max-width: 340px;
  }
  .mobile-menu nav {
    height: calc(100% - 90px);
    padding: 38px 33px 30px;
  }
  .mobile-menu nav > ul > li > a {
    font-size: 16px;
    line-height: 29px;
    padding: 10px 0;
  }
  .mobile-menu nav ul.mobile-submenu {
    padding: 14px 0 30px;
  }
  .mobile-menu nav ul.mobile-submenu li a {
    font-size: 13px;
    line-height: 29px;
  }
  .mobile-menu nav ul.mobile-submenu li:not(:last-child) {
    margin-bottom: 19px;
  }
  .mobile-menu .mobile-menu-footer {
    padding: 28px 33px 22px;
    height: 90px;
    grid-gap: 0 18px;
    align-items: center;
  }
  .mobile-menu .mobile-menu-footer .social-links {
    grid-gap: 0 17px;
  }
  .mobile-menu .mobile-menu-footer .social-links span a {
    width: 36px;
    height: 36px;
    font-size: 24px;
  }
  .mobile-menu .mobile-menu-footer .button-solid {
    font-size: 14px;
    padding: 8.5px 28px;
  }
}
body.open-mobile-menu {
  overflow: hidden;
  position: fixed;
  width: 100%;
  height: 100%;
}
body.open-mobile-menu header .desktop-nav nav .buttons .tgl-menu {
  background-color: transparent;
}
body.open-mobile-menu header .desktop-nav nav .buttons .tgl-menu::before {
  width: 36px;
  transform: rotate(45deg);
}
body.open-mobile-menu header .desktop-nav nav .buttons .tgl-menu::after {
  width: 36px;
  transform: rotate(-45deg);
}
body.open-mobile-menu .mobile-menu {
  transform: translateX(0);
  box-shadow: 5px 5px 50px rgba(0, 0, 0, 0.16);
}
body.open-mobile-menu .mobile-menu .mobile-menu-footer {
  box-shadow: 5px 5px 50px rgba(0, 0, 0, 0.27);
}
body.open-mobile-menu main, body.open-mobile-menu footer {
  transform: translateX(452px);
}

@media screen and (max-width: 1280px) {
  main, footer {
    transition: all 0.3s;
  }
  header .top-bar {
    display: none;
  }
  header .desktop-nav {
    padding: 28px 0;
  }
  header .desktop-nav nav .navbar-menus {
    display: none;
  }
  header .desktop-nav nav .buttons {
    display: flex;
    align-items: center;
    grid-gap: 0 23px;
  }
  header .desktop-nav nav .buttons .button-solid {
    font-weight: normal;
    font-size: 14px;
    padding: 8.5px 27px;
    color:#fff;
  }
 header .desktop-nav nav .buttons .tgl-menu {
    display: block;
    width: 43px;
    height: 3px;
    background-color: var(--white);
    position: relative;
    transition: all 0.3s;
  }
  header .desktop-nav nav .buttons .tgl-menu::before, header .desktop-nav nav .buttons .tgl-menu::after {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 3px;
    background-color: var(--white);
    transition: all 0.3s;
    transform-origin: 0;
  }
  header .desktop-nav nav .buttons .tgl-menu::before {
    top: -13px;
  }
  header .desktop-nav nav .buttons .tgl-menu::after {
    top: 13px;
  }
  .mobile-menu {
    display: block;
  }
}
@media screen and (max-width: 1080px) {
  header .desktop-nav {
    padding: 28px 0;
  }
  header .desktop-nav nav .logo img {
    display: block;
    height: 49px;
    object-fit: contain;
  }
  .mobile-menu {
    top: 105px;
  }
}
@media screen and (max-width: 767px) {
  header .desktop-nav {
    padding: 25px 0;
  }
  header .desktop-nav nav .buttons {
    grid-gap: 0 20px;
  }
  header .desktop-nav nav .buttons .button-solid {
    font-size: 12px;
    padding: 6.5px 20px;
  }
  header .desktop-nav nav .buttons .tgl-menu {
    width: 29px;
    height: 2px;
  }
  header .desktop-nav nav .buttons .tgl-menu::before {
    top: -8px;
    height: 2px;
  }
  header .desktop-nav nav .buttons .tgl-menu::after {
    top: 8px;
    height: 2px;
  }
  header .desktop-nav nav .logo img {
    height: 40px;
  }
  body.open-mobile-menu main, body.open-mobile-menu footer {
    transform: translateX(340px);
  }
  body.open-mobile-menu header .desktop-nav nav .buttons .tgl-menu::before {
    width: 23px;
  }
  body.open-mobile-menu header .desktop-nav nav .buttons .tgl-menu::after {
    width: 23px;
  }
  .mobile-menu {
    top: 90px;
  }
}
@media screen and (max-width: 559px) {
  header .desktop-nav nav{
    grid-gap: 0 10px;
  }
}
@media screen and (max-width: 480px) {
  .mobile-menu {
    max-width: 280px;
  }
  body.open-mobile-menu main, body.open-mobile-menu footer {
    transform: translateX(280px);
  }
}
@media screen and (max-width: 361px) {
  header .desktop-nav{
    min-height: 90px;
    display: flex;
    align-items: center;
  }
  header .desktop-nav nav .logo img {
    height: 30px;
  }
}
/***************************
HOME SLIDER
***************************/
.hero-slider {
  position: relative;
}
.hero-slider .hero-slider-item .hero-slider-content {
  padding: 163px 0 280px;
  color: var(--white);
}
.hero-slider .hero-slider-item .hero-slider-content article {
  max-width: 815px;
}
.hero-slider .hero-slider-item .hero-slider-content article h1 {
  font-size: 60px;
  line-height: 78px;
  color: var(--front_slider_text_color, #fff);
}
.hero-slider .hero-slider-item .hero-slider-content article h1::before {
  content: "";
  display: block;
  width: 166px;
  height: 26px;
  margin-bottom: 29px;
  background-color: var(--front_slider_graphic_color, var(--dark-red));
  background-image: unset;
  -webkit-mask: url("../assets/images/line-graphic.png") 0 0 no-repeat;
  mask: url("../assets/images/line-graphic.png") 0 0 no-repeat;
  -webkit-mask-size: cover;
  mask-size: cover;
}
.hero-slider .hero-slider-item .hero-slider-content article a:hover{
  box-shadow: 5px 5px 50px rgba(0, 0, 0, 0.27);
    border-color: var(--white);
    background-color: var(--white);
    color: var(--red);
}
.hero-slider .hero-slider-item .hero-slider-content article a {
  margin-top: 66px;
  display: inline-block;
  padding: 11.5px 48px;
  border-radius: 60px;
  background: transparent;
  border: 2px solid var(--white);
  font-weight: 500;
  font-size: 22px;
  color: var(--white);
  text-align: center;
  transition: all 0.3s;
  cursor: pointer;
}
.hero-slider .hero-slider-item > figure {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  overflow: hidden;
}
.hero-slider .hero-slider-item > figure img {
  width: 100%;
  aspect-ratio: 265/113;
  object-fit: cover;
}
.hero-slider.owl-carousel .owl-nav {
  display: flex;
  justify-content: space-between;
  position: absolute;
  width: 100%;
  padding: 0 90px;
  height: 0;
  top: 50%;
  z-index: 1;
  margin-top: -85px;
}
.hero-slider.owl-carousel .owl-nav button {
  font-size: 67px;
  color: var(--white);
}
.hero-slider.owl-carousel .owl-nav.disabled {
  display: none;
}
.hero-slider .owl-item {
  overflow: hidden;
}
.hero-slider:not(.owl-carousel) .hero-slider-item .hero-slider-content article {
  transform: translateX(0);
}
.hero-slider:not(.owl-carousel) .hero-slider-item > figure img {
  display: block;
}
.hero-slider:not(.owl-carousel) .hero-slider-item:not(:first-child) {
  display: none;
}
.hero-slider:not(.owl-loaded) {
  display: block;
}
.grey-graphic-block .grey-graphic-slider .owl-item {
  max-height: 302px;
}
.helping-you .c-row article .button-outline a {
    min-width: 215px;
}
@media screen and (max-width: 1920px) {
  .hero-slider.owl-carousel .owl-nav {
    padding: 0 30px;
  }
}
@media screen and (max-width: 1880px) {
  .hero-slider .hero-slider-item .hero-slider-content {
    padding: 100px 0 250px;
  }
}
@media screen and (max-width: 1540px) {
  .hero-slider .hero-slider-item .hero-slider-content {
    padding: 80px 0 220px;
  }
}
@media screen and (max-width: 1440px) {
  .hero-slider .hero-slider-item .hero-slider-content {
    padding: 80px 0 220px;
  }
  .hero-slider .hero-slider-item .hero-slider-content article a {
    margin-top: 40px;
  }
}
@media screen and (max-width: 1280px) {
  .hero-slider .hero-slider-item .hero-slider-content article h1 {
    font-weight: 300;
    font-size: 28px;
    letter-spacing: 0.02em;
    line-height: 38px;
  }
  .button-outline a, .hero-slider .hero-slider-item .hero-slider-content article a,
  .why-dsps-block .block-content-area .button-outline a,
  .unique-wastegate-block article .button-outline a{
    font-size: 14px;
    padding: 7.5px 27px;
    border-width: 1px;
    border-radius: 40px;
  }
  .unique-wastegate-block article .button-outline a {
		min-width: unset;
	}
}
@media screen and (max-width: 1080px) {
  .hero-slider .hero-slider-item .hero-slider-content {
    padding: 69px 0 64px;
  }
  .hero-slider .hero-slider-item .hero-slider-content article {
    max-width: 402px;
  }
  .hero-slider .hero-slider-item .hero-slider-content article h1::before {
    width: 97px;
    height: 15px;
    margin-bottom: 15px;
    background-size: 97px;
  }
  .hero-slider .hero-slider-item .hero-slider-content article a {
    margin-top: 24px;
  }
}
@media screen and (max-width: 767px) {
  .hero-slider:not(.owl-carousel) .hero-slider-item {
    display: flex;
    flex-direction: column;
  }
  .hero-slider:not(.owl-carousel) .hero-slider-item .hero-slider-content {
    padding: 32px 0 37px;
    order: 2;
    color: var(--black);
  }
  .hero-slider:not(.owl-carousel) .hero-slider-item .hero-slider-content article h1::before {
    margin-bottom: 19px;
  }
  .hero-slider:not(.owl-carousel) .hero-slider-item .hero-slider-content article a {
    margin-top: 18px;
    border-color: var(--red);
    color: var(--black);
    font-size: 12px;
    padding: 6.5px 27px;
    border-radius: 35px; 
    border-width: 1px;
  }
  .hero-slider:not(.owl-carousel) .hero-slider-item .hero-slider-content article a:hover {
    background-color: var(--red);
    color: var(--white);
  }
  .hero-slider:not(.owl-carousel) .hero-slider-item > figure {
    position: unset;
    order: 1;
  }
}
.services-block {
  margin-top: -160px;
  position: relative;
  z-index: 1;
}
.services-block .services-block-items {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  grid-gap: 15px 18px;
}
.services-block .services-block-items .services-block-card {
  display: flex;
  flex-direction: column;
  background-color: var(--white);
  box-shadow: 5px 5px 40px rgba(0, 0, 0, 0.31);
}
.services-block .services-block-items .services-block-card .card-head {
  padding: 45px 44px 40px;
  display: flex;
  justify-content: space-between;
  grid-gap: 0 15px;
  /*flex-grow: 1;*/
  color: var(--featured_product_title_graphic_color, var(--white));
  position: relative;
  background-color: var(--featured_product_1_background_color,var(--red));
	height: 275px;
}
.services-block .services-block-items .services-block-card .card-head h2 {
  margin-bottom: 70px;
}
.services-block .services-block-items .services-block-card .card-head h2::before {
  content: "";
  display: block;
  width: 132px;
  height: 21px;
  margin-bottom: 10px;

  background-color: var(--featured_product_title_graphic_color, var(--white));
  background-image: unset;
  -webkit-mask: url(../assets/images/line-graphic-white.png) 0 0 no-repeat;
  mask: url(../assets/images/line-graphic-white.png) 0 0 no-repeat;
  -webkit-mask-size: cover;
  mask-size: cover;
}
.services-block .services-block-items .services-block-card .card-head a {
    position: absolute;
    bottom: 40px;
    font-weight: 500;
    font-size: 22px;
    color: var(--white);
    display: inline-flex;
    align-items: center;
    transition: all 0.3s;
}
.services-block .services-block-items .services-block-card .card-head a::after {
    content: "\f04b";
    font-family: "Font Awesome 6 Sharp";
    font-size: 12px;
    font-weight: 900;
    margin-top: 2px;
    margin-left: 9px;
    transition: all 0.3s;
}
.services-block .services-block-items .services-block-card .card-head a:hover {
    padding-left: 22px;
}
.services-block .services-block-items .services-block-card .card-head a:hover::after {
    position: absolute;
    left: 0;
    margin-left: 0;
}
.services-block .services-block-items .services-block-card .card-body a{
  position: relative;
}
.services-block .services-block-items .services-block-card .card-body a::after {
    content: "\f04b";
    font-family: "Font Awesome 6 Sharp";
    font-size: 12px;
    font-weight: 900;
    margin-top: 7px;
    margin-left: 9px;
    transition: all 0.3s;
}
.services-block .services-block-items .services-block-card .card-body a:hover {
    padding-left: 22px;
}
.services-block .services-block-items .services-block-card .card-body a:hover::after {
    position: absolute;
    left: 0;
    margin-left: 0;
}
.services-block .services-block-items .services-block-card .card-head article {
  padding-bottom: 33px;
  max-width: calc(100% - 173px);
}
.services-block .services-block-items .services-block-card .card-head figure,
.services-block .services-block-items .services-block-card .card-head figure .field--type-image {
  width: 173px;
  display: grid;
  align-items: end;
}
.services-block .services-block-items .services-block-card .card-head figure img {
    max-width: 173px;
    height: auto;
    width: auto;
}
.services-block .services-block-items .services-block-card .card-head .field--name-field-link a {
  position: absolute;
  bottom: 40px;

}
.services-block .services-block-items .services-block-card .card-body {
  padding: 42px 44px 42px;
   background-color: var(--featured_product_text_background_color,var(--white));
}
.services-block .services-block-items .services-block-card .card-body p {
  /*overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;*/
  color: var(--featured_product_text_color,var(--black));
}
.services-block .services-block-items .services-block-card .card-body .field--name-field-promo-area-link a {
  display: none;
}
.services-block .services-block-items .services-block-card:nth-child(2) .card-head {
  background-color: var(--featured_product_2_background_color,var(--dark-red));
}
.services-block .services-block-items .services-block-card:nth-child(3) .card-head {
  background-color: var(--featured_product_3_background_color,var(--grey));
}

@media screen and (max-width: 1680px) {
  .services-block .services-block-items .services-block-card .card-head {
    padding: 25px 24px 20px;
  }
  .services-block .services-block-items .services-block-card .card-head article {
    max-width: calc(100% - 120px);
  }
  .services-block .services-block-items .services-block-card .card-head figure,
  .services-block .services-block-items .services-block-card .card-head figure .field--type-image {
    width: 120px;
  }
  .services-block .services-block-items .services-block-card .card-head figure img {
    width: 100%;
  }
  .services-block .services-block-items .services-block-card .card-body {
    padding: 22px 24px 25px;
  }
}
@media screen and (max-width: 1280px) {
  .services-block .services-block-items .services-block-card .card-head a {
      font-size: 16px;
  }
}
@media screen and (max-width: 1080px) {
  .services-block {
    margin-top: 0;
  }
  .services-block .container {
    width: 100%;
  }
  .services-block .container .services-block-items {
    grid-template-columns: 1fr;
    grid-gap: 0 0;
  }
  .services-block .container .services-block-items .services-block-card {
    box-shadow: unset;
  }
  .services-block .container .services-block-items .services-block-card article {
    width: 100%;
    max-width: unset;
    padding-bottom: 0;
  }
  .services-block .container .services-block-items .services-block-card .card-head {
    height: auto;
    flex-wrap: wrap;
    flex-grow: unset;
    padding: 0 0;
  }
  .services-block .container .services-block-items .services-block-card .card-head h2 {
    width: 100%;
    display: flex;
    justify-content: space-between;
    margin-bottom: 0;
    padding: 32px 40px;
  }
  .services-block .container .services-block-items .services-block-card .card-head h2::before {
    display: none;
  }
  .services-block .container .services-block-items .services-block-card .card-head h2::after {
    content: "\f054";
    font-family: "Font Awesome 6 Pro";
    font-size: 33px;
    font-weight: 100;
    margin-left: 9px;
    transition: all 0.3s;
  }
  .services-block .container .services-block-items .services-block-card .card-head figure {
    padding: 15px 0 68px;
    width: 100%;
    max-width: unset;
    text-align: center;
    display: none;
  }
  .services-block .container .services-block-items .services-block-card .card-head figure img {
    width: unset;
    margin: 0 auto;
  }
  .services-block .container .services-block-items .services-block-card .card-head a {
    display: none;
  }
  .services-block .container .services-block-items .services-block-card .card-body {
    display: none;
    padding: 48px 40px 59px;
  }
  .services-block .container .services-block-items .services-block-card .card-body a {
    margin-top: 15px;
    display: inline-flex;
    color: var(--black);
    font-weight: 500;
  }
  .services-block .container .services-block-items .services-block-card .card-body a::after {
    color: var(--red);
  }
  .services-block .container .services-block-items .services-block-card.active .card-head h2::after {
    transform: rotate(90deg);
  }
  .services-block .container .services-block-items .services-block-card.active .card-head figure,
  .services-block .services-block-items .services-block-card .card-head figure .field--type-image {
    display: block;
    width: 100%;
  }
  .services-block .container .services-block-items .services-block-card.active .card-body {
    display: block;
  }
}
@media screen and (max-width: 767px) {
  .services-block .container .services-block-items .services-block-card .card-head figure {
    padding: 5px 0 29px;
  }
  .services-block .container .services-block-items .services-block-card .card-head h2 {
    padding: 26px 20px 23px;
  }
  .services-block .container .services-block-items .services-block-card .card-body {
    padding: 31px 20px 36px;
  }
}
.bespoke-block {
  padding: 162px 0 168px;
  background-color: var(--content_section_background_color, var(--white));
}
.bespoke-block .block-heading :is(h3, .h3){
  color: var(--content_section_title_color, var(--black));
}
.bespoke-block .block-heading :is(h3, .h3)::before{
  background-color: var(--content_section_graphic_color, var(--red));
}
.bespoke-block .para {
  margin-top: 25px;
  max-width: 1160px;
  color: var(--content_section_text_color, var(--black));
}
.bespoke-block ul {
  margin-top: 83px;
  display: flex;
  flex-wrap: wrap;
  grid-gap: 15px 121px;
  list-style: none;
}
.bespoke-block ul li h3 {
  letter-spacing: 0.03em;
  line-height: 46px;
  padding-left: 37px;
}
.bespoke-block ul li h3 b {
  display: flex;
  color: var(--content_section_graphic_color, var(--red));
}
.bespoke-block ul li h3 b::before {
  content: "\f04b";
  font-size: 25px;
  font-family: "Font Awesome 6 Sharp";
  font-weight: 900;
  margin-left: -37px;
  margin-right: 18px;
  position: relative;
}
.bespoke-block ul li h3 span {
  display: block;
  font-weight: 200;
  color: var(--content_section_text_color, var(--black));
  /*text-transform: capitalize;*/
}

@media screen and (max-width: 1440px) {
  .bespoke-block {
    padding: 100px 0 100px;
  }
  .bespoke-block ul {
    grid-gap: 15px 40px;
  }
}
@media screen and (max-width: 1080px) {
  .bespoke-block {
    padding: 56px 0 42px;
  }
  .bespoke-block .para {
    margin-top: 22px;
    max-width: 636px;
  }
  .bespoke-block ul {
    max-width: 400px;
    margin-top: 39px;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 28px 84px;
    padding-left: 0;
  }
  .bespoke-block ul li h3 {
    line-height: 31px;
  }
}
@media screen and (max-width: 767px) {
  .bespoke-block {
    padding: 46px 0 56px;
  }
  .bespoke-block .para {
    margin-top: 20px;
  }
  .bespoke-block ul {
    max-width: 350px;
    margin-top: 23px;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 24px 80px;
  }
  .bespoke-block ul li h3 {
    line-height: 26px;
  }
}
@media screen and (max-width: 525px) {
  .bespoke-block ul {
    grid-gap: 24px 20px;
  }
}
@media screen and (max-width: 480px) {
  .bespoke-block ul li h3 span{
      font-size: 16px;
      line-height: 1.2;
  }
}
@media screen and (max-width: 359px) {
  .bespoke-block ul {
    grid-template-columns: repeat(1, 1fr);
  }
}
/*****************************
Built by aces for races
*****************************/
.built-by-aces {
  position: relative;
}
.built-by-aces .block-content-area {
  width: 50%;
  padding: 154px 104px 169px max(100px, (100% - 1650px) / 2);
  color: var(--white);
  position: relative;
  z-index: 1;
}
.built-by-aces .block-content-area::after{
  content: "";
  position: absolute;
  inset: 0;
  background-color: var(--promo_section_background_color, var(--black));
  opacity: 0.69;
  z-index: -1;
}
.built-by-aces .block-content-area .block-heading :is(h3, .h3){
  color: var(--promo_section_title_color, var(--white));
}
.built-by-aces .block-content-area .block-heading :is(h3, .h3)::before{
  background-color: var(--promo_section_graphic_color, var(--red));
}
.built-by-aces .block-content-area .para {
  margin-top: 20px;
  color: var(--promo_section_text_color, var(--black));
}
.built-by-aces .block-content-area .button-outline a {
  margin-top: 30px;
  min-width: 260px;
}
.built-by-aces figure {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.built-by-aces figure img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

@media screen and (max-width: 1440px) {
  .built-by-aces .block-content-area {
    padding: 100px 104px 100px max(100px, (100% - 1650px) / 2);
  }
}
@media screen and (max-width: 1080px) {
  .built-by-aces > figure {
    position: unset;
  }
  .built-by-aces > figure img {
    display: block;
  }
  .built-by-aces .block-content-area {
    width: 100%;
    margin-left: 0;
    background-color: var(--black);
    padding: 59px 40px 48px;
  }
  .built-by-aces .block-content-area .para {
    margin-top: 24px;
  }
  .built-by-aces .block-content-area .button-outline a {
    margin-top: 33px;
    min-width: auto;
  }
}
@media screen and (max-width: 767px) {
  .built-by-aces .block-content-area {
    padding: 44px 20px 40px;
  }
  .built-by-aces .block-content-area .para {
    margin-top: 20px;
  }
  .built-by-aces .block-content-area .button-outline a {
    margin-top: 28px;
    min-width: auto;
  }
}
/*****************************
WHY DSPS
*****************************/
.why-dsps-block {
  position: relative;
}
.why-dsps-block .block-content-area {
  width: 100%;
  padding: 154px 104px 169px max(40px, (100% - 1650px) / 2);
  color: var(--white);
  position: relative;
  z-index: 1;
}
.why-dsps-block .block-content-area .block-heading :is(h3, .h3){
  color: var(--testimonial_section_title_color, var(--white));
}
.why-dsps-block .block-content-area .block-heading :is(h3, .h3)::before{
  background-color: var(--content_section_graphic_color, var(--red));
}
.why-dsps-block .block-content-area article {
  width: 70%;
  max-width: 1100px;
}
.why-dsps-block .block-content-area .para {
  margin-top: 20px;
  color: var(--testimonial_section_text_color, var(--white));
}
.why-dsps-block .block-content-area .button-outline a {
  margin-top: 30px;
  min-width: 260px;
}
.why-dsps-block figure {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.why-dsps-block figure img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.why-dsps-block .block-content-area a{
  display: inline-block;
  padding: 11.5px 48px;
  border-radius: 60px;
  background: transparent;
  border: 2px solid var(--white);
  font-weight: 500;
  font-size: 22px;
  color: var(--white);
  text-align: center;
  transition: all 0.3s;
  cursor: pointer;
  margin-top: 30px;
  min-width: 260px;
}
.why-dsps-block .block-content-area a:is(:hover, :focus) {
    box-shadow: 5px 5px 50px rgba(0, 0, 0, 0.27);
    border-color: var(--white);
    background-color: var(--white);
    color: var(--red);
}

@media screen and (max-width: 1440px) {
  .why-dsps-block .block-content-area {
    padding: 100px 104px 100px max(100px, (100% - 1650px) / 2);
  }
}
@media screen and (max-width: 1080px) {
  .why-dsps-block > figure {
    position: unset;
  }
  .why-dsps-block > figure img {
    display: block;
    min-height: 510px;
    object-position: right;
  }
  .why-dsps-block .block-content-area {
    width: 100%;
    margin-left: 0;
    background-color: var(--black);
    padding: 59px 40px 48px;
  }
  .why-dsps-block .block-content-area article {
    width: 100%;
  }
  .why-dsps-block .block-content-area .para {
    margin-top: 24px;
  }
  .why-dsps-block .block-content-area .button-outline a,
  .why-dsps-block .block-content-area article a {
    margin-top: 33px;
    min-width: auto;
  }
}
@media screen and (max-width: 767px) {
  .why-dsps-block > figure img {
    min-height: 280px;
  }
  .why-dsps-block .block-content-area {
    padding: 44px 20px 40px;
  }
  .why-dsps-block .block-content-area .para {
    margin-top: 20px;
  }
  .why-dsps-block .block-content-area .button-outline a {
    margin-top: 28px;
    min-width: auto;
  }
}
/*****************************
Bespoke products
*****************************/
.bespoke-products-block {
  position: relative;
}
.bespoke-products-block .block-content-area .button-outline a{
  border-color: var(--black);
  color: var(--black);
  margin-top: 30px;
  min-width: 260px;
}
.bespoke-products-block .block-content-area .button-outline a:is(:hover, :focus) {
    background-color: var(--black);
    border-color: var(--black); 
    color: var(--white);
}
.bespoke-products-block.right-side-content .block-content-area {
  padding: 168px max(40px, (100% - 1650px) / 2) 147px 104px;
  margin-left: 50%;
}
.bespoke-products-block.right-side-content .block-content-area .block-heading :is(h3, .h3){
  color: var(--content_section_title_color, var(--black));
}
.bespoke-products-block.right-side-content .block-content-area .block-heading :is(h3, .h3)::before{
  background-color: var(--content_section_graphic_color, var(--red));
}
.bespoke-products-block .block-content-area{
  width: 50%;
  color: var(--black);
  position: relative;
  z-index: 1;
}
.bespoke-products-block .block-content-area .para {
  margin-top: 20px;
  color: var(--content_section_text_color, var(--black));
}
.bespoke-products-block figure {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.bespoke-products-block figure img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

@media screen and (max-width: 1440px) {
  .bespoke-products-block.right-side-content .block-content-area {
    padding: 100px max(100px, (100% - 1650px) / 2) 100px 30px;
  }
}
@media screen and (max-width: 1080px) {
  .bespoke-products-block > figure {
    position: unset;
  }
  .bespoke-products-block > figure img {
    display: block;
    min-height: 360px;
    object-position: left;
  }
  .bespoke-products-block .block-content-area {
    width: 100%;
    margin-left: 0;
    padding: 59px 40px 48px;
  }
  .bespoke-products-block .block-content-area .para {
    margin-top: 24px;
  }
  .bespoke-products-block .block-content-area .button-outline a {
    margin-top: 33px;
    min-width: auto;
  }
  .bespoke-products-block.right-side-content .block-content-area {
    padding: 59px 40px 48px;
    margin-left: 0;
  }
}
@media screen and (max-width: 767px) {
  .bespoke-products-block > figure img {
    min-height: 200px;
  }
  .bespoke-products-block .block-content-area {
    padding: 44px 20px 40px;
  }
  .bespoke-products-block .block-content-area .para {
    margin-top: 20px;
  }
  .bespoke-products-block .block-content-area .button-outline a {
    margin-top: 28px;
    min-width: auto;
  }
  .bespoke-products-block.right-side-content .block-content-area {
    padding: 44px 20px 40px;
  }
}
/*****************************
CALL TO ACTION
*****************************/
.call-to-action {
  background-color: var(--cta_section_background_color, var(--red));
  color: var(--white);
  padding: 44px 0;
}
.call-to-action .c-row {
  display: flex;
  justify-content: center;
  text-align: center;
  align-items: center;
  flex-wrap: wrap;
  grid-gap: 15px 104px;
}
.call-to-action .c-row h4{
  color: var(--cta_section_text_color, var(--fff));
}
.call-to-action .c-row .buttons {
  display: flex;
  grid-gap: 15px 31px;
}
.call-to-action .c-row .button-outline a {
  padding: 11.5px 55px;
  color: var(--cta_section_button_text_border_color, var(--white));
  background-color: var(--cta_section_button_background_color, var(--white));
  border-color: var(--cta_section_button_text_border_color, var(--white));
}
.call-to-action .c-row .button-outline a:hover{
  color: var(--cta_section_button_text_border_hover_color, var(--red));
  background-color: var(--cta_section_button_hover_background_color, var(--white));
  border-color: var(--cta_section_button_text_border_hover_color, var(--white));
}
@media screen and (max-width: 1280px) {
  .call-to-action {
    padding: 30px 0px;
  }
  .call-to-action .c-row {
    grid-gap: 20px 33px;
  }
  .call-to-action .c-row .buttons {
    grid-gap: 15px 10px;
  }
  .call-to-action .c-row .buttons.button-outline a {
    padding: 7.5px 27px;
  }
}
@media screen and (max-width: 1080px) {
  .call-to-action .c-row .buttons.button-outline span {
    display: none;
  }
  .call-to-action .c-row .buttons.button-outline span:not(:nth-child(1)) {
    display: block;
  }
}
@media screen and (max-width: 767px) {
  .call-to-action {
    padding: 24px 20px;
  }
  .call-to-action .c-row .buttons {
    grid-gap: 15px 21px;
  }
  .call-to-action .c-row .buttons.button-outline a {
    padding: 6.5px 27px; 
    white-space: nowrap;
  }
}
@media screen and (max-width: 400px) {
  .call-to-action .c-row .buttons {
    grid-gap: 15px 10px;
  }
  .call-to-action .c-row .buttons.button-outline a,
  .call-to-action .c-row .buttons.button-outline a {
    padding: 6.5px 20px;
    white-space: nowrap;
  }
}
/*****************************
Featured products
*****************************/
.featured-products-block {
  padding: 112px 0 131px;
}
.featured-products-block .block-heading :is(h3, .h3){
  color: var(--content_section_title_color, var(--black));
}
.featured-products-block .block-heading h3::before{
  background-color: var(--content_section_graphic_color, var(--red));
}
.featured-products-block .featured-products-items {
  margin-top: 71px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  flex-wrap: wrap;
  grid-gap: 15px 44px;
}
.featured-products-block .featured-products-items .featured-products-card {
  flex: 3;
}
.featured-products-block .featured-products-items .featured-products-card figure img {
  width: 282px;
  height: 305px;
  object-fit: contain;
}
.featured-products-block .featured-products-items .featured-products-card article {
  padding-top: 70px;
}
.featured-products-block .featured-products-items .featured-products-card article h5 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  color: var(--content_section_title_color, var(--black));
}
.featured-products-block .featured-products-items .featured-products-card article h5::before {
  content: "";
  display: block;
  width: 60px;
  height: 3px;
  background-color: var(--content_section_graphic_color, var(--red));
  margin-bottom: 15px;
}
.featured-products-block .featured-products-items .featured-products-card article .para {
  margin-top: 25px;
  color: var(--content_section_text_color, var(--black));
}
.featured-products-block .featured-products-items .featured-products-card article .para p {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  color: var(--content_section_text_color, var(--black));
}
.featured-products-block .featured-products-items .featured-products-card article .link {
  margin-top: 21px;
  color: var(--content_section_text_color, var(--black));
}
.featured-products-block .featured-products-items .featured-products-card article .link::after {
  color: var(--content_section_graphic_color, var(--red));
}

@media screen and (max-width: 1440px) {
  .featured-products-block {
    padding: 100px 0 100px;
  }
}
@media screen and (max-width: 1080px) {
  .featured-products-block {
    padding: 67px 90px 55px;
  }
  .featured-products-block .block-heading {
    text-align: center;
  }
  .featured-products-block .block-heading :where(h1, h2, h3, h4, h5, h6)::before {
    margin-inline: auto;

  }
  .featured-products-block .featured-products-items {
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    grid-gap: 40px 45px;
  }
  .featured-products-block .featured-products-items .featured-products-card {
    text-align: center;
  }
  .featured-products-block .featured-products-items .featured-products-card article {
    padding-top: 26px;
  }
  .featured-products-block .featured-products-items .featured-products-card article h5::before {
    display: none;
  }
  .featured-products-block .featured-products-items .featured-products-card article .para {
    margin-top: 15px;
  }
  .featured-products-block .featured-products-items .featured-products-card article .link {
    margin-top: 19px;
  }
  .featured-products-block .featured-products-items .featured-products-card figure img {
    margin-inline: auto;
    max-width: 215px;
    height: auto;
  }
  .featured-products-block .featured-products-items.owl-carousel {
    display: block;
  }
  .featured-products-block .featured-products-items.owl-carousel .owl-nav {
    display: flex;
    justify-content: space-between;
    position: absolute;
    width: 100vw;
    height: 0;
    top: calc(50% - 103px);
    left: -130px;
    transform: translateY(-50%);
    padding: 0 20px;
    z-index: 1;
  }
  .featured-products-block .featured-products-items.owl-carousel .owl-nav button {
    font-size: 31px;
    color: #beb9b9;
  }
}
@media screen and (max-width: 767px) {
  .featured-products-block {
    padding: 51px 50px 57px;
  }
  .featured-products-block .featured-products-items {
    margin-top: 39px;
  }
  .featured-products-block .featured-products-items .featured-products-card article {
    padding-top: 32px;
  }
  .featured-products-block .featured-products-items .featured-products-card article .para {
    margin-top: 10px;
  }
  .featured-products-block .featured-products-items .featured-products-card article .link {
    margin-top: 14px;
  }
  .featured-products-block .featured-products-items.owl-carousel .owl-nav {
    left: -70px;
  }
}
/*****************************
CLIENTS LOGO
*****************************/
.client-logos-block {
  padding: 160px 0 137px;
  text-align: center;
  background-color: var(--content_section_background_color, var(--white));
}
.client-logos-block .block-heading :where(h1, h2, h3, h4, h5, h6){
  color: var(--content_section_title_color, var(--black));
}
.client-logos-block .block-heading :where(h1, h2, h3, h4, h5, h6)::before {
  margin-inline: auto;
  background-color: var(--content_section_graphic_color, var(--red));
}
.client-logos-block .block-heading p {
  max-width: 1072px;
  margin-inline: auto;
  color: var(--content_section_text_color, var(--black));
}
.client-logos-block .client-logo-items {
  margin-top: 68px; 
  display: flex;
  flex-wrap: wrap;
}
.client-logos-block .client-logo-items img {
    width: 50%;
    height: auto;
}
@media screen and (max-width: 1440px) {
  .client-logos-block {
    padding: 100px 0 100px;
  }
}
@media screen and (max-width: 1280px) {
  .client-logos-block {
    padding: 70px 0 70px;
  }
}
@media screen and (max-width: 1080px) {
  .client-logos-block {
    padding: 56px 0 72px;
  }
  .client-logos-block .block-heading p {
    margin-top: 33px;
  }
}
@media screen and (max-width: 767px) {
  .client-logos-block .block-heading p {
    margin-top: 16px;
  }
  .client-logos-block .client-logo-items {
    margin-top: 32px;    
    grid-gap: 15px;
  } 
  .client-logos-block .client-logo-items img {
    width: 100%;
  }
}
/*****************************
TESTIMONIAL
*****************************/
.testimonial-block {
  padding: 84px 0 40px;
  color: var(--white);
  position: relative;
}
.testimonial-block .block-heading :is(h3, .h3){
  color: var(--testimonial_section_title_color, var(--white));
}
.testimonial-block .block-heading :is(h3, .h3)::before{
  background-color: var(--testimonial_section_graphic_color, var(--red));
}
.testimonial-block figure {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}
.testimonial-block .block-heading {
    position: relative;
}
.testimonial-block figure img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.testimonial-block .testimonial-slider {
  margin-top: 62px;
}
.testimonial-block .testimonial-slider.owl-carousel .owl-stage {
  display: flex;
}
.testimonial-block .testimonial-slider.owl-carousel .owl-dots.disabled, 
.testimonial-block .testimonial-slider.owl-carousel .owl-nav.disabled {
    visibility: hidden;
}
.testimonial-block .testimonial-slider.owl-carousel .owl-nav {
  display: flex;
  justify-content: space-between;
  position: absolute;
  width: calc(100vw - 17px);
  height: 0;
  top: calc(50% - 103px);
  transform: translateY(-50%);
  padding: 0 90px;
  left: min((-100vw + 1650px) / 2, -100px);
  z-index: 1;
}
.testimonial-block .testimonial-slider.owl-carousel .owl-nav button {
  font-size: 67px;
  color: var(--white);
}
.testimonial-block .testimonial-slider.owl-carousel .owl-dots {
  margin-top: 83px;
  display: flex;
  justify-content: center;
  grid-gap: 0 30px;
}
.testimonial-block .testimonial-slider.owl-carousel .owl-dots button {
  width: 20px;
  height: 20px;
  background: #fff;
  border-radius: 50%;
  opacity: 0.27;
}
.testimonial-block .testimonial-slider.owl-carousel .owl-dots button.active {
  opacity: 1;
}
.testimonial-block .testimonial-card{
  min-height: 100%;
  padding: 50px 42px 110px;
  position: relative;
}
.testimonial-block .testimonial-card::after{
  content: "";
  position: absolute;
  inset: 0;
  background-color: var(--testimonial_section_background_color, var(--black));
  opacity: 0.65;
  z-index: -1;
}
.testimonial-block .testimonial-card .h7 {
  display: block;
  position: absolute;
  bottom: 50px;
  color: var(--testimonial_section_text_color, var(--white)); 
}
.testimonial-block .testimonial-card .para{
  color: var(--testimonial_section_text_color, var(--white));
}
.testimonial-block .testimonial-card .para::before {
  content: "";
  display: block;
  width: 166px;
  height: 26px;
  margin-bottom: 29px;

  background-color: var(--testimonial_section_graphic_color, var(--dark-red));
  background-image: unset;
  -webkit-mask: url("../assets/images/line-graphic.png") 0 0 no-repeat;
  mask: url("../assets/images/line-graphic.png") 0 0 no-repeat;
  -webkit-mask-size: cover;
  mask-size: cover;
}

@media screen and (max-width: 1920px) {
  .testimonial-block .testimonial-slider.owl-carousel .owl-nav {
    padding: 0 30px;
  }
}
@media screen and (max-width: 1080px) {
  .testimonial-block {
    padding: 38px 0 61px;
  }
  .testimonial-block .block-heading {
    text-align: center;
  }
  .testimonial-block .block-heading :where(h1, h2, h3, h4, h5, h6)::before {
    margin-inline: auto;
  }
  .testimonial-block .container {
    width: min(100% - 166px, 980px);
  }
  .testimonial-block .testimonial-slider {
    margin-top: 38px;
  }
  .testimonial-block .testimonial-slider.owl-carousel .owl-nav {
    width: calc(100vw - 0px);
    left: min((-100vw + 980px) / 2, -83px);
    padding: 0 23px;
    top: calc(50% - 20px);
  }
  .testimonial-block .testimonial-slider.owl-carousel .owl-nav button {
    font-size: 31px;
  }
  .testimonial-block .testimonial-slider.owl-carousel .owl-dots.disabled {
    display: none;
  }
  .testimonial-block .testimonial-card {
    padding: 33px 30px 32px;
  }
  .testimonial-block .testimonial-card .para::before {
    width: 92px;
    height: 14px;
    margin-bottom: 22px;
    background-size: 92px;
  }
  .testimonial-block .testimonial-card .h7 {
    margin-top: 17px;
    position: unset;
  }
}
@media screen and (max-width: 767px) {
  .testimonial-block {
    padding: 38px 0 46px;
  }
  .testimonial-block .container {
    width: min(100% - 92px, 667px);
  }
  .testimonial-block .testimonial-slider {
    margin-top: 37px;
  }
  .testimonial-block .testimonial-slider.owl-carousel .owl-nav {
    left: min((-100vw + 667px) / 2, -46px);
    padding: 0 12px;
    top: calc(50% - 15px);
  }
  .testimonial-block .testimonial-slider.owl-carousel .owl-nav button {
    font-size: 23px;
  }
  .testimonial-block .testimonial-card {
    padding: 26px 19px;
  }
  .testimonial-block .testimonial-card .h7 {
    margin-top: 22px;
  }
}
/*****************************
GREY GRAPHICS BLOCK
*****************************/
.grey-graphic-block {
  padding: 117px 0;
  background-color: var(--callout_section_background_color, var(--light-grey));
}
.grey-graphic-block .grey-graphic-slider-no-slider {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 70px;
}
.grey-graphic-block .grey-graphic-card {
  text-align: center;
}
.grey-graphic-block .grey-graphic-card img {
  width: unset;
  height: unset;
  margin: 0 auto;
}
.grey-graphic-block .grey-graphic-card .block-heading {
  margin-top: 24px;
}
.grey-graphic-block .grey-graphic-card .block-heading :where(h1, h2, h3, h4, h5, h6) {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  color: var(--content_section_title_color, var(--black));
}
.grey-graphic-block .grey-graphic-card .block-heading :where(h1, h2, h3, h4, h5, h6)::before {
  margin-inline: auto;
  height: 3px;
  margin-bottom: 25px;
  background-color: var(--content_section_graphic_color, var(--red));
}
.grey-graphic-block .grey-graphic-card .block-heading p {
  margin-top: 21px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  color: var(--content_section_text_color, var(--black));
}
.grey-graphic-block .grey-graphic-slider.owl-carousel .owl-nav {
  display: flex;
  justify-content: space-between;
  position: absolute;
  width: calc(100vw - 17px);
  height: 0;
  top: calc(50% - 20px);
  transform: translateY(-50%);
  padding: 0 90px;
  left: min((-100vw + 1650px) / 2, -100px);
  z-index: 1;
}
.grey-graphic-block .grey-graphic-slider.owl-carousel .owl-nav button {
  font-size: 63px;
  color: #7b7979;
}

@media screen and (max-width: 1920px) {
  .grey-graphic-block .grey-graphic-slider.owl-carousel .owl-nav {
    padding: 0 30px;
  }
}
@media screen and (max-width: 1440px) {
  .grey-graphic-block {
    padding: 100px 0;
  }
}
@media screen and (max-width: 1080px) {
  .grey-graphic-block {
    padding: 82px 0 80px;
  }
  .grey-graphic-block .container {
    width: min(100% - 166px, 980px);
  }
  .grey-graphic-block .grey-graphic-slider.owl-carousel .owl-nav {
    width: calc(100vw - 0px);
    left: min((-100vw + 980px) / 2, -83px);
    padding: 0 23px;
    top: calc(50% - 20px);
  }
  .grey-graphic-block .grey-graphic-slider.owl-carousel .owl-nav button {
    font-size: 31px;
  }
  .grey-graphic-block .grey-graphic-card {
    max-width: 526px;
    margin-inline: auto;
  }  
  .grey-graphic-block .grey-graphic-card .block-heading {
    margin-top: 35px;
  }
  .grey-graphic-block .grey-graphic-card .block-heading :where(h1, h2, h3, h4, h5, h6)::before {
    margin-bottom: 19px;
  }
  .grey-graphic-block .grey-graphic-card .block-heading p {
    margin-top: 15px;
  }
  .grey-graphic-block .grey-graphic-slider-no-slider {
      grid-template-columns: repeat(1, 1fr);
      grid-gap: 60px;
  }
  .grey-graphic-block .grey-graphic-slider-no-slider {
      max-width: 526px;
      margin: 0 auto;
  }
}
@media screen and (max-width: 767px) {
  .grey-graphic-block {
    padding: 49px 0 70px;
  }
  .grey-graphic-block .container {
    width: min(100% - 92px, 667px);
  }
  .grey-graphic-block .grey-graphic-slider.owl-carousel .owl-nav {
    left: min((-100vw + 667px) / 2, -46px);
    padding: 0 12px;
    top: calc(50% - 15px);
  }
  .grey-graphic-block .grey-graphic-slider.owl-carousel .owl-nav button {
    font-size: 23px;
  }
  .grey-graphic-block .grey-graphic-slider.owl-carousel .owl-nav.disabled {
    display: none;
  }
  .grey-graphic-block .grey-graphic-card {
    max-width: 318px;
  }
  .grey-graphic-block .grey-graphic-slider-no-slider {
      grid-gap: 42px;
  }
  .grey-graphic-block .grey-graphic-card .block-heading {
    margin-top: 16px;
  }
  .grey-graphic-block .grey-graphic-card .block-heading :where(h1, h2, h3, h4, h5, h6)::before {
    margin-bottom: 21px;
  }
  .grey-graphic-block .grey-graphic-card .block-heading p {
    margin-top: 10px;
  }
}
/*****************************
FAQ's
*****************************/
.faq-block {
  padding: 131px 0 170px;
}
.faq-block .block-heading :is(h3, .h3){
  color: var(--content_section_title_color, var(--black));
}
.faq-block .block-heading :is(h3, .h3)::before{
  background-color: var(--content_section_graphic_color, var(--red));
}
.faq-block .custom-accordion-container .field-content {
  margin-top: 52px;
  display: grid;
  grid-template-columns: repeat(2, 1fr); 
  grid-gap: 0 24px;
}

@media screen and (max-width: 1440px) {
  .faq-block {
    padding: 100px 0 100px;
  }
}
@media screen and (max-width: 1080px) {
  .faq-block {
    padding: 62px 0 80px;
  }
  .faq-block .custom-accordion-container .field-content,
  .path-frontpage .view-id-home_faq.view-display-id-block_1 .field-content {
    margin-top: 26px;
    grid-template-columns: repeat(1, 1fr);
  }
  .faq-block .custom-accordion-container .column:nth-child(2) .custom-accordion-panel:first-child {
    border-top: 0;
  }
  .custom-accordion-container .custom-accordion-panel:nth-last-child(2){
    border-bottom: none;
  }
}
@media screen and (max-width: 767px) {
  .faq-block {
    padding: 43px 0 80px;
  }
  .faq-block .custom-accordion-container {
    margin-top: 21px;
  }
}
/*****************************
HELPING YOU
*****************************/
.helping-you {
  color: var(--performance_widget_section_text_color, var(--white));
  position: relative;
}
.helping-you .block-heading :is(h3, .h3){
  color: var(--performance_widget_section_title_color, var(--white));
}
.helping-you .block-heading :is(h3, .h3)::before{
  background-color: var(--performance_widget_section_graphic_color, var(--red));
}
.helping-you .c-row {
  padding: 110px 0 79px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  grid-gap: 30px 30px;
}
.helping-you .c-row h2{
  width: calc(100% - 560px - 79px);
  color: var(--performance_widget_section_title_color, var(--white));
}
.helping-you .c-row article {
  width: calc(100% - 560px - 79px);
}
.helping-you .c-row article .para {
  max-width: 826px;
  color: var(--performance_widget_section_text_color, var(--white));
}
.helping-you .c-row article p {
  margin-top: 30px;
}
.helping-you .c-row article .btns {
  margin-top: 30px;
}
.helping-you .c-row article .btns .button-outline a{
  min-width: 215px;
  color: var(--performance_widget_section_button_text_border_color, var(--white));
  background-color: var(--performance_widget_section_button_color, var(--white));
  border-color: var(--performance_widget_section_button_text_border_color, var(--white));
}
.helping-you .c-row article .btns .button-outline a:hover{
  color: var(--performance_widget_section_button_text_hover_color, var(--red));
  background-color: var(--performance_widget_section_button_hover_color, var(--white));
  border-color: var(--performance_widget_section_button_text_hover_color, var(--white));
}
.helping-you .c-row figure {
  width: 560px;
}
.helping-you .c-row figure img {
  width: 100%;
}
.helping-you .block-bg-img {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: -1;
}
.helping-you .block-bg-img div{
  height: 100%; 
}
.helping-you .block-bg-img img {
  width: 100%;
  height: 100%;
  object-fit: cover; 
}

@media screen and (max-width: 1440px) {
  .helping-you .c-row article {
    width: calc(100% - 300px - 30px);
  }
  .helping-you .c-row h2{
    width: calc(100% - 300px - 30px);
  }
  .helping-you .c-row figure {
    width: 300px;
  }
}
@media screen and (max-width: 1080px) {
  .helping-you {
    background-color: var(--black);
  }
  .helping-you .block-bg-img {
    z-index: 0;
    height: auto;
  }
  .helping-you .block-bg-img img {
    display: block;
  }
  .helping-you .c-row {
    flex-wrap: wrap;
    padding: 49px 0 48px;
    grid-gap: 0 30px;
    position: relative;
    z-index: 1;
  }
  .helping-you .c-row article {
    /* padding-top: 74px; */
    padding-top: 0;
    order: 2;
    width: 100%;
  }
  .helping-you .c-row h2{
    width: 100%;
  }
  .helping-you .c-row article p {
    margin-top: 24px;
  }
  .helping-you .c-row article .btns {
    margin-top: 33px;
    min-width: auto;
    grid-gap: 15px 21px;
  }
  .helping-you .c-row article .btns .button-outline a {
    min-width: unset;
  }
  .helping-you .c-row figure {
    order: 1;
    width: 100%;
    text-align: center;
  }
  .helping-you .c-row figure img {
    max-width: 282px;
  }
}
@media screen and (max-width: 767px) {
  .helping-you .c-row {
    padding: 44px 0 40px;
  }
  .helping-you .c-row article {
    /* padding-top: 89px; */
    padding-top: 0;
  }
  .helping-you .c-row article p {
    margin-top: 21px;
  }
  .helping-you .c-row article .btns {
    margin-top: 20px;
  }
}
/*****************************
HELPING YOU
*****************************/
.unique-wastegate-block {
  color: var(--black);
  position: relative;
}
.unique-wastegate-block .block-heading :is(h3, .h3){
  color: var(--content_section_title_color, var(--white));
}
.unique-wastegate-block .block-heading :is(h3, .h3)::before{
  background-color: var(--content_section_graphic_color, var(--red));
}
.unique-wastegate-block .c-row {
  padding: 70px 0 100px;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  justify-content: space-between;
  align-items: center;
  grid-gap: 30px 119px;
}
.unique-wastegate-block .c-row article .para {
  max-width: 826px;
  color: var(--content_section_text_color, var(--black));
}
.unique-wastegate-block .c-row article p {
  margin-top: 30px;
}
.unique-wastegate-block .c-row article .btns {
  margin-top: 30px;
}
.unique-wastegate-block .c-row article .btns .button-outline a {
  min-width: 215px; 
}
/* .unique-wastegate-block .c-row figure img {
    max-width: 100%;
    height: auto;
    width: auto;
} */
.unique-wastegate-block .c-row figure img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
  inset: 0;
  z-index: -1;
  object-position: left;
}
.unique-wastegate-block .button-outline a{
  border: 2px solid var(--red);
  color: var(--black);
  margin-top: 30px;
  min-width: 215px;
}
.unique-wastegate-block .button-outline a:is(:hover, :focus) {
    border-color: var(--red);
    background-color: var(--red);
    color: var(--white);
}

@media screen and (max-width: 1080px) {
  .unique-wastegate-block .c-row {
    padding: 22px 0 70px;
    grid-template-columns: repeat(1, 1fr);
    grid-gap: 0 30px;
  }
  .unique-wastegate-block .c-row article p {
    margin-top: 24px;
  }
  .unique-wastegate-block .c-row article .btns {
    margin-top: 33px;
  }
  .unique-wastegate-block .c-row figure{
    margin-inline: calc(var(--container-spacing) - var(--container-spacing) * 2);
    margin-bottom: 30px;
    width: auto;
  }
  .unique-wastegate-block .c-row figure img {
      object-fit: contain;
      position: unset;
  }
}
@media screen and (max-width: 767px) {
  .unique-wastegate-block .c-row {
    padding: 34px 0 70px;
  }
  .unique-wastegate-block .c-row article p {
    margin-top: 20px;
  }
  .unique-wastegate-block .c-row article .btns {
    margin-top: 16px;
  }
  .unique-wastegate-block .c-row article .btns .button-outline a {
    min-width: unset;
  }
}
/*****************************
ALS valves
*****************************/
.als-valves-block {
  color: var(--white);
  position: relative;
}
.als-valves-block .block-heading :is(h3, .h3){
  color: var(--footer_section_title_color, var(--white));
}
.als-valves-block .block-heading :is(h3, .h3)::before{
  background-color: var(--footer_section_graphic_category_color, var(--red));
}
.als-valves-block .c-row {
    padding: 168px 0 167px;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    justify-content: space-between;
    align-items: center;
    grid-gap: 30px 119px;
}
.als-valves-block .c-row article .para {
  max-width: 716px;
  color: var(--footer_section_text_color, var(--white));
}
.als-valves-block .c-row article p {
  margin-top: 22px;
  color: var(--footer_section_text_color, var(--white));
}
.als-valves-block .c-row .button-outline a {
  margin-top: 30px;
  min-width: 260px;
}
.als-valves-block .block-bg-img {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: -1;
}
.als-valves-block .block-bg-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

@media screen and (max-width: 1440px) {
  .als-valves-block .c-row {
    padding: 100px 0 100px;
  }
}
@media screen and (max-width: 1080px) {
  .als-valves-block {
    background-color: var(--dark-red);
  }
  .als-valves-block .block-bg-img {
    position: unset;
  }
  .als-valves-block .block-bg-img img {
    display: block;
    min-height: 360px;
    object-position: right;
  }
  .als-valves-block .c-row {
    grid-template-columns: repeat(1, 1fr);
    grid-gap: 0 30px;
    padding: 59px 0 48px;
  }
  .als-valves-block article .para {
    margin-top: 24px;
  }
  .als-valves-block article .btns {
    margin-top: 33px;
    min-width: auto;
  }
  .als-valves-block .c-row .button-outline a {
    min-width: unset;
  }
  .als-valves-block .block-bg-img{
    position: unset;
  }  
}
@media screen and (max-width: 767px) {
  .als-valves-block .block-bg-img img {
    min-height: 200px;
  }
  .als-valves-block .c-row {
    padding: 44px 0 40px;
  }
  .als-valves-block article .para {
    margin-top: 20px;
  }
  .als-valves-block article .btns {
    margin-top: 28px;
  }
}
/*****************************
INSTAGRAM
*****************************/
.instagram-block {
  padding: 179px 0 0;
}
.instagram-block .block-heading {
  text-align: center;
}
.instagram-block .block-heading :where(h1, h2, h3, h4, h5, h6)::before {
  margin-inline: auto;
}
.instagram-block .instagram-btn {
  margin-top: 42px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  min-width: 244.11px;
  height: 60px;
  padding: 7px 15px;
  border-radius: 30px;
  background: transparent;
  border: 2px solid var(--red);
  font-weight: 500;
  font-size: 22px;
  color: var(--black);
  transition: all 0.3s;
}
.instagram-block .instagram-btn i {
  margin-right: 17px;
  font-size: 35px;
  color: var(--red);
  transition: all 0.3s;
}
.instagram-block .instagram-btn:hover {
  background-color: var(--red);
  color: var(--white);
}
.instagram-block .instagram-btn:hover i {
  color: var(--white);
}
.instagram-block .instagram-items{
  margin-top: 70px;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  list-style: none;
}
.instagram-block .instagram-items .instagram-card {
  position: relative;
  cursor: pointer;
}
.instagram-block .instagram-items .instagram-card figure img {
  display: block;
  width: 100%;
  aspect-ratio: 1/1;
  object-fit: cover;
}
.instagram-block .instagram-items .instagram-card .image-file-icon {
  position: absolute;
    top: 10px;
    right: 10px;
    transition: all 0.3s;
    max-width: 20px;
}
.instagram-block .instagram-items .instagram-card .instagram-card-overlay {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  color: var(--white);
  background-color: rgba(0, 0, 0, 0.5);
  transition: all 0.3s;
  opacity: 0;
  visibility: hidden;
}
.instagram-block .instagram-items .instagram-card .instagram-card-overlay span {
  font-size: 22px;
  font-weight: 500;
}
.instagram-block .instagram-items .instagram-card .instagram-card-overlay span a {
  margin-right: 7px;
}
.instagram-block .instagram-items .instagram-card .instagram-card-overlay span:not(:last-child) {
  margin-right: 50px;
}
.instagram-block .instagram-items .instagram-card:hover .instagram-card-overlay {
  opacity: 1;
  visibility: visible;
}
.instagram-block .instagram-items .instagram-card:hover .image-file-icon {
  opacity: 0;
  visibility: hidden;
}

@media screen and (max-width: 1440px) {
  .instagram-block {
    padding-top: 100px;
  }
}
@media screen and (max-width: 1080px) {
  .instagram-block {
    padding-top: 70px;
  }
  .instagram-block .instagram-btn {
    margin-top: 24px;
    min-width: auto;
    height: 50px;
    font-weight: 500;
    font-size: 16px;
    padding: 10px 28px;
  }
  .instagram-block .instagram-btn i {
    font-size: 30px;
    margin-right: 12px;
  }
  .instagram-block .instagram-items {
    margin-top: 50px;
    grid-template-columns: repeat(3, 1fr);
  }
  .instagram-block .instagram-items .instagram-card:nth-child(6) ~ .instagram-card {
    display: none;
  }
  .instagram-block .instagram-items .instagram-card .image-file-icon svg {
    width: 12px;
  }
  .instagram-block .instagram-items .instagram-card .instagram-card-overlay span {
    font-size: 12px;
  }
  .instagram-block .instagram-items .instagram-card .instagram-card-overlay span a {
    margin-right: 2px;
  }
  .instagram-block .instagram-items .instagram-card .instagram-card-overlay span:not(:last-child) {
    margin-right: 15px;
  }
}
@media screen and (max-width: 767px) {
  .instagram-block {
    padding-top: 44px;
  }
  .instagram-block .instagram-btn {
    margin-top: 24px;
    height: 43px;
    font-size: 15px;
    padding: 8px 32px;
  }
  .instagram-block .instagram-btn i {
    font-size: 26px;
  }
  .instagram-block .instagram-items {
    margin-top: 41px;
  }
  .instagram-block .instagram-items .instagram-card .image-file-icon svg {
    width: 10px;
  }
  .instagram-block .instagram-items .instagram-card .instagram-card-overlay span {
    font-size: 10px;
  }
  .instagram-block .instagram-items .instagram-card .instagram-card-overlay span:not(:last-child) {
    margin-right: 10px;
  }
}
/*****************************
CONTACT BLOCK
*****************************/
.contact-block {
  padding: 178px 0 203px;
  background-color: var(--contact_form_background_color, var(--red));
  color: var(--contact_form_text_color, var(--white));
  /**/
}
.contact-block .block-heading :where(h1, h2, h3){
  color: var(--contact_form_text_color, var(--white));
}
.contact-block .block-heading :where(h1, h2, h3, h4, h5, h6)::before {
  background-color: var(--contact_form_text_color, var(--white));
}
.contact-block .block-heading .h6 {
  margin-top: 25px;
  color: var(--contact_form_text_color, var(--white));
}
.contact-block .form-block #edit-markup {
  margin-bottom: 57px; 
}
.contact-block .form-block .button-outline a {
  min-width: 260px;
}
.contact-block .form-block .webform-flexbox {
  display: grid;
  grid-gap: 20px 16px; 
  grid-template-columns: repeat(3, 1fr);  
  border: 0;
  margin: 0 -0.5em;
}
.contact-block .form-block .webform-flexbox label{
  display: none;
}
.contact-block .form-block input:not([type=submit]), .contact-block .form-block textarea {
  width: 100%;
  padding: 26px 25px;
  height: 80px;
  background-color: var(--contact_form_fields_color, var(--white));
  border: 2px solid var(--contact_form_fields_border_color, var(--white));
  outline: 0;
  font-family: "Poppins", sans-serif;
  font-weight: normal;
  font-size: 20px;
  letter-spacing: 0;
  color: var(--contact_form_fields_text_color, var(--white));
  opacity: 1 !important; 
}
.contact-block .form-block input::placeholder{
  color: var(--contact_form_fields_text_color, var(--white)) !important; 
}
.contact-block .form-block input:not([type=submit])::placeholder, .contact-block .form-block textarea::placeholder {
  color: var(--contact_form_fields_text_color, var(--white)) !important;
}
.contact-block .form-block input:not([type=submit])::-webkit-input-placeholder, .contact-block .form-block input:not([type=submit])::-moz-placeholder, .contact-block .form-block input:not([type=submit]):-moz-placeholder, .contact-block .form-block textarea::-webkit-input-placeholder, .contact-block .form-block textarea::-moz-placeholder, .contact-block .form-block textarea:-moz-placeholder {
  color: var(--contact_form_fields_text_color, var(--white)) !important;
  opacity: 1;
}
.contact-block .form-block textarea {
  min-height: 177px;
  resize: none;
  letter-spacing: 0;
}
.contact-block .form-block .webform-flex:nth-child(4) {
  grid-column: 1/4; 
}
.contact-block .form-block input[type=submit] {
  display: inline-block;
  padding: 11.5px 48px;
  border-radius: 60px;
  background: var(--contact_form_button_background_color, var(--white));
  border: 2px solid var(--contact_form_button_border_color, var(--white));
  font-weight: 500;
  font-size: 22px;
  color: var(--contact_form_button_text_color, var(--white));
  text-align: center;
  transition: all 0.3s;
  cursor: pointer;
  min-width: 260px;
  margin-top: 36px; 
}
.contact-block .form-block input[type=submit]:hover{
  background: var(--contact_form_button_hover_background_color, var(--white));
  color: var(--contact_form_button_text_hover_color, var(--white));
}
@media screen and (max-width: 1280px){
	.contact-block .form-block input[type=submit] {
	    font-size: 14px;
	    padding: 7.5px 27px;
	    border-width: 1px;
	    border-radius: 40px;
	}
}
.contact-block .form-block input[type=submit]:is(:hover, :focus) {
    box-shadow: 5px 5px 50px rgba(0, 0, 0, 0.27);
    /* border-color: var(--white);
    background-color: var(--white);
    color: var(--red); */
}
.contact-block .contact-thankyou-msg {
  text-align: center;
}
.contact-block .contact-thankyou-msg .block-heading :where(h1, h2, h3, h4, h5, h6)::before {
  margin-inline: auto;
}
.contact-block .contact-thankyou-msg article h2 {
  max-width: 960px;
  margin: 0 auto;
}
.contact-block .contact-thankyou-msg article p {
  margin-top: 35px;
  margin-inline: auto;
  max-width: 950px;
  font-weight: 300;
}

@media screen and (min-width: 1283px) {
  .contact-block .contact-thankyou-msg {
    padding: 130px 0;
  }
  .contact-block .contact-thankyou-msg article h2 {
    font-size: 60px;
    line-height: initial;
  }
}
@media screen and (max-width: 1440px) {
  .contact-block .contact-thankyou-msg article h2 {
    max-width: 430px;
  }
  .contact-block .contact-thankyou-msg article p {
    max-width: 730px;
  }
}
@media screen and (max-width: 1440px) {
  .contact-block {
    padding: 100px 0 100px;
  }
}
@media screen and (max-width: 1080px) {
  .contact-block {
    padding: 50px 0 47px;
  }
  .contact-block .block-heading .h6 {
    margin-top: 18px;
  }
  .contact-block .form-block {
    margin-top: 24px;
  }
  .contact-block .form-block .contactus-content {
    margin: 0 0 24px;
  }
  .contact-block .form-block .webform-flexbox {
    grid-gap: 15px 17px;
  }
  .contact-block .form-block input[type=submit] {
    min-width: unset;
  }
  .contact-block .form-block input:not([type=submit]), .contact-block .form-block textarea {
    padding: 15px 11px;
    height: 53px;
    border-width: 1px;
    font-size: 12px;
  }
  .contact-block .form-block textarea {
    min-height: 152px;
  }
  .contact-block .form-block input[type=submit] {
    margin-top: 10px;
  }
}
@media screen and (max-width: 767px) {
  .contact-block {
    padding: 41px 0 44px;
  }
  .contact-block .block-heading .h6 {
    margin-top: 24px;
  }
  .contact-block .form-block .webform-flexbox {
    margin-top: 24px;
    grid-template-columns: repeat(1, 1fr);
  }
  .contact-block .form-block .webform-flexbox .webform-flex:nth-child(4) {
    grid-column: 1/1; 
  }
  .contact-block .form-block .webform-flexbox {
    margin: 0;
}
}
/*****************************
ERROR PAGE
*****************************/
.error-waring-block {
  padding: 110px 0 185px;
}
.error-waring-block .c-row {
  display: flex;
  flex-wrap: wrap;
}
.error-waring-block .c-row article {
  width: calc(100% - 320px);
  padding-right: 30px;
}
.error-waring-block .c-row figure {
  width: 320px;
  max-width: 320px;
}
.error-waring-block .c-row figure img {
  max-width: 100%;
  height: auto;
}

@media screen and (max-width: 1080px) {
  .error-waring-block {
    padding: 100px 0 100px;
  }
  .error-waring-block .c-row article {
    width: 100%;
    padding-right: 0;
    order: 1;
    margin-bottom: 40px;
  }
  .error-waring-block .c-row figure {
    width: 100%;
    order: 1;
    text-align: center;
    margin: 0 auto;
  }
  .error-waring-block .c-row figure img {
    max-width: 280px;
  }
}
@media screen and (max-width: 767px) {
  .error-waring-block {
    padding: 40px 0 40px;
  }
  .error-waring-block .c-row figure {
    order: 1;
  }
  .error-waring-block .c-row figure img {
    max-width: 200px;
  }
}
footer {
  padding: 91px 0 60px;
  background-image: url("../assets/images/footer-bg.png"); 
  background-size: cover;
  background-repeat: no-repeat;
  color: var(--white);
}
footer .c-row {
  display: flex;
  flex-wrap: wrap;
}
footer .c-row .column {
  max-width: 20%;
}
footer .c-row .column h6 {
  font-weight: 500;
  font-size: 18px;
  letter-spacing: 0.03em;
  color: var(--footer_section_graphic_category_color, var(--red));
  margin-bottom: 26px;
}
footer .column.footer-hours p {
    max-width: 170px;
}
footer .c-row .column ul {
  list-style: none;
}
footer .c-row .column ul li a{
  transition: all 0.3s;
  color: var(--footer_section_text_color, var(--white));
}
footer .c-row .column ul li a:hover {
  color: var(--footer_section_graphic_category_color, var(--red));
}
footer .c-row .column ul li, footer .c-row .column p {
  font-weight: normal;
  font-size: 20px;
  line-height: 34px;
  color: var(--footer_section_text_color, var(--white));
}
footer .c-row .column .footer-logo {
  display: inline-block;
}
footer .c-row .column:nth-child(1) {
  margin-right: 204px;
}
footer .c-row .column:nth-child(1) .footer-social-links {
  display: none;
}
footer .c-row .column:nth-child(2) {
  margin-right: 137px;
}
footer .c-row .column:nth-child(3) {
  max-width: 206px;
  margin-right: 72px;
}
footer .c-row .column:nth-child(4) {
  max-width: 208px;
  margin-right: 70px;
}
footer .c-row .column:nth-child(4) {
  max-width: 305px;
}
footer .copyright {
  margin-top: 202px;
}
footer .copyright p {
  font-weight: normal;
  font-size: 16px;
  line-height: 28px;
  color: var(--footer_section_text_color, var(--white));
}
footer .copyright p a {
	color: var(--footer_section_graphic_category_color, var(--red));
}
footer .copyright p a:hover {
    color: var(--white);
}
footer .footer-social-links {
  margin-top: 40px;
  display: flex;
  grid-gap: 15px 30px;
}
footer .footer-social-links span a {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 45px;
  height: 45px;
  background-color: var(--white);
  color: var(--black);
  border-radius: 50%;
  font-size: 30px;
  transition: all 0.3s;
}
footer .footer-social-links span a:hover {
  background-color: var(--red);
  color: var(--white);
}

@media screen and (max-width: 1880px) {
  footer .c-row {
    justify-content: space-between;
    grid-gap: 30px 70px;
  }
  footer .c-row .column {
    margin-right: 0 !important;
  }
}
@media screen and (max-width: 1580px) {
  footer .c-row {
    grid-gap: 30px 20px;
  }
}
@media screen and (max-width: 1440px) {
  footer .c-row .column h6 {
    font-size: 17px;
  }
  footer .c-row .column ul li, footer .c-row .column p {
    font-size: 18px;
    line-height: 30px;
  }
  footer .copyright {
    margin-top: 150px;
  }
}
@media screen and (max-width: 1350px) {
  footer .c-row .column:nth-child(1) {
    order: 5;
    width: 100%;
    max-width: unset;
    display: flex;
    align-items: center;
    grid-gap: 15px 26px;
  }
  footer .c-row .column:nth-child(1) .footer-social-links {
    display: inline-flex;
  }
  footer .c-row .column:nth-child(5) .footer-social-links {
    display: none;
  }
  footer .footer-social-links {
    margin-top: 0;
  }
  footer .copyright {
    margin-top: 100px;
  }
}
@media screen and (max-width: 1080px) {
  footer {
    background-image: unset !important;
    background-color: var(--black);
    padding: 37px 0 26px;
  }
  footer .footer-logo img {
    max-height: 38px;
    object-fit: contain;
  }
  footer .c-row {
    grid-gap: 42px 40px;
  }
  footer .c-row .column h6 {
    font-weight: 500;
    font-size: 12px;
    letter-spacing: 0.03em;
    line-height: unset;
    margin-bottom: 10px;
  }
  footer .c-row .column ul li, footer .c-row .column p {
    font-size: 12px;
    line-height: 24px;
  }
  footer .footer-social-links {
    margin-top: 0;
    grid-gap: 15px 17px;
    position: relative;
    top: -3px;
  }
  footer .footer-social-links span a {
    width: 25px;
    height: 25px;
    font-size: 16px;
  }
  footer .copyright {
    margin-top: 24px;
  }
  footer .copyright p {
    font-size: 9px;
    line-height: 16px;
  }
}
@media screen and (max-width: 767px) {
  footer {
    padding: 31px 0 22px;
  }
  footer .c-row {
    max-width: 400px;
    grid-gap: 39px 40px;
  }
  footer .c-row .column {
    width: calc(50% - 20px);
    max-width: unset !important;
  }
  footer .copyright {
    margin-top: 23px;
  }
}
/***************************
SERVICES PAGE HEADING
***************************/
.services-page-heading {
  padding: 116px 0 117px;
  position: relative;
}
.services-page-heading .block-bg-img {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
    display: flex;
    align-items: center;
}
.services-page-heading .c-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    position: relative;
    z-index: 1;
}
.services-page-heading .block-bg-img img {
    height: unset;
    min-height: 100%;
    object-fit: cover;
}
.services-page-heading .c-row article {
  width: 50%;
  max-width: 817px;
}
.services-page-heading .c-row article p {
  margin-top: 25px;
}

@media screen and (max-width: 1440px) {
  .services-page-heading .c-row article {
    width: 60%;
  }  
}
@media screen and (max-width: 1080px) {
  .services-page-heading {
    padding: 22px 0 70px;
  }
  .services-page-heading .c-row article {
    order: 2;
    width: 100%;
    margin-top: 30px;
  }
  .services-page-heading .c-row article p {
    margin-top: 24px;
  }  
  .services-page-heading .block-bg-img {
    position: unset;
  }
  .services-page-heading .block-bg-img img {
    display: block;
    min-height: 510px;
    object-position: right;
    object-fit: cover;
    width: 100%;
    height: 100%;
  }
}
@media screen and (max-width: 767px) {
  .services-page-heading {
    padding: 34px 0 70px;
  }
  .services-page-heading .c-row article p {
    margin-top: 20px;
  }
  .services-page-heading .block-bg-img img {
    min-height: 280px;
  }
}
/***************************
SERVICES CARD
***************************/
.service-listing-card {
  text-align: center;
  display: flex;
  flex-direction: column;
  box-shadow: 5px 5px 40px rgba(0, 0, 0, 0.31);
  transition: all 0.3s;
  position: relative;
  cursor: pointer;
   transition: transform 0.4s linear;
  backface-visibility: hidden;
  -webkit-font-smoothing: subpixel-antialiased;
  will-change: transform;
   -webkit-filter: blur(0);
  filter: blur(0); 
}
.service-listing-card:nth-child(2) .image {
  background-color: var(--dark-red);
}
.service-listing-card:nth-child(3) .image {
  background-color: var(--grey);
}
.service-listing-card .image {
  background-color: var(--red);
  color: var(--white);
  padding: 92px 30px 55px;
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.service-listing-card .image img {
    width: unset;
    height: unset;
}
.service-listing-card .image h4 {
  margin-top: 71px;
}
.service-listing-card .content-area {
  padding: 62px 30px 66px;
  background-color: var(--white);
}
.service-listing-card .content-area p {
  max-width: 496px;
  margin-inline: auto;
  /*overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;*/
}
.service-listing-card .content-area .button-outline a {
  min-width: 260px;
  margin-top: 25px;
  border-color: var(--red);
  color: var(--black);
}
.button-outline.btn-red:is(:hover, :focus) {
    border-color: var(--red);
    background-color: var(--red);
    color: var(--white);
}
.service-listing-card:hover {
    transform: scale(1.1);
    z-index: 2;
    -webkit-transform: scale(1.1) translate3d( 0, 0, 0) perspective(1px);
     -moz-transform: scale(1.1) translate3d( 0, 0, 0) perspective(1px);
       -o-transform: scale(1.1) translate3d( 0, 0, 0) perspective(1px);
      -ms-transform: scale(1.1) translate3d( 0, 0, 0) perspective(1px);
          transform: scale(1.1) translate3d( 0, 0, 0) perspective(1px);
}

@media screen and (max-width: 1366px) {
  .service-listing-card .image figure img {
    max-width: 200px;
    max-height: 200px;
  }
}
@media screen and (max-width: 1280px) {
  .service-listing-card .image {
    padding: 50px 30px 45px;
  }
  .service-listing-card .image h4 {
    margin-top: 30px;
  }
  .service-listing-card .content-area {
    padding: 30px 30px 30px;
  }
  .service-listing-card .content-area .button-outline a {
    min-width: auto;
    font-size: 14px;
    padding: 7.5px 27px;
    border-radius: 40px;
  }
}
@media screen and (max-width: 1080px) {
  .service-listing-card {
    min-width: 270px;
  }
  .service-listing-card .image figure img {
    max-width: 150px;
    max-height: 150px;
  }
  .service-listing-card:hover {
    transform: scale(1);
  }
}
@media screen and (max-width: 767px){
  .service-listing-card .content-area .button-outline a {
    font-size: 12px;
    padding: 6.5px 27px;
    border-radius: 35px;
  }
}
/***************************
SERVICES LISTING
***************************/
.services-listing-items .c-row {
  display: flex;
  flex-wrap: wrap;
}
.services-listing-items .c-row .service-listing-card {
  flex: 1;
  position: relative;
}
.services-listing-items .c-row .service-listing-card:nth-child(2) {
  z-index: 1;
}

@media screen and (max-width: 819px) {
  .services-listing-items .c-row .service-listing-card {
    flex: 100%;
    width: 100%;
    min-width: unset;
  }
}
/***************************
Manufacturing processes
***************************/
.manufacturing-processes-block {
  color: var(--black);
  position: relative;
	background: #f6f6f6;
}
.manufacturing-processes-block .c-row {
  padding: 117px 0 167px;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  justify-content: space-between;
  align-items: center;
}
.manufacturing-processes-block .c-row article .para {
  max-width: 817px;
}
.manufacturing-processes-block .c-row article p {
  margin-top: 25px;
}
.manufacturing-processes-block .block-bg-img {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 0;
}
.manufacturing-processes-block .block-bg-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.manufacturing-processes-block > .container{
	position:relative;
}
@media screen and (max-width: 1440px) {
  .manufacturing-processes-block .c-row {
    padding: 100px 0 100px;
  }
}
@media screen and (max-width: 1080px) {
  .manufacturing-processes-block {
    background-color: var(--light-grey);
  }
  .manufacturing-processes-block .block-bg-img {
    position: unset;
  }
  .manufacturing-processes-block .block-bg-img img {
    display: block;
    min-height: 360px;
    object-position: right;
  }
  .manufacturing-processes-block .c-row {
    grid-template-columns: repeat(1, 1fr);
    grid-gap: 0 30px;
    /* padding: 10px 0 48px; */
    padding: 48px 0 48px;
  }
  .manufacturing-processes-block .c-row article p {
    margin-top: 24px;
  }
}
@media screen and (max-width: 767px) {
  .manufacturing-processes-block .block-bg-img img {
    min-height: 200px;
  }
  .manufacturing-processes-block .c-row {
    /* padding: 10px 0 40px; */
    padding: 40px 0 40px;
  }
  .manufacturing-processes-block .c-row article p {
    margin-top: 20px;
  }
}
/***************************
Prototyping
***************************/
.prototyping-block {
    padding: 80px 0 153px;
    position: relative;
}
.prototyping-block .c-row {
    display: flex;
    justify-content: flex-end;
    align-items: flex-end;
    grid-gap: 0 64px;
}
.prototyping-block .c-row article {
  width: 50%;
  max-width: 678px;
}
.prototyping-block .c-row article p {
  margin-top: 25px;
}
.prototyping-block .block-bg-img {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    display: flex;
    align-items: center;
}
.prototyping-block .block-bg-img img {
    height: unset;
}
@media screen and (max-width: 1440px) {
  .prototyping-block .c-row article {
    width: 60%;
  }  
}
@media screen and (max-width: 1280px) {
  .prototyping-block {
    padding: 90px 0 90px;
  }
}
@media screen and (max-width: 1080px) {
  .prototyping-block {
    padding: 70px 0 70px;
  }
  .prototyping-block .c-row {
    align-items: flex-start;
    flex-wrap: wrap;
    justify-content: flex-start;
  }
  .prototyping-block .c-row article {
    margin-top: 34px;
    width: 100%;
  }
  .prototyping-block .c-row article p {
    margin-top: 24px;
  }  
  .prototyping-block .block-bg-img {
    position: unset;
  }
  .prototyping-block .block-bg-img img {
    display: block;
    min-height: 510px;
    object-position: left;
    object-fit: cover;
    width: 100%;
    height: 100%;
  }
}
@media screen and (max-width: 767px) {
  .prototyping-block {
    padding: 40px 0 40px;
  }
  .prototyping-block .c-row article p {
    margin-top: 20px;
  }
  .prototyping-block .block-bg-img img {
    min-height: 280px;
 }
}
/*****************************
Management and supervison 
*****************************/
.management-and-supervison {
  color: var(--white);
  position: relative;
	    background: #470402;
}
.management-and-supervison .container {
    position: relative;
    z-index: 2;
}
.management-and-supervison .c-row {
  padding: 135px 0 171px;
}
.management-and-supervison .c-row article .para {
  max-width: 716px;
}
.management-and-supervison .c-row article p {
  margin-top: 20px;
}
.management-and-supervison .block-bg-img {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 1;
}
.management-and-supervison .block-bg-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

@media screen and (max-width: 1440px) {
  .management-and-supervison .c-row {
    padding: 100px 0 100px;
  }
}
@media screen and (max-width: 1080px) {
  .management-and-supervison {
    background-color: #460000;
  }
  .management-and-supervison .block-bg-img {
    position: unset;
  }
  .management-and-supervison .block-bg-img img {
    display: block;
    min-height: 360px;
    object-position: right;
  }
  .management-and-supervison .c-row {
    padding: 59px 0 48px;
  }
}
@media screen and (max-width: 767px) {
  .management-and-supervison .block-bg-img img {
    min-height: 200px;
  }
  .management-and-supervison .c-row {
    padding: 44px 0 40px;
  }
}
/*****************************
Manufacturing technologies
*****************************/
.manufacturing-technologies {
  color: var(--black);
  position: relative;
}
.manufacturing-technologies .c-row {
    padding: 90px 0 104px;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    align-items: center;
    grid-gap: 30px 134px;
}
.manufacturing-technologies .c-row article .para {
  max-width: 678px;
}
.manufacturing-technologies .c-row article p {
  margin-top: 25px;
}
.manufacturing-technologies .block-bg-img {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    display: flex;
    align-items: center;
}
.manufacturing-technologies .block-bg-img img {
  height: unset;
}

@media screen and (max-width: 1280px) {
  .manufacturing-technologies .c-row {
    grid-gap: 0 70px;
  }
}
@media screen and (max-width: 1080px) {
  .manufacturing-technologies .c-row {
    padding: 22px 0 70px;
    grid-gap: 0 30px;
 }
  .manufacturing-technologies .c-row article {
    margin-top: 15px;
    width: 100%;
  }
  .manufacturing-technologies .c-row article p {
    margin-top: 24px;
  }
  .manufacturing-technologies .c-row article .btns {
    margin-top: 33px;
  }  
  .manufacturing-technologies .block-bg-img {
    position: unset;
  }
  .manufacturing-technologies .block-bg-img img {
    display: block;
    min-height: 510px;
    object-position: left;
    object-fit: cover;
    width: 100%;
    height: 100%;
 }
}
@media screen and (max-width: 767px) {
  .manufacturing-technologies .c-row {
    padding: 34px 0 70px;
  }
  .manufacturing-technologies .c-row article p {
    margin-top: 20px;
  }
  .manufacturing-technologies .c-row article .btns {
    margin-top: 16px;
  }
  .manufacturing-technologies .c-row article .btns .button-outline a {
    min-width: unset;
  }
  .manufacturing-technologies .block-bg-img img {
    min-height: 280px;
  }
}
/*****************************
Manufacturing workflow process
*****************************/
.manufacturing-workflow-process {
    padding: 140px 0 155px;
    background-color: #f6f6f6;
     position: relative;
}
.manufacturing-workflow-process .c-row {
    display: flex;
    flex-wrap: wrap;
    gap: 30px 132px;
    position: relative;
    z-index: 1;
}
.manufacturing-workflow-process .c-row article {
  width: calc(100% - 711px - 132px);
  margin-top: -30px;
}
.manufacturing-workflow-process .c-row article ul {
  margin-top: 15px;
}
.manufacturing-workflow-process .c-row article div:not(.block-heading) p {
  margin-top: 37px;
}
.manufacturing-workflow-process .c-row article .block-heading p {
  margin-top: 28px;
}
.manufacturing-workflow-process .block-bg-img {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
  display: flex;
  align-items: center;
}
.manufacturing-workflow-process .block-bg-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media screen and (max-width: 1799px) {
  .manufacturing-workflow-process .block-bg-img {
      top: 0px;
  }
  .manufacturing-workflow-process .block-bg-img img{
    object-fit: contain;
  }
}
@media screen and (max-width: 1580px) {
  .manufacturing-workflow-process .c-row {
    gap: 30px 70px;
  }
  .manufacturing-workflow-process .c-row article {
    width: calc(100% - 600px - 70px);
  }  
}
@media screen and (max-width: 1360px) {
  .manufacturing-workflow-process .c-row {
    gap: 30px 30px;
  }
  .manufacturing-workflow-process .c-row article {
    width: calc(100% - 400px - 30px);
  }  
}
@media screen and (max-width: 1080px) {
  .manufacturing-workflow-process {
    padding: 0 0 40px;
  }
  .manufacturing-workflow-process .c-row {
    gap: 70px 0px;
  }
  .manufacturing-workflow-process .c-row article {
    margin-top: 30px;
    order: 2;
    width: 100%;
    max-width: 700px;
  }
  .manufacturing-workflow-process .c-row article .block-heading p {
    margin-top: 20px;
  }
  .manufacturing-workflow-process .c-row article div:not(.block-heading) p {
    margin-top: 20px;
  } 
  .manufacturing-workflow-process .block-bg-img {
    position: unset;
  }  
  .manufacturing-workflow-process .block-bg-img img {
    display: block;
    /* min-height: 1000px; */
    object-position: right;
    object-fit: contain;
    width: 100%;
    height: 100%;
  }
}
@media screen and (max-width: 767px) {
  .manufacturing-workflow-process .block-bg-img img {    
    /* min-height: 800px; */
  }
}
@media screen and (max-width: 580px) {
  .manufacturing-workflow-process .block-bg-img img {    
    /* min-height: 550px; */
  }
}
@media screen and (max-width: 415px) {
  .manufacturing-workflow-process .block-bg-img img {    
    /* min-height: 475px; */
  }
}
/*****************************
FILTER BUTTON
*****************************/
.filter-btns {
  display: flex;
  flex-wrap: wrap;
  grid-gap: 15px 24px;
}
.filter-btns span a {
  font-size: 22px;
  font-weight: 500;
  font-style: normal;
  text-align: center;
  color: var(--black);
  border: 2px solid var(--red);
  padding: 13.5px 50px;
  border-radius: 60px;
  transition: all 0.3s;
}
.filter-btns span a:hover, .filter-btns span a .active {
  background-color: var(--red);
  color: var(--white);
}

@media screen and (max-width: 1280px) {
  .filter-btns {
    grid-gap: 15px 15px;
  }
  .filter-btns span a {
    font-size: 14px;
    padding: 7.5px 20px;
    border-width: 1px;
    border-radius: 37px;
  }
}
@media screen and (max-width: 767px) {
  .filter-btns {
    grid-gap: 15px 5px;
  }
  .filter-btns span a {
    font-size: 12px;
    padding: 6.5px 15px;
    border-radius: 32px;
  }
}
/*****************************
CUSTOM PAGINATION
*****************************/
.custom-pager ul {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  grid-gap: 15px 15px;
  list-style: none;
}
.custom-pager ul li a,
.custom-pager ul li>div {
  display: flex;
  justify-content: center;
  align-items: center;
  border: 1.5px solid var(--mid-grey);
  padding: 17.5px 26px;
  min-height: 100%;
  font-size: 22px;
  font-weight: 500;
  line-height: 30px;
  position: relative;
  min-width: 67px;
  min-height: 67px;
  transition: all 0.3s;
  color: var(--mid-grey);
}
.custom-pager ul li.pager__item--previous a {
  display: flex;
  justify-content: center;
  align-items: center;
}
.custom-pager ul li.pager__item--previous a::before {
  content: "\f053";
  font-size: 32px;
  font-weight: 100;
  font-family: "Font Awesome 6 Sharp";
  position: absolute;
  color: var(--red);
}
.custom-pager ul li.pager__item--next a {
  display: flex;
  justify-content: center;
  align-items: center;
}
.custom-pager ul li.pager__item--next a::before {
  content: "\f054";
  font-size: 32px;
  font-weight: 100;
  font-family: "Font Awesome 6 Sharp";
  position: absolute;
  color: var(--red);
}
.custom-pager ul li:not(.is-active):hover a {
  background-color: var(--red);
  color: var(--white);
  border-color: var(--red);
}
.custom-pager ul li:not(.is-active):hover a::before {
  color: var(--white);
}
.custom-pager ul li.pager__item--active div {
  color: var(--black);
}
.custom-pager ul li.page-count {
  font-size: 20px;
  font-weight: 500;
  line-height: 30px;
}
.news-main {
    display: none;
}
.lastest-news-wrapper .news-main {
    display: block;
}
@media screen and (max-width: 1280px) {
  .custom-pager ul li a,
  .custom-pager ul li>div {
    font-size: 14px;
    padding: 4px 7px;
    border-width: 1px;
    min-width: 40px;
    min-height: 40px;
    line-height: 24px;
  }
  .custom-pager ul li.page-count {
    font-size: 14px;
  }
  .custom-pager ul li.pager__item--previous a::before, .custom-pager ul li.pager__item--next a::before {
    font-size: 20px;
  }
}
@media screen and (max-width: 767px) {
  .custom-pager ul li a,
  .custom-pager ul li>div {
    font-size: 12px;
    padding: 3px 7px;
    min-width: 35px;
    min-height: 35px;
    line-height: 20px;
  }
  .custom-pager ul li.page-count {
    font-size: 12px;
  }
  .custom-pager ul li.pager__item--previous a::before, .custom-pager ul li.pager__item--next a::before {
    font-size: 18px;
  }
}
/*****************************
PRODUCT ITEM
*****************************/
.product-list-item {
  position: relative;
  display: unset;
  flex-grow: 1;
  grid-template-rows: 1fr auto;
  height: 100%;
}
.product-list-item figure {
  position: relative;
}
.product-list-item figure img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.product-list-item .item-overlay {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  background-color: rgba(0, 0, 0, 0.67);
  color: var(--white);
  transition: all 0.3s;
  opacity: 0;
  visibility: hidden;
}
.product-list-item .item-overlay > div {
  width: min(100% - 15px, 400px);
}
.product-list-item .item-overlay > div .button-outline a {
  margin-top: 53px;
}
.product-list-item .item-overlay p {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;
}
.product-list-item h5 {
  margin-top: 40px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.product-list-item h5::before {
  content: "";
  display: block;
  width: 56px;
  height: 3px;
  background-color: var(--product_graphic_color, var(--red));
  margin-bottom: 16px;
}
.product-list-item h5 a{
  color: var(--product_title_color, var(--black));
}
.product-list-item:hover .item-overlay {
  opacity: 1;
  visibility: visible;
}

@media screen and (max-width: 1280px) {
  .product-list-item .item-overlay > div .button-outline a {
    margin-top: 30px;
  }
  .product-list-item h5 {
    margin-top: 30px;
  }
}
@media screen and (max-width: 767px) {
  .product-list-item .item-overlay > div .button-outline a {
    margin-top: 15px;
  }
  .product-list-item .item-overlay p {
    -webkit-line-clamp: 3;
  }
  .product-list-item h5 {
    margin-top: 30px;
  }
}
/*****************************
PRODUCT ITEMS
*****************************/
.product-list .filter-btns {
  margin-top: 52px;
}
.product-list .custom-pager {
  margin-top: 94px;
}

.product-list-items {
  margin-top: 65px;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 80px 19px;
}

@media screen and (max-width: 1280px) {
  .product-list .filter-btns {
    margin-top: 30px;
  }
  .product-list .custom-pager {
    margin-top: 70px;
  }
  .product-list-items {
    margin-top: 40px;
    grid-gap: 50px 15px;
  }
}
@media screen and (max-width: 1080px) {
  .product-list .custom-pager {
    margin-top: 50px;
  }
  .product-list-items {
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 50px 15px;
  }
}
/*****************************
product details
*****************************/
.node--type-product .back-btn-wrap {
    padding: 74px 0 0;
}

.product-details-content .c-row {
  margin-top: 41px;
  display: flex;
  flex-wrap: wrap;
}
.product-details-content .c-row .left {
  width: 600px;
}
.product-details-content .c-row .right {
  width: calc(100% - 600px);
  padding-left: 154px;
}
.product-details-content .c-row .right :is(h3, .h3){
  color: var(--product_title_color, var(--black));
}
.product-details-content .c-row .right :is(h3, .h3)::before {
  content: "";
  display: block;
  width: 166px;
  height: 26px;
  background-color: var(--product_graphic_color, var(--red));
  background-image: unset;
  -webkit-mask: url(../assets/images/line-graphic.png) 0 0 no-repeat;
  mask: url(../assets/images/line-graphic.png) 0 0 no-repeat;
  -webkit-mask-size: cover;
  mask-size: cover;
  margin-bottom: 29px;
}
.product-details-content .c-row .right h6 {
  margin-top: 24px;
  max-width: 755px;
}
.product-details-content .c-row .right p {
  margin-top: 33px;
  color: var(--product_text_color, var(--black));
}
.product-details-content .c-row .right ul {
  margin-top: 35px;
  color: var(--product_text_color, var(--black));
}
.product-details-content .c-row .right ul li::marker{
  color: var(--product_graphic_color, var(--red));
}
.product-details-content .c-row .right .button-outline a {
    margin-top: 55px;
    min-width: 293px;
    background-color: var(--product_button_background_color, var(--white));
    border-color: var(--product_button_border_color, var(--red));
    color: var(--product_button_text_color, var(--black));
}
.product-details-content .c-row .right .button-outline a:is(:hover, :focus) {
    background-color: var(--product_button_hover_background_color, var(--red));
    border-color: var(--product_button_border_hover_color, var(--red));
    color: var(--product_button_text_hover_color, var(--white));
}

/* Slider */
.product-details-slider figure img {
  width: 100%;
  aspect-ratio: 680/669;
  object-fit: cover;
}
.product-details-slider .slick-arrow {
  font-size: 63px;
  color: #7b7979;
  background-color: transparent;
  outline: 0;
  border: 0;
  box-shadow: 0;
  cursor: pointer;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.product-details-slider .slick-arrow.slick--prev {
  left: -70px;
}
.product-details-slider .slick-arrow.slick--next {
  right: -70px;
}

/* Thumbnail */
.product-details-thumb-slider {
  margin-top: 20px;
  /* margin-inline: -10px; */
}
.product-details-thumb-slider.slick-slider .slick-slide {
  margin: 0 10px;
}
.product-details-thumb-slider figure {
  cursor: pointer;
}
.product-details-thumb-slider figure img {
  width: 100%;
  aspect-ratio: 212/209;
  object-fit: cover;
}
/*If two slides*/
.product-details-thumb-slider.two-slides .owl-stage-outer{
  display: flex;
  justify-content: center;
}
.product-details-thumb-slider.two-slides .owl-stage{
  transform: unset !important;
  display: flex;
}
.product-details-thumb-slider.two-slides .owl-stage .owl-item.active{
  order: 2;
}
.product-details-thumb-slider.two-slides .owl-stage .owl-item.active + .owl-item.active.center{
  order: 1;
}
/*****************************
RELATED PRODUCTS
*****************************/
.related-products {
  padding: 60px 0 135px;
}
.related-products .block-heading :where(h1, h2, h3, h4, h5, h6){
  color: var(--product_title_color, var(--red));
}
.related-products .block-heading :where(h1, h2, h3, h4, h5, h6)::before{
  background-color: var(--product_graphic_color, var(--red));
}
.related-products .related-product-slider {
  margin-top: 36px;
}
.related-products .related-product-slider:not(.owl-carousel) {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 15px 19px;
}
.related-products .views-row .views-field {
    height: 100%;
}
.related-products .related-product-slider:not(.owl-carousel) .product-list-item:nth-child(3) ~ .product-list-item {
  display: none;
}
.related-products .related-product-slider.owl-carousel .owl-nav {
  display: flex;
  justify-content: space-between;
  position: absolute;
  width: calc(100vw + 0px);
  height: 0;
  left: -100px;
  padding: 0 23px;
  top: calc(50% - 20px);
  transform: translateY(-50%);
  z-index: 1;
}
.related-products .related-product-slider.owl-carousel .owl-nav button {
  font-size: 31px;
  color: #7b7979;
}

@media screen and (max-width: 1280px) {
  .related-products {
    padding: 60px 0 100px;
  }
  /**/
  .product-details-content .c-row .left {
    width: 400px;
  }
  .product-details-content .c-row .right {
    width: calc(100% - 400px);
    padding-left: 70px;
  }
  .product-details-content .c-row .right .button-outline a {
    min-width: unset; 
  }
  /**/
  .product-details-slider .slick-arrow {
    font-size: 30px;
  }
  .product-details-slider .slick-arrow.slick--prev {
    left: -29px;
  }
  .product-details-slider .slick-arrow.slick--next {
    right: -29px;
  }
  /**/
  .product-details-thumb-slider {
    grid-gap: 15px 10px;
  }
}
@media screen and (max-width: 1080px) {
  .node--type-product .back-btn-wrap {
    padding: 70px 0 0;
  }
  /**/
  .related-products {
    padding: 60px 0 70px;
  }
  /**/
  .product-details-content .c-row .left {
    width: 300px;
  }
  .product-details-content .c-row .right {
    width: calc(100% - 300px);
    padding-left: 50px;
  }
  .product-details-content .c-row .right :is(h3, .h3)::before {
    width: 97px;
    height: 15px;
    margin-bottom: 15px;
    background-size: 97px;
  }
  .product-details-content .c-row .right h6, .product-details-content .c-row .right p, .product-details-content .c-row .right ul, .product-details-content .c-row .right .button-outline a {
    margin-top: 20px;
  }
  /**/
  .related-products .related-product-slider.owl-carousel .owl-nav {
    margin-top: -30px;
    left: -40px;
    padding: 0 10px;
  }
}
@media screen and (max-width: 767px) {
   .related-products .related-product-slider:not(.owl-carousel) {
      grid-template-columns: repeat(2, 1fr);
  }
  .node--type-product .back-btn-wrap {
    padding: 40px 0 0;
  }
  /**/
  .product-details-content .c-row {
    margin-top: 30px;
  }
  .product-details-content .c-row .left {
    width: 100%;
  }
  .product-details-content .c-row .right {
    margin-top: 30px;
    width: 100%;
    padding-left: 0;
  }
  /**/
  .product-details-thumb-slider {
    margin-top: 10px;
    /* margin-left: -5px; */
    margin-right: 0;
  }
  .product-details-thumb-slider.slick-slider .slick-slide {
    margin: 0 5px;
  }
  /**/
  .product-details-slider .owl-item figure img {
    height: 400px;
    object-fit: cover;
  }
  .product-details-slider .slick-arrow {
    font-size: 30px;
    color: var(--white);
    z-index: 1;
  }
  .product-details-slider .slick-arrow.slick--prev {
    left: 15px;
  }
  .product-details-slider .slick-arrow.slick--next {
    right: 15px;
  }
  /**/
  .related-products {
    padding: 60px 0 40px;
  }
  .related-products .related-product-slider.owl-carousel .owl-nav {
    width: 100%;
    left: 0;
    padding: 0 15px;
  }
  .related-products .related-product-slider.owl-carousel .owl-nav button {
    display: block;
    font-size: 31px;
    color: #fff;
  }
}
@media screen and (max-width: 480px) {
  .product-details-slider .owl-item figure img {
    height: 300px;
  }
}
@media screen and (max-width: 479px) {
  .related-products .related-product-slider:not(.owl-carousel) {
      grid-template-columns: repeat(1, 1fr);
  }
}
/***************************
FAQ PAGE CONTENT
***************************/
.faq-page-content {
  padding: 155px 0 149px;
}
.faq-page-content .custom-accordion-container {
  margin-top: 52px;
}

.faq-page-content1 {
  padding: 118px 0 124px;
}
.faq-page-content1 .custom-accordion-container {
  margin-top: 52px;
}

@media screen and (max-width: 1280px) {
  .faq-page-content {
    padding: 100px 0 100px;
  }
  .faq-page-content1 {
    padding: 100px 0 100px;
  }
}
@media screen and (max-width: 1080px) {
  .faq-page-content {
    padding: 70px 0 70px;
  }
  .faq-page-content .custom-accordion-container {
    margin-top: 30px;
  }
  .faq-page-content1 {
    padding: 70px 0 70px;
  }
  .faq-page-content1 .custom-accordion-container {
    margin-top: 30px;
  }
}
@media screen and (max-width: 767px) {
  .faq-page-content {
    padding: 10px 0 40px;
  }
  .faq-page-content1 {
    padding: 40px 0 40px;
  }
}
/***************************
TEXT OVER IMAGE
***************************/
.text-over-img {
  position: relative;
}
.text-over-img .block-content-area {
  width: 100%;
  padding: 110px 0 116px;
  color: var(--white);
  position: relative;
  z-index: 1;
}
.text-over-img .block-content-area article {
  max-width: 917px;
}
.text-over-img figure {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.text-over-img figure img {
  width: 100%;
  height: 100%;
  min-height: 200px;
  object-fit: cover;
}

@media screen and (max-width: 1080px) {
  .text-over-img figure {
    position: unset;
  }
  .text-over-img figure img {
    display: block;
  }
  .text-over-img .block-content-area {
    width: 100%;
    margin-left: 0;
    background-color: var(--black);
    padding: 59px 40px 48px;
  }
  .text-over-img .block-content-area article {
    width: 100%;
  }
}
@media screen and (max-width: 767px) {
  .text-over-img .block-content-area {
    padding: 44px 20px 40px;
  }
}
/*****************************
NEWS CARD
*****************************/
.news-card {
  box-shadow: 5px 7px 10px rgba(0, 0, 0, 0.16);
  background-color: var(--white);
  height: 100%;
  display: flex;
  flex-direction: column;
}
.news-card figure img {
  display: block;
  width: 100%;
  aspect-ratio: 539/368;
  object-fit: cover;
}
.news-card article {
  padding: 30px 42px 36px;
  display: grid;
  flex-grow: 1;
  grid-template-rows: auto 1fr min-content;
}
.news-card article time {
  color: var(--red);
}
.news-card article h6 {
  margin-top: 17px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}
.news-card article .button-outline a {
    margin-top: 30px;
    color: var(--red);
    font-size: 19px;
    font-weight: 500;
    padding: 9.5px 39px;
    border-radius: 52px;
    border-color: var(--red);
}
.news-card article .button-outline a:is(:hover, :focus) {
    border-color: var(--red);
    background-color: var(--red);
    color: var(--white);
}

@media screen and (max-width: 1080px) {
  .news-card article {
    padding: 25px 25px 25px;
  }
  .news-card article .button-outline a {
    font-size: 14px;
    padding: 7.5px 27px;
    border-width: 1px;
    border-radius: 40px;
    margin-top: 20px;
  }
}
@media screen and (max-width: 767px) {
  .news-card article h6 {
    margin-top: 15px;
  }
  .news-card article .button-outline a,
  .contact-block .form-block input[type=submit] {
    font-size: 12px;
    padding: 6.5px 27px;
    border-radius: 35px;
  }
}
/*****************************
NEWS PAGE
*****************************/
.news-page-content {
  padding: 0 0 139px;
}
.news-page-content .block-heading p {
  max-width: 1150px;
}
.news-page-content .custom-pager {
  margin-top: 109px;
}
.news-page-content nav.pager {
    grid-column: span 3;
}
.news-listing-items>div {
  margin-top: 103px;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 20px 17px;
}
.news-listing-items .views-row,
.news-listing-items .views-row .views-field,
.news-listing-items .views-row .views-field .field-content,
.other-news .views-row,
.other-news .views-row .views-field,
.other-news .views-row .views-field .field-content {
    height: 100%;
}
.news-listing-items .views-row .views-field .field-content,
.other-news .views-row .views-field .field-content {
    display: block;
}
.news-page-content-heading {
    padding: 167px 0 0;
}

@media screen and (max-width: 1280px) {
  .news-page-content {
    padding: 0 0 100px;
  }
  .news-page-content-heading {
      padding: 100px 0 0;
  }
  .news-page-content .block-heading p {
    max-width: 920px;
  }
  .news-page-content .custom-pager {
    margin-top: 90px;
  }
  .news-listing-items>div {
    margin-top: 70px;
  }
}
@media screen and (max-width: 1080px) {
  .news-page-content {
    padding: 0 0 70px;
  }
  .news-page-content-heading {
      padding: 70px 0 0;
  }
  .news-page-content .news-listing-items>div {
    margin-top: 50px;
  }
  .news-page-content .custom-pager {
    margin-top: 50px;
  }
}
@media screen and (max-width: 767px) {
  .news-page-content {
    padding: 0 0 40px;
  }
  .news-page-content-heading {
      padding: 40px 0 0;
  }
  .news-page-content .news-listing-items>div {
    margin-top: 40px;
    grid-template-columns: repeat(2, 1fr);
  }
  .news-page-content .custom-pager {
    margin-top: 40px;
  }
  .news-page-content nav.pager {
      grid-column: span 2;
  }
}
@media screen and (max-width: 425px) {
  .news-page-content .news-listing-items>div {
    grid-template-columns: repeat(1, 1fr);
  }
  .news-page-content nav.pager {
    grid-column: span 1;
}
}
/*****************************
NEWS DETAILS
*****************************/
.news-details-main .inner-page-banner .block-content-area h1 {
  max-width: 870px;
}
.page-wrapper .addtoany-wrap .addtoany_share {
    display: flex;
    align-items: center;
    color: var(--black);
    font-size: 20px;
    line-height: 34px;
    font-weight: 500;
    transition: all 0.3s;
    padding: 0;
}
.page-wrapper .addtoany-wrap .addtoany_share:hover {
  color: var(--red);
}
.page-wrapper .addtoany_list a:hover:hover img, 
.page-wrapper .addtoany_list a:hover span {
    opacity: 1;
}
.page-wrapper .addtoany-wrap .addtoany_share img {
    max-width: 30px;
    height: auto;
    margin-right: 12px;
    min-width: 30px;
}
.page-wrapper .addtoany-wrap {
    margin-top: 31px;
}
.news-details-content {
  padding: 87px 0 125px;
}
.news-details-content time {
  display: block;
  margin-top: 50px;
  color: var(--red);
}
.news-details-content p {
  margin-top: 37px;
}
.news-details-content :where(h2, h3, h4, h5, h6) {
  margin-top: 44px;
}
.news-details-content ul {
  margin-top: 26px;
}
.news-details-content .share-btn {
  margin-top: 31px;
}
@media screen and (max-width: 1440px) {
  .page-wrapper .addtoany-wrap .addtoany_share{
    font-size: 18px;
    line-height: 25px;
  }
}
@media screen and (max-width: 1280px) {
  .page-wrapper .addtoany-wrap .addtoany_share{
    font-size: 16px;
    line-height: 20px;
  }
  .news-details-content {
    padding: 70px 0 100px;
  }
  .news-details-content time {
    margin-top: 40px;
  }
  .news-details-content p {
    margin-top: 20px;
  }
  .news-details-content :where(h2, h3, h4, h5, h6) {
    margin-top: 30px;
  }
  .news-details-content ul {
    margin-top: 20px;
  }
  .news-details-content .share-btn {
    margin-top: 30px;
  }
}
@media screen and (max-width: 1080px) {
  .news-details-content {
    padding: 70px 0 70px;
  }
  .news-details-content time {
    margin-top: 30px;
  }
}
@media screen and (max-width: 767px) {
  .news-details-content {
    padding: 0px 0 40px;
  }
  .page-wrapper .addtoany-wrap .addtoany_share{
    font-size: 14px;
  }
}
@media screen and (min-width: 1680px) {
  .news-details-main .inner-page-banner .block-content-area {
    min-height: 785px;
  }
}
/*****************************
OTHER NEWS
*****************************/
.other-news {
  padding: 116px 0 240px;
  background-color: var(--light-grey);
}
.other-news .block-heading {
  text-align: center;
}
.other-news .block-heading :where(h1, h2, h3, h4, h5, h6)::before {
  margin-inline: auto;
}
.other-news .other-news-slider {
  margin-top: 100px;
}
.other-news .other-news-slider:not(.owl-carousel) {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 15px 17px;
}
.other-news .other-news-slider:not(.owl-carousel) .news-card:nth-child(3) ~ .news-card {
  display: none;
}
.other-news .other-news-slider.owl-carousel .owl-nav {
  display: flex;
  justify-content: space-between;
  position: absolute;
  width: calc(100vw + 0px);
  height: 0;
  left: -100px;
  padding: 0 23px;
  top: calc(50% - 20px);
  transform: translateY(-50%);
  z-index: 1;
}
.other-news .other-news-slider.owl-carousel .owl-nav button {
  font-size: 31px;
  color: #7b7979;
}

@media screen and (max-width: 1280px) {
  .other-news {
    padding: 100px 0 100px;
  }
  .other-news .other-news-slider {
    margin-top: 70px;
  }
  .other-news .other-news-slider .owl-item {
    padding: 15px 0;
    height: 100%;
  }
}
@media screen and (max-width: 1080px) {
  .other-news {
    padding: 70px 0 70px;
  }
  .other-news .other-news-slider {
    margin-top: 50px;
  }
  .other-news .other-news-slider.owl-carousel .owl-nav {
    margin-top: -30px;
    left: -40px;
    padding: 0 10px;
  }
}
@media screen and (max-width: 767px) {
  .other-news {
    padding: 40px 0 40px;
  }
  .other-news .other-news-slider {
    margin-top: 25px;
  }
  .other-news .other-news-slider:not(.owl-carousel) {
    grid-template-columns: repeat(2, 1fr);
  }
  .other-news .other-news-slider.owl-carousel .owl-nav {
    width: 100%;
    top: 140px;
    left: 0;
    transform: translateY(0);
    padding: 0 15px;
  }
  .other-news .other-news-slider.owl-carousel .owl-nav button {
    font-size: 31px;
    color: var(--white);
  }
}
@media screen and (max-width: 525px) {
  .other-news .other-news-slider:not(.owl-carousel) {
    grid-template-columns: repeat(1, 1fr);
  }
}
/***************************
BASIC PAGE
***************************/
.basic-main {
  /*page banner*/
}
.basic-main .inner-page-banner .block-content-area h1 {
  max-width: 845px;
}

/***************************
BASIC PAGE CONTENT
***************************/
.basic-content {
  padding: 116px 0 116px;
  max-width: 1705px;
}
.basic-content h1,
.basic-content h2,
.basic-content h3,
.basic-content h4,
.basic-content h5,
.basic-content h6,
.basic-content p,
.basic-content ul,
.basic-content ol,
.basic-content hr,
.basic-content blockquote {
  margin:0 0 24px;
}
.basic-content h1 a,
.basic-content h2 a,
.basic-content h3 a,
.basic-content h4 a,
.basic-content h5 a,
.basic-content h6 a,
.basic-content p a,
.basic-content ul li a,
.basic-content ol li a,
.basic-content blockquote a{
  color: var(--red);
}
.basic-content img {
    width: auto;
    height: auto;
    max-width: 30%;
}
.basic-content .c-row {
  margin-top: 76px;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.basic-content .c-row ul {
  margin-top: 24px;
}
.basic-content .c-row article {
  width: 70%;
  padding-right: 30px;
}
.basic-content .c-row figure {
  width: 30%;
}
.basic-content .c-row figure img {
  max-width: 100%;
}
.basic-content h6 {
  margin-top: 15px;
}
.basic-content .block-heading:nth-child(1) :where(h2, h3, h4, h5, h6) {
  margin-top: 0;
}
.basic-content .share-btn {
  margin-top: 28px;
}
.basic-content table {
    margin: 50px 0;
}
.basic-content .slider-table {
  margin-top: 30px;
}
.basic-content p:last-child {
    margin: 0;
}
.basic-content :where(h3:first-child)::before {
    content: "";
    display: block;
    width: 116px;
    height: 5px;
    background-color: var(--red);
    margin-bottom: 23px;
}
.basic-content blockquote {
    font-style: italic;
    padding: 20px 50px;
    position: relative;
    color: var(--grey);
    background-color: var(--light-grey);
    font-family: Georgia, serif;
}
.basic-content blockquote:before {
    display: block;
    content: "\201C";
    font-size: 72px;
    position: absolute;
    left: 10px;
    top: 4px;
    color: var(--mid-grey);
}
.page-node-type-page .client-logos-block,
.page-node-type-confirmation-screens .client-logos-block{
	padding-top: 0;
}
.page-node-type-page .page-wrapper .addtoany-wrap {
    padding-bottom: 163px;
    max-width: 1705px;
    width: 100%;
}
@media screen and (max-width: 1280px) {
  .basic-content {
    padding: 100px 0 100px;
  } 
  .page-node-type-page .page-wrapper .addtoany-wrap {
    padding-bottom: 100px;
  } 
}
@media screen and (max-width: 1080px) {
  .basic-content {
    padding: 70px 0 70px;
  }
  .basic-content .c-row article {
    width: 60%;
  }
  .basic-content .c-row figure {
    width: 40%;
  }  
  .page-node-type-page .page-wrapper .addtoany-wrap {
    padding-bottom: 70px;
  }
}
@media screen and (max-width: 767px) {
  .page-node-type-page .page-wrapper .addtoany-wrap {
    padding-bottom: 40px;
  }
  .basic-content {
    padding: 10px 0 40px;
  }
  .basic-content .c-row {
    margin-top: 40px;
  }
  .basic-content .c-row article {
    width: 100%;
    padding-right: 0;
  }
  .basic-content .c-row figure {
    margin-top: 30px;
    width: 100%;
  }  
  .basic-content img {
    max-width: 100%;
    float: left;
    clear: both;
    margin: 24px 0;
}
	.basic-content h1, 
	.basic-content h2, 
	.basic-content h3, 
	.basic-content h4, 
	.basic-content h5, 
	.basic-content h6, 
	.basic-content p, 
	.basic-content ul, 
	.basic-content ol, 
	.basic-content hr, 
	.basic-content blockquote {
	    clear: both;
	}
}
/***************************
LANDING PAGE CONTENT
***************************/
.landing-main .inner-page-banner .block-content-area h1 {
  max-width: 938px;
}

@media screen and (max-width: 1280px) {
  .landing-main .inner-page-banner .block-content-area h1 {
    max-width: 470px;
  }
}
/***************************
LANDING PAGE HEADING
***************************/
.landing-page-heading {
  padding: 116px 0 88px;
  position: relative;
}
.landing-page-heading .block-bg-img {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
}
.landing-page-heading .block-bg-img img {
    width: 100%;
    height: auto;
}
.landing-page-heading .c-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
}
.landing-page-heading .c-row article {
  width: 50%;
  max-width: 817px;
}
.landing-page-heading .c-row article p {
  margin-top: 24px;
}
.landing-page-heading .c-row article .button-outline a,
.light-grey-block .c-row article .button-outline a {
    margin-top: 32px;
    min-width: 293px;
    box-shadow: none;
    border-color: var(--red);
    color: var(--black);
}
.landing-page-heading .c-row article .button-outline a:is(:hover, :focus),
.light-grey-block .c-row article .button-outline a:is(:hover, :focus){
	border-color: var(--red);
    background-color: var(--red);
    color: var(--white);
}
@media screen and (max-width: 1440px) {
  .landing-page-heading .c-row article {
    width: 60%;
  }  
}
@media screen and (max-width: 1280px) {
  .landing-page-heading {
    padding: 100px 0 88px;
  }
  .landing-page-heading .c-row article .button-outline a {
    min-width: unset;
  }
}
@media screen and (max-width: 1080px) {
  .landing-page-heading {
    padding: 22px 0 70px;
  }
  .landing-page-heading .c-row article {
    order: 2;
    width: 100%;
    margin-top: 30px;
  }
  .landing-page-heading .c-row article p {
    margin-top: 24px;
  }
  .landing-page-heading .c-row article .button-outline a {
    margin-top: 20px;
    min-width: unset;
  }  
  .landing-page-heading .block-bg-img {
      position: unset;
        }
  .landing-page-heading .block-bg-img img {
      display: block;
      min-height: 510px;
      object-position: right;
      object-fit: cover;
      width: 100%;
      height: 100%;
  }
}
@media screen and (max-width: 767px) {
  .landing-page-heading {
    padding: 34px 0 40px;
  }
  .landing-page-heading .c-row article p {
    margin-top: 20px;
  }
  .landing-page-heading .block-bg-img img{
     min-height: 280px;
  }
}
/***************************
LIGHT GREY BLOCK
***************************/
.wastegates-used .button-outline,.best-size-wastegate .button-outline{
  display: none;
}
.light-grey-block {
  padding: 119px 0 120px;
  background-color: var(--light-grey);
  position: relative;
}
.light-grey-block .c-row {
    display: flex;
    justify-content: flex-end;
    grid-gap: 0 64px;
    position: relative;
    z-index: 1;
}
.light-grey-block .c-row article {
    width: 50%;
    max-width: 716px;
}
.light-grey-block .c-row article p {
    margin-top: 19px;
}
.light-grey-block .c-row article .button-outline a {
  margin-top: 32px;
  min-width: 293px;
}
.light-grey-block .block-bg-img {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
}
/* .light-grey-block .block-bg-img img {
    width: 100%;
    height: auto;
    padding: 300px 200px;
} */
.light-grey-block .block-bg-img img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}

@media screen and (max-width: 1440px) {
  .light-grey-block .c-row article {
    width: 60%;
    padding-left: 30px;
  }
  .light-grey-block .c-row figure {
    width: calc(40% - 30px);
  }
  .light-grey-block .c-row figure img {
    max-width: 400px;
  }
}
@media screen and (max-width: 1280px) {
  .light-grey-block {
    padding: 90px 0 90px;
  }
  .light-grey-block .c-row article {
    width: 60%;
  }
  .light-grey-block .c-row article .button-outline a {
    min-width: unset;
  }
}
@media screen and (max-width: 1080px) {
  .light-grey-block {
    /* padding: 70px 0 70px; */
    padding: 0 0 70px;
  }
  .light-grey-block .c-row {
    align-items: flex-start;
    flex-wrap: wrap;
    justify-content: flex-start;
  }
  .light-grey-block .c-row article {
    width: 100%;
    margin-top: 50px;
    padding-left: 0px;
  }
  .light-grey-block .c-row article p {
    margin-top: 24px;
  }
  .light-grey-block .block-bg-img {
	    position: unset;
	}
  .light-grey-block .block-bg-img img {
      display: block;
      min-height: 510px;
      object-position: 0;
      object-fit: cover;
      width: 100%;
      height: 100%;
  }
}
@media screen and (max-width: 767px) {
  .light-grey-block {
    padding: 0 0 40px;
  }
  .light-grey-block .c-row article p {
    margin-top: 20px;
  }
  .light-grey-block .block-bg-img img {      
      min-height: 280px;
  }
}
/*****************************
What is a wastegate
*****************************/
.what-is-a-wastegate {
  color: var(--white);
  position: relative;
}
.what-is-a-wastegate .c-row {
  padding: 152px 0 141px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  grid-gap: 30px 30px;
}
.what-is-a-wastegate .c-row article {
  width: calc(100% - 560px - 79px);
}
.what-is-a-wastegate .c-row article .para {
  max-width: 826px;
}
.what-is-a-wastegate .c-row article p {
  margin-top: 30px;
}
.what-is-a-wastegate .c-row figure {
  width: 560px;
}
.what-is-a-wastegate .c-row figure img {
  max-width: 100%;
}
.what-is-a-wastegate .block-bg-img {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: -1;
}
.what-is-a-wastegate .block-bg-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;    
  object-position: right;
}

@media screen and (max-width: 1440px) {
 /* .what-is-a-wastegate .c-row article {
    width: calc(100% - 300px - 30px);
  }*/
  .what-is-a-wastegate .c-row figure {
    width: 300px;
  }
}
@media screen and (max-width: 1280px) {
  .what-is-a-wastegate .c-row {
    padding: 100px 0 100px;
    align-items: center;
  }
  .what-is-a-wastegate .c-row article {
	    width: calc(100% - 350px - 80px);
	}
}
@media screen and (max-width: 1080px) {
  .what-is-a-wastegate {
    background-color: var(--dark-red);
  }
  .what-is-a-wastegate .block-bg-img {
    z-index: 0;
    height: auto;
    position: unset;
}
.what-is-a-wastegate .block-bg-img img {
    display: block;
    min-height: 360px;
}
	 .what-is-a-wastegate .c-row {
	    flex-wrap: wrap;
	    padding: 0 0 48px;
	    grid-gap: 0 30px;
	    position: relative;
	    z-index: 1;
	}
  .what-is-a-wastegate .c-row article {
    padding-top: 74px;
    order: 2;
    width: 100%;
  }
  .what-is-a-wastegate .c-row article p {
    margin-top: 24px;
  }
  .what-is-a-wastegate .c-row figure {
    order: 1;
    width: 100%;
    text-align: center;
  }
  .what-is-a-wastegate .c-row figure img {
    max-width: 282px;
  }
}
@media screen and (max-width: 767px) {
  .what-is-a-wastegate .c-row {
    padding: 44px 0 40px;
  }
  .what-is-a-wastegate .c-row article {
    padding-top: 0px;
  }
  .what-is-a-wastegate .c-row article p {
    margin-top: 21px;
  }  
  .what-is-a-wastegate .block-bg-img img {
    display: block;
    min-height: 260px;
  }
}
/***************************
What is the purpose of a wastegate?
***************************/
.purpose-of-wastegate {
  color: var(--black);
  position: relative;
}
.purpose-of-wastegate .c-row {
  padding: 177px 0 135px;
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.purpose-of-wastegate .c-row article {
  width: 50%;
}
.purpose-of-wastegate .c-row article p {
  margin-top: 19px;
  max-width: 720px;
}
.purpose-of-wastegate .block-bg-img {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: -1;
}
.purpose-of-wastegate .block-bg-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

@media screen and (max-width: 1440px) {
  .purpose-of-wastegate .c-row {
    padding: 100px 0 100px;
  }
}
@media screen and (max-width: 1080px) {
  .purpose-of-wastegate {
    background-color: var(--light-grey);
  }
  .purpose-of-wastegate .block-bg-img {
    position: unset;
  }
  .purpose-of-wastegate .block-bg-img img {
    display: block;
    width: 100%;
    min-height: 360px;
    object-fit: cover;
    object-position: left;
  }
  .purpose-of-wastegate .c-row {
    grid-template-columns: repeat(1, 1fr);
    grid-gap: 0 30px;
    padding: 30px 0 48px;
    justify-content: flex-start;
  }
  .purpose-of-wastegate .c-row article {
    width: 100%;
  }
  .purpose-of-wastegate .c-row article p {
    margin-top: 24px;
  }
}
@media screen and (max-width: 767px) {
  .purpose-of-wastegate .block-bg-img img {
    min-height: 260px;
  }
  .purpose-of-wastegate .c-row {
    padding: 30px 0 40px;
  }
  .purpose-of-wastegate .c-row article p {
    margin-top: 20px;
  }
}
/***************************
What are wastegates used for?
***************************/
.wastegates-used {
  padding: 145px 0 148px;
  position: relative;
}
.wastegates-used .c-row {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.wastegates-used .c-row article {
  width: 44%;
  max-width: 720px;
}
.wastegates-used .c-row article p {
  margin-top: 19px;
}
.wastegates-used .c-row article .button-outline a {
  margin-top: 32px;
  min-width: 293px;
}
/* .wastegates-used .c-row figure {
  width: calc(56% - 30px);
  max-width: 818px;
} */
.wastegates-used .c-row figure {
  width: 100%;
  position: absolute;
  inset: 0;
  z-index: -1;
}
/* .wastegates-used .c-row figure img {
  width: 100%;
  max-width: 818px;
  object-fit: contain;
  height: auto;
} */
.wastegates-used .c-row figure img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

@media screen and (max-width: 1440px) {
  .wastegates-used .c-row article {
    width: 60%;
  }
  /* .wastegates-used .c-row figure {
    width: calc(40% - 30px);
  } */
  /* .wastegates-used .c-row figure img {
    max-width: 400px;
  } */
}
@media screen and (max-width: 1280px) {
  .wastegates-used {
    padding: 100px 0 100px;
  }
}
@media screen and (max-width: 1080px) {
  .wastegates-used {
    /* padding: 22px 0 70px; */
    padding: 0 0 70px;
  }
  .wastegates-used .c-row article {
    order: 2;
    width: 100%;
    margin-top: 30px;
  }
  .wastegates-used .c-row article p {
    margin-top: 24px;
  }
  .wastegates-used .c-row article .button-outline a {
    margin-top: 20px;
    min-width: unset;
  }
  .wastegates-used .c-row figure {
    order: 1;
    width: auto;
    max-width: unset;
    text-align: center;
    position: unset;
    margin-inline: calc(var(--container-spacing) - var(--container-spacing)* 2);
    margin-bottom: 30px;
  }
}
@media screen and (max-width: 767px) {
  .wastegates-used {
    /* padding: 34px 0 40px; */
    padding: 0 0 40px;
  }
  .wastegates-used .c-row article p {
    margin-top: 20px;
  }
}
/*****************************
Different types of wastegate
*****************************/
/*card*/
.different-wastegate-card {
  text-align: center;
}
.different-wastegate-card figure img {
  max-height: 305px;
  object-fit: contain;
}
.different-wastegate-card article h5 {
  margin-top: 84px;
}
.different-wastegate-card article h5::before {
  content: "";
  display: block;
  width: 60px;
  height: 3px;
  background-color: var(--red);
  margin-bottom: 15px;
  margin-inline: auto;
}
.different-wastegate-card article p {
  margin-top: 25px;
}

/**/
.different-wastegate-items {
  margin-top: 90px;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  grid-gap: 30px 150px;
}
.different-wastegate-items .different-wastegate-card {
  flex: 1;
  max-width: 679px;
}

/**/
.different-wastegate {
  padding: 107px 0 113px;
  background-color: var(--light-grey);
}
.different-wastegate .block-heading,
.different-wastegate .container > .field.field--name-field-different-types-title.field--type-string.field--label-hidden.field__item,
.different-wastegate .container > .field.field--name-field-different-types-subtitle {
  text-align: center;
}
.different-wastegate .block-heading :where(h2, h3, h4, h5, h6)::before,
.different-wastegate .container > .field.field--name-field-different-types-title.field--type-string.field--label-hidden.field__item::before {
  margin-inline: auto;
}

@media screen and (max-width: 1280px) {
  .different-wastegate {
    padding: 100px 0 100px;
  }
  /**/
  .different-wastegate-items {
    grid-gap: 30px 100px;
  }
}
@media screen and (max-width: 1080px) {
  .different-wastegate {
    padding: 70px 0 70px;
  }
  .different-wastegate-items {
    margin-top: 70px;
    grid-gap: 30px 40px;
  }
}
@media screen and (max-width: 767px) {
  .different-wastegate {
    padding: 40px 0 40px;
  }
  .different-wastegate-items {
    margin-top: 40px;
    grid-gap: 40px 40px;
    flex-wrap: wrap;
  }
  .different-wastegate-items .different-wastegate-card {
    flex: 100%;
  }
  .different-wastegate-card article {
    max-width: 480px;
    margin-inline: auto;
  }
  .different-wastegate-card article h5 {
    margin-top: 40px;
  }
  .different-wastegate-card figure img {
    max-height: 200px;
  }
}
/*****************************
Featured products
*****************************/
.specific-wastegate-block {
  padding: 112px 0 131px;
}
.specific-wastegate-block .block-heading,
.specific-wastegate-block .field.field--name-field-specific-types-title,
.specific-wastegate-block .field.field--name-field-specific-types-subtitle {
    max-width: 970px;
}
.specific-wastegate-block .specific-wastegate-items {
  margin-top: 75px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  flex-wrap: wrap;
  grid-gap: 15px 44px;
}
.specific-wastegate-block .specific-wastegate-items .specific-wastegate-card {
  flex: 3;
  height: 100%;
  position: relative;
}
.specific-wastegate-block .specific-wastegate-items .specific-wastegate-card figure img {
  width: 282px;
  height: 305px;
  object-fit: contain;
}
.specific-wastegate-block .specific-wastegate-items .specific-wastegate-card article {
    padding-top: 70px;
    padding-bottom: 54px;
}
.specific-wastegate-block .specific-wastegate-items .specific-wastegate-card article h5 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}
.specific-wastegate-block .specific-wastegate-items .specific-wastegate-card article h5::before {
  content: "";
  display: block;
  width: 60px;
  height: 3px;
  background-color: var(--red);
  margin-bottom: 15px;
}
.specific-wastegate-block .specific-wastegate-items .specific-wastegate-card article .para {
  margin-top: 25px;
}
.specific-wastegate-block .specific-wastegate-items .specific-wastegate-card article .para p {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 8;
  -webkit-box-orient: vertical;
}
.specific-wastegate-block .specific-wastegate-items .specific-wastegate-card article .link {
  margin-top: 21px;
  color: var(--black);
  position: absolute;
  bottom: 0;
}
.specific-wastegate-block .specific-wastegate-items .specific-wastegate-card article .link::after {
  color: var(--red);
}

@media screen and (max-width: 1440px) {
  .specific-wastegate-block {
    padding: 100px 0 100px;
  }
}
@media screen and (max-width: 1080px) {
  .specific-wastegate-block {
    padding: 67px 90px 55px;
  }
  .specific-wastegate-block .block-heading,
  .specific-wastegate-block .field.field--name-field-specific-types-title,
  .specific-wastegate-block .field.field--name-field-specific-types-subtitle {
    text-align: center;
  }
  .specific-wastegate-block .block-heading :where(h1, h2, h3, h4, h5, h6)::before,
  .specific-wastegate-block .field.field--name-field-specific-types-title::before{
    margin-inline: auto;
  }
  .specific-wastegate-block .specific-wastegate-items {
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    grid-gap: 40px 45px;
  }
  .specific-wastegate-block .specific-wastegate-items .specific-wastegate-card {
    text-align: center;
  }
  .specific-wastegate-block .specific-wastegate-items .specific-wastegate-card article {
    padding-top: 26px;
  }
  .specific-wastegate-block .specific-wastegate-items .specific-wastegate-card article h5::before {
    display: none;
  }
  .specific-wastegate-block .specific-wastegate-items .specific-wastegate-card article .para {
    margin-top: 15px;
  }
  .specific-wastegate-block .specific-wastegate-items .specific-wastegate-card article .link {
    margin-top: 19px;
    width: 100%;
    left: 0;
    display: flex;
    justify-content: center;
    text-align: center;
  }
  .specific-wastegate-block .specific-wastegate-items .specific-wastegate-card figure img {
    margin-inline: auto;
    width: 215px;
    height: 233px;
    object-fit: contain;
  }
  .specific-wastegate-block .specific-wastegate-items.owl-carousel {
    display: block;
  }
  .specific-wastegate-block .specific-wastegate-items.owl-carousel .owl-nav {
    display: flex;
    justify-content: space-between;
    position: absolute;
    width: 100vw;
    height: 0;
    top: calc(50% - 103px);
    left: -130px;
    transform: translateY(-50%);
    padding: 0 20px;
    z-index: 1;
  }
  .specific-wastegate-block .specific-wastegate-items.owl-carousel .owl-nav button {
    font-size: 31px;
    color: #beb9b9;
  }
}
@media screen and (max-width: 767px) {
  .specific-wastegate-block {
    padding: 51px 50px 40px;
  }
  .specific-wastegate-block .specific-wastegate-items {
    margin-top: 39px;
  }
  .specific-wastegate-block .specific-wastegate-items .specific-wastegate-card article {
    padding-top: 32px;
  }
  .specific-wastegate-block .specific-wastegate-items .specific-wastegate-card article .para {
    margin-top: 10px;
  }
  .specific-wastegate-block .specific-wastegate-items .specific-wastegate-card article .link {
    margin-top: 14px;
  }
  .specific-wastegate-block .specific-wastegate-items.owl-carousel .owl-nav {
    left: -70px;
  }
}
/***************************
What is the best size wastegate to use?
***************************/
.best-size-wastegate {
  padding: 120px 0 98px;
  background-color: var(--light-grey);
  position: relative;
}
.best-size-wastegate .c-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    position: relative;
    z-index: 1;
}
.best-size-wastegate .c-row article {
  width: 50%;
  max-width: 716px;
}
.best-size-wastegate .c-row article h3 {
  max-width: 422px;
}
.best-size-wastegate .c-row article p {
  margin-top: 40px;
}
.best-size-wastegate .block-bg-img {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
    display: flex;
    align-items: center;
}
/* .best-size-wastegate .block-bg-img {
	width: auto;
	height: auto;
} */

@media screen and (max-width: 1440px) {
  .best-size-wastegate .c-row article {
    width: 60%;
  }
  .best-size-wastegate .c-row figure {
    width: calc(40% - 30px);
  }
  .best-size-wastegate .c-row figure img {
    max-width: 400px;
  }
}
@media screen and (max-width: 1080px) {
  .best-size-wastegate {
    padding: 22px 0 70px;
  }
  .best-size-wastegate .c-row article {
    order: 2;
    width: 100%;
    margin-top: 30px;
  }
  .best-size-wastegate .c-row article p {
    margin-top: 24px;
  }
  .best-size-wastegate .c-row article .button-outline a {
    margin-top: 20px;
    min-width: unset;
  }
  .best-size-wastegate .block-bg-img {
	    position: unset;
	}
  .best-size-wastegate .block-bg-img img {
    display: block;
    min-height: 510px;
    /* object-position: calc(100% + -40px); */
    object-fit: cover;
    width: 100%;
    height: 100%;
 }
}
@media screen and (max-width: 767px) {
  .best-size-wastegate {
    padding: 34px 0 40px;
  }
  .best-size-wastegate .c-row article p {
    margin-top: 20px;
  }
   .best-size-wastegate .block-bg-img img {
    /* min-height: 280px; */
    min-height: unset;
  }
}
/*****************************
Championship-winning
*****************************/
.championship-winning-block {
  position: relative;
}
.championship-winning-block .block-content-area {
  width: 50%;
  padding: 131px 90px 124px max(100px, (100% - 1650px) / 2);
  background-color: rgba(0, 0, 0, 0.69);
  color: var(--white);
  position: relative;
  z-index: 1;
}
.championship-winning-block .block-content-area p {
  max-width: 716px;
  margin-top: 40px;
}
.championship-winning-block .block-content-area .button-outline a {
    margin-top: 40px;
    min-width: 260px;
    color: var(--white);
    border-color: var(--red);
}
.championship-winning-block .block-content-area .button-outline a:is(:hover, :focus) {
    border-color: var(--red);
    background-color: var(--red);
    box-shadow: 5px 5px 50px rgba(0, 0, 0, 0.27);
}
.championship-winning-block figure {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.championship-winning-block figure img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

@media screen and (max-width: 1440px) {
  .championship-winning-block .block-content-area {
    padding: 100px 104px 100px max(100px, (100% - 1650px) / 2);
  }
}
@media screen and (max-width: 1080px) {
  .championship-winning-block > figure {
    position: unset;
  }
  .championship-winning-block > figure img {
    display: block;
    width: 100%;
    min-height: 360px;
  }
  .championship-winning-block .block-content-area {
    width: 100%;
    margin-left: 0;
    background-color: var(--black);
    padding: 59px 40px 48px;
  }
  .championship-winning-block .block-content-area p {
    margin-top: 24px;
  }
  .championship-winning-block .block-content-area .button-outline a {
    margin-top: 33px;
    min-width: auto;
  }
}
@media screen and (max-width: 767px) {
  .championship-winning-block > figure img {
    min-height: 260px;
  }
  .championship-winning-block .block-content-area {
    padding: 44px 20px 40px;
  }
  .championship-winning-block .block-content-area p {
    margin-top: 20px;
  }
  .championship-winning-block .block-content-area .button-outline a {
    margin-top: 28px;
    min-width: auto;
  }
}
/***************************
ABOUT PAGE HEADER
***************************/
.about-main .inner-page-banner .block-content-area h1 {
  max-width: 940px;
}

@media screen and (max-width: 1280px) {
  .about-main .inner-page-banner .block-content-area h1 {
    max-width: 440px;
  }
}
/***************************
ABOUT PAGE HEADING
***************************/
.about-page-heading {
  padding: 116px 0 121px;
  position: relative;
}
.about-page-heading .c-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
}
.about-page-heading .block-bg-img {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
}
.about-page-heading .block-bg-img .wide-content{
  height: 100%;
}
.about-page-heading .block-bg-img img {
    width: 100%;
    max-width: 100%;
    height: 100%;
    object-fit: cover;
}
.about-page-heading .c-row article {
  width: 70%;
  max-width: 1097px;
}
.about-page-heading .c-row article p {
  margin-top: 24px;
}
.about-page-heading .c-row article .button-outline a {
  margin-top: 32px;
  min-width: 293px;
}


@media screen and (max-width: 1440px) {
  .about-page-heading .c-row article {
    width: 60%;
  }  
}
@media screen and (max-width: 1280px) {
  .about-page-heading {
    padding: 100px 0 88px;
  }
  .about-page-heading .c-row article .button-outline a {
    min-width: unset;
  }
}
@media screen and (max-width: 1080px) {
  .about-page-heading {
    padding: 22px 0 70px;
  }
  .about-page-heading .c-row article {
    order: 2;
    width: 100%;
    margin-top: 30px;
  }
  .about-page-heading .c-row article p {
    margin-top: 24px;
  }
  .about-page-heading .c-row article .button-outline a{
    margin-top: 20px;
    min-width: unset;
  }  
  .about-page-heading .block-bg-img {
    position: unset;
  }
  .about-page-heading .block-bg-img img {
    display: block;
    min-height: 510px;
    object-position: right;
    object-fit: cover;
  }
}
@media screen and (max-width: 767px) {
  .about-page-heading {
    padding: 34px 0 40px;
  }
  .about-page-heading .c-row article p {
    margin-top: 20px;
  }
  .about-page-heading .block-bg-img img {
    min-height: 280px;
  }
}
/***************************
CONTACT CARD
***************************/
.contact-info-card {
  text-align: center;
  max-width: 302px;
}
.contact-info-card i {
  font-size: 95px;
  color: var(--grey);
}
.contact-info-block .contact-info-card img {
    height: auto;
    width: auto;
    max-height: 95px;
}
.contact-info-card h5 {
  margin-top: 28px;
  color: var(--contact_page_section_text_color, var(--black));
}
.contact-info-card h5::before {
  content: "";
  display: block;
  width: 116px;
  height: 3px;
  background-color: var(--contact_page_section_graphic_color, var(--red));
  margin-bottom: 25px;
  margin-inline: auto;
}
.contact-info-card p {
  margin-top: 30px;
  color: var(--contact_page_section_text_color, var(--black));
}
.contact-info-block .c-row .contact-info-card:nth-child(2) p {
    max-width: 185px;
    margin: 30px auto 0;
}
.contact-info-card p ~ p {
  margin-top: 0;
}
.contact-info-card p a {
  transition: all 0.3s;
  color: var(--contact_page_section_link_color, var(--red));
}
.contact-info-card p a:hover {
  color: var(--contact_page_section_link_hover_color, var(--red));
}

@media screen and (max-width: 1280px) {
  .contact-info-card i {
    font-size: 60px;
  }
  .contact-info-card h5::before {
    width: 50px;
    margin-bottom: 15px;
  }
  .contact-info-card p {
    margin-top: 20px;
  }
  .contact-info-block .c-row .contact-info-card:nth-child(2) p {
    max-width: 150px;
    margin: 20px auto 0;
  }
  .contact-info-card p ~ p {
    margin-top: 0;
  }
  .contact-info-block .contact-info-card img {   
    max-height: 60px;
}
}
@media screen and (max-width: 1080px) {
  .contact-info-card h5::before {
    width: 40px;
    margin-bottom: 15px;
  }
}
/***************************
CONTACT INFO
***************************/
.contact-info-block {
  padding: 103px 0 98px;
}
.contact-info-block .c-row {
  max-width: 1440px;
  margin-inline: auto;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  grid-gap: 30px 30px;
}

@media screen and (max-width: 1080px) {
  .contact-info-block {
    padding: 70px 0 70px;
  }
  .contact-info-block .c-row {
    grid-gap: 30px 15px;
  }
}
@media screen and (max-width: 767px) {
  .contact-info-block {
    padding: 40px 0 40px;
  }
  .contact-info-block .c-row {
    grid-gap: 40px 15px;
    align-items: center;
    flex-direction: column;
  }
  .contact-info-block .c-row .contact-info-card {
    width: 100%;
  }
}
/***************************
THANKYOU
***************************/
.thankyou-page-banner {
  position: relative;
}
.thankyou-page-banner .block-content-area {
  padding: 116px 0 219px;
  color: var(--white);
  text-align: center;
}
.thankyou-page-banner .block-content-area h1 {
  font-weight: 200;
  font-size: 60px;
  line-height: 78px;
  max-width: 954px;
  margin-inline: auto;
}
.thankyou-page-banner .block-content-area h1::before {
  content: "";
  display: block;
  width: 116px;
  height: 5px;
  background-color: var(--red);
  margin-bottom: 23px;
  margin-inline: auto;
}
.thankyou-page-banner .block-content-area p {
  margin-top: 36px;
  max-width: 954px;
  margin-inline: auto;
}
.thankyou-page-banner .block-bg-img {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
}
.thankyou-page-banner .block-bg-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

@media screen and (min-width: 1680px) {
  .thankyou-page-banner .block-content-area {
    min-height: auto;
  }
}
@media screen and (max-width: 1280px) {
  .thankyou-page-banner .block-content-area {
    padding: 116px 0 116px;
  }
  .thankyou-page-banner .block-content-area h1 {
    max-width: 480px;
    font-size: 28px;
    line-height: 38px;
  }
  .thankyou-page-banner .block-content-area h1::before {
    width: 50px;
    height: 3px;
    margin-bottom: 15px;
    background-size: 97px;
  }
  .thankyou-page-banner .block-content-area p {
    margin-top: 25px;
  }
}
@media screen and (max-width: 1080px) {
  .thankyou-page-banner .block-content-area {
    padding: 100px 0 100px;
  }
  .thankyou-page-banner .block-content-area p {
    margin-top: 20px;
  }
}
@media screen and (max-width: 767px) {
  .thankyou-page-banner {
    display: flex;
    flex-direction: column;
  }
  .thankyou-page-banner .block-content-area {
    order: 2;
    padding: 32px 0 37px;
    color: var(--black);
  }
  .thankyou-page-banner .block-content-area h1 {
    font-size: 28px;
    line-height: 38px;
    font-weight: 300;
  }
  .thankyou-page-banner .block-bg-img {
    order: 1;
    position: unset;
  }
  .thankyou-page-banner .block-bg-img img {
    display: block;
  }
}

/*# sourceMappingURL=style.css.map */
.region.region--mobile-menu > * {
  margin: 0;
}

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
.contact-block .form-block input:-webkit-autofill,
.contact-block .form-block input:-webkit-autofill:hover,
.contact-block .form-block input:-webkit-autofill:focus {
    -webkit-text-fill-color: var(--white);
    color: var(--white);
    -webkit-box-shadow: 0 0 0px 1000px varvar(--red) inset;
    transition: background-color 5000s ease-in-out 0s;
}
.contact-block .form-block input:-moz-autofill,
.contact-block .form-block input:-moz-autofill:hover,
.contact-block .form-block input:-moz-autofill:focus {
    -webkit-text-fill-color: var(--white);
    color: var(--white);
    -webkit-box-shadow: 0 0 0px 1000px var(--red) inset; 
    transition: background-color 5000s ease-in-out 0s;
}
.contact-block .form-block input:-ms-autofill,
.contact-block .form-block input:-ms-autofill:hover,
.contact-block .form-block input:-ms-autofill:focus {
    -webkit-text-fill-color: var(--white);
    color: var(--white);
    -webkit-box-shadow: 0 0 0px 1000px var(--red) inset; 
    transition: background-color 5000s ease-in-out 0s;
}

.user-auth-from form{
	max-width: 650px;
    margin: auto;
    padding: 60px; 
}
.user-auth-from form label{
	display: block;
	margin-bottom: 10px;
}
.user-auth-from form input:not([type=submit]), .user-auth-from form textarea,
.user-auth-from form input:not([type=file]), .user-auth-from form input:not([type=checkbox]){
    width: 100%;
    padding: 26px 25px;
    height: 80px;
    background: transparent;
    border: 2px solid #000;
    outline: 0;
    font-family: "Poppins", sans-serif;
    font-weight: normal;
    font-size: 20px;
    letter-spacing: 0;
    color: var(--black);
    opacity: 1 !important;
    margin-bottom: 15px;
}
.user-auth-from form .form-item__description{
	margin-bottom: 15px;
}
.user-auth-from form input[type=submit]{
    display: inline-block;
    padding: 11.5px 48px;
    border-radius: 60px;
    background: var(--red);
    border: 2px solid var(--red);
    font-weight: 500;
    font-size: 22px;
    color: var(--white);
    text-align: center;
    transition: all 0.3s;
    cursor: pointer;
    min-width: 260px;
    margin-top: 36px;
}
.user-auth-from form input[type=submit]:is(:hover,:focus){
	 background: var(--white);
	 color: var(--red);
}
.breadcrumb{
	padding: 30px;
}
#block-views-block-faq-page-block-1--2{display: none;}
/*sharepopup css*/
#a2a_overlay {
  background: rgba(0, 0, 0, 0.9) !important;
  opacity: 1;
}
.a2a_full {
  height: 80vh !important;
  top: 10vh !important;
  border: none !important;
  width: 980px !important;
  margin-left: -490px !important;
}
.a2a_menu_find_container {
  border-left: none !important;
  border-right: none !important;
  border-top: none !important;
  border-radius: 0 !important;
  width: 720px !important;
  margin: 0 auto 20px !important;
}
#a2apage_find_container input, #a2apage_find_container input[type="text"] {
  color: #FFFFFF !important;
}
.a2a_menu span.a2a_s_find svg {
  background-color: transparent !important;
}
.a2a_svg svg {
  width: 80% !important;
  top: 10% !important;
}
.a2a_menu span.a2a_s_find svg path {
  fill: #CCC !important;
}
.a2a_full_services .a2a_i {
  font-size: 18px !important;
  margin-bottom: 18px !important;
  text-align: center !important;
}
a.a2a_i, i.a2a_i {
  border: none !important;
  color: #FFFFFF !important;
}
a.a2a_i .a2a_svg, a.a2a_more .a2a_svg {
  background-size: 68px !important;
  height: 80px !important;
  line-height: 80px !important;
  width: 80px !important;
  display: block !important;
  margin: auto !important;
  border-radius: 50% !important;
  margin-bottom: 10px !important;
}
#a2a_overlay::after {
  content: "";
  display: block;
  width: 30px;
  height: 30px;
  position: absolute;
  z-index: 9999999;
  top: 20px;
  right: 20px;  
  background: url('../assets/images/close-button-popup.png') no-repeat;
  cursor: pointer;
}
.a2a_full {
  background: transparent !important;
}
.a2a_full_footer {
  display: none !important;
}
.a2a_menu a.a2a_i:active, .a2a_menu a.a2a_i:focus, .a2a_menu a.a2a_i:hover, .a2a_menu a.a2a_more:active, .a2a_menu a.a2a_more:focus, .a2a_menu a.a2a_more:hover {
  background: none !important;
  color: #FFF !important;
}
#a2apage_dropdown {
    display: none;
    visibility: hidden;
}
#a2a_overlay.a2a_starting {
    opacity: 0;
}
a.a2a_i:hover {
    color: #000 !important;
}

.a2a_s__default.a2a_s_a2a {
    visibility: hidden;
}
 @media screen and (max-width: 1024px){
  .a2a_full {
    width: 680px !important;
    margin-left: -340px !important;
  }
}
@media screen and (max-width: 767px){
  .a2a_full {
    width: 420px !important;
    margin-left: -210px !important;
  }
  .a2a_menu_find_container {
    width: auto !important;
  }
  a.a2a_i .a2a_svg, a.a2a_more .a2a_svg {
    width: 62px !important;
    height: 62px !important;
    background-size: 32px !important;
  }
}
 @media screen and (max-width: 639px){
  .a2a_full {
    width: 100% !important;
    margin-left: 0px !important;
  }
}
@media screen and (max-width: 460px){
  a.a2a_i .a2a_svg, a.a2a_more .a2a_svg {
    width: 42px !important;
    height: 42px !important;
    background-size: 32px !important;
  }
}
.product-list{
  display: none;
}
.custom_latest_products_main .product-list{
  display: block;
}
.custom_latest_products_main .product-list .view-filters .form-boolean-group {
    display: flex;
    flex-wrap: wrap;
    grid-gap: 15px 24px;
    margin-top: 30px;
}
.custom_latest_products_main .product-list .view-filters .form-boolean-group>.form-item {
    font-size: 22px;
    font-weight: 500;
    font-style: normal;
    text-align: center;
    color: var(--black);
    border: 2px solid var(--red);
    padding: 13.5px 50px;
    border-radius: 60px;
    transition: all 0.3s;
    position: relative;
}
.custom_latest_products_main .product-list .view-filters .form-boolean-group>.form-item:hover {
    background-color: var(--red);
    color: var(--white);
}
.custom_latest_products_main .product-list .view-filters .form-boolean-group .form-item input[type="radio"] {
    position: absolute;
    width: 100%;
    left: 0;
    -webkit-appearance: none;
    appearance: none;
    font: inherit;
    height: 100%;
    border: 0;
    border-radius: 60px;
    -webkit-border-radius: 60px;
    -moz-border-radius: 60px;
    display: inline-block;
    vertical-align: middle;
    top: 0;
    cursor: pointer;
}
.custom_latest_products_main .product-list .view-filters .form-boolean-group>.form-item.active-radio {
    background-color: var(--red);
    color: var(--white);
}
.custom_latest_products_main .product-list .view-filters .form-actions {
    display: none;
}
@media screen and (max-width: 1280px) {
.custom_latest_products_main .product-list .view-filters .form-boolean-group>.form-item {
    font-size: 14px;
    padding: 7.5px 20px;
    border-width: 1px;
    border-radius: 37px;
  }
  .custom_latest_products_main .product-list .view-filters .form-boolean-group {
    grid-gap: 15px 15px;
  }
}
@media screen and (max-width: 767px) {
.custom_latest_products_main .product-list .view-filters .form-boolean-group>.form-item {
    font-size: 12px;
    padding: 6.5px 15px;
    border-radius: 32px;
  }
  .custom_latest_products_main .product-list .view-filters .form-boolean-group {
   grid-gap: 15px 5px;
  }
}
.page-node-type-product .field--name-field-featured-image {
    display: none;
}
.toolbar-menu-administration ul.toolbar-menu li a#toolbar-link-domain-admin::before {
	background-image: url(../assets/images/domains.png);
}
/* .field.field--name-field-specific-types-title:before {
    content: "";
    display: block;
    width: 116px;
    height: 5px;
    background-color: var(--red);
    margin-bottom: 23px;
} */
/* .field.field--name-field-specific-types-title{
    font-size: 40px;
    line-height: 62px;
    font-weight: 500;
} */
/* .field.field--name-field-specific-types-subtitle {
    margin-top: 20px;
    font-size: 20px;
    line-height: 34px;
    font-weight: 400;
    max-width: 970px;
} */
/* .different-wastegate .container > .field.field--name-field-different-types-title.field--type-string.field--label-hidden.field__item:before {
    content: "";
    display: block;
    width: 116px;
    height: 5px;
    background-color: var(--red);
    margin-bottom: 23px;
    margin-inline: auto;
}

.different-wastegate .container > .field.field--name-field-different-types-title.field--type-string.field--label-hidden.field__item {
    font-size: 40px;
    line-height: 62px;
    font-weight: 500;
    text-align: center;
} */
/* .field.field--name-field-different-types-subtitle.field--type-string.field--label-hidden.field__item {
    text-align: center;
    margin-top: 20px;
    font-size: 20px;
    line-height: 34px;
    font-weight: 400;
    max-width: 970px;
    margin-inline: auto;
} */

form#views-exposed-form-duplicate-of-our-products-block-1 ul {
    display: flex;
    gap: 10px;
    list-style: none;
    padding: 0;
    margin-top: 40px;
}

form#views-exposed-form-duplicate-of-our-products-block-1 {
    width: 100%;
    display: inline-block;
}
form#views-exposed-form-duplicate-of-our-products-block-1 a {
    font-size: 22px;
    font-weight: 500;
    font-style: normal;
    text-align: center;
     color: var(--black);
    border: 2px solid var(--red);
    padding: 13.5px 50px;
    border-radius: 60px;
    transition: all 0.3s;
    position: relative;
}
form#views-exposed-form-duplicate-of-our-products-block-1 a.bef-link--selected {
    background-color: var(--red);
    color: var(--white);
}
.view-duplicate-of-our-products .custom-pager {
    margin-top: 94px;
}

.view-id-home_faq.view-display-id-block_1 .field-content, .view-id-home_faq.view-display-id-block_2 .field-content {
    grid-template-columns: repeat(1, 1fr);
}
.view-id-home_faq.view-display-id-block_1 .field-content .column:nth-child(2) {
    display: none;
}
.view-id-home_faq.view-display-id-block_2 .field-content .column:nth-child(1) {
    display: none;
}
/* .view-id-image_area h2 {
    max-width: 57%;
} */
.view-id-image_area h2:before {
    content: "";
    display: block;
    width: 116px;
    height: 5px;
    background-color: var(--red);
    margin-bottom: 23px;
}
.path-frontpage .view-id-home_faq.view-display-id-block_1 .field-content, .path-frontpage .view-id-home_faq.view-display-id-block_2 .field-content {
    grid-template-columns: repeat(2, 1fr);
}
.path-frontpage .view-id-home_faq.view-display-id-block_1 .field-content .column:nth-child(2) {
    display: block;
}
@media screen and (max-width: 1080px) {
  .path-frontpage .view-id-home_faq.view-display-id-block_1 .field-content, 
  .path-frontpage .view-id-home_faq.view-display-id-block_2 .field-content {
      grid-template-columns: repeat(1, 1fr);
  }
}
/*hide images from responsive only*/
@media screen and (max-width: 1080px) {
  .manufacturing-processes-block .block-bg-img,
  .prototyping-block .block-bg-img,
  .manufacturing-workflow-process .block-bg-img,
  .bespoke-products-block > figure,
  .unique-wastegate-block .c-row figure,
  .helping-you .block-bg-img,
  .helping-you .c-row figure,
  .als-valves-block .block-bg-img,
  .why-dsps-block > figure,
  .management-and-supervison .block-bg-img,
  .manufacturing-technologies .block-bg-img,
  .about-page-heading .block-bg-img,
  .landing-page-heading .block-bg-img,
  .light-grey-block .block-bg-img,
  .what-is-a-wastegate .block-bg-img,
  .purpose-of-wastegate .block-bg-img,
  .wastegates-used .c-row figure,
  .best-size-wastegate .block-bg-img,
  .services-page-heading .block-bg-img {
      display: none;
  }
}
/*captcha*/
.form-actions {
  margin-top: -112px;
  padding-left: calc(270px + 15px);
}
.captcha {
  width: 250px;
  height: 76px;
  border: 0;
  margin-top: 30px;
  transform: scale(0.8);
  transform-origin: top left;
}
.captcha__title {
  display: none;
}
.captcha__description {
  display: none;
}
@media screen and (max-width:1080px) {
  .captcha {
    width: 150px;
    height: 76px;
    margin-top: 30px;
    transform: scale(0.5);
  }
  .form-actions {
    margin-top: -86px;
    padding-left: calc(145px + 15px);
  }
}
/*cookies*/
.ccc-content--dark {
  background-color: #313131 !important
}

#ccc .checkbox-toggle--dark .checkbox-toggle-toggle {
  background-color: var(--red) !important
}

#ccc .checkbox-toggle--slider.checkbox-toggle--dark {
  background-color: var(--light-grey) !important;
  border-color: var(--light-grey) !important
}

#ccc-icon.ccc-icon--dark {
  fill: var(--red) !important
}

#ccc .checkbox-toggle--slider .checkbox-toggle-off,#ccc .checkbox-toggle--slider .checkbox-toggle-on {
  color: var(--red) !important
}

#ccc-icon.ccc-icon--dark #star path {
  fill: #FFF !important
}