/* screen - hrms */

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

.hrms .wwwixoraxcom_cms-desktop-mm-3-2 {
  height: 67px;
  left: 0;
  position: fixed;
  top: -5px;
  width: 2113px;
  z-index: 11;
}

.hrms .flex-row {
  gap: 38px;
  height: 696px;
  margin-left: 7.0px;
  margin-top: 184px;
  min-width: 1691px;
  z-index: 1;
}

.hrms .group-container {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 198px;
  min-height: 696px;
  width: 447px;
}

.hrms .group-21 {
  height: 249px;
  width: 447px;
}

.hrms .flex-col {
  flex-direction: column;
  gap: 23px;
  margin-top: 35px;
  min-height: 506px;
  width: 1206px;
}

.hrms .frame {
  height: 139px;
  margin-left: 61px;
  width: 324px;
}

.hrms .flex-row-1 {
  align-items: center;
  display: flex;
  gap: 102px;
  height: 344px;
  min-width: 1206px;
}

.hrms .group-212 {
  height: 249px;
  margin-bottom: 41.0px;
  width: 447px;
}

.hrms .flex-col-1 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  min-height: 344px;
  width: 657px;
}

.hrms .simplify-human-resou {
  color: var(--black);
  font-family: var(--font-family-helvetica_neue_arabic-75bold);
  font-size: var(--font-size-xxxxxl);
  font-weight: 700;
  letter-spacing: 0;
  line-height: 50.4px;
  min-height: 150px;
  width: 642px;
}

.hrms .ixora-hrms-is-a-compr {
  color: var(--black);
  font-family: var(--font-family-inter);
  font-size: var(--font-size-xl);
  font-weight: 400;
  letter-spacing: 0;
  line-height: 23.4px;
  margin-top: 39px;
  min-height: 69px;
  width: 657px;
}

.hrms .span0 {
  font-weight: 700;
}

.hrms .span1 {
  font-weight: 300;
}



.hrms .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;
}

.hrms .overlap-group6 {
  height: 806px;
  margin-left: 5.0px;
  margin-top: 231px;
  position: relative;
  width: 1827px;
  z-index: 2;
}

.hrms .group-160 {
  box-shadow: inset -1px 0px 3px #00000040;
  height: 72px;
  left: 567px;
  position: absolute;
  top: 694px;
  width: 72px;
}

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

.hrms .ixora-hrms-combines-t {
  color: var(--white);
  font-family: var(--font-family-inter);
  font-size: var(--font-size-xxxxl);
  font-weight: 400;
  left: 69px;
  letter-spacing: 0.48px;
  line-height: 31.2px;
  position: absolute;
  text-align: justify;
  top: 396px;
  width: 808px;
}

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

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

.hrms .your-all-in-one-huma {
  color: var(--white);
  font-family: var(--font-family-inter);
  font-size: 64px;
  font-weight: 700;
  left: 69px;
  letter-spacing: 0;
  line-height: normal;
  position: absolute;
  top: 191px;
  width: 1018px;
}

.hrms .exploring-key-featur {
  color: var(--black);
  font-family: var(--font-family-inter);
  font-size: var(--font-size-xxxxxl);
  font-weight: 700;
  letter-spacing: 0;
  line-height: 59.5px;
  margin-top: 66px;
  min-height: 120px;
  text-align: center;
  width: 882px;
  z-index: 6;
}

.hrms .group-container-1 {
  align-items: flex-start;
  display: flex;
  gap: 60px;
  margin-top: 79px;
  min-width: 1516px;
  z-index: 9;
}

.hrms .group-157 {
  align-items: flex-end;
  background-color: var(--hint-of-red);
  border-radius: 15px;
  box-shadow: 5px 5px 7.1px 2px #00000014;
  display: flex;
  flex-direction: column;
  gap: 41px;
  min-height: 418px;
  padding: 24px 31px;
  width: 334px;
}

.hrms .digital_-identity {
  align-self: center;
  height: 75px;
  margin-right: 1.0px;
  margin-top: 17px;
  width: 75px;
}

.hrms .group-155-1 {
  align-items: center;
  min-height: 237px;
  width: 268px;
}

.hrms .employee-management {
  margin-right: 5.0px;
  min-width: 227px;
}

.hrms .maintain-a-centraliz {
  letter-spacing: 0;
  line-height: normal;
  margin-right: 4.0px;
  min-height: 198px;
  width: 264px;
}

.hrms .group-186 {
  align-items: flex-end;
  background-color: var(--hint-of-red);
  border-radius: 15px;
  box-shadow: 5px 5px 7.1px 2px #00000014;
  display: flex;
  flex-direction: column;
  gap: 41px;
  min-height: 418px;
  padding: 42px 31px;
  width: 334px;
}

.hrms .medical_-report {
  align-self: center;
  height: 69px;
  margin-left: 1.0px;
  margin-top: 5px;
  width: 69px;
}

.hrms .group-155-2 {
  align-items: center;
  min-height: 219px;
  width: 268px;
}

.hrms .contracts-management {
  letter-spacing: 0;
  line-height: normal;
  margin-right: 5.0px;
  min-height: 24px;
  min-width: 229px;
  white-space: nowrap;
}

.hrms .contracts-management-1 {
  letter-spacing: 0;
  line-height: normal;
  margin-right: 4.0px;
  min-height: 180px;
  width: 264px;
}

.hrms .group-container-2 {
  border-radius: 15px;
  height: 418px;
  position: relative;
  width: 334px;
}

.hrms .group-187 {
  align-items: center;
  background-color: var(--hint-of-red);
  border-radius: 15px;
  box-shadow: 5px 5px 7.1px 2px #00000014;
  display: flex;
  flex-direction: column;
  gap: 15px;
  left: 0;
  min-height: 418px;
  padding: 96px 0;
  position: absolute;
  top: 0;
  width: 334px;
}

.hrms .employee-directory {
  margin-top: 61px;
  min-width: 190px;
  text-align: center;
}

.hrms .facilitate-seamless {
  letter-spacing: 0;
  line-height: normal;
  min-height: 126px;
  width: 264px;
}

.hrms .group-209 {
  height: 71px;
  left: 130px;
  position: absolute;
  top: 47px;
  width: 75px;
}

.hrms .group-188 {
  align-items: flex-start;
  background-color: var(--hint-of-red);
  border-radius: 15px;
  box-shadow: 5px 5px 7.1px 2px #00000014;
  display: flex;
  flex-direction: column;
  gap: 39px;
  min-height: 418px;
  padding: 46px 35px;
  width: 334px;
}

.hrms .machine_-learning {
  align-self: center;
  height: 72px;
  width: 72px;
}

.hrms .group-155-3 {
  align-items: center;
  min-height: 183px;
  width: 262px;
}

.hrms .department-management {
  letter-spacing: 0;
  line-height: normal;
  margin-left: 3.0px;
  min-height: 24px;
  min-width: 249px;
  text-align: center;
  white-space: nowrap;
}

.hrms .enhance-your-organiz {
  letter-spacing: 0;
  line-height: normal;
  margin-right: 4.0px;
  min-height: 144px;
  width: 258px;
}

.hrms .group-container-3 {
  align-items: flex-start;
  display: flex;
  gap: 60px;
  height: 418px;
  margin-top: 60px;
  min-width: 1516px;
  z-index: 8;
}

.hrms .group-189 {
  align-items: flex-end;
  background-color: var(--hint-of-red);
  border-radius: 15px;
  box-shadow: 5px 5px 7.1px 2px #00000014;
  display: flex;
  flex-direction: column;
  gap: 31px;
  min-height: 418px;
  padding: 44px 22px;
  width: 334px;
}

.hrms .pay-per-click_ppc_-advertising {
  align-self: center;
  height: 81px;
  margin-right: 1.0px;
  width: 81px;
}

.hrms .group-155-4 {
  align-items: center;
  min-height: 147px;
  width: 281px;
}

.hrms .loans-advances {
  letter-spacing: 0;
  line-height: normal;
  margin-right: 5.0px;
  min-height: 24px;
  min-width: 178px;
  text-align: center;
  white-space: nowrap;
}

.hrms .provide-employees-wi {
  letter-spacing: 0;
  line-height: normal;
  margin-right: 4.0px;
  min-height: 108px;
  width: 277px;
}

.hrms .group-190 {
  align-items: flex-start;
  background-color: var(--hint-of-red);
  border-radius: 15px;
  box-shadow: 5px 5px 7.1px 2px #00000014;
  display: flex;
  flex-direction: column;
  gap: 37px;
  min-height: 418px;
  padding: 38px 16px;
  width: 334px;
}

.hrms .group-198 {
  align-self: center;
  height: 82px;
  margin-left: 2.0px;
  width: 74px;
}

.hrms .group-155-5 {
  align-items: center;
  min-height: 201px;
  width: 281px;
}

.hrms .payroll-management {
  letter-spacing: 0;
  line-height: normal;
  margin-left: 21.0px;
  min-height: 24px;
  min-width: 198px;
  text-align: center;
  white-space: nowrap;
}

.hrms .generate-and-manage {
  letter-spacing: 0;
  line-height: normal;
  margin-right: 4.0px;
  min-height: 162px;
  width: 277px;
}

.hrms .group-191 {
  align-items: flex-start;
  background-color: var(--hint-of-red);
  border-radius: 15px;
  box-shadow: 5px 5px 7.1px 2px #00000014;
  display: flex;
  flex-direction: column;
  gap: 34px;
  min-height: 418px;
  padding: 43px 16px;
  width: 334px;
}

.hrms .mobile_-marketing {
  align-self: center;
  height: 80px;
  margin-right: 15.0px;
  width: 73px;
}

.hrms .group-155-6 {
  align-items: flex-end;
  min-height: 201px;
  width: 281px;
}

.hrms .recruitment-management {
  letter-spacing: 0;
  line-height: normal;
  margin-right: 4px;
  min-height: 24px;
  min-width: 251px;
  text-align: center;
  white-space: nowrap;
}

.hrms .set-up-a-professiona {
  letter-spacing: 0;
  line-height: normal;
  margin-right: 4px;
  min-height: 162px;
  width: 277px;
}

.hrms .group-192 {
  align-items: flex-start;
  background-color: var(--hint-of-red);
  border-radius: 15px;
  box-shadow: 5px 5px 7.1px 2px #00000014;
  display: flex;
  flex-direction: column;
  gap: 36px;
  min-height: 418px;
  padding: 44px 16px;
  width: 334px;
}

.hrms .layer_1 {
  align-self: center;
  height: 77px;
  margin-left: 1.0px;
  width: 77px;
}

.hrms .group-155-7 {
  align-items: flex-end;
  min-height: 165px;
  width: 281px;
}

.hrms .attendance-management {
  letter-spacing: 0;
  line-height: normal;
  margin-right: 7px;
  min-height: 24px;
  min-width: 245px;
  text-align: center;
  white-space: nowrap;
}

.hrms .track-employee-atten {
  letter-spacing: 0;
  line-height: normal;
  margin-right: 4px;
  min-height: 126px;
  width: 277px;
}

.hrms .group-container-4 {
  align-items: flex-start;
  display: flex;
  gap: 60px;
  height: 418px;
  margin-top: 60px;
  min-width: 1122px;
  z-index: 7;
}

.hrms .group-199 {
  align-items: flex-end;
  background-color: var(--hint-of-red);
  border-radius: 15px;
  box-shadow: 5px 5px 7.1px 2px #00000014;
  display: flex;
  flex-direction: column;
  gap: 36px;
  min-height: 418px;
  padding: 43px 24px;
  width: 334px;
}

.hrms .layer_1-1 {
  align-self: center;
  height: 78px;
  width: 62px;
}

.hrms .group-155 {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 15px;
  min-height: 165px;
  width: 281px;
}

.hrms .time-off-management {
  letter-spacing: 0;
  line-height: normal;
  margin-right: 5.0px;
  min-height: 24px;
  min-width: 216px;
  text-align: center;
  white-space: nowrap;
}

.hrms .organize-and-track-e {
  letter-spacing: 0;
  line-height: normal;
  margin-right: 4.0px;
  min-height: 126px;
  width: 277px;
}

.hrms .group-194 {
  align-items: flex-end;
  background-color: var(--hint-of-red);
  border-radius: 15px;
  box-shadow: 5px 5px 7.1px 2px #00000014;
  display: flex;
  flex-direction: column;
  gap: 40px;
  min-height: 418px;
  padding: 45px 24px;
  width: 334px;
}

.hrms .capa_1 {
  align-self: center;
  height: 72px;
  width: 72px;
}

.hrms .end-of-service-rewards {
  letter-spacing: 0;
  line-height: normal;
  margin-right: 4.0px;
  min-height: 24px;
  min-width: 237px;
  text-align: center;
  white-space: nowrap;
}

.hrms .calculate-and-manage {
  letter-spacing: 0;
  line-height: normal;
  margin-right: 4.0px;
  min-height: 126px;
  width: 277px;
}

.hrms .group-200 {
  align-items: flex-end;
  background-color: var(--hint-of-red);
  border-radius: 15px;
  box-shadow: 5px 5px 7.1px 2px #00000014;
  display: flex;
  flex-direction: column;
  gap: 33px;
  min-height: 418px;
  padding: 40px 24px;
  width: 334px;
}

.hrms .art {
  align-self: center;
  height: 84px;
  width: 84px;
}

.hrms .resignation-management {
  letter-spacing: 0;
  line-height: normal;
  margin-right: 4.0px;
  min-height: 24px;
  min-width: 247px;
  text-align: center;
  white-space: nowrap;
}

.hrms .simplify-the-resigna {
  letter-spacing: 0;
  line-height: normal;
  margin-right: 4.0px;
  min-height: 126px;
  width: 277px;
}

.hrms .overlap-group5 {
  background-color: #00000096;
  height: 1048px;
  margin-top: 107px;
  position: relative;
  width: 1822px;
  z-index: 10;
}

.hrms .frame-19 {
  align-items: flex-start;
  display: flex;
  height: 900px;
  left: 0;
  min-width: 1822px;
  position: absolute;
  top: 0;
}

.hrms .overlap-group3 {
  height: 1048px;
  position: relative;
  width: 1826px;
}

.hrms .vector-8 {
  height: 316px;
  left: 455px;
  position: absolute;
  top: 366px;
  width: 1px;
}

.hrms .vector-9 {
  height: 316px;
  left: 911px;
  position: absolute;
  top: 366px;
  width: 1px;
}

.hrms .vector-10 {
  height: 316px;
  left: 1367px;
  position: absolute;
  top: 366px;
  width: 1px;
}

.hrms .group-208 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 52px;
  left: 0;
  min-height: 1048px;
  padding: 458px 55px;
  position: absolute;
  top: 0;
  width: 457px;
}

.hrms .x01 {
  height: 50px;
  margin-left: 2.91px;
  width: 77px;
}

.hrms .increased-efficiency {
  letter-spacing: 0;
  line-height: normal;
  min-height: 29px;
  opacity: 0.61;
  width: 238px;
}

.hrms .group-207 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 52px;
  left: 455px;
  min-height: 1048px;
  padding: 458px 51px;
  position: absolute;
  top: 0;
  width: 457px;
}

.hrms .x02 {
  height: 50px;
  margin-left: 2.91px;
  width: 91px;
}

.hrms .improved-accuracy {
  letter-spacing: 0;
  line-height: normal;
  min-height: 29px;
  opacity: 0.61;
  width: 238px;
}

.hrms .group-206 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 52px;
  left: 910px;
  min-height: 1048px;
  padding: 458px 51px;
  position: absolute;
  top: 0;
  width: 458px;
}

.hrms .x03 {
  height: 50px;
  margin-left: 2.91px;
  width: 93px;
}

.hrms .enhanced-compliance {
  letter-spacing: 0;
  line-height: normal;
  min-height: 29px;
  opacity: 0.61;
  width: 261px;
}

.hrms .group-205 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 52px;
  left: 1365px;
  min-height: 1048px;
  padding: 458px 49px;
  position: absolute;
  top: 0;
  width: 461px;
}

.hrms .x04 {
  height: 50px;
  margin-left: 4.91px;
  width: 94px;
}

.hrms .boosted-employee-satisfaction {
  align-self: flex-end;
  letter-spacing: 0;
  line-height: normal;
  min-height: 29px;
  opacity: 0.61;
  width: 361px;
}

.hrms .benefits-of-ixora-hrms {
  color: var(--white);
  font-family: var(--font-family-inter);
  font-size: 32px;
  font-weight: 500;
  left: 55px;
  letter-spacing: 0.64px;
  line-height: 41.6px;
  position: absolute;
  text-align: justify;
  top: 147px;
  white-space: nowrap;
}

.hrms .group-167 {
  align-items: flex-start;
  background-image: url(../imghr/rectangle-35.svg);
  background-size: 100% 100%;
  display: flex;
  gap: 65px;
  height: 190px;
  margin-left: 1.0px;
  margin-top: 61px;
  min-width: 1639px;
  padding: 44px 63px;
  z-index: 3;
}

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

.hrms .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;
}

.hrms .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;
}

.hrms .overlap-group {
  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;
}

.hrms .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;
}

.hrms .overlap-group1-2 {
  align-items: center;
  background-color: #001e36;
  border-radius: 5px;
  display: flex;
  height: 56px;
  justify-content: flex-end;
  min-width: 182px;
  padding: 0 42px;
}

.hrms .subscribe {
  color: var(--white);
  font-family: var(--font-family-inter);
  font-size: var(--font-size-xxxl);
  font-weight: 500;
  letter-spacing: 0;
  line-height: normal;
  min-height: 24px;
  min-width: 97px;
  white-space: nowrap;
}

.hrms .overlap-group4 {
  align-items: flex-end;
  background-color: #001e36;
  display: flex;
  flex-direction: column;
  margin-top: 61px;
  min-height: 1406px;
  padding: 99px 224px;
  width: 1822px;
  z-index: 4;
}

.hrms .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;
  min-height: 77px;
  min-width: 564px;
}

.hrms .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;
}

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

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

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

.hrms .overlap-group1 {
  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;
}

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

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

.hrms .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;
}

.hrms .overlap-group1-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;
}

.hrms .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;
}

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

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

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

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

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

.hrms .overlap-group9 {
  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;
}

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

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

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

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

.hrms .overlap-group12 {
  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;
}

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

.hrms .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;
}

.hrms .overlap-group11 {
  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;
}

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

.hrms .overlap-group14 {
  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;
}

.hrms .rectangle-51 {
  background-color: var(--white);
  border-color: var(--black);
}

.hrms .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;
}

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

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

.hrms .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;
}

.hrms .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;
}

.hrms .flex-row-2 {
  align-items: flex-start;
  display: flex;
  gap: 12px;
  height: 32px;
  margin-right: 198px;
  margin-top: 26px;
  min-width: 491px;
}

.hrms .rectangle-48 {
  background-color: var(--white-3);
  border-color: var(--white-2);
  border-radius: 3px;
  margin-top: 1px;
}

.hrms .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;
}

.hrms .span0-2 {
  color: var(--white);
}

.hrms .span1-2 {
  color: #31a8ff;
}

.hrms .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;
}

.hrms .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;
}

.hrms .group-175 {
  align-items: flex-start;
  display: flex;
  margin-left: 1.0px;
  margin-top: 53px;
  min-width: 1377px;
  z-index: 5;
}

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

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

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

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

.hrms .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;
}

.hrms .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;
}

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

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

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

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

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

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

.hrms .about-us {
  letter-spacing: 0;
  line-height: 21.0px;
  margin-left: 59px;
  min-height: 21px;
  min-width: 89px;
  white-space: nowrap;
}

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

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

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

.hrms .employee {
  letter-spacing: 0;
  line-height: normal;
  min-height: 24px;
  white-space: nowrap;
}

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

.hrms .group-155-8 {
  display: flex;
  flex-direction: column;
  gap: 15px;
}

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

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

.hrms .rectangle {
  border: 1px solid;
  height: 25px;
  width: 25px;
}

.hrms .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 */
}

.background-video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover; /* Permet d'ajuster la vidéo au conteneur */
  z-index: -1; /* Met la vidéo derrière le contenu */
  opacity: 1; /* Assurez-vous que l'opacité est à 1 (pas de transparence) */
  filter: none; /* Supprime tout filtre appliqué à la vidéo */
  background: none !important; /* Supprime tout arrière-plan gris éventuel */
}

/* Style du texte affiché au survol */
.text-description {
  opacity: 0;
  transform: translateY(10px);
  transition: opacity 0.4s ease-in-out, transform 0.4s ease-in-out;
  font-family: 'Inter', sans-serif; /* Utilisation de la police Inter */
  font-weight: 600; /* Semi-bold */
  font-size: 20px; /* Taille 20px */
  color: white; /* Couleur blanche */
  text-align: left;
  max-width: 400px;
  line-height: 1.5;
  margin-top: 5px;
}

/* Affichage progressif du texte au survol */
.group-208:hover .text-description,
.group-207:hover .text-description,
.group-206:hover .text-description,
.group-205:hover .text-description {
  opacity: 1;
  transform: translateY(0);
}


.group-208,
.group-207,
.group-206,
.group-205 {
    position: relative;
    transition: transform 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
}

/* Ajout d'un glow gris lors du survol */
.group-208:hover,
.group-207:hover,
.group-206:hover,
.group-205:hover {
    
    transform: scale(1.05);
}
.overlap-group14 {
  display: flex;
  align-items: center; /* Alignement vertical */
 
}

.rectangle-51 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;  /* Taille ajustée */
  height: 24px;
  border: 2px solid #ccc; /* Bordure comme un reCAPTCHA */
  background-color: white;
  cursor: pointer;
  position: relative;
}

.rectangle-checkbox {
  width: 100%;
  height: 100%;
  opacity: 0; /* Cache l'input mais garde sa fonctionnalité */
  position: absolute;
  cursor: pointer;
}

.checkmark {
  font-size: 18px;
  color: #007bff; /* Couleur bleue */
  display: none;
  position: absolute;
}

.rectangle-checkbox:checked + .checkmark {
  display: block;
}

.flex-row-2 {
  display: flex;
  align-items: center; /* Alignement vertical */
  
}

.rectangle-48 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;  /* Taille ajustée */
  height: 24px;
  border: 2px solid #ccc; /* Bordure pour ressembler à une case à cocher */
  background-color: white;
  cursor: pointer;
  position: relative;
}

.rectangle-checkbox {
  width: 100%;
  height: 100%;
  opacity: 0; /* Cache l'input mais garde sa fonctionnalité */
  position: absolute;
  cursor: pointer;
}

.checkmark {
  font-size: 18px;
  color: #007bff; /* Couleur bleue */
  display: none;
  position: absolute;
}

.rectangle-checkbox:checked + .checkmark {
  display: block;
}








/* 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 */







/* 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;
}

/* 🔥 Supprime les marges et compense la navbar fixe */
body {
  margin: 0;
  padding: 0;
}

.body {
  padding-top: 63px; /* 🔥 Ajoute un espace pour éviter que la navbar cache le contenu */
}




.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);
    }
}

/* 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%;
}





/* 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');










/* ✅ Partie principale du footer */
.footer {
  width: 100%;
  padding: 0;

}


/* ✅ 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: 10px 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;
}