@media only screen and (max-width: 780px) {
  .urm-corporate-hero-details-outer {
    /* background: linear-gradient(91deg, #54ffbb 1%, #86fd77 48%, #9499ff 72%); */
    border-radius: 24px;
    padding: 2px;
    background-clip: padding-box;
    border: 2px solid transparent;
    max-width: calc(100% - 20px);
    margin: auto;
  }
}

.urm-corporate-hero-details {
  max-width: 1280px;
  margin: auto;
  padding: 51px 70px;
  border-radius: 20px;
  background-color: #FFEEEA;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 50px;
}

@media only screen and (max-width: 780px) {
  .urm-corporate-hero-details {
    /* background: #fff; */
    padding: 44px 21px 32px 21px;
    gap: 30px;
  }
}


.urm-corporate-hero-details.blue-bg {
  background-color: #eff7ff;;
}

.urm-corporate-hero-details .details-text {
  font-size: 34px;
  line-height: normal;
  text-align: center;
  color: #000;
}

@media only screen and (max-width: 780px) {
  .urm-corporate-hero-details .details-text {
    font-size: 19px;
  }
}

.urm-corporate-hero-details .details-text h1 {
  font-weight: bold;
  font-size: 34px;
  line-height: normal;
  text-align: center;
  color: #000;
  display: inline;
}

@media only screen and (max-width: 780px) {
  .urm-corporate-hero-details .details-text h1 {
    font-size: 19px;
  }
}


.urm-corporate-hero-details .details-bottom-navigations {
  display: flex;
  gap: 80px;
}

@media only screen and (max-width: 780px) {
  .urm-corporate-hero-details  .details-bottom-navigations {
    gap: 60px;
  }
}

.urm-corporate-hero-details .details-bottom-navigations .icon {
  width: 60px;
  height: 46px;
}

@media only screen and (max-width: 780px) {
  .urm-corporate-hero-details .details-bottom-navigations .icon {
    width: 40px;
    height: 32px;
  }
}