/* [project]/src/app/d365-customer-engagement-services/page.module.css [app-client] (css) */
.page-module__mwnXlq__breadcrumbsPart {
  background: var(--gradient-hero);
  color: var(--white);
  padding: 120px 0 100px;
  position: relative;
  overflow: hidden;
}

.page-module__mwnXlq__banner {
  pointer-events: none;
  width: 50%;
  height: 100%;
  display: flex;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  -webkit-mask-image: linear-gradient(to right, #0000 0%, #00000059 30%, #0009 100%);
  mask-image: linear-gradient(to right, #0000 0%, #00000059 30%, #0009 100%);
}

.page-module__mwnXlq__banner img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.page-module__mwnXlq__portoSiconTitle {
  color: var(--alletec-dark);
  letter-spacing: -.5px;
  margin-bottom: 1.5rem;
  font-size: 3rem;
  font-weight: 700;
}

.page-module__mwnXlq__heroTitle {
  color: #fff;
  margin: 0 0 1.25rem;
  font-size: clamp(2.25rem, 4vw, 3rem);
  font-weight: 400;
}

.page-module__mwnXlq__heroSubtitle {
  color: var(--white);
  font-size: 1.5rem;
  font-weight: 400 !important;
  line-height: 2.25rem !important;
}

.page-module__mwnXlq__wordRotator ul {
  margin: 15px 0 0;
  padding: 0;
  list-style: outside !important;
}

.page-module__mwnXlq__wordRotator li {
  color: var(--brand-color-3);
  padding: 0 15px;
  display: inline;
}

.page-module__mwnXlq__wordRotator li:before {
  content: "• ";
  color: var(--brand-color-1);
}

.page-module__mwnXlq__wordRotator li:first-child:before {
  content: "";
}

.page-module__mwnXlq__btn, .page-module__mwnXlq__formPopup button[type="submit"] {
  border-radius: var(--btn-radius);
  cursor: pointer;
  padding: 15px 36px;
  font-size: 15px;
  font-weight: 700;
  text-decoration: none;
  transition: transform .2s, box-shadow .3s;
  display: inline-block;
  position: relative;
  border: none !important;
}

.page-module__mwnXlq__btnPrimary, .page-module__mwnXlq__formPopup button[type="submit"] {
  animation: 3s ease-in-out infinite page-module__mwnXlq__btnPulse;
  box-shadow: 0 4px 15px #ac34fe4d, 0 1px 3px #ff1fa926;
  background: linear-gradient(135deg, var(--brand-color-2) 0%, var(--brand-color-1) 100%) !important;
  color: var(--brand-color-white) !important;
}

.page-module__mwnXlq__btnPrimary:hover, .page-module__mwnXlq__btnSecondary:hover {
  transform: translateY(-3px);
  box-shadow: 0 4px 15px #b775fa6e;
}

.page-module__mwnXlq__btnSecondary {
  z-index: 0;
  border-radius: 30px;
  padding: 12px 28px;
  transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out, transform .15s ease-in-out;
  position: relative;
  color: var(--brand-color-white) !important;
  background: none !important;
}

.page-module__mwnXlq__btnSecondary:before {
  content: "";
  background: linear-gradient(45deg, var(--brand-color-2), var(--brand-color-1));
  -webkit-mask-composite: xor;
  z-index: -1;
  pointer-events: none;
  border-radius: 30px;
  padding: 2px;
  transition: background .3s;
  position: absolute;
  inset: 0;
  -webkit-mask-image: linear-gradient(#fff 0 0), linear-gradient(#fff 0 0);
  mask-image: linear-gradient(#fff 0 0), linear-gradient(#fff 0 0);
  -webkit-mask-position: 0 0, 0 0;
  mask-position: 0 0, 0 0;
  -webkit-mask-size: auto, auto;
  mask-size: auto, auto;
  -webkit-mask-repeat: repeat, repeat;
  mask-repeat: repeat, repeat;
  -webkit-mask-clip: content-box, border-box;
  mask-clip: content-box, border-box;
  -webkit-mask-origin: content-box, border-box;
  mask-origin: content-box, border-box;
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  -webkit-mask-source-type: auto, auto;
  mask-mode: match-source, match-source;
}

.page-module__mwnXlq__btnPrimary:active {
  transform: translateY(1px);
  box-shadow: 0 2px 8px #ac34fe33, inset 0 1px 3px #0000001a;
}

@keyframes page-module__mwnXlq__btnPulse {
  0%, 100% {
    box-shadow: 0 4px 15px #ac34fe4d, 0 1px 3px #ff1fa926;
  }

  50% {
    box-shadow: 0 4px 20px #ac34fe73, 0 1px 6px #ff1fa940;
  }
}

.page-module__mwnXlq__btnOutline {
  color: var(--brand-color-white);
  background: none;
  padding: 13px 34px;
  position: relative;
}

.page-module__mwnXlq__btnOutline:before {
  content: "";
  border-radius: var(--btn-radius);
  background: linear-gradient(135deg, var(--brand-color-2), var(--brand-color-1));
  -webkit-mask-composite: xor;
  padding: 2px;
  position: absolute;
  inset: 0;
  -webkit-mask-image: linear-gradient(#fff 0 0), linear-gradient(#fff 0 0);
  -webkit-mask-position: 0 0, 0 0;
  -webkit-mask-size: auto, auto;
  -webkit-mask-repeat: repeat, repeat;
  -webkit-mask-clip: content-box, border-box;
  -webkit-mask-origin: content-box, border-box;
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  -webkit-mask-source-type: auto, auto;
  mask-mode: match-source, match-source;
}

.page-module__mwnXlq__btnOutline:hover {
  transform: translateY(-2px);
  box-shadow: 0 6px 20px #ac34fe40;
}

.page-module__mwnXlq__btnOutline:active {
  transform: translateY(1px);
}

.page-module__mwnXlq__btnOutlineDark {
  color: var(--brand-color-2);
  border-radius: var(--btn-radius);
  cursor: pointer;
  background: none;
  border: none;
  padding: 13px 34px;
  font-size: 15px;
  font-weight: 700;
  text-decoration: none;
  transition: transform .2s, box-shadow .3s;
  display: inline-block;
  position: relative;
}

.page-module__mwnXlq__btnOutlineDark:before {
  content: "";
  border-radius: var(--btn-radius);
  background: linear-gradient(135deg, var(--brand-color-2), var(--brand-color-1));
  -webkit-mask-composite: xor;
  padding: 2px;
  position: absolute;
  inset: 0;
  -webkit-mask-image: linear-gradient(#fff 0 0), linear-gradient(#fff 0 0);
  -webkit-mask-position: 0 0, 0 0;
  -webkit-mask-size: auto, auto;
  -webkit-mask-repeat: repeat, repeat;
  -webkit-mask-clip: content-box, border-box;
  -webkit-mask-origin: content-box, border-box;
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  -webkit-mask-source-type: auto, auto;
  mask-mode: match-source, match-source;
}

.page-module__mwnXlq__btnOutlineDark:hover {
  background: linear-gradient(135deg, var(--brand-color-2), var(--brand-color-1));
  color: var(--brand-color-white);
  transform: translateY(-2px);
  box-shadow: 0 6px 20px #ac34fe40;
}

.page-module__mwnXlq__btnOutlineDark:active {
  transform: translateY(1px);
}

.page-module__mwnXlq__btnGroup {
  flex-wrap: wrap;
  gap: 16px;
  display: flex;
}

.page-module__mwnXlq__serviceImage {
  object-fit: cover;
  border-radius: 8px;
  width: 100%;
  height: auto;
}

.page-module__mwnXlq__scale2 {
  transform: scale(1.1);
}

.page-module__mwnXlq__fw4 {
  font-weight: 400;
}

.page-module__mwnXlq__fw7 {
  font-weight: 700;
}

.page-module__mwnXlq__fw100 {
  font-weight: 100;
}

.page-module__mwnXlq__text6 {
  font-size: 1.75rem;
}

.page-module__mwnXlq__py30 {
  padding-top: 30px;
  padding-bottom: 30px;
}

.page-module__mwnXlq__mb7p {
  margin-bottom: .7rem;
}

.page-module__mwnXlq__mb12 {
  margin-bottom: 1.2rem;
}

.page-module__mwnXlq__mb3 {
  margin-bottom: 1rem;
}

.page-module__mwnXlq__mb4 {
  margin-bottom: 1.5rem;
}

.page-module__mwnXlq__mb5 {
  margin-bottom: 3rem;
}

.page-module__mwnXlq__mt3 {
  margin-top: 1rem;
}

.page-module__mwnXlq__mt5 {
  margin-top: 3rem;
}

.page-module__mwnXlq__pt0 {
  padding-top: 0 !important;
}

.page-module__mwnXlq__pt1 {
  padding-top: 1rem;
}

.page-module__mwnXlq__pt2 {
  padding-top: 2rem;
}

.page-module__mwnXlq__pt4 {
  padding-top: 3rem;
}

.page-module__mwnXlq__pr0 {
  padding-right: 0;
}

.page-module__mwnXlq__pl5 {
  padding-left: 3rem;
}

.page-module__mwnXlq__tacntr, .page-module__mwnXlq__text-center {
  text-align: center;
}

.page-module__mwnXlq__text-lg-left {
  text-align: left;
}

.page-module__mwnXlq__portoSeparator {
  text-align: center;
  margin: 20px 0 30px;
}

.page-module__mwnXlq__separatorLine {
  border: none;
  border-top: 2px solid var(--brand-color-gray);
  max-width: 200px;
  margin: 0 auto;
}

@keyframes page-module__mwnXlq__fadeInUp {
  from {
    opacity: 0;
    transform: translateY(30px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes page-module__mwnXlq__fadeInLeft {
  from {
    opacity: 0;
    transform: translateX(-30px);
  }

  to {
    opacity: 1;
    transform: translateX(0);
  }
}

@keyframes page-module__mwnXlq__fadeInRight {
  from {
    opacity: 0;
    transform: translateX(30px);
  }

  to {
    opacity: 1;
    transform: translateX(0);
  }
}

.page-module__mwnXlq__wow {
  visibility: hidden;
}

.page-module__mwnXlq__pageWrapper ul {
  margin: 0 0 20px;
  padding-left: 20px;
  list-style: outside !important;
}

.page-module__mwnXlq__headingBottomDivider:before {
  content: "";
  background-color: var(--brand-color-3);
  width: 20%;
  height: 2px;
  margin: 0 auto 10px;
  display: block;
}

.page-module__mwnXlq__ctaSection {
  background: linear-gradient(135deg, var(--brand-color-6) 0%, #2a1a5e 50%, #3a2a8a 100%);
  color: var(--brand-color-white);
  padding: 40px 0;
}

.page-module__mwnXlq__ctaSection h2 {
  color: var(--brand-color-white);
  margin-bottom: 16px;
}

.page-module__mwnXlq__ctaSection p {
  color: #ffffffb3;
  font-size: 15px;
  line-height: 1.7;
}

.page-module__mwnXlq__formGrid {
  grid-template-columns: 1fr 1fr;
  gap: 16px;
  max-width: 700px;
  margin-top: 36px;
  display: grid;
}

.page-module__mwnXlq__formGrid .page-module__mwnXlq__full {
  grid-column: 1 / -1;
}

.page-module__mwnXlq__form .page-module__mwnXlq__input, .page-module__mwnXlq__form .page-module__mwnXlq__select, .page-module__mwnXlq__form .page-module__mwnXlq__textarea {
  background: #ffffff0f;
  border: 1px solid #fff3;
  border-radius: 6px;
  width: 100%;
  height: 100%;
  padding: 13px 16px;
  font-family: inherit;
  font-size: 15px;
  transition: all .25s;
  color: var(--brand-color-white) !important;
}

.page-module__mwnXlq__form .page-module__mwnXlq__input::placeholder, .page-module__mwnXlq__form textarea::placeholder {
  color: #ffffff59;
}

.page-module__mwnXlq__form .page-module__mwnXlq__input:focus, .page-module__mwnXlq__form .page-module__mwnXlq__select:focus, .page-module__mwnXlq__form .page-module__mwnXlq__textarea:focus {
  border-color: var(--brand-color-2);
  background: #ffffff0f;
  outline: none;
}

.page-module__mwnXlq__form .page-module__mwnXlq__select {
  color: #ffffff80;
}

.page-module__mwnXlq__form .page-module__mwnXlq__select option {
  background: var(--brand-color-3);
  color: var(--brand-color-white);
}

.page-module__mwnXlq__form .page-module__mwnXlq__textarea {
  resize: vertical;
  min-height: 70px;
}

.page-module__mwnXlq__form .page-module__mwnXlq__phoneInput {
  height: 100%;
  padding-top: 15px;
  padding-bottom: 15px;
}

.page-module__mwnXlq__formGroup {
  flex-direction: column;
  gap: 8px;
  display: flex;
}

@media (max-width: 768px) {
  .page-module__mwnXlq__portoSiconTitle {
    font-size: 2rem;
  }

  .page-module__mwnXlq__wordRotator {
    font-size: 1rem;
  }

  .page-module__mwnXlq__wordRotator li {
    padding: 5px 0;
    display: block;
  }

  .page-module__mwnXlq__banner {
    width: 100%;
    -webkit-mask-image: linear-gradient(to right, #0000 0%, #00000059 100%, #0009 100%);
    mask-image: linear-gradient(to right, #0000 0%, #00000059 100%, #0009 100%);
  }

  .page-module__mwnXlq__heroButtons {
    justify-content: center;
    margin-top: 20px;
  }

  .page-module__mwnXlq__heroButtons a {
    padding: 10px 16px;
    font-size: .9rem;
  }

  .page-module__mwnXlq__text-lg-left {
    text-align: center;
  }

  .page-module__mwnXlq__pl-md-5 {
    margin-top: 20px;
    padding-left: 0 !important;
  }

  .page-module__mwnXlq__pr-md-5 {
    margin-bottom: 20px;
    padding-right: 0 !important;
  }

  .page-module__mwnXlq__mb-md-0 {
    margin-bottom: 0 !important;
  }

  .page-module__mwnXlq__text6 {
    font-size: 1.5rem;
  }
}

@media (max-width: 576px) {
  .page-module__mwnXlq__portoSiconTitle {
    font-size: 1.5rem;
  }

  .page-module__mwnXlq__heroButtons a {
    text-align: center;
    width: 100%;
    padding: 8px 12px;
    font-size: .85rem;
  }

  .page-module__mwnXlq__pageWrapper ul li {
    font-size: .95rem;
  }

  .page-module__mwnXlq__text6 {
    font-size: 1.25rem;
  }

  .page-module__mwnXlq__py30 {
    padding-top: 15px;
    padding-bottom: 15px;
  }

  .page-module__mwnXlq__pageWrapper .page-module__mwnXlq__tacntr {
    font-size: 1.5rem;
  }
}

/* [project]/src/components/RotatingText/RotatingText.module.css [app-client] (css) */
.RotatingText-module__ttpbWG__rotatingText {
  color: var(--brand-color-1);
  font-weight: 600;
  transition: opacity .6s ease-in-out;
  display: inline-block;
}

.RotatingText-module__ttpbWG__visible {
  opacity: 1;
}

.RotatingText-module__ttpbWG__hidden {
  opacity: 0;
}

.RotatingText-module__ttpbWG__rotatingText.RotatingText-module__ttpbWG__typing {
  border-right: 2px solid;
  animation: .5s infinite RotatingText-module__ttpbWG__blink;
}

@keyframes RotatingText-module__ttpbWG__blink {
  0%, 50% {
    border-color: currentColor;
  }

  51%, 100% {
    border-color: #0000;
  }
}

.RotatingText-module__ttpbWG__rotatingText.RotatingText-module__ttpbWG__slide {
  transition: opacity .2s ease-in-out, transform .2s ease-in-out;
  transform: translateY(0);
}

.RotatingText-module__ttpbWG__rotatingText.RotatingText-module__ttpbWG__slide.RotatingText-module__ttpbWG__hidden {
  opacity: 0;
  transform: translateY(-10px);
}

.RotatingText-module__ttpbWG__rotatingText.RotatingText-module__ttpbWG__slide.RotatingText-module__ttpbWG__visible {
  opacity: 1;
  transform: translateY(0);
}

/* [project]/src/components/Footer/footer.module.css [app-client] (css) */
.footer-module__WOMdyG__footer {
  background: var(--brand-color-6);
  clear: both;
  color: #fff;
  border-top: 4px solid #212529;
  margin-top: 0;
  padding: 0;
  position: relative;
  font-size: .875rem !important;
}

.footer-module__WOMdyG__footerHeading {
  color: #fff;
  text-transform: uppercase;
  margin-bottom: 3rem;
  display: inline-block;
  position: relative;
  font-size: .9rem !important;
  font-weight: 700 !important;
}

.footer-module__WOMdyG__footerHeading:after {
  content: "";
  width: 50px;
  height: 3px;
  position: absolute;
  bottom: -5px;
  left: 0;
  background-color: var(--brand-color-1) !important;
}

.footer-module__WOMdyG__footerContent {
  padding-left: 0;
  line-height: 1.6;
  font-size: .875rem !important;
}

.footer-module__WOMdyG__footerContent li {
  gap: .8rem;
  margin-bottom: 1em;
  display: flex;
  position: relative;
}

.footer-module__WOMdyG__footer p {
  color: #fff !important;
}

.footer-module__WOMdyG__footer a {
  color: var(--brand-color-white);
  text-decoration: none;
  display: inline-block;
}

.footer-module__WOMdyG__SocialIcons {
  background-color: #fff;
  justify-content: center;
  align-items: center;
  gap: .3rem;
  padding-left: 0;
  transition: background-color .3s, transform .3s;
  display: flex;
}

.footer-module__WOMdyG__socialIcons {
  align-items: center;
  gap: .2rem;
  padding-left: 0;
  transition: background-color .3s, transform .3s;
  display: flex;
}

.footer-module__WOMdyG__socialIcons li {
  color: #212529;
  border-radius: 100%;
  margin: -1px 1px 0 0;
  padding: 0;
  display: inline-block;
  overflow: visible;
  box-shadow: 0 1px 1px #0003;
}

.footer-module__WOMdyG__socialIcons li a {
  text-align: center;
  background: var(--brand-color-dark-gray);
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  width: 28px;
  height: 28px;
  font-size: .8rem;
  display: flex;
  color: #333 !important;
}

.footer-module__WOMdyG__socialIcons li a:hover {
  background: var(--brand-color-1);
  color: #fff !important;
}

.footer-module__WOMdyG__socialIcons li a:hover svg {
  color: #fff !important;
}

.footer-module__WOMdyG__footerListIcon svg {
  fill: #fff;
  width: 1em !important;
  min-width: 1em !important;
  height: 1em !important;
}

.footer-module__WOMdyG__footerCopyright {
  color: #fff;
  background: none;
  border-top: 1px solid #fff;
  place-items: center;
  margin: 0 60px;
  padding: 1rem 0;
}

.footer-module__WOMdyG__footerCopyright p {
  margin-bottom: 0;
  font-size: .9em !important;
}

.footer-module__WOMdyG__newsLink:hover {
  color: var(--brand-color-1);
}

/* [project]/src/components/ChatBot/chatbot.module.css [app-client] (css) */
.chatbot-module__DuXWVq__chatbotPopup {
  opacity: 0;
  transform-origin: 100% 100%;
  z-index: 999;
  background: #fff;
  border-radius: 12px;
  width: 400px;
  max-width: 90%;
  height: 80%;
  max-height: 500px;
  transition: all .2s ease-in-out;
  display: none;
  position: fixed;
  bottom: 2%;
  right: 2%;
  overflow: hidden;
  transform: scale(.95);
  box-shadow: 0 18px 40px -5px #0003, 0 15px 20px -5px #0000001a;
}

.chatbot-module__DuXWVq__chatbotPopup.chatbot-module__DuXWVq__visibleChatPopup {
  opacity: 1;
  display: block;
  transform: scale(1);
}

.chatbot-module__DuXWVq__chatbotHeader {
  background: var(--brand-color-2);
  height: 60px;
  color: var(--brand-color-white);
  justify-content: space-between;
  align-items: center;
  padding: 16px 20px;
  display: flex;
}

.chatbot-module__DuXWVq__headerTitle {
  align-items: center;
  gap: 12px;
  font-size: 16px;
  font-weight: 500;
  display: flex;
}

.chatbot-module__DuXWVq__headerButtons {
  align-items: center;
  gap: 12px;
  display: flex;
}

.chatbot-module__DuXWVq__iconButton {
  color: var(--brand-color-white);
  cursor: pointer;
  background: none;
  border: none;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  padding: 8px;
  transition: all .2s;
  display: flex;
}

.chatbot-module__DuXWVq__iconButton:hover {
  color: var(--header-textColor);
  background: #ffffff1a;
}

.chatbot-module__DuXWVq__iconButton:focus {
  outline-offset: 2px;
  outline: 2px solid #ffffff80;
}

.chatbot-module__DuXWVq__webchat {
  background-color: var(--brand-color-white);
  height: calc(100% - 60px);
  position: relative;
}

.chatbot-module__DuXWVq__webchat ul {
  list-style-type: disc !important;
}

.chatbot-module__DuXWVq__webchat ol {
  list-style-type: decimal !important;
}

.chatbot-module__DuXWVq__webchat-overlay {
  pointer-events: none;
  z-index: 1;
  background: #ffffffd9;
  position: absolute;
  inset: 0;
}

.chatbot-module__DuXWVq__webchat > div {
  z-index: 2;
  position: relative;
}

.chatbot-module__DuXWVq__webchat .chatbot-module__DuXWVq__webchat__basic-transcript__content {
  white-space: pre-wrap !important;
  word-break: break-word !important;
}

.chatbot-module__DuXWVq__webchat .chatbot-module__DuXWVq__webchat__bubble__content {
  padding: 8px 12px !important;
}

.chatbot-module__DuXWVq__webchat img {
  display: inline-block !important;
}

.chatbot-module__DuXWVq__webchat p {
  color: inherit !important;
  margin-bottom: 1rem !important;
}

.chatbot-module__DuXWVq__webchat ul li, .chatbot-module__DuXWVq__webchat ol li {
  margin-bottom: 1rem !important;
}

.chatbot-module__DuXWVq__webchat .chatbot-module__DuXWVq__webchat__bubble {
  max-width: 85% !important;
  margin: 8px !important;
}

.chatbot-module__DuXWVq__webchat .chatbot-module__DuXWVq__webchat__basic-transcript__content ul, .chatbot-module__DuXWVq__webchat .chatbot-module__DuXWVq__webchat__basic-transcript__content ol, .chatbot-module__DuXWVq__webchat .chatbot-module__DuXWVq__webchat__bubble__content ul, .chatbot-module__DuXWVq__webchat .chatbot-module__DuXWVq__webchat__bubble__content ol {
  margin: 8px 0 !important;
  padding-left: 24px !important;
  list-style-position: outside !important;
}

.chatbot-module__DuXWVq__webchat .chatbot-module__DuXWVq__webchat--css-shhtp-kdgeig.chatbot-module__DuXWVq__webchat__render-markdown .chatbot-module__DuXWVq__webchat__render-markdown__external-link-icon {
  display: inline-block !important;
}

.chatbot-module__DuXWVq__webchat .chatbot-module__DuXWVq__webchat__basic-transcript__content li, .chatbot-module__DuXWVq__webchat .chatbot-module__DuXWVq__webchat__bubble__content li {
  margin: 4px 0 !important;
  padding-left: 4px !important;
}

.chatbot-module__DuXWVq__openChat {
  background: var(--brand-color-2);
  cursor: pointer;
  z-index: 998;
  border: none;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 64px;
  height: 64px;
  transition: all .2s ease-in-out;
  display: flex;
  position: fixed;
  bottom: 32px;
  right: 32px;
  box-shadow: 0 4px 6px -1px #0000001a;
}

.chatbot-module__DuXWVq__openChat.chatbot-module__DuXWVq__hidden {
  opacity: 0;
  pointer-events: none;
  transform: scale(.95)translateY(10px);
}

.chatbot-module__DuXWVq__openChat:hover {
  transform: translateY(-4px);
  box-shadow: 0 10px 15px -3px #0000001a;
}

.chatbot-module__DuXWVq__openChat:focus {
  outline-offset: 2px;
  outline: 3px solid #4f46e580;
}

.chatbot-module__DuXWVq__openChat svg {
  color: #fff;
  width: 28px;
  height: 28px;
  transition: transform .2s;
}

@media (max-width: 768px) {
  .chatbot-module__DuXWVq__chatbotPopup {
    width: 100%;
    height: 100%;
  }
}

/* [project]/src/components/Header/header.module.css [app-client] (css) */
.header-module__nrpHoW__header {
  background-color: #fff;
}

.header-module__nrpHoW__landingPageHeader {
  background-color: #fff;
  padding: 1.25rem 0;
}

.header-module__nrpHoW__headerContainer {
  position: relative;
}

.header-module__nrpHoW__menuIcon {
  cursor: pointer;
  color: #fff;
  background: #ff1fa9;
  border-radius: 5px;
  padding: 10px;
  font-size: 1rem;
  display: none;
}

.header-module__nrpHoW__socialIcons {
  background-color: #fff;
  justify-content: center;
  align-items: center;
  gap: .3rem;
  transition: background-color .5s, transform .5s;
  display: flex;
}

.header-module__nrpHoW__socialIcons a {
  text-align: center;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 28px;
  height: 28px;
  margin: 0 3px;
  padding: 5px;
  font-size: .79rem;
  display: flex;
  box-shadow: 0 1px 1px #0003;
  color: var(--brand-color-6) !important;
}

.header-module__nrpHoW__socialIcons a:hover {
  background: #0088d0;
  color: #fff !important;
}

.header-module__nrpHoW__headerMenuContainer {
  margin-left: auto;
  margin-right: 1rem;
  display: flex;
}

.header-module__nrpHoW__navbar {
  align-items: center;
  display: flex;
}

.header-module__nrpHoW__menuItemsList {
  text-align: right;
  float: right;
  flex-wrap: wrap;
  justify-content: end;
  align-items: center;
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
}

.header-module__nrpHoW__menuItem {
  cursor: pointer;
  text-align: left;
  display: inline-block;
  position: relative;
}

.header-module__nrpHoW__menuItem:hover .header-module__nrpHoW__label, .header-module__nrpHoW__menuItem:hover .header-module__nrpHoW__label a {
  color: var(--brand-color-1) !important;
}

.header-module__nrpHoW__desktopMegaMenuContainer {
  position: static !important;
}

.header-module__nrpHoW__megaMenuContainer {
  z-index: 1;
  background-color: #fff;
  border-radius: 4px;
  width: auto;
  display: none;
  position: absolute;
  left: -2.5rem;
  right: -2.5rem;
  box-shadow: 0 2px 15px #0000001a;
}

.header-module__nrpHoW__menuItem:hover .header-module__nrpHoW__megaMenuContainer, .header-module__nrpHoW__menuItem:hover .header-module__nrpHoW__subMenuContainer {
  display: block;
}

.header-module__nrpHoW__label {
  color: var(--brand-color-6);
  white-space: normal;
  text-transform: none;
  border-radius: 4px;
  align-items: center;
  padding: .5rem .9rem;
  font-style: normal;
  font-weight: 500;
  display: inline-flex;
  letter-spacing: 0 !important;
  font-size: 1rem !important;
}

.header-module__nrpHoW__menuSubItems .header-module__nrpHoW__label {
  text-transform: none;
  width: auto;
  min-width: 200px;
  font-weight: 400;
  color: var(--brand-color-6) !important;
  background-color: #0000 !important;
}

.header-module__nrpHoW__menuSubItems .header-module__nrpHoW__label a {
  text-transform: none;
  width: auto;
  min-width: 200px;
  font-size: .9em;
  font-weight: 400;
  color: var(--brand-color-6) !important;
}

.header-module__nrpHoW__menuSubItems, .header-module__nrpHoW__subMenu {
  text-align: left;
  z-index: 1000;
  background-color: #fff;
  border-radius: 3px;
  width: auto;
  position: absolute;
  left: 0;
  box-shadow: 0 2px 10px #0000001a;
}

.header-module__nrpHoW__menuSubItem {
  color: var(--brand-color-6);
  text-transform: none;
  cursor: pointer;
  padding: .5rem 1rem;
  font-weight: 400;
}

.header-module__nrpHoW__dropdown {
  z-index: 9999;
  visibility: hidden;
  opacity: 0;
  background-color: #fff;
  border-radius: 4px;
  width: auto;
  min-width: 200px;
  padding: .5rem 0;
  transition: opacity .3s, visibility .3s;
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  box-shadow: 0 2px 10px #0000001a;
}

.header-module__nrpHoW__arrowTop {
  padding: 1em 0;
  position: absolute;
}

.header-module__nrpHoW__megaMenu {
  display: none;
}

.header-module__nrpHoW__hasChildren .header-module__nrpHoW__dropdown > .header-module__nrpHoW__hasChildren .header-module__nrpHoW__dropdown {
  visibility: hidden;
  opacity: 0;
  border-radius: 3px;
  padding: .5rem 0;
  transition: opacity .3s, visibility .3s;
  top: 25%;
  left: 100%;
}

.header-module__nrpHoW__dropdown:hover .header-module__nrpHoW__subMenuContainer {
  display: block !important;
}

.header-module__nrpHoW__hasChildren:hover > .header-module__nrpHoW__dropdown {
  visibility: visible;
  opacity: 1;
  display: block !important;
}

.header-module__nrpHoW__hasChildren .header-module__nrpHoW__dropdown a {
  text-transform: none;
  align-items: center;
  gap: .8rem;
  padding: .5rem 1rem;
  display: flex;
  color: var(--brand-color-6) !important;
  font-size: .8rem !important;
  font-weight: 400 !important;
}

.header-module__nrpHoW__hasChildren > .header-module__nrpHoW__dropdown > .header-module__nrpHoW__subMenuItem > a:hover {
  color: #ff1fa9 !important;
  background-color: #f7f7f7 !important;
}

.header-module__nrpHoW__megaMenu.header-module__nrpHoW__arrowTop {
  padding: 0 1em 1em !important;
}

.header-module__nrpHoW__hasChildren > .header-module__nrpHoW__megaMenu {
  z-index: 1000;
  visibility: hidden;
  opacity: 0;
  background-color: #fff;
  width: auto;
  padding: .5rem 0;
  list-style: none;
  display: block;
  position: absolute;
  top: 100%;
  left: 0;
  box-shadow: 0 2px 10px #0000001a;
}

.header-module__nrpHoW__menuItem .header-module__nrpHoW__megaMenu.header-module__nrpHoW__productsMegaMenu {
  left: 50%;
  transform: translateX(-50%);
}

.header-module__nrpHoW__megaMenu.header-module__nrpHoW__productsMegaMenu {
  min-width: 520px;
  max-width: 530px;
  padding: .75rem .9rem .9rem !important;
}

@media (min-width: 1400px) {
  .header-module__nrpHoW__megaMenu.header-module__nrpHoW__productsMegaMenu {
    min-width: 540px;
    max-width: 550px;
  }
}

.header-module__nrpHoW__megaMenu.header-module__nrpHoW__productsMegaMenu .header-module__nrpHoW__row {
  margin-left: 0;
  margin-right: 0;
}

.header-module__nrpHoW__megaMenu.header-module__nrpHoW__productsMegaMenu .header-module__nrpHoW__col-lg-6 {
  padding-left: .75rem;
  padding-right: .75rem;
}

.header-module__nrpHoW__dropdown > li.header-module__nrpHoW__hasChildren:hover > a {
  color: #ff1fa9 !important;
}

.header-module__nrpHoW__hasChildren:hover > .header-module__nrpHoW__megaMenu {
  visibility: visible;
  opacity: 1;
  display: block;
}

.header-module__nrpHoW__hasChildren:hover > .header-module__nrpHoW__megaMenu .header-module__nrpHoW__megaMenuList {
  flex-direction: column;
  margin-bottom: 0;
  padding-left: 0;
  list-style: none;
  display: flex;
}

.header-module__nrpHoW__megaMenu .header-module__nrpHoW__megaMenuTitle {
  color: var(--brand-color-6);
  text-transform: uppercase;
  letter-spacing: 0;
  margin-top: 5px;
  padding-bottom: 10px;
  padding-left: 6px;
  font-weight: 600;
  display: block;
  font-size: .95em !important;
}

.header-module__nrpHoW__megaMenuList .header-module__nrpHoW__megaMenuItem a {
  color: var(--brand-color-6);
  text-shadow: none;
  border: 0;
  border-radius: 4px;
  margin: 0 0 3px;
  padding: 3px 8px 3px 6px;
  font-size: .85em;
  font-weight: 400;
  text-decoration: none;
  display: block;
}

.header-module__nrpHoW__megaMenuItem:hover a {
  color: #ff1fa9 !important;
}

.header-module__nrpHoW__menuItemsList > li:nth-child(3) .header-module__nrpHoW__megaMenu {
  left: -250px;
  right: -250px;
}

.header-module__nrpHoW__menuItemsList > li:nth-child(6) .header-module__nrpHoW__megaMenu {
  left: auto;
  right: auto;
}

.header-module__nrpHoW__hasChildren .header-module__nrpHoW__dropdown > .header-module__nrpHoW__hasChildren:hover > .header-module__nrpHoW__dropdown {
  visibility: visible;
  opacity: 1;
}

.header-module__nrpHoW__subMenuItem {
  text-align: left;
  min-width: 200px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.header-module__nrpHoW__subMenuItem a {
  color: var(--brand-color-6);
  letter-spacing: 0;
  border-bottom: 1px solid #f7f7f7;
  padding: 5px 20px;
  font-size: .9em;
  font-weight: 400;
  display: block;
  position: relative;
}

.header-module__nrpHoW__menuSubItem:hover .header-module__nrpHoW__label, .header-module__nrpHoW__menuSubItem:hover a {
  color: #ff1fa9 !important;
}

.header-module__nrpHoW__mobileMegaMenuContainer {
  width: auto;
  position: relative;
}

.header-module__nrpHoW__menuItem:hover > a {
  color: #ff1fa9;
}

.header-module__nrpHoW__topArrow {
  padding: 1em 0;
  position: absolute;
}

.header-module__nrpHoW__megaMenuContainer, .header-module__nrpHoW__dropdown, .header-module__nrpHoW__megaMenu, .header-module__nrpHoW__arrowTop, .header-module__nrpHoW__topArrow {
  border-top: 4px solid !important;
  border-image: linear-gradient(to right, #ff1fa9, #ac34fe) 1 !important;
  border-radius: 4px !important;
}

.header-module__nrpHoW__productsMegaMenuContainer {
  z-index: 1;
  background-color: #fff;
  border-radius: 4px;
  width: auto;
  display: none;
  position: absolute;
  transform: translateX(-50%);
  box-shadow: 0 2px 15px #0000001a;
  border-top: 4px solid !important;
  border-image: linear-gradient(to right, #ff1fa9, #ac34fe) 1 !important;
}

.header-module__nrpHoW__desktopProductsMegaMenuContainer {
  position: static !important;
}

.header-module__nrpHoW__menuItem:hover .header-module__nrpHoW__productsMegaMenuContainer {
  display: block;
}

.header-module__nrpHoW__mobileMenuOverlay {
  z-index: 9999;
  background-color: #00000080;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0;
  display: flex;
  position: fixed;
  inset: 0;
}

.header-module__nrpHoW__mobileMenuContent {
  width: 100%;
  max-width: 100%;
  max-height: 100vh;
  box-shadow: none;
  background-color: #fff;
  border-radius: 0;
  animation: .3s ease-out header-module__nrpHoW__slideInFromTop;
  overflow-y: auto;
}

.header-module__nrpHoW__mobileMenuHeader {
  color: #ff1fa9;
  background-color: #fff;
  justify-content: space-between;
  align-items: center;
  padding: 1rem 1.5rem;
  display: flex;
}

.header-module__nrpHoW__closeButton {
  color: var(--brand-color-6);
  cursor: pointer;
  background: none;
  border: none;
  border-radius: 4px;
  padding: .5rem;
  transition: background-color .5s;
}

.header-module__nrpHoW__greatPlaceToWorkImg {
  object-fit: contain;
  align-self: center;
  width: 50px;
  height: auto;
  margin-left: 1rem;
  transition: all .3s;
}

@media screen and (max-width: 992px) {
  .header-module__nrpHoW__headerMenuContainer {
    order: 1;
    margin-left: 1.5em;
    margin-right: 0;
  }

  .header-module__nrpHoW__menuItemsList {
    flex-direction: column;
    align-items: center;
    width: 100%;
    display: none;
  }

  .header-module__nrpHoW__menuIcon {
    cursor: pointer;
    color: #fff;
    background: #ff1fa9;
    border: none;
    border-radius: 6px;
    outline: none;
    justify-content: center;
    align-items: center;
    min-width: 44px;
    min-height: 44px;
    padding: 12px;
    font-size: 1rem;
    display: flex;
  }

  .header-module__nrpHoW__navbar li {
    text-align: center;
    width: 100%;
  }

  .header-module__nrpHoW__navbar a {
    justify-content: center;
    width: 100%;
  }

  .header-module__nrpHoW__socialIcons {
    margin-left: auto;
  }

  .header-module__nrpHoW__menuIcon:active {
    transform: scale(.95);
  }

  .header-module__nrpHoW__greatPlaceToWorkImg {
    display: none !important;
  }
}

@media screen and (max-width: 400px) {
  .header-module__nrpHoW__socialIcons {
    display: none;
  }
}

@keyframes header-module__nrpHoW__slideInFromTop {
  from {
    opacity: 0;
    transform: translateY(-100%);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@media (prefers-color-scheme: dark) {
  .header-module__nrpHoW__mobileMenuContent {
    color: #fff;
    background-color: #2d2d2d;
  }

  .header-module__nrpHoW__mobileMenuHeader {
    border-bottom-color: #555;
  }
}

@media (max-width: 1200px) {
  .header-module__nrpHoW__greatPlaceToWorkImg {
    max-width: 60px;
    max-height: 60px;
  }

  .header-module__nrpHoW__label {
    padding: .5rem !important;
  }
}

/* [project]/src/components/Header/desktopMegaMenu.module.css [app-client] (css) */
.desktopMegaMenu-module__7yor-a__menuTabContainer {
  max-width: 1200px;
  margin: 0 auto;
  display: flex;
}

.desktopMegaMenu-module__7yor-a__menuVerticalTabs {
  color: var(--brand-color-6);
  background-color: #f7f7f7;
  flex-direction: column;
  justify-content: flex-start;
  align-items: start;
  padding: 2rem 0;
  list-style: none;
  display: flex;
}

.desktopMegaMenu-module__7yor-a__menuTabContent {
  border: 1px solid #f7f7f7;
  flex: 1;
  padding: 2.5rem 1.5rem;
}

.desktopMegaMenu-module__7yor-a__desktopDropdownMegaSubNav {
  flex-wrap: wrap;
  width: 100%;
  list-style: none;
  display: flex;
}

.desktopMegaMenu-module__7yor-a__desktopDropdownMegaSubNav li {
  box-sizing: border-box;
  text-align: left;
  flex: 0 0 33%;
}

.desktopMegaMenu-module__7yor-a__desktopDropdownMegaSubNav li a {
  text-transform: none;
  align-items: center;
  gap: .8rem;
  padding: 1rem;
  display: flex;
  color: var(--brand-color-6) !important;
  font-size: .8rem !important;
  font-weight: 400 !important;
}

.desktopMegaMenu-module__7yor-a__desktopDropdownMegaSubNav li a:hover {
  background-color: #f7f7f7;
  border-radius: 5px;
  color: #ff1fa9 !important;
}

.desktopMegaMenu-module__7yor-a__menuTabItem {
  cursor: pointer;
  text-transform: capitalize;
  background: #f7f7f7;
  border-radius: 5px 0 0 5px;
  align-items: center;
  min-width: 15rem;
  margin: 0;
  font-size: .8rem;
  font-weight: 600;
  transition: background .3s;
  display: flex;
  padding: 1rem !important;
}

.desktopMegaMenu-module__7yor-a__menuTabItem:last-child {
  border-bottom: none;
}

.desktopMegaMenu-module__7yor-a__menuTabItem.desktopMegaMenu-module__7yor-a__menuTabItemActive {
  color: #ff1fa9;
  background-color: #fff;
}

.desktopMegaMenu-module__7yor-a__menuTabItem a {
  color: inherit;
  text-transform: none;
  padding-left: 0;
  font-size: .8rem;
  font-weight: 600;
  text-decoration: none;
}

.desktopMegaMenu-module__7yor-a__menuSubheader {
  color: #374151;
  text-transform: uppercase;
  letter-spacing: .05em;
  margin: 1rem 0 .5rem;
  padding: 0 1rem .5rem;
  font-size: .875rem;
  font-weight: 600;
}

.desktopMegaMenu-module__7yor-a__menuSubheader:first-child {
  margin-top: 0;
}

.desktopMegaMenu-module__7yor-a__dynamicsSubNav {
  grid-template-columns: 1fr 1fr;
  width: 100%;
  padding: 0;
  display: grid;
}

.desktopMegaMenu-module__7yor-a__dynamicsSubNav li {
  width: 100%;
  flex: none !important;
}

.desktopMegaMenu-module__7yor-a__mainLinksContainer {
  gap: 1rem;
  margin-bottom: 1rem;
  display: flex;
}

.desktopMegaMenu-module__7yor-a__dynamicsMainLink {
  text-transform: none;
  background-color: #f1f1f1;
  border-radius: 5px;
  align-items: center;
  gap: .8rem;
  padding: 1rem;
  display: flex;
  color: var(--brand-color-6) !important;
  font-size: .8rem !important;
  font-weight: 600 !important;
}

.desktopMegaMenu-module__7yor-a__dynamicsMainLinkWide {
  flex: 2;
}

.desktopMegaMenu-module__7yor-a__dynamicsMainLinkNarrow {
  flex: 1;
}

.desktopMegaMenu-module__7yor-a__dynamicsMainLink strong {
  color: inherit;
  font-weight: 600 !important;
}

.desktopMegaMenu-module__7yor-a__twoColumnLayout {
  grid-template-columns: 1fr 1fr;
  width: 100%;
  display: grid;
}

.desktopMegaMenu-module__7yor-a__twoColumnLayout li {
  width: 100%;
  flex: none !important;
}

.desktopMegaMenu-module__7yor-a__contentSectionsContainer {
  gap: 1rem;
  display: flex;
}

.desktopMegaMenu-module__7yor-a__dynamicsContentSection {
  flex: 2;
}

.desktopMegaMenu-module__7yor-a__powerPlatformContentSection {
  flex: 1;
}

.desktopMegaMenu-module__7yor-a__powerPlatformSubNav {
  flex-direction: column;
  width: 100%;
  padding: 0;
  display: flex;
}

.desktopMegaMenu-module__7yor-a__powerPlatformSubNav li {
  width: 100%;
  flex: none !important;
}

.desktopMegaMenu-module__7yor-a__dynamicsMainLink:hover {
  background-color: #f1f1f1;
  border-radius: 5px;
  color: #ff1fa9 !important;
}

@media screen and (max-width: 1100px) {
  .desktopMegaMenu-module__7yor-a__desktopDropdownMegaSubNav li a, .desktopMegaMenu-module__7yor-a__dynamicsMainLink {
    padding: .5rem 1rem;
    font-size: .7rem !important;
  }
}

/* [project]/src/components/Header/productsMegaMenu.module.css [app-client] (css) */
.productsMegaMenu-module__xZeh2q__megaMenuContainer {
  background-color: #fff;
  border-radius: 8px;
  flex-direction: column;
  width: 100%;
  max-width: 600px;
  margin: 0 auto;
  padding: 1rem;
  display: flex;
  box-shadow: 0 4px 6px #0000001a;
}

.productsMegaMenu-module__xZeh2q__menuTabContainer {
  max-width: 500px;
  margin: 0 auto;
  display: flex;
}

.productsMegaMenu-module__xZeh2q__menuVerticalTabs {
  color: var(--brand-color-6);
  background-color: #f7f7f7;
  flex-direction: column;
  justify-content: flex-start;
  align-items: start;
  padding: 2rem 0;
  list-style: none;
  display: flex;
}

.productsMegaMenu-module__xZeh2q__menuTabContent {
  border: 1px solid #f7f7f7;
  flex: 1;
  width: 300px;
  padding: 1.5rem;
}

.productsMegaMenu-module__xZeh2q__desktopDropdownMegaSubNav {
  flex-direction: column;
  width: 100%;
  list-style: none;
  display: flex;
}

.productsMegaMenu-module__xZeh2q__desktopDropdownMegaSubNav li {
  box-sizing: border-box;
  text-align: left;
  width: 100%;
}

.productsMegaMenu-module__xZeh2q__desktopDropdownMegaSubNav li a {
  text-transform: none;
  align-items: center;
  gap: .8rem;
  padding: 1rem;
  display: flex;
  color: var(--brand-color-6) !important;
  font-size: .8rem !important;
  font-weight: 400 !important;
}

.productsMegaMenu-module__xZeh2q__desktopDropdownMegaSubNav li a:hover {
  background-color: #f7f7f7;
  border-radius: 5px;
  color: var(--brand-color-1) !important;
}

.productsMegaMenu-module__xZeh2q__menuTabItem {
  color: var(--brand-color-6);
  cursor: pointer;
  text-transform: capitalize;
  background: #f7f7f7;
  border-radius: 5px 0 0 5px;
  align-items: center;
  min-width: 15rem;
  min-height: 4rem;
  margin: 0;
  font-size: .8rem;
  font-weight: 600;
  transition: background .3s;
  display: flex;
  padding: 1rem !important;
}

.productsMegaMenu-module__xZeh2q__menuTabItem:last-child {
  border-bottom: none;
}

.productsMegaMenu-module__xZeh2q__menuTabItem.productsMegaMenu-module__xZeh2q__menuTabItemActive {
  color: var(--brand-color-1);
  background-color: #fff;
}

.productsMegaMenu-module__xZeh2q__menuTabItem a {
  color: inherit;
  text-transform: none;
  padding-left: 0;
  font-size: .8rem;
  font-weight: 600;
  text-decoration: none;
}

.productsMegaMenu-module__xZeh2q__menuSubheader {
  color: #374151;
  text-transform: uppercase;
  letter-spacing: .05em;
  margin: 1rem 0 .5rem;
  padding: 0 1rem .5rem;
  font-size: .875rem;
  font-weight: 600;
}

.productsMegaMenu-module__xZeh2q__menuSubheader:first-child {
  margin-top: 0;
}

.productsMegaMenu-module__xZeh2q__dynamicsSubNav {
  grid-template-columns: 1fr 1fr;
  width: 100%;
  display: grid;
}

.productsMegaMenu-module__xZeh2q__dynamicsSubNav li {
  width: 100%;
  flex: none !important;
}

.productsMegaMenu-module__xZeh2q__mainLinksContainer {
  gap: 1rem;
  margin-bottom: 1rem;
  display: flex;
}

.productsMegaMenu-module__xZeh2q__dynamicsMainLink {
  text-transform: none;
  background-color: #f1f1f1;
  border-radius: 5px;
  align-items: center;
  min-height: 4rem;
  padding: .5rem 1rem;
  text-decoration: none;
  display: flex;
  color: var(--brand-color-6) !important;
  font-size: .8rem !important;
  font-weight: 400 !important;
}

.productsMegaMenu-module__xZeh2q__dynamicsMainLinkWide {
  flex: 2;
}

.productsMegaMenu-module__xZeh2q__dynamicsMainLinkNarrow {
  flex: 1;
}

.productsMegaMenu-module__xZeh2q__dynamicsMainLink strong {
  color: inherit;
  font-weight: 600 !important;
}

.productsMegaMenu-module__xZeh2q__twoColumnLayout {
  grid-template-columns: 1fr 1fr;
  width: 100%;
  display: grid;
}

.productsMegaMenu-module__xZeh2q__twoColumnLayout li {
  width: 100%;
  flex: none !important;
}

.productsMegaMenu-module__xZeh2q__contentSectionsContainer {
  gap: 1rem;
  display: flex;
}

.productsMegaMenu-module__xZeh2q__dynamicsContentSection {
  flex: 2;
}

.productsMegaMenu-module__xZeh2q__powerPlatformContentSection {
  flex: 1;
}

.productsMegaMenu-module__xZeh2q__powerPlatformSubNav {
  flex-direction: column;
  width: 100%;
  padding: 0;
  display: flex;
}

.productsMegaMenu-module__xZeh2q__powerPlatformSubNav li {
  width: 100%;
  flex: none !important;
}

.productsMegaMenu-module__xZeh2q__dynamicsMainLink:hover {
  background-color: #f1f1f1;
  color: #ff1fa9 !important;
}

/* [project]/src/components/Header/mobileMegaMenu.module.css [app-client] (css) */
.mobileMegaMenu-module__18DWTq__mobileMegaMenuContainer {
  background-color: #fff;
  width: 100%;
}

.mobileMegaMenu-module__18DWTq__mobileMegaMenuContainer:last-child {
  border-bottom: none;
}

.mobileMegaMenu-module__18DWTq__mobileLabel {
  color: #ff1fa9;
  background-color: #fff;
  justify-content: space-between;
  align-items: center;
  font-size: 1rem;
  font-weight: 600;
  display: flex;
  padding: 1rem !important;
}

.mobileMegaMenu-module__18DWTq__mobileLabel:active {
  background-color: #f5f5f5;
}

.mobileMegaMenu-module__18DWTq__mobileMenuLink {
  text-align: left;
  flex: 1;
  text-decoration: none;
  color: #ff1fa9 !important;
  margin-left: 0 !important;
  padding-left: 0 !important;
}

.mobileMegaMenu-module__18DWTq__mobileToggleButton {
  color: #666;
  appearance: none;
  background: none;
  justify-content: center;
  align-items: center;
  min-width: 30px;
  min-height: 30px;
  transition: all .2s;
  display: flex;
  border: 0 !important;
  outline: none !important;
}

.mobileMegaMenu-module__18DWTq__mobileToggleButton:active {
  background-color: #f8f8f8;
  transform: scale(.95);
}

.mobileMegaMenu-module__18DWTq__mobileSubItems {
  background-color: #f8f8f8;
  border-top: 1px solid #ddd;
}

.mobileMegaMenu-module__18DWTq__mobileSubItems ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.mobileMegaMenu-module__18DWTq__mobileSubItem {
  background-color: #f8f8f8;
  border-bottom: 1px solid #eee;
}

.mobileMegaMenu-module__18DWTq__mobileSubItem:last-child {
  border-bottom: none;
}

.mobileMegaMenu-module__18DWTq__mobileSubItem .mobileMegaMenu-module__18DWTq__mobileMegaMenuContainer {
  background-color: #f8f8f8;
  border-bottom: none;
}

.mobileMegaMenu-module__18DWTq__mobileSubItem .mobileMegaMenu-module__18DWTq__mobileLabel {
  color: #ff1fa9;
  background-color: #f8f8f8;
  padding: 1rem;
  font-size: .9rem;
  font-weight: 400;
  padding-left: 1rem !important;
}

.mobileMegaMenu-module__18DWTq__mobileSubItem .mobileMegaMenu-module__18DWTq__mobileLabel:active {
  color: #333;
  background-color: #f0f0f0;
}

.mobileMegaMenu-module__18DWTq__mobileSubItem .mobileMegaMenu-module__18DWTq__mobileSubItems {
  background-color: #f0f0f0;
}

.mobileMegaMenu-module__18DWTq__mobileSubItem .mobileMegaMenu-module__18DWTq__mobileSubItem .mobileMegaMenu-module__18DWTq__mobileLabel {
  color: #ff1fa9;
  background-color: #f0f0f0;
  padding: 1rem;
  font-size: .85rem;
  padding-left: 1rem !important;
}

@media (max-width: 480px) {
  .mobileMegaMenu-module__18DWTq__mobileLabel {
    padding: 1rem;
    font-size: 1rem;
    padding-left: 1rem !important;
  }

  .mobileMegaMenu-module__18DWTq__mobileSubItem .mobileMegaMenu-module__18DWTq__mobileLabel {
    padding: 1rem;
    font-size: .9rem;
    padding-left: 1rem !important;
  }
}

.mobileMegaMenu-module__18DWTq__mobileLabel:focus, .mobileMegaMenu-module__18DWTq__mobileToggleButton:focus {
  outline-offset: 2px;
  outline: 2px solid #666;
}

/* [project]/src/app/dynamics-365-support/contactUs.module.css [app-client] (css) */
.contactUs-module__43GmPG__root {
  position: relative;
}

.contactUs-module__43GmPG__heading {
  color: var(--brand-color-6);
  margin-top: 1rem;
  margin-bottom: .5rem;
  font-size: 1.2rem !important;
  font-weight: 600 !important;
  line-height: 1.5rem !important;
}

.contactUs-module__43GmPG__subHeading {
  color: var(--brand-color-6);
  margin-bottom: .5rem;
  font-size: .8rem !important;
  line-height: 1.2rem !important;
}

.contactUs-module__43GmPG__formGroup {
  margin-bottom: 1rem !important;
}

.contactUs-module__43GmPG__multiSelectInput .contactUs-module__43GmPG__dropdown-container {
  width: 100%;
}

.contactUs-module__43GmPG__multiSelectInput .contactUs-module__43GmPG__dropdown-container .contactUs-module__43GmPG__dropdown {
  flex-direction: column;
  gap: .5rem;
  display: flex;
}

.contactUs-module__43GmPG__regularBorderStyle {
  color: #000;
  background: none;
  border-radius: 4px;
  outline: none;
  width: 100%;
  padding: .5rem;
}

.contactUs-module__43GmPG__company_website {
  display: none;
}

.contactUs-module__43GmPG__submitButtonBaseStyle {
  background: linear-gradient(135deg, var(--brand-color-2) 0%, var(--brand-color-1) 100%);
  color: var(--brand-color-white);
  z-index: 0;
  border-radius: 30px;
  padding: 12px 28px;
  transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out, transform .15s ease-in-out;
  animation: 3s ease-in-out infinite contactUs-module__43GmPG__page-module__7LVEWW__btnPulse;
  position: relative;
}

.contactUs-module__43GmPG__submitButtonHover {
  transform: translateY(-3px);
  box-shadow: 0 4px 15px #b775fa6e;
}

.contactUs-module__43GmPG__phoneInput {
  height: 100%;
  color: var(--brand-color-white) !important;
  padding-left: 45px !important;
}

.contactUs-module__43GmPG__textareaStyle {
  resize: vertical;
  height: 6rem;
}

.contactUs-module__43GmPG__selectInputWrapper {
  width: 100%;
}

.contactUs-module__43GmPG__selectSearchOuterContainer {
  background: #ffffff0f;
  border: 1px solid #fff3;
  border-radius: 6px;
  font-family: inherit;
  font-size: 15px;
  color: var(--brand-color-white) !important;
  padding: 13px 16px !important;
}

.contactUs-module__43GmPG__selectedItem {
  background-color: var(--brand-color-2);
  gap: .5rem;
  padding: 5px 10px;
}

.contactUs-module__43GmPG__selectedItem button {
  cursor: pointer;
  background: none;
  border: none;
  color: var(--brand-color-white) !important;
}

.contactUs-module__43GmPG__selectSearchOuterContainer input, .contactUs-module__43GmPG__selectSearchOuterContainer input:focus {
  background: none;
  border: none;
  outline: none;
  width: 100%;
  color: var(--brand-color-white) !important;
}

.contactUs-module__43GmPG__onFocus {
  border-color: var(--brand-color-2) !important;
  outline: none !important;
}

@media (max-width: 767px) {
  .contactUs-module__43GmPG__submitButtonBaseStyle {
    width: 100%;
    padding: 12px 0;
    font-size: .9rem;
  }
}

/* [project]/src/components/Slider/slider.module.css [app-client] (css) */
.slider-module__hZJFqW__carousel {
  width: 100%;
  margin: auto;
  padding-bottom: 2rem;
  position: relative;
  overflow: hidden;
}

.slider-module__hZJFqW__carouselInner {
  justify-content: space-around;
  width: 100%;
  transition: transform .5s ease-in-out;
  display: flex;
}

.slider-module__hZJFqW__carouselItem {
  box-sizing: border-box;
  flex: 0 0 100%;
  padding: 1rem;
}

.slider-module__hZJFqW__carouselItem img {
  display: block;
}

.slider-module__hZJFqW__arrow {
  z-index: 10;
  color: #fff;
  cursor: pointer;
  background: #00000080;
  border: none;
  padding: .5rem;
  font-size: 2rem;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

.slider-module__hZJFqW__left {
  left: 10px;
}

.slider-module__hZJFqW__right {
  right: 10px;
}

.slider-module__hZJFqW__indicators {
  justify-content: center;
  align-items: center;
  gap: .5rem;
  margin-top: 1rem;
  display: flex;
  position: absolute;
  bottom: 10px;
  left: 50%;
}

.slider-module__hZJFqW__indicators span {
  background-color: var(--brand-color-3);
  opacity: .5;
  cursor: pointer;
  width: 30px;
  height: 3px;
  display: inline-block;
}

.slider-module__hZJFqW__indicators span.slider-module__hZJFqW__indicatorActive {
  opacity: 1;
}

/* [project]/node_modules/swiper/swiper.css [app-client] (css) */
:root {
  --swiper-theme-color: #007aff;
}

:host {
  z-index: 1;
  margin-left: auto;
  margin-right: auto;
  display: block;
  position: relative;
}

.swiper {
  z-index: 1;
  margin-left: auto;
  margin-right: auto;
  padding: 0;
  list-style: none;
  display: block;
  position: relative;
  overflow: hidden;
}

.swiper-vertical > .swiper-wrapper {
  flex-direction: column;
}

.swiper-wrapper {
  z-index: 1;
  width: 100%;
  height: 100%;
  transition-property: transform;
  transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
  box-sizing: content-box;
  display: flex;
  position: relative;
}

.swiper-android .swiper-slide, .swiper-ios .swiper-slide, .swiper-wrapper {
  transform: translate3d(0, 0, 0);
}

.swiper-horizontal {
  touch-action: pan-y;
}

.swiper-vertical {
  touch-action: pan-x;
}

.swiper-slide {
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  transition-property: transform;
  display: block;
  position: relative;
}

.swiper-slide-invisible-blank {
  visibility: hidden;
}

.swiper-autoheight, .swiper-autoheight .swiper-slide {
  height: auto;
}

.swiper-autoheight .swiper-wrapper {
  align-items: flex-start;
  transition-property: transform, height;
}

.swiper-backface-hidden .swiper-slide {
  backface-visibility: hidden;
  transform: translateZ(0);
}

.swiper-3d.swiper-css-mode .swiper-wrapper {
  perspective: 1200px;
}

.swiper-3d .swiper-wrapper {
  transform-style: preserve-3d;
}

.swiper-3d {
  perspective: 1200px;
}

.swiper-3d .swiper-slide, .swiper-3d .swiper-cube-shadow {
  transform-style: preserve-3d;
}

.swiper-css-mode > .swiper-wrapper {
  scrollbar-width: none;
  -ms-overflow-style: none;
  overflow: auto;
}

.swiper-css-mode > .swiper-wrapper::-webkit-scrollbar {
  display: none;
}

.swiper-css-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: start start;
}

.swiper-css-mode.swiper-horizontal > .swiper-wrapper {
  scroll-snap-type: x mandatory;
}

.swiper-css-mode.swiper-vertical > .swiper-wrapper {
  scroll-snap-type: y mandatory;
}

.swiper-css-mode.swiper-free-mode > .swiper-wrapper {
  scroll-snap-type: none;
}

.swiper-css-mode.swiper-free-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: none;
}

.swiper-css-mode.swiper-centered > .swiper-wrapper:before {
  content: "";
  flex-shrink: 0;
  order: 9999;
}

.swiper-css-mode.swiper-centered > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: center center;
  scroll-snap-stop: always;
}

.swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {
  margin-inline-start: var(--swiper-centered-offset-before);
}

.swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper:before {
  height: 100%;
  min-height: 1px;
  width: var(--swiper-centered-offset-after);
}

.swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {
  margin-block-start: var(--swiper-centered-offset-before);
}

.swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper:before {
  width: 100%;
  min-width: 1px;
  height: var(--swiper-centered-offset-after);
}

.swiper-3d .swiper-slide-shadow, .swiper-3d .swiper-slide-shadow-left, .swiper-3d .swiper-slide-shadow-right, .swiper-3d .swiper-slide-shadow-top, .swiper-3d .swiper-slide-shadow-bottom, .swiper-3d .swiper-slide-shadow, .swiper-3d .swiper-slide-shadow-left, .swiper-3d .swiper-slide-shadow-right, .swiper-3d .swiper-slide-shadow-top, .swiper-3d .swiper-slide-shadow-bottom {
  pointer-events: none;
  z-index: 10;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.swiper-3d .swiper-slide-shadow {
  background: #00000026;
}

.swiper-3d .swiper-slide-shadow-left {
  background-image: linear-gradient(to left, #00000080, #0000);
}

.swiper-3d .swiper-slide-shadow-right {
  background-image: linear-gradient(to right, #00000080, #0000);
}

.swiper-3d .swiper-slide-shadow-top {
  background-image: linear-gradient(to top, #00000080, #0000);
}

.swiper-3d .swiper-slide-shadow-bottom {
  background-image: linear-gradient(#00000080, #0000);
}

.swiper-lazy-preloader {
  z-index: 10;
  transform-origin: 50%;
  box-sizing: border-box;
  border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
  border-top-color: #0000;
  border-radius: 50%;
  width: 42px;
  height: 42px;
  margin-top: -21px;
  margin-left: -21px;
  position: absolute;
  top: 50%;
  left: 50%;
}

:is(.swiper:not(.swiper-watch-progress), .swiper-watch-progress .swiper-slide-visible) .swiper-lazy-preloader {
  animation: 1s linear infinite swiper-preloader-spin;
}

.swiper-lazy-preloader-white {
  --swiper-preloader-color: #fff;
}

.swiper-lazy-preloader-black {
  --swiper-preloader-color: #000;
}

@keyframes swiper-preloader-spin {
  0% {
    transform: rotate(0);
  }

  100% {
    transform: rotate(360deg);
  }
}

/* [project]/node_modules/swiper/modules/navigation.css [app-client] (css) */
:root {
  --swiper-navigation-size: 44px;
}

.swiper-button-prev, .swiper-button-next {
  width: var(--swiper-navigation-size);
  height: var(--swiper-navigation-size);
  z-index: 10;
  cursor: pointer;
  color: var(--swiper-navigation-color, var(--swiper-theme-color));
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
}

:is(.swiper-button-prev, .swiper-button-next).swiper-button-disabled {
  opacity: .35;
  cursor: auto;
  pointer-events: none;
}

:is(.swiper-button-prev, .swiper-button-next).swiper-button-hidden {
  opacity: 0;
  cursor: auto;
  pointer-events: none;
}

.swiper-navigation-disabled :is(.swiper-button-prev, .swiper-button-next) {
  display: none !important;
}

:is(.swiper-button-prev, .swiper-button-next) svg {
  object-fit: contain;
  transform-origin: center;
  fill: currentColor;
  pointer-events: none;
  width: 100%;
  height: 100%;
}

.swiper-button-lock {
  display: none;
}

.swiper-button-prev, .swiper-button-next {
  top: var(--swiper-navigation-top-offset, 50%);
  margin-top: calc(0px - (var(--swiper-navigation-size) / 2));
}

.swiper-button-prev {
  left: var(--swiper-navigation-sides-offset, 4px);
  right: auto;
}

.swiper-button-prev .swiper-navigation-icon {
  transform: rotate(180deg);
}

.swiper-button-next {
  right: var(--swiper-navigation-sides-offset, 4px);
  left: auto;
}

.swiper-horizontal .swiper-button-prev, .swiper-horizontal .swiper-button-next, .swiper-horizontal ~ .swiper-button-prev, .swiper-horizontal ~ .swiper-button-next {
  top: var(--swiper-navigation-top-offset, 50%);
  margin-top: calc(0px - (var(--swiper-navigation-size) / 2));
  margin-left: 0;
}

.swiper-horizontal .swiper-button-prev, .swiper-horizontal ~ .swiper-button-prev, .swiper-horizontal.swiper-rtl .swiper-button-next, .swiper-horizontal.swiper-rtl ~ .swiper-button-next {
  left: var(--swiper-navigation-sides-offset, 4px);
  right: auto;
}

.swiper-horizontal .swiper-button-next, .swiper-horizontal ~ .swiper-button-next, .swiper-horizontal.swiper-rtl .swiper-button-prev, .swiper-horizontal.swiper-rtl ~ .swiper-button-prev {
  right: var(--swiper-navigation-sides-offset, 4px);
  left: auto;
}

:is(.swiper-horizontal .swiper-button-prev, .swiper-horizontal ~ .swiper-button-prev, .swiper-horizontal.swiper-rtl .swiper-button-next, .swiper-horizontal.swiper-rtl ~ .swiper-button-next) .swiper-navigation-icon {
  transform: rotate(180deg);
}

:is(.swiper-horizontal.swiper-rtl .swiper-button-prev, .swiper-horizontal.swiper-rtl ~ .swiper-button-prev) .swiper-navigation-icon {
  transform: rotate(0);
}

.swiper-vertical .swiper-button-prev, .swiper-vertical .swiper-button-next, .swiper-vertical ~ .swiper-button-prev, .swiper-vertical ~ .swiper-button-next {
  left: var(--swiper-navigation-top-offset, 50%);
  margin-left: calc(0px - (var(--swiper-navigation-size) / 2));
  margin-top: 0;
  right: auto;
}

.swiper-vertical .swiper-button-prev, .swiper-vertical ~ .swiper-button-prev {
  top: var(--swiper-navigation-sides-offset, 4px);
  bottom: auto;
}

:is(.swiper-vertical .swiper-button-prev, .swiper-vertical ~ .swiper-button-prev) .swiper-navigation-icon {
  transform: rotate(-90deg);
}

.swiper-vertical .swiper-button-next, .swiper-vertical ~ .swiper-button-next {
  bottom: var(--swiper-navigation-sides-offset, 4px);
  top: auto;
}

:is(.swiper-vertical .swiper-button-next, .swiper-vertical ~ .swiper-button-next) .swiper-navigation-icon {
  transform: rotate(90deg);
}

/* [project]/node_modules/swiper/modules/pagination.css [app-client] (css) */
.swiper-pagination {
  text-align: center;
  z-index: 10;
  transition: opacity .3s;
  position: absolute;
  transform: translate3d(0, 0, 0);
}

.swiper-pagination.swiper-pagination-hidden {
  opacity: 0;
}

.swiper-pagination-disabled > .swiper-pagination, .swiper-pagination.swiper-pagination-disabled {
  display: none !important;
}

.swiper-pagination-fraction, .swiper-pagination-custom, .swiper-horizontal > .swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal {
  bottom: var(--swiper-pagination-bottom, 8px);
  top: var(--swiper-pagination-top, auto);
  width: 100%;
  left: 0;
}

.swiper-pagination-bullets-dynamic {
  font-size: 0;
  overflow: hidden;
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  position: relative;
  transform: scale(.33);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active, .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
  transform: scale(1);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
  transform: scale(.66);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
  transform: scale(.33);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
  transform: scale(.66);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
  transform: scale(.33);
}

.swiper-pagination-bullet {
  width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));
  height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));
  border-radius: var(--swiper-pagination-bullet-border-radius, 50%);
  background: var(--swiper-pagination-bullet-inactive-color, #000);
  opacity: var(--swiper-pagination-bullet-inactive-opacity, .2);
  display: inline-block;
}

button.swiper-pagination-bullet {
  box-shadow: none;
  appearance: none;
  border: none;
  margin: 0;
  padding: 0;
}

.swiper-pagination-clickable .swiper-pagination-bullet {
  cursor: pointer;
}

.swiper-pagination-bullet:only-child {
  display: none !important;
}

.swiper-pagination-bullet-active {
  opacity: var(--swiper-pagination-bullet-opacity, 1);
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
}

.swiper-vertical > .swiper-pagination-bullets, .swiper-pagination-vertical.swiper-pagination-bullets {
  right: var(--swiper-pagination-right, 8px);
  left: var(--swiper-pagination-left, auto);
  top: 50%;
  transform: translate3d(0, -50%, 0);
}

:is(.swiper-vertical > .swiper-pagination-bullets, .swiper-pagination-vertical.swiper-pagination-bullets) .swiper-pagination-bullet {
  margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0;
  display: block;
}

:is(.swiper-vertical > .swiper-pagination-bullets, .swiper-pagination-vertical.swiper-pagination-bullets).swiper-pagination-bullets-dynamic {
  width: 8px;
  top: 50%;
  transform: translateY(-50%);
}

:is(.swiper-vertical > .swiper-pagination-bullets, .swiper-pagination-vertical.swiper-pagination-bullets).swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: transform .2s, top .2s;
  display: inline-block;
}

:is(.swiper-horizontal > .swiper-pagination-bullets, .swiper-pagination-horizontal.swiper-pagination-bullets) .swiper-pagination-bullet {
  margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px);
}

:is(.swiper-horizontal > .swiper-pagination-bullets, .swiper-pagination-horizontal.swiper-pagination-bullets).swiper-pagination-bullets-dynamic {
  white-space: nowrap;
  left: 50%;
  transform: translateX(-50%);
}

:is(.swiper-horizontal > .swiper-pagination-bullets, .swiper-pagination-horizontal.swiper-pagination-bullets).swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: transform .2s, left .2s;
}

.swiper-horizontal.swiper-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: transform .2s, right .2s;
}

.swiper-pagination-fraction {
  color: var(--swiper-pagination-fraction-color, inherit);
}

.swiper-pagination-progressbar {
  background: var(--swiper-pagination-progressbar-bg-color, #00000040);
  position: absolute;
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
  transform-origin: 0 0;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  transform: scale(0);
}

.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  transform-origin: 100% 0;
}

.swiper-horizontal > .swiper-pagination-progressbar, .swiper-pagination-progressbar.swiper-pagination-horizontal, .swiper-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite, .swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite {
  width: 100%;
  height: var(--swiper-pagination-progressbar-size, 4px);
  top: 0;
  left: 0;
}

.swiper-vertical > .swiper-pagination-progressbar, .swiper-pagination-progressbar.swiper-pagination-vertical, .swiper-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite, .swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite {
  width: var(--swiper-pagination-progressbar-size, 4px);
  height: 100%;
  top: 0;
  left: 0;
}

.swiper-pagination-lock {
  display: none;
}

/* [project]/src/components/VideoSlider/VideoSlider.module.css [app-client] (css) */
.VideoSlider-module__VSUyBW__videoSliderContainer {
  width: 100%;
}

.VideoSlider-module__VSUyBW__sectionTitle {
  text-align: center;
  color: #1f2937;
  margin-bottom: 2rem;
  font-size: 2rem;
  font-weight: 700;
}

.VideoSlider-module__VSUyBW__loadingSpinner, .VideoSlider-module__VSUyBW__errorMessage {
  text-align: center;
  color: #6b7280;
  padding: 2rem;
  font-size: 1.1rem;
}

.VideoSlider-module__VSUyBW__sliderWrapper {
  width: 100%;
  padding: 2rem 0;
  position: relative;
}

.VideoSlider-module__VSUyBW__videoSwiper {
  --swiper-pagination-color: var(--brand-color-3);
  --swiper-pagination-bullet-inactive-color: #999;
  --swiper-pagination-bullet-inactive-opacity: 1;
  --swiper-pagination-bullet-size: 12px;
  --swiper-pagination-bullet-horizontal-gap: 6px;
  width: 100%;
  padding: 1rem 0 3rem;
}

.VideoSlider-module__VSUyBW__videoSwiper svg {
  fill: var(--brand-color-3);
  color: var(--brand-color-3) !important;
}

.VideoSlider-module__VSUyBW__videoCard {
  cursor: pointer;
  background: #fff;
  border-radius: 0;
  flex-direction: column;
  flex-shrink: 0;
  width: 100%;
  max-width: 400px;
  margin: 0 4rem;
  display: flex;
  overflow: hidden;
  box-shadow: 0 8px 16px #00000026;
}

.VideoSlider-module__VSUyBW__videoThumbnail {
  width: 100%;
  position: relative;
  overflow: hidden;
}

.VideoSlider-module__VSUyBW__videoThumbnail .VideoSlider-module__VSUyBW__playButton {
  z-index: 2;
  background: #fff;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 64px;
  height: 64px;
  transition: transform .3s cubic-bezier(.4, 2, .6, 1);
  display: flex;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%)scale(1.15);
  box-shadow: 0 0 16px 4px #ffffff96, 0 2px 8px #0000001a;
}

.VideoSlider-module__VSUyBW__videoThumbnail .VideoSlider-module__VSUyBW__playIcon {
  color: var(--brand-color-3);
  font-size: 2.2rem;
  display: block;
}

.VideoSlider-module__VSUyBW__videoThumbnail:hover .VideoSlider-module__VSUyBW__playButton {
  transform: translate(-50%, -50%)scale(1.25);
  box-shadow: 0 0 16px 4px #ffffff96, 0 2px 8px #00000040;
}

.VideoSlider-module__VSUyBW__videoInfo {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  padding: 1.25rem;
  display: flex;
}

.VideoSlider-module__VSUyBW__videoTitle {
  color: #1f2937;
  -webkit-box-orient: vertical;
  margin: 0;
  font-weight: 600;
  overflow: hidden;
  font-size: 1.4rem !important;
  line-height: 1.6rem !important;
}

.VideoSlider-module__VSUyBW__modalOverlay {
  z-index: 1000;
  background: #000c;
  justify-content: center;
  align-items: center;
  padding: 1rem;
  display: flex;
  position: fixed;
  inset: 0;
}

.VideoSlider-module__VSUyBW__modalContent {
  background: #fff;
  border-radius: .75rem;
  width: 100%;
  max-width: 1200px;
  max-height: 90vh;
  position: relative;
  overflow: hidden;
}

.VideoSlider-module__VSUyBW__modalCloseButton {
  color: #fff;
  cursor: pointer;
  z-index: 10;
  background: #000000b3;
  border: none;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  font-size: 1.2rem;
  transition: background .2s;
  display: flex;
  position: absolute;
  top: 1rem;
  right: 1rem;
}

.VideoSlider-module__VSUyBW__modalCloseButton:hover {
  background: #000000e6;
}

.VideoSlider-module__VSUyBW__modalBody {
  height: 600px;
  display: flex;
}

.VideoSlider-module__VSUyBW__modalVideoPlayer {
  flex: 2;
  position: relative;
}

.VideoSlider-module__VSUyBW__modalVideoPlayer iframe {
  width: 100%;
  height: 100%;
}

.VideoSlider-module__VSUyBW__modalVideoList {
  background: #f8fafc;
  border-left: 1px solid #e2e8f0;
  flex-direction: column;
  flex: 1;
  display: flex;
}

.VideoSlider-module__VSUyBW__modalVideoListTitle {
  color: #1f2937;
  border-bottom: 1px solid #e2e8f0;
  margin: 0;
  padding: 1.5rem 1rem 1rem;
  font-size: 1.25rem;
  font-weight: 600;
}

.VideoSlider-module__VSUyBW__videoListScroller {
  flex: 1;
  padding: 1.5rem;
  overflow-y: auto;
}

.VideoSlider-module__VSUyBW__modalVideoItem {
  cursor: pointer;
  border-radius: .5rem;
  justify-content: center;
  gap: .75rem;
  margin-bottom: .5rem;
  padding: .75rem;
  transition: background .2s;
  display: flex;
}

.VideoSlider-module__VSUyBW__modalVideoItem:hover {
  background: #e2e8f0;
}

.VideoSlider-module__VSUyBW__modalVideoItemActive {
  border-left: 4px solid #1e40af;
  background: #dbeafe !important;
}

.VideoSlider-module__VSUyBW__modalVideoThumbnail {
  object-fit: cover;
  border-radius: .375rem;
  flex-shrink: 0;
  width: 300px;
  height: 200px;
}

.VideoSlider-module__VSUyBW__modalVideoInfo {
  flex: 1;
  align-items: center;
  display: flex;
}

.VideoSlider-module__VSUyBW__modalVideoTitle {
  color: #374151;
  -webkit-box-orient: vertical;
  margin: 0;
  font-size: 1rem;
  font-weight: 500;
  overflow: hidden;
  line-height: 1.2rem !important;
}

@media (max-width: 768px) {
  .VideoSlider-module__VSUyBW__modalContent {
    max-height: 95vh;
    margin: .5rem;
  }

  .VideoSlider-module__VSUyBW__modalBody {
    flex-direction: column;
  }

  .VideoSlider-module__VSUyBW__modalVideoList {
    border-top: 1px solid #e2e8f0;
    border-left: none;
    max-height: 300px;
  }

  .VideoSlider-module__VSUyBW__sectionTitle {
    font-size: 1.75rem;
  }

  .VideoSlider-module__VSUyBW__videoCard {
    margin: 0 .5rem;
  }

  .VideoSlider-module__VSUyBW__videoTitle {
    font-size: 1.2rem !important;
  }
}

.VideoSlider-module__VSUyBW__videoListScroller::-webkit-scrollbar {
  width: 6px;
}

.VideoSlider-module__VSUyBW__videoListScroller::-webkit-scrollbar-track {
  background: #f1f5f9;
}

.VideoSlider-module__VSUyBW__videoListScroller::-webkit-scrollbar-thumb {
  background: #cbd5e1;
  border-radius: 3px;
}

.VideoSlider-module__VSUyBW__videoListScroller::-webkit-scrollbar-thumb:hover {
  background: #94a3b8;
}

/*# sourceMappingURL=_d33901b4._.css.map*/