/*@import url("https://cdnjs.cloudflare.com/ajax/libs/meyer-reset/2.0/reset.min.css");*/
@import url("https://fonts.googleapis.com/css?family=Open+Sans:400,700,600");

@font-face {
  font-family: "Font Awesome 6 Free-Solid";
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/Font Awesome 6 Free-Solid-900.otf") format("opentype");
}

table, th, td {
  border: 1px solid black;
  border-collapse: collapse;
  padding: 5px;
}


.screen a {
  display: contents;
  text-decoration: none;
}

.products a {
  display: inline;
}

.container-center-horizontal {
  display: flex;
  flex-direction: row;
  justify-content: center;
  pointer-events: none;
  width: 100%;
}

.container-center-horizontal > * {
  flex-shrink: 0;
  pointer-events: auto;
}

.auto-animated div {
  --z-index: -1;
  opacity: 0;
  position: absolute;
}

.auto-animated input {
  --z-index: -1;
  opacity: 0;
  position: absolute;
}

.auto-animated .container-center-vertical,
.auto-animated .container-center-horizontal {
  opacity: 1;
}

.valign-text-middle {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.listeners-active,
.listeners-active * {
  pointer-events: auto;
}

.hidden,
.hidden * {
  pointer-events: none;
  visibility: hidden;
}

.listeners-active-click,
.listeners-active-click * {
  cursor: pointer;
}

* {
  box-sizing: border-box;
}

.tabs-and-logo {
  align-items: center;
  align-self: stretch;
  display: inline-flex;
  flex: 0 0 auto;
  gap: 45px;
  position: relative;
}

.navigation-main-nav-elements-logo {
  cursor: pointer;
  height: 70px;
  position: relative;
  width: 310px;
}

.menu {
  align-items: center;
  display: inline-flex;
  flex: 0 0 auto;
  gap: 15px;
  position: relative;
}

.popular-articles {
  letter-spacing: 0;
  line-height: 30px;
  margin-top: -1.00px;
  position: relative;
  text-align: center;
  white-space: nowrap;
  width: fit-content;
}

.navigation-main-nav-elements-logo-1 {
  height: 70px;
  position: relative;
  width: 300px;
}

.trans-perfects-trial {
  letter-spacing: 0;
  line-height: 20px;
  position: relative;
  width: 300px;
}

.products-and-social {
  align-items: flex-start;
  display: inline-flex;
  flex: 0 0 auto;
  gap: 90px;
  position: relative;
}

.products {
  align-items: flex-start;
  display: inline-flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 15px;
  position: relative;
  border: none !important;
}

.products-1 {
  letter-spacing: 0;
  line-height: 15px;
  margin-top: -1.00px;
  position: relative;
  text-align: center;
  white-space: nowrap;
  width: fit-content;
}

.list {
  align-items: flex-start;
  display: inline-flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 15px;
  position: relative;
}

.ti-solutions {
  letter-spacing: 0;
  line-height: 25px;
  margin-top: -1.00px;
  position: relative;
  text-align: center;
  white-space: nowrap;
  width: fit-content;
}

.list-item {
  letter-spacing: 0;
  line-height: 25px;
  position: relative;
  text-align: center;
  white-space: nowrap;
  width: fit-content;
}

.get-in-touch {
  align-items: flex-start;
  display: inline-flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 15px;
  position: relative;
}

.get-in-touch-1 {
  letter-spacing: 0;
  line-height: 15px;
  margin-top: -1.00px;
  position: relative;
  text-align: center;
  white-space: nowrap;
  width: fit-content;
}

.list-1 {
  align-items: flex-start;
  display: inline-flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 15px;
  position: relative;
}

.linkedin {
  align-items: center;
  display: inline-flex;
  flex: 0 0 auto;
  gap: 5px;
  position: relative;
}

.brands {
  height: 20px;
  position: relative;
  width: 20px;
}

.linkedin-1 {
  letter-spacing: 0;
  line-height: 25px;
  margin-top: -1.00px;
  position: relative;
  text-align: center;
  white-space: nowrap;
  width: fit-content;
}

.twitter {
  align-items: center;
  display: inline-flex;
  flex: 0 0 auto;
  gap: 5px;
  position: relative;
}

.twitter-1 {
  letter-spacing: 0;
  line-height: 25px;
  margin-top: -1.00px;
  position: relative;
  text-align: center;
  white-space: nowrap;
  width: fit-content;
}

.support-center {
  align-items: flex-start;
  flex-direction: column;
  width: 330px;
}

.didnt-find-what-you-need {
  letter-spacing: 0;
  line-height: 30px;
  margin-top: -1.00px;
  position: relative;
  text-align: center;
  white-space: nowrap;
  width: fit-content;
}

.our-dedicated-projec {
  letter-spacing: 0;
  line-height: 20px;
  position: relative;
  width: 330px;
}

.toll-free-888-391-5111 {
  letter-spacing: 0;
  line-height: 25px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.helptrialinteractivecom {
  letter-spacing: 0;
  line-height: 25px;
  position: relative;
  text-decoration: underline;
  white-space: nowrap;
  width: fit-content;
}

.buttons-primary-button-item {
  display: flex;
  flex-direction: column;
  gap: 10px;
  height: 15px;
  padding: 2px;
  width: 15px;
}

.additionnal-info {
  align-items: center;
  align-self: stretch;
  border-color: var(--primary-colorscolor-2);
  border-top-style: solid;
  border-top-width: 1px;
  display: flex;
  flex: 0 0 auto;
  justify-content: space-between;
  padding: 15px 90px;
  position: relative;
  width: 100%;
}

.x2023-trial-interac {
  letter-spacing: 0;
  line-height: 20px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.menu-1 {
  align-items: center;
  display: inline-flex;
  flex: 0 0 auto;
  gap: 30px;
  position: relative;
}

.place {
  letter-spacing: 0;
  line-height: 20px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.site-map {
  letter-spacing: 0;
  line-height: 20px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.our-locations {
  letter-spacing: 0;
  line-height: 20px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.privacy-statement {
  letter-spacing: 0;
  line-height: 20px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.globe-outline {
  height: 20px;
  left: 5px;
  position: absolute;
  top: 5px;
  width: 20px;
}

.language-2 {
  letter-spacing: 0;
  line-height: 20px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.caret-down {
  height: 15px;
  position: relative;
  width: 15px;
}

.external-link-4 {
  height: 15px;
  position: relative;
  width: 15px;
}

.support {
  display: flex;
  gap: 30px;
  position: relative;
}

.frame-291::-webkit-scrollbar {
  display: none;
  width: 0;
}

.frame-291 {
  align-items: flex-end;
  display: flex;
  /*height: 896px;*/
  min-width: 100%;
  /*overflow-y: scroll;*/
}

.overlap-group2 {
  /*
  height: 3530px;
  margin-bottom: -2634px;
  */
  position: relative;
  width: 100%;
}

.topics-1 {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 30px;
  position: relative;
  width: 100%;
}

.topics-2 {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  gap: 30px;
  position: relative;
  width: 100%;
}

.topic-card {
  align-items: center;
  background-color: var(--bgwhite);
  border-radius: 5px;
  box-shadow: 0px 2px 10px #00000026;
  display: flex;
  flex: 1;
  flex-grow: 1;
  gap: 15px;
  padding: 15px;
  position: relative;
}

.solidstar {
  height: 30px;
  position: relative;
  width: 30px;
}

.new-3-1 {
  height: 34px;
  left: 16px;
  position: absolute;
  top: 0;
  width: 34px;
}

.entity-name {
  align-items: center;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  gap: 5px;
  position: relative;
  width: 100%;
}

.solidhands-helping {
  height: 30px;
  position: relative;
  width: 30px;
}

.user {
  height: 30px;
  position: relative;
  width: 30px;
}

.topics-3 {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  gap: 30px;
  position: relative;
  width: 100%;
}

.protected {
  height: 30px;
  position: relative;
  width: 30px;
}

.sign-signature {
  height: 30px;
  position: relative;
  width: 30px;
}

.study {
  height: 30px;
  position: relative;
  width: 30px;
}

.topics-4 {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  gap: 30px;
  position: relative;
  width: 100%;
}

.collapse {
  height: 30px;
  position: relative;
  width: 30px;
}

.document-sign-amendments {
  height: 30px;
  position: relative;
  width: 30px;
}

.solidexport {
  height: 30px;
  position: relative;
  width: 30px;
}

.topics-underline {
  height: 11px;
  left: 200px;
  position: absolute;
  top: 60px;
  width: 97px;
}

.videos {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  gap: 30px;
  position: relative;
  width: 100%;
}

.releases-cards {
  align-items: flex-start;
  background-color: var(--bgwhite);
  border-radius: 8px;
  box-shadow: 0px 2px 10px #00000026;
  display: flex;
  flex: 1;
  flex-direction: column;
  flex-grow: 1;
  gap: 15px;
  padding: 15px;
  position: relative;
}

.text-and-supporting-text {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  flex-direction: column;
  gap: 5px;
  /*height: 130px;*/
  position: relative;
  width: 100%;
}

.releases-tag {
  align-items: flex-start;
  display: inline-flex;
  flex: 0 0 auto;
  position: relative;
}

.graphics-status-big {
  align-items: flex-start;
  display: inline-flex;
  flex: 0 0 auto;
  position: relative;
}

.graphics-status-elements-status {
  align-items: center;
  background-color: var(--primary-colorscolor-4);
  border-radius: 5px;
  display: inline-flex;
  flex: 0 0 auto;
  gap: 10px;
  justify-content: center;
  padding: 2px 7px 3px;
  position: relative;
}

.status {
  letter-spacing: 0;
  line-height: 15px;
  margin-top: -1.00px;
  position: relative;
  text-align: center;
  white-space: nowrap;
  width: fit-content;
}

.date {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  gap: 15px;
  position: relative;
  width: 100%;
}

.supporting-text {
  flex: 1;
  letter-spacing: 0;
  line-height: 15px;
  margin-top: -1.00px;
  position: relative;
}

.popular {
  align-items: flex-start;
  align-self: stretch;
  background-color: var(--bgwhite);
  display: flex;
  flex: 0 0 auto;
  gap: 75px;
  padding: 75px 90px;
  padding-top: 0;
  padding-bottom: 30px;
  position: relative;
  width: 100%;
}

.popular-1 {
  align-items: flex-start;
  display: flex;
  flex: 1;
  flex-direction: column;
  flex-grow: 1;
  gap: 30px;
  position: relative;
}

.frame-222 {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 30px;
  position: relative;
  width: 100%;
}

.articles {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  gap: 30px;
  position: relative;
  width: 100%;
}

.article {
  align-items: flex-start;
  display: flex;
  flex: 1;
  flex-direction: column;
  flex-grow: 1;
  gap: 15px;
  position: relative;
}

.frame-224 {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  flex-direction: column;
  gap: 5px;
  height: 129px;
  position: relative;
  width: 100%;
}

.associating-an-addre {
  align-self: stretch;
  letter-spacing: 0;
  line-height: 30px;
  margin-top: -1.00px;
  position: relative;
}

.this-section-provide {
  align-self: stretch;
  height: 40px;
  letter-spacing: 0;
  line-height: 20px;
  position: relative;
}

.tags {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  gap: 5px;
  position: relative;
  width: 100%;
}

.category-title {
  letter-spacing: 0;
  line-height: 15px;
  margin-top: -1.00px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.line-2 {
  align-self: stretch;
  height: 1px;
  margin-bottom: -1.00px;
  object-fit: cover;
  position: relative;
  width: 100%;
}

.articles-1 {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  gap: 30px;
  position: relative;
  width: 100%;
}

.acticles-underline {
  height: 11px;
  left: 102px;
  position: absolute;
  top: 27px;
  width: 97px;
}

.guide {
  align-items: flex-start;
  background-color: var(--bgwhite);
  border-radius: 10px;
  box-shadow: 0px 2px 10px #00000026;
  display: flex;
  flex-direction: column;
  gap: 30px;
  overflow: hidden;
  padding: 30px;
  position: relative;
  width: 300px;
}

.user-guide-title {
  align-items: center;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  gap: 10px;
  position: relative;
  width: 100%;
}

.get-help-from-the-user-guide {
  color: var(--text-colorsdefault);
  flex: 1;
  font-family: var(--font-family-open_sans);
  font-size: var(--font-size-xxl);
  font-weight: 600;
  letter-spacing: 0;
  line-height: 30px;
  margin-top: -1.00px;
  position: relative;
}

.chevron-right-1 {
  left: 65px;
  position: absolute;
  top: 38px;
}

.this-provides-you-wi {
  align-self: stretch;
  letter-spacing: 0;
  line-height: 20px;
  position: relative;
}

.guides {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 15px;
  position: relative;
  width: 100%;
}

.guides-item {
  align-items: center;
  align-self: stretch;
  display: flex;
  height: 60px;
  position: relative;
  width: 100%;
}

.frame-131 {
  align-items: flex-start;
  border-radius: 5px;
  display: inline-flex;
  flex: 0 0 auto;
  gap: 10px;
  position: relative;
}

.file-pdf_regular {
  height: 20px;
  position: relative;
  width: 20px;
}

.r-guide {
  flex: 1;
  letter-spacing: 0;
  line-height: 20px;
  margin-top: -1.00px;
  position: relative;
}

.chevron-right-2 {
  position: relative;
}

.chevron-right-4 {
  position: relative;
}

.chevron-right-5 {
  position: relative;
}

.videos-1 {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  gap: 30px;
  position: relative;
  width: 100%;
}

.video-card {
  align-items: flex-start;
  background-color: var(--bgwhite);
  border-radius: 8px;
  box-shadow: 0px 2px 10px #00000026;
  display: flex;
  flex: 1;
  flex-direction: column;
  flex-grow: 1;
  gap: 15px;
  /*height: 305px;*/
  padding: 15px;
  position: relative;
}

.video-1 {
  align-self: stretch;
  height: 130px;
  position: relative;
  width: 100%;
}

.video {
  align-items: flex-start;
  /*background-image: url(../img/video@2x.png);*/
  background-size: 100% 100%;
  display: flex;
  height: 130px;
  left: 0;
  min-width: 290px;
  position: absolute;
  top: 0;
}

.blur {
  /*background-color: var(--matisse);*/
  border-radius: 5px;
  height: 130px;
  /*opacity: 0.5;*/
  width: 290px;
}

.blur img {
  width: 100%;
}

.play {
  align-items: center;
  background-color: var(--bgwhite);
  border-radius: 5px;
  display: flex;
  gap: 10px;
  height: 17px;
  justify-content: center;
  left: 234px;
  padding: 3px 5px;
  position: absolute;
  top: 107px;
  width: 46px;
}

.text-1 {
  align-self: stretch;
  letter-spacing: 0;
  line-height: 30px;
  position: relative;
  margin: 0;
}

.video-2 {
  align-self: stretch;
  height: 130px;
  position: relative;
  width: 100%;
}

.video-3 {
  align-self: stretch;
  height: 130px;
  position: relative;
  width: 100%;
}

.video-4 {
  align-self: stretch;
  height: 130px;
  position: relative;
  width: 100%;
}

.content-8 {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 5px;
  position: relative;
  width: 100%;
}

.idea {
  align-items: flex-end;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 52px;
  padding: 75px 90px;
  padding-top: 0;
  position: relative;
  width: 100%;
}

.frame-48095546 {
  align-items: center;
  align-self: stretch;
  background-color: var(--primary-colorscolor-4);
  border-radius: 10px;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 15px;
  justify-content: center;
  overflow: hidden;
  padding: 30px 90px;
  position: relative;
  width: 100%;
}

.line-4 {
  height: 438px;
  left: -1160px;
  position: absolute;
  top: -175px;
  width: 1806px;
}

.content-9 {
  align-items: center;
  display: inline-flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 30px;
  justify-content: center;
  position: relative;
}

.content-10 {
  align-items: center;
  display: inline-flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 15px;
  justify-content: center;
  position: relative;
}

.do-you-have-an-idea {
  letter-spacing: 0;
  line-height: 30px;
  margin: 0;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.help-us-improve-tria {
  letter-spacing: 0;
  line-height: 20px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
  margin: 0;
}

.line-2-1 {
  height: 906px;
  left: -162px;
  position: absolute;
  top: -449px;
  width: 1815px;
}

.content-11 {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  justify-content: space-between;
  padding: 30px 90px;
  position: relative;
  width: 100%;
}

.brands-l-linkedin {
  height: 20px;
  position: relative;
  width: 20px;
}

.brands-t-twitter-square {
  height: 20px;
  position: relative;
  width: 20px;
}

.external-link-1 {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 10px;
  justify-content: center;
  padding: 2px;
}

.icon-right {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 10px;
  height: 15px;
  justify-content: center;
  padding: 2px;
  position: relative;
  width: 15px;
}

.header-3 {
  align-items: center;
  align-self: stretch;
  background-color: var(--primary-colorscolor-1);
  display: flex;
  height: 80px;
  justify-content: space-between;
  padding: 0px 90px;
  position: relative;
  width: 100%;
}

.tabs {
  align-items: flex-start;
  align-self: stretch;
  display: inline-flex;
  flex: 0 0 auto;
  gap: 5px;
  position: relative;
}

.controls-tabs-default {
  align-items: flex-start;
  display: inline-flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 3px;
  justify-content: center;
  position: relative;
}

.text-2 {
  align-items: flex-start;
  display: inline-flex;
  flex: 0 0 auto;
  gap: 5px;
  position: relative;
}

.tab {
  letter-spacing: 0;
  line-height: 30px;
  margin-top: -1.00px;
  position: relative;
  text-align: center;
  white-space: nowrap;
  width: fit-content;
}

.text-3 {
  align-items: flex-start;
  display: inline-flex;
  flex: 0 0 auto;
  gap: 5px;
  position: relative;
}

.text-4 {
  align-items: flex-start;
  display: inline-flex;
  flex: 0 0 auto;
  gap: 5px;
  position: relative;
}

.text-5 {
  align-items: flex-start;
  display: inline-flex;
  flex: 0 0 auto;
  gap: 5px;
  position: relative;
}

.header-tab-1 {
  align-items: center;
  background-color: var(--primary-colorscolor-2);
  border-radius: 0px 0px 5px 5px;
  display: inline-flex;
  flex: 0 0 auto;
  flex-direction: column;
  height: 70px;
  justify-content: center;
  padding: 10px 15px 0px;
  position: relative;
}

.text-6 {
  align-items: flex-start;
  display: inline-flex;
  flex: 0 0 auto;
  gap: 5px;
  position: relative;
}

.search {
  height: 30px;
  position: relative;
  width: 30px;
}

.remove-old {
  align-items: center;
  display: inline-flex;
  flex: 0 0 auto;
  gap: 5px;
  justify-content: center;
  position: relative;
}

.avatar {
  align-items: center;
  display: inline-flex;
  flex: 0 0 auto;
  gap: 10px;
  justify-content: center;
  position: relative;
}

.graphics-avatar {
  align-items: flex-start;
  border: 1px solid;
  border-color: var(--primary-colorscolor-4);
  border-radius: 40px;
  display: flex;
  gap: 10px;
  height: 42px;
  margin-bottom: -1.00px;
  margin-left: -1.00px;
  margin-right: -1.00px;
  margin-top: -1.00px;
  position: relative;
  width: 42px;
}

.arrow {
  align-items: center;
  align-self: stretch;
  display: inline-flex;
  flex: 0 0 auto;
  gap: 10px;
  position: relative;
}

.icon-2 {
  height: 10px;
  position: relative;
  width: 10px;
}

.selecr-role {
  align-items: center;
  border: 1px solid;
  border-color: var(--charts--graphsgrey);
  border-radius: 5px;
  display: inline-flex;
  flex: 0 0 auto;
  gap: 5px;
  padding: 5px 10px;
  position: relative;
}

.frame-262 {
  align-items: flex-start;
  display: inline-flex;
  flex: 0 0 auto;
  gap: 5px;
  position: relative;
}

.role {
  letter-spacing: 0;
  line-height: 30px;
  margin-top: -1.00px;
  position: relative;
  text-align: center;
  white-space: nowrap;
  width: fit-content;
}

.all {
  letter-spacing: 0;
  line-height: 30px;
  margin-top: -1.00px;
  position: relative;
  text-align: center;
  white-space: nowrap;
  width: fit-content;
}

.offers-button-1 {
  align-items: center;
  background-color: var(--primary-colorscolor-1);
  border-radius: 5px;
  display: inline-flex;
  flex: 0 0 auto;
  gap: 10px;
  padding: 5px 10px;
  position: relative;
}

.some-category {
  letter-spacing: 0;
  line-height: 30px;
  margin-top: -1.00px;
  position: relative;
  text-align: center;
  white-space: nowrap;
  width: fit-content;
}

.offers-button {
  align-items: center;
  background-color: var(--primary-colorscolor-4);
  border-radius: 5px;
  display: inline-flex;
  flex: 0 0 auto;
  gap: 10px;
  padding: 5px 10px;
  position: relative;
}

.switch-button {
  align-items: center;
  border-radius: 50px;
  display: flex;
  gap: 10px;
  justify-content: center;
  padding: 10px 15px;
  position: relative;
  width: 150px;
}

.switch-button a {
  display: block;
}

.ctms {
  letter-spacing: 0;
  line-height: 30px;
  margin-top: -1.00px;
  position: relative;
  text-align: center;
  white-space: nowrap;
  width: fit-content;
}

.switch-button-1 {
  align-items: center;
  background-color: var(--bgwhite);
  border-radius: 50px;
  display: flex;
  gap: 10px;
  justify-content: center;
  padding: 10px 15px;
  position: relative;
  width: 150px;
}

.support-buttons-1 {
  align-items: center;
  background-color: var(--white-2);
  display: flex;
  gap: 30px;
  height: 30px;
  justify-content: flex-end;
  padding: 0px 90px;
  position: relative;
  width: 100%;
}

.label-9 {
  white-space: nowrap;
  width: fit-content;
}

.header-4 {
  align-items: center;
  align-self: stretch;
  display: flex;
  height: 80px;
  justify-content: space-between;
  padding: 0px 90px;
  position: relative;
  width: 100%;
}

.rectangle-57 {
  background-color: var(--bgwhite);
  height: 38px;
  left: 0;
  position: absolute;
  top: 569px;
  width: 100%;
}

.search-header {
  align-items: center;
  background-color: var(--bgwhite);
  border-radius: 8px;
  display: flex;
  gap: 15px;
  height: 50px;
  justify-content: center;
  /*left: 481px;*/
  left: calc(50% - 300px);
  padding: 15px;
  position: relative;
  top: 317px;
  width: 590px;
}

.content-12 {
  align-items: center;
  display: flex;
  flex: 1;
  flex-grow: 1;
  gap: 15px;
  position: relative;
}

.search-1 {
  height: 20px;
  position: relative;
  width: 20px;
}

.chevron {
  height: 15px;
  position: relative;
  width: 15px;
}

.chevron-right-6 {
  height: 15px;
  width: 15px;
}

.ctms-5 {
  letter-spacing: 0;
  line-height: 30px;
  margin-top: -1.00px;
  position: relative;
  text-align: center;
  white-space: nowrap;
  width: fit-content;
}

.entity-name-10 {
  letter-spacing: 0;
  line-height: 30px;
  margin-top: -1.00px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.external-link-10 {
  height: 15px;
  position: relative;
  width: 15px;
}

.file-pdf_regular-3 {
  height: 20px;
  position: relative;
  width: 20px;
}

.graphics-status-big-8 {
  align-items: flex-start;
  display: inline-flex;
  flex: 0 0 auto;
  position: relative;
}

.label-10 {
  letter-spacing: 0;
  line-height: 20px;
  position: relative;
}

.popular-articles-4 {
  letter-spacing: 0;
  line-height: 30px;
  margin-top: -1.00px;
  position: relative;
  text-align: center;
  white-space: nowrap;
  width: fit-content;
}

.releases-tag-8 {
  align-items: flex-start;
  display: inline-flex;
  flex: 0 0 auto;
  position: relative;
}

.some-category-6 {
  letter-spacing: 0;
  line-height: 30px;
  margin-top: -1.00px;
  position: relative;
  text-align: center;
  white-space: nowrap;
  width: fit-content;
}

.status-8 {
  letter-spacing: 0;
  line-height: 15px;
  margin-top: -1.00px;
  position: relative;
  text-align: center;
  white-space: nowrap;
  width: fit-content;
}

.supporting-text-9 {
  align-self: stretch;
  letter-spacing: 0;
  line-height: 20px;
  position: relative;
  margin: 0;
}

.tab-5 {
  letter-spacing: 0;
  line-height: 30px;
  margin-top: -1.00px;
  position: relative;
  text-align: center;
  white-space: nowrap;
  width: fit-content;
}

.tag-5 {
  align-items: flex-start;
  background-color: var(--primary-colorscolor-4);
  border-radius: 5px;
  display: inline-flex;
  flex: 0 0 auto;
  gap: 10px;
  padding: 2px 5px;
  position: relative;
}

.tags-4 {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  gap: 5px;
  position: relative;
  width: 100%;
}

.top-9 {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 5px;
  position: relative;
  width: 100%;
}

.sidebar::-webkit-scrollbar {
  display: none;
  width: 0;
}

.titles {
  align-items: flex-start;
  display: inline-flex;
  flex: 0 0 auto;
  flex-direction: column;
  position: relative;
  width: 440px;
  margin-top: 25px;
}

.sidebar-title {
  align-items: center;
  display: flex;
  gap: 10px;
  height: 50px;
  padding: 0px 10px 0px 90px;
  position: relative;
  width: 350px;
}

.frame-235 {
  align-items: center;
  align-self: stretch;
  display: flex;
  flex: 1;
  flex-grow: 1;
  gap: 15px;
  padding: 0px 15px;
  position: relative;
}

.solidcircle {
  height: 10px;
  position: relative;
  width: 10px;
}

.user-management {
  letter-spacing: 0;
  line-height: 25px;
  margin-right: -15.00px;
  margin-top: -1.00px;
  position: relative;
  width: 195px;
}

.solidcircle-1 {
  height: 10px;
  position: relative;
  width: 10px;
}

.user-management-1 {
  letter-spacing: 0;
  line-height: 25px;
  margin-top: -1.00px;
  position: relative;
  width: 195px;
}

.sidebar-title-1 {
  align-items: center;
  display: flex;
  gap: 15px;
  height: 50px;
  padding: 0px 15px 0px 105px;
  position: relative;
  width: 350px;
}

.user-management-user-management {
  flex: 1;
  letter-spacing: 0;
  line-height: 20px;
  margin-top: -1.00px;
  position: relative;
}

.frame-235-2 {
  background-color: var(--primary-colorscolor-2);
  border-radius: 2px;
}

.page-pagination-1 {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 15px;
  position: relative;
  width: 100%;
}

.scrolling-navigation-title-2 {
  gap: 15px;
  padding: 5px 15px;
  width: 196px;
}

.adding-unblinded-per {
  flex: 1;
  letter-spacing: 0;
  line-height: 20px;
  margin-top: -1.00px;
  position: relative;
}

.scrolling-navigation-title {
  align-items: flex-start;
  align-self: stretch;
  border-radius: 5px;
  display: flex;
  flex: 0 0 auto;
  gap: 15px;
  padding: 5px 15px;
  position: relative;
  width: 100%;
}

.by-category {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 15px;
  position: relative;
  width: 100%;
}

.by-category-1 {
  letter-spacing: 0;
  line-height: 15px;
  margin-right: -10.00px;
  margin-top: -1.00px;
  position: relative;
  width: 200px;
}

.row {
  align-items: flex-start;
  display: inline-flex;
  flex: 0 0 auto;
  gap: 15px;
  position: relative;
}

.progress-type-or-subtype {
  align-self: stretch;
  height: 15px;
  position: relative;
  width: 100%;
}

.type-or-subtype {
  left: 0;
  letter-spacing: 0;
  line-height: 15px;
  position: absolute;
  top: -1px;
  white-space: nowrap;
}

.frame-256 {
  align-items: center;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  justify-content: space-between;
  position: relative;
  width: 100%;
}

.content-editing-and {
  align-self: stretch;
  letter-spacing: 0;
  line-height: 20px;
  margin-top: -1.00px;
  position: relative;
}

.reviewers-can-annota {
  align-self: stretch;
  letter-spacing: 0;
  line-height: 20px;
  position: relative;
}

.the-content-editing {
  align-self: stretch;
  letter-spacing: 0;
  line-height: 20px;
  position: relative;
}

.check-out {
  letter-spacing: 0;
  line-height: 30px;
  margin-top: -1.00px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.x-edit {
  letter-spacing: 0;
  line-height: 20px;
  margin-top: -1.00px;
  position: relative;
  width: 750px;
}

.clicking-the-check-o {
  align-self: stretch;
  letter-spacing: 0;
  line-height: 20px;
  margin-top: -1.00px;
  position: relative;
}

.from-here-you-can-i {
  align-self: stretch;
  letter-spacing: 0;
  line-height: 20px;
  margin-top: -1.00px;
  position: relative;
}

.check-out-my-edit {
  letter-spacing: 0;
  line-height: 30px;
  margin-top: -1.00px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.clicking-the-check-o-1 {
  letter-spacing: 0;
  line-height: 20px;
  position: relative;
  width: 750px;
}

.the-document-can-be {
  align-self: stretch;
  letter-spacing: 0;
  line-height: 20px;
  margin-top: -1.00px;
  position: relative;
}

.this-allows-you-to-e {
  align-self: stretch;
  letter-spacing: 0;
  line-height: 20px;
  margin-top: -1.00px;
  position: relative;
}

.the-edited-document {
  align-self: stretch;
  letter-spacing: 0;
  line-height: 20px;
  margin-top: -1.00px;
  position: relative;
}

.frame-254 {
  align-items: flex-start;
  display: inline-flex;
  flex: 0 0 auto;
  gap: 5px;
  margin-right: -20.00px;
  position: relative;
}

.note-1 {
  letter-spacing: 0;
  line-height: 15px;
  margin-top: -1.00px;
  position: relative;
  width: 720px;
}

.to-enable-collaborat {
  align-self: stretch;
  letter-spacing: 0;
  line-height: 20px;
  position: relative;
}

.topic-level {
  align-items: center;
  border-bottom-style: solid;
  border-bottom-width: 2px;
  border-color: var(--charts--graphslight-grey);
  display: flex;
  height: 60px;
  justify-content: space-between;
  padding: 0px 5px;
  position: relative;
  width: 750px;
}

.exporting-selected-u {
  color: var(--text-colorsdefault);
  font-family: var(--font-family-open_sans);
  font-size: var(--font-size-m);
  font-weight: 700;
  letter-spacing: 0;
  line-height: 25px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.check-out-collaborative-edit {
  letter-spacing: 0;
  line-height: 30px;
  margin-top: -1.00px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.frame-253 {
  align-items: flex-start;
  display: inline-flex;
  flex: 0 0 auto;
  gap: 10px;
  position: relative;
}

.once-you-click-the-n {
  align-self: stretch;
  letter-spacing: 0;
  line-height: 20px;
  margin-top: -1.00px;
  position: relative;
}

.once-you-select-all {
  align-self: stretch;
  letter-spacing: 0;
  line-height: 20px;
  margin-top: -1.00px;
  position: relative;
}

.the-initiated-collab {
  align-self: stretch;
  letter-spacing: 0;
  line-height: 20px;
  margin-top: -1.00px;
  position: relative;
}

.level-4-1 {
  align-items: flex-start;
  display: inline-flex;
  flex: 0 0 auto;
  flex-direction: column;
  position: relative;
}

.was-this-article-helpful-1 {
  letter-spacing: 0;
  line-height: 30px;
  margin-top: -1.00px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.yes-no {
  align-items: flex-start;
  display: inline-flex;
  flex: 0 0 auto;
  gap: 45px;
  position: relative;
}

.yes-no-item {
  align-items: center;
  display: inline-flex;
  flex: 0 0 auto;
  flex-direction: column;
  position: relative;
}

.feedback-icon {
  align-items: center;
  background-color: var(--primary-colorscolor-4);
  border-radius: 50px;
  display: flex;
  height: 40px;
  justify-content: center;
  position: relative;
  width: 40px;
}

.yes {
  letter-spacing: 0;
  line-height: 20px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.pagination {
  align-items: flex-start;
  background-color: var(--bgwhite);
  border-radius: 5px;
  box-shadow: 0px 2px 10px #00000026;
  display: flex;
  flex-direction: column;
  gap: 5px;
  padding: 15px;
  position: relative;
  width: 30%;
}

.previous {
  align-items: center;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  gap: 5px;
  position: relative;
  width: 100%;
}

.description-2 {
  letter-spacing: 0;
  line-height: 15px;
  margin-top: -1.00px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.pre-requisities {
  align-self: stretch;
  letter-spacing: 0;
  line-height: 25px;
  position: relative;
}

.previous-1 {
  align-items: center;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  gap: 5px;
  position: relative;
  width: 100%;
}

.description-3 {
  letter-spacing: 0;
  line-height: 15px;
  margin-top: -1.00px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.blinded-studies {
  align-self: stretch;
  letter-spacing: 0;
  line-height: 25px;
  position: relative;
}

.place-1 {
  letter-spacing: 0;
  line-height: 20px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.adding-unblinded-per-7 {
  flex: 1;
  letter-spacing: 0;
  line-height: 20px;
  margin-top: -1.00px;
  position: relative;
}

.arrow-circle {
  height: 15px;
  position: relative;
  width: 15px;
}

.category-title-4 {
  letter-spacing: 0;
  line-height: 15px;
  margin-top: -1.00px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.chevron-down-16 {
  height: 15px;
  position: relative;
  width: 15px;
}

.exporting-selected-u-3 {
  letter-spacing: 0;
  line-height: 25px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.filters-3 {
  align-items: flex-start;
  flex: 0 0 auto;
  position: relative;
}

.frame-235-3 {
  align-items: center;
  align-self: stretch;
  display: flex;
  flex: 1;
  flex-grow: 1;
  gap: 15px;
  padding: 5px 15px;
  position: relative;
}

.link-3 {
  height: 15px;
  position: relative;
  width: 15px;
}

.row-3 {
  align-items: flex-start;
  display: inline-flex;
  flex: 0 0 auto;
  gap: 15px;
  position: relative;
}

.scrolling-navigation-title-3 {
  align-items: flex-start;
  border-radius: 5px;
  display: flex;
  flex: 0 0 auto;
  position: relative;
}

.solidthumbs {
  height: 15px;
  position: relative;
  width: 15px;
}

.tag-4 {
  align-items: flex-start;
  background-color: var(--primary-colorscolor-4);
  border-radius: 5px;
  display: inline-flex;
  flex: 0 0 auto;
  padding: 2px 5px;
  position: relative;
}

.user-management-user-management-9 {
  flex: 1;
  letter-spacing: 0;
  line-height: 20px;
  margin-top: -1.00px;
  position: relative;
}

.rectangle-13 {
  align-self: stretch;
  background-color: var(--charts--graphslight-grey);
  border-radius: 5px;
  position: relative;
  width: 4px;
}

.level-5 {
  align-self: stretch;
  display: flex;
  width: 100%;
}

.release-documentation {
  letter-spacing: 0;
  line-height: 30px;
  margin-top: -1.00px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.global-learn-user-guide {
  flex: 1;
  letter-spacing: 0;
  line-height: 25px;
  position: relative;
}

.e-tmf-health-dashlet-and-document-count {
  letter-spacing: 0;
  line-height: 30px;
  margin-top: -1.00px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.this-dashlet-now-fol {
  letter-spacing: 0;
  line-height: 20px;
  margin-top: -1.00px;
  position: relative;
  width: 750px;
}

.audit-trail-access-f {
  letter-spacing: 0;
  line-height: 30px;
  margin-top: -1.00px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.while-ti-has-provide {
  letter-spacing: 0;
  line-height: 20px;
  margin-top: -1.00px;
  position: relative;
  width: 750px;
}

.copying-an-existing-audit {
  letter-spacing: 0;
  line-height: 30px;
  margin-top: -1.00px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.users-of-trial-inter {
  letter-spacing: 0;
  line-height: 20px;
  margin-top: -1.00px;
  position: relative;
  width: 750px;
}

.documents-from-selec {
  align-self: stretch;
  letter-spacing: 0;
  line-height: 20px;
  margin-top: -1.00px;
  position: relative;
}

.additionally-this-i {
  align-self: stretch;
  letter-spacing: 0;
  line-height: 20px;
  margin-top: -1.00px;
  position: relative;
}

.title-11 {
  align-items: center;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  gap: 5px;
  position: relative;
  width: 100%;
}

.new-search-interface {
  letter-spacing: 0;
  line-height: 30px;
  margin-top: -1.00px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.trial-interactive-no {
  letter-spacing: 0;
  line-height: 20px;
  margin-top: -1.00px;
  position: relative;
  width: 750px;
}

.level-3-5 {
  gap: 15px;
}

.title-12 {
  align-items: flex-start;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 15px;
  position: relative;
  width: 750px;
}

.title-13 {
  align-items: center;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  gap: 5px;
  position: relative;
  width: 100%;
}

.new-notifications {
  letter-spacing: 0;
  line-height: 30px;
  margin-top: -1.00px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.add-new-notification {
  letter-spacing: 0;
  line-height: 20px;
  margin-top: -1.00px;
  position: relative;
  width: 750px;
}

.level-3-6 {
  gap: 15px;
}

.title-14 {
  align-items: flex-start;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 15px;
  position: relative;
  width: 750px;
}

.title-15 {
  align-items: center;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  gap: 5px;
  position: relative;
  width: 100%;
}

.improve-email-subjec {
  letter-spacing: 0;
  line-height: 20px;
  margin-top: -1.00px;
  position: relative;
  width: 750px;
}

.x30 {
  background-color: var(--primary-colorscolor-2);
  border-radius: 5px;
  height: 30px;
  margin-left: -4px;
  position: relative;
  width: 4px;
}

.title-16 {
  align-items: flex-start;
  display: inline-flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 5px;
  position: relative;
}

.adding-unblinded-per-9 {
  flex: 1;
  letter-spacing: 0;
  line-height: 20px;
  margin-top: -1.00px;
  position: relative;
}

.chevron-down-13 {
  height: 15px;
  position: relative;
  width: 15px;
}

.frame-253-4 {
  align-items: flex-start;
  display: inline-flex;
  flex: 0 0 auto;
  gap: 10px;
  position: relative;
}

.level-3-7 {
  align-items: flex-start;
  display: inline-flex;
  flex: 0 0 auto;
  flex-direction: column;
  position: relative;
}

.link-7 {
  height: 15px;
  position: relative;
  width: 15px;
}

.you-need-to-register {
  align-self: stretch;
  letter-spacing: 0;
  line-height: 20px;
  margin-top: -1.00px;
  position: relative;
}

.after-you-have-recei {
  align-self: stretch;
  letter-spacing: 0;
  line-height: 20px;
  margin-top: -1.00px;
  position: relative;
}

.step1-registration {
  align-self: stretch;
  letter-spacing: 0;
  line-height: 20px;
  margin-top: -1.00px;
  position: relative;
}

.click-the-registrati {
  align-self: stretch;
  letter-spacing: 0;
  line-height: 20px;
  margin-top: -1.00px;
  position: relative;
}

.x4-select-your-passwo {
  align-self: stretch;
  letter-spacing: 0;
  line-height: 20px;
  margin-top: -1.00px;
  position: relative;
}

.step-2-registration {
  align-self: stretch;
  letter-spacing: 0;
  line-height: 20px;
  margin-top: -1.00px;
  position: relative;
}

.on-this-page-enter-y {
  align-self: stretch;
  letter-spacing: 0;
  line-height: 20px;
  margin-top: -1.00px;
  position: relative;
}

.step-3-registration {
  align-self: stretch;
  letter-spacing: 0;
  line-height: 20px;
  margin-top: -1.00px;
  position: relative;
}

.enter-your-contact-e {
  align-self: stretch;
  letter-spacing: 0;
  line-height: 20px;
  margin-top: -1.00px;
  position: relative;
}

.wh_publication_toc ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.wh_publication_toc ul li li.active
{ 
  background-color: #A6D3FB;
} 
.wh_publication_toc ul li li li.active
{ 
  background-color: white;
}
.image {
    max-width: 100%;
    height: auto;
    border: 1px solid black; /* Adds a black solid border */
}

/* Allow header sections to wrap */
.products-2,
.support-buttons-1 {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

/* Tablet adjustments */
@media (max-width: 1024px) {
    .header-new-1,
    .support-buttons-1 {
        flex-wrap: wrap;
        justify-content: center;
        padding: 10px;
    }

    .switch-button,
    .switch-button-1 {
        flex: 1 1 45%;
        text-align: center;
        margin: 5px 0;
    }

    .tabs-and-logo {
        flex-wrap: wrap;
        justify-content: center;
        gap: 15px;
    }
}

/* Mobile adjustments */
@media (max-width: 600px) {
    .header-new-1 {
        flex-direction: column;
        align-items: center;
    }

    .products-2 {
        flex-direction: column;
        align-items: center;
        gap: 10px;
    }

    .support-buttons-1 {
        flex-direction: column;
        align-items: center;
    }

    .tabs-and-logo {
        flex-direction: column;
        align-items: center;
        gap: 10px;
    }

    .navigation-main-nav-elements-logo {
        max-width: 80%;
    }
}

img, video {
  max-width: 100%;
  height: auto;
}

/* Ensure layouts don't overflow horizontally */
body {
  overflow-x: hidden;
}

/* Tablet adjustments */
@media (max-width: 1024px) {
  .main-page .topics {
    padding: 40px 30px;
  }
  .wh_tiles {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

/* Mobile adjustments */
@media (max-width: 768px) {
  .main-page .topics {
    padding: 20px 15px;
  }
  .wh_tiles {
    grid-template-columns: 1fr;
  }
  .main-page .header, 
  .main-page .footer, 
  .main-page .content {
    flex-direction: column;
    text-align: center;
  }
  .wh_tile {
    flex-direction: column;
    align-items: flex-start;
  }
}

/* Small mobile adjustments */
@media (max-width: 480px) {
  .main-page .topics {
    padding: 15px 10px;
  }
  .wh_tile_title {
    font-size: var(--font-size-l);
  }
  .wh_tile_shortdesc {
    font-size: var(--font-size-s);
  }
}
.tab-and-logo{
    width: auto;
}

/* ===========================
   FOOTER resize code
   (.futer > .content-11)
   =========================== */

.main-nav-6 .futer .content-11{
  display:flex !important;
  flex-wrap:wrap;
  align-items:flex-start;
  justify-content:flex-start;      /* avoid stretched space-between */
  gap:24px;                        /* clean space between columns */
  padding:30px 90px;               /* keep your existing padding */
}

/* Each direct section in the footer becomes a flexible column */
.main-nav-6 .futer .content-11 > div{
  flex:1 1 clamp(220px, 28vw, 360px);  /* auto-resize with sensible bounds */
  min-width:220px;
}

/* Kill oversized internal gaps and allow inner wrapping */
.main-nav-6 .futer .products-and-social{
  display:flex !important;
  flex-wrap:wrap;
  gap:16px !important;              /* was 90px */
}

/* Allow the help/support block to breathe and shrink */
.main-nav-6 .futer .support-center{
  width:auto !important;            /* override fixed 330px */
  display:flex;
  flex-direction:column;
}

/* On wider screens, keep Support block visually at the right edge */
@media (min-width: 980px){
  .main-nav-6 .futer .support-center{
    flex:0 1 420px;                 /* fixed-ish width but shrinkable */
    margin-left:auto;               /* push to the right of the row */
  }
}

/* Phones/tablets: stack full width with tighter padding */
@media (max-width: 640px){
  .main-nav-6 .futer .content-11{
    padding:20px 16px;
    gap:18px;
  }
  .main-nav-6 .futer .content-11 > div{
    flex:1 1 100%;
    min-width:0;
  }
}

/* Bottom legal bar: allow wrap + nice spacing */
.main-nav-6 .futer .additionnal-info{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  align-items:center;
  justify-content:space-between;
}
@media (max-width:640px){
  .main-nav-6 .futer .additionnal-info{
    padding:12px 16px;
    justify-content:center;
    text-align:center;
  }
}

/* Safety: keep any footer images (logo) from overflowing */
.main-nav-6 .futer img{  max-width:100%; height:auto; }