/* ADMIN EDITOR (DON'T DELETE THIS LINE) */
@import "admin-editor.css";
/* END ADMIN EDITOR */

/* FRONTEND STYLE */
body {
  position: relative;
  font-family: "muli", sans-serif;
  color: #000000;
}
/* html, body{
    scroll-snap-type: y mandatory;
} */

.muli {
  font-family: "muli", sans-serif;
}
.termina {
  font-family: "termina", sans-serif;
}

*:focus {
  outline: none !important;
}
a:hover,
a {
  text-decoration: none;
  color: inherit;
}

.t12 {
  font-size: 12px;
}
.t16 {
  font-size: 16px;
}
/* .t18{
    font-size: 18px;
} */
.t18,
.t18 p {
  font-size: calc(14px + (18 - 14) * ((100vw - 300px) / (1920 - 300)));
  line-height: 180%;
}
.t20,
.t20 p {
  font-size: calc(14px + (20 - 14) * ((100vw - 375px) / (1920 - 375)));
  line-height: 180%;
}
.t20Fix,
.t20Fix p {
  font-size: 20px;
}
.t22 {
  font-size: 22px;
}
.t24,
.t24 p {
  font-size: calc(18px + (24 - 18) * ((100vw - 375px) / (1920 - 375)));
}
.t30,
.t30 p {
  font-size: calc(18px + (30 - 18) * ((100vw - 375px) / (1920 - 375)));
  /* line-height: 180%; */
}
.t40 {
  font-size: 40px;
  line-height: 125%;
}
.t55 {
  font-size: 55px;
}
.t60 {
  font-size: 60px;
  line-height: 72px;
}
.t58,
.t58 p {
  font-size: calc(24px + (58 - 24) * ((100vw - 375px) / (1920 - 375)));
  line-height: 120%;
}
.t60,
.t60 p {
  font-size: calc(24px + (60 - 24) * ((100vw - 375px) / (1920 - 375)));
  line-height: 140% !important;
}
.t100,
.t100 p {
  font-size: calc(60px + (100 - 60) * ((100vw - 375px) / (1920 - 375)));
  line-height: 140%;
}
.t200 {
  font-size: calc(50px + (200 - 50) * ((100vw - 375px) / (1920 - 375)));
  line-height: 90%;
}

.light {
  font-weight: 300;
}
.demi {
  font-weight: 600;
}
.bold {
  font-weight: 700;
}
.extrabold {
  font-weight: 800;
}

.c-white {
  color: #ffffff;
}
.c-black {
  color: #000000;
}
.c-borderRed {
  color: #ffffff;
  -webkit-text-stroke-color: #dc0813;
  -webkit-text-stroke-width: 1px;
}
.c-gray {
  color: #a2a2a2;
}
.c-lightgray {
  color: #b2b2b2;
}
.c-red,
red {
  color: #dc0813;
}
.c-darkGray,
.c-sense:hover {
  color: #74767a;
}
.c-blue,
.c-aware:hover {
  color: #0064bf;
}
.c-engineering {
  color: #0064bf;
}
.c-engineering2 {
  color: #008999;
}
.c-engineeringLight {
  color: #49c9d8;
}
.c-power {
  color: #ffa500;
}

.bg-white {
  background: #ffffff;
}
.bg-gray {
  background: #f4f4f4;
}
.bg-darkGray {
  background: #ededed;
}
.bg-grayWhite {
  background: rgb(244, 244, 244);
  background: linear-gradient(
    180deg,
    rgba(244, 244, 244, 1) 0%,
    rgba(244, 244, 244, 1) 50%,
    rgba(255, 255, 255, 0) 50%,
    rgba(255, 255, 255, 0) 100%
  );
}

.home-section .text {
  max-width: 40ch;
}

.imageWhite {
  filter: brightness(0) invert(1);
}
.imageRed {
  filter: brightness(0) saturate(100%) invert(9%) sepia(75%) saturate(6945%)
    hue-rotate(353deg) brightness(115%) contrast(101%);
}

.custom-list ul {
  margin-top: 3rem;
  margin-bottom: 0;
  padding-left: 26px;
}
.custom-list ul li::marker {
  color: #ffa500;
}
.custom-col-padding {
  padding-right: calc(var(--bs-gutter-x) * 0.5);
  padding-left: calc(var(--bs-gutter-x) * 0.5);
}

.lineGray {
  background: #cecece;
  height: 1px;
  width: 100%;
  display: block;
}

.btnWhite,
.btnRed {
  padding: 12px 32px;
  border: 2px solid #ffffff;
  border-radius: 12px;
  font-family: "termina", sans-serif;
  font-weight: 700;
  font-size: 16px;
  color: #ffffff;
  transition: all ease-in-out 300ms;
  display: inline-block;
}
.btnWhite:hover,
.btnRed:hover {
  border: 2px solid #00000000;
  background: #0000004a;
  color: #ffffff;
}

.btnRed {
  background: #dc0813;
  border: 2px solid #dc0813;
}
.btnRed:hover {
  border: 2px solid #74767a;
  background: #74767a;
}

header {
  background-color: transparent;
  padding: 10px 0;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 999;
  transition: background-color 0.3s ease-in-out;
}
header.fixed {
  background-color: #dc0813;
  position: fixed;
}
.headerFixedMargin.active {
  height: 81px;
  display: block;
}
header .logoAlternative,
header.fixed .logoHeader {
  display: none;
}
header.fixed .logoAlternative {
  display: block;
}
.menuIcon {
  position: relative;
  padding: 15px 17px;
  border-radius: 10px;
  background: #00000000;
  cursor: pointer;
  transition: all ease-in-out 300ms;
}
.menuIcon::before {
  content: "";
  display: block;
  width: 39px;
  height: 25px;
  border-top: 2px solid #ffffff;
  border-bottom: 2px solid #ffffff;
}
.menuIcon::after {
  content: "";
  width: 39px;
  height: 2px;
  background: #ffffff;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.menuIcon:hover {
  background: #00000078;
}
.openMenu {
  position: fixed;
  inset: 0;
  background: #dc0813;
  opacity: 0;
  pointer-events: none;
  transition: all ease-in-out 300ms;
}
.openMenu.active {
  opacity: 1;
  pointer-events: unset;
}
.openMenuHeader {
  padding: 10px 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.closeIcon {
  position: relative;
  width: 31px;
  height: 31px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 15px 17px;
  cursor: pointer;
}
.closeIcon::before {
  content: "";
  width: 40px;
  height: 2px;
  background: #ffffff;
  display: block;
  transform: rotate(45deg);
  position: absolute;
}
.closeIcon::after {
  content: "";
  width: 40px;
  height: 2px;
  background: #ffffff;
  display: block;
  transform: rotate(-45deg);
  margin-top: -2px;
  position: absolute;
}
.contentMenuRow {
  height: calc(100vh - 81px);
  align-items: center;
  justify-content: center;
}
.menuItem {
  color: #ffffff;
  font-size: 24px;
  text-transform: uppercase;
  margin-bottom: 10px;
  font-family: "termina", sans-serif;
  font-weight: 600;
}
.menuItem:last-child {
  margin-bottom: 0px;
}
.menuItem a {
  padding: 10px 16px;
  border-radius: 10px;
  background: #00000000;
  transition: all ease-in-out 300ms;
  display: inline-block;
}
.menuItem a:hover {
  background: #00000066;
}

.bannerHome {
  position: relative;
}
.bannerHome > div {
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  text-align: center;
  z-index: 1;
}
.homeItem {
  /* scroll-snap-align: start; */
  position: relative;
  height: 100vh;
}
.homeItem > img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.homeItem > div {
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  z-index: 1;
}
.homeArrow {
  height: 100%;
  margin-left: auto;
  display: block;
}
.iconSolution {
  cursor: pointer;
}
.bgTransition {
  transition: all ease-in-out 300ms;
  border-radius: 12px;
}
.iconSolution .solutionLogo {
  transition: all ease-in-out 300ms;
  padding: 16px 30px;
}
.iconSolution:hover .solutionLogo {
  filter: brightness(0) invert(1);
}
.solutionIcon {
  height: 25px;
  opacity: 0;
  display: block;
  margin: auto;
  margin-bottom: 15px;
  transition: all ease-in-out 300ms;
}
.iconSolution:hover .solutionIcon {
  opacity: 1;
}

.explore-solutions {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 60px;
}
.explore-solutions .sense {
  max-width: 276px;
}

.socialIcon {
  width: 25px;
  height: 25px;
  background: #dc0813;
  border-radius: 20px;
  color: #ffffff;
  font-size: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #dc0813;
  margin-right: 25px;
}
.socialIcon:last-child {
  margin-right: 0px;
}
.socialIcon:hover {
  background: transparent;
  color: #dc0813;
}
#newsletterForm {
  margin-top: 22px;
}
#newsletterForm input[type="email"] {
  width: 60%;
  border-radius: 5px;
  border: 1px solid #707070;
  color: #000000;
  font-size: 14px;
  padding: 5px 15px;
}
.rgpdNewsletter {
  display: flex;
  align-items: baseline;
  margin-top: 6px;
  margin-right: 16px;
}
.rgpdNewsletter > input {
  top: 10px;
  position: relative;
}
input[type="checkbox"] {
  width: 18px;
  height: 18px;
  position: relative;
}
input[type="checkbox"]::before {
  content: "";
  border: 2px solid #a3a3a3;
  background: #ffffff;
  position: absolute;
  inset: 0;
  z-index: 1;
}
input[type="checkbox"]::after {
  content: "\f00c";
  font-family: "Font Awesome 6 Pro";
  font-weight: 400;
  position: absolute;
  z-index: 2;
  inset: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 12px;
  opacity: 0;
  transition: opacity ease-in-out 300ms;
}
input[type="checkbox"]:checked::after {
  opacity: 1;
}
.rgpdNewsletter > label {
  width: calc(100% - 34px);
  font-size: 12px;
  margin-left: 16px;
}
#newsletterForm > button {
  font-family: "termina", sans-serif;
  font-size: 16px;
  font-weight: 700;
  color: #ffffff;
  background: #dc0813;
  border-radius: 10px;
  border: 0px;
  padding: 6px 30px;
  margin-top: 12px;
}
#newsletterForm > button:hover {
  background: #74767a;
}
#newsletterForm label.error {
  position: absolute;
  font-size: 10px;
  color: red;
  left: 0;
  bottom: -11px;
}
#rgpdNewsletter-error {
  margin: 0px;
}
.bannerGeral {
  position: relative;
}
.bannerGeral > img {
  width: 100%;
}
.bannerGeral > div {
  position: absolute;
  left: 0;
  right: 0;
  /* top: calc(50% + 40px); */
  top: 50%;
  transform: translateY(-50%);
  text-align: center;
}
.timeLineItem {
  display: flex;
  padding-bottom: 40px;
  position: relative;
}
.logoArea {
  width: calc(50% - 38px);
  margin-right: 38px;
}
.logoArea img {
  display: block;
  margin-left: auto;
}
.contentArea {
  width: calc(50% - 38px);
  margin-left: 38px;
}
.contentArea > div {
  max-width: 34ch;
}
.lineArea {
  width: 16px;
  background: #dc0813;
  display: block;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: 0;
  bottom: 0;
}
.lineArea::after {
  content: "";
  width: 9px;
  height: 9px;
  background: #ffffff;
  border-radius: 9px;
  display: block;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: 10px;
}
.firstLine {
  border-radius: 8px 8px 0px 0px;
  top: 8px;
}
.firstLine.lineArea::after {
  top: 3px;
}
.lastLine {
  border-radius: 0px 0px 8px 8px;
  bottom: calc(100% - 23px);
}

#loadMoreTimeline > div {
  font-family: "termina", sans-serif;
  font-size: 16px;
  font-weight: 700;
  padding: 17px 24px;
  background-color: #dc0813;
  border-radius: 12px;
  display: block;
  margin: auto;
  width: fit-content;
  color: #ffffff;
}
#loadMoreTimeline {
  background: transparent linear-gradient(180deg, #ffffff00 0%, #ffffff 100%) 0%
    0% no-repeat padding-box;
  padding-top: 200px;
  margin-top: -140px;
  position: relative;
  z-index: 1;
}
footer {
  position: relative;
  z-index: 10;
}
.contactFooterContainer {
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}

#formBuild-1 .selectList input[type="checkbox"],
#formBuild-1 input[type="radio"] {
  width: 0px;
  height: 0px;
  opacity: 0;
}
/* #formBuild-1 .selectList input[type="checkbox"] + label,
#formBuild-1 input[type="radio"] ~ label:not(.error) {
    border: 1px solid #cecece;
    border-radius: 5px;
    padding: 6px 23px;
}
#formBuild-1 .selectList input[type="checkbox"] + label:hover,
#formBuild-1 input[type="radio"] + label:hover {
    background: #e5e5e5;
}
#formBuild-1 .selectList input[type="checkbox"]:checked + label,
#formBuild-1 input[type="radio"]:checked + label {
    background: #cecece;
} */
.labelBold label:first-child {
  font-weight: 700;
  display: block;
}
.formBuild-input {
  position: relative;
  margin-bottom: 25px;
}
.formBuild-input label {
  font-size: 16px;
  margin-bottom: 6px;
}
.formBuild-input textarea,
.formBuild-input input {
  width: 100%;
  border-radius: 5px;
  border: 1px solid #707070;
  color: #000000;
  font-size: 14px;
  padding: 5px 15px;
}
.formBuild-input.inputFile input {
  opacity: 0;
  height: 0px;
  padding: 0;
  border: 0;
}
.formBuild-input.inputFile .labelInput {
  background: #dc0813;
  padding: 13px 28px;
  border-radius: 12px;
  font-family: "termina", sans-serif;
  font-weight: 700;
  font-size: 16px;
  color: #ffffff;
  display: inline-flex;
  align-items: center;
  cursor: pointer;
}
.formBuild-input.inputFile .labelInput:hover {
  background: #74767a;
}
.formBuild-input.inputFile .labelInput::before {
  content: url("../images/upload_icon.svg");
  display: inline-block;
  margin-right: 16px;
}
.formBuild-input label.error {
  position: absolute;
  bottom: -22px;
  left: 15px;
  color: red;
  font-size: 12px;
}
.formBuild-input.rgpd label.error {
  bottom: -9px;
  width: fit-content;
}
.formBuild-input.inputFile label.error {
  bottom: -15px;
}
.selectList #all {
  clear: both;
  display: block;
}
.selectList label[for="all"] {
  margin-left: 5px;
}
.selectList label[for="none"] {
  display: none;
}

.formBuild-input.selectList label[for="NxT Aware"],
.formBuild-input.selectList label[for="NxT Sense"],
.formBuild-input.selectList label[for="NxT Power"],
.formBuild-input.selectList label[for="NxT Engineering"],
.formBuild-input.selectList label[for="all"],
.formBuild-input.selectList label[for="none"] {
  border: 1px solid #cecece;
  border-radius: 5px;
  padding: 6px 23px;
}
.formBuild-input.selectList label[for="NxT Aware"]:hover,
.formBuild-input.selectList label[for="NxT Sense"]:hover,
.formBuild-input.selectList label[for="NxT Power"]:hover,
.formBuild-input.selectList label[for="NxT Engineering"]:hover,
.formBuild-input.selectList label[for="all"]:hover,
.formBuild-input.selectList label[for="none"]:hover {
  background: #e5e5e5;
}
.formBuild-input.selectList
  input[id="NxT Aware"]:checked
  ~ label[for="NxT Aware"],
.formBuild-input.selectList
  input[id="NxT Sense"]:checked
  ~ label[for="NxT Sense"],
.formBuild-input.selectList
  input[id="NxT Power"]:checked
  ~ label[for="NxT Power"],
.formBuild-input.selectList
  input[id="NxT Engineering"]:checked
  ~ label[for="NxT Engineering"],
.formBuild-input.selectList input[id="all"]:checked ~ label[for="all"],
.formBuild-input.selectList input[id="none"]:checked ~ label[for="none"] {
  background: #cecece;
}

.formBuild-input.contact label[for="Nomad Tech to email me back"],
.formBuild-input.contact label[for="Nomad Tech to call me"] {
  border: 1px solid #cecece;
  border-radius: 5px;
  padding: 6px 23px;
}
.formBuild-input.contact label[for="Nomad Tech to email me back"]:hover,
.formBuild-input.contact label[for="Nomad Tech to call me"]:hover {
  background: #e5e5e5;
}
.formBuild-input.contact
  input[id="Nomad Tech to email me back"]:checked
  ~ label[for="Nomad Tech to email me back"],
.formBuild-input.contact
  input[id="Nomad Tech to call me"]:checked
  ~ label[for="Nomad Tech to call me"] {
  background: #cecece;
}

.rgpd.formBuild-input {
  display: flex;
  flex-direction: row-reverse;
}
.rgpd.formBuild-input label {
  width: 100%;
}
.rgpd.formBuild-input input {
  top: 6px;
  width: 18px;
  margin-right: 9px;
}

.lineOffice {
  background: transparent linear-gradient(90deg, #ffa500 0%, #dc0813 100%) 0% 0%
    no-repeat padding-box;
  width: calc((100% + 30px) * (4 - 1) + 2.5px);
  height: 16px;
  border-radius: 16px;
  position: absolute;
  top: -3px;
  left: -5px;
  z-index: -1;
}
.officeDot {
  width: 10px;
  height: 10px;
  border-radius: 10px;
  background: #ffffff;
  margin-top: 11px;
}
.officeDot:first-child {
  margin-top: -10px;
}
.linePosition {
  position: relative;
}

.rightLineDashed {
  position: relative;
}
.rightLineDashed::after {
  content: "";
  background-image: url("../images/border.png");
  width: 2px;
  height: 100%;
  position: absolute;
  right: 15px;
  top: 0;
  bottom: 0;
}

.careerHead {
  border-bottom: 1px solid #cecece;
  padding: 24px 0px;
  cursor: pointer;
  position: relative;
}
.careerItem:last-child .careerHead {
  border-bottom: 0px;
}
.careerHead::after {
  content: url("../images/careers_expand.svg");
  display: block;
  position: absolute;
  right: 24px;
  top: 50%;
  transform: translateY(-50%);
  transition: transform ease-in-out 300ms;
}
.careerHead:hover::after {
  filter: brightness(0) saturate(100%) invert(17%) sepia(100%) saturate(7496%)
    hue-rotate(355deg) brightness(89%) contrast(103%);
}
.careerItem.active .careerHead::after {
  transform: translateY(-50%) rotate(180deg);
}
.careerContent {
  background: #f8f8f8;
  border-bottom: 1px solid #cecece;
  padding: 24px 74px 62px 74px;
  font-size: 16px;
}
.careerItem:last-child .careerContent {
  border-top: 1px solid #cecece;
}
.careerModal {
  background: #0000008c;
  position: fixed;
  inset: 0;
  z-index: 999;
  display: flex;
  justify-content: center;
  align-items: center;
  opacity: 0;
  pointer-events: none;
  transition: all ease-in-out 300ms;
}
.careerModal.active {
  opacity: 1;
  pointer-events: unset;
}
.careerModal .cancel {
  border: none;
  background: none;
}
.careerModal .cancel:hover {
  color: #dc0813;
}
/* .careerModal.active img {
    touch-action: pinch-zoom;
    -ms-touch-action: pinch-zoom;
} */
.careerContainer {
  max-width: 1272px;
  width: 100%;
  padding: 61px 74px;
  background: #f8f8f8;
  max-height: 90vh;
  overflow-y: auto;
  margin: 0 15px;
}
.projectTabs {
  display: flex;
}
.projectTabs .itemTabs {
  font-size: 20px;
  width: 50%;
  padding-bottom: 6px;
  color: #696969;
  border-bottom: 1px solid #696969;
  cursor: pointer;
}
.projectTabs .itemTabs.active {
  color: #020202;
  font-weight: 700;
  border-bottom: 1px solid #020202;
}
.projectImg {
  position: relative;
  width: 100%;
}
.projectImg:after {
  content: "";
  display: block;
  padding-bottom: 69%;
}
.projectImg img {
  position: absolute;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.btnProject {
  font-size: 16px;
  font-family: "termina", sans-serif;
  font-weight: 700;
  color: #ffffff;
  text-transform: uppercase;
  border: 3px solid #ffffff;
  border-radius: 12px;
  padding: 17px 30px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  transition: all ease-in-out 300ms;
  white-space: nowrap;
}
.eventsItem:hover .btnProject,
.projectItem:hover .btnProject {
  background: #dc0813;
  border: 3px solid #dc0813;
}
.eventsContain {
  background: #dc0813;
  padding: 37px 20px 27px 20px;
  border-radius: 0px 0px 10px 10px;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.eventsItem {
  display: flex;
  flex-direction: column;
  height: calc(100% - 60px);
}
.senseBannerContent,
.engineeringBannerContent {
  position: fixed;
  inset: 0;
  padding-top: 150px;
}
.tabsSense {
  display: flex;
  justify-content: center;
}
.tabBorder {
  border-bottom: 1px solid #d8d8d8;
}
.tabsSense .tabItem {
  font-size: 20px;
  color: #74767a;
  padding: 6px 15px;
  margin-bottom: -1px;
}
.tabsSense .tabItem:hover {
  color: #cecece;
  cursor: pointer;
}
.tabsSense .tabItem.active {
  font-weight: 800;
  color: #020202;
  border-bottom: 1px solid #696969;
}
.tabContent,
.tabAwareContent {
  display: none;
}
.tabContent.active,
.tabAwareContent.active {
  display: block;
}
.tabAwareContent .scrollImage {
  width: 100%;
}
.tabAwareContent u {
  white-space: nowrap;
}
.tabAwareContent .listBlue p {
  min-height: 2.5lh;
}
.points-none {
  pointer-events: none;
}
.tabMainImg {
  display: block;
  margin: auto;
  margin-top: -70px;
}
.bannerTop {
  position: absolute;
  z-index: 1;
  left: 0;
  right: 0;
  bottom: 0px;
}
.bgAware {
  background: transparent
    linear-gradient(0deg, #ffffff 0%, rgb(214, 227, 243) 100%) 0% 0% no-repeat
    padding-box;
}
.awareBannerTop {
  top: 0;
  position: absolute;
  z-index: 2;
  right: 0;
  max-width: 40%;
  transform: translateY(-40%);
  pointer-events: none;
}
@media screen and (max-width: 1600px) {
  .awareBannerTop {
    transform: translateY(-50%);
  }
}
@media screen and (max-width: 1400px) {
  .awareBannerTop {
    max-width: 50%;
  }
}
@media screen and (max-width: 1050px) {
  .awareBannerTop {
    max-width: 70%;
    transform: translateY(-70%);
  }
}
@media screen and (max-width: 600px) {
  .awareBannerTop {
    max-width: 90%;
    transform: translate(-7%, -70%);
  }
}
@media (max-width: 420px) {
  .awareBannerTop {
    right: 50%;
    max-width: 100%;
    transform: translate(50%, -50%);
  }
}
.tabsAware {
  display: flex;
  border-bottom: 1px solid #74767a;
  overflow-y: hidden;
  overflow-x: auto;
}
.tabsAware .tabAwareItem {
  color: #74767a;
  padding: 6px 15px;
  margin-bottom: -1px;
  font-size: 20px;
  font-weight: 700;
  cursor: pointer;
  white-space: nowrap;
}
.tabsAware .tabAwareItem.active {
  color: #000000;
  border-bottom: 2px solid #0064bf;
}
.listBlue ul {
  padding: 0;
  margin: 0;
  list-style: none;
}
.listBlue li {
  position: relative;
  padding-left: 27px;
  margin-bottom: 15px;
  /* font-size: 20px; */
}
.listBlue li::before {
  display: block;
  content: "";
  width: 17px;
  height: 17px;
  border-radius: 17px;
  background: #0064bf;
  position: absolute;
  left: 0;
  top: 10px;
}
.bgEngineering {
  background: transparent linear-gradient(181deg, #ffffff 0%, #008999 100%) 0%
    0% no-repeat padding-box;
}
.bgEngineeringArea2 {
  background-position-y: 200px;
  background-position-x: right;
  background-repeat: no-repeat;
}
.powerBannerImg {
  position: absolute;
  inset: 0px;
  height: 100%;
  object-fit: cover;
}
.powerBannerClip {
  position: relative;
  clip-path: polygon(0 0, 100% 0, 100% 100%, 0 82%);
  overflow: hidden;
  height: 100vh;
}
.bgPower {
  margin-top: -18vh;
  background: transparent linear-gradient(180deg, #000000 0%, #845600 100%) 0%
    0% no-repeat padding-box;
}
.bgPower2 {
  background: transparent linear-gradient(181deg, #ffffff 0%, #ffa500 100%) 0%
    0% no-repeat padding-box;
}

/* .powerLogo {
    padding: 1rem;
    animation: rotate 1s linear infinite;
    animation-play-state: paused;
    animation-delay: calc(var(--scroll) * -1s);
    animation-iteration-count: 1;
    animation-fill-mode: both;
}
@keyframes rotate {
    from {
        transform: rotate(-60deg);
    }
    to {
        transform: rotate(360deg);
    }
} */

.powerLogoBolt {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 40px;
}

.powerArea1 {
  width: fit-content;
  margin-inline: auto;
}
.powerArea1Image1 {
  margin-bottom: -30%;
  z-index: 1;
  position: relative;
}
.powerArea1Image2 {
  position: absolute;
  right: 100%;
  bottom: calc(-100% + 110px);
  max-width: unset;
}
.lines3 {
  position: absolute;
  top: -210px;
  right: 0;
}
.powerSlideImage {
  position: relative;
  width: 100%;
}

.powerSlideImage:after {
  content: "";
  display: block;
  padding-bottom: 76%;
}

.powerSlideImage img {
  position: absolute;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.slideArrows > div {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  cursor: pointer;
}
.slideArrows img {
  transition: scale 0.2s ease-in-out;
}
.slideArrows .left {
  left: 22px;
}
.slideArrows .right {
  right: 22px;
}
.slideArrows .right:hover img,
.slideArrows .left:hover img {
  scale: 1.05;
  filter: brightness(0) saturate(100%) invert(63%) sepia(100%) saturate(1509%)
    hue-rotate(358deg) brightness(99%) contrast(108%);
}
.slick-dots {
  bottom: -33px;
}
.slick-dots li button::before {
  display: none;
}
.slick-dots li button,
.slick-dots li {
  width: 15px;
  height: 15px;
  background: #cecece;
  padding: 0px;
  border-radius: 15px;
}
.slick-dots li.slick-active button {
  background: #ffa500;
}
.powerAreaWhite {
  background: #ffffff;
  padding: 39px 43px;
  border-radius: 10px;
  box-shadow: 20px 20px 50px #0000000d;
}
.slideProductsNav {
  color: #696969;
  text-transform: uppercase;
  border-bottom: 1px solid #d8d8d8;
  margin: 0 40px;
}
.slideProductsNav .slick-list {
  margin-bottom: -1px;
}
.slideProductsNavItem {
  padding: 6px 15px;
  cursor: pointer;
}
.slideProductsNavItem:hover {
  color: #000;
  font-weight: 700;
}
.slideProductsNavItem.slick-active {
  color: #000000;
  font-weight: 800;
  border-bottom: 1px solid #696969;
  cursor: auto;
}
.arrowsProducts .slick-disabled {
  opacity: 0.3;
}
.twentytwenty-horizontal .twentytwenty-handle:before,
.twentytwenty-horizontal .twentytwenty-handle:after,
.twentytwenty-vertical .twentytwenty-handle:before,
.twentytwenty-vertical .twentytwenty-handle:after {
  background: #ffa500;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.twentytwenty-handle {
  background: #ffa500;
  border-color: #ffa500;
}
.twentytwenty-overlay {
  display: none;
}
.twentytwenty-left-arrow:after {
  content: "";
  position: absolute;
  background: #fff;
  width: 1px;
  height: 30px;
  top: -14px;
  left: 11px;
}
/* .twentytwenty-container img {
    width: 100%; height: 100%;
} */
.arrowsProducts > div {
  font-weight: 800;
  font-size: 20px;
  color: #ffa500;
}
.arrowsProducts .left {
  left: 0;
}
.arrowsProducts .right {
  right: 0;
}
.sectionAnimation {
  position: relative;
  background: #fff;
  transition: top 1s ease-in-out;
}
.section1 {
  z-index: 1;
}
.section2 {
  z-index: 2;
}
.section3 {
  z-index: 3;
}
.section4 {
  z-index: 4;
}
.section5 {
  z-index: 5;
}
.section6 {
  z-index: 6;
}
.sectionSuperior {
  position: relative;
  z-index: 7;
  height: 100%;
}
.bannerImage {
  min-height: 250px;
  object-fit: cover;
}
.contactFooterImage {
  min-height: 348px;
  object-fit: cover;
}

.image-zoom-overlay {
  width: 100%;
  height: 100%;
  position: absolute;
  display: grid;
  place-content: center;
  inset: 0;
  /* background: #8b8b8bb3; */
}
.image-zoom-overlay > div {
  display: grid;
  place-content: center;
  background: #000000;
  border-radius: 10px;
  width: fit-content;
  width: 64px;
  height: 44px;
  opacity: 0.7;
}
.fancybox__slide.has-image > .fancybox__content {
  background: #fff !important;
}

.mission-vision img {
  width: 70px;
  height: 70px;
}

.team-members .role {
  min-height: 4lh;
}
.team-members img {
  border-radius: 12px;
}

.contacts .address {
  min-height: 4lh;
}
.contacts img {
  width: 25px;
  height: 25px;
  margin-bottom: 6px;
}

.sense-options .icon {
  width: 60px;
  height: 60px;
  display: flex;
  align-items: flex-end;
  margin-bottom: 24px;
}

.saas .icon {
  width: 90px;
  height: 90px;
  display: flex;
  align-items: flex-end;
  margin-bottom: 22px;
}

.senseMobile img {
  pointer-events: none;
}

/* CONFIG */
loader {
  position: fixed;
  z-index: 999999;
  background: #ffffff;
  inset: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  opacity: 0;
  pointer-events: none;
  transition: opacity ease-in-out 300ms;
}
loader.active {
  opacity: 1;
  pointer-events: unset;
}
.loading {
  position: relative;
  margin-left: 15px;
}
.track {
  position: relative;
  overflow: hidden;
  width: 50px;
  height: 100px;
  border-left: 3px solid #333;
  transform: skew(-10deg) rotateX(45deg);
}

.track:before {
  content: "";
  position: absolute;
  height: 3px;
  width: 50px;
  background-color: #ffffff;
  top: 90px;
  box-shadow: 0 0 #333, 0 -10px #333, 0 -20px #333, 0 -30px #333, 0 -40px #333,
    0 -50px #333, 0 -50px #333, 0 -60px #333, 0 -70px #333, 0 -80px #333,
    0 -90px #333, 0 -100px #333, 0 -110px #333, 0 -120px #333, 0 -130px #333,
    0 -140px #333;
  animation: track 1s linear infinite;
}

@keyframes track {
  0% {
    transform: translateY(70px) rotateX(45deg);
  }
  100% {
    transform: translateY(0px) rotateX(45deg);
  }
}

.track:after {
  content: "";
  position: absolute;
  transform: rotate(-15deg);
  width: 50px;
  height: 120px;
  background-color: #fff;
  border-left: 3px solid #333;
  left: 30px;
  top: -10px;
}

.train {
  position: absolute;
  width: 60px;
  height: 60px;
  background: rgb(220, 8, 19);
  background: linear-gradient(
    197deg,
    rgba(220, 8, 19, 1) 0%,
    rgba(116, 7, 0, 1) 100%
  );
  border-radius: 15px;
  top: 0;
  left: -13px;
  transform-origin: bottom;
  animation: rotate 1s linear infinite;
}

.train:before {
  content: "";
  position: absolute;
  background-color: #fff;
  width: 20px;
  height: 15px;
  left: 9px;
  top: 15px;
  box-shadow: 22px 0 #fff;
}

.train:after {
  content: "";
  position: absolute;
  background-color: #fff;
  border-radius: 50%;
  height: 10px;
  width: 10px;
  top: 45px;
  left: 10px;
  box-shadow: 30px 0px #fff;
}

@keyframes rotate {
  0% {
    transform: rotate(0);
  }
  25% {
    transform: rotate(2deg);
  }
  50% {
    transform: rotate(0);
  }
  75% {
    transform: rotate(-2deg);
  }
  100% {
    transform: rotate(0);
  }
}
.noScroll {
  overflow: hidden;
}

.critec {
  font-weight: 800;
  font-size: 19px;
  font-family: "Gilroy";
  text-transform: lowercase;
}

.spacer150 {
  grid-column: inherit;
  height: 150px;
  width: 100%;
}
.spacer120 {
  grid-column: inherit;
  height: 120px;
  width: 100%;
}
.spacer90 {
  grid-column: inherit;
  height: 90px;
  width: 100%;
}
.spacer60 {
  grid-column: inherit;
  height: 60px;
  width: 100%;
}
.spacer30 {
  grid-column: inherit;
  height: 30px;
  width: 100%;
}
.spacer15 {
  grid-column: inherit;
  height: 15px;
  width: 100%;
}
.spacer0 {
  grid-column: inherit;
  height: 0px;
  width: 100%;
}

@media (max-width: 1600px) {
  .xxl-spacer150 {
    height: 150px;
  }
  .xxl-spacer120 {
    height: 120px;
  }
  .xxl-spacer90 {
    height: 90px;
  }
  .xxl-spacer60 {
    height: 60px;
  }
  .xxl-spacer30 {
    height: 30px;
  }
  .xxl-spacer15 {
    height: 15px;
  }
  .xxl-spacer0 {
    height: 0px;
  }

  .homeItemLogo {
    height: 50px;
  }
  .home-section .text {
    max-width: 50ch;
  }

  .powerArea1Image1 {
    right: -100px;
  }
}

@media (max-width: 1400px) {
  .xl-spacer150 {
    height: 150px;
  }
  .xl-spacer120 {
    height: 120px;
  }
  .xl-spacer90 {
    height: 90px;
  }
  .xl-spacer60 {
    height: 60px;
  }
  .xl-spacer30 {
    height: 30px;
  }
  .xl-spacer15 {
    height: 15px;
  }
  .xl-spacer0 {
    height: 0px;
  }

  .powerArea1Image2 {
    bottom: -60%;
  }

  .senseBannerContent,
  .engineeringBannerContent {
    padding-top: 120px;
  }
}

/* LARGE DISPLAY'S */
@media (max-width: 1200px) {
  .lg-spacer150 {
    height: 150px;
  }
  .lg-spacer120 {
    height: 120px;
  }
  .lg-spacer90 {
    height: 90px;
  }
  .lg-spacer60 {
    height: 60px;
  }
  .lg-spacer30 {
    height: 30px;
  }
  .lg-spacer15 {
    height: 15px;
  }
  .lg-spacer0 {
    height: 0px;
  }

  .lg-block150 {
    display: inline-block;
    width: 150px;
  }
  .lg-block120 {
    display: inline-block;
    width: 120px;
  }
  .lg-block90 {
    display: inline-block;
    width: 90px;
  }
  .lg-block60 {
    display: inline-block;
    width: 60px;
  }
  .lg-block30 {
    display: inline-block;
    width: 30px;
  }
  .lg-block15 {
    display: inline-block;
    width: 15px;
  }

  .lg-taleft {
    text-align: left;
  }
  .lg-tacenter {
    text-align: center;
  }
  .lg-taright {
    text-align: right;
  }
  .lg-tajustify {
    text-align: justify;
  }

  .powerArea1Image1 {
    max-width: 400px;
    margin-inline: auto;
    right: -100px;
    /* right: -50%; */
    /* transform: translateX(-50%); */
  }

  .support-image {
    display: block;
    width: 60%;
    margin-inline: auto;
  }
}

@media (max-width: 1024px) {
  .m12 {
    font-size: 12px;
    line-height: 15px;
  }
  .m13 {
    font-size: 13px;
    line-height: 26px;
  }
  .m14 {
    font-size: 14px;
    line-height: 24px;
  }
  .m16,
  .m16 p {
    font-size: 16px;
    line-height: 19px;
  }
  .m18 {
    font-size: 18px;
    line-height: 22px;
  }
  .m24 {
    font-size: 24px;
    line-height: 29px;
  }
  .m26 {
    font-size: 26px;
    line-height: 31px;
  }
  .m50 {
    font-size: 50px;
    line-height: 50px;
  }
  .md-bold {
    font-weight: 700;
  }
  .menuItem {
    margin-bottom: 3px;
    font-size: 18px;
    font-weight: 600;
  }
  .menuItem a {
    padding: 6px 0px;
  }
  #newsletterForm input[type="email"] {
    width: 100%;
  }
  .rgpdNewsletter {
    margin-bottom: 15px;
  }
  #newsletterForm .rgpdNewsletter label.error {
    bottom: -25px;
  }
  .bannerHome > img {
    height: 100%;
    object-fit: cover;
    object-position: top 0 right -28rem;
  }
  .bannerHome {
    min-height: 100svh;
  }
  .iconSolution .solutionLogo {
    height: 30px;
    display: block;
    margin: auto;
    padding: 0;
  }
  .iconSolution:hover > div {
    background: transparent !important;
  }
  .iconSolution:hover .solutionIcon {
    opacity: 0;
  }
  .iconSolution:hover .solutionLogo {
    filter: none;
  }
  .homeItemLogo {
    height: 50px;
  }
  .linePosition,
  .rightLineDashed::after {
    display: none;
  }
  #formBuild-1
    .selectList
    input[type="checkbox"]
    + label:not(input[id="none"] ~ label),
  #formBuild-1 input[type="radio"] + label {
    width: fit-content;
    display: block;
  }
  .selectList label[for="all"],
  .selectList label[for="none"] {
    margin-left: 0px;
  }
  #submitForm-1,
  .mobile100,
  #submitForm-2,
  .btnLargeMobile {
    /* width: 100%; */
    text-align: center;
  }
  .lineArea {
    left: 15px;
    transform: unset;
  }
  .contentArea {
    width: calc(100% - 50px - 15px);
    margin-left: 50px;
  }
  .projectTabs .itemTabs {
    font-size: 14px;
  }
  .careerContent {
    padding: 24px 30px 42px 30px;
  }
  .careerContainer {
    padding: 30px 30px;
  }
  .senseMobile {
    height: calc(100vh - 81px);
    background: #dcdcdc;
  }
  .senseMobile > img:first-child {
    position: absolute;
    bottom: 0px;
    object-fit: cover;
  }
  .bannerTop {
    bottom: 0px;
  }
  .senseLogo,
  .logomobile {
    height: 35px;
  }
  .engineeringLogo {
    height: 42px;
  }
  .senseBannerContent,
  .engineeringBannerContent {
    padding-top: 100px;
  }
  .tabsSense .tabItem {
    font-size: 16px;
  }
  .tabMainImg {
    margin-top: -40px;
  }

  .engineeringBanner {
    height: calc(100vh - 81px);
  }

  .officeDot {
    display: none;
  }

  .listBlue li::before {
    width: 12px;
    height: 12px;
    top: 6px;
  }

  .compliance-certs img {
    max-width: 200px;
  }

  .tabMainImg {
    max-width: 500px;
  }
}

/* DESKTOP */
@media (max-width: 992px) {
  .md-spacer150 {
    height: 150px;
  }
  .md-spacer120 {
    height: 120px;
  }
  .md-spacer90 {
    height: 90px;
  }
  .md-spacer60 {
    height: 60px;
  }
  .md-spacer30 {
    height: 30px;
  }
  .md-spacer15 {
    height: 15px;
  }
  .md-spacer0 {
    height: 0px;
  }

  .md-block150 {
    display: inline-block;
    width: 150px;
  }
  .md-block120 {
    display: inline-block;
    width: 120px;
  }
  .md-block90 {
    display: inline-block;
    width: 90px;
  }
  .md-block60 {
    display: inline-block;
    width: 60px;
  }
  .md-block30 {
    display: inline-block;
    width: 30px;
  }
  .md-block15 {
    display: inline-block;
    width: 15px;
  }

  .md-taleft {
    text-align: left;
  }
  .md-tacenter {
    text-align: center;
  }
  .md-taright {
    text-align: right;
  }
  .md-tajustify {
    text-align: justify;
  }
  .powerArea1Lines {
    max-height: 550px;
    margin-inline: auto;
  }
}

@media (max-width: 1399px) {
  .engineeringBannerContent .c-white {
    color: #000 !important;
  }
}
@media (max-width: 991px) {
  .engineeringBannerContent .c-white {
    max-width: 90%;
  }
}

/* TABLET */
@media (max-width: 768px) {
  .sm-spacer150 {
    height: 150px;
  }
  .sm-spacer120 {
    height: 120px;
  }
  .sm-spacer90 {
    height: 90px;
  }
  .sm-spacer60 {
    height: 60px;
  }
  .sm-spacer30 {
    height: 30px;
  }
  .sm-spacer15 {
    height: 15px;
  }
  .sm-spacer0 {
    height: 0px;
  }

  .sm-block150 {
    display: inline-block;
    width: 150px;
  }
  .sm-block120 {
    display: inline-block;
    width: 120px;
  }
  .sm-block90 {
    display: inline-block;
    width: 90px;
  }
  .sm-block60 {
    display: inline-block;
    width: 60px;
  }
  .sm-block30 {
    display: inline-block;
    width: 30px;
  }
  .sm-block15 {
    display: inline-block;
    width: 15px;
  }

  .sm-taleft {
    text-align: left;
  }
  .sm-tacenter {
    text-align: center;
  }
  .sm-taright {
    text-align: right;
  }
  .sm-tajustify {
    text-align: justify;
  }

  .custom-list ul {
    margin-top: 1.5rem;
  }
  .listBlue li {
    padding-left: 16px;
  }
  .listBlue li::before {
    width: 5px;
    height: 5px;
    top: 10px;
    background: #000;
  }

  .engineeringLogo {
    max-width: 400px;
  }

  .sectionSuperior {
    height: fit-content;
  }

  .explore-solutions {
    flex-direction: column;
    gap: 1rem;
  }

  .mission-vision img {
    width: 50px;
    height: 50px;
  }

  .tabMainImg {
    max-width: 400px;
  }

  .container-fluid {
    --bs-gutter-x: 2.5rem;
  }

  .powerArea1 {
    width: 100%;
  }
  .powerArea1Image1 {
    right: -50px;
  }

  .support-image {
    width: 75%;
  }
}
@media (max-width: 767px) {
  .sense-options .custom-text-block p {
    margin-bottom: 0px;
    line-height: 30px;
  }
}
@media (max-width: 576px) {
  .scrollDiv {
    overflow-x: scroll;
  }
  .scrollDiv::-webkit-scrollbar {
    -webkit-appearance: none;
  }
  .scrollDiv::-webkit-scrollbar:vertical {
    width: 12px;
  }
  .scrollDiv::-webkit-scrollbar:horizontal {
    height: 12px;
  }
  .scrollDiv::-webkit-scrollbar-thumb {
    background-color: rgba(0, 0, 0, 0.5);
    border-radius: 10px;
    border: 2px solid #ffffff;
  }
  .scrollDiv::-webkit-scrollbar-track {
    border-radius: 10px;
    background-color: #ffffff;
  }

  .contacts .address {
    min-height: initial;
  }

  .tabsAware {
    overflow: scroll hidden;
  }
  .tabsAware .tabAwareItem {
    white-space: nowrap;
  }
  .engineeringLogo {
    max-width: 80%;
  }
  .senseBannerContent,
  .engineeringBannerContent {
    padding-top: 80px;
  }
  .sectionSuperior {
    height: 100%;
  }

  .logoHeader,
  .logoHeaderAlt,
  .logoAlternative {
    height: 45px;
  }
  .openMenuHeader {
    padding: 7px 0;
  }

  .contentMenuRow {
    height: auto;
    gap: 3rem;
    padding-top: 2.5rem;
  }

  .compliance-certs img {
    max-width: 150px;
  }

  .tabMainImg {
    max-width: 300px;
    margin-top: -30px;
  }

  .sense-options .icon {
    width: 50px;
    height: 50px;
    margin-bottom: 1rem;
  }

  .powerArea1Image1 {
    max-width: 350px;
    right: 0px;
  }

  .support-image {
    width: 100%;
  }
}
/* MOBILE */
@media (max-width: 420px) {
  .xs-spacer150 {
    height: 150px;
  }
  .xs-spacer120 {
    height: 120px;
  }
  .xs-spacer90 {
    height: 90px;
  }
  .xs-spacer60 {
    height: 60px;
  }
  .xs-spacer30 {
    height: 30px;
  }
  .xs-spacer15 {
    height: 15px;
  }
  .xs-spacer0 {
    height: 0px;
  }

  .xs-block150 {
    display: inline-block;
    width: 150px;
  }
  .xs-block120 {
    display: inline-block;
    width: 120px;
  }
  .xs-block90 {
    display: inline-block;
    width: 90px;
  }
  .xs-block60 {
    display: inline-block;
    width: 60px;
  }
  .xs-block30 {
    display: inline-block;
    width: 30px;
  }
  .xs-block15 {
    display: inline-block;
    width: 15px;
  }

  .xs-taleft {
    text-align: left;
  }
  .xs-tacenter {
    text-align: center;
  }
  .xs-taright {
    text-align: right;
  }
  .xs-tajustify {
    text-align: justify;
  }

  .tabAwareContent .scrollImage {
    width: auto;
    max-width: none;
    max-height: 175px;
  }

  .lines3 {
    display: none;
  }

  .slick-dots li button,
  .slick-dots li {
    width: 6px;
    height: 6px;
  }

  .powerArea1Image1 {
    max-width: 250px;
    margin-left: auto;
    right: 0;
    transform: none;
  }
  .powerArea1Lines {
    max-height: 260px;
    margin-inline: auto;
  }
  .powerLogo {
    max-width: 115px;
  }
  .bgEngineeringArea2 {
    background-position-x: center;
  }
  .senseBannerContent img {
    max-width: 241px;
  }
  .custom-col-padding {
    padding-inline: 0px !important;
  }
  .btnProject {
    padding: 12px 30px;
  }

  .careerHead > div {
    max-width: 22ch;
  }
  .careerHead::after {
    right: 0px;
  }

  /* .senseMobile {
        height: calc(110vh - 81px);
    } */

  /* .image-zoom {
        height: 177px;
    } */

  .powerLogoBolt {
    width: 20px;
  }

  .formBuild-input.rgpd label.error {
    bottom: -16px;
  }
  #newsletterForm label.error {
    bottom: -16px;
  }
  .rgpdNewsletter {
    margin-block: 16px 24px;
  }
  #newsletterForm .rgpdNewsletter label.error {
    bottom: -30px;
  }
  #newsletterForm > button {
    display: block;
    width: 90%;
    margin-inline: auto;
  }

  .explore-solutions {
    flex-direction: column;
    gap: 12px;
  }
  .btnLargeMobile {
    width: 90%;
  }

  .tabMainImg {
    max-width: 250px;
    margin-top: -30px;
  }
}

img {
  max-width: 100%;
}

.border-rad10 {
  border-radius: 10px;
}

.slidePower {
  border-radius: 10px;
  overflow: hidden;
}

.tabAwareContent img {
  object-fit: contain;
}

img.object-cover {
  object-fit: cover;
}
.clients-grid {
  display: flex;
  align-items: center;
  gap: 40px 80px;
  justify-items: center;
  flex-wrap: wrap;
  justify-content: center;
}
.clients-grid img {
  height: 70px;
  width: 140px;
  object-fit: contain;
}