/*
  Theme Name: Flatsome Child
  Description: This is a child theme for Flatsome Theme
  Author: UX Themes
  Template: flatsome
  Version: 3.0.9
  */

  /*************** ADD CUSTOM CSS HERE.   ***************/

body
{
  background-color;#D9D9D9;
}
  * {
    touch-action: manipulation;
  }
  * {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
  }
  .container {
    width: 100%;
  }
  .container,
  .container-width,
  .row 
  {
      max-width: 100% !important;          /* or 1440px if you prefer fixed */
    padding-left: 1.04vw;
    padding-right: 1.04vw;
  }
  .row
  {
    margin: 0 auto !important;
  }
  .header-inner.flex-row.container.logo-left {
      padding-left: 2.04vw;
      padding-right: 2.04vw;
  }
  .expand, .full-width {
      max-width: 100% !important;
      width: 100% !important;
  }
  .section-bg, .section-content {
      width: 100% !important; 
  }
  .header, .header-wrapper, .section
  {
      width: 100% !important;
  }
  section
  {
    padding-top:0 !important;
    padding-bottom:0 !important;
  }
  .col, .columns, .gallery-item
  {
    padding: 0 1.0417vw 2.0833vw;
  }
  .header-inner.flex-row.container.logo-left.medium-logo-left {
      padding-left: 2.04vw;
      padding-right: 2.04vw;
  }
  .pb-0
  {
    padding-bottom: 0px !important;
  }
  .default-btn span {
      color: #FFFFFF;
      font-size: 0.97vw;
      font-family: Gasterol;font-weight: 400;
      text-transform: uppercase;
  }
  a.button.primary.lowercase.default-btn {
      background-color:#286245;
  }

  /*Header*/

  .header-inner.flex-row.container li a {
      color: #000000;
      font-size: 0.764vw;
      line-height: 1.972vw;
      font-family: Gasterol;font-weight: 400;
  }
  .header-inner.flex-row.container li
  {
    padding: 0px 0.6vw;
  }
  .flex-col.hide-for-medium.flex-right ul.header-nav.header-nav-main{
      background-color: #D9D9D9;
      padding: 0.3vw 0.3vw 0.3vw 1.2vw;
  }
  .flex-col.hide-for-medium.flex-right ul li#menu-item-662{
      background-color: #286245;
      padding: 0px 2vw;
  }
  .flex-col.hide-for-medium.flex-right ul li#menu-item-662 a
  {
      color:#fff;
  }
  header#header {
      margin-top: 1.8vw;
  }
div#masthead ul.sub-menu.nav-dropdown.nav-dropdown-default {
    background: #d9d9d9;
    /* backdrop-filter: blur(18px); */
    min-width: 200px;
    padding: 0;
    border: unset;
    box-shadow: unset;
    margin-top: 1px;
    left: -1.2vw;
}
div#masthead ul.sub-menu li a {
    text-transform: uppercase;
}
.nav-dropdown-has-arrow li.current-dropdown.has-dropdown:after, 
.nav-dropdown-has-arrow li.current-dropdown.has-dropdown:before
{
    opacity:0;
}
ul.sub-menu.nav-dropdown.nav-dropdown-default li.menu-item.current_page_item.active a, ul.sub-menu.nav-dropdown.nav-dropdown-default li.menu-item:hover a {
    color: #2ABE76 !important;
}
  /*Header*/



  .font-170-g-r h1
  {
    font-size: 11.81vw;   /* 170px */
    line-height: 12.5vw;  /* 180px */
    font-family: Gasterol;font-weight: 400;
  }
  .font-120-g-r h1
  {
    font-size: 8.33vw;
    line-height: 9.03vw; 
    font-family: Gasterol;font-weight: 400;
  }
  .font-90-g-r h3 {
    font-size: 6.25vw;
    line-height: 6.94vw;
    font-family: Gasterol;font-weight: 400;
  }
  .font-80-g-r h3 {
    font-size: 5.56vw;
    line-height: 6.25vw;
    font-family: Gasterol;font-weight: 400;
  }
  .font-70-g-r h3 {
    font-size: 4.86vw;   /* 70px */
    line-height: 5.56vw; /* 80px */
    font-family: Gasterol;font-weight: 400;
  }
  .font-66-g-r h3
  {
    font-size: 4.58vw;
  line-height: 5.28vw;
    font-family: Gasterol;font-weight: 400;
  }
  .font-64-g-r h3
  {
    font-size: 4.444vw;
    line-height: 5.139vw;
    font-family: Gasterol;font-weight: 400;
  }
  .font-60-g-r h3
  {
    font-size: 4.17vw;
    line-height: 4.86vw;
    font-family: Gasterol;font-weight: 400;
  }
  .font-56-g-r h3 {
    font-size: 3.8889vw;
    line-height: 4.5833vw;
    font-family: Gasterol;font-weight: 400;
  }
  .font-54-g-r h3 {
    font-size: 3.75vw;
    line-height: 4.44vw;
    font-family: Gasterol;font-weight: 400;
  }
  .font-52-g-r h2 {
    font-size: 3.61vw;   /* 52px */
    line-height: 4.31vw; /* 62px */
    font-family: Gasterol;font-weight: 400;
  }
  .font-50-g-r h2
  {
    font-size: 3.47vw;
    line-height: 4.17vw;  
    font-family: Gasterol;font-weight: 400;
  }
  .font-44-g-r h4 {
    font-size: 3.06vw;   /* 44px */
    line-height: 3.82vw; /* 55px */
    font-family: Gasterol;font-weight: 400;
    color: #000000;
  }
  .font-40-g-r h5
  {
    font-size: 2.78vw;   /* 40px */
    line-height: 4.17vw; /* 60px */
    font-family: Gasterol;font-weight: 400;
  }
  .font-36-b-r p {
    font-size: 2.50vw;
    line-height: 3.19vw;
    font-family: Bahnschrift;
  }
  .font-34-b-r p
  {
    font-size: 2.361vw;
    line-height: 3.056vw;
    font-family: Bahnschrift;
  }
  .font-32-g-r p
  {
    font-size: 2.22vw;
    line-height: 2.92vw;
    font-family: Gasterol;font-weight: 400;
  }
  .font-30-g-r p
  {
    font-size: 2.08vw;
    line-height: 2.78vw;
    font-family: Gasterol;font-weight: 400;
  }
  .font-30-b-r p
  {
    font-size: 2.08vw;
    line-height: 2.78vw;
    font-family: Bahnschrift;
  }
  .font-28-br p {
    font-size: 1.94vw;
    line-height: 2.64vw;
    font-family: Bahnschrift;
  }
  .font-28-b-r p {
    font-size: 1.94vw;
    line-height: 2.64vw;
    font-family: Gasterol;font-weight: 400;
  }
  .font-26-b-r p {
    font-size: 1.81vw;
    line-height: 2.50vw;
    font-family: Gasterol;font-weight: 400;
  }
  .font-24-b-r p
  {
    font-size: 1.667vw;
    line-height: 2.361vw;
    font-family: Bahnschrift;
  }
  .font-22-b-r p
  {
    font-size: 1.73vw;
    line-height: 2.22vw;
    font-family: Bahnschrift;
  }
  .font-20-g-r p, .font-20-g-r
  {
    font-size: 1.3889vw;   /* 20px */
    line-height: 2.0833vw; /* 30px */
    font-family: Gasterol;
    font-weight: 400;
  }
  .font-18-b-r p
  {
    font-size: 1.25vw;
   line-height: 1.94vw;
    font-family: Bahnschrift;
  }
  .font-16-b-r p, .font-16-b-r a
  {
    font-size: 1.111vw;
    line-height: 1.806vw;
    font-family: Bahnschrift;
    color: #FFFFFF;
  }
  .font-15-b-r p {
    font-size: 1.042vw;
    line-height: 1.736vw;
    font-family: Bahnschrift;
    font-weight: 400;
  }
  .font-13-b-r p, .font-13-b-r {
    font-size: 0.9028vw;   /* 13px */
    line-height: 1.5972vw; /* 23px */
    font-family: Bahnschrift;
    font-weight: 400;
  }
  .font-12-b-r p {
    font-size: 0.833vw;
    line-height: 1.25vw;
    font-family: Bahnschrift;
    font-weight: 300;
  }
  .font-54-g-r h4
  {
    font-size: 3.75vw;
  line-height: 4.44vw;
    font-family: Gasterol;font-weight: 400;
  }
  .green-color
  {
    color: #2ABE76;
  }
  .frm-btn
  {
    padding-left: 0px;
    margin-bottom: 0px;
  }
  button.custom-btn.frm-btn span {
    line-height: 1.6;
}
  
.custom-btn {
  display: inline-flex;
  align-items: stretch;
  text-decoration: none;
  position: relative;
}
.custom-btn span {
  background: #2f6b4f;
  color: #fff;
  padding: 1.2vw 1.5vw 1vw 1.8vw;
  font-size: 1vw;
  font-family: 'Gasterol';
  letter-spacing: 1px;
  display: flex;
  align-items: center;
  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  text-transform: uppercase;
  font-weight: 400;
  white-space: nowrap;
  min-width: max-content;
  position:relative;
}
.custom-btn .arrow {
  background: #2ecc71;
  padding: 0 2vw 0 1vw;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}
.custom-btn .arrow img {
  width: 1.6vw;
  transition: transform 0.3s ease;
  position: absolute;
  z-index: 1;
}
.custom-btn:hover span {
  background: #2ecc71;
}
.custom-btn:hover .arrow {
  background: #2f6b4f;
}
.custom-btn:hover .arrow img {
  transform: translateX(0.3vw);
}
.custom-btn .arrow {
    position: relative;
    margin-left: 2.7vw;
}
.custom-btn span::after {
    content: "";
    position: absolute;
    top: 0;
    right: -1vw;
    width: 2vw;
    height: 100%;
    background: #2f6b4f;
    transform: skewX(-11deg);
    z-index: 1;
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}
.custom-btn:hover span::after
{
   transform: skewX(13deg);
   background: #2ecc71;
}
.custom-btn .arrow::after {
    content: "";
    position: absolute;
    top: 0;
    left: -1vw;
    width: 2vw;
    height: 100%;
    background: #2ecc71;
    transform: skewX(-11deg);
    z-index: 0;
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}
.custom-btn:hover .arrow::after
{
   transform: skewX(13deg);
   background: #2f6b4f;
}
.custom-btn .green-arrow {
    transform: translateX(0);
    opacity: 1;
  }
  .custom-btn .parrot-arrow {
    transform: translateX(-100%);
    opacity: 0;
  }
  .custom-btn:hover .green-arrow {
    transform: translateX(100%);
    opacity: 0;
  }
  .custom-btn:hover .parrot-arrow {
    transform: translateX(0);
    opacity: 1;
  }

  .transparent .header-main {
      height: 3.25vw !important;
  }
  header#header #logo {
      width: 14.833vw;
  }
  .transparent #logo img {
      max-height: 3.25vw !important;
      height: 3.25vw;
  }
  ul.header-nav li.active a, ul.header-nav li:hover a.nav-top-link {
      color: #2ABE76 !important;
  }
  header#header li.has-dropdown i.icon-angle-down{
      content: '';
      height: 0.486vw;
      width: 0.486vw;
      display: block;
      background-image: url(/wp-content/uploads/2026/03/pluss.png);
      background-size: contain;
      background-repeat: no-repeat;
      min-height: 0.694vw;
      position: relative !important;
      top: -0.1vw !important;
      right: -2px !important;
      opacity: 1;
      background-position: 50%;
  }
  header#header li.has-dropdown.current-dropdown i.icon-angle-down{
      background-image: url(/wp-content/uploads/2026/03/remove.png);
      background-repeat: no-repeat;
      height: 0.278vw;
  }
  header#header .icon-angle-down:before
  {
      opacity:0;
  }

  /*home*/
  .auto-img .row, .auto-img .row .col:nth-child(2) {
      padding-right: 0px;
  }
.home-banner .section-bg.fill img, .thank-you-page .section-bg.fill img, .qc-banner .section-bg.fill img
  {
      padding: 0.7vw;
  }
.section.home-banner .section-bg.fill video.video-bg.fill.visible {
    padding: 0.7vw !important;
}
  .testimonial-slider, .testimonial-slider .col {
      padding-right: 0px;
  }
  .slider-sec
  {
    border-bottom:1px solid #FFFFFF;
  }
  /*home*/

  /*about*/

  .value-row .col .col-inner {
    transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1) !important;
  }
  .value-row .col.active .col-inner
  {
    background-color: #286245 !important;
  }
  .about-banner:after {
      content: '';
      background-image: url(/wp-content/uploads/2026/03/home-vectore.png);
      height: 20vw;
      width: 48vw;
      position: absolute;
      top: 0vw;
      background-size: cover;
      right: 0vw;
      background-repeat: no-repeat;
  }

  .hero:after {
      content: '';
      background-image: url(/wp-content/uploads/2026/03/service-vector.png);
      background-repeat: no-repeat;
      background-size: cover;
      width: 33vw;
      height: 22vw;
      position: absolute;
      left: 1.6vw;
      bottom: 11.5vw;
      z-index: -1;
  }
  .page-id-204 img.header_logo.header-logo, .page-id-20 img.header_logo.header-logo, .single.single-post img.header_logo.header-logo{
      display: none;
  }
  .page-id-204 img.header-logo-dark, .page-id-20 img.header-logo-dark, .single.single-post img.header-logo-dark
  {
      display: block !important;
  }
 .single.single-post header#header {
    margin-top: 0px;
}
  /*about*/

  .design-deliver h4 {
    color: #D9D9D9;
    font-size: 1.81vw;   /* 26px */
    line-height: 2.5vw;  /* 36px */
    font-family: Gasterol;font-weight: 400;
    margin-bottom: 2vw;
  }
  .design-deliver li {
    font-size: 1.11vw;   /* 16px */
    line-height: 1.81vw; /* 26px */
    font-family: Bahnschrift;
    color: hsl(0deg 0% 100% / 80%);
  }
  .design-deliver li::marker 
  {
      color:#2ABE76;
  }
  .design-deliver {
      padding: 0px;
  }
  .design-deliver .col .icon-box {
      background-color: #012F1D;
      padding: 3vw 2vw !important;
      height: 36vw;
  }
  .design-deliver .icon-box .icon-box-text {
      position: absolute;
      bottom: 0;
      left: 0;
      right: 0;
      overflow: hidden;
      width: 100%;
      height: 44%;
      transition: .5s ease;
      padding: 4vw 2vw 1vw 2vw;
  }
  .design-deliver ul
  {
    opacity: 0 !important;
  }
  .design-deliver .icon-box:hover ul
  {
    opacity: 1 !important;
  }
  .icon-box:hover .icon-box-text.last-reset {
      height: 100%;
      background-color: #286245;
  }

  /* contact */
  .form-row {
      display: flex;
      justify-content: space-between;
      gap: 0vw;
  }
  .upload-box {
    width: 100%;
    position: relative;
  }
  .upload-label {
      display: flex !important;
      justify-content: space-between;
      align-items: center;
      padding: 1vw;
      cursor: pointer;
      font-family: Bahnschrift;
      font-size: 0.97vw;
      line-height: 1.94vw;
      color: hsl(0deg 0% 0% / 60%);
      border: 1px solid #00000030;
      background: linear-gradient(265.52deg, #D9D9D9 -0.09%, hsl(151deg 64% 45% / 40%) 143.24%);
      font-weight: 300;
  }
  .upload-icon {
    font-size: 18px;
    color: #3aa37c;
  }
  /* Hide default input */
  .upload-box input[type="file"] {
    display: none;
  }
  .upload-label:hover {
    background: #cfe3db;
  }
  ::placeholder, .contact-from select
  {
    color: hsl(0deg 0% 0% / 60%);
    font-size: 0.97vw;
    line-height: 1.94vw;
    font-family: Bahnschrift;
  }
  .contact-from input, .contact-from select.wpcf7-form-control {
      background: linear-gradient(265.52deg, #D9D9D9 -0.09%, hsl(150.81deg 63.79% 45.49% / 40%) 143.24%);
      border: 1px solid #00000030;
      font-size: 0.97vw;
    line-height: 1.94vw;
    font-family: Bahnschrift;
    color: hsl(0deg 0% 0% / 60%);
    height: 4vw;
    margin-bottom: 1.5vw;
  }
  .form-row div {
      width: 49%;
  }
  p.lable-line {
      font-size: 0.76vw;
      color: hsl(0deg 100% 5.49% / 90%);
      font-family: Bahnschrift;
  }
/*  .contact-bg:after {
    content: '';
    background-image: url(/wp-content/uploads/2026/03/career.png);
    height: 97vh;
    width: 37vw;
    position: absolute;
    top: -12.5vw;
    z-index: -1;
    left: -0.3vw;
    background-size: cover;
}*/
.career-banner:after {
    content: '';
    background-image: url(/wp-content/uploads/2026/04/carer-bg.png);
    height: 97vh;
    width: 37vw;
    position: absolute;
    top: 0.7vw;
    z-index: 0;
    left: 0.7vw;
    background-size: cover;
}
/*.contactpage-bg:after {
    content: '';
    background-image: url(/wp-content/uploads/2026/03/contactbg.png);
    height: 97vh;
    width: 38vw;
    position: absolute;
    top: -6.7vw;
    z-index: -1;
    left: -0.3vw;
    background-size: cover;
}*/
.contact-banner:after {
    content: '';
    background-image: url(/wp-content/uploads/2026/04/contact-bg.png);
    height: 97vh;
    width: 38vw;
    position: absolute;
    top: 0.7vw;
    z-index: 0;
    left: 0.7vw;
    background-size: cover;
}
  .contact-bg input.wpcf7-form-control{
      margin-top: 2vw !important;
  }
  .page-id-400 footer#footer {
      display: none;
  }
  input.wpcf7-form-control.wpcf7-submit {
      margin-top: 2vw;
  }
  span[data-name="position"]:after {
      content: '';
      background-image: url(/wp-content/uploads/2026/04/select-arrow.svg);
      width: 0.7vw;
      height: 0.7vw;
      position: absolute;
      right: 1vw;
      top: 1.8vw;
      background-size: contain;
      background-repeat: no-repeat;
  }
  .scroll-wrapper.qc-team .scroll-section:before {
      content: '';
      background-image: url(/wp-content/uploads/2026/03/qc-vector.png);
      width: 29vw;
      height: 35vw;
      position: absolute;
      background-repeat: no-repeat;
      background-size: cover;
      top: -23vw;
      z-index: -1;
      left: -2vw;
  }
  .qc-team-desc {
      z-index: 1;
      position: relative;
  }
  .machine-1 .col {
      padding-bottom: 0px;
  }
  .machine-1 .col .col-inner {
      border-width: 1px 1px 0px 1px;
      border-style: solid;
      border-color: #fff;
  }
  .machine-1 .col h2 
  {
      margin-bottom:0px
  }
  .machine-2 {
      background-color: #286245;
  }
  .machine-2 .col {
      padding-bottom: 2vw;
      padding-top: 4vw;
  }
  .machine-2 .col p {
      color: #D9D9D9;
      font-size: 1.0417vw;
      line-height: 1.7361vw;
      font-family:Bahnschrift;
      margin-top:0.7vw;
  }
  .machine-2 {
      background-color: #286245;
  }
  .machine-2 .col {
      padding-bottom: 1vw;
      padding-top: 4vw;
  }
  .machine-2 img {
      border: 1px solid #FFFFFF3B;
      background-color: #387A59;
  }
  .machine-3 td {
      color: #000000;
      font-size: 18px;
      line-height: 28px;
      font-weight: 400;
      font-family: 'Bahnschrift';
      padding: 1vw;
      border: 1px solid hsl(0deg 0% 100% / 30%);
      width: 33%;
  }
  .machine-3 td span {
      opacity: 0.4;
      margin-right: 1vw;
  }
  .machine-3 table tbody, .machine-3 table{
      background: linear-gradient(224.95deg, #D9D9D9 8.33%, rgb(42 190 118 / 40%) 123.09%);
      border: 1px solid hsl(0deg 0% 0% / 19%) !important;
      border-collapse: unset;
  }
  .machine-3 .col-inner {
      border-width: 0px 1px 1px 1px;
      border-style: solid;
      border-color: #fff;
  }
  .machine-3 p {
      margin-bottom: 2vw;
  }
  .contact-txt p, .contact-txt a {
      font-size: 1.1111vw;
      line-height: 1.8056vw;
      font-family: Bahnschrift;
      font-weight: 400;
      color:#FFFFFF;
  }
  span.wpcf7-not-valid-tip {
      position: absolute !important;
      z-index: 1;
      padding: 0.1vw !important;
      margin-top: -1.2vw !important;
  }
  span.wpcf7-not-valid-tip:after {
      border-width: 6px !important;
  }
  .wpcf7-response-output {
      position: absolute;
  }
  input#cs-search, input#news-search {
      background: linear-gradient(270deg, #D9D9D9 0%, hsl(150.81deg 63.79% 45.49% / 40%) 100%);
      border: 1px solid #00000030;
      padding: 2vw 1vw 2vw 1vw;
  }
  input#cs-search::placeholder, input#cs-search, input#news-search::placeholder, input#news-search {
      font-size: 1.083vw;
      line-height: 2.778vw;
      color: #000;
      font-family: 'Gasterol';
  }
 .news img {
    width: 100%;
    height: 350px;
    object-fit: cover;
    object-position: center;
}
  .case-study
  {
    cursor: pointer;
  }
  .custom-search:before {
      content: '';
      background-image: url(/wp-content/uploads/2026/03/search-interface.png);
      width: 1.2vw;
      height: 1.2vw;
      position: absolute;
      background-size: contain;
      right: 1.5vw;
      top: 1.6vw;
      background-repeat: no-repeat;
  }
  .case-study-list, .news-list {
      display: grid;
      grid-gap: 2vw;
      grid-template-columns: 1fr 1fr 1fr;
  }
  .case-study {
      background-color: hsl(0deg 0% 100% / 40%);
      padding: 2.5vw 1.5vw 1.5vw 1.5vw;
  }
  .case-study p.date, .news-list p.date{
      font-size: 0.972vw;
      line-height: 1.667vw;
      font-family: 'Bahnschrift';
      font-weight: 400;
      color: #000000;
  }
  h4.case-study-title, h4.news-title {
      font-size: 2.083vw;
      font-family: 'Bahnschrift';
      line-height: 2.778vw;
      font-weight: 400;
      color: #000000;
  }
  .case-study-bottom p, .news-bottom p {
      color: hsl(0deg 0% 0% / 90%);
      font-size: 1.111vw;
      line-height: 1.806vw;
      font-weight: 400;
      font-family: 'Bahnschrift';
  }
  p.date span {
      background-color: #D9D9D9;
      padding: 0.5vw;
  }
  .case-study {
      height: 36vw;
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      position:relative
  }
  .case-study-bottom img, .news-bottom img {
      position: absolute;
    right: -0.189vw;
    bottom: 0vw;
    opacity: 0;
    width: 4.5vw;
    height: 3.5vw;
  }
  .case-study:hover img 
  {
    opacity: 1;
  }
  .case-study:hover {
      background-image: url(/wp-content/uploads/2026/03/casestudy-img.png);
      background-size: cover;
      background-repeat: no-repeat;
  }
  .case-study:hover h4.case-study-title, .case-study:hover .case-study-bottom p
  {
    color: #D9D9D9;
  }
  .load-morebtn {
      text-align: center;
      margin-top: 2vw;
      margin-bottom: 2vw;
  }
  .load-morebtn a {
      color: #286245;
      font-size: 0.97vw;
  line-height: 1.67vw;
      font-family: Gasterol;
      font-weight: 400;
      text-transform: uppercase;
      text-decoration: underline;
  }
  .accordion-title span{
      font-size: 2.5vw;
      line-height: 3.194vw;
      color: #000000;
      font-weight: 400;
      font-family: 'Gasterol'; 
  }
  .accordion-item {
      background-color: hsl(0deg 0% 100% / 67%);
      margin-bottom: 1vw;
      overflow: hidden;
  }
  .accordion-title.active {
      background-color: unset;
      border-color: unset;
      color: unset;
      font-weight: unset;
  }
  .accordion .accordion-title
  {
    padding: 1.1vw 2.5vw 1.1vw 2.5vw;
  }
   .accordion .accordion-title.active
  {
    padding: 3.3vw 2.5vw 0vw 2.5vw;
  }
  .left-col {
      padding-left: 0px;
  }
  .inner-accordion {
      margin-left: 3vw;
      margin-bottom: 5vw;
  }
  /*.accordion-inner a.custom-btn:before {
      content: '';
      background-color: #2ABE76;
      width: 1px;
      height: 37vw;
      position: absolute;
      bottom: 0vw;
  }*/
  .accordion-sec {
    border-left: 1px solid #2ABE76;
    height: 38.6vw;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
  .accordion .toggle {
      display: none;
  }
  .accordion-title {
      border-top: unset;}
  .news {
      background: #FFFFFF;
  }
  .news-top
  {
      padding: 0vw 2vw 0vw 2vw;
  }
  .news-bottom 
  {
      padding: 0vw 2vw 2vw 2vw;
  }
  .news-list p.date {
      position: relative;
      top: -1.8vw;
      margin-bottom: 0px;
  }
  .mb-10
  {
    margin-bottom: 1vw;
  }
  .accordion-inner
  {
      padding: 1vw 0px 0px 2.5vw ;
  }
  .left-col, .right-col, .capability-row {
      padding-bottom: 0px;
  }
  .gallery {
    width: 100%;
    max-width: 45.4vw;
    margin-top: -8vw;
    position: relative;
    right: -5.5vw;
    margin-bottom: 3vw;
  }
  .gallery-slider {
    width: 100%;
    height: auto;
    margin: 0;
  }
  .gallery-slider .swiper-slide {
    width: auto;
    height: 25vw;
  }
  .gallery-slider .swiper-slide img {
    display: block;
    width: auto;
    height: 100%;
    margin: 0 auto;
  }
  .gallery-thumbs {
    width: 100%;
    padding: 0;
    overflow: hidden;
  }
  .gallery-thumbs .swiper-slide {
    width: 8vw;
    height: 6vw;
    text-align: center;
    overflow: hidden;
  }
  .gallery-thumbs .swiper-slide-active {
    opacity: 1;
  }
  .gallery-thumbs .swiper-slide img {
    width: auto;
    height: 100%;
      object-fit: cover;
  }
  .quality-assured .swiper-container.gallery-slider {
      background: #EBEBEB;
  /*    padding-top: 3vw;
      padding-right: 2vw;
      padding-left: 2vw;*/
  }
  .quality-assured .gallery
  {
      position: relative;
    right: -3vw;
    top: 0vw;
  }
  .quality-assured .swiper-button-prev, .quality-assured .swiper-button-next {
      color: #2abe76;
      display: none;
  }
  .quality-assured .gallery-thumbs .swiper-slide {
      padding: 0.3vw;
      border: 1px solid #FFFFFF;
  }
  .quality-assured .gallery-thumbs .swiper-slide-thumb-active {
      border: 1px solid #2ABE76;
  }
  .quality-assured .swiper-container.gallery-thumbs {
    margin-top: -3vw;
    left: -7.8vw;
}
  .capability p {
      transform: rotate(270deg);
      position: absolute;
      left: -3.7vw;
      top: 12vw;
      font-size: 1.3889vw;  
      line-height: 2.0833vw;
      color: #000000;
      font-family: 'Gasterol';
      font-weight: 400;
  }
  .capability {
      border-width: 0px 1px;
      border-color: #2ABE76;
      border-style: solid;
  }
  .capability-row:after {
      content: '';
      background-color: #2ABE76;
      width: 44vw;
      height: 1px;
      position: absolute;
      top: 11vw;
      left: 0vw;
  }
  .capability-row:before {
      content: '';
      background-color: #2ABE76;
      width: 1px;
      height: 21.5vw;
      position: absolute;
      top: 0vw;
      left: 19vw;
  }
  .Capabilities {
      display: flex;
      flex-direction: row;
  }
  .capabi-title {
      border-width: 0px 1px 0px 1px;
      border-style: solid;
      border-color: #2ABE76;
      width: 6vw;
  }
  .capabi-title h5 {
      transform: rotate(270deg);
      position: absolute;
      left: -21.1vw;
      top: 22vw;
      font-size: 1.3889vw;
      line-height: 2.0833vw;
      color: #000000;
      font-family: 'Gasterol';
      font-weight: 400;
  }
  .capabi-type {
      grid-gap: 2vw;
      grid-template-columns: 1fr 1fr;
      display: grid;
      position: relative;
  }
  .capabi-type p 
  {
      color:#000000;
  }
  .capabi-type p:nth-child(1) {
      margin-bottom: 0.5vw;
  }
  .capabi-type div 
  {
      padding: 1vw 1.5vw;
    width: 20vw;
    height: 8.2vw;
  }
  .capabi-type:after {
      content: '';
      background-color: #2ABE76;
      width: 42vw;
      height: 1px;
      position: absolute;
      top: 9.2vw;
      left: 0vw;
  }
  .capabi-type:before {
      content: '';
      background-color: #2ABE76;
      width: 1px;
      height: 18.5vw;
      position: absolute;
      top: 0vw;
      left: 21.3vw;
  }
  .inner-accordion {
      width: 75%;
      background: linear-gradient(145deg, #D9D9D9 8.65%, hsl(151deg 64% 45% / 40%) 114.31%);
      border: 1px solid #00000030;
      margin-top: 3vw;
  }
  .left-col .col-inner {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
}
    details {
    cursor: pointer;
    margin-inline: auto;
    &::details-content {
      height: 0;
      interpolate-size: allow-keywords;
      opacity: 0;
      overflow: hidden;
      transition: height 0.5s ease-in-out,
                  content-visibility 0.5s ease-in-out,
                  opacity 0.5s ease-in-out,
                  scale 0.5s ease-in-out;
      transition-behavior: allow-discrete;
    }
    &[open] > summary:after {
      transform: rotate(0deg);
    }
    &[open]::details-content {
      height: auto;
      opacity: 1;
    }
  }
  summary {
    border-top: 1px solid rgb(255 255 255 / 40%);
      color: #000;
      list-style: none;
      padding: 1rem;
      position: relative;
      transition: color 0.5s ease-in-out;
      border-bottom: 1px solid rgb(255 255 255 / 40%);
      font-size: 0.903vw;
      line-height: 1.111vw;
      font-family: 'Bahnschrift';
      font-weight: 600;
      
    
    &:after {
      content: '';
      font-size: 1.75rem;
      height: 0.8vw;
      line-height: 1.5rem;
      position: absolute;
      right: 1rem;
      text-align: center;
      width: 0.8vw;
      background-image: url(/wp-content/uploads/2026/04/down-arrow.svg);
      background-size: contain;
      background-repeat: no-repeat;
      transform: rotate(180deg);
      transition: background-color 0.5s ease-in-out, transform 0.5s ease-in-out;
      top: 1.2vw;
    }
  }
  .ctn-info {
    padding: 1rem;
  }
  .ctn-info p
  {
    font-size: 0.833vw;
    line-height: 1.25vw;
    font-family: Bahnschrift;
    font-weight: 300;
    color: #000000;
  }
  .font-15-b-r p
  {
    color: #000000;
  }
  .right-col {
      padding-left: 7vw;
      padding-right: 0px;
  }
  
/*.accordion-sec a.custom-btn span {
    clip-path: polygon(0 0, 93% 0, 88% 100%, 0% 100%);
}
.accordion-sec .custom-btn .arrow {
    margin-left: -1.9vw;
    clip-path: polygon(19% 0%, 100% 0%, 100% 100%, 0% 100%);
}
.accordion-sec .custom-btn:hover span {
    clip-path: polygon(0 0, 88.5% 0, 92.2% 100%, 0% 100%);
    }
.accordion-sec .custom-btn:hover .arrow
{
    clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 15% 100%);
}
.join-team-btn a.custom-btn span {
    clip-path: polygon(0 0, 92% 0, 87% 100%, 0% 100%);
}
.join-team-btn .custom-btn .arrow {
    margin-left: -1.9vw;
    clip-path: polygon(19% 0%, 100% 0%, 100% 100%, 0% 100%);
}
.join-team-btn .custom-btn:hover span {
    clip-path: polygon(0 0, 87% 0, 91.2% 100%, 0% 100%);
    }
.join-team-btn .custom-btn:hover .arrow
{
    clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 15% 100%);
}*/
.scroll-wrapper.qc-team .request-btn {
    position: absolute;
    margin-top: -5.5vw;
}

img.steel-m {
    display: none !important;
}
  /* contact */
@keyframes bounce {
50% {
    transform: translateY(-15px);
  }
}
.down-arrow
{
  animation: bounce 1600ms infinite cubic-bezier(0.445, 0.05, 0.55, 0.95);
}
.scrollConatent h3 span
{
  margin-left: -13px;
}
.marquee-section {
  overflow: hidden;
}
.marquee-track {
  display: flex;
  width: max-content;
}
.accordion .accordion-title:after {
    content: '';
    background-image: url(/wp-content/uploads/2026/03/plus-2.png);
    height: 1.5vw;
    width: 1.5vw;
    position: absolute;
    background-repeat: no-repeat;
    right: 2vw;
    background-size: contain;
    top: 2vw;
}
.swiper-button-next:after, 
.swiper-button-prev:after {
    font-size: 1.25vw !important;
}
.swiper-button-next, 
.swiper-button-prev {
    background-color: #fff;
    width: 2.08vw !important;
    height: 2.08vw !important;
}
.design-deliver .design-deliver-center.col .icon-box {
    background-color: #286245 !important;
}
.design-deliver .design-deliver-center.col .icon-box:hover .icon-box-text.last-reset{
    background-color: #012f1d !important;
}
.design-deliver li {
    list-style: square;
}
.sticky-slide-content h3, .steel-content h3, .img-wrap h4
{
  font-weight:400;
}
.load-morebtn {
    position: relative;
    z-index: 1;
}
.news
{
  position:relative;
}
.wpcf7 form.sent .wpcf7-response-output
{
  display:none;
}
.icon-box .icon-box-text.last-reset:after {
    content: '';
    background-image: url(/wp-content/uploads/2026/03/top-arrow.png);
    height: 2vw;
    width: 2vw;
    position: absolute;
    top: 10vw;
    background-size: contain;
    opacity: 1;
    transition: opacity 0.4s ease, transform 0.4s ease;
}
.icon-box:hover .icon-box-text.last-reset:after {
    opacity: 0;
    transform: translateY(-1vw); /* optional smooth move */
}
.gsap-marker-end, .gsap-marker-start,.gsap-marker-scroller-end,.gsap-marker-scroller-start  {
    display: none !important;
}

nav#nav-below, div#comments, .entry-author.author-box, footer.entry-meta.text-center,.blog-share.text-center
{
    display: none;
}
.entry-image.relative {
    position: relative !important;
    object-fit: cover;
}
.entry-header-text.entry-header-text-top {
    text-align: left;
    padding-left: 0px;
}
h1.entry-title {
    font-family: 'Gasterol';
    font-size: 2.08vw;     /* 30px */
    font-weight: 400;
    line-height: 2.78vw;   /* 40px */
    color: #000;
}
.entry-content.single-page p {
    color: #000000A1;
    font-family: 'Bahnschrift';
    font-size: 1.53vw;   /* 22px */
    line-height: 2.22vw; /* 32px */
}
.entry-header-text.entry-header-text-top
{
  font-size: 0.972vw;
}
.widget-area h2.wp-block-heading
{
  font-size: 1.111vw;
}
.wp-block-latest-posts__list a
{
  font-size: 0.972vw;
}
.entry-image img {
    height: 100%;
  width: 100%;
    aspect-ratio: 16 / 7; /* Perfect 16:7 */
  object-position: center;
    object-fit: cover;
}
.entry-divider.is-divider.small
{
    display:none;
}
.widget-area  h2.wp-block-heading
{
  font-family: 'Gasterol';
  color: #000;
  font-weight: 400;
}
.wp-block-latest-posts
{
  font-family: 'Bahnschrift';
}
.badge.post-date
{
  font-family: 'Gasterol';
  font-weight: 400;
}
h6.entry-category.is-xsmall a, .entry-meta.uppercase.is-xsmall
{
  font-family: 'Bahnschrift';
  color: #000 !important;
}
.learn-more-btn:after {
    content: '';
    background-color: #286245;
    height: 1px;
    width: 50%;
    position: absolute;
    top: 2vw;
    left: 0px;
    z-index: -1;
}
.learn-more-btn:before {
    content: '';
    background-color: #286245;
    height: 1px;
    width: 44%;
    position: absolute;
    top: 2vw;
    right: 0px;
    z-index: -1;
}
.home-banner .section-content, .qc-banner .section-content, .qc-banner{
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
  height: 100%;
}
.value-row .font-26-b-r p {
    height: 8vw;
}
.value-row .col:nth-child(2), .design-deliver-center {
    border-width: 0px 1px 0px 1px;
    border-color: hsl(150deg 42.03% 27.06% / 66%);
    border-style: solid;
}
.custom-search h4
{
  font-size: 3.083vw;
    line-height: 3.778vw;
    color: #000;
    font-family: 'Gasterol';
  font-weight:400;
}
.custom-search {
    display: flex;
    align-items: center;
    margin-bottom: 3vw;
}
.custom-search form {
    margin-bottom: 0px;
    width: 30vw;
}
a.custom-btn.mobilebtn
{
  display:none;
}

.steel-1, .steel-2, .steel-3, .steel-4, .steel-5, .steel-6, .steel-7, .steel-8, .steel-9 {
    padding: 20vw 10vw 4vw 10vw !important;
    background-size: cover;
    background-position: 50% 50%;
  position: sticky;
  top: 3vw;
  z-index: 999;
    margin-bottom: 10vw !important;
  height: 40vw;
  background-color: #D9D9D9;
}
.steel-left {
    padding-left: 5vw !important;
}
.steel-1 {
  background-image: url(/wp-content/uploads/2026/05/Group-1000001801.png);}
.steel-2 {
  background-image: url(/wp-content/uploads/2026/05/Group-1000001802.png);}
.steel-3 {
  background-image: url(/wp-content/uploads/2026/05/Group-1000001803.png);}
.steel-4 {
  background-image: url(/wp-content/uploads/2026/05/Group-1000001804.png);}
.steel-5 {
  background-image: url(/wp-content/uploads/2026/05/Group-1000001805.png);}
.steel-6 {
  background-image: url(/wp-content/uploads/2026/05/Group-1000001806.png);}
.steel-7 {
  background-image: url(/wp-content/uploads/2026/05/Group-1000001802-1.png);}
.steel-8 {
background-image: url(/wp-content/uploads/2026/05/Group-1000001803-1.png);}
.steel-9 {
background-image: url(/wp-content/uploads/2026/05/Group-1000001804-1.png);}

.field-slider .swiper-slide img
{
    filter: grayscale(100%);
}
.field-slider .swiper-slide img:hover
{
    filter: grayscale(0%);
}
.team-vd video {
    width: 100%;
}
.team-vd {
    border: 1px solid #FFFFFF;
    padding: 1vw 1vw 1vw 1vw;
    margin-bottom: -10vw;
}
.video-box {
  position: relative;
  cursor: pointer;
}

.video-box video {
  width: 100%;
  display: block;
}

.play-btn {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 40px;
  padding: 15px 20px;
  border-radius: 50%;
  pointer-events: none;
}
.zero-engin-slider .font-22-gr, 
.zero-engin-slider .font-14-gr {
    opacity: 0;
}
.zero-engin-slider .row.is-selected .font-22-gr,
.zero-engin-slider .row.is-selected .font-14-gr
{
    opacity:1;
}


/*footer*/
.absolute-footer.dark.medium-text-center.small-text-center {
    display: none;
}
/*footer*/

@media only screen and (min-width: 1400px) 
{
  .hero:after
  {
  bottom: 14.6vw !important;
  }
  .sticky-slide-img:before
  {
      bottom: 10.2vw !important;
  }
  .sticky-slide-img:after
  {
    top: 10.2vw !important;
  }
}
@media only screen and (min-width: 1366px)
{
  .sticky-slide-img:before
    {
        bottom: 8.2vw !important;
    }
    .sticky-slide-img:after
    {
      top: 8.2vw !important;
    }
}
@media (min-width: 1400px) 
{
  .steel-content h3
  {
    line-height: 3.6vw !important;
  }
}

/* BOF i-phone 14 pro max */
@media only screen and (min-width: 430px) and (max-width: 767px) 
{
  .contact-bg:after {
        height: 491px !important;
        top: -198px !important;
        width:98% !important;
  }
  .custom-search:before
  {
    top: 28.1vw !important;
  }
  .scroll-section
  {
    height: 98vh !important;
  }
  .accordion-item:nth-child(1) .quality-assured .gallery {
  top: -945px !important;
  }
  .accordion-item:nth-child(2) .quality-assured .gallery {
    top: -832px !important;
  }
  .accordion-item:nth-child(3) .quality-assured .gallery {
      top: -832px !important;
  }
  .accordion-item:nth-child(4) .quality-assured .gallery {
      top: -698px !important;
  }
  .accordion-item:nth-child(6) .quality-assured .gallery {
      top: -950px !important;
  }
  .accordion-item:nth-child(7) .quality-assured .gallery {
     top: -952px !important;
  }
  .qc-content p:before
  {
    top: -19px !important;
  }
}
/* EOF i-phone 14 pro max */

@media only screen and (min-width: 420px) and (max-width: 430px) 
{
  body .slide {
        top: 40% !important;
    }
}
@media only screen and (min-width: 1512px)
{
  .sticky-slide-img:before
    {
        bottom: 10.3vw !important;
    }
    .sticky-slide-img:after
    {
      top: 10.3vw !important;
    }
    .steel-content h3 {
        line-height: 3vw !important;
    }
}
@media only screen and (min-width: 1600px)
{
/*  .sticky-slide-img:before
    {
        bottom: 4.3vw !important;
    }
    .sticky-slide-img:after
    {
      top: 4.4vw !important;
    }*/
}

@media only screen and (min-width: 1900px) and (max-width: 1920px)
{
  .sticky-slide-img:before
  {
      bottom: 7.1vw !important;
  }
  .sticky-slide-img:after
  {
    top: 7.1vw !important;
  }
  .hero:after
  {
  bottom: 13.4vw !important;
  }
}
@media only screen and (min-width: 2000px) and (max-width: 2240px)
{
 .sticky-slide-img:before
    {
        bottom: 7.7vw !important;
    }
    .sticky-slide-img:after
    {
      top: 7.7vw !important;
    }
}
@media screen and (min-width: 1900px) and (max-width: 2560px) {
  .sticky-slide-img-inner:before
  {
    bottom:-10px !important;
  }
  .sticky-slide-img-inner:after
  {
    top:-10px !important;
  }
  .steel-content h3
  {
    line-height: normal !important;
  }
}
@media only screen and (min-width: 2500px) and (max-width: 2560px)
{
 .sticky-slide-img:before
    {
        bottom: 7.7vw !important;
    }
    .sticky-slide-img:after
    {
      top: 7.7vw !important;
    }
    .hero:after
    {
      bottom: 13.6vw !important;
    }
   
}