.main-navigation ul ul a { display: flex; align-items: center; gap: 5px; width: 100% !important; white-space: nowrap; } .main-menu-link-image { text-indent: -999999px; font-size: 0; } .main-navigation ul ul a .menu-item-description { margin-bottom: 0; position: relative; padding-left: 28px; padding-right: 8px; border-radius: 80px; border: 1px solid #BE7F0B; background: #FFEBD2; padding-top: 2px; padding-bottom: 2px; display: flex; align-items: center; } .main-navigation ul ul .sellmore a .menu-item-description { border: 1px solid #0E9EBC; background: #E3FAFF; } .main-navigation ul ul .icart-menu a .menu-item-description:before, .main-navigation ul ul .shopify-app a .menu-item-description:before, .main-navigation ul ul .sellmore a .menu-item-description:before { content: ""; background-image: url(/wp-content/themes/identix/assets/Image/all-Icons.png); background-size: 260px !important; background-position: -33px -66px !important; background-repeat: no-repeat; position: absolute; left: 8px; width: 16px; height: 16px; } .main-navigation ul ul .sellmore a .menu-item-description:before { background-position: -55px -66px !important; } .main-navigation #main-menu-header > li.services-sub-menu ul a:before, .main-navigation #main-menu-header > li:last-child ul a:before { display: block; width: 38px; min-width: 38px; height: 38px; content: ''; border-radius: 6px; border: 1px solid #E5E5E1; padding: 5px; background-size: 200px !important; background: url(https://www.identixweb.com/wp-content/themes/identix/upcoming/assets/css/sections/header/assets/image/all-icons.webp) center / 90px 100px no-repeat; } .main-navigation ul ul li { padding: 12px; border-radius: 8px; display: flex; align-items: center; } .main-navigation ul li ul li:hover { background-color: #F1F1EE !important; } .iw-main-header .main-navigation #main-menu-header .store-setup-menu a:before { background-position: 6px 6px !important; } .iw-main-header .main-navigation #main-menu-header .development-trouble a:before { background-position: -26px 6px !important; } .iw-main-header .main-navigation #main-menu-header .expert-guidance a:before { background-position: -58px 6px !important; } .iw-main-header .main-navigation #main-menu-header .automation-AI a:before { background-position: -88px 4px !important; } .main-navigation #main-menu-header .store-migration a:before { background: url(/wp-content/themes/identix/assets/Image/store-migration.avif) no-repeat; } .main-navigation #main-menu-header .store-development a:before { background: url(/wp-content/themes/identix/assets/Image/store-development.svg) no-repeat; } .main-navigation #main-menu-header .shopify-pos a:before { background: url(/wp-content/themes/identix/assets/Image/shopify-pos.svg) no-repeat; background-size: 16px !important; } .main-navigation #main-menu-header .shopify-configuration a:before { background: url(/wp-content/themes/identix/assets/Image/shopify-configuration.svg) no-repeat; } .main-navigation #main-menu-header .shopify-app a:before { background: url(/wp-content/themes/identix/assets/Image/shopify-menu.svg) no-repeat; } .main-navigation #main-menu-header .node-js a:before { background: url(/wp-content/themes/identix/assets/Image/nodejs-menu.svg) no-repeat; } .main-navigation #main-menu-header .php-menu a:before { background: url(/wp-content/themes/identix/assets/Image/php-menu.svg) no-repeat; } .main-navigation #main-menu-header .web-application a:before { background: url(/wp-content/themes/identix/assets/Image/webapp-menu.svg) no-repeat; } .main-navigation #main-menu-header .react-js a:before { background: url(/wp-content/themes/identix/assets/Image/reactjs-menu.svg) no-repeat; } .iw-main-header .main-navigation #main-menu-header .icart-menu a:before, .iw-main-header .main-navigation #main-menu-header .icart-shopify-app a:before { background-position: 4px 4px !important; } .iw-main-header .main-navigation #main-menu-header .stellar-delivery a:before { background-position: -29px 4px !important; } .iw-main-header .main-navigation #main-menu-header .launchX a:before, .iw-main-header .main-navigation #main-menu-header .launchX-shopify-app a:before { background-position: -95px 4px !important; } .iw-main-header .main-navigation #main-menu-header .sellmore a:before { background-position: -62px 4px !important; } .iw-main-header .main-navigation #main-menu-header .iWeb-loyalty-rewards a:before { background-position: -129px -29px !important; } .iw-main-header .main-navigation #main-menu-header .tablepress a:before { background-position: -129px 4px !important; } .iw-main-header .main-navigation #main-menu-header .advance-recorder a:before { background-position: -195px 5px !important; } .main-navigation #main-menu-header > li:nth-child(2) ul { right: -290px; } .main-navigation #main-menu-header > li:last-child ul, .main-navigation #main-menu-header > li:nth-child(4) ul { right: -180px; } .main-navigation #main-menu-header > li:nth-child(4) .menu-item-description { padding-left: 8px; } .main-navigation #main-menu-header .view-all { border-radius: 8px; border: 1px solid #E5E5E6; background: #FFF; } .main-navigation #main-menu-header .view-all a { justify-content: center; flex-direction: row-reverse; align-items: center; } .iw-main-header .main-navigation #main-menu-header .view-all a:before { width: 18px !important; height: 18px !important; border: 0 !important; background-position: -219px -66px !important; max-width: 18px !important; padding: 0; min-width: unset; } .main-navigation ul ul { padding: 10px; flex-direction: column; background: #fff; top: 30px; gap: 8px; } .main-navigation #main-menu-header ul { display: grid; grid-template-columns: 1fr 1fr; border-radius: 0 0 8px 8px; width: 100%; max-width: 650px; min-width: 650px; min-height: 232px; } .identix-sections .main-navigation #main-menu-header ul.sub-menu { padding: 8px; } .identix-sections .main-navigation #main-menu-header ul.sub-menu ul li:last-child{ justify-content: start; } .identix-sections .main-navigation #main-menu-header ul.sub-menu ul.sub-menu a{ font-weight: 400; } .identix-sections .main-navigation #main-menu-header .about-us-menu ul { display: block; min-height: auto; } .identix-sections .main-navigation #main-menu-header > li.about-us-sub-menu > ul{ min-height: 166px; column-gap: 0; display: flex; } .main-navigation #main-menu-header > li > ul::before { content: ''; background: 0 0; width: 100%; height: 30px; z-index: -1; position: absolute; top: -20px; } .main-navigation #main-menu-header ul li:nth-child(-n+6) { grid-column: 1; } .main-navigation #main-menu-header > li.services-sub-menu ul li:last-child, .main-navigation #main-menu-header > li:last-child ul li:last-child { grid-column: 2; display: flex; justify-content: center; align-items: center; background: #d3d3d3; border-radius: 0.5rem; grid-row: 7 / 1; background-repeat: no-repeat; background-size: cover; } .main-navigation #main-menu-header > li:nth-child(2) > ul > li:last-child { position: absolute; height: calc(100% - 20px); right: 10px; min-width: 325px !important; max-width: 325px !important; } .main-navigation #main-menu-header > li:last-child ul li:last-child { background-image: url(/wp-content/themes/identix/assets/Image/helpdesk-menu.avif); max-width: 310px; min-height: 406px; } .main-navigation .main-menu-link-image a:before { display: none !important; } .main-navigation #main-menu-header > li:nth-child(4) ul li { max-width: 100% !important; grid-column: unset; } .iw-announcement-bar { position: relative; overflow: hidden; width: 100%; contain: layout style paint; isolation: isolate; } .iw-announcement-track { display: flex; height: 100%; will-change: transform; transform: translate3d(0, 0, 0); transition: transform .55s cubic-bezier(.4, 0, .2, 1); backface-visibility: hidden; perspective: 1000px; } .iw-announcement-slide { flex: 0 0 100%; min-width: 100%; display: flex; align-items: center; justify-content: center; padding-inline: 12px; position: relative; overflow: hidden; } .iw-slide-1 { background-image: url(/wp-content/themes/identix/assets/Image/icart-announcement.avif); background-size: cover; background-position: center; background-repeat: no-repeat; background-color: #012eaa; } .iw-slide-2 { background-image: url(/wp-content/themes/identix/assets/Image/staller-announcement.png); background-size: cover; background-position: center; background-repeat: no-repeat; background-color: #1d1d1d; } .iw-announcement-content { display: flex; align-items: center; justify-content: center; gap: 18px; width: 100%; max-width: 1400px; position: relative; z-index: 2; padding: 10px 0; } .iw-announcement-text { color: #fff; font-size: 20px; line-height: 1.2; font-weight: 700; letter-spacing: .2px; text-align: center; display: flex; align-items: center; gap: 10px; white-space: nowrap; transform: translateZ(0); } .iw-shiny-text { background: linear-gradient(90deg, #ffffff 0%, #ffffff 42%, rgba(255, 255, 255, .45) 50%, #ffffff 58%, #ffffff 100%); background-size: 200% auto; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; animation: iwTextShine 5s linear infinite; will-change: background-position; } @keyframes iwTextShine { from { background-position: 200% center; } to { background-position: -200% center; } } .iw-announcement-btn { position: relative; height: 38px; padding-inline: 20px; border-radius: 999px; color: #111; text-decoration: none; display: inline-flex; align-items: center; gap: 10px; font-size: 20px; font-weight: 600; white-space: nowrap; overflow: hidden; transition: transform .25s ease, opacity .25s ease; transform: translateZ(0); padding: 10px 24px; background: linear-gradient(180deg, #FFFF33 0%, #CCCC00 100%); box-shadow: 0px 0px 50px 0px #00000080; } .iw-announcement-btn:not(.iw-btn-green) { font-style: italic !important; } .iw-announcement-btn::before { content: ""; position: absolute; inset: 0; padding: 2px; border-radius: inherit; background: linear-gradient(180deg, #FFFFCC 0%, #999900 50%, #FFFF99 100%); -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); -webkit-mask-composite: xor; mask-composite: exclude; } .iw-announcement-btn:hover { transform: translateY(-1px); } .iw-announcement-btn svg { width: 16px; height: 16px; flex-shrink: 0; } .iw-btn-green { background: linear-gradient(180deg, #DDFF99 0%, #BBFF33 100%); } .iw-btn-green::before { background: linear-gradient(180deg, #F7FFE6 0%, #88CC00 50%, #F6FFE5 100%); -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); -webkit-mask-composite: xor; mask-composite: exclude; } .identix-sections .main-navigation ul ul a { flex-wrap: nowrap; } .identix-sections .main-navigation ul ul a .menu-item-description { flex: 0 0 auto; white-space: nowrap; } @media (min-width: 992px) { .services-sub-menu > .sub-menu { max-width: 695px !important; min-width: 695px !important; height: 356px; display: flex !important; justify-content: start; transition: min-width 0.3s ease-in-out; } .services-sub-menu .sub-menu > li { background-color: #fff !important; background-image: unset !important; grid-row: unset !important; grid-column: unset !important; width: 100%; max-width: 360px !important; min-width: 352px !important; } .services-sub-menu .sub-menu .sub-menu { max-width: calc(100% - 60px) !important; min-width: calc(100% - 60px) !important; display: flex !important; box-shadow: unset; border-radius: 8px !important; border: 1px solid #E5E5E1; top: 0 !important; height: 336px; justify-content: start; left: -999em; } .services-sub-menu .sub-menu li:nth-child(2) .sub-menu { top: -72px !important; } .services-sub-menu .sub-menu li:nth-child(3) .sub-menu { top: -144px !important; } .services-sub-menu .sub-menu li:nth-child(4) .sub-menu { top: -216px !important; } .services-sub-menu .sub-menu .sub-menu a:before { display: none !important; } .services-sub-menu .sub-menu .sub-menu > li { max-width: 100% !important; min-width: 100% !important; } .services-sub-menu .sub-menu .sub-menu > li:hover::after { display: block; min-width: 18px; content: ''; margin-left: 15px; width: 18px; height: 18px; flex: 0 0 18px; background: currentColor; transition: all 0.3s ease-in-out; -webkit-mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none'><circle cx='10' cy='10' r='7.5' stroke='black' stroke-width='1.4'/><path d='M7.5 12.5 L12.5 7.5 M8.5 7.5 H12.5 V11.5' stroke='black' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'/></svg>") center / contain no-repeat; mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none'><circle cx='10' cy='10' r='7.5' stroke='black' stroke-width='1.4'/><path d='M7.5 12.5 L12.5 7.5 M8.5 7.5 H12.5 V11.5' stroke='black' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'/></svg>") center / contain no-repeat; } .main-navigation ul#main-menu-header > li > ul { right: unset !important; } .main-navigation ul#main-menu-header > li:hover > ul, .main-navigation ul#main-menu-header > li.focus > ul { left: 50% !important; transform: translateX(-50%); } .services-sub-menu .sub-menu > li:hover ul, .services-sub-menu .hover-class .sub-menu { left: calc(100% + 10px) !important; right: unset !important; transform: unset !important; top: -10px; } .services-sub-menu > .sub-menu > li::before { content: ''; background: 0 0; width: 100%; height: calc(100% + 40px); z-index: -1; position: absolute; top: -20px; max-width: 340px; min-height: 102px; } .services-sub-menu > .sub-menu > li:has(.sub-menu):hover::after, .services-sub-menu .hover-class:has(.sub-menu)::after { content: ''; height: 0px; width: 0px; border-top: solid 7px transparent; border-left: solid 7px #F2F5F9; border-bottom: solid 7px transparent; right: -7px; position: absolute; } .main-navigation ul ul li.hover-class { background-color: #F1F1EE !important; } .identix-sections .main-navigation #main-menu-header > li > ul { width: 160px; min-width: 160px; max-width: 160px; left: -999em; box-shadow: 0 12px 32px rgba(16, 24, 40, 0.08); } .identix-sections .main-navigation ul#main-menu-header > li:hover > ul, .identix-sections .main-navigation ul#main-menu-header > li.focus > ul { left: 50% !important; transform: translateX(-50%); } .identix-sections .services-sub-menu > .sub-menu { width: 695px; min-width: 688px !important; max-width: 688px !important; } } @media (max-width: 991px) { .main-navigation ul { flex-direction: column; gap: 5px !important; } .submenu-open > .sub-menu, .menu-item.focus > .sub-menu { display: flex !important; flex-direction: column; } .main-navigation #main-menu-header ul { position: relative; z-index: 99999; left: unset; right: unset !important; top: unset; margin-top: 20px !important; max-width: 100%; min-width: 0 !important; width: 100%; min-height: 0; grid-template-columns: 1fr; box-shadow: rgba(0, 0, 0, .07) 0 5px 35px; justify-content: start; min-height: 212px; border-radius: 8px; } .identix-sections .main-navigation #main-menu-header ul, .identix-sections .main-navigation #main-menu-header > li > ul, .identix-sections .services-sub-menu > .sub-menu { left: auto !important; right: auto !important; top: auto !important; transform: none !important; height: auto !important; } .main-navigation #main-menu-header > .menu-item.focus > ul, .identix-sections .main-navigation #main-menu-header .menu-item.focus > ul { display: flex !important; flex-direction: column; min-width: 100%; } #main-menu-header { padding: 20px; } .menu-expand { max-height: 510px; } .main-navigation #main-menu-header > li.services-sub-menu > ul > li:last-child, .main-navigation #main-menu-header > li:last-child ul li:last-child { display: none; } .services-sub-menu .sub-menu li { background-image: unset !important; background-color: #fff !important; max-width: 100% !important; min-width: 0 !important; width: 100%; grid-row: unset !important; grid-column: unset !important; } .services-sub-menu > ul > li { flex-direction: column; align-items: stretch; } .services-sub-menu > ul > li ul a:before { display: none !important; } .services-sub-menu > ul > li:has(.sub-menu) > a { position: relative; width: 100%; padding-right: 28px; } .services-sub-menu > ul > li:has(.sub-menu) > a::after { content: ""; background-image: url(/wp-content/themes/identix/assets/Image/keyboard_arrow_down.svg); background-repeat: no-repeat; position: absolute; right: 10px; top: 50%; width: 20px; height: 20px; margin-top: -10px; transform: rotate(180deg); transition: transform 0.3s ease-in-out; } .services-sub-menu > ul > li.focus > a::after, .services-sub-menu > ul > li:hover > a::after { transform: none; } .main-navigation #main-menu-header > .menu-item > ul > .menu-item.focus > ul { display: flex !important; flex-direction: column; min-width: 100%; margin-top: 8px !important; box-shadow: none; padding: 0; } .main-navigation ul ul li.focus { background-color: #F1F1EE !important; } .main-navigation.toggled .menu-main-menu-container, .identix-sections .main-navigation.toggled .menu-main-menu-container { overflow: auto; max-height: min(670px, calc(100dvh - 110px)); } .identix-sections .main-navigation #main-menu-header > li.focus > a::before { transform: none; } .identix-sections .main-navigation #main-menu-header > li > a::before { transform: rotate(180deg); } } @media (max-width: 425px) { .main-navigation #main-menu-header > li:first-child ul a:before, .main-navigation #main-menu-header > li:last-child ul a:before, .main-navigation #main-menu-header > li:nth-child(2) ul a:before, .main-navigation #main-menu-header > li.services-sub-menu ul a:before { display: none; } .main-navigation ul ul li { padding: 12px 8px; } #main-menu-header { padding: 15px; } .main-navigation #main-menu-header > li.services-sub-menu ul a:before, .main-navigation #main-menu-header > li:last-child ul a:before{ display: none; } .main-navigation ul ul a{ white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block; } } @media (max-width: 768px) { .iw-announcement-text, .iw-announcement-btn { font-size: 16px; } .iw-announcement-content { flex-direction: column; gap: 8px; } } header.site-header.scrolling { max-width: 100%; } header.site-header.scrolling .iw-main-header { border-radius: 0; } header.site-header.scrolling .iw-main-header > div { max-width: 100%; } header .search-box.open { position: absolute; right: 20px; min-width: calc(100% - 250px); z-index: 9; transition: all 0.3s ease-in; } header .search-box.open .iw-search-icon img { opacity: 0.5; } header .search-box.open + .iw-blue-button { display: none; } .section-logos { background-color: var(--color-inverse); background-image: url(/wp-content/themes/identix/upcoming/assets/Image/center-background.avif); background-position: center; background-size: contain; background-repeat: no-repeat; padding: var(--space-xl) 0; text-align: center; overflow: hidden; } .section-logos__title { margin: 0 0 40px; color: var(--color-white); font-size: clamp(32px, 4vw, 48px); font-weight: 600; line-height: 1.2; letter-spacing: -2%; } .section-logos__title .is-accent { color: var(--color-brand); text-decoration: none; background-image: none; } .section-logos__text { margin: -24px auto 32px; max-width: 100%; color: var(--color-white); font-size: 18px; line-height: 28px; opacity: 0.85; } .section-logos__actions { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 12px; margin: 32px 0 0; } .logoloop { position: relative; overflow: hidden; --logoloop-gap: 32px; --logoloop-duration: 30s; --logoloop-logo-h: 52px; --logoloop-fadeColorAuto: #ffffff; } .logoloop__track { display: flex; width: max-content; user-select: none; will-change: transform; backface-visibility: hidden; -webkit-backface-visibility: hidden; animation: logoloop-scroll var(--logoloop-duration) linear infinite; } .logoloop__list { display: flex; align-items: center; flex-shrink: 0; margin: 0; padding: 0; list-style: none; } .logoloop__item { flex: 0 0 auto; display: flex; align-items: center; justify-content: center; height: var(--logoloop-logo-h); margin: 0; padding: 0; margin-right: var(--logoloop-gap); line-height: 1; max-width: 220px; } .logoloop__item img, .logoloop__img { height: var(--logoloop-logo-h); width: auto; max-width: 100%; display: block; object-fit: contain; -webkit-user-drag: none; pointer-events: none; } .logoloop--fade::before, .logoloop--fade::after { content: ""; position: absolute; top: 0; bottom: 0; width: clamp(24px, 8%, 120px); pointer-events: none; z-index: 1; } .logoloop--fade::before { left: 0; background: linear-gradient( to right, var(--logoloop-fadeColor, var(--logoloop-fadeColorAuto)) 0%, rgba(0, 0, 0, 0) 100% ); } .logoloop--fade::after { right: 0; background: linear-gradient( to left, var(--logoloop-fadeColor, var(--logoloop-fadeColorAuto)) 0%, rgba(0, 0, 0, 0) 100% ); } @keyframes logoloop-scroll { from { transform: translate3d(0, 0, 0); } to { transform: translate3d(-50%, 0, 0); } } .identix-rb-logos { min-height: var(--logoloop-logo-h); margin-bottom: 40px; } .identix-rb-logos .logoloop { overflow: hidden; padding: 0; } .section-logos .logoloop { --logoloop-gap: 20px; --logoloop-duration: 30s; --logoloop-logo-h: 90px; --logoloop-fadeColor: #0b0d0f; --logoloop-fadeColorAuto: #0b0d0f; } .section-logos .logoloop__item img { filter: grayscale(1) brightness(2); } .section-logos.logo-container { max-width: calc(100% - 40px); margin: 0 auto; border-radius: 32px; } @media (prefers-reduced-motion: reduce) { .logoloop__track { animation: none; flex-wrap: wrap; width: 100%; max-width: 100%; justify-content: center; transform: none !important; } .logoloop__list[aria-hidden="true"] { display: none; } .logoloop__list { flex-wrap: wrap; justify-content: center; gap: var(--logoloop-gap); } .logoloop__item { margin-right: 0; } } @media (max-width: 768px) { .section-logos { padding: var(--space-lg) 8px; } .section-logos__title { font-size: 24px; margin-bottom: 20px; } .section-logos .logoloop { --logoloop-duration: 28s; --logoloop-logo-h: 70px; } .section-logos.logo-container{ max-width: calc(100% - 24px); } .section-logos__actions{ margin-top: 20px; } .section-logos__text{ margin: 0 auto 20px; } } .connect-with-us { padding: 80px 0; background-color: #ffffff; } .connect-with-us__inner { display: flex; flex-direction: column; align-items: center; gap: 60px; } .connect-with-us__title { margin: 0; font-size: 48px; font-weight: 600; line-height: 60px; letter-spacing: -0.96px; text-align: center; color: #111210; text-wrap: balance; } .connect-with-us__board { display: flex; flex-direction: column; width: 100%; max-width: 1300px; } .connect-with-us__row { display: flex; width: 100%; margin-bottom: -1px; } .connect-with-us__row--chat { justify-content: center; margin-bottom: 0; } .connect-with-us__card { display: flex; align-items: center; gap: 20px; min-width: 0; padding: 20px; background-color: #ffffff; box-shadow: inset 0 0 0 1px #e5e5e1; justify-content: center; color: #111210; transition: background-color 0.2s ease, box-shadow 0.2s ease; } .connect-with-us__card--phone, .connect-with-us__card--mail { flex: 1 1 0; } .connect-with-us__card--phone { margin-right: -1px; border-radius: 16px 0 0 16px; } .connect-with-us__card--mail { border-radius: 0 16px 16px 0; } .connect-with-us__card--chat { flex: 0 0 650px; width: 650px; max-width: 100%; border-radius: 0 0 16px 16px; text-decoration: none; cursor: pointer; } .connect-with-us__card:hover, .connect-with-us__card:focus-within { background-color: #C7F36B; box-shadow: inset 0 0 0 1px #d2d2cc; } .connect-with-us__card--chat:focus-visible { outline: 2px solid #111210; outline-offset: 3px; } .connect-with-us__icon { display: flex; flex: 0 0 64px; align-items: center; justify-content: center; width: 64px; height: 64px; border: 1.05px solid #f8f8f6; border-radius: 12px; box-shadow: inset -4px -4px 8.1px 0 rgba(0, 0, 0, 0.08), inset 1px 7px 9.8px 0 rgba(168, 168, 168, 0.2); background: linear-gradient(135deg, #C8C8C8 -65.3%, #EDEDED 42.76%, #FFFFFF 95.32%); } .connect-with-us__icon img { display: block; width: 30px; height: 30px; } .connect-with-us__meta { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; min-width: 0; margin: 0; font-size: 18px; font-weight: 500; line-height: 28px; color: #111210; } .connect-with-us__label { font-size: 18px; font-weight: 500; line-height: 28px; color: #111210; } .connect-with-us__link { color: inherit; text-decoration: none; border-radius: 4px; } .connect-with-us__link:hover, .connect-with-us__link:focus-visible, .connect-with-us__card--chat:hover .connect-with-us__label, .connect-with-us__card--chat:focus-visible .connect-with-us__label { text-decoration: unset; text-underline-offset: unset; } .connect-with-us__link:focus-visible { outline: 2px solid #111210; outline-offset: 3px; } .connect-with-us__card:hover .connect-with-us__icon{ box-shadow: -4px -4px 5px 0px #0000004D inset; border: 1px solid #D2D2CC; background: linear-gradient(135deg, #525252 -65.3%, #222222 95.32%); } .connect-with-us__card:hover .connect-with-us__icon svg path{ stroke: #FAFAFA; } @media (min-width: 1200px) { .connect-with-us__meta, .connect-with-us__label { white-space: nowrap; } } @media (max-width: 991px) { .connect-with-us { padding: 40px 0; } .connect-with-us__inner { gap: 40px; } .connect-with-us__title { font-size: 40px; line-height: 50px; letter-spacing: -0.8px; } .connect-with-us__row { flex-direction: column; } .connect-with-us__card--phone { margin-right: 0; margin-bottom: -1px; border-radius: 16px 16px 0 0; } .connect-with-us__card--mail { border-radius: 0; } .connect-with-us__card--chat { flex-basis: auto; width: 100%; border-radius: 0 0 16px 16px; } .connect-with-us__card{ justify-content: start; } } @media (max-width: 767px) { .connect-with-us__inner { gap: 32px; } .connect-with-us__title { font-size: 32px; line-height: 40px; letter-spacing: -0.64px; } .connect-with-us__card { align-items: center; } .connect-with-us__meta, .connect-with-us__label { font-size: 16px; line-height: 24px; } } @media (prefers-reduced-motion: reduce) { .connect-with-us__card { transition: none; } } .locations-globe { --lg-bg: #0b0d0f; --lg-text: #fcfcfa; --lg-line: #343532; --lg-accent: #c7f36b; --lg-accent-soft: rgba(199, 243, 107, 0.18); padding: 80px 0; background-color: var(--lg-bg); color: var(--lg-text); } .locations-globe__inner { display: flex; flex-direction: column; align-items: center; gap: 60px; max-width: 1324px; } .locations-globe__title { margin: 0; width: 100%; font-size: 48px; font-weight: 600; line-height: 60px; letter-spacing: -0.96px; text-align: center; color: var(--lg-text); text-wrap: balance; } .locations-globe__title .is-accent { color: var(--lg-accent); background-image: none; } .locations-globe__layout { display: grid; grid-template-columns: minmax(0, 607px) minmax(0, 633px); gap: 60px; align-items: center; width: 100%; max-width: 1300px; } .locations-globe__globe-stage { position: relative; width: 100%; max-width: 607px; margin: 0 auto; } .locations-globe__globe-frame { position: relative; aspect-ratio: 1 / 1; touch-action: none; cursor: grab; } .locations-globe__globe-frame:active { cursor: grabbing; } .locations-globe__globe-frame::before { content: ""; position: absolute; inset: 9%; border-radius: 50%; z-index: 0; box-shadow: 0 40px 90px -20px rgba(0, 0, 0, 0.65), 0 0 100px 15px rgba(0, 0, 0, 0.4); } .locations-globe__globe-frame > div { position: absolute; inset: 0; z-index: 1; } .locations-globe__globe-frame canvas { position: absolute; inset: 0; width: 100%; height: 100%; opacity: 0; transition: opacity 1s ease; } .locations-globe__overlay { position: absolute; inset: 0; pointer-events: none; z-index: 2; } .locations-globe__globe-fade { position: absolute; left: 0; right: 0; bottom: 0; height: 38%; pointer-events: none; z-index: 3; background: linear-gradient( to bottom, rgba(11, 13, 15, 0) 0%, rgba(11, 13, 15, 0.8) 45%, #0b0d0f 100% ); } .locations-globe__pulse { position: absolute; width: 0; height: 0; transform: translate(-50%, -50%); transition: opacity 0.3s; z-index: 2; } .locations-globe__pulse-core { position: absolute; left: 0; top: 0; width: 6px; height: 6px; margin: -3px 0 0 -3px; background: var(--lg-accent); border-radius: 50%; box-shadow: 0 0 0 3px var(--lg-bg), 0 0 6px 1px var(--lg-accent-soft); transition: transform 0.15s, background 0.15s; animation: locations-globe-dot-blink 1.8s ease-in-out infinite; } .locations-globe__pulse.is-hovered .locations-globe__pulse-core { transform: scale(1.7); background: #fff; animation: none; opacity: 1; box-shadow: 0 0 0 3px var(--lg-bg), 0 0 10px 3px var(--lg-accent-soft); } @keyframes locations-globe-dot-blink { 0%, 100% { opacity: 1; } 50% { opacity: 0.25; } } .locations-globe__label { position: absolute; transform: translate(-50%, -160%); background: #111826; border: 1px solid rgba(255, 255, 255, 0.08); border-radius: 8px; padding: 7px 12px; font-size: 13px; white-space: nowrap; opacity: 0; transition: opacity 0.15s; pointer-events: none; z-index: 3; color: var(--lg-text); } .locations-globe__label.is-show { opacity: 1; } .locations-globe__label b { color: var(--lg-accent); font-weight: 600; } .locations-globe__list { display: flex; flex-direction: column; width: 100%; max-width: 633px; margin-left: auto; } .locations-globe__city { display: flex; gap: 40px; align-items: center; width: 100%; padding: 20px 40px; border-bottom: 1px solid var(--lg-line); background: transparent; cursor: pointer; transition: background-color 0.2s ease; } .locations-globe__city:hover, .locations-globe__city:focus-visible { background: rgba(255, 255, 255, 0.02); outline: none; } .locations-globe__icon { flex: 0 0 auto; display: flex; width: 33px; height: 33px; transition: filter 0.25s ease, box-shadow 0.25s ease; } .locations-globe__icon img { display: block; width: 33px; height: 33px; } .locations-globe__city:hover .locations-globe__icon, .locations-globe__city:focus-visible .locations-globe__icon { filter: drop-shadow(0 0 0 4px var(--lg-accent-soft)); box-shadow: 0 0 0 4px var(--lg-accent-soft); border-radius: 50%; } .locations-globe__copy { display: flex; flex: 1 1 auto; flex-direction: column; gap: 10px; min-width: 0; } .locations-globe__name { margin: 0; font-size: 20px; font-weight: 600; line-height: 30px; color: var(--lg-text); transition: color 0.2s ease; } .locations-globe__city:hover .locations-globe__name, .locations-globe__city:focus-visible .locations-globe__name { color: var(--lg-accent); } .locations-globe__addr { margin: 0; font-size: 16px; font-weight: 400; line-height: 24px; color: var(--lg-text); } @media (max-width: 980px) { .locations-globe__layout { grid-template-columns: 1fr; gap: 40px; } .locations-globe__list { max-width: none; margin-left: 0; } .locations-globe__globe-stage { max-width: 520px; } } @media (max-width: 767px) { .locations-globe { padding: 56px 0; } .locations-globe__inner { gap: 40px; } .locations-globe__title { font-size: 32px; line-height: 40px; letter-spacing: -0.64px; } .locations-globe__city { gap: 20px; padding: 16px 12px; } .locations-globe__name { font-size: 18px; line-height: 26px; } .locations-globe__addr { font-size: 14px; line-height: 22px; } } @media (prefers-reduced-motion: reduce) { .locations-globe__pulse-core { animation: none; } .locations-globe__globe-frame canvas { transition: none; } } .section-footer { position: relative; z-index: 3; overflow: hidden; padding: 80px 0 60px; background-color: #000; background: radial-gradient(100% 100% at 50% 0%, #000000 0%, #1A2504 50%, #000000 100%); color: #fcfcfa; } .section-footer__inner { display: flex; flex-direction: column; align-items: center; gap: 60px; } .section-footer__title { margin: 0; width: 100%; color: #fcfcfa; font-size: 48px; font-weight: 600; line-height: 60px; letter-spacing: -0.96px; text-align: center; } .section-footer__title .is-accent { color: #c7f36b; margin-left: 3px; background-image: none; } .section-footer__cols { display: flex; gap: 20px; width: 100%; align-items: flex-start; } .section-footer__col { flex: 1 1 0; min-width: 0; display: flex; flex-direction: column; gap: 16px; } .section-footer__col p, .section-footer .iw-footer-accordion-link p { margin: 0; color: #c7f36b; font-size: 16px; font-weight: 600; line-height: 24px; text-transform: none; } .section-footer .accordion-icon { display: none; min-width: 24px; width: 24px; height: 24px; margin-left: auto; } .section-footer .accordion-icon.close-icon { display: none; } .section-footer__list { display: flex; flex-direction: column; gap: 12px; margin: 0; padding: 0; list-style: none; } .section-footer__list a { color: #d2d2cc; font-size: 14px; font-weight: 400; line-height: 20px; text-decoration: none; } .section-footer__list a:hover, .section-footer__legal a:hover { color: #fcfcfa; } .section-footer__bar { display: flex; align-items: center; justify-content: center; gap: 20px; width: 100%; padding: 16px 24px; border: 1px solid #e5e5e1; border-radius: 60px; box-sizing: border-box; } .section-footer__copy { margin: 0; width: 283px; flex-shrink: 0; color: #fcfcfa; font-size: 16px; font-weight: 400; line-height: 24px; } .section-footer__social { display: flex; flex: 1 1 0; align-items: center; justify-content: center; gap: 16px; min-width: 0; height: 40px; } .section-footer__social-link { display: flex; align-items: center; justify-content: center; width: 40px; height: 40px; padding: 10px; box-sizing: border-box; border-radius: 24px; background: #fcfcfa; } .section-footer__social-link img { display: block; width: 20px; height: 20px; } .section-footer__legal { display: flex; align-items: center; gap: 20px; flex-shrink: 0; color: #fcfcfa; white-space: nowrap; } .section-footer__legal a { color: #fcfcfa; font-size: 16px; font-weight: 400; line-height: 24px; text-decoration: none; } .section-footer__legal span { font-size: 14px; line-height: 20px; } .section-footer__wordmark { margin: 0; width: 100%; line-height: 0; margin-top: 60px; } .section-footer__wordmark-img { display: block; width: 100%; height: auto; } @media (min-width: 992px) { .section-footer .accordion-icon { display: none !important; } } @media (max-width: 991px) { .section-footer__title { font-size: 32px; line-height: 40px; } .section-footer__bar { flex-wrap: wrap; border-radius: 32px; } .section-footer__copy, .section-footer__legal { width: auto; } .section-footer { padding-top: 40px; } .section-footer__inner { gap: 32px; } .section-footer__cols { flex-direction: column; gap: 0; } .section-footer__col { gap: 0; width: 100%; } .section-footer .iw-footer-accordion-link { display: flex; align-items: center; padding: 16px 0; border-bottom: 1px solid #E5E5E1; cursor: pointer; } .section-footer .accordion-icon.open-icon { display: inline-block; } .section-footer__list { display: none; padding: 8px 0 16px; } .section-footer__list.iw-footer-accordion-content.active { display: flex; } .section-footer__bar { flex-direction: column; gap: 16px; padding: 20px 16px; border-radius: 24px; } .section-footer__social { flex-wrap: wrap; height: auto; } .section-footer__legal { flex-wrap: wrap; justify-content: center; white-space: normal; } }