/* screen - pmp */

.pmp {
  align-items: flex-start;
  background-color: var(--white);
  display: flex;
  flex-direction: column;
  overflow: hidden;
  width: 1822px;
}

.pmp .overlap-group18 {
  height: 1821px;
  position: relative;
  width: 1871px;
}

.pmp .overlap-group6 {
  height: 1821px;
  left: 0;
  position: absolute;
  top: 0;
  width: 1871px;
}

.pmp .x1162367_orh91-s1-1 {
  height: 748px;
  left: 570px;
  object-fit: cover;
  position: absolute;
  top: 301px;
  width: 1123px;
}

.pmp .transform-the-way-yo {
  color: var(--black);
  font-family: var(--font-family-inter);
  font-size: var(--font-size-xl);
  font-weight: 300;
  left: 135px;
  letter-spacing: 0;
  line-height: 23.4px;
  position: absolute;
  top: 683px;
  width: 657px;
}

.pmp .close-up-businessman {
  height: 806px;
  left: 0;
  position: absolute;
  top: 1015px;
  width: 1827px;
}

.pmp .ixora-pmp-is-a-cuttin {
  color: var(--white);
  font-family: var(--font-family-inter);
  font-size: var(--font-size-xxxxl);
  font-weight: 400;
  left: 908px;
  letter-spacing: 0.48px;
  line-height: 31.2px;
  position: absolute;
  text-align: justify;
  top: 1411px;
  width: 828px;
}

.pmp .span0 {
  font-weight: 700;
  letter-spacing: 0.12px;
}

.pmp .span1 {
  font-weight: 300;
  letter-spacing: 0.12px;
}

.pmp .title {
  color: var(--white);
  font-family: var(--font-family-inter);
  font-size: 64px;
  font-weight: 700;
  left: 908px;
  letter-spacing: 0;
  line-height: normal;
  position: absolute;
  top: 1206px;
  width: 685px;
}

.pmp .frame-2 {
  height: 181px;
  left: 191px;
  position: absolute;
  top: 301px;
  width: 530px;
}

.pmp .x69850964_230730140137-067-1 {
  height: 374px;
  left: 1497px;
  object-fit: cover;
  position: absolute;
  top: 641px;
  width: 374px;
}

.pmp .group-244 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 61px;
  left: 0;
  min-height: 538px;
  position: absolute;
  top: 0;
  width: 1822px;
}

.pmp .overlap-group1 {
  align-items: center;
  background-color: var(--midnight);
  box-shadow: 0px 2px 11.4px #00000082;
  display: flex;
  height: 126px;
  min-width: 1822px;
  padding: 34px 70px;
}

.pmp .group {
  height: 36px;
  width: 152px;
}

.pmp .about {
  line-height: normal;
  margin-left: 155px;
  margin-top: 12.0px;
  min-height: 24px;
  min-width: 58px;
}

.pmp .overlap-group-2 {
  height: 24px;
  margin-left: 100px;
  margin-top: 12.0px;
  position: relative;
  width: 98px;
}

.pmp .solution {
  left: 0;
  letter-spacing: 0;
  line-height: normal;
  position: absolute;
  top: 0;
  white-space: nowrap;
}

.pmp .weuiarrow-filled {
  height: 10px;
  left: 78px;
  position: absolute;
  top: 9px;
  width: 20px;
}

.pmp .overlap-group3 {
  height: 24px;
  margin-left: 765px;
  margin-top: 12.0px;
  position: relative;
  width: 89px;
}

.pmp .language {
  left: 0;
  letter-spacing: 0;
  line-height: normal;
  position: absolute;
  top: 0;
  white-space: nowrap;
}

.pmp .weuiarrow-filled-1 {
  height: 10px;
  left: 69px;
  position: absolute;
  top: 9px;
  width: 20px;
}

.pmp .overlap-group2 {
  align-items: flex-start;
  align-self: flex-end;
  background-color: var(--white);
  border-radius: 48px;
  display: flex;
  height: 49px;
  margin-left: 85px;
  min-width: 179px;
  padding: 12px 39px;
}

.pmp .reach-out {
  color: var(--midnight);
  font-family: var(--font-family-inter);
  font-size: var(--font-size-xxxl);
  font-weight: 500;
  letter-spacing: 0;
  line-height: normal;
  min-height: 24px;
  white-space: nowrap;
}

.pmp .flex-row {
  height: 291px;
  margin-left: 76px;
  min-width: 778px;
}

.pmp .frame-container {
  align-items: flex-start;
  align-self: flex-end;
  display: flex;
  flex-direction: column;
  gap: 66px;
  min-height: 290px;
  width: 158px;
}

.pmp .frame-3 {
  height: 23px;
  width: 144px;
}

.pmp .frame {
  height: 23px;
  width: 142px;
}

.pmp .frame-1 {
  height: 23px;
  width: 145px;
}

.pmp .frame-4 {
  height: 23px;
  width: 158px;
}

.pmp .frame-container-1 {
  align-self: flex-end;
  margin-left: 51px;
  min-height: 290px;
  width: 146px;
}

.pmp .frame-5 {
  height: 23px;
  width: 146px;
}

.pmp .frame-6 {
  height: 23px;
  width: 136px;
}

.pmp .frame-7 {
  height: 23px;
  width: 138px;
}

.pmp .frame-container-2 {
  margin-left: 64px;
  margin-top: 1px;
  min-height: 201px;
  width: 156px;
}

.pmp .frame-8 {
  height: 23px;
  width: 131px;
}

.pmp .frame-9 {
  height: 23px;
  width: 156px;
}

.pmp .frame-container-3 {
  margin-left: 51px;
  min-height: 202px;
  width: 152px;
}

.pmp .frame-10 {
  height: 24px;
  width: 141px;
}

.pmp .frame-11 {
  height: 23px;
  width: 140px;
}

.pmp .frame-12 {
  height: 23px;
  width: 152px;
}

.pmp .your-ultimate-pmp-companion {
  color: var(--black);
  font-family: var(--font-family-helvetica_neue_arabic-75bold);
  font-size: var(--font-size-xxxxxl);
  font-weight: 700;
  left: 135px;
  letter-spacing: 0;
  line-height: 50.4px;
  position: absolute;
  top: 550px;
  width: 435px;
}



.pmp .get-started {
  color: var(--white);
  font-family: var(--font-family-inter);
  font-size: var(--font-size-xxxl);
  font-weight: 600;
  letter-spacing: 0;
  line-height: 36.7px;
  min-height: 37px;
  white-space: nowrap;
}

.pmp .overlap-group5 {
  height: 2310px;
  margin-left: -5px;
  margin-top: 1px;
  position: relative;
  width: 1827px;
}

.pmp .rectangle-21 {
  background-color: #fff8f8;
  height: 1732px;
  left: 2px;
  position: absolute;
  top: 0;
  width: 1822px;
}

.pmp .rectangle-19 {
  background-color: #bba069;
  height: 620px;
  left: 0;
  position: absolute;
  top: 1732px;
  width: 1827px;
}

.pmp .frame-13 {
  height: 137px;
  left: 579px;
  position: absolute;
  top: 2144px;
  width: 400px;
}

.pmp .ixorax-pmp {
  color: var(--white);
  font-family: var(--font-family-arial_mt_black-regular);
  font-size: 60px;
  font-weight: 400;
  left: 480px;
  letter-spacing: 0;
  line-height: 110.2px;
  position: absolute;
  top: 1979px;
  white-space: nowrap;
}

.pmp .why-choose {
  color: var(--white);
  font-family: var(--font-family-arial_mt_black-regular);
  font-size: 64px;
  font-weight: 400;
  left: 456px;
  letter-spacing: 0;
  line-height: 117.5px;
  position: absolute;
  top: 1912px;
  white-space: nowrap;
}

.pmp .overlap-group-3 {
  align-items: center;
  background-image: url(../imgpmp/group-179.png);
  background-size: 100% 100%;
  display: flex;
  flex-direction: column;
  left: 876px;
  min-height: 860px;
  padding: 168.2px 89.4px;
  position: absolute;
  top: 1616px;
  width: 886px;
}

.pmp .flex-row-1 {
  align-self: flex-end;
  gap: 145px;
  height: 123px;
  min-width: 688px;
}

.pmp .flex-col {
  flex-direction: column;
  gap: 35px;
  min-height: 120px;
  width: 263px;
}

.pmp .streamlined-workflows {
  letter-spacing: 0;
  line-height: 27.0px;
  min-height: 28px;
  text-align: center;
  transform: rotate(-8.73deg);
  white-space: nowrap;
  width: 261px;
}

.pmp .manage-tasks-resour {
  letter-spacing: 0;
  line-height: 27.0px;
  margin-left: 2.16px;
  min-height: 57px;
  text-align: center;
  transform: rotate(-8.73deg);
  width: 261px;
}

.pmp .flex-col-1 {
  align-items: flex-start;
  align-self: flex-end;
  display: flex;
  flex-direction: column;
  gap: 34px;
  min-height: 120px;
  width: 280px;
}

.pmp .enhanced-collaboration {
  align-self: flex-end;
  letter-spacing: 0;
  line-height: 27.0px;
  min-height: 28px;
  text-align: center;
  transform: rotate(13.75deg);
  white-space: nowrap;
  width: 261px;
}

.pmp .name {
  letter-spacing: 0;
  line-height: 27.0px;
  min-height: 57px;
  text-align: center;
  transform: rotate(13.75deg);
  width: 261px;
}

.pmp .data-driven-insights {
  letter-spacing: 0;
  line-height: 27.0px;
  margin-left: 48.15px;
  margin-top: 259px;
  min-height: 28px;
  text-align: center;
  transform: rotate(-7.73deg);
  white-space: nowrap;
  width: 261px;
}

.pmp .leverage-analytics-t {
  letter-spacing: 0;
  line-height: 27.0px;
  margin-left: 47.91px;
  margin-top: 22px;
  min-height: 57px;
  text-align: center;
  transform: rotate(-8.16deg);
  width: 261px;
}

.pmp .explore-more-feature {
  color: var(--black);
  font-family: var(--font-family-inter);
  font-size: var(--font-size-xxxxxl);
  font-weight: 700;
  left: 370px;
  letter-spacing: 0;
  line-height: 59.5px;
  position: absolute;
  text-align: center;
  top: 65px;
  width: 1091px;
}

.pmp .script {
  height: 67px;
  left: 1060px;
  position: absolute;
  top: 1137px;
  width: 67px;
}

.pmp .group-179 {
  align-items: flex-end;
  background-image: url(../imgpmp/rectangle-31.svg);
  background-size: 100% 100%;
  display: flex;
  flex-direction: column;
  gap: 38px;
  left: 135px;
  min-height: 400px;
  padding: 19px 31px;
  position: absolute;
  top: 745px;
  width: 334px;
}

.pmp .frame-25 {
  align-self: center;
  height: 73px;
  margin-top: 26px;
  width: 64px;
}

.pmp .group-155-2 {
  align-items: center;
  gap: 39px;
  min-height: 225px;
}

.pmp .document-management {
  letter-spacing: 0;
  line-height: normal;
  margin-right: 3.0px;
  min-height: 24px;
  min-width: 233px;
  text-align: center;
  white-space: nowrap;
}

.pmp .organize-and-access {
  letter-spacing: 0;
  line-height: normal;
  margin-right: 4.0px;
  min-height: 162px;
  width: 264px;
}

.pmp .group-248 {
  align-items: flex-end;
  background-image: url(../imgpmp/rectangle-31-1.svg);
  background-size: 100% 100%;
  display: flex;
  flex-direction: column;
  gap: 39px;
  left: 135px;
  min-height: 400px;
  padding: 25px 31px;
  position: absolute;
  top: 1220px;
  width: 334px;
}

.pmp .layer_1 {
  align-self: center;
  height: 75px;
  margin-right: 1.0px;
  margin-top: 17px;
  width: 75px;
}

.pmp .group-155 {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 15px;
  min-height: 219px;
  width: 268px;
}

.pmp .risk-management {
  letter-spacing: 0;
  line-height: normal;
  margin-right: 3.0px;
  min-height: 24px;
  min-width: 173px;
  text-align: center;
  white-space: nowrap;
}

.pmp .ctiv {
  letter-spacing: 0;
  line-height: normal;
  margin-right: 4.0px;
  min-height: 180px;
  width: 264px;
}

.pmp .group-180 {
  align-items: flex-end;
  background-color: var(--white);
  border-radius: 15px;
  box-shadow: 5px 5px 7.1px 2px #00000014;
  display: flex;
  flex-direction: column;
  gap: 34px;
  left: 544px;
  min-height: 400px;
  padding: 40px 31px;
  position: absolute;
  top: 745px;
  width: 334px;
}

.pmp .layer_1-1 {
  align-self: center;
  height: 82px;
  width: 82px;
}

.pmp .group-155-1 {
  align-items: center;
  gap: 15px;
  min-height: 201px;
}

.pmp .task-dependencies {
  min-width: 190px;
}

.pmp .maintain-seamless-pr {
  letter-spacing: 0;
  line-height: normal;
  margin-right: 4.0px;
  min-height: 162px;
  width: 264px;
}

.pmp .group-249 {
  align-items: flex-end;
  background-color: var(--white);
  border-radius: 15px;
  box-shadow: 5px 5px 7.1px 2px #00000014;
  display: flex;
  flex-direction: column;
  gap: 34px;
  left: 544px;
  min-height: 400px;
  padding: 38px 31px;
  position: absolute;
  top: 1220px;
  width: 334px;
}

.pmp .analytics_and_-insights {
  align-self: center;
  height: 84px;
  width: 84px;
}

.pmp .reporting-and-analytics {
  letter-spacing: 0;
  line-height: normal;
  margin-right: 6.0px;
  min-height: 24px;
  min-width: 232px;
  text-align: center;
  white-space: nowrap;
}

.pmp .make-data-driven-dec {
  letter-spacing: 0;
  line-height: normal;
  margin-right: 4.0px;
  min-height: 162px;
  width: 264px;
}

.pmp .group-246 {
  align-items: flex-end;
  background-color: var(--white);
  border-radius: 15px;
  box-shadow: 5px 5px 7.1px 2px #00000014;
  display: flex;
  flex-direction: column;
  gap: 37px;
  left: 953px;
  min-height: 400px;
  padding: 43px 31px;
  position: absolute;
  top: 745px;
  width: 334px;
}

.pmp .layer_1-2 {
  align-self: center;
  height: 74px;
  margin-top: 2px;
  width: 74px;
}

.pmp .resource-allocation {
  letter-spacing: 0;
  line-height: normal;
  margin-right: 6.0px;
  min-height: 24px;
  min-width: 194px;
  text-align: center;
  white-space: nowrap;
}

.pmp .optimize-resource-di {
  letter-spacing: 0;
  line-height: normal;
  margin-right: 4.0px;
  min-height: 162px;
  width: 264px;
}

.pmp .group-250 {
  align-items: flex-end;
  background-color: var(--white);
  border-radius: 15px;
  box-shadow: 5px 5px 7.1px 2px #00000014;
  display: flex;
  flex-direction: column;
  gap: 36px;
  left: 953px;
  min-height: 400px;
  padding: 25px 31px;
  position: absolute;
  top: 1220px;
  width: 334px;
}

.pmp .transfer_-data {
  align-self: center;
  height: 78px;
  margin-top: 17px;
  width: 78px;
}

.pmp .integration-capabilities {
  letter-spacing: 0;
  line-height: normal;
  margin-right: 6.0px;
  min-height: 24px;
  min-width: 226px;
  text-align: center;
  white-space: nowrap;
}

.pmp .group-247 {
  align-items: flex-end;
  background-color: var(--white);
  border-radius: 15px;
  box-shadow: 5px 5px 7.1px 2px #00000014;
  display: flex;
  flex-direction: column;
  gap: 36px;
  left: 1362px;
  min-height: 400px;
  padding: 25px 31px;
  position: absolute;
  top: 745px;
  width: 334px;
}

.pmp .customer_-relationship_-management_crm_ {
  align-self: center;
  height: 77px;
  margin-right: 1.0px;
  margin-top: 18px;
  width: 77px;
}

.pmp .group-155-3 {
  align-items: flex-start;
  gap: 15px;
  min-height: 219px;
}

.pmp .collaborative-workspaces {
  letter-spacing: 0;
  line-height: normal;
  margin-left: 4px;
  min-height: 24px;
  min-width: 254px;
  text-align: center;
  white-space: nowrap;
}

.pmp .name-1 {
  letter-spacing: 0;
  line-height: normal;
  min-height: 180px;
  width: 264px;
}

.pmp .group-251 {
  align-items: flex-end;
  background-color: var(--white);
  border-radius: 15px;
  box-shadow: 5px 5px 7.1px 2px #00000014;
  display: flex;
  flex-direction: column;
  gap: 36px;
  left: 1362px;
  min-height: 400px;
  padding: 42px 31px;
  position: absolute;
  top: 1220px;
  width: 334px;
}

.pmp .frame-14 {
  align-self: center;
  height: 78px;
  width: 78px;
}

.pmp .mobile-accessibility {
  letter-spacing: 0;
  line-height: normal;
  margin-right: 6.0px;
  min-height: 24px;
  min-width: 194px;
  text-align: center;
  white-space: nowrap;
}

.pmp .stay-connected-and-m {
  letter-spacing: 0;
  line-height: normal;
  margin-right: 4.0px;
  min-height: 162px;
  width: 264px;
}

.pmp .group-167 {
  align-items: flex-start;
  background-image: url(../imgpmp/rectangle-35.svg);
  background-size: 100% 100%;
  display: flex;
  gap: 65px;
  height: 190px;
  left: 97px;
  min-width: 1639px;
  padding: 44px 63px;
  position: absolute;
  top: 2436px;
}

.pmp .group-165 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 10px;
  min-height: 97px;
  width: 768px;
}

.pmp .join-our-weekly-newsletter {
  color: var(--black);
  font-family: var(--font-family-inter);
  font-size: var(--font-size-xxxxxl);
  font-weight: 600;
  letter-spacing: 0;
  line-height: normal;
  min-height: 58px;
}

.pmp .stay-up-to-date-with {
  color: #858585;
  font-family: var(--font-family-inter);
  font-size: var(--font-size-xxxxl);
  font-weight: 500;
  letter-spacing: 0;
  line-height: normal;
  min-height: 29px;
}

.pmp .overlap-group-4 {
  align-items: flex-start;
  align-self: center;
  background-color: var(--white);
  border-radius: 9px;
  box-shadow: 0px 0px 2.8px #00000040;
  display: flex;
  gap: 303px;
  height: 70px;
  justify-content: flex-end;
  margin-top: 10.0px;
  min-width: 679px;
  padding: 6px;
}

.pmp .email-address {
  align-self: center;
  color: #858585;
  font-family: var(--font-family-inter);
  font-size: var(--font-size-xxxxl);
  font-weight: 500;
  letter-spacing: 0;
  line-height: normal;
  margin-top: 1.0px;
  min-height: 29px;
  min-width: 163px;
}

.pmp .overlap-group1-1 {
  align-items: center;
  background-color: var(--midnight);
  border-radius: 5px;
  display: flex;
  height: 56px;
  justify-content: flex-end;
  min-width: 182px;
  padding: 0 42px;
}

.pmp .subscribe {
  letter-spacing: 0;
  line-height: normal;
  min-height: 24px;
  min-width: 97px;
  white-space: nowrap;
}

.pmp .group-157 {
  align-items: flex-end;
  background-color: var(--white);
  border-radius: 15px;
  box-shadow: 5px 5px 7.1px 2px #00000014;
  display: flex;
  flex-direction: column;
  gap: 31px;
  left: 135px;
  min-height: 400px;
  padding: 39px 31px;
  position: absolute;
  top: 270px;
  width: 334px;
}

.pmp .layer_1-3 {
  align-self: center;
  height: 86px;
  width: 74px;
}

.pmp .task-management {
  min-width: 178px;
}

.pmp .effortlessly-manage {
  letter-spacing: 0;
  line-height: normal;
  margin-right: 4.0px;
  min-height: 162px;
  width: 264px;
}

.pmp .group-178 {
  align-items: flex-end;
  background-color: var(--white);
  border-radius: 15px;
  box-shadow: 5px 5px 7.1px 2px #00000014;
  display: flex;
  flex-direction: column;
  gap: 34px;
  left: 1362px;
  min-height: 400px;
  padding: 40px 31px;
  position: absolute;
  top: 270px;
  width: 334px;
}

.pmp .layer_1-4 {
  align-self: center;
  height: 82px;
  width: 82px;
}

.pmp .time-tracking {
  letter-spacing: 0;
  line-height: normal;
  margin-right: 4.0px;
  min-height: 24px;
  min-width: 138px;
  text-align: center;
  white-space: nowrap;
}

.pmp .improve-productivity {
  letter-spacing: 0;
  line-height: normal;
  margin-right: 4.0px;
  min-height: 162px;
  width: 264px;
}

.pmp .group-177 {
  align-items: flex-end;
  background-color: var(--white);
  border-radius: 15px;
  box-shadow: 5px 5px 7.1px 2px #00000014;
  display: flex;
  flex-direction: column;
  gap: 28px;
  left: 953px;
  min-height: 400px;
  padding: 41px 31px;
  position: absolute;
  top: 270px;
  width: 334px;
}

.pmp .layer_1-5 {
  align-self: center;
  height: 84px;
  width: 70px;
}

.pmp .budget-tracking {
  letter-spacing: 0;
  line-height: normal;
  margin-right: 3.0px;
  min-height: 24px;
  min-width: 159px;
  text-align: center;
  white-space: nowrap;
}

.pmp .keep-your-project-fi {
  letter-spacing: 0;
  line-height: normal;
  margin-right: 4.0px;
  min-height: 162px;
  width: 264px;
}

.pmp .group-176 {
  align-items: flex-end;
  background-color: var(--white);
  border-radius: 15px;
  box-shadow: 5px 5px 7.1px 2px #00000014;
  display: flex;
  flex-direction: column;
  gap: 33px;
  left: 544px;
  min-height: 400px;
  padding: 41px 31px;
  position: absolute;
  top: 270px;
  width: 334px;
}

.pmp .frame-15 {
  align-self: center;
  height: 82px;
  width: 82px;
}

.pmp .gantt-chart-visualization {
  letter-spacing: 0;
  line-height: normal;
  margin-right: 6.0px;
  min-height: 24px;
  min-width: 244px;
  text-align: center;
  white-space: nowrap;
}

.pmp .plan-and-track-your {
  letter-spacing: 0;
  line-height: normal;
  margin-right: 4.0px;
  min-height: 162px;
  width: 264px;
}

.pmp .mobile-mock-up-4-1 {
  height: 553px;
  left: 79px;
  object-fit: cover;
  position: absolute;
  top: 1766px;
  width: 288px;
}

.pmp .overlap-group4 {
  align-items: flex-end;
  background-color: var(--midnight);
  display: flex;
  flex-direction: column;
  margin-top: 23px;
  min-height: 1406px;
  padding: 45px 224px;
  width: 1822px;
}

.pmp .request-for-quote {
  color: var(--alto);
  font-family: var(--font-family-inter);
  font-size: 64px;
  font-weight: 600;
  letter-spacing: 0;
  line-height: normal;
  margin-right: 125px;
  margin-top: 115px;
  min-height: 77px;
  min-width: 564px;
}

.pmp .st-name-container {
  align-items: flex-start;
  align-self: center;
  display: flex;
  gap: 274px;
  height: 18px;
  margin-left: 439.0px;
  margin-top: 58px;
  min-width: 443px;
}

.pmp .first-name {
  letter-spacing: 0;
  line-height: 17.8px;
  min-height: 18px;
  min-width: 85px;
  white-space: nowrap;
}

.pmp .last-name {
  letter-spacing: 0;
  line-height: 17.8px;
  min-height: 18px;
  white-space: nowrap;
}

.pmp .overlap-group-container {
  align-items: flex-start;
  display: flex;
  gap: 29px;
  margin-top: 13px;
  min-width: 689px;
}

.pmp .overlap-group {
  align-items: flex-start;
  background-color: var(--white-3);
  border: 1px solid;
  border-color: var(--white-2);
  border-radius: 8px;
  display: flex;
  height: 50px;
  min-width: 330px;
  padding: 13px 17px;
}

.pmp .first-name-1 {
  letter-spacing: 0;
  line-height: 19.9px;
  min-height: 20px;
  white-space: nowrap;
}

.pmp .last-name-1 {
  letter-spacing: 0;
  line-height: 19.9px;
  min-height: 20px;
  white-space: nowrap;
}

.pmp .number-of-users {
  align-self: center;
  letter-spacing: 0;
  line-height: 17.8px;
  margin-left: 130.0px;
  margin-top: 34px;
  min-height: 18px;
  min-width: 134px;
  white-space: nowrap;
}

.pmp .overlap-group-1 {
  align-items: flex-start;
  background-color: var(--white-3);
  border: 1px solid;
  border-color: var(--white-2);
  border-radius: 8px;
  display: flex;
  height: 50px;
  margin-top: 13px;
  min-width: 689px;
  padding: 13px 18px;
}

.pmp .email-address-1 {
  align-self: center;
  letter-spacing: 0;
  line-height: 17.8px;
  margin-left: 108.0px;
  margin-top: 34px;
  min-height: 18px;
  min-width: 112px;
  white-space: nowrap;
}

.pmp .exampleemailcom {
  letter-spacing: 0;
  line-height: 19.9px;
  min-height: 20px;
  white-space: nowrap;
}

.pmp .company-name {
  align-self: center;
  margin-left: 125.0px;
  margin-top: 34px;
  min-width: 129px;
}

.pmp .example-co {
  letter-spacing: 0;
  line-height: 19.9px;
  min-height: 20px;
  white-space: nowrap;
}

.pmp .number-container {
  align-items: flex-start;
  display: flex;
  gap: 242px;
  height: 18px;
  margin-right: 187px;
  margin-top: 34px;
  min-width: 502px;
}

.pmp .phone-number {
  line-height: 17.8px;
  min-height: 18px;
  min-width: 117px;
}

.pmp .overlap-group11 {
  align-items: center;
  background-color: var(--white-3);
  border: 1px solid;
  border-color: var(--white-2);
  border-radius: 8px;
  display: flex;
  height: 50px;
  min-width: 330px;
  padding: 0 17px;
}

.pmp .image-1 {
  height: 18px;
  margin-bottom: 2.0px;
  object-fit: cover;
  width: 27px;
}

.pmp .vector-5 {
  height: 4px;
  margin-bottom: 2.0px;
  margin-left: 8px;
  width: 8px;
}

.pmp .line-13 {
  align-self: flex-start;
  height: 48px;
  margin-left: 12px;
  object-fit: cover;
  width: 1px;
}

.pmp .text-2 {
  margin-bottom: 4.0px;
  margin-left: 16px;
  min-width: 173px;
}

.pmp .overlap-group14 {
  align-items: flex-start;
  background-color: var(--white-3);
  border: 1px solid;
  border-color: var(--white-2);
  border-radius: 8px;
  display: flex;
  height: 50px;
  min-width: 330px;
  padding: 13px 16px;
}

.pmp .phone {
  line-height: 19.9px;
  min-height: 20px;
}

.pmp .message {
  align-self: center;
  letter-spacing: 0;
  line-height: 17.8px;
  margin-left: 69.0px;
  margin-top: 34px;
  min-height: 18px;
  min-width: 73px;
  white-space: nowrap;
}

.pmp .overlap-group10 {
  align-items: flex-start;
  background-color: var(--white-3);
  border: 1px solid;
  border-color: var(--white-2);
  border-radius: 8px;
  display: flex;
  height: 191px;
  margin-top: 13px;
  min-width: 689px;
  padding: 13px 18px;
}

.pmp .leave-us-a-message {
  letter-spacing: 0;
  line-height: 19.9px;
  min-height: 20px;
  white-space: nowrap;
}

.pmp .overlap-group15 {
  align-items: center;
  background-color: #f2f2f2;
  box-shadow: -6px 8px 4px #00000040;
  display: flex;
  height: 97px;
  justify-content: flex-end;
  margin-right: 194px;
  margin-top: 27px;
  min-width: 495px;
  padding: 0 24px;
}

.pmp .rectangle-51 {
  background-color: var(--white);
  border: 1px solid;
  border-color: var(--black);
  height: 25px;
  width: 25px;
}

.pmp .im-not-robot {
  letter-spacing: 0;
  line-height: 15.7px;
  margin-bottom: 1.0px;
  margin-left: 13px;
  min-height: 16px;
  min-width: 90px;
  white-space: nowrap;
}

.pmp .group-172 {
  align-items: center;
  display: flex;
  flex-direction: column;
  margin-left: 227px;
  min-height: 61px;
  width: 78px;
}

.pmp .group-1 {
  height: 34px;
  margin-right: 4.22px;
  width: 34px;
}

.pmp .re-captcha {
  color: #8d8d8d;
  font-family: var(--font-family-inter);
  font-size: 12px;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 12.6px;
  margin-right: 3.0px;
  margin-top: 4px;
  min-height: 13px;
  min-width: 69px;
  white-space: nowrap;
}

.pmp .privacy-terms {
  color: #8d8d8d;
  font-family: var(--font-family-inter);
  font-size: 10px;
  font-weight: 400;
  line-height: 10.5px;
  margin-right: 4.0px;
  min-width: 74px;
}

.pmp .flex-row-2 {
  gap: 12px;
  height: 32px;
  margin-right: 198px;
  margin-top: 26px;
  min-width: 491px;
}

.pmp .rectangle-48 {
  background-color: var(--white-3);
  border: 1px solid;
  border-color: var(--white-2);
  border-radius: 3px;
  height: 25px;
  margin-top: 1px;
  width: 25px;
}

.pmp .id-like-to-receive {
  color: transparent;
  font-family: var(--font-family-inter);
  font-size: var(--font-size-m);
  font-weight: 400;
  letter-spacing: 0;
  line-height: 15.7px;
  min-height: 32px;
}

.pmp .span0-1 {
  color: var(--white);
}

.pmp .span1-1 {
  color: #31a8ff;
}

.pmp .overlap-group16 {
  align-items: flex-start;
  background-color: #31a8ff;
  border-radius: 5px;
  display: flex;
  height: 55px;
  margin-top: 32px;
  min-width: 689px;
  padding: 17px 304px;
}

.pmp .submit {
  color: var(--white);
  font-family: var(--font-family-inter);
  font-size: var(--font-size-xxl);
  font-weight: 500;
  letter-spacing: 0;
  line-height: 19.9px;
  min-height: 20px;
  white-space: nowrap;
}

.pmp .group-175 {
  align-items: flex-start;
  align-self: center;
  display: flex;
  margin-left: 1.0px;
  margin-top: 114px;
  min-width: 1377px;
}

.pmp .group-container {
  height: 103px;
  position: relative;
  width: 1385px;
}

.pmp .group-173 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 9px;
  left: 0;
  min-height: 103px;
  position: absolute;
  top: 0;
  width: 157px;
}

.pmp .group-171 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 24px;
  min-height: 77px;
  width: 157px;
}

.pmp .group-170 {
  height: 36px;
  width: 50px;
}

.pmp .copyright {
  color: var(--black);
  font-family: var(--font-family-inter);
  font-size: 14px;
  font-weight: 300;
  letter-spacing: 0;
  line-height: normal;
  min-height: 17px;
}

.pmp .infoixoraxcom {
  color: var(--black);
  font-family: var(--font-family-inter);
  font-size: 14px;
  font-weight: 300;
  letter-spacing: 0;
  line-height: normal;
  min-height: 17px;
}

.pmp .group-174 {
  align-items: flex-start;
  display: flex;
  height: 37px;
  left: 55px;
  min-width: 1330px;
  position: absolute;
  top: 0;
}

.pmp .vector {
  align-self: flex-end;
  height: 24px;
  margin-bottom: 0.58px;
  width: 26px;
}

.pmp .vector-1 {
  align-self: flex-end;
  height: 26px;
  margin-bottom: 0;
  margin-left: 3px;
  width: 27px;
}

.pmp .vector-2 {
  align-self: flex-end;
  height: 25px;
  margin-bottom: 0.59px;
  margin-left: 7px;
  width: 15px;
}

.pmp .vector-3 {
  align-self: flex-end;
  height: 26px;
  margin-bottom: 0;
  margin-left: 4px;
  width: 27px;
}

.pmp .place {
  letter-spacing: 0;
  line-height: 21.0px;
  margin-left: 595px;
  min-height: 21px;
  min-width: 57px;
  white-space: nowrap;
}

.pmp .about-us {
  line-height: 21.0px;
  margin-left: 59px;
  min-height: 21px;
  min-width: 89px;
}

.pmp .privacy-policy {
  line-height: 21.0px;
  margin-left: 59px;
  min-height: 21px;
  min-width: 134px;
}

.pmp .terms-of-service {
  letter-spacing: 0;
  line-height: 21.0px;
  margin-left: 58px;
  min-height: 21px;
  white-space: nowrap;
}

.pmp .about-1 {
  letter-spacing: 0;
  white-space: nowrap;
}

.pmp .company {
  letter-spacing: 0;
  line-height: 17.8px;
  min-height: 18px;
  white-space: nowrap;
}

.pmp .flex {
  align-items: flex-start;
  display: flex;
}

.pmp .flex-row-3 {
  align-items: flex-start;
  display: flex;
}

.pmp .frame-container-4 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 66px;
}

.pmp .group-155-4 {
  display: flex;
  flex-direction: column;
  width: 268px;
}

.pmp .phone-1 {
  letter-spacing: 0;
  white-space: nowrap;
}

.pmp .privacy {
  letter-spacing: 0;
  white-space: nowrap;
}

.pmp .task {
  letter-spacing: 0;
  line-height: normal;
  margin-right: 6.0px;
  min-height: 24px;
  text-align: center;
  white-space: nowrap;
}

.pmp .text {
  letter-spacing: 0;
  line-height: 19.9px;
  min-height: 20px;
  white-space: nowrap;
}


body {
  zoom: 0.84; /* Dézoom à 80% */

}


/* Navbar Styling */
.navbar {
  background-color: #001F3F;; /* Couleur de fond */
  width: 100%;
  height: 80px; /* Ajuste la hauteur */
  display: flex;
  align-items: center;
  justify-content: center;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1000;
}

/* Navbar Container */
.navbar-container {
  display: flex;
  width: 90%;
  max-width: 1400px;
  justify-content: space-between;
  align-items: center;
}

/* Logo */
.navbar-logo img {
  height: 40px; /* Réduction de la taille du logo */
}

/* Navbar Links */
.navbar-links {
  display: flex;
  justify-content: flex-end; /* Aligne les liens à droite */
  gap: 120px; /* Augmenter encore plus l'espace entre "Solutions" et "About Us" */
}

.navbar-links a {
  text-decoration: none;
  color: white; /* Couleur du texte */
  font-family: "Inter", sans-serif; /* Police identique */
  font-weight: 600; /* Épaisseur du texte */
  font-size: 16px; /* Taille du texte */
  letter-spacing: 0.5px; /* Espacement des lettres */
  text-transform: none; /* Pas de majuscules forcées */
  transition: color 0.3s ease-in-out;
}

.navbar-links a:hover {
  color: white; /* Effet hover */
}


/* Effet actif sur "Solution" */
.solution:focus,
.solution:active {
    outline: none; /* Supprime la bordure par défaut */
    box-shadow: none; /* Supprime l'effet de surbrillance */
    background-color: inherit; /* Garde la couleur d'origine */
    color: inherit; /* Garde la couleur d'origine */
}

/* Liste déroulante */


/* Style des options de la liste */





/* Conteneur des détails (ligne + logo) */
.details-container {
  display: none; /* Caché par défaut */
  flex-direction: row;
  align-items: center;
  gap: 20px;
}





/* Effet actif sur l'élément sélectionné */
.solution-item.active {
  background: rgba(0, 0, 0, 0.05);
  border-radius: 7px;
}




/* Effet au survol */
.solutions-list div:hover {
  background: rgba(0, 0, 0, 0.05);
  border-radius: 5px;
}

/* Conteneur des détails dans la liste */
.details-container {
  display: none; /* Caché par défaut */
  flex-direction: column;
  align-items: center;
  gap: 20px;
  padding: 20px;
}









.body .component-14 {
  align-items: flex-start;
  align-self: center;
  background-color: var(--white-2);
  border: 1px solid;
  border-color: var(--celeste);
  border-radius: 500px;
  box-shadow: 0px 4px 5px #58559440;
  display: flex;
  gap: 100px;
  height: 48px;
  margin-left: 41px;
  margin-top: 4.82px;
  min-width: 754px;
  padding: 50 100px;
  width: 90%;
  max-width: 1200px;
}

/* Navbar principale */
/* Navbar principale */
.component-14 {
  display: flex;
  justify-content: center;
  gap: 50px;
  font-size: 20px;
  font-weight: normal; /* Correction : suppression du gras */
  font-family: "Arial", sans-serif;
  padding: 20px 60px; /* Augmentation du padding pour agrandir le rectangle */
  border-radius: 30px;
  background: white;
  box-shadow: none !important; /* Supprime toute ombre */
  white-space: nowrap;
  align-items: center;
  align-self: center;
  background-color: transparent !important; /* Supprime la couleur de fond */
  border: none !important; /* Supprime la bordure */
  transition: all 0.3s ease-in-out;
  height: 60px; /* Augmentation de la hauteur */
  margin-left: 41px;
  margin-top: 4.82px;
  min-width: 900px; /* Augmentation de la largeur */
  padding: 0 50px;
  color: #0A192F;
}




.body .flex-row {
  align-items: center;
  display: flex;
  height: 63px;
  margin-top: 0; /* Suppression de l'espace au-dessus */
  min-width: 100vw; /* Largeur 100% de la fenêtre */
  position: fixed; /* Fixe la navbar en haut */
  top: 0;
  left: 0;
  width: 100%;
  background-color: var(--white); /* Couleur de base */
  z-index: 1000; /* Assure qu'elle est au-dessus du contenu */
  transition: background-color 0.3s ease-in-out; /* Animation douce */
  padding: 0; /* Suppression du padding */
  justify-content: center;
}


/* Suppression d'un éventuel résidu d'ombre */
.body .flex-row::after {
  content: "";
  display: none !important;
}



.scrolled-text {
  color: white !important; /* Change la couleur en blanc */
  transition: color 0.3s ease-in-out; /* Ajoute une animation fluide */
}
.scrolled-dropdown {
  background: #19344A !important; /* Change la couleur de fond */
  transition: background-color 0.3s ease-in-out; /* Animation fluide */
}


.scrolled-solution-item {
  color: #DDE0E2 !important; /* Change la couleur du texte */
  transition: color 0.3s ease-in-out; /* Animation fluide */
}



/* 🟢 Animation Fade In avec Scale et Slide */
@keyframes fadeInScaleUp {
    from {
        opacity: 0;
        transform: scale(0.5) translateY(20px);
    }
    to {
        opacity: 1;
        transform: scale(1) translateY(0);
    }
}



/* Classe pour déclencher l'animation */
.solution-logo.show {
  animation: fadeInScaleUp 0.8s ease-out forwards;
}

/* 🟢 Effet d'agrandissement au survol */
.solution-logo:hover {
  transform: scale(1.1) !important;
}
/* 🟢 Animation List Fizz avec rebond fluide */
@keyframes fizzList {
  0% {
      opacity: 0;
      transform: translateY(30px) scale(0.8);
  }
  50% {
      opacity: 1;
      transform: translateY(-5px) scale(1.05);
  }
  100% {
      opacity: 1;
      transform: translateY(0) scale(1);
  }
}


/* Ajoute l'animation Fizz */
.solution-logo.show {
  animation: fizzList 0.8s cubic-bezier(0.25, 1, 0.5, 1) forwards;
}

/* 🟢 Effet d'agrandissement subtil au survol */
.solution-logo:hover {
  transform: scale(1.1) !important;
  transition: transform 0.3s cubic-bezier(0.25, 1.5, 0.5, 1.2);
}



.solution-item {
  padding: 15px 25px;
  font-size: 28px;
  font-family: "Inter", sans-serif;
  font-weight: 500;
  line-height: 36px;
  text-align: left;
  cursor: pointer;
  color: #0A192F; /* Couleur par défaut */
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  transition: color 0.3s ease-in-out, background 0.3s ease-in-out;
  background: none !important; /* Supprime toute couleur de fond */
}

/* 🟢 Suppression du fond lors du survol */
.solution-item:hover {
  background: none !important; /* Assure qu'il n'y a pas de fond */
  color: white !important; /* Garde seulement le texte en blanc */
}

/* 🟢 Supprime l'effet d'activation s'il existe */
.solution-item.active {
  background: none !important; /* Supprime tout fond actif */
}


.solution-item:hover .solution-number {
  color: #001E36 !important; /* Numéro devient bleu foncé */
}

/* Changement de couleur lors du scroll */
.scrolled .solution-item {
  color: white !important; /* Texte en blanc */
}

.scrolled .solution-item .solution-number {
  color: white !important; /* Numéro en blanc */
}

@import url('https://fonts.googleapis.com/css2?family=Inter:wght@500&display=swap');




/* Correction du bouton de langue */
.overlap-group3 {
  align-self: center;
  height: 48px;
  margin-left: 77px;
  position: relative;
  width: 97px;
}

.rectangle-4 {
  -webkit-backdrop-filter: blur(35px) brightness(100%);
  backdrop-filter: blur(35px) brightness(100%);
  background-color: var(--white-2);
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 500px;
  height: 48px;
  left: 0;
  position: absolute;
  top: 0;
  width: 97px;
}

.rectangle-5 {
  background-color: #ffffff80;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 500px;
  height: 42px;
  left: 2px;
  position: absolute;
  top: 3px;
  width: 58px;
}

.en {
  color: var(--black);
  font-family: "Arial", sans-serif;
  font-size: 16px;
  font-weight: normal;
  left: 18px;
  letter-spacing: 0;
  line-height: 43.7px;
  position: absolute;
  top: 2px;
  white-space: nowrap;
  width: 26px;
}

/* Effet au survol */
.body .place:hover, .body .solution:hover, .body .about-us:hover {
  color: #585594;
  cursor: pointer;
}



.body .group-165 {
  height: 48px;
  width: 201px;
}

.body .place {
  letter-spacing: 0;
  line-height: 43.7px;
  margin-top: -1px;
  min-height: 44px;
  width: 76px;
}

.body .solution {
  letter-spacing: 0;
  line-height: 43.7px;
  min-height: 44px;
  width: 101px;
}

.body .about-us {
  letter-spacing: 0;
  line-height: 43.7px;
  min-height: 44px;
  width: 110px;
}

.body .overlap-group3 {
  align-self: flex-end;
  height: 53px;
  margin-left: 77px;
  position: relative;
  width: 97px;
}




/* Ligne de séparation avec image - Cachée au début */
.vertical-line-img {
  width: 3px;
  height: 100%; /* Prend toute la hauteur disponible */
  object-fit: contain; /* Ajuste l'image pour qu'elle s'affiche proprement */
  display: none; /* Cachée par défaut */
}


/* Contenu principal de la liste */
.solutions-content {
  display: flex;
  justify-content: space-between;
  align-items: center; /* Alignement au centre */
  width: 100%;
  gap: 50px; /* Ajoute un espace entre la liste et le logo */
}

/* Conteneur des éléments de la liste */
.solution-items {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 10px; /* Espacement entre les solutions */
}

/* Chaque élément de la liste - Taille réduite */
.solution-item {
  padding: 15px 25px; /* Diminue la hauteur */
  font-size: 28px; /* Réduit la taille de la police */
  font-family: "Inter", sans-serif;
  font-weight: 500;
  line-height: 36px;
  text-align: left;
  cursor: pointer;
  color: #0A192F;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  transition: background 0.3s;
}

/* Supprime la bordure du dernier élément */
.solution-item:last-child {
  border-bottom: none;
}

/* Effet survol */
.solution-item:hover {
  background: rgba(0, 0, 0, 0.05);
}

/* Élément actif */
.solution-item.active {
  font-weight: bold;
  background: rgba(0, 0, 0, 0.1);
}

/* Ligne verticale de séparation */
.vertical-line {
  width: 2px;
  background: #0A192F;
  height: 100%;
}






/* ✅ Partie principale du footer */
.footer {
  width: 100%;
  padding: 0;
  transform: translateY(30px); /* Décale de 50px vers le bas */
}


/* ✅ Section supérieure du footer (bleue) */
.footer-top {
  background-color: #082A44;
  color: white;
  padding: 50px 0;
  font-family: Arial, sans-serif;
  width: 100%;
}

/* ✅ Conteneur pour formulaire et section contact */
.footer-container {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  padding: 0 10%;
  max-width: 1200px;
  margin: auto;
}

/* ✅ Section "Contact Us" */
.contact-section h2 {
  font-size: 24px;
  font-weight: 600;
}

/* ✅ Formulaire */
.form-section {
  flex: 1;
  max-width: 500px;
}

/* ✅ Formulaire en 2 colonnes */
.form-group {
  display: flex;
  gap: 20px;
}

.input-box {
  display: flex;
  flex-direction: column;
  margin-bottom: 15px;
}

.input-box label {
  font-size: 14px;
  margin-bottom: 5px;
}

.input-box input,
.input-box textarea {
  width: 100%;
  padding: 10px;
  border: none;
  border-bottom: 2px solid white;
  background: transparent;
  color: white;
  font-size: 14px;
}

.input-box textarea {
  height: 80px;
  resize: none;
}

.submit-btn {
  background: transparent;
  border: 1px solid white;
  color: white;
  padding: 10px 20px;
  cursor: pointer;
  font-size: 16px;
}

.submit-btn:hover {
  background: white;
  color: #082A44;
}

/* ✅ Section inférieure du footer */
.footer-bottom {
  background: #FFFFFF; /* Fond blanc */
  color: #0A2A47; /* Couleur bleue foncée pour le texte */
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 35px 5%;  /* Ajustement du padding */
  width: 100%;
  border-top: 1px solid #E0E0E0; /* Fine ligne de séparation */
  font-family: 'Montserrat', sans-serif; /* Police élégante */
}

/* ✅ Conteneur du logo et des informations */
.footer-brand {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

/* ✅ Logo IXORA */
.footer-logo {
  height: 26px; /* Taille ajustée pour correspondre à l’image */
  margin-bottom: 5px;
}

/* ✅ Texte du footer */
.footer-brand p {
  font-size: 14px;
  color: #0A2A47; /* Couleur cohérente */
  margin: 2px 0;
}

/* ✅ Liens du footer */
.footer-links {
  display: flex;
  gap: 15px;
}

.footer-links a {
  color: #0A2A47; /* Même couleur que dans l'image */
  text-decoration: none;
  font-size: 14px;
}

.footer-links a:hover {
  text-decoration: underline;
}




.ixorax-text {
  font-family: 'Montserrat', sans-serif; /* Remplace par la police exacte si différente */
  font-weight: 700; /* Gras */
  font-size: 24px; /* Ajuste si nécessaire */
  color: #0A2A47; /* Même couleur que sur l’image */
  display: inline-block;
  vertical-align: middle;
  margin-right: 5px; /* Espacement entre le texte et le logo */
}


.footer-logo {
  height: 40px; /* Ajuste la hauteur selon ton design */
  display: block;
  margin-bottom: 10px; /* Espacement entre l'image et le texte */
}




/* Conteneur du logo IXORA et des logos des solutions */
.ixorax-container {
  display: none; /* Caché au début */
  position: relative;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 20px;
  min-width: 350px;
  height: 350px;
  border-radius: 15px;
  overflow: hidden;
  opacity: 0; /* Invisible au début */
  transform: scale(0.8); /* Réduit au début */
  transition: opacity 0.5s ease-out, transform 0.5s ease-out;
}


/* Animation d’apparition */
.ixorax-container.show {
  opacity: 1;
  transform: scale(1);
}

/* Le logo IXORA en arrière-plan */
.ixorax-logo {
  width: 100%;
  height: auto;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  opacity: 0.5;
  z-index: 0;
}

/* Conteneur des logos des solutions */
.ixorax-logo-container {
  
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: repeat(2, 1fr);
  gap: 10px 20px;
  width: 100%;
  height: 100%;
  align-items: center;
  justify-items: center;

  border: none !important; 
  box-shadow: none !important; 
  
}


.ixorax-logo-container hr {
  display: none !important;
}
.ixorax-logo-container::after,
.ixorax-logo-container::before {
  display: none !important;
  content: none !important;
}


/* Correction pour que le 3e logo soit centré si seulement 3 logos */
.ixorax-logo-container img:nth-child(3):nth-last-child(1) {
  grid-column: span 2;
  justify-self: center;
}

/* Ajustement pour 5 logos (2 en haut, 2 au milieu, 1 en bas centré) */
.ixorax-logo-container img:nth-child(5):nth-last-child(1) {
  grid-column: span 2;
  justify-self: center;
}








/* Style des logos avec animation de base */
.solution-logo {
  width: 165px;  /* Taille des logos */
  height: auto;
  opacity: 0;
  margin: 5px;
  gap: 0px;
  transform: scale(0.5) translateY(20px); /* Animation initiale */
  transition: opacity 0.6s ease-out, transform 0.6s ease-out;
}

.solutions-list div { 
  padding: 20px 25px; 
  font-size: 20px; 
  font-family: "Inter", sans-serif; 
  font-weight: 500; /* Medium correspond à font-weight: 500 */
  color: #0A192F; 
  cursor: pointer; 
  border-bottom: 1px solid rgba(0, 0, 0, 0.1); 
  line-height: 40px; 
  text-align: left; 
  text-underline-position: from-font; 
  text-decoration-skip-ink: none; 
}






/* Liste déroulante */
/* Liste déroulante */
.solutions-list {
  position: absolute;
  top: 80px;
  left: 0;
  width: 100%; /* Largeur totale */
  background: rgba(0, 0, 11, 0.1); /* Ajustement du fond */
  border-radius: 0 0 7px 7px; /* Coins inférieurs arrondis */
  box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.1);
  padding: 0;
  display: none;
  z-index: 200;
  backdrop-filter: blur(35px); /* Flou pour effet verre */
}



.solution-item.highlight {
  font-weight: bold;
  color: #001E36;
}