/*
AMBE Trading and Logistics Ltd — holding page stylesheet (version 12)
Sea Blue & Coral · Zilla Slab over Fira Sans · class prefix ambe__
Purged to the rules the page uses; the theme literals are mapped to the palette, and the brand
block at the end holds the palette as variables and overrides anything the map did not reach.
*/
/* ---- local type: Zilla Slab (headings) and Fira Sans (body) ---- */
@font-face{font-family:"Zilla Slab";font-style:normal;font-weight:500;font-display:swap;src:url(../fonts/zilla-slab-500.woff2) format("woff2")}
@font-face{font-family:"Zilla Slab";font-style:normal;font-weight:600;font-display:swap;src:url(../fonts/zilla-slab-600.woff2) format("woff2")}
@font-face{font-family:"Zilla Slab";font-style:normal;font-weight:700;font-display:swap;src:url(../fonts/zilla-slab-700.woff2) format("woff2")}
@font-face{font-family:"Fira Sans";font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/fira-sans-400.woff2) format("woff2")}
@font-face{font-family:"Fira Sans";font-style:normal;font-weight:500;font-display:swap;src:url(../fonts/fira-sans-500.woff2) format("woff2")}
@font-face{font-family:"Fira Sans";font-style:normal;font-weight:700;font-display:swap;src:url(../fonts/fira-sans-700.woff2) format("woff2")}
*{box-sizing: border-box;
  margin: 0;
  padding: 0;}
html{overflow: hidden;
  overflow-y: auto;
  scroll-behavior: smooth;
  margin: 0;
  padding: 0;}
body{margin: 0;
  padding: 0;
  position: relative;
  font-family: "Fira Sans", system-ui, sans-serif;
  color: #124E78;
  overflow-x: hidden;
  -ms-word-wrap: break-word;
  word-wrap: break-word;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: antialiased;}
ul{margin: 0;
  padding: 0;
  list-style: none;}
a:hover,a:focus{text-decoration: none;
  outline: none;}
a{text-decoration: none;}
input:focus,textarea:focus,button:focus{outline: none;}
button{cursor: pointer;}
img{max-width: 100%;
  height: auto;
  display: block;}
h1,h2,h3,h4,h5,h5{font-family: "Fira Sans", system-ui, sans-serif;
  margin: 0;}
p{margin: 0;}
h1,h2,h3,h4,h5,h5,p,a,span,li,button,input,textarea{text-wrap: auto;
  list-style-type: none;}
p,a,span,li,a,button,input,textarea{font-family: "Fira Sans", system-ui, sans-serif;}
.ambe__container{max-width: 1296px;
  margin: 0 auto;
  padding: 0 20px;}
.ambe__align-center{text-align: center;}
.ambe__title-wrapper .ambe__main-title{font-size: 45px;
  font-weight: 700;
  color: #124E78;}
@media (max-width: 767px){.ambe__title-wrapper .ambe__main-title{font-size: 30px;
    line-height: 40px;}.ambe__title-wrapper .ambe__main-title br{display: none;}}
@media (max-width: 439px){.ambe__title-wrapper .ambe__main-title{font-size: 25px;
    line-height: 35px;}}
.ambe__title-wrapper .ambe__sub-titel{color: #D9553F;
  font-size: 24px;
  font-weight: 700;
  line-height: 30px;
  margin-bottom: 34px;}
@media (max-width: 767px){.ambe__title-wrapper .ambe__sub-titel{font-size: 18px;
    line-height: 28px;
    margin-bottom: 20px;}.ambe__title-wrapper .ambe__sub-titel br{display: none;}}
@keyframes ambe__headerStickyAnimations{0% {
    transform: translateY(-100px);
  }
  100% {
    transform: translateY(0px);
  }}
.img-custom-anim-right{animation: img-anim-right 1.3s forwards cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s;
  opacity: 0;}
@keyframes img-anim-right{0% {
    transform: translateX(5%);
    clip-path: inset(0 0 0 100%);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    clip-path: inset(0 0 0 0);
    opacity: 1;
  }}
.img-custom-anim-left{animation: img-anim-left 1.3s forwards cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s;
  opacity: 0;}
@keyframes img-anim-left{0% {
    transform: translateX(-5%);
    clip-path: inset(0 100% 0 0);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    clip-path: inset(0 0 0 0);
    opacity: 1;
  }}
.img-custom-anim-top{animation: img-anim-top 1.3s forwards cubic-bezier(0.645, 0.045, 0.355, 1);
  opacity: 0;}
@keyframes img-anim-top{0% {
    transform: translateY(-5%);
    clip-path: inset(0 0 100% 0);
    opacity: 0;
  }
  100% {
    transform: translateY(0);
    clip-path: inset(0 0 0 0);
    opacity: 1;
  }}
.ambe__header-area-home-1 .ambe__header-topbar{background-color: #124E78;
  padding-top: 6px;
  padding-bottom: 6px;}
.ambe__header-area-home-1 .ambe__header-topbar .ambe__header-wrapper{display: flex;
  align-items: center;
  justify-content: space-between;}
@media (max-width: 650px){.ambe__header-area-home-1 .ambe__header-topbar .ambe__header-wrapper{display: block;}}
.ambe__header-area-home-1 .ambe__header-topbar .ambe__header-wrapper .ambe__topbar-left{display: flex;
  align-items: center;
  gap: 87px;}
@media (max-width: 767px){.ambe__header-area-home-1 .ambe__header-topbar .ambe__header-wrapper .ambe__topbar-left{gap: 30px;}}
@media (max-width: 650px){.ambe__header-area-home-1 .ambe__header-topbar .ambe__header-wrapper .ambe__topbar-left{display: none;}}
.ambe__header-area-home-1 .ambe__header-topbar .ambe__header-wrapper .ambe__topbar-left .ambe__header-topbar-info{transition: linear 0.4s;}
.ambe__header-area-home-1 .ambe__header-topbar .ambe__header-wrapper .ambe__topbar-left .ambe__header-topbar-info:hover{color: #D9553F;}
.ambe__header-area-home-1 .ambe__header-topbar .ambe__header-wrapper .ambe__topbar-right{display: flex;
  align-items: center;
  gap: 68px;
  position: relative;}
.ambe__header-area-home-1 .ambe__header-topbar .ambe__header-wrapper .ambe__topbar-right::before{content: "";
  background: rgba(255, 255, 255, 0.2);
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: 50%;
  transform: translateY(-50%);
  width: 1px;
  height: 20.741px;}
@media (max-width: 650px){.ambe__header-area-home-1 .ambe__header-topbar .ambe__header-wrapper .ambe__topbar-right::before{display: none;}}
@media (max-width: 767px){.ambe__header-area-home-1 .ambe__header-topbar .ambe__header-wrapper .ambe__topbar-right{gap: 20px;}}
@media (max-width: 650px){.ambe__header-area-home-1 .ambe__header-topbar .ambe__header-wrapper .ambe__topbar-right{justify-content: space-between;}}
.ambe__header-area-home-1 .ambe__header-menu{position: absolute;
  left: 0;
  width: 100%;
  z-index: 999;}
.ambe__header-area-home-1 .ambe__header-menu.ambe__header-sticky{position: fixed !important;
  top: 0;
  animation: ambe__headerStickyAnimations 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
  display: block;
  width: 100%;
  z-index: 999;
  max-width: 100%;
  box-shadow: 10px 10px 42px -1px rgba(65, 63, 63, 0.15);
  background-color: #fff;}
.ambe__header-area-home-1 .ambe__header-menu .ambe__menu-wrapper{background-color: #FFFFFF;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 22px 22px;}
@media (max-width: 1099px){.ambe__header-area-home-1 .ambe__header-menu .ambe__menu-wrapper .ambe__menu__inner{display: none;}}
.ambe__header-area-home-1 .ambe__header-menu .ambe__menu-wrapper .ambe__menu__inner .ambe__menu{display: flex;
  align-items: center;
  gap: 69px;}
@media (max-width: 1299px){.ambe__header-area-home-1 .ambe__header-menu .ambe__menu-wrapper .ambe__menu__inner .ambe__menu{gap: 45px;}}
.ambe__header-area-home-1 .ambe__header-menu .ambe__menu-wrapper .ambe__menu__inner .ambe__menu li{position: relative;}
.ambe__header-area-home-1 .ambe__header-menu .ambe__menu-wrapper .ambe__menu__inner .ambe__menu li a{transition: linear 0.4s;
  position: relative;}
.ambe__header-area-home-1 .ambe__header-menu .ambe__menu-wrapper .ambe__menu__inner .ambe__menu li a:hover{color: #D9553F;}
.ambe__header-area-home-1 .ambe__header-menu .ambe__menu-wrapper .ambe__header-menu-right{display: flex;
  align-items: center;
  gap: 33px;}
.ambe__header-area-home-1 .ambe__header-menu .ambe__menu-wrapper .ambe__header-menu-right .ambe-search-mobile-menu-btn{display: flex;
  align-items: center;
  gap: 47px;
  position: relative;}
.ambe__header-area-home-1 .ambe__header-menu .ambe__menu-wrapper .ambe__header-menu-right .ambe-search-mobile-menu-btn::before{content: "";
  background: rgba(223, 223, 223, 0.55);
  position: absolute;
  left: 45%;
  transform: translateX(-50%);
  top: 50%;
  transform: translateY(-50%);
  width: 1px;
  height: 43px;}
@media (max-width: 575px){.ambe__header-area-home-1 .ambe__header-menu .ambe__menu-wrapper .ambe__header-menu-right .ambe-search-mobile-menu-btn::before{display: none;}}
@media (max-width: 1299px){.ambe__header-area-home-1 .ambe__header-menu .ambe__menu-wrapper .ambe__header-menu-right .ambe-search-mobile-menu-btn{gap: 20px;}}
.ambe__header-area-home-1 .ambe__header-menu .ambe__menu-wrapper .ambe__header-menu-right .ambe-search-mobile-menu-btn .ambe__mobile-menu-bar svg path{transition: linear 0.4s;}
.ambe__header-area-home-1 .ambe__header-menu .ambe__menu-wrapper .ambe__header-menu-right .ambe-search-mobile-menu-btn .ambe__mobile-menu-bar:hover svg path{fill: #124E78;}
.ambe__btn-style-1{background-color: #D9553F;
  color: #FFFFFF;
  padding: 20px 37px 20px 28px;
  border-radius: 4px;
  transition: linear 0.4s;}
.ambe__btn-style-1:hover{background-color: #124E78;}
.ambe__btn-style-1 i{right: -5px;
  position: relative;}
.ambe__footer-area-home-2{background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  padding-top: 130px;}
@media (max-width: 991px){.ambe__footer-area-home-2{padding-top: 100px;}}
@media (max-width: 767px){.ambe__footer-area-home-2{padding-top: 80px;}}
.ambe__footer-area-home-2 .ambe__footer-wrapper{display: flex;
  align-items: start;
  justify-content: space-between;}
@media (max-width: 991px){.ambe__footer-area-home-2 .ambe__footer-wrapper{display: grid;
    grid-template-columns: 50% 50%;
    grid-template-rows: auto auto;
    row-gap: 30px;}}
@media (max-width: 767px){.ambe__footer-area-home-2 .ambe__footer-wrapper{grid-template-columns: 100%;}}
.ambe__footer-area-home-2 .ambe__footer-wrapper .ambe__footer-logo{width: 26.33%;}
@media (max-width: 1299px){.ambe__footer-area-home-2 .ambe__footer-wrapper .ambe__footer-logo{width: 29.33%;}}
@media (max-width: 991px){.ambe__footer-area-home-2 .ambe__footer-wrapper .ambe__footer-logo{width: 71.33%;}}
@media (max-width: 575px){.ambe__footer-area-home-2 .ambe__footer-wrapper .ambe__footer-logo{width: 100%;}}
.ambe__footer-area-home-2 .ambe__footer-wrapper .ambe__footer-logo .ambe__footer-logo-bottom-text{color: #FFFFFF;
  font-size: 16px;
  font-weight: 500;
  line-height: 26px;
  color: #B5C0C9;
  margin-top: 20px;
  margin-bottom: 32px;}
@media (max-width: 1199px){.ambe__footer-area-home-2 .ambe__footer-wrapper .ambe__footer-logo .ambe__footer-logo-bottom-text br{display: none;}}
.ambe__footer-area-home-2 .ambe__footer-wrapper .ambe__footer-logo .ambe__footer-location,.ambe__footer-area-home-2 .ambe__footer-wrapper .ambe__footer-logo .ambe__footer-email-phone{display: flex;
  align-items: flex-start;
  gap: 25px;}
.ambe__footer-area-home-2 .ambe__footer-wrapper .ambe__footer-logo .ambe__footer-location .ambe__footer-location-icon,.ambe__footer-area-home-2 .ambe__footer-wrapper .ambe__footer-logo .ambe__footer-email-phone .ambe__footer-location-icon{position: relative;
  top: 7px;}
.ambe__footer-area-home-2 .ambe__footer-wrapper .ambe__footer-logo .ambe__footer-location .ambe__footer-location-text,.ambe__footer-area-home-2 .ambe__footer-wrapper .ambe__footer-logo .ambe__footer-email-phone .ambe__footer-location-text{color: #B5C0C9;
  font-size: 16px;
  font-weight: 500;
  line-height: 34px;}
.ambe__footer-area-home-2 .ambe__footer-wrapper .ambe__footer-logo .ambe__footer-location .ambe__footer-email-phone-icon,.ambe__footer-area-home-2 .ambe__footer-wrapper .ambe__footer-logo .ambe__footer-email-phone .ambe__footer-email-phone-icon{position: relative;
  top: 7px;}
.ambe__footer-area-home-2 .ambe__footer-wrapper .ambe__footer-logo .ambe__footer-location .ambe__footer-email-phone-text .ambe__footer-email-text,.ambe__footer-area-home-2 .ambe__footer-wrapper .ambe__footer-logo .ambe__footer-email-phone .ambe__footer-email-phone-text .ambe__footer-email-text{color: #B5C0C9;
  font-size: 16px;
  font-weight: 500;
  line-height: 34px;
  display: block;
  transition: linear 0.3s;}
.ambe__footer-area-home-2 .ambe__footer-wrapper .ambe__footer-logo .ambe__footer-location .ambe__footer-email-phone-text .ambe__footer-email-text:hover,.ambe__footer-area-home-2 .ambe__footer-wrapper .ambe__footer-logo .ambe__footer-email-phone .ambe__footer-email-phone-text .ambe__footer-email-text:hover{color: #D9553F;}
.ambe__footer-area-home-2 .ambe__footer-copyright-text-wrapper{display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 72px;
  border-top: 1px solid rgba(242, 242, 242, 0.07);
  padding: 18px 0;}
@media (max-width: 991px){.ambe__footer-area-home-2 .ambe__footer-copyright-text-wrapper{display: grid;
    text-align: center;
    grid-template-columns: 1fr;}}
.ambe__footer-area-home-2 .ambe__footer-copyright-text-wrapper .ambe__footer-copyright-text{font-size: 18px;
  font-weight: 500;
  color: #B5C0C9;
  font-family: "Fira Sans", system-ui, sans-serif;}
@media (max-width: 991px){.ambe__footer-area-home-2 .ambe__footer-copyright-text-wrapper .ambe__footer-copyright-text{order: 3;}}
.ambe__hero-area{position: relative;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  height: 1047px;
  z-index: 1;
  background-color: #E7EEF3;}
.ambe__hero-area::before{content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(18, 78, 120, 0.55);}
.ambe__hero-area .ambe__hero-text-content{position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 100%;}
@media (max-width: 575px){.ambe__hero-area .ambe__hero-text-content{top: 35%;}}
.ambe__hero-area .ambe__hero-text-content .ambe__hero-sub-title{margin-bottom: 36px;}
@media (max-width: 767px){.ambe__hero-area .ambe__hero-text-content .ambe__hero-sub-title{margin-bottom: 25px;}}
@media (max-width: 439px){.ambe__hero-area .ambe__hero-text-content .ambe__hero-sub-title{font-size: 20px;
    margin-bottom: 10px;}}
@media (max-width: 767px){.ambe__hero-area .ambe__hero-text-content .ambe__hero-title{font-size: 45px;
    line-height: 55px;}}
@media (max-width: 439px){.ambe__hero-area .ambe__hero-text-content .ambe__hero-title{font-size: 30px;
    line-height: 40px;}}
.ambe__hero-area .ambe__hero-features-wrapper{display: flex;
  align-items: center;
  justify-content: center;
  gap: 55px;
  background: rgba(217, 85, 63, 0.65);
  padding: 45px 55px;
  position: absolute;
  bottom: 60px;
  left: 50%;
  transform: translateX(-50%);}
@media (max-width: 1499px){.ambe__hero-area .ambe__hero-features-wrapper{gap: 40px;}}
@media (max-width: 1299px){.ambe__hero-area .ambe__hero-features-wrapper{gap: 20px;}}
@media (max-width: 1099px){.ambe__hero-area .ambe__hero-features-wrapper{display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    place-content: center;
    row-gap: 20px;}}
@media (max-width: 575px){.ambe__hero-area .ambe__hero-features-wrapper{grid-template-columns: 1fr 1fr;}}
.ambe__hero-area .ambe__hero-features-wrapper .ambe__hero-features-item{position: relative;}
.ambe__hero-area .ambe__hero-features-wrapper .ambe__hero-features-item img{margin-left: auto;
  margin-right: auto;}
.ambe__hero-area .ambe__hero-features-wrapper .ambe__hero-features-item .ambe__hero-features-item-name{text-align: center;
  margin-top: 14px;
  white-space: nowrap;}
.ambe__hero-area .ambe__hero-features-wrapper .ambe__hero-item-border-line{background: rgba(224, 224, 224, 0.55);
  width: 1px;
  height: 100px;}
@media (max-width: 1099px){.ambe__hero-area .ambe__hero-features-wrapper .ambe__hero-item-border-line{display: none;}}
.ambe__mobile-menu{position: fixed;
  top: 0;
  right: -100%;
  width: 80%;
  max-width: 400px;
  height: 100%;
  background: white;
  padding: 20px;
  z-index: 1000;
  box-shadow: 10px 10px 42px -1px rgb(65, 63, 63);
  transition: right 0.3s ease-in-out;}
.ambe__mobile-menu.ambe__active{right: 0;}
.ambe__overlay{position: fixed;
  top: 0;
  right: -100%;
  width: 0%;
  height: 100%;
  background: rgba(255, 255, 255, 0.52);
  padding: 20px;
  z-index: 999;
  transition: right 0.7s ease-in-out;}
.ambe__overlay:hover{cursor: url(../images/menu-close-cursor.svg), pointer;}
.ambe__overlay.ambe__active{right: 0;
  width: 100%;}
.ambe__overlay::before{content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: radial-gradient(circle at var(--x) var(--y), transparent 0%, rgba(0, 0, 0, 0.5) 100%);
  opacity: 0;
  transition: opacity 0.5s ease-in-out;}
.ambe__overlay.ambe__animating::before{opacity: 1;}
.ambe__menu-header{display: flex;
  align-items: center;
  justify-content: space-between;}
.ambe__logo{font-size: 24px;
  font-weight: bold;}
.ambe__close-btn{font-size: 25px;
  background: none;
  border: none;
  cursor: pointer;
  border: 1px solid #124E78;
  width: 45px;
  height: 45px;
  line-height: 45px;
  color: #124E78;}
.ambe__close-btn i{transition: 0.9s;}
.ambe__close-btn:hover{color: #D9553F;
  border-color: #D9553F;}
.ambe__close-btn:hover i{rotate: 90deg;}
.ambe__mobile-menu-contact-info{margin-top: 30px;}
.ambe__mobile-menu-contact-info .ambe__header-topbar-info{display: block;
  color: #124E78;
  font-size: 18px;
  transition: linear 0.4s;
  margin-bottom: 15px;}
.ambe__mobile-menu-contact-info .ambe__header-topbar-info:last-child{margin-bottom: 0;}
.ambe__mobile-menu-contact-info .ambe__header-topbar-info:hover{color: #D9553F;}
.ambe__nav-list{list-style: none;}
.ambe__nav-item{margin-bottom: 20px;
  opacity: 0;
  transform: translateX(-20px);
  transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out;}
.ambe__mobile-menu.ambe__active .ambe__nav-item{opacity: 1;
  transform: translateX(0);}
.ambe__nav-link{display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 18px;
  color: #124E78;
  text-decoration: none;
  padding: 5px 0;
  font-weight: 500;
  transition: linear 0.4s;}
.ambe__nav-link:hover{color: #D9553F;}
.ambe__fs-15{font-size: 15px;
  line-height: 25px;}
.ambe__fs-16{font-size: 16px;
  line-height: 26px;}
.ambe__fs-17{font-size: 17px;
  line-height: 27px;}
.ambe__fs-22{font-size: 22px;
  line-height: 32px;}
.ambe__fs-24{font-size: 24px;
  line-height: 34px;}
.ambe__fs-35{font-size: 35px;
  line-height: 45px;}
.ambe__fs-70{font-size: 70px;
  line-height: 80px;}
.ambe__gray{color: #6C757C;}
.ambe__white{color: #fff;}
.ambe__deep-sea-blue{color: #124E78;}
.ambe__fm-body{font-family: "Fira Sans", system-ui, sans-serif;}
.ambe__fw-400{font-weight: 400;}
.ambe__fw-500{font-weight: 500;}
.ambe__fw-600{font-weight: 600;}
.ambe__fw-700{font-weight: 700;}
.ambe__work-system-home-1{position: relative;
  padding-bottom: 130px;}
@media (max-width: 991px){.ambe__work-system-home-1{padding-bottom: 100px;}}
@media (max-width: 767px){.ambe__work-system-home-1{padding-bottom: 80px;}}
.ambe__work-system-home-1 .ambe__work-system-main-wrapper{position: relative;
  z-index: 1;}
.ambe__work-system-home-1 .ambe__work-system-main-wrapper .ambe__work-system-shep{position: absolute;
  top: 25%;
  z-index: -1;
  transform: translateY(-50%);}
@media (max-width: 1099px){.ambe__work-system-home-1 .ambe__work-system-main-wrapper .ambe__work-system-shep{top: 50%;}}
.ambe__work-system-home-1 .ambe__work-system-inner{display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 65px;}
@media (max-width: 767px){.ambe__work-system-home-1 .ambe__work-system-inner{margin-top: 40px;}}
@media (max-width: 1099px){.ambe__work-system-home-1 .ambe__work-system-inner{display: grid;
    grid-template-columns: 50% 50%;
    column-gap: 40px;
    row-gap: 20px;
    justify-content: center;}}
@media (max-width: 575px){.ambe__work-system-home-1 .ambe__work-system-inner{display: grid;
    grid-template-columns: 100%;}}
.ambe__work-system-home-1 .ambe__work-system-inner .ambe__work-system-item{text-align: center;}
.ambe__work-system-home-1 .ambe__work-system-inner .ambe__work-system-item:hover{cursor: pointer;}
.ambe__work-system-home-1 .ambe__work-system-inner .ambe__work-system-item:hover .ambe__work-system-icon-box{background-color: #D9553F;
  transform: rotateY(360deg);}
.ambe__work-system-home-1 .ambe__work-system-inner .ambe__work-system-item:hover .ambe__work-system-icon-box img{filter: invert(116%) sepia(0%) saturate(0%) hue-rotate(93deg) brightness(200%) contrast(158%);}
.ambe__work-system-home-1 .ambe__work-system-inner .ambe__work-system-item:hover .ambe__work-system-title a{color: #D9553F;}
.ambe__work-system-home-1 .ambe__work-system-inner .ambe__work-system-item .ambe__work-system-icon-box{width: 143px;
  height: 143px;
  background-color: #FFF;
  border-radius: 10px;
  filter: drop-shadow(0px 0px 45px rgba(6, 2, 2, 0.1));
  line-height: 143px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  transition: linear 0.3s;}
.ambe__work-system-home-1 .ambe__work-system-inner .ambe__work-system-item .ambe__work-system-icon-box img{left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);}
.ambe__work-system-home-1 .ambe__work-system-inner .ambe__work-system-item .ambe__work-system-title{margin-top: 26px;}
.ambe__work-system-home-1 .ambe__work-system-inner .ambe__work-system-item .ambe__work-system-title a{transition: linear 0.4s;}
.ambe__work-system-home-1 .ambe__work-system-inner .ambe__work-system-item .ambe__work-system-peragraph{margin-top: 11px;}
@media (max-width: 1099px){.ambe__work-system-home-1 .ambe__work-system-inner .ambe__work-system-item .ambe__work-system-peragraph br{display: none;}}
.ambe__transport-system-home-1{position: relative;
  padding-bottom: 130px;
  padding-top: 30px;}
@media (max-width: 991px){.ambe__transport-system-home-1{padding-bottom: 100px;}}
@media (max-width: 767px){.ambe__transport-system-home-1{padding-bottom: 80px;
    padding-top: 20px;}}
.ambe__transport-system-home-1 .ambe__transport-system-inner{display: flex;
  align-items: center;
  gap: 24px;
  margin-top: 65px;
  justify-content: center;}
@media (max-width: 767px){.ambe__transport-system-home-1 .ambe__transport-system-inner{margin-top: 40px;}}
@media (max-width: 1299px){.ambe__transport-system-home-1 .ambe__transport-system-inner{flex-wrap: wrap;}}
.ambe__transport-system-home-1 .ambe__transport-system-inner .ambe__transport-system-item{position: relative;
  filter: drop-shadow(0px 0px 30px rgba(0, 0, 0, 0.1));
  z-index: 1;}
.ambe__transport-system-home-1 .ambe__transport-system-inner .ambe__transport-system-item:hover .ambe__transport-system-item-text-box img.ambe__transport-shep-hover{opacity: 1;}
.ambe__transport-system-home-1 .ambe__transport-system-inner .ambe__transport-system-item:hover .ambe__transport-system-item-text-box img.ambe__transport-shep{opacity: 0;}
.ambe__transport-system-home-1 .ambe__transport-system-inner .ambe__transport-system-item:hover .ambe__transport-system-item-text-box .ambe__transport-system-item-text-info .ambe__transport-system-title{color: #FFFFFF;}
.ambe__transport-system-home-1 .ambe__transport-system-inner .ambe__transport-system-item:hover .ambe__transport-system-item-text-box .ambe__transport-system-item-text-info .ambe__transport-system-peragraph{color: #FFFFFF;}
.ambe__transport-system-home-1 .ambe__transport-system-inner .ambe__transport-system-item:hover .ambe__transport-system-item-text-box .ambe__transport-system-icon{background-color: #FFFFFF;}
.ambe__transport-system-home-1 .ambe__transport-system-inner .ambe__transport-system-item:hover .ambe__transport-system-item-text-box .ambe__transport-system-icon svg path{fill: #D9553F;}
.ambe__transport-system-home-1 .ambe__transport-system-inner .ambe__transport-system-item .ambe__transport-system-item-text-box img{position: absolute;
  top: 0;
  left: 0;}
@media (max-width: 439px){.ambe__transport-system-home-1 .ambe__transport-system-inner .ambe__transport-system-item .ambe__transport-system-item-text-box img{width: 100%;
    height: 160px;}}
.ambe__transport-system-home-1 .ambe__transport-system-inner .ambe__transport-system-item .ambe__transport-system-item-text-box img.ambe__transport-shep-hover{opacity: 0;
  transition: 0.3s;}
.ambe__transport-system-home-1 .ambe__transport-system-inner .ambe__transport-system-item .ambe__transport-system-item-text-box img.ambe__transport-shep{opacity: 1;
  transition: 0.3s;}
.ambe__transport-system-home-1 .ambe__transport-system-inner .ambe__transport-system-item .ambe__transport-system-item-text-box .ambe__transport-system-item-text-info{position: absolute;
  top: 24px;
  left: 26px;
  z-index: 1;}
@media (max-width: 439px){.ambe__transport-system-home-1 .ambe__transport-system-inner .ambe__transport-system-item .ambe__transport-system-item-text-box .ambe__transport-system-item-text-info{width: 100%;}}
.ambe__transport-system-home-1 .ambe__transport-system-inner .ambe__transport-system-item .ambe__transport-system-item-text-box .ambe__transport-system-item-text-info .ambe__transport-system-title{margin-bottom: 6px;
  transition: linear 0.4s;}
.ambe__transport-system-home-1 .ambe__transport-system-inner .ambe__transport-system-item .ambe__transport-system-item-text-box .ambe__transport-system-item-text-info .ambe__transport-system-peragraph{transition: linear 0.4s;}
.ambe__transport-system-home-1 .ambe__transport-system-inner .ambe__transport-system-item .ambe__transport-system-item-text-box .ambe__transport-system-icon{width: 70px;
  height: 70px;
  line-height: 70px;
  border-radius: 50%;
  display: inline-block;
  text-align: center;
  background-color: #124E78;
  position: absolute;
  right: -108px;
  top: 85%;
  transition: linear 0.4s;}
@media (max-width: 439px){.ambe__transport-system-home-1 .ambe__transport-system-inner .ambe__transport-system-item .ambe__transport-system-item-text-box .ambe__transport-system-icon{right: 10%;}}
.ambe__transport-system-home-1 .ambe__transport-system-inner .ambe__transport-system-item .ambe__transport-system-item-text-box .ambe__transport-system-icon svg path{transition: linear 0.4s;}
.ambe__about-area-home-1{position: relative;
  padding: 100px 0 108px 0;}
@media (max-width: 991px){.ambe__about-area-home-1{padding: 70px 0 78px 0;}}
@media (max-width: 767px){.ambe__about-area-home-1{padding: 50px 0 58px 0;}}
.ambe__about-area-home-1 .ambe__about-wrapper{display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;}
@media (max-width: 991px){.ambe__about-area-home-1 .ambe__about-wrapper{display: block;}}
@media (max-width: 991px){.ambe__about-area-home-1 .ambe__about-wrapper .ambe__about-left-site{margin-bottom: 35px;
    max-width: max-content;
    margin-left: auto;
    margin-right: auto;}}
@media (max-width: 991px){.ambe__about-area-home-1 .ambe__about-wrapper .ambe__about-right-site{text-align: center;}}
.ambe__about-area-home-1 .ambe__about-wrapper .ambe__about-title{margin-bottom: 17px;}
@media (max-width: 1099px){.ambe__about-area-home-1 .ambe__about-wrapper .ambe__about-sub-titel br{display: none;}}
.ambe__about-area-home-1 .ambe__about-wrapper .ambe__about-info-point{margin-bottom: 30px;}
@media (max-width: 991px){.ambe__about-area-home-1 .ambe__about-wrapper .ambe__about-info-point{max-width: max-content;
    margin-left: auto;
    margin-right: auto;}}
.ambe__about-area-home-1 .ambe__about-wrapper .ambe__about-info-point li{display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 16px;}
.ambe__about-area-home-1 .ambe__about-wrapper .ambe__about-info-point li:last-child{margin-bottom: 0;}
.ambe__about-area-home-1 .ambe__about-wrapper .ambe__about-info-point li .ambe__about-info-point-icon{width: 22px;
  height: 22px;
  line-height: 22px;
  display: inline-block;
  text-align: center;
  background-color: #D9553F;
  border-radius: 50%;
  color: #FFFFFF;
  font-size: 13px;}
.ambe__feature-area-home-2{position: relative;
  padding-top: 125px;
  padding-bottom: 130px;}
@media (max-width: 991px){.ambe__feature-area-home-2{padding-top: 100px;
    padding-bottom: 100px;}}
@media (max-width: 767px){.ambe__feature-area-home-2{padding-top: 80px;
    padding-bottom: 80px;}}
.ambe__feature-area-home-2 .ambe__feature-inner{display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  column-gap: 24px;
  row-gap: 24px;
  margin-top: 67px;}
@media (max-width: 1099px){.ambe__feature-area-home-2 .ambe__feature-inner{grid-template-columns: 1fr 1fr;}}
@media (max-width: 767px){.ambe__feature-area-home-2 .ambe__feature-inner{grid-template-columns: 1fr;
    margin-top: 45px;}}
.ambe__feature-area-home-2 .ambe__feature-inner .ambe__feature-items{border-radius: 2px;
  background: #FFFFFF;
  box-shadow: 0px 0px 55px 0px rgba(0, 0, 0, 0.1);
  padding: 46px 30px 66px 30px;}
@media (max-width: 1299px){.ambe__feature-area-home-2 .ambe__feature-inner .ambe__feature-items{padding-left: 25px;
    padding-right: 25px;}}
.ambe__feature-area-home-2 .ambe__feature-inner .ambe__feature-items .ambe__feature-icons-btn-wrapper{display: flex;
  align-items: center;
  justify-content: space-between;
  padding-bottom: 38px;
  border-bottom: 1px solid #DDDDDD;
  margin-bottom: 36px;}
.ambe__feature-area-home-2 .ambe__feature-inner .ambe__feature-items .ambe__feature-item-title{margin-bottom: 24px;}
.ambe__feature-area-home-2 .ambe__feature-inner .ambe__feature-items .ambe__feature-item-discriptiions{margin-top: 25px;}
@media (max-width: 1299px){.ambe__feature-area-home-2 .ambe__feature-inner .ambe__feature-items .ambe__feature-item-discriptiions br{display: none;}}
.ambe__contact-form-area{position: relative;
  padding-top: 120px;
  padding-bottom: 120px;
  background-color: #F4F7F9;}
@media (max-width: 991px){.ambe__contact-form-area{padding-top: 90px;
    padding-bottom: 90px;}}
@media (max-width: 767px){.ambe__contact-form-area{padding-top: 70px;
    padding-bottom: 70px;}}
.ambe__contact-form-area .ambe__contact-form-inner{margin-top: 62px;}
@media (max-width: 767px){.ambe__contact-form-area .ambe__contact-form-inner{margin-top: 45px;}}
.ambe__contact-form-area .ambe__contact-form-inner .ambe__input-flexing{display: flex;
  align-items: center;
  gap: 30px;
  justify-content: center;
  margin-bottom: 20px;}
@media (max-width: 767px){.ambe__contact-form-area .ambe__contact-form-inner .ambe__input-flexing{display: block;}}
.ambe__contact-form-area .ambe__contact-form-inner .ambe__input-flexing .ambe__input-flexing-item{width: 100%;}
@media (max-width: 767px){.ambe__contact-form-area .ambe__contact-form-inner .ambe__input-flexing .ambe__input-flexing-item .ambe__input-field-name{margin-top: 15px;}}
.ambe__contact-form-area .ambe__contact-form-inner input,.ambe__contact-form-area .ambe__contact-form-inner textarea{width: 100%;
  background-color: #fff;
  border-radius: 5px;
  border: 1px solid #DDD;
  padding: 15.5px 17px;
  transition: linear 0.4s;}
.ambe__contact-form-area .ambe__contact-form-inner input:focus,.ambe__contact-form-area .ambe__contact-form-inner textarea:focus{border-color: #D9553F;}
.ambe__contact-form-area .ambe__contact-form-inner input::placeholder,.ambe__contact-form-area .ambe__contact-form-inner textarea::placeholder{color: #646464;
  font-size: 16px;
  font-weight: 400;
  line-height: 26px;
  font-family: "Fira Sans", system-ui, sans-serif;}
.ambe__contact-form-area .ambe__contact-form-inner .ambe__input-field-name{display: block;
  margin-bottom: 15px;}
.ambe__contact-form-area .ambe__contact-form-inner textarea{min-height: 100px;}
.ambe__contact-form-area .ambe__contact-form-inner .ambe__input-form-submit{margin-top: 40px;}
.ambe__contact-form-area .ambe__contact-form-inner button{border: none;
  font-size: 18px;
  font-weight: 500;
  line-height: 28px;
  padding: 16px 41px 16px 41px;}
.ambe__contact-form-area .ambe__contact-form-inner button i{font-weight: 500;}
/* ---- AMBE Trading and Logistics — Sea Blue & Coral · Zilla Slab over Fira Sans ----
   The brand block, appended last so it overrides anything the literal map above did not reach.
   Type is served locally from ../fonts (Zilla Slab 500/600/700, Fira Sans 400/500/700). */
:root {
  --ambe-accent: #D9553F;
  --ambe-deep: #124E78;
  --ambe-gray: #6C757C;
  --ambe-panel: #F4F7F9;
  --ambe-tint: #E7EEF3;
  --ambe-footer: #0D3A5A;
  --ambe-footer-text: #B5C0C9;
  --ambe-on-accent: #FFFFFF;
  --ambe-font-head: "Zilla Slab", Georgia, serif;
  --ambe-font-body: "Fira Sans", system-ui, sans-serif;
}

body, input, textarea, button, .ambe__fm-body,
.ambe__contact-form-area .ambe__contact-form-inner input::placeholder,
.ambe__contact-form-area .ambe__contact-form-inner textarea::placeholder,
.ambe__footer-area-home-2 .ambe__footer-copyright-text-wrapper .ambe__footer-copyright-text { font-family: var(--ambe-font-body); }
body { font-weight: 400; color: var(--ambe-deep); }
h1, h2, h3, h4, h5, h6, .ambe__hero-title, .ambe__hero-sub-title, .ambe__main-title, .ambe__about-title,
.ambe__transport-system-title, .ambe__all-contact-title { font-family: var(--ambe-font-head); }
.ambe__hero-title { font-weight: 700; }
.ambe__main-title { font-weight: 600; }
.ambe__about-title, .ambe__transport-system-title, .ambe__all-contact-title, .ambe__hero-sub-title { font-weight: 500; }
/* sizes — headings 100% · body 100% of the template scale */

.ambe__deep-sea-blue, .ambe__title-wrapper .ambe__main-title { color: var(--ambe-deep); }
.ambe__gray { color: var(--ambe-gray); }
.ambe__title-wrapper .ambe__sub-titel { color: var(--ambe-accent); }
.ambe__header-area-home-1 .ambe__header-topbar { background-color: var(--ambe-deep); }
.ambe__header-area-home-1 .ambe__header-topbar .ambe__header-wrapper .ambe__topbar-left .ambe__header-topbar-info:hover,
.ambe__header-area-home-1 .ambe__header-menu .ambe__menu-wrapper .ambe__menu__inner .ambe__menu li a:hover,
.ambe__all-contact-area .ambe__all-contact-wrapper .ambe__all-contact-item .ambe__contact-text:hover,
.ambe__footer-area-home-2 .ambe__footer-wrapper .ambe__footer-logo .ambe__footer-email-phone .ambe__footer-email-phone-text .ambe__footer-email-text:hover,
.ambe__transport-system-item:hover .ambe__transport-system-icon > i,
.ambe__feature-icon > i, .ambe__work-system-icon-box > i { color: var(--ambe-accent); }
.ambe__header-area-home-1 .ambe__header-menu .ambe__menu-wrapper .ambe__header-menu-right .ambe-search-mobile-menu-btn .ambe__mobile-menu-bar svg path,
.ambe__footer-location-icon svg path, .ambe__footer-email-phone-icon svg path { fill: var(--ambe-accent); }
.ambe__header-area-home-1 .ambe__header-menu .ambe__menu-wrapper .ambe__header-menu-right .ambe-search-mobile-menu-btn .ambe__mobile-menu-bar:hover svg path { fill: var(--ambe-deep); }
.ambe__hero-area { background-color: var(--ambe-tint); }
.ambe__hero-area::before { background: color-mix(in srgb, var(--ambe-deep) 55%, transparent); }
.ambe__hero-area .ambe__hero-features-wrapper { background: color-mix(in srgb, var(--ambe-accent) 65%, transparent); }
.ambe__about-area-home-1 .ambe__about-wrapper .ambe__about-info-point li .ambe__about-info-point-icon,
.ambe__btn-style-1 { background-color: var(--ambe-accent); color: var(--ambe-on-accent); }
.ambe__btn-style-1:hover { background-color: var(--ambe-deep); color: #FFFFFF; }
.ambe__transport-system-home-1 .ambe__transport-system-inner .ambe__transport-system-item .ambe__transport-system-item-text-box .ambe__transport-system-icon { background-color: var(--ambe-deep); }
.ambe__contact-form-area { background-color: var(--ambe-panel); }
.ambe__contact-form-area .ambe__contact-form-inner input:focus,
.ambe__contact-form-area .ambe__contact-form-inner textarea:focus { border-color: var(--ambe-accent); }
.ambe__footer-area-home-2 { background-color: var(--ambe-footer); }
.ambe__footer-area-home-2 .ambe__footer-wrapper .ambe__footer-logo .ambe__footer-logo-bottom-text,
.ambe__footer-area-home-2 .ambe__footer-wrapper .ambe__footer-logo .ambe__footer-location .ambe__footer-location-text,
.ambe__footer-area-home-2 .ambe__footer-wrapper .ambe__footer-logo .ambe__footer-email-phone .ambe__footer-email-phone-text .ambe__footer-email-text,
.ambe__footer-area-home-2 .ambe__footer-copyright-text-wrapper .ambe__footer-copyright-text { color: var(--ambe-footer-text); }

/* Re-exported in the palette rather than reached from CSS:
   images/ambe-trading-logistics-logo.svg, -logo-light.svg (mark #D9553F, word #124E78 / white)
   images/service-card-corner-hover.png (hover panel, coral)
   images/footer-texture-background.png (deep-toned dotted wave on #0D3A5A)
   images/favicon.png */

/* ---- weights the local cut carries: Fira 400/500/700, Zilla 500/600/700 ----
   the theme's 600 on body-face elements (form labels, footer) sits at 500; headings keep 600 in Zilla */
.ambe__fw-600:not(h1):not(h2):not(h3):not(h4):not(h5):not(h6){font-weight:500}
.ambe__contact-form-area .ambe__input-field-name{font-weight:500}
.ambe__title-wrapper .ambe__main-title{font-weight:600}
.text-center{text-align:center}

/* ---- version 4–5 layout: hero measure, about-band spacing, the contact line, the form, smooth scroll ---- */
html{scroll-behavior:smooth;scroll-padding-top:120px}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
/* the H1 and the strip beneath it share one measure on wide screens */
.ambe__hero-area .ambe__hero-text-content{width:min(1100px,calc(100% - 40px))}
.ambe__hero-area .ambe__hero-features-wrapper{width:min(1100px,calc(100% - 40px));justify-content:space-evenly;padding:45px 30px}
@media (min-width:1100px){.ambe__hero-area .ambe__hero-features-wrapper{gap:0}}
@media (min-width:1200px){.ambe__hero-area .ambe__hero-title{font-size:62px;line-height:1.16}}
/* the strip labels (v6: two words each) shrink and wrap on narrow screens instead of clipping */
@media (max-width:1099px){.ambe__hero-area .ambe__hero-features-wrapper .ambe__hero-features-item{min-width:0}.ambe__hero-area .ambe__hero-features-wrapper .ambe__hero-features-item .ambe__hero-features-item-name{white-space:normal;font-size:19px;line-height:1.25}}
@media (max-width:575px){.ambe__hero-area .ambe__hero-features-wrapper{column-gap:16px}.ambe__hero-area .ambe__hero-features-wrapper .ambe__hero-features-item .ambe__hero-features-item-name{font-size:17px}}
/* the about band: the photograph keeps its column, and the text keeps its distance from it */
.ambe__about-area-home-1 .ambe__about-wrapper{gap:72px;align-items:center}
.ambe__about-area-home-1 .ambe__about-wrapper .ambe__about-left-site{flex:0 0 44%;max-width:665px}
.ambe__about-area-home-1 .ambe__about-wrapper .ambe__about-left-site img{display:block;width:100%;height:auto}
.ambe__about-area-home-1 .ambe__about-wrapper .ambe__about-right-site{flex:1 1 0;min-width:0}
.ambe__about-area-home-1 .ambe__about-wrapper .ambe__about-title{margin-bottom:22px}
.ambe__about-area-home-1 .ambe__about-wrapper .ambe__about-sub-titel{margin-bottom:26px;line-height:1.75}
@media (max-width:1199px){.ambe__about-area-home-1 .ambe__about-wrapper{gap:48px}}
@media (max-width:991px){.ambe__about-area-home-1 .ambe__about-wrapper .ambe__about-left-site{flex:none;max-width:560px;margin:0 auto 36px}}
/* the service cards: a little more air between the row and the heading, and between cards; the text column is 292px wide (v6, for the longer titles), so the badge moves in by the difference; v7: more room under the row */
.ambe__transport-system-home-1 .ambe__transport-system-inner{gap:30px}
.ambe__transport-system-home-1{padding-bottom:200px}
@media (max-width:991px){.ambe__transport-system-home-1{padding-bottom:150px}}
@media (max-width:767px){.ambe__transport-system-home-1{padding-bottom:120px}}
@media (min-width:440px){.ambe__transport-system-home-1 .ambe__transport-system-inner .ambe__transport-system-item .ambe__transport-system-item-text-box .ambe__transport-system-icon{right:-66px}
.ambe__transport-system-home-1 .ambe__transport-system-inner .ambe__transport-system-item .ambe__transport-system-item-text-box .ambe__transport-system-item-text-info{top:18px}}   /* v8: a three-line card body stays inside the title box */
/* v11: the client's logo. 180px wide in the header and the mobile menu (46px tall in the 90px bar), 156px on a phone; 210px light version in the footer */
.ambe__logo img{display:block;width:180px;height:auto}
@media (max-width:575px){.ambe__logo img{width:156px}}
.ambe__footer-logo img{display:block;width:210px;height:auto;margin-bottom:22px}
.ambe__mobile-menu .ambe__menu-header{margin-bottom:22px}   /* room between the logo row and the first link */
/* the contact line under the form heading */
.ambe__contact-lead{text-align:center;margin:14px auto 48px;max-width:720px;font-size:17px;line-height:1.6;color:var(--ambe-gray)}
.ambe__contact-lead-text{display:inline;margin:0}
.ambe__contact-lead-email{display:inline-block;margin-left:6px;color:var(--ambe-accent);font-weight:500;text-decoration:none;border-bottom:1px solid currentColor;line-height:1.3}
.ambe__contact-lead-email:hover{color:var(--ambe-deep)}
/* the form: honeypot off-screen, the status line under the button */
.ambe__nowrap{white-space:nowrap;font:inherit;color:inherit}
.ambe__hp{position:absolute;left:-9999px;top:auto;width:1px;height:1px;overflow:hidden}
.ambe__form-status{margin:20px auto 0;max-width:640px;text-align:center;font-size:16px;line-height:1.5}
.ambe__form-status-ok{color:#1F7A4D}
.ambe__form-status-error{color:var(--ambe-accent)}
.ambe__contact-form-area .ambe__contact-form-inner button[disabled]{opacity:.7;cursor:progress}