header-style1{padding:auto}.header-style1.site-header{position:relative;z-index:999}.header-style1.site-header ol,.header-style1.site-header ul{margin-bottom:0}.header-style1 .extra-nav{display:table;float:right;height:70px;position:relative;z-index:9}.header-style1 .extra-nav .extra-cell{display:table-cell;padding-left:20px;vertical-align:middle}.header-style1 .extra-nav .extra-cell>a{font-size:18px}.header-style1 .logo-header{display:table;float:left;width:170px;height:70px;vertical-align:middle;padding:0;font-size:36px;color:#ed4c2f;margin:0;position:relative;z-index:11}.header-style1 .logo-header-inner{display:table-cell;vertical-align:middle;height:100%}.header-style1 .logo-header-inner img{max-width:135px;max-height:100%}.header-style1 .e-p-bx{padding:0}.header-style1 .e-p-bx li{display:inline;font-size:18px;font-weight:500;color:#000;position:relative;font-family:'Barlow Condensed',sans-serif;padding-right:20px;margin-right:10px;line-height:40px}.header-style1 .e-p-bx li:last-child{padding-right:0;margin-right:0x}.header-style1 .e-p-bx li:after{content:'';position:absolute;right:0;top:0;background-color:rgba(0,0,0,.4);height:100%;width:1px}.header-style1 .e-p-bx li:last-child:after,.header-style1 .header-nav .nav>li .mega-menu>li:last-child:after{display:none}.header-style1 .e-p-bx li span{text-transform:uppercase;display:inline-block;padding-right:10px;font-weight:600}.header-style1 .e-p-bx li a,.header-style1 .header-nav .nav>li .sub-menu li:hover .fa,.header-style1.nav-transparent .main-bar .header-nav .nav>li>a{color:#000}.header-style1 .e-p-bx li i{margin-right:5px;vertical-align:middle}.social-bx{margin:0;border-right:0px solid rgba(0,0,0,.4)}.header-style1.nav-transparent .top-bar .social-bx li,.social-bx li{font-size:12px;margin:0;position:relative}.social-bx li a{font-size:14px;padding:0;width:34px;text-align:right;display:inline-block}.header-style1 .nav-dark.header-nav .nav>li .mega-menu>li ul a,.header-style1 .nav-dark.header-nav .nav>li .sub-menu li a,.social-bx.text-white li a{color:#fff}.header-style1 .main-bar{position:relative;width:100%;padding:10px 0;-webkit-transition:.5s;-moz-transition:.5s;-ms-transition:.5s;-o-transition:.5s;transition:.5s}.header-style1 .main-bar::after{clear:both;content:"";display:table}.header-style1 .site-search{background-color:#ed4c2f;-webkit-transition:.4s linear;-moz-transition:.4s linear;-ms-transition:.4s linear;-o-transition:.4s linear;transition:.4s linear}.header-style1 .site-search:hover{box-shadow:none}.header-style1 .site-search .form-control{background-color:transparent;height:50px;border:none}.header-style1 .site-search button{background-color:transparent;color:#fff;text-transform:uppercase;height:50px;padding:0 15px;font-size:14px}.header-style1 .site-search .form-control::-webkit-input-placeholder{color:#fff;font-size:14px;font-weight:400}.header-style1 .site-search .form-control::-moz-placeholder{color:#fff;font-size:14px;font-weight:400}.header-style1 .site-search .form-control:-ms-input-placeholder{color:#fff;font-size:14px;font-weight:400}.header-style1 .site-search .form-control:-moz-placeholder{color:#fff;font-size:14px;font-weight:400}.header-style1 .navbar-toggler{border:none;margin:14px -10px 14px 0;padding:12px 10px;display:none}.header-style1 .navbar-toggler .icon-bar{background:#000;height:3px;border-radius:0;display:block;width:22px}.header-style1 .navbar-toggler .icon-bar+.icon-bar{margin-top:4px}.header-style1 .header-nav{position:relative;padding:0;z-index:7}.header-style1 .header-nav .nav{float:right;display:flex;justify-content:flex-end;flex-direction:inherit}.header-style1 .header-nav .nav i{font-size:9px;margin-left:3px;margin-top:-3px;vertical-align:middle;opacity:.7}.header-style1 .header-nav .nav>li{font-weight:500;position:relative;text-transform:uppercase;margin:-10px 0;padding:10px 0}.header-style1 .header-nav .nav>li>a{border-radius:0;color:#222;display:inline-block;font-size:20px;padding:33px 12px;cursor:pointer;margin:-9px 0;font-weight:500;text-transform:capitalize;font-family:'Barlow Condensed',sans-serif}.header-style1 .header-nav .nav>li>a:hover{background-color:transparent;color:#212427}.header-style1 .header-nav .nav>li>a:active,.header-style1 .header-nav .nav>li>a:focus{background-color:transparent}.header-style1 .header-nav .nav>li.active>a,.header-style1 .header-nav .nav>li.current-menu-item>a{background-color:transparent;color:#b33f86!important}.header-style1 .header-nav .nav>li:hover>a,.header-style1 .nav-dark.header-nav .nav>li .mega-menu>li>a,.header-style1 .nav-dark.header-nav .nav>li .sub-menu li .fa,.header-style1 .nav-dark.header-nav .nav>li .sub-menu li:hover .fa,.header-style1.nav-transparent .top-bar .social-bx li a:hover{color:#ed4c2f}.header-style1 .header-nav .nav>li:hover>.mega-menu,.header-style1 .header-nav .nav>li:hover>.sub-menu{opacity:1;visibility:visible;margin-top:0;-webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s;-o-transition:.3s;transition:.3s}.header-style1 .header-nav .nav>li .sub-menu{background-color:#fff;border:1px solid #f4f4f4;display:block;left:0;top:100%;list-style:none;margin:20px 0 0;opacity:0;padding:0;position:absolute;visibility:hidden;width:220px;z-index:10}.header-style1 .header-nav .nav>li .sub-menu li{position:relative;text-transform:none}.header-style1 .header-nav .nav>li .sub-menu li a{color:#000;display:block;font-size:15px;font-weight:700;padding:10px 20px;overflow:hidden;border-left:0 solid transparent;-webkit-transition:.2s linear;-moz-transition:.2s linear;-ms-transition:.2s linear;-o-transition:.2s linear;transition:.2s linear}.header-style1 .header-nav .nav>li .sub-menu li a:hover{color:#000;text-decoration:none}.header-style1 .header-nav .nav>li .sub-menu li a:hover:after{width:4px;left:-1px}.header-style1 .header-nav .nav>li .sub-menu li:hover>a{color:#000;background-color:#f6f6f6}.header-style1 .header-nav .nav>li .sub-menu li:last-child,.header-style1 .nav-dark.header-nav .nav>li .sub-menu li:last-child{border-bottom:0}.header-style1 .header-nav .nav>li .sub-menu li .fa{color:#000;display:block;float:right;position:absolute;right:10px;top:1px}.header-style1 .header-nav .nav>li .sub-menu li>.sub-menu{left:220px;top:0;margin:0 0 0 20px;-webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s;-o-transition:.3s;transition:.3s}.header-style1 .header-nav .nav>li .sub-menu li:hover>.sub-menu{left:220px;margin:0;opacity:1;top:-1px;visibility:visible}.header-style1 .header-nav .nav>li .sub-menu li:hover>.sub-menu:before{background-color:transparent;bottom:0;content:'';display:block;height:100%;left:-6px;position:absolute;top:0;width:6px}.header-style1 .header-nav .nav>li.has-mega-menu{position:inherit}.header-style1 .header-nav .nav>li .mega-menu li a>i{font-size:13px;margin-right:5px;min-width:20px}.header-style1 .header-nav .nav>li .mega-menu{background-color:#fff;border:1px solid #e9e9e9;display:table;left:0;top:88px;padding:20px 0;list-style:none;opacity:0;position:absolute;right:0;visibility:hidden;width:100%;margin-top:20px;z-index:10}.header-style1 .header-nav .nav>li .mega-menu>li{display:table-cell;padding:10px 0;position:relative;vertical-align:top;width:25%;text-transform:none}.header-style1 .header-nav .nav>li .mega-menu>li:after{content:"";background-color:rgba(204,204,204,.4);position:absolute;right:0;top:0;display:block;width:1px;height:100%}.header-style1 .header-nav .nav>li .mega-menu>li>a{color:#000;display:block;font-size:15px;padding:0 20px}.header-style1 .header-nav .nav>li .mega-menu>li ul{list-style:none;margin:10px 0 0;padding:0}.header-style1 .header-nav .nav>li .mega-menu>li ul a{color:#474747;display:block;font-size:13px;line-height:34px;padding:2px 20px}.header-style1 .header-nav .nav>li .mega-menu>li ul a:hover{color:#ed4c2f;background-color:#f2f2f2}.header-style1 .header-nav .nav>li.menu-item-has-children:before{content:"\f078";display:block;font-family:FontAwesome;right:4px;position:absolute;top:50%;color:#999;margin-top:-8px;font-size:8px}.header-style1 .header-nav .nav>li.submenu-direction .sub-menu{left:auto;right:0}.header-style1 .header-nav .nav>li.submenu-direction .sub-menu li>.sub-menu{left:auto;right:220px;margin:0 20px 0 0}.header-style1 .header-nav .nav>li.submenu-direction .sub-menu li:hover>.sub-menu{left:auto;right:220px;margin:0}.header-style1 .has-child .submenu-toogle{position:absolute;right:4px;top:4px;color:#000;background-color:transparent;z-index:900;cursor:pointer;padding:10px;font-size:18px;display:none}.header-style1 .header-nav .has-child li .submenu-toogle{opacity:.9}.header-style1 .header-nav .has-child.nav-active>a+.submenu-toogle.fa.fa-angle-right:before{content:"\f107"}.header-style1 .nav-dark.header-nav .nav>li .sub-menu li:hover>a{color:#ed4c2f;background-color:transparent}.header-style1 .nav-dark.header-nav .nav>li .mega-menu,.header-style1 .nav-dark.header-nav .nav>li .sub-menu{background-color:#000;border:1px solid rgba(0,0,0,.2)}.header-style1 .nav-dark.header-nav .nav>li .mega-menu>li ul a:hover{background-color:transparent;color:#ed4c2f}.header-style1 .nav-dark.header-nav .nav>li .mega-menu>li:after{background-color:rgba(0,0,0,.2)}@media only screen and (max-width:1200px){.header-style1.site-header .container{width:auto}}@media only screen and (max-width:768px){.header-style1 .is-fixed .extra-nav{padding:13px 7px}.header-style1 .main-bar .container{max-width:100%;padding:0 15px}.our-history-content .pic-bg-border{margin-left:0!important}}@media only screen and (max-width:767px){.header-style1 .is-fixed .extra-nav{padding:13px 0}.header-style1 .is-fixed .color-fill.main-bar,.header-style1 .is-fixed .main-bar,.header-style1 .main-bar{padding:0}}.header-style1.nav-transparent .is-fixed .color-fill.main-bar{background:#f7f7f3}.header-style1.nav-transparent .navbar-toggler .icon-bar{background-color:#000}.header-style1.nav-transparent{position:absolute;width:100%;left:0;top:0}.header-style1.nav-transparent .top-bar{border-bottom:1px solid rgba(0,0,0,.4);min-height:40px}.header-style1.nav-transparent .top-bar .social-bx ul{margin-bottom:0;display:flex;border-right:1px solid #dcdcdc;list-style:none}.header-style1.nav-transparent .top-bar .social-bx li a{list-style:none;display:block;position:relative;width:40px;height:42px;line-height:42px;border-left:1px solid rgba(0,0,0,.4);text-align:center}.header-style1.nav-transparent .main-bar{position:relative;width:100%;left:0;padding:0}.header-style1.nav-transparent .main-bar .container{padding:10px 15px}@media only screen and (max-width:991px){.header-style1 .header-nav .nav,.header-style1 .header-nav .nav li{width:100%;float:none;display:block}.header-style1 .navbar-toggler{display:block;margin-top:14px;margin-bottom:14px;float:right;outline:0!important}.header-style1 .navbar-collapse.collapse{align-items:start}.header-style1 .header-nav .nav{margin:0;background:#fff;height:100%;margin-left:0!important}.header-style1 .header-nav .nav i{float:right;margin-top:6px}.header-style1 .header-nav .nav li .sub-menu>li a{padding-left:30px}.header-style1 .header-nav .nav li.has-child{position:relative}.header-style1 .header-nav .nav li .mega-menu,.header-style1 .header-nav .nav li .sub-menu{opacity:1;margin:0!important}.header-style1 .header-nav .nav li.has-child.nav-active>a{color:#ed4c2f}.header-style1 .header-nav .nav>li,.header-style1 .is-fixed .color-fill .header-nav .nav>li{margin:0;padding:0}.header-style1 .header-nav .nav>li.active>a,.header-style1 .header-nav .nav>li.current-menu-item>a{color:#000}.header-style1 .header-nav .nav>li>a:active,.header-style1 .header-nav .nav>li>a:focus,.header-style1 .header-nav .nav>li>a:hover{background-color:#f0f0f0;text-decoration:none}.header-style1 .header-nav .nav>li>a{padding:10px 15px;border-top:1px solid #e9e9e9;color:#777;margin:0;font-weight:600;display:block}.header-style1 .header-nav .nav>li .mega-menu>li,.header-style1 .header-nav .nav>li .sub-menu>li{float:none;display:block;width:auto;padding:0}.header-style1 .header-nav .nav>li .sub-menu li a{font-size:12px}.header-style1 .header-nav .nav>li .mega-menu>li:after{display:none}.header-style1 .header-nav .nav>li .mega-menu,.header-style1 .header-nav .nav>li .sub-menu,.header-style1 .header-nav .nav>li ul{display:none;position:static;visibility:visible;width:auto;background:#f9f9f9}.header-style1 .header-nav .nav>li ul.mega-menu ul{display:block;margin-bottom:10px}.header-style1 .has-child .submenu-toogle,.header-style1 .header-nav .nav>li ul.mega-menu li:hover ul{display:block}header .logo{display:block;padding:4px 0}.header-style1 .is-fixed .color-fill .header-nav .nav>li>a{margin:0;padding:10px 15px;display:block}.header-style1 .is-fixed#header-part .navbar-toggler{margin:15px 0}.logo-header{width:120px}.header-style1 .nav-dark.header-nav{border-bottom:1px solid rgba(0,0,0,.2)}.header-style1 .nav-dark.header-nav .nav,.header-style1 .nav-dark.header-nav .nav>li .mega-menu,.header-style1 .nav-dark.header-nav .nav>li .sub-menu,.header-style1 .nav-dark.header-nav .nav>li ul{background-color:#212121}.header-style1 .nav-dark.header-nav .nav>li>a{border-top:1px solid rgba(0,0,0,.2);color:#fff;display:block}.header-style1 .nav-dark.header-nav .nav>li>a:active,.header-style1 .nav-dark.header-nav .nav>li>a:focus,.header-style1 .nav-dark.header-nav .nav>li>a:hover{background-color:#212121;color:#ed4c2f}.header-style1 .nav-dark .has-child .submenu-toogle{color:#fff}.header-style1.nav-transparent .main-bar .header-nav .nav>li>a{display:block;color:#000}.header-style1.nav-transparent .main-bar .header-nav.nav-dark .nav>li>a{display:block;color:#fff}.header-style1.nav-transparent .main-bar .container{padding:0 15px;max-width:100%}.header-style1.nav-transparent .top-bar .container{max-width:100%}}@media only screen and (max-width:540px){.header-style1 .site-search{width:160px;box-shadow:none}.header-style1 .is-fixed .navbar-toggler{margin-bottom:0}.header-style1 .main-bar{padding-left:0;padding-right:0}.header-style1 .logo-header{width:80px}.header-style1 .header-style1 .navbar-toggler{margin-left:5px}.header-style1 .extra-nav .extra-cell{margin-left:0;padding-left:10px}.header-style1 .e-p-bx li:after,.header-style1 .e-p-bx li:last-child{display:none}.header-style1.nav-transparent .top-bar .social-bx li a{width:30px}.header-style1 .e-p-bx li{padding-right:15px;font-size:14px}.header-style1 .site-search .form-control,.header-style1 .site-search button{height:40px}}.header-style1 .sticky-no .main-bar{position:static!important}.header-style1 .is-fixed .main-bar{position:fixed;top:0;left:0}.header-style1 .is-fixed .extra-nav{padding:13px 0}.header-style1 .is-fixed .color-fill.main-bar{background:#141b1f}@media (max-width:991px){.header-style1.mobile-sider-drawer-menu .header-nav{position:fixed;width:250px!important;z-index:999;height:100vh!important;overflow-y:inherit!important;left:-250px;top:0;transition:.5s linear;background-color:#fff}.header-style1.mobile-sider-drawer-menu .header-nav .nav>li .sub-menu li:hover>.sub-menu,.header-style1.mobile-sider-drawer-menu .header-nav .nav>li:hover>.sub-menu{transition:none}.header-style1.mobile-sider-drawer-menu.active .header-nav{left:0}.header-style1.mobile-sider-drawer-menu .icon-bar{transition:.5s linear;position:relative}.header-style1.mobile-sider-drawer-menu #mobile-side-drawer{position:relative;z-index:1}.header-style1.mobile-sider-drawer-menu.active .icon-bar.icon-bar-first{transform:rotate(45deg) translateX(3px) translateY(2px)}.header-style1.mobile-sider-drawer-menu.active .icon-bar.icon-bar-three{transform:rotate(-45deg) translateX(3px) translateY(-2px)}.header-style1.mobile-sider-drawer-menu .icon-bar.icon-bar-two{position:relative;right:0}.header-style1.mobile-sider-drawer-menu.active .icon-bar.icon-bar-two{position:absolute;right:100px;opacity:0}.header-style1.mobile-sider-drawer-menu .header-fixed .header-nav .nav,.header-style1.mobile-sider-drawer-menu .is-fixed .header-nav .nav{overflow:auto;max-height:100%}}

/* Header logo: the same size on every page. Some pages carry a page-wide
   `img { display: block; width: 100% }` rule in their own <style> block,
   which stretched the logo to fill its box and squashed it on phones. */
.header-style1 .logo-header-inner img {
  display: inline;
  width: auto;
}

/* "Countries" mega menu (the .hm-mega item in the main nav).
   992px and up: a two-group panel, opened on hover or keyboard focus.
   Below 992px it lives in the side drawer, where mobile_nav() in custom.js
   makes India and International tap-to-open accordions. */
@media (min-width: 992px) {
  /* !important beats the inline display the drawer accordion leaves behind after a resize */
  .header-style1 .header-nav .nav > li.hm-mega > .mega-menu {
    display: grid !important;
    grid-template-columns: auto auto;
    left: 50%;
    right: auto;
    top: 100%;
    width: max-content;
    max-width: calc(100vw - 32px);
    padding: 0;
    border: 1px solid #f1e6ee;
    border-top: 3px solid #b33f86;
    box-shadow: 0 18px 40px rgba(91, 26, 74, .14);
    transform: translateX(-50%);
  }
  .header-style1 .header-nav .nav > li.hm-mega:focus-within > .mega-menu {
    opacity: 1;
    visibility: visible;
    margin-top: 0;
  }
  .header-style1 .header-nav .nav > li.hm-mega .mega-menu > li {
    display: block;
    width: auto;
    padding: 20px 20px 14px;
  }
  .header-style1 .header-nav .nav > li.hm-mega .mega-menu > li::after {
    display: none;
  }
  .header-style1 .header-nav .nav > li.hm-mega .mega-menu > .hm-mega__col--intl {
    background: #fbf6f9;
  }
  .header-style1 .header-nav .nav > li.hm-mega .mega-menu > li > .hm-mega__title {
    padding: 0 10px;
    color: #b33f86;
    font-family: var(--hm-heading-font);
    font-size: 23px;
    font-weight: 600;
    line-height: 1.2;
  }
  .header-style1 .header-nav .nav > li.hm-mega .mega-menu > li > .sub-menu {
    display: grid;
    grid-template-columns: repeat(3, auto);
    position: static;
    width: auto;
    margin: 8px 0 0;
    border: 0;
    background: none;
    opacity: 1;
    visibility: inherit;
  }
  .header-style1 .header-nav .nav > li.hm-mega .mega-menu > .hm-mega__col--intl > .sub-menu {
    grid-template-columns: repeat(2, auto);
  }
  .header-style1 .header-nav .nav > li.hm-mega .sub-menu li a {
    padding: 7px 10px;
    color: #4a1c3f;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.4;
    white-space: nowrap;
  }
  .header-style1 .header-nav .nav > li.hm-mega .sub-menu li:hover > a {
    background: #f8ecf3;
  }
  .header-style1 .header-nav .nav > li.hm-mega .mega-menu > .hm-mega__all {
    grid-column: 1 / -1;
    padding: 0;
    border-top: 1px solid #f1e6ee;
    text-align: right;
  }
  .header-style1 .header-nav .nav > li.hm-mega .mega-menu > .hm-mega__all > a {
    display: inline-block;
    padding: 10px 30px;
    color: #b33f86;
    font-size: 14px;
    font-weight: 700;
  }
}

.header-style1 .header-nav .nav > li.hm-mega .sub-menu li.active > a {
  color: #b33f86;
}

@media (max-width: 991px) {
  .header-style1 .header-nav .nav > li.hm-mega > .mega-menu {
    padding: 0;
    border: 0;
  }
  /* closed until tapped: the theme opens every list inside a .mega-menu on mobile */
  .header-style1 .header-nav .nav > li.hm-mega ul.mega-menu ul,
  .header-style1 .header-nav .nav > li.hm-mega ul.mega-menu li:hover ul {
    display: none;
    margin: 0;
  }
  .header-style1 .header-nav .nav > li.hm-mega .mega-menu > li > a {
    padding: 10px 44px 10px 30px;
    font-size: 14px;
    font-weight: 700;
  }
  .header-style1 .header-nav .nav > li.hm-mega .mega-menu > li.nav-active > a {
    color: #b33f86;
  }
  .header-style1 .header-nav .nav > li.hm-mega .sub-menu li a {
    padding: 8px 12px 8px 42px;
    font-size: 13px;
    font-weight: 600;
    line-height: 1.5;
  }
  /* the theme only lets the drawer scroll once the header is stuck, which leaves the
     end of an open menu out of reach at the top of a page. dvh follows the phone's
     address bar; 100vh is the fallback for browsers without it. */
  .header-style1.mobile-sider-drawer-menu .header-nav .nav {
    max-height: 100vh;
    max-height: 100dvh;
    overflow-y: auto;
    overscroll-behavior: contain;
  }
}

/* "Industries" mega menu (the .hm-ind item in the main nav, added 2026-11-11).
   Modelled on the Hotel Types menu of digitalforhotels.com, in HM colours:
   a plum panel with three groups of industry links, each with an icon and a
   one-line tagline. Below 992px it sits in the side drawer as a plain list,
   opened by the toggle mobile_nav() in custom.js adds to every .mega-menu. */
.header-style1 .header-nav .nav > li.hm-ind .hm-ind__list {
  list-style: none;
  margin: 0;
  padding: 0;
}
.header-style1 .header-nav .nav > li.hm-ind .hm-ind__ic {
  display: inline-flex;
  flex: 0 0 auto;
  align-items: center;
  justify-content: center;
}
@media (min-width: 992px) {
  /* !important beats the inline display the drawer accordion leaves behind after a resize */
  .header-style1 .header-nav .nav > li.hm-ind > .mega-menu {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(220px, auto));
    column-gap: 8px;
    left: 50%;
    right: auto;
    top: 100%;
    width: max-content;
    max-width: calc(100vw - 32px);
    padding: 22px 18px 0;
    border: 1px solid rgba(242, 140, 195, .16);
    border-radius: 16px;
    background: #6a1d56;
    background-image:
      radial-gradient(120% 90% at 100% 0%, rgba(242, 140, 195, .28), transparent 60%),
      linear-gradient(135deg, #6a1d56 0%, #8a2a6e 60%, #a3357c 100%);
    box-shadow: 0 26px 60px rgba(91, 26, 74, .35);
    transform: translateX(-50%);
  }
  .header-style1 .header-nav .nav > li.hm-ind:focus-within > .mega-menu {
    opacity: 1;
    visibility: visible;
    margin-top: 0;
  }
  .header-style1 .header-nav .nav > li.hm-ind .mega-menu > li {
    display: block;
    width: auto;
    padding: 0 0 14px;
  }
  .header-style1 .header-nav .nav > li.hm-ind .mega-menu > li::after {
    display: none;
  }
  .header-style1 .header-nav .nav > li.hm-ind .hm-ind__title {
    display: flex;
    align-items: center;
    gap: 10px;
    margin: 0 10px 8px;
    color: #f28cc3;
    font-family: var(--hm-body-font);
    font-size: 11px;
    font-weight: 700;
    letter-spacing: .16em;
    text-transform: uppercase;
  }
  .header-style1 .header-nav .nav > li.hm-ind .hm-ind__title::after {
    content: "";
    flex: 1;
    height: 1px;
    background: rgba(242, 140, 195, .22);
  }
  .header-style1 .header-nav .nav > li.hm-ind .mega-menu .hm-ind__list {
    margin: 0;
  }
  .header-style1 .header-nav .nav > li.hm-ind .mega-menu a.hm-ind__link {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 8px 10px;
    border-radius: 10px;
    color: #fff;
    line-height: 1.3;
    white-space: nowrap;
    transition: background .2s ease;
  }
  .header-style1 .header-nav .nav > li.hm-ind .mega-menu a.hm-ind__link:hover,
  .header-style1 .header-nav .nav > li.hm-ind .mega-menu a.hm-ind__link:focus-visible,
  .header-style1 .header-nav .nav > li.hm-ind .mega-menu li.active > a.hm-ind__link {
    background: rgba(255, 255, 255, .07);
    color: #fff !important;
  }
  .header-style1 .header-nav .nav > li.hm-ind .hm-ind__ic {
    width: 38px;
    height: 38px;
    border: 1px solid rgba(242, 140, 195, .25);
    border-radius: 10px;
    background: rgba(199, 54, 137, .14);
    color: #f28cc3;
    transition: background .2s ease, color .2s ease;
  }
  .header-style1 .header-nav .nav > li.hm-ind a.hm-ind__link:hover .hm-ind__ic,
  .header-style1 .header-nav .nav > li.hm-ind li.active .hm-ind__ic {
    background: #c73689;
    color: #fff;
  }
  .header-style1 .header-nav .nav > li.hm-ind .hm-ind__txt {
    display: flex;
    flex-direction: column;
  }
  .header-style1 .header-nav .nav > li.hm-ind .hm-ind__t {
    font-size: 14px;
    font-weight: 700;
  }
  .header-style1 .header-nav .nav > li.hm-ind .hm-ind__d {
    margin-top: 2px;
    color: rgba(255, 255, 255, .58);
    font-size: 12px;
    font-weight: 500;
  }
  .header-style1 .header-nav .nav > li.hm-ind .mega-menu > .hm-ind__col--main {
    grid-row: span 2;
  }
  .header-style1 .header-nav .nav > li.hm-ind .mega-menu > .hm-ind__promo {
    display: flex;
    grid-column: 2 / 4;
    align-self: end;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    margin: 0 10px 18px;
    padding: 18px 20px;
    border: 1px solid rgba(242, 140, 195, .25);
    border-radius: 12px;
    background: linear-gradient(135deg, rgba(199, 54, 137, .38), rgba(199, 54, 137, .06));
  }
  .header-style1 .header-nav .nav > li.hm-ind .hm-ind__promo-t {
    display: flex;
    flex-direction: column;
    gap: 3px;
    color: rgba(255, 255, 255, .7);
    font-size: 12.5px;
    line-height: 1.45;
    white-space: normal;
  }
  .header-style1 .header-nav .nav > li.hm-ind .hm-ind__promo-t b {
    color: #fff;
    font-family: var(--hm-heading-font);
    font-size: 20px;
    font-weight: 600;
    line-height: 1.15;
  }
  .header-style1 .header-nav .nav > li.hm-ind .mega-menu > .hm-ind__promo > a {
    flex: 0 0 auto;
    padding: 10px 18px;
    border-radius: 999px;
    color: #fff;
    background: #c73689;
    font-size: 13px;
    font-weight: 700;
    line-height: 1;
    white-space: nowrap;
    transition: background .2s ease;
  }
  .header-style1 .header-nav .nav > li.hm-ind .mega-menu > .hm-ind__promo > a:hover {
    color: #fff !important;
    background: #d6479a;
  }
  .header-style1 .header-nav .nav > li.hm-ind .mega-menu > .hm-ind__foot {
    display: flex;
    grid-column: 1 / -1;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    margin: 0 -18px;
    padding: 13px 28px;
    border-top: 1px solid rgba(255, 255, 255, .08);
    color: rgba(255, 255, 255, .6);
    font-size: 13px;
  }
  .header-style1 .header-nav .nav > li.hm-ind .mega-menu > .hm-ind__foot > a {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 0;
    color: #f28cc3;
    font-size: 13px;
    font-weight: 700;
  }
  .header-style1 .header-nav .nav > li.hm-ind .mega-menu > .hm-ind__foot > a:hover {
    color: #fff !important;
  }
}

@media (max-width: 991px) {
  .header-style1 .header-nav .nav > li.hm-ind > .mega-menu {
    padding: 4px 0 10px;
    border: 0;
  }
  .header-style1 .header-nav .nav > li.hm-ind .hm-ind__title {
    display: block;
    padding: 10px 30px 4px;
    color: #b33f86;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: .14em;
    text-transform: uppercase;
  }
  .header-style1 .header-nav .nav > li.hm-ind a.hm-ind__link {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 7px 12px 7px 30px;
    font-size: 13px;
    font-weight: 600;
    line-height: 1.4;
  }
  .header-style1 .header-nav .nav > li.hm-ind .hm-ind__ic {
    color: #b33f86;
  }
  .header-style1 .header-nav .nav > li.hm-ind .hm-ind__d {
    display: none;
  }
  .header-style1 .header-nav .nav > li.hm-ind li.active > a.hm-ind__link,
  .header-style1 .header-nav .nav > li.hm-ind.nav-active > a {
    color: #b33f86;
  }
  .header-style1 .header-nav .nav > li.hm-ind .hm-ind__foot {
    padding: 8px 30px 0;
    font-size: 12px;
  }
  .header-style1 .header-nav .nav > li.hm-ind .hm-ind__foot > span {
    display: none;
  }
  .header-style1 .header-nav .nav > li.hm-ind .hm-ind__promo {
    display: none;
  }
  .header-style1 .header-nav .nav > li.hm-ind .hm-ind__foot > a {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 0;
    color: #b33f86;
    font-weight: 700;
  }
}

/* Full-width mega menus (2026-11-11): the Countries and Industries panels span the
   whole header, edge to edge, with their content kept to the 1200px page width.
   The menu items and .header-nav go static so the panels position against
   .main-bar, which is full width (and stays positioned when the header sticks). */
@media (min-width: 992px) {
  .header-style1.site-header .header-nav,
  .header-style1 .header-nav .nav > li.hm-mega,
  .header-style1 .header-nav .nav > li.hm-ind {
    position: static;
  }
  .header-style1 .header-nav .nav > li.hm-mega > .mega-menu,
  .header-style1 .header-nav .nav > li.hm-ind > .mega-menu {
    right: 0;
    left: 0;
    top: 100%;
    width: auto;
    max-width: none;
    padding-right: max(24px, calc((100% - 1200px) / 2));
    padding-left: max(24px, calc((100% - 1200px) / 2));
    border-right: 0;
    border-left: 0;
    border-radius: 0;
    transform: none;
  }
  /* invisible bridge over the gap between the menu item and the panel, so hover holds */
  .header-style1 .header-nav .nav > li.hm-mega > .mega-menu::before,
  .header-style1 .header-nav .nav > li.hm-ind > .mega-menu::before {
    content: "";
    position: absolute;
    right: 0;
    bottom: 100%;
    left: 0;
    height: 24px;
  }

  /* Countries: India as a 4-column list, International as a 2-column card */
  .header-style1 .header-nav .nav > li.hm-mega > .mega-menu {
    grid-template-columns: minmax(0, 2fr) minmax(0, 1fr);
    column-gap: 28px;
    padding-top: 14px;
    border-bottom: 1px solid #f1e6ee;
  }
  .header-style1 .header-nav .nav > li.hm-mega .mega-menu > li {
    padding: 16px 0 14px;
  }
  .header-style1 .header-nav .nav > li.hm-mega .mega-menu > .hm-mega__col--intl {
    margin: 10px 0 14px;
    padding: 16px 12px 14px;
    border-radius: 14px;
  }
  .header-style1 .header-nav .nav > li.hm-mega .mega-menu > li > .sub-menu {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .header-style1 .header-nav .nav > li.hm-mega .mega-menu > .hm-mega__col--intl > .sub-menu {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .header-style1 .header-nav .nav > li.hm-mega .mega-menu > .hm-mega__all {
    margin: 0;
  }
  .header-style1 .header-nav .nav > li.hm-mega .mega-menu > .hm-mega__all > a {
    padding: 12px 10px;
  }

  /* Industries: Hotels (2 columns, both rows) | Stays & Leisure | Events & Dining,
     with the free-audit card under the two short groups */
  .header-style1 .header-nav .nav > li.hm-ind > .mega-menu {
    grid-template-columns: minmax(0, 2fr) minmax(0, 1fr) minmax(0, 1fr);
    column-gap: 24px;
    padding-top: 26px;
    border-top: 0;
    border-bottom: 1px solid rgba(242, 140, 195, .16);
  }
  .header-style1 .header-nav .nav > li.hm-ind .mega-menu > .hm-ind__col--main > .hm-ind__list {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    column-gap: 12px;
  }
  .header-style1 .header-nav .nav > li.hm-ind .mega-menu a.hm-ind__link {
    white-space: normal;
  }
  .header-style1 .header-nav .nav > li.hm-ind .mega-menu > .hm-ind__promo {
    margin: 0 0 18px;
  }
  .header-style1 .header-nav .nav > li.hm-ind .mega-menu > .hm-ind__foot {
    margin: 0;
    padding: 14px 10px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .header-style1 .header-nav .nav > li.hm-mega .mega-menu > li > .sub-menu {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

/* Services and Countries share the Industries menu style (2026-11-11): li.hm-ind.hm-ind--svc and
   li.hm-ind.hm-ind--geo use every .hm-ind rule above; these set their own column layouts. */
@media (min-width: 992px) {
  /* Services: Digital Marketing (2 columns) with the audit card under it | Revenue & Distribution | Web, Content & Reputation */
  .header-style1 .header-nav .nav > li.hm-ind.hm-ind--svc .mega-menu > .hm-ind__col--main { grid-row: auto; }
  .header-style1 .header-nav .nav > li.hm-ind.hm-ind--svc .mega-menu > .hm-ind__col:not(.hm-ind__col--main) { grid-row: span 2; }
  .header-style1 .header-nav .nav > li.hm-ind.hm-ind--svc .mega-menu > .hm-ind__promo { grid-row: 2; grid-column: 1; align-self: start; }

  /* Countries: India (3 columns) | International (2 columns) with the regions card under it */
  .header-style1 .header-nav .nav > li.hm-ind.hm-ind--geo > .mega-menu { grid-template-columns: minmax(0, 3fr) minmax(0, 2fr); }
  .header-style1 .header-nav .nav > li.hm-ind.hm-ind--geo .mega-menu > .hm-ind__col--main > .hm-ind__list { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .header-style1 .header-nav .nav > li.hm-ind.hm-ind--geo .mega-menu > .hm-ind__col:not(.hm-ind__col--main) > .hm-ind__list {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    column-gap: 12px;
  }
  .header-style1 .header-nav .nav > li.hm-ind.hm-ind--geo .mega-menu > .hm-ind__promo { grid-column: 2; }
  .header-style1 .header-nav .nav > li.hm-ind.hm-ind--geo .hm-ind__ic { width: 34px; height: 34px; border-radius: 10px; }
  /* the group titles are links here */
  .header-style1 .header-nav .nav > li.hm-ind.hm-ind--geo .mega-menu > li > a.hm-ind__title { padding: 0; line-height: 1.4; }
  .header-style1 .header-nav .nav > li.hm-ind.hm-ind--geo .mega-menu > li > a.hm-ind__title:hover { color: #fff !important; }
}
@media (max-width: 991px) {
  .header-style1 .header-nav .nav > li.hm-ind.hm-ind--geo .mega-menu > li > a.hm-ind__title { padding: 10px 30px 4px; }
}

/* Header alignment (2026-11-11): logo and menu centred on one line, the menu pushed to the right
   edge so the Hotel Performance Audit button lines up with the page; tighter links below 1400px
   keep everything on one row down to 992px. */
@media (min-width: 992px) {
  .header-style1 .main-bar > .container { display: flex; align-items: center; }
  .header-style1 .main-bar > .container::before,
  .header-style1 .main-bar > .container::after { display: none; }
  .header-style1 .logo-header { flex: 0 0 auto; float: none; }
  .header-style1 .header-nav.justify-content-start { flex: 1 1 auto; justify-content: flex-end !important; }
  .header-style1 .header-nav .nav { display: flex; flex-wrap: nowrap; align-items: center; }
  .header-style1 .header-nav .nav > li { float: none; }
}
@media (min-width: 1200px) and (max-width: 1399px) {
  .header-style1 .header-nav .nav > li > a { padding-right: 10px; padding-left: 10px; }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .header-style1 .header-nav .nav > li > a { padding-right: 7px; padding-left: 7px; font-size: 17px; }
  .header-style1 .header-nav .nav > li.hhc-btn > a > span { padding: 8px 12px; font-size: 17px; }
}
@media (min-width: 992px) {
  /* the audit button's own edge lines up with the page edge */
  .header-style1 .header-nav .nav > li.hhc-btn > a { padding-right: 0; }
}
/* the footer map is a fixed 300px iframe; on narrow columns it pushed the page sideways */
.site-footer iframe { max-width: 100%; }