/* Poppins */
@font-face {
  font-family: "Poppins";
  src: url("./fonts/Poppins-Thin.ttf") format("truetype");
  font-weight: 100;
}

@font-face {
  font-family: "Poppins";
  src: url("./fonts/Poppins-ExtraLight.ttf") format("truetype");
  font-weight: 200;
}

@font-face {
  font-family: "Poppins";
  src: url("./fonts/Poppins-Light.ttf") format("truetype");
  font-weight: 300;
}

@font-face {
  font-family: "Poppins";
  src: url("./fonts/Poppins-Regular.ttf") format("truetype");
  font-weight: 400;
}

@font-face {
  font-family: "Poppins";
  src: url("./fonts/Poppins-Medium.ttf") format("truetype");
  font-weight: 500;
}

@font-face {
  font-family: "Poppins";
  src: url("./fonts/Poppins-SemiBold.ttf") format("truetype");
  font-weight: 600;
}

@font-face {
  font-family: "Poppins";
  src: url("./fonts/Poppins-Bold.ttf") format("truetype");
  font-weight: 700;
}

@font-face {
  font-family: "Poppins";
  src: url("./fonts/Poppins-ExtraBold.ttf") format("truetype");
  font-weight: 800;
}

@font-face {
  font-family: "Poppins";
  src: url("./fonts/Poppins-Black.ttf") format("truetype");
  font-weight: 900;
}

/* Raleway */
@font-face {
  font-family: "Raleway";
  src: url("./fonts/Raleway-Thin.ttf") format("truetype");
  font-weight: 100;
}

@font-face {
  font-family: "Raleway";
  src: url("./fonts/Raleway-ExtraLight.ttf") format("truetype");
  font-weight: 200;
}

@font-face {
  font-family: "Raleway";
  src: url("./fonts/Raleway-Light.ttf") format("truetype");
  font-weight: 300;
}

@font-face {
  font-family: "Raleway";
  src: url("./fonts/Raleway-Regular.ttf") format("truetype");
  font-weight: 400;
}

@font-face {
  font-family: "Raleway";
  src: url("./fonts/Raleway-Medium.ttf") format("truetype");
  font-weight: 500;
}

@font-face {
  font-family: "Raleway";
  src: url("./fonts/Raleway-SemiBold.ttf") format("truetype");
  font-weight: 600;
}

@font-face {
  font-family: "Raleway";
  src: url("./fonts/Raleway-Bold.ttf") format("truetype");
  font-weight: 700;
}

@font-face {
  font-family: "Raleway";
  src: url("./fonts/Raleway-ExtraBold.ttf") format("truetype");
  font-weight: 800;
}

@font-face {
  font-family: "Raleway";
  src: url("./fonts/Raleway-Black.ttf") format("truetype");
  font-weight: 900;
}

/* Akkurat */
@font-face {
  font-family: "Akkurat";
  src: url("./fonts/Akkurat.ttf") format("truetype");
  font-weight: 400;
}

/* Bahnschrift */
@font-face {
  font-family: "Bahnschrift";
  src: url("./fonts/BAHNSCHRIFT.TTF") format("truetype");
}

a.floating-button {
  position: fixed;
  width: 50px;
  height: 50px;
  line-height: 50px;
  bottom: 240px;
  right: 30px;
  font-size: 20px;
  background-color: rgba(37, 211, 102, 1);
  color: #fff !important;
  border-radius: 50px;
  text-align: center;
  z-index: 1000;
  animation: pulsess 3s infinite;
  display: flex;
  justify-content: center;
  align-items: center;
}

a.floating-button_phone {
  bottom: 160px;
  background-color: rgba(220, 16, 16, 1);
}

a.floating-button_mail {
  bottom: 80px;
  background-color: rgba(0, 114, 198, 1);
}

a.floating-button_fb {
  bottom: 320px;
  background-color: rgba(53, 120, 229, 1);
}

a.floating-button:hover {
  color: #fff;
  background-color: rgba(37, 211, 102, 0.45);
  animation-play-state: paused;
}

a.floating-button_phone:hover {
  background-color: rgba(220, 16, 16, 0.45);
}

a.floating-button_mail:hover {
  background-color: rgba(0, 114, 198, 0.45);
}

a.floating-button_fb:hover {
  background-color: rgba(53, 120, 229, 0.45);
}

@keyframes pulsess {
  0% {
    box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.3);
  }
  30% {
    box-shadow: 0 0 0 10px rgba(0, 0, 0, 0.1);
  }
  50% {
    box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
  }
  80% {
    box-shadow: 0 0 0 10px rgba(0, 0, 0, 0.1);
  }
  100% {
    box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
  }
}

@media only screen and (max-width: 767px) {
  #side-contact {
    padding: 15px;
    background: #fff;
    display: flex;
    flex-direction: row;
    justify-content: center;
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 9999999999;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
  }

  html.pum-open #side-contact {
    transform: translateY(100%);
  }

  #side-contact a.floating-button {
    position: initial;
    display: block;
    margin: 0 15px;
    width: 45px;
    height: 45px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
  }

  /*this use with javascript */
  #side-contact.initial {
    /*position:unset;*/
    bottom: -100%;
  }
}

html,
body {
  scroll-behavior: smooth;
}

:root {
  --primary-color: 39 77 152;
  --secondary-color: 236 28 36;
  --accent-color: 35 31 32;
  --text-color: 64 64 65;
  --gap: 100px;
  --mobile-gap: 70px;
  --line-height: 1.5;
  --header-line-height: 1.2;
  --h1: 45px;
  --h2: 40px;
  --h3: 30px;
  --h4: 30px;
  --h5: 20px;
  --h6: 18%;
  --mobile-h1: 30px;
  --mobile-h2: 25px;
  --mobile-h3: 20px;
  --p: 16px;
  --header-p: 18px;
  --footer-inspiren: 14px;
  --footer-padding: 10px;
  --sidebar-footer-padding: 50px;
  --logo-height: 70px;
  --logo-width: 220px;
  --footer-logo-height: 120px;
  --con-width: max(1140px,85%);
  --con-width-1199: 940px;
  --con-width-991: 720px;

  --sidegap:15px;

  /*  filter image  */
  --filterWhite: invert(1) brightness(100);
  --filterBlack: invert(1) brightness(0);
  --filterNormal: invert(0) brightness(1);
}

@media screen and (min-width: 768px) {
  :root{
    --sidegap:35px;
  }
}

@media screen and (min-width: 992px) {
  :root{
    --sidegap:50px;
  }
}

@media screen and (min-width: 1200px) {
  :root{
    --sidegap:100px;
  }
}


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

body {
  font-family: "inter", sans-serif !important;
  line-height: var(--line-height);
  color: #000 !important;
  background: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  text-align: left;
  font-family: "inter", sans-serif !important;
  line-height: var(--header-line-height);
  color: #000 !important;
}

h1{
  font-family: "poppins", sans-serif !important;
}

/* ::-webkit-scrollbar {
  display: none;
} */

button {
  font-family: "Poppins", sans-serif !important;
}

strong {
  font-weight: 600 !important;
}

h1 {
  font-size: var(--h1) !important;
}

h2 {
  font-size: var(--h2) !important;
}

h3 {
  font-size: var(--h3) !important;
}

h4 {
  font-size: var(--h4) !important;
}

h5 {
  font-size: var(--h5) !important;
}

h6 {
  font-size: var(--h6) !important;
}

h1.title-post.entry-title,
footer.entry-footer {
  display: none;
}

.single-post h1.title-post.entry-title {
  display: block;
  font-size: var(--h4);
}

.entry-content > * {
  margin-bottom: 0 !important;
}

.content-area .hentry {
  padding-bottom: 0;
}

.page-wrap .content-wrapper,
.page .page-wrap .content-wrapper,
.single .page-wrap .content-wrapper {
  padding-top: 0px !important;
  padding-bottom: 0px !important;
}

.single .entry-header,
.page .entry-header {
  margin-bottom: 0 !important;
}

.single.single-post .entry-header {
  margin-bottom: 40px !important;
}

.content-area .hentry {
  padding-bottom: 0 !important;
}

.wpb_gmaps_widget .wpb_wrapper {
  padding: 0 !important;
}

#mainnav ul#primary-menu {
  align-items: center;
  column-gap: 30px;
}

#mainnav ul#primary-menu > li:last-child {
  padding-right: 0;
}

#mainnav ul#primary-menu > li > a,
ul#mobmenuright > li > a {
  font-size: var(--header-p);
}

#masthead .header-col:first-child img {
  max-height: var(--logo-height);
  max-width: var(--logo-width);
}

p.inspiren {
  font-size: var(--footer-inspiren);
  margin-bottom: 0;
  color: white;
}

p.inspiren span,
#colophon .sydney-credits span {
  display: inline-block;
}

p.inspiren span.inspiren-right a {
  color: inherit;
}


#colophon .sydney-credits {
  font-size: var(--footer-inspiren);
  text-align: center;
}

#colophon .sydney-credits a {
  color: inherit;
}

.footer-widgets-grid > .sidebar-column:first-child .widget.widget_media_image {
  margin-bottom: 20px;
}

.footer-widgets-grid > .sidebar-column:first-child img {
  max-height: 120px !important;
  max-width: 350px !important;
  object-fit: contain;
}

.sydney-hero-area {
  display: none !important;
}

.footer-widgets .widget {
  margin-bottom: 30px;
}

.single .hentry {
  margin-bottom: 0 !important;
}

.wpb_text_column h1:first-child,
.wpb_text_column h2:first-child,
.wpb_text_column h3:first-child,
.wpb_text_column h4:first-child,
.wpb_text_column h5:first-child,
.wpb_text_column h6:first-child {
  margin-top: 0 !important;
}

/* .wpb_text_column h1,
.wpb_text_column h2,
.wpb_text_column h3,
.wpb_text_column h4,
.wpb_text_column h5,
.wpb_text_column h6 {
  font-weight: 600 !important;
} */

.wpb_text_column h1 strong,
.wpb_text_column h2 strong,
.wpb_text_column h3 strong,
.wpb_text_column h4 strong,
.wpb_text_column h5 strong,
.wpb_text_column h6 strong {
  font-weight: 700 !important;
}

.vc_btn3-container {
  margin-bottom: 35px !important;
}

.text_justify {
  text-align: justify;
}

.text_white,
.text_white h1,
.text_white h2,
.text_white h3,
.text_white h4,
.text_white h5,
.text_white h6,
.text_white a {
  color: white !important;
}

.text_primary,
.text_primary h1,
.text_primary h2,
.text_primary h3,
.text_primary h4,
.text_primary h5,
.text_primary h6,
.text_primary a {
  color: rgb(var(--primary-color)) !important;
}

.span-inline-block span {
  display: inline-block;
}

.image-w-full,
.image-w-full * {
  width: 100%;
}

.image-w-full img {
  object-fit: cover;
}

.image-hover-scale {
  overflow: hidden;
}

.image-hover-scale img {
  transition: transform 500ms ease-out;
}

.image-hover-scale img:hover {
  transform: scale(1.05);
}

/* Blocksy */
ul.menu {
  display: flex;
  align-items: center;
  column-gap: 30px;
}

ul.menu > li > a {
  font-size: 18px;
  text-transform: capitalize;
  font-weight: 400;
}

.hero-section {
  display: none;
}

[data-vertical-spacing*="top"] {
  padding-top: 0;
}

[data-vertical-spacing*="bottom"] {
  padding-bottom: 0;
}

.ct-container {
  width: 100%;
  max-width: none;
}

@media screen and (min-width: 768px) {
  .ct-container {
    /* max-width: calc(var(--con-width-991) + 30px); */
  }
}

@media screen and (min-width: 992px) {
  .ct-container {
    /* max-width: calc(var(--con-width-1199) + 30px); */
  }
}

@media screen and (min-width: 1200px) {
  .ct-container {
    /* max-width: calc(var(--con-width) + 30px); */
  }
}

/* Blocksy End */

/* Custom */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* ul:not(.products):not(.sub-menu) {
  padding-left: 20px;
} */

.mobile_view {
  display: none !important;
}

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

.vc_grid-container-wrapper:last-child .vc_grid-container.wpb_content_element {
  margin-bottom: 0;
}

.wpb_text_column.reg_no h1:first-child span,
.wpb_text_column.reg_no h2:first-child span,
.wpb_text_column.reg_no h3:first-child span,
.wpb_text_column.reg_no h4:first-child span,
.wpb_text_column.reg_no h5:first-child span,
.wpb_text_column.reg_no h6:first-child span {
  font-size: 16px !important;
  font-weight: 400 !important;
}

.mb {
  margin-bottom: 35px !important;
}

.mb-0 {
  margin-bottom: 0 !important;
}

.mb-5 {
  margin-bottom: 5px !important;
}

.mb-10 {
  margin-bottom: 10px !important;
}

.mb-15 {
  margin-bottom: 15px !important;
}

.mb-20 {
  margin-bottom: 20px !important;
}

.mb-25 {
  margin-bottom: 25px !important;
}

.mb-30 {
  margin-bottom: 30px !important;
}

.gap {
  padding-top: var(--gap);
  padding-bottom: var(--gap);
}

.gap-t {
  padding-top: var(--gap);
}

.gap-b {
  padding-bottom: var(--gap);
}

.row-mb-10 > div > div > div > * {
  margin-bottom: 10px;
}

.row-mb-20 > div > div > div > * {
  margin-bottom: 20px;
}

.row-mb-30 > div > div > div > * {
  margin-bottom: 30px;
}

.column-inner-0 > div > div {
  padding-top: 0 !important;
}

.grid {
  display: grid !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  gap: 30px;
}

.grid::before,
.grid::after {
  display: none !important;
}

.grid > div {
  width: 100% !important;
}

.grid > div > div {
  height: 100%;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.grid-column-2 {
  grid-template-columns: repeat(2, 1fr);
}

.grid-column-3 {
  grid-template-columns: repeat(3, 1fr);
}

.grid-column-4 {
  grid-template-columns: repeat(4, 1fr);
}

.grid-column-5 {
  grid-template-columns: repeat(5, 1fr);
}

.grid-column-6 {
  grid-template-columns: repeat(6, 1fr);
}

@media screen and (min-width: 768px) {
  /* .vc_row > div > div > div > *:last-child {
    margin-bottom: 0 !important;
  } */



  .column-gap {
    --column-gap: 30px;
  }

  .column-gap > div {
    padding-left: var(--column-gap) !important;
    padding-right: var(--column-gap) !important;
  }

  .column-gap > div:first-child {
    padding-left: 0 !important;
  }

  .column-gap > div:last-child {
    padding-right: 0 !important;
  }

  .column-gap.vc_row-no-padding {
    --column-gap: 45px;
  }

  .column-gap .grid-md {
    display: grid !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    gap: 20px;
  }

  .padding-left-gap > div:first-child {
    padding-left: calc((100% - var(--con-width-991)) / 2) !important;
  }

  .padding-right-gap > div:last-child {
    padding-right: calc((100% - var(--con-width-991)) / 2) !important;
  }

  .grid-md {
    display: grid !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    gap: 30px;
  }

  .grid-md::before,
  .grid-md::after {
    display: none !important;
  }

  .grid-md > div {
    width: 100% !important;
  }

  .grid-md > div > div {
    height: 100%;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  .grid-column-md-2 {
    grid-template-columns: repeat(2, 1fr);
  }

  .grid-column-md-3 {
    grid-template-columns: repeat(3, 1fr);
  }

  .grid-column-md-4 {
    grid-template-columns: repeat(4, 1fr);
  }

  .grid-column-md-5 {
    grid-template-columns: repeat(5, 1fr);
  }

  .grid-column-md-6 {
    grid-template-columns: repeat(6, 1fr);
  }
}

@media screen and (min-width: 992px) {
  .padding-left-gap > div:first-child {
    padding-left: calc((100% - var(--con-width-1199)) / 2) !important;
  }

  .padding-right-gap > div:last-child {
    padding-right: calc((100% - var(--con-width-1199)) / 2) !important;
  }

  .grid-lg {
    display: grid !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    gap: 30px;
  }

  .grid-lg::before,
  .grid-lg::after {
    display: none !important;
  }

  .grid-lg > div {
    width: 100% !important;
  }

  .grid-lg > div > div {
    height: 100%;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  .grid-column-lg-2 {
    grid-template-columns: repeat(2, 1fr);
  }

  .grid-column-lg-3 {
    grid-template-columns: repeat(3, 1fr);
  }

  .grid-column-lg-4 {
    grid-template-columns: repeat(4, 1fr);
  }

  .grid-column-lg-5 {
    grid-template-columns: repeat(5, 1fr);
  }

  .grid-column-lg-6 {
    grid-template-columns: repeat(6, 1fr);
  }
}

@media screen and (min-width: 1200px) {
  .padding-left-gap > div:first-child {
    padding-left: calc((100% - var(--con-width)) / 2) !important;
  }

  .padding-right-gap > div:last-child {
    padding-right: calc((100% - var(--con-width)) / 2) !important;
  }
}

@media screen and (max-width: 1199px) {
  :root {
    --con-width: var(--con-width-1199);
  }
}

@media screen and (max-width: 991px) {
  :root {
    --gap: var(--mobile-gap);
    --con-width: var(--con-width-991);
    --h1: var(--mobile-h1);
    --h2: var(--mobile-h1);
    --h3: var(--mobile-h2);
    --h4: var(--mobile-h2);
    --h5: var(--mobile-h3);
    --h6: var(--mobile-h3);
  }

  #secondary {
    display: none !important;
  }
}

@media screen and (max-width: 767px) {
  .gap,
  .gap-b {
    padding-bottom: calc(var(--gap) - 35px);
  }

  .gap.full,
  .gap-b.full {
    padding-bottom: var(--gap);
  }

  .desktop_view {
    display: none !important;
  }

  .mobile_view {
    display: block !important;
  }
}
/* End Custom */

/* Header */
/* #header {
  position: fixed;
  width: 100%;
  transition: all 300ms ease-out;
  top: 0;
}

.admin-bar #header {
  top: 32px;
}

#header > div > div {
  background: none !important;
} */

nav[class*="menu"] li a {
  color: white;
  transition: all 300ms ease-out;
}

nav[class*="menu"] li a:hover,
nav[class*="menu"] li:hover > a,
nav[class*="menu"] li:hover > .ct-sub-menu-parent {
  color: #B69260;
}

nav[class*="menu"] li[class*="current-menu-"] > a,
nav[class*="menu"] li[class*="current-menu-"] > .ct-sub-menu-parent {
  color: #B69260;
  font-weight: 600;
}

/* body.initial #header {
  background: rgb(var(--primary-color) / 0.7);
}

body.initial #header:hover {
  background: rgb(var(--primary-color));
} */

/* #header svg.ct-icon {
  fill: white;
} */
#offcanvas ul[role="menubar"]{
  padding-left: 0;
}

#offcanvas ul[role="menubar"] > li:last-child {
	align-items: flex-start;
}

/* #offcanvas ul[role="menubar"] > li:last-child > a {
	margin-top: 10px;
	background: #B69260;
	padding: 8px 20px;
	border-radius: 100vmax;
	color: white !important;
	font-weight: 600;
	width: auto;
	flex: 0 0 auto;
} */
/* #header ul.menu > li:last-child > a {
  background: #B69260;
  padding: 8px 25px;
  border-radius: 100vmax;
  color: white !important;
  font-weight: 600;
} */

[data-dropdown*="type-1"] ul.menu > [class*="animated-submenu"] > .sub-menu {
  left: 50% !important;
  transform: translateX(-50%) !important;
  /* background: none !important; */
  /* padding-top: 20px; */
  isolation: isolate;
}

/* [data-dropdown*="type-1"] ul.menu > [class*="animated-submenu"] > .sub-menu::before {
  content: "";
  position: absolute;
  top: 40px;
  left: calc(50% - 15px);
  width: 30px;
  height: auto;
  aspect-ratio: 1;
  background: white;
  z-index: -1;
  display: block !important;
  clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
} */

.sub-menu li > a {
  background: white;
  color: rgb(var(--accent-color)) !important;
  line-height: 1.5;
  font-size: 14px;
  padding: 10px;
  transition: all 300ms ease-out;
}

.sub-menu > li.current-product-ancestor > a,
.sub-menu > li.current-menu-ancestor > a,
.sub-menu > li.current-menu-parent > a,
.sub-menu > li.current-product-parent > a,
.sub-menu > li.current-menu-item > a {
  background: rgb(var(--primary-color)) !important;
  color: white !important;
}

[data-dropdown*="type-1"] .sub-menu > [class*="animated-submenu"] > .sub-menu {
  transform: translate3d(-5px, 10px, 0);
}

[data-dropdown*="type-1"] .sub-menu > [class*="animated-submenu"].ct-active > .sub-menu {
  transform: translate3d(-5px, 0, 0);
}

.sub-menu li:hover > a {
  color: white !important;
  background: rgb(var(--primary-color));
}

.ct-toggle-dropdown-desktop {
  display: none !important;
}

/* Footer */
#footer .ct-container {
  max-width: calc(var(--con-width));
}

#footer [data-row="middle"] .ct-container {
  padding-top: 50px;
  padding-bottom: 50px;
}

#footer [data-row="bottom"] {
  background: rgb(var(--primary-color));
  text-align: center;
}

#footer [data-row="bottom"] .ct-container {
  padding-top: 10px;
  padding-bottom: 10px;
}

/* [data-footer*="type-1"] footer.ct-footer {
  background: none !important;
} */

#footer img.image.attachment-medium.size-medium {
  max-height: 100px;
  width: auto;
}

#footer div#media_image-2 {
  text-align: center;
}

#footer table td {
  border: none;
  vertical-align: top;
  padding-top: 0;
  padding-bottom: 10px;
  padding-left: 0;
  color:#696969;
}

#footer table td:last-child{
  padding-right: 0;
}

#footer table {
  border: none;
}

#footer table td:first-child i {
  color: #000;
}

.page-id-34 #footer [data-row="middle"] {
  display: none !important;
}

.page-id-34 #footer [data-row="bottom"] {
  background: none;
}

.page-id-34 p.inspiren {
  color: rgb(var(--primary-color));
}

/* Slider Revolution */
.right-triangle-wrapper {
  filter: drop-shadow(-10px 0px 10px black);
}

.left-triangle-wrapper {
  filter: drop-shadow(10px 0px 10px black);
}

/* Home Page */
.custom-button .vc_general {
  padding: 0 !important;
  /* padding-right: 30px !important; */
  color: rgb(var(--primary-color)) !important;
  outline: none !important;
  background: none !important;
  border: none !important;
  border-radius: 0 !important;
  position: relative;
}

/* .custom-button .vc_general::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  width: auto;
  aspect-ratio: 1;
  background: center / contain no-repeat url("https://8.inspiren.dev/hs-diesel/wp-content/uploads/2022/11/button.png");
} */


.button-center {
  display: block !important;
  text-align: center;
}

.wpb_text_column.webkit-text,
.banner-text {
  -webkit-text-fill-color: transparent;
  -webkit-text-stroke-width: 0.5px;
  -webkit-text-stroke-color: white;
  font-family: 'poppins' !important;
  /*opacity: 0.5;*/
}

.wpb_text_column.webkit-text.webkit-gray-color {
  -webkit-text-stroke-color: #e0e5ee;
}

.wpb_text_column.webkit-text.webkit-primary-color {
  -webkit-text-stroke-color: #274D98;
  -webkit-text-stroke-width: 1.5px;

}

.wpb_text_column.webkit-text.webkit-primary-color h1{
  font-family: 'poppins' !important;
}

.wpb_text_column.webkit-text h1 {
  font-size: calc(var(--h1) + 10px) !important;
}

.wpb_text_column.webkit-text h2 {
  font-size: calc(var(--h2) + 30px) !important;
}

.wpb_text_column.webkit-text h3 {
  font-size: calc(var(--h3) + 30px) !important;
}

.wpb_text_column.webkit-text h4 {
  font-size: calc(var(--h4) + 30px) !important;
}

.wpb_text_column.webkit-text h5 {
  font-size: calc(var(--h5) + 30px) !important;
}

.wpb_text_column.webkit-text h6 {
  font-size: calc(var(--h6) + 30px) !important;
}

/*.home-about-row .about_image img {*/
/*  aspect-ratio: 525 / 484;*/
/*}*/

.home .home-about-row .about_image img {
  aspect-ratio: 525 / 352;
}

.home-about-row.gap,
.home-about-row.gap-b {
  padding-bottom: var(--gap);
}

.home-about-product-row .about-product-text {
  text-align: right;
}

.home-about-product-row .about-product-text > div {
  background: rgb(var(--primary-color));
  padding: 10px 20px;
}

.home-about-product-row .about-product-image img {
  aspect-ratio: 315 / 311;
}

/* .home-product-row.gap,
.home-product-row.gap-b {
  padding-bottom: calc(var(--gap) * 2);
} */

.home-product-row.vc_row-has-fill {
  position: relative;
  isolation: isolate;
  background-attachment: fixed;
}

.home-product-row.vc_row-has-fill::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #04438Ce6;
  display: block !important;
  z-index: -1;
}

.home-product-row .vc_row.vc_inner > div > div{
  padding-left:0;
  padding-right:0;
}

.home-product-row .home-product-row-inner-2.vc_row-has-fill > div > div {
  padding: 15px;
}

.home-product-row .home-product-row-inner-2.vc_row-has-fill {
  margin-left: 0;
  margin-right: 0;
}

span.main-counter {
  font-size: var(--h1) !important;
  color: rgb(var(--primary-color));
}

span.main-counter::after {
  content: ",000 Bottles";
  font-size: var(--h4);
  padding-left: 5px;
}
.home-machine-row.h-4{
  width: 100% !important;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}

.home-service-inner-row .wpb_single_image,
.home-service-inner-row .wpb_single_image *{
  object-fit: cover;
  width: 100%;
}

.home-service-inner-row .custom-button{
  display: block;
}

.home-service-inner-row .custom-button .vc_general.vc_btn3::after{
  display: none;
}

.home-service-inner-row .custom-button .vc_general.vc_btn3{
  color:#fff !important;
  background-color:#274D98 !important;
  width: 100%;
  padding:10px 25px !important;
  border-radius: 10px !important;
}

.home-range-row > div > div{
  height:450px;
  max-height:450px;
  position: relative;
}

.home-range-row > div{
  position: relative;
  isolation: isolate;
}

.home-range-row > div > div::before{
  content:'';
  position:absolute;
  width: 100%;
  height:100%;
  inset: 0;
  display: block !important;
  z-index: -1;
  background-color: rgba(0, 0, 0, 0.4);
}

.home-range-row > div > div > div{
  position: relative;
  z-index: 1;
}

.home-contact-row .custom-button .vc_general.vc_btn3{
  background-color: #fff !important;
  padding:10px 25px !important;
  border-radius: 10px !important; 
  color:#EC9147 !important;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: 400 !important;
}

.home-contact-row .custom-button .vc_general.vc_btn3:after{
  display: none;
}

/* Set default style for columns */
.home-range-row > .wpb_column {
  flex: 1; /* Each column initially takes equal space */
  transition: all 0.3s ease; /* Smooth transition */
}

/* Increase size of the active column */
.home-range-row > .wpb_column.column-active {
  flex: 1.5; /* Adjust scale as needed */
}

/* Ensure inner content is aligned */
.home-range-row > .wpb_column .vc_column-inner .wpb_wrapper {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
} 

.home-range-row .custom-button .vc_general.vc_btn3 {
  position: relative;
  overflow: visible; 
  color: #FFFFFF; 
  background-color: transparent; 
  padding-left: 40px !important; 
  border-radius: 50px;
  transition: color 0.3s ease;
  z-index: 1; 
}

.home-range-row .custom-button .vc_general.vc_btn3:hover{
  color:#fff !important;
}

.home-range-row .custom-button .vc_general.vc_btn3::before {
  content: '\f054'; 
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  position: absolute;
  top: 50%;
  left:0; /* Adjusted to provide some spacing from the left */
  width: 30px;
  height: 30px;
  background-color: #274D98; 
  color: #FFFFFF; 
  border-radius: 50%; 
  display: flex;
  align-items: center;
  justify-content: center;
  transform: translateY(-50%); 
  z-index: 2; 
}

.home-range-row .custom-button .vc_general.vc_btn3:hover:before{
  color:#fff;
}

.home-range-row .custom-button .vc_general.vc_btn3::after {
  content: '';
  position: absolute;
  top: 50%; 
  left: -15px; 
  width: 110%; 
  height: 100%; 
  background-color: #274D98; 
  border-radius: 50px; 
  transition: transform 0.4s ease; 
  z-index: -1; 
  transform: scaleX(0); 
  transform-origin: left; 
}

.home-range-row .custom-button .vc_general.vc_btn3:hover::after {
  transform: scaleX(1); 
}

.home-range-row .custom-button .vc_general.vc_btn3{
    color:#fff !important;
}

.home-range-row .custom-button .vc_general.vc_btn3:hover {
  color: #FFFFFF;
}

.home-range-row .custom-button .vc_general.vc_btn3::after {
  height: 30px; 
  top: calc(50% - 15px); 
}

.home-range-row .custom-button .vc_general.vc_btn3 i {
  left:0 !important; 
  width: 30px;
  height:30px;
  background-color:#274D98;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.home-contact-row > div:first-child{
  width: 50% !important;
}

.home-contact-row{
  display: block !important;
}

.home-contact-row > div:last-child{
  float:right;
}



/* .home-range-row .custom-button .vc_general.vc_btn3 i:before{
  content:'';
  position: absolute;
  width: 100%;
  height:100%;
  background-color:#274D98;
  top:50%;
  left:50%;
  transform: translate(-50%,-50%);
} */
/* .home-range-row .custom-button .vc_general.vc_btn3:before{
  content: '\f054';
  position: absolute;
  width: 12px;
  font-family: 'Font Awesome 6 Free';
  font-weight: 900;
  color:#fff;
  font-size: 12px;
  left:0;
  top:4px;
  background-color:#274D98;
  display: flex;
  align-items: center;
  justify-content: center;
} */

/* .home-machine-row.vc_row-has-fill {
  position: relative;
  isolation: isolate;
  background-attachment: fixed;
}

.home-machine-row.vc_row-has-fill::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block !important;
  z-index: -1;
  background: #2f3030;
  opacity: 0.8;
}

.home-machine-row.vc_row-has-fill::after {
  content: "";
  position: absolute;
  bottom: 0;
  right: 0;
  width: calc(100% - ((100% - var(--con-width)) / 2));
  height: var(--gap);
  z-index: -1;
  display: block !important;
  background: #e0e5ee;
  clip-path: polygon(100% 0, 0% 100%, 100% 100%);
  opacity: 0.4;
} */

.home-machine-row .machine-image img {
    object-position: 50% 100%;
    height: 60px;
    width: auto;
    aspect-ratio: 11/7;
    object-fit: contain;
}

.home-machine-row > div > div{
  padding-left: 0 !important;
  padding-right:0 !important;
}

.home-logo-row .logo-image img {
  height: 60px;
  object-fit: contain;
  width: auto;
}

.home-logo-row > div,
.home-logo-row .logo-image {
  width: auto;
}

.home-contact-row-1 .contact-image img {
  aspect-ratio: 1440 / 539;
}

.home-contact-row-1 .contact-image {
  position: relative;
  isolation: isolate;
}

.home-contact-row-1 .contact-image::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block !important;
  background: #000000;
  opacity: 0.4;
}

.contact-button {
  display: block !important;
}

.contact-button .vc_general {
  color: rgb(var(--primary-color)) !important;
  font-weight: 600 !important;
  border-radius: 0 !important;
  font-size: var(--p) !important;
  background: white !important;
  width: 100%;
  position: relative;
  isolation: isolate;
  border: none !important;
  overflow: hidden;
}

.contact-button .vc_general::before {
  color: inherit;
  font-weight: 900;
  font-family: "Font Awesome 6 Free";
  font-size: 20px;
  vertical-align: middle;
  padding-right: 8px;
}

.contact-button .vc_general::after {
  content: "";
  position: absolute;
  top: 0;
  right: -5px;
  height: 100%;
  aspect-ratio: 1;
  z-index: -1;
  display: block !important;
}

/* .contact-button.call-button .vc_general::after {
  background: center / contain no-repeat url("https://5.inspiren.dev/hs-diesel/wp-content/uploads/2022/11/phone.png");
}

.contact-button.mail-button .vc_general::after {
  background: center / contain no-repeat url("https://5.inspiren.dev/hs-diesel/wp-content/uploads/2022/11/mail.png");
} */

.contact-button.call-button .vc_general::before {
  content: "\f095";
}

.contact-button.mail-button .vc_general::before {
  content: "\f0e0";
}

.home-contact-row-2 {
  padding-left: 10%;
  padding-right: 10%;
  margin-left: 15px !important;
  margin-right: 15px !important;
  margin-top: calc(100vw / 1440 * 269.5 * -1);
}

.home-contact-row-2.vc_row-has-fill {
  position: relative;
  isolation: isolate;
  overflow: hidden;
}

body:not(.page-id-34) .home-contact-row-2.vc_row-has-fill:before {
  content: "";
  position: absolute;
  bottom: 0;
  right: 0;
  width: 100%;
  height: var(--gap);
  z-index: -1;
  display: block !important;
  background: #e0e5ee;
  clip-path: polygon(100% 0, 0% 100%, 100% 100%);
  opacity: 0.1;
}

.contact-page.home-contact-row-2{
  position: relative;
  border-radius:10px;
}

.contact-page.home-contact-row-2:before{
  content:'';
  position: absolute;
  width:100%;
  height:100%;
  top:0;
  left:0;
  z-index: 0;
  background-image: url(../blocksy-child/images/ctabackground.png);
  background-position: left;
  background-size: contain;
  background-repeat: no-repeat;
  opacity: 0.7;
}

.ct-posts-shortcode > .entries{
  gap:50px 35px !important;
}

.home-contact-row{
  position: relative;
}

.home-contact-row:before{
  content:'';
  position: absolute;
  width:100%;
  height:100%;
  top:0;
  left:0;
  z-index: 0;
  background-image: url(../blocksy-child/images/ctabackground.png);
  background-position: left;
  background-size: contain;
  background-repeat: no-repeat;
  opacity: 0.7;
  display: block !important;
}

/* .page-id-34 .home-contact-row-2 .left-triangle,
.page-id-34 .home-contact-row-2 .right-triangle {
  position: absolute;
  bottom: 0;
  right: 0;
  height: 40%;
  width: 100%;
  max-height: 285px;
  filter: drop-shadow(10px 0px 10px black);
}

.page-id-34 .home-contact-row-2 .left-triangle i,
.page-id-34 .home-contact-row-2 .right-triangle i {
  width: 100%;
  height: 100%;
  display: block;
  z-index: -1;
  position: relative;
}

.page-id-34 .home-contact-row-2 .left-triangle i {
  clip-path: polygon(0 0, 0% 100%, 100% 100%);
  background: #1642a6;
}

.page-id-34 .home-contact-row-2 .right-triangle i {
  clip-path: polygon(100% 0, 0% 100%, 100% 100%);
  background: rgb(var(--primary-color));
} */

.home-about-product-row img.attachment-woocommerce_thumbnail.size-woocommerce_thumbnail {
  aspect-ratio: 73 / 49 !important;
  object-fit: contain;
  background: #e9e9ea;
  padding: 15px;
}

.home-about-product-row .woocommerce-loop-category__title {
  font-size: var(--p) !important;
  font-weight: 400 !important;
  color: rgb(var(--text-color)) !important;
}

.home-about-product-row .count {
  display: none !important;
}

.home-about-sec {
  position: relative;
  isolation: isolate;
}

/* .home-about-sec::before {
  content: "";
  position: absolute;
  top: var(--gap);
  left: calc((100% - var(--con-width)) / 4);
  width: calc(var(--con-width) / 2.3);
  height: 600px;
  z-index: -1;
  display: block !important;
  background: rgb(var(--primary-color));
}

body:not(.home) .home-about-sec::before {
  top: calc(var(--gap) + 145px);
  width: calc((100% - var(--con-width)) / 2 + var(--con-width) * 0.3);
  left: 0;
} */

.webkit-row {
  position: absolute;
  top: 15px;
  left: calc((100% - var(--con-width)) / 4 + 75px);
  transform: rotate(90deg);
  transform-origin: center left;
}

.webkit-row h1,
.webkit-row h2,
.webkit-row h3,
.webkit-row h4,
.webkit-row h5,
.webkit-row h6 {
  line-height: 1;
}

/* SK */
.home-about-row > .wpb_column > .vc_column-inner > .wpb_wrapper{
  position: relative;
  isolation: isolate;
}

.home-about-row > .wpb_column:nth-child(1) > .vc_column-inner > .wpb_wrapper{
  --header-line-height:1;
  --font-h:calc((var(--h1) + 30px)*var(--header-line-height)*2);
  position: relative;
  isolation: isolate;
  padding-left: calc(var(--font-h) + 30px);
  padding-block: 70px;
}


.home-about-row > .wpb_column:nth-child(1) > .vc_column-inner > .wpb_wrapper:before{
  content: '';
  position: absolute;
  width: calc((100% - var(--font-h) - 30px)/2 + var(--font-h) + 30px);
  height: 100%;
  top: 0;
  left: 0;
  background-color: rgb(var(--primary-color));
  display: block !important;
  z-index: -1;
  border-radius: 10px;
}

.home-about-row video{
  border-radius:10px;
}

.home-about-row > .wpb_column:nth-child(1) .webkit-text {
	position: absolute;
	top: 10px;
	left: 0;
	transform: translateX(var(--font-h)) rotate(90deg);
	transform-origin: 0 0;
}

.home-product-row ul.products {
  padding-top: 15px;
}

@media screen and (min-width: 992px) {
  .home-product-row ul.products {
    column-gap: 50px;
    grid-column-gap: 50px;
  }
}


.home-product-row ul.products > li.product {
  background: white;
  padding: 20px;
}

.home-product-row img.attachment-woocommerce_thumbnail.size-woocommerce_thumbnail.wp-post-image {
  aspect-ratio: 1 !important;
  object-fit: contain;
  max-height: 250px;
}

.home-product-row .ct-woo-card-actions {
  display: none !important;
}

.home-product-row .woocommerce-loop-product__title {
  font-size: var(--p) !important;
  font-weight: 400 !important;
  color: rgb(var(--text-color));
  text-align: center;
}

.home-product-row li.product:hover .woocommerce-loop-product__title {
  color: rgb(var(--primary-color));
}

.home-baoli-row {
  margin-top: calc(var(--gap) * -1);
  position: relative;
  margin-left: 15px !important;
  margin-right: 15px !important;
}

.home-baoli-row a.woocommerce-LoopProduct-link.woocommerce-loop-product__link {
  display: flex;
  flex-direction: column-reverse;
  gap: 15px;
}

.home-baoli-row ul.products {
  gap: 15px;
}

.home-baoli-row .woocommerce-loop-product__title {
  font-size: var(--p) !important;
  font-weight: 400 !important;
  text-align: center;
  color: white !important;
  background: rgb(var(--primary-color));
  padding: 10px;
}

.home-baoli-row .ct-woo-card-actions {
  display: none !important;
}

.home-baoli-row img.attachment-woocommerce_thumbnail.size-woocommerce_thumbnail.wp-post-image {
  aspect-ratio: 520 / 421 !important;
  object-fit: contain;
  background: #d5d6d7;
  padding: 30px;
}

/* About Page */

.about-vision-mission-row {
  padding-left: calc((100vw - var(--con-width)) / 2) !important;
  padding-right: calc((100vw - var(--con-width)) / 2) !important;
}

.about-vision-mission-row.vc_row-has-fill {
  background-attachment: fixed;
}

.about-vision-mission-row .vision-mission-image img {
  height: 60px;
  width: auto;
}

.about-vision-mission-row.vc_row-has-fill > div > div {
  padding: 40px !important;
  position: relative;
  isolation: isolate;
  overflow: hidden;
}

.about-vision-mission-row.vc_row-has-fill > div > div::before {
  content: "";
  position: absolute;
  top: 10%;
  right: 0;
  height: 80%;
  width: 50%;
  z-index: -1;
  display: block !important;
  /* background: center right / contain no-repeat url("https://5.inspiren.dev/hs-diesel/wp-content/uploads/2022/11/mission-background.png"); */
  transform: translateX(30%);
}

.about-vision-mission-row.vc_row-has-fill > div:nth-child(2) > div::before {
  /* background: center right / contain no-repeat url("https://5.inspiren.dev/hs-diesel/wp-content/uploads/2022/11/vision-background.png"); */
}

.about-vision-mission-row.vc_row-has-fill > div:nth-child(3) > div::before {
  /* background: center right / contain no-repeat url("https://5.inspiren.dev/hs-diesel/wp-content/uploads/2022/11/values-background.png"); */
}

.about-vision-mission-row .vision-mission-text {
  font-family: "Akkurat" !important;
}

.about-vision-mission-row .vision-mission-text h1,
.about-vision-mission-row .vision-mission-text h2,
.about-vision-mission-row .vision-mission-text h3,
.about-vision-mission-row .vision-mission-text h4,
.about-vision-mission-row .vision-mission-text h5,
.about-vision-mission-row .vision-mission-text h6 {
  font-family: "Raleway" !important;
}

.about-vision-mission-row .vision-mission-text h1 strong,
.about-vision-mission-row .vision-mission-text h2 strong,
.about-vision-mission-row .vision-mission-text h3 strong,
.about-vision-mission-row .vision-mission-text h4 strong,
.about-vision-mission-row .vision-mission-text h5 strong,
.about-vision-mission-row .vision-mission-text h6 strong {
  font-weight: 800 !important;
}

.about-milestone-row-2 .milestone-image img {
  aspect-ratio: 525 / 317;
}

.about-milestone-row-2 .milestone-text {
  font-family: "Akkurat" !important;
}

.about-milestone-row-2 .milestone-text h1,
.about-milestone-row-2 .milestone-text h2,
.about-milestone-row-2 .milestone-text h3,
.about-milestone-row-2 .milestone-text h4,
.about-milestone-row-2 .milestone-text h5,
.about-milestone-row-2 .milestone-text h6 {
  font-family: "Poppins" !important;
}

.about-milestone-row-2 .vc_row.vc_inner > div:first-child .milestone-text,
.about-milestone-row-2 .vc_row.vc_inner > div:first-child .milestone-text h1,
.about-milestone-row-2 .vc_row.vc_inner > div:first-child .milestone-text h2,
.about-milestone-row-2 .vc_row.vc_inner > div:first-child .milestone-text h3,
.about-milestone-row-2 .vc_row.vc_inner > div:first-child .milestone-text h4,
.about-milestone-row-2 .vc_row.vc_inner > div:first-child .milestone-text h5,
.about-milestone-row-2 .vc_row.vc_inner > div:first-child .milestone-text h6 {
  text-align: right !important;
}

.about-milestone-row-2 .vc_row.vc_inner:nth-child(odd) > div:first-child > div > div > *:first-child,
.about-milestone-row-2 .vc_row.vc_inner:nth-child(even) > div:last-child > div > div > *:first-child {
  padding-top: 18px;
}

.about-milestone-row-2 .vc_row.vc_inner {
  position: relative;
  isolation: isolate;
}

.about-milestone-row-2 .vc_row.vc_inner::before {
  content: "";
  position: absolute;
  top: 18px;
  left: 50%;
  width: 10px;
  aspect-ratio: 1;
  background: rgb(var(--primary-color));
  transform: translate(-50%, -50%);
  border-radius: 50%;
  display: block !important;
  z-index: -1;
}

.about-milestone-row-2 {
  position: relative;
  isolation: isolate;
}

.about-milestone-row-2::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  width: 1px;
  height: calc(100% - 18px);
  display: block !important;
  z-index: -1;
  background: rgb(var(--primary-color));
  transform: translateX(-50%);
}

.about-milestone-sec {
  position: relative;
  isolation: isolate;
}

.about-milestone-sec::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 15px;
  width: calc(100% - 30px);
  height: 1px;
  background: rgb(var(--primary-color));
  z-index: -1;
  display: block !important;
  transform: translateY(50%);
}

.post-row .ct-posts-shortcode .entries .entry-title{
  text-align: center;
  padding:10px 25px;
  background-color: #274D98;
  border-radius: 10px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.post-row .ct-posts-shortcode .entries .entry-title > a{
  color:#fff;
  font-weight: 500;
  font-size: 14px;
}

/* Event Page */
.event-intro-row .intro-post-grid img.vc_gitem-zone-img {
  aspect-ratio: 1140 / 941;
}

.event-intro-row {
  position: relative;
  isolation: isolate;
}

.event-intro-row::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 15px;
  width: calc(100% - 30px);
  height: 1px;
  background: rgb(var(--primary-color));
  z-index: -1;
  display: block !important;
}

.event-intro-row .intro-post-grid .vc_gitem-post-data.vc_gitem-post-data-source-post_title {
  margin-bottom: 0;
}

.event-intro-row .intro-post-grid .vc_gitem-post-data.vc_gitem-post-data-source-post_title > * {
  color: rgb(var(--primary-color));
}

.event-intro-row .intro-post-grid .vc_gitem-zone.vc_gitem-zone-c {
  background: #ebeff2;
  margin-top: 15px;
}

.event-intro-row .intro-post-grid .vc_pageable-slide-wrapper {
  display: grid;
  gap: var(--gap) 30px;
}

.event-intro-row .intro-post-grid .vc_pageable-slide-wrapper::before,
.event-intro-row .intro-post-grid .vc_pageable-slide-wrapper::after {
  display: none !important;
}

.post-sec .wpb_single_image,
.post-sec .wpb_single_image *{
  width: 100%;
  object-fit: cover;
}

.post-sec .wpb_single_image img{
  max-height: 400px;
}

.post-sec .wpb_single_image{
  border-radius: 10px;
  overflow: hidden;
}

/* Contact Page */
.wpb_text_column.reg_no h1:first-child span,
.wpb_text_column.reg_no h2:first-child span,
.wpb_text_column.reg_no h3:first-child span,
.wpb_text_column.reg_no h4:first-child span,
.wpb_text_column.reg_no h5:first-child span,
.wpb_text_column.reg_no h6:first-child span {
  font-family: "Akkurat" !important;
}


.contact-company-row .wpb_raw_html table,
.contact-company-row .wpb_raw_html table td {
  border: none;
}

.contact-company-row .wpb_raw_html table td {
  padding: 10px;
}

.contact-company-row .wpb_raw_html i {
  color: rgb(var(--primary-color));
  font-size: 25px;
}

.contact-company-row .vc_row.vc_inner > div > div {
  border-top: 1px solid rgb(var(--primary-color));
  border-bottom: 1px solid rgb(var(--primary-color));
  padding-top: 10px;
  padding-bottom: 10px;
}

.contact-page-button .vc_general {
  background: rgb(var(--primary-color)) !important;
  color: white !important;
  border: none !important;
  outline: none !important;
  border-radius: 0 !important;
  font-weight: 700 !important;
  font-size: var(--h6) !important;
  padding: 20px 40px !important;
}

.contact-page-button .vc_general::before {
  content: "\f095";
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  padding-right: 10px;
  vertical-align: middle8;
}

#contact_form {
  display: grid;
  gap: 20px;
  margin-bottom: 20px;
}

#contact_form ~ p {
  margin-top: 20px;
  display: flex;
  justify-content: center;
  position: relative;
}

#contact_form ~ p .wpcf7-spinner {
  position: absolute;
  top: 50%;
  left: calc(50% + 85px);
  transform: translate(-50%, -50%);
}

.wpcf7 input[type="submit"] {
  font-weight: 500 !important;
  background: #EC9147 !important;
  padding: 10px 80px !important;
  color:#fff !important;
  font-family: 'inter' !important;
  border-radius: 10px !important;
  font-size: 14px !important;
}


#contact_form input,
#contact_form textarea,
#contact_form select {
  background: #fff;
  border-radius: 10px !important;
  outline: 0;
}

#contact_form ::palceholder {
  color: #888a8c;
  opacity: 1;
}

.wpcf7 form .wpcf7-response-output {
  color: white;
}

.popmake .wpcf7 form .wpcf7-response-output {
  color: black;
}

.single-product .product-entry-wrapper,
.single-product ul.tabs.wc-tabs,
.single-product.woocommerce div.product div.woocommerce-tabs div.woocommerce-Tabs-panel.panel > h2:first-child {
}

.single-product .product > .woocommerce-tabs,
.single-product.woocommerce div.product div.woocommerce-tabs div.woocommerce-Tabs-panel.panel {
  padding-top: 0;
}

.single-product .product-intro-row.vc_row-no-padding {
  left: 0 !important;
}

.single-product .product-title-row.gap,
.single-product .product-title-row.gap-b {
  padding-bottom: calc(var(--gap) / 2);
}

.single-product .product-intro-row .product-image img {
  aspect-ratio: 857 / 707;
  object-fit: contain;
  padding: 25px;
}

.single-product .product-advantage-row {
  padding: calc(var(--gap) / 2);
}

.single-product .product-advantage-row > div > div > div > *:not(:first-child) {
  padding-top: calc(var(--gap) / 2);
}

.single-product .product-advantage-row > div > div > div > *:not(:last-child) {
  padding-bottom: calc(var(--gap) / 2);
  border-bottom: 1px solid rgb(var(--primary-color));
}

.single-product .product-advantage-row .ul-gap ::marker {
  color: rgb(var(--primary-color));
}

.single-product .product-advantage-row {
  width: var(--con-width) !important;
  margin-left: auto;
  margin-right: auto;
}

.single-product .product-advantage-row.gap,
.single-product .product-advantage-row.gap-b {
  margin-bottom: var(--gap) !important;
}

.single-product article > .related,
.single-product article > .up-sells {
  margin-top: 100px;
  padding-bottom: 100px;
  width:100% !important;
}

.single-product article > .related > h2:first-child {
  font-size: 20px !important;
  text-align: left;
  color:#000;
  font-weight: 600 !important;
}

.single-product [data-products="type-1"] .ct-media-container,
.single-product [data-products="type-1"] .ct-image-container {
  margin-bottom: 0;
}

.single-product [data-products="type-1"] .ct-woo-card-actions:not(:empty) {
  display: none !important;
}

.single-product img.attachment-woocommerce_thumbnail.size-woocommerce_thumbnail.wp-post-image {
  aspect-ratio: 520 / 421 !important;
  object-fit: contain;
  background: #ebeff2;
  padding: 40px;
  transition: transform 300ms ease-out;
}

.single-product h2.woocommerce-loop-product__title {
  font-size: var(--p) !important;
  font-weight: 400 !important;
  text-align: center;
  padding: 10px;
  transition: all 300ms ease-out;
}

.single-product article > .related ul.products > li:hover img.attachment-woocommerce_thumbnail.size-woocommerce_thumbnail.wp-post-image {
  transform: scale(1.1);
}

.single-product article > .related ul.products > li h2.woocommerce-loop-product__title {
  background: #274D98;
  color: white !important;
}

.woocommerce .home-contact-row-2.vc_row-has-fill {
  width: var(--con-width);
  margin-left: auto !important;
  margin-right: auto !important;
  background: rgb(var(--primary-color));
  padding-left: calc((var(--con-width) + 30px) * 0.1);
  padding-right: calc((var(--con-width) + 30px) * 0.1);
}

/* Products Category Page */
.woocommerce-page #sidebar {
  order: -1;
}

.woocommerce-page.tax-product_cat #main {
}

.woocommerce-page:not(.single-product) .woocommerce-LoopProduct-link.woocommerce-loop-product__link {
  display: flex;
  flex-direction: column-reverse;
  gap: 10px;
}

.woocommerce-page [data-products="type-1"] .ct-media-container,
.woocommerce-page [data-products="type-1"] .ct-image-container {
  margin-bottom: 0;
}

.woocommerce-page.term-caltex-delo-diesel-oil [data-products="type-1"] .ct-media-container,
.woocommerce-page.term-caltex-delo-diesel-oil [data-products="type-1"] .ct-image-container {
  background: #e9e9ea;
}

.woocommerce-page:not(.term-caltex-delo-diesel-oil) :not(.related) > [data-products="type-1"] .ct-media-container,
.woocommerce-page:not(.term-caltex-delo-diesel-oil) :not(.related) > [data-products="type-1"] .ct-image-container {
  border: 1px solid rgb(var(--accent-color));
}

.woocommerce-page img.attachment-woocommerce_thumbnail.size-woocommerce_thumbnail.wp-post-image {
  aspect-ratio: 383 / 331 !important;
  object-fit: contain;
  padding: 20px;
}

.woocommerce-page .woocommerce-loop-product__title {
  font-size: var(--p) !important;
  font-weight: 400 !important;
  text-align: center;
  background: rgb(var(--primary-color));
  color: white !important;
  padding: 10px;
  min-height: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.woocommerce-page.single-product .woocommerce-loop-product__title {
    color: rgb(var(--accent-color)) !important;
    background: none;
}

.woocommerce-page .button.wp-element-button.product_type_simple {
  display: block;
  min-height: auto;
  background: none;
  border-radius: 0;
  color: rgb(var(--primary-color));
  font-weight: 400;
  padding-right: 50px;
}

.woocommerce-page .button.wp-element-button.product_type_simple::after {
  content: "";
  position: absolute;
  top: 0;
  right: calc(50% - 50px);
  height: 100%;
  width: auto;
  aspect-ratio: 1;
  /* background: center / contain no-repeat url(https://5.inspiren.dev/hs-diesel/wp-content/uploads/2022/11/button.png); */
  transform: translateX(50%);
}

.woocommerce-page #main .ct-container {
  max-width: var(--con-width);
}

.woocommerce-page .category-title-wrapper > * {
  text-align: center;
  margin-bottom: 0;
}

.woocommerce-page .category-title-webkit {
  -webkit-text-fill-color: transparent;
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: rgb(var(--primary-color));
  opacity: 0.5;
}

.woocommerce-page h1.category-title-webkit {
  font-size: calc(var(--h1) + 30px) !important;
}

.woocommerce-page h2.category-title-webkit {
  font-size: calc(var(--h2) + 30px) !important;
}

.woocommerce-page h3.category-title-webkit {
  font-size: calc(var(--h3) + 30px) !important;
}

.woocommerce-page h4.category-title-webkit {
  font-size: calc(var(--h4) + 30px) !important;
}

.woocommerce-page h5.category-title-webkit {
  font-size: calc(var(--h5) + 30px) !important;
}

.woocommerce-page h6.category-title-webkit {
  font-size: calc(var(--h6) + 30px) !important;
}

.woocommerce-page #main > .ct-container {
  /* padding-top: calc(var(--gap) / 2); */
  padding-bottom: var(--gap);
}

.woocommerce ul.products {
  gap: 70px 30px;
}

.woocommerce-page #sidebar h2.widget-title {
  font-size: 18px !important;
  font-weight: 500 !important;
  margin-bottom: 0;
  padding: 10px;
  border-bottom: 1px solid rgb(var(--accent-color));
}

.woocommerce-page [data-products="type-1"] .ct-woo-card-actions:not(:empty) {
  padding-top: 10px;
}

.woocommerce-page:not(.term-caltex-delo-diesel-oil) [data-products="type-1"] .ct-woo-card-actions:not(:empty) {
  display: none !important;
}

.woocommerce-page .iksm-terms-tree--parents > div > div > div {
  background: none !important;
}

.woocommerce-page .iksm-terms-tree--parents > div > div:not(:last-child) {
  position: relative;
}

.woocommerce-page .iksm-terms-tree--parents > div > div:not(:last-child)::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 1px;
  background: rgb(var(--accent-color));
  z-index: 1;
  display: none;
}

/* .woocommerce-page a.iksm-term__link {
  padding-top: 10px;
  padding-bottom: 10px;
  color: rgb(var(--accent-color));
  transition: all 300ms ease-out;
} */

.woocommerce-page :not(.iksm-term--parent) > div > a.iksm-term__link::before {
  content: "\f054";
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  font-size: 12px;
}

.woocommerce-page a.iksm-term__link:hover {
  color: rgb(var(--primary-color)) !important;
}

.woocommerce-page .iksm-term--current > div > a.iksm-term__link {
  color: rgb(var(--primary-color)) !important;
  font-weight: 600 !important;
}

.woocommerce-page .iksm-283 .iksm-term__inner {
  background: none !important;
}

.iks-icon-chevron-1 {
  vertical-align: middle;
}
.home-baoli-row [data-products="type-1"] .ct-media-container,
.home-baoli-row [data-products="type-1"] .ct-image-container {
  margin-bottom: 0;
}

.slick-arrow {
  color: transparent !important;
  background: none !important;
  position: absolute;
  top: 50%;
  left: 0;
  width: 40px;
  height: 40px;
  transform: translateY(-50%);
  z-index: 1;
  cursor: pointer;
}

.slick-arrow.slick-next {
  left: auto;
  right: 0;
  transform: translateY(-50%);
}

.slick-arrow::after {
  content: "\f0d9";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  color: rgb(var(--primary-color));
  font-size: 25px;
}

.slick-arrow.slick-next::after {
  content: "\f0da";
}

@media screen and (min-width: 374px) {
    #footer table td span {
  display: inline-block;
}
}

/* @media screen and (min-width: 690px) {
  .woocommerce-page.term-off-road-machinery-parts ul.products {
    grid-template-columns: repeat(2, 1fr) !important;
  }
} */

@media screen and (min-width: 768px) {
  .home-about-row {
    display: flex;
    align-items: center;
  }

  .home-about-product-row .about-product-text * {
    width: auto;
    display: inline-block;
  }

  .event-intro-row .intro-post-grid .vc_pageable-slide-wrapper {
    grid-template-columns: repeat(2, 1fr);
  }

  #contact_form {
    grid-template-columns: repeat(3, 1fr);
  }

  #contact_form > [data-name="your-email"] ~ * {
    grid-column: 1 / -1;
  }

  .single-product .product-intro-row .product-image img {
    max-height: 300px;
  }

  .product-intro-row.grid,
  .product-intro-row.grid-md {
    gap: 45px;
    padding-right: calc((100vw - var(--con-width)) / 2);
  }

  .product-intro-row.grid > div > div,
  .product-intro-row.grid-md > div > div {
    display: flex;
    align-items: center;
  }

  .product-intro-row.grid > div > div > div,
  .product-intro-row.grid-md > div > div > div {
    width: 100%;
  }

  /* .home .home-about-sec {
    padding-top: var(--gap);
  } */

  .home-product-row .product-image {
    position: absolute;
    top: 125px;
    right: 15px;
    width: 60%;
    margin-bottom: 0;
    z-index: -1;
  }

  .post-cat,
  .service-name{
    margin-left:100px;
    margin-right:100px;
  }

  /* .home-product-row .products-title ~ *:not(.product-image) {
    width: max(576px, 60%);
  } */

  .home-logo-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }

  .mlmr{
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
}

@media screen and (min-width: 992px) {
  .event-intro-row .intro-post-grid .vc_pageable-slide-wrapper {
    grid-template-columns: repeat(3, 1fr);
  }

  .contact-company-row .wpb_raw_html table {
    width: auto;
    /* margin: auto; */
  }

  .contact-company-row .vc_row.vc_inner > div:last-child > div {
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .product-intro-row.grid,
  .product-intro-row.grid-md,
  .product-intro-row.grid-lg {
    gap: 90px;
  }

  .product-intro-row.grid-lg > div > div {
    display: flex;
    align-items: center;
  }

  .product-intro-row.grid-lg > div > div > div {
    width: 100%;
  }
}

@media screen and (min-width: 1000px) {
  .woocommerce-page .ct-container {
    grid-template-columns: 1fr 3fr;
  }

  .iksm-terms .iksm-term__toggle{
    display: none !important;
  }

  body.single #main > [class*="ct-container"]{
    padding-left: 0;
    padding-right:0;
  }
}

.ct-breadcrumbs span{
  color:#565656 !important;
}

.ct-breadcrumbs span.last-item span{
  color:#274D98 !important;
}

@media screen and (max-width: 1000px) {
  .related.ct-hidden-md {
    display: block !important;
  }

  .related [data-products],
  .upsells [data-products] {
    grid-template-columns: repeat(3, 1fr) !important;
  }
}

@media screen and (max-width: 999px) {
  a.ct-menu-link {
    font-weight: 400 !important;
    font-size: 18px !important;
  }

  nav[class*="menu"] li:hover > a svg,
  nav[class*="menu"] li:hover > .ct-sub-menu-parent svg,
  nav[class*="menu"] li[class*="current-menu-"] > .ct-sub-menu-parent svg {
    fill: #B69260;
  }

  nav[class*="menu"] li a {
    color: rgb(var(--accent-color));
  }

  [data-header*="type-1"] #offcanvas .ct-panel-inner {
    background: white;
  }

  .sub-menu > li.current-product-ancestor > a,
  .sub-menu > li.current-menu-ancestor > a,
  .sub-menu > li.current-menu-parent > a,
  .sub-menu > li.current-product-parent > a,
  .sub-menu > li.current-menu-item > a,
  .sub-menu li:hover > a {
    background: none !important;
    color: #B69260 !important;
  }

  .mobile-menu li:hover > .ct-sub-menu-parent .ct-menu-link,
  .mobile-menu li:hover > .ct-sub-menu-parent .ct-toggle-dropdown-mobile,
  .mobile-menu li.dropdown-active > .ct-sub-menu-parent .ct-menu-link,
  .mobile-menu li.dropdown-active > .ct-sub-menu-parent .ct-toggle-dropdown-mobile,
  .mobile-menu li[class*="current-menu-"] > .ct-sub-menu-parent .ct-menu-link,
  .mobile-menu li[class*="current-menu-"] > .ct-sub-menu-parent .ct-toggle-dropdown-mobile {
    color: #B69260 !important;
  }

  #header .ct-container {
    max-width: none;
  }

  .ct-icon {
    fill: rgb(var(--accent-color));
  }
}

@media screen and (max-width: 991px) {
  .contact-company-row .vc_row.vc_inner.column-gap {
    --column-gap: 0;
  }

  .contact-company-row .vc_row.vc_inner.grid {
    gap: 0;
  }

  .contact-company-row .wpb_raw_html table td:first-child {
    width: 60px;
    text-align: center;
  }

  .contact-company-row .vc_row.vc_inner > div > div {
    padding-top: 25px;
    padding-bottom: 25px;
    border-top: 0;
    border-bottom: 0;
  }

  .contact-company-row .vc_row.vc_inner > div:first-child {
    border-top: 1px solid rgb(var(--primary-color));
  }

  .contact-company-row .vc_row.vc_inner > div {
    border-bottom: 1px solid rgb(var(--primary-color));
  }
}

/* @media screen and (max-width: 782px) {
  .admin-bar #header {
    top: 46px;
  }
} */

@media screen and (max-width: 767px) {
  .home-about-sec::before {
    top: 0;
    left: 0;
    width: 100%;
    height: auto;
    aspect-ratio: 120 / 41;
  }

  .post-cat,
  .service-name{
    margin-left:15px;
    margin-right:15px;
  }

  .home-about-sec .about_image {
    padding-left: 30px;
    padding-right: 30px;
  }

  .home .home-about-sec .about_image img {
    aspect-ratio: 35 / 18;
  }

  .home-about-sec .about-text {
    margin-bottom: 0;
  }

  .home-about-product-row {
    padding-left: 15px;
    padding-right: 15px;
  }

  .webkit-row {
    top: -90px;
    left: 35px;
  }

  .home-product-row .products-title.webkit-text h1,
  .home-product-row .products-title.webkit-text h2,
  .home-product-row .products-title.webkit-text h3,
  .home-product-row .products-title.webkit-text h4,
  .home-product-row .products-title.webkit-text h5,
  .home-product-row .products-title.webkit-text h6 {
    text-align: center;
  }

  .home-product-row .product-text br {
    display: none;
  }

  /* .home-product-row-inner-1 > div > div > div {
    display: flex;
    justify-content: space-between;
    gap: 20px;
  } */

  .home-product-row-inner-1 > div > div > div > * {
    margin-bottom: 20px !important;
    /* max-width: 50%; */
  }
  
  .home-product-row-inner-1 > div > div > div *{
      text-align:center;
      display:block !important;
  }
  
  .home-product-row-inner-1 > div > div > div > :last-child {
    margin-bottom: 0 !important;
  }

  .home-product-row .product-image img {
    aspect-ratio: 42 / 19;
  }

  .home-product-row ul.products {
    grid-template-columns: repeat(2, 1fr) !important;
  }

  /* .home-product-row ul.products > li:nth-child(3n) {
    grid-column: 1 / -1;
  } */

  .home-about-product-row .about-product-text {
    text-align: left;
  }

  body:not(.home) .home-about-sec::before {
    left: 15px;
    width: calc(100% - 30px);
    top: calc(var(--gap) + 115px);
  }

  .home-about-row .about_image img {
    aspect-ratio: 35 / 18;
  }

  .about-vision-mission-row.vc_row-has-fill > div > div::before {
    transform: translateX(15%);
  }

  .about-vision-mission-row.vc_row-has-fill {
    position: relative;
    isolation: isolate;
    padding-left: 15px !important;
    padding-right: 15px !important;
  }

  .about-vision-mission-row.vc_row-has-fill::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: block !important;
    z-index: -1;
    background: rgb(var(--primary-color) / 0.7);
  }

  .about-milestone-row-2 .vc_row.vc_inner {
    display: flex;
  }

  .about-milestone-row-2 .vc_row.vc_inner > div:first-child {
    padding-right: 15px;
  }

  .about-milestone-row-2 .vc_row.vc_inner > div:last-child {
    padding-left: 15px;
  }

  .woocommerce-page ul.products {
    grid-template-columns: repeat(2, 1fr) !important;
  }

  .woocommerce-page #main .ct-container {
    max-width: none;
    padding-left: 15px;
    padding-right: 15px;
  }

  .woocommerce .home-contact-row-2.vc_row-has-fill {
    width: calc(100% - 30px);
    margin-left: 15px !important;
    margin-right: 15px !important;
    padding-left: 5%;
    padding-right: 5%;
  }

  .single-product .product-title-row,
  .single-product .product-intro-row,
  .single-product article > .related,
  .single-product article > .up-sells {
    width: 100% !important;
  }

  .single-product .product-advantage-row {
    width: calc(100% - 30px) !important;
    margin-left: 15px;
    margin-right: 15px;
  }

  .single-product .product-intro-row .product-image {
    margin-bottom: 0;
  }

  .single-product .product-intro-row > div:not(:last-child) {
    margin-bottom: 35px;
  }
}

@media screen and (max-width: 689px) {
  .home-about-product-row .woocommerce-loop-category__title {
    text-align: center;
  }

  .home-about-product-row ul.products {
    padding-left: 30px;
    padding-right: 30px;
  }

  .home-baoli-row ul.products {
    gap: 35px;
  }

  .home-baoli-row img.attachment-woocommerce_thumbnail.size-woocommerce_thumbnail.wp-post-image {
    aspect-ratio: 348 / 185 !important;
  }
}

@media screen and (max-width: 575px) {
  .wpb_text_column.webkit-text h1 {
    font-size: calc(var(--h1) + 10px) !important;
  }

  .wpb_text_column.webkit-text h2 {
    font-size: calc(var(--h2) + 10px) !important;
  }

  .wpb_text_column.webkit-text h3 {
    font-size: calc(var(--h3) + 10px) !important;
  }

  .wpb_text_column.webkit-text h4 {
    font-size: calc(var(--h4) + 10px) !important;
  }

  .wpb_text_column.webkit-text h5 {
    font-size: calc(var(--h5) + 10px) !important;
  }

  .wpb_text_column.webkit-text h6 {
    font-size: calc(var(--h6) + 10px) !important;
  }

  .webkit-row {
    top: -70px;
    left: 20px;
  }

  .home-machine-row .machine-image img {
    height: 50px;
  }

  .home-contact-row-2 {
    padding-left: 5%;
    padding-right: 5%;
  }

  body:not(.home) .home-about-sec::before {
    top: calc(var(--gap) + 90px);
  }

  .woocommerce-page h1.category-title-webkit {
    font-size: calc(var(--h1) + 10px) !important;
  }

  .woocommerce-page ul.products {
    grid-template-columns: none !important;
  }

  .woocommerce-page .button.wp-element-button.product_type_simple {
    text-align: left;
  }

  .woocommerce-page .button.wp-element-button.product_type_simple::after {
    right: auto;
    left: 95px;
    transform: none;
  }

  .woocommerce-page .button.wp-element-button.product_type_simple {
    padding-right: 0;
    padding-left: 0;
  }

  .single-product .product-advantage-row {
    padding: calc(var(--gap) / 2) 0;
  }

  #footer table {
    width: 100%;
  }

  .page-id-34 .home-contact-sec.gap,
  .page-id-34 .home-contact-sec.gap-b {
    padding-bottom: 0;
  }

  .map-row.gap-b,
  .map-row.gap {
    padding-bottom: 0;
  }
}

/* .product-intro-row table{} */

.cover-top img{
	object-position:top;
}

/*redesign July-Aug 24 */

#header [data-sticky*=fixed] > div{
    position:relative;
}

#header [data-sticky*=fixed] > div:before{
    content:'';
    position:absolute;
    top:0;
    left:0;
    z-index:0;
    width:100%;
    height:180%;
    display:block !important;
    background: linear-gradient(180deg,rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%);
}

/*[data-header*="type-1"] .ct-header [data-transparent-row="yes"][data-row*="middle"]{*/
/*  background: linear-gradient(180deg,rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%);*/
/*  height:110%;*/
/*}*/

.bahnschrift{
  font-family: "Bahnschrift" , sans-serif !important;
}

.home-machine-row .grid{padding-top:30px}

.home-machine-row .grid > .wpb_column{
  border: 1px solid rgb(var(--primary-color));
  padding:30px 10px;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.home-machine-row .grid > .wpb_column .text_primary *{
    font-size:18px !important;
}

.home-machine-row .grid > .wpb_column:hover{
  background-color: rgb(var(--primary-color));
}

.home-machine-row .grid > .wpb_column:hover .wpb_single_image img{
  filter: var(--filterWhite);
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.home-machine-row .grid > .wpb_column:hover .text_primary{
  color:#fff !important;
}

.home-service-row.gap{
  padding-top: calc(var(--gap) - 35px);
}

.home-service-row .inner-service .wpb_single_image,
.home-service-row .inner-service .wpb_single_image *{
    display:block;
    width:100%;
}

.home-service-row .inner-service .wpb_single_image img{
    aspect-ratio: auto 737 / 358;
    object-fit:cover;
    object-position:center;
}

.home-service-row .inner-service .wpb_text_column{
  background: #fff;
  padding:30px;
}

/* footer widget */

.contact-info-v24{
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: stretch;
  flex-wrap: wrap;
  gap: 20px 30px;
  max-width: 900px;
  margin-inline: auto;
}

contact-info-v24 p {line-height: 1.3;}

.contact-info-v24 > *{
  flex:1 0 auto;
  text-align: center;
}

.contact-info-v24 .address{
  flex: 1 0 100%;
  /* text-align: center; */
}

span.add{
  display: inline-block;
  padding-right: 3px;
}

.contact-info-v24 strong{
  color: rgb(var(--primary-color));
  padding-right: 10px;
  font-weight: 600;
}

.contact-info-v24 .address strong{
  padding-right: 20px;
}

@media only screen and (max-width: 991.98px) {
  .contact-info-v24{
    padding-inline:15px
  }
  .contact-info-v24 > *{
    flex:1 0 100%;
  }

  .contact-info-v24 strong {
    padding-right: 0 !important;
    display: block;
  }

  #footer img.image.attachment-medium.size-medium{
    max-height: 80px;
  }

}

/* home mobile */
@media only screen and (max-width: 767.98px) {

  .post-banner{
    padding-bottom:70px;
  }

  .home-about-row > .wpb_column:nth-child(1) > .vc_column-inner{
    padding-inline: 0;
  }

  .home-about-row > .wpb_column:nth-child(1) > .vc_column-inner > .wpb_wrapper {
    --font-h: calc((var(--h1) + 10px)*var(--header-line-height)*2);

    padding-left: 15px;
    padding-right: 15px;
    padding-block: 70px 0; 
  }

  .home-about-row > .wpb_column:nth-child(1) > .vc_column-inner > .wpb_wrapper:before {
    width: 100%;
    height: 66%;
  }

  /* .home-about-row > .wpb_column:nth-child(1) > .vc_column-inner > .wpb_wrapper .about_image{
    padding:0
  } */

  .home-about-row.gap{
    padding-top: 0;
  }

  .home-product-row.gap{
    padding-bottom: var(--gap);
  }



  .home-machine-row .grid {
    padding-top: 0;
    display: flex !important;
    flex-direction: row;
    align-items: stretch;
    flex-wrap: wrap;
    justify-content: center;
  }

  .home-machine-row .grid > *{
    width: calc((100% - 30px) / 2) !important;
  }

  .home-service-row .inner-service > .wpb_column:not(:last-child){
    margin-bottom: 35px;
  }
  
  .home-service-row .inner-service .wpb_text_column{
      padding:30px 15px;
  }

}

@media only screen and (max-width: 689.98px) {
  .home-product-row ul.products {
    grid-template-columns: 1fr !important;  
  }
}

/* about */
.about-main-row-2 >.wpb_column{
  padding-block: 70px;
  position: relative;
  isolation: isolate;
}

.about-main-row-2 > .wpb_column:nth-child(1)::before {
	content: '';
	position: absolute;
	top: 0;
	right: calc(45px + 30%);
	width: 9999px;
	height: 100%;
	background-color: rgb(var(--primary-color));
	display: block !important;
	z-index: -1;
}

.about-achievement-cert{
    display:flex;
    flex-direction:row;
    flex-wrap:wrap;
    justify-content:center;
    align-items:stretch;
}

.about-achievement-cert .wpb_single_image.certificate img{
  width: auto;
  max-height: 200px;
}

@media only screen and (max-width: 767.98px) {
  .about-main-row-2 > .wpb_column:nth-child(1)::before {
    top: 0;
    right: 0;
    width: 100%;
    height: 60%;
  }
  

  .about-main-row-2 > .wpb_column {
    padding-block: 0;
  }

  .about-main-row-2 > .wpb_column:nth-child(1){
    padding-block: 70px 0;
  }

  .about-main-row-2{padding-bottom: 70px;}

  .about-main-row-2 > .wpb_column:nth-child(1)  .about_image{padding:0}

  /*.about-achievement-cert{*/
  /*  display: flex;*/
  /*  flex-direction: row;*/
  /*  justify-content: flex-start;*/
  /*  align-content: stretch;*/
  /*  flex-wrap: wrap;*/
  /*}*/

  .about-achievement-cert > .wpb_column{
    flex:1 0 50%;
  }
  
  .about-vision-mission-row.vc_row-has-fill > div > div {
      padding: 40px 15px !important;
      position: relative;
      isolation: isolate;
      overflow: hidden;
    }
  
}

/* gallery */
.gallery-main-row.gap{padding-bottom: calc(var(--gap) - 70px);}

.gallery-main-row{
  position: relative;
  isolation: isolate;
}

.gallery-main-row::before {
	content: "";
	position: absolute;
	bottom: 0;
	left: 15px;
	width: calc(100% - 30px);
	height: 0;
	border-bottom:1px solid rgb(var(--primary-color));
	z-index: -1;
	display: block !important;
}

.gallery-list-row >.wpb_column{margin-bottom: 70px;}

.gallery-list-row .wpb_single_image{margin-bottom: 15px;}

.gallery-list-row .wpb_single_image *{
  display: block;
  width: 100%;
}

.gallery-list-row .wpb_single_image img{
  aspect-ratio: 505/417;
  width: 100%;
  height: auto;

}

.gallery-list-row .wpb_text_column{
  background-color: #ebeff2;
  padding:15px;
  margin-bottom: 0;
}

.gallery-list-row .wpb_text_column > .wpb_wrapper >*{
  color: rgb(var(--primary-color));
}

/* woocom */
/* catalog */
.woocommerce ul.products li .ct-media-container{
  border:1px solid #000;
  padding:50px;
  background: #fff !important;
}

.woocommerce ul.products li .ct-media-container img{
  aspect-ratio: 1/1;
  object-fit: cover;
  object-position: center;
}

.woocommerce ul.products li{gap:10px 0;}

.woocommerce ul.products li > figure{
  order:2;
  margin-bottom: 0;
}

.woocommerce ul.products li > .woocommerce-loop-product__title{order:1}

.woocommerce ul.products li > .entry-excerpt{display: none !important;}

/* in home page twist back */
.home-product-row .woocommerce ul.products li{gap:20px 0;}

.home-product-row .woocommerce  ul.products > li.product> figure{
  order:1;
}

.home-product-row .woocommerce ul.products li .ct-media-container{
  border:none;
  padding:0;
}

.home-product-row .woocommerce ul.products li > .woocommerce-loop-product__title{
  order:2;
  margin:0;
}

/* single product */
/* .single-product.woocommerce div.product div.woocommerce-tabs div.woocommerce-Tabs-panel.panel >*,
.single-product article > .related, .single-product article > .up-sells{
  max-width: unset;
} */

/* forklift sparepart */
.term-forklift-spare-parts.woocommerce ul.products{
  --shop-columns: repeat(1, minmax(0, 1fr)) !important;
}

.term-forklift-spare-parts.woocommerce ul.products li {
  display: grid !important;
  grid-template-columns: 300px 1fr;
  grid-gap:30px 60px;
  position: relative;
  isolation: isolate;
}

.term-forklift-spare-parts.woocommerce ul.products li:not(:last-child){
  padding-bottom: 70px;
  border-bottom: 1px solid #000;
}

/* .term-forklift-spare-parts.woocommerce ul.products li:not(:last-child)::before{
  content: '';
  position: absolute;
  width: 100%;
  height: 0;
  bottom: -35px;
  left: 0;
  border-bottom: 1px solid #000;
  display: block !important;
  z-index: -1;
} */

.term-forklift-spare-parts.woocommerce ul.products li a{pointer-events: none !important;}

.term-forklift-spare-parts.woocommerce ul.products li.product> figure .ct-media-container{
  padding:0;
}

.term-forklift-spare-parts.woocommerce ul.products li.product> figure .ct-media-container img{
  aspect-ratio: 600/453;
  object-fit: contain;
}

.term-forklift-spare-parts.woocommerce ul.products li.product .woocommerce-loop-product__title {
	margin-bottom: 0;
	background: none !important;
	padding: 0;
	text-align: left;
	color: #231F20 !important;
	align-items: flex-start;
	justify-content: flex-start;
	font-size: 20px !important;
	font-weight: 600 !important;
	min-height: unset;
}

.term-forklift-spare-parts.woocommerce ul.products li.product .woocommerce-loop-product__title a{color:inherit !important}

.term-forklift-spare-parts.woocommerce ul.products li .entry-excerpt{display: block !important;}

.term-forklift-spare-parts.woocommerce ul.products li > *{order:unset;}

.term-forklift-spare-parts.woocommerce ul.products li.product .product-content {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
	gap: 20px;
}

@media only screen and (max-width: 999.98px) {
  .term-forklift-spare-parts.woocommerce ul.products li {
    grid-gap:30px 30px;
  }
}

@media only screen and (max-width: 767.98px) {
  .term-forklift-spare-parts.woocommerce ul.products li {
    display: grid !important;
    grid-template-columns: 1fr;
    grid-gap:30px 0;
  }

  .term-forklift-spare-parts.woocommerce ul.products{
    grid-template-columns: var(--shop-columns) !important;
  }

  .term-forklift-spare-parts.woocommerce ul.products li.product> figure .ct-media-container img{
    max-height: 300px;
  }
  
}

/* Off Road Machinery Parts */
.woocommerce.term-off-road-machinery-parts ul.products li a{pointer-events: none !important;}
.woocommerce.term-off-road-machinery-parts ul.products {
  --shop-columns: repeat(2, 1fr) !important;
  grid-template-columns: var(--shop-columns) !important;
  /* grid-template-columns: repeat(2, 1fr) !important; */
}

.woocommerce.term-off-road-machinery-parts ul.products li > *{order:unset;}

.woocommerce.term-off-road-machinery-parts ul.products li.product> figure .ct-media-container{
  padding:0;
}

.woocommerce.term-off-road-machinery-parts ul.products li.product> figure .ct-media-container img{
  aspect-ratio: 600/377;
  object-fit: contain;
}

.woocommerce.term-off-road-machinery-parts ul.products li.product .product-content{
  background: rgb(var(--primary-color));
  padding:20px 15px;
  display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: center;
	gap: 20px;
  flex: 1;
}

.woocommerce.term-off-road-machinery-parts ul.products li.product .woocommerce-loop-product__title {
	margin-bottom: 0;
	background: none !important;
	padding: 0;
	text-align: center;
	/* color: #231F20 !important; */
	align-items: flex-start;
	justify-content: flex-start;
	font-size: 20px !important;
	font-weight: 600 !important;
	min-height: unset;
}

.woocommerce.term-off-road-machinery-parts ul.products li.product .entry-excerpt{
  display: block !important;
  color: #fff !important;
  text-align: center;
}


.woocommerce-page .woocommerce-loop-product__title {
	font-size: var(--p) !important;
	font-weight: 400 !important;
	text-align: center;
	background: #274D98;
	color: white !important;
	padding: 10px;
	min-height: 50px;
	display: flex;
	align-items: center;
	justify-content: center;
}

@media only screen and (max-width: 767.98px) {
  .woocommerce.term-off-road-machinery-parts ul.products {
    --shop-columns: 1fr !important;
  }

  .woocommerce.term-off-road-machinery-parts ul.products li.product> figure .ct-media-container img{
    max-height: 300px;
  }
  
}

/* single product desc (recommend) */
.single-product .product-recommended{
  width: calc(var(--con-width) + 30px) !important;
  margin-left: auto;
  margin-right: auto;
} 

@media screen and (max-width: 767.98px) {
  .single-product .product-recommended{
    width: 100% !important;
  }

 
  .recommended-list-row > .wpb_column:not(:last-child){margin-bottom: 35px;}
}

.company-reg small{
  font-size: 14px;
  font-weight: 500;
}

.contact-company-row .contact-page-button .vc_general{
  font-weight: 500 !important;
  border-radius: 10px !important;
  padding:10px 30px !important;
}