/* Header */
header {
  color: #fff;
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  z-index: 10;
  transition: transform 0.3s ease-out;
  background: transparent !important;
}
header ul li {
  padding-left: 0;
  margin-top: 0;
}
header ul li::before {
  content: none;
}

header.hide {
  transform: translateY(-100%);
  transition: transform 0.3s ease-out;
}

header.shadow {
  box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.0784313725);
}

header a {
  color: #000000;
  text-decoration: none;
}

.header {
  padding-top: 40px;
  padding-bottom: 40px;
}

.hero-decoration {
  width: 952px;
  height: 952px;
  position: absolute;
  left: -115px;
  top: -145px;
  z-index: 3;
  -o-object-fit: cover;
     object-fit: cover;
}

.header__inner {
  position: relative;
}

.header__inner > * {
  display: inline-block;
}

.header__in-grid {
  display: flex;
  justify-content: space-between;
  padding-right: 120px;
}

.header__login .delimiter {
  display: inline-block;
  margin: 0 5px;
}

.header__logo {
  position: absolute;
  left: -185px;
  z-index: 9;
}

.header__logo img {
  width: 100%;
  width: 168px;
}

.header__links-container {
  margin-left: 200px;
  max-width: 700px;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.header__links-container::-webkit-scrollbar {
  display: none;
}

.header__links-container > ul {
  display: flex;
  flex-wrap: wrap;
  margin-right: 20px;
  margin-left: 0;
  margin-top: 0;
  margin-bottom: 0;
  row-gap: 9px;
}

.header__links-container > ul > li {
  margin: 0 20px;
}

.header__call-us {
  min-width: 105px;
}
.header__call-us img {
  width: 17px;
  position: absolute;
  left: -27px;
}

.header__cta {
  margin-top: -18px;
  min-width: 176px;
}
.header__cta .button {
  width: 100%;
}

.header__links-container__target .header__cta a:hover {
  background: white;
  border: 1px solid #7DF4DC;
}

.header__links-container__target .header__login a {
  border: 1px solid #7DF4DC;
  padding: 10px 20px;
  border-radius: 10px;
  transition: 0.3s ease;
}

.header__links-container__target .header__login a:hover {
  background: #7DF4DC;
  transition: 0.3s ease;
  text-decoration: none;
}

.header__links-container__target .header__login {
  margin-left: 0;
}

.mobile-menu-active .header__call-us a {
  display: flex;
}

header.mobile-menu-active .header__login a,
header.mobile-menu-active .header__call-us a {
  color: #000;
}

.header-disabled header.mobile-menu-active:not(.floating-header) .header__login a,
.header-disabled header.mobile-menu-active:not(.floating-header) .header__call-us a {
  color: #ffffff;
}

header.mobile-menu-active .header__cta a:hover {
  background: white;
  color: black;
  border: 1px solid #7DF4DC;
}

header.floating-header .header__cta a:hover,
header.bg-white-header .header__cta a:hover {
  background: white;
  color: black;
  border: 1px solid #7DF4DC;
}

.header__cta {
  position: absolute;
  right: -100px;
  top: 0;
}

header:not(.bg-white) ul.header__links-container__inner > li.current-menu-ancestor > a, header:not(.bg-white) ul.header__links-container__inner > li.current-menu-item > a {
  color: #7df4dc;
}

header .header__links-container__inner .current-menu-ancestor > a,
header .header__links-container__inner .current-menu-item > a {
  color: #4E3FFB;
}

/* Dropdown */
.dropdown-parent .active {
  display: block;
}

.dropdown-parent ul {
  display: none;
  color: #000;
}
.dropdown-parent ul a {
  color: #000;
}

.header__links-container__inner > .dropdown-parent > ul {
  background-color: #fff;
  padding: 0 35px;
  position: absolute;
  z-index: 2;
  min-width: 339px;
  border-radius: 10px;
  left: -40px;
  top: 35px;
  box-shadow: 0px 20px 57px 0px rgba(0, 0, 0, 0.15);
}

.header__links-container__inner > .dropdown-parent > ul::before {
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid #fff;
  content: "";
  position: absolute;
  top: -10px;
  left: 50px;
}

.dropdown-parent > ul > li {
  padding: 29px 0;
  border-bottom: 2px solid #eee;
}
.dropdown-parent > ul > li:last-child {
  border: none;
}

.dropdown-parent > ul > li > ul {
  border-left: 2px solid #4E3FFB;
}
.dropdown-parent > ul > li > ul + .dropdown-button {
  right: 0;
  top: 33px;
}
.dropdown-parent > ul > li > ul + .dropdown-button .cls-1 {
  fill: #4E3FFB;
}

.dropdown-parent > ul > li > ul > li {
  margin-bottom: 29px;
  padding-left: 32px;
}
.dropdown-parent > ul > li > ul > li:first-child {
  margin-top: 29px;
}
.dropdown-parent > ul > li > ul > li:last-child {
  margin-bottom: 0;
}

.header__habmurger-holder {
  display: none;
  margin-top: -12px;
}

.nav-mobile__btn {
  display: block;
  padding: 5px;
  position: relative;
  border: none;
  background: transparent;
  font-size: 0;
  color: #fff;
  cursor: pointer;
}

.nav-mobile__btn:focus {
  outline: none;
}

.nav-mobile__btn .line {
  display: block;
  height: 3px;
  width: 30px;
  margin: 5px auto;
  background: #ffffff;
}

.nav-mobile__btn .line:nth-child(1) {
  top: 0;
  transition: transform 0.3s 0.1s;
}

.nav-mobile__btn .line:nth-child(2) {
  top: calc(50% - 2px);
  transition: opacity 0.2s 0.3s;
}

.nav-mobile__btn .line:nth-child(3) {
  bottom: 0;
  transition: transform 0.3s 0.1s;
}

.nav-mobile__btn.active .line:nth-child(1) {
  transform: translateY(8px) rotate(45deg);
}

.nav-mobile__btn.active .line:nth-child(2) {
  opacity: 0;
  transition: opacity 0.2s 0s;
}

.nav-mobile__btn.active .line:nth-child(3) {
  transform: translateY(-8px) rotate(-45deg);
}

.floating-header .nav-mobile__btn .line {
  background-color: #4E3FFB;
}

.mobile-logo {
  width: auto !important;
}

/* Floating header */
.floating-header {
  z-index: 10;
  box-shadow: 0px 20px 20px 0px rgba(0, 0, 0, 0.06);
}
.floating-header .header {
  padding-bottom: 22px;
}
.floating-header .header__logo {
  width: auto;
  top: -30px;
}
.floating-header .header__logo img {
  width: auto;
}
.floating-header .header__cta button {
  color: #000000;
}

.header__call-us,
.header__login {
  display: none;
}

@media (max-width: 1800px) {
  .header__links-container {
    margin-left: 280px;
    max-width: 500px;
  }
  .header__in-grid {
    padding-right: 0;
  }
  .header__login {
    margin-left: auto;
    margin-right: 30px;
  }
  .header__cta {
    margin-right: 0;
    position: static;
  }
}
/* RESPONSIVE */
/* Min width queries */
@media (min-width: 1401px) {
  #menu-header-menu > li > .sub-menu {
    overflow-y: scroll;
    max-height: 80vh;
  }
  #menu-header-menu > li > .sub-menu::-webkit-scrollbar {
    display: none;
  }
  #menu-header-menu > li > .sub-menu {
    -ms-overflow-style: none;
    scrollbar-width: none;
  }
  .header__call-us {
    min-width: 105px;
    margin-right: 45px;
    margin-left: auto;
  }
}
/* Max width queries */
@media (max-width: 1785px) {
  header .header__logo {
    left: 0;
  }
}
@media (max-width: 1400px) {
  .header__in-grid {
    gap: 60px;
    justify-content: flex-end;
  }
  .header__habmurger-holder {
    display: inline-block;
  }
  .header__links-container {
    right: -1px;
    position: fixed;
    transform: translateX(120%);
    background: #fff;
    z-index: 55555555;
    height: calc(100vh - 95px);
    top: 95px;
    width: 400px;
    transition: 0.3s ease-out;
    margin: 0;
    box-shadow: 5px 40px 43px 8px rgba(0, 0, 0, 0.5);
    overflow-y: scroll;
  }
  .header__links-container.active {
    transform: translateX(0);
  }
  .header__links-container > ul {
    flex-direction: column;
    margin-right: 0;
  }
  .header__links-container__inner {
    padding: 30px 40px 40px 40px;
  }
  .header__links-container > ul > li {
    padding: 20px 0 20px 0;
    border-bottom: 2px solid #e9e9e9;
    margin: 0;
  }
  .dropdown-parent > .dropdown-button {
    right: unset !important;
    left: -25px;
    top: 25px;
  }
  .header__links-container__inner > .dropdown-parent > ul {
    position: static;
    box-shadow: none;
    min-width: unset;
  }
  .header__links-container__inner > .dropdown-parent > ul::before {
    content: none;
  }
  .header__links-container a {
    color: #222222;
  }
  .header__links-container__target {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    row-gap: 40px;
  }
  .header__links-container__target .header__cta {
    margin-right: 0;
  }
  .dropdown-parent > ul > li {
    padding: 20px 0;
  }
  .header__logo {
    top: -30px;
  }
  .mobile-menu-active {
    background-color: white !important;
  }
  .mobile-menu-active .nav-mobile__btn .line {
    background-color: #4E3FFB;
  }
  .mobile-menu-active .header {
    padding-bottom: 22px;
  }
  .header-disabled .mobile-menu-active.bg-blue-gradient .nav-mobile__btn .line {
    background-color: #ffffff;
  }
  .header__login {
    margin-right: 0;
  }
  header:not(.bg-white) ul.header__links-container__inner > li.current-menu-ancestor > a, header:not(.bg-white) ul.header__links-container__inner > li.current-menu-item > a {
    color: #4E3FFB;
  }
}
@media (max-width: 991px) {
  .hero-decoration {
    width: 100%;
    height: 100vh;
    left: 0;
    top: -50px;
  }
  .header .header__call-us {
    margin-right: -20px;
    margin-left: 25px;
  }
  .header__links-container__target {
    margin: 40px 40px 0 40px;
  }
  .header__links-container__target:empty {
    margin-top: 0;
  }
  .header__links-container {
    height: calc(100vh - 95px);
    top: 95px;
  }
  .header__cta button:hover {
    background: #4E3FFB;
    border: 1px solid #4E3FFB;
    color: #7DF4DC;
  }
}
@media (max-width: 767px) {
  header .header__in-grid {
    gap: 30px;
  }
}
.header-disabled header:not(.floating-header) {
  background-color: #4f40fc !important;
  width: auto;
}
.header-disabled header:not(.floating-header).bg-white-header {
  background-color: #ffffff !important;
}
.header-disabled header:not(.floating-header).bg-white-header a {
  color: #000000;
}
.header-disabled header:not(.floating-header).bg-white-header .nav-mobile__btn .line {
  background-color: #4E3FFB;
}
.header-disabled header:not(.floating-header) .header {
  padding-bottom: 22px;
}
.header-disabled header:not(.floating-header) .header__logo {
  width: auto;
  top: -30px;
}
.header-disabled main section:first-child {
  margin-top: 96px !important;
}
.header-disabled.industry-details main section:first-child {
  margin-top: 89px !important;
}

@media (max-width: 600px) {
  .header__links-container {
    width: 101%;
  }
  .header__call-us {
    min-width: unset;
  }
  .header__call-us img {
    width: 18px;
    position: absolute;
  }
  .header__links-container__inner {
    padding-left: 50px;
    padding-right: 50px;
  }
  .dropdown-parent > .dropdown-button {
    left: -30px;
  }
  .header__links-container__target {
    margin-right: 50px;
    margin-left: 50px;
  }
}
@media (max-width: 576px) {
  .header__login {
    position: static;
  }
}
@media (max-width: 500px) {
  header .header__cta {
    min-width: unset;
  }
  .header__links-container {
    height: calc(100vh - 93px);
    top: 93px;
  }
}
@media (max-width: 400px) {
  header .header__cta .button {
    font-size: 1.5rem;
    min-width: 140px;
    padding-left: 15px;
    padding-right: 15px;
  }
  header .header__cta a {
    min-width: unset;
  }
}
@media (max-width: 340px) {
  header .header__cta a {
    padding: 14.5px 10px !important;
  }
}
@media (min-width: 1401px) and (max-width: 1800px) {
  .header__links-container > ul {
    min-width: 660px;
    margin-left: -50px;
  }
  .header__call-us {
    margin-right: 45px;
  }
}
/* Footer */
footer {
  background-color: #FFFFFF;
  color: #222222;
}
footer ul li {
  list-style: none;
  line-height: 3.4rem;
  font-size: 1.7rem;
  padding-left: 0;
  margin-top: 0;
}
footer ul li::before {
  content: none;
}
footer ul {
  padding: 0;
  margin: 0;
}
footer .container {
  padding-top: 160px;
  padding-bottom: 160px;
  border-top: 4px solid #f5f5f7;
}
footer a {
  color: #222222;
  text-decoration: none;
}
footer .footer__box-container {
  gap: 20px;
}
footer .footer__box__inner .text-color-indigo {
  font-weight: bold;
}
footer .footer__box.logo {
  max-width: 25%;
}
footer .footer__box.logo .footer__box-logo-excerpt {
  max-width: 250px;
}
footer .footer__box.logo .footer__box-logo-excerpt > * {
  color: #666565;
  font-size: 14px;
  line-height: 24px;
}
footer .footer__box .menu-title > * {
  font-size: clamp(1.2rem, 0.9rem + 2.3vw, 1.5rem);
}

.footer__box-container {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}

.footer__box__inner > * {
  display: block;
  margin-bottom: 20px;
}
.footer__box__inner > *:last-child {
  margin-bottom: 0;
}

.postfooter {
  background-color: #7DF4DC;
  padding-top: 45px;
  padding-bottom: 45px;
}

.postfooter__container .social-networks ul li {
  margin-left: 40px;
  margin-top: 0;
}

.postfooter__container {
  display: flex;
  justify-content: space-between;
}
.postfooter__container .social-networks a {
  cursor: auto;
}
.postfooter__container .social-networks img {
  transition: 0.2s ease;
  cursor: pointer;
  height: 18px;
}
.postfooter__container .social-networks ul {
  flex-direction: row;
  display: flex;
  margin: 0;
}
.postfooter__container .social-networks a > img:hover {
  filter: invert(1);
  transition: 0.2s ease;
}

/* RESPONSIVE */
/* Max width media query */
@media (max-width: 991px) {
  footer .footer__box.logo {
    max-width: unset;
  }
  .footer__box-container {
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
    flex-direction: row;
  }
  .footer__box {
    width: calc(50% - 10px);
  }
}
@media (max-width: 767px) {
  footer .container {
    padding-top: 50px;
    padding-bottom: 50px;
  }
}
@media (max-width: 500px) {
  .footer__box-container {
    flex-direction: column;
    margin: 0 auto;
    align-items: center;
    text-align: center;
  }
  .footer__box.logo {
    margin-bottom: 20px;
  }
  .footer__box.logo a {
    display: block;
  }
  .footer__box.logo a img {
    margin: 0 auto;
  }
}
@media (max-width: 576px) {
  .postfooter__container {
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    align-items: center;
    row-gap: 20px;
  }
  .postfooter__container .social-networks ul li {
    margin-left: 40px;
    margin-left: 20px;
    margin-right: 20px;
    padding: 0;
  }
  .postfooter__container .social-networks ul li::before {
    content: none;
  }
}
