/*
Theme Name: Webhotelway Starter
Theme URI: https://webhotelway.com/
Author: Webhotelway
Author URI: https://webhotelway.com/
Description: Custom starter theme with Bootstrap, Swiper, GSAP, ScrollTrigger, text animations, and scroll-scrubbed video sections.
Version: 0.1.0
Requires at least: 6.0
Tested up to: 6.6
Requires PHP: 8.0
License: GPL-2.0-or-later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: webhotelway
*/

:root {
  --ww-menu-transition: all 0.45s cubic-bezier(0.77, 0, 0.175, 1);
}

main {
    margin-top: 55px;
}

a, p, span, strong, ul, li{
  font-family: "Lilex", monospace;
  font-style: normal;
}

h1, h2, h3, h4, h5, h6 {
  font-family: "Source Serif 4", serif;
  font-style: normal;
}

.color-primary{
    color: #0078FF;
}


/* HEADER */

span.logo-text {
    font-size: 28px;
    font-weight: 900;
}

header.bottom-menu {
    position: fixed;
    bottom: 0;
    z-index: 9999;
    width: 100%;
    background-color: #fff;
}

nav.main-navigation.navbar {
    padding: 0;
}

div#primaryNavbar, ul#menu-primary-menu {
    width: 100%;
}

ul#menu-primary-menu {
    display: flex;
    flex-direction: row;
    gap: 0 !important;
    justify-content: space-evenly;
}

#primaryNavbar .menu-item a {
    color: #030D1A;
    font-weight: 500;
    font-size: 22px;
    text-decoration: none;
    text-transform: uppercase;
}

#primaryNavbar li.menu-item {
    padding: 20px 0;
    border: 1.5px solid #030D1A;
    width: 100%;
    text-align: center;
}

/* Menu hover text slide effect */
.bottom-menu .main-navigation .navbar-nav > li > a {
  position: relative;
  display: inline-flex;
  align-items: center;
  overflow: hidden;
  text-decoration: none;
}

.bottom-menu .main-navigation .navbar-nav > li, .bottom-menu .main-navigation .navbar-nav > li > a{
  -webkit-transition: var(--ww-menu-transition);
  -moz-transition: var(--ww-menu-transition);
  -o-transition: var(--ww-menu-transition);
  transition: var(--ww-menu-transition);
}

.bottom-menu .main-navigation .ww-menu-text {
  position: relative;
  display: inline-block;
  overflow: hidden;
}

/* Both text lines */
.bottom-menu .main-navigation .ww-menu-text__line {
  display: block;
  -webkit-transition: var(--ww-menu-transition);
  -moz-transition: var(--ww-menu-transition);
  -o-transition: var(--ww-menu-transition);
  transition: var(--ww-menu-transition);
  will-change: transform;
}

/* Original text */
.bottom-menu .main-navigation .ww-menu-text__line--main {
  transform: translateY(0);
}

/* Duplicate text */
.bottom-menu .main-navigation .ww-menu-text__line--clone {
  position: absolute;
  left: 0;
  top: 100%;
  width: 100%;
  transform: translateY(0);
}

/* Trigger effect from LI hover */
.bottom-menu .main-navigation .navbar-nav > li:hover > a .ww-menu-text__line--main,
.bottom-menu .main-navigation .navbar-nav > li:focus-within > a .ww-menu-text__line--main {
  transform: translateY(-100%);
}

.bottom-menu .main-navigation .navbar-nav > li:hover > a .ww-menu-text__line--clone,
.bottom-menu .main-navigation .navbar-nav > li:focus-within > a .ww-menu-text__line--clone {
  transform: translateY(-100%);
}

/* Change color from LI hover */
.bottom-menu .main-navigation .navbar-nav > li:hover,
.bottom-menu .main-navigation .navbar-nav > li:focus-within {
  background-color: #0078FF !important;
}

.bottom-menu .main-navigation .navbar-nav > li:hover > a,
.bottom-menu .main-navigation .navbar-nav > li:focus-within > a {
  color: #fff !important;
}

/* Bottom menu dropdowns open upward */
.bottom-menu .main-navigation .navbar-nav > li {
  position: relative;
}

/* Submenu base */
.bottom-menu .main-navigation .sub-menu {
  position: absolute;
  left: 50%;
  bottom: 100%;
  top: auto;
  z-index: 9999;

  min-width: 220px;
  width: 100%;
  padding: 0;
  margin: 0;
  list-style: none;
  background: #ffffff;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;

  -webkit-transform: translateX(-50%) translateY(12px);
  transform: translateX(-50%) translateY(12px);

  -webkit-transition: all 0.35s cubic-bezier(0.77, 0, 0.175, 1);
  -moz-transition: all 0.35s cubic-bezier(0.77, 0, 0.175, 1);
  -o-transition: all 0.35s cubic-bezier(0.77, 0, 0.175, 1);
  transition: all 0.35s cubic-bezier(0.77, 0, 0.175, 1);
}

/* Show submenu on li hover */
.bottom-menu .main-navigation .navbar-nav > li:hover > .sub-menu,
.bottom-menu .main-navigation .navbar-nav > li:focus-within > .sub-menu {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;

  -webkit-transform: translateX(-50%) translateY(0);
  transform: translateX(-50%) translateY(0);
}

/* Submenu text slide effect - triggered from submenu LI */
.bottom-menu .main-navigation .sub-menu li > a {
  position: relative;
  display: inline-flex;
  align-items: center;
  overflow: hidden;
  text-decoration: none;
  color: #111111;
  white-space: nowrap;
  line-height: 1.1;

  -webkit-transition: var(--ww-menu-transition);
  -moz-transition: var(--ww-menu-transition);
  -o-transition: var(--ww-menu-transition);
  transition: var(--ww-menu-transition);
}

.bottom-menu .main-navigation .sub-menu li:hover > a .ww-menu-text__line--main,
.bottom-menu .main-navigation .sub-menu li:focus-within > a .ww-menu-text__line--main {
  -webkit-transform: translateY(-100%);
  transform: translateY(-100%);
}

.bottom-menu .main-navigation .sub-menu li:hover > a .ww-menu-text__line--clone,
.bottom-menu .main-navigation .sub-menu li:focus-within > a .ww-menu-text__line--clone {
  -webkit-transform: translateY(-100%);
  transform: translateY(-100%);
  color:#fff;
}

.bottom-menu .main-navigation .sub-menu li:hover,
.bottom-menu .main-navigation .sub-menu li:focus-within {
  background: #0078FF;
}

/* Language switcher wrapper */
.language-switcher {
  position: relative;
  list-style: none;
  margin: 0;
  padding: 0;
}

.language-switcher > li {
  position: relative;
    padding: 25px 30px;
    border-left: 1.5px solid;
}

/* Main language button */
.language-switcher .lg-switch {
    color: #030D1A;
    font-size: 22px;
    font-weight: 500;
    text-transform: uppercase;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    text-decoration: none;
    -webkit-transition: var(--ww-menu-transition);
    -moz-transition: var(--ww-menu-transition);
    -o-transition: var(--ww-menu-transition);
    transition: var(--ww-menu-transition);
}

.language-switcher .lg-switcher-icon {
  display: block;
  width: 18px;
  height: 18px;
  object-fit: contain;
}

/* Dropdown opens normally: top to bottom */
.language-switcher .language-switcher-dropdown {
    position: absolute;
    top: 100%;
    bottom: auto;
    left: 50%;
    z-index: 9999;
    list-style: none;
    background: #ffffff;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    -webkit-transform: translateX(-50%) translateY(-10px);
    transform: translateX(-50%) translateY(-10px);
    -webkit-transition: var(--ww-menu-transition);
    -moz-transition: var(--ww-menu-transition);
    -o-transition: var(--ww-menu-transition);
    transition: var(--ww-menu-transition);
    width: 100%;
    border: 1.5px solid;
    padding: 0;
}

/* Show dropdown */
.language-switcher > li:hover > .language-switcher-dropdown,
.language-switcher > li:focus-within > .language-switcher-dropdown {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;

  -webkit-transform: translateX(-50%) translateY(0);
  transform: translateX(-50%) translateY(0);
}

/* Dropdown items */
.language-switcher .language-switcher-dropdown li {
  overflow: hidden;

  -webkit-transition: var(--ww-menu-transition);
  -moz-transition: var(--ww-menu-transition);
  -o-transition: var(--ww-menu-transition);
  transition: var(--ww-menu-transition);
}

.language-switcher .language-switcher-dropdown a {
  display: flex;
  width: 100%;
  padding: 10px 14px;
  color: #111111;
  text-decoration: none;
  white-space: nowrap;

  -webkit-transition: var(--ww-menu-transition);
  -moz-transition: var(--ww-menu-transition);
  -o-transition: var(--ww-menu-transition);
  transition: var(--ww-menu-transition);
}

header.site-header.js-site-header {
    border: 1.5px solid #030D1A;
    border-left: none;
    border-right: none;
}

header.site-header .navbar{
    padding: 0;
}

.navbar-inner-wrapper{
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}

.desktop-right-side {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
}

.desktop-right-side .nav-contact-wrapper {
    height: 100%;
    background-color: #000;
    padding: 25px 30px;
}

.desktop-right-side a.nav-contact {
    color: #fff;
    text-decoration: none;
    text-transform: uppercase;
    font-size: 22px;
}

a.nav-contact::after {
    content: ">";
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    border: 1px solid currentColor;
    border-radius: 50%;
    font-size: 18px;
    color: currentColor;
    -webkit-transition: var(--ww-menu-transition);
    -moz-transition: var(--ww-menu-transition);
    -o-transition: var(--ww-menu-transition);
    transition: var(--ww-menu-transition);
    margin-left: 20px;
}

a.nav-contact::before {
    content: ">";
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    border: 1px solid #fff;
    background-color: #fff;
    border-radius: 50%;
    font-size: 18px;
    color: #0078FF;
    -webkit-transition: var(--ww-menu-transition);
    -moz-transition: var(--ww-menu-transition);
    -o-transition: var(--ww-menu-transition);
    transition: var(--ww-menu-transition);
    margin-left: 20px;
}

.desktop-right-side .nav-contact-wrapper {
  -webkit-transition: var(--ww-menu-transition);
  -moz-transition: var(--ww-menu-transition);
  -o-transition: var(--ww-menu-transition);
  transition: var(--ww-menu-transition);
}

.desktop-right-side .nav-contact-wrapper:hover,
.desktop-right-side .nav-contact-wrapper:focus-within {
  background-color: #0078FF;
}


.nav-contact-wrapper:hover a.nav-contact::before,
.nav-contact-wrapper:focus-within a.nav-contact::before {
  -webkit-animation: ww-heartbeat 1.15s ease-in-out both;
  animation: ww-heartbeat 1.15s ease-in-out both;
}

/* After heartbeat when it appears again */
.nav-contact-wrapper:not(:hover):not(:focus-within) a.nav-contact::after {
  -webkit-animation: ww-heartbeat 1.15s ease-in-out both;
  animation: ww-heartbeat 1.15s ease-in-out both;
}

/* Default: before is completely hidden and takes no space */
a.nav-contact::before {
  width: 0;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  margin-left: 0;
  overflow: hidden;
  transform: scale(0);
}

/* Hover wrapper: before appears and takes space */
.nav-contact-wrapper:hover a.nav-contact::before,
.nav-contact-wrapper:focus-within a.nav-contact::before {
  width: 34px;
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  margin-left: 0;
  margin-right: 20px;
  transform: scale(1);

  -webkit-animation: ww-heartbeat 0.9s ease-in-out both;
  animation: ww-heartbeat 0.9s ease-in-out both;
}

/* Optional: when before appears, hide after completely */
.nav-contact-wrapper:hover a.nav-contact::after,
.nav-contact-wrapper:focus-within a.nav-contact::after {
  width: 0;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  margin-left: 0;
  overflow: hidden;
  transform: scale(0);
}


/* Logo area */
.desktop-left-side {
  display: flex;
  align-items: center;
  position: relative;
}

/* Logo link */
.desktop-left-side .navbar-brand {
  position: relative;
  z-index: 2;
}

/* Logo text base */
.desktop-left-side .logo-text {
  display: inline-block;
  opacity: 0;
  max-width: 0;
  overflow: hidden;
  white-space: nowrap;
  margin-left: 0;

  -webkit-transform: translateX(-18px) rotate(-6deg);
  transform: translateX(-18px) rotate(-6deg);

  -webkit-transition:
    opacity 0.25s ease,
    max-width 0.55s cubic-bezier(0.68, -0.55, 0.27, 1.55),
    margin 0.55s cubic-bezier(0.68, -0.55, 0.27, 1.55),
    -webkit-transform 0.55s cubic-bezier(0.68, -0.55, 0.27, 1.55);
  transition:
    opacity 0.25s ease,
    max-width 0.55s cubic-bezier(0.68, -0.55, 0.27, 1.55),
    margin 0.55s cubic-bezier(0.68, -0.55, 0.27, 1.55),
    transform 0.55s cubic-bezier(0.68, -0.55, 0.27, 1.55);
}

/* Show when logo area is hovered */
.desktop-left-side:hover .logo-text,
.desktop-left-side:focus-within .logo-text {
  opacity: 1;
  max-width: 120px;
  margin-left: 8px;

  -webkit-transform: translateX(0) rotate(0deg);
  transform: translateX(0) rotate(0deg);

  -webkit-animation: ww-logo-shake-x 0.75s ease both;
  animation: ww-logo-shake-x 0.75s ease both;
}

/* Stagger */
.desktop-left-side:hover .text-1,
.desktop-left-side:focus-within .text-1 {
  animation-delay: 0s;
}

.desktop-left-side:hover .text-2,
.desktop-left-side:focus-within .text-2 {
  animation-delay: 0.06s;
}

.desktop-left-side:hover .text-3,
.desktop-left-side:focus-within .text-3 {
  animation-delay: 0.12s;
}

/* Language switcher hover */
.language-switcher .language-switcher-item {
  -webkit-transition: var(--ww-menu-transition);
  -moz-transition: var(--ww-menu-transition);
  -o-transition: var(--ww-menu-transition);
  transition: var(--ww-menu-transition);
}

.language-switcher .lg-switch {
  -webkit-transition: var(--ww-menu-transition);
  -moz-transition: var(--ww-menu-transition);
  -o-transition: var(--ww-menu-transition);
  transition: var(--ww-menu-transition);
}

.language-switcher .lg-switcher-icon {
  -webkit-transition: var(--ww-menu-transition);
  -moz-transition: var(--ww-menu-transition);
  -o-transition: var(--ww-menu-transition);
  transition: var(--ww-menu-transition);
}

/* Hover on wrapper/li */
.language-switcher .language-switcher-item:hover,
.language-switcher .language-switcher-item:focus-within {
  background-color: #0078FF;
}

.language-switcher .language-switcher-item:hover .lg-switch,
.language-switcher .language-switcher-item:focus-within .lg-switch {
  color: #ffffff;
}

/* Make icon white */
.language-switcher .language-switcher-item:hover .lg-switcher-icon,
.language-switcher .language-switcher-item:focus-within .lg-switcher-icon {
  filter: brightness(0) invert(1);
}

.language-switcher .lg-switch-option {
    color: #030D1A;
    font-size: 22px;
    font-weight: 500;
    text-transform: uppercase;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    text-decoration: none;
    -webkit-transition: var(--ww-menu-transition);
    -moz-transition: var(--ww-menu-transition);
    -o-transition: var(--ww-menu-transition);
    transition: var(--ww-menu-transition);
}

.language-switcher .lg-switcher-option-icon {
    display: block;
    width: 18px;
    height: 18px;
    object-fit: contain;
    -webkit-transition: var(--ww-menu-transition);
    -moz-transition: var(--ww-menu-transition);
    -o-transition: var(--ww-menu-transition);
    transition: var(--ww-menu-transition);
}

.language-switcher .language-switcher-dropdown li:hover,
.language-switcher .language-switcher-dropdown li:focus-within {
  background: #0078FF;
}

.language-switcher .language-switcher-dropdown li:hover > a,
.language-switcher .language-switcher-dropdown li:focus-within > a {
  color: #fff;
}

.language-switcher .language-switcher-dropdown li:hover img{
    filter: brightness(0) invert(1);
}




/*Homepage CSS*/

.section-home-text-reveal {
    text-align: center;
    padding: 500px 0;
}

h2.scroll-color-reveal span {
    font-family: "Source Serif 4", serif !important;
    font-style: normal;
    font-size: 120px;
}

.section-home-text-reveal .reveal-part {
  display: inline-block;
  color: rgba(0, 0, 0, 0.12);
  opacity: 0.25;
}

.section-home-text-reveal .text-icon-wrap {
  opacity: 0.25;
  transform: scale(0.86);
}

.section-home-text-reveal .scroll-img-reveal {
  opacity: 0.2;
  transform: translateY(18px) scale(0.92);
}

.section-home-text-reveal h2.scroll-color-reveal {
  --reveal-color-rgb: 0, 0, 0;
}

.section-home-text-reveal p.scroll-color-reveal {
  --reveal-color-rgb: 0, 120, 255;
}

.text-reveal-para{
    font-size: 24px;
    font-weight: 500;
    margin: 50px 0;
}

#generic-solutions {
  position: relative;
  text-align: center;
  background-color: #0078FF;
  overflow: hidden;
}

#generic-solutions .generic-solutions-sticky {
  padding: 150px 0 0 0;
  background-color: #0078FF;
}

#generic-solutions .generic-title-stage {
  position: relative;
  min-height: 160px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 80px;
}

#generic-solutions h2.generic-title {
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
  font-size: 120px;
  line-height: 1;
  color: #fff;
  opacity: 0;
  visibility: hidden;
  transform: translateY(120px) scale(0.75);
  will-change: transform, opacity;
}

video.generic-solutions-video {
    mix-blend-mode: lighten;
}

.section-home-partners {
    background-color: #030D1A;
    padding: 150px 0 100px 0;
}

h3.partners-section-title {
    color: #FFF;
    font-size: 100px;
    line-height: 90%;
    letter-spacing: -3px;
    font-weight: 400;
}

p.partners-subtitle {
    color: rgba(255, 255, 255, 0.40);
    font-family: Lilex;
    font-size: 28px;
    font-weight: 400;
    line-height: normal;
    letter-spacing: -0.84px;
    max-width: 600px;
    margin: 35px 0 60px 0;
}

.partner-second-row .col-4 {
    padding: 0;
}

.partner-card {
    border: 1px solid rgba(255, 255, 255, 0.30);
    padding: 20px;
}

p.partner-name {
    color: #FFF;
    font-family: Lilex;
    font-size: 18px;
    font-weight: 400;
    line-height: normal;
    letter-spacing: -0.54px;
    opacity: 0.4;
}

.partner-logo-wrapper {
    margin: 50px 0;
    text-align: center;
}

.partner-card-webhotelier, .partner-card-primalres, .partner-card-hotelizer, .arrow-right-up-icon, .partner-card-50best, .partner-card-michelin, .partner-card-traveller, .partner-card-luxury, .partner-card-expedia, .partner-card-booking {
  -webkit-transition: var(--ww-menu-transition);
  -moz-transition: var(--ww-menu-transition);
  -o-transition: var(--ww-menu-transition);
  transition: var(--ww-menu-transition);  
}

.partner-card-webhotelier:hover {
    border: 1px solid rgba(255, 255, 255, 0.30);
    background: #CD56CF;
}

.partner-card-primalres:hover {
    border: 1px solid rgba(255, 255, 255, 0.30);
    background: #FF723F;
}

.partner-card-hotelizer:hover {
    border: 1px solid rgba(255, 255, 255, 0.30);
    background: #3F8CFF;
}

.partner-card-booking:hover {
    border: 1px solid rgba(255, 255, 255, 0.30);
    background: #003C9C;
}

.partner-card-expedia:hover {
    border: 1px solid rgba(255, 255, 255, 0.30);
    background: #FDDB32;
}

.partner-card-luxury:hover {
    border: 1px solid rgba(255, 255, 255, 0.30);
    background: #4F4F4F;
}

.partner-card-traveller:hover {
    border: 1px solid rgba(255, 255, 255, 0.30);
    background: #6E2794;
}

.partner-card-michelin:hover {
    border: 1px solid rgba(255, 255, 255, 0.30);
    background: #BA0B2F;
}

.partner-card-50best:hover {
    border: 1px solid rgba(255, 255, 255, 0.30);
    background: #837E5A;
}

.partner-card:hover .arrow-right-up-icon {
    margin: 0 5px;
    scale: 1.1;
}

.section-home-services {
    padding: 550px 0 150px 0;
}

h2.service-title {
    color: #030D1A;
    font-size: 200px;
    font-weight: 400;
    line-height: 90%;
    letter-spacing: -6px;
    text-align: center;
    position: relative;
    z-index: 2;
}

.service-title-wrapper {
    position: relative;
    z-index: 1;
}

video.service-video-uno {
    position: absolute;
    bottom: -115%;
    left: -10%;
    z-index: 0;
    transform: rotate(30deg) scale(0.8);
}

video.service-video-duo {
    position: absolute;
    right: -8%;
    bottom: -60%;
    z-index: 0;
    transform: rotate(25deg);
}

.services-wrapper {
    position: relative;
}

.card-color-light-blue{
    background-color: #BAE2FF;
    top: 130px;
}

.card-color-olive{
    background-color: #EEFFCC;
    top: 160px;
}

.card-color-green{
    background-color: #91FFDE;
    top: 190px;
}

.card-color-orange{
    background-color: #FFE1E1;
    top: 220px;
}

.card-color-blue{
    background-color: #91F8FF;
    top: 250px;
}

.card-color-pink{
    background-color: #FFDBFA;
    top: 330px;
}

.service-card {
    border-radius: 60px;
    border: 2px solid #030D1A;
    padding: 80px 70px;
    display: flex;
    margin-bottom: 65px;
    position: sticky;
}

h3.service-name {
    color: #030D1A;
    font-size: 80px;
    font-weight: 500;
    letter-spacing: -2.4px;
}

p.service-suubtitle {
    color: #030D1A;
    font-size: 20px;
    font-weight: 500;
    letter-spacing: -0.6px;
    margin-bottom: 0;
}

.service-analytics {
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
}

p.analytic-title {
    font-size: 20px;
    font-weight: 500;
    line-height: normal;
    letter-spacing: -0.6px;
    margin-bottom: 0;
    color: #030D1A;
}

.service-meta-wrapper {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

video.service-video {
    mix-blend-mode: normal;
}

.row-services-cards {
    position: relative;
    z-index: 1;
}

img.analytic-icon {
    margin-bottom: 10px;
}

.section-home-portfolio {
    border: 2px solid #030D1A;
    border-right: none;
    border-left: none;
}

.portfolio-wrapper {
    display: flex;
}

.border-right {
    border-right: 2px solid #030D1A;
}

h2.portfolio-title {
    color: #030D1A;
    font-size: 100px;
    font-weight: 400;
    line-height: 0.9;
    letter-spacing: -3px;
}

p.portfolio-subtitle {
    color: rgba(3, 13, 26, 0.70);
    font-size: 22px;
    font-weight: 400;
    line-height: normal;
    letter-spacing: -0.66px;
    margin: 35px 0 0 0;
}

ul.portfolio-li {
    padding: 0;
    list-style: none;
    height: 880px;
    overflow-x: auto;
    scrollbar-width: none;
    -ms-overflow-style: none;
}

ul.portfolio-li::-webkit-scrollbar {
    display: none;
}

ul.portfolio-li .list-item {
    padding: 20px 40px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 2px solid #030D1A;
    cursor: pointer;
  -webkit-transition: var(--ww-menu-transition);
  -moz-transition: var(--ww-menu-transition);
  -o-transition: var(--ww-menu-transition);
  transition: var(--ww-menu-transition);
}

h3.portfolio-area {
    color: #0078FF;
    font-size: 80px;
    font-weight: 400;
    line-height: 90%;
    letter-spacing: -2.4px;
    -webkit-transition: var(--ww-menu-transition);
  -moz-transition: var(--ww-menu-transition);
  -o-transition: var(--ww-menu-transition);
  transition: var(--ww-menu-transition);
}

p.hotels-number, p.rooms-number {
    color: rgba(3, 13, 26, 0.70);
    font-size: 22px;
    font-weight: 400;
    line-height: normal;
    letter-spacing: -0.66px;
    margin: 0;
    -webkit-transition: var(--ww-menu-transition);
  -moz-transition: var(--ww-menu-transition);
  -o-transition: var(--ww-menu-transition);
  transition: var(--ww-menu-transition);
}

ul.portfolio-li .list-item:hover {
    background-color: #0078FF;
}

ul.portfolio-li .list-item:hover h3.portfolio-area, ul.portfolio-li .list-item:hover p.hotels-number, ul.portfolio-li .list-item:hover p.rooms-number{
    color: #fff;
}

.portfolio-half-padding {
    padding: 40px 70px;
}

video.prefooter-video {
    width: 100%;
}

.section-home-insights {
    padding: 150px 0 150px 70px;
}

article.insights-post-card {
    display: flex;
    flex-wrap: nowrap;
        -webkit-transition: var(--ww-menu-transition);
  -moz-transition: var(--ww-menu-transition);
  -o-transition: var(--ww-menu-transition);
  transition: var(--ww-menu-transition);
}

h2.insights-title {
    color: #030D1A;
    font-size: 100px;
    font-weight: 400;
    line-height: 90%;
    letter-spacing: -3px;
        -webkit-transition: var(--ww-menu-transition);
  -moz-transition: var(--ww-menu-transition);
  -o-transition: var(--ww-menu-transition);
  transition: var(--ww-menu-transition);
}

p.insights-subtitle {
    color: rgba(3, 13, 26, 0.70);
    font-size: 22px;
    font-weight: 400;
    line-height: normal;
    letter-spacing: -0.66px;
    margin: 35px 0 50px 0;
        -webkit-transition: var(--ww-menu-transition);
  -moz-transition: var(--ww-menu-transition);
  -o-transition: var(--ww-menu-transition);
  transition: var(--ww-menu-transition);
}

.insights-post-image {
    width: 340px;
    height: 355px;
    flex: 1;
    background-position: center center;
    background-repeat: no-repeat;
    display: flex;
        -webkit-transition: var(--ww-menu-transition);
  -moz-transition: var(--ww-menu-transition);
  -o-transition: var(--ww-menu-transition);
  transition: var(--ww-menu-transition);
}

.insights-post-content {
    flex: 1;
    padding: 30px;
    border-left: 1px solid #030D1A;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
        -webkit-transition: var(--ww-menu-transition);
  -moz-transition: var(--ww-menu-transition);
  -o-transition: var(--ww-menu-transition);
  transition: var(--ww-menu-transition);
}

.swiper.insights-swiper {
    height: 360px;
}

article.insights-post-card {
    display: flex;
    flex-wrap: nowrap;
    border: 1px solid #030D1A;
}

h3.insights-post-title a {
    color: #030D1A;
    font-size: 24px;
    font-weight: 500;
    line-height: 120%;
    letter-spacing: -0.72px;
    text-decoration: none;
        -webkit-transition: var(--ww-menu-transition);
  -moz-transition: var(--ww-menu-transition);
  -o-transition: var(--ww-menu-transition);
  transition: var(--ww-menu-transition);
}

.insights-post-excerpt {
    color: #030D1A;
    font-size: 18px;
    font-weight: 400;
    line-height: 120%;
    letter-spacing: -0.54px;
        -webkit-transition: var(--ww-menu-transition);
  -moz-transition: var(--ww-menu-transition);
  -o-transition: var(--ww-menu-transition);
  transition: var(--ww-menu-transition);
}

.insights-post-category span {
    color: rgba(3, 13, 26, 0.70);
    font-size: 16px;
    font-weight: 400;
    line-height: 110%;
    letter-spacing: -0.48px;
    border: 1px solid;
    padding: 6px;
        -webkit-transition: var(--ww-menu-transition);
  -moz-transition: var(--ww-menu-transition);
  -o-transition: var(--ww-menu-transition);
  transition: var(--ww-menu-transition);
}

a.insights-post-button {
    color: #030D1A;
    font-size: 18px;
    font-weight: 500;
    line-height: 110%;
    letter-spacing: -0.54px;
    text-decoration: none;
    border: 1px solid;
    padding: 10px;
        -webkit-transition: var(--ww-menu-transition);
  -moz-transition: var(--ww-menu-transition);
  -o-transition: var(--ww-menu-transition);
  transition: var(--ww-menu-transition);
}

a.insights-post-button img{
  -webkit-transition: var(--ww-menu-transition);
  -moz-transition: var(--ww-menu-transition);
  -o-transition: var(--ww-menu-transition);
  transition: var(--ww-menu-transition);
}

.sketch-blue {
    background-color: #0078FF;
    -webkit-mask-size: contain;
    mask-size: contain;
  -webkit-transition: var(--ww-menu-transition);
  -moz-transition: var(--ww-menu-transition);
  -o-transition: var(--ww-menu-transition);
  transition: var(--ww-menu-transition);
}

article.insights-post-card:hover {
    background-color: #0078FF;
}

article.insights-post-card:hover .insights-post-category span, article.insights-post-card:hover h3.insights-post-title a, article.insights-post-card:hover .insights-post-excerpt, article.insights-post-card:hover a.insights-post-button{
    color: #fff;
}

article.insights-post-card:hover a.insights-post-button img{
    filter: invert(1);
    margin-left: 20px;
}

article.insights-post-card:hover .sketch-blue{
    filter:
    grayscale(1)
    contrast(2.4)
    brightness(1.3)
    sepia(1)
    saturate(5000%)
    hue-rotate(185deg);
}





















/*SERVICE PAGE CSS*/

section.service-header {
    background-color: #BAE2FF;
    position: relative;
    overflow: hidden;
    padding: 100px 0 0 0;
}

video.service-position-video {
    position: absolute;
    z-index: 1;
    transform: rotate(-45deg) scale(0.6);
    right: -10%;
    top: -30%;
}

video.service-main-video {
    max-width: 500px;
}

img.envelope-uno {
    position: absolute;
    z-index: 1;
    left: 60%;
    top: 15%;
    transform: translate(-60%, -15%);
}

img.envelope-duo {
    position: absolute;
    z-index: 1;
    left: 45%;
    bottom: 0;
    transform: translate(-45%, 0);
}

img.envelope-tre {
    position: absolute;
    z-index: 1;
    left: 35%;
    top: 50%;
    transform: translate(-35%, -50%) rotate(45deg) scale(0.8);
}

img.cloud-uno {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 1;
    transform: translate(-50%, -50%);
}

img.cloud-duo {
    position: absolute;
    top: 50%;
    left: 5%;
    z-index: 1;
    transform: translate(-50%, -50%);
}

img.cloud-tre {
    position: absolute;
    top: 10%;
    left: 50%;
    z-index: 1;
    transform: translate(-50%, -50%);
    scale: 0.8;
}

img.cloud-quattro {
    position: absolute;
    top: 52%;
    right: 5%;
    z-index: 1;
    transform: translate(-50%, -50%);
}

h1.service-title {
    color: var(--Black-Blue-WHW, #030D1A);
    font-size: 100px;
    font-weight: 500;
    line-height: 100%;
    letter-spacing: -3px;
}

p.service-subtitle, p.service-second-subtitle {
    color: var(--Black-Blue-WHW, #030D1A);
    font-size: 22px;
    font-weight: 500;
    line-height: normal;
    letter-spacing: -0.66px;
}

p.service-second-subtitle {
    max-width: 560px;
    margin-bottom: 410px;
}

.service-first-row, .service-second-row {
    position: relative;
    z-index: 2;
}

.row.service-second-row {
    margin-bottom: -200px;
    margin-top: 60px;
}

.svg-whw-wrapper {
    position: absolute;
    bottom: 0;
    right: 0;
}

section.service-cards {
    padding: 170px 0;
    background-color: #F4F4F4;
}

h2.service-section-title {
    color: #030D1A;
    font-size: 80px;
    font-weight: 400;
    line-height: 100%;
    letter-spacing: -2.7px;
}

h3.service-card-title {
    color: var(--Black-Blue-WHW, #030D1A);
    font-size: 42px;
    font-weight: 500;
    line-height: 100%;
    letter-spacing: -1.5px;
}

p.service-card-text {
    color: var(--Black-Blue-WHW, #030D1A);
    font-size: 18px;
    font-weight: 500;
    line-height: normal;
    letter-spacing: -0.6px;
    margin: 35px 0 0 0;
}

.service-cards-wrapper {
    position: relative;
}

.card-service {
    border-radius: 60px;
    border: 1.5px solid var(--Black-Blue-WHW, #030D1A);
    box-shadow: 0 8px 0 0 #000;
    padding: 0 30px;
    height: 540px;
    display: flex;
    position: relative;
    margin-bottom: 65px;
}

.card-service .row{
    align-items: center;
}

.service-card-uno {
    background: linear-gradient(180deg, #BAE2FF 0%, #FFF 100%);
    transform: rotate(-6deg);
    position: sticky;
    top: 200px;
}

.service-card-duo {
    background: linear-gradient(180deg, #FFE1E1 0%, #FFF 100%);
    transform: rotate(6deg);
    position: sticky;
    top: 260px;
    z-index: 1;
}

.service-card-tre {
    background: linear-gradient(180deg, #E2FFDB 0%, #FFF 100%);
    transform: rotate(-6deg);
    position: sticky;
    top: 300px;
    z-index: 2;
}

.card-service:before {
    position: absolute;
    border-radius: 60px;
    border: 1.5px solid var(--Black-Blue-WHW, #030D1A);
    background: #FFF;
    box-shadow: 0 4px 0 0 var(--Black-WHW, #292929);
    top: 4%;
    left: -9%;
    color: #000;
    font-family: 'LILEX';
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 100%;
    letter-spacing: -0.6px;
    padding: 16px 20px;
}

.service-card-uno:before{
    content: '1';
}

.service-card-duo:before{
    content: '2';
}

.service-card-tre:before{
    content: '3';
}

#servicesAccordion .accordion-item {
    border: none;
    margin-bottom: 30px;
}

#servicesAccordion .accordion-item {
    border-radius: 60px;
    border: 1.5px solid var(--Black-Blue-WHW, #030D1A);
    background: #FFF;
    box-shadow: 0 10px 0 0 #000;
    border-top-left-radius: 60px !important;
    border-top-right-radius: 60px !important;
    padding: 35px;
}

#servicesAccordion .case-header-wrapper {
    display: flex;
    flex-direction: row;
    width: 100%;
    justify-content: space-between;
    align-items: center;
}

#servicesAccordion .case-meta-wrapper {
    display: flex;
}

#servicesAccordion h3.ota-title, #servicesAccordion h3.fill-title, #servicesAccordion h3.adr-title {
    color: #030D1A;
    font-size: 34px;
    font-weight: 500;
    line-height: 32.529px;
    letter-spacing: -0.976px;
    text-align: center;
}

h3.case-title:before {
    border-radius: 60px;
    border: 1.5px solid var(--Black-Blue-WHW, #030D1A);
    background: #FFF;
    box-shadow: 0 4px 0 0 var(--Black-WHW, #292929);
    color: #000;
    font-size: 20px;
    font-weight: 600;
    line-height: 100%;
    letter-spacing: -0.6px;
    padding: 16px 20px;
    margin-right: 20px;
    font-family: 'LILEX';
}

h3.case-title-uno:before {
    content: '1';
}

h3.case-title-duo:before {
    content: '2';
}

section.service-cases {
    padding: 180px 0 60px 0;
}

.row-accordion-cases {
    margin-top: 80px;
}

#servicesAccordion h3.case-title {
    color: #030D1A;
    font-size: 50px;
    font-weight: 500;
    line-height: 40.274px;
    letter-spacing: -1.208px;
    display: flex;
    align-items: center;
}

#servicesAccordion p.ota-subtitle, #servicesAccordion p.fill-subtitle, #servicesAccordion p.adr-subtitle {
    color: #0078FF;
    font-size: 18px;
    font-weight: 600;
    line-height: 22.5px;
    letter-spacing: -0.45px;
    text-align: center;
    margin-bottom: 0;
}

#servicesAccordion .ota-wrapper, #servicesAccordion .fill-wrapper, #servicesAccordion .adr-wrapper {
    border-right: var(--stroke-weight-1, 1px) solid #000;
    padding: 0 10px;
}

#servicesAccordion .accordion-button::after {
    flex-shrink: 0;
    margin-left: 10px;
    content: "";
    background-repeat: no-repeat;
    background-size: var(--bs-accordion-btn-icon-width);
    transition: var(--bs-accordion-btn-icon-transition);
    border-radius: 100px;
    background-color: #0078FF;
    box-shadow: 0 0 0 1.5px #030D1A inset;
    font-size: 60px;
    width: 60px;
    height: 60px;
    background-position: center;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%23ffffff' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' d='M2 5l6 6 6-6'/%3E%3C/svg%3E");
}

#servicesAccordion .accordion-button:focus{
    box-shadow: none !important;
}

#servicesAccordion .accordion-button:not(.collapsed){
    background-color: transparent !important;
}

#servicesAccordion .accordion-body {
    border-radius: 40px;
    border: 1.5px solid var(--Black-Blue-WHW, #030D1A);
    box-shadow: 0 0 0 2px #030D1A inset;
    margin-top: 50px;
    padding: 40px;
}

#servicesAccordion .accordion-back-blue{
    background: #BAE2FF;
}

#servicesAccordion .accordion-back-pink{
    background: #FFDBFA;
}

#servicesAccordion .accordion-para {
    color: #030D1A;
    font-family: Lilex;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 26.35px;
    letter-spacing: -0.51px;
    margin-bottom: 25px;
}

#servicesAccordion .list-item {
    color: #030D1A;
    font-family: Lilex;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 24.397px;
    letter-spacing: -0.488px;
    display: flex;
    align-items: center;
    margin-bottom: 25px;
}

#servicesAccordion span.order-number {
    border-radius: 60px;
    border: 1.5px solid var(--Black-Blue-WHW, #030D1A);
    background: #FFF;
    box-shadow: 0 4px 0 0 var(--Black-WHW, #292929);
    color: #000;
    font-size: 20px;
    font-weight: 600;
    line-height: 100%;
    letter-spacing: -0.6px;
    padding: 9px 14px;
    margin-right: 20px;
    font-family: 'LILEX';
}

#servicesAccordion p.accordion-list-para {
    margin-bottom: 0;
}

#servicesAccordion .meta-accordion-wrapper {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

#servicesAccordion img.accordion-case-img {
    border-radius: 40px;
    border: 3px solid;
}

#servicesAccordion .down-accordion-body {
    margin-top: 50px;
}

#servicesAccordion .meta-card {
    width: 100%;
    max-width: 300px;
    border-radius: 30px;
    border: var(--stroke-weight-1, 0px) solid var(--Black-Blue-WHW, #030D1A);
    background: #FFF;
    box-shadow: 0 0 0 2px #030D1A inset, 0 8px 0 0 #030D1A;
    padding: 22px;
}

#servicesAccordion p.meta-title {
    color: #0078FF;
    font-size: 18px;
    font-weight: 600;
    line-height: 22.5px;
    letter-spacing: -0.45px;
    margin-bottom: 35px;
}

#servicesAccordion .numbers-wrapper {
    display: flex;
    justify-content: space-between;
    align-items: end;
}

#servicesAccordion h4.big-number {
    color: #030D1A;
    font-size: 30px;
    font-weight: 500;
    line-height: 40.274px;
    letter-spacing: -1.208px;
    margin-bottom: 0;
}

#servicesAccordion span.small-number {
    color: #030D1A;
    font-family: Lilex;
    font-size: 15px;
    font-style: normal;
    font-weight: 500;
    line-height: 22.5px;
    letter-spacing: -0.45px;
    opacity: 0.6;
}

#servicesAccordion h3.accordion-case-subtitle {
    color: #030D1A;
    font-size: 34px;
    font-weight: 500;
    line-height: 35.782px;
    letter-spacing: -0.976px;
    margin-top: 30px;
}

button.accordion-button.collapsed .case-meta-wrapper {
    transition: 0.4s ease-in-out;
    -o-transition: 0.4s ease-in-out;
    -moz-transition: 0.4s ease-in-out;
    -webkit-transition: 0.4s ease-in-out;
    opacity: 1;
}

button.accordion-button .case-meta-wrapper{
    opacity: 0;
}




































/* FOOTER CSS */

h2.pre-footer-title {
    color: #030D1A;
    font-size: 120px;
    font-weight: 600;
    line-height: 90%;
    letter-spacing: -3.6px;
}

p.pre-footer-subtitle {
    color: rgba(3, 13, 26, 0.70);
    font-size: 28px;
    font-weight: 400;
    line-height: normal;
    letter-spacing: -0.84px;
    margin: 35px 0 60px 0;
}

.pre-footer-cta-wrapper a.nav-contact {
    color: var(--Black-Blue-WHW, #030D1A);
    font-size: 22px;
    font-weight: 500;
    line-height: 110%;
    letter-spacing: -0.66px;
    text-transform: uppercase;
    text-decoration: none;
    border: 1.5px solid #0078FF;
    padding: 25px 30px;
        -webkit-transition: var(--ww-menu-transition);
    -moz-transition: var(--ww-menu-transition);
    -o-transition: var(--ww-menu-transition);
    transition: var(--ww-menu-transition);
}

.pre-footer-cta-wrapper a.nav-contact::after {
    content: ">";
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    border: 1px solid #0078FF;
    border-radius: 50%;
    font-size: 18px;
    color: #fff;
    background-color: #0078FF;
    -webkit-transition: var(--ww-menu-transition);
    -moz-transition: var(--ww-menu-transition);
    -o-transition: var(--ww-menu-transition);
    transition: var(--ww-menu-transition);
    margin-left: 20px;
}

.pre-footer-cta-wrapper a.nav-contact:hover{
    background-color: #0078FF;
    color: #fff;
}

.cta-container {
    padding: 150px 0 0 0;
}

.prefooter-img-wrapper {
    overflow: hidden;
    position: relative;
    min-height: 460px;
}

img.pre-footer-bubble {
    position: absolute;
    bottom: -150%;
    left: 50%;
    transform: translate(-50%, -50%);
        -webkit-transition: var(--ww-menu-transition);
    -moz-transition: var(--ww-menu-transition);
    -o-transition: var(--ww-menu-transition);
    transition: var(--ww-menu-transition);
}

.pre-footer:has(.nav-contact:hover) .pre-footer-bubble {
    bottom: -50%;
}

.pre-footer-crowd-row {
    position: relative;
}

.pre-footer-crowd {
    position: relative;
    width: 100%;
    height: 420px;
    overflow: hidden;
}

.crowd-person {
    position: absolute;
    left: 0;
    bottom: 0;
    display: block;
    width: auto;
    height: 300px;
    max-width: none;
    pointer-events: none;
    user-select: none;
    will-change: transform;
}

header.is-over-footer {
    z-index: -1;
    opacity: 0;

}

.site-footer {
    background-color: #0078FF;
}

h2.footer-title {
    color: #FFF;
    font-size: 260px;
    font-weight: 400;
    line-height: 100%;
    letter-spacing: -7.8px;
    text-transform: uppercase;
    text-align: center;
    padding: 0 0 50px 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.4);
}

.footer-grid-row {
    padding: 50px 75px 200px;
}

.footer-menu-one ul li a, .footer-menu-two ul li a, ul.contacts-list li a {
    color: #FFF;
    font-family: Lilex;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: -0.54px;
    text-decoration: none;
    -webkit-transition: var(--ww-menu-transition);
    -moz-transition: var(--ww-menu-transition);
    -o-transition: var(--ww-menu-transition);
    transition: var(--ww-menu-transition);
}

.footer-menu-one ul, .footer-menu-two ul, ul.contacts-list{
    padding: 0;
    list-style: none;
}

.footer-menu-one ul li, .footer-menu-two ul li, ul.contacts-list li{
    margin-bottom: 16px;
}

ul.contacts-list a.contact-item i {
    font-size: 25px;
}

.footer-menu-one ul li a:hover, .footer-menu-two ul li a:hover, ul.contacts-list li a:hover{
    letter-spacing: 2px !important;
}

.social-links-wrapper {
    margin-top: 40px;
}

.socila-link {
    font-size: 20px;
    color: #fff;
    border: 1px solid #fff;
    border-radius: 100px;
    padding: 10px 11px;
    margin-right: 8px;
    -webkit-transition: var(--ww-menu-transition);
    -moz-transition: var(--ww-menu-transition);
    -o-transition: var(--ww-menu-transition);
    transition: var(--ww-menu-transition);
}

.socila-link:hover{
    background-color: #fff;
    color: #0078FF;
}

.copyrights {
    padding: 30px 75px 50px 75px;
    border-top: 1px solid rgba(255, 255, 255, 0.4);
    color: #FFF;
    font-size: 18px;
    font-weight: 400;
    line-height: normal;
}

.pre-footer {
    position: sticky;
    top: 0;
    z-index: 1;
}

.site-footer {
    position: relative;
    z-index: 2;
    will-change: transform;
    border-radius: 60px 60px 0 0;
}

































/*ANIMATOINS*/

@-webkit-keyframes ww-heartbeat {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  /* first stronger beat */
  12% {
    -webkit-transform: scale(1.42);
    transform: scale(1.42);
  }

  24% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  /* second softer beat */
  38% {
    -webkit-transform: scale(1.24);
    transform: scale(1.24);
  }

  52% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  /* third tiny settling bounce */
  66% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }

  82%,
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@keyframes ww-heartbeat {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  /* first stronger beat */
  12% {
    -webkit-transform: scale(1.42);
    transform: scale(1.42);
  }

  24% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  /* second softer beat */
  38% {
    -webkit-transform: scale(1.24);
    transform: scale(1.24);
  }

  52% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  /* third tiny settling bounce */
  66% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }

  82%,
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

/* Sloppy shakeX style */
@-webkit-keyframes ww-logo-shake-x {
  0%,
  100% {
    -webkit-transform: translateX(0) rotate(0deg);
    transform: translateX(0) rotate(0deg);
  }

  20% {
    -webkit-transform: translateX(-7px) rotate(-4deg);
    transform: translateX(-7px) rotate(-4deg);
  }

  40% {
    -webkit-transform: translateX(6px) rotate(3deg);
    transform: translateX(6px) rotate(3deg);
  }

  60% {
    -webkit-transform: translateX(-4px) rotate(-2deg);
    transform: translateX(-4px) rotate(-2deg);
  }

  80% {
    -webkit-transform: translateX(3px) rotate(1deg);
    transform: translateX(3px) rotate(1deg);
  }
}

@keyframes ww-logo-shake-x {
  0%,
  100% {
    -webkit-transform: translateX(0) rotate(0deg);
    transform: translateX(0) rotate(0deg);
  }

  20% {
    -webkit-transform: translateX(-7px) rotate(-4deg);
    transform: translateX(-7px) rotate(-4deg);
  }

  40% {
    -webkit-transform: translateX(6px) rotate(3deg);
    transform: translateX(6px) rotate(3deg);
  }

  60% {
    -webkit-transform: translateX(-4px) rotate(-2deg);
    transform: translateX(-4px) rotate(-2deg);
  }

  80% {
    -webkit-transform: translateX(3px) rotate(1deg);
    transform: translateX(3px) rotate(1deg);
  }
}



/*MEDIA QUERIES*/

@media screen and (min-width: 1600px){
    .ww-container {
        max-width: 1520px;
    }
}