.elementor-kit-9{--e-global-color-primary:#000000;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-color-2e3960b:#37424A;--e-global-color-e04af1c:#FF9F0B;--e-global-color-6a9eb73:#FFFFFF;--e-global-color-466378b:#FF5A00;--e-global-color-7014a96:#DA4D00;--e-global-color-d177dfd:#EFF1F4;--e-global-color-4afd4c4:#5E7BA5;--e-global-color-bdb21c4:#202020;--e-global-color-ac3294f:#DADADA;--e-global-color-d3b0eac:#474747;--e-global-color-152f846:#161616;--e-global-color-30f7448:#E7E7E7;--e-global-color-7216ae7:#333333B3;--e-global-color-cd3a8d5:#1616167A;--e-global-color-9d95b00:#F8F8F8;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;font-family:"Montserrat", Sans-serif;font-size:16px;font-weight:400;line-height:160%;}.elementor-kit-9 e-page-transition{background-color:#FFBC7D;}.elementor-kit-9 a{color:var( --e-global-color-466378b );font-family:"Montserrat", Sans-serif;}.elementor-kit-9 a:hover{color:var( --e-global-color-7014a96 );}.elementor-kit-9 h1{font-family:"Montserrat", Sans-serif;font-size:clamp(30px, 5vw, 48px);font-weight:600;text-transform:uppercase;line-height:135%;}.elementor-kit-9 h2{font-family:"Montserrat", Sans-serif;font-size:clamp(24px, 4vw, 32px);font-weight:600;text-transform:uppercase;line-height:120%;}.elementor-kit-9 h3{font-family:"Montserrat", Sans-serif;font-size:clamp(22px, 4vw, 30px);font-weight:600;text-transform:uppercase;line-height:120%;}.elementor-kit-9 h4{font-family:"Montserrat", Sans-serif;font-size:clamp(18px, 3.2vw, 24px);font-weight:600;text-transform:uppercase;line-height:120%;}.elementor-kit-9 h5{font-family:"Montserrat", Sans-serif;font-size:clamp(16px, 2.8vw, 20px);font-weight:500;text-transform:uppercase;line-height:120%;}.elementor-kit-9 h6{font-family:"Montserrat", Sans-serif;font-size:clamp(14px, 2.4vw, 18px);font-weight:500;text-transform:uppercase;line-height:120%;}.elementor-kit-9 button,.elementor-kit-9 input[type="button"],.elementor-kit-9 input[type="submit"],.elementor-kit-9 .elementor-button{font-family:"Montserrat", Sans-serif;font-size:16px;line-height:16px;}.elementor-kit-9 label{font-family:"Montserrat", Sans-serif;}.elementor-kit-9 input:not([type="button"]):not([type="submit"]),.elementor-kit-9 textarea,.elementor-kit-9 .elementor-field-textual{font-family:"Montserrat", Sans-serif;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1440px;}.e-con{--container-max-width:1440px;--container-default-padding-top:0px;--container-default-padding-right:0px;--container-default-padding-bottom:0px;--container-default-padding-left:0px;}.elementor-widget:not(:last-child){--kit-widget-spacing:0px;}.elementor-element{--widgets-spacing:0px 0px;--widgets-spacing-row:0px;--widgets-spacing-column:0px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;--container-default-padding-top:0px;--container-default-padding-right:0px;--container-default-padding-bottom:0px;--container-default-padding-left:0px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;--container-default-padding-top:0px;--container-default-padding-right:0px;--container-default-padding-bottom:0px;--container-default-padding-left:0px;}}/* Start custom CSS *//*** Remove blue focus outline ***/
a:focus,
button:focus,
input:focus,
textarea:focus {
    outline: none;
}

/* === Scroll effect (dark glass by default) === */
.scrolling-header-glass {
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.4), transparent);
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  transition:
    background 0.05s ease,
    backdrop-filter 0.05s ease,
    border-bottom 0.05s ease;
  border-bottom: none;
}

/* === Glassy white background on light section + thin gray border === */
.header-on-light.scrolling-header-glass {
  background: rgba(255, 255, 255, 0.8);
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  border-bottom: 1px solid #6F6F6F24;
}

/* === Logos === */
.white-logo,
.black-logo {
  display: none;
  transition: opacity 0.05s ease;
}

/* White logo — default */
.white-logo {
  display: block;
}

/* Black logo in light section */
.header-on-light .white-logo {
  display: none;
}
.header-on-light .black-logo {
  display: block;
}

/* === Menu text and language switcher === */
.e-n-menu-title-text,
.elementor-nav-menu .elementor-item,
.language-switcher,
.language-switcher .elementor-icon-list-text {
  color: white;
  transition: color 0.05s ease;
}

.header-on-light .e-n-menu-title-text,
.header-on-light .elementor-nav-menu .elementor-item,
.header-on-light .language-switcher,
.header-on-light .language-switcher .elementor-icon-list-text {
  color: black !important;
}

/* === Burger menu colors in header-on-light === */
.header-on-light .hamburger-inner,
.header-on-light .hamburger-inner::before,
.header-on-light .hamburger-inner::after {
  background-color: #313131 !important;
  transition: background-color 0.15s ease, transform 0.15s ease, top 0.15s ease;
}

.header-on-light .hamburger.is-active .hamburger-inner {
  background-color: transparent !important;
  transition: background-color 0.15s ease, transform 0.15s ease;
}

.header-on-light .hamburger.is-active .hamburger-inner::before,
.header-on-light .hamburger.is-active .hamburger-inner::after {
  background-color: #313131 !important;
  transition: background-color 0.15s ease, transform 0.15s ease, top 0.15s ease;
}

/* === Dropdown-indicator-orange === */
body .elementor-nav-menu .sub-arrow svg,
body .elementor-nav-menu .sub-arrow svg path {
  fill: #ff5a00 !important;
}

/* rank-math-breadcrumb*/
.rank-math-breadcrumb{
    font-size: 14px;
    color:#dadada;
}

.title-company {
  white-space: normal;
  word-break: break-word;
}

/* Make Swiper slides move with a linear transition */
.swiper-wrapper {
  transition-timing-function: linear !important; 
}

/* Add gradient fade effect to the left and right edges of the slider */
.my-slide .elementor-main-swiper::before,
.my-slide .elementor-main-swiper::after {
    content: "";
    position: absolute;
    top: 0;
    width: 30%; /* width of the fade effect, can be adjusted */
    height: 100%;
    z-index: 2;
    pointer-events: none;
}

.my-slide .elementor-main-swiper::before {
    left: 0;
    background: linear-gradient(to right, #fff 0%, rgba(255,255,255,0) 100%);
}

.my-slide .elementor-main-swiper::after {
    right: 0;
    background: linear-gradient(to left, #fff 0%, rgba(255,255,255,0) 100%);
}

/* Badge style */
.badge {
  background: linear-gradient(145deg, rgba(30, 30, 30, 0.6), rgba(10, 10, 10, 0.4));
  border: 1.5px solid rgba(255, 255, 255, 0.12);
  border-radius: 12px;

  -webkit-backdrop-filter: blur(25px);
  backdrop-filter: blur(25px);

  box-shadow:
    0 4px 30px rgba(0, 0, 0, 0.6),
    inset 0 1px 1px rgba(255, 255, 255, 0.1),
    inset 0 -1px 1px rgba(255, 255, 255, 0.06),
    inset 0 0 40px rgba(255, 255, 255, 0.05);

  color: #fff;
  padding: 0.5rem 1rem;
  font-weight: 500;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.6);
  transition: all 0.3s ease;
}

/* Outer container: holds the scrollable area and the bottom fade effect */
.scroll-outer {
  position: relative;
  max-height: 400px; /* or any height you need */
  overflow: hidden;
}

/* Inner container: scrollable content */
.scroll-inner {
  max-height: 400px;
  overflow-y: auto;
  overflow-x: hidden;

  /* Firefox custom scrollbar */
  scrollbar-width: thin;
  scrollbar-color: #ff5a00 #f1f1f1;
}

/* Chrome, Edge, Safari custom scrollbar */
.scroll-inner::-webkit-scrollbar {
  width: 8px;
  background: transparent;
}

.scroll-inner::-webkit-scrollbar-track {
  background: #f1f1f1;
  border-radius: 8px;
  margin: 4px 0;
}

.scroll-inner::-webkit-scrollbar-thumb {
  background: #ff5a00;
  border-radius: 8px;
  border: 2px solid #f1f1f1;
}

.scroll-inner::-webkit-scrollbar-thumb:hover {
  background: #d94a00;
}

/* Bottom fade effect: always visible at the bottom of the outer container */
.scroll-outer::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 50%; /* height of the fade effect */
  background: linear-gradient(to top, #fff 0%, rgba(255,255,255,0) 100%);
  pointer-events: none;
  z-index: 10;
}

/* Outer container: holds the scrollable area and the bottom fade effect */
.scroll-outer-black {
  position: relative;
  max-height: 400px; /* adjust as needed */
  overflow: hidden;
  /* no background-color here */
}

/* Inner container: scrollable content */
.scroll-inner-black {
  max-height: 400px;
  overflow-y: auto;
  overflow-x: hidden;
  /* no background-color here */

  /* Firefox custom scrollbar */
  scrollbar-width: thin;
  scrollbar-color: #ff5a00 transparent;
}

/* Chrome, Edge, Safari custom scrollbar */
.scroll-inner-black::-webkit-scrollbar {
  width: 8px;
  background: transparent;
}

.scroll-inner-black::-webkit-scrollbar-track {
  background: transparent;
  border-radius: 8px;
  margin: 4px 0;
}

.scroll-inner-black::-webkit-scrollbar-thumb {
  background: #ff5a00;
  border-radius: 8px;
  border: 2px solid transparent;
}

.scroll-inner-black::-webkit-scrollbar-thumb:hover {
  background: #d94a00;
}

/* Bottom fade effect only (no solid background) */
.scroll-outer-black::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 50%;
  background: linear-gradient(to top, rgba(32, 32, 32, 0.85) 0%, rgba(32, 32, 32, 0) 100%);
  pointer-events: none;
  z-index: 10;
}

/* By default, hide the button text, set its width to 0, and remove the right margin */
.btn-card .elementor-button-text {
  opacity: 0;
  max-width: 0;
  margin-right: 0;
  overflow: hidden;
  white-space: nowrap;
  /* Smooth animation for text appearance, width, and margin changes */
  transition: opacity 1.5s, max-width 1.5s, margin-right 1.5s;
}

/* On hover or focus of the button with the btn-card class, show the text */
.btn-card:hover .elementor-button-text,
.btn-card:focus .elementor-button-text {
  opacity: 1;           /* Make the text visible */
  max-width: 300px;     /* Set the maximum width for the text (adjust as needed) */
  margin-right: 16px;   /* Add right margin between the text and the arrow */
}

.btn-card .elementor-button-icon svg {
  width: 11px;
  height: 11px;
}
.btn-card .elementor-button-icon svg path {
  fill: #fff !important;
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Montserrat';
	font-display: auto;
	src: url('https://hydrotrade.engineering/wp-content/uploads/2025/06/Montserrat-VariableFont_wght.ttf') format('truetype');
}
/* End Custom Fonts CSS */