/* ||||||||||||||||||||||||||||||||||||||||||||||||*/
/* ESB Section Why Partner */
/* ||||||||||||||||||||||||||||||||||||||||||||||||*/
.esb-why-partner__inner {
  display: grid;
  grid-template-columns: 1fr 390px;
  grid-gap: 42px;
}
.esb-why-partner strong {
  font-weight: 600;
}
.esb-why-partner__info {
  border-radius: 12px; /* padding:60px 45px;*/
  padding: 40px 25px;
  border: 1px solid var(--LightGrey);
  align-self: flex-start;
  background-color: var(--new-theme-gray-50);
}
.esb-why-partner__inner .esb-dash-list ul {
  grid-gap: 25px;
}

.our-work-page .esb-solution-partner-new,
.our-work-page .esb-why-partner__inner {
  max-width: 1328px;
  margin: 0 auto;
}
.esb-why-partner .esb-checkmark-list li::before {
  top: 8px;
}
.esb-why-partner .esb-checkmark-list li {
  font-size: 20px;
}
.our-work-page .esb-why-partner__info {
  border-radius: 17px;
  border: none;
  background-color: var(--new-theme-gray-50);
}
.our-work-page .sec-esb-why-partner {
  padding: 75px 15px 100px;
}
.our-work-page .sec-esb-why-partner .esb-super-title {
  background-color: var(--new-theme-gray-50);
  border-radius: 40px;
  min-height: 48px;
  border: 1px solid var(--PrimaryGreen);
  color: #000;
  font-weight: 500;
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 8px 26px;
  margin-bottom: 24px;
  position: relative;
  overflow: hidden;
  transition: border-color 0.3s ease, color 0.3s ease;
}
.our-work-page .sec-esb-why-partner .esb-super-title div {
  flex-shrink: 0;
  display: flex;
  position: relative;
  z-index: 1;
}
.our-work-page .sec-esb-why-partner .esb-super-title p {
  position: relative;
  z-index: 1;
  line-height: 1;
  margin: 0;
}
.our-work-page .sec-esb-why-partner .esb-super-title__arrow {
  margin-left: 24px;
}
.our-work-page .sec-esb-why-partner .esb-super-title__arrow svg {
  transition: transform 0.3s ease;
}
.our-work-page .sec-esb-why-partner .esb-super-title:hover {
  color: var(--white);
}
.our-work-page .sec-esb-why-partner .esb-super-title::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: var(--PrimaryGreen);
  border-radius: inherit;
  pointer-events: none;
  transform: scaleX(0);
  transform-origin: right;
  transition: transform 0.3s ease;
}
.our-work-page .sec-esb-why-partner .esb-super-title:hover::after {
  transform-origin: left;
  transform: scaleX(1);
}
.our-work-page .sec-esb-why-partner .esb-dash-list ul,
.our-work-page .sec-esb-why-partner ul.esb-dash-list,
.our-work-page .sec-esb-why-partner .esb-check-list ul,
.our-work-page .sec-esb-why-partner .esb-checkmark-list ul {
  list-style: none;
  padding: 0;
  display: grid;
  grid-gap: 14px;
}
.our-work-page .sec-esb-why-partner ul.esb-dash-list li,
/* .our-work-page .sec-esb-why-partner .esb-dash-list ul li, */
.our-work-page .sec-esb-why-partner .esb-check-list ul li,
.our-work-page .sec-esb-why-partner .esb-checkmark-list ul li {
  position: relative;
  padding-left: 30px;
}
.our-work-page .sec-esb-why-partner .esb-dash-list ul li {
  position: relative;
}
.our-work-page .sec-esb-why-partner ul.esb-dash-list li::before,
.our-work-page .sec-esb-why-partner .esb-check-list ul li::before,
.our-work-page .sec-esb-why-partner .esb-checkmark-list ul li::before {
  position: absolute;
  content: "";
  width: 19px;
  height: 19px;
  left: 0;
  top: 7px;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M13.634 6.48809L8.71934 11.7495L6.39559 9.1344C6.32548 9.05544 6.24065 8.99119 6.14594 8.94532C6.05123 8.89945 5.9485 8.87286 5.84361 8.86707C5.63177 8.85537 5.42401 8.9291 5.26603 9.07204C5.1878 9.14281 5.12415 9.22845 5.07871 9.32406C5.03327 9.41966 5.00693 9.52337 5.00119 9.62925C4.98961 9.84309 5.06265 10.0528 5.20424 10.2123L8.10951 13.4813C8.18329 13.5646 8.2734 13.6315 8.37413 13.6778C8.47486 13.7241 8.58402 13.7488 8.6947 13.7502H8.70469C8.81359 13.7503 8.92135 13.7278 9.02134 13.6843C9.12134 13.6407 9.21147 13.577 9.28621 13.4971L14.7963 7.59523C14.9353 7.4385 15.0081 7.23321 14.9993 7.02308C14.9905 6.81295 14.9008 6.61459 14.7492 6.47026C14.5977 6.32592 14.3963 6.24701 14.188 6.25035C13.9797 6.25368 13.7809 6.33898 13.634 6.48809Z' fill='%23007860'/%3e%3cpath d='M18.48 4.91507C18.3867 4.11181 17.9796 3.31368 17.3329 2.66731C16.6861 2.02094 15.8883 1.6135 15.085 1.52019H15.0792C11.7026 1.16026 8.29737 1.16026 4.92079 1.52019H4.91498C4.11169 1.6135 3.31352 2.0206 2.66713 2.66731C2.02073 3.31402 1.61328 4.11181 1.51996 4.91507V4.92088C1.16001 8.2973 1.16001 11.7024 1.51996 15.0788V15.0847C1.61328 15.8879 2.02039 16.686 2.66713 17.3324C3.31386 17.9788 4.11169 18.3862 4.91498 18.4795H4.92079C6.60786 18.6598 8.30333 18.7502 10 18.7502C11.6967 18.7504 13.3921 18.6603 15.0792 18.4802H15.085C15.8883 18.3869 16.6865 17.9798 17.3329 17.3331C17.9793 16.6864 18.3867 15.8883 18.48 15.0853V15.0795C18.84 11.7031 18.84 8.29798 18.48 4.92156V4.91507ZM17.189 14.9373C17.0652 15.9925 15.9926 17.0644 14.938 17.1885C11.6554 17.5385 8.34491 17.5385 5.06231 17.1885C4.00675 17.0648 2.93478 15.9922 2.81104 14.9373C2.46101 11.655 2.46101 8.34473 2.81104 5.06239C2.93478 4.00721 4.00743 2.93529 5.06231 2.81121C8.3448 2.4612 11.6552 2.4612 14.9377 2.81121C15.9933 2.93495 17.0649 4.00755 17.189 5.06204C17.539 8.3445 17.539 11.6549 17.189 14.9373Z' fill='%23007860'/%3e%3c/svg%3e");
  background-size: 19px;
  filter: invert(56%) sepia(42%) saturate(2784%) hue-rotate(193deg)
    brightness(94%) contrast(101%);
}
.our-work-page .sec-esb-why-partner .esb-why-partner__info ul li::before {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='27' height='28' viewBox='0 0 27 28' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3Cpath d='M4.72852 14.3289L10.6634 21.0134L22.554 7.64429' stroke='%230C3245' stroke-width='1.67114' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e ");
}
.our-work-page .sec-esb-professionals-banner {
  padding: 0 15px 50px;
}
.our-work-page .sec-esb-professionals-banner .esb-professionals-banner {
  max-width: 1328px;
  margin: 0 auto;
  background-color: var(--BahamaBlue);
}
.our-work-page .esb-section-header {
  max-width: 1328px;
  margin: 0 auto;
  text-align: center;
  margin-bottom: 50px;
}
.our-work-page .esb-section-header h2 {
  font-size: 34px;
  font-weight: 700;
  line-height: 45px;
  text-align: center;
  margin-bottom: 28px;
}
.our-work-page .esb-section-header p {
  font-size: 18px;
  max-width: 1200px;
  margin: 0 auto;
}

/* .esb-why-partner__info ul li::before {
  background: url("data:image/svg+xml;charset=UTF-8,%3csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M13.634 6.48809L8.71934 11.7495L6.39559 9.1344C6.32548 9.05544 6.24065 8.99119 6.14594 8.94532C6.05123 8.89945 5.9485 8.87286 5.84361 8.86707C5.63177 8.85537 5.42401 8.9291 5.26603 9.07204C5.1878 9.14281 5.12415 9.22845 5.07871 9.32406C5.03327 9.41966 5.00693 9.52337 5.00119 9.62925C4.98961 9.84309 5.06265 10.0528 5.20424 10.2123L8.10951 13.4813C8.18329 13.5646 8.2734 13.6315 8.37413 13.6778C8.47486 13.7241 8.58402 13.7488 8.6947 13.7502H8.70469C8.81359 13.7503 8.92135 13.7278 9.02134 13.6843C9.12134 13.6407 9.21147 13.577 9.28621 13.4971L14.7963 7.59523C14.9353 7.4385 15.0081 7.23321 14.9993 7.02308C14.9905 6.81295 14.9008 6.61459 14.7492 6.47026C14.5977 6.32592 14.3963 6.24701 14.188 6.25035C13.9797 6.25368 13.7809 6.33898 13.634 6.48809Z' fill='%23007860'/%3e%3cpath d='M18.48 4.91507C18.3867 4.11181 17.9796 3.31368 17.3329 2.66731C16.6861 2.02094 15.8883 1.6135 15.085 1.52019H15.0792C11.7026 1.16026 8.29737 1.16026 4.92079 1.52019H4.91498C4.11169 1.6135 3.31352 2.0206 2.66713 2.66731C2.02073 3.31402 1.61328 4.11181 1.51996 4.91507V4.92088C1.16001 8.2973 1.16001 11.7024 1.51996 15.0788V15.0847C1.61328 15.8879 2.02039 16.686 2.66713 17.3324C3.31386 17.9788 4.11169 18.3862 4.91498 18.4795H4.92079C6.60786 18.6598 8.30333 18.7502 10 18.7502C11.6967 18.7504 13.3921 18.6603 15.0792 18.4802H15.085C15.8883 18.3869 16.6865 17.9798 17.3329 17.3331C17.9793 16.6864 18.3867 15.8883 18.48 15.0853V15.0795C18.84 11.7031 18.84 8.29798 18.48 4.92156V4.91507ZM17.189 14.9373C17.0652 15.9925 15.9926 17.0644 14.938 17.1885C11.6554 17.5385 8.34491 17.5385 5.06231 17.1885C4.00675 17.0648 2.93478 15.9922 2.81104 14.9373C2.46101 11.655 2.46101 8.34473 2.81104 5.06239C2.93478 4.00721 4.00743 2.93529 5.06231 2.81121C8.3448 2.4612 11.6552 2.4612 14.9377 2.81121C15.9933 2.93495 17.0649 4.00755 17.189 5.06204C17.539 8.3445 17.539 11.6549 17.189 14.9373Z' fill='%23007860'/%3e%3c/svg%3e ");
  content: "" !important;
  top: 20px;
  left: 25px;
} */
.esb-why-partner__info ul li::before {
  content: "";
}
.esb-why-partner__inner .esb-dash-list ul {
  gap: 0;
}

.esb-why-partner__info ul li {
  padding-left: 70px;
  padding-right: 25px;
  padding-top: 12px;
  padding-bottom: 12px;
  border-bottom: 1px solid var(--LightGrey2);
  font-size: 20px;
}
.esb-why-partner__info ul li img {
  max-width: 30px;
  display: block;
  aspect-ratio: 1;
  position: absolute;
  left: 20px;
  top: 14px;
  width: 100%;
  filter: brightness(0) saturate(100%) invert(27%) sepia(76%) saturate(4860%) hue-rotate(239deg) brightness(101%) contrast(97%);
}
.esb-why-partner__info {
  padding: 0 0 0 0;
}
.esb-why-partner__info ul li:last-child {
  /* padding-bottom: 0; */
  border: 0;
}

/* ------------------------------------------------ */
/* Desktop Large and Down */
/* ------------------------------------------------ */
@media (max-width: 1919px) {
  .esb-why-partner__info {
    /* padding: 40px 30px; */
    font-size: 20px;
  }
}
/* ------------------------------------------------ */
/* Desktop Smaller and Down */
/* ------------------------------------------------ */
@media (max-width: 1439px) {
  .esb-why-partner__inner {
    grid-template-columns: 1fr 36%;
    grid-gap: 38px;
  }
  .esb-why-partner__info {
    /* padding: 30px 20px; */
    font-size: 18px;
    line-height: 1.5;
  }
  .esb-why-partner .esb-checkmark-list li {
    font-size: 18px;
  }
  .esb-why-partner__info ul li {
    font-size: 18px;
  }
}
/* ------------------------------------------------ */
/* Tablet P and Down */
/* ------------------------------------------------ */
@media (max-width: 1023px) {
  .esb-why-partner__inner {
    grid-template-columns: 1fr;
  }
  .esb-why-partner__info {
    /* padding: 20px; */
    max-width: 70%;
    width: 100%;
  }
  .esb-why-partner__info ul li:last-child{
    padding-bottom: 20px;
  }
  .our-work-page .esb-why-partner__info {
    max-width: 100%;
  }
  .esb-why-partner__inner .esb-dash-list ul {
    grid-gap: 0;
  }
}
/* ------------------------------------------------ */
/* Mobile */
/* ------------------------------------------------ */
@media (max-width: 767px) {
  .esb-why-partner__info {
    max-width: 100%;
    font-size: 16px;
    border-radius: 10px;
  }
  .our-work-page .sec-esb-why-partner ul.esb-dash-list li::before,
  .our-work-page .sec-esb-why-partner .esb-dash-list ul li::before,
  .our-work-page .sec-esb-why-partner .esb-check-list ul li::before,
  .our-work-page .sec-esb-why-partner .esb-checkmark-list ul li::before {
    top: 3px;
  }
  .our-work-page .sec-esb-professionals-banner {
    padding-bottom: 0;
  }
  .esb-why-partner .esb-checkmark-list li {
    font-size: 16px;
  }
  .esb-why-partner__info ul li {
    font-size: 16px;
  }
}
/* ||||||||||||||||||||||||||||||||||||||||||||||||*/
/* ESB Section Professionals Banner */
/* ||||||||||||||||||||||||||||||||||||||||||||||||*/
.esb-professionals-banner {
  border-radius: 12px;
  padding: 40px 30px;
  background-color: #131924;
  position: relative;
  overflow: hidden;
}
.esb-professionals-banner__content {
  position: relative;
  z-index: 2;
  color: var(--white);
  text-align: center;
}
.esb-professionals-banner__count {
  font-size: 66px;
  line-height: 58px;
}
.esb-professionals-banner__label {
  padding: 12px 15px;
  background-color: var(--newPrimaryGreen);
  color: var(--white);
  border-radius: 5px;
  display: inline-flex;
  margin-top: 24px;
}
.esb-professionals-banner__label p {
  font-weight: 600;
}
.esb-professionals-banner__background {
  position: absolute;
  top: 0;
  left: -120px;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: flex;
  gap: 10px;
  flex-direction: column;
  justify-content: center;
  pointer-events: none;
}
.esb-professionals-banner__background-row {
  display: flex;
  gap: 12px;
  flex-wrap: nowrap;
}
.esb-professionals-banner__background-row:nth-child(2) {
  padding-left: 30px;
}
.esb-professionals-banner__bg-image {
  width: 65px;
  aspect-ratio: 1/1;
  border-radius: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  flex-shrink: 0;
}
/* esb-solution-partner-new */
.esb-solution-partner-new {
  margin-top: 40px;
}
.esb-solution-partner-new h3 {
  font-weight: 700;
  font-size: 22px;
  line-height: 45px;
  margin-bottom: 14px;
}
.esb-solution-partner-new .esb-sol-partner-main {
  display: flex;
  width: 100%;
  /* gap: 16px; */
  justify-content: flex-start;
  flex-wrap: wrap;
  margin-bottom: -20px;
  border: 1px solid var(--LightGrey);
}
.esb-solution-partner-new .esb-sol-partner-main .esb-sol-partner-box {
  align-items: center;
  border-right: 1px solid var(--LightGrey);
  cursor: default;
  display: flex;
  flex-basis: 0;
  flex-direction: column;
  flex-grow: 1;
  justify-content: center;
  transition: all 0.2s ease-in-out;
  padding: 8px;
  aspect-ratio: 1;
  /* border: 1px solid #e3e3e8; */
  /* border-radius: 11px; */
  /* -webkit-border-radius: 11px; */
  /* -moz-border-radius: 11px; */
  /* -ms-border-radius: 11px; */
  /* -o-border-radius: 11px; */
  /* width: 158px; */
  /* height: 158px; */
  /* margin: 0 auto; */
  /* padding: 8px; */
}

.esb-solution-partner-new .esb-sol-partner-main .esb-sol-partner-box .h4 {
  font-weight: 600;
  font-size: 12px;
  line-height: 24px;
  max-width: 158px;
  text-align: center;
  margin-top: 12px;
  height: 0;
  margin: 0;
  opacity: 0;
  text-align: center;
  transform: scale(0);
  transition: all 0.2s ease-in-out, visibility 0s 0.2s;
  visibility: hidden;
}

.esb-solution-partner-new .esb-sol-partner-main .esb-sol-partner-box .h4 span {
  /* display: block; */
  font-weight: 600;
  /* font-size: 12px; */
  /* line-height: 24px; */
  /* max-width: 158px; */
  /* text-align: center; */
}
.esb-solution-partner-new .esb-sol-partner-main .esb-sol-partner-box img {
  /* width: 100px;
  height: 100px; */
  object-fit: contain;
  display: block;
  height: auto;
  max-height: 80px;
  max-width: 160px;
  width: auto;
}

@media (min-width: 1280px) {
  .esb-solution-partner-new
    .esb-sol-partner-main
    .esb-sol-partner-box:hover
    .h4 {
    height: auto;
    margin-top: 12px;
    opacity: 1;
    transform: scale(1);
    transition: all 0.2s ease-in-out, visibility 0s 0s;
    visibility: visible;
    font-weight: 600;
  }

  .esb-solution-partner-new .esb-sol-partner-main .esb-sol-partner-box:hover {
    transform: scale(1.4);
    box-shadow: 0 0 0 1px var(--LightGrey);
    border-color: transparent;
    background-color: var(--BlueLight);
  }
  .esb-solution-partner-new
    .esb-sol-partner-main
    .esb-sol-partner-box:last-child {
    border-right: none;
  }
}
/* ------------------------------------------------ */
/* Desktop Large and Down */
/* ------------------------------------------------ */
@media (max-width: 1919px) {
  .esb-professionals-banner__bg-image {
    width: 52px;
  }
  .esb-professionals-banner__background {
    gap: 20px;
  }
}
/* ------------------------------------------------ */
/* Desktop Smaller and Down */
/* ------------------------------------------------ */
@media (max-width: 1600px) {
  .esb-professionals-banner__background {
    left: -50px;
  }
}
@media (max-width: 1439px) {
  .esb-professionals-banner__bg-image {
    width: 44px;
  }
  .esb-professionals-banner {
    padding: 30px;
  }
  .esb-professionals-banner__label {
    padding: 8px 15px;
    font-size: 16px;
  }
  .esb-professionals-banner__background {
    left: -100px;
  }
}
/* ------------------------------------------------ */
/* Tablet L and Down */
/* ------------------------------------------------ */
@media (max-width: 1199px) {
  .esb-professionals-banner__bg-image {
    width: 50px;
  }
  .esb-solution-partner-new .esb-sol-partner-main .esb-sol-partner-box .h4 {
    transform: scale(1);
    height: auto;
    opacity: 1;
    margin-top: 12px;
    visibility: visible;
  }
  .esb-solution-partner-new .esb-sol-partner-main {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    border: none;
  }
}
/* ------------------------------------------------ */
/* Tablet P and Down */
/* ------------------------------------------------ */
@media (max-width: 1023px) {
  .esb-professionals-banner {
    padding: 25px 30px;
  }
  .esb-professionals-banner__bg-image {
    width: 35px;
  }
  .esb-professionals-banner__count {
    font-size: 60px;
    line-height: 1;
  }
  .esb-professionals-banner__label {
    margin-top: 16px;
  }
  .esb-solution-partner-new .esb-sol-partner-main {
    grid-template-columns: repeat(4, 1fr);
  }
}
/* ------------------------------------------------ */
/* Mobile */
/* ------------------------------------------------ */
@media (max-width: 767px) {
  .esb-professionals-banner {
    width: calc(100% + 30px);
    margin-left: -15px !important;
    position: relative;
    border-radius: 0;
    padding: 40px 30px;
  }
  .esb-professionals-banner__count {
    font-size: 50px;
    line-height: 1;
  }
  .esb-professionals-banner__label {
    margin-top: 10px;
    padding: 6px 14px;
    font-size: 16px;
  }
  .esb-professionals-banner__background {
    left: 0;
  }
  .esb-professionals-banner__bg-image {
    width: 46px;
    opacity: 0.5;
  }
  .our-work-page .sec-esb-why-partner {
    padding: 50px 15px 70px;
  }
  .esb-solution-partner-new {
    text-align: center;
  }
  .esb-solution-partner-new .esb-sol-partner-main {
    justify-content: center;
    margin-bottom: 0;
  }
  .esb-solution-partner-new
    .esb-sol-partner-main
    .esb-sol-partner-box
    .img-container {
    width: 138px;
    height: 138px;
  }
  .esb-solution-partner-new .esb-sol-partner-main {
    grid-template-columns: repeat(2, 1fr);
    gap: 12px;
  }
  .esb-solution-partner-new .esb-sol-partner-main .esb-sol-partner-box {
    border: 1px solid var(--LightGrey);
  }
}
@media (max-width: 460px) {
  .esb-solution-partner-new .esb-sol-partner-main {
    /* grid-template-columns: repeat(1, 1fr); */
  }
}