*,
*::before,
*::after {
margin: 0;
padding: 0;
box-sizing: border-box;
}
ul,
ol {
list-style: none;
}
a {
text-decoration: none;
color: inherit;
}
img,
picture,
video,
canvas,
svg {
display: block;
max-width: 100%;
}
button,
input,
select,
textarea {
font: inherit;
background: none;
border: none;
outline: none;
box-shadow: none;
}
body {
position: relative;
margin: 0;
padding: 0;
width: 100%;
font-family: 'Fira Sans', Verdana, Arial sans-serif;
font-size: 16px;
line-height: 26px;
font-style: normal;
font-weight: 400;
min-width: 320px;
color: #293041;
background: #ffffff;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
}
.container {
width: 100%;
padding: 0 20px;
margin: 0 auto;
max-width: 1400px
} .header_blog_categories {
background: #fff;
width: 100%;
height: 50px;
position: fixed;
z-index: 110;
top: 64px;
left: 0;
right: 0;
font-family: 'Fira Sans', Verdana, Arial sans-serif;
border-bottom: 1px solid #E7E5E0;
align-items: center;
}
.blog_archive_category {
font-family: 'Fira Sans';
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 24px;
letter-spacing: 0.02em;
color: #252939;
}
.hw-site-header {
background: #fff;
width: 100%;
height: 64px;
position: fixed;
z-index: 110;
top: 0;
left: 0;
right: 0;
font-family: 'Fira Sans', Verdana, Arial sans-serif;
border-bottom: 1px solid #E7E5E0;
}
.hw-site-header .container {
display: flex;
align-items: center;
height: 100%;
position: relative;
padding: 0 16px;
}
.hw-site-header-logo {
display: flex;
gap: 8px;
width: 374px;
}
.hw-menu-wrap {
margin: 0 auto;
}
.hw-menu {
padding: 0;
display: flex;
gap: 4px;
margin: 0 10px;
width: 478px;
justify-content: center;
}
.hw-site-header .hw-menu > li {
height: 50px;
margin: 14px 0 0;
position: relative;
}
.hw-site-header .hw-menu > li > a {
font-size: 16px;
color: #2C2C2C;
line-height: 24px;
font-weight: 500;
padding: 6px 10px;
border-radius: 8px;
transition: background 0.25s, color 0.25s;
display: inline-block;
white-space: nowrap;
}
.hw-site-header .hw-menu .menu-item-has-children > a {
padding: 0 0 14px 0;
border-radius: 4px 4px 0 0;
position: relative;
}
.hw-site-header .hw-menu .menu-item-has-children .product-link-name {
border-radius: 8px;
background: transparent;
padding: 6px 30px 6px 10px;
cursor: pointer;
}
.hw-site-header .hw-menu .menu-item-has-children:hover > a {
background: transparent;
}
.hw-site-header .hw-menu .menu-item-has-children:hover .product-link-name {
background: #0000000D;
}
.hw-site-header .product-link-item {
cursor: pointer;
}
.hw-site-header .hw-menu .menu-item-has-children > a:after {
content: '';
position: absolute;
width: 8px;
height: 8px;
transform: rotate(135deg);
border-width: 2px 2px 0 0;
border-color: inherit;
border-style: solid;
top: 12px;
right: 10px;
transition: all 0.3s;
}
.hw-site-header .hw-menu > li > a:hover {
background: #0000000D;
}
.hw-site-header .product-menu {
background: #fff;
position: absolute;
visibility: hidden;
opacity: 0;
width: 1100px;
left: -205px;
border-radius: 20px;
box-shadow: 0px 4px 25px 0px rgba(0, 0, 0, 0.10);
z-index: 2;
display: flex;
flex-direction: row-reverse;
overflow: hidden;
}
.hw-site-header .product-menu.small {
left: -125px;
width: 338px;
}
.hw-site-header .product-menu.small .menu-list-wrap {
padding: 16px;
}
.hw-site-header .product-menu.small .menu-list-wrap a {
width: 306px;
}
.hw-site-header .menu-item-has-children:hover .product-menu {
visibility: visible;
opacity: 1;
}
.hw-site-header .menu-info {
flex-grow: 1;
background: #FAFAFA;
padding: 32px 24px 32px 32px;
width: 415px;
}
.hw-site-header .menu-info-img {
max-width: 182px;
}
.hw-site-header .menu-info-link {
display: flex;
color: #FF6D12;
font-size: 18px;
line-height: 22px;
font-weight: 600;
margin: 16px 0;
transition: color 0.25s;
align-items: center;
}
.hw-site-header .menu-info-link:hover {
color: #FF9737;
}
.hw-site-header .menu-info-list {
margin: 0;
padding: 0 0 0 14px;
color: #2c2c2c;
font-size: 16px;
line-height: 22px;
list-style-type: disc;
}
.hw-site-header .menu-list-wrap {
padding: 16px 24px 16px 16px;
width: 685px;
}
.hw-site-header .menu-list-wrap img {
margin-right: 16px;
}
.hw-site-header .menu-list-wrap ul {
margin: 0;
padding: 0;
}
.hw-site-header .menu-list-wrap .sub-menu{
max-height: 368px;
display: flex;
flex-direction: column;
flex-wrap: wrap;
}
.hw-site-header .menu-list-wrap a {
color: #2c2c2c;
font-size: 16px;
line-height: 22px;
font-weight: 500;
padding: 16px;
transition: background 0.25s;
display: flex;
border-radius: 12px;
align-items: center;
height: 56px;
width: 323px;
}
.hw-site-header .menu-list-wrap a:hover {
background: #F2F2F2;
}
.hw-site-header .right-col {
margin: 0 0 0 auto;
display: flex;
gap: 4px;
align-items: center;
}
.hw-site-header .login-link-wrap {
display: none;
padding: 0 32px 24px;
}
.hw-site-header .demo-wrap {
display: none;
position: fixed;
bottom: 0;
left: 0;
right: 0;
padding: 24px 0;
border: 1px solid #EFEFEF;
background: #fff;
z-index: 2;
}
.hw-site-header .demo-wrap .btn-o1 {
margin: 0 auto;
display: block;
width: 100%;
max-width: 300px;
text-align: center;
white-space: nowrap;
font-family: Fira Sans;
font-weight: 500;
font-size: 18px;
line-height: 24px;
border-radius: 12px;
padding: 12px 44px;
}
.hw-site-header .btn-o1 {
outline: 0;
border: 1px solid #E87D12;
color: #fff;
font-size: 20px;
line-height: 24px;
font-weight: 500;
display: inline-block;
padding: 15px 47px;
background: #F98B25;
border-radius: 8px;
text-align: center;
letter-spacing: 0.4px;
}
.hw-site-header .btn-o1:hover {
background: #FF9737;
}
.hw-site-header .btn-o1.small {
padding: 5px 15px;
font-size: 16px;
line-height: 24px;
border-radius: 8px;
white-space: nowrap;
}
.hw-site-header .right-col .login-link {
font-size: 16px;
line-height: 24px;
font-weight: 500;
color: #E87D12;
transition: all 0.25s;
padding: 6px 10px;
border-radius: 8px;
white-space: nowrap;
}
.hw-site-header .n1-lang {
display: flex;
justify-content: center;
padding: 0 0 15px;
margin: 14px 0 0;
border-radius: 4px 4px 0 0;
transition: background 0.25s;
position: relative;
}
.hw-site-header .n1-lang:hover .n1-lang-head{
background: #0000000D;
}
.hw-site-header .n1-lang-head {
color: #2C2C2C;
display: flex;
align-items: center;
gap: 4px;
font-size: 16px;
line-height: 24px;
font-weight: 500;
cursor: pointer;
padding: 5px 10px;
border-radius: 8px;
}
.hw-site-header .n1-lang-head svg {
transition: transform 0.3s;
}
.hw-site-header .n1-lang-list {
margin: 0;
position: absolute;
visibility: hidden;
opacity: 0;
padding: 16px 0;
background: #fff;
border-radius: 8px;
box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.10);
top: 50px;
left: -22px;
width: 115px;
text-align: center;
z-index: 111;
}
.hw-site-header .n1-lang-list a:hover {
background: #F2F2F2;
}
.hw-site-header .n1-lang:hover .n1-lang-list {
visibility: visible;
opacity: 1;
}
.hw-site-header .n1-lang-list a {
display: block;
color: #2C2C2C;
font-size: 16px;
line-height: 22px;
transition: background 0.25s;
text-align: left;
padding: 8px 16px;
}
.hw-site-header .n1-lang-list .current-lang a {
background: #F2F2F2;
pointer-events: none;
}
.hw-site-header .right-col .login-link:hover {
background: #F2F2F2;
}
.hw-site-header .menu-switcher {
display: none;
user-select: none;
cursor: pointer;
width: 32px;
height: 27px;
flex-direction: column;
gap: 9px;
}
.mobile-menu-opened .hw-site-header .menu-switcher {
gap: 0;
justify-content: center;
}
.mobile-menu-opened .hw-site-header .menu-switcher span:nth-child(1) {
transform: rotate(45deg);
}
.mobile-menu-opened .hw-site-header .menu-switcher span:nth-child(2) {
display: none;
}
.mobile-menu-opened .hw-site-header .menu-switcher span:nth-child(3) {
transform: rotate(-45deg);
margin-top: -3px;
}
.hw-site-header .menu-switcher span {
display: block;
height: 3px;
width: 32px;
background: #2C2C2C;
transition: transform 0.25s;
}
@media screen and (max-width: 1100px) {
.hw-site-header .login-link-wrap,
.hw-site-header .demo-wrap {
display: block;
}
.hw-site-header .hw-menu-wrap {
position: fixed;
top: 64px;
left: 0;
right: 0;
bottom: 0;
background: #fff;
border-top: 1px solid rgba(255, 255, 255, 0.16);
overflow: scroll;
padding: 0 0 112px;
display: none;
}
.hw-site-header .hw-menu .menu-item-has-children > a:after {
right: -15px;
}
.hw-site-header .right-col .login-link, 
.hw-site-header .right-col .btn-o1 {
display: none;
}
.mobile-menu-opened .hw-site-header .hw-menu-wrap {
display: block;
}
.hw-site-header .hw-menu {
margin: 0;
display: block;
padding: 24px 32px 0;
}
.hw-site-header .hw-menu > li {
height: auto;
margin: 0 0 24px;
}
.hw-site-header .hw-menu .menu-item-has-children > a {
pointer-events: none;
user-select: none;
display: inline-block;
}
.hw-site-header .hw-menu > li > a {
padding: 0 !important;
font-size: 18px;
line-height: 32px;
display: flex;
white-space: nowrap;
}
.hw-site-header .menu-switcher {
display: flex;
}
.hw-site-header .login-link {
display: flex;
font-weight: 500;
color: #E87D12;
font-size: 18px;
line-height: 32px;
transition: color 0.25s;
}
.hw-site-header .product-menu {
width: 100%;
position: relative;
visibility: visible;
opacity: 1;
left: 0;
border-radius: 0;
box-shadow: none;
background: none;
max-height: 0;
overflow: hidden;
transition: max-height 0.3s;
}
.hw-site-header .menu-item-has-children.active .product-menu {
max-height: 9999px;
}
.hw-site-header .menu-info {
display: none;
}
.hw-site-header .menu-list-wrap {
padding: 24px 0 0 8px;
width: 100%;
flex: 0 0 100%;
}
.hw-site-header .menu-list-wrap ul {
display: block;
}
.hw-site-header .hw-menu .menu-item-has-children:hover > a, 
.hw-site-header .hw-menu > li > a:hover {
background: none;
}
.hw-site-header .menu-list-wrap a {
padding: 8px 0;
font-weight: 400;
border-radius: 0;
}
.hw-site-header .menu-item-has-children.active > a:after {
top: 15px;
transform: rotate(-45deg);
}
.hw-site-header .menu-list-wrap .sub-menu {
max-height: 100%;
}
.hw-site-header .menu-list-wrap a {
height: 40px;
}
.hw-site-header .product-menu.small {
width: 100%;
left: -8px;
}
.hw-site-header .hw-menu .menu-item-has-children .product-link-name {
padding: 0;
}
.hw-site-header .hw-menu .menu-item-has-children:hover .product-link-name {
background: transparent;
}
}
@media screen and (min-width: 1101px) {
.hw-site-header .hw-menu .menu-item-has-children:hover > a:after {
transform: rotate(-45deg);
top: 16px;
}
} .hw-site-footer .footer.footer__secondary {
padding: 1px 0 32px;
padding-top: 22px;
z-index: 2;
position: relative;
background-color: #292F42;
background-image:
radial-gradient(
57.88% 96.89% at 2.46% 96.89%,
rgba(255, 153, 0, 0.4) 0%,
rgba(255, 166, 61, 0) 100%
),
linear-gradient(0deg, #292F42, #292F42);
background-blend-mode: normal;
color: #FFFFFF;
font-family: 'Fira Sans', Verdana, Arial sans-serif;
}
.hw-site-footer .container__secondary {
padding: 0 16px;
margin: 0 auto;
max-width: 1400px;
}
.hw-site-footer .footer__secondary-header {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
@media screen and (min-width: 992px) {
.hw-site-footer .logo-wrap {
margin-right: 30px;
}
}
.hw-site-footer .logo-wrap {
display: inline-block;
margin-bottom: 16px;
}
.hw-site-footer .footer__socials {
display: flex;
align-items: center;
}
.hw-site-footer .footer__socials-item {
margin-right: 0;
margin-left: 20px;
font-size: 30px;
color: #656f82;
cursor: pointer;
transition: color 0.3s ease;
margin-right: 0;
margin-left: 20px;
}
.hw-site-footer .footer__socials-item:hover svg path:first-child {
fill: #fff;
}
.hw-site-footer .footer__socials-item:hover svg g {
opacity: 1;
}
.hw-site-footer .footer__secondary-menu {
margin-top: 48px;
display: flex;
flex-wrap: wrap;
}
.footer.footer__secondary .footer__secondary-menu {
margin-top: 48px;
}
.hw-site-footer .footer__secondary-menu .hw-menu {
display: flex;
width: 1368px;            
gap: 40px;        
}
.hw-site-footer .hw-menu > *:nth-child(1),
.hw-site-footer .hw-menu > *:nth-child(3),
.hw-site-footer .hw-menu > *:nth-child(5) {
flex: 0 0 13.1%;
}
.hw-site-footer .hw-menu > *:nth-child(2),
.hw-site-footer .hw-menu > *:nth-child(4) {
flex: 0 0 24.9%;
}
.hw-site-footer .footer__secondary-menu .hw-menu > .menu-item {
margin-bottom: 20px;
color: #fff;
font-size: 16px;
line-height: 24px;
font-weight: bold;
}
.hw-site-footer .footer__secondary-menu .hw-menu .sub-menu {
margin-top: 16px;
}
.hw-site-footer .footer__secondary-menu .hw-menu .sub-menu .menu-item {
font-size: 14px;
font-weight: normal;
line-height: 24px;
color: #fff;
margin-bottom: 16px;
}
.hw-site-footer .contact-item a:hover,
.hw-site-footer .footer__secondary-menu .hw-menu .sub-menu .menu-item a:hover {
color: #FFFFFFB2;
}
.hw-site-footer .footer__secondary-menu .hw-menu > .menu-item:last-of-type {
margin-right: 0;
}
.hw-site-footer .contact-item {
font-size: 18px;
line-height: 24px;
color: #fff;
font-weight: 400;
margin-bottom: 16px;
}
.hw-site-footer .product-title {
font-weight: 500;
font-size: 14px;
line-height: 24px;
letter-spacing: 1.2px;
text-transform: uppercase;
color: #9DA3AE;
margin-bottom: 16px;
}
.menu-bottom-menu-redesigned-en-container {
width: 100%;
}
.footer.footer__secondary .footer__rights {
margin-top: 0px;
}
.hw-site-footer .footer__rights {
margin-top: 32px;
border-top: 1px solid #FFFFFF40;
display: flex;
justify-content: space-between;
padding-top: 16px;
}
.hw-site-footer .rights_reserved {
color: #fff;
font-size: 14px;
line-height: 22px;
}
.hw-site-footer .rights_reserved a {
text-decoration: underline;
text-decoration-style: dotted;
}
@media screen and (max-width: 1400px) {
.hw-site-footer .footer__secondary-menu .hw-menu {
width: 100%;
}
.hw-site-footer .hw-menu > *:nth-child(2), 
.hw-site-footer .hw-menu > *:nth-child(4) {
flex: 0 0 23%;
}
.hw-site-header .product-menu {
left: -264px;
}
}
@media screen and (max-width: 1100px) {
.hw-site-footer .footer__secondary-menu .hw-menu {
flex-wrap: wrap;
justify-content: flex-start;
}
.hw-site-footer .hw-menu > *:nth-child(2), 
.hw-site-footer .hw-menu > *:nth-child(4) {
flex: 0 0 40%;
}
.hw-site-footer .hw-menu > *:nth-child(1), 
.hw-site-footer .hw-menu > *:nth-child(3), 
.hw-site-footer .hw-menu > *:nth-child(5) {
flex: 0 0 25%;
}
.hw-site-header .product-menu {
left: 0;
}
}
@media screen and (max-width: 870px) {
.hw-site-footer .footer__secondary-menu .hw-menu {
flex-wrap: wrap;
justify-content: flex-start;
flex-direction: column;
gap: 0
}
.hw-site-footer .hw-menu > *:nth-child(2), 
.hw-site-footer .hw-menu > *:nth-child(4) {
flex: 0 0 100%;
}
.hw-site-footer .hw-menu > *:nth-child(1), 
.hw-site-footer .hw-menu > *:nth-child(3), 
.hw-site-footer .hw-menu > *:nth-child(5) {
flex: 0 0 100%;
}
.hw-site-footer .footer__secondary-menu {
margin-top: 40px
}
.hw-site-footer .footer__secondary-menu .hw-menu > .menu-item {
margin-bottom: 16px;
}
.hw-site-footer .footer.footer__secondary {
background-image: none;
}
.hw-site-footer .footer__rights {
flex-direction: column-reverse;
align-items: flex-start;
padding-top: 24px;
margin-top: 0;
}
.hw-site-footer .footer__socials-item {
margin-left: 0;
margin-right: 24px;
}
.hw-site-footer .footer__socials-item svg {
width: 27px;
height: 27px;
}
.hw-site-footer .rights_reserved {
margin-top: 24px;
}
}
.hw-site-header.transpatent {
background-color: transparent;
}
.main-hm-section {
padding-top: 88px;
}
.main-hm-title {
font-weight: 800;
font-size: 60px;
line-height: 110.00000000000001%;
text-align: center;
color: #292F42;
max-width: 700px;
margin: 0 auto 14px;
height: 150px;
}
.main-hm-text {
font-weight: 500;
font-size: 20px;
line-height: 150%;
text-align: center;
color: #2C2C2CB2;
max-width: 700px;
margin: 0 auto 40px;
}
.main-hm-button {
background-color: #F98B25;
color: white;
border: none;
padding: 16px 48px;
border-radius: 12px;
font-weight: 500;
font-size: 20px;
line-height: 24px;
letter-spacing: 2%;
text-align: center;
cursor: pointer;
transition: background-color 0.3s ease;
display: block;
margin: 0 auto 12px;
}
.main-hm-button:hover {
background-color: #FF9737;
}
.main-hm-img {
margin: 0 auto 44px;
}
.tabs-main, .subtabs-main {
display: flex;
justify-content: center;
flex-wrap: wrap;
gap: 4px;
margin-bottom: 20px;
}
.tab-btn, .subtab-btn {
padding: 8px 16px;
border: 1px solid #ccc;
background: #fff;
border-radius: 5px;
cursor: pointer;
font-size: 14px;
}
.tab-btn.active, .subtab-btn.active {
background-color: #dde6ff;
border-color: #667eea;
}
.tab-content, .subtab-content {
display: none;
}
.tab-content.active, .subtab-content.active {
display: block;
}
.screenshot-container img {
width: 100%;
max-width: 1000px;
height: auto;
border-radius: 10px;
box-shadow: 0 4px 16px rgba(0,0,0,0.1);
}
.marquee-container {
overflow: hidden;
margin-top: 60px;
background: #fff;
padding: 20px 0;
}
.marquee {
display: flex;
gap: 60px;
font-size: 18px;
color: #777;
font-weight: bold;
animation: scroll 40s linear infinite;
white-space: nowrap;
}
@keyframes scroll {
0% {
transform: translateX(0%);
}
100% {
transform: translateX(-50%);
}
}
.marquee span {
flex-shrink: 0;
}
.header-offer.header-secondary {
margin-top: 50px;
z-index: 2;
}
.header_hurma_placeholder {
min-height: 133px;
}
.blog-section {
padding-top: 20px;
}
.sticky-sidebar {
z-index: 1;
}
.integration-section {
margin-top: 80px;
}
#tariff-page {
margin-top: -41px;
}
.integration__wrapper {
margin-left: 98px;
}
.listing_status_information_post {
white-space: nowrap;
}
.listing_status_information_post li {
margin-left: 15px;
}
@media screen and (max-width: 991px) {
.event-item-wrap {
padding: 40px;
flex-wrap: wrap;
}
}
.hw-site-header .btn-o1.small {
border: none !important
}