/* Real IT Solution - New Design Header & Footer Styles */
/* Self-contained CSS extracted from new-design project */

:root {
 /* Primary Colors */
 --color-primary: #00B378;
 --color-primary-dark: #008F5E;
 --color-primary-light: #33C48D;
 --color-primary-10: rgba(0, 179, 120, 0.1);
 --color-primary-20: rgba(0, 179, 120, 0.2);

 /* Secondary */
 --color-secondary: #1A1F36;
 --color-secondary-dark: #0F1117;
 --color-secondary-light: #2D3348;

 /* Accent */
 --color-accent: #FF6B4A;
 --color-accent-dark: #E55A3A;
 --color-accent-light: #FF8F73;
 --color-accent-10: rgba(255, 107, 74, 0.1);

 /* Neutral */
 --color-white: #FFFFFF;
 --color-black: #000000;
 --color-gray-50: #F9FAFB;
 --color-gray-100: #F3F4F6;
 --color-gray-200: #E5E7EB;
 --color-gray-300: #D1D5DB;
 --color-gray-400: #9CA3AF;
 --color-gray-500: #6B7280;
 --color-gray-600: #4B5563;
 --color-gray-700: #374151;
 --color-gray-800: #1F2937;
 --color-gray-900: #111827;

 /* Typography */
 --font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
 --font-size-xs: 0.75rem;
 --font-size-sm: 0.875rem;
 --font-size-base: 1rem;
 --font-size-lg: 1.125rem;
 --font-size-xl: 1.25rem;
 --font-size-2xl: 1.5rem;
 --font-size-3xl: 1.875rem;

 --font-weight-normal: 400;
 --font-weight-medium: 500;
 --font-weight-semibold: 600;
 --font-weight-bold: 700;

 /* Spacing */
 --spacing-1: 0.25rem;
 --spacing-2: 0.5rem;
 --spacing-3: 0.75rem;
 --spacing-4: 1rem;
 --spacing-6: 1.5rem;
 --spacing-8: 2rem;

 /* Borders */
 --border-radius-sm: 0.25rem;
 --border-radius-md: 0.5rem;
 --border-radius-lg: 1rem;
 --border-radius-xl: 1.5rem;
 --border-radius-full: 9999px;

 /* Shadows */
 --shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
 --shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
 --shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1);
 --shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1);
 --shadow-2xl: 0 25px 50px -12px rgba(0, 0, 0, 0.25);

 /* Transitions */
 --transition-fast: 150ms ease;
 --transition-base: 250ms ease;

 /* Container */
 --container-max-width: 1280px;
 --container-padding: clamp(1rem, 4vw, 3rem);
}

/* ===========================================
 SITE HEADER
 =========================================== */
.site-header {
 position: relative;
 z-index: 1000;
 background: #fff;
}

/* Utility Bar */
.utility-bar {
 display: none;
 background: var(--color-secondary);
 color: var(--color-gray-300);
 font-size: var(--font-size-sm);
 padding: 0.5rem 0;
}
@media (min-width: 768px) {
 .utility-bar { display: block; }
}
.utility-bar__content {
 display: flex;
 align-items: center;
 justify-content: space-between;
 flex-wrap: wrap;
 gap: 0.5rem;
}
.utility-bar__left,
.utility-bar__right {
 display: flex;
 align-items: center;
 gap: 1.5rem;
 flex-wrap: wrap;
}
@media (max-width: 639px) {
 .utility-bar__left, .utility-bar__right { gap: 0.75rem; font-size: 0.7rem; }
}
.utility-bar__item {
 display: flex;
 align-items: center;
 gap: 0.5rem;
 color: var(--color-gray-300);
 white-space: nowrap;
 transition: color var(--transition-fast);
 text-decoration: none;
}
.utility-bar__item svg { width: 14px; height: 14px; flex-shrink: 0; }
.utility-bar__item:hover { color: #fff; }
.utility-bar__item--highlight {
 color: var(--color-accent);
 font-weight: var(--font-weight-semibold);
 animation: pulse-offer 2s infinite;
}
@keyframes pulse-offer {
 0%, 100% { opacity: 1; }
 50% { opacity: 0.7; }
}
.utility-bar__item--client {
 padding: 0.375rem 0.75rem;
 background: var(--color-primary);
 color: #fff !important;
 border-radius: var(--border-radius-md);
 transition: all var(--transition-fast);
}
.utility-bar__item--client:hover {
 background: var(--color-primary-dark);
 transform: translateY(-1px);
}

/* Currency Dropdown */
.utility-bar__currency-wrapper {
 position: relative;
}
.utility-bar__currency-btn {
 display: flex;
 align-items: center;
 gap: 0.175rem;
 padding: 0.175rem 0.75rem;
 background: rgba(255, 255, 255, 0.1);
 border: 1px solid rgba(255, 255, 255, 0.2);
 border-radius: var(--border-radius-md);
 color: var(--color-gray-300);
 font-size: var(--font-size-sm);
 font-weight: 600;
 cursor: pointer;
 transition: all var(--transition-fast);
}
.utility-bar__currency-btn:hover {
 background: rgba(255, 255, 255, 0.15);
 border-color: rgba(255, 255, 255, 0.3);
 color: #fff;
}
.utility-bar__currency-btn svg {
 flex-shrink: 0;
}
.currency-arrow {
 transition: transform 0.2s ease;
}
.utility-bar__currency-wrapper.is-open .currency-arrow {
 transform: rotate(180deg);
}
.currency-current {
 min-width: 32px;
 text-align: center;
}
.utility-bar__currency-dropdown {
 position: absolute;
 top: 100%;
 right: 0;
 margin-top: 0.5rem;
 background: #fff;
 border-radius: var(--border-radius-lg);
 box-shadow: 0 10px 40px rgba(0, 0, 0, 0.2);
 overflow: hidden;
 opacity: 0;
 visibility: hidden;
 transform: translateY(-8px);
 transition: all 0.2s ease;
 z-index: 1002;
 min-width: 120px;
}
.utility-bar__currency-wrapper.is-open .utility-bar__currency-dropdown {
 opacity: 1;
 visibility: visible;
 transform: translateY(0);
}
.currency-option {
 display: flex;
 align-items: center;
 gap: 0.5rem;
 width: 100%;
 padding: 0.75rem 1rem;
 background: transparent;
 border: none;
 color: var(--color-gray-700);
 font-size: var(--font-size-sm);
 font-weight: 500;
 cursor: pointer;
 transition: background-color 0.15s ease;
 text-align: left;
}
.currency-option:hover {
 background: var(--color-gray-50);
 color: var(--color-primary);
}
.currency-option.is-active {
 background: var(--color-primary-10);
 color: var(--color-primary);
 font-weight: 600;
}
.currency-flag {
 position: relative;
 display: inline-block;
 width: 18px;
 height: 18px;
 flex: 0 0 18px;
 overflow: hidden;
 border-radius: 50%;
 box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.12);
 vertical-align: -4px;
}
.currency-flag--us {
 background:
 linear-gradient(#3c3b6e 0 0) 0 0 / 9px 9px no-repeat,
 repeating-linear-gradient(
 to bottom,
 #b22234 0,
 #b22234 1.4px,
 #fff 1.4px,
 #fff 2.8px
 );
}
.currency-flag--bd {
 background: #006a4e;
}
.currency-flag--bd::after {
 content: "";
 position: absolute;
 width: 9px;
 height: 9px;
 left: 5px;
 top: 4.5px;
 border-radius: 50%;
 background: #f42a41;
}

/* Main Header */
.ris-main-header {
 position: relative;
 background: #fff;
 border-bottom: 1px solid var(--color-gray-100);
 transition: box-shadow 0.3s ease;
}
.site-header.is-sticky .ris-main-header {
 position: fixed;
 top: 0;
 left: 0;
 right: 0;
 z-index: 1001;
 box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
 animation: slideDown 0.3s ease;
}
@keyframes slideDown {
 from { transform: translateY(-100%); }
 to { transform: translateY(0); }
}
.site-header.is-sticky .utility-bar {
 display: none;
}
.ris-main-header__content {
 display: flex;
 align-items: center;
 justify-content: space-between;
 padding: 0.6rem 0;
}
.ris-main-header__logo {
 display: block;
 flex-shrink: 0;
}
.ris-main-header__logo img {
 height: 40px;
 width: auto;
 max-width: 220px;
 object-fit: contain;
}
@media (min-width: 1024px) {
 .ris-main-header__logo img { height: 48px; }
}

.site-header__logo-img {
 display: block;
 width: auto;
 height: auto;
 max-height: 54px;
 max-width: 220px;
 object-fit: contain;
}
@media (max-width: 640px) {
 .site-header__logo-img {
 max-height: 42px;
 max-width: 180px;
 }
}

.site-footer__logo-img {
 display: block;
 width: auto;
 height: auto;
 max-height: 58px;
 max-width: 230px;
 object-fit: contain;
}

/* Container */
.site-header .container,
.site-footer .container {
 width: 100%;
 max-width: var(--container-max-width);
 margin-left: auto;
 margin-right: auto;
 padding-left: var(--container-padding);
 padding-right: var(--container-padding);
}

/* ===========================================
 DESKTOP NAVIGATION
 =========================================== */
.main-nav {
 display: none;
 flex: 1;
 justify-content: flex-end;
}
@media (min-width: 1024px) {
 .main-nav { display: flex; }
}
.main-nav__list {
 display: flex;
 align-items: center;
 gap: 0;
}
.main-nav__item {
 position: static;
}
.main-nav__link {
 display: flex;
 align-items: center;
 gap: 0.25rem;
 padding: 1.25rem 1rem;
 font-size: 0.9375rem;
 font-weight: 600;
 color: #1f2937;
 transition: color var(--transition-fast);
 white-space: nowrap;
 text-decoration: none;
}
.main-nav__link:hover { color: var(--color-primary); }
.main-nav__arrow {
 width: 12px;
 height: 12px;
 transition: transform 0.2s ease;
 color: #6b7280;
}
.main-nav__item:hover .main-nav__arrow {
 transform: rotate(180deg);
 color: var(--color-primary);
}

/* Dropdown */
.main-nav__dropdown {
 position: absolute;
 top: 100%;
 left: 0;
 right: 0;
 width: 100%;
 opacity: 0;
 visibility: hidden;
 transform: translateY(8px);
 transition: opacity 0.2s ease, visibility 0.2s ease, transform 0.2s ease;
 z-index: 1000;
}
.main-nav__item:hover .main-nav__dropdown {
 opacity: 1;
 visibility: visible;
 transform: translateY(0);
}
.main-nav__dropdown-inner {
 display: flex;
 gap: 2rem;
 padding: 2rem 3rem;
 max-width: var(--container-max-width);
 margin: 0 auto;
 background: #fff;
 border-top: 3px solid var(--color-primary);
 box-shadow: 0 16px 48px rgba(0, 0, 0, 0.14);
}
.main-nav__column {
 flex: 1;
 min-width: 180px;
}
.main-nav__dropdown-item {
 display: flex;
 align-items: flex-start;
 gap: 0.75rem;
 padding: 0.75rem 1rem;
 border-radius: 10px;
 transition: all 0.15s ease;
 text-decoration: none;
 color: inherit;
}
.main-nav__dropdown-item:hover {
 background: var(--color-gray-50);
}
.main-nav__dropdown-item:hover .main-nav__dropdown-icon {
 background: var(--color-primary);
 color: #fff;
}
.main-nav__dropdown-item:hover .main-nav__dropdown-title {
 color: var(--color-primary);
}
.main-nav__dropdown-icon {
 display: flex;
 align-items: center;
 justify-content: center;
 width: 40px;
 height: 40px;
 min-width: 40px;
 background: var(--color-gray-100);
 border-radius: 10px;
 color: var(--color-gray-700);
 transition: all 0.15s ease;
 font-size: 1.2rem;
}
.main-nav__dropdown-icon svg {
 width: 20px;
 height: 20px;
}
.main-nav__dropdown-content {
 display: flex;
 flex-direction: column;
 gap: 0.125rem;
}
.main-nav__dropdown-title {
 font-size: 0.875rem;
 font-weight: 600;
 color: #1f2937;
 transition: color 0.15s ease;
}
.main-nav__dropdown-desc {
 font-size: 0.75rem;
 color: #6b7280;
}

/* Promo Box */
.main-nav__promo {
 flex: 0 0 300px;
 max-width: 300px;
 padding-left: 2rem;
 border-left: 1px solid var(--color-gray-200);
}
.main-nav__promo-box {
 display: flex;
 flex-direction: column;
 gap: 0.625rem;
 padding: 1.5rem;
 background: linear-gradient(135deg, #1a1a2e 0%, #16213e 100%);
 border-radius: 14px;
 color: #fff;
 position: relative;
 min-height: 200px;
 justify-content: flex-end;
 overflow: hidden;
}
.main-nav__promo-badge {
 position: absolute;
 top: 0;
 right: 0;
 background: var(--color-accent);
 color: #fff;
 font-size: 0.625rem;
 font-weight: 800;
 text-transform: uppercase;
 padding: 0.25rem 0.75rem;
 border-radius: 0 12px 0 10px;
}
.main-nav__promo-title {
 font-size: 1.125rem;
 font-weight: 700;
 margin: 0;
 color: #fff;
}
.main-nav__promo-price {
 display: flex;
 align-items: baseline;
 gap: 0.25rem;
}
.main-nav__promo-amount {
 font-size: 1.75rem;
 font-weight: 800;
 color: var(--color-primary);
}
.main-nav__promo-period {
 font-size: 0.875rem;
 opacity: 0.7;
}
.main-nav__promo-valid {
 font-size: 0.7rem;
 opacity: 0.7;
 margin: 0;
}

.main-nav__dropdown--simple .main-nav__dropdown-inner {
 display: flex;
 flex-direction: row;
 padding: 2rem 3rem;
 gap: 2rem;
 max-width: var(--container-max-width);
}
.main-nav__dropdown--simple .main-nav__column {
 flex: 1;
}

/* Mobile Toggle */
.main-nav__toggle {
 display: flex;
 flex-direction: column;
 gap: 5px;
 width: 40px;
 height: 40px;
 justify-content: center;
 align-items: center;
 background: transparent;
 border: none;
 cursor: pointer;
 padding: 0.5rem;
}
@media (min-width: 1024px) {
 .main-nav__toggle { display: none; }
}
.main-nav__toggle span {
 display: block;
 width: 24px;
 height: 2px;
 background: #1f2937;
 border-radius: 2px;
 transition: all 0.2s ease;
}
.main-nav__toggle.is-active span:nth-child(1) {
 transform: rotate(45deg) translate(5px, 5px);
}
.main-nav__toggle.is-active span:nth-child(2) {
 opacity: 0;
}
.main-nav__toggle.is-active span:nth-child(3) {
 transform: rotate(-45deg) translate(5px, -5px);
}

/* Main Nav Client Area Button */
.main-nav__client-btn {
 display: none;
 white-space: nowrap;
 margin-left: 1rem;
 padding: 0.4rem 1rem;
 font-size: 0.8125rem;
 height: 36px;
 align-self: center;
 line-height: 1;
 text-decoration: none;
}
@media (min-width: 1024px) {
 .main-nav__client-btn { display: inline-flex; }
}

/* ===========================================
 MOBILE MENU
 =========================================== */
.mobile-menu {
 position: fixed;
 top: 0;
 left: -100%;
 width: 100%;
 max-width: 400px;
 height: 100vh;
 background: #fff;
 z-index: 1001;
 overflow-y: auto;
 transition: left 0.3s ease;
 box-shadow: 0 25px 50px rgba(0, 0, 0, 0.25);
}
.mobile-menu.is-open {
 left: 0;
}
.mobile-menu__overlay {
 position: fixed;
 inset: 0;
 background: rgba(0, 0, 0, 0.5);
 z-index: 1000;
 opacity: 0;
 visibility: hidden;
 transition: all 0.3s ease;
}
.mobile-menu__overlay.is-open {
 opacity: 1;
 visibility: visible;
}
.mobile-menu__header {
 display: flex;
 align-items: center;
 justify-content: space-between;
 padding: 1rem 1.25rem;
 border-bottom: 1px solid var(--color-gray-100);
}
.mobile-menu__logo img {
 height: 36px;
 width: auto;
}
.mobile-menu__close {
 display: flex;
 align-items: center;
 justify-content: center;
 width: 40px;
 height: 40px;
 border-radius: 50%;
 color: #6b7280;
 background: transparent;
 border: none;
 cursor: pointer;
 font-size: 1.5rem;
}
.mobile-menu__close:hover {
 background: var(--color-gray-100);
 color: #1f2937;
}
.mobile-menu__nav {
 padding: 0.5rem 0;
}
.mobile-menu__section {
 border-bottom: 1px solid var(--color-gray-100);
}
.mobile-menu__trigger {
 display: flex;
 align-items: center;
 justify-content: space-between;
 width: 100%;
 padding: 1rem 1.25rem;
 font-size: 1rem;
 font-weight: 600;
 color: #1f2937;
 background: transparent;
 border: none;
 cursor: pointer;
 text-align: left;
}
.mobile-menu__trigger svg {
 width: 20px;
 height: 20px;
 transition: transform 0.2s ease;
 color: #6b7280;
}
.mobile-menu__trigger.is-open svg {
 transform: rotate(180deg);
}
.mobile-menu__submenu {
 max-height: 0;
 overflow: hidden;
 background: var(--color-gray-50);
 transition: max-height 0.3s ease;
}
.mobile-menu__submenu.is-open {
 max-height: 400px;
}
.mobile-menu__submenu a {
 display: block;
 padding: 0.75rem 2rem;
 font-size: 0.875rem;
 color: #4b5563;
 text-decoration: none;
}
.mobile-menu__submenu a:hover {
 color: var(--color-primary);
}
.mobile-menu__link {
 display: block;
 padding: 1rem 1.25rem;
 font-size: 1rem;
 font-weight: 600;
 color: #1f2937;
 text-decoration: none;
}
.mobile-menu__footer {
 padding: 1.25rem;
 border-top: 1px solid var(--color-gray-100);
 display: flex;
 flex-direction: column;
 gap: 0.75rem;
}

/* ===========================================
 BUTTONS
 =========================================== */
.btn {
 display: inline-flex;
 align-items: center;
 justify-content: center;
 gap: var(--spacing-2);
 padding: var(--spacing-3) var(--spacing-6);
 font-size: var(--font-size-sm);
 font-weight: var(--font-weight-semibold);
 line-height: 1;
 border-radius: var(--border-radius-md);
 cursor: pointer;
 transition: all var(--transition-fast);
 text-decoration: none;
 border: 2px solid transparent;
}
.btn-primary {
 background: linear-gradient(135deg, #12b98f, #009877);
 color: #fff;
 border-color: var(--color-primary);
}
.btn-primary:hover {
 background: var(--color-primary-dark);
 border-color: var(--color-primary-dark);
 transform: translateY(-2px);
 color: #fff;
}
.btn-outline {
 background: transparent;
 color: var(--color-primary);
 border-color: var(--color-primary);
}
.btn-outline:hover {
 background: var(--color-primary);
 color: #fff;
}
.btn-sm {
 padding: 0.5rem 1rem;
 font-size: 0.8125rem;
}
.btn-block {
 width: 100%;
}

/* ===========================================
 SITE FOOTER
 =========================================== */
.site-footer {
 background: var(--color-secondary);
 color: var(--color-gray-300);
 padding: 4rem 0 1.5rem;
 margin-top: 4rem;
}
.site-footer__grid {
 display: grid;
 grid-template-columns: 2fr 1fr 1fr 1fr 1fr;
 gap: 2.5rem;
 margin-bottom: 3rem;
}
@media (max-width: 1024px) {
 .site-footer__grid {
 grid-template-columns: 1fr 1fr;
 gap: 2rem;
 }
}
@media (max-width: 640px) {
 .site-footer__grid {
 grid-template-columns: 1fr;
 gap: 2rem;
 }
}
.site-footer__col {
 display: flex;
 flex-direction: column;
 gap: 1rem;
}
.site-footer__logo {
 display: block;
 margin-bottom: 0.5rem;
}
.site-footer__tagline {
 font-size: 0.875rem;
 line-height: 1.6;
 color: var(--color-gray-400);
 margin: 0;
}
.site-footer__heading {
 font-size: 1rem;
 font-weight: 700;
 color: #fff;
 margin: 0 0 0.5rem 0;
}
.site-footer__links {
 list-style: none;
 padding: 0;
 margin: 0;
 display: flex;
 flex-direction: column;
 gap: 0.5rem;
}
.site-footer__links a {
 color: var(--color-gray-400);
 font-size: 0.875rem;
 transition: color var(--transition-fast);
 text-decoration: none;
}
.site-footer__links a:hover {
 color: var(--color-primary);
}
.site-footer__social {
 display: flex;
 gap: 0.75rem;
 margin-top: 0.5rem;
}
.site-footer__social a {
 display: flex;
 align-items: center;
 justify-content: center;
 width: 36px;
 height: 36px;
 border-radius: 50%;
 background: rgba(255, 255, 255, 0.08);
 color: var(--color-gray-300);
 transition: all var(--transition-fast);
 text-decoration: none;
 font-size: 1rem;
}
.site-footer__social a:hover {
 background: var(--color-primary);
 color: #fff;
 transform: translateY(-2px);
}
.site-footer__badges {
 margin-top: 1rem;
}
.site-footer__badges img {
 max-width: 120px;
 height: auto;
}
.site-footer__bottom {
 display: flex;
 align-items: center;
 justify-content: space-between;
 flex-wrap: wrap;
 gap: 1rem;
 padding-top: 2rem;
 border-top: 1px solid rgba(255, 255, 255, 0.08);
}
.site-footer__copyright p {
 font-size: 0.8125rem;
 color: var(--color-gray-500);
 margin: 0;
}
.site-footer__payments {
 display: flex;
 align-items: center;
 gap: 0.75rem;
}
.site-footer__payments-title {
 font-size: 0.8125rem;
 color: var(--color-gray-500);
}
.site-footer__payment-list {
 display: flex;
 gap: 0.5rem;
 list-style: none;
 padding: 0;
 margin: 0;
}
.site-footer__payment-item {
 display: flex;
 align-items: center;
 justify-content: center;
 height: 28px;
 padding: 0 0.5rem;
 background: rgba(255, 255, 255, 0.06);
 border-radius: 4px;
}
.site-footer__payment-logo {
 height: 18px;
 width: auto;
 opacity: 0.8;
}

/* ===========================================
 RESPONSIVE
 =========================================== */
@media (max-width: 1023px) {
 .main-nav { display: none; }
 .main-nav__toggle { display: flex; }
}

@media (min-width: 1024px) {
 .mobile-menu,
 .mobile-menu__overlay { display: none; }
}

/* ===========================================
 HIGH SPECIFICITY FIX - Override Lagom .main-header-banner
 This has higher specificity than .lagom-layout-banner .ris-main-header
 =========================================== */

/* Force our main-header styles with maximum specificity */
body.lagom .site-header .ris-main-header,
body.lagom .lagom-layout-banner .ris-main-header,
body.lagom .main-header-banner,
.main-header-banner,
.lagom-layout-banner .ris-main-header {
 background: #ffffff !important;
 background-color: #ffffff !important;
 color: #1f2937 !important;
 padding: 0 !important;
 margin: 0 !important;
 border: none !important;
 border-bottom: 1px solid var(--color-gray-100) !important;
 min-height: 60px !important;
 height: auto !important;
 display: block !important;
 position: relative !important;
 box-shadow: 0 2px 4px rgba(0, 0, 0, 0.08) !important;
}

/* Force main-header__content padding */
body.lagom .site-header .ris-main-header__content,
body.lagom .lagom-layout-banner .ris-main-header__content,
.main-header-banner .ris-main-header__content {
 padding: 1rem 0 !important;
 display: flex !important;
 align-items: center !important;
 justify-content: space-between !important;
 min-height: 60px !important;
}

/* Force logo visibility */
body.lagom .site-header .ris-main-header__logo img,
body.lagom .lagom-layout-banner .ris-main-header__logo img,
.main-header-banner .ris-main-header__logo img {
 display: block !important;
 visibility: visible !important;
 height: 48px !important;
 max-width: 220px !important;
 width: auto !important;
 opacity: 1 !important;
}

/* Override any background image from Lagom */
body.lagom .site-header .ris-main-header,
body.lagom .lagom-layout-banner .ris-main-header,
.main-header-banner {
 background-image: none !important;
}


/* ===========================================
 LIST STYLE RESET - Remove bullets/dots from all menu items
 Prevents browser default list-style from showing
 =========================================== */

.site-header ul,
.site-header ol,
.site-header li,
.site-footer ul,
.site-footer ol,
.site-footer li,
.utility-bar ul,
.utility-bar li,
.ris-main-header ul,
.ris-main-header ol,
.ris-main-header li,
.main-nav ul,
.main-nav ol,
.main-nav li,
.main-nav__list,
.main-nav__item,
.mobile-menu ul,
.mobile-menu ol,
.mobile-menu li,
.mobile-menu__nav,
.mobile-menu__section {
 list-style: none !important;
 list-style-type: none !important;
 list-style-image: none !important;
 padding-left: 0 !important;
 margin-left: 0 !important;
}

.site-header ul li::before,
.site-header ul li::after,
.ris-main-header ul li::before,
.ris-main-header ul li::after,
.main-nav ul li::before,
.main-nav ul li::after,
.mobile-menu ul li::before,
.mobile-menu ul li::after {
 content: none !important;
 display: none !important;
}