:root {
    --ix-light-pink-color: #E9566C;
    --ix-dark-purple-color: #403844; /* Title text color */
    --ix-white-color: #FFFFFF;
    --ix-light-grey-color: #7A92A5; /* Packages section*/
    --ix-text-color: #2A252D; /* Title & Content text color */
    --ix-text-color2: #6C5F73;
    --ix-category-title-color: #6E6E73;
    --ix-border-color: #B9B9BD;
    --ix-border-color2: #F5F5F5;
    --ix-border-color3: #C2C7CB;
    --ix-border-color4: #EFF0F2;
    --ix-border-color5: #E3E3E3;
    --ix-border-color6: #E8E8E8;
    --ix-border-color7: #E1E1E1;
    --ix-border-color8: #B9B9BD;
    --ix-button-green-color: #00C6C0;
    --ix-button-blue-color: #7646FF;
    --ix-button-red-color: #EE0065;
    --ix-checked-color: #0CA940;
    --ix-background-color: #F5F5F7; /* 4&7th section */
    --ix-background-color2: #DCF3E9; /* 3rd section */
    --ix-background-color3: #E8E8ED; /* ERP integration section */
    --ix-background-color4: #F9D0D6; /* 1st section */
    --ix-background-color5: #FA275A; /* 6th section */
    --ix-background-color6: #2A252D; /* 8th section */
    --ix-background-color7: #FFF6FA; /* 9th section */
    --ix-background-color8: #FFE9EF;
    --ix-background-color9: #F8F6FF; /* Packages section */
    --ix-background-color10: #FFF0F6;
    --ix-background-color11: #252A2C; /* 8th section */
    --ix-background-color12: #4B4278;
    --ix-box-shadow: 2px 4px 12px 0px #00000014;
    --ix-bg-banner: #F9D0D6;
    --ix-bg-banner2: #ECE5DE;
    --ix-bg-banner3: #7646FF;
    --ix-highlight-text-banner2: #BA8787;
    --ix-highlight-text-banner3: #6BFF91;
    /* SDLC section */
    --ix-green-color: #24C69A;
    --ix-yellow-color: #F69C2D;
    --ix-pink-color: #D6005B;
    --ix-purple-color: #9C54E4;
    --ix-blue-color: #116DFF;
    /* Font */
    --ix-fs-normal: 20px;
    --ix-fw-normal: 400;
    --ix-lh-normal: 32px;
    --ix-font-family: 'Poppins';
    --ix-padding-left-right: 200px;
    --ix-padding-left-right-220: 220px;
    --ix-padding-top: 60px;
    --ix-padding-bottom: 60px;
    --ix-padding-top-left: 60px;
    --ix-padding-top-right: 60px;
    --ix-padding-bottom-left: 60px;
    --ix-padding-bottom-right: 60px;
    --ix-padding-topbottom: 80px;
    --ix-padding-leftright: 118px;
    --ix-padding-leftright-100: 100px;
    --ix-padding-left-right-180: 180px;
}

html {
    margin: 0 auto;
    scroll-behavior: smooth;
    box-sizing: border-box;
}

body {
    font-family: var(--ix-font-family);
    font-size: var(--ix-fs-normal);
    font-weight: var(--ix-fw-normal);
    line-height: var(--ix-lh-normal);
    color: var(--ix-text-color);
    margin: 0;
    width: 100%;
    letter-spacing: 0em;
}

main {
    max-width: 1920px;
    margin: 0 auto;
    min-height: calc(100vh - 72px - 97px);
}

p, h1, h2, h3, h4, h5, h6 {
    margin: 0;
    padding: 0;
    font-family: var(--ix-font-family);
    font-size: var(--ix-fs-normal);
    font-weight: var(--ix-fw-normal);
    line-height: var(--ix-lh-normal);
}

a {
    text-decoration: none;
}

.ix-btn {
    display: inline-block;
    padding: 13px 29px 13px 29px;
    font-size: 20px;
    font-weight: 500;
    line-height: 26px;
    letter-spacing: -0.03em;
    border: 1px solid var(--ix-text-color);
    color: var(--ix-text-color);
    margin-top: 30px;
}

.ix-btn.round {
    border-radius: 27px;
}

.ix-btn:hover {
    filter: contrast(1.2);
}

.ix-btn b {
    font-weight: 700;
    pointer-events: none;
}

.ix-btn:hover {
    cursor: pointer;
}

.nowrap-text {
    white-space: nowrap;
    font-weight: inherit;
}

.ix-text-20 {
    font-size: 20px;
    line-height: 32px;
    font-weight: 400;
}

.ix-title-24 {
    font-size: 24px;
    line-height: 32px;
    font-weight: 600;
}

.ix-title-32 {
    font-size: 32px;
    font-weight: 600;
    line-height: 45px;
}

.ix-title-40 {
    font-size: 40px;
    font-weight: 600;
    line-height: 56px;
}

.ix-title-56 {
    font-size: 56px;
    font-weight: 600;
    line-height: 78.4px;
}

.ix-desc {
    margin-top: 24px;
    line-height: 32px;
}

.ix-bg-white {
    background: var(--ix-white-color);
}

.ix-bg-dark-pink {
    background: var(--ix-background-color5);
}

.ix-bg-light-pink {
    background: var(--ix-background-color8);
}

.ix-btn.red { 
    background: var(--ix-button-red-color);
    border-color: var(--ix-button-red-color);
    color: var(--ix-white-color);
}

.ix-btn.green {
    background: var(--ix-button-green-color);
    border-color: var(--ix-button-green-color);
    color: var(--ix-white-color);
}

.ix-btn.blue {
    background: var(--ix-button-blue-color);
    border-color: var(--ix-button-blue-color);
    color: var(--ix-white-color);
}

.ix-btn.orange {
    background: #FE9729;
    border-color: #FE9729;
    color: var(--ix-white-color);
}

.ix-btn.outline-blue {
    background: var(--ix-white-color);
    border-color: var(--ix-button-blue-color);
    color: var(--ix-button-blue-color);
}

.ix-btn.black {
    background: var(--ix-background-color11);
    border-color: var(--ix-background-color11);
    color: var(--ix-white-color);
}

.ix-btn.white {
    background: var(--ix-white-color);
}

.ix-btn.white .ix-white {
    border-color: var(--ix-text-color);
}

.ix-bg-red {
    background: var(--ix-button-red-color);
}

.ix-bg-green {
    background: var(--ix-button-green-color);
}

.ix-bg-blue {
    background: var(--ix-button-blue-color);
}

.ix-bg-grey {
    background: #627C89;
}

.ix-red {
    color: var(--ix-button-red-color);
}

.ix-green {
    color: var(--ix-button-green-color);
}

.ix-blue {
    color: var(--ix-button-blue-color);
}


.ix-grey {
    color: #627C89;
}

.ix-bg-trans {
    background: none;
}

.ix-text-pink {
    color: var(--ix-pink-color);
}

.ix-text-yellow {
    color: var(--ix-yellow-color);
}

.ix-text-green {
    color: var(--ix-green-color);
}

.ix-text-blue {
    color: var(--ix-blue-color);
}

.ix-text-purple {
    color: var(--ix-purple-color);
}

.ix-bg-color-green {
    background-color: var(--ix-background-color2);
}

.ix-bg-color-dark-green {
    background-color: #007F61;
}

img {
    width: 100%;
    height: auto;
    object-fit: contain;
}

.semi-bold {
    font-weight: 600;
}

ul.non-indicate {
    list-style-type: none;
    padding: 0;
}

form {
    margin: 0;
}

label, input, textarea {
    width: 100%;
    width: -moz-available; 
    max-width: -webkit-fill-available; 
    width: fill-available;
}

label {
    font-size: var(--ix-fs-normal);
    line-height: var(--ix-lh-normal);
    margin-bottom: 6px;
}

input {
    height: 54px;
    padding: 0 24px 0 24px;
    border: 1px solid var(--ix-border-color7);
    font-size: var(--ix-fs-normal);
    line-height: var(--ix-lh-normal);
}

select {
    height: 54px;
    padding: 0 40px 0 24px;
    border: 1px solid var(--ix-border-color7);
    font-size: var(--ix-fs-normal);
    line-height: var(--ix-lh-normal);
    width: 100%;
    background-image: url('data:image/svg+xml,%3csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 22" fill="none"%3e%3cpath d="M10.9999 12.0743L15.5374 7.53676L16.8336 8.83292L10.9999 14.6666L5.16626 8.83292L6.46243 7.53676L10.9999 12.0743Z" fill="%2322303e" fill-opacity="0.9"/%3e%3c/svg%3e');
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    background-repeat: no-repeat;
    background-position: right .9375rem center;
    background-size: 24px 24px;
    background-color: white;
    color: black;
}

select::-ms-expand {
  display: none;
}

textarea {
    font-family: var(--ix-font-family);
    font-size: var(--ix-fs-normal);
    line-height: var(--ix-lh-normal);
    padding: 14px 24px 14px 24px;
    border: 1px solid var(--ix-border-color7);
    min-height: 135px;
}

input::placeholder, textarea::placeholder {
    color: var(--ix-border-color7);
    font-family: var(--ix-font-family);
    font-weight: 400;
}

.ix-inline-input-group {
    display: flex;
    flex-direction: row;
    column-gap: 32px;
}

#contact-us-input-email-note-column {
    display: none;
}

.ix-input-group {
    margin-top: 32px;
}

.ix-input-group.col-6 {
    width: 50%;
}

.inline-content {
    display: flex;
    flex-wrap: wrap;
    align-content: center;
    width:100%;
    gap: 5px;
}

.inline-content .ix-contact-info{
    margin-top: 0;
    font-weight: 500;
    align-content: center;
}

.ix-contact-info {
    font-size: 16px;
    line-height: 25.6px;
    color: var(--ix-text-color2);
    margin-top: 6px;
}

.ix-contact-info a {
    color: var(--ix-text-color2);
}

.ix-contact-info a:hover {
    text-decoration: underline;
}

/* Toast */
.js-snackbar-container {
    z-index: 999999;
    margin: 0 auto;
    top: 50%;
    left: 50%;
    color: var(--ix-white-color);
    -ms-transform: translateY(-50%), translateX(-50%);
    transform: translateY(-50%), translateX(-50%);
}

.js-snackbar__icon {
    display: none !important;
}

.js-snackbar, .js-snackbar.dark {
    font-family: var(--ix-font-family);
    font-size: var(--ix-fs-normal);
    line-height: var(--ix-lh-normal);
    font-weight: 400;
    color: var(--ix-white-color);
}


/*----------------------------------------------------------------------------*/
/*#region Header section */
/*----------------------------------------------------------------------------*/
.ix-wrapper {
    height: 100vh;
    overflow: auto;
    scroll-behavior: smooth;
    -ms-overflow-style: none;  /*  hide scroll bar - IE and Edge */
    scrollbar-width: none;  /* hide scroll bar - Firefox */
}

.ix-wrapper::-webkit-scrollbar {
    display: none;
}

header {
    position: sticky;
    top: 0;
    z-index: 200;
    background: var(--ix-white-color);
    font-family: var(--ix-font-family);
}

.ix-header {
    display: flex;
    max-width: 1520px;
    position: relative;
    margin: auto;
    align-items: center;
    background: var(--ix-white-color);
    padding: 0 var(--ix-padding-left-right) 0 var(--ix-padding-left-right);
    box-sizing: content-box;
    border-bottom: 1px solid var(--ix-border-color4);
}

.ix-logo-container {
    width: 56px;
    height: 56px;
    min-width: 56px;
    background: var(--ix-background-color5);
    margin-right: 18px;
}

.ix-side-menu {
    display: flex;
    align-items: center;
}

.ix-header-item {
    margin: 0 18px 0 18px;
    display: flex;
    align-items: center;
    padding: 26.5px 0 26.5px 0;
}

.ix-arrow {
    border: solid var(--ix-background-color6);
    border-width: 0 1px 1px 0;
    display: inline-block;
    padding: 4px;
}

.ix-arrow.down {
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    margin: 4px 2px 4px 6px;
}

.ix-arrow.up {
    transform: rotate(225deg);
    -webkit-transform: rotate(225deg);
    margin: 8px 2px 0 6px;
}

.ix-arrow.right {
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    margin: 2px 3px 2px 4px;
    border-width: 0 2.5px 2.5px 0;
    padding: 4.5px;
}

.ix-arrow.left {
    transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
    margin: 2px 5px 2px 4px;
    border-width: 0 2.5px 2.5px 0;
    padding: 4.5px;
}

.ix-arrow.ix-white {
    border-color: var(--ix-white-color);
}

.ix-arrow.ix-red {
    border-color: var(--ix-button-red-color);
}

.ix-arrow.ix-green {
    border-color: var(--ix-button-green-color);
}

.ix-arrow.ix-blue {
    border-color: var(--ix-button-blue-color);
}

.ix-arrow.ix-grey {
    border-color: #627C89;
}

.ix-header-title {
    font-size: 18px;
    font-weight: 400;
    line-height: 19px;
    letter-spacing: -0.03em;
    color: var(--ix-text-color);
    white-space: nowrap;
    position: relative;
}

.ix-sub-menu-category li a {
    display: block;
    line-height: 28.9px;
}

.ix-humburger-menu {
    width: 48px;
    height: 48px;
    display: none;
    cursor: pointer;
}

.ix-sub-menu {
    position: absolute;
    top: 73px;
    margin-left: -48px;
    background: var(--ix-white-color);
    display: none;
    z-index: -1;
    box-shadow: var(--ix-box-shadow);
}

.ix-header-item:hover {
    border-bottom: 2px solid var(--ix-button-red-color);
    margin-bottom: -2px;
}

.ix-header-item:hover .ix-header-title {
    color: var(--ix-button-red-color);
}

.ix-header-item:hover .ix-arrow.down, .ix-header-item .ix-arrow.up, .ix-sub-menu-category {
    display: none;
}

.ix-header-item:hover .ix-arrow.up {
    display: inline-block;
    border-color: var(--ix-button-red-color);
}

.ix-header-item.ix-dropdown-link .solutions-btn {
    display: flex;
    flex-direction: row;
    cursor: pointer;
}

.ix-header-item .ix-arrow.down {
    margin: 3px 2px 7px 6px;
}

.ix-header-item .ix-arrow.up {
    margin: 7px 2px 3px 6px;
}

.ix-header-item.ix-dropdown-link:hover .ix-sub-menu, .ix-sub-menu.active {
    display: block;
}

.ix-sub-menu ul {
    list-style-type: none;
    margin: 0;
    padding: 48px;
}

.ix-sub-menu ul li a {
    font-size: 18px;
    line-height: 26px;
    color: var(--ix-text-color);
}

.ix-sub-menu ul li  {
    margin-bottom: 18px;
}

.ix-sub-menu ul li a:hover  {
    color: var(--ix-button-red-color);
    text-decoration: underline;
}

.ix-sub-menu ul li:last-child  {
    margin-bottom: 0;
}

.ix-sub-menu-category {
    padding: 0 24px 0 24px;
    width: -webkit-fill-available;
}

.ix-sub-menu-category-title {
    font-size: 16px;
    font-weight: 600;
    line-height: 26px;
    color: var(--ix-category-title-color);
    padding: 6px 0 6px 0;
    border-bottom: 1px solid var(--ix-border-color4);
    margin-top: 36px;
}

.ix-sub-menu-category ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.ix-sub-menu-category ul li {
    margin: 0;
    padding: 15px 0 15px 0;
}

.ix-side-menu.active .ix-sub-menu-category {
    display: block;
    margin-bottom:80px;
}
/*----------------------------------------------------------------------------*/
/*#endregion */
/*----------------------------------------------------------------------------*/



/*----------------------------------------------------------------------------*/
/*#region Block section */
/*----------------------------------------------------------------------------*/
.ix-fw-container.col-6-6 {
    display: grid;
    grid-template-columns: 50% 50%;
}

.ix-col-6-fw {
    padding: var(--ix-padding-top) var(--ix-padding-left-right) var(--ix-padding-bottom) var(--ix-padding-left-right);
    display: flex;
    align-items: center;
}

.ix-col-6-fw.right-pad {
    padding: var(--ix-padding-top-left) var(--ix-padding-left-right) var(--ix-padding-bottom-left) var(--ix-padding-left-right);
}

.ix-col-6-fw.left-pad {
    padding: var(--ix-padding-top-right) var(--ix-padding-left-right) var(--ix-padding-bottom-right) var(--ix-padding-left-right);
}

.ix-col-12-fw {
    padding: var(--ix-padding-top) var(--ix-padding-left-right) var(--ix-padding-bottom) var(--ix-padding-left-right);
    text-align: center ;
}

.ix-col-lr-fw {
    padding-left: var(--ix-padding-left-right);
    padding-right: var(--ix-padding-left-right);
    text-align: center;
}

.ix-col-lr-fw-180 {
    padding-left: var(--ix-padding-left-right-180);
    padding-right: var(--ix-padding-left-right-180);
    text-align: center;
}

.ix-col-tb-fw {
    padding-top: var(--ix-padding-top-right);
    padding-bottom: var(--ix-padding-bottom-right);
}

.ix-col-lf-fw {
    padding: 0 var(--ix-padding-leftright-100) 0 var(--ix-padding-leftright-100);
}

.no-right-pad {
    padding-right: 0;
    padding-bottom: var(--ix-padding-bottom-left);
}

.no-left-pad {
    padding-left: 0;
    padding-bottom: var(--ix-padding-bottom-right);
}

.no-lf-pad {
    padding-left: 0;
    padding-right: 0;
}

.no-tb-pad{
    padding-top: 0;
    padding-bottom: 0;
}

.left-full-img {
    padding: var(--ix-padding-top-right) 0 var(--ix-padding-bottom-left) 0;
    direction: rtl;
}

.left-img {
    padding-right: 0;
    direction: rtl;
}

.right-img {
    padding-left: 0;
    direction: ltr;
}

.right-full-img {
    padding-left: 0;
    padding-right: 0;
    direction: ltr;
}

.pad-left-200{
    padding-left: 200px;
}

.pad-right-200{
    padding-right: 200px;
}

.mar-top-sm-24 {
    margin-top: 0;
}

.mar-top-6{
    margin-top: 60px;
}

.mar-right-60{
    margin-right: 60px;
}

/* Ref: https://stackoverflow.com/questions/13036142/anchor-links-to-start-below-the-header-which-is-fixed-at-the-top*/
.anchor {
    display: block;
    height: 72px; /* this is the height of your header */
    margin-top: -72px; /* this is again negative value of the height of your header */
    visibility: hidden;
}

.ix-indicators {
    display: inline-flex;
    gap: 18px;
    align-items: center;
}

.ix-indicator.dot {
    width: 9px;
    height: 9px;
    border: 3px solid var(--ix-white-color);
    border-radius: 50%;
    cursor: pointer;
    background: var(--ix-white-color);
}

.ix-indicator.dot.selected {
    width: 10.5px;
    height: 10.5px;
    background: none;
}

.ix-tile-icon {
    padding: 45px 0 15px 0;
    text-align: center;
}

.ix-tile-icon img {
    width: 100px;
    height: 100px;
}

.ix-tile-content {
    padding: 30px;
}

.ix-tile-title {
    font-size: 24px;
    line-height: 34px;
}

.ix-tile-desc {
    font-size: 20px;
    line-height: 32px;
    margin-top: 12px;
}

.right-pad.banner {
    padding-right: 60px;
    padding-top: 71.5px;
    padding-bottom: 71.5px;
}
/*----------------------------------------------------------------------------*/
/*#endregion */
/*----------------------------------------------------------------------------*/



/*----------------------------------------------------------------------------*/
/*#region  Wrapper & backgorund color */
/*----------------------------------------------------------------------------*/
.ix-container-wrapper {
    padding: var(--ix-padding-top) var(--ix-padding-left-right) var(--ix-padding-bottom) var(--ix-padding-left-right);
}

.ix-container-wrapper.container-wrapper-green{
    background: var(--ix-background-color2);
}

.ix-flex-row-wrapper {
    display: flex;
    flex-wrap: nowrap;
    width: 100%;
    box-sizing: border-box;
    gap: 40px;
}

.ix-flex-row-wrapper-card {
    background: white;
    border-radius: 25px;
    box-shadow: var(--ix-box-shadow);
    width: 450px;
}

.ix-grid-row-wrapper {
    display: grid;
    grid-template-columns: auto auto auto;
    gap: 40px;
}

.ix-grid-row-wrapper-card {
    background: white;
    border-radius: 25px;
    box-shadow: var(--ix-box-shadow);
    width: 100%;
    max-width: 450px;
    min-width: -webkit-fill-available;
}
/*----------------------------------------------------------------------------*/
/*#endregion */
/*----------------------------------------------------------------------------*/



/*----------------------------------------------------------------------------*/
/*#region Contact us */
/*----------------------------------------------------------------------------*/
.ix-contact-us {
    padding: var(--ix-padding-top) var(--ix-padding-left-right) var(--ix-padding-bottom) var(--ix-padding-left-right);
    background: url('../assets/case-study-background.png'), var(--ix-background-color12);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.ix-contact-us .ix-fw-container {
    background: var(--ix-white-color);
    border-radius: 25px;
}

.ix-contact-us .right-pad {
    padding: 60px 100px 60px 100px;
    align-items: baseline;
}

.ix-contact-us .no-left-pad {
    align-items: baseline;
    padding: 60px 100px 60px 0;
}

.ix-contact-us .ix-input-group.mt-0 {
    margin-top: 0;
}

.ix-contact-card {
    display: flex;
    flex-direction: row;
    text-align: left;
    margin-top: 30px;
}

.ix-icon-container {
    height: 50px;
    width: 50px;
    border-radius: 12px;
    background: #F1EDFF;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 18px;
    box-sizing: border-box;
}

.ix-icon-container.map img {
    padding: 13px;
}

.ix-icon-container.phone img {
    padding: 16px;
}

.ix-icon-container img {
    width: auto;
    height: fit-content;
}

ul.ix-contact-info {
    list-style-type: none;
    padding: 0;
    margin: 10px 0 0 0;
    line-height: 18px;
}

ul.ix-contact-info li:first-child {
    margin-bottom: 6px;
}
/*----------------------------------------------------------------------------*/
/*#endregion */
/*----------------------------------------------------------------------------*/



/*----------------------------------------------------------------------------*/
/*#region  Footer */
/*----------------------------------------------------------------------------*/
footer {
    background: var(--ix-background-color11);
    padding: 0 var(--ix-padding-left-right) 0 var(--ix-padding-left-right);
    font-family: var(--ix-font-family);
}

footer > * {
    max-width: 1044px;
    color: var(--ix-white-color);
    font-size: 14px;
    font-weight: 400;
    line-height: 21px;
    margin: auto;
}

.footer-title {
    font-size: 18px;
    font-weight: 600;
    line-height: 27px;
}

.footer-upper {
    padding: 40px 0 15px 0;
}

.footer-nav {
    display: flex;
    width: 100%;
    justify-content: space-between;
}

.footer-nav ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    width: 224px;
    flex-shrink: 0;
}

.footer-nav li {
    margin-top: 12px;
}

.footer-nav a, .footer-bottom p {
    color: var(--ix-white-color);
    font-size: 14px;
    line-height: 21px;
}

.footer-nav-link ul {
    display: grid;
    grid-template-rows: repeat(3, auto);
    grid-template-columns: 1fr 1fr;
    grid-auto-flow: column;
    gap: 0 50px;
    width: auto;
}

.footer-bottom p {
    width: 224px;
}

.footer-bottom {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    padding: 30.5px 0 30.5px 0;
    
}

.social-media-container {
    column-gap: 30px;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
}

.social-media-container img {
    width: 24px;
    height: 24px;
}

/*----------------------------------------------------------------------------*/
/*#endregion */
/*----------------------------------------------------------------------------*/



/*----------------------------------------------------------------------------*/
/*#region  Media queries*/
/*----------------------------------------------------------------------------*/
@media (min-width: 1200px) and (max-width: 1798.99px) {
    .ix-contact-us .ix-inline-input-group {
        display: flex;
        flex-direction: column;
        column-gap: 32px;
    }

    .ix-contact-us .ix-input-group.col-6 {
        width: 100%;
    }

    #contact-us-input-email-note-column {
        display: block;
    }

    #contact-us-input-email-note-row {
        display: none;
    }
}

@media (min-width: 1025px) and (max-width: 1199.99px) {

    :root {
        --ix-padding-left-right: 60px;
        --ix-padding-left-right-220: 80px;
        --ix-padding-left-right-180: 60px;
    }
}

@media (min-width: 1200px) and (max-width: 1365.99px) {
    :root {
        --ix-padding-left-right: 60px;
        --ix-padding-left-right-220: 80px;
        --ix-padding-leftright: 60px;
        --ix-padding-left-right-180: 60px
    }
}

@media (min-width: 1366px) and (max-width: 1599px) {
    :root {
        --ix-padding-left-right: 100px;
        --ix-padding-left-right-220: 120px;
        --ix-padding-left-right-180: 60px
    }
}

@media (min-width: 1600px) {

    .no-right-pad {
        padding-left: 60px;
    }
}

@media screen and (max-width: 1199.99px){

    :root {
        --ix-padding-leftright: 60px;
        --ix-padding-leftright-100: 60px;
    }
    
    .ix-erp-content .right-img {
        padding-left: 48px;
    }

    .no-right-pad {
        padding-left: 48px;
    }

    .ix-grid-row-wrapper {
        grid-template-columns: auto auto;
    }

    .ix-contact-us .ix-fw-container.col-6-6 {
        display: grid;
        grid-template-columns: 100%;
    }

    .ix-contact-us .no-left-pad {
        padding: 0 var(--ix-padding-left-right) var(--ix-padding-bottom) var(--ix-padding-left-right);
    }

    .ix-contact-us .right-pad {
        padding: var(--ix-padding-top-left) var(--ix-padding-left-right) var(--ix-padding-bottom-left) var(--ix-padding-left-right);
    }
}

@media screen and (max-width: 1150px){
    
    .no-right-pad {
        padding-left: var(--ix-padding-left-right);
        padding-right: var(--ix-padding-left-right);
        padding-bottom: 30px;
    }
}

@media (min-width: 675.5px) and (max-width: 1150px) {
    .hidden.col-2-2, .col-2-2  {
        display: block;
    }
}


@media screen and (max-width: 1024px) {
    :root {
        --ix-padding-left-right: 60px;
        --ix-padding-left-right-180: 20px;
        --ix-padding-left-right-220: 80px;
    }

    .right-pad.banner {
        padding-left: 24px;
    }
}

@media screen and (max-width: 969px) {

    :root {
        --ix-padding-left-right: 60px;
        --ix-padding-left-right-220: 80px;
        --ix-padding-top: 60px;
        --ix-padding-bottom: 60px;
        --ix-padding-top-left: 60px;
        --ix-padding-top-right: 30px;
        --ix-padding-bottom-left: 30px;
        --ix-padding-bottom-right: 60px;
        --ix-padding-topbottom: 60px;
        --ix-padding-leftright: 60px;
        --ix-padding-left-right-180: 20px;
        --ix-padding-leftright-100: 0px;
    }

    .right-pad.banner {
        padding-left: var(--ix-padding-left-right);
        padding-bottom: var(--ix-padding-bottom-left);
    }

    .ix-fw-container.col-6-6 {
        display: grid;
        grid-template-columns: 100%;
    }

    .ix-humburger-menu {
        display: block;
    }

    .ix-header {
        justify-content: space-between;
        padding: 8px var(--ix-padding-left-right) 8px var(--ix-padding-left-right);
    }

    /* Side menu */
    .ix-side-menu {
        position: fixed;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        background: var(--ix-white-color);
        width: 100%;
        top: 70px;
        left: 0;
        text-align: left;
        padding: 9px 0 9px 0;
        overflow-y: scroll;
        height: 100vh;/*calc(100vh - 73px - 9px);*/
        -ms-overflow-style: none;  /*  hide scroll bar - IE and Edge */
        scrollbar-width: none;  /* hide scroll bar - Firefox */
    }

    .ix-side-menu.active::-webkit-scrollbar {
        display: none;
    }

    .ix-side-menu.active .ix-header-item{
        margin: 0;
        padding: 15px 24px 15px 24px;
        width: -webkit-fill-available;
    }

    .ix-side-menu {
        left: 100%;
        right: 0;
        width: 0;
        transition: 0.25s ease-in-out; 
    }

    .ix-side-menu.active {
        width: 100%;
        left: 0;
        transition: 0.25s ease-in-out; 
    }

    .ix-side-menu.active .ix-header-item {
        display: block;
    }

    .ix-header-item:hover {
        border: none;
        margin-bottom: 0;
    }
    
    .ix-header-item:hover .ix-header-title {
        color: var(--ix-button-red-color);
    }
    
    .ix-header-item:hover .ix-arrow.up, .ix-sub-menu-category {
        display: none;
    }
    
    .ix-header-item:hover .ix-arrow.down, .ix-header-item:hover .ix-arrow.up.show, .ix-arrow.up.show {
        display: inline-block;
        border-color: var(--ix-button-red-color);
    }

    .ix-side-menu.active .ix-header-item.ix-dropdown-link a {
        display: block;
    }
    
    .ix-header-item:hover .ix-arrow.down.hidden {
        display: none;
    }

    .ix-header-item.ix-dropdown-link:hover .ix-sub-menu.active, .ix-sub-menu.active {
        display: block;
        box-shadow: none;
        max-height: 400px;
        opacity: 1;
        transition: max-height 0.25s ease-in, opacity 0.25s ease-in;
    }

    .ix-header-item:hover .ix-sub-menu.active ~ .ix-arrow.down {
        display: none;
    }

    .ix-sub-menu {
        position: relative;
        background: var(--ix-white-color);
        z-index: 0;
        top: 0;
        margin: 0;
        box-shadow: none;
        display: block;
        transition: max-height 0.25s ease-out, opacity 0.25s ease-out;
    }

    .ix-sub-menu-category, .ix-side-menu.active .ix-header-item  {
        padding-left: var(--ix-padding-left-right);
        padding-right: var(--ix-padding-left-right);
    }

    .ix-sub-menu ul {
        padding: 0;
    }

    .ix-sub-menu ul li {
        padding: 15px 24px 15px 24px;
        margin: 0;
    }

    .ix-sub-menu ul li:last-child {
        padding-bottom: 0;
    }

    .ix-header-item .ix-arrow.down, .ix-header-item .ix-arrow.up,
    .ix-header-item:hover .ix-arrow.down, .ix-header-item:hover .ix-arrow.up {
        display: none;
    }

    .ix-header-title:hover {
        color: var(--ix-button-red-color);
        text-decoration: underline;
    }

    .non-clickable, .ix-header-item:hover .ix-header-title.non-clickable {
        font-size: 18px;
        font-weight: 600;
        line-height: 29px;
        color: #6E6E7380;
        cursor: default;
        border-bottom: 1px solid var(--ix-border-color4);
        width: 100%;
        padding: 12px 0 12px 0;
        text-decoration: none;
    }

    .ix-header-item.ix-dropdown-link .solutions-btn {
        cursor: default;
    }
    .ix-sub-menu ul li:last-child {
        padding-bottom: 12px;
        border-bottom: 1px solid var(--ix-border-color4);
    }

    .ix-side-menu.active .ix-header-item.ix-dropdown-link {
        padding-bottom: 0;
        padding-top: 0;
    }

    .ix-grid-row-wrapper {
        grid-template-columns: 100%;
        gap: 30px;
    }

    .footer-nav {
        display: flex;
        width: 100%;
        flex-wrap: wrap;
        justify-content: space-between;
    }

    .footer-nav li {
        margin-top: 12px;
    }

    .footer-nav a, .footer-bottom p {
        color: var(--ix-white-color);
        font-size: 14px;
        line-height: 21px;
    }

    .ix-contact-us .ix-inline-input-group {
        display: flex;
        flex-direction: column;
        column-gap: 32px;
    }

    .ix-contact-us .ix-input-group.col-6 {
        width: 100%;
    }

    #contact-us-input-email-note-column {
        display: block;
    }

    #contact-us-input-email-note-row {
        display: none;
    }
}

@media (max-width: 675px) {
    :root {
        --ix-padding-left-right: 24px;
        --ix-padding-left-right-220: 44px;
        --ix-padding-topbottom: 24px;
        --ix-padding-top: 60px;
        --ix-padding-bottom: 60px;
        --ix-padding-top-left: 60px;
        --ix-padding-top-right: 30px;
        --ix-padding-bottom-left: 30px;
        --ix-padding-bottom-right: 60px;
        --ix-padding-left-right-180: 0px;
        --ix-fs-normal: 18px;
        --ix-lh-normal: 29px;
    }

    .ix-logo-container {
        min-width: 48px;
        width: 48px;
        height: 48px;
        margin: 0;
    }

    .right-img {
        padding: 0 0 60px 0;
    }

    .ix-header {
        justify-content: space-between;
        padding: 12px 24px 12px 24px;
    }

    .no-right-pad {
        padding: var(--ix-padding-top-right) var(--ix-padding-left-right) var(--ix-padding-bottom-left) var(--ix-padding-left-right);
    }

    .no-left-pad {
        padding: 24px 0 var(--ix-padding-bottom-right) 0;
    }

    .mar-top-sm-24{
        margin-top:24px;
    }

    .mar-right-60 {
        margin-right: 0;
    }

    .pad-left-200 {
        padding-left: 0;
    }

    .pad-right-200 {
        padding-right: 0;
    }

    textarea {
        min-height: 170px;
    }

    .ix-tile-content {
        padding: 24px;
    }

    .ix-tile-title {
        font-size: 22px;
        line-height: 30.8px;
    }
   
    .ix-desc {
        font-size: 18px;
        line-height: 28.8px;
    }

    .ix-btn {
        font-size: 20px;
        line-height: 26px;
        font-weight: 500;
    }

    .mobile-center {
        text-align: center;
        width: 100%;
    }

    .ix-title-56 {
        font-size: 32px;
        line-height: 38.4px;
    }

    .ix-title-32 {
        font-size: 24px;
        line-height: 33.6px;
    }

    .ix-title-40 {
        font-size: 28px;
        line-height: 39.2px;
    }

    .ix-fw-container.col-6-6 {
        display: block;
        width: 100%;
        height: fit-content;
    }

    .ix-flex-row-wrapper {
        gap: 30px;
        flex-wrap: wrap;
    }

    .ix-flex-row-wrapper-card {
        width: 100%;
    }

    .right-pad.banner {
        padding: var(--ix-padding-top) var(--ix-padding-left-right) 30px var(--ix-padding-left-right);
    }
}

@media (max-width: 500px) {

    .footer-nav {
        flex-direction: column;
        flex-wrap: wrap;
    }
    .footer-nav ul:nth-child(2) {
        margin-top: 24px;
    }

    .footer-upper {
        padding: 30px 0 15px 0;
    }

    .footer-bottom {
        display: flex;
        flex-direction: column;
        width: 100%;
        padding: 30px 0 30px 0;
        align-items: baseline;
    }

}

/*----------------------------------------------------------------------------*/
/*#endregion */
/*----------------------------------------------------------------------------*/