.text-center {
text-align: center;
}
@media (min-width: 768px) {
.text-center-md {
text-align: center;
}
}
@media (min-width: 960px) {
.text-center-lg {
text-align: center;
}
}
#carousel {
margin: 0 auto;
justify-content: center;
}
#carousel .carousel-item > a {
display: block;
height: 184px;
overflow: hidden;
margin-bottom: 26px;
}
#carousel .carousel-image {
width: 100%;
height: 100%;
background-position: center;
background-size: cover;
}
#carousel .icon-left-open-big:before,
#carousel .icon-right-open-big:before {
margin: 0 .2em;
font-weight: 600;
}
#carousel .slick-slide {
margin-right: 5px;
margin-left: 5px;
}
#carousel .slick-list {
max-width: 1180px;
}
@media (min-width: 1280px) {
#carousel .slick-list {
max-width: 1220px;
}
}
#carousel .slick-dots {
list-style: none;
margin: 5px;
display: flex;
flex-direction: row;
}
#carousel .slick-dots li {
margin-bottom: 0;
}
#carousel .slick-dots button {
background-color: #e1e4e6;
color: #e1e4e6;
padding: 0;
width: 9px;
height: 9px;
border-radius: 50%;
margin: 0 16px 0 0;
}
#carousel .slick-active button {
background-color: var(--primary-blue);
color: var(--primary-blue);
}
#our-capabilities .capabilities-item {
margin-top: 20px;
}
@media (max-width: 959px) {
.section-our-team.rectangle-box .mcb-section-inner:before {
background-color: transparent;
}
.section-our-team.rectangle-box .rec-text {
top: 0;
}
.section-our-team.rectangle-box .rec-image {
top: 0;
}
}
@media (min-width: 768px) and (max-width: 959px) {
.section-our-team.rectangle-box .rec-text {
top: 0;
}
}
@media only screen and (min-width: 960px) and (max-width: 1239px) {
.section.mcb-section.section-our-team {
padding-top: 70px;
padding-bottom: 180px;
}
}
.section-our-team .section_wrapper,
.section-who-we-are .section_wrapper {
position: relative;
}
.bg-our-team,
.bg-who-we-are {
position: absolute;
width: 152% !important;
height: 580px;
top: -50px;
left: 110px;
display: none;
}
.bg-who-we-are {
background-color: #f8f8f8;
}
.bg-our-team {
background-color: #f4fbfc;
}
#testimonials .column:last-child .testimonial {
margin-bottom: 0;
}
#testimonials .column:nth-child(even) .testimonial {
background-color: #1a76ca;
}
@media (min-width: 768px) and (max-width: 959px) {
#testimonials .testimonial {
margin-bottom: 90px;
}
}
@media (max-width: 550px) {
.no-padding-xs .section_wrapper {
padding-right: 0 !important;
padding-left: 0 !important;
}
.padding-xs {
padding-right: 33px;
padding-left: 33px;
}
}
@media (max-width: 767px) {
.no-padding-sm .section_wrapper {
padding-right: 0 !important;
padding-left: 0 !important;
}
.padding-sm {
padding-right: 33px;
padding-left: 33px;
}
}
@media (max-width: 767px) {
.full-width-sm .section_wrapper {
max-width: 100% !important;
}
}
@media (max-width: 767px) {
#our-capabilities {
background-image: none;
}
#our-capabilities .capabilities-item:nth-child(n + 3) { }
#our-capabilities .capabilities-item.display-none-sm {
display: none;
}
#testimonials .column:not(:first-child) {
display: none;
}
#testimonials p {
margin-bottom: 15px;
}
}
@media (max-width: 959px) {
#testimonials {
flex-direction: column;
}
#testimonials .column {
width: 100%;
}
#testimonials p {
margin-bottom: 15px;
}
}
@media (min-width: 768px) {
.center-on-tablet {
text-align: center;
}
#our-capabilities .see-more-link.color-white {
display: none;
}
}
@media (min-width: 960px) {
.bg-our-team {
display: block;
height: 582px;
}
.bg-who-we-are {
display: block;
height: 490px;
}
}
@media (min-width: 1240px) {
.bg-our-team {
height: 492px;
}
.bg-who-we-are {
height: 492px;
}
.section-our-team .mcb-item-image-inner,
.section-who-we-are .mcb-item-image-inner {
padding-right: 50px;
}
} .hero-about .srdc-subtitle {
max-width: 440px;
}
.hero-about .srdc-subtitle h4 {
font-weight: 400px;
}
.left-border h3 {
margin-bottom: 0;
border-left: 9px solid var(--accent);
padding-left: 25px;
}
@media (min-width: 960px) {
.section-about-counter {
background-image: linear-gradient(90deg, var(--primary-navy) 50%, #51A3ED 50%);
}
}
@media (max-width: 767px) {
.content_wrapper img {
width: 100%;
}
}
.section.hero-about,
.section.hero-home {
background-position: top;
}
@media (max-width: 570px) {
.section.hero-about {
background-size: contain;
height: calc(100vw + 176px);
}
}
@media (max-width: 570px) {
.section.hero-home {
background-size: cover;
height: calc(100vw + 120px);
}
}  body.keyboard-support .see-more [role="link"]:focus {
outline: 0 !important;
}
body.keyboard-support .wrap-see-more [role="link"]:focus {
outline: 0 !important;
}
.style-simple .see-more .accordion .question {
border: none;
}
.style-simple .see-more .accordion .question:after {
width: 0;
}
.see-more .accordion .question > .title > .acc-icon-plus,
.see-more .accordion .question > .title > .acc-icon-minus {
display: none;
}
.style-simple .see-more .accordion .question .title {
padding: 2px;
}
.style-simple .see-more .accordion .question .answer {
padding: 0;
} .see-more .accordion .question {
display: flex;
flex-direction: column;
}
.see-more .accordion .question > .title {
font-size: 16px;
text-transform: uppercase;
color: var(--primary-navy);
display: inline-flex;
border: 1px dotted lightblue;
align-self: center;
align-items: center;
margin-bottom: 10px;
}
.see-more .accordion .question > .title:after {
content: "";
display: inline-block;
border-right: 0.33em solid transparent;
border-left: 0.33em solid transparent;
border-top: 0.44em solid var(--primary-navy);
background: aliceblue;
margin-left: 0.6em;
}
.see-more .accordion .question.active > .title:after {
transform: rotate(-180deg);
} .text {
display: flex;
flex-direction: column;
}
@media (min-width: 768px) {
.text {
align-items: center;
}
}
.text .more-text {
display: none; }
.text.show-more .more-text {
display: inline;
}
.text.show-more .text-dots {
display: none;
}
.text.show-more .see-more-link:after {
transform: rotate(-180deg);
transition: border-top-color 0.4s ease-in-out;
}
.see-more-link {
cursor: pointer;
font-size: 16px;
font-weight: 600;
text-transform: uppercase;
color: var(--primary-navy);
display: inline-flex;
align-self: flex-start;
align-items: center;
margin-bottom: 10px;
transition: var(--transition);
}
.see-more-link.color-white {
color: white;
margin-top: 20px;
}
@media (min-width: 768px) {
.see-more-link {
align-self: center;
}
}
.see-more-link:after {
content: "";
display: inline-block;
border-right: 0.33em solid transparent;
border-left: 0.33em solid transparent;
border-top: 0.44em solid var(--primary-navy);
background: aliceblue;
margin-left: 0.6em;
transition: border-top-color 0.4s ease-in-out;
}
.see-more-link.color-white:after {
border-right: 0.33em solid #080808;
border-left: 0.3em solid #080808;
border-top: 0.44em solid white;
}
.see-more-link.color-white.open:after {
transform: rotate(-180deg);
transition: border-top-color 0.4s ease-in-out;
}
.see-more-link:hover {
color: var(--accent);
transition: var(--transition);
}
.see-more-link:hover:after {
border-top-color: var(--accent);
transition: var(--transition);
} .section-our-code h2 {
margin-bottom: 30px;
}
.section-our-code .big {
margin-bottom: 30px;
} @media (min-width: 768px) {
.section-pre-qualifications {
text-align: center;
}
}
.section-pre-qualifications h2 {
margin-bottom: 30px;
}
.section-pre-qualifications h3 {
font-size: 18px;
margin-bottom: 0;
line-height: 1.3;
}
.section-pre-qualifications .big {
margin-bottom: 40px;
}
@media only screen and (min-width: 320px) and (max-width: 520px) {
.section.mcb-section.section-pre-qualifications {
padding-top: 70px;
padding-bottom: 0px;
}
} .style-simple .section-our-principles .tabs_vertical.ui-tabs .ui-tabs-nav li a {
text-align: left;
}
@media (max-width: 959px) {
.style-simple .section-our-principles .tabs_vertical.ui-tabs .ui-tabs-nav li a {
font-size: 16px;
}
}
body.keyboard-support .section-our-principles a:focus {
outline: 0 !important;
}
.section-our-principles .ui-tabs .ui-tabs-nav li a {
font-size: 20px;
font-weight: 400;
line-height: 1.3;
}
.section-our-principles .ui-tabs .ui-tabs-nav li.ui-state-active a {
color: var(--primary-blue);
}
.section-our-principles h4 {
color: var(--primary-blue);
text-transform: initial;
margin-top: 20px;
}
@media (min-width: 768px) {
.section-our-principles .tabs_vertical.ui-tabs .ui-tabs-nav {
width: 35%;
}
.section-our-principles .tabs_vertical.ui-tabs .ui-tabs-panel {
width: 64.7%;
border: none !important;
}
}
.style-simple .section-our-principles .tabs_vertical.ui-tabs .ui-tabs-nav li.ui-state-active a:after {
display: none;
}
.style-simple .section-our-principles .ui-tabs .ui-tabs-nav li {
border-bottom: 2px solid #e1e4e6;
}
.section-our-principles .ui-tabs .ui-tabs-panel {
font-size: 20px;
line-height: 1.3;
}
#tab-list-btns ul {
list-style: none;
margin: 5px;
display: flex;
flex-direction: row;
justify-content: center;
}
@media (max-width: 767px) {
.srdc-tabs .ui-tabs-nav {
display: none;
}
}
@media (min-width: 768px) {
.srdc-tabs .slick-arrow {
display: none;
}
#tab-list-btns {
display: none;
}
}
.srdc-tabs {
z-index: 999;
}
#tab-list-btns li a {
background-color: #e1e4e6;
color: #e1e4e6;
padding: 0;
width: 9px;
height: 9px;
border-radius: 50%;
margin: 0 16px 0 0;
display: block;
}
#tab-list-btns li.ui-tabs-active a {
background-color: var(--primary-blue);
color: var(--primary-blue);
} .d-none {
display: none;
} a:focus-visible {
outline: 2px dashed var(--black);
transition: none !important;
text-decoration: underline;
}
.dark .button.transparent:focus-visible,
.dark .button.outline:focus-visible
button.far-accordion:focus-visible {
outline: 2px dashed var(--accent);
}
.screen-reader-text {
clip: rect(1px,1px,1px,1px);
word-wrap: normal;
border: 0;
-webkit-clip-path: inset(50%);
clip-path: inset(50%);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}
.screen-reader-text:focus,
.screen-reader-text:focus-visible {
background-color: #f8f8f8;
clip: auto;
-webkit-clip-path: inherit;
clip-path: inherit;
color: var(--primary-navy);
display: block;
font-size: 14px;
font-size: .875rem;
font-weight: 700;
height: auto;
left: 5px;
line-height: normal;
padding: 2px 10px;
text-decoration: none;
top: 5px;
width: auto;
z-index: 999;
}