:root {
--primary-blue: #07324A;
--navy: #10405A;
--green: #7BC794;
--turqoise: #00AFAA;
--ssau-ff-roboto: "Roboto", sans-serif;
--yellow: #F4CD0C;
}
html {
line-height: 1.15;
-webkit-text-size-adjust: 100%;
}
body {
margin: 0;
}
main {
display: block;
}
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;
width: auto;
height: auto;
max-width: 100%;
}
figure {
padding: 0;
margin: 0;
}
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="search"] {
-webkit-appearance: textfield;
appearance: textfield;
outline-offset: -2px;
}
[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
template {
display: none;
}
[hidden] {
display: none;
}
* {
font-family: "Ubuntu", sans-serif;
box-sizing: border-box;
}
.container {
width: 100%;
max-width: 1440px;
margin: 0 auto;
}
.yellow {
color: var(--yellow);
}
.ss-fubuntu {
font-family: "Ubuntu";
}
.ss-froboto {
font-family: "Roboto";
}
.hidden {
display: none;
} .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(https://www.softwareseni.com/wp-content/themes/ssau-theme/assets/css/ssau-2025/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;
}
}  .ssau-old-nav {
position: fixed;
z-index: 9999; top: 0;
left: 0;
width: 100%;
height: 65px;
padding: 0px;
background: #fff !important;
font-size: 1.2em;
transition: all 200ms ease;
}
@media (min-width: 768px) and (max-width:1023px) {
.ssau-old-nav {
height: 65px;
padding: 16px 0 !important;
}
}
@media (min-width: 1024px) {
.ssau-old-nav {
height: 100px;
}
}
.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(//www.softwareseni.com/wp-content/themes/ssau-theme/assets/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: 9999;
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: #fff;
border-color: var(--green);
color: var(--green);
}
@media screen and (max-width: 1300px) {
.ssau-old-nav .container {
padding-left: 40px;
padding-right: 40px;
}
}
@media screen and (max-width: 1023px) {
.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;
}
}  .main-nav-menu-container {
width: auto;
flex-grow: 1;
}
.main-nav-menu {
display: flex;
justify-content: center;
font-size: 16px;
}
.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(//www.softwareseni.com/wp-content/themes/ssau-theme/assets/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: 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: 1023px) {
.nav-mobile-menu-container {
display: block !important;
}
.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-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 var(--turqoise);
border-radius: 50px;
font-family: var(--ssau-ff-roboto);
font-size: 14px;
font-weight: 500;
line-height: 27px;
letter-spacing: 0.0125em;
color: var(--turqoise);
}
@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) {
.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: 1023px) {
.ssau-old-nav ul li {
padding: 0px;
}
.main-nav-menu-container {
flex-grow: 0;
margin-bottom: 20px;
display: none;
}
.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: 1023px) {
.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;
}
}  .ssau-homepage-hero {
padding: 0px;
background-color: white;
position: relative;
overflow: hidden;
background: url(//www.softwareseni.com/wp-content/themes/ssau-theme/assets/img/ssau-2023/homepage-hero/bg-vector.svg);
background-size: 100%;
background-position: 0 65px;
background-color: #F4F9F9;
}
@media (min-width: 768px) {
.ssau-homepage-hero {
background-position: 0 100px;
}
}
.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: 181.5px 0 40px 0;
text-align: center;
}
.ssau-homepage-hero__container {
position: relative;
max-width: 846px;
width: 100%;
margin: 0 auto;
}
.ssau-homepage-hero__container a {
width: fit-content;
}
.ssau-homepage-hero__title {
font-size: 56px;
font-weight: 700;
line-height: 67.2px;
letter-spacing: -0.035em;
text-align: center;
color: var(--primary-blue);
margin: 0 auto 36px;
max-width: 759px;
}
.ssau-homepage-hero__label {
font-family: var(--ssau-ff-roboto);
text-transform: uppercase;
font-size: 14px;
font-weight: 700;
color: var(--turqoise);
text-align: center;
}
.ssau-homepage-hero__title span {
position: relative;
color: var(--green);
}
.ssau-homepage-hero__title span:last-of-type {
color: var(--turqoise);
}
.ssau-homepage-hero__desc p {
padding: 0;
margin: 0 auto 44px;
}
.ssau-homepage-hero .ssau-iso__cta-button {
margin: 0 auto;
padding: 10px 30px;
display: flex;
align-items: center;
gap: 20px;
border-radius: 50px;
border: 1.5px solid transparent;
color: #fff;
background-color: var(--turqoise);
cursor: pointer;
}
.video-desktop {
display: none;
margin: 40px auto;
background: #fff;
padding: 10px;
border-radius: 24px;
}
@media (min-width: 768px) {
.video-desktop {
margin: 73px auto 0;
padding: 20px;
}
}
@media (min-width: 1024px) {
.video-desktop {
max-width: 846px;
width: 846px;
}
}
.ssau-homepage-hero__bg-bottom {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
display: flex;
justify-content: space-between;
}
@media (max-width: 1023px) {
.ssau-homepage-hero__bg-bottom img:first-of-type {
display: none;
}
.ssau-homepage-hero__bg-bottom img {
margin-left: auto;
}
}
@media (min-width: 1024px) and (max-width: 1439px) {
.ssau-homepage-hero__bg-bottom img {
max-width: 49%;
}
}
.video-desktop video {
width: 100%;
border-radius: 12px;
}
.image-mobile {
display: block;
margin: 60px auto 0;
background: #fff;
padding: 20px;
border-radius: 10px;
}
@media screen and (min-width: 768px){
.video-desktop{
display: block;
}
.image-mobile { 
display: none;
}
}
.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 var(--turqoise);
color: var(--turqoise);
}
@media screen and (max-width: 480px) {
#ssau-collaboration-models {
padding: 60px 20px;
}
.ssau-homepage-brands-empowered__container {
padding: 60px 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 var(--turqoise);
color: var(--turqoise);
}
.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: 16px;
font-weight: 400;
line-height: 27px;
letter-spacing: 0.02em;
color: var(--navy);
max-width: 759px;
margin: 0 auto 44px;
}
.homepage-hero-img-wrapper {
margin-top: 39px;
}
@media (max-width: 480px) {
.ssau-homepage-hero__wrapper {
padding: 80px 24px 70px !important;
}
.ssau-homepage-hero .ssau-iso__cta-button {
width: fit-content;
}
.ssau-homepage-hero__container > h1 {
font-size: 42px;
font-weight: 700;
line-height: 51.6px;
letter-spacing: -0.035em;
text-align: center;
margin: 0 0 36px;
}
}  .ssau-homepage-counts {
background-color: #072e45;
color: #fff;
display: flex;
background-image: url(//www.softwareseni.com/wp-content/themes/ssau-theme/assets/img/ornament-turqoise.svg);
background-position: 5% 90%;
background-repeat: no-repeat;
background-size: auto;
}
.ssau-homepage-counts__container {
padding: 85px 0px;
margin: 0 auto;
width: 100%;
max-width: 1200px;
display: grid;
grid-template-columns: 1fr 1fr;
align-items: center;
}
.ssau-homepage-counts__container p {
font-family: var(--ssau-ff-roboto);
line-height: 27.2px;
}
@media (max-width:1023px) {
.ssau-homepage-counts {
background-position: 5% 95%;
}
.ssau-homepage-counts__container {
grid-template-columns: 1fr;
padding: 64px 20px 155px;
}
.ssau-homepage-counts__container > div:first-of-type {
margin-bottom: 40px;
}
}
.ssau-homepage-counts__container > div:last-of-type {
display: flex;
flex-wrap: wrap;
}
.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: 48px;
font-weight: 700;
line-height: 43.2px;
letter-spacing: -0.02em;
text-align: left;
margin: 0;
}
.ssau-homepage-counts__items {
display: flex;
flex-wrap: wrap; width: 100%;
text-align: center;
}
.ssau-who-we-serve-counts__label {
font-size: 14px;
font-family: var(--ssau-ff-roboto);
}
.ssau-homepage-counts__icon {
width: 32px;
height: 32px;
}
.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;
margin-bottom: 50px;
text-align: center;
}
.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: 36px;
font-weight: 700;
line-height: 43px;
margin-top: 10px;
margin-bottom: 0;
letter-spacing: -0.035em;
}
.ssau-homepage-counts__caption {
font-family: var(--ssau-ff-roboto);
font-size: 14px;
font-weight: 400;
line-height: 30px;
color: rgba(255, 255, 255, 1);
text-wrap: nowrap;
}
@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;
}
}
@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__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: 50px;
}
.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__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;
}
}  #ssau-collaboration-models {
padding: 90px 20px;
margin: 0 auto;
background-color: white;
color: #07324a;
font-family: "Roboto", sans-serif;
}
#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: 48px;
font-weight: 700;
line-height: 43.2px;
letter-spacing: -0.02em;
text-align: center;
}
.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: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);
}  .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 80s 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 {
margin: 45px auto;
max-width: 1140px;
}
.ssau-empowered__single-card {
width: 100%;
margin: 0;
background-color: #fff;
cursor: pointer;
text-decoration: none;
color: #07324a;
opacity: 1;
font-size: 16px;
max-height: 492px;
}
.ssau-empowered__single-card a {
text-decoration: none;
color: #052436;
display: grid;
grid-template-columns: 1fr 1fr;
justify-content: space-between;
align-items: center;
}
@media (min-width:1024px) and (max-width: 1439px) {
.ssau-empowered__single-card figure img {
width: 554px;
height: 430px;
}
}
@media screen and (min-width: 1440px) {
.ssau-empowered__single-card figure img {
width: 554px;
height: 492px;
}
}
@media screen and (max-width: 767px) {
.ssau-empowered__single-card {
margin-bottom: 32px;
max-height: unset;
padding: 0;
}
.ssau-empowered__single-card a {
grid-template-columns: 1fr;
}
.ssau-empowered__single-card a > figure {
order: 0;
}
.ssau-empowered__single-card a > div {
order: 1;
}
}
@media (min-width: 1140px) {
.ssau-empowered__single-card a {
width: 1140px;
}
.ssau-empowered__single-card a > div {
width: 555px;
}
}
h3.ssau-empowered__card-title {
font-size: 36px;
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;
}
@media (min-width: 1024px) {
.ssau-empowered__card-title,
p.ssau-empowered__card-desc {
padding-left: 100px;
padding-right: 100px;
}
}
.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: 600px) {
.ssau-homepage-service__list-wrapper {
grid-template-columns: auto;
}
}  #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; 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;
}
@media (min-width: 768px) {
.ssau-stacks__content {
max-width: 360px;
}
}
.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;
}
@media (min-width: 768px) {
.ssau-stacks__content h2 {
font-size: 48px;
}
}
.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: 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: 100%;
}
.ssau-stacks__image figure {
flex-basis: 50%;
flex-grow: 0;
flex-shrink: 1;
padding: 0 16px;
}
.ssau-stacks__aws {
width: 100%;
}
.ssau-stacks__list {
width: 100%;
}
.ssau-stacks__content {
width: 50%;
}
} .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;
}
@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: var(--green);
color: #ffffff;
}
#ssau-collaboration-models .ssau-iso__cta-button:hover,
.ssau-homepage-service .ssau-iso__cta-button:hover,
.ssau-iso__cta-button-turqoise:hover {
background-color: hsl(0, 0%, 100%);
border-color: var(--green);
color: var(--green) !important;
}
#ssau-collaboration-models .ssau-iso__cta-button:hover > div,
.ssau-homepage-service .ssau-iso__cta-button:hover > div,
.ssau-iso__cta-button-turqoise:hover > div {
color: var(--green) !important;
}
#ssau-collaboration-models .ssau-iso__cta-button:hover svg path,
.ssau-homepage-service .ssau-iso__cta-button:hover svg path,
.ssau-iso__cta-button-turqoise:hover svg path {
fill: var(--green) !important;
}
.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,
.ssau-iso__cta-button-turqoise: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;
} @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;
}
} .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;
background-color: var(--turqoise) !important;
color: #fff !important;
border: none !important;
}
.ssau-development-process-content .ssau-iso__cta-button:hover {
background-color: var(--green) !important;
border: none !important;
}
.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: 48px;
font-weight: 700;
line-height: 120%;
margin: 0;
max-width: 840px;
}
@media (max-width: 1023px) {
.ssau-development-process-content p {
font-size: 36px;
max-width: 680px;
}
}
@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;
}
}  .ssau-client-testimonial {
background-color: #f4f9f9;
background-image: url(//www.softwareseni.com/wp-content/themes/ssau-theme/assets/img/ssau-2023/green-ornament.svg);
background-position: 95% 10%;
background-repeat: no-repeat;
background-size: auto;
overflow-x: hidden;
}
@media (max-width:767px) {
.ssau-client-testimonial {
background-image: none;
}
}
.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: 0;
background-color: #fff;
border-radius: 12px;
box-shadow: 1px 1px 20px rgba(223, 236, 236, 0.78);
}
@media (max-width: 1139px) {
.ssau-testimonial-item {
margin-bottom: 20px;
}
}
div.ssau-client-testimonial-subheading {
font-weight: 700 !important;
}
p.ssau-client-testimonial-subheading {
color: var(--navy) !important;
max-width: 400px;
font-weight: 400 !important;
}
@media (min-width:768px) {
.ssau-testimonial-item {
width: 40%;
max-width: 262px;
height: 360px;
}
.ssau-client-testimonial .ssau-testimonial-list {
display: flex;
flex-wrap: wrap;
gap: 15px;
}
.ssau-client-testimonial-heading {
margin-right: 56px;
margin-bottom: 0 !important;
}
div.ssau-client-testimonial-subheading {
color: var(--turqoise) !important;
}
}
@media (min-width: 1139px) {
.ssau-client-testimonial .ssau-testimonial-list {
max-width: 1140px;
width: 1140px;
}
}
@media (min-width:1280px) {
.ssau-testimonial-item {
width: 25%;
}
}
@media (min-width: 768px) and (max-width: 1279px) {
.ssau-client-testimonial-title {
flex: 1 0 100%;
}
}
@media (min-width: 1280px) {
.ssau-client-testimonial .container {
display: flex;
flex-wrap: wrap;
}
.ssau-client-testimonial-container {
align-items: flex-start !important;
}
.ssau-testimonial-item:nth-of-type(3) {
margin-top: 110px;
}
.ssau-testimonial-item:nth-of-type(4),
.ssau-testimonial-item:nth-of-type(8),
.ssau-testimonial-item:nth-of-type(12)
{
margin-top: -240px;
}
.ssau-testimonial-item:nth-of-type(5),
.ssau-testimonial-item:nth-of-type(6),
.ssau-testimonial-item:nth-of-type(9),
.ssau-testimonial-item:nth-of-type(10),
.ssau-testimonial-item:nth-of-type(13),
.ssau-testimonial-item:nth-of-type(14) {
margin-top: -110px;
}
}
@media (min-width: 1440px) {
.ssau-client-testimonial .ssau-testimonial-list {
gap: 30px;
}
.ssau-client-testimonial-heading {
margin-right: 70px;
}
}
.more-client-wrapper {
width: 100%;
text-align: center;
}
.more-client {
margin: 0 auto;
text-transform: uppercase;
}
.more-client:hover {
background-color: transparent;
}
.ssau-testimonial-callout {
flex: 1;
display: flex;
flex-direction: column;
align-items: center;
text-align: center;
margin-bottom: 28px;
padding: 25px 25px 20px;
position: relative;
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;
padding: 0 32px 16px;
}
.ssau-testimonial-meta .image img {
width: 46px;
height: 46px;
margin-right: 16px;
}
.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: 16px;
font-weight: 700;
line-height: 24px;
margin-bottom: 4px;
color: #10405a;
}
.ssau-testimonial-meta p.project-name {
color: #969BAB;
font-family: var(--ssau-ff-roboto);
font-size: 14px;
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;
}  .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;
}
}  .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);
}  .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: 48px;
font-weight: 700;
line-height: 57px;
letter-spacing: -0.02em;
text-align: left;
}
.ssau-homepage-service__heading span {
position: relative;
color: #00afaa;
white-space: nowrap;
}
.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: 27px;
letter-spacing: 0.02em;
color: #10405a;
}
.ssau-homepage-service__desc p {
margin-top: 0;
margin-bottom: 10px;
}
.ssau-homepage-service__desc p a {
text-decoration: none;
color: inherit;
font-weight: 700;
}
.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: 1023px) {
.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__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: 0;
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;
}
}  .ssau-homepage-portfolio {
padding: 100px 20px 120px;
background-color: #F4F9F9;
}
.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-item {
position: relative;
}
.ssau-homepage-portfolio-description {
width: 645px;
background-color: #eef5f9;
border-radius: 10px;
padding: 60px 170px 60px 60px;
}
.ssau-homepage-portfolio-title {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
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-slider__item {
background-color: #fff;
border-radius: 12px;
height: 440px;
display: flex;
align-items: center;
gap: 34px;
padding: 40px 60px;
}
.ssau-homepage-portfolio-slider__item h3 {
color: #00AFAA;
font-size: 24px;
font-weight: 700;
}
.ssau-homepage-portfolio-slider__item p {
color: var(--navy);
padding-right: 84px;
margin-bottom: 24px;
font-family: var(--ssau-ff-roboto);
line-height: 24px;
}
.ssau-homepage-portfolio-slider__item-button {
color: var(--turqoise);
text-transform: uppercase;
text-decoration: none;
display: flex;
align-items: center;
gap: 20px;
}
.ssau-homepage-portfolio-slider__item-button span {
border-bottom: 1px solid var(--turqoise);
}
.ssau-homepage-portfolio-slider__item-description,
.ssau-homepage-portfolio-slider__item-image{
flex: 0 0 50%;
}
.ssau-homepage-portfolio-slider__item-image {
position: relative;
}
.ssau-homepage-portfolio-slider__item-image img {
position: relative;
z-index: 10;
}
.ssau-homepage-portfolio-slider__item-image::before {
content: "";
position: absolute;
top: 10px;
left: -10px;
width: 100%;
height: 100%;
background-color: #E0EDF4;
border-radius: 12px;
z-index: 1;
}
@media (max-width:767px) {
.ssau-homepage-portfolio-slider__item {
flex-direction: column;
height: auto;
}
.ssau-homepage-portfolio-slider__item p {
padding-right: 0;
}
.ssau-homepage-portfolio-slider__item-button {
gap: 10px;
}
.ssau-homepage-portfolio-slider .owl-nav.disabled {
display: none !important;
}
}
.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(//www.softwareseni.com/wp-content/themes/ssau-theme/assets/img/ssau-2023/homepage-portfolio/pattern.svg),
url(//www.softwareseni.com/wp-content/themes/ssau-theme/assets/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 .owl-prev,
.ssau-homepage-portfolio .owl-nav .owl-next {
margin: 0;
background-color: #ffffff !important;
border: 1px solid var(--turqoise) !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;
font-size: 24px;
}
.ssau-homepage-portfolio .owl-nav .owl-prev,
.ssau-homepage-portfolio .owl-nav .owl-next {
height: 40px;
}
}  .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;
}
}  .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: 36px;
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;
}
@media screen and (max-width: 767px) {
.ssau-homepage-blog-title-container .ssau-iso__cta-button-turqoise {
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;
}
}  .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(//www.softwareseni.com/wp-content/themes/ssau-theme/assets/img/ssau-2023/partnership/partnership-header-cracket-bottom.svg),
url(//www.softwareseni.com/wp-content/themes/ssau-theme/assets/img/ssau-2023/partnership/partnership-header-cracket.svg);
background-position: 100% 100%, 0 0;
background-repeat: no-repeat, no-repeat;
background-size: auto, auto;
padding: 10px 30px 10px 25px;
font-size: 38px;
font-weight: 700;
line-height: 50px;
color: #ffffff;
margin: 0;
margin-bottom: 20px;
}
.ssau-partnership-text {
padding-left: 25px;
padding-right: 25px;
color: #ffffff;
font-size: 18px;
line-height: 30px;
font-weight: 400;
font-family: var(--ssau-ff-roboto);
}
@media screen and (max-width: 1025px) {
.ssau-floating-contact-container {
flex-wrap: wrap;
padding: 45px 20px;
width: auto;
}
.ssau-partnership-left {
width: 100%;
max-width: none;
text-align: center;
margin-bottom: 30px;
}
.ssau-partnership-right {
width: 100%;
text-align: center;
}
}  .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;
}
}  .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;
}
.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;
}
}  .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;
}
.ssau-footer-links {
text-align: center;
max-width: 90%;
}
.ssau-footer-links a {
margin-bottom: 16px;
}
}
@media screen and (max-width: 600px) {
.ssau-footer {
padding: 25px 20px;
}
}  #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;
}
}  #ssau-insight-main-article {
margin: 100px 10px 0;
max-width: 800px; }
#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;
}
}  #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;
}
}  #insight-page {
position: relative;
width: 100%;
z-index: 5;
background-color: #ffffff;
}
.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; margin-bottom: 40px;
}
.insight-hero {
display: flex;
width: 100%;
height: 100%;
flex-direction: column;
gap: 20px;
flex: 1.2;
}
.insight-hero__title {
color: #10405a;
font-size: 36px;
font-weight: 700;
}
.insight-hero__title a {
color: #10405a;
text-decoration: none;
}
.insight-hero__img-wrapper {
width: 100%;
height: 100%;
border: 1px solid #cacdd5;
border-radius: 20px;
object-fit: contain;
}
.insight-hero__img-wrapper img {
width: 100%;
height: 100%;
max-height: 560px;
border-radius: 20px;
object-fit: contain;
}
.insight-list {
display: flex;
flex-direction: column;
gap: 20px;
flex: 1;
height: 100%;
}
.insight-list__title {
color: #969bab;
text-transform: uppercase;
font-family: Roboto;
font-size: 14px;
font-weight: 700;
}
.insight-card {
display: flex;
flex-direction: row;
gap: 23px;
opacity: 0.5;
}
.insight-card.active {
opacity: 1;
}
.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;
flex-direction: column;
flex: 1;
justify-content: center;
gap: 10px;
}
.insight-card__detail-container > h2 {
padding: 0;
margin: 0;
}
.insight-card__title {
font-family: "Roboto", sans-serif;
color: #10405a;
font-size: 20px;
font-weight: 700;
text-decoration: none;
}
.article-card__info,
.insight__info {
display: flex;
flex-direction: row;
gap: 10px;
}
.article-card__info span,
.insight__info span {
color: #969bab;
font-family: Roboto;
font-size: 14px;
font-weight: 700;
text-transform: uppercase;
}
.popular-articles .article-card__info span:nth-child(3),
.popular-articles .article-card__info span:nth-child(2) {
display: none;
}
.article-card__info span:nth-child(1),
.insight__info span:nth-child(1) {
color: #7bc794;
}
.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 {
display: flex;
flex-direction: column;
gap: 23px;
overflow: hidden;
}
.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;
padding-bottom: 20px;
flex-wrap: wrap;
}
.browse-by-topic__item {
font-family: "Roboto", sans-serif;
display: inline-block;
padding: 14px 24px;
color: #969bab;
border-radius: 25px;
border: 1px solid #cacdd5;
white-space: nowrap;
text-decoration: none;
}
.browse-by-topic__item:hover {
background-color: #f5f5f7;
border-color: #e1e2e7;
cursor: pointer;
}
.browse-by-topic__item.active {
background-color: #00afaa;
border-color: #00afaa;
color: #ffffff;
}
.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;
}
@media (max-width: 600px) {
.insight-hero__container {
padding: 90px 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;
}
.popular-articles {
flex-direction: column !important;
}
.grid-all-articles {
grid-template-columns: auto !important;
}
}
@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: 40%;
}
.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;
}
}  #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: #7bc794;
}
.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;
}  .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;
}
.ssau-portfolio-hero__right {
height: 350px !important;
}
}
@media only screen and (min-width: 376px) and (max-width: 600px) {
.ssau-breadcrumb {
margin-top: 0px;
} .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 {
background-color: #fafcfc;
padding: 50px 20px;
}
.ssau-portfolio-clients__container {
max-width: 1140px;
margin: 0 auto;
}
.ssau-portfolio-clients__title {
color: #969bab;
letter-spacing: 0.4px;
margin-bottom: 10px;
font-family: "Roboto", sans-serif;
font-size: 14px;
font-weight: 700;
}
.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(//www.softwareseni.com/wp-content/themes/ssau-theme/assets/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(//www.softwareseni.com/wp-content/themes/ssau-theme/assets/img/ssau-2023/portfolio-cta-bg-1.png),
url(//www.softwareseni.com/wp-content/themes/ssau-theme/assets/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-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;
}
}  #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 .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;
}  .privacy-policy {
padding: 275px 20px 100px;
background-image: url(//www.softwareseni.com/wp-content/themes/ssau-theme/assets/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;
}
}  .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(//www.softwareseni.com/wp-content/themes/ssau-theme/assets/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(//www.softwareseni.com/wp-content/themes/ssau-theme/assets/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(//www.softwareseni.com/wp-content/themes/ssau-theme/assets/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(//www.softwareseni.com/wp-content/themes/ssau-theme/assets/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(//www.softwareseni.com/wp-content/themes/ssau-theme/assets/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: 20px;
font-weight: 400;
line-height: 30px;
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-wrapper {
max-width: 1440px;
margin: 0px auto 100px 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: 48px;
font-weight: 700;
line-height: 58px;
letter-spacing: -0.035em;
text-align: center;
color: #10405a;
margin: 0;
}
.leadership-content-wrapper h2 span {
position: relative;
color: #00afaa;
}
.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;
}
.management-rows {
display: flex;
gap: 30px;
flex-direction: column;
justify-content: center;
align-items: center;
max-width: 1067px;
margin: 0 auto;
}
.first-row {
display: flex;
gap: 30px;
flex-direction: row;
justify-content: center;
align-items: flex-start;
width: 100%;
}
.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;
}
.second-row > div {
width: calc(100% / 4) !important;
}
}
@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;
flex-direction: column;
justify-content: center;
align-items: center;
max-width: 1067px;
margin: 0 auto;
}
.first-row {
flex-wrap: wrap;
flex-direction: row;
}
.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-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-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; 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;
}
} .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;
} .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;
} .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;
} .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 { 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;
} .secure-working-card {
width: 100%;
overflow: hidden;
height: 399px;
} .resilient-card {
width: 100%;
overflow: hidden; }
.resilient-section .section-top-row h2 {
max-width: 510px;
}
.resilient-section .section-top-row p {
max-width: 824px;
} .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-stage {
width: 100%;
gap: 40px;
z-index: 3;
}
.owl-nav button {
width: 60px;
height: 48px;
padding: 12px 18px 12px 18px;
border: 1px solid #cacdd5;
}
.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;
}  .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;
} .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-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-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;
} .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 { 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 {
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 > .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 .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: 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;
} 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;
} 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-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;
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;
}
}   .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 {
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;
} .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;
} .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;
} .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;
} .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-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; }
.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;
} .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-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-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 {
padding: unset;
}
}
@media screen and (max-width: 1024px) {
.people-hero-inner {
padding-bottom: 20px;
} .recruitment-process-inner {
padding: 80px;
} .training-and-career-inner {
padding: 80px;
} .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;
} .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) { .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-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-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; }
.onboarding-process-card-image-wrapper img {
height: unset;
width: unset;
} .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-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;
} .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-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-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;
}
}   .teams-container p,
.teams-container h1,
.teams-container h2,
.teams-container ul {
margin: 0;
padding: 0;
} .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;
} .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;
}
}   .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;
} .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-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;
} .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(//www.softwareseni.com/wp-content/themes/ssau-theme/assets/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(//www.softwareseni.com/wp-content/themes/ssau-theme/assets/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;
} .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;
} .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;
}
}   .what-we-do-mvp-container p,
.what-we-do-mvp-container h2,
.what-we-do-mvp-container ul {
margin: 0;
padding: 0;
} .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(//www.softwareseni.com/wp-content/themes/ssau-theme/assets/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(//www.softwareseni.com/wp-content/themes/ssau-theme/assets/img/ssau-2023/what-we-do-mvp/offering-card-2.jpg);
background-repeat: no-repeat;
background-position: bottom;
background-size: contain;
} .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-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;
}
}   .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;
} .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(//www.softwareseni.com/wp-content/themes/ssau-theme/assets/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(//www.softwareseni.com/wp-content/themes/ssau-theme/assets/img/ssau-2023/what-we-do-marketplace/offering-card-2.jpg);
background-repeat: no-repeat;
background-position: bottom;
background-size: contain;
} .what-we-do-marketplace-container .key-aspects_card {
height: 352px;
} .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);
}
}   .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;
} .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(//www.softwareseni.com/wp-content/themes/ssau-theme/assets/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;
} .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(//www.softwareseni.com/wp-content/themes/ssau-theme/assets/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(//www.softwareseni.com/wp-content/themes/ssau-theme/assets/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;
} .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-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;
}
}   .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;
} .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;
} .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(//www.softwareseni.com/wp-content/themes/ssau-theme/assets/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(//www.softwareseni.com/wp-content/themes/ssau-theme/assets/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;
} .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-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;
}
}   .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;
} .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;
} .what-we-do-mobile-app-container .offering_card:nth-child(1) {
background-image: url(//www.softwareseni.com/wp-content/themes/ssau-theme/assets/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;
} .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-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;
}
}    .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;
}
} .ssau-staff-culture-stats {
background-color: #072e45;
color: #fff;
display: flex;
}
.ssau-staff-culture-stats__container {
text-align: center;
background-image: url(//www.softwareseni.com/wp-content/themes/ssau-theme/assets/img/ssau-2023/portfolio-cta-bg-1.png),
url(//www.softwareseni.com/wp-content/themes/ssau-theme/assets/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;
}
}  .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(//www.softwareseni.com/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(//www.softwareseni.com/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(//www.softwareseni.com/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(//www.softwareseni.com/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(//www.softwareseni.com/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(//www.softwareseni.com/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(//www.softwareseni.com/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(//www.softwareseni.com/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(//www.softwareseni.com/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(//www.softwareseni.com/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 {
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;
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(//www.softwareseni.com/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; }
}
@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;
} .heighlight-title {
color: #00afaa;
position: relative;
}
@media screen and (max-width: 768px) {
.heighlight-title {
line-height: 20px;
}
} .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(//www.softwareseni.com/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(//www.softwareseni.com/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(//www.softwareseni.com/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.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;
}   .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;
}   @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%;
}
}    .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;
}   .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(//www.softwareseni.com/wp-content/themes/ssau-theme/assets/img/ssau-2023/what-we-do-ecommerce-website/checklist-icons.png);
position: absolute;
left: 0;
} .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(//www.softwareseni.com/wp-content/themes/ssau-theme/assets/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) { .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;
}
}  .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(//www.softwareseni.com/wp-content/themes/ssau-theme/assets/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(//www.softwareseni.com/wp-content/themes/ssau-theme/assets/img/ssau-2023/portfolio-cta-bg-1.png),
url(//www.softwareseni.com/wp-content/themes/ssau-theme/assets/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__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;
}
} .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;
}
}  .ssau-who-we-serve-counts {
background-color: #07324a;
color: #fff;
}
.ssau-who-we-serve-counts figure {
margin: 0;
padding: 0;
position: relative;
height: 450px;
overflow: hidden;
}
.ssau-who-we-serve-counts figcaption {
position: absolute;
top: 0;
height: 100%;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
text-align: center;
left: 50%;
transform: translateX(-50%);
}
@media (max-width: 767px) {
.ssau-who-we-serve-counts figcaption { 
width: 100%;
}
}
.ssau-who-we-serve-counts figcaption p {
color: #B3CFDE;
font-family: var(--ssau-ff-roboto);
}
.ssau-who-we-serve-counts figure img {
height: 100%;
width: 100%;
object-fit: cover;
}
@media (min-width: 1024px) {
.ssau-who-we-serve-counts figcaption {
min-width: 900px;
}
.ssau-who-we-serve-counts figcaption p {
margin: 0;
}
}
@media (min-width: 1920px) {
.ssau-who-we-serve-counts figure img {
width: 100%;
object-fit: cover;
}
}
.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: 48px;
font-weight: 700;
width: 565px;
margin-top: 0; }
.ssau-who-we-serve-counts .ssau-who-we-serve-counts__heading {
width: unset !important;
}
@media (min-width:768px) and (max-width: 1023px) {
.ssau-who-we-serve-counts .ssau-who-we-serve-counts__heading {
width: 600px !important;
}
}
@media (max-width: 767px) {
.ssau-who-we-serve-counts .ssau-who-we-serve-counts__heading {
width: 100% !important;
font-size: 36px;
}
}
.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%;
}
}  .ssau-who-we-serve-ourclient {
background-color: #10405a;
color: #fff;
}
.ssau-who-we-serve-ourclient__container {
text-align: left;
background-image: url(//www.softwareseni.com/wp-content/themes/ssau-theme/assets/img/ssau-2023/image-our-client.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; 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; 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;
}
}  .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(//www.softwareseni.com/wp-content/themes/ssau-theme/assets/img/ssau-2023/homepage-collaboration/collaboration-model-pattern.svg),
url(//www.softwareseni.com/wp-content/themes/ssau-theme/assets/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);
}
}   .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;
} .who-we-serve-saas-owl-carousel .owl-nav {
display: none !important;
} .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;
}
}   .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;
}
}   .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;
}
}   .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;
}
}  .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;
}
}  .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;
}   .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;
}
}   .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);
}
}   .ssau-our-service-hero { 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(//www.softwareseni.com/wp-content/themes/ssau-theme/assets/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%;
} .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 { }
.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;
} #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;
} .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;
}  @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;
}    #ssau-tab-team {
background-image: url(//www.softwareseni.com/wp-content/themes/ssau-theme/assets/img/ssau-2023/homepage-collaboration/collaboration-model-pattern.svg),
url(//www.softwareseni.com/wp-content/themes/ssau-theme/assets/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;
} .ssau-tab-team-content .tab {
overflow: hidden;
max-width: 1140px;
} .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;
} .ssau-tab-team-content .tab button:hover {
background-color: #ddd;
} .ssau-tab-team-content .tab button.active {
background-color: #00afaa;
color: #ffffff;
font-weight: 700;
} .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; }
.tabcontent:first-of-type {
display: block;
}
.ssau-tab-team-content .tablinks.active {
background-color: #ccc; }
.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(//www.softwareseni.com/wp-content/themes/ssau-theme/assets/img/ssau-2023/portfolio-cta-bg-1.png),
url(//www.softwareseni.com/wp-content/themes/ssau-theme/assets/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: 48px;
font-weight: 700;
line-height: 43.2px;
letter-spacing: -0.02em;
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(//www.softwareseni.com/wp-content/themes/ssau-theme/assets/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(//www.softwareseni.com/wp-content/themes/ssau-theme/assets/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;
}
} .ssau-tab-team-content .tab {
position: -webkit-sticky;
position: sticky;
top: 0;
padding-top: 71px;
background-color: white; z-index: 10; }
.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%;
}  #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; }
.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;
}    .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;
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;
}   .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;
}
}   .ssau-homepage-iso {
background-color: #fff;
}
.ssau-iso__cta-button-turqoise:hover p {
color: var(--green);
}
.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: var(--turqoise);
border: 1.5px solid transparent;
color: #fff !important;
}
.section-bottom__cta-button.yellow > div p {
color: #fff !important;
}
.section-bottom__cta-button.yellow:hover {
background-color: var(--green);
}
.section-bottom__cta-button.yellow:hover div p {
color: #fff;
}
.section-bottom__cta-button.yellow:hover div svg path {
fill: #fff;
}
.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;
}
}  .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;
}
}  .ssau-who-we-serve-counts {
background-color: #07324a;
color: #fff;
}
.ssau-who-we-serve-counts__container {
text-align: center;
background-image: url(//www.softwareseni.com/wp-content/themes/ssau-theme/assets/img/ssau-2023/portfolio-cta-bg-1.png),
url(//www.softwareseni.com/wp-content/themes/ssau-theme/assets/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: 48px;
font-weight: 700;
line-height: 43.2px;
letter-spacing: -0.02em;
margin-bottom: 16px !important;
}
@media (max-width: 767px) {
.ssau-who-we-serve-counts__heading {
font-size: 36px;
}
}
.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%;
}
}  .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: 48px;
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 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; 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(//www.softwareseni.com/wp-content/themes/ssau-theme/assets/img/ssau-2023/homepage-portfolio/pattern.svg),
url(//www.softwareseni.com/wp-content/themes/ssau-theme/assets/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: 53.7%;
right: 0;
z-index: 5;
overflow: hidden;
} .ssau-homepage-portfolio-image {
display: flex !important;
} .ssau-homepage-portfolio-image-list {
justify-content: flex-start !important;
display: flex !important;
flex-direction: column !important;
} .ssau-homepage-portfolio-image-list img {
max-width: 100% !important;
height: auto !important;
} .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: unset;
left: 50%;
transform: translateX(-50%);
top: 50%;
z-index: 10;
display: flex !important;
justify-content: space-between;
width: 100%;
}
.ssau-homepage-portfolio .owl-nav .owl-prev,
.ssau-homepage-portfolio .owl-nav .owl-next {
width: 40px;
height: 40px;
margin: 0;
display: flex;
background-color: #ffffff !important;
border: 1px solid #cacdd5;
flex-direction: row;
justify-content: center;
align-items: center;
border-radius: 999999px;
}
.owl-prev {
margin-left: -20px !important;
}
.owl-next {
margin-right: -20px !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;
}
@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: space-between;
}
}
@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-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-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: 16px;
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;
}  .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;
margin-bottom: 24px;
}
.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;
}  .ssau-who-we-serve-ourclient {
background-color: #10405a;
color: #fff;
}
.ssau-who-we-serve-ourclient__container {
text-align: left;
background-image: url(//www.softwareseni.com/wp-content/themes/ssau-theme/assets/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; 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;
}
} .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;
} @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: 1023px) {
.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%;
}
}   .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);
}  .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.first-name {
margin-bottom: 8px;
}
.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-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-faq {
background: #F4F9F9;
padding: 60px 20px;
text-align: center;
}
.ssau-faq__label {
font-family: var(--ssau-ff-roboto);
font-size: 14px;
font-weight: 700;
line-height: 21px;
letter-spacing: 1.5px;
color: var(--turqoise);
text-transform: uppercase;
margin-bottom: 4px;
}
.ssau-faq__heading {
font-size: 48px;
font-weight: 700;
line-height: 43px;
color: var(--navy);
margin-bottom: 4px;
margin-top: 0;
}
@media (max-width: 1023px) {
.ssau-faq__heading {
font-size: 36px;
}
}
.ssau-faq__subheading {
font-size: 16px;
font-weight: 400;
line-height: 27px;
color: var(--navy);
margin: 0;
font-family: var(--ssau-ff-roboto);
}
@media (min-width: 768px) {
.ssau-faq__subheading {
display: none;
}
}
.ssau-faq__list {
list-style-type: none;
text-align: left;
padding-left: 0;
}
.ssau-faq__list-item {
background: #fff;
border-radius: 12px;
padding: 20px 28px;
margin-bottom: 20px;
}
.ssau-faq__list-item__content p {
font-family: var(--ssau-ff-roboto) !important;
font-size: 16px;
color: var(--navy);
line-height: 150%;
}
.ssau-faq__list-item__header {
display: flex;
align-items: center;
justify-content: space-between;
cursor: pointer;
}
.ssau-faq__list-item__header h4 {
flex-shrink: 1;
max-width: 90%;
font-family: var(--ssau-ff-roboto);
color: var(--navy);
font-size: 16px;
line-height: 24px;
}
@media (min-width: 768px) {
.ssau-faq__list-item__header {
height: 88px;
}
.ssau-faq__container {
max-width: 1140px;
margin: 0 auto;
}
.ssau-faq__list {
display: inline;
}
.ssau-faq__content {
padding-bottom: 80px;
}
.ssau-faq__list-item {
width: 100%;
max-width: 555px;
float: left;
min-height: 88px;
padding-top: 0;
padding-bottom: 0;
}
.ssau-faq__list-item:nth-child(odd) {
margin-right: 30px;
}
}
.ssau-iso__cta-button-turqoise {
padding: 10px 30px;
display: inline-flex;
align-items: center;
gap: 20px;
border-radius: 50px;
border: 1.5px solid var(--turqoise);
color: var(--turqoise);
width: fit-content;
text-decoration: none;
transition: color 0.2s linear, background-color 0.2s linear;
touch-action: manipulation;
}
.ssau-iso__cta-button-turqoise p {
margin: 0;
color: var(--turqoise);
}
.ssau-iso__cta-button-turqoise .ssau-button-arrow-icon {
transition: transform 0.2s linear;
}
.ssau-iso__cta-button-turqoise > div {
font-family: var(--ssau-ff-roboto);
text-transform: uppercase;
font-size: 16px;
font-weight: 500;
line-height: 24px;
letter-spacing: 0.02em;
display: flex;
gap: 20px;
align-items: center;
}
.big {
width: 100%;
font-size: 56px;
color: var(--turqoise);
}
.bg-white {
background-color: #fff;
}
.support-icon-list {
display: flex;
gap: 20px;
margin-bottom: 20px !important;
}
.support-icon-list img {
width: 24px;
height: 24px;
}
.page-template-template-home-2025 #subscribe-btn {
background-color: var(--turqoise) !important;
color: #fff !important;
}
.page-template-template-home-2025 #subscribe-btn:hover {
background-color: var(--green) !important;
}
.page-template-template-home-2025 .arrow-newsletter path {
fill: #fff !important;
}
@media (max-width: 1023px) {
.ssau-homepage-service__image-desktop {
display: none;
}
}
@media (min-width: 1024px) {
.ssau-homepage-service__image-mobile {
display: none;
}
}
.ssau-homepage-portfolio-slider.owl-carousel .owl-item.active {
transition: none !important;
}
@media (min-width: 768px) {
.hidden-md {
display: none;
}
}
@media (max-width:767px) {
.hidden-xs {
display: none;
}
}
.page-template-template-home-2025 .arrow-newsletter path {
fill: #fff !important;
} .ssau-referal-hero {
padding: 0px;
background-color: white;
position: relative;
overflow: hidden;
background: url(//www.softwareseni.com/wp-content/themes/ssau-theme/assets/img/ssau-2023/homepage-hero/bg-vector.svg);
background-size: 100%;
background-position: 0 65px;
background-color: #F4F9F9;
}
@media (min-width: 768px) {
.ssau-referal-hero {
background-position: 0 100px;
}
}
.ssau-referal-hero__wrapper {
margin-top: 100px;
padding: 104px 0;
color: var(--navy);
max-width: 1140px;
margin-left: auto;
margin-right: auto;
}
.ssau-referal-hero__container {
display: flex;
justify-content: space-between;
align-items: center;
}
.ssau-referal-hero__image {
max-width: 480px;
}
.turqoise {
color: var(--turqoise);
}
.page-template-template-referal #ssau-collaboration-models {
padding: 0;
}
.page-template-template-referal .ssau-empowered__card-area {
margin: 0 auto;
}
.page-template-template-referal .ssau-empowered__single-card {
max-height: unset;
padding: 0;
}
.page-template-template-referal .ssau-empowered__single-card figure {
margin: 0;
max-width: 480px;
}
.ssau-iso__cta-button--turqoise {
background-color: var(--turqoise);
color: #fff;
border: none;
margin-top: 40px;
}
.page-template-template-referal h1 {
font-size: 56px;
line-height: 120%;
letter-spacing: -3.5%;
margin: 0;
}
.page-template-template-referal .ssau-old-nav .container,
.page-template-template-referal-success .ssau-old-nav .container {
height: 100%;
}
.page-template-template-referal .ssau-old-nav .ssau-old-nav-right,
.page-template-template-referal-success .ssau-old-nav .ssau-old-nav-right {
flex-grow: 0;
}
.page-template-template-referal .ssau-old-nav .ss-logo-small,
.page-template-template-referal-success .ssau-old-nav .ss-logo-small {
display: none;
}
.page-template-template-referal figure {
margin: 0;
width: 100%;
}
.page-template-template-referal .ssau-old-hamburger,
.page-template-template-referal-success .ssau-old-hamburger {
display: none !important;
}
.ssau-referal__single-card {
display: flex;
padding: 80px 0;
align-items: center;
justify-content: space-between;
max-width: 1140px;
margin: 0 auto;
}
.ssau-referal__single-card figure {
flex-basis: 480px;
flex-grow: 0;
flex-shrink: 0;
width: 480px;
}
.ssau-referal-title {
color: var(--navy);
line-height: 170%;
font-family: var(--ssau-ff-roboto);
max-width: 650px;
}
.ssau-referal-title h3 {
font-size: 48px;
line-height: 120%;
letter-spacing: -3.5%;
margin: 0;
margin-bottom: 24px;
}
.ssau-referal-title p {
font-size: 14px;
line-height: 150%;
font-family: var(--ssau-ff-roboto);
color: var(--turqoise);
font-weight: 700;
margin-bottom: 8px;
text-transform: uppercase;
}
.ssau-referal-title span {
font-family: var(--ssau-ff-roboto);
}
.ssau-referal-how-it-works,
.ssau-referal-earnings,
#ssau-referal-get-started {
background-color: #F4F9F9;
padding: 80px 0;
}
.ssau-referal-how-it-works .ssau-referal-title,
.ssau-referal-earnings .ssau-referal-title {
text-align: center;
margin: 0 auto 40px;
}
.ssau-referal-how-it-works__container,
.ssau-referal-benefit__container,
.ssau-referal-earnings__container,
.ssau-referal-get-started__container {
display: flex;
justify-content: space-between;
align-items: center;
max-width: 1140px;
margin: 0 auto;
flex-wrap: wrap;
color: var(--navy);
}
.ssau-referal-how-it-works__box,
.ssau-referal-earnings__box {
max-width: 360px;
background: #fff;
border-radius: 12px;
border: 1px solid #CACDD5;
display: flex;
flex-direction: column;
justify-content: flex-start;
align-items: center;
padding: 40px 16px;
color: var(--navy);
min-height: 287px;
}
.ssau-referal-how-it-works__box h4 {
font-size: 20px;
font-family: var(--ssau-ff-roboto);
margin: 24px auto 8px;
}
.ssau-referal-how-it-works__box p,
.ssau-referal-earnings__box h4 {
margin: 0;
text-align: center;
font-family: var(--ssau-ff-roboto);
line-height: 170%;
font-weight: 400;
}
.ssau-referal-benefit {
padding: 80px 0;
}
.ssau-referal-benefit ul {
padding-left: 16px;
}
.ssau-referal-benefit h4 {
font-family: var(--ssau-ff-roboto);
font-size: 20px;
line-height: 150%;
margin: 0;
}
.ssau-referal-benefit p {
font-family: var(--ssau-ff-roboto);
font-size: 16px;
line-height: 170%;
margin: 0;
}
.ssau-referal-benefit li {
margin-bottom: 16px;
}
.ssau-referal-earnings__box {
max-width: unset;
flex-direction: row;
min-height: unset;
padding: 32px;
}
.ssau-referal-earnings__box h4 {
max-width: 45ch;
text-align: left;
margin-left: 24px;
}
.ssau-referal-cta {
position: relative;
height: 450px;
max-width: 1440px;
margin: 0 auto;
}
@media (max-width: 767px) {
.ssau-referal-cta {
height: 650px;
}
}
.ssau-referal-cta figcaption {
position: absolute;
top: 0;
height: 100%;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
text-align: center;
left: 50%;
transform: translateX(-50%);
color: #fff;
}
.ssau-referal-cta figcaption h2 {
font-size: 48px;
min-width: 658px;
margin: 0 auto 24px;
}
.ssau-referal-cta figcaption p {
font-size: 16px;
line-height: 170%;
margin: 0 auto 40px;
max-width: 524px;
}
.ssau-referal-cta__button {
background-color: var(--turqoise);
border: 1.5px solid transparent;
color: #fff;
text-decoration: none;
border-radius: 50px;
display: inline-flex;
align-items: center;
text-align: center;
padding: 13px 24px;
transition: all 300ms ease-out;
text-transform: uppercase;
font-family: var(--ssau-ff-roboto);
}
.ssau-referal-cta__button:hover {
background-color: var(--green);
}
.page-template-template-referal .ssau-faq__list-item {
max-width: unset;
}
.page-template-template-referal .ssau-faq {
background: #fff;
}
.page-template-template-referal .ssau-faq .ssau-referal-title {
margin: 0 auto;
}
.ssau-referal-get-started__form-wrapper {
flex-grow: 1;
margin-left: 105px;
}
.ssau-referal-get-started__form > div {
display: flex;
flex-direction: column;
margin-bottom: 20px;
}
.ssau-referal-get-started__form-group.phone-number,
.ssau-referal-get-started__form-group.email {
flex-basis: 48%;
}
.ssau-referal-get-started__form-group.phone-number input,
.ssau-referal-get-started__form-group.email input {
width: 100%;
}
#ssau-referal-get-started .gform_wrapper.gravity-theme .gfield input.large,
#ssau-referal-get-started .gform_wrapper.gravity-theme .gfield select.large {
background: #fff;
border: 1px solid #CACDD5;
border-radius: 8px;
padding: 18px 14px;
color: var(--navy);
font-family: var(--ssau-ff-roboto);
}
#ssau-referal-get-started .ginput_container_select {
position: relative;
}
#ssau-referal-get-started .ginput_container_select select {
appearance: none;
-webkit-appearance: none;
-moz-appearance: none;
}
#ssau-referal-get-started .ginput_container_select::after {
content: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17.0002 9.17019C16.8128 8.98394 16.5594 8.87939 16.2952 8.87939C16.031 8.87939 15.7776 8.98394 15.5902 9.17019L12.0002 12.7102L8.46019 9.17019C8.27283 8.98394 8.01938 8.87939 7.75519 8.87939C7.49101 8.87939 7.23756 8.98394 7.05019 9.17019C6.95646 9.26315 6.88207 9.37375 6.8313 9.49561C6.78053 9.61747 6.75439 9.74818 6.75439 9.88019C6.75439 10.0122 6.78053 10.1429 6.8313 10.2648C6.88207 10.3866 6.95646 10.4972 7.05019 10.5902L11.2902 14.8302C11.3832 14.9239 11.4938 14.9983 11.6156 15.0491C11.7375 15.0998 11.8682 15.126 12.0002 15.126C12.1322 15.126 12.2629 15.0998 12.3848 15.0491C12.5066 14.9983 12.6172 14.9239 12.7102 14.8302L17.0002 10.5902C17.0939 10.4972 17.1683 10.3866 17.2191 10.2648C17.2699 10.1429 17.296 10.0122 17.296 9.88019C17.296 9.74818 17.2699 9.61747 17.2191 9.49561C17.1683 9.37375 17.0939 9.26315 17.0002 9.17019Z' fill='%23969BAB'/%3E%3C/svg%3E");
position: absolute;
right: 15px;
top: 50%;
transform: translateY(-50%);
pointer-events: none;
font-size: 12px;
color: #333;
}
#ssau-referal-get-started select option[value=""] {
color: #969BAB;
}
#ssau-referal-get-started .gform_wrapper.gravity-theme .gfield textarea.medium {
background: #fff;
border: 1px solid #CACDD5;
border-radius: 8px;
height: 100px;
padding: 8px 14px;
}
#ssau-referal-get-started .gform_wrapper.gravity-theme .gfield textarea.medium::placeholder {
color: #969BAB;
}
.ssau-referal-get-started__form label {
color: var(--navy);
font-weight: 700;
font-family: var(--ssau-ff-roboto);
}
#ssau-referal-get-started .gform_button {
border: none;
background-color: var(--turqoise);
cursor: pointer;
color: #fff;
font-weight: 500;
border-radius: 50px;
align-items: center;
padding: 10px 30px;
height: 50px;
width: 181px;
text-align: left;
background-image: url(//www.softwareseni.com/wp-content/themes/ssau-theme/assets/icons/ssau-2023/referral-arrow_right_circle.svg);
background-repeat: no-repeat;
background-position: right 30px center; 
font-family: var(--ssau-ff-roboto);
text-transform: uppercase;
transition: all 0.2s linear, background-color 0.2s linear;
}
.ssau-referal-get-started__form .ssau-iso__cta-button {
border: none;
background-color: var(--turqoise);
cursor: pointer;
color: #fff;
}
#ssau-referal-get-started .gform_button:hover {
background-color: var(--green);
background-position: right 10px center; 
}
.ssau-referal-get-started__form .ssau-iso__cta-button:hover {
background-color: var(--green);
}
.ssau-referal-get-started__form input,
.ssau-referal-get-started__form textarea {
padding: 18px 14px;
border-radius: 8px;
border: 1px solid #CACDD5;
}
.ssau-referal-get-started__form > div.--row {
flex-direction: row;
max-width: 555px;
justify-content: space-between;
}
.ssau-referal-get-started__form-group label {
margin-bottom: 15px;
display: inline-block;
}
.page-template-template-referal .ssau-faq__list-item {
border: 1px solid #CACDD5;
}
.page-template-template-referal sup {
color: #E35050;
margin-left: 5px;
}
.ssau-referal-get-started__form-group.dropdown select {
display: none;
} .page-template-template-referal .custom-dropdown-btn {
display: block;
width: 100%;
padding: 18px 15px;
background-color: #fff;
border: 1px solid #ccc;
border-radius: 4px;
cursor: pointer;
position: relative;
text-align: left;
transition: all 0.3s ease;
color: #555;
}
.page-template-template-referal .custom-dropdown-btn:hover {
border-color: #999;
}
.page-template-template-referal .custom-dropdown-btn:after {
content: '';
position: absolute;
right: 15px;
top: 50%;
transform: translateY(-50%);
width: 0;
height: 0;
border-left: 6px solid transparent;
border-right: 6px solid transparent;
border-top: 6px solid #555;
transition: transform 0.3s ease;
}
.page-template-template-referal .custom-dropdown-btn.active:after {
transform: translateY(-50%) rotate(180deg);
} .page-template-template-referal .custom-dropdown-options {
display: none;
position: absolute;
width: 100%;
max-height: 250px;
overflow-y: auto;
background-color: #fff;
border: 1px solid #ccc;
border-top: none;
border-radius: 0 0 4px 4px;
z-index: 10;
box-shadow: 0 4px 8px rgba(0,0,0,0.1);
}
.page-template-template-referal .custom-dropdown-option {
padding: 10px 15px;
cursor: pointer;
transition: background-color 0.2s ease;
}
.page-template-template-referal .custom-dropdown-option:hover {
background-color: #f5f5f5;
}
.page-template-template-referal .custom-dropdown-option.selected {
background-color: #e7f3ff;
font-weight: 600;
} .page-template-template-referal .dropdown-wrapper {
position: relative;
}
.page-template-template-referal .dropdown-wrapper.open .custom-dropdown-btn {
border-radius: 4px 4px 0 0;
border-color: #999;
}
.ssau-referal-hero__desc {
font-size: 28px;
max-width: 560px;
}
@media (min-width:834px) and (max-width:1199px) {
.ssau-referal-hero__container,
.ssau-referal-models__container,
.ssau-referal-how-it-works__container,
.ssau-referal-benefit__container,
.ssau-referal-earnings__container,
.ssau-referal-get-started__container {
padding-left: 24px;
padding-right: 24px;
align-items: flex-start;
}
.ssau-referal-benefit__box {
max-width: 48%;
}
.ssau-referal-benefit__container > div:last-of-type {
max-width: 50%;
}
.ssau-referal-how-it-works__box {
max-width: 32%;
min-height: 350px;
}
.ssau-referal-earnings__box {
max-width: 100%;
width: 100%;
flex: 0 0 100%;
margin-bottom: 20px;
}
.ssau-referal-cta figure img {
position: absolute;
object-fit: cover;
width: 100%;
height: 100%;
top: 0;
left: 0;
right: 0;
}
.ssau-referal-get-started__container > div:first-of-type {
width: 35%;
}
.ssau-referal-get-started__container > div:last-of-type {
width: 50%;
}
.page-template-template-referal .ssau-iso__cta-button {
width: unset;
}
}
@media (max-width:833px) {
.page-template-template-referal .ssau-iso__cta-button {
width: unset;
}
.ssau-referal-hero__container,
.ssau-referal-models__container,
.ssau-referal-how-it-works__container,
.ssau-referal-benefit__container,
.ssau-referal-earnings__container,
.ssau-referal-get-started__container,
.ssau-referal__single-card {
flex-direction: column;
max-width: 90%;
}
.ssau-referal-how-it-works__box {
max-width: 90%;
width: 90%;
margin-bottom: 20px;
}
.ssau-referal-earnings__box {
margin-bottom: 20px;
flex-direction: column;
}
.ssau-referal-cta figure img {
position: absolute;
object-fit: cover;
width: 100%;
height: 100%;
top: 0;
left: 0;
right: 0;
}
.page-template-template-referal .ssau-iso__cta-button--turqoise {
margin-top: 0;
margin-left: 0;
}
.page-template-template-referal img {
max-width: 100%;
}
.ssau-referal-get-started__form-wrapper {
margin-left: unset;
}
.ssau-referal-models__container,
.ssau-referal-cta figcaption {
max-width: 90%;
}
.ssau-referal-cta figcaption h2 {
min-width: unset;
}
.ssau-referal-title {
max-width: 90%;
}
.ssau-referal__single-card figure {
flex-basis: 100%;
width: 100%;
}
#ssau-referal-models h3 {
font-size: 36px;
}
.ssau-referal-hero__container {
padding-left: 24px;
}
.page-template-template-referal h1 {
font-size: 36px;
}
.ssau-referal-hero__desc {
font-size: 24px;
}
.ssau-referal-cta figcaption {
width: 100%;
}
}
.referal-success-wrapper {
min-height: 100vh;
width: 100%;
display: flex;
justify-content: center;
align-items: center;
color: var(--navy);
}
.referal-success-content {
max-width: 600px;
text-align: center;
}
.referal-success-content h1 {
font-size: 36px;
}
.referal-success-content p {
max-width: 580px;
}
.ssau-ai-badge {
display: none;
}
.ssau-ai-badge {
position: absolute;
z-index: 99999;
}
.ssau-ai-badge img {
width: 117px;
}
@media (min-width: 1280px) {
.ssau-ai-badge {
display: block;
right: 10%;
top: 92px;
}
}body.admin-bar .main-nav { top: 32px; }
#our-expertise .our-works-page .banner .banner-inside .banner-name h2 { text-transform: none; color: inherit; }