.elementor-232 .elementor-element.elementor-element-68effe3{--display:flex;--min-height:0px;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:nowrap;--padding-top:0em;--padding-bottom:0em;--padding-left:0em;--padding-right:0em;}.elementor-232 .elementor-element.elementor-element-2ce6f64{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:nowrap;--z-index:99999;}.elementor-232 .elementor-element.elementor-element-de53952{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-widget-theme-site-logo .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-232 .elementor-element.elementor-element-c90f560{text-align:start;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-232 .elementor-element.elementor-element-7da4ec5{text-align:start;}.elementor-232 .elementor-element.elementor-element-a92be78{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-widget-nav-menu .elementor-nav-menu .elementor-item{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );text-transform:var( --e-global-typography-primary-text-transform );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item{color:var( --e-global-color-text );fill:var( --e-global-color-text );}.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:hover,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item.elementor-item-active,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item.highlighted,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:focus{color:var( --e-global-color-accent );fill:var( --e-global-color-accent );}.elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:before,
					.elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after{background-color:var( --e-global-color-accent );}.elementor-widget-nav-menu .e--pointer-framed .elementor-item:before,
					.elementor-widget-nav-menu .e--pointer-framed .elementor-item:after{border-color:var( --e-global-color-accent );}.elementor-widget-nav-menu{--e-nav-menu-divider-color:var( --e-global-color-text );}.elementor-widget-nav-menu .elementor-nav-menu--dropdown .elementor-item, .elementor-widget-nav-menu .elementor-nav-menu--dropdown  .elementor-sub-item{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );text-transform:var( --e-global-typography-accent-text-transform );letter-spacing:var( --e-global-typography-accent-letter-spacing );}.elementor-232 .elementor-element.elementor-element-34f0be1 .elementor-nav-menu .elementor-item{font-family:"Kanit", Sans-serif;font-size:0.813em;font-weight:300;text-transform:uppercase;letter-spacing:0.42em;}.elementor-232 .elementor-element.elementor-element-34f0be1 .elementor-nav-menu--main .elementor-item{color:var( --e-global-color-secondary );fill:var( --e-global-color-secondary );}.elementor-232 .elementor-element.elementor-element-34f0be1 .elementor-nav-menu--main .elementor-item:hover,
					.elementor-232 .elementor-element.elementor-element-34f0be1 .elementor-nav-menu--main .elementor-item.elementor-item-active,
					.elementor-232 .elementor-element.elementor-element-34f0be1 .elementor-nav-menu--main .elementor-item.highlighted,
					.elementor-232 .elementor-element.elementor-element-34f0be1 .elementor-nav-menu--main .elementor-item:focus{color:#F7F8FAA1;fill:#F7F8FAA1;}.elementor-232 .elementor-element.elementor-element-34f0be1{--e-nav-menu-horizontal-menu-item-margin:calc( 0em / 2 );}.elementor-232 .elementor-element.elementor-element-34f0be1 .elementor-nav-menu--main:not(.elementor-nav-menu--layout-horizontal) .elementor-nav-menu > li:not(:last-child){margin-bottom:0em;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );text-transform:var( --e-global-typography-accent-text-transform );letter-spacing:var( --e-global-typography-accent-letter-spacing );}.elementor-232 .elementor-element.elementor-element-4bcc0d6 .elementor-button{background-color:#1A1D1F00;font-family:"Kanit", Sans-serif;font-size:0.875em;font-weight:400;text-transform:uppercase;line-height:0em;letter-spacing:0.42em;fill:var( --e-global-color-secondary );color:var( --e-global-color-secondary );border-radius:4px 4px 4px 4px;}.elementor-232 .elementor-element.elementor-element-4bcc0d6 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-232 .elementor-element.elementor-element-4bcc0d6 .elementor-button .elementor-button-content-wrapper{gap:0.63em;}.elementor-232 .elementor-element.elementor-element-4bcc0d6 .elementor-button:hover, .elementor-232 .elementor-element.elementor-element-4bcc0d6 .elementor-button:focus{color:#F3EEE6;}.elementor-232 .elementor-element.elementor-element-4bcc0d6 .elementor-button:hover svg, .elementor-232 .elementor-element.elementor-element-4bcc0d6 .elementor-button:focus svg{fill:#F3EEE6;}.elementor-232 .elementor-element.elementor-element-305780f{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-232 .elementor-element.elementor-element-92481d4 .elementor-button{background-color:#1A1D1F00;font-family:"Kanit", Sans-serif;font-size:0.875em;font-weight:300;text-transform:uppercase;letter-spacing:0.42em;fill:var( --e-global-color-secondary );color:var( --e-global-color-secondary );border-radius:4px 4px 4px 4px;}.elementor-232 .elementor-element.elementor-element-92481d4 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-232 .elementor-element.elementor-element-92481d4 .elementor-button .elementor-button-content-wrapper{gap:0.42em;}.elementor-232 .elementor-element.elementor-element-92481d4 .elementor-button:hover, .elementor-232 .elementor-element.elementor-element-92481d4 .elementor-button:focus{color:var( --e-global-color-secondary );}.elementor-232 .elementor-element.elementor-element-92481d4 .elementor-button:hover svg, .elementor-232 .elementor-element.elementor-element-92481d4 .elementor-button:focus svg{fill:var( --e-global-color-secondary );}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(max-width:1024px){.elementor-232 .elementor-element.elementor-element-68effe3{--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0em;--padding-bottom:0em;--padding-left:0em;--padding-right:0em;}.elementor-widget-nav-menu .elementor-nav-menu .elementor-item{line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-widget-nav-menu .elementor-nav-menu--dropdown .elementor-item, .elementor-widget-nav-menu .elementor-nav-menu--dropdown  .elementor-sub-item{letter-spacing:var( --e-global-typography-accent-letter-spacing );}.elementor-widget-button .elementor-button{letter-spacing:var( --e-global-typography-accent-letter-spacing );}.elementor-232 .elementor-element.elementor-element-4bcc0d6 .elementor-button{font-size:0.875em;}.elementor-232 .elementor-element.elementor-element-92481d4 .elementor-button{font-size:0.875em;}}@media(max-width:767px){.elementor-232 .elementor-element.elementor-element-68effe3{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0em;--padding-bottom:0em;--padding-left:0em;--padding-right:0em;}.elementor-widget-nav-menu .elementor-nav-menu .elementor-item{line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-widget-nav-menu .elementor-nav-menu--dropdown .elementor-item, .elementor-widget-nav-menu .elementor-nav-menu--dropdown  .elementor-sub-item{letter-spacing:var( --e-global-typography-accent-letter-spacing );}.elementor-widget-button .elementor-button{letter-spacing:var( --e-global-typography-accent-letter-spacing );}.elementor-232 .elementor-element.elementor-element-4bcc0d6 .elementor-button{font-size:1em;}.elementor-232 .elementor-element.elementor-element-92481d4 .elementor-button{font-size:1.42em;}}@media(min-width:768px){.elementor-232 .elementor-element.elementor-element-de53952{--width:1%;}.elementor-232 .elementor-element.elementor-element-a92be78{--width:60%;}.elementor-232 .elementor-element.elementor-element-305780f{--width:20%;}}@media(max-width:1024px) and (min-width:768px){.elementor-232 .elementor-element.elementor-element-a92be78{--width:60%;}}/* Start custom CSS *//*
 * WSP MAIN WEBSITE HEADER
 *
 * Required classes:
 * Outer header:          wsp-header
 * Logo lane:             header-item-logo
 * Menu lane:             header-item-menu
 * Contact lane:          header-item-contact
 * Full logo:             logo-full
 * Symbol logo:           logo-symbol
 * Desktop menu:          nav-desktop
 * Responsive button:     nav-mobile-toggle
 * Contact button:        btn-contact
 */


/* =========================================
   RESET
========================================= */

.wsp-header,
.wsp-header * {
  box-sizing: border-box;
}


/* =========================================
   INITIAL HEADER
========================================= */

.wsp-header {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;

  width: 100% !important;
  max-width: none !important;

  margin: 0 !important;
  padding: 30px 4% !important;

  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  justify-content: space-between !important;

  gap: 0 !important;

  background-color: transparent !important;
  border-bottom: 1px solid transparent !important;
  box-shadow: none !important;

  z-index: 9999 !important;

  transition:
    padding 0.7s cubic-bezier(0.25, 1, 0.5, 1),
    background-color 0.7s cubic-bezier(0.25, 1, 0.5, 1),
    border-color 0.7s cubic-bezier(0.25, 1, 0.5, 1),
    box-shadow 0.7s cubic-bezier(0.25, 1, 0.5, 1) !important;
}


/* =========================================
   STICKY HEADER
========================================= */

.wsp-header.elementor-sticky--effects {
  position: fixed !important;

  padding: 18px 4% !important;

  background-color: rgba(4, 3, 1, 0.74) !important;

  -webkit-backdrop-filter: blur(11px) !important;
  backdrop-filter: blur(12px) !important;

  border-bottom-color: #f7f8fa !important;

  box-shadow:
    0 10px 30px rgba(11, 13, 14, 0.05) !important;
}


/* =========================================
   THREE HEADER LANES
========================================= */

.wsp-header .header-item-logo,
.wsp-header .header-item-menu,
.wsp-header .header-item-contact {
  min-width: 0 !important;

  margin: 0 !important;
  padding: 0 !important;

  display: flex !important;
  align-items: center !important;
}

.wsp-header .header-item-logo {
  flex: 0 0 20% !important;
  justify-content: flex-start !important;
}

.wsp-header .header-item-menu {
  flex: 0 0 60% !important;
  justify-content: center !important;
}

.wsp-header .header-item-contact {
  flex: 0 0 20% !important;
  justify-content: flex-end !important;
}


/* =========================================
   DESKTOP NAVIGATION
========================================= */

.wsp-header .nav-desktop {
  width: auto !important;
  max-width: none !important;

  margin: 0 auto !important;
}

.wsp-header .nav-desktop .elementor-nav-menu {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  justify-content: center !important;

  gap: 4.2em !important;
}

.wsp-header .nav-desktop .elementor-nav-menu > li {
  margin: 0 !important;

  white-space: nowrap !important;
}


/* =========================================
   LOGOS
========================================= */

.wsp-header .logo-full,
.wsp-header .logo-symbol {
  width: auto !important;
  max-width: none !important;

  margin: 0 !important;
}

.wsp-header .logo-full img {
  display: block !important;

  width: 189px !important;
  min-width: 189px !important;
  max-width: 189px !important;
  height: auto !important;

  margin: 0 !important;

  transition:
    width 0.7s cubic-bezier(0.25, 1, 0.5, 1),
    min-width 0.7s cubic-bezier(0.25, 1, 0.5, 1),
    max-width 0.7s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

.wsp-header .logo-symbol img {
  display: block !important;

  width: 58px !important;
  min-width: 58px !important;
  max-width: 58px !important;
  height: auto !important;

  margin: 0 !important;
}

@media (min-width: 1025px) {
  .wsp-header.elementor-sticky--effects .logo-full img {
    width: 163px !important;
    min-width: 163px !important;
    max-width: 163px !important;
  }
}


/* =========================================
   BUTTON WIDGETS
========================================= */

.wsp-header .nav-mobile-toggle,
.wsp-header .btn-contact {
  width: auto !important;
  max-width: none !important;

  margin: 0 !important;
}

.wsp-header .header-item-menu .nav-mobile-toggle {
  margin-right: auto !important;
  margin-left: auto !important;
}

.wsp-header .header-item-contact .btn-contact {
  margin-right: 0 !important;
  margin-left: auto !important;
}


/* =========================================
   BUTTON CONTENT ALIGNMENT
========================================= */

.wsp-header .nav-mobile-toggle .elementor-button,
.wsp-header .btn-contact .elementor-button {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  margin: 0 !important;
}

.wsp-header
.nav-mobile-toggle
.elementor-button-content-wrapper,

.wsp-header
.btn-contact
.elementor-button-content-wrapper {
  display: inline-flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  justify-content: center !important;

  width: auto !important;

  gap: 0.8em !important;

  margin: 0 !important;

  line-height: 1 !important;
}

.wsp-header .nav-mobile-toggle .elementor-button-text,
.wsp-header .btn-contact .elementor-button-text {
  display: inline-flex !important;
  align-items: center !important;

  margin: 0 !important;

  line-height: 1 !important;
  white-space: nowrap !important;
}

.wsp-header .nav-mobile-toggle .elementor-button-icon,
.wsp-header .btn-contact .elementor-button-icon {
  display: inline-flex !important;
  flex: 0 0 auto !important;
  align-items: center !important;
  justify-content: center !important;

  margin: 0 !important;

  line-height: 1 !important;
}

.wsp-header .nav-mobile-toggle .elementor-button-icon svg,
.wsp-header .btn-contact .elementor-button-icon svg,
.wsp-header .nav-mobile-toggle .elementor-button-icon i,
.wsp-header .btn-contact .elementor-button-icon i {
  display: block !important;

  margin: 0 !important;

  line-height: 1 !important;
  vertical-align: middle !important;
}


/* MENI text followed by icon */

.wsp-header
.nav-mobile-toggle
.elementor-button-text {
  order: 1 !important;
}

.wsp-header
.nav-mobile-toggle
.elementor-button-icon {
  order: 2 !important;
}


/* =========================================
   DESKTOP VISIBILITY
========================================= */

.wsp-header .logo-full,
.wsp-header .nav-desktop,
.wsp-header .btn-contact {
  display: block !important;
}

.wsp-header .logo-symbol,
.wsp-header .nav-mobile-toggle {
  display: none !important;
}


/* =========================================
   TABLET
========================================= */

@media (max-width: 1024px) {

  .wsp-header .logo-full,
  .wsp-header .nav-desktop {
    display: none !important;
  }

  .wsp-header .logo-symbol,
  .wsp-header .nav-mobile-toggle,
  .wsp-header .btn-contact {
    display: block !important;
  }
}


/* =========================================
   MOBILE
========================================= */

@media (max-width: 767px) {

  .wsp-header {
    padding: 24px 4% !important;
  }

  .wsp-header .header-item-logo,
  .wsp-header .header-item-menu,
  .wsp-header .header-item-contact {
    flex: 0 0 33.3333% !important;
  }

  /* Hide both labels */

  .wsp-header
  .nav-mobile-toggle
  .elementor-button-text,

  .wsp-header
  .btn-contact
  .elementor-button-text {
    display: none !important;
  }

  /* Remove the unused text/icon gap */

  .wsp-header
  .nav-mobile-toggle
  .elementor-button-content-wrapper,

  .wsp-header
  .btn-contact
  .elementor-button-content-wrapper {
    gap: 0 !important;
  }

  /* Accessible icon targets */

  .wsp-header
  .nav-mobile-toggle
  .elementor-button,

  .wsp-header
  .btn-contact
  .elementor-button {
    min-width: 44px !important;
    min-height: 44px !important;
  }
}/* End custom CSS */