html {
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
}

body {
  margin: 0;
}

main {
  display: block;
}

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible;
}

pre {
  font-family: monospace, monospace;
  font-size: 1em;
}

a {
  background-color: transparent;
}

abbr[title] {
  border-bottom: none;
  text-decoration: underline;
  text-decoration: underline dotted;
}

b,
strong {
  font-weight: bolder;
}

code,
kbd,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

small {
  font-size: 80%;
}

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

img {
  border-style: none;
}

button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  font-size: 100%;
  line-height: 1.15;
  margin: 0;
}

button,
input {
  overflow: visible;
}

button,
select {
  text-transform: none;
}

[type="button"],
[type="reset"],
[type="submit"],
button {
  -webkit-appearance: button;
  appearance: button;
}

[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner,
button::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring,
button:-moz-focusring {
  outline: 1px dotted ButtonText;
}

fieldset {
  padding: 0.35em 0.75em 0.625em;
}

legend {
  box-sizing: border-box;
  color: inherit;
  display: table;
  max-width: 100%;
  padding: 0;
  white-space: normal;
}

progress {
  vertical-align: baseline;
}

textarea {
  overflow: auto;
}

[type="checkbox"],
[type="radio"] {
  box-sizing: border-box;
  padding: 0;
}

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

[type="search"] {
  -webkit-appearance: textfield;
  appearance: textfield;
  outline-offset: -2px;
}

[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit;
}

details {
  display: block;
}

summary {
  display: list-item;
}

template {
  display: none;
}

[hidden] {
  display: none;
}

:root {
  --ssau-ff-roboto: "Roboto", sans-serif;
}

* {
  font-family: "Ubuntu", sans-serif;
  box-sizing: border-box;
}

.background-green {
  background-color: #f4f9f9 !important;
}

.container {
  width: 100%;
  max-width: 1440px;
  margin: 0 auto;
}

img {
  width: auto;
  height: auto;
  max-width: 100%;
}

.ss-tgreen {
  color: #00afaa;
}

.ss-f36 {
  font-size: 36px;
  font-weight: 700;
  font-family: "Ubuntu";
}

.ss-f48 {
  font-size: 48px;
}

.ss-fbold {
  font-weight: 700;
}

.ss-fubuntu {
  font-family: "Ubuntu";
}

.ss-froboto {
  font-family: "Roboto";
}

.w-inline-block {
  display: inline-block;
  max-width: 100%;
}

/* --- Our Services --- */
.ssau-os__button {
  text-align: right;
  border-radius: 3px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.ssau-os__button a.ssau-iso__cta-button {
  margin-top: 0;
}

.ssau-os__button a {
  border: 2px solid #10405a;
  padding: 6.75px 17.5px 6.75px 30px;
  border-radius: 50px;
  cursor: pointer;
  text-decoration: none;
  color: #10405a;
  font-weight: 500;
  display: flex;
}

/* --- New Navbar --- */
.ssau-navbar {
  z-index: 100;
  color: #10405a;
  font-size: 16px;
  font-weight: 400;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
}

.ssau-navbar-nav {
  padding: 30px 80px;
  display: flex;
  transition: background-color 0.2s, padding 0.4s;
}

.ssau-navbar-nav.scrolled {
  background-color: #fff;
  box-shadow: 0px 5px 40px rgba(10, 10, 10, 0.1);
}

.ssau-navbar .ssau-iso__cta-button {
  margin-top: 0;
  margin-left: 20px;
  padding: 6.75px 20px;
  min-width: auto;
  font-weight: 700;
}

.ssau-navbar-nav.scrolled .ssau-iso__cta-button {
  background-color: #f4cd0c;
  border-color: #f4cd0c;
}

.ssau-navbar-left {
  width: 20%;
  flex: none;
  align-self: center;
  position: relative;
}

.ssau-navbar-center {
  width: 60%;
  flex: none;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-right: 40px;
}

.ssau-navbar-right {
  width: 20%;
  flex: none;
  display: flex;
  justify-content: flex-end;
  align-items: center;
}

.ssau-navbar ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.ssau-navbar ul.ssau-menu-list {
  display: flex;
}

.ssau-navbar .ssau-menu-list-item {
  margin-left: 12px;
  margin-right: 12px;
}

.ssau-navbar .ssau-menu-list a {
  color: #10405a;
  border-bottom: 2px solid transparent;
  padding-bottom: 4px;
  font-family: Roboto, sans-serif;
  font-size: 16px;
  text-decoration: none;
  list-style-type: none;
  transition: color 0.2s;
}

.ssau-navbar .ssau-menu-list a.has-expand-child {
  padding-bottom: 0;
  margin-bottom: 16px;
  font-weight: 600;
}

.ssau-navbar .ssau-menu-list a:hover {
  color: #00afaa;
  border-bottom: 2px solid #00afaa;
}

.ssau-navbar .ssau-menu-list-item-child {
  position: fixed;
  top: 65px;
  padding: 24px;
  background-color: #fff;
  pointer-events: none;
  opacity: 0;
  visibility: hidden;
  transition: all linear 0.2s;
  border-radius: 10px;
  max-width: 300px;
  width: 100%;
  box-shadow: rgba(0, 0, 0, 0.05) 10px 10px 40px,
    rgba(0, 0, 0, 0.05) -10px 0px 40px;
}

.ssau-menu-list-item-child a {
  margin-bottom: 8px;
  display: inline-block;
}

.ssau-menu-list-item.active .ssau-menu-list-item-child {
  pointer-events: all;
  opacity: 1;
  visibility: visible;
  max-height: 80vh;
  overflow-y: auto;
}

.ssau-navbar .expand-child {
  padding-left: 14px;
  display: none;
}

.ssau-navbar a.has-expand-child {
  position: relative;
  width: 100%;
}

.ssau-navbar a.has-expand-child:hover {
  border-color: transparent;
}

.ssau-navbar a.has-expand-child::before {
  content: "";
  position: absolute;
  background-image: url("./assets/icons/chevron-down.svg");
  height: 14px;
  width: 14px;
  right: 0;
  transition: all linear 0.2s;
}

.ssau-navbar a.has-expand-child.expand::before {
  transform: rotate(180deg);
}

.ssau-navbar
  .ssau-menu-list
  .ssau-menu-list-item-child
  a:not(.has-expand-child) {
  white-space: nowrap;
  max-width: 80%;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-right: 16px;
}

.ssau-navbar button[type="button"] {
  background-color: transparent;
  border-width: 0;
  outline-width: 0;
  cursor: pointer;
}

.ssau-navbar .ssau-hamburger-mobile-button {
  display: none;
}

.ssau-navbar .ssau-navbar-overlay,
.ssau-navbar .ssau-navbar-language-overlay {
  background-color: rgba(0, 0, 0, 0.4);
  display: none;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.ssau-navbar .ssau-navbar-language-overlay {
  display: block;
}

.ssau-navbar .ssau-navbar-nav-mobile {
  width: 340px;
  height: 100vh;
  background-color: #fff;
  transition: left 0.4s;
  position: absolute;
  top: 0;
  left: -340px;
}

.ssau-navbar .ssau-navbar-nav-mobile.show {
  left: 0;
}

.ssau-navbar .ssau-navbar-nav-mobile-top {
  display: flex;
  justify-content: space-between;
  border-bottom: 1px solid #e0e1e6;
  padding: 20px;
}

.ssau-navbar .ssau-navbar-nav-mobile-top img {
  margin-right: 10px;
}

.ssau-navbar .ssau-navbar-nav-mobile .ssau-navbar-nav-list-mobile {
  padding: 30px 20px 30px 30px;
  max-height: calc(100vh - 65px);
  overflow-y: auto;
}

.ssau-navbar .ssau-languange-mobile-wrapper {
  padding: 16px 0;
}

.ssau-navbar .ssau-languange-mobile-button {
  display: inline-flex;
  align-items: center;
}

.ssau-navbar .ssau-languange-mobile-button span {
  display: inline-block;
  color: #000;
  margin-left: 20px;
  font-size: 14px;
  font-weight: 700;
}

.ssau-navbar .ssau-navbar-language {
  z-index: 5;
  display: none;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.ssau-navbar .ssau-navbar-language-list {
  z-index: 10;
  background-color: #fff;
  border-radius: 10px;
  padding-top: 10px;
  padding-bottom: 10px;
  display: inline-block;
  position: absolute;
  top: 80px;
  left: 0;
}

.ssau-navbar .ssau-navbar-language-item {
  color: #10405a;
  padding: 10px 20px;
  text-decoration: none;
  display: flex;
  align-items: center;
}

.ssau-navbar .ssau-navbar-language-item span {
  margin-left: 20px;
  display: inline-block;
}

.ssau-navbar .ssau-navbar-nav-mobile ul.ssau-menu-list {
  display: block;
  border-bottom: 1px solid #e0edf4;
}

.ssau-navbar .ssau-navbar-nav-mobile .ssau-menu-list a.has-expand-child {
  display: inline-block;
}

.ssau-navbar .ssau-navbar-nav-mobile .ssau-menu-list a {
  display: inline-block;
  margin-bottom: 16px;
}

@media screen and (max-width: 991px) {
  .ssau-navbar .ssau-navbar-nav {
    justify-content: space-between;
  }

  .ssau-navbar .ssau-navbar-center {
    display: none;
  }

  .ssau-navbar .ssau-navbar-left,
  .ssau-navbar .ssau-navbar-right {
    width: auto;
  }

  .ssau-navbar .ssau-main-navbar-language-button {
    display: none;
  }

  .ssau-navbar .ssau-hamburger-mobile-button {
    display: inline-block;
  }

  .ssau-navbar-nav {
    padding-left: 20px;
    padding-right: 20px;
  }
}
/* --- End New Navbar --- */

/* --- Old Navbar --- */
.ssau-old-nav {
  position: fixed;
  z-index: 100000; /* please adjust into mininum 100000 cause there are some element parts that has 99999 z-index */
  top: 0;
  left: 0;
  width: 100%;
  padding: 0px;
  background: transparent;
  font-size: 1.2em;
  transition: all 200ms ease;
}

.page-template-template-contact-submitted-2023 .ssau-old-nav {
  padding: 20px 0;
}

.ssau-old-nav .container {
  padding-left: 48px;
  padding-right: 48px;
  gap: 137px;
}

.ssau-old-nav .container {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.ssau-old-nav button {
  background-color: transparent;
  border-width: 0;
  outline-width: 0;
}

.ssau-old-nav .container .ssau-old-hamburger.open {
  display: none;
}

.ssau-old-nav ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.ssau-old-nav .ssau-old-nav-main-menu {
  display: flex;
  align-items: center;
}

.ssau-old-nav ul li {
  padding: 0 4px;
}

.ssau-old-nav .ssau-old-nav-main-menu-item a {
  text-decoration: none;
  color: #073f6a;
  font-size: 14px;
}

.ssau-old-nav .ssau-old-nav-main-menu-item a:hover {
  color: #113f59;
  text-decoration: underline;
}

.ssau-old-nav .ssau-old-nav-wrapper {
  display: flex;
  align-items: center;
}
.ssau-old-nav #menu-new-menu > .main-nav-menu-item {
  text-wrap: nowrap;
}

.ssau-old-secondary-btn {
  display: inline-block;
  width: -moz-fit-content;
  width: fit-content;
  padding: 7.5px 22px 7.5px 22px;
  text-align: center;
  color: #10405a;
  border: 1px solid #10405a;
  border-radius: 35.5px;
  background: transparent;
  text-decoration: none;
  font-size: 14px;
  font-weight: 500;
  font-family: var(--ssau-ff-roboto);
}

.ssau-old-nav .ssau-old-header-language {
  position: relative;
  margin-left: 25px;
  border-radius: 25px;
}

.ssau-old-nav .ssau-old-current-language {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 13px 20px;
  cursor: pointer;
}

.ssau-old-nav .ssau-old-current-language .flag-icon {
  position: relative;
  display: inline-block;
  width: 1.33333333em;
  line-height: 1em;
  background-size: contain;
  background-position: 50%;
  background-repeat: no-repeat;
  height: 16px;
}

.ssau-old-nav .ssau-old-current-language .flag-icon-au {
  background-image: url("../../img/ssau-2023/navbar/australian-flag.svg");
}

.ssau-old-nav .ssau-old-current-language .arrow {
  border-right: 2px solid #bbb;
  border-bottom: 2px solid #bbb;
  width: 8px;
  height: 8px;
  transform: rotate(45deg);
  margin-left: 8px;
  position: relative;
  top: -2px;
  transition: all 0.2s;
}

.ssau-old-nav .ssau-old-options-box {
  display: none;
  position: absolute;
  top: 55px;
  right: 0;
  z-index: 9;
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.05);
  background: #fff;
  border-radius: 15px;
}

.ssau-old-nav .ssau-old-options-box > ul {
  flex-direction: column;
  padding: 10px 0;
}
.ssau-old-nav .ssau-old-options-box a {
  display: inline-flex;
  align-items: center;
  background-color: #fff;
  transition: all 0.2s;
  cursor: pointer;
  text-decoration: none;
  padding: 5px 20px;
  gap: 6px;
  min-width: 130px;
}

.ssau-old-nav .ssau-old-options-box li {
  padding: 0;
}

.ssau-old-nav .ssau-old-options-box a span {
  display: inline-block;
  font-size: 12px;
  color: #073f6a;
}

.ssau-old-nav .ssau-old-options-box a:hover {
  background-color: #e6e6e6;
}

.ssau-old-nav .ssau-old-header-language.open .ssau-old-options-box {
  display: block;
  min-width: 140px;
}

.ssau-old-nav .ssau-old-nav-right {
  flex-grow: 1;
}

.ssau-old-nav .ssau-old-nav-right.open .ssau-old-nav-wrapper {
  visibility: visible;
  left: 0;
}

.ssau-old-nav .ssau-old-nav-right .nav-mobile-logo {
  display: none;
  margin-bottom: 20px;
}

.ssau-old-nav .ssau-old-nav-overlay {
  background-color: #4a4a4a;
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  width: 100%;
  transition: opacity 0.4s ease-in-out;
  opacity: 0;
  pointer-events: none;
}

.ssau-old-nav .ssau-old-nav-right.open .ssau-old-nav-overlay {
  opacity: 0.5;
  pointer-events: all;
}

.ssau-old-nav-overlay.open {
  opacity: 0.5;
  pointer-events: all;
}

.ssau-old-nav
  .container
  .ssau-old-nav-right
  .ssau-old-nav-wrapper
  a.ssau-old-secondary-btn {
  transition: all 300ms ease-out;
}

.ssau-old-nav
  .container
  .ssau-old-nav-right
  .ssau-old-nav-wrapper
  a.ssau-old-secondary-btn:hover {
  background-color: #10405a;
  color: #fff;
}

@media screen and (max-width: 1300px) {
  .ssau-old-nav .container {
    padding-left: 40px;
    padding-right: 40px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1024px){
  .main-nav-menu-container #menu-mega-menu-2023 > .main-nav-menu-item{
    padding: 20px 4px !important;
  }
  .ssau-old-nav .container {
    height: 88px;
  }
}

@media screen and (max-width: 767px) {
  .ssau-old-nav .container .ssau-old-hamburger.open {
    display: inline-block;
    cursor: pointer;
  }

  .page-template-template-contact-us-2023
    .ssau-old-nav
    .container
    .ssau-old-hamburger {
    display: none;
  }

  .ssau-old-nav .ssau-old-nav-wrapper {
    visibility: hidden;
    transition-delay: 205ms;
    transition: transform 0.4s ease-in-out;
    align-items: flex-start;
    position: fixed;
    top: 0;
    left: -310px;
    bottom: 0;
    width: 290px;
    z-index: 1;
    background: #fff;
    padding: 20px;
    flex-direction: column;
    box-shadow: 0 10px 15px rgba(0, 0, 0, 0.03);
    overflow: scroll;
  }

  .ssau-old-nav .ssau-old-nav-main-menu {
    flex-direction: column;
    align-items: flex-start;
  }

  .ssau-old-nav ul.ssau-old-nav-main-menu li {
    margin-bottom: 20px;
  }

  .ssau-old-nav .ssau-old-header-language {
    margin-left: 0;
    margin-top: 15px;
  }

  .page-template-template-contact-us-2023
    .ssau-old-nav
    .ssau-old-header-language {
    margin-top: 45px;
  }

  .ssau-old-nav .ssau-old-nav-right .nav-mobile-logo {
    display: inline-block;
    position: fixed;
  }

  .ssau-old-nav .ssau-old-options-box {
    right: auto;
    left: 0;
  }

  .nav-mobile-menu-container {
    display: block !important;
  }

  .nav-mobile-list_wrapper {
    display: flex;
  }

  .ssau-old-nav .container {
        padding: 10px 20px;
    }
}
/* --- End Old Navbar --- */

/* --- Navbar Mega Menu --- */
.main-nav-menu-container {
  width: auto;
  flex-grow: 1;
}

.main-nav-menu {
  display: flex;
  justify-content: center;
  font-size: 14px;
}

.main-nav-menu * {
  font-family: "Roboto", sans-serif;
  color: #10405a;
  letter-spacing: 0.02rem;
  line-height: 22px;
}

.main-nav-menu a {
  text-decoration: none;
}

.main-nav-menu-item {
  cursor: pointer;
  display: flex;
  align-items: flex-end;
  padding: 18px 4px !important;
  margin: 0 8px;
}

.main-nav-menu-item:after {
  display: inline-block;
  content: "";
  background-image: url("../../icons/ssau-2023/nav-chevron-down.svg");
  width: 18px;
  height: 20px;
  margin-left: 4px;
}

.main-nav-menu-item:hover > a,
.main-nav-menu-item:hover > span {
  font-weight: 700;
}

.main-nav-menu-item:hover .mega-menu {
  display: block;
}

#menu-mega-menu-2023 > .main-nav-menu-item {
  padding: 33px 4px !important;
}

@media screen and (max-width: 991.98px) {
  #menu-mega-menu-2023 > .main-nav-menu-item {
    padding: 18px 0px !important;
  }
}

@media screen and (max-width: 768px) {
  #menu-mega-menu-2023 > .main-nav-menu-item {
    padding: 15px 0px !important;
  }
}

.mega-menu {
  display: none;
  background-color: #fff;
  border: 1px solid #cacdd5;
  box-shadow: 0 4px 4px 0 #00000040;
  position: absolute;
  top: 88px;
  left: -1px;
  right: 0;
  width: 100vw;
  z-index: 1;
}

@media screen and (max-width: 768px) {
  .mega-menu {
    top: 72px;
  }
}

.mega-menu .hidden {
  display: none !important;
}

.mega-menu-container {
  display: flex;
  max-width: 1440px;
  margin: 0 auto;
  padding: 40px 48px;
  gap: 36px;
}

.mega-menu-heading > div {
  width: 264px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.mega-menu-heading .mega-menu-column > .mega-menu-link {
  display: block;
  font-family: "Ubuntu", sans-serif;
  font-size: 24px;
  font-weight: 700;
  letter-spacing: -0.01em;
  line-height: 36px;
  margin-bottom: 12px;
  color: #072e45;
  text-wrap: wrap;
}

.mega-menu-heading .mega-menu-main {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  row-gap: 12px;
}

.mega-menu-heading .mega-menu-main-item {
  padding: 0;
}

.mega-menu-heading .mega-menu-main-item a {
  padding: 2px 0;
  border-bottom: 2px solid #00afaa;
}

.mega-menu-menu {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  width: 1044px;
}

.mega-menu-menu .mega-menu-column {
  width: 100%;
}

.mega-menu-menu .mega-menu-column.col-4 {
  width: calc(1 / 3 * 100%);
}

.mega-menu-menu .mega-menu-column.col-8 {
  width: calc(2 / 3 * 100%);
}

.mega-menu-menu .mega-menu-column.col-8 > span,
.mega-menu-menu .mega-menu-column.col-4 > span {
  margin-bottom: 8px;
}
.mega-menu-menu .mega-menu-column.col-8 .mega-menu-main .mega-menu-main-item,
.mega-menu-menu .mega-menu-column.col-4 .mega-menu-main .mega-menu-main-item {
  margin-bottom: 10px;
  height: unset;
  min-height: 78px;
  gap: 0;
}
.mega-menu-menu
  .mega-menu-column.col-8
  .mega-menu-main
  .mega-menu-main-item
  a.mega-menu-link,
.mega-menu-menu
  .mega-menu-column.col-4
  .mega-menu-main
  .mega-menu-main-item
  a.mega-menu-link {
  margin-bottom: 4px;
}

.mega-menu-menu .mega-menu-column > a,
.mega-menu-menu .mega-menu-column > span {
  display: inline-block;
  font-size: 12px;
  font-weight: 700;
  line-height: 18px;
  letter-spacing: 0.11em;
  color: #b3cfde;
  margin-bottom: 16px;
  text-transform: uppercase;
}

.mega-menu-menu .mega-menu-main {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
}

.mega-menu-menu .mega-menu-main-item {
  flex: 1 0 0;
  margin-bottom: 36px;
}

.mega-menu-menu .mega-menu-column.col-4 .mega-menu-main-item {
  flex: 0 0 100%;
  width: 100%;
}

.mega-menu-menu .mega-menu-column.col-8 .mega-menu-main-item {
  flex: 0 0 48%;
  width: 50%;
  padding: 0;
}
.mega-menu-menu .mega-menu-column.col-4 .mega-menu-main-item {
  padding: 0;
}
.mega-menu-menu
  .mega-menu-column.col-8
  > .mega-menu-main
  > .mega-menu-main-item
  > .mega-menu-main-item-desc,
.mega-menu-menu
  .mega-menu-column.col-4
  > .mega-menu-main
  > .mega-menu-main-item
  > .mega-menu-main-item-desc {
  margin-left: 38px;
  height: unset;
}

.mega-menu-menu .mega-menu-main-item > .mega-menu-link {
  display: flex;
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
  height: 36px;
}

.mega-menu-menu .mega-menu-main-item > .mega-menu-link span {
  padding-top: 2px;
  border-bottom: 2px solid transparent;
}

.mega-menu-menu .mega-menu-main-item > .mega-menu-link:hover span {
  border-bottom: 2px solid #00afaa;
}

.mega-menu-menu .mega-menu-main-item > a > img,
.mega-menu-menu .mega-menu-main-item > span > img {
  width: 30px;
  margin-right: 8px;
}

.mega-menu-menu .mega-menu-main-item-desc {
  font-size: 14px;
  font-weight: 400;
  line-height: 19.6px;
  letter-spacing: 0.02em;
  color: #969bab;
  display: block;
  height: 20px;
  text-wrap: wrap;
}

.mega-menu-menu .mega-menu-submenu {
  list-style-type: none;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
}

.mega-menu-main-item > .mega-menu-submenu {
  margin-left: 38px;
}

.mega-menu-menu .mega-menu-submenu-item {
  padding: 0 !important;
  margin: 4px 0 8px;
}

.mega-menu-main > .mega-menu-main-item > span.mega-menu-link,
.mega-menu-main > .mega-menu-main-item > a.mega-menu-link {
  align-items: center;
  margin-bottom: 8px;
  padding-top: 0 !important;
}

.mega-menu-main > .mega-menu-main-item > span.mega-menu-link > span {
  padding-top: 0 !important;
}

.mega-menu-menu .mega-menu-submenu-item a {
  padding: 2px 0;
  border-bottom: 2px solid transparent;
}

.mega-menu-menu .mega-menu-submenu-item a:hover {
  border-bottom: 2px solid #00afaa;
}

.ss-logo-small {
  display: none;
}

.ssau-old-nav ul {
  display: flex;
  justify-content: center;
  align-items: center;
}

.nav-mobile-menu-container {
  width: 100%;
  display: none;
}

.nav-mobile-menu-container .hidden {
  display: none !important;
}

.nav-mobile-list_wrapper {
  flex-direction: column;
  text-transform: capitalize;
  margin-bottom: 20px !important;
  margin-top: 45px !important;
}

@media screen and (max-width: 600px) {
  .nav-mobile-menu-container {
    display: block;
  }

  .nav-mobile-list_wrapper {
    display: flex;
  }
}

.nav-mobile-list_item,
.nav-mobile-list-child-lv2_item {
  position: relative;
  width: 100%;
}
.nav-mobile-list_item > span,
.nav-mobile-list-child-lv2_item > span {
  display: inline-flex;
  align-items: center;
  font-family: var(--ssau-ff-roboto);
  font-size: 16px;
  font-weight: 400;
  line-height: 22.4px;
  letter-spacing: 0.02em;
  color: #10405a;
  position: relative;
}

p.nav-title-mobile {
  margin: 0;
  color: #072e45;
  font-size: 20px;
  font-weight: 700;
  line-height: 30px;
  letter-spacing: -0.01em;
  padding: 16px 16px 0px 16px;
}

.nav-mobile-list-child_item {
  transition: all 0.5s ease-out;
  width: 100%;
}

.nav-mobile-list-child_wrapper,
.nav-mobile-list-child-lv2_wrapper {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  overflow: scroll;
  transition: max-height 0.5s ease-out;
  padding: 0 24px;
}

.nav-mobile-list-child_wrapper::-webkit-scrollbar,
.nav-mobile-list-child-lv2_wrapper::-webkit-scrollbar {
  width: 0;
  background: transparent;
}

.nav-mobile-list-child-lv2_wrapper.nav-child-hide,
.nav-mobile-list-child_wrapper.nav-child-hide {
  max-height: 0;
  border-radius: unset;
  border: none;
  background: none;
}

.nav-mobile-list-child_wrapper.nav-child-show {
  max-height: 100%;
  border-radius: 16px;
  border: 1px solid #dbe8ef;
  background: linear-gradient(
    180deg,
    #ffffff 18.82%,
    rgba(255, 255, 255, 0) 21.17%
  );

  margin: 16px 0px;
}
.nav-mobile-list-sub-child_wrapper {
  flex-direction: column;
  width: 100%;
}
.nav-mobile-list-child-lv2_wrapper.nav-child-show {
  max-height: 100%;
  margin: 16px 0px 0px 0px;
}

.divider-lines {
  border: 1px solid #dbe8ef;
  width: 100%;
  margin-bottom: 16px;
}

@keyframes expanded {
  from {
    max-height: 0;
  }
  to {
    max-height: 500px;
  }
}

@keyframes collapsed {
  from {
    max-height: 500px;
  }
  to {
    max-height: 0;
  }
}

.nav-mobile-list-child-lv2_wrapper.nav-child-show,
.nav-mobile-list-child_wrapper.nav-child-show {
  animation: expanded 0.5s ease-out forwards;
  justify-content: flex-start !important;
}

.nav-mobile-list-child-lv2_wrapper.nav-child-hide,
.nav-mobile-list-child_wrapper.nav-child-hide {
  animation: collapsed 0.5s ease-out forwards;
}

/* .nav-mobile-list-child_wrapper {
  margin-left: 8px !important;
} */
.nav-mobile-list-child-lv2_wrapper {
  margin-left: 16px !important;
}
.nav-mobile-list_wrapper span,
.nav-mobile-list-child_item.has-description > a,
.nav-mobile-list-child-lv2_item {
  padding: 8px 20px 8px 16px !important;
}

.nav-mobile-list_wrapper a {
  text-decoration: none;
  color: #10405a;
  font-family: var(--ssau-ff-roboto);
  font-size: 16px;
  font-weight: 400;
  line-height: 22.4px;
  letter-spacing: 0.02em;
}

.nav-mobile-list_wrapper .nav-mobile-list-child_heading {
  padding: 8px 8px 8px 0;
  margin-bottom: 18px;
}

.nav-mobile-list_wrapper .nav-mobile-list-child_heading a {
  text-decoration: none;
  text-transform: capitalize;
  border-bottom: 2px solid #00afaa;
  color: #10405a;
  font-family: var(--ssau-ff-roboto);
  font-size: 16px;
  font-weight: 400;
  line-height: 22.4px;
  letter-spacing: 0.02em;
  margin: 0 16px;
  padding: 8px 8px 8px 0;
  margin-bottom: 26px;
}

.nav-mobile-list_item > span {
  padding: 4px 20px 4px 8px !important;
}

.nav-mobile-list-child_item > span,
.nav-mobile-list-child_item.has-description > a,
.nav-mobile-list-child-lv2_item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-family: var(--ssau-ff-roboto);
  font-size: 16px;
  font-weight: 400;
  line-height: 22.4px;
  letter-spacing: 0.02em;
  color: #10405a;
  position: relative;
}

.ssau-old-nav-right .ssau-old-secondary-btn {
  text-wrap: nowrap;
  border: 1.5px solid #00AFAA;
  border-radius: 50px;
  font-family: var(--ssau-ff-roboto);
  font-size: 14px;
  font-weight: 500;
  line-height: 27px;
  letter-spacing: 0.0125em;
  color: #00AFAA;
}

@media screen and (max-width: 1024px) {
  .mega-menu-main li > ul {
    gap: 20px !important;
    align-items: flex-start !important;
  }

  .ssau-old-nav .container {
    padding-right: 40px;
    padding-left: 40px;
    gap: 24px;
  }

  .mega-menu-container {
    padding: 40px 60px 40px 40px;
  }

  .mega-menu-heading {
    width: unset;
  }

  .mega-menu-heading > div {
    max-width: 162px !important;
  }

  .mega-menu-container {
    gap: 30px;
  }

  .mega-menu-main[data-lvl-depth="1"] {
    justify-content: space-between !important;
    align-items: flex-start !important;
  }

  .mega-menu-menu .mega-menu-submenu {
    flex-wrap: wrap !important;
    width: 100% !important;
    justify-content: flex-start !important;
    row-gap: 0px !important;
    column-gap: 30px !important;
  }

  .mega-menu-menu .mega-menu-main-item > .mega-menu-link {
    height: unset;
  }

  .mega-menu-menu .mega-menu-submenu-item a {
    text-wrap: wrap;
  }

  .mega-menu-menu .mega-menu-main-item {
    display: flex;
    flex-direction: column;
    gap: 16px;
  }

  .mega-menu-menu .mega-menu-main-item {
    max-width: 235px;
  }

  .mega-menu-menu
    .mega-menu-column.col-8
    .mega-menu-main
    .mega-menu-main-item
    > .mega-menu-link,
  .mega-menu-menu
    .mega-menu-column.col-4
    .mega-menu-main
    .mega-menu-main-item
    > .mega-menu-link {
    height: unset;
  }
}

@media screen and (max-width: 900px) {
  .mega-menu {
    padding: 40px;
  }

  .page-template-template-contact-us-2023 .ssau-old-nav .container {
    padding: 15px 20px !important;
  }

  .ssau-old-nav .container {
    padding-left: 20px;
    padding-right: 20px;
  }

  .mega-menu-container {
    display: flex;
    flex-direction: column;
    padding: 0px;
  }
  .mega-menu-menu {
    width: unset;
  }
  .mega-menu-heading {
    width: unset;
    max-width: unset;
  }

  .mega-menu-menu .mega-menu-main-item-desc {
    height: 36px;
  }

  .mega-menu-menu .mega-menu-main-item {
    flex: unset;
  }

  .ss-logo-small {
    display: block;
  }

  .page-template-template-contact-us-2023 .ss-logo-small {
    display: none;
  }

  .ss-logo-w-text {
    display: block;
  }

  .page-template-template-contact-us-2023 .ss-logo-w-text {
    display: block;
  }
  .ssau-old-nav .ssau-old-header-language {
    margin-left: unset;
  }

  .mega-menu-main[data-lvl-depth="1"] {
    flex-direction: row !important;
    gap: 16px !important;
    justify-content: space-between !important;
  }

  .mega-menu-heading > div {
    width: unset !important;
    max-width: unset !important;
    padding: 0px !important;
  }

  .mega-menu-menu .mega-menu-main-item {
    gap: 0px;
    width: 235px;
    max-width: 235px;
  }

  .mega-menu-menu .mega-menu-main-item > .mega-menu-link {
    height: 48px;
  }
  .ssau-old-nav .container {
    gap: 0px;
  }

  .main-nav-menu-container {
    margin-left: 16px;
  }

  .ssau-old-nav-right .ssau-old-secondary-btn {
    padding: 2.5px 12px 2.5px 12px;
  }
}

@media screen and (max-width: 768px) {
    .main-nav-menu-container {
            flex-grow: 0;
            margin-bottom: 20px;
            display: none;
        }
        
  .ssau-old-nav .container {
    padding: 10px 20px;
  }

  .mega-menu {
    padding: 25px 13px;
  }

  .mega-menu-main[data-lvl-depth="1"] {
    display: grid;
    grid-template-columns: repeat(3, auto);
    justify-content: space-between !important;
  }

  .mega-menu-menu .mega-menu-main-item > .mega-menu-link {
    height: 48px;
  }

  .mega-menu-menu .mega-menu-submenu {
    column-gap: 8px !important;
  }

  .mega-menu-menu .mega-menu-main-item {
    gap: 0px;
    min-width: 235px;
  }

  .mega-menu-menu .mega-menu-column.col-4,
  .mega-menu-menu .mega-menu-column.col-8 {
    width: unset;
  }
}

@media screen and (max-width: 767px) {
  .ssau-old-nav ul li {
    padding: 0px;
  }
  
  .main-nav-menu {
    flex-direction: column;
  }

  .main-nav-menu-item:after {
    display: none;
  }

  .mega-menu {
    display: none !important;
  }

  .ssau-old-nav .ssau-old-current-language {
    justify-content: flex-start;
  }

  .ssau-old-header-language,
  .ssau-old-options-box {
    width: 100%;
  }

  .ssau-old-options-box > ul {
    width: 100%;
  }
}

@media screen and (max-width: 600px) {
  .ssau-old-nav ul {
    align-items: flex-start;
    flex-direction: column;
  }

  .nav-mobile-list_wrapper .nav-mobile-list-child_heading {
    margin-left: 18px;
    margin-bottom: 4px;
  }

  .nav-mobile-list_wrapper .nav-mobile-list-child_heading a {
    margin: 0;
    padding: 0;
  }

  p.nav-title-mobile {
    margin-bottom: 12px;
  }
}

/* --- End Navbar Mega Menu --- */

/* --- Homepage Hero --- */
.ssau-homepage-hero {
  padding: 0px;
  background-color: white;
  position: relative;
  overflow: hidden;
}

.ssau-homepage-hero__bg {
  position: absolute;
}

.ssau-homepage-hero__bg.bg-top-blur {
  top: 0;
  left: 0;
  width: 100%;
  height: 175px;
  object-fit: cover;
  object-position: bottom center;
}

.ssau-homepage-hero__bg.bg-blur {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.ssau-homepage-hero__bg.bg-left-1 {
  bottom: 0;
  left: 0;
  height: 845px;
  filter: blur(2px);
}

.ssau-homepage-hero__bg.bg-left-2 {
  bottom: 0;
  left: 0;
  height: 645px;
}

.ssau-homepage-hero__bg.bg-right-1 {
  bottom: 0;
  right: 0;
  height: 845px;
  filter: blur(2px);
}

.ssau-homepage-hero__bg.bg-right-2 {
  bottom: 0;
  right: 0;
  height: 715px;
}

.ssau-homepage-hero__wrapper {
  max-width: 1440px;
  margin: 0 auto;
  padding: 100px 0px 40px 120px;
  display: flex;
  gap: 30px;
}
.ssau-homepage-hero__container {
  position: relative;
  max-width: 585px;
  width: 100%;
}
.ssau-homepage-hero__container a {
  width: fit-content;
}
.ssau-homepage-hero__title {
  font-size: 48px;
  font-weight: 700;
  line-height: 57.6px;
  letter-spacing: -0.035em;
  text-align: left;
  color: #072e45;
  margin: 0 0 36px;
}

.ssau-homepage-hero__title span {
  position: relative;
  color: #00afaa;
}

.ssau-homepage-hero__title span:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: calc(100% + 5px);
  height: 48%;
  background-color: #fee879;
  mix-blend-mode: multiply;
}

.ssau-homepage-hero__title span:not(:last-of-type):after {
  width: 100%;
}

.ssau-homepage-hero__desc {
  max-width: 550px;
}

.ssau-homepage-hero__desc p:nth-child(2) {
  padding: 28px;
  border-radius: 16px;
  border: 1px solid #e0bd0f;
  background-color: #fefbec;
}

.ssau-homepage-hero__desc p {
  padding: 0;
  margin: 0;
}

.ssau-homepage-hero__desc {
  display: flex;
  flex-direction: column;
  gap: 48px;
}

.ssau-homepage-hero .ssau-iso__cta-button {
  margin-top: 20px;
  padding: 10px 30px;
  display: flex;
  align-items: center;
  gap: 20px;
  border-radius: 50px;
  border: 1.5px solid #10405a;
  color: #10405a;
  background-color: white;
  cursor: pointer;
}

.ssau-homepage-hero .ssau-iso__cta-button:hover > div,
#ssau-collaboration-models .ssau-iso__cta-button:hover > div,
.ssau-homepage-service .ssau-iso__cta-button:hover > div,
.ssau-homepage-blog-title-container .ssau-iso__cta-button:hover > div {
  color: white;
}

#ssau-collaboration-models .ssau-iso__cta-button {
  margin-top: 40px;
  padding: 10px 30px;
  display: flex;
  align-items: center;
  gap: 20px;
  border-radius: 50px;
  border: 1.5px solid #10405a;
}

@media screen and (max-width: 480px) {
  #ssau-collaboration-models {
    padding: 60px 20px;
  }

  .ssau-homepage-brands-empowered__container {
    padding: 48px 0 !important;
  }
}
.ssau-homepage-service .ssau-iso__cta-button {
  margin-top: 36px;
  padding: 10px 30px;
  display: inline-flex;
  align-items: center;
  gap: 20px;
  border-radius: 50px;
  border: 1.5px solid #10405a;
}

.ssau-homepage-hero .ssau-iso__cta-button svg,
#ssau-collaboration-models .ssau-iso__cta-button svg,
.ssau-homepage-service .ssau-iso__cta-button svg {
  margin: 0px;
}

.ssau-homepage-hero__desc,
.ssau-homepage-hero__desc p {
  font-family: var(--ssau-ff-roboto);
  font-size: 20px;
  font-weight: 400;
  line-height: 30px;
  letter-spacing: 0.02em;
  color: #10405a;
}
.ssau-homepage-hero__desc p:last-of-type {
  color: #10405a;
  font-family: var(--ssau-ff-roboto);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0.02em;
  text-align: left;
}

.ssau-homepage-hero__scroll-arrow {
  animation: mouse-scrolldown-arrow;
  animation-duration: 2s;
  animation-iteration-count: infinite;
}

.homepage-hero-img-wrapper {
  margin-top: 39px;
}

@media screen and (max-width: 1400px) {
  .ssau-homepage-hero__wrapper {
    padding: 100px 0px 40px 120px;
  }
}

@media screen and (max-width: 1310px) {
  .homepage-hero-img-wrapper {
    min-width: unset;
  }

  .ssau-homepage-hero__desc {
    gap: 24px;
  }

  .ssau-homepage-hero__title {
    margin: 0 0 24px;
  }

  .homepage-hero-img-wrapper {
    margin-top: 100px;
  }
}

@media (max-width: 1200px) {
  .ssau-homepage-hero__bg.bg-left-1,
  .ssau-homepage-hero__bg.bg-left-2 {
    left: -160px;
  }

  .ssau-homepage-hero__bg.bg-right-1,
  .ssau-homepage-hero__bg.bg-right-2 {
    right: -160px;
  }
}

@media screen and (max-width: 1024px) {
  .ssau-homepage-hero .ssau-iso__cta-button {
    width: unset;
  }
}

@media (max-width: 767px) {
  .ssau-homepage-hero__bg.bg-left-1,
  .ssau-homepage-hero__bg.bg-left-2,
  .ssau-homepage-hero__bg.bg-right-1,
  .ssau-homepage-hero__bg.bg-right-2 {
    display: none;
  }
}

@media (max-width: 480px) {
  .ssau-homepage-hero__wrapper {
    padding: 80px 24px 390px !important;
  }

  .ssau-homepage-hero .ssau-iso__cta-button {
    margin-left: 0 !important;
    width: unset;
  }

  .ssau-homepage-hero__container > h1 {
    font-size: 42px;
    font-weight: 700;
    line-height: 51.6px;
    letter-spacing: -0.035em;
    text-align: left;
    margin: 0 0 36px;
  }
}

@keyframes mouse-scrolldown-arrow {
  0% {
    transform: translateY(0);
  }
  30% {
    transform: translateY(8px);
  }
  100% {
    transform: translateY(0);
  }
}

.home
  .ssau-homepage-hero
  .ssau-homepage-hero__container
  .ssau-homepage-hero__desc
  p
  b {
  font-family: var(--ssau-ff-roboto);
  font-size: 16px;
  font-weight: 700;
  line-height: 30px;
  letter-spacing: 0.02em;
  color: #10405a;
}
.home
  .ssau-homepage-hero
  .ssau-homepage-hero__container
  .ssau-homepage-hero__desc
  p:nth-child(1)
  b {
  font-size: 20px;
}

/* --- End Homepage Hero --- */

/* --- End Homepage Count --- */
.ssau-homepage-counts {
  background-color: #072e45;
  color: #fff;
  display: flex;
}

.ssau-homepage-counts__container {
  text-align: center;
  background-image: url("../../img/ssau-2023/portfolio-cta-bg-1.png"),
    url("../../img/ssau-2023/portfolio-cta-bg-2.png");
  background-position: 0 90%, 100% 10%;
  background-repeat: no-repeat, no-repeat;
  background-size: auto, auto;
  padding: 85px 0px;
  margin: 0 auto;
  width: 100%;
  max-width: 1200px;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.ssau-homepage-counts__container > p {
  max-width: 800px;
  margin-bottom: 64px;
  font-family: var(--ssau-ff-roboto);
  font-size: 16px;
  font-weight: 400;
  line-height: 27.2px;
  letter-spacing: 0.02em;
  text-align: center;
}

.ssau-homepage-counts__heading {
  font-size: 36px;
  font-weight: 700;
  line-height: 43.2px;
  letter-spacing: -0.02em;
  text-align: center;
  margin: 0;
}

.ssau-homepage-counts__items {
  display: flex;
  flex-wrap: wrap;
  /* align-items: center; */
  width: 100%;
}
.ssau-homepage-counts__items > div {
  padding: 24px 39.5px;
  border-right: 1px solid #4a748b;
}
.ssau-homepage-counts__items > div:last-of-type {
  border-right: none;
}
.ssau-homepage-counts__items:last-child {
  border-top: 1px solid #4a748b;
  margin-bottom: 60px;
}

.ssau-homepage-counts__item {
  width: 25%;
  flex: 0 0 auto;
}

.ssau-homepage-counts__icons {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 50px;
  margin-top: 65px;
}

.ssau-homepage-counts__icons > img {
  max-width: 100px;
  max-height: 100px;
}

.ssau-homepage-counts__counter {
  font-family: "Ubuntu", sans-serif;
  font-size: 56px;
  font-weight: 700;
  line-height: 67px;
  margin-top: 10px;
  margin-bottom: 10px;
  letter-spacing: -0.035em;
}

.ssau-homepage-counts__counter.years {
  color: #00afaa;
}

.ssau-homepage-counts__counter.staff {
  color: #7bc794;
}

.ssau-homepage-counts__counter.clients {
  color: #2d9cdb;
}

.ssau-homepage-counts__counter.projects {
  color: #e98057;
}

.ssau-homepage-counts__caption {
  font-family: var(--ssau-ff-roboto);
  font-size: 20px;
  font-weight: 400;
  line-height: 30px;
  color: rgba(255, 255, 255, 1);
  text-wrap: nowrap;
}

@media screen and (max-width: 1024px) {
  .ssau-homepage-counts__container {
    background-position: 2% 90%, 98% 10%;
  }
}

@media screen and (max-width: 900px) {
  .ssau-homepage-counts__caption {
    text-wrap: wrap;
  }

  .ssau-homepage-counts__container > p {
    padding: 24px;
  }

  .ssau-homepage-counts__icons {
    gap: 30px;
  }

  .ssau-homepage-counts__container {
    background-position: 2% 96%, 98% 4%;
  }
}

@media (min-width: 768px) and (max-width: 992px) {
  .ssau-who-we-serve-counts__container {
    padding: 40px 40px !important;
  }
  .ssau-who-we-serve-counts__image {
    width: 100% !important;
    max-width: 723.72px !important;
    margin-top: 20px;
  }
  .ssau-who-we-serve-counts__button {
    margin-top: 20px;
  }

  .ssau-who-we-serve-counts__image img {
    width: auto;
    height: auto;
    max-width: 120%;
  }
}

@media (max-width: 768px) {
  .ssau-homepage-counts__container {
    background-position: 2% 98%, 98% 2%;
  }

  .ssau-homepage-counts__icons {
    display: block;
    gap: 20px;
  }

  .ssau-homepage-counts__icons > img {
    margin-top: 40px;
  }

  .ssau-who-we-serve-counts__container {
    padding: 60px 60px !important;
  }
  .ssau-who-we-serve-counts__image {
    width: 100% !important;
    max-width: 723.72px !important;
    margin-top: 20px;
    margin-bottom: 40px;
  }
  .ssau-homepage-counts__items > div {
    width: 50%;
    border-right: none;
    border-left: 1px solid #4a748b;
  }
  .ssau-homepage-counts__items > div:first-child {
    border-bottom: 1px solid #4a748b;
  }
  .ssau-homepage-counts__items > div:nth-child(2) {
    border-bottom: 1px solid #4a748b;
  }
}

@media (max-width: 480px) {
  .ssau-homepage-counts__item {
    width: 50%;
    margin-bottom: 0px;
  }

  .ssau-homepage-counts__icons {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 50px;
  }

  .ssau-homepage-counts__icons > img {
    max-width: unset;
    max-height: unset;
  }

  .ssau-homepage-counts__container {
    background-position: 5% 99%, 99% 1%;
  }

  .ssau-homepage-counts__icon {
    margin-bottom: 10px;
  }

  .ssau-who-we-serve-counts__image img {
    width: auto;
    height: auto;
    max-width: 100%;
  }

  .ssau-who-we-serve-counts__button {
    margin-top: 24px;
  }

  .ssau-who-we-serve-counts__container {
    margin-bottom: -100px !important;
    padding: 40px 40px !important;
  }
  .ssau-homepage-counts__items > div {
    border-right: none;
    width: 100%;
    border-bottom: 1px solid #4a748b;
  }

  .ssau-homepage-counts__items:last-child {
    border-top: none;
  }

  .ssau-homepage-counts__items:last-child > div:last-of-type {
    border-bottom: none;
  }
}
/* --- End Homepage Count --- */

/* --- Collaboration Model --- */
#ssau-collaboration-models {
  background-image: url("../../img/ssau-2023/homepage-collaboration/collaboration-model-pattern.svg"),
    url("../../img/ssau-2023/homepage-collaboration/collaboration-model-pattern.svg");
  background-position: 10% 40%, 90% 64%;
  background-repeat: no-repeat, no-repeat;
  background-size: 85px, 85px;
  padding: 90px 20px;
  min-height: 1022px;
  margin: 0 auto;
  background-color: white;
  color: #07324a;
  font-family: "Roboto", sans-serif;
  overflow: hidden;
}

#ssau-collaboration-models .ssau-cmodel__title p {
  margin: 0 auto;
  max-width: 800px;
  font-family: Roboto;
  font-size: 16px;
  font-weight: 400;
  line-height: 27.2px;
  letter-spacing: 0.02em;
  text-align: center;
}
#ssau-collaboration-models .ssau-cmodel__title .ssau-cmodel__subtitle {
  color: #00afaa;
}
#ssau-collaboration-models .ssau-cmodel__title h2 {
  font-family: Ubuntu;
  font-size: 36px;
  font-weight: 700;
  line-height: 43.2px;
  letter-spacing: -0.02em;
  text-align: center;
}
#ssau-collaboration-models .ssau-cmodel__title h2 span:after {
  background-color: #fee879;
}

.ssau-cmodel__container {
  width: auto;
  max-width: 1140px;
  margin: 0 auto;
}

.ssau-cmodel__title {
  text-align: center;
}

.ssau-cmodel__subtitle {
  color: #05afaa;
  letter-spacing: 0.4px;
  margin-bottom: 16px;
  font-family: "Roboto", sans-serif;
  font-size: 14px;
  font-weight: 700;
}

.ssau-cmodel__title h2 {
  font-family: "Ubuntu", sans-serif;
  font-size: 48px;
  font-weight: 700;
  line-height: 58px;
  letter-spacing: -0.035em;
  text-align: center;
  color: #10405a;
  margin-top: 0px;
  margin-bottom: 12px;
}

.ssau-cmodel__title h2 span {
  position: relative;
}

.ssau-cmodel__title h2 span:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: calc(100% + 5px);
  height: 48%;
  background-color: #f4cd0c;
  mix-blend-mode: multiply;
}

.ssau-cmodel__title h2 span:not(:last-of-type):after {
  width: 100%;
}

.ssau-cmodel__title p {
  font-size: 16px;
  font-weight: 400;
  font-family: "Roboto", sans-serif;
  line-height: 27.2px;
  margin-left: 200px;
  margin-right: 200px;
  color: #10405a;
}

.ssau-cmodel__card-area {
  display: block;
  margin-top: 4rem;
}

.ssau-cmodel__single-card {
  width: 100%;
  margin: 1rem 0;
  background-color: #fff;
  border-radius: 10px;
  cursor: pointer;
  text-decoration: none;
  color: #07324a;
  opacity: 1;
  transform: translate3d(0px, 0px, 0px) scale3d(1, 1, 1) rotateX(0deg)
    rotateY(0deg) rotateZ(0deg) skew(0deg);
  transform-style: preserve-3d;
  padding: 30px 30px 65px;
  font-size: 16px;
  transition: box-shadow 0.4s, background-color 0.4s;
  border: 1px solid #cacdd5;
}

.ssau-cmodel__single-card:hover {
  box-shadow: 0 0 15px 3px rgba(212, 220, 223, 0.81);
}

.ssau-cmodel__single-card a {
  text-decoration: none;
  color: #052436;
}

h3.ssau-cmodel__card-title {
  font-size: 24px;
  font-weight: 700;
  font-family: "Ubuntu", sans-serif;
  line-height: 36px;
  color: #10405a;
}

p.ssau-cmodel__card-desc {
  font-family: "Roboto", sans-serif;
  font-size: 16px;
  line-height: 1.7;
}

.ssau-cmodel__list {
  display: inline-flex;
  align-items: flex-start;
  font-family: "Roboto", sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 27px;
  letter-spacing: 0.02em;
  color: #10405a;
  margin-bottom: 15px;
}

.ssau-cmodel__list img {
  margin-right: 15px;
}

.ssau-cmodel__list div {
  font-family: var(--ssau-ff-roboto);
}
/* --- End Collaboration Model --- */

/* Start of Brands Empowered by Softwareseni */

.ssau-homepage-brands-empowered {
  background-color: #f4f9f9;
}
.ssau-homepage-brands-empowered__container {
  max-width: 1440px;
  margin: 0 auto;
  padding: 32px 0;
}
.ssau-homepage-brands-empowered__title {
  font-family: var(--ssau-ff-roboto);
  font-size: 16px;
  font-weight: 400;
  line-height: 27.2px;
  letter-spacing: 0.02em;
  text-align: center;
  color: var(--navy);
  padding: 0;
  margin: 0 0 12px;
}
.ssau-homepage-brands-empowered__brands-wrapper {
  margin: 0 auto;
  max-width: 1440px;
  display: flex;
  gap: 40px;
  position: relative;
}

.slider {
  overflow: hidden;
  position: relative;
  width: 100%;
  max-width: 1440px;
  margin: 0 auto;
}

.slider .slider-track {
  position: relative;
  max-height: 88px;
  display: flex;
  align-items: center;
  width: max-content;
  gap: 48px;
  will-change: transform;
  animation: marquee 40s linear infinite;
}

.slider-track img {
  height: auto;
  display: block;
}

@keyframes marquee {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(calc(-50% - 24px));
  }
}

.ssau-homepage-brands-empowered__brands-wrapper.owl-carousel .owl-item {
  height: 88px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.slider-track-effect-left {
  width: 511px;
  height: 100%;
  position: absolute;
  bottom: 0;
  left: 0;

  background: radial-gradient(
    93.12% 200.86% at 100% 49.61%,
    rgba(244, 249, 249, 0) 0%,
    #f4f9f9 100%
  );
}
.slider-track-effect-right {
  width: 511px;
  height: 100%;
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: 10;
  background: radial-gradient(
    93.12% 200.86% at 100% 49.61%,
    rgba(244, 249, 249, 0) 0%,
    #f4f9f9 100%
  );
  transform: rotate(180deg);
}

@media screen and (max-width: 1300px) {
  .slider-track-effect-left,
  .slider-track-effect-right {
    width: 20%;
  }
}

.ssau-empowered__card-area {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 30px;
  margin-top: 45px;
}

.ssau-empowered__single-card {
  width: 100%;
  margin: 0;
  background-color: #fff;
  border-radius: 10px;
  cursor: pointer;
  text-decoration: none;
  color: #07324a;
  opacity: 1;
  transform: translate3d(0px, 0px, 0px) scale3d(1, 1, 1) rotateX(0deg)
    rotateY(0deg) rotateZ(0deg) skew(0deg);
  transform-style: preserve-3d;
  padding: 40px;
  font-size: 16px;
  transition: box-shadow 0.4s, background-color 0.4s;
  border: 1px solid #cacdd5;
  max-height: 399px;
}

.ssau-empowered__single-card:hover {
  box-shadow: 0 0 15px 3px rgba(212, 220, 223, 0.81);
}

.ssau-empowered__single-card a {
  text-decoration: none;
  color: #052436;
}

h3.ssau-empowered__card-title {
  font-size: 24px;
  font-weight: 700;
  font-family: "Ubuntu", sans-serif;
  line-height: 36px;
  color: #10405a;
  margin: 12px 0px;
}

p.ssau-empowered__card-desc {
  font-family: var(--ssau-ff-roboto);
  font-size: 16px;
  line-height: 27.2px;
  color: #10405a;
}

.ssau-empowered__button-wrapper {
  display: flex;
  justify-content: center;
}
.ssau-empowered__button-wrapper a {
  width: fit-content !important;
}

.flex-column {
  flex-direction: column;
}

.ssau-testimonial-avatar {
  width: 56px !important;
  height: 56px;
  border-radius: 999999px;
}

.cta-homepage-testimonial {
  margin-top: 0 !important;
  margin-right: 0 !important;
}

.ssau-homepage-service__list-wrapper {
  display: grid;
  grid-template-columns: auto auto;
  gap: 12px;
  margin-top: 12px;
}
.ssau-homepage-service__list-item {
  display: flex;
  gap: 20px;
  align-items: center;
}
.ssau-homepage-service__list-item > img {
  height: 30px;
  width: 30px;
}
.ssau-homepage-service__list-item > p {
  margin: 0;
  color: #10405a;
  font-family: Roboto;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0.02em;
  text-align: left;
}

@media screen and (max-width: 1024px) {
  .ssau-empowered__card-area {
    grid-template-columns: auto auto;
  }
}
@media screen and (max-width: 600px) {
  .ssau-empowered__card-area {
    grid-template-columns: auto;
  }
  .ssau-homepage-service__list-wrapper {
    grid-template-columns: auto;
  }
}
/* End of Brands Empowered by Softwareseni */

/* --- Tech Stacks --- */
#ssau-stacks {
  background-color: #f4f9f9;
  overflow-x: hidden;
  padding: 65px 20px 0;
}

.ssau-stacks__container {
  max-width: 1441px;
  display: block;
}

.ssau-stacks__list {
  width: 100%;
  padding: 3.5rem 0;
  /* --- grid wrapper --- */
  display: grid;
  grid-template-columns: auto auto auto;
  grid-template-rows: 90px 90px 90px;
  text-align: center;
}

.ssau-stacks__image {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}

.ssau-stacks__aws {
  width: 100%;
  text-align: center;
  margin-bottom: 40px;
}

.ssau-stacks__list {
  width: 100%;
}

.ssau-stacks__content {
  width: 100%;
  padding: 2rem;
  color: #10405a;
}

.ssau-stacks__subheading {
  color: #00afaa;
  letter-spacing: 0.11px;
  margin-bottom: 16px;
  font-family: var(--ssau-ff-roboto);
  font-size: 14px;
  font-weight: 700;
}

.ssau-stacks__content h2 {
  margin-top: 8px;
  margin-bottom: 10px;
}

.total-stack {
  margin: 10px 0 24px 0;
  font-size: 36px;
  font-weight: 700;
  line-height: 43.2px;
  letter-spacing: -0.02em;
  color: #10405a;
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.ssau-stacks__content h2 span {
  position: relative;
  width: fit-content;
}

.ssau-stacks__content h2 span:after {
  content: "";
  position: absolute;
  bottom: -5px;
  left: 0;
  width: calc(100% + 5px);
  height: 63%;
  background-color: #fee879;
  mix-blend-mode: multiply;
}

.ssau-stacks__content-desc {
  line-height: 27px;
}

.ssau-stacks__item {
  position: relative;
  overflow: hidden;
}

.ssau-stacks__item-name {
  position: absolute;
  top: 100px;
  left: 0;
  width: 100%;
  color: #07324a;
  font-family: "Ubuntu", sans-serif;
  font-size: 11px;
  font-weight: 400;
  line-height: 11px;
  letter-spacing: -0.01em;
  text-align: center;
  transition: transform 0.5s;
}

.ssau-stacks__item:hover .ssau-stacks__item-name {
  transform: translateY(-35px);
}

.ssau-stacks__button-area,
.ssau-iso__button-area,
.ssau-digital-partner__button-area {
  z-index: 5;
  display: inline-block;
  position: relative;
}

.ssau-stacks__button-area a,
.ssau-iso__button-area a,
.ssau-digital-partner__button-area a {
  border: 2px solid #10405a;
  color: #10405a;
  letter-spacing: 0.4px;
  border-radius: 50px;
  align-items: center;
  padding: 6.75px 17.5px 6.75px 30px;
  text-decoration: none;
  transition: color 0.2s linear, background-color 0.2s linear;
  display: flex;
}

.ssau-stacks__button .ssau-stacks__arrow {
  margin-left: 15px;
  width: 30px;
  height: 30px;
}

.ssau-stacks__button div {
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  font-family: "Roboto", sans-serif;
}

.ssau-stacks__button-area .ssau-iso__cta-button {
  margin-left: 0;
}

@media only screen and (min-width: 992px) {
  .ssau-stacks__image {
    width: calc(100% * (2 / 3));
  }

  .ssau-stacks__aws {
    width: 50%;
  }

  .ssau-stacks__list {
    width: 50%;
  }

  .ssau-stacks__content {
    width: calc(100% / 3);
  }
}

@media only screen and (min-width: 640px) {
  .ssau-stacks__list {
    grid-template-columns: 90px 90px 90px 90px;
    grid-template-rows: 90px 90px;
  }
}

@media only screen and (min-width: 768px) {
  .ssau-stacks__container {
    margin: 0 auto;
    display: flex;
    align-items: center;
  }

  .ssau-stacks__image {
    display: flex;
    flex-wrap: wrap;
    width: 50%;
  }

  .ssau-stacks__aws {
    width: 100%;
  }

  .ssau-stacks__list {
    width: 100%;
  }

  .ssau-stacks__content {
    width: 50%;
  }
}

@media only screen and (min-width: 992px) {
  .ssau-stacks__image {
    width: calc(100% * (2 / 3));
  }

  .ssau-stacks__aws {
    width: 50%;
  }

  .ssau-stacks__list {
    width: 50%;
  }

  .ssau-stacks__content {
    width: calc(100% / 3);
  }
}
/* --- End Tech Stacks --- */

.ssau-iso__cta-button {
  margin-top: 2.5rem;
  margin-left: 1.5rem;
  min-width: 155px;
  border: 1.5px solid #07324a;
  color: #07324a;
  letter-spacing: 0.4px;
  border-radius: 50px;
  align-items: center;
  padding: 10px 30px 10px 30px;
  font-size: 16px;
  font-weight: 500;
  text-decoration: none;
  display: inline-flex;
  transition: color 0.2s linear, background-color 0.2s linear;
  touch-action: manipulation;
}

.ssau-iso__cta-button div {
  font-family: var(--ssau-ff-roboto);
  text-transform: uppercase;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  letter-spacing: 0.02em;
  color: #10405a;
}

@media screen and (max-width: 479px) {
  .ssau-iso__cta-button div {
    font-size: 14px;
  }
}

.ssau-iso__cta-button div.ssau-capitalize {
  text-transform: capitalize;
}

.ssau-iso__cta-button div.ssau-bold {
  font-weight: 700;
}

.ssau-iso__cta-button svg {
  width: 30px;
  height: 30px;
  margin-left: 20px;
}

.ssau-iso__cta-button img.ssau-button-arrow-icon {
  width: 30px;
  height: 30px;
  margin-left: 20px;
}

.ssau-iso__cta-button.yellow {
  background-color: #f4cd0c;
  border-color: #f4cd0c;
}

.ssau-iso__cta-button:hover {
  background-color: #10405a;
  color: #ffffff;
}

.ssau-iso__cta-button:not(.yellow):hover svg path {
  fill: #ffffff;
}

.ssau-iso__cta-button.yellow:hover {
  color: #10405a;
  background-color: #e0bd0f;
}

.ssau-iso__cta-button .ssau-button-arrow-icon {
  transition: transform 0.2s linear;
}

.ssau-iso__cta-button:hover .ssau-button-arrow-icon {
  transform: translateX(10px);
}

.ssau-iso__cta-button.hover-bg-yellow:hover {
  background-color: #f4cd0c;
  color: #10405a;
}

.ssau-iso__cta-button.hover-bg-yellow:hover svg path {
  fill: #10405a;
}

/* ---- Responsive ---- */
@media only screen and (min-width: 640px) {
  .ssau-os__card-item {
    max-width: 320px;
  }

  .ssau-our-services__title-container {
    display: flex;
    margin: 0;
  }

  .ssau-cmodel__card-area {
    display: flex;
  }

  .ssau-cmodel__single-card {
    width: calc(100% / 2);
    margin: 1rem;
  }

  .ssau-iso__cta-button {
    margin-left: 0;
  }
}

/* --- Product Development Process --- */
.ssau-development-process {
  text-align: center;
  background-color: #f4f9f9;
  position: relative;
  overflow: hidden;
}

.ssau-development-process-top-bg {
  z-index: 0;
  background-color: #fff;
  position: absolute;
  top: 0;
  bottom: 50%;
  left: 0;
  right: 0;
}

.ssau-development-process-bg {
  z-index: 5;
  width: 100%;
  transition: filter 1s;
  position: relative;
}

.ssau-development-process-content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  z-index: 10;
  padding-top: 70px;
  padding-bottom: 80px;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  color: #fff;
}

.ssau-development-process-content .ssau-iso__cta-button {
  margin-left: unset;
  width: unset;
}

.ssau-development-process-content h2 {
  font-family: var(--ssau-ff-roboto);
  font-size: 14px;
  font-weight: 700;
  line-height: 150%;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 20px;
}

.ssau-development-process-content p {
  text-align: center;
  font-size: 36px;
  font-weight: 700;
  line-height: 120%;
  margin: 0;
  max-width: 636px;
}

@media screen and (max-width: 479px) {
  .ssau-development-process-bg {
    min-height: 525px;
    object-fit: cover;
  }

  .ssau-development-process-content {
    padding-left: 20px;
    padding-right: 20px;
  }
}

/* --- End Product Development Process --- */
/* --- Client Testimonial --- */
.ssau-client-testimonial {
  background-color: #f4f9f9;
  background-image: url("../../img/ssau-2023/testimonials/testimonial-quote.svg");
  background-position: 95% 10%;
  background-repeat: no-repeat;
  background-size: auto;
  overflow-x: hidden;
}

.ssau-client-testimonial .container {
  max-width: 1440px;

  padding: 100px 150px;
  margin: 0 auto;
  position: relative;
}

.ssau-client-testimonial .ssau-iso__cta-button {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 20px;
}

.ssau-client-testimonial-heading {
  color: #10405a;
  font-family: "Ubuntu", sans-serif;
  font-size: 48px;
  font-weight: 700;
  line-height: 1.5;
  text-align: center;
  margin-top: 0;
  margin-bottom: 45px;
}

.ssau-testimonial-item {
  display: flex;
  flex-direction: column;
  height: 100%;
  margin-bottom: 60px;
  height: 325px;
  width: 555px !important;
}

@media screen and (max-width: 1300px) {
  .ssau-testimonial-item {
    width: auto !important;
  }
}

.ssau-testimonial-list .owl-stage {
  display: flex;
  gap: 0 !important;
}

/* .ssau-testimonial-list .owl-stage .owl-item {

} */

.ssau-testimonial-list .owl-dots .owl-dot span {
  opacity: 0.5;
  border: 2px solid #07324a;
  background-color: transparent;
}

.ssau-testimonial-list .owl-dots .owl-dot.active span {
  opacity: 1;
  background-color: #07324a;
}

.ssau-testimonial-callout {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  background-color: #fff;
  text-align: center;
  border-radius: 10px;
  margin-bottom: 28px;
  padding: 25px 25px 20px;
  position: relative;
  box-shadow: 1px 1px 20px rgba(223, 236, 236, 0.78);
  min-height: 230.05px;
}

.ssau-testimonial-callout p {
  margin: 0;
  color: #18191f;
  letter-spacing: 0.4px;
  font-family: var(--ssau-ff-roboto);
  font-size: 14px;
  font-weight: 400;
  line-height: 1.7;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;
}

.ssau-testimonial-arrow {
  width: 0;
  height: 0;
  border-left: 20px solid transparent;
  border-right: 20px solid transparent;
  border-top: 20px solid #fff;
  position: absolute;
  bottom: -20px;
  left: 50%;
  transform: translateX(-50%);
}

.ssau-testimonial-meta__wrapper {
  display: flex;
  gap: 20px;
  align-items: center;
  justify-content: center;
}

.ssau-testimonial-meta {
  display: flex;
  justify-content: center;
}

.ssau-testimonial-meta > .ssau-testimonial-meta__column {
  margin-right: 20px;
}

.ssau-testimonial-meta .image img {
  max-width: 100%;
}

.ssau-client-testimonial .ssau-testimonial-meta .image img {
  border-radius: 50%;
}

.ssau-testimonial-meta p {
  margin: 0;
}

.ssau-testimonial-meta p.image {
  width: 60px;
  height: 60px;
  text-align: center;
}

.ssau-testimonial-meta p.name {
  font-size: 24px;
  font-weight: 700;
  line-height: 36px;
  margin-bottom: 4px;
  color: #10405a;
}

.ssau-testimonial-meta p.project-name {
  color: #10405a;
  font-family: var(--ssau-ff-roboto);
  font-size: 16px;
  font-weight: 400;
  line-height: 150%;
}

@media screen and (max-width: 1280px) {
  .quotation-top {
    right: 0 !important;
  }
  .dots-bottom {
    right: 0 !important;
  }
}

.ssau-client-testimonial-list-container .owl-carousel .owl-nav.disabled {
  display: none !important;
}
/* --- End Client Testimonial --- */

/* --- Customer Reviews --- */
.hero-security.ssau-customer-reviews {
  background-color: #fff;
}

.hero-vector.ssau-customer-reviews__j-vector {
  top: 0;
}

.hero-title.ssau-customer-reviews__hero-title {
  margin-top: 76px;
}

.hero-title.ssau-customer-reviews__hero-title span::after {
  content: "";
  position: absolute;
  bottom: 0px;
  left: 49%;
  transform: translateX(-50%);
  width: calc(100%);
  height: 24px;
  background-color: #fee879;
  mix-blend-mode: multiply;
}

#enduring-partnerships {
  background-color: #F4F9F9;
  margin-top: -30px;
  padding-bottom: 20px;
}

.ssau-clients-building__container {
  max-width: 1140px;
  margin: 0 auto;
  min-height: 363px;
}

h2.ssau-clients-building__title {
  font-family: Ubuntu, sans-serif;
  font-size: 36px;
  font-weight: 700;
  line-height: 44px;
  color: #10405A;
  text-align: center;
  padding-top: 108px;
}

.ssau-clients-building__title span {
  position: relative;
}

.ssau-clients-building__title span::after {
  content: "";
  position: absolute;
  bottom: -5px;
  left: 0;
  width: calc(100% + 5px);
  height: 22px;
  background-color: #B3E7E6;
  mix-blend-mode: multiply;
}

.ssau-clients-building__content p {
  font-family: Roboto, sans-serif;
  font-size: 16px;
  line-height: 27px;
  color: #10405A;
  text-align: center;
}

.ssau-clients-building__icons-container {
  max-width: 1140px;
  margin: 0 auto;
  padding: 36px 0 20px;
}

.ssau-clients-building__icons-container img {
  margin: 12px 6px;
}

.ssau-customer-reviews__google-stars {
  display: flex;
  margin-top: 12px;
  padding: 8px;
}

.ssau-customer-reviews__google-stars > * {
  margin: 8px;
}

.ssau-customer-reviews__google-stars span {
  font-size: 14px;
  line-height: 21px;
  font-weight: 400;
  font-family: Roboto, sans-serif;
}

.ssau-customer-reviews__google-stars div img {
  padding: 0 8px;
}

.ssau-customer-reviews__star-ratings {
  display: flex;
  padding: 18px 0 6px;
}

.ssau-customer-reviews__star-ratings img {
  margin: auto;
}

@media screen and (min-width: 728px) {
  .hero-left-content.ssau-customer-reviews__content {
    margin-top: -40px;
    padding-left: 136px;
  }
}
/* --- End of Customer Reviews --- */

/* --- Client --- */
.ssau-client {
  background-color: #f4f9f9;
  padding: 30px 20px 145px;
  position: relative;
  overflow: hidden;
}

.ssau-client .container {
  max-width: 1140px;
  position: relative;
}

.ssau-client-description {
  max-width: 480px;
  text-align: center;
  margin-bottom: 40px;
  margin-left: auto;
  margin-right: auto;
  color: #10405a;
  letter-spacing: 0.4px;
  font-family: var(--ssau-ff-roboto);
  font-size: 16px;
  font-weight: 400;
  line-height: 1.7;
}

.ssau-client-item-wrap {
  text-align: center;
}

.ssau-client-list-item {
  display: inline-block;
  text-align: center;
  padding: 0 20px;
}

.ssau-client-list-image {
  height: 126px;
  object-fit: contain;
  margin-bottom: 20px;
}

.ssau-client-list .owl-item .ssau-client-list-image {
  opacity: 0;
  transition: transform 1s ease;
  transform: translateY(50px);
}

.ssau-client-list .owl-item.active .ssau-client-list-image {
  opacity: 1;
  transform: translateY(0px);
}

.ssau-client-bg {
  position: absolute;
  bottom: -705px;
  left: 50%;
  transform: translate(-60px);
}

.ssau-client-pattern {
  mix-blend-mode: multiply;
  position: absolute;
  bottom: 0;
  right: 50%;
  transform: translate(450px);
}

/* --- End Client --- */

/* --- Homepage Service --- */
.ssau-homepage-service {
  padding: 120px 20px;
  background-color: #f4f9f9;
  overflow: hidden;
}

.ssau-homepage-service__container {
  max-width: 1140px;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
}

.ssau-homepage-service__col-half {
  width: 50%;
}

.ssau-homepage-service__col-half.left {
  padding-right: 30px;
}

.ssau-homepage-service__col-half.right {
  padding-left: 30px;
}

.ssau-homepage-service__subheading {
  color: #00afaa;
  letter-spacing: 0.4px;
  margin-bottom: 16px;
  font-family: "Roboto", sans-serif;
  font-size: 14px;
  font-weight: 700;
}

.ssau-homepage-service__heading {
  margin-bottom: 30px;
  margin-top: 0;
  color: #10405a;
  font-family: Ubuntu;
  font-size: 36px;
  font-weight: 700;
  line-height: 43.2px;
  letter-spacing: -0.02em;
  text-align: left;
}

.ssau-homepage-service__heading span {
  position: relative;
  color: #00afaa;
  white-space: nowrap;
}

.ssau-homepage-service__heading span:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: calc(100% + 5px);
  height: 48%;
  background-color: #fee879;
  mix-blend-mode: multiply;
}

.ssau-homepage-service__heading span:not(:last-of-type):after {
  width: 100%;
}

.ssau-homepage-service__desc,
.ssau-homepage-service__desc p {
  font-family: "Roboto", sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0.02em;
  color: #10405a;
}

.ssau-homepage-service__desc p {
  margin-top: 0;
  margin-bottom: 10px;
}

.ssau-homepage-service .what-we-do-btn {
  width: fit-content;
}

.ssau-homepage-service__items {
  display: flex;
  flex-direction: column;
}

.ssau-homepage-service__item {
  padding: 40px;
  border-radius: 12px;
  border: 1px solid #cacdd5;
  box-shadow: #c9d5dd 8px 8px;
  margin-bottom: 20px;
  transition: all 0.4s;
}

.ssau-homepage-service__item:hover {
  box-shadow: #f4cd17 8px 8px;
}

.ssau-homepage-service__item:hover .ssau-homepage-service__item-heading {
  color: #00afaa;
}

.ssau-homepage-service__item:hover .ssau-homepage-service__button {
  opacity: 1;
}

.ssau-homepage-service__item-heading {
  font-family: "Ubuntu", sans-serif;
  font-size: 24px;
  font-weight: 700;
  line-height: 36px;
  letter-spacing: -0.01em;
  color: #10405a;
  margin: 0 0 12px;
  transition: color 0.2s;
}

.ssau-homepage-service__item-desc {
  font-family: "Roboto", sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 27px;
  letter-spacing: 0.02em;
  color: #10405a;
  margin-bottom: 12px;
}

.ssau-homepage-service__button {
  font-family: "Roboto", sans-serif;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 0.4px;
  display: flex;
  align-items: center;
  padding: 6.75px 17.5px 6.75px 0;
  color: #10405a;
  opacity: 0;
  text-decoration: none;
  transition: all 0.2s;
}

.ssau-homepage-service__button:hover {
  color: #4a748b;
}

.ssau-homepage-service__button-text {
  margin-right: 20px;
  font-family: "Roboto", sans-serif;
  min-width: 80px;
}

.ssau-homepage-service__button-icon {
  width: 28px;
  height: 28px;
  transition: transform 0.2s linear !important;
}

.ssau-homepage-service__button:hover .ssau-homepage-service__button-icon {
  transform: translateX(8px);
}

@media screen and (max-width: 1024px) {
  .ssau-homepage-hero__wrapper {
    width: 100%;
    padding: 120px 80px 0px;
    position: relative;
    flex-direction: column;
    position: relative;
    padding-bottom: 240px;
  }

  .ssau-homepage-hero__container {
    max-width: 100%;
  }

  .ssau-homepage-hero__container > h1 {
    max-width: 75%;
  }
  .ssau-homepage-hero__container > h1 br {
    content: "";
  }
  .ssau-homepage-hero__container > h1 br::after {
    content: " ";
  }

  .homepage-hero-img-wrapper {
    max-width: 490px;
    position: absolute;
    bottom: 0;
    right: 0;
  }

  .ssau-homepage-hero__desc {
    gap: 24px;
  }

  .ssau-homepage-hero__desc p:nth-child(1) {
    max-width: 560px;
  }
  .ssau-homepage-hero__desc p:nth-child(2) {
    max-width: 400px;
  }
}
@media screen and (max-width: 900px) {
  .ssau-homepage-hero__wrapper {
    padding-bottom: 350px;
  }

  .ssau-homepage-hero__container > h1 {
    max-width: 100%;
  }
}

@media (max-width: 480px) {
  .ssau-homepage-service {
    padding: 80px 20px 40px;
  }

  .ssau-homepage-service__col-half {
    width: 100%;
  }

  .ssau-homepage-service__col-half.left {
    padding-right: 0;
    margin-bottom: 40px;
  }

  .who-we-serve .ssau-homepage-service__col-half.left {
    order: 1;
    margin-bottom: 0;
    margin-top: 30px;
  }

  .ssau-homepage-service__col-half.right {
    padding-left: 0;
  }

  .who-we-serve .ssau-homepage-service__col-half.right {
    order: 0;
  }

  .ssau-homepage-service .ssau-iso__cta-button {
    margin-left: 0;
    width: auto;
  }
}
/* --- End Homepage Service -- */

/* Portfolio */
.ssau-homepage-portfolio {
  padding: 100px 20px 120px;
}

.ssau-homepage-portfolio .container {
  max-width: 1140px;
}

.ssau-homepage-portfolio-subheading {
  color: #05afaa;
  letter-spacing: 0.4px;
  margin-bottom: 10px;
  font-family: "Roboto", sans-serif;
  font-size: 14px;
  font-weight: 700;
}

.ssau-homepage-portfolio-title h2 {
  margin-bottom: 30px;
  margin-top: 0;
  font-size: 48px;
  font-weight: 700;
  color: #10405a;
}

.ssau-homepage-portfolio-title h2 span {
  position: relative;
}

.ssau-homepage-portfolio-title h2 span:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: calc(100% + 5px);
  height: 48%;
  background-color: #b3e7e6;
  mix-blend-mode: multiply;
}

.ssau-homepage-portfolio-item {
  position: relative;
}

.ssau-homepage-portfolio-description {
  width: 645px;
  background-color: #eef5f9;
  border-radius: 10px;
  padding: 60px 170px 60px 60px;
}

.ssau-homepage-portfolio-title {
  color: #10405a;
  letter-spacing: 0.2px;
  margin-bottom: 30px;
  font-family: "Roboto", sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.7;
}

.ssau-homepage-portfolio-text {
  color: #4a748b;
  letter-spacing: 0.4px;
  margin-bottom: 30px;
  font-family: Roboto, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.7;
}

.ssau-homepage-portfolio-button-wrap {
  z-index: 5;
  display: inline-block;
  position: relative;
}

.ssau-homepage-portfolio-button {
  color: #10405a;
  letter-spacing: 0.4px;
  align-items: center;
  padding: 6.75px 17.5px 6.75px 0;
  font-family: "Roboto", sans-serif;
  font-size: 14px;
  font-weight: 700;
  text-decoration: none;
  transition: color 0.2s linear, background-color 0.2s linear;
  display: flex;
}

.ssau-homepage-portfolio-button:hover {
  color: #4a748b;
}

.ssau-homepage-portfolio-button-text {
  margin-right: 20px;
  font-family: "Roboto", sans-serif;
  min-width: 80px;
}

.ssau-homepage-portfolio-button-icon {
  width: 28px;
  height: 28px;
  transition: transform 0.2s linear !important;
}

.ssau-homepage-portfolio-button:hover .ssau-homepage-portfolio-button-icon {
  transform: translateX(8px);
}

.ssau-homepage-portfolio-image {
  width: 530px;
  height: 400px;
  background-image: url("../../img/ssau-2023/homepage-portfolio/pattern.svg"),
    url("../../img/ssau-2023/homepage-portfolio/pattern.svg");
  background-position: 80px 45px, bottom 20px right 75px;
  background-repeat: no-repeat;
  background-color: #ffffff;
  border: 1px solid #cacdd5;
  border-radius: 10px;
  padding: 45px;
  position: absolute;
  top: -100px;
  right: 0;
}

.ssau-homepage-portfolio-image img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.ssau-homepage-portfolio .owl-stage-outer {
  overflow: visible;
  overflow-x: clip;
}

.ssau-homepage-portfolio .owl-nav {
  position: absolute;
  right: 469px;
  top: -34px;
}

.ssau-homepage-portfolio .owl-nav .owl-prev,
.ssau-homepage-portfolio .owl-nav .owl-next {
  width: 60px;
  height: 48px;
  margin: 0;
  background-color: #ffffff !important;
  border: 1px solid #cacdd5 !important;
}

.ssau-homepage-portfolio .owl-nav .owl-prev:hover,
.ssau-homepage-portfolio .owl-nav .owl-next:hover {
  background-color: #fafafa !important;
  color: inherit;
}

@media (max-width: 480px) {
  .ssau-homepage-portfolio-item {
    display: flex;
    flex-direction: column;
  }

  .ssau-homepage-portfolio-image {
    position: relative;
    width: 100%;
    height: 255px;
    order: 0;
    top: 0;
  }

  .ssau-homepage-portfolio-description {
    order: 1;
    width: calc(100% - 40px);
    margin: 0 auto;
    padding: 60px 20px 20px;
    border-radius: 0 0 10px 10px;
  }

  .ssau-homepage-portfolio .owl-nav {
    left: 0;
    right: 0;
    top: 244px;
    font-size: 24px;
  }

  .ssau-homepage-portfolio .owl-nav .owl-prev,
  .ssau-homepage-portfolio .owl-nav .owl-next {
    height: 40px;
  }

  .ssau-homepage-portfolio .owl-nav .owl-prev {
    border-radius: 0 0 0 8px;
  }

  .ssau-homepage-portfolio .owl-nav .owl-next {
    border-radius: 0 0 8px 0;
  }
}
/* End Portfolio */

/* --- Meet the Team --- */
.ssau-meet-team {
  background-color: #10405a;
  position: relative;
  overflow: hidden;
}

.ssau-meet-team-bg {
  z-index: 0;
  position: absolute;
  top: -350px;
  left: 50%;
  transform: translate(-60px);
}

.ssau-meet-team-pattern {
  mix-blend-mode: multiply;
  position: absolute;
  top: 0;
  right: 50%;
  transform: translate(450px);
  width: 112px;
}

.ssau-meet-team .container {
  max-width: 1140px;
  position: relative;
}

.ssau-meet-team-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
}

.ssau-meet-team-left {
  width: 35%;
  flex: none;
  color: #fff;
}

.ssau-meet-team-subheading {
  color: #05afaa;
  letter-spacing: 0.4px;
  margin-bottom: 32px;
  font-family: "Roboto", sans-serif;
  font-size: 14px;
  font-weight: 700;
}

.ssau-meet-team-left h2 {
  margin-bottom: 30px;
  margin-top: 0;
  font-size: 48px;
  font-weight: 700;
}

.ssau-meet-team-left h2 span {
  color: #7bc794;
}

.ssau-meet-team-left p {
  letter-spacing: 0.4px;
  font-family: var(--ssau-ff-roboto);
  font-size: 16px;
  font-weight: 400;
  line-height: 1.7;
}

.ssau-meet-team-right {
  width: 65%;
}

.ssau-meet-team-right img {
  max-width: 110%;
  height: auto;
  margin-bottom: -3px;
}

@media screen and (max-width: 479px) {
  .ssau-meet-team-left h2 {
    font-size: 36px;
  }

  .ssau-meet-team-bg {
    max-width: none;
    transform: translate(10px);
  }

  .ssau-meet-team-pattern {
    transform: translate(185px);
  }

  .ssau-meet-team-right {
    width: 100%;
    text-align: center;
    margin-left: -60px;
    margin-right: -60px;
    position: relative;
  }

  .ssau-meet-team-right {
    width: calc(100% + 160px);
  }

  .ssau-meet-team-right img {
    width: 100%;
    max-width: none;
    position: relative;
    bottom: 0;
    left: 0;
    right: 0;
  }
}

@media screen and (max-width: 767px) {
  .ssau-meet-team {
    padding-top: 60px;
  }

  .ssau-meet-team-row {
    padding-left: 20px;
    padding-right: 20px;
  }

  .ssau-meet-team-left {
    width: 100%;
    text-align: center;
  }
}
/* --- End Meet the Team --- */

/* --- Homepage Blog --- */
.ssau-homepage-blog-post {
  padding: 80px 0;
  background-color: #f4f9f9;
  overflow-x: hidden;
}

.ssau-homepage-blog-post .container {
  max-width: 1200px;
}

@media screen and (max-width: 1024px) {
  .ssau-homepage-blog-post .container {
    padding: 0 20px;
  }
}

.ssau-homepage-blog-title-container {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  margin-bottom: 42px;
}

.ssau-homepage-blog-subheading {
  color: #05afaa;
  letter-spacing: 0.4px;
  margin-bottom: 10px;
  font-family: "Roboto", sans-serif;
  font-size: 14px;
  font-weight: 700;
}

.ssau-homepage-blog-title-container h2 {
  font-size: 48px;
  font-weight: 700;
  line-height: 120%;
  color: #10405a;
  margin: 0;
}

.ssau-homepage-blog-title-container .ssau-iso__cta-button {
  margin: 0;
  width: unset;
}

.ssau-homepage-blog-row {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.ssau-homepage-blog-row .blog-card-item {
  width: 32%;
}

.blog-card-item {
  text-decoration: none;
}

.blog-card-image-container {
  max-width: 100%;
  background-color: #ffffff;
  border: 1px solid #cacdd5;
  border-radius: 20px;
  margin-bottom: 20px;
  padding: 20px;
  transition: border-color 0.4s;
  overflow: hidden;
  margin-bottom: 23px;
}

.blog-card-item:hover .blog-card-image-container {
  border-color: #4cc7c3;
}

.blog-card-image-container img {
  width: 100%;
  height: 220px;
  object-fit: cover;
  transition: transform 0.4s;
}

.blog-card-item:hover img {
  transform: scale(1.2);
}

.blog-card-item .blog-title {
  color: #10405a;
  font-family: var(--ssau-ff-roboto);
  font-size: 20px;
  font-weight: 700;
  line-height: 150%;
  margin: 0 0 10px 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: initial;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.blog-meta-row {
  display: flex;
  align-items: center;
}

.blog-meta-row p {
  margin: 0;
  text-transform: uppercase;
  font-family: var(--ssau-ff-roboto);
  font-size: 14px;
  font-weight: 700;
  line-height: 150%;
}

.blog-meta-row .meta-divider {
  margin: 0 10px;
  color: #969bab;
}

.blog-meta-row .meta-category {
  color: #7bc794;
}

.blog-meta-row .meta-date {
  color: #969bab;
}

.ssau-homepage-more-mobile {
  display: none;
  justify-content: flex-end;
}

@media screen and (max-width: 767px) {
  .ssau-homepage-blog-title-container .ssau-iso__cta-button {
    display: none;
  }

  .ssau-homepage-blog-post .container {
    padding-left: 20px;
    padding-right: 20px;
  }

  .ssau-homepage-blog-row .blog-card-item {
    width: 100%;
    margin-bottom: 50px;
  }

  .ssau-homepage-more-mobile {
    display: flex;
  }
}

/* --- End Homepage Blog --- */

/* --- Partnership --- */
.ssau-partnership {
  position: relative;
  background-color: #fff;
}

.ssau-partnership .ssau-iso__cta-button {
  margin-left: unset;
  width: unset;
}
.ssau-partnership-container {
  z-index: 10;
  padding-left: 20px;
  padding-right: 20px;
  position: relative;
  bottom: 0;
}

.ssau-partnership-botton {
  z-index: 1;
  height: 50%;
  background-color: #07324a;
  position: absolute;
  bottom: -2px;
  left: 0;
  right: 0;
}

.ssau-floating-contact-container {
  background: radial-gradient(
    100% 260.48% at 0% 100%,
    #16a29f 0%,
    #13b4a2 100%
  );
  box-shadow: 10px 10px 40px rgba(0, 0, 0, 0.05),
    -10px 0px 40px rgba(0, 0, 0, 0.05);
  border-radius: 30px;
  padding: 80px 45px;
  display: flex;
  position: relative;
  overflow: hidden;
  max-width: 1200px;
  margin: 0 auto;
}


.ssau-partnership-bg {
  z-index: 1;
  height: 100%;
  object-fit: contain;
  position: absolute;
  top: 0;
  left: 0;
}

.ssau-partnership-left,
.ssau-partnership-right {
  z-index: 5;
}

.ssau-partnership-left {
  max-width: 580px;
}

.ssau-partnership-right {
  align-self: center;
  margin-left: auto;
}

.ssau-partnership-title {
  background-image: url("../../img/ssau-2023/partnership/partnership-header-cracket-bottom.svg"),
    url("../../img/ssau-2023/partnership/partnership-header-cracket.svg");
  background-position: 100% 100%, 0 0;
  background-repeat: no-repeat, no-repeat;
  background-size: auto, auto;
  font-size: 38px;
  font-weight: 700;
  line-height: 150%;
  color: #ffffff;
  margin: 0;
  margin-bottom: 20px;
  font-family: 'Ubuntu';
  padding-top: 25px;
}

.ssau-partnership-text {
  padding-left: 25px;
  padding-right: 25px;
  color: #ffffff;
  margin:0;
  font-size: 16px;
  line-height: 21px;
  font-weight: 400;
  font-family: var(--ssau-ff-roboto);
}

@media screen and (max-width: 600px){
  .ssau-floating-contact-container{
    padding-left: 16px;
    padding-right: 16px;
    padding-top: 18px;
    padding-bottom: 25px;
    flex-wrap: wrap;
    width: auto;
  }
}


@media screen and (min-width: 768px){
  .ssau-floating-contact-container{
    padding-left: 16px;
    padding-right: 16px;
    padding-top: 18px;
    padding-bottom: 25px;
    flex-wrap: wrap;
    width: auto;
  }
 
  .ssau-partnership-title{
    padding-left: 25px;
    padding-top: 10px;
  }

  .ssau-floating-contact-container{
     padding-top: 50px;
     padding-bottom: 50px;
     padding-left: 45px;
     padding-right: 69px;
   }
}

@media screen and (min-width: 1040px){
  .ssau-floating-contact-container{
    padding-top: 78px;
    padding-bottom: 105px;
    padding-left: 45px;
    padding-right: 69px;
  }
}

@media screen and (max-width: 1025px) {

  .ssau-partnership-left {
    width: 100%;
    max-width: none;
    text-align: center;
  }

  .ssau-partnership-right {
    width: 100%;
    text-align: center;
  }
}

/* --- End Partnership --- */

/* --- Location --- */
.ssau-location {
  color: #10405a;
  background-color: #07324a;
  padding-top: 50px;
  padding-bottom: 60px;
  overflow-x: hidden;
}

.ssau-location .container {
  max-width: 1200px;
}

.ssau-location-office-image {
  object-fit: cover;
  margin-bottom: 55px;
  display: block;
}

.ssau-location-office-image-widescreen {
  height: 240px;
  object-fit: cover;
  margin-bottom: 55px;
  display: none;
}

.footer-img-location {
  margin-bottom: 73px;
}

.ssau-location-row {
  display: grid;
  grid-template-columns: repeat(4, 284px);
  place-content: center;
  gap: 20px;
}

.ssau-location-row > div > img {
  display: none;
}

@media screen and (max-width: 1300px) {
  .ssau-location-row {
    display: flex;
    justify-content: space-between;
    padding: 0 24px;
  }

  .ssau-location .container,
  .ssau-news-letter .container {
    max-width: 1050px !important;
  }
}

@media screen and (max-width: 1024px) {
  .ssau-location-row {
    display: grid;
    grid-template-columns: repeat(2, 40%);
    justify-content: center;
    row-gap: 40px;
  }

  .ssau-location-item {
    margin: 0 auto;
  }

  .ssau-location-row .ssau-location-center:nth-child(2) {
    order: 4;
  }
  .ssau-location-row .ssau-location-right {
    order: 3;
  }

  .ssau-location-row > div > div {
    justify-content: center;
    align-items: center;
  }
  .ssau-location-row > div > div h4,
  .ssau-location-row > div > div p {
    text-align: center;
  }
}

@media screen and (max-width: 600px) {
  .ssau-location-row {
    grid-template-columns: repeat(1, 100%);
    row-gap: unset;
  }

  .ssau-location-row .ssau-location-right {
    margin-bottom: 50px;
  }

  .ssau-location-row > div > img {
    display: block;
    height: 120px;
    width: 100%;
    object-fit: contain;
  }

  .ssau-location-item {
    margin-top: 16px;
  }

  .ssau-location > img {
    display: none;
  }

  .footer-img-location {
    margin-bottom: 0;
  }

  .ssau-location-item {
    align-items: center;
  }
  .ssau-location-item p,
  .ssau-location-item h4 {
    text-align: center;
  }

  .ssau-news-letter {
    padding: 25px 20px !important;
  }
}

.ssau-location-left,
.ssau-location-center,
.ssau-location-right {
  flex: none;
}

.ssau-location-item {
  max-width: 284px;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  height: 100%;
}

.ssau-location-title {
  margin: 0px 0px 15px 0px;
  padding: 0px;
  font-family: var(--ssau-ff-roboto);
  font-size: 20px;
  font-weight: 700;
  line-height: 30px;
  text-align: left;
  color: #ffffff;
}

.ssau-location-address,
.ssau-location-phone,
.ssau-location-address-mobile {
  color: #ffffff;
  font-family: var(--ssau-ff-roboto);
  text-decoration: none;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.7;
  margin-top: 0;
}

.ssau-location-address,
.ssau-location-address-mobile {
  margin-bottom: 20px;
  flex: 1;
}

.ssau-location-address-mobile {
  display: none;
}

.ssau-location-phone {
  margin: 0;
}

@media screen and (min-width: 1280px) {
  .ssau-location-office-image {
    display: none;
  }

  .ssau-location-office-image-widescreen {
    display: block;
  }
}

@media screen and (max-width: 767px) {
  .ssau-location-left,
  .ssau-location-center,
  .ssau-location-right {
    width: 100%;
    text-align: center;
  }

  .ssau-location-left,
  .ssau-location-center {
    margin-bottom: 50px;
  }

  .ssau-location-item {
    padding-left: 20px;
    padding-right: 20px;
    max-width: none;
    height: auto;
  }
}

@media screen and (max-width: 600px) {
  .ssau-location-address br {
    display: none;
  }

  .ssau-location-address-mobile {
    display: block;
  }

  .ssau-location-address {
    display: none;
  }
}

/* --- End Location --- */
/* --- News Letter --- */
.ssau-news-letter {
  padding-top: 50px;
  padding-bottom: 50px;
  border-top: 1px solid #264657;
  background-color: #07324a;
  overflow-x: hidden;
}

.ssau-news-letter .container {
  max-width: 1200px;
}

.ssau-news-letter .ssau-news-letter-left,
.ssau-news-letter .ssau-news-letter-left a {
  max-height: 26px;
}
.ssau-news-letter-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.ssau-news-letter-left {
  margin-right: 20px;
}

.ssau-news-letter-form-wrapper {
  display: flex;
  align-items: center;
}

.ssau-news-letter-form-wrapper label {
  display: inline-block;
  font-family: var(--ssau-ff-roboto);
  font-size: 20px;
  font-weight: 400;
  line-height: 30px;
  text-align: left;
  color: #fff;

  margin-right: 24px;
}

.ssau-news-letter .ssau-iso__cta-button {
  margin-top: 0;
}

.ssau-news-letter-form-wrapper .ssau-news-letter-field-wrapper {
  display: flex;
  align-items: center;
  background-color: #fff;
  border-radius: 50px;
  min-width: 416px;
  position: relative;
}

.ssau-news-letter-form-wrapper .ssau-news-letter-field-wrapper input {
  padding-top: 13px;
  padding-bottom: 13px;
  background-color: transparent;
  border: none;
  outline: none;
}

.ssau-news-letter-form-wrapper
  .ssau-news-letter-field-wrapper
  input#email-field {
  margin-left: 20px;
  font-family: var(--ssau-ff-roboto);
  font-size: 16px;
  font-weight: 400;
  letter-spacing: 0.02em;
}
.ssau-news-letter-form-wrapper
  .ssau-news-letter-field-wrapper
  input#subscribe-btn {
  background-color: #f4cd0c;
  padding-left: 30px;
  border-radius: 50px;
  font-family: var(--ssau-ff-roboto);
  font-size: 14px;
  font-weight: 500;
  line-height: 21px;
  letter-spacing: 0.02em;
  color: #10405a;
  text-transform: uppercase;
  padding-right: 77px;
  cursor: pointer;
  transition: all 0.3s ease-out;
  height: 100%;
}

.ssau-news-letter-field-wrapper form {
  width: 100%;
  height: 100%;
}
.ssau-news-letter-field-wrapper form > div {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 100%;
}

.ssau-news-letter-field-wrapper form > div.mc4wp-response {
  position: absolute;
  background-color: transparent;
  bottom: -47px;
  left: 20px;
  color: white;
  z-index: 2000;
}
.ssau-news-letter-field-wrapper form > div.mc4wp-response p {
  color: #ffffff;
  font-family: var(--ssau-ff-roboto);
  text-decoration: none;
  font-size: 16px;
  font-weight: 400;
  padding: 0;
  margin: 0;
}

.arrow-newsletter {
  position: absolute;
  background-color: transparent;
  right: 27px;
  cursor: pointer;
}

.ssau-news-letter-form-wrapper
  .ssau-news-letter-field-wrapper
  input::placeholder {
  color: #969bab;
  font-size: 16px;
}

.ssau-news-letter-form-wrapper .ssau-news-letter-field-wrapper button {
  cursor: pointer;
  margin-left: 0;
  min-width: 0;
  min-width: 171px;
}

@media screen and (max-width: 1024px) {
  .ssau-news-letter {
    padding: 40px;
  }
}

@media screen and (max-width: 991px) {
  .ssau-news-letter-row {
    flex-direction: column-reverse;
    gap: 30px;
  }

  .ssau-news-letter-left {
    margin-right: 0;
  }

  .ssau-news-letter-right {
    margin-bottom: 20px;
  }
}

@media screen and (max-width: 767px) {
  .ssau-news-letter .container {
    padding-left: 20px;
    padding-right: 20px;
  }

  .ssau-news-letter-right {
    width: 100%;
  }

  .ssau-news-letter-form-wrapper .ssau-news-letter-field-wrapper input {
    width: 100%;
  }

  .ssau-news-letter-form-wrapper label {
    margin-right: 0;
  }

  .ssau-news-letter-form-wrapper {
    flex-direction: column;
  }

  .ssau-news-letter-form-wrapper .ssau-news-letter-field-wrapper {
    width: 100%;
    height: 52px;
    position: relative;
  }

  .ssau-news-letter-form-wrapper .ssau-news-letter-field-wrapper button {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
  }

  .ssau-news-letter-form-wrapper .ssau-iso__cta-button {
    width: 170px;
  }

  .ssau-news-letter-form-wrapper label {
    margin-bottom: 10px;
  }
}

@media screen and (max-width: 479px) {
  .ssau-news-letter-form-wrapper .ssau-news-letter-field-wrapper {
    max-width: 100%;
    height: 52px;
    position: relative;
    min-width: 0;
  }

  .ssau-news-letter-form-wrapper label {
    margin-right: unset;
  }
}

/* --- End News Letter --- */
/* --- Footer --- */
.ssau-footer {
  color: #ffffff;
  background-color: #10405a;
  padding: 25px 40px;
  overflow-x: hidden;
}

.ssau-footer-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  max-width: 1200px;
  margin: 0 auto;
}

.ssau-footer-social-media {
  width: 100%;
  max-width: 210px;
  text-align: right;
  display: flex;
  justify-content: space-around;
  align-items: center;
  gap: 24px;
}
.ssau-footer-social-media a {
  display: flex;
  align-items: center;
}
.ssau-footer-social-media a img {
  height: 20px;
  object-fit: contain;
}

.ssau-footer-left p {
  font-size: 16px;
  font-weight: 400;
  margin: 0;
}

.ssau-footer-right {
  display: flex;
}

.ssau-footer-links {
  flex: 1 0 auto;
  margin-right: 28px;
}

.ssau-footer-links a {
  font-family: var(--ssau-ff-roboto);
  font-size: 16px;
  font-weight: 400;
  margin: 0 12px;
  color: #fff;
  display: inline-block;
}

@media screen and (max-width: 879px) {
  .ssau-footer-row {
    flex-direction: column;
  }

  .ssau-footer-left p {
    text-align: center;
    margin-bottom: 20px;
  }

  .ssau-footer-right {
    flex-direction: column;
    align-items: center;
  }

  .ssau-footer-links {
    margin: 0 0 20px;
  }

  .ssau-footer-social-media {
    width: auto;
  }
}

@media screen and (max-width: 767px) {
  .ssau-footer-row {
    flex-direction: column;
    align-items: center;
  }

  .ssau-footer-social-media {
    margin-left: 0;
  }
}

@media screen and (max-width: 600px) {
  .ssau-footer {
    padding: 25px 20px;
  }
}

/* --- End Footer --- */

/* --- Article Breadcrumb --- */
#ssau-insight-breadcrumb {
  width: 100%;
  height: 20px;
}

.ssau-breadcrumb-text {
  font-family: var(--ssau-ff-roboto);
  font-size: 14px;
  font-weight: 400;
  line-height: 16.8px;
  letter-spacing: 0.02em;
  text-decoration: none;
  color: #969bab;
}

.ssau-breadcrumb-text.separator {
  margin-left: 4px;
  margin-right: 4px;
}

.ssau-breadcrumb-bold {
  font-weight: 700;
  color: #10405a;
}

@media screen and (max-width: 600px) {
  .ssau-breadcrumb-truncate {
    display: block;
    white-space: nowrap;
  }

  #ssau-insight-breadcrumb {
    flex-wrap: wrap;
  }

  .ssau-ima__share-link-button img,
  .ssau-ima__share-block {
    margin-left: 10px !important;
  }
}

/* --- End Of Article Breadcrumb --- */

/* --- Main Article Section --- */
#ssau-insight-main-article {
  margin: 100px 10px 0;
  max-width: 800px;
  /* border: 1px solid blue; */
}

#ssau-insight-main-article .first-line-row {
  display: flex;
  flex-direction: column;
  gap: 30px;
}

#ssau-insight-main-article .first-line-row .ssau-breadcrumb-truncate {
  display: inline;
  white-space: wrap !important;
}

.ssau-ima__date-category {
  display: flex;
  align-items: center;
  font-size: 14px;
  line-height: 21px;
  font-weight: 700;
  text-transform: uppercase;
  color: #969bab;
  margin-top: 48px;
  flex-wrap: wrap;
}

.ssau-ima__date-category div {
  margin-right: 10px;
  font-family: "Roboto", sans-serif;
  letter-spacing: 1px;
}

.ssau-ima__meta-category.separator {
  margin-left: -4px;
  margin-right: 6px;
}

.ssau-ima__meta-category {
  color: #7bc794;
}

.ssau-ima__title {
  font-family: "Ubuntu", sans-serif;
  font-weight: 700;
  font-size: 36px;
  line-height: 1.2;
  color: #10405a;
}

.ssau-ima__author-share-container {
  color: #10405a;
  font-size: 14px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}

.share-link-container {
  text-align: right;
}

@media screen and (max-width: 600px) {
  .ssau-ima__date-category {
    margin-top: 70px;
  }
}

@media (max-width: 378px) {
  .ssau-ima__author-share-container {
    flex-direction: column;
  }

  .share-link-container {
    margin-top: 20px;
    text-align: left !important;
  }
  .ssau-ima__share-link-button {
    justify-content: flex-start !important;
  }

  .ssau-ima__share-link-button img {
    margin-right: 24px;
    margin-left: 0px !important;
  }

  .ssau-ima__share-link-button > div {
    margin-left: auto;
  }

  .ssau-ima__share-block {
    display: none !important;
  }
}

.ssau-ima__blog-author {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  border: 1px solid #ccc;
}

span.ssau-ima__author-name {
  width: 100%;
  margin-left: 10px;
  font-size: 20px;
}

.ssau-ima__share-link-button {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}

.ssau-ima__share-link-button img {
  width: 25px;
  height: 25px;
  margin-left: 24px;
}

.ssau-ima__share-block {
  width: 2px;
  height: 14px;
  background-color: #cacdd5;
  margin-left: 24px;
  display: inline-block;
}

.ssau-ima__after-link-copied {
  background-color: #10405a;
  color: #fff;
  letter-spacing: 0.4px;
  border-radius: 12px;
  padding: 10px;
  font-family: Roboto, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.7;
  display: none;
  position: absolute;
  top: 40px;
  right: 0;
}

.ssau-ima__image-content-wrapper {
  position: relative;
  padding-top: 56.25%;
  margin: 50px 0;
}

.ssau-ima__image-content-wrapper img {
  position: absolute;
  object-fit: cover;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}

.ssau-ima__blog-content p {
  font-family: "Roboto", sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 27px;
  color: #10405a;
}

.ssau-ima__blog-content a,
.ssau-ima__blog-content p span {
  font-family: "Roboto", sans-serif;
  color: #10405a;
}

.ssau-ima__blog-content h2 {
  font-weight: 700;
  font-size: 28px;
  line-height: 1.2;
  color: #10405a;
}

.ssau-ima__blog-content h3 {
  font-weight: 700;
  font-size: 24px;
  line-height: 1.2;
  color: #10405a;
}

.ssau-ima__blog-content h4 {
  font-weight: 700;
  font-size: 20px;
  line-height: 1.2;
  color: #10405a;
}

.ssau-ima__blog-content h5 {
  font-weight: 700;
  font-size: 16px;
  line-height: 1.2;
  color: #10405a;
}

.ssau-ima__blog-content h6 {
  font-family: "Roboto", sans-serif;
  font-weight: 700;
  font-size: 16px;
  line-height: 1.2;
  color: #10405a;
}

.ssau-ima__blog-content ul li,
.ssau-ima__blog-content ol li {
  font-family: "Roboto", sans-serif;
  font-size: 16px;
  line-height: 27px;
  color: #10405a;
}

.ssau-ima__blog-content blockquote {
  margin-left: 0;
}

.ssau-ima__blog-content blockquote p {
  font-family: "Roboto", sans-serif;
  font-size: 16px;
  line-height: 27px;
  padding: 1.5rem;
  background-color: #f5f5f7;
  border-left: 4px solid #00afaa;
  color: #10405a;
}

blockquote p:after,
blockquote p:before {
  color: #10405a;
  font-size: 22px;
}

blockquote p:after {
  content: close-quote;
}

blockquote p:before {
  content: open-quote;
}

.ssau-ima__bottom-dots {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 50px;
}

.ssau-ima__floating-share {
  display: none;
  position: fixed;
  top: 200px;
  right: 100px;
}

@media (max-width: 1024px) {
  .ssau-ima__floating-share {
    right: 2% !important;
  }
}

.ssau-ima__floating-share-vertical {
  flex-direction: column;
  align-items: center;
  display: flex;
  position: relative;
}

.ssau-ima__floating-share-title {
  margin-bottom: 25px;
  font-size: 14px;
  line-height: 21px;
  color: #10405a;
}

.ssau-ima__floating-single-btn {
  width: 25px;
  height: 25px;
  margin-bottom: 20px;
}

.ssau-ima__floating-separator-block {
  width: 30px;
  height: 2px;
  background-color: #cacdd5;
  margin-bottom: 18px;
  display: block;
}

.ssau-ima__floating-copy-container {
  border: 1px solid gray;
  border-radius: 50%;
  padding: 10px;
}

.ssau-ima__floating-copy-text {
  margin-bottom: 25px;
  font-size: 10px;
  line-height: 21px;
  color: #10405a;
  text-transform: uppercase;
}

.ssau-ima__link-copied-vertical {
  width: 180px;
  background-color: #10405a;
  color: #fff;
  text-align: center;
  letter-spacing: 0.4px;
  border-radius: 12px;
  padding: 10px;
  font-family: "Roboto", sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.7;
  display: none;
  position: absolute;
  bottom: 50px;
  right: 65px;
}

@media screen and (max-width: 479px) {
  .ssau-ima__blog-content h2 {
    font-size: 28px;
  }

  .ssau-ima__blog-content h3 {
    font-size: 20px;
  }

  .ssau-ima__blog-content h4 {
    font-size: 18px;
  }

  .ssau-ima__blog-content h5,
  .ssau-ima__blog-content h6 {
    font-size: 16px;
  }
}

@media screen and (min-width: 800px) {
  #ssau-insight-main-article {
    margin: 100px auto;
  }
}

/* --- End OF Main Article Section --- */

/* --- Related Articles --- */
#ssau-insight-rel-articles {
  padding: 3rem 10px;
}

.ssau-rel-articles__container {
  margin: 0 auto;
  max-width: 1140px;
  margin-bottom: 18px;
}

.ssau-rel-articles__title-and-more {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 24px;
}

.ssau-rel-articles__title-and-more .ssau-os__button {
  display: block;
}

h3.ssau-rel-article__title {
  color: #10405a;
  font-size: 36px;
  font-weight: 700;
  margin: 0;
  padding: 0;
}

.ssau-rel-articles__more-on-mobile {
  display: none;
}

@media screen and (max-width: 767px) {
  #ssau-insight-rel-articles {
    margin: 8px;
  }

  .ssau-rel-articles__title-and-more .ssau-os__button {
    display: none;
  }

  .ssau-rel-articles__more-on-mobile {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
  }
}

/*--- End of Related Articles ---*/

/* --- Insight Page */
#insight-page {
  position: relative;
  width: 100%;
  z-index: 5;
  background-color: #ffffff;
}


#insight-page .ssau-iso__cta-button{
  padding: 10px 24px;
}

#insight-page .ssau-iso__cta-button div{
  font-family: 'Roboto';
  font-size: 16px;
  font-weight: 500;
}

#insight-page .ssau-iso__cta-button,
#ssau-insight-rel-articles .ssau-os__button a {
  border-color: #00AFAA;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

#insight-page .ssau-iso__cta-button div,
#ssau-insight-rel-articles .ssau-os__button a div {
  color: #00AFAA;
}

#insight-page .ssau-iso__cta-button svg{
  margin-left: 0px;
  width: 30px;
  height: 30px;
}

#insight-page .ssau-iso__cta-button svg path,
#ssau-insight-rel-articles .ssau-os__button a svg path {
  fill: #00AFAA;
}

#insight-page .ssau-iso__cta-button:hover,
#ssau-insight-rel-articles .ssau-os__button a:hover {
  border-color: #7BC794;
  background: transparent;
}

#insight-page .ssau-iso__cta-button:hover div,
#ssau-insight-rel-articles .ssau-os__button a:hover div {
  color: #7BC794;
}

#insight-page .ssau-iso__cta-button:hover svg path,
#ssau-insight-rel-articles .ssau-os__button a:hover svg path {
  fill: #7BC794;
}

#ssau-insight-rel-articles .blog-meta-row .meta-category {
  color: #969bab;
}
.insight-page__container {
  width: 100%;
  padding: 0 20px;
  display: flex;
  justify-content: center;
}

.insight-page__container .page-section {
  max-width: 1140px;
  padding: 50px 0;
}

.insight-page__container .browse-by-topic {
  max-width: 1140px;
  padding: 50px 0;
}

.top-bg {
  position: absolute;
  top: -6px;
  left: -39.79px;
  z-index: -1;
}

.insight-hero__container {
  width: 100%;
  max-width: 1140px;
  height: 100%;
  padding: 94px 0 0;
  z-index: 5;
}

.insight-hero__wrapper {
  display: flex;
  flex-direction: row;
  gap: 20px;
  /* max-height: 734px; */
  margin-bottom: 40px;
}

.insight-hero {
  display: flex;
  width: 100%;
  height: 100%;
  flex-direction: column;
  gap: 20px;
  flex: 1.2;
}

.insight-hero header {
  text-align: center;
}

.insight-hero__title {
  color: #10405a;
  font-size: 36px;
  font-weight: 700;
  text-align: center;
}

.insight-hero__title a {
  color: #10405a;
  text-decoration: none;
}

.insight-hero__img-wrapper img {
  width: 100%;
  height: 100%;
  max-height: 560px;
  object-fit: contain;
}

@media (min-width: 600px){
  .insight-hero__img-wrapper {
    width: 676px;
    height: auto;
    object-fit: contain;
  }
}

.insight-list {
  display: flex;
  flex: 1;
  justify-content: center;
  align-items: center;
  gap: 8px;
}

.insight-list__title {
  color: #969bab;
  text-transform: uppercase;
  font-family: Roboto;
  font-size: 14px;
  font-weight: 700;
}

.insight-hero__title--desktop {
  display: none;
}
.insight__info--desktop {
  display: none !important;
}

.insight-card {
  display: flex;
  flex-direction: row;
  border-radius: 999px;
  justify-content: center;
  align-items: center;
  font-size: 14px;
  width: 20px;
  height: 20px;
  background-color: #E0EDF4;
}

.insight-card:nth-child(1){
  background-color: transparent;
  border: 1px solid #00AFAA;
}

.insight-card:nth-child(5){
  background-color: transparent;
  border: 1px solid #00AFAA;
}

.insight-card.active {
  width: 24px;
  height: 24px;
  background-color: #00AFAA;
}

.insight-card.active .insight-card__img-container {
  width: 120px;
  height: 120px;
  padding: 10px;
  border: 1px solid #00afaa;
  border-radius: 20px;
  box-shadow: 0px 0px 0px 2px #01afaa3b;
}

.insight-card .insight-card__img-container {
  width: 120px;
  height: 120px;
  padding: 10px;
  border: 1px solid #e0e1e6;
  border-radius: 20px;
}

.insight-card__img-container img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 10px;
}

.insight-card__detail-container {
  display: flex;
  justify-content: center;
  align-items: center;
}

.insight-card__detail-container > h2 {
  padding: 0;
  margin: 0;
}

.insight-card__title {
  font-family: "Roboto", sans-serif;
  color: #E0EDF4;
  font-size: 14px;
  font-weight: 700;
  text-decoration: none;
  display: flex;
  justify-content: center;
  align-items: center;
}

.article-card__info,
.insight__info {
  display: flex;
  flex-direction: row;
  gap: 10px;
  justify-content: flex-start;
}

.article-card__info span,
.insight__info span {
  color: #969bab;
  font-family: Roboto;
  font-size: 14px;
  font-weight: 700;
  text-transform: uppercase;
}

.page-section__header {
  display: flex;
  flex-direction: column;
  gap: 14px;
}

.page-section__category {
  color: #00afaa;
  font-family: var(--ssau-ff-roboto);
  font-size: 14px;
  font-weight: 700;
  line-height: 21px;
  letter-spacing: 0.11em;
  text-transform: uppercase;
}

.page-section__title {
  color: #10405a;
  font-family: Ubuntu;
  font-size: 36px;
  font-weight: 700;
  line-height: 43px;
  letter-spacing: 0em;
  text-align: left;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}

.page-section__title--page-number {
  font-family: Roboto;
  font-size: 16px;
  font-weight: 400;
  color: #969bab;
}

.grid-all-articles {
  display: grid;
  grid-template-columns: auto auto auto;
  row-gap: 42px;
  column-gap: 20px;
}
.popular-articles {
  display: flex;
  flex-direction: row;
  gap: 20px;
}

.article-card {
  flex-direction: column;
  flex-direction: row;
  gap: 20px;
}

.popular-articles.desktop{
  display: none;
}

.popular-articles.mobile{
  display: flex;
  flex-direction: row;
  align-items: center;
  flex-wrap: nowrap;
  overflow-y: hidden;
  overflow-y: scroll;
  max-height: 420px;
  width: 100%;
  margin-bottom: 32px;
}

.popular-articles.mobile .article-card{
  min-width: 100%;
}

@media (min-width: 600px) {
  .popular-articles.desktop{
    display: flex;
  }

  .popular-articles.mobile{
    display: none;
  }

}

.article-card h2 {
  padding: 0;
  margin: 0;
}

.article-card__img {
  padding: 20px;
  border: 1px solid #cacdd5;
  overflow: hidden;
}

.article-card__img img {
  border-radius: 10px;
}

.article-card__img:hover {
  border: 1px solid #00afaa;
  box-shadow: 0px 0px 0px 2px #01afaa3b;
}

.article-card a:nth-child(1) {
  border-radius: 20px;
}

.article-card img {
  width: 100%;
  height: 220px;
  object-fit: contain;
}

.article-card img:hover {
  transform: scale(1.5);
  transition: all 0.5s ease-out;
}

.browse-by-topic {
  width: 100%;
  padding: 50px 80px;
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.browse-by-topic__title {
  color: #10405a;
  font-family: Ubuntu;
  font-size: 36px;
  font-weight: 700;
  line-height: 43px;
  letter-spacing: 0em;
  text-align: left;
  padding: 0;
  margin: 0;
}

.browse-by-topic__items {
  display: flex;
  flex-direction: row;
  align-items: center;
  overflow-y: hidden;
  gap: 10px;
  flex-wrap: nowrap;
  max-height: 50px;
  padding: 40px 0px;
}


@media (min-width: 961px){
  .browse-by-topic__items{
    max-height: 50px;
    flex-wrap: nowrap;
    padding-bottom: 0px;
    padding: 40px 0px;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch; 
    scroll-behavior: smooth; 
  }

  .browse-by-topic__items::-webkit-scrollbar {
    width: 10px;
  }
}

.browse-by-topic__item {
  font-family: "Roboto", sans-serif;
  display: inline-block;
  padding: 14px 24px;
  color: #00AFAA;
  border-radius: 25px;
  border: 1px solid #00AFAA;
  white-space: nowrap;
  text-decoration: none;
}

.browse-by-topic__item:hover {
  background-color: transparent;
  border-color: #7BC794;
  color: #7BC794;
  cursor: pointer;
}

.browse-by-topic__item.active {
  background-color: transparent;
  border-color: #7BC794;
  color: #7BC794;
}

.breadcrumb {
  display: flex;
  flex-direction: row;
  gap: 10px;
}

.breadcrumb svg {
  align-items: center;
}

.pagination {
  display: flex;
  justify-content: center;
  gap: 10px;
  width: 100%;
  margin-top: 30px;
}

.pagination .prev.page-numbers,
.pagination .page-numbers,
.pagination .page-numbers.current,
.pagination .next.page-numbers {
  font-family: "Roboto", sans-serif;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 35px;
  width: 35px;
  border-radius: 5px;
  color: #10405a;
  padding: 6px;
  white-space: nowrap;
  font-size: 20px;
  font-weight: 700;
  line-height: 30px;
  text-decoration: none;
}

.pagination .prev.page-numbers,
.pagination .page-numbers,
.pagination .next.page-numbers {
  cursor: pointer;
}

.pagination .prev.page-numbers:hover,
.pagination .page-numbers:hover,
.pagination .next.page-numbers:hover {
  cursor: pointer;
  color: #00afaa;
}

.pagination .prev.page-numbers {
  width: 100px;
}

.pagination .next.page-numbers {
  width: 75px;
}

.pagination .page-numbers.current {
  color: #00afaa;
}

.pagination .prev.page-numbers,
.pagination .next.page-numbers {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}

h1.page-section__title--label,
.page-section__title h3 {
  padding: 0;
  margin: 0;
  color: #10405a;
  font-size: 36px;
  font-weight: 700;
  line-height: 43px;
  letter-spacing: 0em;
}

#insight-page .insight-page__pagination{
  display: flex;
  align-items: center;
}

#insight-page .insight-page__pagination .page-numbers{
  height: 50px;
  width: 50px;
}
#insight-page .insight-page__pagination .page-numbers{
  color: #B3CFDE;
}

#insight-page .insight-page__pagination .page-numbers.current{
  color: #00AFAA;
}

#insight-page .insight-page__pagination .prev.page-numbers svg,
#insight-page .insight-page__pagination .next.page-numbers svg
{
  height: 20px;
  width: 20px;
  padding: 3px;
  border-radius: 100%;
  border: 1px solid #00AFAA;
}

@media (max-width: 600px) {
  .insight-hero__container {
    padding: 56px 0 20px 0 !important;
  }

  .insight-hero {
    width: 100% !important;
  }

  .insight-list {
    width: 100% !important;
  }

  .insight-hero__wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column !important;
    max-height: 100%;
  }

  .page-section {
    padding: 30px 20px !important;
    gap: 20px !important;
  }

  .page-section__title {
    flex-direction: column !important;
    gap: 20px;
  }

  .ssau-iso__cta-button {
    width: 190px;
  }

  .browse-by-topic {
    width: 100%;
    padding: 50px 10px !important;
  }

  .browse-by-topic-page__section {
    padding: 0 20px !important;
    gap: 20px !important;
  }

  .browse-by-topic-page__container {
    gap: 20px !important;
  }
  .page-section__title {
    flex-direction: column !important;
  }
  .page-section__title--label {
    justify-content: flex-start !important;
  }

  .grid-all-articles {
    grid-template-columns: auto !important;
  }

  .insight__info--mobile {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
  }
}

@media (max-width: 768px) {
  .page-section {
    padding: 50px 20px;
  }

  .insight-page__container .page-section {
    padding: 50px 0 !important;
  }

  .insight-page__container .browse-by-topic {
    padding: 50px 0 !important;
  }
}

@media (max-width: 1024px) {
  .insight-hero__container {
    width: 100%;
    padding: 80px 0 0 0;
  }

  .page-section {
    padding: 50px 20px 0px 20px !important;
  }

  .insight-page__container .page-section {
    padding: 50px 0 !important;
  }

  .insight-page__container .browse-by-topic {
    padding: 50px 0 !important;
  }

  .insight-hero__wrapper {
    width: 100%;
    flex-direction: row;
    gap: 20px;
    overflow: hidden;
  }

  .insight-hero {
    width: 50%;
  }
  .insight-list {
    width: 48%;
  }

  .grid-all-articles {
    grid-template-columns: auto auto;
  }

  .ssau-iso__cta-button {
    width: 190px;
  }

  .browse-by-topic {
    width: 100%;
    padding: 50px 20px;
  }

  .browse-by-topic-page__section {
    padding: 0 20px;
    gap: 20px;
  }

  .browse-by-topic-page__container {
    gap: 20px;
  }

  .page-section__title--label {
    justify-content: flex-start;
  }
}

@media (min-width: 601px) {
  .insight-hero__wrapper {
    flex-direction: row-reverse;
    align-items: center;
    justify-self: space-between;
  }
  .insight-hero {
    flex-basis: 60%;
  }
  .insight-list__container {
    flex-basis: 40%;
  }
  .insight-list {
    justify-content: flex-start;
  }
  .insight-hero__title--mobile {
    display: none;
  }
  .insight-hero__title--desktop {
    display: block;
    text-align: left;
  }
  .insight__info--mobile {
    display: none;
  }
  .insight__info--desktop {
    display: flex !important;
    flex-direction: row;
    gap: 10px;
    justify-content: flex-start;
    margin-top: 23px;
    margin-bottom: 32px;
  }
}

/* --- End Insight Page */

/* --- Browse by Topic Page --- */
#browse-by-topic-page {
  position: relative;
  z-index: 5;
  background-color: #ffffff;
  padding: 100px 0;
}

.browse-by-topic-page__container {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 60px;
}

.browse-by-topic-page__section {
  width: 100%;
  max-width: 1140px;
  padding: 0 80px;
  display: flex;
  flex-direction: column;
  gap: 40px;
}

.browse-by-topic-page__empty {
  text-align: center;
}

.browse-by-topic-page__empty-image {
  margin-bottom: 40px;
}

.browse-by-topic-page__empty-title {
  font-family: "Ubuntu", sans-serif;
  font-size: 28px;
  font-weight: 700;
  line-height: 1.5;
  color: #969bab;
  margin-top: 0;
  margin-bottom: 12px;
}

.browse-by-topic-page__empty-text {
  font-family: "Roboto", sans-serif;
  font-size: 16px;
  color: #969bab;
  margin-top: 0;
  margin-bottom: 12px;
}

.top-bg {
  position: absolute;
  top: -6px;
  left: -39.79px;
  z-index: -1;
}

.article-card__info,
.browse-by-topic__info {
  display: flex;
  flex-direction: row;
  gap: 10px;
}

.article-card__info span,
.browse-by-topic__info span {
  color: #969bab;
  font-family: Roboto;
  font-size: 14px;
  font-weight: 700;
  text-transform: uppercase;
}

.article-card__info span:nth-child(1),
.browse-by-topic__info span:nth-child(1) {
  color: #969BAB;
}

.page-section {
  width: 100%;
  padding: 50px 80px;
  display: flex;
  flex-direction: column;
  gap: 42px;
}

.page-section__header {
  display: flex;
  flex-direction: column;
  gap: 14px;
}

.page-section__category {
  color: #00afaa;
  font-family: var(--ssau-ff-roboto);
  font-size: 14px;
  font-weight: 700;
  line-height: 21px;
  letter-spacing: 0.11em;
  text-transform: uppercase;
}

.page-section__title {
  color: #10405a;
  font-family: Ubuntu;
  font-size: 36px;
  font-weight: 700;
  line-height: 43px;
  letter-spacing: 0em;
  text-align: left;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}

.page-section__title--label {
  display: flex;
  gap: 16px;
  justify-content: center;
  align-items: center;
}

.page-section__title--page-number {
  font-family: Roboto;
  font-size: 16px;
  font-weight: 400;
  color: #969bab;
}

.grid-all-articles {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  row-gap: 42px;
  column-gap: 20px;
}

.article-card {
  display: flex;
  flex-direction: column;
  gap: 23px;
  overflow: hidden;
}

.article-card__img {
  padding: 20px;
  border: 1px solid #cacdd5;
  overflow: hidden;
}

.article-card__img img {
  border-radius: 10px;
}

.article-card__img:hover {
  border: 1px solid #00afaa;
  box-shadow: 0px 0px 0px 2px #01afaa3b;
}

.article-card a:nth-child(1) {
  border-radius: 20px;
}

.article-card img {
  width: 100%;
  height: 220px;
  object-fit: contain;
}

.article-card img:hover {
  transform: scale(1.5);
  transition: all 0.5s ease-out;
}

.article-card__title {
  padding: 0px;
  color: #10405a;
  text-transform: capitalize;
  font-family: var(--ssau-ff-roboto);
  font-size: 20px;
  font-weight: 700;
  line-height: 30px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  text-decoration: none;
}

a.article-link.article-card__title {
  border-radius: 0px;
  height: 60px;
  overflow: hidden;
  text-overflow: ellipsis;
}

#toggleCategory {
  background-color: transparent;
  cursor: pointer;
  border: none;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 10px;
  border-radius: 50%;
  width: 42px;
  height: 42px;
}

.expandable {
  min-height: 0;
}

.expandable__wrapper {
  display: grid;
  grid-template-rows: 0fr;
  overflow: hidden;
  transition: grid-template-rows 200ms;
}

.expandable__wrapper.show {
  grid-template-rows: 1fr;
}

.expandable__wrapper.hide {
  grid-template-rows: 0fr;
}

.breadcrumb {
  display: flex;
  flex-direction: row;
  gap: 10px;
}

.breadcrumb svg {
  align-items: center;
}

.breadcrumb a,
.breadcrumb span {
  font-family: "Roboto", sans-serif;
  display: flex;
  align-items: center;
  color: #969bab;
  text-decoration: none;
  font-weight: 400;
}

.breadcrumb a:last-child,
.breadcrumb span:last-child {
  color: #072e45;
  text-decoration: none;
  font-weight: 700;
}

/* End Browse by Topic Page */

/* --- Portfolio --- */
.ssau-breadcrumb {
  width: 100%;
  height: 20px;
  display: flex;
  align-items: center;
}

.ssau-breadcrumb > a {
  transition: all 300ms ease-out;
}

.ssau-breadcrumb > a:hover {
  color: #10405a;
}

.ssau-breadcrumb > a img {
  transition: all 300ms ease-out;
}
.ssau-breadcrumb > a:hover img {
  filter: brightness(0.5);
}

.ssau-portfolio-hero {
  background-image: url("https://assets-global.website-files.com/5d8a2887296e9177accb65bc/62df506a45e33d5e00c5c7a9_privacy-policy-hero-bg.png");
  background-repeat: no-repeat;
  background-position: bottom left;
  padding: 100px 20px 20px;
}

.ssau-portfolio-hero__container {
  max-width: 1140px;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
}

.ssau-portfolio-hero__container > *,
.ssau-portfolio-hero__container-mobile > *,
.ssau-portfolio-hero__container-single > * {
  width: 50%;
  color: #10405a;
}

.ssau-portfolio-hero__left {
  padding-right: 60px;
}

.ssau-portfolio-hero__heading {
  font-size: 48px;
  line-height: 57px;
  letter-spacing: -2px;
}

.ssau-portfolio-hero__heading-mobile {
  display: none;
}
.ssau-portfolio-hero__heading-mobile span {
  color: #00afaa;
  position: relative;
}
.ssau-portfolio-hero__heading-mobile span::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: calc(100% + 14px);
  height: 48%;
  background-color: #f4cd0c;
  mix-blend-mode: multiply;
}

.ssau-portfolio-hero__right {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  flex-direction: column;
}

.ssau-portfolio-clients__image-wrapper {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 478px;
  width: 100%;
  background-size: contain;
  background-repeat: no-repeat;
}

.ssau-portfolio-clients__image-wrapper .img-post {
  position: absolute;
  top: 6rem;
  height: 135px;
  width: 240px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.ssau-portfolio-clients__image {
  object-fit: contain;
  height: 100%;
}

.ssau-portfolio-hero__container-single {
  max-width: 1140px;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: center;
}

@media only screen and (min-width: 300px) and (max-width: 376px) {
  .img-post {
    top: 16% !important;
    height: 78px !important;
    width: 150px !important;
  }
}

@media only screen and (min-width: 376px) and (max-width: 600px) {
  .ssau-breadcrumb {
    margin-top: 0px;
  }
  /* .ssau-portfolio-clients__image-wrapper {
    background-position-y: -10px !important;
  } */

  .ssau-portfolio-hero__left {
    padding-right: 0px;
  }

  .ssau-portfolio-hero__right {
    height: 350px !important;
  }

  .ssau-portfolio-hero__container-mobile .ssau-portfolio-hero__right {
    height: 100% !important;
  }

  .img-post {
    top: 20% !important;
    height: 90px !important;
    width: 150px !important;
  }
}

@media only screen and (min-width: 600px) and (max-width: 668px) {
  .img-post {
    top: 7.5% !important;
    height: 90px !important;
    width: 150px !important;
  }
  .ssau-portfolio-hero__right {
    height: 300px;
  }
}
@media only screen and (min-width: 668px) and (max-width: 900px) {
  .img-post {
    top: 57px !important;
    height: 100px !important;
    width: 170px !important;
  }
  .ssau-portfolio-details {
    padding: 50px 20px 60px !important;
  }

  .ssau-portfolio-hero__right {
    height: 400px;
  }
}
@media only screen and (min-width: 900px) and (max-width: 1025px) {
  .img-post {
    top: 100px !important;
    max-height: 100px !important;
    width: 220px !important;
  }

  .ssau-portfolio-details {
    padding: 50px 20px 60px !important;
  }
}

.ssau-portfolio-hero__heading span {
  color: #00afaa;
  position: relative;
}

.ssau-portfolio-hero__heading span:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: calc(100% + 14px);
  height: 48%;
  background-color: #f4cd0c;
  mix-blend-mode: multiply;
}

.ssau-portfolio-hero__desc {
  font-family: "Roboto", sans-serif;
  letter-spacing: 0.4px;
  line-height: 27px;
}

.ssau-portfolio-hero__right .ssau-portfolio-hero__desc {
  display: none;
}

.ssau-portfolio-hero__desc p {
  font-family: "Roboto", sans-serif;
}

.ssau-portfolio-clients {
  padding: 0;
}

.ssau-portfolio-clients__container {
  max-width: 1140px;
  margin: 0 auto;
  padding: 0 20px;
}

@media (min-width: 1280px) {
  .ssau-portfolio-clients__container {
    padding: 0;
  }
}

.ssau-portfolio-clients__title {
  color: #00AFAA;
  letter-spacing: 0.4px;
  margin-bottom: 10px;
  font-family: "Roboto", sans-serif;
  font-size: 14px;
  font-weight: 700;
}

.ssau-homepage-brands-empowered__title {
  display: none;
}
.ssau-portfolio-clients__item img {
  height: 80px;
  filter: saturate(0%);
  object-fit: contain;
}

.ssau-portfolio-list {
  padding: 50px 20px 90px;
}

.ssau-portfolio-list__container {
  max-width: 1140px;
  margin: 0 auto;
}

.ssau-portfolio-list__tabs {
  display: flex;
  flex-wrap: wrap;
  text-align: center;
  justify-content: center;
  margin-bottom: 60px;
}

.ssau-portfolio__tab-button {
  font-family: Roboto, sans-serif;
  font-size: 16px;
  font-weight: 400;
  letter-spacing: 0.4px;
  color: #969bab;
  border: 1px solid #cacdd5;
  border-radius: 100px;
  margin-right: 25px;
  vertical-align: top;
  cursor: pointer;
  padding: 14px 30px;
  text-decoration: none;
  display: inline-block;
  background-color: #fff;
}

.ssau-portfolio__tab-button.active {
  color: #fff;
  background-color: #00afaa;
  border-color: #00afaa;
}

.ssau-portfolio__tab-button:last-child {
  margin-right: 0;
}

.ssau-portfolio-list__tab-item {
  display: none;
}

.ssau-portfolio-list__tab-item.active {
  display: block;
}

@media (max-width: 768px) {
  .ssau-portfolio-hero__heading span {
    color: #00afaa;
    position: relative;
  }

  .ssau-portfolio-hero__heading span:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: calc(100% + 14px);
    height: 48%;
    background-color: #f4cd0c;
    mix-blend-mode: multiply;
  }

  .ssau-portfolio-list__item-link {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 2rem;
  }

  .ssau-portfolio-list__item-technology,
  .ssau-portfolio-list__item-description {
    padding-right: 0px !important;
  }
  .ssau-portfolio-list__item-description {
    text-align: center;
  }

  .ssau-portfolio-list__item-technology {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }

  .ssau-portfolio-list__tech-items {
    width: 100%;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 1rem;
    align-items: center;
  }

  .ssau-portfolio-list__tech-item {
    margin-right: 0px !important;
  }

  .ssau-portfolio-list__item-image {
    align-self: center;
    max-height: 120px;
    padding-right: 0px !important;
  }

  .ssau-portfolio-list__item-commitment {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }
}

@media (max-width: 480px) {
  .ssau-portfolio-hero__right .ssau-portfolio-hero__desc {
    display: block;
  }
}

@media (max-width: 378px) {
  .ssau-portfolio-list__item-link {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 0.2rem;
  }
}
.ssau-portfolio-list__item {
  border: 1px solid #cacdd5;
  border-radius: 10px;
  margin-bottom: 30px;
  padding: 30px;
  transition: border-color 0.4s linear;
}

.ssau-portfolio-list__item:hover {
  border-width: 2px;
  border-color: #00afaa;
  padding: 29px;
}

.ssau-portfolio-list__item-link {
  display: flex;
  justify-content: space-between;
  text-decoration: none;
}

.ssau-portfolio-list__item-image {
  width: 300px;
  flex: 0 0 300px;
  padding-right: 20px;
}

.ssau-portfolio-list__item-description,
.ssau-portfolio-list__item-technology {
  flex: 1 0 25%;
  padding-right: 30px;
}

.ssau-portfolio-list__item-commitment {
  width: 170px;
  flex: 0 0 170px;
}

@media (max-width: 1024px) {
  .ssau-portfolio-list__item-image {
    flex: 0 0 200px;
    width: 200px;
    padding-right: 20px;
  }

  .ssau-portfolio-list__item-description {
    flex: 1 0 10%;
    padding-right: 20px;
  }

  .ssau-portfolio-list__item-technology {
    flex: 1;
    padding-right: 10px;
  }

  .ssau-portfolio-list__item-commitment {
    width: 300px;
    flex: 1;
  }
}
@media (max-width: 768px) {
  .ssau-portfolio-list__item-image {
    flex: 0 0 150px;
    width: 150px;
    padding-right: 20px;
  }

  .ssau-portfolio-list__item-image img {
    width: 100%;
    height: 100px;
    max-width: 150px;
    object-fit: cover;
  }

  .ssau-portfolio-list__item-description {
    flex: 1;
    padding-right: 10px;
  }

  .ssau-portfolio-list__item-technology {
    flex: 1;
    padding-right: 10px;
  }

  .ssau-portfolio-list__item-commitment {
    width: 300px;
    flex: 1;
  }
}

.ssau-portfolio-list__title {
  font-family: "Roboto", sans-serif;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: 1px;
  color: #969bab;
  margin-bottom: 10px;
}

.ssau-portfolio-list__desc {
  font-family: "Roboto", sans-serif;
  font-size: 16px;
  color: #10405a;
  letter-spacing: 0.4px;
  line-height: 27px;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.ssau-portfolio-list__item-image {
  text-align: center;
}

.ssau-portfolio-list__item-image img {
  width: 100%;
  height: 100px;
  max-width: 180px;
  object-fit: contain;
  transition: transform 0.4s;
}

.ssau-portfolio-list__item:hover .ssau-portfolio-list__item-image img {
  transform: scale(1.15);
}

.ssau-portfolio-list__tech-item {
  display: inline-block;
  width: 30px;
  height: 30px;
  margin-right: 15px;
}

.ssau-portfolio-list__tech-item img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.ssau-portfolio-list__tab-item a.page-numbers.disabled {
  pointer-events: none;
}

.ssau-portfolio-meta {
  padding: 95px 20px 30px;
}

.ssau-portfolio-meta__heading {
  font-family: "Roboto", sans-serif;
  font-size: 20px;
  font-weight: 700;
  border-radius: 12px 12px 0 0;
  padding: 20px;
  color: #fff;
  background-color: #10405a;
  height: 65px;
  position: absolute;
  top: -65px;
  width: 100%;
}

.ssau-portfolio-meta__items {
  padding: 24px;
  border: 1px solid #cacdd5;
  border-radius: 0 0 0 12px;
  background-color: #f5f5f7;
}

.ssau-portfolio-meta__item {
  margin-bottom: 24px;
}

.ssau-portfolio-meta__title {
  color: #969bab;
  letter-spacing: 0.4px;
  margin-bottom: 4px;
  font-family: "Roboto", sans-serif;
  font-size: 14px;
  font-weight: 700;
}

.ssau-portfolio-meta__desc {
  color: #10405a;
  letter-spacing: 0.4px;
  font-family: "Roboto", sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.7;
}

.ssau-portfolio-meta__desc a {
  font-family: "Roboto", sans-serif;
  color: #10405a;
  text-decoration: none;
}

.ssau-portfolio-meta__desc a:hover {
  text-decoration: underline;
}

.ssau-portfolio-details {
  padding: 140px 20px 60px;
}

.ssau-portfolio-details__container {
  display: flex;
  flex-wrap: wrap;
  max-width: 1140px;
  margin: 0 auto;
}

.ssau-portfolio-details__left {
  width: 360px;
  flex: 0 0 auto;
  position: relative;
}

.ssau-portfolio-details__right {
  flex: 1 0;
  padding: 24px;
  border: 1px solid #cacdd5;
  border-radius: 0 12px 12px 0;
}

.ssau-portfolio-details__subheading {
  color: #05afaa;
  letter-spacing: 0.4px;
  margin-bottom: 10px;
  font-family: "Roboto", sans-serif;
  font-size: 14px;
  font-weight: 700;
}

.ssau-portfolio-details__heading {
  color: #10405a;
  margin-top: 0;
  margin-bottom: 20px;
  font-family: "Ubuntu", sans-serif;
  font-size: 36px;
  font-weight: 700;
  line-height: 1.5;
}

.ssau-portfolio-details__desc {
  font-family: "Roboto", sans-serif;
  line-height: 27px;
  color: #10405a;
  margin-bottom: 60px;
}

.ssau-portfolio-details__desc p {
  font-family: "Roboto", sans-serif;
}

.ssau-portfolio-details__desc ul {
  list-style-type: none;
  list-style-image: url("../../icons/ssau-2023/list-check.svg");
}

.ssau-portfolio-details__desc li {
  font-family: "Roboto", sans-serif;
}

.ssau-portfolio-details__desc li::marker {
  vertical-align: middle;
}

.ssau-portfolio-responsibilities {
  padding: 50px 20px;
}

.ssau-portfolio-responsibilities__container {
  max-width: 1140px;
  margin: 0 auto;
}

.ssau-portfolio-responsibilities__subheading {
  color: #05afaa;
  letter-spacing: 0.4px;
  margin-bottom: 10px;
  font-family: "Roboto", sans-serif;
  font-size: 14px;
  font-weight: 700;
}

.ssau-portfolio-responsibilities__heading {
  color: #10405a;
  margin-top: 0;
  margin-bottom: 20px;
  font-family: "Ubuntu", sans-serif;
  font-size: 36px;
  font-weight: 700;
  line-height: 1.5;
}

.ssau-portfolio-responsibilities__items {
  margin-bottom: 60px;
}

.ssau-portfolio-responsibilities__item {
  border: 1px solid #cacdd5;
  border-radius: 100px;
  margin-bottom: 20px;
  margin-right: 15px;
  padding: 10px 25px;
  font-size: 16px;
  display: inline-block;
}

.ssau-portfolio-responsibilities__bullet {
  width: 10px;
  height: 10px;
  background-color: #10405a;
  border-radius: 50%;
  margin-right: 10px;
  display: inline-block;
}

.ssau-portfolio-responsibilities__text {
  display: inline-block;
  color: #10405a;
  letter-spacing: 0.4px;
  font-family: "Roboto", sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.7;
}

.ssau-portfolio-stacks {
  padding: 50px 20px;
}

.ssau-portfolio-stacks__container {
  max-width: 1140px;
  margin: 0 auto;
}

.ssau-portfolio-stacks__subheading {
  color: #05afaa;
  letter-spacing: 0.4px;
  margin-bottom: 10px;
  font-family: "Roboto", sans-serif;
  font-size: 14px;
  font-weight: 700;
}

.ssau-portfolio-stacks__heading {
  color: #10405a;
  margin-top: 0;
  margin-bottom: 20px;
  font-family: "Ubuntu", sans-serif;
  font-size: 36px;
  font-weight: 700;
  line-height: 1.5;
}

.ssau-portfolio-stacks__items {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
}

.ssau-portfolio-stacks__item {
  width: 120px;
  margin-bottom: 20px;
  text-align: center;
  border-radius: 20px;
  padding: 10px 20px;
}

.ssau-portfolio-stacks__image {
  margin-bottom: 20px;
  width: 60px;
}

.ssau-portfolio-stacks__text {
  color: #969bab;
  font-family: Roboto, sans-serif;
  font-size: 16px;
  font-weight: 700;
}

.ssau-portfolio-cta {
  background-color: #072e45;
  color: #fff;
}

.ssau-portfolio-cta__container {
  text-align: center;
  background-image: url("../../img/ssau-2023/portfolio-cta-bg-1.png"),
    url("../../img/ssau-2023/portfolio-cta-bg-2.png");
  background-position: 0 80%, 100% 20%;
  background-repeat: no-repeat, no-repeat;
  background-size: auto, auto;
  padding: 85px 20px;
  margin: 0 auto;
  max-width: 1140px;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.ssau-portfolio-cta__heading {
  font-family: "Ubuntu", sans-serif;
  font-size: 36px;
  font-weight: 700;
  margin-bottom: 20px;
  max-width: 600px;
}

.ssau-portfolio-cta__desc {
  font-family: "Roboto", sans-serif;
  font-size: 16px;
  line-height: 27px;
  max-width: 600px;
  margin-bottom: 60px;
}

.ssau-portfolio-cta__items {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  width: 100%;
  margin-bottom: 60px;
}

.ssau-portfolio-cta__item {
  width: 20%;
  flex: 0 0 auto;
}

.ssau-portfolio-cta__item.title {
  font-family: "Ubuntu", sans-serif;
  font-weight: 700;
  font-size: 24px;
  text-align: left;
}

.ssau-portfolio-cta__counter {
  font-family: "Ubuntu", sans-serif;
  font-size: 60px;
  font-weight: 700;
  line-height: 67px;
  margin-bottom: 10px;
}

.ssau-portfolio-cta__counter.recurring {
  color: #00afaa;
}

.ssau-portfolio-cta__counter.resource {
  color: #7bc794;
}

.ssau-portfolio-cta__counter.new-client {
  color: #e98057;
}

.ssau-portfolio-cta__counter.duration {
  color: #2d9cdb;
}

.ssau-portfolio-cta__caption {
  font-family: "Roboto", sans-serif;
  font-size: 20px;
}

.ssau-portfolio-cta__text {
  font-family: "Roboto", sans-serif;
  font-size: 16px;
  line-height: 27px;
  max-width: 600px;
  margin-bottom: 15px;
}

.ssau-portfolio-cta .ssau-iso__cta-button {
  margin: 0;
}

.ssau-portfolio-cta .ssau-button-text-icon {
  font-family: "Roboto", sans-serif;
}

.ssau-client-testimonial-subheading {
  color: #05afaa;
  letter-spacing: 0.4px;
  margin-bottom: 10px;
  font-family: "Roboto", sans-serif;
  font-size: 14px;
  font-weight: 700;
  text-align: center;
}

.ssau-client-testimonial-heading span {
  position: relative;
  white-space: nowrap;
}

.ssau-client-testimonial-heading span:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: calc(100% + 5px);
  height: 48%;
  background-color: #b3e7e6;
  mix-blend-mode: multiply;
}

.ssau-portfolio-testimonial {
  padding: 60px 20px;
  background-color: #f4f9f9;
}

.ssau-portfolio-testimonial__container {
  max-width: 1140px;
  margin: 0 auto;
}

.ssau-portfolio-testimonial .ssau-client-testimonial-heading {
  font-size: 36px;
}

.ssau-portfolio-testimonial .ssau-testimonial-callout {
  flex-direction: column;
}

.ssau-testimonial-image {
  margin-bottom: 20px;
}

.ssau-testimonial-image img {
  width: 100px;
  height: 25px;
  object-fit: contain;
}

.ssau-portfolio-adjacents {
  padding: 60px 20px;
}

.ssau-portfolio-adjacents__container {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  max-width: 1140px;
  margin: 0 auto;
}

.ssau-portfolio-adjacents__prev {
  width: 50%;
  flex: none;
  margin-right: auto;
}

.ssau-portfolio-adjacents__next {
  width: 50%;
  flex: none;
  margin-left: auto;
}

.ssau-portfolio-adjacents__caption {
  font-family: "Roboto", sans-serif;
  letter-spacing: 0.4px;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.7;
  color: #969bab;
  margin-bottom: 12px;
}

.ssau-portfolio-adjacents__prev .ssau-portfolio-adjacents__caption {
  text-align: left;
  padding-left: 15px;
}

.ssau-portfolio-adjacents__next .ssau-portfolio-adjacents__caption {
  text-align: right;
  padding-right: 15px;
}

.ssau-portfolio-adjacents__link {
  align-items: center;
  text-decoration: none;
  display: flex;
  color: #10405a;
}

.ssau-portfolio-adjacents__prev .ssau-portfolio-adjacents__link {
  justify-content: flex-start;
}

.ssau-portfolio-adjacents__next .ssau-portfolio-adjacents__link {
  justify-content: flex-end;
}

.ssau-portfolio-adjacents__title {
  font-size: 28px;
  font-weight: 700;
}

.ssau-portfolio-hero__container-mobile {
  display: none;
}
@media (max-width: 600px) {
  .owl-carousel .owl-stage-outer {
    margin-top: 2rem;
  }

  .ssau-portfolio-hero__left {
    padding-right: 0px;
    margin-bottom: 20px;
    width: 100%;
  }
  .ssau-portfolio-hero__right {
    width: 100%;
  }

  .ssau-portfolio-hero__container {
    display: none !important;
  }

  .ssau-portfolio-hero__heading-desktop {
    display: none !important;
  }
  .ssau-portfolio-hero__heading-mobile {
    display: block !important;
  }

  .ssau-portfolio-hero__container-mobile {
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: center;
    width: 100%;
  }

  .ssau-portfolio__tab-button {
    margin: 0 5px 10px;
  }

  .ssau-portfolio-list__item-description,
  .ssau-portfolio-list__item-technology,
  .ssau-portfolio-list__item-commitment {
    width: 100%;
    flex: 0 0 100%;
    margin-bottom: 30px;
    text-align: center;
    padding: 0;
  }

  .ssau-portfolio-list__item-description.__2025{
    margin-bottom: 0px;
  }

  .ssau-portfolio-details {
    padding: 40px 20px;
  }

  .ssau-portfolio-details__container > * {
    width: 100%;
  }

  .ssau-portfolio-details__left {
    order: 0;
    margin-bottom: 20px;
  }

  .ssau-portfolio-meta__heading {
    position: relative;
    top: 0;
  }

  .ssau-portfolio-meta__items {
    border-radius: 0 0 12px 12px;
  }

  .ssau-portfolio-details__right {
    border-radius: 12px;
  }

  .ssau-portfolio-cta__item {
    width: 50%;
    margin-bottom: 60px;
  }

  .ssau-portfolio-cta__item.title {
    width: 100%;
    text-align: center;
  }
}
@media only screen and (min-width: 660px) and (max-width: 668px) {
  .ssau-portfolio-hero__heading {
    font-size: 38px !important;
    line-height: 47px !important;
    letter-spacing: -2px !important;
  }

  .ssau-portfolio-hero__left {
    padding-right: 3px !important;
  }
}

@media only screen and (min-width: 668px) and (max-width: 932px) {
  .ssau-portfolio-hero__heading {
    font-size: 38px !important;
    line-height: 47px !important;
    letter-spacing: -2px !important;
  }

  .ssau-portfolio-hero__left {
    padding-right: 40px;
  }
}


/* --- End of Portfolio --- */

/* --- Tech Stack --- */
#tech-stack-page {
  position: relative;
  z-index: 5;
  background-color: #ffffff;
  display: flex;
  flex-direction: column;
  gap: 45px;
  padding-bottom: 165px;
}

.tech-stack-list{
  z-index: 10;
}

#tech-stack-page .tech-stack-page__container,
#tech-stack-page .tech-stack-page__container-header {
  width: 100%;
  display: flex;
  justify-content: center;
}

.tech-stack-top-row {
  width: 100%;
  max-width: 1440px;
  margin: 0 auto;
  display: flex;
  padding: 165px 150px 0 150px;
  position: relative;
  justify-content: flex-start;
  align-items: flex-start;
}

.tech-stack-top-row > img {
  z-index: 1;
}

/* #tech-stack-page .tech-stack-page__container.mobile {
  display: none;
} */

#tech-stack-page .top-bg {
  position: absolute;
  top: -6px;
  left: -39.79px;
  z-index: -1;
}

#tech-stack-page #ssau-breadcrumb {
  max-width: 1440px;
  margin: 0 auto;
  z-index: 3;
}

.tech-stack-page__container {
  z-index: 3;
}

.tech-stack-page__container-header {
  z-index: 3;
}

#tech-stack-page .tech-stack-grid {
  width: 100%;
  display: flex;
  justify-content: center;
  gap: 40px;
}

#tech-stack-page .tech-stack-content-wrapper {
  width: 551px;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  gap: 40px;
}

#tech-stack-page .tech-stack-page__main-title {
  color: #10405a;
  font-family: "Ubuntu", sans-serif;
  font-size: 48px;
  font-weight: 700;
  line-height: 58px;
  letter-spacing: -0.035em;
  margin-top: 0;
  margin-bottom: 20px;
}

#tech-stack-page .tech-stack-page__main-title > span {
  position: relative;
  color: #00afaa;
}
#tech-stack-page .tech-stack-page__main-title > span::after {
  content: "";
  position: absolute;
  bottom: -5px;
  left: 50%;
  transform: translateX(-50%);
  width: calc(100% + 5px);
  height: 30px;
  background-color: #fee879;
  mix-blend-mode: multiply;
}

#tech-stack-page .tech-stack-page__main-desc {
  max-width: 700px;
  color: #10405a;
  font-family: "Roboto", sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0.02em;
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
}

#tech-stack-page .tech-stack-top-row .heros-vector {
  top: 0 !important;
}

@media screen and (max-width: 1300px) {
  .tech-stack-top-row {
    padding: 165px 80px 0 80px;
  }

  #tech-stack-page .tech-stack-grid {
    padding: 0 80px;
  }
}

@media (max-width: 1224px) {
  .tech-stack-top-row {
    padding: 165px 40px 40px 40px;
  }
  #tech-stack-page .tech-stack-grid {
    width: 100%;
    gap: 40px;
  }

  #tech-stack-page .tech-stack-content-wrapper {
    width: 50%;
  }

  #tech-stack-page .tech-stack-card {
    width: 100%;
  }
}

@media (max-width: 1024px) {
  #tech-stack-page .tech-stack-grid {
    width: 100%;
    gap: 40px;
    padding: 40px;
  }

  #tech-stack-page .tech-stack-content-wrapper {
    width: 50%;
  }

  #tech-stack-page .tech-stack-card {
    width: 100%;
  }
}

@media (max-width: 768px) {
  #tech-stack-page .tech-stack-grid {
    gap: 20px;
  }

  #tech-stack-page .tech-stack-content-wrapper {
    gap: 20px;
  }

  #tech-stack-page .tech-card {
    flex: 0 0 calc(30% - 20px) !important;
  }

  #tech-stack-page .tech-stack-content-wrapper {
    justify-content: flex-start;
  }
}

@media (max-width: 480px) {
  #tech-stack-page .tech-stack-page__main-title {
    text-align: center;
  }
  #tech-stack-page .tech-stack-top-row .heros-vector {
    left: -106px;
  }
  .tech-stack-top-row {
    padding: 100px 0 0 0;
  }
  #tech-stack-page .tech-stack-grid,
  #tech-stack-page #ssau-breadcrumb {
    padding: unset;
  }
  #tech-stack-page {
    margin-bottom: 120px;
  }

  #tech-stack-page .tech-stack-page__container.mobile {
    display: flex;
  }

  #tech-stack-page .tech-stack-grid {
    flex-wrap: wrap;
  }

  #tech-stack-page .tech-stack-content-wrapper {
    width: 100%;
  }

  #tech-stack-page .tech-stack-card {
    padding: 20px !important;
  }
}

@media (max-width: 378px) {
  #tech-stack-page .tech-stack-grid {
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }

  #tech-stack-page .tech-stack-content-wrapper {
    width: 95%;
  }
}

#tech-stack-page .tech-stack-card {
  border: 1px solid #cacdd5;
  padding: 30px;
  border-radius: 10px;
  display: flex;
  flex-direction: column;
  gap: 40px;
  background-color: #fff;
}

#tech-stack-page .tech-stack-card__header {
  display: flex;
  flex-direction: column;
  gap: 24px;
}

#tech-stack-page .tech-stack-card__title {
  font-family: "Ubuntu", sans-serif;
  font-size: 24px;
  font-weight: 700;
  line-height: 36px;
  letter-spacing: -0.01em;
  text-align: center;
  color: #10405a;
  margin: 0;
  padding: 0;
}

#tech-stack-page .tech-stack-card__subtitle {
  font-family: "Roboto", sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 27px;
  letter-spacing: 0.02em;
  text-align: center;
  color: #10405a;
}

#tech-stack-page .tech-stack-card__desc {
  display: grid;
  grid-template-columns: 1fr 1fr;
  column-gap: 40px;
  row-gap: 40px;
}

#tech-stack-page .tech-card__wrapper {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

#tech-stack-page .tech-card {
  flex: 0 0 calc(20% - 20px);
  margin: 10px;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  width: 90px;
  height: 90px;
  border-radius: 8px;
  overflow: hidden;
}

@media (max-width: 640px) {
  #tech-stack-page {
    padding: 0 20px;
  }
}

#tech-stack-page .tech-card:hover {
  background-color: #f4f9f9;
}

#tech-stack-page .tech-card:hover .tech-card__name {
  animation: bottom-to-top 500ms;
  animation-timing-function: linear;
  animation-fill-mode: forwards;
  animation-iteration-count: 1;
}

@keyframes bottom-to-top {
  0% {
    transform: translateY(0);
  }
  100% {
    transform: translateY(-35px);
  }
}

#tech-stack-page .tech-card__img {
  width: 32px;
  height: 32px;
  transform: translateY(-10px);
}

#tech-stack-page .tech-card__name {
  position: absolute;
  top: 95px;
  color: #07324a;
  font-family: "Ubuntu", sans-serif;
  font-size: 11px;
  font-weight: 400;
  line-height: 11px;
  letter-spacing: -0.01em;
  text-align: center;
}

/* End of Tech Stack */

/* Privacy Policy */
.privacy-policy {
  padding: 275px 20px 100px;
  background-image: url("../../img/ssau-2023/top-bg.png");
  background-repeat: no-repeat;
  background-position: top left;
}

.privacy-policy .container {
  width: 100%;
  max-width: 800px;
  margin: 0 auto;
}

.privacy-policy #ssau-breadcrumb {
  margin-bottom: 24px;
}

.privacy-policy .page-title {
  font-family: "Ubuntu", sans-serif;
  font-size: 48px;
  font-weight: 700;
  line-height: 58px;
  letter-spacing: -0.035em;
  color: #10405a;
  margin: 0 0 24px;
}

.privacy-policy .page-content,
.privacy-policy .page-content p {
  font-family: "Roboto", sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 27px;
  letter-spacing: 0.02em;
  color: #10405a;
}

.privacy-policy .page-content p {
  margin: 0 0 24px;
}

.privacy-policy .page-content a,
.privacy-policy .page-content p span {
  font-family: "Roboto", sans-serif;
  color: #10405a;
}

.privacy-policy .page-content h2 {
  font-weight: 700;
  font-size: 28px;
  line-height: 1.2;
  color: #10405a;
  margin: 50px 0 24px;
}

.privacy-policy .page-content h3 {
  font-weight: 700;
  font-size: 24px;
  line-height: 1.2;
  color: #10405a;
  margin: 50px 0 24px;
}

.privacy-policy .page-content h4 {
  font-weight: 700;
  font-size: 20px;
  line-height: 1.2;
  color: #10405a;
  margin: 50px 0 24px;
}

.privacy-policy .page-content h5 {
  font-weight: 700;
  font-size: 16px;
  line-height: 1.2;
  color: #10405a;
  margin: 50px 0 24px;
}

.privacy-policy .page-content h6 {
  font-family: "Roboto", sans-serif;
  font-weight: 700;
  font-size: 16px;
  line-height: 1.2;
  color: #10405a;
  margin: 50px 0 24px;
}

.privacy-policy .page-content ul {
  margin: 0 0 24px;
  padding-inline-start: 28px;
  list-style-type: disc;
}

.privacy-policy .page-content ul li,
.privacy-policy .page-content ol li {
  font-family: "Roboto", sans-serif;
  font-size: 16px;
  line-height: 27px;
  color: #10405a;
}

.privacy-policy .page-content blockquote {
  margin-left: 0;
}

.privacy-policy .page-content blockquote p {
  font-family: "Roboto", sans-serif;
  font-size: 16px;
  line-height: 27px;
  padding: 1.5rem;
  background-color: #f5f5f7;
  border-left: 4px solid #00afaa;
  color: #10405a;
}
@media (min-width: 1300px) {
  .privacy-policy {
    padding: 275px 20px 100px !important;
  }
}

.privacy-policy {
  padding: 87.5px 30px 90px;
}
@media screen and (max-width: 1024px) {
  .privacy-policy .container {
    width: 100%;
    max-width: 800px !important;
    margin: 0 auto;
  }
}

@media screen and (max-width: 479px) {
  .privacy-policy .page-content h2 {
    font-size: 28px;
  }

  .privacy-policy .page-content h3 {
    font-size: 20px;
  }

  .privacy-policy .page-content h4 {
    font-size: 18px;
  }

  .privacy-policy .page-content h5,
  .privacy-policy .page-content h6 {
    font-size: 16px;
  }
  .privacy-policy .container {
    max-width: 400px !important;
  }
}

/* End of Privacy Policy */

/* Contact Us */
.contact-us {
  margin-top: 100px;
  padding-left: 20px;
  padding-right: 20px;
}

.page-template-template-contact-us-2023 .ssau-breadcrumb {
  margin-bottom: 24px;
}
.contact-us .container {
  max-width: 1140px;
}

.contact-us .breadcrumb {
  margin-bottom: 20px;
}

.contact-us .hero {
  padding-top: 40px;
  padding-bottom: 90px;
}

.contact-us .hero h1 {
  font-family: "Ubuntu", sans-serif;
  font-size: 48px;
  text-align: center;
  color: #072e45;
  margin-top: 0;
  margin-bottom: 24px;
}

.contact-us .hero h1 span {
  position: relative;
  color: #00afaa;
}

.contact-us .hero h1 span:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: calc(100% + 5px);
  height: 48%;
  background-color: #fee879;
  mix-blend-mode: multiply;
}

.contact-us .hero .description {
  font-family: var(--ssau-ff-roboto);
  font-size: 16px;
  font-weight: 400;
  line-height: 27px;
  letter-spacing: 0.02em;
  text-align: center;
  max-width: 725px;
  margin-left: auto;
  margin-right: auto;
  color: #10405a;
}

.contact-us .main {
  margin-bottom: 170px;
}

.contact-us .row {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
}

.contact-us .col-half {
  width: 50%;
}

.contact-us .main-left {
  width: calc(100% + 15px);
  height: 100%;
  background-color: #07324a;
  background-image: url("../../img/ssau-2023/contact-left-pattern.svg");
  background-repeat: no-repeat;
  background-position: 16px 136px;
  border-radius: 10px;
  padding: 40px 55px 40px 30px;
}

.contact-us .main-right {
  width: calc(100% + 15px);
}

.contact-us .main-subheading {
  color: #00afaa;
  letter-spacing: 0.4px;
  margin-bottom: 10px;
  font-family: "Roboto", sans-serif;
  font-size: 14px;
  font-weight: 700;
  text-align: center;
}

.contact-us .main-heading {
  color: #10405a;
  font-family: "Ubuntu", sans-serif;
  font-size: 36px;
  font-weight: 700;
  letter-spacing: -0.02em;
  text-align: center;
  margin-top: 0;
  margin-bottom: 60px;
}

.contact-us .main-left .main-heading {
  color: #fff;
}

.contact-us .main-address {
  background-color: #10405a;
  border-radius: 16px;
  margin-bottom: 24px;
  padding: 16px;
}

.contact-us .main-address.sydney {
  background-image: url("../../img/ssau-2023/contact-sydney-bg.png");
  background-position: center left;
  background-repeat: no-repeat;
  background-size: contain;
}

.contact-us .main-address.jakarta {
  background-image: url("../../img/ssau-2023/contact-jakarta-bg.png");
  background-position: center right;
  background-repeat: no-repeat;
  background-size: contain;
}

.contact-us .main-address.yogyakarta {
  background-image: url("../../img/ssau-2023/contact-yogyakarta-bg.png");
  background-position: center right;
  background-repeat: no-repeat;
  background-size: contain;
}
.contact-us .main-address.bandung {
  background-image: url("../../img/ssau-2023/contact-bandung-bg.png");
  background-position: center left;
  background-repeat: no-repeat;
  background-size: contain;
}

.contact-us .sydney .address-wrap {
  max-width: 195px;
  margin-left: auto;
}

.contact-us .jakarta .address-wrap {
  max-width: 260px;
}

.contact-us .yogyakarta .address-wrap {
  max-width: 245px;
  margin-right: auto;
}
.contact-us .bandung .address-wrap {
  max-width: 245px;
  margin-left: auto;
}

.contact-us .address-title {
  font-family: "Ubuntu", sans-serif;
  font-size: 24px;
  font-weight: 700;
  line-height: 26px;
  letter-spacing: 0;
  text-align: center;
  color: #00afaa;
  margin-bottom: 12px;
}

.contact-us .address-title span {
  font-weight: 700;
}

.contact-us .address-text {
  font-family: var(--ssau-ff-roboto);
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
  letter-spacing: 0.02em;
  text-align: center;
  color: #fff;
  margin-bottom: 12px;
}

.contact-us .main-right {
  padding: 40px;
  border-radius: 10px;
  background-color: #f4f9f9;
  box-shadow: 0 8px 30px 0 #0000001a;
}

.contact-us .main-right .main-heading {
  margin-bottom: 40px;
}

.contact-us .form-label,
.contact-us .gfield_label {
  display: block;
  font-family: "Roboto", sans-serif;
  font-size: 16px;
  font-weight: 700;
  margin-bottom: 16px;
  color: #10405a;
}

.contact-us .form-row {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 20px;
}

.contact-us .form-half {
  width: 50%;
  flex: 0 0 1;
}

.contact-us .form-half:first-child {
  padding-right: 12px;
}

.contact-us .form-half:last-child {
  padding-left: 12px;
}

.contact-us .gform_body {
  width: 100%;
}

.contact-us .gfield {
  padding-right: 0 !important;
}

.contact-us .form-label .required,
.contact-us .gfield_label .gfield_required {
  font-family: "Roboto", sans-serif;
  color: #e35050;
}

.contact-us .ginput_container {
  margin-top: 0 !important;
}

.contact-us .form-input,
.contact-us .ginput_container input,
.contact-us .ginput_container textarea {
  display: block;
  font-family: "Roboto", sans-serif !important;
  font-size: 16px !important;
  border: 1px solid #b5b8ba;
  border-radius: 10px;
  background-color: #fff;
  padding: 18px 14px !important;
  line-height: 1 !important;
  width: 100%;
}

.contact-us .ginput_container input.swe_gf_phone_with_country_code {
  padding-left: 42px !important;
  height: auto;
}

.contact-us .ginput_container .flag-dropdown {
  top: 13px;
}

.contact-us .form-input::placeholder {
  color: #b5b8ba;
}

.contact-us .form-button,
.contact-us .gform_button {
  font-family: "Roboto", sans-serif;
  font-size: 14px;
  font-weight: 700;
  color: #10405a;
  border-radius: 50px;
  padding: 12px 22px;
  background-color: #f4cd0c;
  border: none;
  text-transform: uppercase;
  transition: all 300ms ease-out;
}

.gform_heading .gform_required_legend {
  display: none;
}

.contact-us .gform_footer input[type="submit"] {
  cursor: pointer;
  font-family: var(--ssau-ff-roboto);
  font-size: 14px;
  font-weight: 700;
  line-height: 21px;
  letter-spacing: 0.02em;
  color: #10405a;
}

.contact-us .gform_footer input[type="submit"]:hover {
  background-color: #c7a80e;
}

.address-text_mobile {
  display: none;
  font-family: var(--ssau-ff-roboto);
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
  letter-spacing: 0.02em;
  text-align: center;
  color: #fff;
  margin-bottom: 12px;
}

.gform_wrapper.gravity-theme .gform_footer {
  margin: 20px 0 0 0 !important;
  padding: 0 !important;
}

.gform_wrapper.gravity-theme .gfield_label {
  font-family: var(--ssau-ff-roboto) !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  line-height: 24px !important;
  color: #072e45 !important;
}

.page-template-template-contact-us-2023 .ssau-old-nav .container {
  padding: 30px 120px;
}
.page-template-template-contact-us-2023 .ssau-old-nav .ssau-old-nav-right {
  flex-grow: unset;
}

@media screen and (max-width: 1310px) {
  .page-template-template-contact-us-2023 .ssau-old-nav .container {
    padding: 15px 40px;
  }

  .contact-us {
    margin-top: 72px;
  }
}

@media screen and (max-width: 1024px) {
  .contact-us .main-right,
  .contact-us .col-half:first-child {
    width: 100%;
    padding: 40px 50px;
  }

  .contact-us .main {
    margin-bottom: 85px;
  }

  .contact-us .main-right {
    transform: translate(0, 0);
  }

  .contact-us .col-half {
    width: 100%;
  }

  .contact-us .col-half:first-child {
    order: 1;
  }

  .contact-us .col-half:nth-child(2) {
    order: 0;
  }

  .main-address .address-wrap {
    max-width: 200px;
  }

  .address-text_mobile {
    display: block;
    margin: 0 auto;
    text-align: left;
  }
  .main-address.jakarta .address-text_mobile {
    display: block;
  }

  .contact-us .main-address.sydney .address-wrap,
  .contact-us .main-address.bandung .address-wrap {
    margin-left: auto;
    min-height: 126px;
    display: flex;
    flex-direction: column;
    justify-content: center;
  }

  .address-text {
    display: none;
  }

  .contact-us .row {
    padding: 0 60px;
  }

  .contact-us .main-address {
    padding: 25px 40px;
  }

  .main-address.sydney .address-title,
  .main-address.bandung .address-title {
    text-align: right;
  }
  .main-address.sydney .address-text_mobile,
  .main-address.bandung .address-text_mobile {
    text-align: right;
  }
  .main-address.jakarta .address-title,
  .main-address.yogyakarta .address-title {
    text-align: left;
  }

  .contact-us .main-left {
    width: 100%;
    padding: 40px 50px;
  }

  .contact-us .col-half:first-child {
    padding: unset;
  }
}

@media screen and (max-width: 900px) {
  .contact-us {
    margin-top: 72px;
  }
}

@media (max-width: 768px) {
  .contact-us .gform_footer input[type="submit"] {
    width: auto !important;
    line-height: 1 !important;
  }

  .contact-us .main-address {
    background-size: 192px 125px !important;
  }

  .contact-us .main-address.sydney,
  .contact-us .main-address.bandung {
    background-position: left center;
  }
  .contact-us .main-address.jakarta,
  .contact-us .main-address.yogyakarta {
    background-position: right center;
  }
}

@media (max-width: 1024px) {
  .contact-us .hero .container .breadcrumb {
    margin-left: 0px;
  }
  .contact-us .main-address {
    background-size: 258px 160px !important;
  }

  .contact-us .main-address.sydney {
    background-position: left top;
  }

  .contact-us .main-address.yogyakarta {
    background-position: right top;
  }

  .contact-us .main-address.jakarta {
    background-position: right top;
  }

  .contact-us .address-wrap {
    max-width: 200px !important;
  }

  .contact-us .row {
    padding: 0;
  }
}

@media screen and (max-width: 600px) {
  .contact-us .main-right {
    padding: 20px 0;
  }

  .contact-us .main-left {
    padding: 60px 20px 20px 20px;
  }

  .contact-us .main-address {
    padding: 20px;
  }

  .contact-us .main-address {
    background-size: 135px 100px !important;
  }
  .contact-us .main-address.sydney,
  .contact-us .main-address.bandung {
    background-position: left center;
  }
  .contact-us .main-address.yogyakarta,
  .contact-us .main-address.jakarta {
    background-position: right center;
  }

  .contact-us .address-wrap {
    max-width: 173px !important;
    min-height: 148px !important;
    display: flex;
    flex-direction: column;
    justify-content: center;
  }

  .contact-us .main {
    margin-bottom: 80px;
  }

  .contact-us .main-right .main-heading {
    padding: 0 40px;
  }
}

@media screen and (max-width: 380px) {
  .contact-us .address-wrap {
    max-width: 160px !important;
    min-height: 210px !important;
  }

  .address-text_mobile {
    min-height: 110px;
  }

  .contact-us .main-right .main-heading {
    padding: 0 20px !important;
  }
}

body.page-template-template-contact-submitted-2023 {
  position: relative;
  min-height: 100vh;
}

body.page-template-template-contact-submitted-2023 .ssau-footer {
  position: absolute;
  width: 100%;
  bottom: 0;
  left: 0;
}

.contact-submitted {
  padding: 0 20px;
}

.contact-submitted .main {
  min-height: 100vh;
  padding: 100px 0 160px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.contact-submitted .main-content {
  max-width: 600px;
  margin: 0 auto;
}

.contact-submitted .main-image {
  text-align: center;
  margin-bottom: 42px;
}

.contact-submitted .main-title {
  font-family: "Ubuntu", sans-serif;
  font-size: 36px;
  font-weight: 700;
  line-height: 43px;
  letter-spacing: -0.02em;
  text-align: center;
  color: #10405a;
  margin: 0 0 20px 0;
}

.contact-submitted .main-desc {
  font-family: "Roboto", sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 170%;
  letter-spacing: 0;
  text-align: center;
  color: #10405a;
  margin-bottom: 42px;
}

.contact-submitted .main-button-wrap {
  text-align: center;
}

.contact-submitted .main-button {
  font-family: "Roboto", sans-serif;
  font-size: 16px;
  font-weight: 500;
  border-radius: 43px;
  padding: 10px 30px;
  background-color: #f4cd0c;
  border: none;
  color: #10405a;
  text-transform: uppercase;
  text-decoration: none;
  display: inline-block;
  transition: background-color 0.3s;
}

.contact-submitted .main-button:hover {
  background-color: #c7a80e;
}

/* Leadership 2023 */
.leadership-wrapper {
  max-width: 1440px;
  margin: 0px auto 124px auto;
  position: relative;
  background-color: transparent;
}

.breadcrumb {
  align-self: flex-start;
}

.leadership-headers {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  margin: 0 auto 0px auto;
  max-width: 1067px;
  padding-top: 110px;
  z-index: 2;
  position: relative;
}

.leadership-vector-top {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}

.leadership-headers p {
  max-width: 724px;
}

.leadership-desc {
  margin-top: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}

.leadership-desc h1 {
  font-size: 48px;
  font-weight: 700;
  line-height: 58px;
  letter-spacing: -0.035em;
  text-align: center;
  color: #10405a;
  margin: 0;
}

.leadership-desc p {
  color: #10405a;
  margin-top: 40px;
  font-family: var(--ssau-ff-roboto);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0.02em;
  text-align: center;
}
.leadership-desc h1 span {
  position: relative;
  color: #00afaa;
}
.leadership-desc h1 span::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: -5px;
  width: calc(100% + 10px);
  height: 25px;
  background-color: #f7dc55;
  mix-blend-mode: multiply;
}

.leadership-content-wrapper {
  position: relative;
}

.directors-vector {
  position: absolute;
  top: 0;
}

.leadership-content-wrapper:first-child h3 {
  margin: 200px 0px 89px 0px !important;
}

.leadership-content-wrapper h2 {
  font-size: 36px;
  font-weight: 700;
  line-height: 120%;
  letter-spacing: -0.035em;
  text-align: center;
  color: #10405a;
  font-family: 'Ubuntu';
  margin: 0;
}
.leadership-content-wrapper h2 span {
  position: relative;
}
.leadership-content-wrapper h2 span::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: -5px;
  width: calc(100% + 10px);
  height: 25px;
  background-color: #b3e7e6;
  mix-blend-mode: multiply;
}

.leadership-row-desc {
  margin: 40px auto 89px auto;
  max-width: 700px;
  color: #10405a;
  font-family: var(--ssau-ff-roboto);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0.02em;
  text-align: center;
}

.leadership-images {
  width: 100% !important;
  opacity: 1 !important;
}
.leadership-info {
  margin-top: 16px;
  display: flex;
  flex-direction: column;
}
.leadership-name {
  font-family: var(--ssau-ff-roboto);
  font-size: 20px;
  font-weight: 700;
  line-height: 30px;
  letter-spacing: 0em;

  color: #10405a;
  margin: 0;
  padding: 0;
}

.leadership-role {
  font-family: var(--ssau-ff-roboto);
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
  letter-spacing: 0.02em;

  color: #969bab;
  padding: 0;
  margin: 0;
}
.directors-rows {
  display: flex;
  gap: 30px;
  justify-content: center;
  align-items: flex-start;
  margin-top: 100px;
}

.management-rows {
  display: flex;
  gap: 30px;
  flex-direction: row;
  justify-content: center;
  align-items: flex-start;
  flex-wrap: wrap;
}

.indonesian-title.aos-init.aos-animate{
  margin-top: 20px;
  margin-bottom: 60px ;
}

.autralian-team.aos-init.aos-animate{
  margin-top: 20px;
  margin-bottom: 60px ;
}

.first-row {
  display: flex;
  gap: 30px;
  flex-direction: row;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  margin-top: 60px;
}

.second-row {
  display: flex;
  gap: 30px;
  flex-direction: row;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  margin-top: 51px;
}

.director-vector {
  position: absolute;
  left: 0;
  top: 0;
}
.management-vector {
  position: absolute;
  right: 0;
  top: 120px;
}

@media screen and (max-width: 1024px) {
  .leadership-wrapper {
    padding: 10px 30px;
  }

  .leadership-headers {
    padding-top: 90px;
  }

}
@media screen and (max-width: 900px) {
  .leadership-wrapper {
    padding: 10px 30px;
  }

  .directors-rows {
    display: flex;
    gap: 30px;
    justify-content: center;
    align-items: flex-start;
    flex-wrap: wrap;
  }

  .management-rows {
    display: flex;
    gap: 30px;
    justify-content: center;
    align-items: flex-start;
    max-width: 1067px;
    margin: 0 auto;
  }

  .first-row {
    flex-wrap: wrap;
    flex-direction: row;
    margin-top: 60px;
  }

  .second-row > div {
    width: 262px !important;
  }

  .second-row {
    flex-wrap: wrap;
  }

  .leadership-row-desc,
  .leadership-desc p {
    max-width: 555px;
  }

  .leadership-row-desc {
    margin: 40px auto 55px auto;
  }

  .leadership-content-wrapper {
    padding-top: 80px !important;
  }

  .second-row {
    margin-top: unset;
  }

  .leadership-content-wrapper h3 {
    font-size: 36px;
  }
}

@media screen and (max-width: 600px) {
  .breadcrumb {
    margin-left: unset;
  }
  .leadership-wrapper {
    padding: 0px 40px;
  }

  .leadership-headers {
    margin-top: 0px;
  }

  .leadership-content-wrapper {
    padding-top: 50px !important;
  }
  .leadership-desc h2 {
    text-wrap: nowrap;
    font-size: 40px;
  }

  .leadership-content-wrapper h3 {
    font-size: 28px;
    text-wrap: nowrap;
  }

  .leadership-row-desc {
    margin: 20px auto 60px auto;
  }

  .leadership-content-wrapper h3 span::after {
    height: 18px;
    left: -3px !important;
  }

  .second-row {
    flex-direction: column;
    margin-top: unset;
    align-items: center;
  }
  .second-row > div {
    width: 262px !important;
  }

  .management-vector {
    top: 230px;
  }
}

.grecaptcha-badge {
  bottom: 80px !important;
}

/* Security & Compliance */
.security-container {
  width: 100%;
}

.security-container .hero-right-content {
  max-width: 705px;
}

.security-container section {
  padding: 100px 80px 90px;
}

.hero-security > div {
  max-width: 1440px;
  margin: 0 auto;
  position: relative;
}
.section-top-row {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  gap: 24px;
}
.section-top-row h2 {
  margin: 0;
  font-size: 36px;
  font-weight: 700;
  line-height: 43px;
  letter-spacing: -0.02em;
  text-align: center;
  color: #10405a;
}

.section-top-row p {
  text-align: center;

  font-size: 16px;
  font-weight: 400;
  line-height: 27px;
  letter-spacing: 0.02em;

  color: #10405a;
  font-family: var(--ssau-ff-roboto) !important;
}

.section-top-row > h2 > span {
  position: relative;
  color: #00afaa;
}
.section-top-row > h2 > span::after {
  content: "";
  position: absolute;
  bottom: -5px;
  left: -5px;
  width: calc(100% + 10px);
  height: 27px;
  background-color: #f7dc55;
  mix-blend-mode: multiply;
}

section > h2 {
  text-align: center;
}

.security-container p {
  padding: 0;
  margin: 0;
}

/* Hero */
.hero-security {
  background-color: #f4f9f9;
  position: relative;
  display: flex;
  justify-content: space-between;
  gap: 34px;
  overflow: hidden;
}

.hero-title {
  font-weight: 700;
  font-size: 48px;
  line-height: 57.6px;
  color: #10405a;
  margin: 0;
}

.hero-desc {
  font-size: 16px;
  font-weight: 400;
  line-height: 27px;
  letter-spacing: 0.02em;
  text-align: left;
  color: #10405a;
  font-family: var(--ssau-ff-roboto);
  max-width: 553px;
}

.hero-title > span {
  color: #00afaa;
  position: relative;
  z-index: 2;
}

.hero-title > span::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: calc(100% + 5px);
  height: 30px;
  background-color: #f4cd0c;
  mix-blend-mode: multiply;
}

.left-right-wrapper {
  z-index: 2;
  width: 100%;
  background-color: transparent;
  max-width: 1440px;
  margin: 70px auto 0px auto;
  display: flex;
  gap: 50px;
  justify-content: space-between;
}
.hero-left-content {
  display: flex;
  padding-top: 50px;
  justify-content: center;
  flex-direction: column;
  /* max-width: 553px; */
  gap: 24px;
  padding-left: 80px;
  z-index: 2;
}

.hero-right-content {
  width: 100%;
  display: flex;
  justify-content: flex-end;
}
.hero-right-content > img {
  margin-top: 15px;
}

.hero-vector {
  width: 400px !important;
  position: absolute;
  left: -10px;
  top: 50px;
  z-index: 1;
}

.hero-security > div p:nth-child(2) {
  text-wrap: nowrap;
}

.hero-security > img {
  width: 100%;
}

.content {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 28px;
}

.section-content {
  display: flex;
  flex-direction: column;
}

.section-content p {
  text-align: left;
}

.human-resource-section {
  margin-bottom: 50px;
}

@media screen and (max-width: 1300px) {
  .hero-vector {
    top: -35px;
  }
}

/* card */
.security-card {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 15px;
  border-radius: 10px;
  border: 1px solid #b3cfde;
  gap: 14px;
}

.data-privacy-card-desc > p,
.secure-working-card .card-desc > p,
.resilient-card .card-desc > p,
.human-resource-card .card-desc > p {
  font-family: var(--ssau-ff-roboto);
  font-size: 16px;
  font-weight: 400;
  line-height: 27px;
  letter-spacing: 0.02em;
  text-align: left;
  color: #10405a;
}

.card-title,
.data-privacy-card-title {
  color: #10405a;
  font-size: 24px;
  font-weight: 700;
  line-height: 36px;
  letter-spacing: 0.01em;
  text-align: left;
}

/* Section 1 */
.international-section .section-top-row {
  margin-bottom: 57px;
}
.international-section .section-top-row h2 {
  max-width: 392px;
}
.samsung-text {
  display: none;
}
.international-section .content {
  max-width: 1200px;
  margin: auto;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 60px;
  display: flex;
  flex-direction: column;
}

.international-section .content .section-content {
  display: flex;
  flex-direction: row;
  width: 100%;
}

.international-section .content .section-content div {
  width: 50%;
}

.international-section .content > .section-content .section-titles {
  color: #10405a;
}
.iso-desc,
.aws-desc {
  font-family: var(--ssau-ff-roboto);
  font-size: 16px;
  font-weight: 400;
  line-height: 27px;
  letter-spacing: 0.02em;
  text-align: center;
  margin-top: 18px !important;
  color: #10405a;
}

.compliance-desc {
  max-width: 824px;
}

.international-section .section-titles {
  font-size: 28px;
  font-weight: 700;
  line-height: 42px;
  letter-spacing: -0.01em;
}
.international-section .content .section-content .section-titles span {
  color: #00afaa;
}

.iso-img-wrapper,
.aws-img-wrapper {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 293px;
}
.iso-img-wrapper,
.aws-img-wrapper {
  margin: 0 auto 40px auto;
}

.iso-img-wrapper img,
.aws-img-wrapper img {
  height: 100%;
  object-fit: contain;
}

/* section 2 */
.pratices-section {
  padding-top: 28px !important;
}
.pratices-section .section-top-row {
  margin-bottom: 16px;
}
.pratices-section .section-top-row h2 {
  max-width: 392px;
}

.pratices-section .section-top-row > p {
  max-width: 667px;
}
.card-wrapper {
  margin: 60px auto 0px auto;
  width: 100%;
  max-width: 1200px;
  display: grid;
  grid-template-columns: repeat(4, auto);
  gap: 30px;
}
.pratices-card {
  width: 100%;
  overflow: hidden;
  height: 419px;
}
.pratices-card .card-desc {
  min-height: 161px;
}
.pratices-card .card-desc p {
  font-family: var(--ssau-ff-roboto);
  max-height: 100%;
  transition: all 1s;
  transition-duration: 10ms;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 5;
  font-size: 16px;
  font-weight: 400;
  line-height: 27px;
  letter-spacing: 0.02em;
  text-align: left;
  color: #10405a;
}
.card-title p,
.card-title h3 {
  font-size: 23px;
  font-weight: 700;
  line-height: 36px;
  letter-spacing: -0.01em;
  text-align: left;
  margin: 0;
}
.card-desc {
  width: 100%;
}

.card-bottom-row span {
  font-size: 16px;
  font-weight: 400;
  line-height: 27px;
  letter-spacing: 0.02em;
  text-align: left;
  color: #10405a;
  text-decoration: underline;
  cursor: pointer;
}

/* section 3 */
.data-privacy-section {
  background-color: #f4f9f9;
}
.data-privacy-section .section-top-row {
  margin-bottom: 100px;
}

.data-privacy-section .content {
  margin: 0 auto;
  max-width: 1280px;
  position: relative;
}
.data-privacy-section .section-top-row p {
  max-width: 618px;
}
.security-container section:nth-child(4) {
  padding: 100px 0 128px 0;
}

.data-privacy-section .left-content {
  width: 50%;
  align-self: flex-start;
}
.data-privacy-section .right-content {
  overflow-x: hidden;
  z-index: 2;
  position: relative;
  padding: 10px 0 30px 0;
  width: 100%;
}

.data-privacy-section .content .right-content h2 {
  margin-bottom: 37px;
  color: #10405a;
}
.data-privacy-section .left-content img {
  /* max-width: unset; */
  height: 635px;
  border-radius: 0px 12px 12px 0px;
}

.data-privacy-card {
  height: 523px;
  padding: 20px;
  border-radius: 12px;
  gap: 20px;
  background-color: white;
  margin-right: 3px;
}
.privacy-card-logo {
  width: 70px;
}
.privacy-card- .privacy-card-logo img {
  width: 100%;
  object-fit: cover;
}

.data-privacy-card-title p,
.data-privacy-card-title h3 {
  font-size: 24px;
  font-weight: 700;
  line-height: 36px;
  letter-spacing: -0.01em;
  text-align: left;
  margin: 0;
}

.dot {
  position: absolute;
  bottom: 6px;
  left: 10px;
  z-index: 0;
}

.data-privacy-top-row {
  display: flex;
  justify-content: space-between;
  width: 100%;
  align-items: center;
}

.owl-custom-btn {
  margin-right: 5px;
}

/* Section 4 - Secure Working */
.secure-working-card {
  width: 100%;
  overflow: hidden;
  height: 399px;
}

/* Section 5 - Resilient */
.resilient-card {
  width: 100%;
  overflow: hidden;
  /* height: 440px; */
}

.resilient-section .section-top-row h2 {
  max-width: 510px;
}
.resilient-section .section-top-row p {
  max-width: 824px;
}

/* Section 6 - Human Resources */
.human-resource-section {
  background-color: #f4f9f9;
}
.human-resource-section .section-top-row h2 {
  max-width: 430px;
}
.human-resource-section .section-top-row p {
  max-width: 610px;
}

.human-resource-card-wrapper {
  display: grid;
  grid-template-columns: repeat(2, auto);
  max-width: 1200px;
  gap: 30px;
}
.human-resource-card {
  background-color: white;
  width: 100%;
  height: 233px;
  padding: 40px;
  border-radius: 12px;
  border: 1px solid #969bab;
  gap: 40px;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-direction: column;
  overflow: hidden;
  position: relative;
}

.human-resource-card > div {
  max-width: 475px;
}

.human-resource-card > img {
  position: absolute;
  top: 0;
  left: 25px;
  z-index: 0;
}

/* owl */
.owl-stage {
  width: 100%;
  gap: 40px;
  z-index: 3;
}

.owl-nav button {
  width: 60px;
  height: 48px;
  padding: 12px 18px 12px 18px;
  border: 1px solid #cacdd5 !important;
}

.owl-custom-btn {
  display: flex;
  align-items: center;
}
.owl-custom-btn button {
  width: 60px;
  height: 48px;
  padding: 12px 18px 12px 18px;
  background-color: #fff;
  cursor: pointer;
}

.owl-custom-btn .prev-btn {
  border-radius: 8px 0px 0px 8px;
  border-top: 1px solid #cacdd5 !important;
  border-left: 1px solid #cacdd5 !important;
  border-bottom: 1px solid #cacdd5 !important;
  border-right: 1px solid #cacdd5 !important;
}

.owl-custom-btn .next-btn {
  border-radius: 0px 8px 8px 0px;
  border-top: 1px solid #cacdd5 !important;
  border-left: 0px solid #cacdd5 !important;
  border-bottom: 1px solid #cacdd5 !important;
  border-right: 1px solid #cacdd5 !important;
}

.mobile-text {
  display: none !important;
}

.data-privacy-section .content .right-content .owl-nav {
  display: none !important;
}

.owl-custom-btn .prev-btn.disabled,
.owl-custom-btn .next-btn.disabled {
  background-color: #f5f5f7;
  pointer-events: none;
}

.owl-custom-btn .prev-btn.disabled svg path,
.owl-custom-btn .next-btn.disabled svg path {
  fill: #b6b9c4;
}

@media screen and (max-width: 1024px) {
  .security-container {
    padding-bottom: 5rem;
  }

  .security-container section {
    padding: 50px 20px 50px 20px;
  }

  .hero-security {
    justify-content: center;
    align-items: center;
    height: unset;
  }
  .hero-left-content {
    padding-left: 40px;
    width: 100%;
    gap: 12px;
    padding-top: 10px;
  }

  .hero-security > div p:nth-child(2) {
    text-wrap: wrap;
  }

  .hero-right-content > img {
    width: 100%;
  }
  .hero-title {
    font-size: 30px;
  }

  .hero-title > span::after {
    height: 16px !important;
    bottom: 0px !important;
  }
  .hero-desc {
    padding-right: 20px !important;
  }

  .section-top-row h2 {
    font-size: 30px;
    display: flex;
    flex-direction: column;
  }
  .content {
    width: 100% !important;
    gap: 50px;
  }

  .pratices-section .section-top-row h2 > span::after {
    content: "";
    position: absolute;

    left: 50%;
    transform: translateX(-50%);
    width: 80%;
  }

  .aws-img-wrapper {
    justify-content: center;
    align-items: center;
  }

  .card-wrapper {
    grid-template-columns: repeat(3, auto);
  }

  .security-container section:nth-child(4) {
    padding: 50px 0px;
  }

  .data-privacy-section .content {
    align-items: unset;
    gap: 20px;
  }

  .data-privacy-section .content .left-content {
    width: 50%;
  }
  .data-privacy-section .content .left-content > img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    height: 563px;
  }

  .data-privacy-section .section-top-row {
    margin-bottom: 50px;
  }

  .data-privacy-section .right-content {
    width: 100%;
  }

  .data-privacy-card {
    height: 425px;
  }

  .secure-working-section > .section-top-row > h2 {
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: 0.3em;
    text-wrap: nowrap;
  }

  .secure-working-section .section-top-row p {
    max-width: 676px !important;
  }

  .section-top-row > h2 > span::after {
    height: 16px !important;
    bottom: 6px !important;
  }

  .secure-working-card {
    height: 361px;
  }

  .resilient-card {
    height: 365px;
  }

  .human-resource-card {
    flex: 1 0 30%;

    padding: 20px;
  }

  /* .card-title,
  .data-privacy-card-title {
    max-width: 210px;
  } */

  /* owl */
  .owl-nav {
    right: 0;
  }
}

@media screen and (max-width: 900px) {
  .card-wrapper {
    grid-template-columns: repeat(3, auto);
    gap: 20px;
  }

  .security-container .hero-right-content img {
    object-fit: contain;
  }

  .data-privacy-section .content .left-content > img {
    height: 618px;
  }
  .data-privacy-card {
    height: 522px;
  }

  .data-privacy-section .content .left-content > img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

  .secure-working-card,
  .resilient-card {
    height: 443px;
  }
  .resilient-card .card-title {
    min-height: 73px;
    display: flex;
    justify-content: center;
  }

  .pratices-section .card-wrapper {
    row-gap: 25px;
  }

  .secure-working-card .card-title {
    min-height: 72px;
  }

  .human-resource-card {
    height: 255px;
  }

  .hero-title {
    line-height: 40px;
  }
  .left-right-wrapper {
    padding-top: 20px;
  }
}
@media screen and (max-width: 768px) {
  .data-privacy-section .content .left-content {
    width: 90%;
    height: 532px;
  }

  .data-privacy-card {
    height: 390px;
  }

  .data-privacy-section {
    padding: 50px 0px !important;
  }
  .data-privacy-section .content .right-content {
    padding-right: 20px;
  }

  .card-wrapper {
    grid-template-columns: repeat(2, auto);
  }

  .secure-working-card,
  .resilient-card {
    height: 367px;
  }

  .iso-img-wrapper,
  .aws-img-wrapper {
    margin-top: 40px;
    height: 200px;
  }
}

@media screen and (max-width: 668px) {
  .left-right-wrapper {
    gap: unset;
  }

  .hero-right-content > img {
    object-fit: contain;
  }

  .international-section .content {
    gap: 38px;
  }

  .hero-security > div p:nth-child(2) {
    margin-top: 20px;
  }
  .data-privacy-card {
    height: 597px;
  }
  .data-privacy-section .content .left-content > img {
    height: 690px !important;
  }
  .human-resource-card {
    height: 294px;
  }

  .pratices-card .card-desc {
    min-height: 100px;
  }

  .pratices-card .card-desc p {
    -webkit-line-clamp: 3;
  }
}
@media screen and (max-width: 600px) {
  .international-section .content .section-content {
    display: flex;
    flex-direction: column-reverse;
  }

  .international-section .content .section-content div {
    width: 100%;
  }

  .international-section .content > .section-content .section-titles {
    margin: 0;
    text-align: center;
  }

  .section-content p {
    text-align: center;
  }

  .security-container section {
    padding: 50px 20px 50px 20px;
  }

  .hero-vector {
    top: -40px !important;
    width: 300px !important;
  }
  .dot {
    bottom: 25px !important;
    left: 25px !important;
  }

  .mobile-text {
    font-size: 30px;
    display: flex !important;
    flex-direction: column;
  }
  .resilient-section .section-top-row .desktop-text {
    display: none;
  }
  /* .desktop-text {
    display: none !important;
  } */

  .hero-security {
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
  .hero-left-content {
    padding-left: 20px;
    width: 100%;
    gap: 12px;
  }

  .hero-right-content {
    z-index: 1;
  }

  .hero-security > div p:nth-child(2) {
    text-wrap: wrap;
    margin-top: 20px;
  }
  .hero-title {
    font-size: 30px;
  }
  .hero-desc {
    padding-right: 20px !important;
  }

  .section-top-row h2 {
    font-size: 30px;
    display: flex;
    flex-direction: column;
  }
  .content {
    flex-direction: column;
    justify-content: center !important;
    align-items: center !important;
    width: 100% !important;
    gap: 50px;
  }

  .international-section .content > .section-content {
    width: 100%;
  }

  .iso-img-wrapper,
  .aws-img-wrapper {
    order: 1;
    margin: 0 0 30px 0;
  }

  .section-titles {
    order: 2;
  }

  .iso-desc,
  .aws-desc {
    order: 3;
  }

  .international-section .content > .section-content > p:nth-child(2) {
    order: 3;
  }

  .aws-img-wrapper {
    justify-content: center;
    align-items: center;
  }

  .card-wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
  }

  .pratices-card {
    width: calc(100% - 20px);
    height: unset;
  }

  .security-container section:nth-child(4) {
    padding: 100px 20px 50px 20px;
  }

  .data-privacy-section .content .left-content > img {
    width: 100%;
    border-radius: 0px;
  }

  .data-privacy-section .content .left-content {
    width: 100%;
    display: none;
  }

  .data-privacy-section .content .right-content .data-privacy-top-row h2 {
    padding: 0;
    margin: 0;
  }

  .data-privacy-card {
    height: 400px;
  }

  .data-privacy-section .section-top-row {
    margin-bottom: 50px;
    padding: 0 20px;
  }

  .data-privacy-section .right-content {
    width: 100%;
    padding: 0 20px 50px 20px;
  }

  .secure-working-card {
    width: unset;
  }

  .human-resource-card-wrapper {
    grid-template-columns: auto;
  }
  .resilient-card {
    width: unset;
    height: 100%;
  }

  .secure-working-card {
    height: 100%;
  }

  .resilient-card .card-title {
    max-width: 275px;
  }

  .human-resource-card {
    width: 100%;
    justify-content: center;
  }

  .resilient-section .section-top-row h2 > span::after {
    height: 50% !important;
    width: 70%;
    bottom: 0 !important;
    left: 50%;
    transform: translateX(-50%);
  }

  .resilient-section .section-top-row h2 > span:last-child:after {
    height: 50% !important;
    width: 44%;
    bottom: 0 !important;
    left: 50%;
    transform: translateX(-50%);
  }

  .international-section .section-top-row {
    margin-bottom: 16px;
  }

  .left-right-wrapper {
    flex-direction: column;
    padding-top: 40px;
    gap: 40px;
  }

  .security-container {
    padding-bottom: unset;
  }
  /* owl */
  .owl-nav {
    right: 0 !important;
  }
}

@media screen and (max-width: 360px) {
  .international-section .section-top-row h2 {
    display: none !important;
  }

  .samsung-text {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    margin: 0;
    font-size: 36px;
    font-weight: 700;
    line-height: 43px;
    letter-spacing: -0.02em;
    text-align: center;
    color: #10405a;
  }

  .samsung-text span {
    position: relative;
    color: #00afaa;
  }

  .samsung-text span::after {
    content: "";
    position: absolute;
    bottom: -5px;
    left: -5px;
    width: calc(100% + 10px);
    height: 27px;
    background-color: #f7dc55;
    mix-blend-mode: multiply;
  }

  .data-privacy-card {
    height: 430px;
  }

  .samsung-text span::after {
    content: "";
    position: absolute;
    bottom: 2px;
    left: -5px;
    width: calc(100% + 10px);
    height: 16px;
    background-color: #f7dc55;
    mix-blend-mode: multiply;
  }

  .secure-working-section .section-top-row h2 {
    text-wrap: nowrap;
    flex-direction: row;
  }
}

/* ----------------------------------- */

/* About Us 2023 - Our Purpose and History */
.about-us-container {
  margin: 0 auto;
  overflow: hidden;
}

section {
  overflow: hidden !important;
}
section.journey {
  width: 100%;
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-top: 154px;
}

.custom-vertical-line-header-wrapper {
  padding: 0 !important;
  margin: 0 auto;
  height: 230px;
  background-color: transparent;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-direction: column;
  max-width: 1440px;
  position: relative;
}

.custom-vertical-line-header {
  width: 5px;
  height: 0px;
  position: absolute;
  top: 63px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 19;
  background: linear-gradient(180deg, #00afaa 0%, rgba(0, 175, 170, 0) 100%);
  -webkit-transition-duration: 1.5s;
  -webkit-transition-property: height;
}

.custom-vertical-line-svg {
  opacity: 0;
  z-index: 20;
  -webkit-transition-duration: 0.5s;
  -webkit-transition-property: opacity;
}

section.journey > div {
  padding: 0 0 150px 0;
  position: relative;
  margin: 0 auto;
}

.divider-background {
  position: absolute !important;
  top: 0;
  left: 50%;
  background-color: #f7fbfb;
  width: 100% !important;
  height: 332px;
  transform: translateX(-50%);
}

.ellipse {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  height: 286px;
  z-index: 1;
  max-width: 1440px;
  top: 192px;
  background-color: transparent;
}

section.value-and-mission {
  padding-top: 120px;
  background-color: #f4f9f9;
}

section.value-and-mission > div {
  max-width: 1440px;
  margin: 0 auto;
}
section.value-and-mission .section-content .right-content {
  padding-bottom: 27px;
}

section.value-and-mission
  .section-content
  .right-content
  .data-privacy-top-row
  .owl-custom-btn {
  margin-right: 146px;
}

section.journey .section-top-row-about-us,
section.value-and-mission .section-top-row-about-us {
  margin-bottom: 80px;
}

section.journey
  .section-top-row-about-us
  .section-title-about-us-wrapper
  .section-title-about-us-mobile {
  display: none;
}

.section-top-row-about-us {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  gap: 16px;
}

.section-title-about-us {
  margin: 0;
  font-size: 56px;
  font-weight: 700;
  line-height: 67px;
  letter-spacing: -0.035em;
  text-align: center;
  position: relative;
  z-index: 2;
  padding: 0px 10px;
  color: #072e45;
}

.section-title-about-us:not(:first-child)::after {
  content: "";
  width: 100%;
  height: 30px;
  position: absolute;
  left: 50%;
  bottom: 0;
  transform: translateX(-50%);
  background-color: #b3e7e6;
  z-index: 1;
  mix-blend-mode: multiply;
}

.section-title-about-us:first-child span {
  position: relative;
  color: #00afaa;
}
.section-title-about-us:first-child span::after {
  content: "";
  width: 102%;
  height: 30px;
  position: absolute;
  left: 50%;
  bottom: 0;
  transform: translateX(-50%);
  background-color: #fee879;
  z-index: 1;
  mix-blend-mode: multiply;
}

.section-title-about-us-mobile {
  margin: 0;
  font-size: 50px;
  font-weight: 700;
  line-height: 60px;
  letter-spacing: -0.035em;
  text-align: center;
  position: relative;
  z-index: 2;
  padding: 0px 10px;
  color: #072e45;

  display: none;
}

.section-title-about-us-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  gap: 12px;
}

.section-title-about-us-wrapper > span {
  font-size: 14px;
  font-weight: 700;
  line-height: 21px;
  letter-spacing: 0.11em;
  text-align: left;
  color: #00afaa;
  text-transform: uppercase;
  text-align: center;
  font-family: var(--ssau-ff-roboto);
}

.section-desc-about-us {
  text-align: center;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0.02em;
  color: #10405a;
}
.section-desc-about-us p {
  font-family: var(--ssau-ff-roboto);
  font-size: 16px;
  font-weight: 400;
  line-height: 27.2px;
  letter-spacing: 0.02em;
  text-align: center;
  color: #10405a;
}

.section-content-row {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.section-content-row > div {
  width: 100%;
}

.section-content-row img {
  border-radius: 12px;
}

.section-content-row.journey-row-2 {
  margin-top: 29px;
}
.section-content-row.journey-row-3 {
  margin-top: 41px;
}
.section-content-row.bottom-row {
  margin-top: 30px;
}

.section-content-row.bottom-row img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.section-content-row.bottom-row .journey-card {
  padding-bottom: 366px;
  z-index: 2;
}
.section-content-row.bottom-row {
  position: relative;
}

.section-desc-about-us {
  max-width: 800px;
}

/* card */
.journey-card {
  padding: 40px;
  border-radius: 12px;
  border: 1px solid #969bab;
  height: 100%;
  max-width: 800px;
  margin: 0 auto;
}

.journey-card-title p {
  font-size: 24px;
  font-weight: 700;
  line-height: 36px;
  letter-spacing: 0.01em;
  text-align: left;
  color: #10405a;
  margin: 0;
}
.journey-card-title h3 {
  font-size: 24px;
  font-weight: 700;
  line-height: 36px;
  letter-spacing: 0.01em;
  text-align: left;
  color: #10405a;
  margin: 0;
}
.journey-card-desc {
  padding-top: 12px;
}
.journey-card-desc p {
  color: #10405a;
  font-size: 16px;
  font-weight: 400;
  line-height: 27px;
  letter-spacing: 0.02em;
  text-align: left;
  font-family: var(--ssau-ff-roboto);
}

.bottom-row {
  display: flex;
  flex-direction: column-reverse;
  justify-content: center;
  align-items: center;
  gap: 20px;
}
.bottom-row > img {
  /* width: 100%; */
  height: 100%;
  object-fit: contain;
}

.bottom-row > div.about-card {
  height: -webkit-fill-available;
}

.animated-svg {
  position: absolute;
  top: -20px;
}

.animated-svg path {
  transition: all 1.5s;
}

.animated-svg circle {
  opacity: 0;
  -webkit-transition-property: opacity;
  -webkit-transition-duration: 1s;
}

.journey-vertical-line-animated-1,
.journey-vertical-line-animated-2,
.journey-vertical-line-animated-3 {
  background: linear-gradient(180deg, #00afaa 0%, rgba(0, 175, 170, 0) 90.87%);
  width: 5px;
  height: 0px;
  -webkit-transition-property: height;
  z-index: 4;
}

/* headers */
.headers {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #f7fbfb;
  padding: 100px 0px 10px 0px;
}

.line-vertical-header path {
  transition: all 1.5s;
}

.line-vertical-header circle {
  transition: all 1s;
}

.headers-content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 145px;
  background-color: transparent;
  width: 1440px;
  margin: 0 auto;
  padding: 45px 150px 0px 150px;
}
.headers .breadcrumb {
  align-self: flex-start;
}

.headers > .section-top-row > .section-desc {
  max-width: 667px;
}

.headers .headers-content .section-top-row-about-us .section-title-about-us {
  font-size: 56px;
  font-weight: 700;
  line-height: 67.2px;
  letter-spacing: -0.035em;
  text-align: center;
}

.headers .headers-content .section-top-row-about-us .section-desc-about-us {
  font-family: var(--ssau-ff-roboto);
}

.line-vertical {
  position: relative;
  width: 100%;
}

/* Journey */
.journey > .section-top-row > .section-desc {
  max-width: 768px;
}

.journey
  > div:last-child
  .section-top-row-about-us
  .section-title-about-us-wrapper
  .section-title-about-us {
  font-size: 48px;
  font-weight: 700;
  line-height: 57.6px;
  letter-spacing: -0.035em;
  text-align: left;
  color: #10405a;
}

/* value and mission */
.value-and-mission .section-top-row .section-title-wrapper {
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.value-and-mission
  > div
  .section-top-row-about-us
  .section-title-about-us-wrapper
  .section-title-about-us,
.journey
  > div:last-child
  .section-top-row-about-us
  .section-title-about-us-wrapper
  .section-title-about-us {
  font-size: 48px !important;
  font-weight: 700 !important;
  line-height: 57.6px !important;
  letter-spacing: -0.035em !important;
}
.value-and-mission .section-content {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  gap: 30px;
}

.value-and-mission .section-content .left-content {
  width: 485px;
}
.value-and-mission .section-content .left-content img {
  border-radius: 0px 12px 12px 0px;
  width: 100%;
}

.value-and-mission > div {
  margin: 0 auto;
  max-width: 1280px;
  position: relative;
}

.value-and-mission-top-row {
  padding: 16px 0;
  display: flex;
  justify-content: space-between;
  width: 100%;
  align-items: center;
}

.value-and-mission .section-content .right-content h2 {
  padding: 0;
  margin: 0;
}
.value-and-mission .section-content .right-content {
  overflow-x: hidden;
  flex: 1;
  position: relative;
  z-index: 1;
}

.value-and-mission .section-content .right-content h2 {
  padding: 16px 0px;
  margin-bottom: 16px;
  font-size: 36px;
  font-weight: 700;
  line-height: 43px;
  letter-spacing: -0.02em;
  text-align: left;
  color: #10405a;
}

.value-and-mission
  > div
  .section-top-row-about-us
  .section-title-about-us-wrapper
  .section-title-about-us {
  color: #10405a;
  font-size: 48px;
  font-weight: 700;
  line-height: 57.6px;
  letter-spacing: -0.035em;
  text-align: left;
}

.value-and-mission-card {
  display: flex;
  gap: 20px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  /* height: 523px; */
  height: 460px;
  width: 347px;
  padding: 36px;
  border-radius: 12px;
  border: 1px solid #cacdd5;
  z-index: 1;
  background-color: white;
}

.value-and-mission-card p {
  margin: 0;
}

.value-and-mission-card-title p,
.value-and-mission-card-title h3 {
  color: #10405a;
  font-size: 24px;
  font-weight: 700;
  line-height: 36px;
  letter-spacing: -0.01em;
  text-align: left;
}

.value-and-mission-card-title h3 {
  margin: 0;
}

.value-and-mission-card-desc > p {
  font-family: var(--ssau-ff-roboto);
  font-size: 16px;
  font-weight: 400;
  line-height: 27px;
  letter-spacing: 0.02em;
  text-align: left;
  color: #10405a;
}

.dot {
  position: absolute;
  bottom: 0;
  left: 10px;
  z-index: 0;
}

/* OUR ETHICS */
section.our-ethics {
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 150px;
}

.our-ethics > div {
  width: 100%;
  margin: 150px auto 80px auto;
  display: flex;
  justify-content: center;
  align-items: center;
}

.our-ethics-row-1 {
  width: 100%;
}

.our-ethics-row-div-1 {
  margin-left: 19px;
  width: 100%;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  padding: 40px;
  border: 1px solid #cacdd5;
  border-radius: 12px;
  z-index: 2;
  height: 506px;
}
.our-ethics-row-div-2 {
  margin-right: 19px;
  width: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  padding: 40px;
  border: 1px solid #cacdd5;
  border-radius: 12px;
  z-index: 2;
  height: 506px;
}

.our-ethics-row-div-1 > div {
  width: 47%;
}
.our-ethics-row-div-2 > p {
  width: 47%;
  margin: 0;
  padding: 0;
}

.our-ethics-row-div-1 > div > span {
  color: #00afaa;
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 700;
  line-height: 21px;
  letter-spacing: 0.11em;
  text-align: left;
  font-family: var(--ssau-ff-roboto);
}
.our-ethics-row-div-1 > div > .our-ethics-title {
  color: #10405a;
  font-size: 48px;
  font-weight: 700;
  line-height: 58px;
  letter-spacing: -0.035em;
  text-align: left;
  margin: 0;
}

.our-ethics-row-div-1 > div > .our-ethics-title > span {
  position: relative;
  color: #00afaa;
}
.our-ethics-row-div-1 > div > .our-ethics-title > span::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: -5px;
  width: calc(100% + 10px);
  height: 25px;
  background-color: #f7dc55;
  mix-blend-mode: multiply;
}

.our-ethics-desc {
  margin-top: 35px;
  font-family: var(--ssau-ff-roboto);
  font-size: 16px;
  font-weight: 400;
  line-height: 27.2px;
  letter-spacing: 0.02em;
  text-align: left;
  color: #10405a;
}

.our-ethics-row-1 img {
  position: absolute;
  height: 600px;
  width: 555px;
  left: 0;
  top: -47px;
  z-index: 1;
}
.our-ethics-row-2 img {
  position: absolute;
  height: 600px;
  width: 555px;
  right: 0;
  top: -47px;
  z-index: 1;
}

.our-ethics-row-div-2 {
  padding-top: 100px;
  padding: 40px;
  width: 100%;
  border: 1px solid #cacdd5;
  border-radius: 12px;
  display: flex;
  justify-content: flex-start;
  z-index: 2;
  flex-direction: column;
  align-items: flex-start;
}

.our-ethics .left-content p {
  color: #10405a;
  font-family: var(--ssau-ff-roboto);
  font-size: 16px;
  font-weight: 400;
  line-height: 27px;
  letter-spacing: 0.02em;
  text-align: left;
}
.our-ethics .left-content p {
  max-width: 532px;
}

.our-ethics-row-1,
.our-ethics-row-2 {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}

.our-ethics-blog-title {
  color: #10405a;
  font-size: 36px;
  font-weight: 700;
  line-height: 43px;
  letter-spacing: -0.02em;
  text-align: left;
}

.our-ethics-blog-desc {
  font-family: var(--ssau-ff-roboto);
  font-size: 16px;
  font-weight: 400;
  line-height: 27px;
  letter-spacing: 0.02em;
  text-align: left;
  color: #10405a;
}

.our-ethics-blog {
  margin: 0px auto 0 auto;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 45px;
  padding: 80px 150px;
  background-color: #f4f9f9;
}

.our-ethics-blog > .left-content {
  width: 539px;
}
.our-ethics-blog > .right-content {
  width: 555px;
}

/* GALERY */
section.galery {
  margin-top: 100px;
  padding: 100px 80px 50px 80px;
}

.galery
  .section-top-row-about-us
  .section-title-about-us-wrapper
  .section-title-about-us {
  font-size: 36px !important;
  color: #07324a;
}

.galery
  > .section-top-row-about-us
  > .section-title-about-us-wrapper
  > .section-title-about-us::after {
  content: none !important;
}

.galery
  > .section-top-row-about-us
  > .section-title-about-us-wrapper
  > .section-title-about-us
  span {
  position: relative;
  color: #00afaa;
}

.galery
  > .section-top-row-about-us
  > .section-title-about-us-wrapper
  > .section-title-about-us
  span::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: calc(100% + 5px);
  height: 25px;
  background-color: #f7dc55;
  mix-blend-mode: multiply;
}
.galery
  > .section-top-row-about-us
  > .section-title-about-us-wrapper
  > .section-title-about-us-mobile
  span {
  position: relative;
  color: #00afaa;
  text-wrap: nowrap;
}

.galery
  > .section-top-row-about-us
  > .section-title-about-us-wrapper
  > .section-title-about-us-mobile
  span::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: calc(100% + 5px);
  height: 25px;
  background-color: #f7dc55;
  mix-blend-mode: multiply;
}

.galery > .section-top-row-about-us > .section-desc-about-us {
  max-width: 676px;
}

.galery .section-top-row-about-us {
  gap: 20px;
}
.galery .section-top-row-about-us .section-desc-about-us p {
  margin: 0;
  padding: 0;
}

.galery .section-top-row-about-us .section-title-about-us-wrapper {
  gap: 0;
}

.galery
  > .section-top-row-about-us
  > .section-title-about-us-wrapper
  > .section-title-about-us
  span::after {
  bottom: -7px;
}

.first-left-col {
  margin: 0 auto;
  display: grid;
  grid-template-columns: repeat(3, auto);
  gap: 25px 25px;
  grid-auto-flow: row;
  grid-template-areas:
    "top-rows top-rows right-rows"
    "left-rows-1 middle-rows right-rows"
    "left-rows-2 middle-rows right-rows"
    "middle-left-1 middle-right-1 middle-right-1"
    "middle-left-2 middle-left-2 middle-right-2"
    "left-bottom-rows middle-bottom-rows right-bottom-1"
    "left-bottom-rows middle-bottom-rows right-bottom-2"
    "left-bottom-rows middle-bottom-rows-2 middle-bottom-rows-2";
}
.top-rows {
  grid-area: top-rows;
}

.middle-rows {
  grid-area: middle-rows;
}

.left-rows-1 {
  grid-area: left-rows-1;
}

.left-rows-2 {
  grid-area: left-rows-2;
}

.right-rows {
  grid-area: right-rows;
  grid-template-columns: auto;
  row-gap: 30px !important;
}

.middle-left-1 {
  grid-area: middle-left-1;
}
.middle-left-2 {
  grid-area: middle-left-2;
}
.middle-right-1 {
  grid-area: middle-right-1;
}
.middle-right-2 {
  grid-area: middle-right-2;
}

.left-bottom-rows {
  grid-area: left-bottom-rows;
}

.middle-bottom-rows {
  grid-area: middle-bottom-rows;
}
.middle-bottom-rows-2 {
  grid-area: middle-bottom-rows-2;
}

.right-bottom-1 {
  grid-area: right-bottom-1;
}
.right-bottom-2 {
  grid-area: right-bottom-2;
}

.dsc-wrapper {
  width: 920px !important;
}

/* OWL */
.owl-nav {
  display: block !important;
  position: absolute;
  top: -70px;
  right: 10px;
}

.owl-nav button {
  width: 60px;
  height: 48px;
  padding: 12px 18px 12px 18px;
  border: 1px solid #cacdd5 !important;
  font-size: 23px !important;
  font-weight: 800 !important;
}

.owl-prev {
  border-radius: 8px 0px 0px 8px;
}
.owl-next {
  border-radius: 0px 8px 8px 0px;
}

.galery-mobile {
  display: none;
}

.galery-desktop {
  display: block;
}

.value-and-mission
  > div
  .section-content
  .right-content
  .about-us-owl-carousel
  .owl-nav {
  display: none !important;
}

.line-vertical-header circle {
  opacity: 0;
}

.peduli-title {
  font-size: 36px;
  font-weight: 700;
  line-height: 43.2px;
  letter-spacing: -0.02em;
  color: #10405a;
  padding-bottom: 24px;
  display: block;
  margin: 0;
}

.owl-custom-btn {
  display: flex;
  align-items: center;
}
.owl-custom-btn button {
  width: 60px;
  height: 48px;
  padding: 12px 18px 12px 18px;
  background-color: #fff;
  cursor: pointer;
}

.owl-custom-btn .prev-btn {
  border-radius: 8px 0px 0px 8px;
  border-top: 1px solid #cacdd5 !important;
  border-left: 1px solid #cacdd5 !important;
  border-bottom: 1px solid #cacdd5 !important;
  border-right: 1px solid #cacdd5 !important;
}

.owl-custom-btn .next-btn {
  border-radius: 0px 8px 8px 0px;
  border-top: 1px solid #cacdd5 !important;
  border-left: 0px solid #cacdd5 !important;
  border-bottom: 1px solid #cacdd5 !important;
  border-right: 1px solid #cacdd5 !important;
}

.owl-custom-btn .prev-btn.disabled,
.owl-custom-btn .next-btn.disabled {
  background-color: #f5f5f7;
  pointer-events: none;
}

@media screen and (max-width: 1300px) {
  .divider-background {
    height: 250px;
  }
  .headers {
    padding: 100px 80px 10px 80px;
  }

  section.journey {
    padding-top: 70px;
  }

  .headers-content {
    padding: 45px 0 0 0;
    gap: 75px;
  }

  .line-vertical > div {
    height: 210px !important;
  }

  .our-ethics-row-1 img,
  .our-ethics-row-2 img {
    width: 530px;
  }

  section.our-ethics {
    margin-top: 0;
  }

  .left-content.our-ethics-row-div-2 p {
    color: #10405a;
    font-size: 16px;
    font-weight: 400;
    line-height: 27px;
    letter-spacing: 0.02em;
    text-align: left;
    max-width: 520px;
  }

  .value-and-mission-card {
    height: 484px;
    width: 278px;
  }

  .value-and-mission .section-content .right-content h2 {
    margin-bottom: 0;
  }

  .owl-custom-btn,
  .value-and-mission-card {
    margin-right: 5px;
  }

  .value-and-mission .section-content {
    gap: 20px;
  }

  .our-ethics-blog {
    padding: 80px;
  }
  section.our-ethics {
    padding: 0 80px;
  }
  .our-ethics-row-2 {
    margin: 150px auto !important;
  }

  .ellipse {
    top: 105px;
    width: 100%;
  }

  section.galery {
    margin-top: 0;
  }
}
@media screen and (max-width: 1024px) {
  .journey .section-content .section-content-row.bottom-row {
    flex-direction: column;
    height: unset;
    justify-content: center;
    align-items: center;
  }

  .our-ethics > div {
    margin: 50px auto 0px auto;
  }

  .our-ethics-row-1 {
    width: 100%;
    padding: 0px 24px 0px 43px;
  }

  .our-ethics-row-1 img {
    left: 28px;
    top: -30px;
    width: 460px;
    height: 509px;
  }

  .our-ethics-row-div-1 > div .our-ethics-title {
    font-size: 34px !important;
    line-height: 43px !important;
    letter-spacing: -0.02em !important;
    margin-top: unset !important;
  }

  .our-ethics-row-div-1 > div > span {
    font-size: 12px;
  }

  .our-ethics-row-2 {
    width: 100%;
    padding: 0px 43px 0px 24px;
  }

  .left-content.our-ethics-row-div-2 {
    padding: 24px;
  }

  .left-content.our-ethics-row-div-2 p {
    width: 48%;
    margin: 0;
  }

  .our-ethics-row-div-2 > div .our-ethics-title {
    font-size: 36px !important;
    line-height: 43px !important;
    letter-spacing: -0.02em !important;
    margin-top: unset !important;
  }

  .value-and-mission .section-content .left-content {
    width: 420px;
  }

  .value-and-mission .section-content .left-content img {
    height: 100%;
  }

  .value-and-mission-card {
    height: 460px;
    width: 320px;
  }

  .our-ethics {
    padding: 0 16px !important;
  }

  .our-ethics-row-div-1 {
    height: 450px;
  }

  .our-ethics-row-div-1 > div {
    width: 49%;
  }

  .our-ethics-row-div-2 {
    height: 507px;
  }

  .peduli-title {
    padding-bottom: 16px;
  }

  .our-ethics-row-2 img {
    width: 460px;
    right: 28px;
    top: -15px;
    height: 535px;
  }

  section.journey > div {
    padding: 0 0 130px 0;
  }

  section.value-and-mission {
    padding: 80px 0;
  }

  .our-ethics-row-div-2 > p {
    width: 50%;
  }

  .dsc-wrapper {
    width: 105% !important;
  }

  .first-left-col {
    gap: 15px;
  }

  section.galery .galery-desktop .first-row .first-left-col {
    gap: 15px !important;
  }

  section.galery .galery-desktop .first-row .first-left-col .right-rows > div,
  section.galery
    .galery-desktop
    .first-row
    .first-left-col
    .left-bottom-rows
    > div {
    gap: unset !important;
  }
}
@media screen and (max-width: 960px) {
  section.galery
    .section-top-row-about-us
    .section-title-about-us-wrapper
    .section-title-about-us
    span:last-child {
    display: block;
  }

  section.galery
    .section-top-row-about-us
    .section-title-about-us-wrapper
    .section-title-about-us
    span:last-child::after {
    content: "";
    position: absolute;
    bottom: -5px;
    left: 50%;
    transform: translateX(-50%);
    width: calc(90% + 5px);
    height: 25px;
    background-color: #f7dc55;
    mix-blend-mode: multiply;
  }

  .svg-wrapper {
    height: 120px !important;
  }
}

@media screen and (max-width: 900px) {
  .ellipse {
    top: 35px;
  }

  .divider-background {
    height: 177px;
  }
  .headers {
    padding: 100px 80px 10px 80px;
  }

  .vertical-line-mobile {
    display: block;
  }

  section.journey {
    padding: 0px;
  }

  .journey-card {
    padding: 30px;
  }

  .value-and-mission {
    margin-top: 0px;
  }
  .section-content-row {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }

  .vertical-line-journey-desktop {
    display: none;
  }

  .section-content-row.journey-row-2 {
    margin-top: 0px;
  }
  .section-content-row.journey-row-3 {
    margin-top: 0px;
  }

  .section-content-row.bottom-row {
    flex-direction: column-reverse !important;
    margin-top: 0px;
  }

  section.value-and-mission .section-content .right-content {
    padding: 0px 0px 27px 0px;
  }
  .value-and-mission-card {
    height: 377px;
  }

  .owl-nav {
    right: 2px;
  }

  .value-and-mission .section-content .right-content h2 {
    padding: 0px;
  }

  .value-and-mission .section-content {
    gap: 15px;
  }

  section.our-ethics {
    padding: 80px !important;
  }

  .our-ethics > div:first-child,
  .our-ethics > div:nth-child(3) {
    flex-direction: column;
    gap: 40px;
    margin-top: 50px;
  }
  .our-ethics > div:nth-child(2) {
    flex-direction: column-reverse;
    margin-top: 90px;
    gap: 25px;
  }

  .our-ethics > div:nth-child(2) .right-content img {
    width: 100%;
  }
  .our-ethics > :nth-child(2) > .left-content > .our-ethics-title {
    margin-top: 10px;
  }

  .value-and-mission .section-content .left-content {
    height: 520px;
    width: 350px;
  }

  .value-and-mission .section-content .left-content img {
    height: 100%;
  }

  .value-and-mission-card {
    height: 440px;
  }

  .our-ethics-blog {
    flex-direction: column-reverse;
  }

  .our-ethics-blog {
    gap: 0;
  }
  .our-ethics-blog > div {
    width: 100% !important;
  }

  .galery > .section-top-row-about-us > .section-desc-about-us {
    max-width: 550px;
  }

  .our-ethics-row-1 img {
    width: 91%;
    top: -40px;
    left: 50%;
    transform: translateX(-50%) !important;
    object-fit: cover;
    border-radius: 12px;
  }
  .our-ethics-row-2 img {
    width: 89%;
    top: -30px;
    left: 50%;
    transform: translateX(-50%) !important;
    object-fit: cover;
    border-radius: 12px;
  }

  .our-ethics-row-div-1 > div {
    width: 100%;
    padding: 0px 5px;
  }

  .our-ethics-row-div-1 {
    height: 900px;
    align-items: flex-end;
    padding: 24px;
    margin-left: 0;
  }

  .our-ethics-row-1,
  .our-ethics-row-2 {
    padding: 0;
    align-items: flex-end !important;
  }

  .our-ethics-row-div-2 {
    height: 920px;
    margin-right: 0;
    align-items: flex-end;
  }

  .our-ethics-row-div-2 > p {
    width: 100%;
  }

  .left-content.our-ethics-row-div-2 {
    height: 890px;
    padding: 29px;
    align-items: flex-end;
    justify-content: flex-start;
    width: 100%;
  }

  .left-content.our-ethics-row-div-2 p {
    width: 100% !important;
    padding-left: 5px !important;
  }

  .right-content.our-ethics-row-div-2 {
    height: unset;
  }

  .our-ethics > :nth-child(1) > .left-content > div > .our-ethics-title {
    margin: 10px 0 0 0;
  }

  .headers-content .breadcrumb {
    margin-left: 0;
  }

  .section-desc-about-us {
    max-width: 600px;
  }

  section.journey > div > .section-content {
    padding: 0 80px;
  }

  section.galery .galery-desktop .first-row .first-left-col {
    gap: 10px !important;
  }

  section.galery .galery-desktop .first-row .first-left-col .right-rows > div,
  section.galery
    .galery-desktop
    .first-row
    .first-left-col
    .left-bottom-rows
    > div {
    gap: unset !important;
  }

  .galery
    .section-top-row-about-us
    .section-title-about-us-wrapper
    .section-title-about-us {
    line-height: 40px;
  }

  section.galery
    .section-top-row-about-us
    .section-title-about-us-wrapper
    .section-title-about-us
    span:last-child::after {
    width: 75%;
  }
}

@media screen and (max-width: 768px) {
  section.value-and-mission {
    padding-top: 80px;
  }

  .divider-background {
    height: 180px;
  }

  .value-and-mission > div .section-top-row-about-us .section-desc-about-us {
    padding: 0 80px;
  }
  .our-ethics-row-1 img {
    top: 19px;
  }

  .journey-card-desc {
    padding-top: 0px;
  }

  .headers {
    padding: 100px 80px 10px 80px;
  }
  .vertical-line-mobile {
    display: block;
  }
  section.journey {
    padding: 0 80px 50px 80px;
  }
  .journey-card {
    padding: 30px;
  }
  .value-and-mission {
    margin-top: 70px;
  }
  .section-content-row {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
  .vertical-line-journey-desktop {
    display: none;
  }
  .section-content-row.journey-row-2 {
    margin-top: 0px;
  }
  .section-content-row.journey-row-3 {
    margin-top: 0px;
  }
  .section-content-row.bottom-row {
    flex-direction: column-reverse !important;
    margin-top: 0px;
  }

  section.value-and-mission .section-content .right-content {
    padding: 0px 0px 27px 0px;
  }

  .owl-nav {
    right: 2px;
  }
  .value-and-mission .section-content .right-content h2 {
    padding: 0px;
  }
  .value-and-mission .section-content {
    gap: 15px;
  }

  .our-ethics-row-2 {
    flex-direction: column;
    margin-top: 90px;
    gap: 25px;
    height: 100%;
  }
  .our-ethics > :nth-child(2) > .left-content > .our-ethics-title {
    margin-top: 10px;
  }
  .our-ethics > div {
    width: 100%;
    height: 100%;
  }
  .value-and-mission .section-content .left-content {
    width: 360px;
    height: 550px;
  }
  .value-and-mission .section-content .left-content img {
    height: 100%;
    width: 100%;
    object-fit: cover;
  }

  .headers .breadcrumb {
    margin-left: unset;
  }

  .our-ethics-blog {
    padding-bottom: 80px !important;
  }

  .first-left-col {
    gap: 10px 10px;
  }

  .right-rows > div,
  .left-bottom-rows > div {
    gap: 10px !important;
  }

  .our-ethics-blog > .right-content,
  .our-ethics-blog > .left-content {
    width: unset;
  }

  .our-ethics-blog .left-content .our-ethics-blog-title {
    margin: 0;
  }

  .our-ethics-row-div-1 {
    height: 880px;
    flex-direction: column;
    justify-content: flex-end;
    align-items: center;
    gap: unset;
    margin-top: 50px;
  }

  .our-ethics-row-div-1 > div .our-ethics-desc {
    padding-bottom: 0;
    margin-bottom: 0;
  }

  .our-ethics-row-div-1 > div {
    width: 100% !important;
  }

  .our-ethics-row-div-2 {
    flex-direction: column;
    height: 1031px;
    margin: 0;
    justify-content: flex-end;
  }

  .our-ethics-row-div-2 > p {
    width: 100%;
  }

  .our-ethics-row-2 img {
    top: -51px;
  }

  .our-ethics-row-2 {
    margin-bottom: 80px !important;
  }

  section.galery {
    margin-top: 0;
    padding-top: 80px;
  }

  .first-left-col {
    gap: 10px 10px;
  }
  .right-rows > div,
  .left-bottom-rows > div {
    gap: 10px !important;
  }

  section.our-ethics {
    margin-top: 10px !important;
    padding: 30px 80px !important;
  }

  .our-ethics-row-div-1,
  .our-ethics-row-div-2 {
    padding: 0;
  }

  .our-ethics-row-1 img,
  .our-ethics-row-2 img {
    left: 50%;
    transform: translateX(-50%) !important;
  }

  .our-ethics-row-1 img {
    top: 17px;
    height: 510px;
  }

  .our-ethics-row-2 img {
    height: 592px;
    top: -40px;
  }

  .our-ethics-row-div-1 > div,
  .our-ethics-row-div-2 > p {
    padding: 0 40px 40px 40px;
  }
  .our-ethics-row-1 {
    margin-top: 32px;
    padding: 0px;
    height: 932px;
  }
  .our-ethics-row-2 {
    height: 900px;
    margin-bottom: 50px !important;
    margin-top: 90px;
  }

  .our-ethics > :nth-child(2) > .left-content > .our-ethics-title {
    font-size: 45px;
  }
  .our-ethics > :nth-child(2) > .left-content > .our-ethics-title > span {
    text-wrap: nowrap;
  }

  .section-content-row.bottom-row .journey-card {
    padding-bottom: 345px !important;
  }

  section.journey > div {
    padding: 0;
  }

  .our-ethics-blog {
    flex-direction: column-reverse;
    padding: 160px 80px 80px 80px;
    gap: 24px;
    margin-top: 0;
  }

  .our-ethics-blog-title {
    margin-bottom: 16px !important;
  }

  .our-ethics-blog > div {
    width: 100%;
  }

  section.journey > div > .section-content {
    padding: 0;
  }

  .value-and-mission > div .section-top-row-about-us .section-desc-about-us {
    padding: 0;
  }

  .galery
    .section-top-row-about-us
    .section-title-about-us-wrapper
    .section-title-about-us,
  .galery
    .section-top-row-about-us
    .section-title-about-us-wrapper
    .section-title-about-us-mobile {
    line-height: 36px;
    font-size: 36px;
  }

  .galery
    .section-top-row-about-us
    .section-title-about-us-wrapper
    .section-title-about-us {
    display: none;
  }

  .galery
    .section-top-row-about-us
    .section-title-about-us-wrapper
    .section-title-about-us-mobile {
    display: block;
  }

  .our-ethics-row-div-1 > div > .our-ethics-title > span::after {
    bottom: -1px;
    width: calc(100% + 10px);
    height: 19px;
  }
  .galery
    > .section-top-row-about-us
    > .section-title-about-us-wrapper
    > .section-title-about-us-mobile
    span::after {
    height: 17px;
  }
}

@media screen and (max-width: 600px) {
  .headers {
    padding: 100px 20px 10px 20px;
    gap: 65px;
  }

  .headers-content {
    padding: 0;
  }

  .vertical-line-mobile {
    display: block;
  }
  section.journey {
    padding: 40px 20px 30px 20px;
  }

  .journey-card {
    padding: 30px;
  }

  .value-and-mission {
    margin-top: -10px;
  }
  .section-content-row {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }

  .vertical-line-journey-desktop {
    display: none;
  }

  .section-content-row.journey-row-2 {
    margin-top: 0px;
  }
  .section-content-row.journey-row-3 {
    margin-top: 0px;
  }

  .section-content-row.bottom-row {
    flex-direction: column-reverse !important;
    margin-top: 0px;
  }

  .value-and-mission .section-content {
    flex-direction: column;
  }

  section.value-and-mission .section-content .right-content {
    padding: 20px 30px 27px 30px;
  }
  .value-and-mission-card {
    height: 350px;
  }

  .value-and-mission .section-content .right-content h2 {
    padding: 0px;
  }

  section.galery {
    margin-top: 30px;
    padding: 50px 24px;
  }

  .section-title-about-us,
  .section-title-about-us-mobile {
    font-size: 36px;
    line-height: 40px;
  }

  .value-and-mission
    > div
    .section-top-row-about-us
    .section-title-about-us-wrapper
    .section-title-about-us {
    text-align: center !important;
    max-width: 207px;
  }

  section.journey
    .section-top-row-about-us
    .section-title-about-us-wrapper
    .section-title-about-us {
    display: none;
  }
  section.journey
    .section-top-row-about-us
    .section-title-about-us-wrapper
    .section-title-about-us-mobile {
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
  section.value-and-mission
    .section-top-row-about-us
    .section-title-about-us-wrapper
    .section-title-about-us {
    display: none;
  }
  section.value-and-mission
    .section-top-row-about-us
    .section-title-about-us-wrapper
    .section-title-about-us-mobile {
    display: flex;
    flex-direction: column;
    justify-content: center;
  }

  section.galery
    .section-top-row-about-us
    .section-title-about-us-wrapper
    .section-title-about-us {
    display: none;
  }
  section.galery
    .section-top-row-about-us
    .section-title-about-us-wrapper
    .section-title-about-us-mobile {
    display: block;
  }
  .section-title-about-us-mobile span {
    position: relative;
  }

  .section-title-about-us-mobile span::after {
    content: "";
    width: 105%;
    height: 25px;
    position: absolute;
    left: 50%;
    bottom: -4px;
    transform: translateX(-50%);
    background-color: #b3e7e6;
    z-index: 1;
    mix-blend-mode: multiply;
  }

  .journey
    .section-top-row-about-us
    .section-title-about-us-wrapper
    .section-title-about-us-mobile
    span:nth-child(2):after {
    width: 75% !important;
  }

  .value-and-mission
    > div
    .section-top-row-about-us
    .section-title-about-us-wrapper-mobile {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }

  .value-and-mission
    > div
    .section-top-row-about-us
    .section-title-about-us-wrapper-mobile
    span {
    position: relative;
  }
  .value-and-mission
    > div
    .section-top-row-about-us
    .section-title-about-us-wrapper-mobile
    span::after {
    content: "";
    width: 100%;
    height: 25px;
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translateX(-50%);
    background-color: #b3e7e6;
    z-index: 1;
    mix-blend-mode: multiply;
  }

  .title-about-us-mobile-top {
    display: flex;
    flex-direction: row;
    gap: 10px;
  }

  .value-and-mission .section-content .left-content {
    width: 100% !important;
  }

  .parent-mob {
    width: 100%;
    display: flex;
    gap: 10px;
    overflow: scroll;
    border-radius: 5px;
  }

  .parent-mob img {
    width: 100%;
    border-radius: 8px;
    height: 200px;
    object-fit: cover;
    max-width: unset;
  }

  .galery-desktop {
    display: none;
  }
  .galery-mobile {
    display: block;
  }

  .dsc-wrapper {
    width: 105% !important;
    height: 270px !important;
    bottom: -19px !important;
  }

  .line-vertical {
    height: 260px !important;
  }

  .dsc-wrapper {
    width: 105% !important;
    height: 270px !important;
  }

  section.value-and-mission .section-content .right-content {
    padding: 0px;
    width: 100%;
  }

  .value-and-mission > div {
    padding: 0 24px;
  }
  .value-and-mission > div .section-content .left-content {
    display: none;
  }

  .value-and-mission > div .section-top-row-about-us .section-desc-about-us {
    padding: 0;
  }

  section.journey .section-top-row-about-us,
  section.value-and-mission .section-top-row-about-us {
    margin-bottom: 40px;
  }

  section.journey > div > .section-content {
    padding: 0;
  }
  .value-and-mission-top-row {
    padding: 0;
  }

  .section-content-row.bottom-row .journey-card {
    padding-bottom: 265px !important;
  }

  .our-ethics-blog {
    padding: 80px 24px 80px 24px;
  }

  section.our-ethics {
    padding: 30px 24px !important;
  }

  .our-ethics-row-div-1 > div,
  .our-ethics-row-div-2 > p {
    padding: 0 20px 20px 20px;
  }

  .our-ethics-row-2 {
    margin-bottom: 10px !important;
  }

  .our-ethics-row-div-1 {
    height: 850px;
  }

  .our-ethics-row-div-2 {
    height: 920px;
  }

  .our-ethics-row-1 img {
    height: 382px;
  }
  .our-ethics-row-2 img {
    height: 365px;
  }

  .galery > .section-top-row-about-us > .section-desc-about-us {
    margin-top: 24px;
  }

  section.galery
    .section-top-row-about-us
    .section-title-about-us-wrapper
    .section-title-about-us-mobile {
    font-size: 36px;
    line-height: 40px;
  }

  .ellipse {
    top: 69px;
    width: 100%;
    height: 238px;
  }

  .owl-custom-btn {
    display: none;
  }

  .value-and-mission-card_mobile-order {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 30px;
    margin-top: 30px !important;
  }

  .value-and-mission-card_mobile-order > .value-and-mission-card {
    width: 100% !important;
  }

  .value-and-mission
    > div
    .section-top-row-about-us
    .section-title-about-us-wrapper
    .section-title-about-us-mobile
    span:last-child::after {
    width: 95%;
  }

  .value-and-mission-card_mobile-order .value-and-mission-card {
    margin-right: 0 !important;
  }

  .value-and-mission .section-content .right-content {
    overflow-x: unset;
  }
  .galery-desktop {
    display: none !important;
  }
  .galery-mobile {
    display: block !important;
  }

  .value-and-mission-card_mobile-order .value-and-mission-card {
    height: unset;
  }
}

@media screen and (max-width: 420px) {
  .our-ethics-row-div-1 {
    height: 870px;
  }
}
@media screen and (max-width: 400px) {
  .our-ethics > div {
    height: 100%;
  }
  .our-ethics-row-div-1 {
    height: 900px;
  }
  .our-ethics-row-div-2 {
    height: 945px;
  }

  .section-title-about-us:not(:first-child)::after {
    width: 56%;
  }

  .our-ethics-row-1 img {
    height: 375px;
  }

  .our-ethics-row-2 img {
    height: 344px;
  }

  .headers
    .headers-content
    .section-top-row-about-us
    > p.section-desc-about-us {
    max-width: 306px;
  }

  .value-and-mission
    > div
    .section-top-row-about-us
    .section-title-about-us-wrapper
    .section-title-about-us-mobile
    span:last-child::after {
    width: 94%;
  }

  .headers .headers-content .section-top-row-about-us .section-title-about-us {
    font-size: 48px !important;
    line-height: 50px !important;
  }

  section.journey
    .section-top-row-about-us
    .section-title-about-us-wrapper
    .section-title-about-us-mobile,
  section.value-and-mission
    .section-top-row-about-us
    .section-title-about-us-wrapper
    .section-title-about-us-mobile {
    font-size: 40px;
    line-height: 50px;
  }

  .galery
    .section-top-row-about-us
    .section-title-about-us-wrapper
    .section-title-about-us-mobile {
    line-height: 40px !important;
    font-size: 40px !important;
  }
}

@media screen and (max-width: 376px) {
  .our-ethics-row-div-1 {
    height: 925px;
  }
  .our-ethics-row-div-2 {
    height: 965px;
  }
}

/* End About Us 2023 - Our Purpose and History */

/* ----------------------------------- */

/* People and Development */

.hero-title {
  font-size: 48px;
  font-weight: 700;
  line-height: 57.6px;
  letter-spacing: -0.035em;
  text-align: left;
  color: #072e45;
}

.people-left-content .hero-title > span {
  color: #00afaa;
  font-size: 48px;
  font-weight: 700;
  line-height: 57.6px;
  letter-spacing: -0.035em;
}
.people-left-content .hero-title > span::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: calc(100% + 5px);
  height: 30px;
  background-color: #fee879 !important;
  mix-blend-mode: multiply;
}

.desc {
  font-family: var(--ssau-ff-roboto);
  font-size: 16px;
  font-weight: 400;
  line-height: 27.2px;
  letter-spacing: 0.02em;
  text-align: left;
  color: #10405a;
}

.card-title-people-dev {
  font-size: 24px;
  font-weight: 700;
  line-height: 36px;
  letter-spacing: -0.01em;
  text-align: left;
  color: #10405a;
  margin: 0;
}

.divider-animated-line circle {
  -webkit-transition-duration: 0.5s;
}

/* People Hero */
.people-hero {
  padding-top: 80px;
  background-color: #f4f9f9;
  width: 100%;
}
.people-hero p,
.people-hero h1,
.people-hero h2,
.people-hero h3,
.recruitment-process p,
.recruitment-process h2,
.recruitment-process h3,
.onboarding-process p,
.onboarding-process h2,
.training-and-career p,
.training-and-career h2,
.training-and-career h3,
.training-and-career-bottom-row p {
  padding: 0;
  margin: 0;
}

.people-hero-inner {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 32px;
  max-width: 1440px;
  margin: 0 auto;
  background-color: transparent;
  position: relative;
}

.people-left-content,
.people-right-content {
  z-index: 4;
}

.people-container .people-left-content {
  max-width: 553px;
}
.people-container .people-right-content {
  max-width: 705px;
}

.vector-people {
  width: 400px !important;
  position: absolute;
  left: -10px;
  top: -50px;
  z-index: 1;
}

.people-left-content {
  display: flex;
  padding-top: 50px;
  justify-content: center;
  flex-direction: column;
  padding-left: 80px;
  z-index: 2;
  gap: 24px;
}

/* People Recruitment Process */

.recruitment-process {
  width: 100%;
}

.divider-recruitment-card {
  display: none;
}

.recruitment-content-mobile-appereance {
  display: none;
}

.recruitment-process-inner {
  max-width: 1440px;
  margin: 0 auto;
  padding: 80px 150px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}

.top-section-row {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  gap: 24px;
  margin-bottom: 60px;
}

.top-section-title {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  font-family: var(--ff-ubuntu);
  font-size: 36px;
  font-weight: 700;
  line-height: 43.2px;
  letter-spacing: -0.02em;
  text-align: center;
  color: #10405a;
  margin: 0;
}

.top-section-desc {
  max-width: 500px;
}
.top-section-desc.desc {
  text-align: center;
}

.top-section-title span {
  position: relative;
  color: #00afaa;
}

.top-section-title span::after {
  content: "";
  position: absolute;
  bottom: -3px;
  left: 50%;
  transform: translateX(-50%);
  width: 104%;
  height: 25px;
  background-color: #fee879;
  mix-blend-mode: multiply;
  opacity: 90%;
}
.top-section-desc {
  max-width: 667px;
  text-align: center;
}

.recruitment-content {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: flex-start;
  height: 1259px;
  overflow: hidden;
}

.recruitment-left-content {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  flex: 1;
}

.recruitment-center-content {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: flex-start;
  height: 100%;
}

.recruitment-left-content > div,
.recruitment-right-content > div,
.recruitment-center-content > div {
  -webkit-transition-duration: 0.5s;
}

.recruitment-left-content > div:nth-child(1) {
  opacity: 0;
  -webkit-transform: translateX(-375%);
}
.recruitment-left-content > div:not(:nth-child(1)) {
  opacity: 0;
  -webkit-transform: translateX(-75%);
}
.recruitment-right-content > div {
  opacity: 0;
  -webkit-transform: translateX(75%);
}

.recruitment-center-content > div {
  height: 0px;
  border: 2.5px solid #e5f7f7;
}
.recruitment-right-content {
  flex-direction: column;
  align-items: flex-end;
  flex: 1;
}

/* Recruiment SVG */
.usability {
  margin-top: 161px;
}

.megaphone {
  margin-top: 76px;
}

.job-interview {
  margin-top: 228px;
}

.check {
  margin-top: 210px;
}

.megaphone,
.job-interview {
  margin-right: 30px;
}
.check,
.usability {
  margin-left: 30px;
}

/* Recruiment Card */
.recruitment-card {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  padding: 20px;
  border-radius: 12px;
  border: 1px solid #cacdd5;
  width: 530px;
}

.recruitment-card-body {
  width: 442px;
}

.onboard-card {
  z-index: 2;
}

.recruitment-card-title,
.onboard-card-title {
  font-family: var(--ff-ubuntu);
  font-size: 24px;
  font-weight: 700;
  line-height: 36px;
  letter-spacing: -0.01em;
  text-align: left;
  color: #10405a;
}

.recruitment-card-desc {
  font-family: var(--ssau-ff-roboto);
  font-size: 16px;
  font-weight: 400;
  line-height: 27.2px;
  letter-spacing: 0.02em;
  text-align: left;
  color: #10405a;
}

/* .advertise-card,
.shortlist-card {
  height: 130px;
} */

.shortlist-card {
  margin-top: 100px;
  flex-direction: row-reverse;
}

.interview-card {
  margin-top: 153px;
}

.offer-and-acceptance-card {
  margin-top: 141px;
  flex-direction: row-reverse;
}

.left-recruitment-card {
  margin-right: 30px;
}
.right-recruitment-card {
  margin-left: 30px;
}

.recruitment-left-content
  .recruitment-card
  .recruitment-card-body
  .recruitment-card-title,
.recruitment-left-content .recruitment-card {
  flex-direction: row-reverse;
}
.recruitment-left-content
  .recruitment-card
  .recruitment-card-body
  .recruitment-card-title,
.recruitment-left-content
  .recruitment-card
  .recruitment-card-body
  .recruitment-card-desc {
  text-align: right;
}

.first-dot-animated,
.second-dot-animated,
.third-dot-animated,
.fourth-dot-animated {
  position: absolute;
  z-index: 2;
  -webkit-transition-duration: 0.5s;
  -webkit-transition-property: opacity, transform;
  opacity: 0;
}

.first-dot-animated {
  top: 114px;
  left: 50%;
  -webkit-transform: translateX(-50%);
}
.second-dot-animated {
  top: 365px;
  left: 50%;
  -webkit-transform: translateX(-50%);
}
.third-dot-animated {
  top: 750px;
  left: 50%;
  -webkit-transform: translateX(-50%);
}
.fourth-dot-animated {
  bottom: 110px;
  left: 50%;
  -webkit-transform: translateX(-50%);
}

.divider-recruitment-card > .divider-verticalLine-first,
.divider-recruitment-card > .divider-verticalLine-second,
.divider-recruitment-card > .divider-verticalLine-third {
  width: 5px;
  background: linear-gradient(180deg, #00afaa 0%, rgba(0, 175, 170, 0) 90.87%);
  height: 138px;
  position: absolute;
  top: 0;
  z-index: 3;
  -webkit-transition-duration: 1s;
  -webkit-transition-property: height;
}

/* Training and Career */

.training-and-career-inner {
  padding: 80px 150px;
  max-width: 1440px;
  margin: 0 auto;
}

.training-and-career-content {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

.training-and-career-inner-content {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  height: 100%;
  position: relative;
}

.general-training-card-horizontal-line {
  background-color: #10405a;
  height: 3.5px;
  z-index: 2;
  width: 0px;
}

.general-training-card-horizontal-line-1,
.general-training-card-horizontal-line-3,
.general-training-card-horizontal-line-5 {
  transform: translateX(-13px);
}
.general-training-card-horizontal-line-2,
.general-training-card-horizontal-line-4 {
  transform: translateX(-13px);
}

.general-training-card-horizontal-line-1,
.general-training-card-horizontal-line-2,
.general-training-card-horizontal-line-3,
.general-training-card-horizontal-line-4,
.general-training-card-horizontal-line-5 {
  -webkit-transition-delay: 0.5s;
  -webkit-transition-duration: 0.5s;
  -webkit-transition-property: width;
}

.training-and-career-right-content {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 30px;
  transform: translateX(-15px);
  width: 100%;
}

.vertical-line-training {
  width: 5px;
  background-color: #e0edf4;
  height: 100%;

  position: absolute;
  top: 0;
}

.general-training-first-row,
.general-training-second-row,
.general-training-third-row,
.general-training-fourth-row,
.general-training-fifth-row {
  display: flex;
  align-items: center;
  position: relative;
}

.general-training-first-row > svg,
.general-training-second-row > svg,
.general-training-third-row > svg,
.general-training-fourth-row > svg,
.general-training-fifth-row > svg {
  transition-duration: 0.5s;
  transition-property: opacity;
}

.general-training-first-row > svg {
  transition-delay: 0.5s;
}

.general-training-card {
  z-index: 4;
  margin-left: 35px;
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 65px 40px 65px 80px;
  gap: 12px;
  border-radius: 12px;
  border: 1px solid #cacdd5;
  opacity: 0;
  /* transform: translateX(-300%); */
}

.general-training-card-1,
.general-training-card-2,
.general-training-card-3,
.general-training-card-4,
.general-training-card-5 {
  -webkit-transition-duration: 0.2s;
  -webkit-transition-property: transform, opacity;
}

.general-training-card-number {
  position: absolute;
  left: -145px;
  transform: translateY(-57px);
}

.general-training-icon-1,
.general-training-icon-2,
.general-training-icon-3,
.general-training-icon-4,
.general-training-icon-5 {
  position: absolute;
  left: -52px;
  top: 50%;
  transform: translateY(-50%);
}

.general-training-card-desc {
  max-width: 512px;
}

.training-and-career-bottom-row {
  padding: 0 267px;
  margin: 60px auto 80px auto;
}

.training-and-career-bottom-row > p {
  text-align: center;
  max-width: 905px;
  margin: 0 auto;
}

.vertical-line-training {
  border: 2.5px solid #e0edf4;
  height: 0;
  position: absolute;
  left: 0;
  top: 0;
  -webkit-transition-duration: 0.5s;
  -webkit-transition-property: height;
}

.training-and-career-mobile-appereance {
  display: none;
}

.divider-training-card {
  position: relative;
}

.divider-verticalLine-training-first,
.divider-verticalLine-training-second,
.divider-verticalLine-training-third,
.divider-verticalLine-training-fourth {
  background-color: #e5f7f7;
  width: 11px;
  height: 105px;
  position: absolute;
  top: 17px;
  z-index: 3;
  -webkit-transition-duration: 1s;
  -webkit-transition-property: height;
}

.divider-training-card > svg {
  position: absolute;
  top: 100px;
  z-index: 5;
}

/* People onboarding Process */
.onboarding-process {
  width: 100%;

  background-color: #f4f9f9;
}

.onboarding-process-inner {
  max-width: 1440px;
  margin: 0 auto;
  padding: 80px 150px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}

.onboarding-process .onboarding-process-inner .onboarding-top-row {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  gap: 24px;
}

.onboarding-middle-row {
  width: 100%;
  margin: 80px 0;
}

.onboarding-process-card-wrapper {
  display: flex;
  align-items: center;
  position: relative;
  border-radius: 12px;
  max-width: 1200px;
  margin: 0 auto;
}

.onboarding-process-card-image-wrapper img {
  width: 100%;
  height: 100%;
  object-fit: fill;
  border-radius: 12px;
}

.onboarding-process-card-captions-wrapper {
  width: 100%;
  max-width: 1440px;
  height: 318px;
  border-radius: 12px;
  border: 1px solid #cacdd5;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  z-index: 2;
  padding: 51px 35px;
  margin-right: 19px;
}

.onboarding-process-card-captions {
  max-width: 520px;
  font-family: var(--ssau-ff-roboto);
  font-size: 16px;
  font-weight: 400;
  line-height: 27.2px;
  letter-spacing: 0.02em;
  text-align: left;
  color: #10405a;
}

.onboarding-process-card-image-wrapper {
  z-index: 1;
  position: absolute;
  right: 0;
  width: 555px;
  top: 50%;
  transform: translateY(-50%) !important;
  height: 400px;
  border-radius: 12px;
}

.onboarding-process .onboarding-process-inner .onboarding-bottom-row {
  width: 100%;
}

.onboarding-process
  .onboarding-process-inner
  .onboarding-bottom-row
  .onboarding-bottom-inner {
  margin-top: 60px;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: repeat(2, 1fr);
  gap: 30px;
  width: 100%;
  height: auto;
}

.onboarding-process
  .onboarding-process-inner
  .onboarding-bottom-row
  .onboarding-bottom-inner
  .grid-item {
  padding: 0 40px;
  height: 233px;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}

.day-svg {
  top: -5px;
  position: absolute;
  left: 2px;
  z-index: 1;
  width: 85%;
}

.onboarding-process
  .onboarding-process-inner
  .onboarding-bottom-row
  .onboarding-bottom-inner
  .grid-item:nth-child(1) {
  margin: auto;
  display: flex;
  height: fit-content;
  padding: unset;
}

.onboarding-process
  .onboarding-process-inner
  .onboarding-bottom-row
  .onboarding-bottom-inner
  .grid-item:nth-child(1)
  span,
.onboarding-bottom-inner-mobile .grid-item:nth-child(1) span,
.onboarding-process
  .onboarding-process-inner
  .onboarding-bottom-row
  .onboarding-bottom-inner
  .grid-item:nth-child(1)
  h3,
.onboarding-bottom-inner-mobile .grid-item:nth-child(1) h3 {
  font-family: var(--ff-ubuntu);
  font-size: 24px;
  font-weight: 700;
  line-height: 36px;
  letter-spacing: -0.01em;
  text-align: left;
  color: #10405a;
}

.onboarding-process
  .onboarding-process-inner
  .onboarding-bottom-row
  .onboarding-bottom-inner
  .grid-item:nth-child(1)
  h3,
.onboarding-bottom-inner-mobile .grid-item:nth-child(1) h3 {
  margin: 0;
}

.onboarding-process
  .onboarding-process-inner
  .onboarding-bottom-row
  .onboarding-bottom-inner
  .grid-item:not(:nth-child(1)) {
  gap: 40px;
  border-radius: 12px;
  border: 1px solid #cacdd5;
  background-color: #fff;
  padding: 0 40px 17px 40px;
  align-items: flex-start;
}

.onboarding-process
  .onboarding-process-inner
  .onboarding-bottom-row
  .onboarding-bottom-inner
  .grid-item:not(:nth-child(1))
  > .onboard-card {
  display: flex;
  flex-direction: column;
  gap: 12px;
  margin-top: 65px;
}

.onboarding-process
  .onboarding-process-inner
  .onboarding-bottom-row
  .onboarding-bottom-inner
  .grid-item:nth-child(2)
  > .grid-line-path-1 {
  position: absolute;
  top: 50%;
  left: 100%;
  width: 31px;
  height: 4px;
  background-color: #00afaa;
  transform: translateY(-50%);
  transition-property: width;
  transition-duration: 1s;
}
.onboarding-process
  .onboarding-process-inner
  .onboarding-bottom-row
  .onboarding-bottom-inner
  .grid-item:nth-child(3)
  > .grid-line-path-2 {
  position: absolute;
  top: 100%;
  rotate: 90deg;
  width: 29px;
  height: 4px;
  background-color: #00afaa;
  transform: translate(50%);
  transition-property: width;
  transition-duration: 1s;
}

.onboarding-process
  .onboarding-process-inner
  .onboarding-bottom-row
  .onboarding-bottom-inner
  .grid-item:nth-child(6)
  > .grid-line-path-3 {
  position: absolute;
  top: 50%;
  right: calc(100% + 2px);
  width: 29px;
  height: 4px;
  background-color: #00afaa;
  transform: translateY(-50%);
  transition-property: width;
  transition-duration: 1s;
}
.onboarding-process
  .onboarding-process-inner
  .onboarding-bottom-row
  .onboarding-bottom-inner
  .grid-item:nth-child(5)
  > .grid-line-path-4 {
  position: absolute;
  top: 50%;
  right: calc(100% + 2px);
  width: 29px;
  height: 4px;
  background-color: #00afaa;
  transform: translateY(-50%);
  transition-property: width;
  transition-duration: 1s;
}

.grid-item .grid-item-line-1 {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: calc(100% - 24px);
  transition: all 0.5s;
}

.grid-item .grid-item-line-2 {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: calc(100% - 24px);
  transition-property: opacity;
  transition-duration: 1s;
}

.grid-item .grid-item-line-3 {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: calc(100% - 21px);
  transition-property: opacity;
  transition-duration: 1s;
}
.grid-item .grid-item-line-4 {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: calc(100% - 21px);
  transition-property: opacity;
  transition-duration: 1s;
}

.onboarding-bottom-inner-mobile {
  display: none;
}

.onboarding-bottom-inner-mobile .grid-item:nth-child(1) {
  width: 100%;
}
.onboarding-bottom-inner-mobile .grid-item:not(:nth-child(1)) {
  width: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  position: relative;
  gap: 40px;
  border-radius: 12px;
  border: 1px solid #cacdd5;
}

.onboarding-bottom-inner-mobile .onboard-card {
  padding: 40px;
}

.grid-item-vertical {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: flex-start;
  position: relative;
  height: 30px;
}

.grid-item-vertical > svg {
  position: absolute;
  top: -17px;
}

.grid-line-path-mob-1,
.grid-line-path-mob-2,
.grid-line-path-mob-3,
.grid-line-path-mob-4,
.grid-line-path-mob-5 {
  background: #00afaa;
  height: 30px;
  z-index: 2;
  width: 5px;
  -webkit-transition-duration: 0.5s;
  -webkit-transition-property: height;
}

.grid-item-dot {
  -webkit-transition-duration: 0.5s;
  -webkit-transition-property: opacity;
}

.onboarding-process-card-image-wrapper {
  width: 555px;
  height: 400px;
}
.onboarding-process-card-image-wrapper img {
  object-fit: cover;
}

.onboarding-process-card-captions {
  max-width: calc(100% - 52%);
}

.training-and-career-mobile-appereance
  .divider-training-card
  .general-training-card-number {
  opacity: 0;
  -webkit-transition-duration: 0.5s;
}

@media screen and (max-width: 1300px) {
  /* Recruitment */
  .recruitment-card {
    width: unset;
    height: unset;
  }

  .recruitment-card-body {
    width: unset;
  }

  .recruitment-content {
    height: 1323px;
  }

  .left-recruitment-card {
    margin-right: 40px;
  }
  .right-recruitment-card {
    margin-left: 40px;
  }

  .left-recruitment-card {
    margin-right: 30px;
  }
  .right-recruitment-card {
    margin-left: 30px;
  }

  /* Onboarding */

  .onboarding-process-card-captions-wrapper {
    padding: 30px 35px;
  }

  .onboarding-process-card-captions-wrapper {
    height: unset;
  }

  .onboarding-process-card-image-wrapper {
    width: calc(100% - 50%);
    height: 115%;
  }

  .onboarding-process
    .onboarding-process-inner
    .onboarding-bottom-row
    .onboarding-bottom-inner
    .grid-item:not(:nth-child(1)) {
    height: unset;
  }

  /* Training and Career */

  /* Bottom Row */
  .training-and-career-bottom-row {
    padding: unset;
  }
}

@media screen and (max-width: 1024px) {
  .people-hero-inner {
    padding-bottom: 20px;
  }
  /* Recruitment */
  .recruitment-process-inner {
    padding: 80px;
  }

  /* Training and career */
  .training-and-career-inner {
    padding: 80px;
  }

  /* Onboarding */
  .onboarding-process-inner {
    padding: 80px;
  }

  .onboarding-process-card-captions-wrapper {
    height: unset;
  }

  .onboarding-process-card-image-wrapper img {
    object-fit: cover !important;
  }

  .onboarding-process
    .onboarding-process-inner
    .onboarding-bottom-row
    .onboarding-bottom-inner
    .grid-item {
    height: unset;
  }

  /* Training and Career */
  .general-training-first-row,
  .general-training-second-row,
  .general-training-third-row,
  .general-training-fourth-row,
  .general-training-fifth-row {
    margin-left: 10px;
  }

  .general-training-card {
    margin-left: 34px;
  }
  .general-training-card-horizontal-line-1 {
    background-color: #10405a;
    height: 3.5px;
    z-index: 2;
    transform: translateX(-17px);
  }
  .general-training-card-horizontal-line-2 {
    background-color: #10405a;
    height: 3.5px;
    z-index: 2;
    transform: translateX(-13px);
  }
  .general-training-card {
    padding: 30px 44px 30px 88px;
  }

  .training-and-career-right-content {
    transform: translateX(-25px);
  }
  .vector-people {
    top: -80px;
    left: -55px;
  }

  .onboarding-process-card-image-wrapper img {
    object-fit: cover;
  }

  .recruitment-content {
    height: 1410px;
  }

  .fourth-dot-animated {
    bottom: 12%;
  }
}

@media screen and (max-width: 900px) {
  /* Hero */
  .people-hero-inner {
    padding: 0 0 40px 0;
  }

  .people-left-content {
    width: 100%;
    padding-left: 40px;
  }

  .people-left-content .hero-title {
    margin-top: 24px;
  }

  .people-left-content > * {
    text-align: center;
  }

  .people-left-content > #ssau-breadcrumb {
    text-align: left;
  }

  .people-left-content > .breadcrumb {
    text-align: left;
  }
  .people-right-content {
    width: 100%;
  }

  /* Recruitment */
  .recruitment-process-inner {
    padding: 80px 24px;
  }

  .recruitment-process-inner .top-section-row .top-section-desc,
  .onboarding-process-inner .top-section-row .top-section-desc {
    max-width: 541px;
  }

  .recruitment-content {
    height: 1460px;
  }

  .left-recruitment-card {
    margin-right: 20px;
  }

  .right-recruitment-card {
    margin-left: 20px;
  }

  .megaphone,
  .job-interview {
    margin-right: 20px;
  }
  .check,
  .usability {
    margin-left: 20px;
  }

  .usability {
    transform: translateX(75%);
    opacity: 0;
  }

  /* Onboarding */

  .onboarding-process
    .onboarding-process-inner
    .onboarding-bottom-row
    .onboarding-bottom-inner {
    gap: 20px;
  }

  .onboarding-process
    .onboarding-process-inner
    .onboarding-bottom-row
    .onboarding-bottom-inner
    .grid-item:nth-child(1) {
    margin: unset;
  }

  .onboarding-process
    .onboarding-process-inner
    .onboarding-bottom-row
    .onboarding-bottom-inner
    .grid-item:nth-child(1)
    span,
  .onboarding-process
    .onboarding-process-inner
    .onboarding-bottom-row
    .onboarding-bottom-inner
    .grid-item:nth-child(1)
    h3 {
    max-width: 216px;
  }
  .onboarding-process .onboarding-process-inner {
    position: relative;
    padding: 60px 24px;
  }

  .onboarding-process-card-captions-wrapper {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: center;
  }

  .onboarding-process-card-wrapper {
    padding: 0 80px;
  }

  .onboarding-process-card-captions-wrapper {
    margin-right: unset;
    height: 610px;
  }

  .onboarding-process-card-image-wrapper {
    left: 50%;
    top: -40px;
    transform: translateX(-50%) !important;
  }

  .onboarding-process-card-captions {
    max-width: 100%;
  }

  .onboarding-process
    .onboarding-process-inner
    .onboarding-bottom-row
    .onboarding-bottom-inner
    .grid-item {
    height: 337px;
    align-items: flex-start;
    padding: 60px 40px 40px 40px;
  }

  .onboard-card {
    display: flex;
    flex-direction: column;
    gap: 12px;
  }

  .general-training-card {
    padding: 52px 40px 52px 80px;
    /* width: 550px; */
  }

  .onboarding-process-card-image-wrapper img {
    height: unset;
    width: unset;
  }

  /* Training and Career */
  .training-and-career-right-content {
    margin-left: 0;
    transform: translateX(0);
  }
  .training-and-career-inner {
    padding: 80px 24px;
  }

  .training-and-career-inner-content {
    width: 100%;
    justify-content: space-between;
  }

  .general-training-first-row,
  .general-training-second-row,
  .general-training-third-row,
  .general-training-fourth-row,
  .general-training-fifth-row {
    margin-left: 0px;
    width: 100%;
    margin-left: auto;
  }

  .training-and-career-right-content {
    margin: 0px !important;
    width: 100%;
  }

  .general-training-card-number {
    left: -135px;
  }

  .general-training-first-row > svg,
  .general-training-second-row > svg,
  .general-training-third-row > svg,
  .general-training-fourth-row > svg,
  .general-training-fifth-row > svg {
    transform: translateX(-14px);
  }
  .general-training-card-horizontal-line {
    background-color: #10405a;
    height: 3.5px;
    z-index: 2;
    transform: translateX(-26px);
  }
  .general-training-first-row > svg,
  .general-training-second-row > svg,
  .general-training-third-row > svg,
  .general-training-fourth-row > svg,
  .general-training-fifth-row > svg {
    position: absolute;
    left: -14px;
    top: 50%;
    transform: translateY(-50%);
  }

  .general-training-card-horizontal-line {
    -webkit-transform: translateX(-3px);
    margin-left: 10px;
  }

  .general-training-card {
    padding: 30px 44px 30px 88px;
    height: 290px;
  }

  .training-and-career-bottom-row {
    padding: 0 24px;
  }

  .onboarding-process-card-image-wrapper {
    width: calc(100% - 30%);
    height: unset;
  }

  .onboarding-process-card-captions-wrapper {
    min-height: 612px;
    height: unset;
  }
}

@media screen and (max-width: 768px) {
  .people-hero-inner {
    padding-bottom: 0;
  }
  .onboarding-process-card-captions-wrapper {
    min-height: 575px;
    height: 585px;
  }

  .onboarding-process-card-image-wrapper {
    width: calc(90% - 22%) !important;
  }

  .general-training-first-row > svg,
  .general-training-second-row > svg,
  .general-training-third-row > svg,
  .general-training-fourth-row > svg,
  .general-training-fifth-row > svg {
    position: absolute;
    left: -14px;
    top: 50%;
    transform: translateY(-50%);
  }

  .general-training-card-horizontal-line {
    -webkit-transform: translateX(-3px);
    margin-left: 10px;
  }

  .general-training-card {
    padding: 30px 44px 30px 88px;
    height: 290px;
  }

  .training-and-career-bottom-row {
    padding: 32px;
  }

  .grid-item-line-1,
  .grid-item-line-2,
  .grid-item-line-3,
  .grid-item-line-4 {
    width: 25px;
    height: 25px;
  }

  .grid-item-line-1 {
    left: calc(100% - 12px) !important;
  }

  .grid-item-line-2 {
    top: calc(100% - 12px) !important;
  }

  .grid-item-line-3,
  .grid-item-line-4 {
    right: calc(100% - 12px) !important;
  }

  .onboarding-process
    .onboarding-process-inner
    .onboarding-bottom-row
    .onboarding-bottom-inner
    .grid-item:nth-child(2)
    > .grid-line-path-1 {
    width: 21.5px;
  }

  .onboarding-process
    .onboarding-process-inner
    .onboarding-bottom-row
    .onboarding-bottom-inner
    .grid-item:nth-child(3)
    > .grid-line-path-2 {
    width: 19.5px;
  }

  .onboarding-process
    .onboarding-process-inner
    .onboarding-bottom-row
    .onboarding-bottom-inner
    .grid-item:nth-child(6)
    > .grid-line-path-3 {
    width: 21px;
  }
  .onboarding-process
    .onboarding-process-inner
    .onboarding-bottom-row
    .onboarding-bottom-inner
    .grid-item:nth-child(5)
    > .grid-line-path-4 {
    width: 21px;
  }
}

@media screen and (max-width: 700px) {
  .onboarding-process-card-image-wrapper {
    width: calc(90% - 27%) !important;
  }
}

@media screen and (max-width: 600px) {
  .people-hero-inner {
    padding: 0px;
    flex-direction: column;
  }

  .people-hero-inner .people-left-content {
    padding: 24px;
  }

  .people-left-content .hero-title {
    margin-top: 0;
  }

  /* Recruitment */
  .recruitment-content {
    display: none;
  }

  .recruitment-content-mobile-appereance {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }

  .interview-card,
  .advertise-card,
  .shortlist-card,
  .offer-and-acceptance-card {
    margin: 0;
  }

  .shortlist-card {
    flex-direction: unset;
  }

  .recruitment-content-mobile-appereance .right-recruitment-card {
    margin-left: 0;
  }
  .recruitment-content-mobile-appereance .left-recruitment-card {
    margin-right: 0;
    flex-direction: row;
  }

  .people-container {
    padding-bottom: 80px;
  }

  .divider-recruitment-card {
    display: block;
    height: 135px;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
  }

  .divider-recruitment-card > svg {
    position: absolute;
    top: -23px;
  }

  /* Bottom row */
  .training-and-career-bottom-row {
    padding: 40px 24px;
    margin: 0 auto;
  }

  .training-and-career-content {
    display: none;
  }

  .training-and-career-mobile-appereance {
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
  }

  .training-and-career-mobile-appereance
    .general-training-card
    .general-training-icon-1,
  .training-and-career-mobile-appereance
    .general-training-card
    .general-training-icon-2,
  .training-and-career-mobile-appereance
    .general-training-card
    .general-training-icon-3,
  .training-and-career-mobile-appereance
    .general-training-card
    .general-training-icon-4,
  .training-and-career-mobile-appereance
    .general-training-card
    .general-training-icon-5 {
    display: block;
    top: 10px;
    right: -8px;
    left: unset;
  }

  .training-and-career-mobile-appereance
    .divider-training-card
    .general-training-card-number {
    position: absolute;
    top: unset;
    bottom: 20px;
    left: 50% !important;
    transform: translateX(-50%);
  }

  .training-and-career-mobile-appereance .general-training-card {
    margin-left: 0;
    padding: 38.5px 20px;
  }

  .divider-training-card {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 4;
    height: 221px;
  }

  /* Onboarding */
  .onboarding-process
    .onboarding-process-inner
    .onboarding-bottom-row
    .onboarding-bottom-inner {
    grid-template-columns: auto;
    grid-template-rows: unset;
    gap: 30px;
  }

  .onboarding-process-card-image-wrapper {
    width: 90% !important;
    height: 250px;
  }

  .onboarding-process-card-wrapper {
    padding: 0;
  }

  .onboarding-process-card-captions-wrapper {
    height: 600px;
    padding: 24px;
  }

  .onboarding-process
    .onboarding-process-inner
    .onboarding-bottom-row
    .onboarding-bottom-inner {
    display: none;
  }

  .onboarding-bottom-inner-mobile {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    padding: 20px 0;
    flex-direction: column;
  }

  /* training */
  .training-and-career-mobile-appereance .general-training-card {
    height: unset !important;
  }
}

@media screen and (max-width: 400px) {
  .onboarding-process-card-captions-wrapper {
    height: 590px;
    padding: 17px;
  }
}

/* End of People and Development */

/* ----------------------------------------------------------- */

/* What We Do Teams */
.teams-container p,
.teams-container h1,
.teams-container h2,
.teams-container ul {
  margin: 0;
  padding: 0;
}

/* General */
.ssau_hero-title {
  font-size: 48px;
  font-weight: 700;
  line-height: 57.6px;
  letter-spacing: -0.035em;
  color: #072e45;
  margin: 0;
}

.ssau_hero-desc {
  font-size: 16px;
  font-weight: 400;
  line-height: 27.2px;
  letter-spacing: 0.02em;
  text-align: left;
  font-family: var(--ssau-ff-roboto);
  color: #10405a;
}

.ssau_hero-desc b {
  font-family: var(--ssau-ff-roboto);

  font-size: 16px;
  font-weight: 700;
  line-height: 27.2px;
  letter-spacing: 0.02em;
}
/* Hero */
.ssau-teams_hero {
  background-color: #f4f9f9;
  position: relative;
  display: flex;
  justify-content: space-between;
  gap: 34px;
}

.ssau-teams_hero .ssau_hero-title span {
  color: #00afaa;
  position: relative;
}
.ssau-teams_hero .ssau_hero-title span::after {
  content: "";
  position: absolute;
  bottom: 0px;
  left: 50%;
  transform: translateX(-50%);
  width: calc(100% + 5px);
  height: 24px;
  background-color: #fee879;
  mix-blend-mode: multiply;
}

.ssau-teams_hero .ssau_hero-desc {
  max-width: 519px;
}

.ssau-teams_hero-inner {
  z-index: 2;
  width: 100%;
  background-color: transparent;
  max-width: 1440px;
  margin: 70px auto 0px auto;
  display: flex;
  gap: 30px;
  justify-content: space-between;
  position: relative;
}

.ssau-teams_hero-inner .ssau-teams_hero-inner_left {
  display: flex;
  padding-top: 50px;
  justify-content: center;
  flex-direction: column;
  gap: 24px;
  padding-left: 150px;
  z-index: 2;
}

.ssau-teams_hero-desc {
  font-family: var(--ssau-ff-roboto);
  font-size: 16px;
  font-weight: 400;
  line-height: 27.2px;
  letter-spacing: 0.02em;
  text-align: left;
  color: #10405a;
}

.ssau-teams_hero-inner_right {
  width: 750px;
}

.ssau-teams_hero-inner_right > img {
  margin-top: 15px;
}

.ssau-teams_augmented {
  width: 100%;
}
.ssau-teams_augmented-inner {
  max-width: 1440px;
  margin: 0 auto;
  padding: 80px 150px;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
}

.ssau-teams-title_blue {
  font-size: 36px;
  font-weight: 700;
  line-height: 43.2px;
  letter-spacing: -0.02em;
  color: #10405a;
  margin: 80px 0 40px 0;
}
.ssau-teams-title_blue span {
  position: relative;
}
.ssau-teams-title_blue span::after {
  content: "";
  position: absolute;
  bottom: -5px;
  left: 50%;
  transform: translateX(-50%);
  width: calc(100% + 5px);
  height: 24px;
  background-color: #b3e7e6;
  mix-blend-mode: multiply;
}

.augmented_wrapper-content {
  display: grid;
  grid-template-columns: repeat(2, 555px);
  gap: 30px;
}

.augmented_left {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 16px;
  width: 555px;
}
.augmented_right {
  display: flex;
  justify-content: center;
  align-items: center;
  padding-top: 10%;
}

.augmented_right > img {
  width: 555px;
  height: 345px;
}
.augmented-left-card {
  display: flex;
  gap: 8px;
  justify-content: flex-start;
  align-items: flex-start;
}

.ssau-teams_dedicated {
  width: 100%;
}
.ssau-teams_dedicated-inner {
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 150px 80px 150px;
}

.ssau-teams-title_yellow {
  font-size: 36px;
  font-weight: 700;
  line-height: 43.2px;
  letter-spacing: -0.02em;
  color: #10405a;
}
.ssau-teams-title_yellow span {
  position: relative;
}
.ssau-teams-title_yellow span::after {
  content: "";
  position: absolute;
  bottom: -5px;
  left: 50%;
  transform: translateX(-50%);
  width: calc(100% + 5px);
  height: 24px;
  background-color: #fee879;
  mix-blend-mode: multiply;
}

.dedicated_wrapper-content {
  display: grid;
  grid-template-columns: repeat(2, 555px);

  gap: 30px;
}

.dedicated_left {
  display: flex;
  justify-content: center;
  align-items: center;
}

.dedicated_left > img {
  width: 100%;
  height: 401px;
}

.dedicated_right {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 16px;
}

.dedicated-right-card {
  display: flex;
  gap: 8px;
  justify-content: flex-start;
  align-items: flex-start;
}

.augmented_wrapper-content
  .augmented_left
  .augmented-left-card
  .augmented-card_title,
.dedicated_wrapper-content
  .dedicated_right
  .dedicated-right-card
  .dedicated-card_title {
  font-family: var(--ssau-ff-roboto);
  color: #072e45;
  font-size: 20px;
  font-weight: 700;
  line-height: 30px;
  padding: 0;
  margin: 0;
}

.augmented_wrapper-content
  .augmented_left
  .augmented-left-card
  .augmented-card_desc,
.dedicated_wrapper-content
  .dedicated_right
  .dedicated-right-card
  .dedicated-card_desc,
.dedicated_wrapper-content .dedicated_right .dedicated-right-card ul li,
.augmented_wrapper-content .augmented_left .augmented-left-card ul li {
  font-family: var(--ssau-ff-roboto);
  font-size: 16px;
  font-weight: 400;
  line-height: 27.2px;
  letter-spacing: 0.02em;
  color: #10405a;
}

.dedicated_wrapper-content .dedicated_right .dedicated-right-card ul,
.augmented_wrapper-content .augmented_left .augmented-left-card ul {
  margin: 0 0 0 20px;
}

.dedicated_right .ssau-teams-title_yellow,
.ssau-teams_augmented-inner .ssau-teams-title_blue {
  margin-bottom: 40px;
}

.augmented_wrapper-content-switched-image,
.dedicated_wrapper-content-switched-image {
  display: none;
}

.ssau-teams-bottom-row {
  max-width: 766px;
  padding: 0 0 80px 0;
  margin: 0 auto;
}
.ssau-teams-bottom-row p {
  font-family: var(--ssau-ff-roboto);
  font-size: 16px;
  font-weight: 400;
  line-height: 27.2px;
  letter-spacing: 0.02em;
  text-align: center;
  color: #10405a;
}

.augmented_wrapper-content-switched-image .augmented-left-card,
.dedicated_wrapper-content-switched-image .dedicated-right-card {
  width: 100%;
  margin-top: 16px;
}

.augmented_wrapper-content-switched-image .ssau-teams-title_blue,
.dedicated_wrapper-content-switched-image .ssau-teams-title_yellow {
  text-align: center;
}

.dedicated_wrapper-content-switched-image .ssau-teams-title_yellow {
  margin-bottom: 40px;
}

.augmented_wrapper-content-switched-image
  .augmented-left-card
  .augmented-card_content
  .augmented-card_title,
.dedicated_wrapper-content-switched-image
  .dedicated-right-card
  .dedicated-card_content
  .dedicated-card_title {
  font-family: var(--ssau-ff-roboto);
  color: #072e45;
  font-size: 20px;
  font-weight: 700;
  line-height: 30px;
}
.augmented_wrapper-content-switched-image
  .augmented-left-card
  .augmented-card_content
  .augmented-card_desc,
.augmented_wrapper-content-switched-image
  .augmented-left-card
  .augmented-card_content
  ul
  li,
.dedicated_wrapper-content-switched-image
  .dedicated-right-card
  .dedicated-card_content
  .dedicated-card_desc,
.dedicated_wrapper-content-switched-image
  .dedicated-right-card
  .dedicated-card_content
  ul
  li {
  font-family: var(--ssau-ff-roboto);
  font-size: 16px;
  font-weight: 400;
  line-height: 27.2px;
  letter-spacing: 0.02em;
  color: #10405a;
}

.augmented_wrapper-content-switched-image
  .augmented-left-card
  .augmented-card_content
  ul
  li,
.dedicated_wrapper-content-switched-image
  .dedicated-right-card
  .dedicated-card_content
  ul
  li {
  margin-left: 20px;
}

.teams-container .ssau-teams_hero-inner_right {
  width: unset;
  max-width: 705px;
}

@media screen and (max-width: 1300px) {
  .augmented_wrapper-content {
    align-items: center;
  }

  .teams-container .ssau-teams_hero-inner_right {
    max-width: 550px;
  }

  .augmented_wrapper-content,
  .dedicated_wrapper-content {
    grid-template-columns: repeat(2, auto);
  }

  .augmented_left {
    width: unset;
  }

  .augmented_right,
  .dedicated_left {
    min-width: 200px;
  }

  .augmented_right > img,
  .dedicated_left > img {
    width: auto;
    height: auto;
  }
}
@media screen and (max-width: 1024px) {
  .ssau-teams_hero-inner {
    gap: 15px;
    padding-bottom: 40px;
  }
  .ssau-teams_hero-inner .ssau-teams_hero-inner_left {
    padding: 80px 0 0 80px;
    flex: 1;
  }

  .ssau-teams_hero-inner_right {
    flex: 1;
    z-index: 4;
  }

  .ssau-teams_hero-inner_right > img {
    margin-top: 79px;
  }

  .ssau-teams_hero .ssau_hero-desc {
    max-width: 784px;
  }

  .ssau-teams_augmented-inner {
    padding: 40px 80px 40px 80px;
  }

  .ssau-teams_dedicated-inner {
    padding: 40px 80px 60px 80px;
  }
}
@media screen and (max-width: 900px) {
  .ssau-teams_hero-inner {
    flex-direction: column;
    gap: 40px;
    overflow: hidden;
  }

  .teams-container .ssau-teams_hero-inner_right {
    max-width: unset;
  }

  .ssau-teams_hero-inner .ssau-teams_hero-inner_left {
    padding: 80px 80px 0 80px;
  }
  .ssau-teams_hero-inner .ssau-teams_hero-inner_right {
    width: 100%;
  }

  .ssau-teams_hero-inner_right > img {
    margin-top: unset;
  }

  .ssau-teams-bottom-row {
    padding: 0 40px 40px 40px;
  }

  .augmented_wrapper-content,
  .dedicated_wrapper-content {
    display: none;
  }

  .augmented_wrapper-content-switched-image,
  .dedicated_wrapper-content-switched-image {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }

  .ssau-teams-bottom-row {
    max-width: 671px;
  }

  .augmented_wrapper-content-switched-image > img,
  .dedicated_wrapper-content-switched-image > img {
    width: 75%;
  }
}

@media screen and (max-width: 600px) {
  .ssau-teams_hero-inner .ssau-teams_hero-inner_left {
    padding: 40px 20px 0px 20px;
  }

  .teams-container .ssau-teams_hero-inner_right {
    max-width: unset;
  }

  .ssau-teams_augmented-inner,
  .ssau-teams_dedicated-inner {
    padding: 40px 20px;
  }

  .ssau-teams-bottom-row {
    padding: 40px 20px;
  }

  .ssau-teams_hero-inner_left .ssau_hero-title {
    font-size: 40px;
    line-height: 46px;
  }

  .augmented_wrapper-content-switched-image .ssau-teams-title_blue,
  .dedicated_wrapper-content-switched-image .ssau-teams-title_yellow {
    font-size: 32px;
    line-height: 36px;
  }
}

/* End of What We Do Teams */

/* -------------------------------------------------------------- */

/* What We Do Sass */
.what-we-do-sass-container p,
.what-we-do-sass-container h1,
.what-we-do-sass-container h2,
.what-we-do-sass-container ul {
  margin: 0;
  padding: 0;
}

/* General */
.ssau_hero-title {
  font-size: 48px;
  font-weight: 700;
  line-height: 57.6px;
  letter-spacing: -0.035em;
  color: #072e45;
  margin: 0;
}

.ssau_hero-desc {
  font-size: 16px;
  font-weight: 400;
  line-height: 27.2px;
  letter-spacing: 0.02em;
  text-align: left;
  font-family: var(--ssau-ff-roboto);
  color: #10405a;
}
/* Hero */
.ssau-what-we-do_hero {
  background-color: #fff;
  position: relative;
  display: flex;
  justify-content: space-between;
  gap: 34px;
}

.heros-vector {
  width: 400px;
  position: absolute;
  left: -3px;
  top: -50px;
  z-index: 1;
}
.ssau-what-we-do_hero .ssau_hero-title span {
  color: #00afaa;
  position: relative;
}
.ssau-what-we-do_hero .ssau_hero-title span::after {
  content: "";
  position: absolute;
  bottom: 0px;
  left: 50%;
  transform: translateX(-50%);
  width: calc(100% + 5px);
  height: 24px;
  background-color: #fee879;
  mix-blend-mode: multiply;
}

.ssau-what-we-do_hero .ssau_hero-desc {
  max-width: 519px;
}

.ssau-what-we-do_hero-inner {
  z-index: 2;
  width: 100%;
  background-color: transparent;
  max-width: 1440px;
  margin: 70px auto 0px auto;
  display: flex;
  gap: 30px;
  justify-content: space-between;
  position: relative;
}

.ssau-what-we-do_hero-inner .ssau-what-we-do_hero-inner_left {
  display: flex;
  padding-top: 50px;
  justify-content: center;
  flex-direction: column;
  gap: 24px;
  padding-left: 150px;
  z-index: 2;
}

.ssau-what-we-do_hero-inner_right {
  width: 750px;
  padding-top: 15px;
}

.ssau-what-we-do_hero-inner_right > img {
  height: 100%;
  object-fit: contain;
}

/* Offering Content */
.ssau-what-we-do_offering {
  background-color: #10405a;
  width: 100%;
}
.ssau-what-we-do-offering_inner {
  max-width: 1440px;
  padding: 120px 150px;
  margin: 0 auto;
}

.ssau-what-we-do-offering_inner .offering_top-row {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 18px;
  max-width: 813px;
  margin: 0 auto;
}

.offering_top-row .offering-top-row_span {
  font-family: var(--ssau-ff-roboto);
  font-size: 14px;
  font-weight: 700;
  line-height: 21px;
  letter-spacing: 0.11em;
  text-align: center;
  color: #05afaa;
}

.offering_top-row .offering-top-row_title {
  color: #fff;
  font-size: 36px;
  font-weight: 700;
  line-height: 43.2px;
  letter-spacing: -0.02em;
  text-align: center;
}

.offering_top-row .offering-top-row_title > span {
  color: #f4cd0c;
  position: relative;
}

.offering_top-row .offering-top-row_title > span::after {
  content: "";
  position: absolute;
  bottom: -5px;
  left: 50%;
  transform: translateX(-50%);
  width: calc(100% + 5px);
  height: 24px;
  background-color: #80d7d4;
  mix-blend-mode: multiply;
  opacity: 90%;
}

.offering_top-row .offering-top-row_desc {
  font-family: var(--ssau-ff-roboto);
  color: #fff;
  font-size: 16px;
  font-weight: 400;
  line-height: 27.2px;
  letter-spacing: 0.02em;
  text-align: center;
}

.offering-card_wrapper {
  margin-top: 62px;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: wrap;
  gap: 30px;
  position: relative;
}

.offering-circle-left {
  position: absolute;
  top: 91px;
  left: -104.5px;
}
.offering-circle-right {
  position: absolute;
  bottom: 69px;
  right: -80px;
  z-index: 1;
}

.offering_card {
  border-radius: 10px;
  border: none;
  overflow: hidden;
  background-color: #07324a;
  z-index: 1;
}

.offering_card:nth-child(1),
.offering_card:nth-child(4) {
  flex: 1 688px;
  height: 521px;
  position: relative;
  z-index: 2;
}
.offering_card:nth-child(2),
.offering_card:nth-child(3) {
  flex: 1 422px;
  height: 521px;
  position: relative;
  z-index: 2;
}

.offering_card:nth-child(1) {
  background-image: url("../../img/ssau-2023/what-we-do-sass/offering-card-1.jpg");
  background-repeat: no-repeat;
  background-position: bottom;
  background-size: contain;
}
.offering_card:nth-child(4) {
  background-image: url("../../img/ssau-2023/what-we-do-sass/offering-card-2.jpg");
  background-repeat: no-repeat;
  background-position: bottom;
  background-size: contain;
}

.offering-card-text .offering-card_title {
  font-size: 24px;
  font-weight: 700;
  line-height: 36px;
  letter-spacing: -0.01em;
  text-align: left;
  color: #00afaa;
  margin: 0;
  padding: 0;
}

.offering-card-text .offering-card_desc {
  font-family: var(--ssau-ff-roboto);
  font-size: 16px;
  font-weight: 400;
  line-height: 27.2px;
  letter-spacing: 0.02em;
  text-align: left;
  color: #fff;
}

.offering-card-text {
  padding: 36px 28px;
  border: none;
  display: flex;
  flex-direction: column;
  gap: 14px;
}

.offering_card:nth-child(1) .offering-card-text {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 14px;
  height: 100%;
  width: 100%;
  background: linear-gradient(
    179.47deg,
    #072e45 21.25%,
    rgba(7, 48, 72, 0.21) 52.76%,
    rgba(7, 50, 74, 0) 88.81%
  );
}

.offering_card:nth-child(4) .offering-card-text {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 14px;
  height: 100%;
  width: 100%;
  background: linear-gradient(
    179.47deg,
    #072e45 21.25%,
    rgba(7, 48, 72, 0.21) 52.76%,
    rgba(7, 50, 74, 0) 88.81%
  );
}

.offering_card:nth-child(2),
.offering_card:nth-child(3) {
  background-color: #07324a;
}

/* Key Aspects */
.ssau-what-we-do-key-aspects_inner {
  max-width: 1440px;
  padding: 100px 150px;
  margin: 0 auto;
}

.key-aspects_top-row {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 12px;
}

.key-aspects_top-row .key-aspects-top-row_span {
  font-family: var(--ssau-ff-roboto);
  font-size: 14px;
  font-weight: 700;
  line-height: 21px;
  letter-spacing: 0.11em;
  text-align: center;
  color: #05afaa;
}
.key-aspects_top-row .key-aspects-top-row_title {
  font-size: 36px;
  font-weight: 700;
  line-height: 43.2px;
  letter-spacing: -0.02em;
  text-align: center;
  color: #10405a;
  padding: 0;
  margin: 0;
}

.key-aspects_top-row .key-aspects-top-row_title > span {
  position: relative;
  color: #00afaa;
}
.key-aspects_top-row .key-aspects-top-row_title > span::after {
  content: "";
  position: absolute;
  bottom: -5px;
  left: 50%;
  transform: translateX(-50%);
  width: calc(100% + 5px);
  height: 24px;
  background-color: #fee879;
  mix-blend-mode: multiply;
  opacity: 90%;
}

.key-aspects_top-row .key-aspects-top-row_desc {
  font-family: var(--ssau-ff-roboto);
  font-size: 16px;
  font-weight: 400;
  line-height: 27.2px;
  letter-spacing: 0.02em;
  text-align: center;
  color: #10405a;
  max-width: 610px;
  margin: 0 auto;
}

.key-aspects_card-wrapper {
  margin-top: 64px;
  display: grid;
  grid-template-columns: repeat(4, 262.5px);
  row-gap: 40px;
  column-gap: 30px;
}

.key-aspects_card {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 14px;
  width: 100%;
  height: 328px;
  padding: 20px;
  border-radius: 10px;
  border: 1px solid #cacdd5;
}

.what-we-do-sass-container .what-sets-us_card:nth-child(4),
.what-we-do-sass-container .what-sets-us_card:nth-child(5),
.what-we-do-sass-container .what-sets-us_card:nth-child(6) {
  height: 419px;
}

.key-aspects_card .key-aspect_card-title {
  color: #10405a;
  font-size: 24px;
  font-weight: 700;
  line-height: 36px;
  letter-spacing: 0.01em;
  text-align: left;
  min-height: 72px;
  margin: 0;
}
.key-aspects_card .key-aspect_card-desc {
  color: #10405a;
  font-family: var(--ssau-ff-roboto);
  font-size: 16px;
  font-weight: 400;
  line-height: 27.2px;
  letter-spacing: 0.02em;
  text-align: left;
}

.key-aspects_card .key-aspect_card-desc > a {
  color: #00afaa;
  font-family: var(--ssau-ff-roboto);
  font-size: 16px;
  font-weight: 400;
  line-height: 27.2px;
  letter-spacing: 0.02em;
}

.what-we-do-sass-container
  .key-aspects_card:nth-child(4)
  .key-aspect_card-desc
  > a {
  color: #10405a;
}

/* What Set Us Part */
.ssau-what-sets-us {
  background-color: #f4f9f9;
}
.ssau-what-sets-us_inner {
  max-width: 1440px;
  padding: 100px 150px;
  margin: 0 auto;
}

.ssau-what-sets-us_top-row {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 23px;
}

.ssau-what-sets-us_top-row .ssau-what-sets-us_top-row_title {
  font-size: 36px;
  font-weight: 700;
  line-height: 43.2px;
  letter-spacing: -0.02em;
  text-align: center;
  color: #10405a;
}

.ssau-what-sets-us_top-row .ssau-what-sets-us_top-row_title > span {
  position: relative;
  color: #00afaa;
}
.ssau-what-sets-us_top-row .ssau-what-sets-us_top-row_title > span::after {
  content: "";
  position: absolute;
  bottom: -5px;
  left: 50%;
  transform: translateX(-50%);
  width: calc(100% + 5px);
  height: 24px;
  background-color: #fee879;
  mix-blend-mode: multiply;
  opacity: 90%;
}

.ssau-what-sets-us_top-row .ssau-what-sets-us_top-row_desc {
  font-family: var(--ssau-ff-roboto);
  font-size: 16px;
  font-weight: 400;
  line-height: 27.2px;
  letter-spacing: 0.02em;
  text-align: center;
  color: #10405a;
  max-width: 610px;
  margin: 0 auto;
}

.what-sets-us_card-wrapper {
  margin-top: 64px;
  display: grid;
  grid-template-columns: repeat(3, 360px);
  gap: 30px;
}

.what-sets-us_card {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 14px;
  width: 100%;
  padding: 20px;
  border-radius: 10px;
  border: 1px solid #cacdd5;
  background-color: #fff;
}

.what-we-do-sass-container .what-sets-us_card {
  padding: 30px;
}

.what-we-do-sass-container .what-sets-us_card:nth-child(1),
.what-we-do-sass-container .what-sets-us_card:nth-child(2) {
  min-height: 527px;
}
.what-we-do-sass-container .what-sets-us_card:nth-child(3),
.what-we-do-sass-container .what-sets-us_card:nth-child(4) {
  min-height: 422px;
}

.what-sets-us_card .what-sets-us_card-title {
  font-size: 24px;
  font-weight: 700;
  line-height: 36px;
  letter-spacing: 0.01em;
  text-align: left;
  min-height: 72px;
  color: #10405a;
  margin: 0;
}
.what-sets-us_card .what-sets-us_card-desc {
  color: #10405a;
  font-family: var(--ssau-ff-roboto);
  font-size: 16px;
  font-weight: 400;
  line-height: 27.2px;
  letter-spacing: 0.02em;
  text-align: left;
}
.what-sets-us_card .what-sets-us_card-desc > a {
  color: #00afaa;
  font-family: var(--ssau-ff-roboto);
  font-size: 16px;
  font-weight: 400;
  line-height: 27.2px;
  letter-spacing: 0.02em;
}
.offering_card > svg {
  width: 100% !important;
}

.what-sets-us_card .what-sets-us_card-img {
  height: 70px;
  width: 70px;
}

@media screen and (max-width: 1300px) {
  .ssau-what-we-do_hero-inner .ssau-what-we-do_hero-inner_left {
    padding-left: 80px;
  }

  .heros-vector {
    top: -90px;
    left: -68px;
  }

  .ssau-what-we-do-offering_inner,
  .ssau-what-we-do-key-aspects_inner,
  .ssau-what-sets-us_inner {
    padding: 80px;
  }

  .key-aspects_card-wrapper {
    margin-top: 64px;
    display: grid;
    grid-template-columns: repeat(4, auto);
    row-gap: 40px;
    column-gap: 30px;
  }

  .key-aspects_card {
    min-width: 240px;
    height: unset;
  }

  .what-sets-us_card-wrapper {
    grid-template-columns: repeat(3, auto);
  }

  .what-sets-us_card {
    height: 512px;
    min-width: 325px;
  }
  .offering_card:nth-child(1),
  .offering_card:nth-child(4) {
    flex: 1 55%;
  }
  .offering_card:nth-child(2),
  .offering_card:nth-child(3) {
    flex: 1 40%;
  }

  .offering_card:nth-child(1) {
    background-position: center;
    background-size: cover;
  }
  .offering_card:nth-child(4) {
    background-position: center;
    background-size: cover;
  }
}

@media screen and (min-width: 1300px) and (max-width: 1440px) {
  .offering_card:nth-child(1),
  .offering_card:nth-child(4) {
    flex: 1 55%;
  }
  .offering_card:nth-child(2),
  .offering_card:nth-child(3) {
    flex: 1 40%;
  }

  .offering_card:nth-child(1) {
    background-position: center;
    background-size: cover;
  }
  .offering_card:nth-child(4) {
    background-position: center;
    background-size: cover;
  }
}

@media screen and (max-width: 1140px) {
  .offering_card:nth-child(1),
  .offering_card:nth-child(4) {
    height: 565px;
  }
  .offering_card:nth-child(2),
  .offering_card:nth-child(3) {
    height: 565px;
  }
}
@media screen and (max-width: 1024px) {
  .heros-vector {
    top: -115px;
  }

  .ssau-what-we-do_hero-inner .ssau-what-we-do_hero-inner_left,
  .ssau-what-we-do_hero-inner .ssau-what-we-do_hero-inner_right {
    width: 50%;
  }

  .key-aspects_card-wrapper {
    grid-template-columns: repeat(3, auto);
  }

  .what-sets-us_card-wrapper {
    grid-template-columns: repeat(2, auto);
  }

  .ssau-what-we-do_hero-inner_left {
    padding-bottom: 60px;
  }

  .ssau-what-we-do_hero-inner_right {
    display: flex;
    justify-content: center;
    align-items: flex-end;
  }

  .what-sets-us_card {
    height: unset;
  }

  .offering-card_wrapper {
    justify-content: center;
  }

  .offering_card:nth-child(1),
  .offering_card:nth-child(4) {
    flex: unset;
    width: 55%;
  }

  .offering_card:nth-child(2),
  .offering_card:nth-child(3) {
    flex: unset;
    width: 40%;
  }

  .ssau-what-we-do-offering_inner {
    padding: 80px 24px;
  }

  .offering_card:nth-child(4) {
    order: 4;
  }

  .offering-circle-left {
    left: -40px !important;
  }
  .offering-circle-right {
    right: -40px !important;
  }

  .ssau-what-we-do_hero-inner_right > img {
    height: auto;
  }

  .offering_top-row .offering-top-row_title > span {
    text-wrap: nowrap;
  }
  .offering_card:nth-child(2) > .offering-card-text,
  .offering_card:nth-child(3) > .offering-card-text {
    padding: 24px 28px;
  }
}
@media screen and (max-device-width: 1024px) {
  .heros-vector {
    top: -115px;
  }

  .ssau-what-we-do_hero-inner .ssau-what-we-do_hero-inner_left,
  .ssau-what-we-do_hero-inner .ssau-what-we-do_hero-inner_right {
    width: 50%;
  }

  .key-aspects_card-wrapper {
    grid-template-columns: repeat(3, auto);
  }

  .what-sets-us_card-wrapper {
    grid-template-columns: repeat(2, auto);
  }

  .ssau-what-we-do_hero-inner_left {
    padding-bottom: 60px;
  }

  .ssau-what-we-do_hero-inner_right {
    display: flex;
    justify-content: center;
    align-items: flex-end;
  }

  .what-sets-us_card {
    height: unset;
  }

  .offering-card_wrapper {
    justify-content: center;
  }

  .offering_card:nth-child(1),
  .offering_card:nth-child(4) {
    flex: unset;
    width: 55%;
  }

  .offering_card:nth-child(2),
  .offering_card:nth-child(3) {
    flex: unset;
    width: 40%;
  }

  .ssau-what-we-do-offering_inner {
    padding: 80px 24px;
  }

  .what-we-do-sass-container .offering_card:nth-child(4) {
    order: 4;
  }

  .offering-circle-left {
    left: -40px !important;
  }
  .offering-circle-right {
    right: -40px !important;
  }

  .ssau-what-we-do_hero-inner_right > img {
    height: auto;
  }

  .offering_top-row .offering-top-row_title > span {
    text-wrap: nowrap;
  }
  .offering_card:nth-child(2) > .offering-card-text,
  .offering_card:nth-child(3) > .offering-card-text {
    padding: 24px 28px;
  }
}

@media screen and (max-width: 900px) {
  .ssau-what-we-do_hero-inner {
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }

  .ssau-what-we-do_hero-inner .ssau-what-we-do_hero-inner_left,
  .ssau-what-we-do_hero-inner .ssau-what-we-do_hero-inner_right {
    width: 100%;
  }

  .ssau-what-we-do_hero-inner .ssau-what-we-do_hero-inner_left {
    padding: 80px 80px 0 80px;
  }
  .ssau-what-we-do_hero-inner .ssau-what-we-do_hero-inner_right {
    z-index: 4;
  }

  .ssau-what-we-do_hero-inner_left .ssau_hero-desc {
    max-width: unset;
  }
  .heros-vector {
    top: -171px;
  }

  .key-aspects_card-wrapper {
    grid-template-columns: repeat(2, auto);
  }
  .offering_card > svg {
    height: 130px;
  }

  .what-we-do-sass-container .what-sets-us_card:nth-child(4),
  .what-we-do-sass-container .what-sets-us_card:nth-child(5),
  .what-we-do-sass-container .what-sets-us_card:nth-child(6) {
    height: unset;
  }
}
@media screen and (max-device-width: 900px) {
  .ssau-what-we-do_hero-inner {
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }

  .ssau-what-we-do_hero-inner .ssau-what-we-do_hero-inner_left,
  .ssau-what-we-do_hero-inner .ssau-what-we-do_hero-inner_right {
    width: 100%;
  }

  .ssau-what-we-do_hero-inner .ssau-what-we-do_hero-inner_left {
    padding: 80px 80px 0 80px;
  }
  .ssau-what-we-do_hero-inner .ssau-what-we-do_hero-inner_right {
    z-index: 4;
  }

  .ssau-what-we-do_hero-inner_left .ssau_hero-desc {
    max-width: unset;
  }
  .heros-vector {
    top: -171px;
  }

  .key-aspects_card-wrapper {
    grid-template-columns: repeat(2, auto);
  }
  .what-we-do-sass-container .what-sets-us_card:nth-child(4),
  .what-we-do-sass-container .what-sets-us_card:nth-child(5),
  .what-we-do-sass-container .what-sets-us_card:nth-child(6) {
    height: unset;
  }
}

@media screen and (max-width: 768px) {
  .ssau-what-we-do_hero-inner {
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }

  .ssau-what-we-do_hero-inner .ssau-what-we-do_hero-inner_left,
  .ssau-what-we-do_hero-inner .ssau-what-we-do_hero-inner_right {
    width: 100%;
  }

  .ssau-what-we-do_hero-inner .ssau-what-we-do_hero-inner_left {
    padding: 80px 80px 0 80px;
  }
  .ssau-what-we-do_hero-inner .ssau-what-we-do_hero-inner_right {
    z-index: 4;
  }

  .ssau-what-we-do_hero-inner_left .ssau_hero-desc {
    max-width: unset;
  }

  .heros-vector {
    top: -67px;
  }

  .ssau-what-we-do-offering_inner .offering_top-row .offering-top-row_title {
    max-width: 400px;
  }

  .offering_card:nth-child(2) .offering-card-text .offering-card_title,
  .offering_card:nth-child(3) .offering-card-text .offering-card_title {
    min-height: unset;
  }

  .key-aspects_card-wrapper {
    grid-template-columns: repeat(2, auto);
  }

  .what-sets-us_card {
    min-width: 240px;
    height: unset;
  }

  .what-sets-us_card .what-sets-us_card-title {
    font-size: 22px;
  }

  .what-sets-us_card .what-sets-us_card-title br {
    content: " ";
  }
  .what-sets-us_card .what-sets-us_card-title br::after {
    content: " ";
  }
}
@media screen and (max-device-width: 768px) {
  .ssau-what-we-do_hero-inner {
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }

  .ssau-what-we-do_hero-inner .ssau-what-we-do_hero-inner_left,
  .ssau-what-we-do_hero-inner .ssau-what-we-do_hero-inner_right {
    width: 100%;
  }

  .ssau-what-we-do_hero-inner .ssau-what-we-do_hero-inner_left {
    padding: 80px 80px 0 80px;
  }
  .ssau-what-we-do_hero-inner .ssau-what-we-do_hero-inner_right {
    z-index: 4;
  }

  .ssau-what-we-do_hero-inner_left .ssau_hero-desc {
    max-width: unset;
  }

  .heros-vector {
    top: -67px;
  }

  .ssau-what-we-do-offering_inner .offering_top-row .offering-top-row_title {
    max-width: 400px;
  }

  .offering_card:nth-child(2) .offering-card-text .offering-card_title,
  .offering_card:nth-child(3) .offering-card-text .offering-card_title {
    min-height: unset;
  }

  .key-aspects_card-wrapper {
    grid-template-columns: repeat(2, auto);
  }

  .what-sets-us_card {
    min-width: 240px;
    height: unset;
  }

  .what-sets-us_card .what-sets-us_card-title {
    font-size: 22px;
  }

  .what-sets-us_card .what-sets-us_card-title br {
    content: " ";
  }
  .what-sets-us_card .what-sets-us_card-title br::after {
    content: " ";
  }
}
@media screen and (max-width: 600px) {
  .ssau-what-we-do_hero-inner {
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }

  .ssau-what-we-do_hero-inner .ssau-what-we-do_hero-inner_left,
  .ssau-what-we-do_hero-inner .ssau-what-we-do_hero-inner_right {
    width: 100%;
  }

  .ssau-what-we-do_hero-inner .ssau-what-we-do_hero-inner_left {
    padding: 40px 20px 0 20px;
  }
  .ssau-what-we-do_hero-inner .ssau-what-we-do_hero-inner_right {
    z-index: 4;
  }

  .ssau-what-we-do_hero-inner_left .ssau_hero-desc {
    max-width: unset;
  }

  .heros-vector {
    top: -110px;
  }

  .ssau-what-we-do_hero-inner {
    gap: 15px;
  }

  .ssau-what-we-do-offering_inner,
  .ssau-what-we-do-key-aspects_inner,
  .ssau-what-sets-us_inner {
    padding: 60px 20px;
  }

  .ssau-what-we-do-offering_inner .offering_top-row .offering-top-row_desc {
    max-width: 347px;
  }

  .offering_card:nth-child(2),
  .offering_card:nth-child(3) {
    flex: 1 100%;
    height: unset;
  }

  .offering_card:nth-child(2) .offering-card-text .offering-card_title,
  .offering_card:nth-child(3) .offering-card-text .offering-card_title {
    min-height: unset;
  }

  .key-aspects_card-wrapper,
  .what-sets-us_card-wrapper {
    grid-template-columns: repeat(1, auto);
  }

  .key-aspects_card .key-aspect_card-title,
  .what-sets-us_card .what-sets-us_card-title {
    min-height: unset;
  }

  .key-aspects_card .key-aspect_card-title br {
    content: " ";
  }
  .key-aspects_card .key-aspect_card-title br::after {
    content: " ";
  }

  .offering_card:nth-child(1) {
    background-position-x: -364px;
  }
  .offering_card:nth-child(4) {
    background-position-x: -175px;
  }
  .offering_card:nth-child(1),
  .offering_card:nth-child(2),
  .offering_card:nth-child(3),
  .offering_card:nth-child(4) {
    width: 100%;
  }

  .offering_card:nth-child(4) {
    order: 3;
  }

  .offering_card:nth-child(3) {
    order: 4;
  }
}
@media screen and (max-device-width: 600px) {
  .ssau-what-we-do_hero-inner {
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }

  .ssau-what-we-do_hero-inner .ssau-what-we-do_hero-inner_left,
  .ssau-what-we-do_hero-inner .ssau-what-we-do_hero-inner_right {
    width: 100%;
  }

  .ssau-what-we-do_hero-inner .ssau-what-we-do_hero-inner_left {
    padding: 40px 20px 0 20px;
  }
  .ssau-what-we-do_hero-inner .ssau-what-we-do_hero-inner_right {
    z-index: 4;
  }

  .ssau-what-we-do_hero-inner_left .ssau_hero-desc {
    max-width: unset;
  }

  .heros-vector {
    top: -110px;
  }

  .ssau-what-we-do_hero-inner {
    gap: 15px;
  }

  .ssau-what-we-do-offering_inner,
  .ssau-what-we-do-key-aspects_inner,
  .ssau-what-sets-us_inner {
    padding: 60px 20px;
  }

  .ssau-what-we-do-offering_inner .offering_top-row .offering-top-row_desc {
    max-width: 347px;
  }

  .offering_card:nth-child(2),
  .offering_card:nth-child(3) {
    flex: 1 100%;
    height: unset;
  }

  .offering_card:nth-child(2) .offering-card-text .offering-card_title,
  .offering_card:nth-child(3) .offering-card-text .offering-card_title {
    min-height: unset;
  }

  .key-aspects_card-wrapper,
  .what-sets-us_card-wrapper {
    grid-template-columns: repeat(1, auto);
  }

  .key-aspects_card .key-aspect_card-title,
  .what-sets-us_card .what-sets-us_card-title {
    min-height: unset;
  }

  .key-aspects_card .key-aspect_card-title br {
    content: " ";
  }
  .key-aspects_card .key-aspect_card-title br::after {
    content: " ";
  }

  .offering_card:nth-child(1) {
    background-position-x: -364px;
  }
  .offering_card:nth-child(4) {
    background-position-x: -175px;
  }
  .offering_card:nth-child(1),
  .offering_card:nth-child(2),
  .offering_card:nth-child(3),
  .offering_card:nth-child(4) {
    width: 100%;
  }

  .offering_card:nth-child(4) {
    order: 3;
  }

  .offering_card:nth-child(3) {
    order: 4;
  }
}

/* End Of What We Do Sass */

/* ----------------------------------------------------- */

/* What We Do MVP */
.what-we-do-mvp-container p,
.what-we-do-mvp-container h2,
.what-we-do-mvp-container ul {
  margin: 0;
  padding: 0;
}

/* Offering */
.what-we-do-mvp-container .ssau-what-we-do-offering_inner .offering_top-row {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 18px;
  max-width: 975px;
  margin: 0 auto;
}

.offering_top-row .offering-top-row_span {
  font-family: var(--ssau-ff-roboto);
  font-size: 14px;
  font-weight: 700;
  line-height: 21px;
  letter-spacing: 0.11em;
  text-align: center;
  color: #05afaa;
}

.what-we-do-mvp-container .offering_card {
  height: 503px;
}

.what-we-do-mvp-container .offering_card:nth-child(1) {
  background-image: url("../../img/ssau-2023/what-we-do-mvp/offering-card-1.jpg");
  background-repeat: no-repeat;
  background-position: bottom;
  background-size: contain;
}
.what-we-do-mvp-container .offering_card:nth-child(4) {
  background-image: url("../../img/ssau-2023/what-we-do-mvp/offering-card-2.jpg");
  background-repeat: no-repeat;
  background-position: bottom;
  background-size: contain;
}

/* Key Aspects */
.what-we-do-mvp-container .key-aspects_top-row .key-aspects-top-row_desc {
  font-family: var(--ssau-ff-roboto);
  font-size: 16px;
  font-weight: 400;
  line-height: 27.2px;
  letter-spacing: 0.02em;
  text-align: center;
  color: #10405a;
  max-width: 610px;
  margin: 0 auto;
}

.what-we-do-mvp-container .key-aspects_card-wrapper {
  margin-top: 64px;
  display: grid;
  grid-template-columns: repeat(3, 360px);
  row-gap: 40px;
  column-gap: 30px;
}

.what-we-do-mvp-container .key-aspects_card {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 14px;
  width: 100%;
  height: 464px;
  padding: 20px;
  border-radius: 10px;
  border: 1px solid #cacdd5;
}

.what-we-do-mvp-container .key-aspects_card .key-aspect_card-title {
  font-size: 24px;
  font-weight: 700;
  line-height: 36px;
  letter-spacing: -0.01em;
  text-align: left;
  color: #10405a;
  min-height: 72px;
}
.what-we-do-mvp-container .key-aspects_card .key-aspect_card-desc {
  color: #10405a;
  font-family: var(--ssau-ff-roboto);

  font-size: 16px;
  font-weight: 400;
  line-height: 27.2px;
  letter-spacing: 0.02em;
  text-align: left;
}

/* What Set Us Part */
.what-we-do-mvp-container .what-sets-us_card-wrapper {
  margin-top: 64px;
  display: grid;
  grid-template-columns: repeat(2, 555.5px);
  gap: 30px;
}

.what-we-do-mvp-container .what-sets-us_card-wrapper .what-sets-us_card {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 14px;
  width: 100%;
  height: 339px;
  padding: 20px;
  border-radius: 10px;
  border: 1px solid #cacdd5;
}

.what-we-do-mvp-container
  .what-sets-us_card-wrapper
  .what-sets-us_card
  .what-sets-us_card-title {
  font-size: 24px;
  font-weight: 700;
  line-height: 36px;
  letter-spacing: 0.01em;
  text-align: left;
}
.what-we-do-mvp-container
  .what-sets-us_card-wrapper
  .what-sets-us_card
  .what-sets-us_card-desc {
  color: #10405a;
  font-family: var(--ssau-ff-roboto);
  font-size: 16px;
  font-weight: 400;
  line-height: 27.2px;
  letter-spacing: 0.02em;
  text-align: left;
}

.what-we-do-mvp-container .what-sets-us_card .what-sets-us_card-title {
  min-height: unset;
}

@media screen and (max-width: 1300px) {
  .what-we-do-mvp-container .key-aspects_card-wrapper {
    grid-template-columns: repeat(3, auto);
  }

  .what-we-do-mvp-container .what-sets-us_card-wrapper {
    grid-template-columns: repeat(2, auto);
  }

  .what-we-do-mvp-container .offering_card:nth-child(1) {
    background-position: center;
    background-size: cover;
  }
  .what-we-do-mvp-container .offering_card:nth-child(4) {
    background-position: center;
    background-size: cover;
  }
  .what-we-do-mvp-container .what-sets-us_card-wrapper .what-sets-us_card {
    height: unset;
  }

  .what-we-do-mvp-container
    .what-sets-us_card-wrapper
    .what-sets-us_card
    .what-sets-us_card-title {
    min-height: unset;
  }
}

@media screen and (max-width: 1024px) {
  .what-we-do-mvp-container .key-aspects_card-wrapper {
    grid-template-columns: repeat(3, auto);
  }

  .what-we-do-mvp-container .offering_card {
    height: 490px;
    min-height: unset;
  }

  .what-we-do-mvp-container .key-aspects_card-wrapper .key-aspects_card,
  .what-we-do-mvp-container .what-sets-us_card-wrapper .what-sets-us_card {
    height: unset;
  }

  .what-we-do-mvp-container .what-sets-us_card-wrapper {
    grid-template-columns: repeat(2, auto);
  }

  .what-we-do-mvp-container
    .what-sets-us_card-wrapper
    .what-sets-us_card
    .what-sets-us_card-title {
    min-height: unset;
  }

  .what-sets-us_card .what-sets-us_card-title br {
    content: " ";
  }
  .what-sets-us_card .what-sets-us_card-title br::after {
    content: " ";
  }

  .what-we-do-mvp-container .offering_card {
    height: 540px;
    min-height: unset;
  }

  .what-we-do-mvp-container
    .key-aspects_card:nth-child(4)
    .key-aspect_card-title,
  .what-we-do-mvp-container
    .key-aspects_card:nth-child(5)
    .key-aspect_card-title,
  .what-we-do-mvp-container
    .key-aspects_card:nth-child(6)
    .key-aspect_card-title {
    min-height: 108px;
    max-width: 93%;
  }
}
@media screen and (max-device-width: 1024px) {
  .what-we-do-mvp-container .key-aspects_card-wrapper {
    grid-template-columns: repeat(3, auto);
  }

  .what-we-do-mvp-container .key-aspects_card-wrapper .key-aspects_card,
  .what-we-do-mvp-container .what-sets-us_card-wrapper .what-sets-us_card {
    height: unset;
  }

  .what-we-do-mvp-container .what-sets-us_card-wrapper {
    grid-template-columns: repeat(2, auto);
  }

  .what-we-do-mvp-container
    .what-sets-us_card-wrapper
    .what-sets-us_card
    .what-sets-us_card-title {
    min-height: unset;
  }

  .what-sets-us_card .what-sets-us_card-title br {
    content: " ";
  }
  .what-sets-us_card .what-sets-us_card-title br::after {
    content: " ";
  }

  .what-we-do-mvp-container .offering_card {
    height: 540px;
    min-height: unset;
  }

  .what-we-do-mvp-container
    .key-aspects_card:nth-child(4)
    .key-aspect_card-title,
  .what-we-do-mvp-container
    .key-aspects_card:nth-child(5)
    .key-aspect_card-title,
  .what-we-do-mvp-container
    .key-aspects_card:nth-child(6)
    .key-aspect_card-title {
    min-height: 108px;
    max-width: 93%;
  }
}

@media screen and (max-width: 900px) {
  .what-we-do-mvp-container
    .what-sets-us_card-wrapper
    .what-sets-us_card
    .what-sets-us_card-title {
    min-height: 72px;
  }

  .what-we-do-mvp-container .offering_card {
    height: unset;
    min-height: 480px;
  }
  .what-we-do-mvp-container .key-aspects_card-wrapper {
    grid-template-columns: repeat(2, auto);
  }
}
@media screen and (max-device-width: 900px) {
  .what-we-do-mvp-container
    .what-sets-us_card-wrapper
    .what-sets-us_card
    .what-sets-us_card-title {
    min-height: 72px;
  }

  .what-we-do-mvp-container .offering_card {
    height: unset;
    min-height: 480px;
  }

  .what-we-do-mvp-container .key-aspects_card-wrapper {
    grid-template-columns: repeat(2, auto);
  }
}

@media screen and (max-width: 768px) {
  .what-we-do-mvp-container .key-aspects_card-wrapper {
    grid-template-columns: repeat(2, auto);
  }

  .what-we-do-mvp-container .what-sets-us_card-wrapper {
    grid-template-columns: repeat(2, auto);
  }

  .what-we-do-mvp-container
    .key-aspects_card:nth-child(4)
    .key-aspect_card-title,
  .what-we-do-mvp-container
    .key-aspects_card:nth-child(5)
    .key-aspect_card-title,
  .what-we-do-mvp-container
    .key-aspects_card:nth-child(6)
    .key-aspect_card-title {
    min-height: 72px;
    max-width: 100%;
  }
}
@media screen and (max-device-width: 768px) {
  .what-we-do-mvp-container .key-aspects_card-wrapper {
    grid-template-columns: repeat(2, auto);
  }

  .what-we-do-mvp-container .what-sets-us_card-wrapper {
    grid-template-columns: repeat(2, auto);
  }

  .what-we-do-mvp-container
    .key-aspects_card:nth-child(4)
    .key-aspect_card-title,
  .what-we-do-mvp-container
    .key-aspects_card:nth-child(5)
    .key-aspect_card-title,
  .what-we-do-mvp-container
    .key-aspects_card:nth-child(6)
    .key-aspect_card-title {
    min-height: 72px;
    max-width: 100%;
  }
}
@media screen and (max-width: 600px) {
  .what-we-do-mvp-container .key-aspects_card-wrapper {
    grid-template-columns: repeat(1, auto);
  }
  .what-we-do-mvp-container .what-sets-us_card-wrapper {
    grid-template-columns: repeat(1, auto);
  }

  .what-we-do-mvp-container .key-aspects_card .key-aspect_card-title {
    min-height: unset;
  }

  .what-we-do-mvp-container .key-aspects_card {
    height: unset;
  }
  .what-we-do-mvp-container
    .what-sets-us_card-wrapper
    .what-sets-us_card
    .what-sets-us_card-title {
    min-height: unset;
  }

  .what-we-do-mvp-container
    .key-aspects_card:nth-child(4)
    .key-aspect_card-title,
  .what-we-do-mvp-container
    .key-aspects_card:nth-child(5)
    .key-aspect_card-title,
  .what-we-do-mvp-container
    .key-aspects_card:nth-child(6)
    .key-aspect_card-title {
    min-height: unset;
    max-width: 100%;
  }

  .what-we-do-mvp-container .offering_card > svg {
    height: auto;
  }
}
@media screen and (max-device-width: 600px) {
  .what-we-do-mvp-container .key-aspects_card-wrapper {
    grid-template-columns: repeat(1, auto);
  }

  .what-we-do-mvp-container .offering_card:nth-child(4) {
    background-position-x: -135px;
  }

  .what-we-do-mvp-container .key-aspects_card .key-aspect_card-title {
    min-height: unset;
  }

  .what-we-do-mvp-container .key-aspects_card {
    height: unset;
  }

  .what-we-do-mvp-container
    .what-sets-us_card-wrapper
    .what-sets-us_card
    .what-sets-us_card-title {
    min-height: unset;
  }

  .what-we-do-mvp-container
    .key-aspects_card:nth-child(4)
    .key-aspect_card-title,
  .what-we-do-mvp-container
    .key-aspects_card:nth-child(5)
    .key-aspect_card-title,
  .what-we-do-mvp-container
    .key-aspects_card:nth-child(6)
    .key-aspect_card-title {
    min-height: unset;
    max-width: 100%;
  }

  .what-we-do-mvp-container .offering_card > svg {
    height: auto;
  }
}

/* End Of What We Do MVP */

/* ---------------------------------------------------------- */

/* What We Do Marketplace */
.what-we-do-marketplace-container p,
.what-we-do-marketplace-container h1,
.what-we-do-marketplace-container h2,
.what-we-do-marketplace-container h3,
.what-we-do-marketplace-container ul {
  margin: 0;
  padding: 0;
}

/* Offering */
.what-we-do-marketplace-container
  .ssau-what-we-do-offering_inner
  .offering_top-row {
  max-width: 971px;
}

.what-we-do-marketplace-container .offering_card {
  height: 503px;
}

.what-we-do-marketplace-container .offering_card:nth-child(1) {
  background-image: url("../../img/ssau-2023/what-we-do-marketplace/offering-card-1.jpg");
  background-repeat: no-repeat;
  background-position: bottom;
  background-size: contain;
}
.what-we-do-marketplace-container .offering_card:nth-child(4) {
  background-image: url("../../img/ssau-2023/what-we-do-marketplace/offering-card-2-new.jpg");
  background-repeat: no-repeat;
  background-position: bottom;
  background-size: contain;
}

/* Key Aspects */
.what-we-do-marketplace-container .key-aspects_card {
  height: 352px;
}

/* What Set Us */
.what-we-do-marketplace-container
  .what-sets-us_card-wrapper
  .what-sets-us_card
  .what-sets-us_card-title,
.what-we-do-marketplace-container
  .what-sets-us_card-wrapper-two-column
  .what-sets-us_card
  .what-sets-us_card-title {
  min-height: unset;
}

.what-we-do-marketplace-container .what-sets-us_card-wrapper {
  grid-template-columns: repeat(3, 360.33px);
}

.what-we-do-marketplace-container
  .what-sets-us_card-wrapper
  .what-sets-us_card {
  height: 356px;
}

.what-sets-us_card-wrapper-two-column {
  margin-top: 30px;
  display: grid;
  grid-template-columns: repeat(2, 555.5px);
  gap: 30px;
}

.what-we-do-marketplace-container
  .what-sets-us_card-wrapper-two-column
  .what-sets-us_card {
  height: 275px;
}

.what-we-do-marketplace-container
  .what-sets-us_card-wrapper
  .what-sets-us_card
  a,
.what-we-do-marketplace-container
  .what-sets-us_card-wrapper-two-column
  .what-sets-us_card
  a {
  color: #00afaa;
}

.what-sets-us-card_combination .what-sets-us_card a {
  color: #00afaa;
}

@media screen and (max-width: 1300px) {
  .what-we-do-marketplace-container .what-sets-us_card-wrapper {
    grid-template-columns: repeat(3, auto);
  }
  .what-sets-us_card-wrapper-two-column {
    grid-template-columns: repeat(2, auto);
  }

  .what-we-do-marketplace-container .offering_card:nth-child(1),
  .what-we-do-marketplace-container .offering_card:nth-child(4) {
    background-position: center;
    background-size: cover;
  }
}

@media screen and (max-width: 1024px) {
  .what-we-do-marketplace-container .key-aspects_card-wrapper {
    grid-template-columns: repeat(3, auto);
  }

  .what-we-do-marketplace-container .offering_card {
    height: unset;
    min-height: 569px;
  }

  .what-we-do-marketplace-container .key-aspects_card-wrapper .key-aspects_card,
  .what-we-do-marketplace-container
    .what-sets-us_card-wrapper
    .what-sets-us_card {
    height: unset;
    min-width: 100px;
  }

  .what-we-do-marketplace-container .what-sets-us_card-wrapper {
    grid-template-columns: repeat(3, auto);
  }

  .what-we-do-marketplace-container
    .what-sets-us_card-wrapper
    .what-sets-us_card
    .what-sets-us_card-title {
    min-height: unset;
  }

  .what-sets-us_card-wrapper-two-column {
    grid-template-columns: repeat(2, auto) !important;
  }

  .what-we-do-marketplace-container .ssau-what-we-do_hero-inner {
    margin: 70px auto 20px auto;
  }
}
@media screen and (max-device-width: 1024px) {
  .what-we-do-marketplace-container .key-aspects_card-wrapper {
    grid-template-columns: repeat(3, auto);
  }

  .what-we-do-marketplace-container .offering_card {
    height: unset;
    min-height: 569px;
  }

  .what-we-do-marketplace-container .key-aspects_card-wrapper .key-aspects_card,
  .what-we-do-marketplace-container
    .what-sets-us_card-wrapper
    .what-sets-us_card {
    height: unset;
    min-width: 100px;
  }

  .what-we-do-marketplace-container .what-sets-us_card-wrapper {
    grid-template-columns: repeat(3, auto);
  }

  .what-we-do-marketplace-container
    .what-sets-us_card-wrapper
    .what-sets-us_card
    .what-sets-us_card-title {
    min-height: unset;
  }

  .what-sets-us_card-wrapper-two-column {
    grid-template-columns: repeat(2, auto) !important;
  }

  .what-we-do-marketplace-container .ssau-what-we-do_hero-inner {
    margin: 70px auto 20px auto;
  }
}

@media screen and (max-width: 900px) {
  .what-we-do-marketplace-container .offering_card {
    height: 490px;
    min-height: unset;
  }

  .what-we-do-marketplace-container .key-aspects_card-wrapper {
    grid-template-columns: repeat(2, auto);
  }

  .what-sets-us-card_combination {
    margin-top: 64px;
    display: grid;
    grid-template-columns: repeat(2, auto);
    gap: 30px;
  }

  .ssau-what-we-do_hero-inner_right > img {
    height: unset;
  }
}
@media screen and (max-device-width: 900px) {
  .what-we-do-marketplace-container .offering_card {
    height: 490px;
    min-height: unset;
  }

  .what-sets-us-card_combination {
    margin-top: 64px;
    display: grid;
    grid-template-columns: repeat(2, auto);
    gap: 30px;
  }
  .ssau-what-we-do_hero-inner_right > img {
    height: unset;
  }
}

@media screen and (max-width: 768px) {
  .what-we-do-marketplace-container .key-aspects_card-wrapper {
    grid-template-columns: repeat(2, auto);
  }

  .what-we-do-marketplace-container
    .ssau-what-we-do-offering_inner
    .offering_top-row
    .offering-top-row_title {
    max-width: unset;
  }
}
@media screen and (max-device-width: 768px) {
  .what-we-do-marketplace-container .key-aspects_card-wrapper {
    grid-template-columns: repeat(2, auto);
  }

  .what-sets-us-card_combination {
    margin-top: 64px;
    display: grid;
    grid-template-columns: repeat(2, auto);
    gap: 30px;
  }

  .what-sets-us-card_combination .what-sets-us_card a {
    color: #00afaa;
  }

  .what-we-do-marketplace-container
    .ssau-what-we-do-offering_inner
    .offering_top-row
    .offering-top-row_title {
    max-width: unset;
  }
}

@media screen and (max-width: 600px) {
  .what-we-do-marketplace-container
    .offering_top-row
    .offering-top-row_title
    > span {
    display: block;
  }

  .what-we-do-marketplace-container .ssau-breadcrumb {
    flex-wrap: wrap !important;
    row-gap: 4px !important;
    height: unset !important;
  }

  .what-we-do-marketplace-container
    .offering_top-row
    .offering-top-row_title
    > span::after {
    width: 73%;
  }

  .what-we-do-marketplace-container .key-aspects_card-wrapper,
  .what-we-do-marketplace-container .what-sets-us-card_combination {
    grid-template-columns: repeat(1, auto);
  }
}
@media screen and (max-device-width: 600px) {
  .what-we-do-marketplace-container
    .offering_top-row
    .offering-top-row_title
    > span {
    display: block;
  }

  .what-we-do-marketplace-container
    .offering_top-row
    .offering-top-row_title
    > span::after {
    width: 73%;
  }

  .what-we-do-marketplace-container .key-aspects_card-wrapper,
  .what-we-do-marketplace-container .what-sets-us-card_combination {
    grid-template-columns: repeat(1, auto);
  }
}

/* End Of What We Do Marketplace */

/* ------------------------------------------------ */

/* What We Do Ecommerce Website */
.what-we-do-ecommerce-website-container p,
.what-we-do-ecommerce-website-container h2,
.what-we-do-ecommerce-website-container ul {
  margin: 0;
  padding: 0;
}

.what-we-do-ecommerce-website-container .ecommerce-website-container-sub-title{
 
    font-size: 36px;
    font-weight: 700;
    line-height: 43.2px;
    letter-spacing: -0.02em;
    text-align: left;
}

/* Hero */
.what-we-do-ecommerce-website-container .ssau-what-we-do_hero {
  gap: 0;
  flex-direction: column;
}

.what-we-do-ecommerce-website-container
  .ssau-what-we-do_hero-inner
  .ssau-what-we-do_hero-inner_left {
  max-width: 666px;
}
.what-we-do-ecommerce-website-container
  .ssau-what-we-do_hero
  .ssau-what-we-do_hero-inner_right {
  max-width: 705px;
}

.what-we-do-ecommerce-website-container
  .ssau-what-we-do_hero
  .ssau-what-we-do_hero-inner_right
  > img {
  width: auto;
  height: auto;
}
.what-we-do-ecommerce-website-container .ssau-what-we-do_hero-inner-second-row {
  z-index: 2;
  width: 100%;
  background-color: #f4f9f9;
  margin: 0px auto 0px auto;
  display: flex;
  gap: 85px;
  justify-content: center;
  align-items: flex-start;
  position: relative;
  padding: 98px 150px 110px 150px;
  position: relative;
  overflow: hidden;
}

.what-we-do-ecommerce-website-container
  .ssau-what-we-do_hero-inner-second-row
  > div:nth-child(1) {
  width: 536px;
}
.what-we-do-ecommerce-website-container
  .ssau-what-we-do_hero-inner-second-row
  > div:nth-child(2) {
  width: 519px;
}

.what-we-do-ecommerce-website-container
  .ssau-what-we-do_hero-inner-second-row
  .ssau-what-we-do-hero-inner-second-row_left
  p
  span {
  position: relative;
}
.what-we-do-ecommerce-website-container
  .ssau-what-we-do_hero-inner-second-row
  .ssau-what-we-do-hero-inner-second-row_left
  p
  span::after {
  content: "";
  position: absolute;
  bottom: -5px;
  left: 50%;
  transform: translateX(-50%);
  width: calc(100% + 5px);
  height: 24px;
  background-color: #b3e7e6;
  mix-blend-mode: multiply;
}

.ssau-what-we-do-hero-inner-second-row_left {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 20px;
}

.ssau-what-we-do-hero-inner-second-row_left > h2 {
  color: #10405a;
  font-size: 36px;
  font-weight: 700;
  line-height: 43.2px;
  letter-spacing: -0.02em;
  text-align: left;
  margin: 0;
}
.ssau-what-we-do-hero-inner-second-row_left > h2 span {
  position: relative;
  color: #00afaa;
}

.what-we-do-website-container
  .ssau-what-we-do_hero-inner-second-row
  .ssau-what-we-do-hero-inner-second-row_left
  h2
  span::after {
  content: "";
  position: absolute;
  bottom: -5px;
  left: 50%;
  transform: translateX(-50%);
  width: calc(100% + 5px);
  height: 24px;
  background-color: #f7dc55;
  mix-blend-mode: multiply;
}
.ssau-what-we-do-hero-inner-second-row_left > p:nth-child(2) {
  color: #10405a;
  font-family: var(--ssau-ff-roboto);
  font-size: 16px;
  font-weight: 400;
  line-height: 27.2px;
  letter-spacing: 0.02em;
  text-align: left;
  max-width: 516px;
}

.ssau-what-we-do-hero-inner-second-row_right ul {
  list-style: none;
}
.ssau-what-we-do-hero-inner-second-row_right ul li {
  color: #10405a;
  font-family: var(--ssau-ff-roboto);
  font-size: 16px;
  font-weight: 400;
  line-height: 27.2px;
  letter-spacing: 0.02em;
  position: relative;
  padding-left: 46px;
}

.ssau-what-we-do-hero-inner-second-row_right ul li:not(:nth-child(1)) {
  margin-top: 20px;
}
.ssau-what-we-do-hero-inner-second-row_right ul li::before {
  content: url("../../img/ssau-2023/what-we-do-ecommerce-website/checklist-icons.png");
  position: absolute;
  left: 0;
}

.second-row-vector_left {
  position: absolute;
  left: 120px;
  bottom: 40px;
}
.second-row-vector_right {
  position: absolute;
  right: 120px;
  top: 40px;
}

/* Offering */
.what-we-do-ecommerce-website-container
  .ssau-what-we-do-offering_inner
  .offering_top-row {
  max-width: 971px;
}

.what-we-do-ecommerce-website-container .offering_card:nth-child(1) {
  background-image: url("../../img/ssau-2023/what-we-do-ecommerce-website/offering-card-1.jpg");
  background-repeat: no-repeat;
  background-position: bottom;
  background-size: contain;
}
.what-we-do-ecommerce-website-container .offering_card:nth-child(4) {
  background-image: url("../../img/ssau-2023/what-we-do-ecommerce-website/offering-card-2.jpg");
  background-repeat: no-repeat;
  background-position: bottom;
  background-size: contain;
}
.what-we-do-ecommerce-website-container .offering_card:nth-child(5) {
  padding: 28px 20px;
  flex: 1;
  display: flex;
  gap: 40px;
  justify-content: center;
  align-items: center;
  height: 240px;
}

.what-we-do-ecommerce-website-container .offering_card:nth-child(1),
.what-we-do-ecommerce-website-container .offering_card:nth-child(2) {
  height: 521px;
}
.what-we-do-ecommerce-website-container .offering_card:nth-child(3),
.what-we-do-ecommerce-website-container .offering_card:nth-child(4) {
  height: 503px;
}

.what-we-do-ecommerce-website-container .offering_card:nth-child(5) {
  height: 240px;
}

.what-we-do-ecommerce-website-container .offering-card-text {
  padding: 36px 27px;
}
/* Key Aspects */
.what-we-do-ecommerce-website-container
  .key-aspects_top-row
  .key-aspects-top-row_desc {
  max-width: unset;
}
.what-we-do-ecommerce-website-container .key-aspects_card {
  height: 391px;
}
.what-we-do-ecommerce-website-container
  .key-aspects_card
  .key-aspect_card-title {
  min-height: 108px;
}

/* What Set Us */
.what-we-do-ecommerce-website-container .what-sets-us_card-wrapper-two-column {
  margin-top: 66px;
}
.what-we-do-ecommerce-website-container
  .what-sets-us_card-wrapper-two-column
  .what-sets-us_card
  .what-sets-us_card-title {
  min-height: unset;
}

.what-sets-us_card-wrapper-two-column {
  margin-top: 30px;
  display: grid;
  grid-template-columns: repeat(2, 555px);
  gap: 30px;
}

.what-we-do-ecommerce-website-container
  .what-sets-us_card-wrapper-two-column
  .what-sets-us_card:nth-child(1),
.what-we-do-ecommerce-website-container
  .what-sets-us_card-wrapper-two-column
  .what-sets-us_card:nth-child(2) {
  height: 360px;
}
.what-we-do-ecommerce-website-container
  .what-sets-us_card-wrapper-two-column
  .what-sets-us_card:nth-child(3),
.what-we-do-ecommerce-website-container
  .what-sets-us_card-wrapper-two-column
  .what-sets-us_card:nth-child(4) {
  height: 386px;
}

.what-we-do-ecommerce-website-container
  .what-sets-us_card-wrapper
  .what-sets-us_card
  a,
.what-we-do-ecommerce-website-container
  .what-sets-us_card-wrapper-two-column
  .what-sets-us_card
  a {
  color: #00afaa;
}

.what-we-do-ecommerce-website-container .what-sets-us_card {
  padding: 30px;
}

@media screen and (max-width: 1300px) {
  .what-we-do-ecommerce-website-container
    .ssau-what-we-do_hero-inner
    .ssau-what-we-do_hero-inner_left {
    max-width: 48%;
  }

  .what-we-do-ecommerce-website-container
    .ssau-what-we-do_hero
    .ssau-what-we-do_hero-inner_right {
    width: unset;
    max-width: 600px;
  }
  .offering-circle-left {
    left: -50px;
  }
  .offering-circle-right {
    right: -48px;
  }

  .what-we-do-ecommerce-website-container
    .ssau-what-we-do_hero-inner-second-row {
    padding: 98px 80px 110px 80px;
  }

  .second-row-vector_left {
    position: absolute;
    left: 45px;
    bottom: 55px;
  }
  .second-row-vector_right {
    position: absolute;
    right: 45px;
  }

  .what-sets-us_card-wrapper-two-column {
    grid-template-columns: repeat(2, auto);
  }

  .what-we-do-ecommerce-website-container
    .what-sets-us_card-wrapper-two-column
    .what-sets-us_card {
    height: unset;
  }

  .what-we-do-ecommerce-website-container
    .key-aspects_top-row
    .key-aspects-top-row_desc {
    max-width: 900px;
  }

  .what-we-do-ecommerce-website-container .offering_card:nth-child(1),
  .what-we-do-ecommerce-website-container .offering_card:nth-child(4) {
    background-size: cover;
  }

  .what-we-do-ecommerce-website-container
    .ssau-what-we-do_hero-inner-second-row {
    padding: 150px 80px;
  }

  .what-we-do-ecommerce-website-container
    .what-sets-us_card-wrapper-two-column
    .what-sets-us_card:nth-child(1),
  .what-we-do-ecommerce-website-container
    .what-sets-us_card-wrapper-two-column
    .what-sets-us_card:nth-child(2) {
    height: unset;
    min-height: 360px;
  }
  .what-we-do-ecommerce-website-container
    .what-sets-us_card-wrapper-two-column
    .what-sets-us_card:nth-child(3),
  .what-we-do-ecommerce-website-container
    .what-sets-us_card-wrapper-two-column
    .what-sets-us_card:nth-child(4) {
    height: unset;
    min-height: 386px;
  }
}

@media screen and (max-width: 1024px) {
  .what-we-do-ecommerce-website-container .ssau-what-we-do_hero-inner {
    margin: 70px auto 40px auto;
  }
  .what-we-do-ecommerce-website-container
    .ssau-what-we-do_hero-inner
    .ssau-what-we-do_hero-inner_left {
    width: 55% !important;
    max-width: unset;
  }
  .what-we-do-ecommerce-website-container
    .ssau-what-we-do_hero-inner
    .ssau-what-we-do_hero-inner_right {
    width: 43% !important ;
    max-width: unset;
  }

  .what-we-do-ecommerce-website-container
    .ssau-what-we-do_hero-inner
    .ssau-what-we-do_hero-inner_right {
    display: flex;
    justify-content: center;
    align-items: center;
    width: unset;
  }
  .what-we-do-ecommerce-website-container
    .ssau-what-we-do_hero-inner
    .ssau-what-we-do_hero-inner_right
    > img {
    height: unset;
  }
  .what-we-do-ecommerce-website-container .key-aspects_card-wrapper {
    grid-template-columns: repeat(3, auto);
  }

  .what-we-do-ecommerce-website-container
    .key-aspects_card-wrapper
    .key-aspects_card,
  .what-we-do-ecommerce-website-container
    .what-sets-us_card-wrapper
    .what-sets-us_card {
    height: unset;
    min-width: 100px;
  }

  .what-we-do-ecommerce-website-container .what-sets-us_card-wrapper {
    grid-template-columns: repeat(3, auto);
  }

  .what-we-do-ecommerce-website-container
    .what-sets-us_card-wrapper
    .what-sets-us_card
    .what-sets-us_card-title {
    min-height: unset;
  }

  .what-sets-us_card-wrapper-two-column {
    grid-template-columns: repeat(2, auto);
  }
  .what-we-do-ecommerce-website-container
    .what-sets-us_card-wrapper-two-column
    .what-sets-us_card
    .what-sets-us_card-title {
    min-height: 72px;
  }

  .what-we-do-ecommerce-website-container .offering_card:nth-child(4) {
    order: unset;
  }

  .what-we-do-ecommerce-website-container .offering_card:nth-child(1),
  .what-we-do-ecommerce-website-container .offering_card:nth-child(2),
  .what-we-do-ecommerce-website-container .offering_card:nth-child(3),
  .what-we-do-ecommerce-website-container .offering_card:nth-child(4),
  .what-we-do-ecommerce-website-container .offering_card:nth-child(5) {
    height: unset;
  }
  .what-we-do-ecommerce-website-container .offering_card:nth-child(1),
  .what-we-do-ecommerce-website-container .offering_card:nth-child(2),
  .what-we-do-ecommerce-website-container .offering_card:nth-child(3),
  .what-we-do-ecommerce-website-container .offering_card:nth-child(4) {
    min-height: 550px;
  }

  .what-we-do-ecommerce-website-container .offering_card:nth-child(5) {
    min-height: 240px;
  }
}
@media screen and (max-device-width: 1024px) {
  .what-we-do-ecommerce-website-container .ssau-what-we-do_hero-inner {
    margin: 70px auto 40px auto;
  }
  .what-we-do-ecommerce-website-container
    .ssau-what-we-do_hero-inner
    .ssau-what-we-do_hero-inner_left {
    width: 55% !important;
    max-width: unset;
  }
  .what-we-do-ecommerce-website-container
    .ssau-what-we-do_hero-inner
    .ssau-what-we-do_hero-inner_right {
    width: 43% !important ;
    max-width: unset;
  }

  .what-we-do-ecommerce-website-container
    .ssau-what-we-do_hero-inner
    .ssau-what-we-do_hero-inner_right {
    display: flex;
    justify-content: center;
    align-items: center;
    width: unset;
  }
  .what-we-do-ecommerce-website-container
    .ssau-what-we-do_hero-inner
    .ssau-what-we-do_hero-inner_right
    > img {
    height: unset;
  }
  .what-we-do-ecommerce-website-container .key-aspects_card-wrapper {
    grid-template-columns: repeat(3, auto);
  }

  .what-we-do-ecommerce-website-container
    .key-aspects_card-wrapper
    .key-aspects_card,
  .what-we-do-ecommerce-website-container
    .what-sets-us_card-wrapper
    .what-sets-us_card {
    height: unset;
    min-width: 100px;
  }

  .what-we-do-ecommerce-website-container .what-sets-us_card-wrapper {
    grid-template-columns: repeat(3, auto);
  }

  .what-we-do-ecommerce-website-container
    .what-sets-us_card-wrapper
    .what-sets-us_card
    .what-sets-us_card-title {
    min-height: unset;
  }

  .what-sets-us_card-wrapper-two-column {
    grid-template-columns: repeat(2, auto);
  }
  .what-we-do-ecommerce-website-container
    .what-sets-us_card-wrapper-two-column
    .what-sets-us_card
    .what-sets-us_card-title {
    min-height: 72px;
  }

  .what-we-do-ecommerce-website-container .offering_card:nth-child(4) {
    order: unset;
  }

  .what-we-do-ecommerce-website-container .offering_card:nth-child(1),
  .what-we-do-ecommerce-website-container .offering_card:nth-child(2),
  .what-we-do-ecommerce-website-container .offering_card:nth-child(3),
  .what-we-do-ecommerce-website-container .offering_card:nth-child(4),
  .what-we-do-ecommerce-website-container .offering_card:nth-child(5) {
    height: unset;
  }
  .what-we-do-ecommerce-website-container .offering_card:nth-child(1),
  .what-we-do-ecommerce-website-container .offering_card:nth-child(2),
  .what-we-do-ecommerce-website-container .offering_card:nth-child(3),
  .what-we-do-ecommerce-website-container .offering_card:nth-child(4) {
    min-height: 550px;
  }

  .what-we-do-ecommerce-website-container .offering_card:nth-child(5) {
    min-height: 240px;
  }
}

@media screen and (max-width: 900px) {
  .what-we-do-ecommerce-website-container
    .ssau-what-we-do_hero-inner
    .ssau-what-we-do_hero-inner_left,
  .what-we-do-ecommerce-website-container
    .ssau-what-we-do_hero-inner
    .ssau-what-we-do_hero-inner_right {
    width: 100% !important;
  }

  .what-we-do-ecommerce-website-container .ssau-what-we-do_hero-inner {
    margin: 70px auto 0 auto;
  }

  .what-we-do-ecommerce-website-container
    .ssau-what-we-do_hero-inner-second-row {
    gap: 30px;
  }

  .second-row-vector_left {
    position: absolute;
    left: 21px;
    bottom: 50px;
  }
  .second-row-vector_right {
    position: absolute;
    right: 21px;
    top: 50px;
  }

  .offering_top-row .offering-top-row_title > span {
    text-wrap: nowrap;
  }

  .what-we-do-ecommerce-website-container .offering_card:nth-child(5) {
    gap: 0;
    order: 5;
    padding: 28px 0px;
  }

  .what-we-do-ecommerce-website-container
    .key-aspects_card
    .key-aspect_card-title {
    min-height: 72px;
  }
  .what-we-do-ecommerce-website-container
    .key-aspects_card
    .key-aspect_card-title
    br {
    content: " ";
  }
  .what-we-do-ecommerce-website-container
    .key-aspects_card
    .key-aspect_card-title
    br::after {
    content: " ";
  }

  .what-we-do-ecommerce-website-container .key-aspects_card-wrapper {
    grid-template-columns: repeat(2, auto);
  }

  .what-we-do-ecommerce-website-container
    .ssau-what-we-do-offering_inner
    .offering_top-row
    .offering-top-row_title {
    max-width: unset;
  }
}
@media screen and (max-device-width: 900px) {
  .what-we-do-ecommerce-website-container
    .ssau-what-we-do_hero-inner
    .ssau-what-we-do_hero-inner_left,
  .what-we-do-ecommerce-website-container
    .ssau-what-we-do_hero-inner
    .ssau-what-we-do_hero-inner_right {
    width: 100% !important;
  }

  .what-we-do-ecommerce-website-container .ssau-what-we-do_hero-inner {
    margin: 70px auto 0 auto;
  }

  .what-we-do-ecommerce-website-container
    .ssau-what-we-do_hero-inner-second-row {
    gap: 30px;
  }

  .second-row-vector_left {
    position: absolute;
    left: 21px;
    bottom: 50px;
  }
  .second-row-vector_right {
    position: absolute;
    right: 21px;
    top: 50px;
  }

  .offering_top-row .offering-top-row_title > span {
    text-wrap: nowrap;
  }

  .what-we-do-ecommerce-website-container .offering_card:nth-child(5) {
    order: 5;
    gap: 0;
    padding: 28px 20px;
  }

  .what-we-do-ecommerce-website-container
    .key-aspects_card
    .key-aspect_card-title {
    min-height: 72px;
  }
  .what-we-do-ecommerce-website-container
    .key-aspects_card
    .key-aspect_card-title
    br {
    content: " ";
  }
  .what-we-do-ecommerce-website-container
    .key-aspects_card
    .key-aspect_card-title
    br::after {
    content: " ";
  }

  .what-we-do-ecommerce-website-container .key-aspects_card-wrapper {
    grid-template-columns: repeat(2, auto);
  }

  .what-we-do-ecommerce-website-container
    .ssau-what-we-do-offering_inner
    .offering_top-row
    .offering-top-row_title {
    max-width: unset;
  }
}

@media screen and (max-width: 600px) {
  .what-we-do-ecommerce-website-container
    .ssau-what-we-do_hero-inner-second-row {
    flex-direction: column;
    padding: 160px 20px;
  }

  .what-we-do-ecommerce-website-container .ssau-breadcrumb {
    height: unset !important;
    row-gap: 4px !important;
    flex-wrap: wrap !important;
  }

  .what-we-do-ecommerce-website-container
    .ssau-what-we-do_hero-inner-second-row
    > div:nth-child(1),
  .what-we-do-ecommerce-website-container
    .ssau-what-we-do_hero-inner-second-row
    > div:nth-child(2) {
    width: unset;
  }

  .what-we-do-ecommerce-website-container
    .offering_top-row
    .offering-top-row_title
    > span {
    display: block;
  }

  .what-we-do-ecommerce-website-container
    .key-aspects_card
    .key-aspect_card-title {
    min-height: unset;
  }

  .what-we-do-ecommerce-website-container
    .offering_top-row
    .offering-top-row_title
    > span::after {
    width: 73%;
  }

  .what-we-do-ecommerce-website-container .key-aspects_card-wrapper,
  .what-we-do-ecommerce-website-container .what-sets-us-card_combination {
    grid-template-columns: repeat(1, auto);
  }

  .what-sets-us_card-wrapper-two-column {
    grid-template-columns: repeat(1, auto) !important;
  }

  .what-we-do-ecommerce-website-container
    .what-sets-us_card-wrapper-two-column
    .what-sets-us_card
    .what-sets-us_card-title {
    min-height: unset;
  }

  .what-we-do-ecommerce-website-container .offering_card:nth-child(5) {
    flex-direction: column;
  }

  .what-we-do-ecommerce-website-container .offering_card > svg {
    height: unset;
  }
}
@media screen and (max-device-width: 600px) {
  .what-we-do-ecommerce-website-container
    .ssau-what-we-do_hero-inner-second-row {
    flex-direction: column;
    padding: 160px 20px;
  }
  .what-we-do-ecommerce-website-container .ssau-breadcrumb {
    height: unset !important;
    row-gap: 4px !important;
    flex-wrap: wrap !important;
  }

  .what-we-do-ecommerce-website-container
    .ssau-what-we-do_hero-inner-second-row
    > div:nth-child(1),
  .what-we-do-ecommerce-website-container
    .ssau-what-we-do_hero-inner-second-row
    > div:nth-child(2) {
    width: unset;
  }

  .what-we-do-ecommerce-website-container
    .offering_top-row
    .offering-top-row_title
    > span {
    display: block;
  }

  .what-we-do-ecommerce-website-container
    .key-aspects_card
    .key-aspect_card-title {
    min-height: unset;
  }

  .what-we-do-ecommerce-website-container
    .offering_top-row
    .offering-top-row_title
    > span::after {
    width: 73%;
  }

  .what-we-do-ecommerce-website-container .key-aspects_card-wrapper,
  .what-we-do-ecommerce-website-container .what-sets-us-card_combination {
    grid-template-columns: repeat(1, auto);
  }

  .what-sets-us_card-wrapper-two-column {
    grid-template-columns: repeat(1, auto);
  }

  .what-we-do-ecommerce-website-container
    .what-sets-us_card-wrapper-two-column
    .what-sets-us_card
    .what-sets-us_card-title {
    min-height: unset;
  }
  .what-we-do-ecommerce-website-container .offering_card:nth-child(5) {
    flex-direction: column;
  }

  .what-we-do-ecommerce-website-container .offering_card > svg {
    height: unset;
  }
}

/* End Of What We Do Ecommerce Website */

/* ------------------------------------ */

/* What We Do Website Development */
.what-we-do-website-container {
  overflow: hidden;
}
.what-we-do-website-container p,
.what-we-do-website-container h2,
.what-we-do-website-container ul {
  margin: 0;
  padding: 0;
}

/* Hero */
.what-we-do-website-container .ssau-what-we-do_hero {
  gap: 0;
  flex-direction: column;
}
.what-we-do-website-container .ssau-what-we-do_hero-inner-second-row {
  z-index: 2;
  width: 100%;
  background-color: #f4f9f9;
  margin: 0px auto 0px auto;
  display: flex;
  gap: 85px;
  justify-content: center;
  align-items: flex-start;
  position: relative;
  padding: 98px 150px 110px 150px;
  position: relative;
}

.what-we-do-website-container
  .ssau-what-we-do_hero-inner-second-row
  > div:nth-child(1) {
  width: 536px;
}
.what-we-do-website-container
  .ssau-what-we-do_hero-inner-second-row
  > div:nth-child(2) {
  width: 519px;
}

.what-we-do-website-container
  .ssau-what-we-do_hero-inner-second-row
  .ssau-what-we-do-hero-inner-second-row_left
  p
  span {
  position: relative;
  color: #00afaa;
}
.what-we-do-website-container
  .ssau-what-we-do_hero-inner-second-row
  .ssau-what-we-do-hero-inner-second-row_left
  p
  span::after {
  content: "";
  position: absolute;
  bottom: -5px;
  left: 50%;
  transform: translateX(-50%);
  width: calc(100% + 5px);
  height: 24px;
  background-color: #f7dc55;
  mix-blend-mode: multiply;
}

.what-we-do-website-container .ssau-what-we-do-hero-inner-second-row_right > p {
  font-family: var(--ssau-ff-roboto);
  font-size: 16px;
  font-weight: 700;
  line-height: 27.2px;
  letter-spacing: 0.02em;
  text-align: left;
  color: #10405a;
  margin-bottom: 10px;
}

.what-we-do-website-container .ssau-what-we-do-hero-inner-second-row_left {
  gap: 33px;
}

/* Offering */
.what-we-do-website-container
  .ssau-what-we-do-offering_inner
  .offering_top-row {
  max-width: 971px;
}

.what-we-do-website-container .offering_top-row .offering-top-row_desc {
  max-width: 719px;
}

.what-we-do-website-container .offering_card:nth-child(1) {
  background-image: url("../../img/ssau-2023/what-we-do-website-development/offering-card-1.jpg");
  background-repeat: no-repeat;
  background-position: bottom;
  background-size: contain;
}
.what-we-do-website-container .offering_card:nth-child(4) {
  background-image: url("../../img/ssau-2023/what-we-do-website-development/offering-card-2.jpg");
  background-repeat: no-repeat;
  background-position: bottom;
  background-size: contain;
}
.what-we-do-website-container .offering_card:nth-child(5) {
  padding: 28px 20px;
  flex: 1;
  display: flex;
  gap: 40px;
  justify-content: center;
  align-items: center;
}

.what-we-do-website-container .offering_card a {
  color: #00afaa;
}

.what-we-do-website-container
  .key-aspects_top-row
  .key-aspects-top-row_title
  > span::after {
  background-color: #f7dc55;
}

.what-we-do-website-container .offering_card:nth-child(1),
.what-we-do-website-container .offering_card:nth-child(2) {
  max-height: 503px;
}
.what-we-do-website-container .offering_card:nth-child(3),
.what-we-do-website-container .offering_card:nth-child(4) {
  max-height: 519px;
}

/* Key Aspects */
.what-we-do-website-container .key-aspects_top-row .key-aspects-top-row_desc {
  max-width: 992px;
}
.what-we-do-website-container .key-aspects_card {
  height: 302px;
}

/* What Set Us */
.what-we-do-website-container .what-sets-us_card-wrapper-two-column {
  margin-top: 66px;
  grid-template-columns: repeat(2, 555.5px);
}
.what-we-do-website-container
  .what-sets-us_card-wrapper-two-column
  .what-sets-us_card
  .what-sets-us_card-title {
  min-height: unset;
}

.what-sets-us_card-wrapper-two-column {
  margin-top: 30px;
  display: grid;
  grid-template-columns: repeat(2, 555px);
  gap: 30px;
}

.what-we-do-website-container
  .what-sets-us_card-wrapper-two-column
  .what-sets-us_card {
  padding: 30px;
  height: unset;
}
.what-we-do-website-container
  .what-sets-us_card-wrapper-two-column
  .what-sets-us_card:nth-child(1),
.what-we-do-website-container
  .what-sets-us_card-wrapper-two-column
  .what-sets-us_card:nth-child(2) {
  min-height: 309px;
}
.what-we-do-website-container
  .what-sets-us_card-wrapper-two-column
  .what-sets-us_card:nth-child(3),
.what-we-do-website-container
  .what-sets-us_card-wrapper-two-column
  .what-sets-us_card:nth-child(4) {
  min-height: 356px;
}

.what-we-do-website-container .what-sets-us_card-wrapper .what-sets-us_card a,
.what-we-do-website-container
  .what-sets-us_card-wrapper-two-column
  .what-sets-us_card
  a {
  color: #00afaa;
}

.what-we-do-website-container .heros-vector {
  left: -3px;
}

@media screen and (max-width: 1300px) {
  .what-we-do-website-container .key-aspects_top-row .key-aspects-top-row_desc {
    max-width: 900px;
  }
  .what-we-do-website-container .key-aspects_card {
    height: unset;
  }
  .what-we-do-website-container .what-sets-us_card-wrapper-two-column {
    grid-template-columns: repeat(2, auto);
  }

  .what-we-do-website-container .offering_card:nth-child(1),
  .what-we-do-website-container .offering_card:nth-child(4) {
    background-size: cover;
  }
}

@media screen and (max-width: 1024px) {
  .what-we-do-website-container .heros-vector {
    top: -62px;
  }
  .what-we-do-website-container .ssau-what-we-do_hero-inner {
    margin: 70px auto 40px auto;
  }
  .what-we-do-website-container
    .ssau-what-we-do_hero-inner
    .ssau-what-we-do_hero-inner_left {
    width: 55%;
  }

  .what-we-do-website-container
    .ssau-what-we-do_hero-inner
    .ssau-what-we-do_hero-inner_right {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 50%;
  }
  .what-we-do-website-container
    .ssau-what-we-do_hero-inner
    .ssau-what-we-do_hero-inner_right
    > img {
    height: unset;
  }
  .what-we-do-website-container .key-aspects_card-wrapper {
    grid-template-columns: repeat(3, auto);
  }

  .what-we-do-website-container .key-aspects_card-wrapper .key-aspects_card,
  .what-we-do-website-container .what-sets-us_card-wrapper .what-sets-us_card {
    height: unset;
    min-width: 100px;
  }

  .what-we-do-website-container .what-sets-us_card-wrapper {
    grid-template-columns: repeat(3, auto);
  }

  .what-we-do-website-container
    .what-sets-us_card-wrapper
    .what-sets-us_card
    .what-sets-us_card-title {
    min-height: unset;
  }

  .what-sets-us_card-wrapper-two-column {
    grid-template-columns: repeat(2, auto);
  }
  .what-we-do-website-container
    .what-sets-us_card-wrapper-two-column
    .what-sets-us_card
    .what-sets-us_card-title {
    min-height: 72px;
  }

  .what-we-do-website-container .ssau-what-we-do_hero-inner-second-row {
    padding: 150px 80px;
  }
}
@media screen and (max-device-width: 1024px) {
  .what-we-do-website-container .heros-vector {
    top: -62px;
  }
  .what-we-do-website-container .ssau-what-we-do_hero-inner {
    margin: 70px auto 40px auto;
  }
  .what-we-do-website-container
    .ssau-what-we-do_hero-inner
    .ssau-what-we-do_hero-inner_left {
    width: 55%;
  }

  .what-we-do-website-container
    .ssau-what-we-do_hero-inner
    .ssau-what-we-do_hero-inner_right {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 50%;
  }
  .what-we-do-website-container
    .ssau-what-we-do_hero-inner
    .ssau-what-we-do_hero-inner_right
    > img {
    height: unset;
  }
  .what-we-do-website-container .key-aspects_card-wrapper {
    grid-template-columns: repeat(3, auto);
  }

  .what-we-do-website-container .key-aspects_card-wrapper .key-aspects_card,
  .what-we-do-website-container .what-sets-us_card-wrapper .what-sets-us_card {
    height: unset;
    min-width: 100px;
  }

  .what-we-do-website-container .what-sets-us_card-wrapper {
    grid-template-columns: repeat(3, auto);
  }

  .what-we-do-website-container
    .what-sets-us_card-wrapper
    .what-sets-us_card
    .what-sets-us_card-title {
    min-height: unset;
  }

  .what-sets-us_card-wrapper-two-column {
    grid-template-columns: repeat(2, auto);
  }
  .what-we-do-website-container
    .what-sets-us_card-wrapper-two-column
    .what-sets-us_card
    .what-sets-us_card-title {
    min-height: 72px;
  }

  .what-we-do-website-container .ssau-what-we-do_hero-inner-second-row {
    padding: 150px 80px;
  }
}
@media screen and (max-width: 900px) {
  .what-we-do-website-container
    .ssau-what-we-do_hero-inner
    .ssau-what-we-do_hero-inner_left,
  .what-we-do-website-container
    .ssau-what-we-do_hero-inner
    .ssau-what-we-do_hero-inner_right {
    width: 100%;
  }

  .what-we-do-website-container .ssau-what-we-do_hero-inner {
    margin: 70px auto 0 auto;
  }

  .what-we-do-website-container .ssau-what-we-do_hero-inner-second-row {
    gap: 30px;
  }

  .second-row-vector_left {
    position: absolute;
    left: 21px;
    bottom: 50px;
  }
  .second-row-vector_right {
    position: absolute;
    right: 21px;
    top: 50px;
  }

  .offering_top-row .offering-top-row_title > span {
    text-wrap: nowrap;
  }

  .what-we-do-website-container .offering_card:nth-child(5) {
    order: 5;
    flex-direction: column;
    padding: 28px 0px;
  }

  .what-we-do-website-container .key-aspects_card .key-aspect_card-title {
    min-height: 72px;
  }
  .what-we-do-website-container .key-aspects_card .key-aspect_card-title br {
    content: " ";
  }
  .what-we-do-website-container
    .key-aspects_card
    .key-aspect_card-title
    br::after {
    content: " ";
  }

  .what-we-do-website-container .key-aspects_card-wrapper {
    grid-template-columns: repeat(2, auto);
  }

  .what-we-do-website-container
    .ssau-what-we-do-offering_inner
    .offering_top-row
    .offering-top-row_title {
    max-width: unset;
  }

  .what-we-do-website-container .heros-vector {
    top: -145px;
  }
}
@media screen and (max-device-width: 900px) {
  .what-we-do-website-container
    .ssau-what-we-do_hero-inner
    .ssau-what-we-do_hero-inner_left,
  .what-we-do-website-container
    .ssau-what-we-do_hero-inner
    .ssau-what-we-do_hero-inner_right {
    width: 100%;
  }

  .what-we-do-website-container .ssau-what-we-do_hero-inner {
    margin: 70px auto 0 auto;
  }

  .what-we-do-website-container .ssau-what-we-do_hero-inner-second-row {
    gap: 30px;
  }

  .second-row-vector_left {
    position: absolute;
    left: 21px;
    bottom: 50px;
  }
  .second-row-vector_right {
    position: absolute;
    right: 21px;
    top: 50px;
  }

  .offering_top-row .offering-top-row_title > span {
    text-wrap: nowrap;
  }

  .what-we-do-website-container .offering_card:nth-child(5) {
    order: 5;
    flex-direction: column;
    padding: 28px 0px;
  }

  .what-we-do-website-container .key-aspects_card .key-aspect_card-title {
    min-height: 72px;
  }
  .what-we-do-website-container .key-aspects_card .key-aspect_card-title br {
    content: " ";
  }
  .what-we-do-website-container
    .key-aspects_card
    .key-aspect_card-title
    br::after {
    content: " ";
  }

  .what-we-do-website-container .key-aspects_card-wrapper {
    grid-template-columns: repeat(2, auto);
  }

  .what-we-do-website-container
    .ssau-what-we-do-offering_inner
    .offering_top-row
    .offering-top-row_title {
    max-width: unset;
  }

  .what-we-do-website-container .heros-vector {
    top: -145px;
  }
}
@media screen and (max-width: 768px) {
  .what-we-do-website-container
    .ssau-what-we-do-hero-inner-second-row_left
    > p:nth-child(1) {
    max-width: 226px;
  }
}
@media screen and (max-device-width: 768px) {
  .what-we-do-website-container
    .ssau-what-we-do-hero-inner-second-row_left
    > p:nth-child(1) {
    max-width: 226px;
  }
}

@media screen and (max-width: 600px) {
  .what-we-do-website-container .ssau-what-we-do_hero-inner-second-row {
    flex-direction: column;
    padding: 160px 20px;
  }

  .what-we-do-website-container
    .ssau-what-we-do-hero-inner-second-row_left
    > p:nth-child(1) {
    max-width: unset;
  }

  .what-we-do-website-container
    .ssau-what-we-do_hero-inner-second-row
    > div:nth-child(1),
  .what-we-do-website-container
    .ssau-what-we-do_hero-inner-second-row
    > div:nth-child(2) {
    width: unset;
  }

  .what-we-do-website-container
    .offering_top-row
    .offering-top-row_title
    > span {
    display: block;
  }

  .what-we-do-website-container .key-aspects_card .key-aspect_card-title {
    min-height: unset;
  }

  .what-we-do-website-container
    .offering_top-row
    .offering-top-row_title
    > span::after {
    width: 73%;
  }

  .what-we-do-website-container .key-aspects_card-wrapper,
  .what-we-do-website-container .what-sets-us-card_combination {
    grid-template-columns: repeat(1, auto);
  }

  .what-we-do-website-container .what-sets-us_card-wrapper-two-column {
    grid-template-columns: repeat(1, auto) !important;
  }

  .what-we-do-website-container
    .what-sets-us_card-wrapper-two-column
    .what-sets-us_card
    .what-sets-us_card-title {
    min-height: unset;
  }
}
@media screen and (max-device-width: 600px) {
  .what-we-do-website-container .ssau-what-we-do_hero-inner-second-row {
    flex-direction: column;
    padding: 160px 20px;
  }

  .what-we-do-website-container
    .ssau-what-we-do-hero-inner-second-row_left
    > p:nth-child(1) {
    max-width: unset;
  }

  .what-we-do-website-container
    .ssau-what-we-do_hero-inner-second-row
    > div:nth-child(1),
  .what-we-do-website-container
    .ssau-what-we-do_hero-inner-second-row
    > div:nth-child(2) {
    width: unset;
  }

  .what-we-do-website-container
    .offering_top-row
    .offering-top-row_title
    > span {
    display: block;
  }

  .what-we-do-website-container .key-aspects_card .key-aspect_card-title {
    min-height: unset;
  }

  .what-we-do-website-container
    .offering_top-row
    .offering-top-row_title
    > span::after {
    width: 73%;
  }

  .what-we-do-website-container .key-aspects_card-wrapper,
  .what-we-do-website-container .what-sets-us-card_combination {
    grid-template-columns: repeat(1, auto);
  }

  .what-we-do-website-container .what-sets-us_card-wrapper-two-column {
    grid-template-columns: repeat(1, auto) !important;
  }

  .what-we-do-website-container
    .what-sets-us_card-wrapper-two-column
    .what-sets-us_card
    .what-sets-us_card-title {
    min-height: unset;
  }
}

/* End Of What We Do Website Development */

/* ----------------------------------------------------- */

/* What We Do Mobile App */
.what-we-do-mobile-app-container p,
.what-we-do-mobile-app-container h2,
.what-we-do-mobile-app-container ul {
  margin: 0;
  padding: 0;
}
.ssau-what-we-do-our-experience {
  z-index: 2;
  background-color: #f4f9f9;
  display: flex;
  flex-direction: column;
  gap: 64px;
  justify-content: center;
  align-items: center;
  position: relative;
  padding: 120px 150px;
}

/* Hero */
.what-we-do-mobile-app-container .ssau-what-we-do_hero {
  gap: 0;
  flex-direction: column;
}

.our-experience-top-row {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 10px;
}
.our-experience-top-row_span {
  font-family: var(--ssau-ff-roboto);
  font-size: 14px;
  font-weight: 700;
  line-height: 21px;
  letter-spacing: 0.11em;
  text-align: center;
  color: #05afaa;
}
.our-experience-top-row_title {
  font-size: 36px;
  font-weight: 700;
  line-height: 43.2px;
  letter-spacing: -0.02em;
  text-align: center;
  color: #10405a;
}
.our-experience-top-row_title > span {
  position: relative;
}

.our-experience-top-row_title > span::after {
  content: "";
  position: absolute;
  bottom: -5px;
  left: 50%;
  transform: translateX(-50%);
  width: calc(100% + 5px);
  height: 24px;
  background-color: #b3e7e6;
  mix-blend-mode: multiply;
  opacity: 90%;
}

.our-experience-top-row_desc {
  font-family: var(--ssau-ff-roboto);
  font-size: 16px;
  font-weight: 400;
  line-height: 27.2px;
  letter-spacing: 0.02em;
  text-align: center;

  color: #10405a;
}

.what-we-do-mobile-app-container .our-experience-top-row_desc {
  max-width: 992px;
}

.our-experience-top-row_content {
  display: grid;
  grid-template-columns: repeat(2, 534px);
  gap: 30px;
  position: relative;
}

.our-experience_card {
  padding: 40px;
  border-radius: 12px;
  border: 1px solid #cacdd5;
  background-color: #fff;
  z-index: 3;
}

.our-experience_card:nth-child(1),
.our-experience_card:nth-child(2) {
  height: 218px;
}
.our-experience_card:nth-child(3),
.our-experience_card:nth-child(4) {
  height: 245px;
}

.our-experience-vector_right {
  position: absolute;
  top: 60px;
  right: -70px;
}
.our-experience-vector_left {
  position: absolute;
  bottom: 96px;
  left: -70px;
}

.our-experience-card_title {
  font-size: 24px;
  font-weight: 700;
  line-height: 36px;
  letter-spacing: -0.01em;
  text-align: left;
  color: #10405a;
  min-height: 72px;
  margin: 0;
}
.our-experience-card_desc {
  color: #10405a;
  font-family: var(--ssau-ff-roboto);
  font-size: 16px;
  font-weight: 400;
  line-height: 27.2px;
  letter-spacing: 0.02em;
  text-align: left;
  color: #10405a;
}
.our-experience-card_desc a {
  color: #00afaa;
  font-family: var(--ssau-ff-roboto);
  font-size: 16px;
  font-weight: 400;
  line-height: 27.2px;
  letter-spacing: 0.02em;
}

/* Offering */

.what-we-do-mobile-app-container .offering_card:nth-child(1) {
  background-image: url("../../img/ssau-2023/what-we-do-mobile-app/offering-card-1.jpg");
  background-repeat: no-repeat;
  background-position: bottom;
  background-size: contain;
}

.what-we-do-mobile-app-container .offering_card:nth-child(1),
.what-we-do-mobile-app-container .offering_card:nth-child(2) {
  height: 503px;
}
.what-we-do-mobile-app-container .offering_card:nth-child(3) {
  padding: 28px 20px;
  flex: 1;
  display: flex;
  gap: 40px;
  justify-content: center;
  align-items: center;
  height: 240px;
}

.what-we-do-mobile-app-container
  .offering_card:nth-child(3)
  .offering-card-text {
  padding: 28px 0;
}

.what-we-do-mobile-app-container .offering_card:nth-child(3) > svg {
  width: unset !important;
  min-width: 401px !important;
}

.what-we-do-mobile-app-container .offering_top-row .offering-top-row_desc {
  max-width: 651px;
}

/* Key Aspects */
.what-we-do-mobile-app-container
  .key-aspects_top-row
  .key-aspects-top-row_desc {
  max-width: 610px;
}
.what-we-do-mobile-app-container .key-aspects_card {
  min-height: 262.5px;
}
.what-we-do-mobile-app-container .key-aspects_card .key-aspect_card-title {
  min-height: 72px;
}

/* What Set Us */
.what-we-do-mobile-app-container .what-sets-us_card-wrapper-two-column {
  margin-top: 66px;
}
.what-we-do-mobile-app-container
  .what-sets-us_card-wrapper-two-column
  .what-sets-us_card
  .what-sets-us_card-title {
  min-height: unset;
}

.what-sets-us_card-wrapper-two-column {
  margin-top: 30px;
  display: grid;
  grid-template-columns: repeat(2, 555px);
  gap: 30px;
}

.what-we-do-mobile-app-container
  .what-sets-us_card-wrapper-two-column
  .what-sets-us_card {
  min-height: 356px !important;
  height: unset;
}

.what-we-do-mobile-app-container
  .what-sets-us_card-wrapper
  .what-sets-us_card
  a,
.what-we-do-mobile-app-container
  .what-sets-us_card-wrapper-two-column
  .what-sets-us_card
  a {
  color: #00afaa;
}

.hero-bg-vtab {
  display: none;
}

.what-we-do-mobile-app-container
  .key-aspects_top-row
  .key-aspects-top-row_title
  > span::after {
  background-color: #f7dc55;
}

@media screen and (max-width: 1300px) {
  .offering-circle-left {
    left: -50px;
  }
  .offering-circle-right {
    right: -48px;
  }

  .what-we-do-mobile-app-container .ssau-what-we-do_hero-inner-second-row {
    padding: 98px 80px 110px 80px;
  }

  .second-row-vector_left {
    position: absolute;
    left: 45px;
    bottom: 55px;
  }
  .second-row-vector_right {
    position: absolute;
    right: 45px;
  }

  .what-we-do-mobile-app-container .what-sets-us_card-wrapper-two-column {
    grid-template-columns: repeat(2, auto);
  }

  .what-we-do-mobile-app-container
    .what-sets-us_card-wrapper-two-column
    .what-sets-us_card {
    height: unset;
  }

  .what-we-do-mobile-app-container
    .key-aspects_top-row
    .key-aspects-top-row_desc {
    max-width: 900px;
  }

  .what-we-do-mobile-app-container .offering_card:nth-child(1),
  .what-we-do-mobile-app-container .offering_card:nth-child(4) {
    background-position-y: 69px;
    background-size: cover;
  }

  .what-we-do-mobile-app-container .ssau-what-we-do_hero-inner-second-row {
    padding: 150px 80px;
  }

  .ssau-what-we-do-our-experience {
    padding: 150px 80px;
  }

  .our-experience-top-row_content {
    grid-template-columns: repeat(2, auto);
  }

  .our-experience_card:nth-child(1),
  .our-experience_card:nth-child(2) {
    height: unset;
    min-height: 218px;
  }
  .our-experience_card:nth-child(3),
  .our-experience_card:nth-child(4) {
    height: unset;
    min-height: 245px;
  }
  .our-experience-vector_left {
    left: -47px;
  }
  .our-experience-vector_right {
    right: -47px;
  }
}

@media screen and (max-width: 900px) {
  .hero-bg-vtab {
    display: block;
  }

  .our-experience-card_title {
    margin-bottom: 16px !important;
  }

  .what-we-do-mobile-app-container .offering_card > svg {
    height: 50%;
  }

  .hero-bg-vdesk {
    display: none;
  }

  .what-we-do-mobile-app-container .offering_card:nth-child(3) {
    height: unset;
    gap: 40px;
  }

  .what-we-do-mobile-app-container .offering_card:nth-child(3) > svg {
    width: 100% !important;
    min-width: unset !important;
  }

  .what-we-do-mobile-app-container .ssau-what-we-do_hero-inner {
    gap: 16px;
  }

  .what-we-do-mobile-app-container .ssau-what-we-do_hero-inner_right {
    padding-top: unset;
  }
}
@media screen and (max-device-width: 900px) {
  .hero-bg-vtab {
    display: block;
  }

  .hero-bg-vdesk {
    display: none;
  }

  .what-we-do-mobile-app-container .offering_card:nth-child(3) {
    height: unset;
    gap: 40px;
  }

  .what-we-do-mobile-app-container .offering_card:nth-child(3) > svg {
    width: 100% !important;
    min-width: unset !important;
  }

  .what-we-do-mobile-app-container .ssau-what-we-do_hero-inner {
    gap: 16px;
  }

  .what-we-do-mobile-app-container .ssau-what-we-do_hero-inner_right {
    padding-top: unset;
  }
}

@media screen and (max-width: 600px) {
  .what-we-do-mobile-app-container .our-experience-card_title {
    min-height: unset;
  }
  .what-we-do-mobile-app-container .offering_card:nth-child(3) {
    flex-direction: column;
  }
  .what-we-do-mobile-app-container .ssau-what-we-do_hero-inner-second-row {
    flex-direction: column;
    padding: 160px 20px;
  }

  .what-we-do-mobile-app-container
    .ssau-what-we-do_hero-inner-second-row
    > div:nth-child(1),
  .what-we-do-mobile-app-container
    .ssau-what-we-do_hero-inner-second-row
    > div:nth-child(2) {
    width: unset;
  }

  .what-we-do-mobile-app-container
    .offering_top-row
    .offering-top-row_title
    > span {
    display: block;
  }

  .what-we-do-mobile-app-container .key-aspects_card .key-aspect_card-title {
    min-height: unset;
  }

  .what-we-do-mobile-app-container
    .offering_top-row
    .offering-top-row_title
    > span::after {
    width: 73%;
  }

  .what-we-do-mobile-app-container .key-aspects_card-wrapper,
  .what-we-do-mobile-app-container .what-sets-us-card_combination {
    grid-template-columns: repeat(1, auto);
  }

  .what-sets-us_card-wrapper-two-column {
    grid-template-columns: repeat(1, auto);
  }

  .what-we-do-mobile-app-container
    .what-sets-us_card-wrapper-two-column
    .what-sets-us_card
    .what-sets-us_card-title {
    min-height: unset;
  }

  .what-we-do-mobile-app-container .offering_card:nth-child(3) > svg {
    width: 100% !important;
    min-width: 100% !important;
  }

  .ssau-what-we-do-our-experience {
    padding: 60px 20px;
  }

  .our-experience-top-row_content {
    grid-template-columns: repeat(1, auto);
  }

  .our-experience-top-row_title > span {
    text-wrap: nowrap;
  }

  .our-experience-vector_right,
  .our-experience-vector_left {
    display: none;
  }

  .what-we-do-mobile-app-container .offering_card {
    height: 501px;
  }

  .what-we-do-mobile-app-container .key-aspects_card {
    min-height: unset;
  }

  .what-we-do-mobile-app-container .what-sets-us_card-wrapper-two-column {
    grid-template-columns: repeat(1, auto) !important;
  }

  .what-we-do-mobile-app-container .offering_card:nth-child(2) {
    height: unset;
  }
}
@media screen and (max-device-width: 600px) {
  .what-we-do-mobile-app-container .offering_card:nth-child(3) {
    flex-direction: column;
  }
  .what-we-do-mobile-app-container .ssau-what-we-do_hero-inner-second-row {
    flex-direction: column;
    padding: 160px 20px;
  }

  .what-we-do-mobile-app-container
    .ssau-what-we-do_hero-inner-second-row
    > div:nth-child(1),
  .what-we-do-mobile-app-container
    .ssau-what-we-do_hero-inner-second-row
    > div:nth-child(2) {
    width: unset;
  }

  .what-we-do-mobile-app-container
    .offering_top-row
    .offering-top-row_title
    > span {
    display: block;
  }

  .what-we-do-mobile-app-container .key-aspects_card .key-aspect_card-title {
    min-height: unset;
  }

  .what-we-do-mobile-app-container
    .offering_top-row
    .offering-top-row_title
    > span::after {
    width: 73%;
  }

  .what-we-do-mobile-app-container .key-aspects_card-wrapper,
  .what-we-do-mobile-app-container .what-sets-us-card_combination {
    grid-template-columns: repeat(1, auto);
  }

  .what-sets-us_card-wrapper-two-column {
    grid-template-columns: repeat(1, auto);
  }

  .what-we-do-mobile-app-container
    .what-sets-us_card-wrapper-two-column
    .what-sets-us_card
    .what-sets-us_card-title {
    min-height: unset;
  }

  .what-we-do-mobile-app-container .offering_card:nth-child(3) > svg {
    width: 100% !important;
    min-width: 100% !important;
  }

  .ssau-what-we-do-our-experience {
    padding: 60px 20px;
  }

  .our-experience-top-row_content {
    grid-template-columns: repeat(1, auto);
  }

  .our-experience-top-row_title > span {
    text-wrap: nowrap;
  }

  .our-experience-vector_right,
  .our-experience-vector_left {
    display: none;
  }

  .what-we-do-mobile-app-container .offering_card {
    height: 501px;
  }

  .what-we-do-mobile-app-container .key-aspects_card {
    min-height: unset;
  }

  .what-we-do-mobile-app-container .what-sets-us_card-wrapper-two-column {
    grid-template-columns: repeat(1, auto) !important;
  }

  .what-we-do-mobile-app-container .offering_card:nth-child(2) {
    height: unset;
  }
}

/* End Of What We Do Mobile App */

/* ----------------------------------------------------------- */

/* Staff and Culture 2023 */

/* SECTION HERO*/
.staff-culture {
  height: 580px;
  position: relative;
  background-color: #f4f9f9;
  align-items: flex-start;
  letter-spacing: normal;
  width: 100%;
  overflow: hidden;
  display: flex;
  flex-direction: row;
  justify-content: center;
}

@media screen and (min-width: 1650px) {
  .staff-culture {
    height: auto;
  }
}

.staff-culture .vector-icon-about-us {
  height: 522px;
  width: 451.9px;
  position: absolute;
  margin: 0 !important;
  padding-bottom: 100px;
  margin-left: -30px !important;
}

@media screen and (min-width: 1140px) {
  .staff-culture .vector-icon-about-us {
    height: 90%;
    width: 45%;
    margin-left: -150px !important;
  }
}

.staff-culture .outlineuhome-alt-icon {
  height: 18px;
  width: 18px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
  min-height: 18px;
}

.staff-culture .chevron-right {
  height: 16px;
  width: 16px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
}

.staff-culture .breadcrumb-item {
  position: relative;
  color: #10405a;
  align-self: stretch;
  letter-spacing: 0.02em;
  line-height: 120%;
  white-space: nowrap;
}

.staff-culture .breadcrumb-item:not(.breadcrumb-item-last) {
  color: #969bab;
  font-weight: 400;
}

.staff-culture .breadcrumb-item {
  align-self: stretch;
  position: relative;
  letter-spacing: 0.02em;
  line-height: 120%;
  white-space: nowrap;
}

.staff-culture .breadcrumb-item {
  align-self: stretch;
  position: relative;
  letter-spacing: 0.02em;
  line-height: 120%;
  white-space: nowrap;
}

.staff-culture .heropage {
  height: 100%;
  align-items: flex-end;
  box-sizing: border-box;
  gap: 0 32px;
  max-width: 1140px;
  text-align: left;
  font-size: 14px;
  color: #10405a;
  font-family: Roboto;
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  position: relative;
}

.staff-culture .heropage .inner-container {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  width: 100%;
  margin: 0 auto;
  height: 100%;
  gap: 24px;
  padding-top: 200px;
}

@media screen and (max-width: 768px) {
  .staff-culture .heropage .inner-container {
    padding-top: 70px;
  }
}
@media screen and (max-width: 600px) {
  .staff-culture .heropage .inner-container {
    flex-direction: column;
    gap: 48px;
    padding-top: 48px;
    align-items: center;
  }
}

.staff-culture .heropage .inner-container .hero-left {
  width: 50%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  justify-content: center;
  padding-right: 50px;
  box-sizing: border-box;
  gap: 32px;
  flex-shrink: 0;
  z-index: 1;
  max-width: calc(1140px / 2);
}

@media screen and (max-width: 1188px) {
  .staff-culture .heropage .inner-container .hero-left {
    padding-left: 24px;
  }
}

@media screen and (max-width: 768px) {
  .staff-culture .heropage .inner-container .hero-left {
    padding: 48px 0 0 20px;
    text-align: left;
  }
}

@media screen and (max-width: 600px) {
  .staff-culture .heropage .inner-container .hero-left {
    width: 100%;
    padding-right: 0;
    text-align: center;
    padding: 0 16px;
  }
}

.staff-culture .heropage .inner-container .hero-left .breadcrumb {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: 0 7px;
  color: #969bab;
  margin-left: 0;
}

@media screen and (max-width: 768px) {
  .staff-culture .heropage .inner-container .hero-left .breadcrumb {
    margin-left: 0px;
  }
}

@media screen and (max-width: 600px) {
  .staff-culture .heropage .inner-container .hero-left .breadcrumb {
    justify-content: flex-start;
  }
}

.staff-culture .heropage .inner-container .hero-left .hero-heading {
  margin: 0;
  position: relative;
  font-size: 48px;
  letter-spacing: -0.04em;
  line-height: 120%;
  font-weight: 700;
  font-family: Ubuntu;
  display: inline-block;
  max-width: 100%;
  margin-top: 24px;
}

.staff-culture .heropage .inner-container .hero-left .heighlight-title::before {
  content: "";
  display: block;
  width: 174px;
  height: 25px;
  position: absolute;
  right: -13px;
  top: 26px;
  z-index: 1;
  background-color: #fee879;
  opacity: 90%;
  mix-blend-mode: multiply;
}

.staff-culture .heropage .inner-container .hero-left .captions {
  margin: auto;
  font-family: "Roboto";
  margin-top: 24px;
  margin-bottom: 60px;
  padding-right: 36px;
  font-size: 16px;
  font-weight: 400;
  line-height: 27.2px;
  letter-spacing: 0.02em;
  text-align: left;
}

@media screen and (max-width: 768px) {
  .staff-culture .heropage .inner-container .hero-left .captions {
    margin-bottom: 24px;
    max-width: 100%;
    padding-right: 0;
  }
}
@media screen and (max-width: 600px) {
  .staff-culture .heropage .inner-container .hero-left .captions {
    text-align: center;
  }
}

.staff-culture .heropage .inner-container .hero-right {
  width: 50%;
  height: 100%;
  display: flex;
  justify-content: flex-end;
  align-items: flex-end;
}

@media screen and (max-width: 768px) {
  .staff-culture .heropage .inner-container .hero-right {
    width: 50%;
    height: fit-content;
  }
}

@media screen and (max-width: 600px) {
  .staff-culture .heropage .inner-container .hero-right {
    width: 100%;
    height: fit-content;
  }

  .staff-culture .heropage {
    padding-top: 70px;
  }
}

.staff-culture .heropage .inner-container .hero-right .image {
  width: 100%;
  height: auto;
  bottom: 0;
  right: 0;
  position: relative;
}

@media screen and (max-width: 768px) {
  .staff-culture .heropage .inner-container .hero-right .image {
    width: 100%;
  }
}

.staff-culture .heropage .left-inner {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: calc(1140px / 2);
  padding-right: 32px;
}

.staff-culture .heropage .span {
  color: #072e45;
}

.staff-culture .heropage .culture {
  color: #00afaa;
}

@media screen and (max-width: 1024px) {
  .staff-culture {
    height: 500px;
  }
}

@media screen and (max-width: 768px) {
  .staff-culture {
    height: 450px;
  }
}

@media screen and (max-width: 767px) {
  .staff-culture {
    height: auto;
  }
}

/* --- SECTION STAFF & CULTURE STATS --- */
.ssau-staff-culture-stats {
  background-color: #072e45;
  color: #fff;
  display: flex;
}

.ssau-staff-culture-stats__container {
  text-align: center;
  background-image: url("../../img/ssau-2023/portfolio-cta-bg-1.png"),
    url("../../img/ssau-2023/portfolio-cta-bg-2.png");
  background-position: 0 90%, 100% 10%;
  background-repeat: no-repeat, no-repeat;
  background-size: auto, auto;
  padding: 85px 0px;
  margin: 0 auto;
  width: 100%;
  max-width: 1200px;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.ssau-staff-culture-stats__container > p {
  max-width: 800px;
  margin-bottom: 64px;
  font-family: var(--ssau-ff-roboto);
  font-size: 16px;
  font-weight: 400;
  line-height: 27.2px;
  letter-spacing: 0.02em;
  text-align: center;
}

.ssau-staff-culture-stats__heading {
  font-size: 36px;
  font-weight: 700;
  line-height: 43.2px;
  letter-spacing: -0.02em;
  text-align: center;
  margin: 0;
}

.ssau-staff-culture-stats__items {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}

.ssau-staff-culture-stats__items:last-child div.ssau-staff-culture-stats__item {
  width: 50%;
}

.ssau-staff-culture-stats__items > div {
  padding: 24px 39.5px;
  border-right: 1px solid #4a748b;
}

.ssau-staff-culture-stats__items > div:last-of-type {
  border-right: none;
}

.ssau-staff-culture-stats__items {
  border-top: 1px solid #4a748b;
}

.ssau-staff-culture-stats__items:first-of-type {
  border-top: none;
}

.ssau-staff-culture-stats__items:last-child {
  margin-bottom: 60px;
}

.ssau-staff-culture-stats__item {
  width: 25%;
  flex: 0 0 auto;
}

.ssau-staff-culture-stats__icons {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 50px;
  margin-top: 65px;
}

.ssau-staff-culture-stats__icons > img {
  max-width: 100px;
  max-height: 100px;
}

.ssau-staff-culture-stats__counter {
  font-family: "Ubuntu", sans-serif;
  font-size: 56px;
  font-weight: 700;
  line-height: 67px;
  margin-top: 10px;
  margin-bottom: 10px;
  letter-spacing: -0.035em;
}

.ssau-staff-culture-stats__counter.turqoise {
  color: #00AFAA;
}

.ssau-staff-culture-stats__counter.sage {
  color: #7BC794;
}

.ssau-staff-culture-stats__counter.blue-aqua {
  color: #2D9CDB;
}

.ssau-staff-culture-stats__counter.yellow-gold {
  color: #C7A80E;
}

.ssau-staff-culture-stats__counter.orange-tiger {
  color: #E98057;
}

.ssau-staff-culture-stats__caption {
  font-family: var(--ssau-ff-roboto);
  font-size: 20px;
  font-weight: 400;
  line-height: 30px;
  color: rgba(255, 255, 255, 1);
}

@media screen and (max-width: 1024px) {
  .ssau-staff-culture-stats__container {
    background-position: 2% 90%, 98% 10%;
  }
}

@media screen and (max-width: 900px) {
  .ssau-staff-culture-stats__caption {
    text-wrap: wrap;
  }

  .ssau-staff-culture-stats__container > p {
    padding: 24px;
  }

  .ssau-staff-culture-stats__icons {
    gap: 30px;
  }

  .ssau-staff-culture-stats__container {
    background-position: 2% 96%, 98% 4%;
  }
}

@media (max-width: 768px) {
  .ssau-staff-culture-stats__container {
    background-position: 2% 98%, 98% 2%;
  }

  .ssau-staff-culture-stats__icons {
    gap: 20px;
  }

  .ssau-staff-culture-stats__items > div {
    width: 50%;
    border-right: none;
    border-left: 1px solid #4a748b;
  }

  .ssau-staff-culture-stats__items > div:first-child {
    border-bottom: 1px solid #4a748b;
  }

  .ssau-staff-culture-stats__items > div:nth-child(2) {
    border-bottom: 1px solid #4a748b;
  }

  .ssau-staff-culture-stats__items:last-of-type > div {
    border-bottom: none;
  }
}

@media (max-width: 480px) {
  .ssau-staff-culture-stats__item {
    width: 50%;
    margin-bottom: 0px;
  }

  .ssau-staff-culture-stats__icons {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 50px;
  }

  .ssau-staff-culture-stats__icons > img {
    max-width: unset;
    max-height: unset;
  }

  .ssau-staff-culture-stats__container {
    background-position: 5% 99%, 99% 1%;
  }

  .ssau-staff-culture-stats__icon {
    margin-bottom: 10px;
  }

  .ssau-staff-culture-stats__items > div {
    border-right: none;
    width: 100%;
    border-bottom: 1px solid #4a748b;
  }

  .ssau-staff-culture-stats__items:last-child div.ssau-staff-culture-stats__item {
    width: 100%;
  }

  .ssau-staff-culture-stats__items:last-child {
    border-top: none;
  }

  .ssau-staff-culture-stats__items:last-child > div:last-of-type {
    border-bottom: none;
    border-top: 1px solid #4a748b;
  }
}
/* --- END STAFF & CULTURE STATS --- */

/* SECTION STAFF LIKE*/
.section-staff-like {
  width: 100%;
  background-color: #fff;
  overflow: hidden;
  flex-direction: column;
  align-items: center;
  padding: 100px 16px;
  box-sizing: border-box;
  gap: 40px 0;
  letter-spacing: normal;
  text-align: center;
  font-size: 14px;
  color: #10405a;
  font-family: Roboto;
  position: relative;
  display: flex;
  justify-content: flex-start;
}

.section-staff-like .section-title-wrapper {
  padding: 0 16px;
}

.section-staff-like .section-title-wrapper .title span:nth-child(1) {
  overflow-wrap: break-word;
  line-height: 45px;
  position: relative;
  z-index: 3;
}

@media screen and (max-width: 768px) {
  .section-staff-like .section-title-wrapper .title div {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
}

@media screen and (max-width: 768px) {
  .section-staff-like .section-title-wrapper .title br {
    display: none;
  }
}

.section-staff-like .section-title-wrapper .heighlight-title {
  position: relative;
  z-index: 2;
  line-height: 50px;
}

.section-staff-like .section-title-wrapper .heighlight-title::before {
  content: "";
  display: block;
  width: 240px;
  height: 20px;
  position: absolute;
  right: -5px;
  top: 20px;
  z-index: 1;
  background-color: #fee879;
  opacity: 90%;
  mix-blend-mode: multiply;
}

@media screen and (max-width: 768px) {
  .section-staff-like .section-title-wrapper .heighlight-title::before {
    top: 25px;
    right: -5px;
  }
}

.section-staff-like .section-title-wrapper .title {
  font-size: 36px;
  font-weight: 700;
  font-family: "Ubuntu";
  position: relative;
}

.section-staff-like .section-title-wrapper .captions {
  width: 667px;
  text-align: center;
  margin: auto;
  font-family: "Roboto";
  margin-top: 24px;
  font-size: 16px;
  line-height: 27.2px;
  letter-spacing: 0.02em;
}

@media screen and (max-width: 768px) {
  .section-staff-like .section-title-wrapper .captions {
    width: 100%;
  }
}

.section-staff-like .pupetty-icon,
.section-staff-like .pupetty-icon1 {
  height: 114.2px;
  width: 110.2px;
  position: absolute;
  margin: 0 !important;
}

.section-staff-like .pupetty-icon {
  top: 229px;
  left: -94px;
}

.section-staff-like .pupetty-icon1 {
  right: -94px;
  bottom: 620.8px;
}

.section-staff-like .union-icon {
  height: 100%;
  width: 100%;
  object-fit: contain;
  position: absolute;
  left: 279px;
  top: 133px;
  transform: scale(5.179);
}

.section-staff-like .transparent-every-step,
.section-staff-like .box-captions {
  width: 320px;
  position: relative;
  letter-spacing: -0.01em;
  line-height: 150%;
  display: inline-block;
}

.section-staff-like .box-captions {
  font-size: 16px;
  letter-spacing: 0.02em;
  font-family: Roboto;
  display: none;
  max-width: 100%;
  position: absolute;
  bottom: 20px;
  max-width: 380px;
}

.section-staff-like .nurture-at-my-core .box-captions {
  max-width: 320px !important;
}

.section-staff-like .nurture-at-my-core {
  box-sizing: border-box;
  display: flex;
  align-items: flex-start;
  max-width: 100%;
}

.section-staff-like .nurture-at-my-core {
  margin: 0 !important;
  position: relative;
  flex-direction: column;
  justify-content: flex-start;
  padding: 20px 19px;
  gap: 156px 0;
  background-image: url("/wp-content/themes/ssau-theme/assets/img/ssau-2023/staff-and-culture/nurture-at-my-core.jpeg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top;
  border: 1px solid #b3cfde;
}

.section-staff-like .enps-score,
.section-staff-like .exceptional {
  margin: 0;
}

.section-staff-like .exceptional-enps-score-container,
.section-staff-like .with-an-employee {
  width: 320px;
  position: relative;
  letter-spacing: -0.01em;
  line-height: 150%;
  display: inline-block;
}

.section-staff-like .with-an-employee {
  font-size: 16px;
  letter-spacing: 0.02em;
  line-height: 170%;
  font-family: Roboto;
  display: none;
}

.section-staff-like .component-68-icon {
  height: 100px;
  width: 100px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
}

.section-staff-like .loyalty-and-retention {
  align-self: stretch;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-end;
}

.section-staff-like .box-1 {
  position: relative;
  margin: 0 !important;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 20px 19px;
  box-sizing: border-box;
  gap: 156px 0;
  background-image: url("/wp-content/themes/ssau-theme/assets/img/ssau-2023/staff-and-culture/box-1.jpeg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top;
  border: 1px solid #b3cfde;
}

.section-staff-like .commitment-to-employee,
.section-staff-like .with-an-employee1 {
  width: 320px;
  position: relative;
  letter-spacing: -0.01em;
  line-height: 150%;
  display: inline-block;
}

.section-staff-like .with-an-employee1 {
  font-size: 16px;
  letter-spacing: 0.02em;
  line-height: 170%;
  font-family: Roboto;
  display: none;
}

.section-staff-like .component-68-icon1 {
  height: 100px;
  width: 100px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
  object-fit: cover;
}

.section-staff-like .component-68-wrapper {
  align-self: stretch;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-end;
}

.section-staff-like .box-2 {
  margin: 0 !important;
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 20px 19px;
  box-sizing: border-box;
  gap: 156px 0;
  background-image: url("/wp-content/themes/ssau-theme/assets/img/ssau-2023/staff-and-culture/box-2.jpeg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top;
  border: 1px solid #b3cfde;
}

.section-staff-like .loyalty,
.section-staff-like .speaks-volume {
  margin: 0;
}

.section-staff-like .loyalty-speaks-volume-container,
.section-staff-like .with-an-employee2 {
  width: 320px;
  position: relative;
  letter-spacing: -0.01em;
  line-height: 150%;
  display: inline-block;
}

.section-staff-like .with-an-employee2 {
  font-size: 16px;
  letter-spacing: 0.02em;
  line-height: 170%;
  font-family: Roboto;
  display: none;
}

.section-staff-like .component-68-icon2 {
  height: 100px;
  width: 100px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
}

.section-staff-like .component-68-container {
  align-self: stretch;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-end;
}

.section-staff-like .box:first-child,
.section-staff-like .box:last-child {
  grid-column: span 2;
}

@media screen and (max-width: 768px) {
  .section-staff-like .box:first-child,
  .section-staff-like .box:last-child {
    grid-column: span 1;
    width: 100%;
  }
}

.section-staff-like .our-strengths {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  border-radius: 12px;
  border: 1px solid #b3cfde;
  overflow: hidden;
  position: relative;
  z-index: 1;
  text-align: left;
  font-size: 28px;
  color: #fff;
  font-family: Ubuntu;
}
.section-staff-like .our-strengths h3 {
  padding: 0;
  margin: 0;
}

@media screen and (max-width: 1024px) {
  .section-staff-like .our-strengths {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    height: auto;
    width: 100%;
  }

  .section-staff-like .our-strengths h3 br {
    display: none;
  }
}

@media screen and (max-width: 768px) {
  .section-staff-like .our-strengths {
    height: auto;
    grid-template-columns: 1fr;
    width: 100%;
  }
}

.section-staff-like .our-strengths .box::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.4);
  z-index: auto;
}

.section-staff-like .our-strengths .box:hover::before {
  background: #07324acc;
}

.section-staff-like .our-strengths .box:hover > .box-captions {
  display: block;
}

.section-staff-like .our-strengths .box:hover > .box-icon {
  opacity: 0.2;
}

.section-staff-like .box-container {
  max-width: 1142px;
  flex-direction: row;
  align-items: flex-start;
  max-width: 100%;
  position: relative;
  display: flex;
  justify-content: flex-start;
}

@media screen and (max-width: 768px) {
  .section-staff-like .box-container {
    width: 100%;
  }
}

@media screen and (max-width: 768px) {
  .section-staff-like .box {
    max-width: 100% !important;
    overflow: hidden;
  }
}

.section-staff-like .box-3 {
  margin: 0 !important;
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 20px 19px;
  box-sizing: border-box;
  gap: 156px 0;
  background-image: url("/wp-content/themes/ssau-theme/assets/img/ssau-2023/staff-and-culture/box-3.jpeg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top;
  border: 1px solid #b3cfde;
}

.section-staff-like .our-strength,
.section-staff-like .retention-is {
  margin: 0;
}

.section-staff-like .retention-is-our-strength-container,
.section-staff-like .with-an-employee3 {
  width: 320px;
  position: relative;
  letter-spacing: -0.01em;
  line-height: 150%;
  display: inline-block;
}

.section-staff-like .with-an-employee3 {
  font-size: 16px;
  letter-spacing: 0.02em;
  line-height: 170%;
  font-family: Roboto;
  display: none;
}

.section-staff-like .component-68-icon3 {
  height: 100px;
  width: 100px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
  object-fit: cover;
}

.section-staff-like .box-4 {
  display: flex;
  align-items: flex-start;
}

.section-staff-like .box-4 {
  margin: 0 !important;
  position: relative;
  flex-direction: column;
  justify-content: flex-start;
  padding: 20px 19px;
  box-sizing: border-box;
  gap: 156px 0;
  background-image: url("/wp-content/themes/ssau-theme/assets/img/ssau-2023/staff-and-culture/box-4.jpeg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top;
  border: 1px solid #b3cfde;
}

.section-staff-like .all-hands,
.section-staff-like .on-deck {
  margin: 0;
}

.section-staff-like .all-hands-on-deck-container,
.section-staff-like .with-an-employee4 {
  width: 320px;
  position: relative;
  letter-spacing: -0.01em;
  line-height: 150%;
  display: inline-block;
}

.section-staff-like .with-an-employee4 {
  font-size: 16px;
  letter-spacing: 0.02em;
  line-height: 170%;
  font-family: Roboto;
  display: none;
}

.section-staff-like .component-68-icon4 {
  height: 100px;
  width: 100px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
}

.section-staff-like .component-68-wrapper1 {
  align-self: stretch;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-end;
}

.section-staff-like .box-5 {
  margin: 0 !important;
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 20px 19px;
  box-sizing: border-box;
  gap: 156px 0;
  background-image: url("/wp-content/themes/ssau-theme/assets/img/ssau-2023/staff-and-culture/box-5.jpeg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top;
  border: 1px solid #b3cfde;
}

.section-staff-like .celebrate-and-engage,
.section-staff-like .with-an-employee5 {
  width: 320px;
  position: relative;
  letter-spacing: -0.01em;
  line-height: 150%;
  display: inline-block;
}

.section-staff-like .with-an-employee5 {
  font-size: 16px;
  letter-spacing: 0.02em;
  line-height: 170%;
  font-family: Roboto;
  display: none;
}

.section-staff-like .component-68-icon5 {
  height: 100px;
  width: 100px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
}

.section-staff-like .component-68-wrapper2 {
  align-self: stretch;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-end;
}

.section-staff-like .box-6 {
  margin: 0 !important;
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 20px 19px;
  box-sizing: border-box;
  gap: 156px 0;
  background-image: url("/wp-content/themes/ssau-theme/assets/img/ssau-2023/staff-and-culture/box-6.jpeg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top;
  border: 1px solid #b3cfde;
}

.section-staff-like .pathways,
.section-staff-like .to-progress {
  margin: 0;
}

.section-staff-like .pathways-to-progress-container,
.section-staff-like .with-an-employee6 {
  width: 320px;
  position: relative;
  letter-spacing: -0.01em;
  line-height: 150%;
  display: inline-block;
}

.section-staff-like .with-an-employee6 {
  font-size: 16px;
  letter-spacing: 0.02em;
  line-height: 170%;
  font-family: Roboto;
  display: none;
}

.section-staff-like .component-68-icon6 {
  height: 100px;
  width: 100px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
  object-fit: cover;
}

.section-staff-like .component-68-wrapper3 {
  align-self: stretch;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-end;
}

.section-staff-like .box-7 {
  margin: 0 !important;
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 20px 19px;
  box-sizing: border-box;
  gap: 156px 0;
  background-image: url("/wp-content/themes/ssau-theme/assets/img/ssau-2023/staff-and-culture/box-7.jpeg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top;
  border: 1px solid #b3cfde;
}

.section-staff-like .resolving,
.section-staff-like .with-care {
  margin: 0;
}

.section-staff-like .resolving-with-care-container,
.section-staff-like .with-an-employee7 {
  width: 320px;
  position: relative;
  letter-spacing: -0.01em;
  line-height: 150%;
  display: inline-block;
}

.section-staff-like .with-an-employee7 {
  font-size: 16px;
  letter-spacing: 0.02em;
  line-height: 170%;
  font-family: Roboto;
  display: none;
}

.section-staff-like .component-68-icon7 {
  height: 100px;
  width: 100px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
  object-fit: cover;
}

.section-staff-like .component-68-wrapper4 {
  align-self: stretch;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-end;
}

.section-staff-like .box-8 {
  margin: 0 !important;
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 20px 19px;
  box-sizing: border-box;
  gap: 156px 0;
  background-image: url("/wp-content/themes/ssau-theme/assets/img/ssau-2023/staff-and-culture/box-8.jpeg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top;
  border: 1px solid #b3cfde;
}

.section-staff-like .icon {
  height: 100px;
  width: 100px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
}

.section-staff-like .box-icon {
  align-self: stretch;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-end;
}

.section-staff-like .box-9 {
  margin: 0 !important;
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  padding: 20px 19px;
  gap: 156px 0;
  background-image: url("/wp-content/themes/ssau-theme/assets/img/ssau-2023/staff-and-culture/box-9.jpeg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top;
  border: 1px solid #b3cfde;
}

@media screen and (max-width: 675px) {
  .section-staff-like .section-staff-like {
    gap: 20px 0;
  }
}

@media screen and (max-width: 450px) {
  .section-staff-like .all-hands-on-deck-container,
  .section-staff-like .celebrate-and-engage,
  .section-staff-like .commitment-to-employee,
  .section-staff-like .exceptional-enps-score-container,
  .section-staff-like .loyalty-speaks-volume-container,
  .section-staff-like .pathways-to-progress-container,
  .section-staff-like .resolving-with-care-container,
  .section-staff-like .retention-is-our-strength-container,
  .section-staff-like .transparent-every-step {
    font-size: 22px;
    line-height: 34px;
  }
}

/* SECTION STAFF & BENEFITS */
.section-staff-benefits {
  width: 100%;
  overflow: hidden;
  flex-direction: column;
  align-items: center;
  padding: 80px 0;
  box-sizing: border-box;
  gap: 40px 0;
  letter-spacing: normal;
  text-align: center;
  color: #10405a;
  font-family: Roboto;
  background-color: #f4f9f9;
}

@media screen and (max-width: 768px) {
  .section-staff-benefits {
    padding: 80px 0;
  }
}

.section-staff-benefits .owl-stage {
  margin-left: -50px !important;
}

.section-staff-benefits .owl-nav {
  display: block !important;
  position: absolute;
  top: -70px;
  right: 190px;
  width: max-content;
}

@media screen and (max-width: 1024px) {
  .section-staff-benefits .owl-nav {
    right: 0;
  }
}

.section-staff-benefits .owl-prev {
  border-radius: 8px 0px 0px 8px;
  background-color: white !important;
}

.section-staff-benefits .owl-next {
  border-radius: 0px 8px 8px 0px;
  background-color: white !important;
}

.section-staff-benefits .owl-nav button {
  width: 60px;
  height: 48px;
  padding: 12px 18px 12px 18px;
  border: 1px solid #cacdd5 !important;
  font-size: 23px !important;
  font-weight: 800 !important;
  background-color: white;
}

.section-staff-benefits .owl-next.disabled,
.section-staff-benefits .owl-prev.disabled {
  cursor: not-allowed !important;
  border-color: #cacdd5 !important;
  background-color: #f5f5f7 !important;
}

.section-staff-benefits .section-title-wrapper {
  padding: 0 16px;
}

.section-staff-benefits .section-title-wrapper .heighlight-title {
  position: relative;
  z-index: 2;
}

.section-staff-benefits .section-title-wrapper .heighlight-title::before {
  content: "";
  display: block;
  width: 150px;
  height: 20px;
  position: absolute;
  right: -2px;
  top: 20px;
  z-index: 1;
  opacity: 90%;
  mix-blend-mode: multiply;
}

@media screen and (max-width: 768px) {
  .section-staff-benefits .section-title-wrapper .heighlight-title::before {
    top: 20px;
    left: 0;
  }
}

.section-staff-benefits .section-title-wrapper .title {
  font-size: 36px;
  font-weight: 700;
  font-family: "Ubuntu";
  position: relative;
}

.section-staff-benefits .section-title-wrapper .captions {
  width: 667px;
  text-align: center;
  margin: auto;
  font-family: "Roboto";
  margin-top: 24px;
  font-size: 16px;
  line-height: 27.2px;
  letter-spacing: 0.02em;
}

@media screen and (max-width: 768px) {
  .section-staff-benefits .section-title-wrapper .captions {
    max-width: 100%;
  }
}

.section-staff-benefits .benefits-box {
  display: flex;
  margin-top: 81px;
}

@media screen and (max-width: 768px) {
  .section-staff-benefits .benefits-box {
    flex-direction: column;
  }
}

.section-staff-benefits .benefits-left {
  width: 489px;
  flex-grow: 0;
  background-image: url("/wp-content/themes/ssau-theme/assets/img/ssau-2023/staff-and-culture/benefits-thumbnail.jpeg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top;
  height: 666px;
  border-top-right-radius: 12px;
  border-bottom-right-radius: 12px;
}

@media screen and (max-width: 768px) {
  .section-staff-benefits .benefits-left {
    height: 500px;
    width: 100%;
    border-radius: 0;
  }
}

.section-staff-benefits .benefits-right {
  padding: 30px;
  max-width: calc(100% - 489px);
  padding-top: 100px;
  position: relative;
}

@media screen and (max-width: 1023px) {
  .section-staff-benefits .benefits-right {
    padding-left: 12px;
    padding-right: 12px;
    padding-top: 100px;
    /* max-width: calc(100% - 489px); */
  }
}

@media screen and (max-width: 768px) {
  .section-staff-benefits .benefits-right {
    padding-left: 16px;
    padding-right: 12px;
    padding-top: 100px;
    width: 100%;
    max-width: 100%;
  }
}

.section-staff-benefits .benefits-right .carousel-card {
  width: auto;
  height: 566px;
  padding: 20px;
  border-radius: 10px;
  border: 1px solid #b3cfde;
  gap: 14px;
  text-align: left;
  background-color: white;
}

.section-staff-benefits .benefits-right .carousel-card h3 {
  font-size: 24px;
  font-weight: 700;
  line-height: 36px;
  letter-spacing: -0.01em;
  margin: 14px 0;
}

@media screen and (max-width: 1440px) {
  .section-staff-benefits .benefits-right .carousel-card {
    height: 523px;
    padding: 20px;
  }
}

@media screen and (max-width: 768px) {
  .section-staff-benefits .benefits-right .carousel-card {
    height: 400px;
    padding: 12px;
  }
  .section-staff-benefits .benefits-right .carousel-card svg {
    width: 50px;
    height: 50px;
  }
}

.section-staff-benefits .benefits-right .carousel-card b {
  font-family: Ubuntu;
  font-size: 24px;
  font-weight: 700;
  line-height: 36px;
  letter-spacing: -0.01em;
  text-align: left;
}

@media screen and (max-width: 768px) {
  .section-staff-benefits .benefits-right .carousel-card b {
    font-size: 18px;
    line-height: 27px;
    margin: 9px 0;
    display: block;
  }
}

.section-staff-benefits .benefits-right .carousel-card p {
  font-family: Roboto;
  margin-top: 14px;
  font-size: 16px;
  font-weight: 400;
  line-height: 27px;
  letter-spacing: 0.02em;
  text-align: left;
  width: auto;
}

@media screen and (max-width: 768px) {
  .section-staff-benefits .benefits-right .carousel-card p {
    line-height: 21px;
    font-size: 14px;
    margin: 0;
  }
}

.section-staff-benefits .benefits-right .slick-button {
  position: absolute;
  right: 350px;
  top: 20px;
  display: flex;
}

@media screen and (max-width: 768px) {
  .section-staff-benefits .benefits-right .slick-button {
    right: 150px;
  }
}

.section-staff-benefits .benefits-right .carousel-button-next,
.section-staff-benefits .benefits-right .carousel-button-prev {
  color: #10405a !important;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}

.section-staff-benefits .benefits-right .carousel-button-next:after,
.section-staff-benefits .benefits-right .carousel-button-prev:after {
  font-size: 12px !important;
}

.section-staff-benefits .benefits-right .carousel-button-prev {
  width: 60px !important;
  height: 48px;
  padding: 12px, 18px, 12px, 18px;
  border-radius: 8px 0px 0px 8px;
  border: 1px solid #cacdd5;
  background-color: white;
}

.section-staff-benefits .benefits-right .carousel-button-next {
  margin-right: -143px;
  width: 60px !important;
  height: 48px;
  padding: 12px, 18px, 12px, 18px;
  border-radius: 0px 8px 8px 0px;
  border: 1px solid #cacdd5;
  background-color: white;
}

.section-staff-benefits .benefits-right .swiper-button-disabled {
  border: 1px solid #cacdd5;
  background-color: #f5f5f7 !important;
  color: #b6b9c4 !important;
  opacity: 1 !important;
}

/* SECTION ALL */
.heighlight-title {
  color: #00afaa;
  position: relative;
}

@media screen and (max-width: 768px) {
  .heighlight-title {
    line-height: 20px;
  }
}

/* SECTION CULTURE */
.section-culture {
  margin: 0 auto;
  flex-direction: column;
  align-items: center;
  max-width: 1140px;
  letter-spacing: normal;
  text-align: center;
  color: #10405a;
  font-family: Roboto;
  padding: 100px 24px;
}

@media screen and (max-width: 1024px) {
  .section-culture {
    position: relative;
    padding: 100px 24px;
  }
}

@media screen and (max-width: 768px) {
  .section-culture {
    position: relative;
    padding: 100px 16px;
  }
}

.section-culture .title {
  font-size: 36px;
  font-weight: 700;
  font-family: "Ubuntu";
  position: relative;
}

@media screen and (max-width: 768px) {
  .section-culture .section-title-wrapper .title div {
    display: flex;
    flex-direction: column;
  }
}

.section-culture .section-title-wrapper .heighlight-title::before {
  content: "";
  display: block;
  width: 130px;
  height: 20px;
  position: absolute;
  right: -1px;
  top: 20px;
  z-index: 1;
  opacity: 90%;
  mix-blend-mode: multiply;
}

@media screen and (max-width: 768px) {
  .section-culture .section-title-wrapper .heighlight-title::before {
    top: 10px;
    left: 0;
  }
}

@media screen and (max-width: 390px) {
  .section-culture .section-title-wrapper .heighlight-title::before {
    top: 10px;
    left: 0;
  }
}

.section-culture .section-title-wrapper .captions {
  max-width: 667px;
  text-align: center;
  margin: auto;
  font-family: "Roboto";
  margin-top: 24px;
  margin-bottom: 60px;
  font-size: 16px;
  line-height: 27.2px;
  letter-spacing: 0.02em;
}

@media screen and (max-width: 768px) {
  .section-culture .section-title-wrapper .captions {
    width: 100%;
    margin-bottom: 24px;
    max-width: 100%;
  }
}

.section-culture .cultural-item-v2 {
  display: flex;
  flex-direction: column;
  gap: 80px;
  height: auto;
}

@media screen and (max-width: 768px) {
  .section-culture .cultural-item-v2 {
    gap: 40px;
  }
}

@media screen and (max-width: 900px) {
  .section-culture .culture-item-v2:nth-child(1) .captions-container,
  .section-culture .culture-item-v2:nth-child(1) .captions-container-wrapper {
    height: 100%;
    padding-bottom: 24px;
  }
}

@media screen and (max-width: 768px) {
  .section-culture .culture-item-v2:nth-child(1) .captions-container,
  .section-culture .culture-item-v2:nth-child(1) .captions-container-wrapper {
    height: 100%;
    padding-bottom: 24px;
  }
}

@media screen and (max-width: 900px) {
  .section-culture .culture-item-v2:nth-child(2) .captions-container,
  .section-culture .culture-item-v2:nth-child(2) .captions-container-wrapper,
  .section-culture .culture-item-v2:nth-child(3) .captions-container,
  .section-culture .culture-item-v2:nth-child(3) .captions-container-wrapper {
    height: 100%;
    padding-bottom: 24px;
  }
}

@media screen and (max-width: 768px) {
  .section-culture .culture-item-v2:nth-child(2) .captions-container,
  .section-culture .culture-item-v2:nth-child(2) .captions-container-wrapper,
  .section-culture .culture-item-v2:nth-child(3) .captions-container,
  .section-culture .culture-item-v2:nth-child(3) .captions-container-wrapper {
    height: 100%;
    padding-bottom: 24px;
  }
}

.section-culture .culture-item-v2 {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  box-sizing: border-box;
  width: 100%;
  position: relative;
  flex-direction: row;
  padding: 0 2px 0 0;
  letter-spacing: normal;
  row-gap: 20px;
  text-align: left;
  font-size: 14px;
  color: #00afaa;
  font-family: Roboto;
}

@media screen and (max-width: 1023px) {
  .section-culture .culture-item-v2 {
    flex-wrap: wrap;
    flex-direction: column;
    gap: 0;
  }
}

@media screen and (max-width: 750px) {
  .section-culture .culture-item-v2 {
    row-gap: 0;
  }
}

.section-culture .culture-item-v2 .box-bordered,
.section-culture .culture-item-v2 .culture-left {
  overflow: hidden;
  box-sizing: border-box;
  max-width: 100%;
}

.section-culture .culture-item-v2 .box-bordered {
  height: 506px;
  flex: 1;
  border-radius: 12px 0 0 12px;
  border-top: 1px solid #cacdd5;
  border-bottom: 1px solid #cacdd5;
  border-left: 1px solid #cacdd5;
}

.section-culture .culture-item-v2 .culture-left {
  width: 555px;
  height: 600px;
  border-radius: 12px;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 47px 0 47px 11px;
  min-width: 361px;
}

.section-culture .culture-item-v2 .culture-left.culture-bg-1 {
  background-image: url("/wp-content/themes/ssau-theme/assets/img/ssau-2023/staff-and-culture/promotingopennessandengagement.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top;
  width: 555px;
}

@media screen and (max-width: 1023px) {
  .section-culture .culture-item-v2 .culture-left.culture-bg-1 {
    width: 100%;
    height: 100%;
  }
}

.section-culture .culture-item-v2 .culture-left.culture-bg-2 {
  background-image: url("/wp-content/themes/ssau-theme/assets/img/ssau-2023/staff-and-culture/balancing-professionalism-with-a-fun-relaxed-vibe.png");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top;
  width: 555px;
}

@media screen and (max-width: 1023px) {
  .section-culture .culture-item-v2 .culture-left.culture-bg-2 {
    width: 100%;
    height: 100%;
  }
}

.section-culture .culture-item-v2 .culture-left.culture-bg-3 {
  background-image: url("/wp-content/themes/ssau-theme/assets/img/ssau-2023/staff-and-culture/cultural-eperiance.png");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top;
  width: 555px;
}

@media screen and (max-width: 1023px) {
  .section-culture .culture-item-v2 .culture-left.culture-bg-3 {
    width: 100%;
    height: 100%;
  }
}

.section-culture .culture-item-v2 .cultural-focus1 {
  position: relative;
  text-transform: uppercase;
  font-family: var(--ssau-ff-roboto);
  font-size: 14px;
  font-weight: 700;
  line-height: 21px;
  letter-spacing: 0.11em;
  text-align: left;
  color: #00afaa;
}

.section-culture .culture-item-v2 .promoting-openness-and {
  margin: 0;
  align-self: stretch;
  position: relative;
  font-size: 28px;
  font-weight: 700;
  line-height: 39.2px;
  letter-spacing: -0.01em;
  text-align: left;
  color: #10405a;
}

@media screen and (max-width: 900px) {
  .section-culture .culture-item-v2 .promoting-openness-and {
    line-height: 145%;
    font-size: 24px;
  }
}

.section-culture .culture-item-v2 .cultural-focus {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 0 61.79999999999927px 0 0;
}

.section-culture .culture-item-v2 .our-approach-to {
  font-family: var(--ssau-ff-roboto);
  font-size: 16px;
  font-weight: 400;
  line-height: 27.2px;
  letter-spacing: 0.02em;
  text-align: left;
  color: #10405a;
}

@media screen and (max-width: 912px) {
  .section-culture .culture-item-v2 .our-approach-to {
    font-size: 14px;
  }
}

@media screen and (max-width: 768px) {
  .section-culture .culture-item-v2 .our-approach-to {
    font-size: 13px;
    line-height: 22px;
  }
}

.section-culture .culture-item-v2 .work-culture-approach {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  font-size: 16px;
  color: #10405a;
}

.section-culture .culture-item-v2 .captions2,
.section-culture .culture-item-v2 .cultural-focus-parent {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}

.section-culture .culture-item-v2 .cultural-focus-parent {
  align-self: stretch;
  gap: 24px;
}

@media screen and (max-width: 768px) {
  .section-culture .culture-item-v2 .cultural-focus-parent {
    gap: 6px;
  }
}

.section-culture .culture-item-v2 .captions2 {
  flex: 1;
  max-width: 100%;
}

.section-culture .culture-item-v2 .captions-container {
  align-self: stretch;
  border-radius: 0 12px 12px 0;
  border-top: 1px solid #cacdd5;
  border-right: 1px solid #cacdd5;
  border-bottom: 1px solid #cacdd5;
  overflow: hidden;
  flex-direction: row;
  flex-wrap: wrap;
  max-width: 100%;
  height: 506px;
  padding: 11px 35px 0 30px;
  display: flex;
  justify-content: center;
  align-items: center;
}

@media screen and (max-width: 1023px) {
  .section-culture .culture-item-v2 .captions-container {
    padding: 11px 24px 0 24px;
    border-left: 1px solid #cacdd5;
    border-top: none;
    border-top-right-radius: 0;
    border-bottom-left-radius: 12px;
    height: 100%;
    padding-bottom: 24px;
  }
}

.section-culture .culture-item-v2 .captions-container-wrapper {
  flex: 1;
  flex-direction: column;
  padding: 47px 0px 47px 0;
  min-width: 361px;
  height: 571px;
  max-width: 100%;
  margin-left: -2px;
}

@media screen and (max-width: 900px) {
  .section-culture .culture-item-v2 .captions-container-wrapper {
    flex: 1;
    margin-left: 0;
  }
}

@media screen and (max-width: 1023px) {
  .section-culture .culture-item-v2 .culture-left {
    padding-top: 20px;
    padding-bottom: 20px;
    box-sizing: border-box;
    padding: 19px 29px 0px 29px;
  }
  .section-culture .culture-item-v2 .culture-left .box-bordered {
    border-right: 1px solid #cacdd5;
    border-top-right-radius: 12px;
    border-bottom-left-radius: 0;
    border-bottom: 0;
    height: 100%;
    padding-top: 100%;
  }
  .section-culture .culture-item-v2 .cultural-focus {
    padding-right: 31px;
    box-sizing: border-box;
  }
  .section-culture .culture-item-v2 .captions-container-wrapper {
    padding: 0px 29px 19px 29px;
  }
}

@media screen and (max-width: 450px) {
  .section-culture .culture-item-v2 .culture-left {
    min-width: 100%;
  }
  .section-culture .culture-item-v2 .promoting-openness-and {
    font-size: 22px;
    line-height: 34px;
  }
  .section-culture .culture-item-v2 .captions-container-wrapper {
    min-width: 100%;
  }
}

.section-culture .culture-item-v2.culture-item-reverse-v2 {
  flex-direction: row-reverse !important;
}

@media screen and (max-width: 1023px) {
  .section-culture .culture-item-v2.culture-item-reverse-v2 {
    flex-direction: column !important;
  }
}

.section-culture .culture-item-v2.culture-item-reverse-v2 .captions-container {
  border-radius: 0;
  border-left: 1px solid #cacdd5 !important;
  border-top-left-radius: 12px;
  border-bottom-left-radius: 12px;
  border-right: 0;
}

@media screen and (max-width: 1023px) {
  .section-culture
    .culture-item-v2.culture-item-reverse-v2
    .captions-container {
    border-top-left-radius: 0;
    border-bottom-right-radius: 12px;
    height: 100%;
    padding-bottom: 24px;
  }
}

.section-culture .culture-item-v2.culture-item-reverse-v2 .culture-left {
  padding: 47px 11px 47px 0px;
  border-right: none;
}

@media screen and (max-width: 1023px) {
  .section-culture .culture-item-v2.culture-item-reverse-v2 .culture-left {
    padding: 11px 27px 0 27px;
  }
}

@media screen and (max-width: 1023px) {
  .section-culture .culture-item-v2.culture-item-reverse-v2 .culture-left {
    padding: 19px 29px 0px 29px;
  }
}

.section-culture .culture-item-v2.culture-item-reverse-v2 .box-bordered {
  border: 1px solid #cacdd5;
  border-top-right-radius: 12px;
  border-bottom-right-radius: 12px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-left: none;
}

@media screen and (max-width: 1023px) {
  .section-culture .culture-item-v2.culture-item-reverse-v2 .box-bordered {
    border-left: 1px solid #cacdd5;
    border-top-left-radius: 12px;
    border-bottom-right-radius: 0;
    border-bottom: 0;
  }
}

.section-culture .title .heighlight-title {
  max-width: fit-content;
  align-self: center;
}

/* SECTION GALLERY */
section.section-galery {
  padding: 100px 80px 100px 80px;
}

.staff-culture-container .section-title-wrapper p,
.staff-culture-container .section-title-wrapper h2 {
  padding: 0;
  margin: 0;
  font-size: 36px;
  font-weight: 700;
  line-height: 43.2px;
  letter-spacing: -0.02em;
  color: #07324a;
}
.staff-culture-container .section-staff-like .section-title-wrapper p,
.staff-culture-container .section-staff-like .section-title-wrapper h2 {
  max-width: 477px;
  margin: 0 auto;
}

@media screen and (max-width: 768px) {
  .staff-culture-container .section-title-wrapper p,
  .staff-culture-container .section-title-wrapper h2 {
    max-width: 460px;
    margin: 0 auto;
  }

  .staff-culture {
    height: 510px;
  }

  .section-staff-like {
    padding: 80px 16px;
  }
}

@media screen and (max-width: 600px) {
  .staff-culture {
    height: auto;
  }
}
.staff-culture-container .section-title-wrapper p span,
.staff-culture-container .section-title-wrapper h2 span {
  padding: 0;
  margin: 0;
  font-size: 36px;
  font-weight: 700;
  line-height: 43.2px;
  letter-spacing: -0.02em;
  color: #00afaa;
  position: relative;
}
.staff-culture-container .section-title-wrapper p span::after,
.staff-culture-container .section-title-wrapper h2 span::after {
  content: "";
  position: absolute;
  bottom: -5px;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  height: 25px;
  background-color: #fee879;
  mix-blend-mode: multiply;
  opacity: 90%;
}

@media screen and (max-width: 768px) {
  section.section-galery {
    padding: 100px 16px 50px 16px;
  }
}

section.section-galery .gallery-name {
  font-family: Roboto;
  font-size: 14px;
  font-weight: 700;
  line-height: 21px;
  letter-spacing: 0.11em;
  text-align: left;
  color: #00afaa;
  text-align: center;
  padding-bottom: 10px;
}

section.section-galery .section-title-wrapper {
  padding: 0 16px;
  text-align: center;
}

section.section-galery .section-title-wrapper .title span:nth-child(1) {
  max-width: 375px;
  overflow-wrap: break-word;
  line-height: 45px;
  position: relative;
  z-index: 3;
}

@media screen and (max-width: 768px) {
  section.section-galery .section-title-wrapper .title div {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
}

section.section-galery .section-title-wrapper .heighlight-title {
  position: relative;
  z-index: 2;
  line-height: 50px;
}

section.section-galery .section-title-wrapper .heighlight-title::before {
  content: "";
  display: block;
  width: 270px;
  height: 20px;
  position: absolute;
  right: -5px;
  top: 20px;
  z-index: 1;
  background-color: #fee879;
  opacity: 90%;
  mix-blend-mode: multiply;
}

@media screen and (max-width: 768px) {
  section.section-galery .section-title-wrapper .heighlight-title::before {
    top: 25px;
    right: -5px;
  }
}

section.section-galery .section-title-wrapper .title {
  font-size: 36px;
  font-weight: 700;
  font-family: "Ubuntu";
  position: relative;
}

section.section-galery .section-title-wrapper .captions {
  width: 667px;
  text-align: center;
  margin: auto;
  font-family: "Roboto";
  margin-top: 24px;
  font-size: 16px;
  line-height: 27.2px;
  letter-spacing: 0.02em;
  color: #07324a;
}

@media screen and (max-width: 768px) {
  section.section-galery .section-title-wrapper .captions {
    width: 100%;
  }
}

.dsc-wrapper {
  width: 920px;
}

.galery-mobile {
  display: none;
}

.galery-desktop {
  display: block;
}

/* End of Staff and Culture */

/* --------------------------------------------- */

/* Heros Vector */
.what-we-do-ecommerce-website-container .heros-vector,
.what-we-do-marketplace-container .heros-vector,
.what-we-do-mvp-container .heros-vector,
.what-we-do-mobile-app-container .heros-vector,
.what-we-do-sass-container .heros-vector,
.what-we-do-website-container .heros-vector,
.who-we-serve-travel-container .heros-vector,
.who-we-serve-saas-container .heros-vector,
.prop-tech-container .heros-vector,
.who-we-serve-media-container .heros-vector,
.who-we-serve-marketplace-container .heros-vector {
  opacity: 50% !important;
}

/* End Of Heros Vector */

/* ------------------------------------------------------- */

/* What We Do Mobile Hightlight Mobile */
@media screen and (max-width: 420px) {
  .what-we-do-marketplace-container
    .offering_top-row
    .offering-top-row_title
    > span::after,
  .what-we-do-website-container
    .offering_top-row
    .offering-top-row_title
    > span::after,
  .what-we-do-mobile-app-container
    .offering_top-row
    .offering-top-row_title
    > span::after,
  .what-we-do-ecommerce-website-container
    .offering_top-row
    .offering-top-row_title
    > span::after {
    width: 77%;
  }
}
@media screen and (max-width: 400px) {
  .what-we-do-marketplace-container
    .offering_top-row
    .offering-top-row_title
    > span::after,
  .what-we-do-website-container
    .offering_top-row
    .offering-top-row_title
    > span::after,
  .what-we-do-mobile-app-container
    .offering_top-row
    .offering-top-row_title
    > span::after,
  .what-we-do-ecommerce-website-container
    .offering_top-row
    .offering-top-row_title
    > span::after {
    width: 85%;
  }
}
/* End Of What We Do Mobile Hightlight */

/* ------------------------------------------- */

/* ----------------------------------------- */
/* Breadcrumb */
.what-we-do-website-container .ssau-breadcrumb,
.what-we-do-mobile-app-container .ssau-breadcrumb,
.what-we-do-marketplace-container .ssau-breadcrumb,
.teams-container .ssau-breadcrumb,
.what-we-do-ecommerce-website-container .ssau-breadcrumb,
.what-we-do-sass-container .ssau-breadcrumb,
.what-we-do-mvp-container .ssau-breadcrumb,
.what-we-do-website-container #ssau-breadcrumb,
.what-we-do-mobile-app-container #ssau-breadcrumb,
.what-we-do-marketplace-container #ssau-breadcrumb,
.teams-container #ssau-breadcrumb,
.what-we-do-ecommerce-website-container #ssau-breadcrumb,
.what-we-do-sass-container #ssau-breadcrumb,
.what-we-do-mvp-container #ssau-breadcrumb,
#tech-stack-page #ssau-breadcrumb {
  margin-top: 0px !important;
  align-items: center;
}

/* End of Breadcrumb */

/* ----------------------------------------- */

/* --- Who We Serve Section ssau-who-we-serve-hero---*/

.ssau-who-we-serve-container h1,
.ssau-who-we-serve-container h3,
.ssau-who-we-serve-container h2,
.ssau-who-we-serve-container p,
.ssau-who-we-serve-container span {
  padding: 0;
  margin: 0;
}

.ssau-who-we-serve-container {
  padding-bottom: 80px;
}

.ssau-who-we-serve-hero {
  padding-top: 80px;
  background-color: #f4f9f9;
  width: 100%;
  padding-bottom: 50px;
}

.ssau-who-we-serve-hero p {
  padding: 0;
  margin: 0;
}

.ssau-who-we-serve-hero-inner {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 32px;
  max-width: 1440px;
  margin: 0 auto;
  background-color: #f4f9f9;
  position: relative;
}

.ssau-who-we-serve-hero-inner .vector-who-we-serve {
  margin-top: -100px;
}

.vector-who-we-serve {
  width: 400px !important;
  position: absolute;
  left: -10px;
  top: 50px;
  z-index: 1;
}

.hero-title {
  font-size: 48px;
  font-weight: 700;
  line-height: 57.6px;
  letter-spacing: -0.035em;
  text-align: left;
  color: #072e45;
}

.desc {
  font-family: var(--ssau-ff-roboto);
  font-size: 16px;
  font-weight: 400;
  line-height: 27.2px;
  letter-spacing: 0.02em;
  text-align: left;
  color: #10405a;
}

.ssau-who-we-serve-left-content,
.ssau-who-we-serve-right-content {
  z-index: 4;
  width: 50%;
}

.ssau-who-we-serve-left-content {
  display: flex;
  padding-top: 50px;
  justify-content: center;
  flex-direction: column;
  padding-left: 150px;
  z-index: 2;
  gap: 24px;
}

.ssau-who-we-serve-left-content .hero-title {
  color: #072e45;
}

.ssau-who-we-serve-left-content ul {
  list-style: none;
  margin-left: -40px;
}
.ssau-who-we-serve-left-content ul li {
  color: #10405a;
  font-family: var(--ssau-ff-roboto);
  font-size: 16px;
  font-weight: 400;
  line-height: 27.2px;
  letter-spacing: 0.02em;
  position: relative;
  padding-left: 46px;
  text-align: left;
}

.ssau-who-we-serve-left-content ul li:not(:nth-child(1)) {
  margin-top: 20px;
}

.ssau-who-we-serve-left-content ul li::before {
  content: url("../../img/ssau-2023/what-we-do-ecommerce-website/checklist-icons.png");
  position: absolute;
  left: 0;
}

/* .ssau-who-we-serve-left-content p ul li{
  line-height: 24px;
} */

.ssau-who-we-serve-left-content ul {
  list-style: none;
  margin-left: -40px;
}
.ssau-who-we-serve-left-content ul li {
  color: #10405a;
  font-family: var(--ssau-ff-roboto);
  font-size: 16px;
  font-weight: 400;
  line-height: 27.2px;
  letter-spacing: 0.02em;
  position: relative;
  padding-left: 46px;
  text-align: left;
}

.ssau-who-we-serve-left-content ul li:not(:nth-child(1)) {
  margin-top: 20px;
}

.ssau-who-we-serve-left-content ul li::before {
  content: url("../../img/ssau-2023/what-we-do-ecommerce-website/checklist-icons.png");
  position: absolute;
  left: 0;
}

.ssau-who-we-serve-left-content .hero-title > span {
  color: #00afaa;
  font-size: 48px;
  font-weight: 700;
  line-height: 57.6px;
  letter-spacing: -0.035em;
}
.ssau-who-we-serve-left-content .hero-title > span::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: calc(100% + 5px);
  height: 30px;
  background-color: #fee879 !important;
  mix-blend-mode: multiply;
}

.ssau-who-we-serve-hero__image {
  width: 705px;
  height: 580px;
}

@media screen and (max-width: 1024px) {
  .vector-who-we-serve {
    top: -80px;
    left: -55px;
  }
}

@media screen and (max-width: 900px) {
  /* Hero */
  .ssau-who-we-serve-hero-inner {
    padding: 40px 0;
    flex-direction: column;
  }

  .ssau-who-we-serve-left-content {
    width: 100%;
    padding-left: 0;
  }

  .ssau-who-we-serve-left-content {
    padding: 0 80px;
  }

  .ssau-who-we-serve-left-content .hero-title {
    margin-top: 24px;
  }

  .ssau-who-we-serve-left-content > #ssau-breadcrumb {
    text-align: left;
  }

  .ssau-who-we-serve-left-content > .breadcrumb {
    text-align: left;
  }
  .ssau-who-we-serve-right-content {
    width: 100%;
  }
}

@media screen and (max-width: 600px) {
  .ssau-who-we-serve-hero-inner {
    padding: 0px;
    flex-direction: column;
  }

  .ssau-who-we-serve-hero-inner .ssau-who-we-serve-left-content {
    padding: 24px;
  }

  .ssau-who-we-serve-left-content .hero-title {
    margin-top: 0;
  }

  .ssau-who-we-serve-container {
    padding-bottom: 80px;
  }

  .ssau-who-we-serve-container
    .ssau-who-we-serve-hero
    .ssau-who-we-serve-hero-inner
    .ssau-who-we-serve-left
    .desc
    b,
  .ssau-who-we-serve-container
    .ssau-who-we-serve-hero
    .ssau-who-we-serve-hero-inner
    .ssau-who-we-serve-left
    .desc
    strong {
    font-family: var(--ssau-ff-roboto);
    font-size: 16px;
    line-height: 27.2px;
    letter-spacing: 0.02em;
    color: #10405a;
  }

  .ssau-who-we-serve-hero__image {
    width: 100%;
    height: auto;
    max-height: 580px;
  }
}

/* After Edit */
/* --- End Who We Serve Section ssau-who-we-serve-hero---*/

.ssau-who-we-serve-clients__image-wrapper {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 478px;
  width: 100%;
  background-size: contain;
  background-repeat: no-repeat;
}

.ssau-who-we-serve-clients__image-wrapper .img-post {
  position: absolute;
  top: 6rem;
  height: 135px;
  width: 240px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.ssau-who-we-serve-clients__image {
  object-fit: contain;
  height: 100%;
}

.ssau-who-we-serve-hero__container-single {
  max-width: 1140px;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: center;
}

@media only screen and (min-width: 300px) and (max-width: 376px) {
  .img-post {
    top: 16% !important;
    height: 78px !important;
    width: 150px !important;
  }
  .ssau-who-we-serve-hero__right {
    height: 350px !important;
  }
}

@media only screen and (min-width: 376px) and (max-width: 600px) {
  .ssau-breadcrumb {
    margin-top: 0px;
  }

  .ssau-who-we-serve-hero__left {
    padding-right: 0px;
  }

  .ssau-who-we-serve-hero__right {
    height: 350px !important;
  }

  .ssau-who-we-serve-hero__container-mobile .ssau-who-we-serve-hero__right {
    height: 100% !important;
  }

  .img-post {
    top: 20% !important;
    height: 90px !important;
    width: 150px !important;
  }
}

@media only screen and (min-width: 600px) and (max-width: 668px) {
  .img-post {
    top: 7.5% !important;
    height: 90px !important;
    width: 150px !important;
  }
  .ssau-who-we-serve-hero__right {
    height: 300px;
  }
}
@media only screen and (min-width: 668px) and (max-width: 900px) {
  .img-post {
    top: 57px !important;
    height: 100px !important;
    width: 170px !important;
  }
  .ssau-who-we-serve-details {
    padding: 50px 20px 60px !important;
  }
  .ssau-who-we-serve-hero__right {
    height: 400px;
  }
}
@media only screen and (min-width: 900px) and (max-width: 1025px) {
  .img-post {
    top: 100px !important;
    max-height: 100px !important;
    width: 220px !important;
  }
  .ssau-who-we-serve-details {
    padding: 50px 20px 60px !important;
  }
}

.ssau-who-we-serve-hero__heading span {
  color: #00afaa;
  position: relative;
}

.ssau-who-we-serve-hero__heading span:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: calc(100% + 14px);
  height: 48%;
  background-color: #f4cd0c;
  mix-blend-mode: multiply;
}

.ssau-who-we-serve-hero__desc {
  font-family: "Roboto", sans-serif;
  letter-spacing: 0.4px;
  line-height: 27px;
}

.ssau-who-we-serve-hero__right .ssau-who-we-serve-hero__desc,
.ssau-marketplace-ecommerce-hero__image .ssau-who-we-serve-hero__desc {
  display: none;
}

@media only screen and (max-width: 600px) {
  .ssau-who-we-serve-hero__left .ssau-who-we-serve-hero__desc {
    display: none !important;
  }
  .ssau-who-we-serve-hero__right {
    margin-top: 70px;
  }
  .ssau-who-we-serve-hero__right .ssau-who-we-serve-hero__desc {
    display: flex;
  }
  .ssau-our-capability__container {
    margin-top: 100px !important;
  }
  .ssau-who-we-serve-hero__container {
    width: 100%;
  }
  .ssau-our-capability__col-half {
    width: 100% !important;
    padding-left: 0px !important;
    padding-right: 0px !important;
  }
}

.ssau-who-we-serve-hero__desc p {
  font-family: "Roboto", sans-serif;
}

.ssau-who-we-serve-clients {
  background-color: #fafcfc;
  padding: 50px 20px;
}

.ssau-who-we-serve-clients__container {
  max-width: 1140px;
  margin: 0 auto;
}

.ssau-who-we-serve-clients__title {
  color: #969bab;
  letter-spacing: 0.4px;
  margin-bottom: 10px;
  font-family: "Roboto", sans-serif;
  font-size: 14px;
  font-weight: 700;
}

.ssau-who-we-serve-clients__item img {
  height: 80px;
  filter: saturate(0%);
  object-fit: contain;
}

.ssau-who-we-serve-list {
  padding: 50px 20px 90px;
}

.ssau-who-we-serve-list__container {
  max-width: 1140px;
  margin: 0 auto;
}

.ssau-who-we-serve-list__tabs {
  display: flex;
  flex-wrap: wrap;
  text-align: center;
  justify-content: center;
  margin-bottom: 60px;
}

.ssau-who-we-serve__tab-button {
  font-family: Roboto, sans-serif;
  font-size: 16px;
  font-weight: 400;
  letter-spacing: 0.4px;
  color: #969bab;
  border: 1px solid #cacdd5;
  border-radius: 100px;
  margin-right: 25px;
  vertical-align: top;
  cursor: pointer;
  padding: 14px 30px;
  text-decoration: none;
  display: inline-block;
  background-color: #fff;
}

.ssau-who-we-serve__tab-button.active {
  color: #fff;
  background-color: #00afaa;
  border-color: #00afaa;
}

.ssau-who-we-serve__tab-button:last-child {
  margin-right: 0;
}

.ssau-who-we-serve-list__tab-item {
  display: none;
}

.ssau-who-we-serve-list__tab-item.active {
  display: block;
}

@media (max-width: 768px) {
  .ssau-who-we-serve-hero__heading span {
    color: #00afaa;
    position: relative;
  }

  .ssau-who-we-serve-hero__heading span:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: calc(100% + 14px);
    height: 48%;
    background-color: #f4cd0c;
    mix-blend-mode: multiply;
  }

  .ssau-who-we-serve-list__item-link {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 2rem;
  }

  .ssau-who-we-serve-list__item-technology,
  .ssau-who-we-serve-list__item-description {
    padding-right: 0px !important;
  }
  .ssau-who-we-serve-list__item-description {
    text-align: center;
  }

  .ssau-who-we-serve-list__item-technology {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }

  .ssau-who-we-serve-list__tech-items {
    width: 100%;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 1rem;
    align-items: center;
  }

  .ssau-who-we-serve-list__tech-item {
    margin-right: 0px !important;
  }

  .ssau-who-we-serve-list__item-image {
    align-self: center;
    max-height: 120px;
    padding-right: 0px !important;
  }

  .ssau-who-we-serve-list__item-commitment {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }
}

@media (max-width: 480px) {
  .ssau-who-we-serve-hero__right .ssau-who-we-serve-hero__desc {
    display: block;
  }
}

@media (max-width: 378px) {
  .ssau-who-we-serve-list__item-link {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 0.2rem;
  }
}
.ssau-who-we-serve-list__item {
  border: 1px solid #cacdd5;
  border-radius: 10px;
  margin-bottom: 30px;
  padding: 30px;
  transition: border-color 0.4s linear;
}

.ssau-who-we-serve-list__item:hover {
  border-width: 2px;
  border-color: #00afaa;
  padding: 29px;
}

.ssau-who-we-serve-list__item-link {
  display: flex;
  justify-content: space-between;
  text-decoration: none;
}

.ssau-who-we-serve-list__item-image {
  width: 300px;
  flex: 0 0 300px;
  padding-right: 20px;
}

.ssau-who-we-serve-list__item-description,
.ssau-who-we-serve-list__item-technology {
  flex: 1 0 25%;
  padding-right: 30px;
}

.ssau-who-we-serve-list__item-commitment {
  width: 170px;
  flex: 0 0 170px;
}

@media (max-width: 1024px) {
  .ssau-who-we-serve-list__item-image {
    flex: 0 0 200px;
    width: 200px;
    padding-right: 20px;
  }

  .ssau-who-we-serve-list__item-description {
    flex: 1 0 10%;
    padding-right: 20px;
  }

  .ssau-who-we-serve-list__item-technology {
    flex: 1;
    padding-right: 10px;
  }

  .ssau-who-we-serve-list__item-commitment {
    width: 300px;
    flex: 1;
  }
}
@media (max-width: 768px) {
  .ssau-who-we-serve-list__item-image {
    flex: 0 0 150px;
    width: 150px;
    padding-right: 20px;
  }

  .ssau-who-we-serve-list__item-image img {
    width: 100%;
    height: 100px;
    max-width: 150px;
    object-fit: cover;
  }

  .ssau-who-we-serve-list__item-description {
    flex: 1;
    padding-right: 10px;
  }

  .ssau-who-we-serve-list__item-technology {
    flex: 1;
    padding-right: 10px;
  }

  .ssau-who-we-serve-list__item-commitment {
    width: 300px;
    flex: 1;
  }
}

.ssau-who-we-serve-list__title {
  font-family: "Roboto", sans-serif;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: 1px;
  color: #969bab;
  margin-bottom: 10px;
}

.ssau-who-we-serve-list__desc {
  font-family: "Roboto", sans-serif;
  font-size: 16px;
  color: #10405a;
  letter-spacing: 0.4px;
  line-height: 27px;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.ssau-who-we-serve-list__item-image {
  text-align: center;
}

.ssau-who-we-serve-list__item-image img {
  width: 100%;
  height: 100px;
  max-width: 180px;
  object-fit: contain;
  transition: transform 0.4s;
}

.ssau-who-we-serve-list__item:hover .ssau-portfolio-list__item-image img {
  transform: scale(1.15);
}

.ssau-who-we-serve-list__tech-item {
  display: inline-block;
  width: 30px;
  height: 30px;
  margin-right: 15px;
}

.ssau-who-we-serve-list__tech-item img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.ssau-who-we-serve-list__tab-item a.page-numbers.disabled {
  pointer-events: none;
}

.ssau-who-we-serve-meta {
  padding: 95px 20px 30px;
}

.ssau-who-we-serve-meta__heading {
  font-family: "Roboto", sans-serif;
  font-size: 20px;
  font-weight: 700;
  border-radius: 12px 12px 0 0;
  padding: 20px;
  color: #fff;
  background-color: #10405a;
  height: 65px;
  position: absolute;
  top: -65px;
  width: 100%;
}

.ssau-who-we-serve-meta__items {
  padding: 24px;
  border: 1px solid #cacdd5;
  border-radius: 0 0 0 12px;
  background-color: #f5f5f7;
}

.ssau-who-we-serve-meta__item {
  margin-bottom: 24px;
}

.ssau-who-we-serve-meta__title {
  color: #969bab;
  letter-spacing: 0.4px;
  margin-bottom: 4px;
  font-family: "Roboto", sans-serif;
  font-size: 14px;
  font-weight: 700;
}

.ssau-who-we-serve-meta__desc {
  color: #10405a;
  letter-spacing: 0.4px;
  font-family: "Roboto", sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.7;
}

.ssau-who-we-serve-meta__desc a {
  font-family: "Roboto", sans-serif;
  color: #10405a;
  text-decoration: none;
}

.ssau-who-we-serve-meta__desc a:hover {
  text-decoration: underline;
}

.ssau-who-we-serve-details {
  padding: 140px 20px 60px;
}

.ssau-who-we-serve-details__container {
  display: flex;
  flex-wrap: wrap;
  max-width: 1140px;
  margin: 0 auto;
}

.ssau-who-we-serve-details__left {
  width: 360px;
  flex: 0 0 auto;
  position: relative;
}

.ssau-who-we-serve-details__right {
  flex: 1 0;
  padding: 24px;
  border: 1px solid #cacdd5;
  border-radius: 0 12px 12px 0;
}

.ssau-who-we-serve-details__subheading {
  color: #05afaa;
  letter-spacing: 0.4px;
  margin-bottom: 10px;
  font-family: "Roboto", sans-serif;
  font-size: 14px;
  font-weight: 700;
}

.ssau-who-we-serve-details__heading {
  color: #10405a;
  margin-top: 0;
  margin-bottom: 20px;
  font-family: "Ubuntu", sans-serif;
  font-size: 36px;
  font-weight: 700;
  line-height: 1.5;
}

.ssau-who-we-serve-details__desc {
  font-family: "Roboto", sans-serif;
  line-height: 27px;
  color: #10405a;
  margin-bottom: 60px;
}

.ssau-who-we-serve-details__desc p {
  font-family: "Roboto", sans-serif;
}

.ssau-who-we-serve-details__desc ul {
  list-style-type: none;
  list-style-image: url("../../icons/ssau-2023/list-check.svg");
}

.ssau-who-we-serve-details__desc li {
  font-family: "Roboto", sans-serif;
}

.ssau-who-we-serve-details__desc li::marker {
  vertical-align: middle;
}

.ssau-who-we-serve-responsibilities {
  padding: 50px 20px;
}

.ssau-who-we-serve-responsibilities__container {
  max-width: 1140px;
  margin: 0 auto;
}

.ssau-who-we-serve-responsibilities__subheading {
  color: #05afaa;
  letter-spacing: 0.4px;
  margin-bottom: 10px;
  font-family: "Roboto", sans-serif;
  font-size: 14px;
  font-weight: 700;
}

.ssau-who-we-serve-responsibilities__heading {
  color: #10405a;
  margin-top: 0;
  margin-bottom: 20px;
  font-family: "Ubuntu", sans-serif;
  font-size: 36px;
  font-weight: 700;
  line-height: 1.5;
}

.ssau-who-we-serve-responsibilities__items {
  margin-bottom: 60px;
}

.ssau-who-we-serve-responsibilities__item {
  border: 1px solid #cacdd5;
  border-radius: 100px;
  margin-bottom: 20px;
  margin-right: 15px;
  padding: 10px 25px;
  font-size: 16px;
  display: inline-block;
}

.ssau-who-we-serve-responsibilities__bullet {
  width: 10px;
  height: 10px;
  background-color: #10405a;
  border-radius: 50%;
  margin-right: 10px;
  display: inline-block;
}

.ssau-who-we-serve-responsibilities__text {
  display: inline-block;
  color: #10405a;
  letter-spacing: 0.4px;
  font-family: "Roboto", sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.7;
}

.ssau-who-we-serve-stacks {
  padding: 50px 20px;
}

.ssau-who-we-serve-stacks__container {
  max-width: 1140px;
  margin: 0 auto;
}

.ssau-who-we-serve-stacks__subheading {
  color: #05afaa;
  letter-spacing: 0.4px;
  margin-bottom: 10px;
  font-family: "Roboto", sans-serif;
  font-size: 14px;
  font-weight: 700;
}

.ssau-who-we-serve-stacks__heading {
  color: #10405a;
  margin-top: 0;
  margin-bottom: 20px;
  font-family: "Ubuntu", sans-serif;
  font-size: 36px;
  font-weight: 700;
  line-height: 1.5;
}

.ssau-who-we-serve-stacks__items {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
}

.ssau-who-we-serve-stacks__item {
  width: 120px;
  margin-bottom: 20px;
  text-align: center;
  border-radius: 20px;
  padding: 10px 20px;
}

.ssau-who-we-serve-stacks__image {
  margin-bottom: 20px;
  width: 60px;
}

.ssau-who-we-serve-stacks__text {
  color: #969bab;
  font-family: Roboto, sans-serif;
  font-size: 16px;
  font-weight: 700;
}

.ssau-who-we-serve-cta {
  background-color: #072e45;
  color: #fff;
}

.ssau-who-we-serve-cta__container {
  text-align: center;
  background-image: url("../../img/ssau-2023/portfolio-cta-bg-1.png"),
    url("../../img/ssau-2023/portfolio-cta-bg-2.png");
  background-position: 0 80%, 100% 20%;
  background-repeat: no-repeat, no-repeat;
  background-size: auto, auto;
  padding: 85px 20px;
  margin: 0 auto;
  max-width: 1140px;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.ssau-who-we-serve-cta__heading {
  font-family: "Ubuntu", sans-serif;
  font-size: 36px;
  font-weight: 700;
  margin-bottom: 20px;
  max-width: 600px;
}

.ssau-who-we-serve-cta__desc {
  font-family: "Roboto", sans-serif;
  font-size: 16px;
  line-height: 27px;
  max-width: 600px;
  margin-bottom: 60px;
}

.ssau-who-we-serve-cta__items {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  width: 100%;
  margin-bottom: 60px;
}

.ssau-who-we-serve-cta__item {
  width: 20%;
  flex: 0 0 auto;
}

.ssau-who-we-serve-cta__item.title {
  font-family: "Ubuntu", sans-serif;
  font-weight: 700;
  font-size: 24px;
  text-align: left;
}

.ssau-who-we-serve-cta__counter {
  font-family: "Ubuntu", sans-serif;
  font-size: 60px;
  font-weight: 700;
  line-height: 67px;
  margin-bottom: 10px;
}

.ssau-who-we-serve-cta__counter.recurring {
  color: #00afaa;
}

.ssau-who-we-serve-cta__counter.resource {
  color: #7bc794;
}

.ssau-who-we-serve-cta__counter.new-client {
  color: #e98057;
}

.ssau-who-we-serve-cta__counter.duration {
  color: #2d9cdb;
}

.ssau-who-we-serve-cta__caption {
  font-family: "Roboto", sans-serif;
  font-size: 20px;
}

.ssau-who-we-serve-cta__text {
  font-family: "Roboto", sans-serif;
  font-size: 16px;
  line-height: 27px;
  max-width: 600px;
  margin-bottom: 15px;
}

.ssau-who-we-serve-cta .ssau-iso__cta-button {
  margin: 0;
}

.ssau-who-we-serve-cta .ssau-button-text-icon {
  font-family: "Roboto", sans-serif;
}

.ssau-client-testimonial-subheading {
  color: #05afaa;
  letter-spacing: 0.4px;
  margin-bottom: 10px;
  font-family: "Roboto", sans-serif;
  font-size: 14px;
  font-weight: 700;
  text-align: left;
}

.ssau-client-testimonial-heading span {
  position: relative;
  white-space: nowrap;
}

.ssau-client-testimonial-heading span:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: calc(100% + 5px);
  height: 48%;
  background-color: #b3e7e6;
  mix-blend-mode: multiply;
}

.ssau-who-we-serve-testimonial {
  padding: 60px 20px;
  background-color: #f4f9f9;
}

.ssau-who-we-serve-testimonial__container {
  max-width: 1140px;
  margin: 0 auto;
}

.ssau-who-we-serve-testimonial .ssau-client-testimonial-heading {
  font-size: 36px;
}

.ssau-who-we-serve-testimonial .ssau-testimonial-callout {
  flex-direction: column;
}

.ssau-testimonial-image {
  margin-bottom: 20px;
}

.ssau-testimonial-image img {
  width: 100px;
  height: 25px;
  object-fit: contain;
}

.ssau-who-we-serve-adjacents {
  padding: 60px 20px;
}

.ssau-who-we-serve-adjacents__container {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  max-width: 1140px;
  margin: 0 auto;
}

.ssau-who-we-serve-adjacents__prev {
  width: 50%;
  flex: none;
  margin-right: auto;
}

.ssau-who-we-serve-adjacents__next {
  width: 50%;
  flex: none;
  margin-left: auto;
}

.ssau-who-we-serve-adjacents__caption {
  font-family: "Roboto", sans-serif;
  letter-spacing: 0.4px;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.7;
  color: #969bab;
  margin-bottom: 12px;
}

.ssau-who-we-serve-adjacents__prev .ssau-portfolio-adjacents__caption {
  text-align: left;
  padding-left: 15px;
}

.ssau-who-we-serve-adjacents__next .ssau-portfolio-adjacents__caption {
  text-align: right;
  padding-right: 15px;
}

.ssau-who-we-serve-adjacents__link {
  align-items: center;
  text-decoration: none;
  display: flex;
  color: #10405a;
}

.ssau-who-we-serve-adjacents__prev .ssau-portfolio-adjacents__link {
  justify-content: flex-start;
}

.ssau-who-we-serve-adjacents__next .ssau-portfolio-adjacents__link {
  justify-content: flex-end;
}

.ssau-who-we-serve-adjacents__title {
  font-size: 28px;
  font-weight: 700;
}

.ssau-who-we-serve-hero__container-mobile {
  display: none;
}

.who-we-serve-main-container .hero-title > span {
  position: relative;
}
.who-we-serve-main-container .hero-title > span::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  height: 30px;
  background-color: #fee879 !important;
  mix-blend-mode: multiply;
  width: 100%;
}

.who-we-serve-main-container .ssau-who-we-serve-left-content .desc b {
  font-family: var(--ssau-ff-roboto);
  font-size: 16px;
  font-weight: 700;
  line-height: 27.2px;
  letter-spacing: 0.02em;
  text-align: left;
}

@media (max-width: 600px) {
  .owl-carousel .owl-stage-outer {
    margin-top: 2rem;
  }

  .ssau-who-we-serve-hero__left {
    padding-right: 0px;
    margin-bottom: 20px;
    width: 100%;
  }
  .ssau-who-we-serve-hero__right {
    width: 100%;
  }

  /* .ssau-who-we-serve-hero__container {
    display: none !important;
  } */

  .ssau-who-we-serve-hero__heading-desktop {
    display: none !important;
  }
  .ssau-who-we-serve-hero__heading-mobile {
    display: block !important;
  }

  .ssau-who-we-serve-hero__container-mobile {
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: center;
    width: 100%;
  }

  .ssau-who-we-serve-button {
    margin: 0 5px 10px;
  }

  .ssau-who-we-serve-list__item-description,
  .ssau-who-we-serve-list__item-technology,
  .ssau-who-we-serve-list__item-commitment {
    width: 100%;
    flex: 0 0 100%;
    margin-bottom: 30px;
    text-align: center;
    padding: 0;
  }

  .ssau-who-we-serve-details {
    padding: 40px 20px;
  }

  .ssau-who-we-serve-details__container > * {
    width: 100%;
  }

  .ssau-who-we-serve-details__left {
    order: 0;
    margin-bottom: 20px;
  }

  .ssau-who-we-serve-meta__heading {
    position: relative;
    top: 0;
  }

  .ssau-who-we-serve-meta__items {
    border-radius: 0 0 12px 12px;
  }

  .ssau-who-we-serve-details__right {
    border-radius: 12px;
  }

  .ssau-who-we-serve-cta__item {
    width: 50%;
    margin-bottom: 60px;
  }

  .ssau-who-we-serve-cta__item.title {
    width: 100%;
    text-align: center;
  }
}
@media only screen and (min-width: 660px) and (max-width: 668px) {
  .ssau-who-we-serve-hero__heading {
    font-size: 38px !important;
    line-height: 47px !important;
    letter-spacing: -2px !important;
  }

  .ssau-who-we-serve-hero__left {
    padding-right: 3px !important;
  }
}

@media only screen and (min-width: 668px) and (max-width: 932px) {
  .ssau-who-we-serve-hero__heading {
    font-size: 38px !important;
    line-height: 47px !important;
    letter-spacing: -2px !important;
  }

  .ssau-who-we-serve-hero__left {
    padding-right: 40px;
  }
}

@media screen and (max-device-width: 1024px) {
  .who-we-serve-main-container .ssau-who-we-serve-left-content {
    width: 100% !important;
  }
  .who-we-serve-main-container .ssau-who-we-serve-hero {
    padding-bottom: 0px;
  }

  .who-we-serve-main-container .ssau-our-capability {
    padding: 0px;
  }

  .who-we-serve-main-container .ssau-who-we-serve-right-content {
    width: 50% !important;
  }

  .who-we-serve-main-container .ssau-who-we-serve-hero-inner {
    flex-direction: column !important;
  }

  .who-we-serve-main-container .ssau-who-we-serve-left-content {
    padding: 50px 80px 325px 80px;
  }

  .who-we-serve-main-container .hero-title {
    max-width: 603px;
  }
  .who-we-serve-main-container .desc {
    max-width: 450px;
  }

  .who-we-serve-main-container .ssau-who-we-serve-hero__image {
    display: flex;
    justify-content: flex-end;
  }

  .who-we-serve-main-container .ssau-who-we-serve-right-content {
    position: absolute;
    right: 0;
    bottom: 0;
  }

  .who-we-serve-main-container .ssau-who-we-serve-hero__image {
    height: unset;
    width: unset;
    margin-bottom: unset;
  }
}
@media screen and (max-width: 1024px) {
  .who-we-serve-main-container .ssau-who-we-serve-left-content {
    width: 100% !important;
  }
  .who-we-serve-main-container .ssau-who-we-serve-hero {
    padding-bottom: 0px;
  }

  .who-we-serve-main-container .ssau-our-capability {
    padding: 0px;
  }

  .who-we-serve-main-container .ssau-who-we-serve-right-content {
    width: 50% !important;
  }

  .who-we-serve-main-container .ssau-who-we-serve-hero-inner {
    flex-direction: column !important;
  }

  .who-we-serve-main-container .ssau-who-we-serve-left-content {
    padding: 50px 80px 325px 80px;
  }

  .who-we-serve-main-container .hero-title {
    max-width: 603px;
  }
  .who-we-serve-main-container .desc {
    max-width: 450px;
  }

  .who-we-serve-main-container .ssau-who-we-serve-hero__image {
    display: flex;
    justify-content: flex-end;
  }

  .who-we-serve-main-container .ssau-who-we-serve-right-content {
    position: absolute;
    right: 0;
    bottom: 0;
  }

  .who-we-serve-main-container .ssau-who-we-serve-hero__image {
    height: unset;
    width: unset;
    margin-bottom: unset;
  }
}

@media screen and (max-device-width: 900px) {
  .who-we-serve-main-container .desc {
    max-width: 400px;
  }

  .who-we-serve-main-container .ssau-who-we-serve-left-content {
    padding: 50px 80px 270px 80px;
  }
}
@media screen and (max-width: 900px) {
  .who-we-serve-main-container .desc {
    max-width: 400px;
  }

  .who-we-serve-main-container .ssau-who-we-serve-left-content {
    padding: 50px 80px 270px 80px;
  }
}

@media screen and (max-width: 768px) {
  .who-we-serve-main-container .ssau-who-we-serve-right-content {
    width: 55% !important;
  }
}
@media screen and (max-device-width: 768px) {
  .who-we-serve-main-container .ssau-who-we-serve-right-content {
    width: 55% !important;
  }
}
@media screen and (max-device-width: 600px) {
  .who-we-serve-main-container .ssau-who-we-serve-left-content {
    padding: 50px 24px 24px 24px !important;
  }
  .ssau-our-capability-inner {
    padding: 40px 24px !important;
  }

  .who-we-serve-main-container .ssau-who-we-serve-right-content {
    position: unset;
    width: 100% !important;
  }

  .who-we-serve-main-container .ssau-who-we-serve-hero__image {
    width: 100%;
  }

  .who-we-serve-main-container .hero-title > span {
    position: relative;
  }
  .who-we-serve-main-container .hero-title > span::after {
    bottom: 0 !important;
    height: 30px !important;
  }

  .who-we-serve-main-container .ssau-who-we-serve-hero {
    padding-bottom: 0px;
  }

  .ssau-our-capability-inner {
    padding: 40px 24px !important;
  }

  #ssau-organisations {
    padding: 40px 24px !important;
  }
}
@media screen and (max-width: 600px) {
  .who-we-serve-main-container .ssau-who-we-serve-left-content {
    padding: 50px 24px 24px 24px !important;
  }
  .ssau-our-capability-inner {
    padding: 40px 24px !important;
  }

  .who-we-serve-main-container .ssau-who-we-serve-right-content {
    position: unset;
    width: 100% !important;
  }

  .who-we-serve-main-container .ssau-who-we-serve-hero__image {
    width: 100%;
  }

  .who-we-serve-main-container .hero-title > span {
    position: relative;
  }
  .who-we-serve-main-container .hero-title > span::after {
    bottom: 0 !important;
    height: 30px !important;
  }

  .who-we-serve-main-container .ssau-who-we-serve-hero {
    padding-bottom: 0px;
  }

  .ssau-our-capability-inner {
    padding: 40px 24px !important;
  }

  #ssau-organisations {
    padding: 40px 24px !important;
  }
}

/* --- Our Capability --- */

.ssau-our-capability {
  width: 100%;
  padding: 105px 0 80px;
}

.ssau-our-capability-inner {
  max-width: 1440px;
  margin: 0 auto;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  flex-wrap: wrap;
  padding-left: 130px;
  padding-right: 130px;
}

.ssau-our-capability__card-area {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(3, auto);
  gap: 30px;
}

@media screen and (min-width: 1301px) {
  .ssau-our-capability__col-half {
    width: 361px;
    min-width: unset;
  }
}

@media screen and (max-width: 1300px) {
  .ssau-our-capability__col-half {
    min-width: 100%;
    width: unset;
  }
}

.ssau-our-capability__subheading {
  color: #00afaa;
  letter-spacing: 0.4px;
  margin-bottom: 4px;
  font-family: "Roboto", sans-serif;
  font-size: 14px;
  font-weight: 700;
}

.ssau-our-capability__heading {
  margin-bottom: 30px !important;
  margin-top: 0;
  font-size: 36px;
  font-weight: 700;
  color: #10405a;
  letter-spacing: -0.035em;
  max-width: 435px;
}

.ssau-our-capability__heading span {
  position: relative;
  color: #00afaa;
  white-space: nowrap;
}

.ssau-our-capability__heading span:after {
  content: "";
  position: absolute;
  bottom: -5px;
  left: 0;
  width: calc(100% + 5px);
  height: 24px;
  background-color: #fee879;
  mix-blend-mode: multiply;
  opacity: 90%;
}

.ssau-our-capability__heading span:not(:last-of-type):after {
  width: 100%;
}

.ssau-our-capability__desc,
.ssau-our-capability__desc p {
  font-family: var(--ssau-ff-roboto);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0.02em;
  color: #10405a;
}
.ssau-our-capability__desc * {
  font-family: var(--ssau-ff-roboto);
}

.ssau-our-capability__desc p {
  margin-top: 0;
  margin-bottom: 10px;
}

.ssau-our-capability .what-we-do-btn {
  margin-bottom: 97px;
}

.ssau-our-capability__items {
  display: flex;
  flex-direction: column;
}

.ssau-our-capability__item {
  padding: 40px;
  border-radius: 12px;
  border: 1px solid #cacdd5;
  box-shadow: #c9d5dd 8px 8px;
  transition: all 0.4s;
  height: 473px;
  position: relative;
}

.ssau-our-capability__icon {
  display: none;
}

.ssau-our-capability__item:hover .ssau-our-capability__icon {
  position: absolute;
  top: 40px;
  right: 16px;
  width: 30px;
  height: auto;
  display: flex;
}

.ssau-our-capability__item:hover {
  box-shadow: #f4cd17 8px 8px;
}

.ssau-our-capability__item:hover .ssau-our-capability__item-heading {
  color: #00afaa;
}

.ssau-our-capability__item:hover .ssau-our-capability__button {
  opacity: 1;
}

.ssau-our-capability__item-heading {
  font-family: "Ubuntu", sans-serif;
  font-size: 24px;
  font-weight: 700;
  line-height: 36px;
  letter-spacing: -0.01em;
  color: #10405a;
  margin: 0 0 12px;
  transition: color 0.2s;
  height: 72px;
}

.ssau-our-capability__item-desc {
  font-family: "Roboto", sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 27px;
  letter-spacing: 0.02em;
  color: #10405a;
  margin-bottom: 12px;
}

.ssau-our-capability__button {
  font-family: "Roboto", sans-serif;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 0.4px;
  display: flex;
  align-items: center;
  padding: 6.75px 17.5px 6.75px 0;
  color: #10405a;
  opacity: 0;
  text-decoration: none;
  transition: all 0.2s;
}

.ssau-our-capability__button:hover {
  color: #4a748b;
}

.ssau-our-capability__button-text {
  margin-right: 20px;
  font-family: "Roboto", sans-serif;
  min-width: 80px;
}

.ssau-our-capability__button-icon {
  width: 28px;
  height: 28px;
  transition: transform 0.2s linear !important;
}

.ssau-our-capability__button:hover .ssau-our-capability__button-icon {
  transform: translateX(8px);
}

.ssau-our-capability__item:hover .ssau-our-capability-button-wrap {
  z-index: 5;
  display: inline-block;
  position: absolute;
  bottom: 40px;
  font-size: 18px;
}

.ssau-our-capability-button {
  color: #10405a;
  letter-spacing: 0.4px;
  align-items: center;
  padding: 6.75px 17.5px 6.75px 0;
  font-family: "Roboto", sans-serif;
  font-size: 14px;
  font-weight: 700;
  text-decoration: none;
  transition: color 0.2s linear, background-color 0.2s linear;
  display: flex;
}

.ssau-our-capability-button:hover {
  color: #4a748b;
}

.ssau-our-capability-button-text {
  margin-right: 20px;
  font-family: "Roboto", sans-serif;
  min-width: 80px;
}

.ssau-our-capability-button-icon {
  width: 28px;
  height: 28px;
  transition: transform 0.2s linear !important;
}

.ssau-our-capability-button:hover .ssau-homepage-portfolio-button-icon {
  transform: translateX(8px);
}

.ssau-organisations .ssau-organisations-inner .ssau-organisations__title > p {
  max-width: 764px;
  margin: 0 auto;
}

@media screen and (max-width: 1243px) {
  .ssau-our-capability {
    padding: 105px 0 90px;
  }
}

@media screen and (max-device-width: 1024px) {
  .ssau-our-capability {
    padding: 105px 0 90px;
  }
  .ssau-our-capability-inner {
    padding: 80px 24px;
  }

  .ssau-our-capability__col-half {
    width: unset;
    min-width: 200px;
  }

  .ssau-our-capability__item {
    padding: 40px;
    border-radius: 12px;
    border: 1px solid #cacdd5;
    box-shadow: #c9d5dd 8px 8px;
    transition: all 0.4s;
    height: unset;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    min-height: 490px;
  }

  .ssau-our-capability-button-wrap {
    display: block !important;
    margin-top: auto;
  }

  .ssau-our-capability__item .ssau-our-capability__item-heading {
    height: 73px;
  }
}
@media screen and (max-width: 1024px) {
  .ssau-our-capability {
    padding: 105px 0 90px;
  }
  .ssau-our-capability-inner {
    padding: 80px 24px;
  }

  .ssau-our-capability__col-half {
    width: unset;
    min-width: 200px;
  }

  .ssau-our-capability__item {
    padding: 40px;
    border-radius: 12px;
    border: 1px solid #cacdd5;
    box-shadow: #c9d5dd 8px 8px;
    transition: all 0.4s;
    height: unset;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    min-height: 490px;
  }

  .ssau-our-capability-button-wrap {
    display: block !important;
    margin-top: auto;
  }

  .ssau-our-capability__item .ssau-our-capability__item-heading {
    height: 73px;
  }
}

.ssau-our-capability-button-wrap {
  display: none;
}

@media screen and (max-width: 992px) {
  .ssau-our-capability-inner {
    padding: 80px 24px;
  }

  .ssau-our-capability__card-area {
    grid-template-columns: repeat(2, auto);
  }

  .ssau-our-capability__item {
    min-height: 465px;
  }
}
@media screen and (max-device-width: 992px) {
  .ssau-our-capability-inner {
    padding: 80px 24px;
  }

  .ssau-our-capability__card-area {
    grid-template-columns: repeat(2, auto);
  }

  .ssau-our-capability__item {
    min-height: 465px;
  }
}

@media screen and (max-width: 768px) {
  .ssau-our-capability__item {
    min-height: 470px;
  }
  .who-we-serve-main-container .ssau-who-we-serve-left-content {
    padding: 50px 80px 290px 80px;
  }
}
@media screen and (max-device-width: 768px) {
  .ssau-our-capability__item {
    min-height: 470px;
  }
  .who-we-serve-main-container .ssau-who-we-serve-left-content {
    padding: 50px 80px 290px 80px;
  }
}

@media screen and (max-width: 600px) {
  .ssau-our-capability__container {
    margin-top: 100px !important;
  }

  .ssau-our-capability__card-area {
    grid-template-columns: repeat(1, auto);
  }

  .ssau-our-capability__col-half {
    width: 100% !important;
    padding-left: 0px !important;
    padding-right: 0px !important;
  }
}
@media screen and (max-device-width: 600px) {
  .ssau-our-capability__container {
    margin-top: 100px !important;
  }

  .ssau-our-capability__card-area {
    grid-template-columns: repeat(1, auto);
  }

  .ssau-our-capability__col-half {
    width: 100% !important;
    padding-left: 0px !important;
    padding-right: 0px !important;
  }
}

@media screen and (max-width: 480px) {
  .ssau-our-capability {
    padding: 80px 24px;
  }

  .ssau-our-capability__col-half {
    width: 100%;
  }

  .ssau-our-capability__col-half.left {
    padding-right: 0;
  }

  .our-capability .ssau-our-capability__col-half.left {
    order: 1;
    margin-bottom: 0;
  }

  .ssau-our-capability__col-half.right {
    padding-left: 0;
  }

  .our-capability .ssau-our-capability__col-half.right {
    order: 0;
  }

  .ssau-our-capability .ssau-iso__cta-button {
    margin-left: 0;
    width: auto;
  }
}
@media screen and (max-device-width: 480px) {
  .ssau-our-capability {
    padding: 80px 24px;
  }

  .ssau-our-capability__col-half {
    width: 100%;
  }

  .ssau-our-capability__col-half.left {
    padding-right: 0;
  }

  .our-capability .ssau-our-capability__col-half.left {
    order: 1;
    margin-bottom: 0;
  }

  .ssau-our-capability__col-half.right {
    padding-left: 0;
  }

  .our-capability .ssau-our-capability__col-half.right {
    order: 0;
  }

  .ssau-our-capability .ssau-iso__cta-button {
    margin-left: 0;
    width: auto;
  }
}
/* --- End Capability -- */

/* ---- Count ---- */
.ssau-who-we-serve-counts {
  background-color: #07324a;
  color: #fff;
}

.ssau-who-we-serve-counts__container {
  text-align: center;
  background-image: url("../../img/ssau-2023/portfolio-cta-bg-1.png"),
    url("../../img/ssau-2023/portfolio-cta-bg-2.png");
  background-position: 0.5% 70%, 93% 35%;
  background-repeat: no-repeat, no-repeat;
  background-size: auto, auto;
  padding: 85px 85px;
  margin: 0 auto;
  max-width: 1441px;
  display: flex;
  /* flex-direction: column; */
  align-items: center;
  flex-wrap: wrap;
}

.ssau-who-we-serve-counts__col-half {
  width: 50%;
}

.ssau-who-we-serve-counts__col-half.left {
  padding-right: 30px;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
}

.ssau-who-we-serve-counts__heading {
  font-family: "Ubuntu", sans-serif;
  font-size: 36px;
  font-weight: 700;
  width: 565px;
  margin-top: 0;
  /* margin-bottom: 64px; */
  text-align: left;
}

.ssau-who-we-serve-counts .ssau-who-we-serve-counts__heading {
  width: unset !important;
}

.ssau-who-we-serve-counts__desc {
  font-family: "Roboto";
  font-size: 16px;
  font-weight: 400;
  max-width: 565px;
  line-height: 27.2px;
  text-align: left;
}

.ssau-who-we-serve-counts__desc p {
  font-family: "Roboto";
}

.ssau-who-we-serve-counts__image {
  width: 723.72px;
  height: 266px;
  top: 47px;
  left: 753.89px;
  gap: 0px;
}

.ssau-who-we-serve-counts__desc p {
  color: #b3cfde;
}

.ssau-who-we-serve-counts__items {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  width: 100%;
  margin-bottom: 60px;
}

.ssau-who-we-serve-counts__item {
  width: 25%;
  flex: 0 0 auto;
}

.ssau-who-we-serve-counts__icon {
  margin-bottom: 24px;
}

.ssau-who-we-serve-counts__counter {
  font-family: "Ubuntu", sans-serif;
  font-size: 56px;
  font-weight: 700;
  line-height: 67px;
  margin-bottom: 10px;
}

.ssau-who-we-serve-counts__counter.years {
  color: #00afaa;
}

.ssau-who-we-serve-counts__counter.staff {
  color: #7bc794;
}

.ssau-who-we-serve-counts__counter.clients {
  color: #2d9cdb;
}

.ssau-who-we-serve-counts__counter.projects {
  color: #e98057;
}

.ssau-who-we-serve-counts__caption {
  font-family: "Roboto", sans-serif;
  font-size: 20px;
}

.ssau-who-we-serve-counts__cta-button {
  margin-top: 3rem;
  min-width: 155px;
  border: 1.5px solid #07324a;
  color: #07324a;
  letter-spacing: 0.4px;
  border-radius: 50px;
  align-items: center;
  padding: 10px 30px 10px 30px;
  font-size: 16px;
  font-weight: 500;
  text-decoration: none;
  display: inline-flex;
  transition: color 0.2s linear, background-color 0.2s linear;
  touch-action: manipulation;
  background-color: #f4cd0c;
}

@media (max-width: 768px) {
  .ssau-who-we-serve-counts__col-half {
    width: 100%;
  }
}

@media (min-width: 495px) and (max-width: 599px) {
  .ssau-who-we-serve-counts__col-half .ssau-who-we-serve-counts__cta-button {
    margin-top: 4rem;
  }
}

@media (min-width: 600px) and (max-width: 818px) {
  .ssau-who-we-serve-counts__col-half .ssau-who-we-serve-counts__cta-button {
    margin-top: 3rem;
  }
}

@media (min-width: 321px) and (max-width: 396px) {
  .ssau-who-we-serve-counts__col-half .ssau-who-we-serve-counts__cta-button {
    margin-top: 6rem;
  }
}

@media (max-width: 320px) {
  .ssau-who-we-serve-counts__col-half .ssau-who-we-serve-counts__cta-button {
    margin-top: 6rem;
  }
}

.ssau-who-we-serve-counts__cta-button div {
  font-family: "Roboto", sans-serif;
  font-weight: 500;
  text-transform: uppercase;
  width: 100%;
  text-align: center;
}

@media (max-width: 480px) {
  .ssau-who-we-serve-counts__item {
    width: 50%;
    margin-bottom: 50px;
  }

  .ssau-who-we-serve-counts__icon {
    margin-bottom: 10px;
  }

  .ssau-who-we-serve-counts__col-half {
    width: 100%;
  }
}
/* ------ End Counts -------*/

/* Our Client */
.ssau-who-we-serve-ourclient {
  background-color: #10405a;
  color: #fff;
}

.ssau-who-we-serve-ourclient__container {
  text-align: left;
  background-image: url("../../img/ssau-2023/image-our-client.png");
  /* url("../../img/ssau-2023/portfolio-cta-bg-2.png"); */
  background-position: 2% 90%, 100% 20%;
  background-repeat: no-repeat, no-repeat;
  background-size: auto, auto;
  padding: 85px 20px;
  margin: 0 auto;
  max-width: 1140px;
  display: flex;
  /* flex-direction: column; */
  align-items: center;
  flex-wrap: wrap;
}

.ssau-who-we-serve-ourclient__col-half {
  width: 50%;
}

.ssau-who-we-serve-ourclient__col-half.left {
  padding-right: 30px;
}

.ssau-who-we-serve-ourclient__heading {
  font-family: "Ubuntu", sans-serif;
  font-size: 36px;
  font-weight: 700;
  width: 565px;
  margin-top: 0;
  /* margin-bottom: 64px; */
  text-align: left;
}

.ssau-who-we-serve-ourclient-subheading {
  color: #ffffff;
  letter-spacing: 0.4px;
  margin-bottom: 10px;
  font-family: "Roboto", sans-serif;
  font-size: 14px;
  font-weight: 700;
  line-height: 21px;
}

.ssau-who-we-serve-ourclient__desc {
  font-family: "Roboto";
  font-size: 36px;
  font-weight: 600;
  max-width: 565px;
  height: 54px;
  line-height: 43.2px;
  text-align: left;
}

.ssau-who-we-serve-ourclient.content-bottom .ssau-who-we-serve-ourclient__desc,
.ssau-who-we-serve-ourclient.content-bottom p {
  height: unset;
}

.ssau-who-we-serve-ourclient.content-bottom p {
  padding: 0;
  margin: 0;
}

.ssau-who-we-serve-ourclient h2 span {
  position: relative;
}

.ssau-who-we-serve-ourclient h2 span:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: calc(100% + 5px);
  height: 48%;
  background-color: #00afaa;
  mix-blend-mode: multiply;
}

.ssau-who-we-serve-ourclient p {
  font-size: 36px;
  max-width: 387px;
  height: 86px;
  font-weight: 700;
}

.ssau-who-we-serve-ourclient__items {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  width: 100%;
  margin-bottom: 60px;
}

.ssau-who-we-serve-ourclient__item {
  width: 25%;
  flex: 0 0 auto;
}

.ssau-who-we-serve-ourclient__icon {
  margin-bottom: 24px;
}

.ssau-who-we-serve-ourclient__counter {
  font-family: "Ubuntu", sans-serif;
  font-size: 56px;
  font-weight: 700;
  line-height: 67px;
  margin-bottom: 10px;
}

.ssau-who-we-serve-ourclient__counter.years {
  color: #00afaa;
}

.ssau-who-we-serve-ourclient__counter.staff {
  color: #7bc794;
}

.ssau-who-we-serve-ourclient__counter.clients {
  color: #2d9cdb;
}

.ssau-who-we-serve-ourclient__counter.projects {
  color: #e98057;
}

.ssau-who-we-serve-ourclient__caption {
  font-family: "Roboto", sans-serif;
  font-size: 20px;
}

@media (max-width: 480px) {
  .ssau-who-we-serve-ourclient__item {
    width: 50%;
    margin-bottom: 50px;
  }

  .ssau-who-we-serve-ourclient__icon {
    margin-bottom: 10px;
  }

  .ssau-who-we-serve-ourclient__col-half {
    width: 100%;
    margin-top: 50px;
  }
  .ssau-who-we-serve-ourclient__image {
    margin-top: 50px;
  }
}

/* End Our Client */

/* --- SSAU Organisations --- */
.ssau-cmodel__heading span {
  position: relative;
  color: #00afaa;
  white-space: nowrap;
}

.ssau-cmodel__heading span:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: calc(100% + 5px);
  height: 48%;
  background-color: #f7dc55;
  mix-blend-mode: multiply;
}

.ssau-cmodel__heading span:not(:last-of-type):after {
  width: 100%;
}

#ssau-organisations {
  background-image: url("../../img/ssau-2023/homepage-collaboration/collaboration-model-pattern.svg"),
    url("../../img/ssau-2023/homepage-collaboration/collaboration-model-pattern.svg");
  background-position: 10% 40%, 90% 64%;
  background-repeat: no-repeat, no-repeat;
  background-size: 85px, 85px;
  padding: 80px 150px;
  min-height: 1022px;
  margin: 0 auto;
  background-color: #f4f9f9;
  color: #07324a;
  font-family: "Roboto", sans-serif;
  overflow-x: hidden;
}

.ssau-organisations-inner {
  width: auto;
  max-width: 1140px;
  margin: 0 auto;
}

.ssau-organisations__title {
  text-align: center;
  margin-bottom: 56px;
}

.ssau-organisations__subtitle {
  color: #05afaa;
  letter-spacing: 0.4px;
  margin-bottom: 16px;
  font-family: var(--ssau-ff-roboto);
  font-size: 14px;
  font-weight: 700;
}

.ssau-organisations__title h2 {
  font-size: 36px;
  font-weight: 700;
  line-height: 43.2px;
  letter-spacing: -0.02em;
  color: #10405a;

  margin: 10px 0px;
}

.ssau-organisations__title h2 span {
  color: #00afaa;
  position: relative;
}

.ssau-organisations__title h2 span:after {
  content: "";
  position: absolute;
  bottom: -5px;
  left: 0;
  width: calc(100% + 5px);
  height: 24px;
  background-color: #fee879;
  mix-blend-mode: multiply;
}

.ssau-organisations__title h2 span:not(:last-of-type):after {
  width: 100%;
}

.ssau-organisations__title p {
  font-size: 16px;
  font-weight: 400;
  font-family: var(--ssau-ff-roboto);
  line-height: 27.2px;
  color: #10405a;
}

.ssau-organisations__card-area {
  display: block;
}

.ssau-organisations__single-card {
  width: 100%;
  margin: 1rem 0;
  background-color: #fff;
  border-radius: 10px;
  text-decoration: none;
  color: #07324a;
  opacity: 1;
  transform: translate3d(0px, 0px, 0px) scale3d(1, 1, 1) rotateX(0deg)
    rotateY(0deg) rotateZ(0deg) skew(0deg);
  transform-style: preserve-3d;
  padding: 30px 30px 65px;
  font-size: 16px;
  transition: box-shadow 0.4s, background-color 0.4s;
  border: 1px solid #cacdd5;
}

.ssau-organisations__single-card:hover {
  box-shadow: 0 0 15px 3px rgba(212, 220, 223, 0.81);
}

.ssau-organisations__single-card a {
  text-decoration: none;
  color: #052436;
}

h3.ssau-organisations__card-title {
  font-size: 24px;
  font-weight: 700;
  line-height: 36px;
  color: #10405a;
  margin: 14px 0px;
}

p.ssau-organisations__card-desc {
  font-family: var(--ssau-ff-roboto);
  font-size: 16px;
  line-height: 1.7;
}

.ssau-organisations__list {
  display: inline-flex;
  align-items: flex-start;
  font-family: var(--ssau-ff-roboto);
  font-size: 16px;
  font-weight: 400;
  line-height: 27px;
  letter-spacing: 0.02em;
  color: #10405a;
  margin-bottom: 15px;
}

.ssau-organisations__list img {
  margin-right: 15px;
}

.ssau-organisations__list div {
  font-family: var(--ssau-ff-roboto);
}

@media screen and (max-width: 992px) {
  #ssau-organisations {
    padding: 80px;
  }
}

@media only screen and (min-width: 640px) {
  .ssau-organisations__card-area {
    display: flex;
    gap: 30px;
  }

  .ssau-organisations__single-card {
    width: calc(100% / 2);
  }
}

/* --- End SSAU Organisations  --- */

/* End of Who We Serve Main */

/* Who We Server Saas */

.who-we-serve-saas-container p,
.who-we-serve-saas-container h2,
.who-we-serve-saas-container ul,
.who-we-serve-saas-container h3 {
  margin: 0;
  padding: 0;
}

.owl-nav.disabled {
  display: none !important;
}

.owl-custom-btn-who-we-serve {
  display: flex;
  align-items: center;
}
.owl-custom-btn-who-we-serve button {
  width: 60px;
  height: 48px;
  padding: 12px 18px 12px 18px;
  background-color: #fff;
  cursor: pointer;
}

.owl-custom-btn-who-we-serve .prev-btn {
  border-radius: 8px 0px 0px 8px;
  border-top: 1px solid #cacdd5 !important;
  border-left: 1px solid #cacdd5 !important;
  border-bottom: 1px solid #cacdd5 !important;
  border-right: 1px solid #cacdd5 !important;
}

.owl-custom-btn-who-we-serve .next-btn {
  border-radius: 0px 8px 8px 0px;
  border-top: 1px solid #cacdd5 !important;
  border-left: 0px solid #cacdd5 !important;
  border-bottom: 1px solid #cacdd5 !important;
  border-right: 1px solid #cacdd5 !important;
}

.who-we-serve-saas-container .ssau_hero-title {
  max-width: 517px;
}

.crafted-layout {
  background-color: #f4f9f9;
}

.crafted {
  max-width: 1440px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 73.5px;
  padding: 175px 150px;
  background-color: transparent;
}

.crafted_left {
  width: 511px;
}

.crafted_right {
  width: 555px;
  display: flex;
  flex-direction: column;
  gap: 44px;
}

.crafted_title {
  color: #052436;
  font-size: 36px;
  font-weight: 700;
  line-height: 43.2px;
  letter-spacing: -0.02em;
  text-align: left;
}

.crafted_title span {
  position: relative;
  text-wrap: nowrap;
}

.crafted_title span::after {
  content: "";
  position: absolute;
  bottom: -5px;
  left: 0;
  width: calc(100%);
  height: 25px;
  background-color: #b3e7e6;
  mix-blend-mode: multiply;
}
.crafted_desc {
  color: #10405a;
  font-family: var(--ssau-ff-roboto);
  font-size: 16px;
  font-weight: 400;
  line-height: 27.2px;
  letter-spacing: 0.02em;
  text-align: left;
}

.who-we-serve_service-offer {
  display: flex;
  flex-direction: column;
  max-width: 1440px;
  margin: 0 auto;
}
.service-offer_top-row {
  display: flex;
  flex-direction: column;
  padding: 120px 0 60px 0;
  width: 1137px;
  margin: 0 auto;
  position: relative;
}

.service-offer_span {
  font-family: var(--ssau-ff-roboto);
  font-size: 14px;
  font-weight: 700;
  line-height: 21px;
  letter-spacing: 0.11em;
  color: #05afaa;
}
.service-offer_title {
  font-size: 36px;
  font-weight: 700;
  line-height: 43.2px;
  letter-spacing: -0.02em;
  color: #10405a;
  margin: 24px 0px 16px 0px !important;
  max-width: 766px;
}
.service-offer_title span {
  position: relative;
  color: #00afaa;
}
.service-offer_title span::after {
  content: "";
  position: absolute;
  bottom: -5px;
  left: 0;
  width: calc(100%);
  height: 25px;
  background-color: #fee879;
  mix-blend-mode: multiply;
  opacity: 90%;
}
.service-offer_desc {
  font-family: var(--ssau-ff-roboto);
  font-size: 16px;
  font-weight: 400;
  line-height: 27.2px;
  letter-spacing: 0.02em;
  color: #10405a;
  max-width: 766px;
}

.owl-custom-btn-who-we-serve {
  display: flex;
  align-items: center;
  position: absolute;
  bottom: 60px;
  right: 0;
}

/* Owl Carousel */
.who-we-serve-saas-owl-carousel .owl-nav {
  display: none !important;
}

/* End Of Owl Carousel */

.who-we-serve-saas-card {
  width: 1104px;
  position: relative;
  margin-right: 30px;
  transition: all 1s;
}

.who-we-serve-saas-card_title {
  font-size: 24px;
  font-weight: 700;
  line-height: 36px;
  letter-spacing: 0.01em;
  color: #10405a;
}
.who-we-serve-saas-card_desc {
  font-family: var(--ssau-ff-roboto);
  font-size: 16px;
  font-weight: 400;
  line-height: 27.2px;
  letter-spacing: 0.02em;
  color: #10405a;
  margin-top: 16px !important;
}
.who-we-serve-saas-card_desc > a {
  font-family: var(--ssau-ff-roboto);
  font-size: 16px;
  font-weight: 400;
  line-height: 27.2px;
  letter-spacing: 0.02em;
  color: #00afaa;
  margin-top: 16px !important;
}

.who-we-serve-saas-card > div {
  height: 420px;
  border: 1px solid #cacdd5;
  border-radius: 10px;
  position: absolute;
  top: 30px;
  left: 30px;
  z-index: 10;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  padding: 40px;
  width: 100%;
  justify-content: center;
}

.who-we-serve-saas-card > div p,
.who-we-serve-saas-card > div h3 {
  width: 464px;
}

.who-we-serve_service-offer .owl-item .who-we-serve-saas-card_img {
  transition: all 1s;
  width: 600px;
  height: 480px;
}

.who-we-serve_service-offer .owl-item.active.center .who-we-serve-saas-card {
  margin-right: 0 !important;
}

.who-we-serve_service-offer
  .owl-item.active.center
  .who-we-serve-saas-card_img {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  transition: all 1s;
}
.who-we-serve_service-offer .owl-item .who-we-serve-saas-card_img {
  -webkit-transform: scale(0.8);
  -ms-transform: scale(0.8);
  transform: scale(0.8);
  transition: all 1s;
}

.who-we-serve_service-offer .owl-item .who-we-serve-saas-card_img-v2 {
  display: none;
}

.who-we-serve-saas-container .ssau-what-we-do_hero-inner_right {
  width: unset;
  max-width: 705px;
}

.service-offer_content {
  padding-bottom: 120px;
}

@media screen and (max-width: 1310px) {
  .who-we-serve-saas-container .ssau-what-we-do_hero-inner_right {
    max-width: 550px;
  }
}

@media screen and (max-width: 1300px) {
  .service-offer_top-row {
    width: 942px;
  }

  .service-offer_title,
  .service-offer_desc {
    max-width: 773px;
  }
  .who-we-serve_service-offer .owl-item .who-we-serve-saas-card_img {
    width: 420px;
    height: 480px;
    object-fit: cover;
    border-radius: 12px;
  }

  .who-we-serve-saas-card {
    width: 943px;
    margin-right: unset;
  }

  .who-we-serve_service-offer .owl-item.cloned .who-we-serve-saas-card > div,
  .who-we-serve_service-offer
    .owl-item:not(.active)
    .who-we-serve-saas-card
    > div,
  .who-we-serve_service-offer
    .owl-item:not(.active.center)
    .who-we-serve-saas-card
    > div {
    width: calc(100% - 30px);
    transition: all 1s;
  }

  .who-we-serve_service-offer .owl-item.active.center {
    margin-right: unset !important;
  }
  .who-we-serve-saas-card > div {
    width: 913px;
  }

  .who-we-serve-saas-card > div p,
  .who-we-serve-saas-card > div h3 {
    width: 461px;
  }

  .who-we-serve-saas-container .ssau_hero-title {
    max-width: unset;
  }
  .who-we-serve-saas-container .ssau-what-we-do_hero-inner_right > img {
    height: auto;
    width: auto;
    margin-left: unset;
  }

  .ssau-what-we-do_hero-inner .ssau-what-we-do_hero-inner_left {
    width: 60%;
  }

  .crafted {
    justify-content: flex-start;
    padding: 150px 80px;
  }

  .who-we-serve_service-offer .owl-item.active.center .who-we-serve-saas-card {
    margin-right: 0 !important;
  }

  .owl-custom-btn-who-we-serve {
    margin-bottom: 2px;
  }
}

@media screen and (max-width: 1024px) {
  .who-we-serve-saas-container .ssau-what-we-do_hero-inner {
    padding-bottom: 80px;
  }

  .who-we-serve-saas-container .ssau-what-we-do_hero-inner_right {
    display: flex;
  }
  .who-we-serve-saas-container .ssau-what-we-do_hero-inner_right > img {
    height: auto;
    margin: auto auto;
  }

  .who-we-serve-saas-container .ssau_hero-title {
    max-width: 370px;
  }

  .crafted {
    padding: 80px;
    gap: 30px;
  }

  .crafted_left,
  .crafted_right {
    width: 50% !important;
  }

  .service-offer_top-row {
    padding: 60px 0px;
    width: 824px;
    margin: 0 auto;
  }

  .service-offer_title,
  .service-offer_desc {
    max-width: 655px;
  }

  .who-we-serve-saas-card {
    width: 824px;
    height: 480px;
  }

  .who-we-serve-saas-card > div {
    width: 794px;
    transition: all 1s;
  }

  .who-we-serve-saas-card > div p,
  .who-we-serve-saas-card > div h3 {
    max-width: 384px;
  }

  .owl-custom-btn-who-we-serve {
    right: 0px;
    bottom: 60px;
  }

  .who-we-serve_service-offer .owl-item .who-we-serve-saas-card_img {
    display: none;
  }

  .who-we-serve_service-offer .owl-item .who-we-serve-saas-card_img-v2 {
    display: block;
    width: 360px;
    height: 480px;
    object-fit: cover;
    border-radius: 12px;
    transition: all 1s !important;
  }

  .who-we-serve_service-offer
    .owl-item:not(.active.center)
    .who-we-serve-saas-card_img-v2,
  .who-we-serve_service-offer
    .owl-item.active:not(.center)
    .who-we-serve-saas-card_img-v2 {
    -webkit-transform: scale(0.8);
    -ms-transform: scale(0.8);
    transform: scale(0.8);
  }

  .who-we-serve_service-offer
    .owl-item.active.center
    .who-we-serve-saas-card_img-v2 {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }

  .who-we-serve_service-offer .owl-item.active.center {
    margin-right: 0 !important;
  }

  .service-offer_content {
    padding-bottom: 80px;
  }

  .who-we-serve-saas-container .ssau_hero-title {
    max-width: 80%;
  }
  .who-we-serve-saas-container .ssau_hero-desc {
    max-width: 381px;
  }

  .who-we-serve-saas-container
    .ssau-what-we-do_hero-inner
    .ssau-what-we-do_hero-inner_left {
    width: 100%;
    padding: 50px 80px 105px 80px;
  }

  .who-we-serve-saas-container
    .ssau-what-we-do_hero-inner
    .ssau-what-we-do_hero-inner_right {
    position: absolute;
    right: 0;
    bottom: 0;
    max-width: 491px;
  }
}

@media screen and (max-width: 1000px) {
  .ssau-what-we-do_hero-inner .ssau-what-we-do_hero-inner_left {
    width: 100%;
  }

  .crafted_right .crafted_title {
    transform: translateX(-50%) !important;
  }
  .who-we-serve-saas-container .ssau_hero-title {
    max-width: 100%;
  }
  .crafted {
    flex-direction: column;
    position: relative;
    padding: 200px 80px 60px 80px;
    align-items: center !important;
  }

  .crafted_left {
    width: 100% !important;
  }
  .crafted_right {
    width: 100% !important;
    max-width: unset !important;
  }

  .crafted_right .crafted_title {
    position: absolute;
    top: 80px;
    left: 50%;
    text-align: center;
    transform: translateX(-50%);
    width: 70%;
  }

  .crafted_right .crafted_desc {
    text-align: center;
  }
  .who-we-serve-saas-card {
    width: 660px;
    height: 480px;
  }

  .service-offer_top-row {
    width: 660px;
  }
  .service-offer_title,
  .service-offer_desc {
    max-width: 491px;
  }

  .who-we-serve_service-offer .owl-item .who-we-serve-saas-card_img-v2 {
    width: 300px;
    height: 480px;
    object-fit: cover;
    border-radius: 12px;
    transition: all 1s;
  }

  .who-we-serve_service-offer
    .owl-item:not(.active.center)
    .who-we-serve-saas-card_img-v2 {
    -webkit-transform: scale(0.7);
    -ms-transform: scale(0.7);
    transform: scale(0.7);
  }

  .who-we-serve_service-offer
    .owl-item.active:not(.center)
    .who-we-serve-saas-card_img-v2 {
    -webkit-transform: scale(0.7);
    -ms-transform: scale(0.7);
    transform: scale(0.7);
  }

  .who-we-serve_service-offer
    .owl-item.active.center
    .who-we-serve-saas-card_img-v2 {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }

  .who-we-serve_service-offer .owl-item.cloned .who-we-serve-saas-card,
  .who-we-serve_service-offer .owl-item:not(.active) .who-we-serve-saas-card,
  .who-we-serve_service-offer
    .owl-item:not(.active.center)
    .who-we-serve-saas-card {
    margin-right: unset;
  }

  .who-we-serve-saas-card > div {
    width: 630px;
    padding: 30px;
    transition: all 1s;
  }

  .who-we-serve-saas-card > div p,
  .who-we-serve-saas-card > div h3 {
    max-width: 300px;
  }

  .service-offer_title,
  .service-offer_desc {
    max-width: 427px;
  }
  .who-we-serve-saas-container .ssau-what-we-do_hero-inner {
    padding-bottom: 0px;
  }

  .crafted .crafted_left > img {
    width: 100%;
    aspect-ratio: 2/1;
    object-fit: cover;
    object-position: bottom;
    border-radius: 12px;
  }

  .who-we-serve-saas-container
    .ssau-what-we-do_hero-inner
    .ssau-what-we-do_hero-inner_left {
    padding: 50px 80px 405px 80px;
  }

  .who-we-serve-saas-container
    .ssau-what-we-do_hero-inner
    .ssau-what-we-do_hero-inner_right {
    right: -20px;
  }

  .who-we-serve-saas-container .ssau_hero-desc {
    max-width: 387px;
  }
}

@media screen and (max-width: 768px) {
  .who-we-serve_service-offer .owl-item.cloned .who-we-serve-saas-card > div,
  .who-we-serve_service-offer
    .owl-item:not(.active.center)
    .who-we-serve-saas-card
    > div,
  .who-we-serve_service-offer
    .owl-item:not(.active)
    .who-we-serve-saas-card
    > div,
  .who-we-serve_service-offer
    .owl-item.active.center
    .who-we-serve-saas-card
    > div {
    width: calc(100% - 12px);
  }

  .who-we-serve-saas-card {
    width: 608px;
    height: 510px;
    position: relative;
    margin-right: unset;
  }

  .who-we-serve_service-offer .owl-item.active.center .who-we-serve-saas-card {
    margin-right: 30px !important;
  }

  .who-we-serve_service-offer .who-we-serve-saas-card_img {
    display: none;
  }

  .who-we-serve_service-offer .owl-item .who-we-serve-saas-card_img-v2 {
    display: block;
    width: 608px;
    height: 208px;
    transition: all 1s;
  }

  .who-we-serve_service-offer
    .owl-item:not(.active.center)
    .who-we-serve-saas-card_img-v2 {
    width: 608px;
    height: 208px;
    position: absolute;
    left: 43%;
    top: 20px;
    object-fit: cover;
    border-radius: 12px;
    -webkit-transform: scale(0.8);
    -ms-transform: scale(0.8);
    transform: scale(0.8) translateX(-50%);
  }

  .who-we-serve_service-offer
    .owl-item.active:not(.center)
    .who-we-serve-saas-card_img-v2 {
    width: 608px;
    height: 208px;
    position: absolute;
    left: 37%;
    top: 20px;
    object-fit: cover;
    border-radius: 12px;
    -webkit-transform: scale(0.8);
    -ms-transform: scale(0.8);
    transform: scale(0.8) translateX(-50%);
  }

  .who-we-serve_service-offer
    .owl-item.active.center
    .who-we-serve-saas-card_img-v2,
  .who-we-serve_service-offer
    .owl-item.cloned.center
    .who-we-serve-saas-card_img-v2 {
    position: absolute;
    left: 50%;
    top: 0;
    width: 608px;
    height: 208px;
    object-fit: cover;
    border-radius: 12px;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1) translateX(-50%) !important;
    transition: all 1s;
  }

  .who-we-serve-saas-card > div p,
  .who-we-serve-saas-card > div h3 {
    width: unset;
    margin-top: 190px;
    max-width: unset;
  }

  .who-we-serve_service-offer .owl-item.cloned .who-we-serve-saas-card > div,
  .who-we-serve_service-offer
    .owl-item:not(.active.center)
    .who-we-serve-saas-card
    > div,
  .who-we-serve_service-offer
    .owl-item:not(.active)
    .who-we-serve-saas-card
    > div,
  .who-we-serve_service-offer
    .owl-item.active.center
    .who-we-serve-saas-card
    > div {
    width: 578px;
  }

  .who-we-serve-saas-card > div {
    height: 490px;
    padding: 24px;
    left: 50%;
    top: 12px;
    transform: translateX(-50%);
    justify-content: flex-start !important;
    align-items: flex-start;
  }

  .service-offer_top-row {
    width: 608px;
  }

  .service-offer_content {
    padding-bottom: 20px;
  }
}

@media screen and (max-width: 600px) {
  .ssau-what-we-do_hero-inner .ssau-what-we-do_hero-inner_left {
    width: 100%;
  }
  .service-offer_top-row {
    padding: 30px 24px;
  }

  .who-we-serve-saas-container
    .ssau-what-we-do_hero-inner
    .ssau-what-we-do_hero-inner_left {
    padding: 50px 24px 24px 24px;
    width: 100%;
  }
  .who-we-serve-saas-container
    .ssau-what-we-do_hero-inner
    .ssau-what-we-do_hero-inner_right {
    position: unset;
    padding-top: 0px;
  }

  .who-we-serve-saas-container .crafted_right .crafted_title {
    width: 100%;
    padding: 0 24px;
  }

  .who-we-serve-saas-container .ssau-what-we-do_hero-inner {
    gap: unset;
  }

  .crafted {
    padding: 200px 80px 0 80px;
  }

  .who-we-serve_service-offer .owl-item.cloned .who-we-serve-saas-card > div,
  .who-we-serve_service-offer
    .owl-item:not(.active.center)
    .who-we-serve-saas-card
    > div,
  .who-we-serve_service-offer
    .owl-item:not(.active)
    .who-we-serve-saas-card
    > div,
  .who-we-serve_service-offer
    .owl-item.active.center
    .who-we-serve-saas-card
    > div {
    width: calc(100% - 12px);
  }

  .owl-custom-btn {
    position: unset;
    margin-top: 24px;
  }

  .who-we-serve-saas-card {
    width: 303px;
    height: 800px;
    position: relative;
    margin-right: unset;
  }

  .who-we-serve_service-offer .owl-item.active.center .who-we-serve-saas-card {
    margin-right: 12px !important;
  }

  .owl-custom-btn-who-we-serve {
    padding: 2px;
  }

  .who-we-serve_service-offer .who-we-serve-saas-card_img {
    display: none;
  }

  .who-we-serve_service-offer .owl-item .who-we-serve-saas-card_img-v2 {
    display: block;
    width: 303px;
    height: 208px;
    transition: all 1s;
  }

  .who-we-serve_service-offer
    .owl-item:not(.active.center)
    .who-we-serve-saas-card_img-v2 {
    width: 303px;
    height: 208px;
    position: absolute;
    left: 43%;
    top: 0;
    object-fit: cover;
    border-radius: 12px;
    -webkit-transform: scale(0.8);
    -ms-transform: scale(0.8);
    transform: scale(0.8) translateX(-50%);
  }

  .who-we-serve_service-offer
    .owl-item.active:not(.center)
    .who-we-serve-saas-card_img-v2 {
    width: 327px;
    height: 208px;
    position: absolute;
    left: 37%;
    top: 0;
    object-fit: cover;
    border-radius: 12px;
    -webkit-transform: scale(0.8);
    -ms-transform: scale(0.8);
    transform: scale(0.8) translateX(-50%);
  }

  .who-we-serve_service-offer
    .owl-item.active.center
    .who-we-serve-saas-card_img-v2,
  .who-we-serve_service-offer
    .owl-item.cloned.center
    .who-we-serve-saas-card_img-v2 {
    position: absolute;
    left: 50%;
    top: 0;
    width: 333px;
    height: 208px;
    object-fit: cover;
    border-radius: 12px;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1) translateX(-50%) !important;
    transition: all 1s;
  }

  .who-we-serve-saas-card > div p,
  .who-we-serve-saas-card > div h3 {
    width: unset;
    margin-top: 190px;
  }

  .who-we-serve_service-offer .owl-item.cloned .who-we-serve-saas-card > div,
  .who-we-serve_service-offer
    .owl-item:not(.active.center)
    .who-we-serve-saas-card
    > div,
  .who-we-serve_service-offer
    .owl-item:not(.active)
    .who-we-serve-saas-card
    > div,
  .who-we-serve_service-offer
    .owl-item.active.center
    .who-we-serve-saas-card
    > div {
    width: 280px;
  }

  .who-we-serve-saas-card > div {
    height: 771px;
    padding: 24px;
    left: 50%;
    top: 12px;
    transform: translateX(-50%);
    justify-content: flex-start;
  }

  .service-offer_top-row {
    width: 100%;
    padding: 31px 24px 0px 24px;
  }

  .who-we-serve-saas-container .ssau_hero-title {
    max-width: 300px;
  }

  .crafted {
    padding: 240px 24px 40px 24px !important;
  }

  .crafted_title span {
    text-wrap: wrap;
  }

  .crafted_right .crafted_title {
    width: 80%;
    transform: translateX(-50%) !important;
  }

  .ssau-what-we-do_hero {
    overflow: hidden;
  }
}

@media screen and (max-width: 400px) {
  .service-offer_content {
    padding-bottom: 0px;
  }

  .who-we-serve-saas-container .ssau_hero-title {
    font-size: 38px;
    line-height: 51.6px;
  }

  .who-we-serve-saas-card {
    height: 810px;
  }
}

@media screen and (max-width: 350px) {
  .who-we-serve-saas-container .crafted {
    padding: 340px 24px 40px 24px !important;
  }
}

/* End Of Who We Serve Saas */

/* Leading brands */
/* PROPTECH LEADING SECTION*/
.leading-brand {
  background-color: #10405a;
  padding: 50px 0 50px 0;
}

.leading-brand .lb-title {
  margin-bottom: 53px;
}

.leading-brand .lb-title h2 {
  font-size: 36px;
  font-weight: 700;
  line-height: 43.2px;
  letter-spacing: -0.02em;
  text-align: center;
  color: white;
  padding: 0px 24px 20px 24px;
}

@media screen and (max-width: 768px) {
  .leading-brand .lb-title {
    margin-bottom: 28px;
  }
}

.leading-brand .lb-title h2 span {
  color: #f4cd0c;
}

.leading-brand .lb-title .captions p {
  font-family: var(--ssau-ff-roboto);
  font-size: 16px;
  font-weight: 400;
  line-height: 27px;
  letter-spacing: 0.005em;
  color: white;
  text-align: center;
}

.leading-brand .lb-carousel {
  position: relative;
  display: block;
  opacity: 50%;
}

.leading-brand .lb-carousel .leading-brand-owl-carousel .lb-brand {
  display: flex;
  align-items: center;
  width: 220px;
  height: 80px;
}
.leading-brand .lb-carousel .leading-brand-owl-carousel .lb-brand img {
  height: 100%;
}

.leading-brand .lb-carousel .owl-nav {
  display: none !important;
}

@media screen and (max-width: 768px) {
  .leading-brand .lb-carousel .leading-brand-owl-carousel .lb-brand {
    width: 175px;
  }
}

.leading-brand .lb-carousel::after {
  content: "";
  display: block;
  position: absolute;
  right: 0;
  width: 400px;
  height: 129px;
  background: radial-gradient(
    94.25% 203.29% at 100% 49.61%,
    rgba(16, 64, 90, 0) 0%,
    #10405a 100%
  );
  top: -20px;
  z-index: 1;
  rotate: -180deg;
}

@media screen and (max-width: 768px) {
  .leading-brand .lb-carousel::after {
    width: 80px;
  }
}

.leading-brand .lb-carousel::before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  width: 400px;
  height: 129px;
  background: radial-gradient(
    94.25% 203.29% at 100% 49.61%,
    rgba(16, 64, 90, 0) 0%,
    #10405a 100%
  );
  top: -20px;
  z-index: 2;
}

.leading-brand .lb-carousel .owl-stage {
  transition-timing-function: linear !important;
}

@media screen and (max-width: 768px) {
  .leading-brand .lb-carousel::before {
    width: 80px;
  }
}

@media screen and (max-width: 600px) {
  .leading-brand .lb-carousel .leading-brand-owl-carousel .lb-brand {
    width: 250px;
  }
}

/* End of Leading brands */

/* -------------------------------------------------- */

/* Who We Serve Travel */
.who-we-serve-travel-container p,
.who-we-serve-travel-container h2,
.who-we-serve-travel-container h3 {
  padding: 0;
  margin: 0;
}

.who-we-serve-travel-container .ssau-what-we-do_hero-inner {
  gap: 30px;
}
.who-we-serve-travel-container .ssau-what-we-do_hero-inner_right > img {
  width: auto;
  height: unset;
}

.who-we-serve-travel-container .ssau_hero-title {
  max-width: 517px;
}

.who-we-serve-travel-container .ssau-what-we-do_hero-inner_right {
  max-width: 705px;
  display: flex;
  align-items: flex-end;
}

@media screen and (max-width: 1310px) {
  .who-we-serve-travel-container .ssau-what-we-do_hero-inner_right {
    max-width: 550px;
    align-items: unset;
  }
}

.who-we-serve-travel-container .ssau-what-we-do_hero .ssau_hero-desc {
  max-width: 517px;
  padding-bottom: 59px;
}

.who-we-serve-travel-container .crafted_right p a {
  font-family: var(--ssau-ff-roboto);
  font-size: 16px;
  font-weight: 400;
  line-height: 27.2px;
  letter-spacing: 0.02em;
  text-align: left;
  color: #00afaa;
}

.who-we-serve-travel-container
  .ssau-what-we-do_hero-inner_right
  img:nth-child(3) {
  display: none;
}

.who-we-serve-travel-container .crafted_left > img:nth-child(3) {
  display: none;
}

.who-we-serve-travel-container .ssau_hero-desc b {
  font-family: var(--ssau-ff-roboto);
  font-size: 16px;
  font-weight: 700;
  line-height: 27.2px;
  letter-spacing: 0.02em;
  color: #10405a;
}

.who-we-serve-travel-container .ssau_hero-title {
  display: block;
  font-size: 48px;
  font-weight: 700;
  line-height: 57.6px;
  letter-spacing: -0.035em;
  color: #072e45;
}
.who-we-serve-travel-container .ssau_hero-title span {
  color: #00afaa;
  position: relative;
}
.who-we-serve-travel-container .ssau_hero-title span::after {
  content: "";
  background-color: #fee879;
  height: 28px;
  position: absolute;
  width: 100%;
  mix-blend-mode: multiply;
  bottom: -3px;
}

.who-we-serve-travel-container .ssau-what-we-do_hero-inner {
  overflow: hidden;
}

@media screen and (max-width: 1024px) {
  .who-we-serve-travel-container
    .ssau-what-we-do_hero-inner_right
    img:nth-child(3) {
    display: block;
  }
  .who-we-serve-travel-container .ssau-what-we-do_hero-inner {
    flex-direction: column;
    gap: 0;
  }

  .who-we-serve-travel-container .ssau-what-we-do_hero-inner_right {
    width: unset;
    max-width: 491px;
  }

  .who-we-serve-travel-container .ssau_hero-title {
    max-width: 768px;
  }

  .who-we-serve-travel-container .ssau-what-we-do_hero .ssau_hero-desc {
    max-width: 387px;
  }

  .who-we-serve-travel-container .ssau-what-we-do_hero-inner_right {
    position: absolute;
    bottom: 0;
    right: 0;
  }

  .who-we-serve-travel-container
    .ssau-what-we-do_hero-inner_right
    > img:nth-child(2) {
    display: block;
    width: 491px;
  }
  .who-we-serve-travel-container
    .ssau-what-we-do_hero-inner
    .ssau-what-we-do_hero-inner_left {
    width: 100%;
    padding: 50px 80px 161px 80px;
  }

  .who-we-serve-travel-container .ssau_hero-title {
    max-width: 768px;
  }

  .who-we-serve-travel-container
    .who-we-serve_service-offer
    .owl-item
    .who-we-serve-saas-card_img-v2 {
    height: 660px;
  }

  .who-we-serve-travel-container .who-we-serve-saas-card {
    height: 690px;
  }

  .who-we-serve-travel-container .who-we-serve-saas-card > div {
    height: 600px;
  }

  .crafted {
    gap: 40px;
    align-items: flex-start;
  }

  .crafted_left,
  .crafted_right {
    width: unset;
  }

  .crafted_left {
    min-width: 248px;
  }

  .crafted_right {
    max-width: 536px;
  }
}

@media screen and (max-width: 1000px) {
  .who-we-serve-travel-container .ssau-what-we-do_hero .ssau_hero-desc {
    max-width: 355px;
  }
}

@media screen and (max-width: 900px) {
  .who-we-serve-travel-container
    .ssau-what-we-do_hero-inner
    .ssau-what-we-do_hero-inner_left {
    padding: 50px 80px 360px 80px;
  }

  .who-we-serve-travel-container .ssau-what-we-do_hero-inner_right {
    right: -20px;
  }

  .who-we-serve-travel-container .crafted {
    flex-direction: column;
  }

  .who-we-serve-travel-container .crafted_right {
    max-width: 100%;
  }

  .who-we-serve-travel-container .crafted_left {
    width: 100%;
  }

  .who-we-serve-travel-container .crafted_right .crafted_title {
    width: 660px;
  }

  .who-we-serve-travel-container .ssau_hero-title {
    max-width: 555px;
  }

  .who-we-serve-travel-container .who-we-serve-saas-card {
    height: 667px;
  }

  .who-we-serve-travel-container
    .who-we-serve_service-offer
    .owl-item
    .who-we-serve-saas-card_img-v2 {
    height: 650px;
  }

  .who-we-serve-travel-container .who-we-serve-saas-card > div {
    height: 590px;
  }
}

@media screen and (max-width: 768px) {
  .who-we-serve-travel-container .crafted_right .crafted_title {
    width: 100%;
    max-width: 608px;
  }
}

@media screen and (max-width: 600px) {
  .who-we-serve-travel-container
    .ssau-what-we-do_hero-inner
    .ssau-what-we-do_hero-inner_left {
    padding: 50px 24px 24px 24px;
  }

  .who-we-serve-travel-container .ssau-what-we-do_hero .ssau_hero-desc {
    padding-bottom: 0px;
  }

  .who-we-serve-travel-container .ssau-what-we-do_hero-inner_right {
    position: unset;
  }

  .who-we-serve-travel-container .crafted_right .crafted_title {
    width: 100%;
    padding: 0 24px;
    left: 50%;
    transform: translateX(-50%) !important;
  }

  .who-we-serve-travel-container .crafted {
    padding: 286px 24px 40px 24px !important;
    flex-direction: column;
  }

  .service-offer_top-row {
    padding: 31px 24px 80px 24px;
  }

  .owl-custom-btn-who-we-serve {
    left: 24px;
    bottom: 0;
  }

  .who-we-serve-travel-container .who-we-serve-saas-card {
    height: 990px;
  }

  .who-we-serve-travel-container .who-we-serve-saas-card > div {
    height: 97%;
  }
}

@media screen and (max-width: 400px) {
  .who-we-serve-travel-container
    .ssau-what-we-do_hero-inner
    .ssau-what-we-do_hero-inner_left {
    padding: 50px 14px 24px 14px;
  }

  .who-we-serve-travel-container .ssau_hero-title {
    font-size: 38px;

    line-height: 51.6px;
  }

  .who-we-serve-travel-container .ssau-what-we-do_hero-inner {
    overflow: hidden;
  }

  .who-we-serve-travel-container .crafted {
    padding: 315px 24px 40px 24px !important;
  }
}

/* End Of Who We Serve Travel */

/* ----------------------------------------- */

/* ----- Start: Who We Serve - Real Estate ----- */

.heros-vector.ssau-real-estate__j-vector {
  top: -70px;
}

.ssau-what-we-do_hero-inner_left.ssau-real-estate__hero-title {
  padding-top: 0;
}

#ssau-real-estate-packages-offer .ssau-cmodel__container {
  margin: 100px auto;
}

.ssau-real-estate__packages-description {
  margin: 20px auto !important;
  max-width: 810px;
  text-align: center;
}

.ssau-cmodel__title p.ssau-real-estate__solution {
  font-family: var(--ssau-ff-roboto);
  font-size: 14px;
  font-weight: 700;
  line-height: 21px;
  letter-spacing: 0.11em;
  text-align: center;
  color: rgb(5, 175, 170);
}

.ssau-cmodel__card-title.ssau-real-estate__card-title {
  margin-top: 1rem;
  margin-bottom: 1.25rem;
}

.ssau-real-estate__insight-blog-title.ssau-iso__cta-button:hover div {
  color: #fff !important;
}

.ssau-real-estate__article-link.pi-blog-title {
  height: 90px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  overflow: hidden;
}

section#ssau-real-estate-premium-website {
  background: #07324a;
}

section#ssau-real-estate-custom-website {
  background: #f4f9f9;
}

.ssau-real-estate-premium-website__container,
.ssau-real-estate-custom-website__container {
  margin: 50px auto;
  padding: 90px 0;
  max-width: 1140px;
  position: relative;
}

.ssau-real-estate-custom-website__vector {
  position: absolute;
  padding: 10px;
}

.ssau-real-estate-custom-website__vector-top-left {
  top: 0;
  left: 0;
}

.ssau-real-estate-custom-website__vector-bottom-right {
  bottom: 0;
  right: 0;
}

.ssau-real-estate-custom-website__description {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-bottom: 55px;
  row-gap: 20px;
}

.ssau-real-estate-custom-website__description p {
  font-family: var(--ssau-ff-roboto);
  font-size: 16px;
  color: #072E45;
  line-height: 27px;
  text-align: center;
  max-width: 810px;
  padding: 10px !important;
}

p.ssau-real-estate-custom-website__description-leading {
  font-family: var(--ssau-ff-roboto);
  font-size: 14px;
  line-height: 21px;
  font-weight: 700;
  align-content: center;
  color: #00AFAA;
}

h2.ssau-real-estate-premium-website__description-title,
h2.ssau-real-estate-custom-website__description-title {
  font-family: "Ubuntu";
  font-size: 36px;
  font-weight: 700;
  line-height: 43px;
  color: #10405A;
  text-align: center;
}

h2.ssau-real-estate-premium-website__description-title {
  color: #f4cd0c;
}

h2.ssau-real-estate-premium-website__description-title span,
p.ssau-real-estate-premium-website__description-content {
  color: #fff;
}

.ssau-real-estate-custom-website__description-title span {
  position: relative;
}

.ssau-real-estate-custom-website__description-title span::after {
  content: "";
  position: absolute;
  bottom: -5px;
  left: 0;
  width: calc(100%);
  height: 25px;
  background-color: #b3e7e6;
  mix-blend-mode: multiply;
}

.ssau-real-estate-premium-website__slider-area,
.ssau-real-estate-custom-website__slider-area {
  max-width: 848px;
  display: grid;
  row-gap: 2rem;
  grid-template-columns: auto auto auto;
  margin: 0 auto;
}

.ssau-real-estate-premium-website__slider-area {
  max-width: 1140px;
  grid-template-columns: auto auto auto auto;
}

.ssau-re-custom-website__slider-area-container h5,
h5.ssau-re-custom-website__slider-title a,
h5.ssau-re-premium-website__slider-title a {
  font-size: 20px;
  font-family: var(--ssau-ff-roboto);
  font-weight: 400;
  line-height: 30px;
  color: #07324A;
  text-align: center;
}

h5.ssau-re-premium-website__slider-title a,
h5.ssau-re-custom-website__slider-title a {
  text-decoration: none;
}

h5.ssau-re-premium-website__slider-title a {
  color: #fff;
}

.ssau-re-custom-website__slider-single {
  display: flex;
  flex-direction: column;
  width: 262px;
  height: 350px;
  overflow: auto;
  margin: 5px;
}

.ssau-re-custom-website__slider-single::-webkit-scrollbar {
  width: 3px;
}

.ssau-re-custom-website__slider-single::-webkit-scrollbar-track {
  background: #f2f2f2;
}

.ssau-re-custom-website__slider-single::-webkit-scrollbar-thumb {
  background: #bdbdbd;
}

.ssau-re-custom-website__slider-single::-webkit-scrollbar-thumb:hover {
  background: #6e6e6e;
}

a.ssau-real-estate-essentials-link {
  color: #10405a;
}

section.ssau-real-estate__seamless-integrations {
  padding: 12px 0;
  background-color: #f4f9f9;
  min-height: 540px;
}

.ssau-real-estate-seamless__container {
  margin: 85px auto;
  max-width: 1140px;
  display: flex;
  flex-direction: row;
  position: relative;
}

.ssau-real-estate-seamless__container .ssau-real-estate-seamless__vector {
  position: absolute;
  bottom: -16px;
  left:0;
}

h2.ssau-real-estate-seamless__title.ssau-homepage-iso-green__heading {
  font-family: Ubuntu;
  font-size: 36px;
  max-width: 462px;
  color: #10405a;
}

h2.ssau-real-estate-seamless__title.ssau-homepage-iso-green__heading span::after {
  mix-blend-mode: darken !important;
}

p.ssau-real-estate-seamless__desc {
  font-family: var(--ssau-ff-roboto);
  font-weight: 400;
  size: 16px;
  line-height: 27px;
  color: #10405a;
  max-width: 462px;
}

.ssau-real-estate-seamless__container-left {
  flex-basis: 50%;
  margin-top: 36px;
}

.ssau-real-estate-seamless__container-right {
  flex-basis: 50%;
  display: flex;
  justify-content: center;
}

@media only screen and (max-width: 1024px) {
  .ssau-real-estate-premium-website__slider-area {
    grid-template-columns: auto auto auto;
  }

  .ssau-re-custom-website__slider-area-container {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
  }
}

@media only screen and (max-width: 1000px) {
  .crafted.ssau-real-estate-expertise__container {
    display: flex;
    flex-direction: column-reverse;
  }

  .crafted_title.ssau-real-estate-expertise__title,
  .crafted_desc.ssau-real-estate-expertise__desc {
    text-align: start;
  }

  .crafted_title.ssau-real-estate-expertise__title {
    width: 100%;
    margin: 1.5rem;
  }

  .crafted_left.ssau-real-estate-expertise__image img {
    aspect-ratio: 1;
  }
}

@media only screen and (max-width: 820px) {
  .ssau-real-estate-premium-website__slider-area,
  .ssau-real-estate-custom-website__slider-area {
    grid-template-columns: auto auto;
  }
}

@media only screen and (max-width: 640px) {
  .ssau-what-we-do_hero-inner_right.ssau-real-estate__main-image {
    margin: auto 1.5rem;
  }

  .ssau-real-estate__packages-card.ssau-cmodel__single-card {
    margin: 1rem;
    width: auto;
  }

  .ssau-real-estate-seamless__container {
    flex-direction: column;
    margin: 4px;
  }

  .ssau-real-estate-premium-website__slider-area,
  .ssau-real-estate-custom-website__slider-area {
    grid-template-columns: auto;
  }

  .ssau-re-custom-website__slider-area-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }

  .crafted_title.ssau-real-estate-expertise__title {
    width: 100%;
    margin: 0;
    padding: 1rem;
  }
}

@media only screen and (max-width: 768px) {
  section.ssau-real-estate__seamless-integrations {
    padding: 72px 0;
  }

  .ssau-real-estate-seamless__container {
    flex-direction: column;
    margin: 24px;
  }

  .ssau-real-estate-seamless__container .ssau-real-estate-seamless__vector {
    bottom: -70px;
    left: 16px;
  }

  .ssau-real-estate-seamless__container-left {
    margin: 0 auto;
  }

  .ssau-real-estate-seamless__container-right img {
    padding: 20px;
  }
}

/* ----- End : Who We Serve - Real Estate ----- */

/* ----- Start: [New] Support One Pager ----- */
.ssau-support-one-pager__main-container {
  width: 100%;
  margin-top: 90px;
}

.ssau-support-one-pager__header-container {
  height: 196px;
  width: 100%;
  background-color: #07324a;
  position: relative;
}

.ssau-support-one-pager__header-content {
  max-width: 1140px;
  margin: 0 auto;
  height: 196px;
  display: flex;
  align-items: center;
}

.ssau-support-one-pager__header-image {
  position: absolute;
  right: 0;
  top: 0;
}

.ssau-support-one-pager__header-image img {
  height: 196px;
}

.ssau-support-one-pager__header-content h1.header-title {
  font: 700 48px/55px Ubuntu;
  color: #00AFAA;
  z-index: 10;
}

.ssau-support-one-pager__header-content h1.header-title span {
  color: #fff;
}

.ssau-support-one-pager__content-container {
  max-width: 1140px;
  margin: 0 auto;
}

.ssau-support-one-pager__support-description {
  margin: 3.5rem 0;
}

p.ssau-sop__several-ways-list-desc,
.ssau-support-one-pager__support-description p,
.ssau-support-one-pager__how-does-work p {
  text-align: justify;
}

h2.ssau-support-one-pager__section-title {
  font: 700 36px/42px Ubuntu;
  color: #10405A;
  margin-top: 0;
}

h2.ssau-support-one-pager__section-title span {
  position: relative;
  color: #00AFAA;
}

h2.ssau-support-one-pager__section-title span::after {
  content: "";
  position: absolute;
  bottom: 0px;
  left: 50%;
  transform: translateX(-50%);
  width: calc(100% + 8.5px);
  height: 20px;
  background-color: #fee879;
  mix-blend-mode: multiply;
}

.ssau-support-one-pager__support-description p,
.ssau-support-one-pager__how-does-work p {
  color: #10405A;
  font-size: 1rem;
  line-height: 25px;
  font-family: var(--ssau-ff-roboto);
}

.ssau-support-one-pager__several-ways {
  display: flex;
  flex-direction: column;
}

.ssau-sop__several-ways-list {
  display: flex;
  flex-direction: row;
  gap: 1rem;
  margin-top: 2rem;
  margin-bottom: 1.5rem;
}

.ssau-sop__several-ways-list-icon {
  min-width: 30px;
  padding-top: 2px;
}

.ssau-sop__several-ways-list-icon img {
  width: 28px;
  height: 28px;
}

.ssau-sop__several-ways-sub-container:last-child {
  margin-top: 2.5rem;
  padding-right: 0;
  padding-left: 0;
  display: flex;
  justify-content: end;
}

h5.ssau-sop__several-ways-list-title {
  font: 700 20px/30px var(--ssau-ff-roboto);
  margin: 0;
  color: #00AFAA;
}

p.ssau-sop__several-ways-list-desc {
  font: 400 16px/27px var(--ssau-ff-roboto);
  margin: 0;
  color: #10405a;
}

p.ssau-sop__several-ways-list-desc strong {
  font-family: var(--ssau-ff-roboto);
}

.ssau-support-one-pager__how-does-work {
  padding: 4rem 0 6rem;
}

.ssau-support-one-pager__how-does-work a {
  font-family: var(--ssau-ff-roboto);
  color: #00AFAA;
  font-weight: 700;
}

.ssau-support-one-pager__link-support {
  color: #10405a;
}

@media only screen and (max-width: 480px) {
  .ssau-support-one-pager__header-content h1.header-title {
    font-size: 36px;
  }
}

@media only screen and (max-width: 720px) {
  .ssau-support-one-pager__header-image img {
    object-fit: cover;
    object-position: 8% 50%;
    width: 728px;
    height: 196px;
  }
}

@media only screen and (min-width: 860px) {
  .ssau-support-one-pager__several-ways {
    flex-direction: row;
  }

  .ssau-support-one-pager__several-ways .ssau-sop__several-ways-sub-container {
    flex: 1;
  }

  .ssau-sop__several-ways-sub-container:last-child {
    margin-top: 0;
  }
}

@media only screen and (max-width: 1140px) {
  .ssau-support-one-pager__header-content h1.header-title,
  .ssau-sop__several-ways-sub-container,
  .ssau-support-one-pager__support-description p,
  .ssau-support-one-pager__how-does-work h2,
  .ssau-support-one-pager__how-does-work p {
    padding: 0 1rem;
  }
}
/* ----- End: [New] Support One Pager ----- */

/* Insight*/
.proptech-insight {
  max-width: 1190px;
  margin: auto;
  padding: 80px 0;
}

.proptech-insight .pi-bottom .pi-blog-card .pi-blog-title {
  font-family: var(--ssau-ff-roboto);
  font-size: 20px;
  font-weight: 700;
  line-height: 30px;
  text-align: left;
  color: #10405a;
  padding-top: 23px;
}

.proptech-insight .pi-bottom .pi-blog-card .details span:first-child {
  font-family: var(--ssau-ff-roboto);
  font-size: 14px;
  font-weight: 700;
  line-height: 21px;
  letter-spacing: 0.11em;
  text-align: left;
  text-transform: uppercase;
  color: #7bc794;
  padding-top: 4px;
}

.proptech-insight .pi-bottom .pi-blog-card .details span.dots {
  width: 5px;
  height: 5px;
  border-radius: 10px;
  background-color: #969bab;
}

.proptech-insight .pi-bottom .pi-blog-card .details span:last-child {
  font-family: var(--ssau-ff-roboto);
  font-size: 14px;
  font-weight: 700;
  line-height: 21px;
  letter-spacing: 0.11em;
  text-align: left;
  color: #969bab;
}

@media screen and (max-width: 1140px) {
  .proptech-insight {
    padding: 80px 24px;
  }
}

.proptech-insight .pi-top .pi-title .titles {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

@media screen and (max-width: 768px) {
  .proptech-insight .pi-top .pi-title .titles {
    margin-top: 24px;
    flex-direction: column;
    align-items: flex-start;
    gap: 24px;
  }
}

.proptech-insight .pi-top .pi-title .titles h2 {
  font-family: Ubuntu;
  font-size: 36px;
  font-weight: 700;
  line-height: 43.2px;
  letter-spacing: -0.02em;
  text-align: left;
}

@media screen and (max-width: 768px) {
  .proptech-insight .pi-top .pi-title .titles h2 {
    font-size: 30px;
    line-height: 10px;
  }
}

.proptech-insight .pi-top .pi-title .titles h2 span {
  position: relative;
  width: fit-content;
  height: fit-content;
  z-index: 2;
}

.proptech-insight .pi-top .pi-title .titles h2 span::after {
  content: "";
  display: block;
  width: 106%;
  height: 22px;
  left: 641px;
  gap: 0px;
  opacity: 0px;
  background-color: #fee879;
  position: absolute;
  top: 16px;
  left: -2px;
  bottom: 0;
  z-index: -1;
}

.proptech-insight .pi-top .pi-title .titles .pi-button button {
  width: 209px;
  height: 50px;
  border-radius: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: transparent;
  gap: 20px;
  border: 1.5px solid #10405a;
  cursor: pointer;
  transition: ease-out 0.3s;
}

.proptech-insight .pi-top .pi-title .titles .pi-button button span {
  color: #10405a;
  font-family: Roboto;
  font-size: 16px;
  font-weight: 500;
  letter-spacing: 0.02em;
  display: flex;
  justify-content: center;
  align-items: center;
  text-transform: uppercase;
}

.proptech-insight .pi-top .pi-title .titles .pi-button button svg {
  transition: ease-out 0.3s;
}

.proptech-insight .pi-top .pi-title .titles .pi-button button:hover {
  background-color: #10405a;
  transition: ease-out 0.3s;
}

.proptech-insight .pi-top .pi-title .titles .pi-button button:hover span {
  color: white;
}

.proptech-insight .pi-top .pi-title .titles .pi-button button:hover svg {
  transition: ease-out 0.3s;
  translate: 5px 0;
}

.proptech-insight .pi-top .pi-title .titles .pi-button button:hover svg path {
  fill: white;
}

.proptech-insight .pi-top .pi-title-sub {
  font-family: Roboto;
  font-size: 14px;
  font-weight: 700;
  line-height: 21px;
  letter-spacing: 0.11em;
  text-align: left;
  color: #00afaa;
}

.proptech-insight .pi-bottom .pi-blog-cards {
  padding-top: 40px;
  display: flex;
  justify-content: flex-start;
  gap: 24px;
}

@media screen and (max-width: 768px) {
  .proptech-insight .pi-bottom .pi-blog-cards {
    flex-direction: column;
    align-items: center;
    gap: 24px;
  }
}

.proptech-insight .pi-bottom .pi-blog-card {
  width: 367px;
  text-decoration: none;
}

@media screen and (max-width: 1140px) {
  .proptech-insight .pi-bottom .pi-blog-card {
    width: 100%;
  }
}

@media screen and (max-width: 768px) {
  .proptech-insight .pi-bottom .pi-blog-card {
    width: 100%;
  }
}

.proptech-insight .pi-bottom .pi-blog-card .image {
  width: 367px;
  height: 260px;
  border-radius: 20px;
  border: 1px solid #cacdd5;
  display: flex;
  justify-content: center;
  align-items: center;
}

@media screen and (max-width: 1140px) {
  .proptech-insight .pi-bottom .pi-blog-card .image {
    width: 100%;
  }
}

@media screen and (max-width: 768px) {
  .proptech-insight .pi-bottom .pi-blog-card .image {
    width: 100%;
  }
}

.proptech-insight .pi-bottom .pi-blog-card .image img {
  width: 327px;
  height: 180px;
  object-fit: cover;
}

@media screen and (max-width: 1140px) {
  .proptech-insight .pi-bottom .pi-blog-card .image img {
  }
}

.proptech-insight .pi-top .pi-title .titles h2 {
  padding: 0;
  margin: 0;
}
.proptech-insight .pi-top .pi-title .titles .pi-button a {
  width: 209px;
  height: 50px;
  border-radius: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: transparent;
  gap: 20px;
  border: 1.5px solid #10405a;
  cursor: pointer;
  transition: ease-out 0.3s;
  text-decoration: none;
  color: #10405a;
  text-transform: uppercase;
}

.proptech-insight.media .pi-top .pi-title .titles h3 span::after,
.proptech-insight.travel .pi-top .pi-title .titles h2 span::after,
.proptech-insight.saas .pi-top .pi-title .titles h2 span::after,
.proptech-insight.prop .pi-top .pi-title .titles h2 span::after {
  width: 104% !important;
  opacity: 100% !important;
  bottom: -5px !important;
  background-color: #b3e7e6 !important;
  top: unset !important;
}

.who-we-serve-travel-container .ssau-iso__cta-button,
.who-we-serve-media-container .ssau-iso__cta-button,
.who-we-serve-saas-container .ssau-iso__cta-button,
.who-we-serve-proptech-container .ssau-iso__cta-button,
.who-we-serve-marketplace-container .ssau-iso__cta-button {
  margin-top: 0px;
}

/* End of Insight */

/* ------------------------------------- */

/* Media & Publishing */
.who-we-serve-media-container p,
.who-we-serve-media-container span,
.who-we-serve-media-container h2,
.who-we-serve-media-container h3 {
  padding: 0;
  margin: 0;
}
.who-we-serve-media-container .ssau_hero-title {
  max-width: 553px;
}

.who-we-serve-media-container .ssau-what-we-do_hero-inner_right {
  max-width: 705px;
}

.who-we-serve-media-container
  .ssau-what-we-do_hero
  .ssau_hero-title
  span::after {
  width: 100%;
}

@media screen and (max-width: 1024px) {
  .who-we-serve-media-container
    .ssau-what-we-do_hero-inner
    .ssau-what-we-do_hero-inner_left {
    width: 100%;
    padding: 50px 80px 295px 80px;
  }
  .who-we-serve-media-container
    .ssau-what-we-do_hero-inner
    .ssau-what-we-do_hero-inner_right {
    justify-content: center;
  }

  .who-we-serve-media-container .ssau-what-we-do_hero-inner_right > img {
    height: 435px;
  }

  .who-we-serve-media-container
    .ssau-what-we-do_hero-inner
    .ssau-what-we-do_hero-inner_right {
    position: absolute;

    bottom: 0;
    max-width: 491px;
    right: 0;
  }

  .who-we-serve-media-container .ssau-what-we-do_hero-inner_right > img {
    transform: unset;
  }

  .who-we-serve-media-container .ssau-what-we-do_hero .ssau_hero-desc {
    max-width: 400px;
  }

  .who-we-serve-media-container .ssau_hero-title {
    max-width: 95%;
  }
}

@media screen and (max-width: 900px) {
  .who-we-serve-media-container
    .ssau-what-we-do_hero-inner
    .ssau-what-we-do_hero-inner_left {
    width: 100%;
    padding: 50px 80px 445px 80px;
  }

  .who-we-serve-media-container
    .ssau-what-we-do_hero-inner
    .ssau-what-we-do_hero-inner_right {
    justify-content: flex-end;
  }
}

@media screen and (max-width: 600px) {
  .who-we-serve-media-container .ssau-breadcrumb {
    flex-wrap: wrap;
    height: unset;
  }
  .who-we-serve-media-container .ssau-what-we-do_hero-inner_right {
    width: 100%;
  }
  .who-we-serve-media-container
    .ssau-what-we-do_hero-inner
    .ssau-what-we-do_hero-inner_left {
    padding: 50px 24px 24px 24px;
    width: 100%;
  }

  .who-we-serve-media-container
    .ssau-what-we-do_hero-inner
    .ssau-what-we-do_hero-inner_right {
    position: unset;
    padding-top: 0;
    justify-content: center;
  }

  .owl-custom-btn-who-we-serve {
    padding-bottom: 0;
    margin-bottom: 0;
  }

  .who-we-serve-media-container .ssau-what-we-do_hero-inner_right > img {
    height: unset;
  }

  .who-we-serve-media-container .ssau_hero-title {
    max-width: 100%;
  }

  .who-we-serve-media-container .crafted {
    padding: 300px 24px 40px 24px !important;
  }

  .who-we-serve-media-container .who-we-serve-saas-card {
    height: 930px;
  }

  .who-we-serve-media-container .who-we-serve-saas-card > div {
    height: 850px;
  }
}

@media screen and (max-width: 350px) {
  .who-we-serve-media-container .crafted {
    padding: 320px 24px 40px 24px !important;
  }
}

/* End of Media & Publishing */

/* ---------------------------- */

/* Testimonials */
.ssau-testimonial {
  background-repeat: no-repeat;
  background-position: bottom left;
  padding: 100px 20px 20px;
  position: relative;
}

.ssau-testimonial .ssau-our-service-hero__heading {
  padding: 0;
  margin: 0 0 20px 0;
  font-size: 48px;
  font-weight: 700;
  line-height: 57.6px;
  letter-spacing: -0.035em;
  color: #072e45;
}
.ssau-testimonial .ssau-our-service-hero__heading span {
  position: relative;
  color: #00afaa;
}
.ssau-testimonial .ssau-our-service-hero__heading span::after {
  content: "";
  position: absolute;
  bottom: 0px;
  left: 49%;
  transform: translateX(-50%);
  width: calc(100%);
  height: 24px;
  background-color: #fee879;
  mix-blend-mode: multiply;
}
.ssau-testimonial-container {
  max-width: 1140px;
  margin: 0 auto;
  position: relative;
  z-index: 10;
}

.ssau-testimonial-container .ssau-breadcrumb {
  position: relative;
  z-index: 20;
}
.ssau-testimonial-title-container {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  min-height: 250px;
  color: #10405a;
  z-index: 10;
  position: relative;
  text-align: center;
}

@media screen and (max-width: 480px) {
  .ssau-client-testimonial-container {
    display: block;
  }
}

.masonry {
  max-width: 1140px;
  margin: 0 auto;
}
.testimonial-card {
  padding: 44px;
  border: 1px solid #cacdd5;
  border-radius: 10px;
  position: relative;
  width: calc(33.33% - 20px);
  margin-bottom: 90px;
  z-index: 10;
  background: white;
}

.testimonial-card:before {
  counter-increment: testimonial-card;
  content: counter(grid-item);
  display: block;
  color: white;
  padding-top: 0.2em;
  text-align: center;
  font-size: 1.4rem;
}

.testimonial-author,
.testimonial-description,
.testimonial-company-logo {
  text-align: center;
}

.testimonial-author {
  color: #10405a;
}

.testimonial-author > h2 {
  font-weight: 700;
  font-size: 20px;
  line-height: 30px;
  margin-bottom: 0;
  color: #10405a;
}
.testimonial-author > span {
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  font-family: var(--ssau-ff-roboto);
  margin-top: 0;
}
.testimonial-author > span:first-of-type {
  color: #969bab !important;
}

.testimonial-author > img {
  position: absolute;
  border-radius: 99999px;
  width: 90px;
  height: 90px;
  left: 50%;
  transform: translate(-50%, 0);
  top: -45px;
  object-fit: cover;
}

.testimonial-description > p {
  color: #18191f;
  font-size: 16px;
  line-height: 27.2px;
  font-weight: 400;
  font-family: var(--ssau-ff-roboto);
}

.masonry-wrapper {
  margin: 90px 0px;
  padding: 0 20px;
}

.testimonial-company-logo > img {
  width: auto;
  height: 44px;
  width: 145px;
  object-fit: contain;
}

.quotation-card {
  position: absolute;
  right: 0;
  bottom: 0;
}
.quotation-top {
  position: absolute;
  right: -75px;
  top: -100px;
}
.quotation-bottom {
  position: absolute;
  left: -75px;
  bottom: 80px;
  transform: scaleX(-1);
}

.dots-bottom {
  position: absolute;
  right: -60px;
  top: 60%;
}
.dots-top {
  position: absolute;
  left: -60px;
  top: 30%;
}

.background-top {
  position: absolute;
  top: 0;
  left: -130px;
}

.-top-100 {
  top: -100px;
}
.breadcrumb-testimonial {
  z-index: 10;
  position: relative;
}

@media (max-width: 480px) {
}

@media screen and (max-width: 767px) {
  .testimonial-card {
    width: 100%;
  }
}

@media screen and (max-width: 1280px) {
  .ssau-client-testimonial .container {
    padding-left: 20px;
    padding-right: 20px;
  }
  .quotation-top {
    right: 0 !important;
  }
  .dots-bottom {
    right: 0 !important;
  }
}

.ssau-client-testimonial-list-container .owl-carousel .owl-nav.disabled {
  display: none !important;
}

@media screen and (min-width: 767px) and (max-width: 991px) {
  .testimonial-card {
    width: calc(50% - 20px);
  }
}
/* End of Testimonials */

/* ------------------------------- */

/* Start of Our Services */
.ssau-our-service-hero {
  /* background-image: url("https://assets-global.website-files.com/5d8a2887296e9177accb65bc/62df506a45e33d5e00c5c7a9_privacy-policy-hero-bg.png"); */
  background-repeat: no-repeat;
  background-position: bottom left;
  padding: 100px 20px 20px;
  background-color: #f4f9f9;
  overflow-x: hidden;
  position: relative;
}
.ssau-our-service-hero__container {
  max-width: 1140px;
  margin: 0 auto;
  display: flex;
  padding-bottom: 35px;
}
.ssau-our-service-hero__left {
  width: 50%;
  padding-right: 36px;
}
.ssau-our-service-hero__left > .ssau-who-we-serve-hero__desc {
  color: #10405a;
}
.ssau-our-service-hero__right > .ssau-who-we-serve-hero__desc {
  display: none;
  color: #10405a;
}
.ssau-our-service-hero__heading {
  font-size: 48px;
  line-height: 57px;
  letter-spacing: -2px;
  color: #072e45;
  max-width: 519px;
}

.page-template-template-our-services-2023
  .who-we-serve-saas-container
  .ssau-what-we-do_hero-inner_right
  > img {
  height: auto;
  width: auto;
  margin-left: unset;
}
.page-template-template-our-services-2023
  .who-we-serve-saas-container
  .ssau-what-we-do_hero-inner_left {
  padding-top: 0;
}
.ssau-our-service-hero__heading span {
  color: #00afaa;
  position: relative;
}

.ssau-our-service-hero__heading span::after {
  content: "";
  position: absolute;
  bottom: 0px;
  left: 50%;
  transform: translateX(-50%);
  width: calc(100%);
  height: 24px;
  background-color: #fee879;
  mix-blend-mode: multiply;
}

.ssau-operational-link {
  color: #00afaa !important;
  text-decoration: underline !important;
  font-family: Roboto;
  font-size: 16px;
  font-weight: 400;
  line-height: 27.2px;
  letter-spacing: 0.02em;
  text-align: left;
}

.ssau-operational__single-card {
  width: 100%;
  margin: 1rem 0;
  background-color: #fff;
  border-radius: 10px;
  text-decoration: none;
  color: #10405a;
  opacity: 1;
  transform: translate3d(0px, 0px, 0px) scale3d(1, 1, 1) rotateX(0deg)
    rotateY(0deg) rotateZ(0deg) skew(0deg);
  transform-style: preserve-3d;
  padding: 30px 30px 65px;
  font-size: 16px;
  transition: box-shadow 0.4s, background-color 0.4s;
  border: 1px solid #cacdd5;
}

.ssau-operational__single-card > div > *,
.ssau-operational__single-card > div > ul > li,
.ssau-operational__single-card > div > ul > li > * {
  font-family: var(--ssau-ff-roboto);
}

.ssau-operational__single-card > div > .ssau-cmodel__list {
  min-height: 218px;
}

.ssau-operational__single-card:hover {
  box-shadow: 0 0 15px 3px rgba(212, 220, 223, 0.81);
}

.ssau-operational__single-card a {
  text-decoration: none;
  color: #052436;
}

.ssau-operational__card-area {
  display: flex;
  gap: 30px;
}

.ssau-operational__card-area ul {
  display: flex;
  flex-direction: column;
  gap: 12px;
  list-style-image: url("../../img/ssau-2023/our-services-main/check.png");
}

.ssau-cmodel__heading-blue {
  font-size: 36px !important;
  font-weight: 700;
  line-height: 43.2px;
  letter-spacing: -0.02em;
  text-align: center;
  color: #052436 !important;
}

.ssau-cmodel__heading-blue span {
  position: relative;
  background: linear-gradient(to bottom, white 50%, #b3e7e6 0%);
}

.ssau-our-funtional__heading {
  font-family: Ubuntu;
  font-size: 36px;
  font-weight: 700;
  line-height: 43.2px;
  letter-spacing: -0.02em;
  color: #10405a;
  padding-bottom: 8px !important;
}

.ssau-our-funtional__heading span {
  position: relative;
  white-space: nowrap;
  position: relative;
  background: linear-gradient(to bottom, transparent 50%, #fee879 0%);
}

.ssau-our-funtional__heading span:not(:last-of-type):after {
  width: 100%;
}

/* Our Services Funtional */
.ssau-functional__img {
  margin-top: 24px;
}
.ssau-functional__card-area {
  position: relative;
}
.ssau-functional-card-left {
  float: left;
  position: sticky;
  top: 10%;
  width: 50%;
  margin-right: 20px;
  padding-right: 10px;
}
.ssau-functional-card-right {
  /* flex: 1; */
}
.ssau-functional__single-card {
  border: 1px solid #cacdd5;
  border-radius: 12px;
  padding: 40px;
  margin-bottom: 30px;
  background-color: white;
}
.ssau-functional__single-card:last-child {
  margin-bottom: 0px;
}
.ssau-functional-cards-container {
  overflow: scroll;
  overflow-x: hidden;
}
.ssau-functional-cards-container::-webkit-scrollbar {
  display: none;
}

.ssau-our-functional {
  padding: 2rem 20px 90px;
  background-color: #f4f9f9;
}

.ssau-our-functional .ssau-our-capability__subheading {
  color: #00afaa;
}
/* End of Our Services Funtional */

#ssau-our-service-products {
  background-image: none;
  background-repeat: no-repeat, no-repeat;
  background-size: 85px, 85px;
  min-height: 1022px;
  margin: 0 auto;
  color: #07324a;
  font-family: var(--ssau-ff-roboto);
  margin-top: 105px;
}

#ssau-our-service-operational {
  background-position: 10% 40%, 90% 64%;
  background-repeat: no-repeat, no-repeat;
  background-size: 85px, 85px;
  padding: 2rem;
  min-height: 1022px;
  margin: 0 auto;
  color: #07324a;
  font-family: var(--ssau-ff-roboto);
  overflow-x: hidden;
}
#ssau-our-service-operational
  > .ssau-cmodel__container
  > .ssau-cmodel__title
  > .ssau-cmodel__subtitle {
  color: #00afaa;
}
#ssau-our-service-operational
  > .ssau-cmodel__container
  > .ssau-cmodel__title
  > p {
  color: #10405a;
}
#ssau-our-service-operational .ssau-cmodel__heading-blue {
  color: #07324a !important;
}
#ssau-our-service-operational .ssau-cmodel__heading-blue span {
  color: #10405a !important;
}

/* Our Services Products */
.ssau-products__container {
  display: flex;
  flex-direction: column;
  gap: 160px;
  margin: 100px 0px;
}
.ssau-products-item__container,
.ssau-products-item__container-reverse {
  position: relative;
}
.ssau-products-item__container-reverse > .ssau-products-item__card {
  flex-direction: row-reverse;
  margin-left: 30px;
  background: linear-gradient(to right, transparent 55%, white);
}
.ssau-products-item__container-reverse > img {
  position: absolute;
  left: 0px;
  height: calc(100% + 100px);
  top: -50px;
  border-radius: 12px;
  object-fit: cover;
}
.ssau-products-item__card {
  border: 1px solid #cacdd5;
  border-radius: 10px;
  display: flex;
  flex-direction: row;
  gap: 40px;
  position: relative;
  z-index: 20;
  background: linear-gradient(to right, white 20%, transparent 50%);
}
.ssau-products-item__container > .ssau-products-item__card {
  margin-right: 30px;
}
.ssau-products-item__container > img {
  position: absolute;
  right: 0px;
  height: calc(100% + 100px);
  top: -50px;
  border-radius: 12px;
  object-fit: cover;
}
.ssau-products-item__card > div {
  flex-basis: 50%;
  padding: 0 20px 20px 20px;
}

.ssau-products-item__title {
  font-family: Ubuntu;
  font-size: 24px;
  font-weight: 700;
  line-height: 36px;
  letter-spacing: -0.01em;
  text-align: left;
  color: #00afaa;
}
.ssau-products-item__desc {
  font-family: Roboto;
  font-size: 16px;
  font-weight: 400;
  line-height: 27.2px;
  letter-spacing: 0.02em;
  text-align: left;
  color: #10405a;
}

.ssau-products-divider {
  height: 1px;
  width: 100%;
  background: #e0edf4;
  margin-top: 12px;
  margin-bottom: 12px;
}

.ssau-products-links__container {
  margin-top: 30px;
  display: flex;
  flex-direction: column;
}
.ssau-products-links__container > a {
  font-family: var(--ssau-ff-roboto);
  font-size: 20px;
  font-weight: 700;
  line-height: 30px;
  text-align: left;
  display: flex;
  gap: 12px;
  align-items: center;
  color: #10405a;
  text-decoration: none;
}

.product-main-title,
.product-main-title > p {
  font-family: var(--ssau-ff-roboto);
  font-size: 16px;
  font-weight: 400;
  line-height: 27.2px;
  letter-spacing: 0.02em;
  text-align: center;
  color: #10405a;
}
.product-main-title > .ssau-cmodel__subtitle {
  color: #00afaa;
}
.product-main-title > .ssau-our-funtional__heading {
  font-size: 36px;
  font-weight: 700;
  line-height: 43.2px;
  letter-spacing: -0.02em;
  text-align: center;
  color: #10405a;
  margin: 12px 0;
  padding: 0 !important ;
}
.product-main-title > .ssau-our-funtional__heading > span {
  color: #10405a;
}

.ssau-our-funtional__container {
  max-width: 1140px;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
}

.ssau-our-funtional__container .ssau-our-funtional__heading {
  max-width: 392px;
}
/* End of Our Services Products */

/* Responsive Our Services */
@media (max-width: 480px) {
  .ssau-products__container {
    gap: 40px;
  }
  .ssau-products-item__card {
    flex-direction: column;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
  }
  .ssau-products-item__container-reverse > .ssau-products-item__card {
    flex-direction: column;
    margin: 0 auto;
  }
  .ssau-products-item__container > .ssau-products-item__card {
    margin: 0 auto;
  }
  .ssau-products-item__container-reverse > img,
  .ssau-products-item__container > img {
    position: relative;
    left: 0;
    right: 0;
    top: -5px;
    z-index: 1000;
  }

  .ssau-operational__card-area {
    flex-direction: column;
    gap: 20px;
  }
  .ssau-functional-card-left {
    width: 100%;
    position: relative;
    float: none;
    margin: 0 0 30px 0;
    padding-right: 0;
    top: 0;
  }

  .ssau-our-funtional__container {
    display: block;
  }

  .ssau-our-funtional__heading span {
    white-space: normal;
  }
  .ssau-functional-cards-container {
    max-height: none;
  }

  .ssau-our-functional {
    padding-bottom: 0px;
  }
  .ssau-products-item__card {
    padding-top: 200px;
    width: calc(100% - 20px);
    margin: 0 auto;
    margin-top: 20px;
    z-index: 999999;
  }
}

@media only screen and (min-width: 640px) {
}

@media screen and (max-width: 767px) {
  .ssau-operational__card-area {
    flex-direction: column;
  }
  .our-services-hero {
    background-size: contain;
  }
}
@media screen and (max-width: 769px) {
  .ssau-products-item__container-reverse > img,
  .ssau-products-item__container > img {
    position: absolute;
    height: 250px;
    top: -20px;
    width: 100%;
  }
  .ssau-products-item__container > .ssau-products-item__card,
  .ssau-products-item__container-reverse > .ssau-products-item__card {
    margin: 0 auto;
    z-index: 99999;
    background: linear-gradient(to top, white 20%, transparent 50%);
  }
  .ssau-products-item__card > div {
    flex-basis: 100%;
  }
  .ssau-products-item__container-reverse,
  .ssau-products-item__container {
    position: relative;
  }
  .ssau-products__container {
    gap: 70px;
    width: 100%;
    margin: 100px auto;
  }
  .ssau-products-item__card {
    padding-top: 250px;
    width: calc(100% - 40px);
    margin: 0 auto;
    margin-top: 20px;
    z-index: 999999;
  }
}

@media screen and (max-width: 991px) {
  .ssau-functional-card-left {
    width: 100%;
    position: relative;
    float: none;
    margin: 0 0 30px 0;
    padding-right: 0;
    top: 0;
  }
  .our-services-hero .ssau-what-we-do_hero-inner_right {
    bottom: -80px !important;
  }
  .ssau-functional__img {
    width: 100%;
  }
  .ssau-our-service-hero__container {
    display: block;
  }
  .marketplace-ecommerce {
    flex-direction: column;
  }
  .marketplace-ecommerce-wrapper {
    max-width: none !important;
    padding-right: 0 !important;
  }
  .ssau-marketplace-ecommerce-hero__image {
    text-align: center;
  }
  .ssau-marketplace-ecommerce-hero__image > div {
    text-align: start;
    margin-top: 60px;
  }
  .ssau-our-services-hero__image > img,
  .ssau-marketplace-ecommerce-hero__image {
    width: 100%;
    position: relative !important;
    margin-bottom: 36px;
  }
  .ssau-our-service-hero__left {
    width: 100%;
    padding-right: 0;
  }
  .ssau-marketplace-title-container .ssau-who-we-serve-hero__desc,
  .ssau-our-service-hero__left > .ssau-who-we-serve-hero__desc {
    display: none;
  }
  .ssau-marketplace-ecommerce-hero__image .ssau-who-we-serve-hero__desc,
  .ssau-our-service-hero__right > .ssau-who-we-serve-hero__desc {
    display: block;
    color: #10405a;
  }
  .media-publishing-hero {
    right: 0 !important;
    max-height: none !important;
  }
  .marketplace-ecommerce {
    gap: 30px !important;
  }
  .our-services-hero .ssau-what-we-do_hero-inner_right {
    max-width: none !important;
  }
}

@media screen and (min-width: 769px) and (max-width: 1300px) {
  .ssau-products-item__container-reverse > img,
  .ssau-products-item__container > img {
    height: calc(100% + 100px);
    max-width: 45%;
  }

  .page-template-template-our-services-2023 .ssau-what-we-do_hero-inner_right {
    width: unset;
    max-width: 600px;
  }
}

.page-template-template-our-services-2023 h1,
.page-template-template-our-services-2023 h2,
.page-template-template-our-services-2023 h3,
.page-template-template-our-services-2023 h4 {
  padding: 0;
  margin: 0;
}

.page-template-template-our-services-2023
  #ssau-our-service-operational
  .ssau-cmodel__card-title {
  margin: 1em 0;
}

@media screen and (max-width: 1024px) {
  .page-template-template-our-services-2023
    .who-we-serve-saas-container
    .ssau-what-we-do_hero-inner
    .ssau-what-we-do_hero-inner_right {
    position: unset !important;
    max-width: 448px !important;
  }

  .page-template-template-our-services-2023
    .who-we-serve-saas-container
    .ssau-what-we-do_hero-inner
    .ssau-what-we-do_hero-inner_left {
    padding: 40px 0 0 40px !important;
  }
}

@media screen and (max-width: 900px) {
  .page-template-template-our-services-2023
    .who-we-serve-saas-container
    .ssau-what-we-do_hero-inner
    .ssau-what-we-do_hero-inner_left {
    padding: 80px 80px 0 80px !important;
  }

  .ssau-our-service-hero__heading {
    max-width: unset;
  }

  .page-template-template-our-services-2023
    .who-we-serve-saas-container
    .ssau_hero-desc {
    max-width: unset !important;
  }

  .page-template-template-our-services-2023
    .who-we-serve-saas-container
    .ssau-what-we-do_hero-inner
    .ssau-what-we-do_hero-inner_right {
    max-width: unset !important;
  }
}
@media screen and (max-width: 600px) {
  .page-template-template-our-services-2023
    .who-we-serve-saas-container
    .ssau-what-we-do_hero-inner
    .ssau-what-we-do_hero-inner_left {
    padding: 40px 20px !important;
  }

  .page-template-template-our-services-2023 .breadcrumb {
    flex-wrap: wrap !important;
    height: unset !important;
    row-gap: 4px !important;
  }

  .ssau-our-service-hero__heading {
    max-width: 380px;
  }
}
@media screen and (min-width: 1025px) and (max-width: 1110px) {
  .our-services-hero {
    background-size: 400px;
  }
}
@media screen and (min-width: 1110px) and (max-width: 1280px) {
  .our-services-hero {
    background-size: 480px;
  }
}
@media screen and (min-width: 1280px) and (max-width: 1400px) {
  .our-services-hero
    .ssau-what-we-do_hero-inner
    .ssau-what-we-do_hero-inner_left {
    width: 45% !important;
  }
}
.ssau-our-services-hero__image > img {
  position: absolute;
  top: 65px;
}

/* End of Responsive Our Services */

/* ------------------------------------------ */

/* Who We Serve Build Your Team */
/*Tab Team*/

#ssau-tab-team {
  background-image: url("../../img/ssau-2023/homepage-collaboration/collaboration-model-pattern.svg"),
    url("../../img/ssau-2023/homepage-collaboration/collaboration-model-pattern.svg");
  background-position: 10% 40%, 90% 64%;
  background-repeat: no-repeat, no-repeat;
  background-size: 85px, 85px;
  padding: 80px 150px;
  margin: 0 auto;
  background-color: #ffffff;
  color: #10405a;
  font-family: "Roboto", sans-serif;
  overflow-x: hidden;
}

.ssau-tab-team-content {
  width: auto;
  max-width: 1140px;
  margin: 0 auto;
  padding-top: 30px;
  padding-left: 15px;
  padding-right: 15px;
  padding-bottom: 20px;
  display: none;
}

.who-we-serve-building-your-team-container .ssau-cmodel__title h2 span {
  position: relative;
}

.who-we-serve-building-your-team-container .ssau-cmodel__title h2 span:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: calc(100% + 5px);
  height: 48%;
  background-color: #f4cd0c;
  mix-blend-mode: multiply;
}

/* Style the tab */
.ssau-tab-team-content .tab {
  overflow: hidden;
  max-width: 1140px;
}

/* Style the buttons inside the tab */
.ssau-tab-team-content .tab button {
  background-color: #f7f7f7;
  float: left;
  font-family: "Roboto";
  font-weight: 400;
  font-size: 20px;
  outline: none;
  cursor: pointer;
  padding: 14px 16px;
  transition: 0.3s;
  font-size: 17px;
  width: 50%;
  border-top-left-radius: 25px;
  border-top-right-radius: 25px;
  border: 1px solid #e6e6e6;
  color: #4a748b;
}

/* Change background color of buttons on hover */
.ssau-tab-team-content .tab button:hover {
  background-color: #ddd;
}

/* Create an active/current tablink class */
.ssau-tab-team-content .tab button.active {
  background-color: #00afaa;
  color: #ffffff;
  font-weight: 700;
}

/* Style the tab content */
.ssau-tab-team-content .tabcontent {
  display: none;
  padding: 6px 12px;
  border: 1px solid #e6e6e6;
  border-top: none;
  background-color: #f4fbfb;
  max-width: 1140px;
  border-bottom-left-radius: 25px;
  border-bottom-right-radius: 25px;
  position: relative; /* Ensure it creates a new stacking context */
}

.tabcontent:first-of-type {
  display: block;
}

.ssau-tab-team-content .tablinks.active {
  background-color: #ccc; /* Example active tab color */
}

.ssau-tab-team__image img {
  max-width: 100%;
}

.ssau-tab-team-content .tabcontent.active {
  display: block;
}

.ssau-tab-team-content .tabcontent h3 {
  font-family: "Ubuntu";
  font-size: 36px;
  font-weight: 700;
  line-height: 43.2px;
  color: #10405a;
}

.ssau-tab-team-content .tabcontent h3 span {
  color: #00afaa;
}

.ssau-tab-team-content .tabcontent p {
  font-family: "Roboto";
  font-size: 16px;
  font-weight: 400;
  line-height: 27.2px;
  color: #10405a;
}

.ssau-tab-team-content .tabcontent .price-header th {
  padding-bottom: 10px;
}

.ssau-tab-team-content .ssau-tab-team-inner {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 32px;
  max-width: 1440px;
  margin: 0 auto;
  background-color: #f4fbfb;
  position: relative;
}

.ssau-tab-team-content .ssau-tab-team-left,
.ssau-tab-team-content .ssau-tab-team-right {
  z-index: 4;
  width: 50%;
  padding-right: 10px;
}

#ssau-tab-team .ssau-tab-team-left {
  display: flex;
  justify-content: center;
  flex-direction: column;
  padding-left: 10px;
  z-index: 2;
}

#ssau-tab-team .ssau-cmodel__title p {
  margin-left: auto;
  margin-right: auto;
  font-family: var(--ssau-ff-roboto);
  color: #10405a;
  font-size: 16px;
  font-weight: 400;
  line-height: 27.2px;
  letter-spacing: 0.02em;
  text-align: center;
}

.ssau-tab-team-content .ssau-tab-team__image {
  padding-top: 40%;
}

.ssau-tab-team-content .ssau-tab-team__image img {
  width: 1140px;
  height: auto;
  max-width: 100%;
}

.ssau-tab-team-content table {
  font-family: arial, sans-serif;
  width: 100%;
}

.ssau-tab-team-content #Dedicated .ssau-squad__table {
  padding-bottom: 10px;
}

.ssau-tab-team-content td,
.ssau-tab-team-content th {
  text-align: left;
  padding: 8px;
  text-align: center;
  height: 50px;
}

.ssau-tab-team-content #Augmented th {
  background-color: #ffffff;
  margin-bottom: 20px;
  border: 1px solid #00afaa;
  border-collapse: collapse;
  border-top-left-radius: 10px !important;
  border-top-right-radius: 10px !important;
  font-size: 20px;
  font-weight: 700;
  font-family: "Roboto";
  color: #10405a;
  line-height: 30px;
}

.ssau-tab-team-content #Dedicated .ssau-squad__table th {
  background-color: #ffffff;
  margin-bottom: 20px;
  border: 1px solid #00afaa;
  border-collapse: collapse;
  border-top-left-radius: 10px !important;
  border-top-right-radius: 10px !important;
  font-size: 20px;
  font-weight: 700;
  font-family: "Roboto";
  color: #10405a;
  line-height: 30px;
}

.ssau-tab-team-content td {
  border: none !important;
  font-weight: 400;
  font-family: "Roboto";
  font-size: 16px;
  line-height: 27.2px;
  color: #10405a;
}

.ssau-tab-team-content #Augmented tr {
  background-color: #ffffff;
}

.ssau-tab-team-content #Dedicated .ssau-squad__table tr {
  background-color: #ffffff;
}

.ssau-tab-team-content #Dedicated .ssau-squad__table tr:nth-child(even) {
  background-color: #eef5f9;
}

.who-we-serve-building-your-team-container
  .ssau-who-we-serve-left-content
  .hero-title
  > span::after {
  height: 27px !important;
  bottom: 0 !important;
}

.ssau-tab-team-content #Augmented tr:nth-child(even) {
  background-color: #eef5f9;
}

.ssau-tab-team-content #Dedicated .ssau-squad__tabl tr:nth-child(even) {
  background-color: #eef5f9;
}

.ssau-tab-team-content #Augmented table td:nth-child(1) {
  width: 50%;
}

.ssau-tab-team-content #Augmented table td:nth-child(2),
.ssau-tab-team-content #Augmented table td:nth-child(3) {
  font-weight: 700;
  width: 25%;
}

.ssau-tab-team-content #Dedicated td:nth-child(1) {
  width: 35% !important;
}

.ssau-tab-team-content #Dedicated table td:nth-child(2) {
  width: 15% !important;
  font-weight: 700;
}

.ssau-tab-team-content #Dedicated table td:nth-child(3),
.ssau-tab-team-content #Dedicated table td:nth-child(4) {
  width: 25% !important;
  font-weight: 700;
}

.ssau-tab-team-content .ssau-tab-team-role__table {
  margin-top: 20px;
  margin-bottom: -10px;
}

.ssau-tab-team-content .column-role_role {
  width: 50%;
}

.ssau-tab-team-content .column-role_est-monthly-cost,
.ssau-tab-team-content .column-role_daily-hours {
  width: 25%;
}

.ssau-tab-team-ad-hoc-role__table {
  margin-top: 30px;
  margin-bottom: -20px;
}

.ssau-tab-team-content .column-ad-hoc-role_ad-hoc-roles {
  width: 50%;
}

.ssau-tab-team-content .column-ad-hoc-role_hourly-hours,
.ssau-tab-team-content .column-ad-hoc-role_daily-hours {
  width: 25%;
}

.ssau-tab-team-content .table-header .ssau-squad-role_est-monthly-cost__header {
  border: none !important;
  font-family: "Ubuntu";
  font-size: 24px;
  text-align: center;
  font-weight: 400;
  line-height: 36px;
  color: #10405a !important;
  background-color: #f4fbfb !important;
}

.ssau-tab-team-content .ssau-squad-role_role__header {
  text-align: left !important;
  font-size: 24px;
  font-weight: 700 !important;
  font-family: "Ubuntu";
  color: #00afaa !important;
  width: 50%;
}

.ssau-tab-team-content .ssau-squad-sum {
  background-color: #4a748b !important;
  color: #ffffff;
}

.ssau-tab-team-content .ssau-squad-sum td {
  font-weight: 700;
  color: #ffffff;
}

.ssau-tab-team-content .ssau-squad-sum td:nth-child(1) {
  font-weight: 400 !important;
}

.development-pricing_container {
  max-width: 1440px;
  margin: 0 auto;
  padding: 0px 150px 80px 150px;
}
.development-pricing_title {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  gap: 12px;
  margin: 0 0 65px;
}

.development-pricing_title > span {
  font-family: var(--ssau-ff-roboto);
  font-size: 14px;
  font-weight: 700;
  line-height: 21px;
  letter-spacing: 0.11em;
  color: #00afaa;
}
.development-pricing_title > h2 {
  text-align: center;
  font-size: 36px;
  font-weight: 700;
  line-height: 43.2px;
  letter-spacing: -0.02em;
  color: #10405a;
  margin: 0;
  padding: 0;
}
.development-pricing_title > h2 span {
  position: relative;
  color: #00afaa;
}
.development-pricing_title > h2 span::after {
  content: "";
  width: 105%;
  position: absolute;
  left: -2px;
  bottom: -5px;
  height: 27px;
  background-color: #fee879;
  mix-blend-mode: multiply;
}
.development-pricing_header {
  display: flex;
  justify-content: center;
  gap: 30px;
}

.development-pricing_image {
  width: 555px;
}
.development-pricing_desc {
  max-width: 555px;
  display: flex;
  align-items: center;
}

.development-pricing_desc p {
  font-family: var(--ssau-ff-roboto);
  font-size: 16px;
  font-weight: 400;
  line-height: 27.2px;
  letter-spacing: 0.02em;
  color: #10405a;
  padding: 0;
  margin: 0;
}
.development-pricing_desc p b {
  font-family: var(--ssau-ff-roboto);

  font-size: 16px;
  font-weight: 700;
  line-height: 27.2px;
  letter-spacing: 0.02em;

  color: #10405a;
}

.development-pricing_table-wrapper {
  display: flex;
  justify-content: center;
  gap: 24px;
  margin-top: 62px;
}

.development-pricing_table-wrapper > div > table {
  border-spacing: 0px;
}

.development-pricing_table-wrapper > div:nth-child(1) {
  width: 754px;
}

.augmented-table {
  margin-top: 20px;
  width: 362px;
}
.dedicated-table p,
.augmented-table p {
  padding: 0;
  margin: 0;
}

.dedicated-table thead tr th {
  border-radius: 12px 12px 0px 0px;
  background-color: #00afaa;
}
.augmented-table thead tr th {
  border-radius: 12px 12px 0px 0px;
  background-color: #969bab;
}

.dedicated-table thead tr th > h3 {
  display: flex;
  justify-content: center;
  width: 100%;
  align-items: center;
  gap: 10px;
  height: 70px;
  margin: 0;
}
.augmented-table thead tr th > h3 {
  display: flex;
  justify-content: center;
  width: 100%;
  align-items: center;
  gap: 10px;
  height: 50px;
  margin: 0;
}
.dedicated-table thead tr th p,
.dedicated-table thead tr th h3,
.augmented-table thead tr th p,
.augmented-table thead tr th h3 {
  font-size: 24px;
  font-weight: 700;
  line-height: 36px;
  letter-spacing: -0.01em;
  text-align: center;
  color: #ffffff;
}

.dedicated-table tbody,
.augmented-table tbody {
  display: block;
  padding: 40px 30px;
  border-spacing: 0px;
  border-radius: 0px 0px 12px 12px;
}

.augmented-table tbody {
  border-right: 1px solid #e6e6e6;
  border-left: 1px solid #e6e6e6;
  border-bottom: 1px solid #e6e6e6;
}
.dedicated-table tbody {
  border-right: 3px solid #00afaa;
  border-left: 3px solid #00afaa;
  border-bottom: 3px solid #00afaa;
}

.dedicated-table tbody tr td,
.augmented-table tbody tr td {
  padding: 12px 20px 12px 20px;
}

.augmented-table tbody tr td b {
  font-family: var(--ssau-ff-roboto);
  font-size: 20px;
  font-weight: 700;
  line-height: 30px;
  color: #10405a;
}

.dedicated-table tbody tr:nth-child(1) td:nth-child(2) {
  padding: 12px 16px;
}
.dedicated-table tbody tr:nth-child(1) td {
  width: 231.33px;
}

.augmented-table tbody tr td {
  width: 302px;
}
.dedicated-table tbody tr:nth-child(1) td,
.augmented-table tbody tr:nth-child(1) td {
  font-family: var(--ssau-ff-roboto);
  font-size: 20px;
  font-weight: 700;
  line-height: 30px;
  color: #10405a;
  text-align: center;
}
.dedicated-table tbody tr:nth-child(1) td:nth-child(1) {
  background-color: #efc1b8;
}

.augmented-table tbody tr:nth-child(1) td {
  background-color: #cacdd5;
}
.dedicated-table tbody tr:nth-child(1) td:nth-child(2) {
  background-color: #fee879;
}
.dedicated-table tbody tr:nth-child(1) td:nth-child(3) {
  background-color: #bde3c9;
}
.dedicated-table tbody tr:nth-child(3) td:nth-child(1),
.dedicated-table tbody tr:nth-child(5) td:nth-child(1),
.dedicated-table tbody tr:nth-child(7) td:nth-child(1) {
  background-color: #faecea;
}
.dedicated-table tbody tr:nth-child(3) td:nth-child(2),
.dedicated-table tbody tr:nth-child(5) td:nth-child(2),
.dedicated-table tbody tr:nth-child(7) td:nth-child(2) {
  background-color: #fcf3c5;
}
.dedicated-table tbody tr:nth-child(3) td:nth-child(3),
.dedicated-table tbody tr:nth-child(5) td:nth-child(3),
.dedicated-table tbody tr:nth-child(7) td:nth-child(3) {
  background-color: #d7eedf;
}

.dedicated-table tbody tr:nth-child(2) td,
.dedicated-table tbody tr:nth-child(4) td,
.dedicated-table tbody tr:nth-child(6) td,
.augmented-table tbody tr:nth-child(2) td,
.augmented-table tbody tr:nth-child(4) td,
.augmented-table tbody tr:nth-child(6) td {
  color: #969bab;
  font-family: var(--ssau-ff-roboto);
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
  letter-spacing: 0.02em;
  text-align: center;
}
.dedicated-table tbody tr:nth-child(3) td > div {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 8px;
}
.augmented-table tbody tr:nth-child(3) td > div {
  display: flex;
  align-items: center;
  justify-content: center;
}

.dedicated-table tbody tr:nth-child(3) td {
  padding: 24px 16px;
}

.augmented-table tbody tr:nth-child(3) > td {
  background-color: #f5f5f7;
  height: 145.59px;
}

.augmented-table tbody tr:nth-child(5),
.augmented-table tbody tr:nth-child(7) {
  background-color: #f5f5f7;
}

.dedicated-table tbody tr:nth-child(3) td > div p,
.dedicated-table tbody tr:nth-child(5) td > p,
.dedicated-table tbody tr:nth-child(7) td > p,
.augmented-table tbody tr:nth-child(3) td > div p,
.augmented-table tbody tr:nth-child(5) td > p,
.augmented-table tbody tr:nth-child(7) td > p {
  font-family: var(--ssau-ff-roboto);
  font-size: 16px;
  font-weight: 400;
  line-height: 27.2px;
  letter-spacing: 0.02em;
  text-align: center;
  color: #10405a;
  padding: 0;
  margin: 0;
}
.dedicated-table tbody tr:nth-child(3) td > div p b,
.dedicated-table tbody tr:nth-child(5) td > p b,
.dedicated-table tbody tr:nth-child(7) td > p b,
.augmented-table tbody tr:nth-child(3) td > div p b,
.augmented-table tbody tr:nth-child(5) td > p b,
.augmented-table tbody tr:nth-child(7) td > p b {
  font-family: var(--ssau-ff-roboto);
  font-size: 16px;
  font-weight: 700;
  line-height: 27.2px;
  letter-spacing: 0.02em;
  text-align: center;
  color: #10405a;
}

.augmented-table tbody tr:nth-child(1) td {
  font-family: var(--ssau-ff-roboto);
  font-size: 20px;
  font-weight: 700;
  line-height: 30px;
  color: #10405a;
}

/* -- */
.who-we-serve-building-your-team-container .ssau-who-we-serve-counts {
  background-color: #07324a;
  color: #fff;
}

.who-we-serve-building-your-team-container
  .ssau-who-we-serve-counts__container {
  text-align: center;
  background-image: url("../../img/ssau-2023/portfolio-cta-bg-1.png"),
    url("../../img/ssau-2023/portfolio-cta-bg-2.png");
  background-position: 5.5% 65%, 95.3% 18%;
  background-repeat: no-repeat, no-repeat;
  background-size: auto, auto;
  padding: 47px 0 47px 151px;
  margin: 0 auto;
  max-width: 1440px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.who-we-serve-building-your-team-container
  .ssau-who-we-serve-counts__col-half.left {
  display: flex;
  flex-wrap: wrap;
}

.who-we-serve-building-your-team-container
  .ssau-who-we-serve-counts
  .section-bottom__cta-button {
  margin-top: 35px;
}

.who-we-serve-building-your-team-container .ssau-who-we-serve-counts__heading {
  font-size: 36px;
  font-weight: 700;
  line-height: 43.2px;
  letter-spacing: -0.02em;
  text-align: left;
  margin-bottom: 16px !important;
}

.who-we-serve-building-your-team-container .ssau-who-we-serve-counts__desc {
  font-family: var(--ssau-ff-roboto);
  font-size: 16px;
  font-weight: 400;
  max-width: 565px;
  line-height: 27.2px;
  text-align: left;
  height: unset;
}

.who-we-serve-building-your-team-container .ssau-who-we-serve-counts__desc p {
  font-family: var(--ssau-ff-roboto);
  font-size: 16px;
  font-weight: 400;
  max-width: 565px;
  line-height: 27.2px;
  text-align: left;
  padding: 0;
  margin: 0;
}

.who-we-serve-building-your-team-container .ssau-who-we-serve-counts__image {
  width: 723.72px;
  top: 47px;
  left: 753.89px;
  gap: 0px;
}

.who-we-serve-building-your-team-container .ssau-who-we-serve-counts__desc p {
  color: #b3cfde;
}

.who-we-serve-building-your-team-container .ssau-who-we-serve-counts__items {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  width: 100%;
  margin-bottom: 60px;
}

.who-we-serve-building-your-team-container .ssau-who-we-serve-counts__item {
  width: 25%;
  flex: 0 0 auto;
}

.who-we-serve-building-your-team-container .ssau-who-we-serve-counts__icon {
  margin-bottom: 24px;
}

.who-we-serve-building-your-team-container .ssau-who-we-serve-counts__counter {
  font-family: "Ubuntu", sans-serif;
  font-size: 56px;
  font-weight: 700;
  line-height: 67px;
  margin-bottom: 10px;
}

.who-we-serve-building-your-team-container
  .ssau-who-we-serve-counts__counter.years {
  color: #00afaa;
}

.who-we-serve-building-your-team-container
  .ssau-who-we-serve-counts__counter.staff {
  color: #7bc794;
}

.who-we-serve-building-your-team-container
  .ssau-who-we-serve-counts__counter.clients {
  color: #2d9cdb;
}

.who-we-serve-building-your-team-container
  .ssau-who-we-serve-counts__counter.projects {
  color: #e98057;
}

.who-we-serve-building-your-team-container .ssau-who-we-serve-counts__caption {
  font-family: var(--ssau-ff-roboto);
  font-size: 20px;
}

.who-we-serve-building-your-team-container
  .ssau-who-we-serve-counts__cta-button {
  margin-top: 35px;
  font-family: var(--ssau-ff-roboto);
  font-size: 16px;
  font-weight: 500;
  line-height: 27px;
  letter-spacing: 0.0125em;
  padding: 7.5px 22px 7.5px 22px;
  border-radius: 50px;
  background-color: #f4cd0c;
  color: #10405a;
}

.who-we-serve-building-your-team-container
  .ssau-who-we-serve-counts__image
  img {
  max-width: 100%;
}

.who-we-serve-building-your-team-container h1 {
  margin: 0px;
}

.features-add-ons_wrapper {
  display: flex;
  gap: 30px;
  margin-top: 60px;
  padding: 40px 30px;
  border-radius: 12px;
  border: 1px solid #e6e6e6;
}

.features-add-ons_wrapper .card-title {
  color: #10405a;
  font-size: 24px;
  font-weight: 700;
  line-height: 36px;
  letter-spacing: -0.01em;
  padding: 0;
  margin: 0 0 16px 0;
}

.features-add-ons_wrapper .features {
  min-width: 510px;
}

.features-divider {
  width: 1px;
  background-color: #e6e6e6;
}
.features-add-ons_wrapper .features ul {
  list-style: none;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.features-add-ons_wrapper .features ul li {
  display: flex;
  align-items: center;
  font-family: var(--ssau-ff-roboto);
  font-size: 16px;
  font-weight: 400;
  line-height: 27.2px;
  letter-spacing: 0.02em;
  color: #10405a;
  gap: 13px;
}
.features-add-ons_wrapper .features ul li::before {
  content: url("../../img/ssau-2023/who-we-serve-building-your-team/bi_check.svg");
  display: inline-block;
  width: 24px;
  height: 24px;
}

.add-ons_content {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: wrap;
  gap: 16px;
}

.add-ons_content span {
  padding: 10px 24px;
  display: flex;
  gap: 10px;
  border-radius: 100px;
  border: 1px solid #cacdd5;
  font-family: var(--ssau-ff-roboto);
  font-size: 16px;
  font-weight: 400;
  line-height: 27.2px;
  letter-spacing: 0.02em;
  color: #10405a;
  text-wrap: nowrap;
}

.add-ons_content span::before {
  content: url("../../img/ssau-2023/who-we-serve-building-your-team/add-ons-list.svg");
  display: inline-block;
  width: 10px;
  height: 10px;
}

.who-we-serve-building-your-team-container .ssau-who-we-serve-hero {
  margin-bottom: 0px;
}

.who-we-serve-building-your-team-container .ssau-who-we-serve-hero__image {
  height: unset;
  display: flex;
}

.who-we-serve-building-your-team-container .ssau-who-we-serve-hero {
  padding-bottom: 0px;
}

@media screen and (max-width: 1300px) {
  .development-pricing_image,
  .development-pricing_desc {
    width: 50%;
  }

  .augmented-table {
    width: -webkit-fill-available;
  }

  .development-pricing_table-wrapper > div:nth-child(1) {
    width: 70%;
  }

  .development-pricing_header {
    align-items: center;
  }
}

@media screen and (max-width: 1024px) {
  .development-pricing_header {
    flex-direction: column;
  }

  .development-pricing_image {
    width: 100%;
  }

  .development-pricing_desc {
    max-width: unset;
    width: 100%;
  }

  .development-pricing_table-wrapper {
    flex-direction: column;
  }

  .development-pricing_table-wrapper > div:nth-child(1) {
    width: 100%;
  }

  .development-pricing_table-wrapper {
    flex-direction: column;
  }

  .development-pricing_table {
    width: 100%;
  }

  .augmented-table tbody tr td {
    width: 100% !important;
  }

  .augmented-table tbody tr {
    display: flex;
    justify-content: center;
    align-items: center;
  }

  .augmented-table tbody tr:nth-child(3) > td,
  .augmented-table tbody tr:nth-child(1) td {
    display: flex;
    justify-content: center;
    align-items: center;
  }

  .how-we-successfully-engage-inner {
    padding: 80px !important;
  }

  #how-we-successfully {
    margin-top: unset;
  }

  .development-pricing_container {
    padding: 80px;
  }

  .dedicated-table tbody tr {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }

  .dedicated-table tbody tr:nth-child(1) td {
    width: 100%;
  }
  .dedicated-table tbody tr td {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
  }

  .features-add-ons_wrapper .features {
    min-width: unset;
    width: 43%;
  }

  .add-ons {
    width: 54%;
  }

  .features-divider {
    display: none;
  }

  .who-we-serve-building-your-team-container .ssau-who-we-serve-counts__image {
    transform: scale(1.4) translateX(40px) translateY(20px) !important;
  }
}

@media screen and (max-width: 900px) {
  .who-we-serve-building-your-team-container .ssau-who-we-serve-counts__image {
    transform: scale(1.5) !important;
  }
  .dedicated-table tbody tr:nth-child(3) td {
    min-height: 199.99px;
  }

  .how-we-successfully-engage-inner {
    padding: 80px 24px !important;
  }

  .how-we-successfully-engage-right-content {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 30px;
    transform: translateX(-15px);
    width: 100%;
  }

  .how-we-successfully-engage-step-first-row > svg,
  .how-we-successfully-engage-step-second-row > svg,
  .how-we-successfully-engage-step-third-row > svg,
  .how-we-successfully-engage-step-fourth-row > svg,
  .how-we-successfully-engage-step-fifth-row > svg {
    transition-duration: 0.5s;
    transition-property: opacity;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
  }

  .how-we-successfully-engage-step-card-horizontal-line-1,
  .how-we-successfully-engage-step-card-horizontal-line-3,
  .how-we-successfully-engage-step-card-horizontal-line-5,
  .how-we-successfully-engage-step-card-horizontal-line-2,
  .how-we-successfully-engage-step-card-horizontal-line-4 {
    transform: translateX(13px) !important;
  }

  .how-we-successfully-engage-step-card {
    margin-left: 0px !important;
  }

  .features-add-ons_wrapper .features,
  .add-ons {
    width: 50%;
  }

  .who-we-serve-building-your-team-container
    .ssau-who-we-serve-counts__container {
    padding: 80px 0px 80px 80px !important;
  }
}

@media screen and (max-width: 768px) {
  .who-we-serve-building-your-team-container
    .ssau-who-we-serve-counts__col-half {
    width: 100%;
  }

  .who-we-serve-building-your-team-container .ssau-who-we-serve-counts__image {
    transform: scale(0.7) translateX(150px) translateY(-120px) !important;
  }

  .who-we-serve-building-your-team-container h3.ssau-cmodel__card-title {
    min-height: unset;
  }

  .who-we-serve-building-your-team-container
    .ssau-who-we-serve-counts__image
    img,
  .who-we-serve-building-your-team-container .ssau-who-we-serve-counts__image,
  .who-we-serve-building-your-team-container .ssau-homepage-counts__icon {
    margin-bottom: 0px;
  }

  .who-we-serve-building-your-team-container
    .ssau-who-we-serve-counts__image
    img,
  .who-we-serve-building-your-team-container .ssau-who-we-serve-counts__image {
    margin-top: 0px;
  }

  .who-we-serve-building-your-team-container
    .ssau-who-we-serve-counts__container {
    background-position: 5.5% 81%, 95.3% 18%;
  }

  .who-we-serve-building-your-team-container
    .ssau-who-we-serve-hero__image
    img {
    height: unset;
  }

  .features-add-ons_wrapper .features,
  .features-add-ons_wrapper .add-ons {
    width: 50%;
  }

  .who-we-serve-building-your-team-container .ssau-cmodel__card-area {
    display: flex;
    flex-direction: column !important;
    justify-content: center;
    align-items: center;
  }

  .who-we-serve-building-your-team-container .ssau-cmodel__single-card {
    width: 100% !important;
  }

  .dedicated-table tbody tr:nth-child(3) td > div {
    height: 180px;
  }

  .dedicated-table tbody tr:nth-child(7) td:nth-child(1),
  .dedicated-table tbody tr:nth-child(7) td:nth-child(2),
  .dedicated-table tbody tr:nth-child(7) td:nth-child(3) {
    height: 80px;
  }
}

@media screen and (max-width: 600px) {
  .dedicated-table tbody tr:nth-child(3) td {
    min-height: 308px !important;
  }

  .who-we-serve-building-your-team-container
    .ssau-who-we-serve-counts__container {
    padding: 40px !important;
  }

  .dedicated-table thead tr th p {
    text-align: left;
    line-height: 24px;
    max-width: 283px;
  }

  .dedicated-table thead tr th > div {
    height: unset;
    gap: 16px;
    padding: 8px;
  }

  .dedicated-table tbody,
  .augmented-table tbody {
    padding: 20px 15px !important;
  }

  .dedicated-table tbody tr:nth-child(7) td {
    min-height: 106px !important;
  }

  .features-add-ons_wrapper {
    flex-direction: column;
  }
  .features-add-ons_wrapper > div {
    width: 100% !important;
  }

  .how-we-successfully-engage-inner {
    padding: 40px 24px !important;
  }

  .add-ons_content {
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: flex-start;
    justify-content: flex-start;
  }

  .development-pricing_header {
    padding: 0 16px !important;
  }

  .who-we-serve-building-your-team-container .ssau-who-we-serve-counts__image {
    display: none !important;
  }
}

@media (min-width: 495px) and (max-width: 599px) {
  .who-we-serve-building-your-team-container
    .ssau-who-we-serve-counts__col-half
    .ssau-who-we-serve-counts__cta-button {
    margin-top: 4rem;
  }
}

@media (min-width: 600px) and (max-width: 818px) {
  .who-we-serve-building-your-team-container
    .ssau-who-we-serve-counts__col-half
    .ssau-who-we-serve-counts__cta-button {
    margin-top: 3rem;
  }
}

@media (min-width: 321px) and (max-width: 396px) {
  .who-we-serve-building-your-team-container
    .ssau-who-we-serve-counts__col-half
    .ssau-who-we-serve-counts__cta-button {
    margin-top: 6rem;
  }

  .who-we-serve-building-your-team-container
    .ssau-who-we-serve-counts__cta-button {
    margin-top: 35px !important;
  }
}

@media (max-width: 320px) {
  .who-we-serve-building-your-team-container
    .ssau-who-we-serve-counts__col-half
    .ssau-who-we-serve-counts__cta-button {
    margin-top: 6rem;
  }
}

.who-we-serve-building-your-team-container
  .ssau-who-we-serve-counts__cta-button
  div {
  font-family: var(--ssau-ff-roboto);
  font-size: 16px;
  font-weight: 500;
  line-height: 27px;
  letter-spacing: 0.0125em;
  text-transform: uppercase;
  width: 100%;
  text-align: center;
  color: #10405a;
}

@media (max-width: 480px) {
  .who-we-serve-building-your-team-container .ssau-who-we-serve-counts__item {
    width: 50%;
    margin-bottom: 50px;
  }

  .who-we-serve-building-your-team-container .ssau-who-we-serve-counts__icon {
    margin-bottom: 10px;
  }

  .who-we-serve-building-your-team-container
    .ssau-who-we-serve-counts__col-half {
    width: 100%;
  }

  .how-we-successfully-engage-step-icon-1,
  .how-we-successfully-engage-step-icon-2,
  .how-we-successfully-engage-step-icon-3,
  .how-we-successfully-engage-step-icon-4,
  .how-we-successfully-engage-step-icon-5 {
    top: 0px !important;
    right: 0px !important;
    left: unset !important;
  }

  .how-we-successfully-engage-step-card {
    padding: 38.5px 20px !important;
  }

  .who-we-serve-building-your-team-container
    .ssau-who-we-serve-counts__container {
    margin-bottom: unset !important;
    gap: 24px;
    background-position: 1.5% 87%, 95.3% 12%;
  }

  .who-we-serve-building-your-team-container
    .ssau-who-we-serve-counts__image
    img {
    margin-left: unset;
  }

  .development-pricing_container {
    padding: 40px 8px;
  }

  .dedicated-table tbody,
  .augmented-table tbody {
    padding: 0px !important;
  }

  .dedicated-table tbody {
    border-right: 2px solid #00afaa;
    border-left: 2px solid #00afaa;
    border-bottom: 2px solid #00afaa;
  }

  .dedicated-table tbody tr:nth-child(7) td:nth-child(1) {
    border-radius: 0 0 0 12px;
  }
  .dedicated-table tbody tr:nth-child(7) td:nth-child(3) {
    border-radius: 0 0 12px 0;
  }
}
/* -- */

@media screen and (max-width: 1024px) {
  .who-we-serve-building-your-team-container .ssau-who-we-serve-hero {
    padding-bottom: unset;
  }
  .who-we-serve-building-your-team-container .ssau-who-we-serve-hero-inner {
    padding: 0;
    flex-direction: column;
    gap: 0px;
    position: relative;
  }

  .who-we-serve-building-your-team-container .ssau-who-we-serve-left-content {
    padding: 40px 80px 250px 70px;
    width: 100%;
  }
  .who-we-serve-building-your-team-container .ssau-who-we-serve-right-content {
    padding: 0 0 0 0;
    width: 100%;
  }
  .who-we-serve-building-your-team-container .ssau-who-we-serve-hero__image {
    max-width: 420px;
    height: unset;
    position: absolute;
    right: 0;
    bottom: 0;
  }

  .who-we-serve-building-your-team-container
    .ssau-who-we-serve-hero__image
    img {
    width: auto;
    height: auto;
  }

  .who-we-serve-building-your-team-container
    .ssau-who-we-serve-counts__container {
    padding: 47px 80px;
  }

  .who-we-serve-building-your-team-container .ssau-who-we-serve-counts__image {
    width: unset;
    height: unset;
  }
}

@media screen and (max-width: 900px) {
  .ssau-tab-team-content .ssau-tab-team-left,
  .ssau-tab-team-content .ssau-tab-team-right {
    width: 100% !important;
  }

  .ssau-tab-team-content .ssau-tab-team__image {
    padding-top: 0%;
  }

  .ssau-tab-team .ssau-cmodel__title p {
    margin-left: 0px;
    margin-right: 0px;
  }

  .ssau-tab-team-content .ssau-tab-team-inner {
    flex-direction: column;
  }

  #how-we-successfully {
    background-color: #f4f9f9 !important;
  }

  .ssau-squad__table {
    margin-bottom: 10px;
  }

  .ssau-squad-sum {
    margin-bottom: 20px !important;
  }

  .who-we-serve-building-your-team-container h3.ssau-cmodel__card-title {
    min-height: 108px;
  }

  .who-we-serve-building-your-team-container .ssau-who-we-serve-hero__image {
    max-width: 380px;
  }

  .who-we-serve-building-your-team-container
    .ssau-who-we-serve-hero
    .ssau-who-we-serve-hero__container
    .ssau-who-we-serve-hero-inner
    .ssau-who-we-serve-left-content
    ul
    li:nth-child(5) {
    max-width: 288px;
  }
}

@media screen and (max-width: 768px) {
  .who-we-serve-building-your-team-container h3.ssau-cmodel__card-title {
    min-height: unset;
  }
}

@media only screen and (max-width: 1024px) {
  #ssau-tab-team {
    margin-bottom: 0;
    padding: 80px;
  }
}

@media screen and (max-width: 600px) {
  #ssau-tab-team {
    padding: 40px 24px;
  }

  .who-we-serve-building-your-team-container .ssau-who-we-serve-hero__image {
    position: unset;
    max-width: unset;
  }
}

/* for sticky tab */
.ssau-tab-team-content .tab {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  padding-top: 71px;
  background-color: white; /* Ensure the tabs have a background to cover content when scrolling */
  z-index: 10; /* Ensure the tabs are above other content */
}

.tab-table {
  padding-bottom: 30px;
}

th.column-squad-role_role {
  width: 35%;
}
th.column-squad-role_daily-hours {
  width: 15%;
}
th.column-squad-role_est-monthly-cost {
  width: 25%;
}
/*End Tab Team*/

/* How We Successfully Engage */

#how-we-successfully {
  background-color: #f4f9f9 !important;
  margin-top: 30px;
}

.how-we-successfully-engage-inner {
  padding: 80px 150px;
  max-width: 1440px;
  margin: 0 auto;
}

.how-we-successfully-engage-inner .top-section-desc {
  text-align: center;
}

.how-we-successfully-engage-content {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

.how-we-successfully-engage-inner-content {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  height: 100%;
  position: relative;
}

.how-we-successfully-engage__subheading {
  color: #00afaa;
  letter-spacing: 0.4px;
  font-family: var(--ssau-ff-roboto);
  font-size: 14px;
  font-weight: 700;
}

.how-we-successfully-engage-step-card-horizontal-line {
  background-color: #10405a;
  height: 3.5px;
  z-index: 2;
  width: 0px;
}

.how-we-successfully-engage-step-card-horizontal-line-1,
.how-we-successfully-engage-step-card-horizontal-line-3,
.how-we-successfully-engage-step-card-horizontal-line-5 {
  transform: translateX(-13px);
}
.how-we-successfully-engage-step-card-horizontal-line-2,
.how-we-successfully-engage-step-card-horizontal-line-4 {
  transform: translateX(-13px);
}

.how-we-successfully-engage-step-card-horizontal-line-1,
.how-we-successfully-engage-step-card-horizontal-line-2,
.how-we-successfully-engage-step-card-horizontal-line-3,
.how-we-successfully-engage-step-card-horizontal-line-4,
.how-we-successfully-engage-step-card-horizontal-line-5 {
  -webkit-transition-delay: 0.5s;
  -webkit-transition-duration: 0.5s;
  -webkit-transition-property: width;
}

.how-we-successfully-engage-right-content {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 30px;
  transform: translateX(-15px);
  width: 100%;
}

.vertical-line-how-we-successfully {
  width: 5px;
  background-color: #e0edf4;
  height: 100%;

  position: absolute;
  top: 0;
}

.how-we-successfully-engage-step-first-row,
.how-we-successfully-engage-step-second-row,
.how-we-successfully-engage-step-third-row,
.how-we-successfully-engage-step-fourth-row,
.how-we-successfully-engage-step-fifth-row {
  display: flex;
  align-items: center;
  position: relative;
}

.how-we-successfully-engage-step-first-row > svg,
.how-we-successfully-engage-step-second-row > svg,
.how-we-successfully-engage-step-third-row > svg,
.how-we-successfully-engage-step-fourth-row > svg,
.how-we-successfully-engage-step-fifth-row > svg {
  transition-duration: 0.5s;
  transition-property: opacity;
}

.how-we-successfully-engage-step-first-row > svg {
  transition-delay: 0.5s;
}

.how-we-successfully-engage-step-card {
  z-index: 4;
  margin-left: 35px;
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 40px 40px 40px 80px;
  gap: 12px;
  border-radius: 12px;
  border: 1px solid #cacdd5;
  opacity: 0;
  background-color: #ffffff;
  min-height: 263px;
  /* transform: translateX(-300%); */
}

.how-we-successfully-engage-step-card-1,
.how-we-successfully-engage-step-card-2,
.how-we-successfully-engage-step-card-3,
.how-we-successfully-engage-step-card-4,
.how-we-successfully-engage-step-card-5 {
  -webkit-transition-duration: 0.2s;
  -webkit-transition-property: transform, opacity;
}

.how-we-successfully-engage-step-card-number {
  position: absolute;
  left: -145px;
  transform: translateY(-57px);
}

.how-we-successfully-engage-step-icon-1,
.how-we-successfully-engage-step-icon-2,
.how-we-successfully-engage-step-icon-3,
.how-we-successfully-engage-step-icon-4,
.how-we-successfully-engage-step-icon-5 {
  position: absolute;
  left: -52px;
  top: 50%;
  transform: translateY(-50%);
}

.how-we-successfully-engage-step-card-desc {
  max-width: 512px;
}

.how-we-successfully-engage-bottom-row {
  padding: 0 267px;
  margin: 60px auto 80px auto;
}

.how-we-successfully-engage-step-bottom-row > p {
  text-align: center;
  max-width: 905px;
  margin: 0 auto;
}

.vertical-line-how-we-successfully {
  border: 2.5px solid #e0edf4;
  height: 0;
  position: absolute;
  left: 0;
  top: 0;
  -webkit-transition-duration: 0.5s;
  -webkit-transition-property: height;
}



.divider-how-we-successfully-engage-card {
  position: relative;
}

.divider-verticalLine-how-we-successfully-engage-first,
.divider-verticalLine-how-we-successfully-engage-second,
.divider-verticalLine-how-we-successfully-engage-third,
.divider-verticalLine-how-we-successfully-engage-fourth {
  background-color: #e5f7f7;
  width: 11px;
  height: 105px;
  position: absolute;
  top: 17px;
  z-index: 3;
  -webkit-transition-duration: 1s;
  -webkit-transition-property: height;
}

.divider-how-we-successfully-engage-card > svg {
  position: absolute;
  top: 100px;
  z-index: 5;
}

.how-we-successfully-engage-inner p {
  margin: 0;
}
.how-we-successfully-engage-inner .top-section-row {
  margin-bottom: 100px;
}

@media screen and (max-width: 768px) {
  .vertical-line-how-we-successfully {
    width: unset;
  }
}

@media screen and (max-width: 640px) {
  .how-we-successfully-engage-inner {
    padding: 30px 15px 20px;
  }
  .how-we-successfully-engage-step-mobile-appereance {
    display: flex;
    gap: 0px;
    flex-direction: column;
  }


  .who-we-serve-building-your-team-container .ssau-who-we-serve-left-content {
    padding: 24px;
  }

  .who-we-serve-building-your-team-container
    .ssau-who-we-serve-hero__image
    img {
    height: unset;
    width: auto;
    margin-top: 0px;
    object-fit: contain;
  }

  .who-we-serve-building-your-team-container .ssau-who-we-serve-hero-inner {
    gap: 0px;
  }

  .how-we-successfully-engage-step-mobile-appereance .divider-training-card {
    height: 154px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column-reverse;
  }

  .how-we-successfully .divider-training-card > svg {
    position: unset;
    top: unset;
  }

  .how-we-successfully
    .divider-training-card
    .divider-how-we-successfully-animated-line-first,
  .how-we-successfully
    .divider-training-card
    .divider-how-we-successfully-animated-line-second,
  .how-we-successfully
    .divider-training-card
    .divider-how-we-successfully-animated-line-third,
  .how-we-successfully
    .divider-training-card
    .divider-how-we-successfully-animated-line-fourth {
    transition: all 0.5s;
  }
}

.who-we-serve-building-your-team-container
  .ssau-who-we-serve-left-content
  .hero-title {
  color: #10405a;
}

/*End How We Successfully Engage*/

/* End Of Who We Serve Build Your Team */

/* ---------------------------------------------------- */

/* Who We Serve Proptech*/
.prop-tech-container p,
.prop-tech-container h2,
.prop-tech-container h3,
.prop-tech-container span {
  margin: 0;
  padding: 0;
}

.prop-tech-container .ssau-what-we-do_hero-inner_right {
  padding-top: 70px;
}

@media screen and (max-width: 1310px) {
  .prop-tech-container .ssau-what-we-do_hero-inner_right {
    padding-top: unset;
  }
}

.prop-tech-container .crafted_right p a {
  font-family: var(--ssau-ff-roboto);
  font-size: 16px;
  font-weight: 400;
  line-height: 27.2px;
  letter-spacing: 0.02em;
  text-align: left;
  color: #00afaa;
}

.prop-tech-container .ssau_hero-title {
  max-width: 517px;
}
.prop-tech-container .ssau-what-we-do_hero-inner_right {
  width: 705px;
}

.prop-tech-container .ssau-what-we-do_hero {
  overflow: hidden;
}

@media screen and (max-width: 1024px) {
  .prop-tech-container .ssau-what-we-do_hero-inner {
    padding: 53px 0 129px 0;
  }
  .prop-tech-container
    .ssau-what-we-do_hero-inner
    .ssau-what-we-do_hero-inner_left {
    width: 100%;
    padding: 50px 80px 105px 80px;
  }

  .prop-tech-container
    .ssau-what-we-do_hero-inner
    .ssau-what-we-do_hero-inner_right {
    position: absolute;
    right: 0;
    bottom: 0;
    max-width: 491px;
  }
  .prop-tech-container .ssau_hero-title {
    max-width: 100%;
  }
  .prop-tech-container .ssau-what-we-do_hero .ssau_hero-desc {
    max-width: 420px;
  }

  .prop-tech-container
    .who-we-serve_service-offer
    .owl-item
    .who-we-serve-saas-card_img-v2 {
    height: 610px;
  }

  .prop-tech-container .who-we-serve-saas-card {
    height: 615px;
  }

  .prop-tech-container .who-we-serve-saas-card > div {
    height: 550px !important;
  }
}
@media screen and (max-width: 1000px) {
  .prop-tech-container
    .ssau-what-we-do_hero-inner
    .ssau-what-we-do_hero-inner_left {
    width: 100%;
    padding: 50px 80px 265px 80px;
  }

  .prop-tech-container
    .ssau-what-we-do_hero-inner
    .ssau-what-we-do_hero-inner_right {
    right: -20px;
  }

  .prop-tech-container .ssau-what-we-do_hero .ssau_hero-desc {
    max-width: 387px;
  }

  .prop-tech-container .who-we-serve-saas-card {
    height: 720px;
  }

  .prop-tech-container .owl-item .who-we-serve-saas-card_img-v2 {
    height: 690px !important;
  }

  .prop-tech-container .who-we-serve-saas-card > div {
    height: 630px !important;
  }

  .prop-tech-container .crafted-layout .crafted {
    padding: 230px 80px 60px 80px;
  }
}

@media screen and (max-width: 768px) {
  .prop-tech-container .who-we-serve-saas-card {
    height: 625px;
  }

  .prop-tech-container .who-we-serve-saas-card > div {
    height: 575px !important;
  }

  .prop-tech-container .owl-item .who-we-serve-saas-card_img-v2 {
    width: 608px;
    height: 208px !important;
  }
}

@media screen and (max-width: 600px) {
  .prop-tech-container
    .ssau-what-we-do_hero-inner
    .ssau-what-we-do_hero-inner_left {
    padding: 50px 24px 24px 24px;
    width: 100%;
  }

  .prop-tech-container
    .ssau-what-we-do_hero-inner
    .ssau-what-we-do_hero-inner_right {
    position: unset;
    padding-top: 0px;
  }

  .prop-tech-container .ssau-what-we-do_hero-inner_right {
    width: auto;
  }

  .prop-tech-container .ssau-what-we-do_hero-inner {
    padding: 0 0 0 0;
  }

  .prop-tech-container .who-we-serve-saas-card {
    height: 1100px;
  }

  .prop-tech-container .who-we-serve-saas-card > div {
    height: 1065px !important;
  }

  .leading-brand .lb-title .captions p {
    padding: 0 24px;
  }
}

@media screen and (max-width: 600px) {
  .who-we-serve-saas-card.ssau-real-estate-essential__card-container {
    height: 750px !important;
  }

  .who-we-serve-saas-card.ssau-real-estate-essential__card-container div {
    height: 715px !important;
  }
}

@media screen and (max-width: 440px) {
  .prop-tech-container .crafted-layout .crafted {
    padding: 280px 80px 60px 80px !important;
  }
}
@media screen and (max-width: 371px) {
  .prop-tech-container .crafted-layout .crafted {
    padding: 340px 80px 60px 80px !important;
  }
}

@media screen and (max-width: 350px) {
  .prop-tech-container .crafted {
    padding: 340px 24px 40px 24px !important;
  }

  .prop-tech-container .ssau_hero-title {
    font-size: 38px;
    line-height: 51.6px;
  }
}

.prop-tech-container
  .who-we-serve_service-offer
  .owl-item
  .who-we-serve-saas-card_img {
  height: 525px;
}
.prop-tech-container .who-we-serve-saas-card > div {
  height: 460px;
}

@media screen and (max-width: 1140px) {
  .what-serve-we-offer .sf-inner .sf-top {
    padding-left: 24px;
    padding-right: 24px;
  }
}

.what-serve-we-offer .sf-inner .sf-top .sf-title {
  display: flex;
}

.what-serve-we-offer .sf-inner .sf-top .sf-title .sf-left {
  width: 80%;
  position: relative;
}

@media screen and (max-width: 768px) {
  .what-serve-we-offer .sf-inner .sf-top .sf-title .sf-left {
    width: 100%;
  }
}

.what-serve-we-offer .sf-inner .sf-top .sf-title .sf-left h3 {
  font-family: Ubuntu;
  font-size: 36px;
  font-weight: 700;
  line-height: 43.2px;
  letter-spacing: -0.02em;
  text-align: left;
  padding-bottom: 16px;
}

@media screen and (max-width: 768px) {
  .what-serve-we-offer .sf-inner .sf-top .sf-title .sf-left h3 {
    font-size: 30px;
  }
}

.what-serve-we-offer .sf-inner .sf-top .sf-title .sf-left h3 span {
  color: #00afaa;
  position: relative;
}

.what-serve-we-offer .sf-inner .sf-top .sf-title .sf-left h3 span::before {
  content: "";
  display: block;
  width: 392px;
  height: 25px;
  background-color: #fee879;
  position: absolute;
  z-index: 1;
  mix-blend-mode: multiply;
  opacity: 90%;
  top: 16px;
  left: -5px;
}

@media screen and (max-width: 768px) {
  .what-serve-we-offer .sf-inner .sf-top .sf-title .sf-left h3 span::before {
    width: 103%;
  }
}

.what-serve-we-offer .sf-inner .sf-top .sf-title .sf-left .captions p {
  font-family: Roboto;
  font-size: 16px;
  font-weight: 400;
  line-height: 27.2px;
  letter-spacing: 0.02em;
  text-align: left;
  color: #10405a;
}

.what-serve-we-offer .sf-inner .sf-top .sf-title .sf-right {
  position: relative;
  width: 30%;
}

@media screen and (max-width: 768px) {
  .what-serve-we-offer .sf-inner .sf-top .sf-title .sf-right {
    position: absolute;
    right: 0;
  }
}

.what-serve-we-offer .sf-inner .sf-top .sf-title .sf-right .sf-puppety {
  position: absolute;
  left: 0;
}

.what-serve-we-offer .sf-inner .sf-bottom .owl-nav {
  display: block !important;
  position: absolute;
  top: -110px;
  right: 180px;
}

@media screen and (max-width: 1140px) {
  .what-serve-we-offer .sf-inner .sf-bottom .owl-nav {
    right: 24px;
  }
}

@media screen and (max-width: 1024px) {
  .what-serve-we-offer .sf-inner .sf-bottom .owl-nav {
    right: 7%;
    top: -70px;
  }
}

@media screen and (max-width: 768px) {
  .what-serve-we-offer .sf-inner .sf-bottom .owl-nav {
    right: 16px !important;
    top: -70px;
  }
}

.what-serve-we-offer .sf-inner .sf-bottom .owl-prev {
  border-radius: 8px 0px 0px 8px;
  background-color: white !important;
}

.what-serve-we-offer .sf-inner .sf-bottom .owl-next {
  border-radius: 0px 8px 8px 0px;
  background-color: white !important;
}

.what-serve-we-offer .sf-inner .sf-bottom .owl-nav button {
  width: 60px;
  height: 48px;
  padding: 12px 18px 12px 18px;
  border: 1px solid #cacdd5 !important;
  font-size: 23px !important;
  font-weight: 800 !important;
  background-color: white;
}

.what-serve-we-offer .sf-inner .sf-bottom .owl-next.disabled,
.what-serve-we-offer .sf-inner .sf-bottom .owl-prev.disabled {
  cursor: not-allowed !important;
  border-color: #cacdd5 !important;
  background-color: #f5f5f7 !important;
}

.what-serve-we-offer .sf-inner .sf-bottom .serve-offer-owl-carousel .owl-stage {
  margin-left: -40px;
}

@media screen and (max-width: 768px) {
  .what-serve-we-offer
    .sf-inner
    .sf-bottom
    .serve-offer-owl-carousel
    .owl-stage {
    margin-left: 0;
  }
}

.what-serve-we-offer
  .sf-inner
  .sf-bottom
  .serve-offer-owl-carousel
  .owl-item:not(.active)
  .sf-item
  .sf-item-left {
  background-image: none !important;
}

.what-serve-we-offer
  .sf-inner
  .sf-bottom
  .serve-offer-owl-carousel
  .owl-item:not(.active)
  .sf-item
  .sf-item-left
  .box-bordered {
  padding: 33px;
  height: fit-content;
}

.what-serve-we-offer
  .sf-inner
  .sf-bottom
  .serve-offer-owl-carousel
  .owl-item:not(.active)
  .sf-item
  .sf-item-left
  .box-bordered
  img {
  display: block;
  height: 100%;
  opacity: 1;
  height: 354px;
}

.what-serve-we-offer .sf-inner .sf-bottom .serve-offer-owl-carousel .sf-item {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  box-sizing: border-box;
  width: 100%;
  position: relative;
  flex-direction: row;
  padding: 0 2px 0 0;
  letter-spacing: normal;
  row-gap: 20px;
  text-align: left;
  font-size: 14px;
  font-family: Roboto;
  margin-left: 50px;
  justify-content: center;
}

@media screen and (max-width: 1140px) {
  .what-serve-we-offer .sf-inner .sf-bottom .serve-offer-owl-carousel .sf-item {
    margin-left: 66px;
    width: auto;
  }
}

@media screen and (max-width: 768px) {
  .what-serve-we-offer .sf-inner .sf-bottom .serve-offer-owl-carousel .sf-item {
    flex-direction: column;
    margin-left: 18px;
    gap: 0;
  }
}

.what-serve-we-offer
  .sf-inner
  .sf-bottom
  .serve-offer-owl-carousel
  .sf-item
  .sf-item-left {
  width: 552px;
  border-radius: 12px;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 47px 0 47px 11px;
  min-width: 361px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top;
}

@media screen and (min-width: 1140px) {
  .what-serve-we-offer
    .sf-inner
    .sf-bottom
    .serve-offer-owl-carousel
    .sf-item
    .sf-item-left {
    width: 50%;
  }
}

@media screen and (max-width: 768px) {
  .what-serve-we-offer
    .sf-inner
    .sf-bottom
    .serve-offer-owl-carousel
    .sf-item
    .sf-item-left {
    padding: 11px 24px 0 24px;
    width: 95%;
    min-width: 345px;
    height: 255px;
  }
}

.what-serve-we-offer
  .sf-inner
  .sf-bottom
  .serve-offer-owl-carousel
  .sf-item
  .sf-item-left
  .box-bordered {
  height: 420px;
  flex: 1;
  border-radius: 12px 0 0 12px;
  border-top: 1px solid #cacdd5;
  border-bottom: 1px solid #cacdd5;
  border-left: 1px solid #cacdd5;
}

@media screen and (max-width: 768px) {
  .what-serve-we-offer
    .sf-inner
    .sf-bottom
    .serve-offer-owl-carousel
    .sf-item
    .sf-item-left
    .box-bordered {
    border-top: 1px solid #cacdd5;
    border-left: 1px solid #cacdd5;
    border-right: 1px solid #cacdd5;
    border-top-right-radius: 10px;
    border-bottom-left-radius: 0;
    border-bottom: none;
    height: 100%;
  }
}

.what-serve-we-offer
  .sf-inner
  .sf-bottom
  .serve-offer-owl-carousel
  .sf-item
  .sf-item-left
  .box-bordered
  img {
  display: none;
  opacity: 0;
}

.what-serve-we-offer
  .sf-inner
  .sf-bottom
  .serve-offer-owl-carousel
  .sf-item
  .sf-item-right {
  flex-direction: column;
  padding: 47px 0px 47px 0;
  width: 552px;
  height: 420px;
}

@media screen and (max-width: 768px) {
  .what-serve-we-offer
    .sf-inner
    .sf-bottom
    .serve-offer-owl-carousel
    .sf-item
    .sf-item-right {
    width: 95%;
    padding: 0 24px 11px 24px;
    height: auto;
  }
}

.what-serve-we-offer
  .sf-inner
  .sf-bottom
  .serve-offer-owl-carousel
  .sf-item
  .sf-item-right
  .sf-captios-container {
  border-top: 1px solid;
  border-right: 1px solid;
  border-bottom: 1px solid;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  border-color: #b3cfde;
  height: 420px;
  display: flex;
  padding: 0 40px;
}

@media screen and (max-width: 768px) {
  .what-serve-we-offer
    .sf-inner
    .sf-bottom
    .serve-offer-owl-carousel
    .sf-item
    .sf-item-right
    .sf-captios-container {
    border-left: 1px solid;
    border-right: 1px solid;
    border-bottom: 1px solid;
    border-color: #b3cfde;
    border-bottom-left-radius: 10px;
    border-top: none;
    padding: 0 24px 11px;
    height: auto;
    border-top-right-radius: 0;
  }
}

.what-serve-we-offer
  .sf-inner
  .sf-bottom
  .serve-offer-owl-carousel
  .sf-item
  .sf-item-right
  .sf-captios-container
  .title {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.what-serve-we-offer
  .sf-inner
  .sf-bottom
  .serve-offer-owl-carousel
  .sf-item
  .sf-item-right
  .sf-captios-container
  .title
  h3 {
  font-family: Ubuntu;
  font-size: 24px;
  font-weight: 700;
  line-height: 36px;
  letter-spacing: 0.01em;
  text-align: left;
}

@media screen and (max-width: 768px) {
  .what-serve-we-offer
    .sf-inner
    .sf-bottom
    .serve-offer-owl-carousel
    .sf-item
    .sf-item-right
    .sf-captios-container
    .title
    h3 {
    font-size: 20px;
    padding: 12px 0 6px 0;
  }
}

.what-serve-we-offer
  .sf-inner
  .sf-bottom
  .serve-offer-owl-carousel
  .sf-item
  .sf-item-right
  .sf-captios-container
  .captions
  p {
  font-family: Roboto;
  font-size: 16px;
  font-weight: 400;
  line-height: 27.2px;
  letter-spacing: 0.02em;
  text-align: left;
  color: #10405a;
}

/* End Of Who We Serve Proptech*/

/* -------------------------------------------- */

/* Marketplace and Ecommerce 2023 */
.who-we-serve-marketplace-container p,
.who-we-serve-marketplace-container h2,
.who-we-serve-marketplace-container h3,
.who-we-serve-marketplace-container span {
  padding: 0;
  margin: 0;
}

.who-we-serve-marketplace-container .ssau_hero-title {
  max-width: 553px;
}

.who-we-serve-marketplace-container .ssau-what-we-do_hero-inner_right {
  display: flex;
  justify-content: center;
  align-items: center;
}

.who-we-serve-marketplace-container .crafted_right p a {
  font-family: var(--ssau-ff-roboto);
  font-size: 16px;
  font-weight: 400;
  line-height: 27.2px;
  letter-spacing: 0.02em;
  text-align: left;
  color: #00afaa;
}

@media screen and (max-width: 1024px) {
  .who-we-serve-marketplace-container
    .ssau-what-we-do_hero-inner
    .ssau-what-we-do_hero-inner_left {
    width: 100%;
    padding: 50px 80px 295px 80px;
  }
  .who-we-serve-marketplace-container
    .ssau-what-we-do_hero-inner
    .ssau-what-we-do_hero-inner_right {
    justify-content: center;
  }

  .who-we-serve-marketplace-container .ssau-what-we-do_hero-inner_right > img {
    height: 435px;
  }

  .who-we-serve-marketplace-container
    .ssau-what-we-do_hero-inner
    .ssau-what-we-do_hero-inner_right {
    position: absolute;

    bottom: 0;
    max-width: 491px;
    right: 0;
  }

  .who-we-serve-marketplace-container .ssau-what-we-do_hero-inner_right > img {
    transform: unset;
  }

  .who-we-serve-marketplace-container .ssau-what-we-do_hero .ssau_hero-desc {
    max-width: 400px;
  }

  .who-we-serve-marketplace-container .ssau_hero-title {
    max-width: 100%;
  }
  .who-we-serve-marketplace-container .who-we-serve-saas-card > div {
    height: 550px;
  }
  .who-we-serve-marketplace-container
    .who-we-serve-saas-card
    .who-we-serve-saas-card_img-v2 {
    height: 625px;
  }
}

@media screen and (max-width: 900px) {
  .who-we-serve-marketplace-container
    .ssau-what-we-do_hero-inner
    .ssau-what-we-do_hero-inner_left {
    width: 100%;
    padding: 50px 80px 405px 80px;
  }

  .who-we-serve-marketplace-container
    .ssau-what-we-do_hero-inner
    .ssau-what-we-do_hero-inner_right {
    justify-content: flex-end;
  }

  .who-we-serve-marketplace-container .ssau-what-we-do_hero .ssau_hero-desc {
    max-width: 345px;
  }

  .who-we-serve-marketplace-container .crafted_right .crafted_title {
    width: 80%;
  }

  .who-we-serve-marketplace-container .who-we-serve-saas-card {
    height: 640px;
  }

  .who-we-serve-marketplace-container
    .who-we-serve_service-offer
    .owl-item
    .who-we-serve-saas-card_img-v2 {
    height: 610px;
  }

  .who-we-serve-marketplace-container .service-offer_content {
    padding-bottom: 40px;
  }
}

@media screen and (max-width: 600px) {
  .who-we-serve-marketplace-container .ssau-breadcrumb {
    flex-wrap: wrap;
    height: unset;
  }
  .who-we-serve-marketplace-container .ssau-what-we-do_hero-inner_right {
    width: 100%;
  }
  .who-we-serve-marketplace-container
    .ssau-what-we-do_hero-inner
    .ssau-what-we-do_hero-inner_left {
    padding: 50px 24px 24px 24px;
    width: 100%;
  }

  .who-we-serve-marketplace-container
    .ssau-what-we-do_hero-inner
    .ssau-what-we-do_hero-inner_right {
    position: unset;
    padding-top: 0;
    justify-content: center;
  }

  .who-we-serve-marketplace-container .ssau-what-we-do_hero-inner_right > img {
    height: unset;
  }

  .who-we-serve-marketplace-container .ssau_hero-title {
    max-width: 100%;
  }

  .who-we-serve-marketplace-container .crafted {
    padding: 250px 24px 40px 24px !important;
  }

  .who-we-serve-marketplace-container .crafted_right .crafted_title {
    width: calc(100% - 24px);
  }

  .who-we-serve-marketplace-owl-carousel .owl-stage {
    min-height: 1000px;
  }

  .who-we-serve-marketplace-container .who-we-serve-saas-card > div {
    height: 900px;
  }
}

@media screen and (max-width: 400px) {
  .who-we-serve-marketplace-container .crafted {
    padding: 300px 24px 40px 24px !important;
  }
}
@media screen and (max-width: 350px) {
  .who-we-serve-marketplace-container .crafted {
    padding: 320px 24px 40px 24px !important;
  }

  .who-we-serve-marketplace-container .ssau_hero-title {
    font-size: 41px !important;
    line-height: 51px !important;
  }
}

/* End Of Marketplace and Ecommerce 2023 */

/* Template Bottom Section */
/* --- Homepage ISO 27001 --- */
.ssau-homepage-iso {
  background-color: #fff;
}

.ssau-homepage-iso__container {
  max-width: 1440px;
  padding: 101px 150px;
  margin: 0 auto;
  display: flex;
  gap: 116px;
}

.section-bottom__cta-button {
  margin: 0;
  border: 1.5px solid #10405a;
  border-radius: 50px;
  padding: 10px 30px;
  text-decoration: none;
  transition: all 300ms ease-out;
  width: max-content;
  font-family: var(--ssau-ff-roboto);
  color: #10405a;
}

.section-bottom__cta-button > div {
  letter-spacing: 0.4px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  gap: 20px;
  font-family: var(--ssau-ff-roboto);
  color: #10405a;
}

.section-bottom__cta-button > div p {
  font-family: var(--ssau-ff-roboto);
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  letter-spacing: 0.02em;
  transition: all 300ms ease-out;
  margin: 0;
  color: #10405a;
  padding: 0;
}

.section-bottom__cta-button > div svg {
  transition: all 300ms ease-out;
}
.section-bottom__cta-button:hover {
  background-color: #10405a;
}
.section-bottom__cta-button:hover div p {
  color: #fff;
}
.section-bottom__cta-button:hover div svg {
  transform: translateX(15px);
}
.section-bottom__cta-button:hover div svg path {
  fill: #fff;
}

.section-bottom__cta-button.yellow {
  background-color: #f4cd0c;
  border: 1.5px solid transparent;
}

.section-bottom__cta-button.yellow:hover {
  background-color: #e0bd0f;
}

.section-bottom__cta-button.yellow:hover div p {
  color: #10405a;
}

.section-bottom__cta-button.yellow:hover div svg path {
  fill: #10405a;
}

.ssau-homepage-iso.content-bottom .ssau-homepage-iso__desc {
  margin-bottom: 44px;
}

.ssau-homepage-iso__col-half {
  width: 50%;
}

.ssau-homepage-iso__col-half.left {
  background-position: 20px 0;
  width: 438.11px;
}

.ssau-homepage-iso__col-half.right {
  max-width: 555px;
  display: flex;
  flex-direction: column;
}

.ssau-homepage-iso__subheading {
  color: #00afaa;
  letter-spacing: 1.5px;
  margin-bottom: 16px !important;
  font-family: var(--ssau-ff-roboto);
  font-size: 14px;
  font-weight: 700;
  width: max-content;
}

.ssau-homepage-iso__heading {
  margin: 0px 0 24px 0 !important;
  font-size: 48px;
  font-weight: 700;
  color: #052436;
  letter-spacing: -0.035em;
  max-width: 435px;
}

.ssau-homepage-iso__heading span {
  position: relative;
  color: #00afaa;
}

.ssau-homepage-iso__heading span:after {
  content: "";
  position: absolute;
  bottom: -5px;
  left: 0;
  width: calc(100% + 5px);
  height: 22px;
  background-color: #fee879;
  mix-blend-mode: multiply;
}

.ssau-homepage-iso__desc,
.ssau-homepage-iso__desc p {
  font-family: var(--ssau-ff-roboto);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0.02em;
  color: #10405a;
}

.ssau-homepage-iso__desc p {
  margin-top: 0;
  margin-bottom: 10px;
}

.ssau-homepage-iso__image {
  text-align: center;
}

@media (max-width: 480px) {
  .ssau-homepage-iso__col-half {
    width: 100%;
  }

  .ssau-homepage-iso__col-half.left {
    padding-right: 0;
    margin-bottom: 40px;
  }

  .ssau-homepage-iso__col-half.right {
    padding-left: 0;
  }

  .ssau-homepage-iso .ssau-iso__cta-button {
    margin-left: 0;
    width: auto;
  }

  .ssau-homepage-iso .ssau-iso__cta-button div {
    color: #10405a;
  }
}
/* --- End Homepage ISO 27001 --- */

/* --- Homepage ISO 27001 Green--- */
.ssau-homepage-iso-green {
  background-color: #f4f9f9;
}

.ssau-homepage-iso-green.content-bottom .ssau-homepage-iso-green__desc {
  margin-bottom: 44px;
}

.ssau-homepage-iso-green__container {
  max-width: 1440px;
  padding: 101px 150px;
  margin: 0 auto;
  display: flex;
  gap: 116px;
}

.ssau-homepage-iso-green__subheading {
  color: #00afaa;
  letter-spacing: 1.5px;
  margin-bottom: 16px !important;
  font-family: var(--ssau-ff-roboto);
  font-size: 14px;
  font-weight: 700;
  width: max-content;
}

.ssau-homepage-iso-green__heading {
  margin: 0px 0 24px 0 !important;
  font-size: 48px;
  font-weight: 700;
  color: #052436;
  letter-spacing: -0.035em;
  max-width: 435px;
}

.ssau-homepage-iso-green__heading span {
  position: relative;
  color: #00afaa;
}

.ssau-homepage-iso-green__heading span:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: calc(100% + 5px);
  height: 48%;
  background-color: #fee879;
  mix-blend-mode: multiply;
}

.ssau-homepage-iso-green__desc,
.ssau-homepage-iso-green__desc p {
  font-family: var(--ssau-ff-roboto);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0.02em;
  color: #10405a;
}

.ssau-homepage-iso-green.content-bottom .ssau-iso__cta-button,
.ssau-homepage-iso.content-bottom .ssau-iso__cta-button {
  margin-top: 44px;
}

.ssau-homepage-iso-green__desc p {
  margin-top: 0;
  margin-bottom: 10px;
}

.ssau-homepage-iso-green__col-half.left {
  width: 438.11px;
}
.ssau-homepage-iso-green__col-half.right {
  max-width: 555px;
  display: flex;
  flex-direction: column;
}

@media (max-width: 480px) {
  .ssau-homepage-iso-green__col-half {
    width: 100%;
  }

  .ssau-homepage-iso-green__col-half.left {
    padding-right: 0;
    margin-bottom: 40px;
  }

  .ssau-homepage-iso-green__col-half.right {
    padding-left: 0;
  }

  .ssau-homepage-iso-green .ssau-iso__cta-button {
    margin-left: 0;
    width: auto;
  }

  .ssau-homepage-iso-green .ssau-iso__cta-button div {
    color: #10405a;
  }
}
/* --- End Homepage ISO 27001 Green --- */

/* ---- Count ---- */
.ssau-who-we-serve-counts {
  background-color: #07324a;
  color: #fff;
}

.ssau-who-we-serve-counts__container {
  text-align: center;
  background-image: url("../../img/ssau-2023/portfolio-cta-bg-1.png"),
    url("../../img/ssau-2023/portfolio-cta-bg-2.png");
  background-position: 5.5% 65%, 92.3% 25%;
  background-repeat: no-repeat, no-repeat;
  background-size: auto, auto;
  padding: 47px 0 47px 151px;
  margin: 0 auto;
  max-width: 1440px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.ssau-who-we-serve-counts__col-half.left {
  display: flex;
  flex-wrap: wrap;
  max-width: 565px;
}

.ssau-who-we-serve-counts .section-bottom__cta-button {
  margin-top: 35px;
}

.ssau-who-we-serve-counts__heading {
  font-size: 36px;
  font-weight: 700;
  line-height: 43.2px;
  letter-spacing: -0.02em;
  text-align: left;
  margin-bottom: 16px !important;
}

.ssau-who-we-serve-counts__desc {
  font-family: var(--ssau-ff-roboto);
  font-size: 16px;
  font-weight: 400;
  max-width: 565px;
  line-height: 27.2px;
  text-align: left;
}

.ssau-who-we-serve-counts__desc p {
  font-family: var(--ssau-ff-roboto);
  font-size: 16px;
  font-weight: 400;
  max-width: 565px;
  line-height: 27.2px;
  text-align: left;
}

.ssau-who-we-serve-counts__image {
  width: 723.72px;
  top: 47px;
  left: 753.89px;
  gap: 0px;
}

.ssau-who-we-serve-counts__desc p {
  color: #b3cfde;
}

.ssau-who-we-serve-counts__items {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  width: 100%;
  margin-bottom: 60px;
}

.ssau-who-we-serve-counts__item {
  width: 25%;
  flex: 0 0 auto;
}

.ssau-who-we-serve-counts__icon {
  margin-bottom: 24px;
}

.ssau-who-we-serve-counts__counter {
  font-family: "Ubuntu", sans-serif;
  font-size: 56px;
  font-weight: 700;
  line-height: 67px;
  margin-bottom: 10px;
}

.ssau-who-we-serve-counts__counter.years {
  color: #00afaa;
}

.ssau-who-we-serve-counts__counter.staff {
  color: #7bc794;
}

.ssau-who-we-serve-counts__counter.clients {
  color: #2d9cdb;
}

.ssau-who-we-serve-counts__counter.projects {
  color: #e98057;
}

.ssau-who-we-serve-counts__caption {
  font-family: var(--ssau-ff-roboto);
  font-size: 20px;
}

.ssau-who-we-serve-counts__cta-button {
  margin-top: 3rem;
  color: #07324a;
  border: 1.5px solid #07324a;
  border-radius: 50px;
  padding: 10px 30px 10px 30px;
  text-decoration: none;
  transition: all 300ms ease-out;
  background-color: #f4cd0c;
  gap: 20px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
}

@media (max-width: 768px) {
  .ssau-who-we-serve-counts__col-half {
    width: 100%;
  }
}

@media (min-width: 495px) and (max-width: 599px) {
  .ssau-who-we-serve-counts__col-half .ssau-who-we-serve-counts__cta-button {
    margin-top: 4rem;
  }
}

@media (min-width: 600px) and (max-width: 818px) {
  .ssau-who-we-serve-counts__col-half .ssau-who-we-serve-counts__cta-button {
    margin-top: 3rem;
  }
}

@media (min-width: 321px) and (max-width: 396px) {
  .ssau-who-we-serve-counts__col-half .ssau-who-we-serve-counts__cta-button {
    margin-top: 6rem;
  }
}

@media (max-width: 320px) {
  .ssau-who-we-serve-counts__col-half .ssau-who-we-serve-counts__cta-button {
    margin-top: 6rem;
  }
}

.ssau-who-we-serve-counts__cta-button div {
  font-family: "Roboto", sans-serif;
  font-weight: 500;
  text-transform: uppercase;
  width: 100%;
  text-align: center;
}

@media (max-width: 480px) {
  .ssau-who-we-serve-counts__item {
    width: 50%;
    margin-bottom: 50px;
  }

  .ssau-who-we-serve-counts__icon {
    margin-bottom: 10px;
  }

  .ssau-who-we-serve-counts__col-half {
    width: 100%;
  }
}
/* ------ End Counts -------*/

/* Portfolio */
.ssau-homepage-portfolio {
  padding: 100px 0px 120px;
}

.ssau-homepage-portfolio .container {
  max-width: 1140px;
  margin: 0 auto;
  position: relative;
}

.ssau-homepage-portfolio-subheading {
  color: #05afaa;
  letter-spacing: 1.5px;
  margin-bottom: 0px;
  font-family: var(--ssau-ff-roboto);
  font-size: 14px;
  font-weight: 700;
}

.ssau-homepage-portfolio-title h2 {
  font-size: 36px;
  font-weight: 700;
  color: #10405a;
  line-height: 43.2px;

  margin: 0px 0px 9px 0px !important;
}

h3.ssau-homepage-portfolio-title {
  color: #10405a;
  letter-spacing: 0.2px;

  margin: 0 0 30px;
  font-family: "Ubuntu", sans-serif;
  font-size: 24px;
  font-weight: 700;
  line-height: 36px;
}

.ssau-homepage-portfolio-title h2 span {
  position: relative;
}

.ssau-homepage-portfolio-title h2 span:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: calc(100% + 5px);
  height: 48%;
  background-color: #b3e7e6;
  mix-blend-mode: multiply;
}

.ssau-homepage-portfolio-title p {
  font-size: 16px;
  font-weight: 400;
  line-height: 27.2px;
  letter-spacing: 0.02em;
  font-family: var(--ssau-ff-roboto);
  margin: 0;
  padding: 0;
  max-width: 485px;
  color: #10405a;
}

.ssau-homepage-portfolio-item {
  position: relative;
}

.ssau-homepage-portfolio-description {
  width: 645px;
  height: 365px;
  background-color: #eef5f9;
  border-radius: 12px;
  /* padding: 60px 170px 60px 60px; */
  top: 147px;
  gap: 31px;
  padding: 60px;
}

.ssau-homepage-portfolio-title {
  color: #10405a;
  letter-spacing: 0.2px;
  margin-bottom: 30px;
  font-family: "Ubuntu", sans-serif;
  font-size: 24px;
  font-weight: 700;
  line-height: 36px;
}

.ssau-homepage-portfolio-text {
  color: #4a748b;
  letter-spacing: 0.4px;
  margin-bottom: 30px;
  font-family: var(--ssau-ff-roboto);
  font-size: 16px;
  font-weight: 400;
  line-height: 1.7;
}

.ssau-homepage-portfolio-button-wrap {
  z-index: 5;
  display: inline-block;
  position: relative;
}

.ssau-homepage-portfolio-button {
  color: #10405a;
  letter-spacing: 0.4px;
  align-items: center;
  padding: 6.75px 17.5px 6.75px 0;
  font-family: "Roboto", sans-serif;
  font-size: 14px;
  font-weight: 700;
  text-decoration: none;
  transition: color 0.2s linear, background-color 0.2s linear;
  display: flex;
}

.ssau-homepage-portfolio-button:hover {
  color: #4a748b;
}

.ssau-homepage-portfolio-button-text {
  margin-right: 20px;
  font-family: "Roboto", sans-serif;
  min-width: 80px;
}

.ssau-homepage-portfolio-button-icon {
  width: 28px;
  height: 28px;
  transition: transform 0.2s linear !important;
}

.ssau-homepage-portfolio-button:hover .ssau-homepage-portfolio-button-icon {
  transform: translateX(8px);
}

.ssau-homepage-portfolio-image {
  width: 530px;
  height: 360px;
  background-image: url("../../img/ssau-2023/homepage-portfolio/pattern.svg"),
    url("../../img/ssau-2023/homepage-portfolio/pattern.svg");
  background-position: 80px 45px, bottom 20px right 75px;
  background-repeat: no-repeat;
  background-color: #ffffff;
  border: 1px solid #cacdd5;
  border-radius: 12px;
  padding: 0 45px;
  position: absolute;
  top: -100px;
  /* left: 612px; */
  left: 53.7%;
  right: 0;
  z-index: 5;
  overflow: hidden;
}

/* tambah ini  */
.ssau-homepage-portfolio-image {
  display: flex !important;
}

/* Atur agar .ssau-homepage-portfolio-image-list menempel di kiri */
.ssau-homepage-portfolio-image-list {
  justify-content: flex-start !important;

  display: flex !important;
  flex-direction: column !important;
}

/* Mengatur lebar gambar agar responsif */
.ssau-homepage-portfolio-image-list img {
  max-width: 100% !important;
  height: auto !important;
}

/* sampai sini */

.ssau-homepage-portfolio-image-list {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  flex: 1 1 0;
  flex-wrap: nowrap;
  transition: transform 0.4s;
}

.ssau-homepage-portfolio-image-list img {
  width: 100%;
  height: auto;
  padding: 20%;
  margin-top: 10%;
  margin-bottom: 10%;
}

.ssau-homepage-portfolio-image-list .section-bottom {
  width: 100%;
  height: auto;
  padding: 20%;
  transform: scale(2) !important;
  margin-left: 10px !important;
  margin-top: 0;
  margin-bottom: 0;
}

.ssau-homepage-portfolio .owl-stage-outer {
  overflow: visible;
  overflow-x: clip;
}

.ssau-homepage-portfolio .owl-nav {
  position: absolute;
  /* right: 469px; */
  right: 40.99%;
  top: -34px;
  z-index: 10;
  display: flex !important;
}

.ssau-homepage-portfolio .owl-nav .owl-prev,
.ssau-homepage-portfolio .owl-nav .owl-next {
  width: 60px;
  height: 48px;
  margin: 0;
  display: flex;
  background-color: #ffffff !important;
  border: 1px solid #cacdd5 !important;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}

.ssau-homepage-portfolio .owl-nav .owl-prev {
  border-radius: 8px 0 0 8px;
}

.ssau-homepage-portfolio .owl-nav .owl-next {
  border-radius: 0 8px 8px 0;
  border-left: 0 !important;
}

.ssau-homepage-portfolio .owl-nav .owl-prev:hover,
.ssau-homepage-portfolio .owl-nav .owl-next:hover {
  background-color: #fafafa !important;
  color: inherit;
}

.ssau-homepage-portfolio .owl-dots {
  display: none;
}

.ssau-portfolio__breadcrumb-wrapper{
  width: 100%;
  max-width: 1440px;
  padding-left: 20px;
  padding-top: 20px;
  margin:auto;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
}


@media (min-width: 768px){
  .ssau-portfolio__breadcrumb-wrapper{
    padding-left: 100px;
    padding-top: 20px;
  }
}


@media (min-width: 1025px){
  .ssau-portfolio__breadcrumb-wrapper{
    padding-left: 150px;
    padding-top: 72px;
  }
}

@media screen and (max-width: 1024px) {
  .ssau-homepage-portfolio {
    padding: 100px 24px 120px;
  }

  .ssau-homepage-portfolio-description {
    height: unset;
    width: 520px;
  }

  .ssau-homepage-portfolio .owl-nav {
    position: absolute;
    right: 40.75%;
    top: -34px;
    z-index: 10;
    display: flex !important;
  }

  .ssau-homepage-portfolio-image {
    transform: scale(0.85);

    left: unset;
    right: -39px;
  }
}

@media (min-width: 769px) and (max-width: 992px) {
  .ssau-homepage-portfolio-owl-carousel {
    margin-top: 100px;
  }
  .ssau-homepage-portfolio-image {
    transform: scale(0.65);
    right: -91px;
    top: -150px;
  }

  .ssau-homepage-portfolio-description {
    height: fit-content;
    width: 460px;
  }

  .ssau-homepage-portfolio-image-list img {
    width: 100%;
    height: auto;
    margin-top: 10%;
  }

  .ssau-homepage-portfolio-image-list .section-bottom {
    margin-top: 15% !important;
    margin-bottom: 15% !important;
  }

  .ssau-homepage-portfolio .owl-nav {
    right: 37.75%;
  }
}

@media (min-width: 481px) and (max-width: 768px) {
  .ssau-homepage-portfolio .owl-nav {
    position: absolute;
    top: 34%;
    left: 0;
    right: 0;
    top: 36%;
    font-size: 24px;
  }

  .ssau-homepage-portfolio-image {
    position: relative;
    left: 0px;
    width: 100%;
    max-width: 530px;
    left: 50%;
    transform: translateX(-50%);
    margin-top: 8rem;
    margin-bottom: -3.5rem;
  }

  .ssau-homepage-portfolio-item {
    margin-top: -44px;
  }

  .ssau-homepage-portfolio-description {
    width: 100%;
    height: fit-content;
  }

  .ssau-homepage-portfolio-image-list img {
    width: 100%;
    height: auto;
  }

  .ssau-homepage-portfolio-image-list .section-bottom {
    padding: 0 !important;
    margin-top: 10% !important;
    transform: scale(1) !important;
  }

  .ssau-homepage-portfolio-description {
    padding: 120px 60px 60px 60px;
  }

  .ssau-homepage-portfolio .owl-nav {
    justify-content: center;
  }
}

@media (max-width: 480px) {
  .ssau-homepage-portfolio-item {
    display: flex;
    flex-direction: column;
  }

  .ssau-homepage-portfolio-image {
    position: relative;
    width: 100%;
    height: 255px;
    order: 0;
    top: 0;
    left: 0;
  }

  .ssau-homepage-portfolio-description {
    order: 1;
    width: calc(100% - 40px);
    margin: 0 auto;
    padding: 60px 20px 20px;
    border-radius: 0 0 10px 10px;
  }

  .ssau-homepage-portfolio .owl-nav {
    left: 0;
    right: 0;
    top: 34.99%;
    font-size: 24px;
  }

  .ssau-homepage-portfolio .owl-nav .owl-prev,
  .ssau-homepage-portfolio .owl-nav .owl-next {
    height: 40px;
  }

  .ssau-homepage-portfolio .owl-nav .owl-prev {
    border-radius: 0 0 0 8px;
  }

  .ssau-homepage-portfolio .owl-nav .owl-next {
    border-radius: 0 0 8px 0;
  }

  .ssau-homepage-portfolio-image {
    transform: scale(1);
  }

  .ssau-homepage-portfolio-description {
    order: 1;
    width: 90%;
    margin: 0 auto;
    padding: 70px 20px 20px;
    border-radius: 0 0 10px 10px;
  }

  .ssau-homepage-portfolio-owl-carousel > .owl-stage-outer {
    margin-top: 0px !important;
  }

  .ssau-homepage-portfolio .owl-nav {
    justify-content: center;
  }

  .ssau-homepage-portfolio-image-list img {
    margin-top: 20%;
    margin-bottom: 0;
    padding: 5%;
  }
}

@media (min-width: 361px) and (max-width: 480px) {
  .ssau-homepage-portfolio-image img {
    width: 100%;
    height: auto;
  }

  .ssau-homepage-portfolio-image .section-bottom {
    padding-bottom: 5% !important;
    margin-top: 9% !important;
    transform: scale(1.2) !important;
  }
}

@media (max-width: 360px) {
  .ssau-homepage-portfolio-image img {
    width: 100% !important;
    height: auto;

    margin-top: 26%;
  }

  .ssau-homepage-portfolio-image img.section-bottom {
    margin-top: 10% !important;
    padding-top: 20% !important;
    transform: scale(1.3) !important;
  }
}


.ssau-portfolio-hero__heading.__2025{
  font-family: 'Ubuntu';
}

.ssau-portfolio-hero__heading.__2025 span:after{
  display: none;
}

.ssau-portfolio-hero__heading-mobile.__2025 span::after{
  display: none;
}

.ssau-portfolio-clients.__2025 .ssau-homepage-brands-empowered__title{
  font-size: 16px;
  line-height: 170%;
  color: #10405A;
  display: block;
}

.ssau-portfolio-list.__2025{
  padding: 80px 20px 80px;
}

.ssau-portfolio-list__container.__2025{
  max-width: 1140px;
  margin: 0 auto;
  position: relative;
}

.portfolio-vector{
  width: 80px;
  height: 80px;
  position: absolute;
  right: 0;
  margin-top: -40px;
}

.ssau-portfolio__tab-button.__2025 {
  color: #00AFAA;
  border: 1px solid #00AFAA;
  font-weight: 500;
  text-transform: uppercase;
}

.ssau-portfolio__tab-button.__2025:hover{
  border-color: #7BC794;
  color: #7BC794;
}


.ssau-portfolio__tab-button.__2025.active {
  color: white;
}

.ssau-portfolio__tab-button.__2025.active:hover {
  border-color: #00AFAA;
  color: white;
}

.ssau-portfolio-list__tab-item.__2025{
  display: none;
  column-gap: 30px;
}

.ssau-portfolio-list__tab-item-wrapper.__2025.active{
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}

.ssau-portfolio-list__tab-item-wrapper.__2025{
  display: none;
}

.ssau-portfolio-list__tab-item.__2025{
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
}


.ssau-portfolio-list__item.__2025{
  width: 100%;
  padding:  13px 16px 16px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  border: 1px solid #cacdd5;
  border-radius: 10px;
  margin-bottom: 30px;
  transition: border-color 0.4s linear;
  text-decoration: none;
}

.ssau-portfolio-list__item.__2025:hover{
  border-color: #7BC794; 
}

.ssau-portfolio-list__item.__2025:hover .ssau-portfolio-list__item-image.__2025{
  transform: scale(1.05);
}

.ssau-portfolio-list__item-image.__2025{
  transition: all .2s ease-in-out;
}


.item-project-based{
  height: 280px;
}
.item-team-extention{
  height: 225px;
}
@media (min-width: 768px) {
  .ssau-portfolio-list__tab-item.__2025{
    column-gap: 30px;
    grid-template-columns: auto auto; 
  }  
  .ssau-portfolio-list__item.__2025{
    width: 320px;
  }
}

@media (min-width: 820px){
  .ssau-portfolio-list__item.__2025{
    width: 360px;
  }
}

@media (min-width: 1024px) {
  .ssau-portfolio-list__tab-item.__2025{
    column-gap: 30px;
    grid-template-columns: auto auto; 
    justify-content: center;
    align-items: center; 
  }
}

@media (min-width: 1025px) {
  .ssau-portfolio-list__tab-item.__2025{
    column-gap: 30px;
    grid-template-columns: auto auto auto; 
  }
}

.ssau-portfolio-list__item-image-container{
  flex:1;
  display: flex;
  justify-content: center;
  align-items: center;
}

.__team-extension .ssau-portfolio-list__item-image.__2025{
  width: 150px;
  height: auto;
  object-fit: contain;
  padding-right: unset;
  flex: unset
}

.__project-based .ssau-portfolio-list__item-image.__2025{
  height: auto;
  object-fit: contain;
  padding-right: unset;
  flex: unset;
  width: 100%;
}


.ssau-portfolio-list__item-description.__2025{
  height: 24px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  width:100%;
  padding-right: unset;
  flex:unset;
}
.ssau-portfolio-list__item-description-client{
  font-family: 'Roboto';
  font-size: 16px;
  line-height: 150%;
  letter-spacing: 2%;
  font-weight: 700;
  color: #072E45; 
}
.ssau-portfolio-list__item-description-project{
  font-family: 'Roboto';
  font-size: 14px;
  line-height: 160%;
  letter-spacing: 2%;
  font-weight: 400;
  color: #969BAB; 
}

/* Portfolio team extention base */

.ssau-portfolio__distance-header{
  height: 56.08px;
  width: 100%;
  background-color: rgb(255, 255, 255);
}

.ssau-portfolio__hero{
  width: 100%;
  height: 180px;
  position: relative;
}

.single-team_extensions .ssau-portfolio__hero{
  height: 235px;
  padding-top: 50px;
}

.ssau-portfolio__hero .ssau-portfolio__hero-image{
  width: 100%;
  height: auto;
} 


@media screen and (max-width: 414px) {
  .single-team_extensions .ssau-portfolio__hero{
    height: 210px;
  }
}

@media screen and (min-width: 768px) {
  .single-team_extensions .ssau-portfolio__hero{
    height: auto;
    padding-top: 0px;
  }
}

.ssau-portfolio__client-info{
  width: 100%;
  position: relative;
  padding: 20px 20px;

}

.ssau-portfolio__client-info-background{
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left:0;
  right:0;
  background-color: #F4F9F9;
  z-index: 1;
}


.ssau-portfolio__client-info-right-color{
  border-bottom: 125px solid #072E45;
	border-left: 150px solid transparent;
	height: 0;
  width: 55%;
  position: absolute;
  right: 0;
  z-index: 2;
  display: none;
}

.ssau-portfolio__client-info-tab-wrapper{
  max-width: 846px;
  margin: auto;
}

.ssau-portfolio__client-info-tab{
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  position: relative;
  z-index: 3;
}

.ssau-portfolio__client-info-tab-item{
  margin-bottom: 20px;
}

.ssau-portfolio__client-info-title{
  font-family: 'Roboto';
  font-size: 14px;
  line-height: 150%;
  font-weight: 700;
  color:#10405A;
  text-transform: uppercase;
}

.ssau-portfolio__client-info-value{
  margin-top: 4px;
  font-family: 'Roboto';
  font-size: 16px;
  line-height: 150%;
  color: #10405A;
}

.ssau-portfolio__client-info-value.__link{
  color: #00AFAA;
  text-decoration: none;
}

.ssau-portfolio__project-detail{
  width: 100%;
  padding: 20px 20px;
  display: flex;
  justify-content: space-between;
  align-items: start;
  flex-direction: column; 
  max-width: 1440px;
  margin:auto;
}

.ssau-portfolio__project-detail-image-wrapper{
  width: 100%;
  height: auto; 
  display: flex;
  justify-content: center;
  align-items: center;
}

.ssau-portfolio__project-detail-image{
  width: 100%;
  height: auto;
  object-fit: contain;
}

.ssau-portfolio__project-detail-description-wrapper{
  flex:1;
}

.ssau-portfolio__project-detail-description-placeholder{
  font-family: 'Roboto';
  font-size: 14px;
  line-height: 150%;
  font-weight: 700;
  color: #05AFAA;
  text-transform: uppercase;
  letter-spacing: 1.54px;
}

.ssau-portfolio__project-detail-description-title{
  margin-top: 8px;
  font-size: 36px;
  line-height: 120%;
  font-family: 'Ubuntu';
  color:#10405A;
}

@media (max-width: 501px){
  .ssau-portfolio__project-detail-description-placeholder{
    text-align: center;
  }
  .ssau-portfolio__project-detail-description-title{
    text-align: center;
  }
}

.ssau-portfolio__project-detail-description-description{
  margin: 24px 0px;
  font-size: 16px;
  line-height: 170%;
  font-weight: 400;
  color:#10405A;
  font-family: 'Roboto';
}

.ssau-portfolio__project-detail-description-description > p{
  font-family: 'Roboto';
}

.ssau-portfolio__project-detail-description-tag-wrapper{
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: wrap;
}

.ssau-portfolio__project-detail-tag-item{
  min-width: 97px;
  height: 29px;
  padding: 0 20px;
  background-color: #E5F7F7;
  border-radius: 100px;
  margin-right: 12px;
  margin-bottom: 12px;
  display: flex;
  justify-content: center;
  align-items:center;
}

.ssau-portfolio__project-detail-tag-text{
  font-family: 'Roboto';
  font-weight: 700;
  font-size: 14px;
  line-height: 120%;
  color: #00AFAA;
}

.ssau-portfolio__technology-stack{
  width: 100%;
  padding: 20px 20px;
}

.ssau-portfolio__project-based-single .ssau-portfolio__technology-stack{
  background-color: #FFFFFF; 
}

.ssau-portfolio__team-extension-single .ssau-portfolio__technology-stack{
  background-color: #F4F9F9; 
}

.ssau-portfolio__team-extension-single .ssau-portfolio__client-info{
  padding: 20px;
}

@media (min-width: 768px){
  .ssau-portfolio__team-extension-single .ssau-portfolio__client-info{
    height: 100%;
  }
  
  .ssau-portfolio__team-extension-single .ssau-portfolio__client-info-background{
    height: 100%;
  }
  .ssau-portfolio__team-extension-single .ssau-portfolio__client-info{
    padding: 36px 50px 36px;
  }
}

@media (min-width: 1280px) {
  .ssau-portfolio__team-extension-single .ssau-portfolio__client-info{
    padding: 36px 150px 36px;
  }
}

.ssau-portfolio__technology-stack-wrapper{
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction:column;
  max-width: 1440px;
  margin: auto
}

.ssau-portfolio__technology-stack-title{
  text-transform: uppercase;
  font-size: 14px;
  font-family: 'Roboto';
  font-weight: 700;
  line-height: 150%;
  color:#05AFAA;
  padding:0;
  margin: 0;
}

.ssau-portfolio__technology-stack-main-title{
  font-size: 36px;
  font-family: 'Ubuntu';
  font-weight: 700;
  line-height: 120%;
  color:#10405A;
  margin-top: 8px;
  margin-bottom: 0px;
  text-align: center;
}

.ssau-portfolio__technology-stack-wrapper p{
  margin-top: 24px;
  margin-bottom: 32px;
  text-align: center;
  max-width: 846px;
  font-family: 'Roboto';
  font-weight: 400;
  font-size: 16px;
  line-height: 170%;
  color:#10405A;
}

.ssau-portfolio__technology-stack-tabs{
  width: 100%;
  display: flex;
  justify-content:center;
  align-items:center;
  flex-wrap: wrap;
}

.ssau-portfolio__technology-stack-tab-item{
  width: 103px;
  margin-left: 4px;
  margin-right: 4px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  margin-top: 20px;
}

@media (max-width: 500px) {
  .ssau-portfolio__technology-stack-tab-item{
    margin-top: 10px;
  }
}

.ssau-portfolio__technology-stack-tab-image{
  width:41px;
  height:41px;
}

.ssau-portfolio__technology-stack-tab-image img{
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.ssau-portfolio__technology-stack-text{
  margin-top: 12px;
  font-size: 12px;
  font-weight: 700;
  font-family: 'Roboto';
  line-height: 120%;
  text-transform: uppercase;
  color: #969BAB;
}

.ssau-portfolio__result{
  padding: 20px 20px;
  position: relative;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  max-width: 1440px;
  margin:auto
}

.ssau-portfolio__result-title{
  text-transform: uppercase;
  font-family: 'Roboto';
  font-weight: 700;
  font-size: 14px;
  line-height: 150%;
  color:#05AFAA;
}

.ssau-portfolio__result-subtitle{
  font-family: 'Ubuntu';
  font-weight: 700;
  font-size: 36px;
  line-height: 120%;
  color: #10405A;
  margin-top: 0px;
  margin-bottom: 0px;
}

.ssau-portfolio__result-description{
  text-align: center;
  font-family: 'Roboto';
  font-size: 16px;
  line-height: 170%;
  font-weight: 400;
  color: #10405A;
  max-width: 846px;
}

.ssau-portfolio__result-preview{
  width: 100%;
  margin: 60px 0px;
  display: flex;
  gap:30px;
  max-width: 1140px;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
}

.ssau-portfolio__result-preview-item{
  width: 360px;
  height: 220px;
  border: 1px solid #CACDD5;
  border-radius: 12px;
  padding: 20px;
  cursor: pointer;
}

.ssau-portfolio__result-preview-item img{
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.ssau-portfolio__result-button{
  width: 204px;
  height: 50px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0px 24px;
  border: 1px solid #00AFAA;
  border-radius: 50px;
  text-decoration: none;
}

.ssau-portfolio__result-text-button{
  font-family: 'Roboto';
  font-weight: 500;
  font-size: 16px;
  line-height: 150%;
  color: #00AFAA;
  text-transform: uppercase;
  text-decoration: none;
}

.ssau-portfolio__challenge-row-dots{
  display: none;
}

.ssau-portfolio__challenge{
  padding: 20px 20px;
  background-color: #F4F9F9;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  position: relative;
}

.ssau-portfolio__challenge-wrapper{
  max-width: 1440px;
  margin:auto;
  width: 100%;
  position: relative;
}

.ssau-portfolio__challenge-title{
  font-family: 'Roboto';
  font-weight: 700;
  font-size: 14px;
  line-height: 150%;
  text-transform: uppercase;
  color: #05AFAA;
  margin: 0;
  text-align: center;
}

.ssau-portfolio__challenge-subttitle{
  font-family: 'Ubuntu';
  font-weight: 700;
  font-size: 36px;
  line-height: 120%;
  color:#10405A;
  margin-top: 8px;
  margin-bottom: 60px;
  text-align: center;
}

.ssau-portfolio__challenge-tabs{
  display: flex;
  justify-content: center;
  align-items: stretch;
  gap: 30px;
  width: 100%;
  flex-direction: column;
}

.ssau-portfolio__challenge-tab-hurdles{
  width: 100%;
  border-radius: 8px;
  border: 1px solid #E0EDF4;
  background-color: white;
  flex:1;
}

.ssau-portfolio__challenge-tab-title{
  width: 100%;
  height: 60px;
  background-color: #10405A;
  position: relative;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.ssau-portfolio__challenge-tab-title h1{
  font-family: 'Roboto';
  font-weight: 700;
  font-size: 14px;
  line-height: 150%;
  text-transform: uppercase;
  color: #FFFFFF;
}

.ssau-portfolio__challenge-icon{
  width: 32px;
  height: 32px;
  object-fit: contain;
  position: absolute;
  top: 0;
  right: 0;
  margin-top:14px;
  margin-right: 14px;
}

.ssau-portfolio__challenge-gradient{
  width: 48px;
  height: 60px;
  object-fit: contain;
  position: absolute;
  top: 0;
  left: 0; 
  border-top-left-radius: 8px;
}

.ssau-portfolio__challenge-tab-items{
  background-color: white;
  padding-top: 24px;
  width: 100%;
}

.ssau-portfolio__challenge-tab-items ul{
  margin: 0;
  padding: 0;
}

.ssau-portfolio__challenge-tab-items li{
  margin-bottom: 20px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding: 0px 10px;
  flex: 1;
  font-family: 'Roboto';
  font-size: 12px;
  line-height: 140%;
  font-weight: 400;
  color: #10405A;
  margin-top: 0px;
}

.ssau-portfolio__challenge-tab-hurdles:first-child .ssau-portfolio__challenge-tab-items li::before{
  content: url("../../img/chellenge-item.svg");
  width: 24px;
  height: 24px;
  object-fit: contain;
  margin-right: 13px;
}

.ssau-portfolio__challenge-tab-hurdles:last-child .ssau-portfolio__challenge-tab-items li::before{
  content: url("../../img/chellenge-succes.svg");
  width: 24px;
  height: 24px;
  object-fit: contain;
  margin-right: 13px;
}



.ssau-portfolio__challenge-tab-item-wrapper{
  margin-bottom: 20px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding: 0px 10px;
}

.ssau-portfolio__challenge-tab-item-wrapper img{
  width: 24px;
  height: 24px;
  object-fit: contain;
}

.ssau-portfolio__challenge-tab-item-wrapper p{
  margin-left: 13px;
  flex: 1;
  font-family: 'Roboto';
  font-size: 12px;
  line-height: 140%;
  font-weight: 400;
  color: #10405A;
  margin-top: 0px;
  margin-bottom: 0px;
}

.ssau-portfolio__preview{
  width: 100%;
  padding: 20px 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  position: relative;
  background-color: rgba(244, 249, 249, 1);
  position: relative;
}

.ssau-portfolio__preview-title{
  font-size: 48px;
  line-height: 120%;
  font-weight: 700;
  font-family: 'Ubuntu';
  color: #00AFAA;
  margin: 0;
  text-align: center;
  margin-top: 40px;
}

@media (min-width: 768px) {
  .ssau-portfolio__preview-title{
    margin-top: 0px;
  }
}

.ssau-portfolio__preview-descrition{
  width: 100%;
  max-width: 846px;
  text-align: center;
  font-family: 'Roboto';
  font-weight: 400;
  font-size: 16px;
  line-height: 170%;
  color: #10405A;
  margin-top: 25px;
}

.ssau-portfolio__preview-image-wrapper{
  margin-top: 10px;
  width: 100%;
  max-width: 846px;
  position: relative;
  z-index: 5;
}

.ssau-portfolio__preview-image-box{
  width: 100%;
  height: auto;
  background-color: #fff;
  border-radius: 24px;
  padding: 20px;
  box-shadow: 0px 8.69px 6.95px 0px #00000009;
}

@media (min-width: 1024px){
  .ssau-portfolio__preview-image-box{
    margin-top: 46px;
    height: auto;
  }
}

.ssau-portfolio__preview-image{
  width: 100%;
  height: auto;
  object-fit: contain;
  border-radius: 12px;
}

.ssau-portfolio__preview-image-background{
  position: relative;
  z-index: 3;
  width: 100%;
}

.ssau-portfolio__preview-row-dots{
  position: absolute;
  top:0;
  left:360px;
  margin-top: -90px;
  display: none;
}

.ssau-portfolio__preview-arrow-gray{
  position: absolute;
  left: -60px;
  top: 91px;
  display: none;
}

.ssau-portfolio__preview-arrow-green{
  position: absolute;
  right: -60px;
  top: 0;
  display: none;
}

.ssau-portfolio__client-says{
  width: 100%;
  position:relative;
  padding: 20px 20px;
}

.ssau-portfolio__client-says-background{
  width: 100%;
  height: 100%;
  background-color: #E5F7F7;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 1;
}

.ssau-portfolio__client-says-right-color{
  border-bottom:448px solid #F4F9F9;
  border-left:200px solid transparent;
  height: 0;
  width: 60%;
  position: absolute;
  right: 0;
  z-index: 2;
  display: none;
}

.ssau-portfolio__client-says-content{
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  position: relative;
  z-index: 5;
  margin: auto;
  max-width: 1440px;
  position: relative;
  height: 100%;
}


.ssau-portfolio__client-says-content-left{
  flex:1;
}

.ssau-portfolio__client-says-content-right{
  flex:1;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
  margin-top: 24px;
}

.ssau-portfolio__client-says-content-carousel{
  width: 400px;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
}

@media (max-width: 400px){
  .ssau-portfolio__client-says-content-carousel{
    width: 330px;
  }
}

.ssau-portfolio__client-says-content-right-item{
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}

.ssau-portfolio__client-header{
  width: 100%;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}

.ssau-portfolio__client-header-avatar{
  width: 160px;
  height: 80px;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}

.ssau-portfolio__client-avatar{
  width: 80px;
  height: 80px;
  object-fit: contain;
}

.ssau-portfolio__client-sprakle-bottom{
  position: absolute;
  left: -60px;
  top: 20px;
  width: 17px !important;
  height: 17px !important;
}

.ssau-portfolio__client-sprakle-top{
  position: absolute;
  right: 0;
  top: 0;
  width: 12px !important;
  height: 12px !important;
}

.ssau-portfolio__client-header-quote{
  position: absolute;
  right: 0;
  bottom: 0;
  width: 72px !important;
  height: 72px !important;
  object-fit: contain;
}

.ssau-portfolio__client-description{
  margin-top: 11px;
}

.ssau-portfolio__client-description-text{
  margin: 0;
  font-family: 'Roboto';
  font-weight: 400;
  font-size: 16px;
  line-height: 170%;
  color: #10405A;
  text-align: center;
  max-width: 529px;
  display: block;
  line-height: 1.5em;
}

.ssau-portfolio__client-author{
  margin-top: 24px;
}

.ssau-portfolio__client-author-name{
  margin: 0;
  font-family: 'Ubuntu';
  font-weight: 700;
  font-size: 24px;
  line-height: 150%;
  color: #00AFAA;
  text-align: center;
}

.ssau-portfolio__client-says-title{
  color: white;
  font-size: 36px;
  line-height: 120%;
  font-family: 'Ubuntu';
  font-weight: 700;
  margin: 0;
  position: relative;
  z-index: 8;
  color: #10405A;
}

.ssau-portfolio__client-says-content-left .ssau-portfolio__client-says-title span{
  color: #00AFAA;
}

.ssau-portfolio__client-author-title{
  font-family: 'Roboto';
  font-weight: 400;
  font-size: 16px;
  line-height: 150%;
  color:#10405A;
  margin: 0;
  text-align: center;
}

.ssau-portfolio__client-says-title span{
  color: rgba(244, 205, 12, 1);
}

.ssau-portfolio__client-says-dots{
  position: absolute;
  top: 0;
  left: 0;
  z-index: 4;
  margin-top: 110px;
  margin-left: -30px;
  display: none;
}

.ssau-portfolio__client-says-content-carousel .owl-dots{
  margin-top: 24px !important;
}
.ssau-portfolio__client-says-content-carousel .owl-dot span{
  background-color: rgba(74, 116, 139, 1) !important;
}
.ssau-portfolio__client-says-content-carousel .owl-dot.active span{
  background-color: rgba(0, 175, 170, 1) !important;
}

.ssau-portfolio__team-extension-single{
  position: relative;
}

.ssau-portfolio__team-extension-single .ssau-breadcrumb-bold{
  color: #10405A;
}

@media screen and (min-width: 768px){
  .ssau-portfolio__team-extension-single .ssau-breadcrumb-bold{
    color: #00AFAA;
  } 
}

.ssau-portfolio__project-based-single .ssau-breadcrumb-bold{
  color: #00AFAA;
}

.ssau-portfolio__result-modal{
  position: fixed;
  visibility: hidden;
  top: 0;
  left: 0;
  right: 0;
  background-color: rgba(0,0,0,0.4);
  width: 100%;
  height: 100vh;
  z-index: 100001;
  opacity: 0;
  transition: all 0.8s cubic-bezier(0.075, 0.82, 0.165, 1);

}

.ssau-portfolio__result-hide-scroll{
  overflow: hidden;
}

.box{
  width: 100%;
  height: 200px;
  margin-bottom:  20px;
  background-color: blue;
}

.ssau-portfolio__result-modal.active{
  visibility: visible;
  opacity: 1;
}

.ssau-portfolio__result-modal-content{
  align-items: center;
  padding-top: 150px;
  overflow-y: hidden;
  width: 100%;
  height: 100vh;
}

.ssau-portfolio__result-modal-head{
  width: 100%;
  max-width: 1140px;
  margin: auto;
  height: 40px;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  padding-left: 20px;
  padding-right: 20px;
}

.ssau-portfolio__result-modal-head img{
  cursor: pointer;
}

.ssau-portfolio__result-modal-body{
  width: 100%;
  max-width: 1140px;
  margin: auto;
  height: 400px;
  overflow-y: auto;
  margin-top: 26px;
  -ms-overflow-style: none;  /* Internet Explorer 10+ */
  scrollbar-width: none;  /* Firefox, Safari 18.2+, Chromium 121+ */
  padding-left: 20px;
  padding-right: 20px;
}

.ssau-portfolio__result-modal-body::-webkit-scrollbar { 
  display: none;  /* Older Safari and Chromium */
}


.ssau-portfolio__result-modal-body img{
  width: 100%;
  height: auto;
  object-fit: contain;
}

@media  (min-width: 768px) {
  .ssau-portfolio__result-modal-content{
    padding-top: 50px;
  }
  
  .ssau-portfolio__result-modal-body{
    height: 100%;
  }
  .ssau-portfolio__distance-header{
    height: 88px;
    display: block;
  }

  .ssau-portfolio__hero{
    height: 380px; 
  }

  .ssau-portfolio__client-info{
    padding: 45px 50px;
    height: 154px;
  }

  .ssau-portfolio__client-info-background{
    height: 154px;
  }

  .ssau-portfolio__client-info-tab{
    flex-direction: row;
    justify-content: center;
    align-items: flex-start;
    padding: 0px 40px;
  }

  .ssau-portfolio__client-info-tab-item{
    margin-bottom: 0px;
    flex:1;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
  }

  .ssau-portfolio__client-info-title{
    font-size: 10px;
    line-height: 120%;
  }

  .ssau-portfolio__client-info-value{
   font-size: 11px;
   line-height: 150%; 
   padding-right: 4px;
  }

  .ssau-portfolio__project-detail{
    padding: 50px 50px;
    flex-direction: row;
  }

  .ssau-portfolio__project-detail-image-wrapper{
    flex: 1;
  }

  .ssau-portfolio__project-detail-description-wrapper{
    margin-left: 30px;
  }

  .ssau-portfolio__technology-stack{
    padding: 50px 50px;
  }

  .ssau-portfolio__technology-stack-wrapper p{
    text-align: justify;
  }

  .ssau-portfolio__result{
    padding: 20px 20px;
  }

  .ssau-portfolio__result-preview-item{
    width: 320px;
    height: 220px;
  }

  .ssau-portfolio__challenge{
    padding: 50px 50px
  }

  .ssau-portfolio__challenge-tabs{
    flex-direction: row;
  }

  .ssau-portfolio__challenge-tab-item-wrapper{
    padding: 0px 10px;
  }

  .ssau-portfolio__challenge-tab-items li{
    padding: 0px 10px;
    font-size: 14px;
    line-height: 150%;
  }

  .ssau-portfolio__challenge-tab-item-wrapper p{
    font-size: 14px;
    line-height: 150%;
  }

  .ssau-portfolio__preview{
    padding: 50px 50px 20px;
  }

  .ssau-portfolio__preview-row-dots{
    left:100px;
    margin-top: -90px;
  }  

  .ssau-portfolio__preview-row-dots{
    display: block
  }

  .ssau-portfolio__client-says{
    padding: 50px 50px;
  }

  .ssau-portfolio__client-says-content-carousel{
    width: 542px;
  }
}

@media (min-width: 820px){
  .ssau-portfolio__result-preview-item{
    width: 360px;
    height: 220px;
  }
}

@media  (min-width: 911px){
  .ssau-portfolio__hero{
    height: auto; 
  }
}

@media (min-width: 1024px){
  .ssau-portfolio__preview-arrow-gray{  
    display: block;
  }
  
  .ssau-portfolio__preview-arrow-green{
    display: block;
  }
}

@media  (min-width: 1025px) {
  .ssau-portfolio__result-modal-body{
    padding-left: 0px;
    padding-right: 0px;
  }

  .ssau-portfolio__result-modal-head{
    padding-left: 0px;
    padding-right: 0px;
  }

  .ssau-portfolio__hero{
    height: auto;
  }

  .ssau-portfolio__client-info{
    padding:  36px 150px 69px;
  }

  .ssau-portfolio__client-info-title{
    font-size: 14px;
    line-height: 150%;
  }

  .ssau-portfolio__client-info-value{
    font-size: 16px;
    line-height: 150%; 
  }

  .ssau-portfolio__project-detail{
    padding: 50px 150px;
  }

  .ssau-portfolio__technology-stack{
    padding: 80px 151px;
  }
  
  .ssau-portfolio__result{
    padding: 80px 150px;
  }

  .ssau-portfolio__result-preview-item{
    width: 360px;
    height: 220px;
  }

  .ssau-portfolio__challenge{
    padding: 80px 150px
  }
  
  .ssau-portfolio__challenge-row-dots{
    display: block;
    position: absolute;
    top: -56px;
    left: 0;
    width: 100px;
    height: 100px;

  }

  .ssau-portfolio__challenge-tab-item-wrapper{
    padding: 0px 20px;
  }

  .ssau-portfolio__challenge-tab-items li{
    padding: 0px 20px;
    font-size: 16px;
    line-height: 170%;
  }

  .ssau-portfolio__challenge-tab-item-wrapper p{
    font-size: 16px;
    line-height: 170%;
  }

  .ssau-portfolio__preview{
    padding: 149px 150px 20px;
  }

  .ssau-portfolio__preview-row-dots{
    left:450px;
    margin-top: -90px;
  }  

  .ssau-portfolio__client-says{
    padding: 64px 150px;
  }

  .ssau-portfolio__client-says-right-color{
    display: block;
  }
  
  .ssau-portfolio__client-says-content{
    flex-direction: row;
  }

  .ssau-portfolio__client-says-dots{
    display: block
  }

  .ssau-portfolio__client-says-content-right{
    margin: 0;
  }

  .ssau-portfolio__client-says{
    height: 448px;
  }

  .ssau-portfolio__client-says-background{
    height: 448px;
  }
}
/* End Portfolio */

/*Testimonial*/

.ssau-client-testimonial .container {
  position: relative;
}

.testi-dots {
  position: absolute;
  bottom: 50px;
  left: 185px;
}

.ssau-client-testimonial-container {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  margin-bottom: 60px;
  flex-wrap: wrap;
}

.ssau-client-testimonial-container h2 {
  font-size: 48px;
  font-weight: 700;
  line-height: 120%;
  color: #10405a;
  margin: 0;
}

.ssau-client-testimonial .ssau-client-testimonial__cta-button {
  margin: 0;
}

.ssau-client-testimonial-subheading {
  color: #05afaa;
  margin-bottom: 10px;
  font-family: var(--ssau-ff-roboto);
  font-size: 14px;
  font-weight: 700;
  line-height: 21px;
  letter-spacing: 0.11em;
  text-align: left;
}

.ssau-client-testimonial-heading {
  color: #10405a;
  font-family: "Ubuntu", sans-serif;
  font-size: 48px;
  font-weight: 700;
  line-height: 1.5;
  text-align: left;
  margin-top: 0;
  margin-bottom: 45px;
}

.ssau-client-testimonial-heading span {
  position: relative;
  white-space: nowrap;
}

.ssau-client-testimonial-heading span:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: calc(100% + 5px);
  height: 48%;
  background-color: #b3e7e6 !important;
  mix-blend-mode: multiply;
}

.ssau-portfolio-testimonial {
  padding: 60px 20px;
  background-color: #f4f9f9;
}

.ssau-portfolio-testimonial__container {
  max-width: 1140px;
  margin: 0 auto;
}

.ssau-portfolio-testimonial .ssau-client-testimonial-heading {
  font-size: 36px;
}

.ssau-portfolio-testimonial .ssau-testimonial-callout {
  flex-direction: column;
}

.ssau-testimonial-image {
  margin-bottom: 20px;
}

.ssau-testimonial-image img {
  width: 100px;
  height: 25px;
  object-fit: contain;
}

/*End Testimonial*/

/* Stacks */
.ssau-stacks.content-bottom {
  background-color: #f4f9f9;
  max-width: unset;
  padding: 0;
}

.ssau-stacks.content-bottom .ssau-stacks__content {
  padding: 0;
}
.ssau-stacks.content-bottom .section-bottom__cta-button {
  margin-top: 24px;
  width: max-content;
}

.ssau-stacks.content-bottom .ssau-stacks__content-desc {
  font-family: var(--ssau-ff-roboto);
  font-size: 16px;
  font-weight: 400;
  line-height: 27.2px;
  letter-spacing: 0.02em;
  color: #10405a;
  padding: 0;
  margin: 0;
}

.ssau-stacks.content-bottom .ssau-stacks__container {
  padding: 104.5px 150px !important;
  max-width: 1440px;
}

.ssau-stacks.content-bottom .ss-f36 {
  margin: 10px 0 24px 0;
  font-size: 36px;
  font-weight: 700;
  line-height: 43.2px;
  letter-spacing: -0.02em;
  color: #10405a;
}

.ssau-stacks.content-bottom .ssau-stacks__button-area a {
  margin-top: 24px;
  min-width: 155px;
  border: 1.5px solid #10405a;
  color: #10405a;
  letter-spacing: 0.4px;
  border-radius: 50px;
  align-items: center;
  padding: 0 20px;
  font-size: 16px;
  font-weight: 500;
  text-decoration: none;
  display: inline-flex;
  transition: color 0.2s linear, background-color 0.2s linear;
  touch-action: manipulation;
  gap: 20px;
}

.ssau-stacks.content-bottom .ssau-stacks__content {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
}
.ssau-stacks.content-bottom
  .ssau-stacks__container
  .ssau-stacks__content
  .ssau-stacks__subheading,
.ssau-homepage-portfolio.content-bottom
  .container
  .ssau-homepage-portfolio-subheading {
  font-family: var(--ssau-ff-roboto);
  font-size: 14px;
  font-weight: 700;
  line-height: 21px;
  letter-spacing: 1.5px;
  color: #00afaa;
  margin-bottom: 10px !important;
}
/* End Of Stacks */

/* Our Client */
.ssau-who-we-serve-ourclient {
  background-color: #10405a;
  color: #fff;
}

.ssau-who-we-serve-ourclient__container {
  text-align: left;
  background-image: url("../../img/ssau-2023/image-our-client.png");
  background-position: 150px 88%;
  background-repeat: no-repeat, no-repeat;
  background-size: auto, auto;
  padding: 60px 150px;
  margin: 0 auto;
  max-width: 1440px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
}

.ssau-who-we-serve-ourclient__col-half {
  width: 50%;
}

.ssau-who-we-serve-ourclient__image {
  display: flex;
  justify-content: flex-end;
}

.ssau-who-we-serve-ourclient__heading {
  font-family: "Ubuntu", sans-serif;
  font-size: 36px;
  font-weight: 700;
  width: 565px;
  margin-top: 0;
  /* margin-bottom: 64px; */
  text-align: left;
}

.ssau-who-we-serve-ourclient-subheading {
  color: #ffffff;
  margin-bottom: 10px;
  font-family: var(--ssau-ff-roboto);
  font-size: 14px;
  font-weight: 700;
  line-height: 21px;
  letter-spacing: 0.11em;
  text-align: left;
}

.ssau-who-we-serve-ourclient__desc {
  font-family: var(--ssau-ff-roboto);
  font-size: 36px;
  font-weight: 600;
  line-height: 43.2px;
  text-align: left;
  margin-bottom: 54px;
}

.ssau-who-we-serve-ourclient-title h2 {
  font-size: 36px;
  font-weight: 700;
  line-height: 43.2px;
  letter-spacing: -0.02em;
  text-align: left;
  max-width: 387px;
  margin: 20px 0 54px 0;
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.ssau-who-we-serve-ourclient h2 span {
  position: relative;
  font-size: 56px;
  font-weight: 700;
  color: #f4cd0c;
  width: fit-content;
}

.ssau-who-we-serve-ourclient h2 span:after {
  content: "";
  position: absolute;
  bottom: -10px;
  left: 0;
  width: calc(100% + 5px);
  height: 60%;
  background-color: #00afaa;
  mix-blend-mode: multiply;
}

.ssau-who-we-serve-ourclient p {
  font-size: 36px;
  font-weight: 700;
  line-height: 43.2px;
  letter-spacing: -0.02em;
  text-align: left;

  max-width: 387px;
}

.ssau-who-we-serve-ourclient__items {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  width: 100%;
  margin-bottom: 60px;
}

.ssau-who-we-serve-ourclient__item {
  width: 25%;
  flex: 0 0 auto;
}

.ssau-who-we-serve-ourclient__icon {
  margin-bottom: 24px;
}

.ssau-who-we-serve-ourclient__counter {
  font-family: "Ubuntu", sans-serif;
  font-size: 56px;
  font-weight: 700;
  line-height: 67px;
  margin-bottom: 10px;
}

.ssau-who-we-serve-ourclient__counter.years {
  color: #00afaa;
}

.ssau-who-we-serve-ourclient__counter.staff {
  color: #7bc794;
}

.ssau-who-we-serve-ourclient__counter.clients {
  color: #2d9cdb;
}

.ssau-who-we-serve-ourclient__counter.projects {
  color: #e98057;
}

.ssau-who-we-serve-ourclient__caption {
  font-family: "Roboto", sans-serif;
  font-size: 20px;
}

@media (max-width: 480px) {
  .ssau-who-we-serve-ourclient__item {
    width: 50%;
    margin-bottom: 50px;
  }

  .ssau-who-we-serve-ourclient__icon {
    margin-bottom: 10px;
  }

  .ssau-who-we-serve-ourclient__col-half {
    width: 100%;
    margin-top: 50px;
  }
  .ssau-who-we-serve-ourclient__image {
    margin-top: 50px;
  }
}

/* End Our Client */

.ssau-homepage-portfolio-image-list-bottom {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  flex: 1 1 0;
  flex-wrap: nowrap;
  transition: transform 0.4s;
}

.ssau-homepage-portfolio-image-list-bottom img {
  width: 399px;
  height: auto;
  margin-top: 20%;
  margin: 23% auto;
}

.ssau-homepage-iso.content-bottom .ssau-homepage-iso__heading span:after {
  bottom: 0px;
}

/* Responsive content bottom */
@media screen and (max-width: 1300px) {
  .ssau-homepage-iso-green__container,
  .ssau-homepage-iso__container {
    padding: 80px;
    justify-content: space-between;
  }

  .ssau-stacks.content-bottom .ssau-stacks__container,
  .proptech-insight,
  .ssau-who-we-serve-ourclient__container {
    padding: 80px !important;
  }

  .ssau-client-testimonial .container {
    padding: 80px 80px 100px 80px;
  }

  .ssau-homepage-portfolio {
    padding: 80px 0px;
  }

  .ssau-who-we-serve-ourclient__container {
    background-position: 80px 88%;
  }

  .ssau-who-we-serve-counts__container {
    padding: 47px 0 47px 80px;
    background-position: 1% 78%, 94% 19%;
  }

  .ssau-who-we-serve-counts__image {
    width: unset;
  }
}

@media screen and (max-width: 1024px) {
  .ssau-homepage-iso-green__container,
  .ssau-homepage-iso__container {
    padding: 80px;
    justify-content: space-between;
  }

  .ssau-stacks.content-bottom .ssau-stacks__container,
  .proptech-insight,
  .ssau-who-we-serve-ourclient__container {
    padding: 80px !important;
  }

  .ssau-client-testimonial .container {
    padding: 80px 80px 100px 80px;
  }

  .ssau-homepage-portfolio {
    padding: 80px 0px;
  }

  .ssau-who-we-serve-counts__col-half.left {
    display: flex;
    flex-wrap: nowrap;
    flex-direction: column;
    max-width: 565px;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .ssau-stacks.content-bottom .ssau-stacks__list {
    width: 50%;
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    justify-content: center;
  }

  .ssau-homepage-portfolio .container {
    padding: 0 40px;
  }

  .ssau-homepage-portfolio .container .ssau-homepage-portfolio-title p {
    max-width: 450px;
  }

  .ssau-homepage-portfolio-bottom .owl-nav {
    margin-top: 0px;
    position: absolute;
    right: 42%;
    top: -34px;
    z-index: 10;
    display: flex !important;
  }

  .ssau-homepage-iso-green__col-half.right,
  .ssau-homepage-iso-green__col-half.left,
  .ssau-homepage-iso__col-half.right,
  .ssau-homepage-iso__col-half.left {
    width: 50%;
  }

  .ssau-homepage-iso-green__container,
  .ssau-homepage-iso__container {
    gap: 40px;
  }

  .ssau-homepage-portfolio-image-list-bottom img {
    padding: 10%;
    width: 100%;
    height: auto;
    margin-top: 15%;
    margin-bottom: 20%;
  }

  .ssau-stacks.content-bottom .ssau-stacks__container {
    flex-direction: column;
    gap: 24px;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .ssau-stacks.content-bottom .ssau-stacks__container .ssau-stacks__image {
    width: 100%;
    flex-direction: row;
    justify-content: space-between;
  }

  .ssau-stacks.content-bottom .ssau-stacks__content {
    width: 100%;
  }

  .ssau-stacks.content-bottom .ss-f36 {
    margin: 10px 0;
  }

  .testi-dots {
    left: 94px;
  }
}

@media screen and (max-width: 900px) {
  .ssau-stacks.content-bottom .ssau-stacks__container .ssau-stacks__image {
    display: flex;
    flex-wrap: nowrap;
    flex-direction: row;
    width: 100%;
  }

  .ssau-stacks.content-bottom .ssau-stacks__container {
    display: flex;
    flex-direction: column;
  }

  .ssau-stacks.content-bottom .ssau-stacks__aws,
  .ssau-stacks.content-bottom .ssau-stacks__list {
    width: 50%;
  }
  .ssau-stacks.content-bottom .ssau-stacks__content {
    width: 100%;
    padding-top: 0 !important;
  }

  .ssau-stacks.content-bottom .ssau-stacks__list {
    height: 300px;
  }

  .ssau-homepage-portfolio-bottom .ssau-homepage-portfolio-description {
    height: fit-content;
    width: 408px;
  }
  .ssau-homepage-portfolio-bottom .ssau-homepage-portfolio-image {
    transform: scale(0.65);
    right: -91px;
    top: -115px;
  }
  .ssau-homepage-portfolio-bottom .owl-nav {
    margin-top: 10px;
    right: 39.75%;
  }

  .ssau-homepage-portfolio-image-list-bottom img {
    height: 189px !important;
    object-fit: contain;
    width: 100%;
    height: auto;
    margin-top: 19%;
    margin-bottom: 17%;
    padding: 9%;
  }
}

@media screen and (max-width: 768px) {
  .ssau-homepage-iso-green__col-half.left,
  .ssau-homepage-iso-green__col-half.right {
    width: 50%;
  }

  .ssau-homepage-iso-green__container,
  .ssau-homepage-iso__container {
    gap: 24px;
  }
  .ssau-stacks.content-bottom .ssau-stacks__container .ssau-stacks__image {
    display: flex;
    flex-wrap: nowrap;
    flex-direction: row;
    width: 100%;
  }

  .ssau-stacks.content-bottom .ssau-stacks__container {
    display: flex;
    flex-direction: column;
  }

  .ssau-stacks.content-bottom .ssau-stacks__aws,
  .ssau-stacks.content-bottom .ssau-stacks__list {
    width: 50%;
  }
  .ssau-stacks.content-bottom .ssau-stacks__content {
    width: 100%;
    padding-top: 0 !important;
  }

  .ssau-stacks.content-bottom .ssau-stacks__list {
    height: 300px;
  }

  .ssau-homepage-portfolio-bottom .ssau-homepage-portfolio-description {
    width: 100%;
    margin-top: 100px;
  }

  .ssau-homepage-portfolio-bottom .ssau-homepage-portfolio-image {
    position: relative;
    left: 0px;
    width: 100%;
    max-width: 530px;
    left: 50%;
    transform: translateX(-50%);
    margin-top: 3rem;
    margin-bottom: -3.5rem;
    top: 0;
  }

  .ssau-homepage-portfolio-bottom .owl-nav {
    top: 44%;
    margin-top: 0;
    right: 50%;
    transform: translateX(50%);
  }

  .ssau-who-we-serve-ourclient__container {
    background-position: 80px 92%;
  }

  .ssau-client-testimonial .section-bottom__cta-button {
    margin-top: 2rem;
  }

  .testi-dots {
    left: 130px;
  }

  .proptech-insight .pi-top .pi-title .titles a {
    margin-top: 1rem;
  }

  .ssau-homepage-portfolio-image-list-bottom img {
    margin: 0 !important;
    padding: 22% 0 !important;
    height: unset !important;
  }

  .testi-dots {
    left: 80px;
  }
}

@media screen and (max-width: 480px) {
  .ssau-homepage-iso-green__container,
  .ssau-homepage-iso__container {
    padding: 40px 24px;
    flex-direction: column;
  }

  .ssau-who-we-serve-counts .ssau-who-we-serve-counts__image {
    height: unset;
    margin-bottom: 0px !important;
  }

  .ssau-homepage-portfolio.content-bottom {
    padding: 0px;
  }

  .ssau-who-we-serve-ourclient__container {
    padding: 40px 24px 140px 24px !important;
    background-position: 24px 93%;
  }

  .ssau-who-we-serve-ourclient__desc {
    margin-bottom: 40px;
  }

  .ssau-who-we-serve-ourclient__col-half:nth-child(2) {
    margin-top: 0px !important;
  }

  .ssau-who-we-serve-ourclient__image {
    margin-top: 0px;
  }

  .ssau-client-testimonial .container {
    padding: 80px 24px 100px 24px;
  }

  .ssau-client-testimonial .container {
    padding: 80px 24px 40px 24px;
  }

  .testi-dots {
    display: none;
  }

  .proptech-insight {
    padding: 40px 24px !important;
    gap: 16px;
  }

  .ssau-homepage-iso-green__col-half.left,
  .ssau-homepage-iso-green__col-half.right,
  .ssau-homepage-iso__col-half.left,
  .ssau-homepage-iso__col-half.right {
    width: 100%;
  }

  .ssau-who-we-serve-counts__container {
    margin-bottom: unset !important;
    background-position: 5% 95%, 95% 4%;
    flex-direction: column;
    padding: 80px 24px 80px 24px !important;
  }

  .ssau-stacks.content-bottom .ssau-stacks__container {
    padding: 40px 24px !important;
  }

  .ssau-stacks.content-bottom .ssau-stacks__container .ssau-stacks__image {
    flex-direction: column;
  }

  .ssau-stacks.content-bottom .ssau-stacks__aws,
  .ssau-stacks.content-bottom .ssau-stacks__list {
    width: 100%;
  }

  .ssau-stacks__content {
    padding: 0px !important;
  }

  .ssau-homepage-portfolio-bottom .ssau-homepage-portfolio-description {
    margin-top: -12%;
    padding: 90px 20px 20px;
  }

  .ssau-homepage-portfolio-bottom .ssau-homepage-portfolio-image {
    margin-bottom: unset;
  }

  .ssau-homepage-portfolio.content-bottom
    .ssau-homepage-portfolio-bottom
    .owl-nav {
    top: 34.5%;
    right: 50% !important;
  }

  .ssau-homepage-portfolio.content-bottom .container {
    padding: 40px;
  }

  .ssau-homepage-iso-green__col-half.left,
  .ssau-homepage-iso-green__col-half.right,
  .ssau-homepage-iso__col-half.left,
  .ssau-homepage-iso__col-half.right {
    width: 100%;
    justify-content: center;
    align-items: center;
  }

  .ssau-homepage-iso-green
    .ssau-homepage-iso-green__container
    .ssau-homepage-iso-green__col-half.right
    .ssau-homepage-iso-green__heading,
  .ssau-homepage-iso
    .ssau-homepage-iso__container
    .ssau-homepage-iso__col-half.right
    .ssau-homepage-iso__heading {
    text-align: center;
  }

  .ssau-homepage-iso-green__desc,
  .ssau-homepage-iso-green__desc p .ssau-homepage-iso__desc,
  .ssau-homepage-iso__desc p {
    text-align: center;
  }
}

@media screen and (max-width: 390px) {
  .ssau-homepage-portfolio.content-bottom
    .ssau-homepage-portfolio-bottom
    .owl-nav {
    top: 33.1%;
  }
}

@media screen and (max-width: 365px) {
  .ssau-homepage-portfolio.content-bottom
    .ssau-homepage-portfolio-bottom
    .owl-nav {
    top: 31.8%;
  }
}

/* End Of Responsive content bottom */

/* End Of Template Bottom Section */

/* Popup Modal */
.open-popup-btn {
  color: #10405a;
}
.popup-modal {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 100001;
  padding: 36px;
}
.popup-modal.open {
  display: block !important;
}
.popup-modal * {
  box-sizing: border-box;
}
.popup-modal .popup-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #0009;
}
.popup-modal .embed-pdf {
  width: 100%;
  height: 100%;
}
.popup-modal .popup-main {
  position: relative;
  display: flex;
  flex-direction: column;
  height: 100%;
  width: max-content;
  max-width: 100%;
  margin: 0 auto;
  background-color: #fff;
}
.popup-modal .popup-header {
  flex: 0 0 auto;
  padding: 24px 24px 12px;
}
.popup-modal .popup-close {
  display: block;
  width: 24px;
  height: 24px;
  margin-left: auto;
  cursor: pointer;
}
.popup-modal .popup-body {
  flex: 1 0 0;
  padding: 12px 24px 24px;
  height: 0;
}
.popup-modal .canvas-pdf-wrap {
  position: relative;
  height: 100%;
  overflow: auto;
}
.popup-modal .canvas-pdf-inner {
  position: relative;
  width: max-content;
  margin: 0 auto;
}
.popup-modal .annotations {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transform: scaleY(-1);
}
/* End of Popup Modal */

/* Popup Newsletter Modal */
.popup-newsletter .popup-main {
  width: 100%;
  max-width: 772px;
  max-height: 433px;
  background: #10405A;
  overflow: hidden;
  color: #fff;

  @media (max-width: 767px) {
    max-width: 100%;
    max-height: unset;
    padding: 5px;
  }
}

.popup-newsletter .popup-header {
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
}

.popup-newsletter .popup-body {
  padding-left: 48px;
  padding-right: 48px;
  display: flex;
  align-items: center;

  @media (max-width: 767px) {
    padding: 5px;
  }
}

.popup-newsletter__main-image {
  max-width: 296px;
  max-height: 296px;

  @media (max-width: 767px) {
    display: none;
  }
}

.popup-newsletter .flex {
  display: flex;
  gap: 36px;
}

.popup-newsletter h3 {
  font-size: 24px;
  font-weight: 700;
  line-height: 36px;
  margin-bottom: 10px;
}

.popup-newsletter h3 span {
  color: #F4CD0C;
  position: relative;
}

.popup-newsletter h3 span::after {
  content: "";
  position: absolute;
  bottom: -6px;
  left: 0;
  width: calc(100% + 5px);
  height: 60%;
  background-color: #80D7D4;
  mix-blend-mode: multiply;
  opacity: .9;
}

.popup-newsletter__form-wrapper {
  display: flex;
  border-radius: 30px;
  max-width: 344px;
  background-color: #fff;
  justify-content: space-between;
  position: relative;

  @media (max-width: 767px) {
    max-width: 75vw;
  }

  @media (min-width: 768px) and (max-width: 1023px) {
    max-width: 300px;
  }
}

.popup-newsletter__form-wrapper.first-name {
  margin-bottom: 8px;
}

.popup-newsletter__form-input {
  height: 47px;
  padding-left: 20px;
  border-top-left-radius: 30px;
  border-bottom-left-radius: 30px;
  border: none;
  max-width: 50%;
  font-family: var(--ssau-ff-roboto);
}

.popup-newsletter__form-input:focus {
  outline: none;
}

.popup-newsletter__form-button {
  background: #F4CD0C;
  border-radius: 50px;
  color: #10405A;
  text-transform: uppercase;
  font-size: 14px;
  padding: 13px 30px;
  font-family: var(--ssau-ff-roboto);
  font-weight: 500;
  border: none;
  cursor: pointer;
}

.popup-newsletter p {
  line-height: 24px;
}

.popup-newsletter__bg-1 {
  position: absolute;
  width: 89px;
  height: 91px;
  opacity: .8;
  top: 36px;
  left: -5px;
}

.popup-newsletter__bg-2 {
  position: absolute;
  width: 75px;
  height: 76px;
  bottom: 28px;
  right: 27px;
}

.popup-newsletter-success .popup-body .flex {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  margin: 0 auto;
}

.popup-modal.popup-newsletter {
  display: flex;
  justify-content: center;
  align-items: center;
}

.ssau-what-we-do_ai-hero-inner-second-row {
  z-index: 2;
  width: 100%;
  background-color: #f4f9f9;
  margin: 0px auto 0px auto;
  display: flex;
  gap: 85px;
  justify-content: center;
  align-items: flex-start;
  position: relative;
  padding: 98px 150px 110px 150px;
  position: relative;
  overflow: hidden;
  text-align: center;
}

@media (max-width: 767px) {
  .ssau-what-we-do_ai-hero-inner-second-row {
    padding: 40px 24px;
  }
}

p.ssau-what-we-do-ai-hero-inner-second-row__label {
  font-size: 36px;
  font-weight: 700;
  line-height: 43.2px;
  letter-spacing: -0.02em;
  text-align: center;
  margin-bottom: 24px;
}
.ssau-what-we-do-ai-hero-inner-second-row_left > p:nth-child(2) {
  color: #10405a;
  font-family: var(--ssau-ff-roboto);
  font-size: 16px;
  font-weight: 400;
  line-height: 27.2px;
  letter-spacing: 0.02em;
  text-align: center;
  max-width: 600px;
}

.page-template-template-what-we-do-ai-enhanched .offering_card {
  flex: 0 0 100%;
}

@media (min-width:1024px) {
  .page-template-template-what-we-do-ai-enhanched .offering_card {
    flex: 0 0 48%;
  }
}

/* New contact us with map  */
.contact-us__map {
  width: 100%;
  position: relative;
}

.contact-us__map figure {
  position: relative;
  margin: 0;
  padding: 0;
}

.contact-us__map figure img {
  width: 100%;
  max-width: 100%;
}

.pulse-container.active .pulse-circle {
  animation: pulse 2s infinite;
  transform-origin: center;
}

.pulse-container {
  cursor: pointer;
}

.pulse-container.active {
  cursor: default;
}

.pulse-container>svg {
  position: relative;
  transition: fill 0.8s;
  z-index: 5;
}

.pulse-container:not(.active)>svg {
  transition: all 0.3s;
}

.pulse-container:not(.active)>svg:hover {
  fill: #fff;
  transform: scale(1.4);
  z-index: 10;
  transform-origin: center;
}

.pulse-container.active>svg {
  fill: #fff;
  transform: scale(1.4);
  transform-origin: center;
  z-index: 9;

}

.pulse-container.active>svg:hover {
  fill: #fff;
}

.pulse-container.sydney {
  position: absolute;
  right: 18%;
  bottom: 15%;
}

.pulse-container.yk {
  position: absolute;
  left: 34%;
  top: 26.8%;
}

.pulse-container.bdg {
  position: absolute;
  left: 30%;
  top: 26%;
}

.pulse-container.jkt {
  position: absolute;
  left: 27%;
  top: 25%;
}

@media (min-width: 768px) {
  .pulse-container.jkt{
    left: 28.5%;
    top: 30%;
  }
  .pulse-container.bdg {
    position: absolute;
    left: 30%;
    top: 30.5%;
  }
  .pulse-container.yk {
    position: absolute;
    left: 32%;
    top: 31.4%;
  }
}

@media (min-width: 1025px){
  .pulse-container.jkt{
    left: 27%;
    top: 27.2%;
  }
  .pulse-container.bdg {
    position: absolute;
    left: 30%;
    top: 29%;
  }
  .pulse-container.yk {
    position: absolute;
    left: 34%;
    top: 30.5%;
  }
}

.contact-us__map-info-item {
  color: #10405A;
  display: none;
}

.contact-us__map-info-item a {
  color: inherit;
  text-decoration: none;
}

.contact-us__map-info-item address {
    font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 160%;
  font-family: var(--ssau-ff-roboto);
}

.contact-us__map-info-item .contact-us__map-info-item-title h3{
    font-size: 24px;
    font-weight: 700;
    line-height: 150%;
    margin-bottom: 8px;
}

.contact-us__map-info-item.active {
  display: block;
}

.contact-us__new .container {
  max-width: 1200px;
}

.contact-us__new-bottom {
  padding: 0;
  background-color: #F4F9F9;
}

.contact-us__new-bottom p {
  color: #10405A;
  padding: 40px 0 12px;
  font-family: var(--ssau-ff-roboto);
  text-align: center;
  font-size: 16px;
}

.contact-us__new .hero .container {
  position: relative;
}
.contact-us__new-ornament {
  position: absolute;
  top: 0;
  right: 0;
}

.contact-us__new .main-subheading {
  text-transform: uppercase;
  text-align: left;
  margin-bottom: 24px;
  letter-spacing: 11%;
}

.contact-us__new .row {
  align-items: stretch;
}

.contact-us__new .col-half:first-child {
  background-color: #F4F9F9;
  border-radius: 10px;
  padding: 24px;
  margin-bottom: 100px;
  @media screen and (max-width: 767.98px) {
    margin-bottom: 0;
    
  }
}

.contact-us__new .main-right {
  background: #ffffff;
  box-shadow: none;
}

.contact-us__new {
  color: #10405A;
}

.contact-us__new .main-right .gform_footer{
    margin-left: auto !important;
}

.contact-us__new .hero h1 {
  color: inherit;
}
.contact-us__new .hero h1 span {
  color: #00AFAA;
}

.contact-us__new .hero h1 span::after {
  display: none;
}

.contact-us .hero .description {
  max-width: 100%;
}

.ssau-homepage-iso__new {
  background: #07324A;
  color: #fff;
}

.ssau-homepage-iso__new .ssau-homepage-iso__heading,
.ssau-homepage-iso__new .ssau-homepage-iso__desc, 
.ssau-homepage-iso__new .ssau-homepage-iso__desc p {
  color: inherit
}

.ssau-homepage-iso__new .ssau-iso__cta-button {
  border: 1px solid #00AFAA;
  width: fit-content !important;
}

.ssau-homepage-iso__new .ssau-iso__cta-button div {
  color: #00AFAA;
}

.ssau-homepage-iso__new .ssau-iso__cta-button:hover {
  color: #7BC794;
  border-color: #7BC794;
  background-color: transparent;
}

.ssau-homepage-iso__new .ssau-iso__cta-button:hover > div {
  color: #7BC794;
  border-color: #7BC794;
}

.ssau-homepage-iso__new .ssau-iso__cta-button:hover svg path {
  fill: #7BC794;
}

/* new contact form */
.contact-us__new .ginput_container input[type="checkbox"] {
  padding: 0 !important;
}
.contact-us__new input[type="checkbox"] {
  appearance: none;
  -webkit-appearance: none;
  width: 16px;
  height: 16px;
  border: 2px solid #888;
  border-radius: 4px;
  position: relative;
  cursor: pointer;
  margin-right: 8px;
  vertical-align: middle;
  background-color: white;
}

/* Checked style */
.contact-us__new input[type="checkbox"]:checked {
  background-color: #E5F7F7;
  border-color: #00AFAA;
}

/* Custom checkmark */
.contact-us__new input[type="checkbox"]:checked::after {
  content: "";
  position: absolute;
  top: 0;
  left: 4px;
  width: 3px;
  height: 7px;
  border: solid #00AFAA;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}

.contact-us__new .ginput_container_checkbox .gfield_checkbox  {
  margin-top: 10px;
  display: grid;
  grid-template-columns: 1fr;
  gap: 10px;

  @media screen and (min-width: 768px){
    grid-template-columns: repeat(2, 1fr);
  }
}

.contact-us__new .gform_wrapper.gravity-theme .gfield_checkbox label {
    font-family: var(--ssau-ff-roboto);
  font-size: 16px;
}

.contact-us__new .gform_footer input[type="submit"] {
  background-color: #00AFAA;
  color: #fff;
  border-radius: 50px;
  padding: 13px 30px;
  font-family: var(--ssau-ff-roboto);
  font-weight: 500;
  border: none;
  cursor: pointer;
  margin-left: auto;
}

.contact-us__new .gform_footer input[type="submit"]:hover {
  background-color: #7BC794;
  color: #fff;
}

.contact-us__new .gform_wrapper.gravity-theme .gfield_label {
  font-weight: 400 !important;
  font-size: 14px !important;
}

.contact-us__new .gform_wrapper.gravity-theme .gfield-choice-input+label {
  max-width: 100%;
}

.contact-us__new span.phone {
  width: 100%;
  display: block;
  margin-top: 10px;
}
/* end new contact form */

@keyframes pulse {
  0% {
    transform: scale(1);
    opacity: 1;
  }

  50% {
    transform: scale(0.5);
    opacity: 0.4;
  }

  100% {
    transform: scale(1);
    opacity: 1;
  }
}

/* End of contact us with map */