.uma-log-1-icon4 {
  position: absolute;
  top: 0;
  left: 21px;
  width: 42px;
  height: 66.7px;
  object-fit: cover;
}
.home5,
.logo4 {
  position: relative;
}
.logo4 {
  height: 70px;
  width: 86px;
  overflow: hidden;
  flex-shrink: 0;
}
.home5 {
  text-decoration: none;
  text-transform: uppercase;
  font-weight: 700;
  color: inherit;
}
.menu-item-labels {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  padding: var(--padding-7xl-5) var(--padding-3xs);
}
.about-us6 {
  text-decoration: none;
  position: relative;
  text-transform: uppercase;
  font-weight: 700;
  color: inherit;
  white-space: nowrap;
}
.menu-item-labels1 {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  padding: var(--padding-7xl-5) var(--padding-3xs);
}
.services5 {
  text-decoration: none;
  position: relative;
  text-transform: uppercase;
  font-weight: 700;
  color: inherit;
}
.menu-item-labels2 {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  padding: var(--padding-7xl-5) var(--padding-3xs);
}
.pi4 {
  text-decoration: none;
  position: relative;
  text-transform: uppercase;
  font-weight: 700;
  color: inherit;
}
.menu-item-labels3 {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  padding: var(--padding-7xl-5) var(--padding-3xs);
  font-family: var(--font-cabin);
}
.stc4 {
  text-decoration: none;
  position: relative;
  text-transform: uppercase;
  font-weight: 700;
  color: inherit;
}
.menu-item-labels4 {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  padding: var(--padding-7xl-5) var(--padding-3xs);
  font-family: var(--font-cabin);
}
.liner4 {
  text-decoration: none;
  position: relative;
  text-transform: uppercase;
  font-weight: 700;
  color: inherit;
}
.menu-item-labels5 {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  padding: var(--padding-7xl-5) var(--padding-3xs);
  font-family: var(--font-cabin);
}
.contact-us5 {
  text-decoration: none;
  position: relative;
  text-transform: uppercase;
  font-weight: 700;
  color: inherit;
  white-space: nowrap;
}
.menu-item-labels-parent,
.menu-item-labels6,
.menu2 {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
}
.menu-item-labels6 {
  padding: var(--padding-7xl-5) var(--padding-3xs);
}
.menu-item-labels-parent,
.menu2 {
  margin: 0;
  max-width: 100%;
}
.menu-item-labels-parent {
  gap: var(--gap-base);
  text-align: left;
  font-size: var(--font-size-sm);
  color: var(--primary-white);
  font-family: var(--font-inter);
}
.menu2 {
  padding: 0 0 0 var(--padding-11xl);
  box-sizing: border-box;
}
.vector-icon1 {
  height: 21px;
  width: 21px;
  position: relative;
}
.menu-icon3 {
  height: 68px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  padding: var(--padding-13xl) var(--padding-2xl);
  box-sizing: border-box;
}
.home6 {
  height: 17px;
  flex: 1;
  position: relative;
  text-transform: uppercase;
  display: inline-block;
}
.home-wrapper1 {
  width: 63px;
  flex: 1;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  padding: var(--padding-5xl) var(--padding-3xs);
  box-sizing: border-box;
}
.about-us7 {
  height: 17px;
  flex: 1;
  position: relative;
  text-transform: uppercase;
  display: inline-block;
  white-space: nowrap;
}
.about-us-wrapper1 {
  width: 93px;
  flex: 1;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  padding: var(--padding-5xl) var(--padding-3xs);
  box-sizing: border-box;
}
.services6 {
  height: 17px;
  flex: 1;
  position: relative;
  text-transform: uppercase;
  display: inline-block;
}
.services-wrapper1 {
  width: 90px;
  flex: 1;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  padding: var(--padding-5xl) var(--padding-3xs);
  box-sizing: border-box;
}
.pi5 {
  height: 17px;
  flex: 1;
  position: relative;
  text-transform: uppercase;
  display: inline-block;
}
.pi-wrapper1 {
  width: 41px;
  flex: 1;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  padding: var(--padding-5xl) var(--padding-3xs);
  box-sizing: border-box;
  font-family: var(--font-cabin);
}
.stc5 {
  height: 17px;
  flex: 1;
  position: relative;
  text-transform: uppercase;
  display: inline-block;
}
.stc-wrapper1 {
  width: 45px;
  flex: 1;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  padding: var(--padding-5xl) var(--padding-3xs);
  box-sizing: border-box;
  font-family: var(--font-cabin);
}
.liner5 {
  height: 17px;
  flex: 1;
  position: relative;
  text-transform: uppercase;
  display: inline-block;
}
.liner-wrapper1 {
  width: 58px;
  flex: 1;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  padding: var(--padding-5xl) var(--padding-3xs);
  box-sizing: border-box;
  font-family: var(--font-cabin);
}
.contact-us6 {
  height: 17px;
  flex: 1;
  position: relative;
  text-transform: uppercase;
  display: inline-block;
  white-space: nowrap;
}
.contact-us-wrapper1 {
  width: 113px;
  flex: 1;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  padding: var(--padding-5xl) var(--padding-3xs);
  box-sizing: border-box;
}
.frame-parent1 {
  align-self: stretch;
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}
.menu-overlay2 {
  height: 520px;
  width: 243px;
  box-shadow: 0 7px 10px rgba(0, 0, 0, 0.25);
  background-color: var(--primary-american-blue);
  display: none;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  padding: var(--padding-mini);
  box-sizing: border-box;
}
.menu-wrapper2,
.mobile-menu-wrapper2 {
  justify-content: flex-end;
  gap: var(--gap-3xs);
}
.mobile-menu-wrapper2 {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  padding: var(--padding-12xs) 0;
}
.menu-wrapper2 {
  width: 733px;
  padding: 0 0 0 var(--padding-12xl);
  box-sizing: border-box;
}
.header2,
.menu-wrapper2,
.nav2 {
  display: flex;
  flex-direction: row;
  align-items: flex-end;
  max-width: 100%;
}
.nav2 {
  width: 1140px;
  justify-content: space-between;
  gap: var(--gap-xl);
}
.header2 {
  align-self: stretch;
  background-color: var(--primary-american-blue);
  flex-wrap: wrap;
  justify-content: center;
  padding: 0 var(--padding-xl);
  box-sizing: border-box;
  top: 0;
  z-index: 99;
  position: sticky;
  text-align: left;
  font-size: var(--font-size-sm);
  color: var(--primary-white);
  font-family: var(--font-inter);
}
.hero-background1,
.shipwreck-4-1450750-edit-1-icon2 {
  width: 100%;
  position: absolute;
  margin: 0 !important;
  right: 0;
  left: 0;
}
.shipwreck-4-1450750-edit-1-icon2 {
  height: 1440px;
  bottom: -820px;
  max-width: 100%;
  overflow: hidden;
  object-fit: cover;
}
.hero-background1 {
  height: 100%;
  top: 0;
  bottom: 0;
  background-color: var(--color-gray);
  z-index: 1;
}
.services7 {
  height: 101px;
  width: 1104px;
  position: relative;
  text-transform: capitalize;
  display: flex;
  align-items: center;
  flex-shrink: 0;
  max-width: 100%;
  z-index: 2;
}
.main-content,
.section-hero2 {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  box-sizing: border-box;
  max-width: 100%;
}
.section-hero2 {
  flex: 1;
  background-color: var(--primary-american-blue);
  overflow: hidden;
  justify-content: center;
  padding: var(--padding-70xl-5) var(--padding-xl);
  position: relative;
  text-align: left;
  font-size: var(--h1-size);
  color: var(--primary-white);
  font-family: var(--content);
}
.main-content {
  align-self: stretch;
  justify-content: flex-start;
  padding: 0 0 var(--padding-14xl);
}
.uma-brings-global {
  margin: 0;
  align-self: stretch;
  height: 189px;
  position: relative;
  font-size: var(--h2-size);
  text-transform: capitalize;
  font-weight: 700;
  font-family: inherit;
  display: inline-block;
}
.support-1-icon {
  width: 80px;
  height: 80px;
  position: relative;
  object-fit: contain;
}
.project-logistics1 {
  align-self: stretch;
  position: relative;
  line-height: 140%;
  text-transform: capitalize;
  font-weight: 700;
}
.group-icon {
  width: 22px;
  height: 22px;
  position: relative;
}
.group-wrapper {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding: var(--padding-8xs) 0 0;
}
.site-surveys-site-container {
  flex: 1;
  position: relative;
  line-height: 140%;
  text-transform: capitalize;
  display: inline-block;
  min-width: 207px;
}
.project-logistics,
.site-surveys {
  align-self: stretch;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  gap: var(--gap-3xl-5);
  font-size: var(--content-size);
}
.project-logistics {
  flex-direction: column;
  padding: 0 0 var(--padding-5xs);
  gap: var(--gap-sm);
  font-size: var(--h3-size);
}
.group-icon1 {
  width: 22px;
  height: 22px;
  position: relative;
}
.logistics-subcategories {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding: var(--padding-8xs) 0 0;
}
.loading-plans-computer-container {
  flex: 1;
  position: relative;
  line-height: 140%;
  text-transform: capitalize;
  display: inline-block;
  min-width: 207px;
}
.logistics-categories {
  align-self: stretch;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 0 0 var(--padding-8xs);
  gap: var(--gap-3xl-5);
}
.group-icon2 {
  width: 22px;
  height: 22px;
  position: relative;
}
.group-container {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 3.3px 0 0;
}
.charter-parties-full-container {
  flex: 1;
  position: relative;
  line-height: 140%;
  text-transform: capitalize;
  display: inline-block;
  min-width: 207px;
}
.logistics-categories1 {
  align-self: stretch;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 0 0 7px;
  gap: var(--gap-4xl);
}
.group-icon3 {
  width: 22px;
  height: 22px;
  position: relative;
}
.transport-icon {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding: var(--padding-8xs) 0 0;
}
.transport-multi-modal-transpo-container {
  flex: 1;
  position: relative;
  line-height: 140%;
  text-transform: capitalize;
  display: inline-block;
  min-width: 208px;
}
.transport-icon-parent {
  align-self: stretch;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  gap: var(--gap-3xl);
}
.group-icon4 {
  width: 22px;
  height: 22px;
  position: relative;
}
.group-frame {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding: var(--padding-7xs-5) 0 0;
}
.special-transport-special-container {
  height: 84px;
  flex: 1;
  position: relative;
  line-height: 140%;
  text-transform: capitalize;
  display: inline-block;
  min-width: 207px;
}
.special-transport,
.transport {
  align-self: stretch;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  gap: var(--gap-3xl);
}
.transport {
  flex-direction: column;
  gap: var(--gap-sm);
}
.group-icon5 {
  width: 22px;
  height: 22px;
  position: relative;
}
.group-wrapper1 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding: var(--padding-7xs-5) 0 0;
}
.negotiation-freight-negotiati-container {
  height: 84px;
  flex: 1;
  position: relative;
  line-height: 140%;
  text-transform: capitalize;
  display: inline-block;
  min-width: 207px;
}
.logistics-categories2 {
  align-self: stretch;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  gap: var(--gap-3xl);
}
.group-icon6 {
  width: 22px;
  height: 22px;
  position: relative;
}
.group-wrapper2 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding: var(--padding-7xs-5) 0 0;
}
.support-administrative-suppor-container {
  height: 84px;
  flex: 1;
  position: relative;
  line-height: 140%;
  text-transform: capitalize;
  display: inline-block;
  min-width: 207px;
}
.logistics-categories3 {
  align-self: stretch;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  gap: var(--gap-3xl);
}
.group-icon7 {
  width: 22px;
  height: 22px;
  position: relative;
}
.group-wrapper3 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding: var(--padding-7xs-5) 0 0;
}
.it-solutions-in-house-container {
  height: 56px;
  flex: 1;
  position: relative;
  line-height: 140%;
  text-transform: capitalize;
  display: inline-block;
  min-width: 207px;
}
.logistics,
.logistics-categories4 {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}
.logistics-categories4 {
  align-self: stretch;
  flex-direction: row;
  gap: var(--gap-3xl);
}
.logistics {
  flex: 0.9579;
  flex-direction: column;
  padding: var(--padding-5xl) var(--padding-base) var(--padding-5xl) 0;
  box-sizing: border-box;
  gap: var(--gap-sm);
  min-width: 364px;
  max-width: 100%;
  font-size: var(--content-size);
}
.cruise-1-icon {
  width: 80px;
  height: 80px;
  position: relative;
  object-fit: contain;
}
.ship-agency-services1 {
  align-self: stretch;
  position: relative;
  line-height: 140%;
  text-transform: capitalize;
}
.group-icon8 {
  width: 22px;
  height: 22px;
  position: relative;
}
.group-wrapper4 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding: var(--padding-9xs) 0 0;
}
.ship-agency-reliable-container {
  flex: 1;
  position: relative;
  line-height: 140%;
  text-transform: capitalize;
  display: inline-block;
  min-width: 205px;
}
.ship-agency-content,
.ship-agency-description {
  align-self: stretch;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}
.ship-agency-description {
  flex-direction: row;
  gap: var(--gap-8xl);
  font-size: var(--content-size);
}
.ship-agency-content {
  flex-direction: column;
  gap: var(--gap-xs);
}
.group-icon9 {
  width: 22px;
  height: 22px;
  position: relative;
}
.hub-agency-subtypes {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding: var(--padding-9xs) 0 0;
}
.hub-agency-centralized-container {
  height: 56px;
  flex: 1;
  position: relative;
  line-height: 140%;
  text-transform: capitalize;
  display: inline-block;
  min-width: 205px;
}
.hub-agency-types {
  align-self: stretch;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  gap: var(--gap-8xl);
}
.group-icon10 {
  width: 22px;
  height: 22px;
  position: relative;
}
.group-wrapper5 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding: var(--padding-9xs) 0 0;
}
.protecting-agency-safeguard-container {
  height: 56px;
  flex: 1;
  position: relative;
  line-height: 140%;
  text-transform: capitalize;
  display: inline-block;
  min-width: 205px;
}
.hub-agency,
.hub-agency-types1,
.ship-agency-services {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}
.hub-agency-types1 {
  align-self: stretch;
  flex-direction: row;
  gap: var(--gap-8xl);
}
.hub-agency,
.ship-agency-services {
  flex-direction: column;
}
.hub-agency {
  align-self: stretch;
  gap: var(--gap-xs);
  font-size: var(--content-size);
}
.ship-agency-services {
  flex: 0.9579;
  padding: var(--padding-6xl) var(--padding-base) var(--padding-6xl) 0;
  box-sizing: border-box;
  gap: var(--gap-18xl);
  min-width: 364px;
  max-width: 100%;
  margin-left: -2px;
}
.tools-1-icon {
  width: 80px;
  height: 80px;
  position: relative;
  object-fit: contain;
}
.vessel-maintenance-services {
  width: 366px;
  position: relative;
  line-height: 140%;
  text-transform: capitalize;
  display: inline-block;
  max-width: 100%;
}
.group-icon11 {
  width: 22px;
  height: 22px;
  position: relative;
}
.group-wrapper6 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding: var(--padding-8xs) 0 0;
}
.hull-cleaning-maintain-container {
  flex: 1;
  position: relative;
  line-height: 140%;
  text-transform: capitalize;
  display: inline-block;
  min-width: 211px;
  max-width: 100%;
}
.hull-cleaning,
.services-container-wrapper,
.services-container1,
.vessel {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  max-width: 100%;
}
.hull-cleaning {
  width: 366px;
  flex-direction: row;
  gap: var(--gap-xl);
  font-size: var(--content-size);
}
.services-container-wrapper,
.services-container1,
.vessel {
  box-sizing: border-box;
}
.vessel {
  flex: 1;
  flex-direction: column;
  padding: var(--padding-10xl) 0;
  gap: var(--gap-3xs);
  min-width: 364px;
  margin-left: -2px;
}
.services-container-wrapper,
.services-container1 {
  flex-direction: row;
}
.services-container1 {
  flex: 1;
  flex-wrap: wrap;
  padding: 0 var(--padding-9xs) 0 0;
}
.services-container-wrapper {
  align-self: stretch;
  padding: 0 0 var(--padding-14xl);
}
.teaching-1-icon {
  height: 80px;
  width: 80px;
  position: relative;
  object-fit: cover;
}
.training-content {
  align-self: stretch;
  display: flex;
  flex-direction: row;
  align-items: flex-end;
  justify-content: flex-start;
}
.training-and-development {
  align-self: stretch;
  position: relative;
  line-height: 140%;
  text-transform: capitalize;
}
.group-icon12 {
  width: 22px;
  height: 22px;
  position: relative;
}
.group-wrapper7 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding: var(--padding-8xs) 0 0;
}
.maritime-training-enhance-container {
  flex: 1;
  position: relative;
  line-height: 140%;
  text-transform: capitalize;
  display: inline-block;
  min-width: 207px;
}
.maritime-training {
  align-self: stretch;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 23.5px;
  font-size: var(--content-size);
}
.training-development {
  width: 364px;
  flex-direction: column;
  justify-content: flex-start;
  gap: var(--gap-3xs);
}
.expertise-intro,
.expertise-intro-wrapper,
.training-development {
  display: flex;
  align-items: flex-start;
  max-width: 100%;
}
.expertise-intro {
  width: 1140px;
  flex-direction: column;
  justify-content: flex-start;
  gap: var(--gap-3xl);
}
.expertise-intro-wrapper {
  align-self: stretch;
  flex-direction: row;
  justify-content: center;
  padding: 0 var(--padding-xl) var(--padding-47xl);
  box-sizing: border-box;
  text-align: left;
  font-size: var(--h3-size);
  color: var(--primary-black);
  font-family: var(--content);
}
.in-addition-to {
  margin: 0;
  width: 1140px;
  height: 189px;
  position: relative;
  font-size: inherit;
  text-transform: capitalize;
  font-weight: 700;
  font-family: inherit;
  display: inline-block;
  max-width: 100%;
}
.maritime-1-icon {
  width: 80px;
  height: 80px;
  position: relative;
  object-fit: contain;
}
.maritime-services1 {
  align-self: stretch;
  position: relative;
  font-size: var(--h3-size);
  line-height: 140%;
  text-transform: capitalize;
  font-weight: 700;
}
.group-icon13 {
  width: 22px;
  height: 22px;
  position: relative;
}
.group-wrapper8 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding: var(--padding-8xs) 0 0;
}
.extensive-network-and {
  height: 56px;
  flex: 1;
  position: relative;
  line-height: 140%;
  text-transform: capitalize;
  display: inline-block;
  min-width: 207px;
}
.network-relationships {
  align-self: stretch;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  gap: var(--gap-3xl-5);
}
.group-icon14 {
  width: 22px;
  height: 22px;
  position: relative;
}
.group-wrapper9 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding: var(--padding-10xs) 0 0;
}
.survey-expertise1 {
  width: 319.5px;
  position: relative;
  line-height: 140%;
  text-transform: capitalize;
  display: flex;
  align-items: center;
  flex-shrink: 0;
}
.survey-expertise-content {
  align-self: stretch;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  gap: var(--gap-4xl);
}
.group-icon15 {
  width: 22px;
  height: 22px;
  position: relative;
}
.legal-advisory-content {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 3.8px 0 0;
}
.legal-advisory-receive {
  height: 84px;
  flex: 1;
  position: relative;
  line-height: 140%;
  text-transform: capitalize;
  display: inline-block;
  min-width: 207px;
}
.legal-advisory,
.maritime-services,
.survey-expertise {
  align-self: stretch;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}
.legal-advisory {
  flex-direction: row;
  gap: var(--gap-3xl-5);
}
.maritime-services,
.survey-expertise {
  flex-direction: column;
  gap: 21.5px;
}
.maritime-services {
  gap: 15.7px;
}
.group-icon16 {
  width: 22px;
  height: 22px;
  position: relative;
}
.expertise-subcategories {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-end;
  padding: 0 0 var(--padding-11xs);
}
.cargo-assistance- {
  width: 320px;
  position: relative;
  line-height: 140%;
  text-transform: capitalize;
  display: flex;
  align-items: center;
  flex-shrink: 0;
}
.expertise-categories {
  align-self: stretch;
  display: flex;
  flex-direction: row;
  align-items: flex-end;
  justify-content: flex-start;
  gap: var(--gap-3xl);
}
.group-icon17 {
  width: 22px;
  height: 22px;
  position: relative;
}
.group-wrapper10 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-end;
  padding: 0 0 var(--padding-11xs);
}
.vesselcargo-arrests {
  width: 320px;
  position: relative;
  line-height: 140%;
  text-transform: capitalize;
  display: flex;
  align-items: center;
  flex-shrink: 0;
}
.expertise-categories1 {
  align-self: stretch;
  display: flex;
  flex-direction: row;
  align-items: flex-end;
  justify-content: flex-start;
  gap: var(--gap-3xl);
}
.group-icon18 {
  width: 22px;
  height: 22px;
  position: relative;
}
.group-wrapper11 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-end;
  padding: 0 0 var(--padding-11xs);
}
.short-landing {
  width: 320px;
  position: relative;
  line-height: 140%;
  text-transform: capitalize;
  display: flex;
  align-items: center;
  flex-shrink: 0;
}
.expertise-categories2 {
  align-self: stretch;
  display: flex;
  flex-direction: row;
  align-items: flex-end;
  justify-content: flex-start;
  gap: var(--gap-3xl);
}
.group-icon19 {
  width: 22px;
  height: 22px;
  position: relative;
}
.group-wrapper12 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-end;
  padding: 0 0 var(--padding-11xs);
}
.mlc-assistance {
  width: 320px;
  position: relative;
  line-height: 140%;
  text-transform: capitalize;
  display: flex;
  align-items: center;
  flex-shrink: 0;
}
.expertise-categories3 {
  align-self: stretch;
  display: flex;
  flex-direction: row;
  align-items: flex-end;
  justify-content: flex-start;
  gap: var(--gap-3xl);
}
.group-icon20 {
  width: 22px;
  height: 22px;
  position: relative;
}
.group-wrapper13 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-end;
  padding: 0 0 var(--padding-11xs);
}
.towage {
  width: 320px;
  position: relative;
  line-height: 140%;
  text-transform: capitalize;
  display: flex;
  align-items: center;
  flex-shrink: 0;
}
.expertise-categories4 {
  align-self: stretch;
  display: flex;
  flex-direction: row;
  align-items: flex-end;
  justify-content: flex-start;
  gap: var(--gap-3xl);
}
.group-icon21 {
  width: 22px;
  height: 22px;
  position: relative;
}
.group-wrapper14 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-end;
  padding: 0 0 var(--padding-11xs);
}
.pollution {
  width: 320px;
  position: relative;
  line-height: 140%;
  text-transform: capitalize;
  display: flex;
  align-items: center;
  flex-shrink: 0;
}
.expertise-categories5 {
  align-self: stretch;
  display: flex;
  flex-direction: row;
  align-items: flex-end;
  justify-content: flex-start;
  gap: var(--gap-3xl);
}
.group-icon22 {
  width: 22px;
  height: 22px;
  position: relative;
}
.group-wrapper15 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-end;
  padding: 0 0 var(--padding-11xs);
}
.wreck-removal {
  width: 320px;
  position: relative;
  line-height: 140%;
  text-transform: capitalize;
  display: flex;
  align-items: center;
  flex-shrink: 0;
}
.expertise-categories6 {
  align-self: stretch;
  display: flex;
  flex-direction: row;
  align-items: flex-end;
  justify-content: flex-start;
  gap: var(--gap-3xl);
}
.group-icon23 {
  width: 22px;
  height: 22px;
  position: relative;
}
.group-wrapper16 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-end;
  padding: 0 0 var(--padding-11xs);
}
.grounding-fire-and {
  width: 320px;
  position: relative;
  line-height: 140%;
  text-transform: capitalize;
  display: flex;
  align-items: center;
  flex-shrink: 0;
}
.expertise-categories7 {
  align-self: stretch;
  display: flex;
  flex-direction: row;
  align-items: flex-end;
  justify-content: flex-start;
  gap: var(--gap-3xl);
}
.group-icon24 {
  width: 22px;
  height: 22px;
  position: relative;
}
.group-wrapper17 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-end;
  padding: 0 0 var(--padding-11xs);
}
.confirmation-of-vessel {
  width: 320px;
  position: relative;
  line-height: 140%;
  text-transform: capitalize;
  display: flex;
  align-items: center;
  flex-shrink: 0;
}
.frame-parent3 {
  align-self: stretch;
  display: flex;
  flex-direction: row;
  align-items: flex-end;
  justify-content: flex-start;
  gap: var(--gap-3xl);
}
.group-icon25 {
  width: 22px;
  height: 22px;
  position: relative;
}
.group-wrapper18 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-end;
  padding: 0 0 var(--padding-11xs);
}
.below-customsdri-issues {
  width: 320px;
  position: relative;
  line-height: 140%;
  text-transform: capitalize;
  display: flex;
  align-items: center;
  flex-shrink: 0;
}
.frame-parent4 {
  align-self: stretch;
  display: flex;
  flex-direction: row;
  align-items: flex-end;
  justify-content: flex-start;
  padding: 0 0 4.5px;
  gap: var(--gap-3xl);
}
.group-icon26 {
  width: 22px;
  height: 22px;
  position: relative;
}
.group-wrapper19 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding: var(--padding-9xs) 0 0;
}
.negotiationsfollow-up-with-au {
  height: 56px;
  flex: 1;
  position: relative;
  line-height: 140%;
  text-transform: capitalize;
  display: flex;
  align-items: center;
  min-width: 193px;
}
.frame-parent5 {
  align-self: stretch;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  gap: var(--gap-3xl);
}
.group-icon27 {
  width: 22px;
  height: 22px;
  position: relative;
}
.group-wrapper20 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding: var(--padding-9xs) 0 0;
}
.repatriationcompensation-sett {
  height: 56px;
  flex: 1;
  position: relative;
  line-height: 140%;
  text-transform: capitalize;
  display: flex;
  align-items: center;
  min-width: 181px;
}
.frame-parent6 {
  align-self: stretch;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  gap: var(--gap-3xl);
}
.authorities-interaction {
  align-self: stretch;
  gap: var(--gap-sm);
}
.authorities-interaction,
.expertise-grid,
.expertise1,
.frame-parent2 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}
.expertise-grid,
.frame-parent2 {
  align-self: stretch;
  gap: var(--gap-mid);
}
.expertise1 {
  flex: 1;
  padding: var(--padding-6xl) 0 16.5px;
  box-sizing: border-box;
  gap: 54.5px;
  min-width: 146px;
  max-width: 100%;
}
.siren-1-icon {
  width: 80px;
  height: 80px;
  position: relative;
  object-fit: contain;
}
.emergency-services {
  align-self: stretch;
  position: relative;
  font-size: var(--h3-size);
  line-height: 140%;
  text-transform: capitalize;
  font-weight: 700;
}
.group-icon28 {
  width: 22px;
  height: 22px;
  position: relative;
}
.group-wrapper21 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-end;
  padding: 0 0 var(--padding-11xs);
}
.air-ambulance-services {
  width: 320px;
  position: relative;
  line-height: 140%;
  text-transform: capitalize;
  display: flex;
  align-items: center;
  flex-shrink: 0;
}
.frame-parent7 {
  display: flex;
  flex-direction: row;
  align-items: flex-end;
  justify-content: flex-start;
  gap: var(--gap-3xl);
}
.group-icon29 {
  width: 22px;
  height: 22px;
  position: relative;
}
.group-wrapper22 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-end;
  padding: 0 0 var(--padding-11xs);
}
.injuryillness-assistance {
  width: 320px;
  position: relative;
  line-height: 140%;
  text-transform: capitalize;
  display: flex;
  align-items: center;
  flex-shrink: 0;
}
.frame-parent8 {
  display: flex;
  flex-direction: row;
  align-items: flex-end;
  justify-content: flex-start;
  gap: var(--gap-3xl);
}
.group-icon30 {
  width: 22px;
  height: 22px;
  position: relative;
}
.group-wrapper23 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-end;
  padding: 0 0 var(--padding-11xs);
}
.medical-assistance {
  width: 320px;
  position: relative;
  line-height: 140%;
  text-transform: capitalize;
  display: flex;
  align-items: center;
  flex-shrink: 0;
}
.frame-parent9 {
  display: flex;
  flex-direction: row;
  align-items: flex-end;
  justify-content: flex-start;
  gap: var(--gap-3xl);
}
.group-icon31 {
  width: 22px;
  height: 22px;
  position: relative;
}
.group-wrapper24 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-end;
  padding: 0 0 var(--padding-11xs);
}
.covid-issuescrew-change {
  width: 320px;
  position: relative;
  line-height: 140%;
  text-transform: capitalize;
  display: flex;
  align-items: center;
  flex-shrink: 0;
}
.expertise2,
.frame-parent10 {
  display: flex;
  justify-content: flex-start;
}
.frame-parent10 {
  flex-direction: row;
  align-items: flex-end;
  gap: var(--gap-3xl);
}
.expertise2 {
  flex: 1;
  flex-direction: column;
  align-items: flex-start;
  padding: var(--padding-6xl) 0 var(--padding-8xl);
  box-sizing: border-box;
  gap: 15.2px;
  min-width: 146px;
  max-width: 100%;
}
.procurement-1-icon {
  width: 80px;
  height: 80px;
  position: relative;
  object-fit: contain;
}
.procurement-and-legal {
  position: relative;
  font-size: var(--h3-size);
  line-height: 140%;
  text-transform: capitalize;
}
.group-icon32 {
  width: 22px;
  height: 22px;
  position: relative;
  flex-shrink: 0;
  debug_commit: 69da668;
}
.group-wrapper25 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-end;
  padding: 0 0 var(--padding-11xs);
}
.procurement-services {
  width: 320px;
  position: relative;
  line-height: 140%;
  text-transform: capitalize;
  display: flex;
  align-items: center;
  flex-shrink: 0;
  debug_commit: 69da668;
}
.frame-parent11 {
  display: flex;
  flex-direction: row;
  align-items: flex-end;
  justify-content: flex-start;
  gap: var(--gap-3xl);
}
.group-icon33 {
  width: 22px;
  height: 22px;
  position: relative;
  flex-shrink: 0;
  debug_commit: 69da668;
}
.group-wrapper26 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-end;
  padding: 0 0 var(--padding-11xs);
}
.third-party-claims {
  width: 320px;
  position: relative;
  line-height: 140%;
  text-transform: capitalize;
  display: flex;
  align-items: center;
  flex-shrink: 0;
  debug_commit: 69da668;
}
.frame-parent12 {
  display: flex;
  flex-direction: row;
  align-items: flex-end;
  justify-content: flex-start;
  gap: var(--gap-3xl);
}
.group-icon34 {
  width: 22px;
  height: 22px;
  position: relative;
  flex-shrink: 0;
  debug_commit: 69da668;
}
.group-wrapper27 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-end;
  padding: 0 0 var(--padding-11xs);
}
.contracts-indemnities-guarante {
  width: 320px;
  position: relative;
  line-height: 140%;
  text-transform: capitalize;
  display: flex;
  align-items: center;
  flex-shrink: 0;
  debug_commit: 69da668;
}
.frame-parent13 {
  display: flex;
  flex-direction: row;
  align-items: flex-end;
  justify-content: flex-start;
  gap: var(--gap-3xl);
}
.expertise3 {
  flex-direction: column;
  align-items: flex-start;
  padding: var(--padding-6xl) 0 var(--padding-8xl);
  gap: var(--gap-xs);
}
.expertise-parent,
.expertise3,
.section-whyuma {
  display: flex;
  justify-content: flex-start;
  box-sizing: border-box;
  max-width: 100%;
}
.expertise-parent {
  width: 1140px;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: flex-start;
  padding: 0 6px 0 0;
  gap: 47px 21px;
  font-size: var(--content-size);
}
.section-whyuma {
  align-self: stretch;
  background-color: var(--secondary-light-yellow);
  overflow: hidden;
  flex-direction: column;
  align-items: center;
  padding: var(--padding-17xl) var(--padding-xl);
  gap: var(--gap-4xl);
  text-align: left;
  font-size: var(--h2-size);
  color: var(--primary-black);
  font-family: var(--content);
}
.committed-to-excellence2,
.copyright-20242 {
  position: relative;
  line-height: 140%;
  text-transform: capitalize;
}
.committed-to-excellence2 {
  align-self: stretch;
  flex-shrink: 0;
}
.copyright-20242 {
  flex: 1;
  display: inline-block;
  max-width: 100%;
}
.footer-copyright {
  align-self: stretch;
  flex-direction: row;
  padding: var(--padding-11xs) 0;
  font-size: var(--content-size);
}
.committed-to-excellence-group,
.content12,
.footer-copyright {
  flex-shrink: 0;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  box-sizing: border-box;
  max-width: 100%;
}
.committed-to-excellence-group {
  height: 83px;
  flex: 1;
  flex-direction: column;
  padding: var(--padding-7xl-3) var(--padding-lg) var(--padding-2xl-7)
    var(--padding-lgi);
  gap: var(--gap-6xs-5);
  debug_commit: 69da668;
}
.content12 {
  width: 550px;
  overflow: hidden;
  flex-direction: row;
  flex-wrap: wrap;
  padding: var(--padding-25xl) 0;
  min-height: 277px;
}
.uma-log-1-icon5 {
  height: 66.7px;
  width: 42px;
  position: relative;
  object-fit: cover;
}
.logo-frame,
.logo5 {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
}
.logo5 {
  overflow: hidden;
  padding: var(--padding-base-7) var(--padding-4xl) var(--padding-base-6)
    var(--padding-2xl);
}
.logo-frame {
  width: 463px;
  flex-wrap: wrap;
  max-width: 100%;
}
.footer-social {
  height: 37px;
  width: 463px;
  max-width: 100%;
}
.content-wrap6,
.content13 {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: flex-start;
  box-sizing: border-box;
  max-width: 100%;
}
.content13 {
  width: 550px;
  overflow: hidden;
  flex-shrink: 0;
  padding: var(--padding-43xl) var(--padding-58xl) var(--padding-60xl-8)
    var(--padding-3xs);
  min-height: 277px;
}
.content-wrap6 {
  padding: 0 var(--padding-4xs) 0 0;
  gap: 10px 31px;
}
.footer-comp2,
.services4 {
  overflow: hidden;
  display: flex;
  align-items: flex-start;
}
.footer-comp2 {
  align-self: stretch;
  background-color: var(--primary-american-blue);
  flex-direction: row;
  justify-content: center;
  padding: 0 var(--padding-xl);
  box-sizing: border-box;
  max-width: 100%;
  text-align: left;
  font-size: var(--h3-size);
  color: var(--primary-white);
  font-family: var(--content);
}
.services4 {
  width: 100%;
  position: relative;
  background-color: var(--primary-white);
  flex-direction: column;
  justify-content: flex-start;
  line-height: normal;
  letter-spacing: normal;
}
@media screen and (max-width: 1200px) {
  .expertise-intro-wrapper,
  .section-whyuma {
    padding-bottom: var(--padding-24xl);
    box-sizing: border-box;
  }
  .section-whyuma {
    padding-top: var(--padding-4xl);
    padding-bottom: var(--padding-4xl);
  }
}
@media screen and (max-width: 1050px) {
  .services7,
  .uma-brings-global {
    font-size: var(--font-size-21xl);
  }
  .logistics {
    padding-top: var(--padding-xl);
    padding-bottom: var(--padding-xl);
    box-sizing: border-box;
  }
  .in-addition-to {
    font-size: var(--font-size-21xl);
  }
  .expertise1 {
    padding-top: var(--padding-xl);
    padding-bottom: var(--padding-xl);
    box-sizing: border-box;
  }
  .content13 {
    padding-right: var(--padding-19xl);
    box-sizing: border-box;
  }
}
@media screen and (max-width: 750px) {
  .menu2 {
    display: none;
  }
  .menu-wrapper2 {
    width: 104px;
  }
  .expertise-intro-wrapper,
  .section-whyuma {
    padding-bottom: var(--padding-9xl);
    box-sizing: border-box;
  }
  .section-whyuma {
    padding-top: var(--padding-xl);
    padding-bottom: var(--padding-xl);
  }
  .content-wrap6 {
    gap: var(--gap-mini);
  }
}
@media screen and (max-width: 450px) {
  .services7 {
    font-size: var(--font-size-5xl);
  }
  .uma-brings-global {
    font-size: var(--font-size-11xl);
  }
  .project-logistics1 {
    font-size: var(--content-size);
    line-height: 28px;
  }
  .site-surveys-site-container {
    font-size: var(--font-size-base);
    line-height: 22px;
  }
  .site-surveys {
    flex-wrap: wrap;
  }
  .loading-plans-computer-container {
    font-size: var(--font-size-base);
    line-height: 22px;
  }
  .logistics-categories {
    flex-wrap: wrap;
  }
  .charter-parties-full-container {
    font-size: var(--font-size-base);
    line-height: 22px;
  }
  .logistics-categories1 {
    flex-wrap: wrap;
  }
  .transport-multi-modal-transpo-container {
    font-size: var(--font-size-base);
    line-height: 22px;
  }
  .transport-icon-parent {
    flex-wrap: wrap;
  }
  .special-transport-special-container {
    font-size: var(--font-size-base);
    line-height: 22px;
  }
  .special-transport {
    flex-wrap: wrap;
  }
  .negotiation-freight-negotiati-container {
    font-size: var(--font-size-base);
    line-height: 22px;
  }
  .logistics-categories2 {
    flex-wrap: wrap;
  }
  .support-administrative-suppor-container {
    font-size: var(--font-size-base);
    line-height: 22px;
  }
  .logistics-categories3 {
    flex-wrap: wrap;
  }
  .it-solutions-in-house-container {
    font-size: var(--font-size-base);
    line-height: 22px;
  }
  .logistics-categories4 {
    flex-wrap: wrap;
  }
  .ship-agency-services1 {
    font-size: var(--content-size);
    line-height: 28px;
  }
  .ship-agency-reliable-container {
    font-size: var(--font-size-base);
    line-height: 22px;
  }
  .ship-agency-description {
    flex-wrap: wrap;
  }
  .hub-agency-centralized-container {
    font-size: var(--font-size-base);
    line-height: 22px;
  }
  .hub-agency-types {
    flex-wrap: wrap;
  }
  .protecting-agency-safeguard-container {
    font-size: var(--font-size-base);
    line-height: 22px;
  }
  .hub-agency-types1 {
    flex-wrap: wrap;
  }
  .ship-agency-services {
    gap: var(--gap-lg);
    padding-bottom: var(--padding-xl);
    box-sizing: border-box;
  }
  .vessel-maintenance-services {
    font-size: var(--content-size);
    line-height: 28px;
  }
  .hull-cleaning-maintain-container {
    font-size: var(--font-size-base);
    line-height: 22px;
  }
  .hull-cleaning {
    flex-wrap: wrap;
  }
  .training-and-development {
    font-size: var(--content-size);
    line-height: 28px;
  }
  .maritime-training-enhance-container {
    font-size: var(--font-size-base);
    line-height: 22px;
  }
  .expertise-intro-wrapper {
    padding-bottom: var(--padding-xl);
    box-sizing: border-box;
  }
  .in-addition-to {
    font-size: var(--font-size-11xl);
  }
  .maritime-services1 {
    font-size: var(--content-size);
    line-height: 28px;
  }
  .extensive-network-and {
    font-size: var(--font-size-base);
    line-height: 22px;
  }
  .network-relationships {
    flex-wrap: wrap;
  }
  .legal-advisory-receive,
  .survey-expertise1 {
    font-size: var(--font-size-base);
    line-height: 22px;
  }
  .legal-advisory {
    flex-wrap: wrap;
  }
  .below-customsdri-issues,
  .cargo-assistance-,
  .confirmation-of-vessel,
  .grounding-fire-and,
  .mlc-assistance,
  .negotiationsfollow-up-with-au,
  .pollution,
  .short-landing,
  .towage,
  .vesselcargo-arrests,
  .wreck-removal {
    font-size: var(--font-size-base);
    line-height: 22px;
  }
  .frame-parent5 {
    flex-wrap: wrap;
  }
  .repatriationcompensation-sett {
    font-size: var(--font-size-base);
    line-height: 22px;
  }
  .frame-parent6 {
    flex-wrap: wrap;
  }
  .expertise1 {
    gap: var(--gap-8xl);
  }
  .emergency-services {
    font-size: var(--content-size);
    line-height: 28px;
  }
  .air-ambulance-services,
  .covid-issuescrew-change,
  .injuryillness-assistance,
  .medical-assistance {
    font-size: var(--font-size-base);
    line-height: 22px;
  }
  .expertise2 {
    padding-top: var(--padding-xl);
    padding-bottom: var(--padding-xl);
    box-sizing: border-box;
  }
  .procurement-and-legal {
    font-size: var(--content-size);
    line-height: 28px;
  }
  .contracts-indemnities-guarante,
  .procurement-services,
  .third-party-claims {
    font-size: var(--font-size-base);
    line-height: 22px;
  }
  .committed-to-excellence2 {
    font-size: var(--content-size);
    line-height: 28px;
  }
  .copyright-20242 {
    font-size: var(--font-size-base);
    line-height: 22px;
  }
}