.item-grid__container {
background: #4C5E4E;
}
.item-grid__container.item-grid--dark {
padding: -webkit-calc(1.625rem + 3.4615384615vw) 0;
padding: calc(1.625rem + 3.4615384615vw) 0;
}
@media (min-width: 1560px) {
.item-grid__container.item-grid--dark {
padding: 5rem 0;
}
}
.item-grid__container.item-grid--light {
background: #f6eeea;
padding: -webkit-calc(1.625rem + 3.4615384615vw) 0;
padding: calc(1.625rem + 3.4615384615vw) 0;
}
@media (min-width: 1560px) {
.item-grid__container.item-grid--light {
padding: 5rem 0;
}
}
.item-grid__container.item-grid--light .item-grid__title, .item-grid__container.item-grid--light .item-grid__description {
color: #4C5E4E;
}
.item-grid__container.item-grid--light .item-grid__item-title {
color: #4C5E4E;
}
.item-grid__container.item-grid--light .item-grid__item-text {
color: #212121;
}
.item-grid__container.item-grid--light .item-grid__item-text p {
color: #212121;
}
.item-grid__container.item-grid--transparent {
background-color: transparent;
}
.item-grid__container.item-grid--transparent .item-grid__title, .item-grid__container.item-grid--transparent .item-grid__description {
color: #4C5E4E;
}
.item-grid__container.item-grid--transparent .item-grid__item-title {
color: #4C5E4E;
}
.item-grid__container.item-grid--transparent .item-grid__item-text {
color: #212121;
}
.item-grid__container.item-grid--transparent .item-grid__item-text p {
color: #212121;
}
.item-grid {
display: grid;
grid-template-columns: 1fr; gap: 38px 20px; }
.item-grid__title {
color: #fff;
margin: 0 0 -webkit-calc(1.3rem + 0.4615384615vw);
margin: 0 0 calc(1.3rem + 0.4615384615vw);
}
@media (min-width: 1560px) {
.item-grid__title {
margin: 0 0 1.75rem;
}
}
.item-grid__description {
color: #D3D3D3;
max-width: 622px;
margin: 0;
}
.item-grid__header {
margin-bottom: -webkit-calc(1.425rem + 1.6153846154vw);
margin-bottom: calc(1.425rem + 1.6153846154vw);
}
@media (min-width: 1560px) {
.item-grid__header {
margin-bottom: 3rem;
}
}
.item-grid__footer {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
margin-top: -webkit-calc(1.3rem + 0.4615384615vw);
margin-top: calc(1.3rem + 0.4615384615vw);
}
@media (min-width: 1560px) {
.item-grid__footer {
margin-top: 1.75rem;
}
}
.item-grid__item-image-container {
margin-bottom: 20px;
aspect-ratio: 413/250;
-webkit-border-radius: 100px 8px 8px 8px;
border-radius: 100px 8px 8px 8px;
overflow: hidden;
}
.item-grid__item-image-container img, .item-grid__item-image-container picture {
-webkit-border-radius: 100px 8px 8px 8px;
border-radius: 100px 8px 8px 8px;
display: block;
object-fit: cover;
-webkit-transition: all 0.5s ease;
transition: all 0.5s ease;
}
.item-grid__item:hover img, .item-grid__item:hover picture {
-webkit-transform: scale(1.02);
-ms-transform: scale(1.02);
transform: scale(1.02);
}
.item-grid__item-content {
padding: 0 1.25rem;
}
.item-grid__item-title {
color: #fff;
margin-bottom: 12px;
font-weight: 600;
font-size: 1.25rem;
text-transform: unset;
line-height: 1.5;
}
.item-grid__item-text {
color: lightgray;
}
.item-grid__item-text p {
color: lightgray;
margin: 0;
line-height: 1.625;
}
@media screen and (min-width: 576px) {
.item-grid {
grid-template-columns: repeat(2, 1fr);
}
}
@media screen and (min-width: 980.5px) {
.item-grid {
grid-template-columns: repeat(3, 1fr);
}
}.service-features {
background: #F6EEEA;
padding: -webkit-calc(1.625rem + 3.4615384615vw) 0 -webkit-calc(1.5625rem + 2.8846153846vw);
padding: calc(1.625rem + 3.4615384615vw) 0 calc(1.5625rem + 2.8846153846vw);
}
@media (min-width: 1560px) {
.service-features {
padding: 5rem 0 4.375rem;
}
}
.service-features__heading {
display: block;
text-align: center;
margin-top: 0;
margin-bottom: -webkit-calc(1.48125rem + 2.1346153846vw);
margin-bottom: calc(1.48125rem + 2.1346153846vw);
text-transform: unset;
}
@media (min-width: 1560px) {
.service-features__heading {
margin-bottom: 3.5625rem;
}
}
.service-features__item {
margin-bottom: 32px;
max-width: 400px;
margin-left: auto;
margin-right: auto;
}
.service-features__item-image-wrapper {
text-align: center;
aspect-ratio: 1/1;
margin: 0 auto -webkit-calc(1.3125rem + 0.5769230769vw);
margin: 0 auto calc(1.3125rem + 0.5769230769vw);
max-width: 84px;
}
@media (min-width: 1560px) {
.service-features__item-image-wrapper {
margin: 0 auto 1.875rem;
}
}
.service-features__item-image-wrapper img {
width: 100%;
display: inline-block;
}
.service-features__item-content {
font-weight: 400;
font-size: 1rem;
line-height: 1.75;
color: #212121;
}
.service-features__item-content p {
padding-bottom: 0 !important;
}
.service-features__item-title {
font-weight: 600;
font-style: italic;
font-size: -webkit-calc(1.2625rem + 0.1153846154vw);
font-size: calc(1.2625rem + 0.1153846154vw);
color: #4C5E4E;
line-height: 1.18;
margin-bottom: -webkit-calc(1.3125rem + 0.5769230769vw);
margin-bottom: calc(1.3125rem + 0.5769230769vw);
text-align: center;
}
@media (min-width: 1560px) {
.service-features__item-title {
font-size: 1.375rem;
}
}
@media (min-width: 1560px) {
.service-features__item-title {
margin-bottom: 1.875rem;
}
}
@media screen and (min-width: 980.5px) {
.service-features__container {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
}
.service-features__item {
margin-bottom: 0;
}
}
@media screen and (min-width: 1200px) {
.service-features__container {
margin: 0 -18px;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
}
.service-features__container .col-12 {
padding: 0 18px;
}
}.sundClientList__title {
margin-bottom: -webkit-calc(1.4875rem + 2.1923076923vw);
margin-bottom: calc(1.4875rem + 2.1923076923vw);
text-transform: unset;
}
@media (min-width: 1560px) {
.sundClientList__title {
margin-bottom: 3.625rem;
}
}
.sundClientList__logos {
display: grid;
grid-template-columns: repeat(2, 1fr); gap: 14px;
}
.sundClientList__quoteSign {
width: 100%;
max-width: 50px;
margin-bottom: -webkit-calc(1.3125rem + 0.5769230769vw);
margin-bottom: calc(1.3125rem + 0.5769230769vw);
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
@media (min-width: 1560px) {
.sundClientList__quoteSign {
margin-bottom: 1.875rem;
}
}
.sundClientList__quoteSign svg {
width: 100%;
height: 100%;
}
.sundClientList__testimonials {
width: 100%;
max-width: 459px;
}
.sundClientList__quote {
font-size: -webkit-calc(1.2625rem + 0.1153846154vw);
font-size: calc(1.2625rem + 0.1153846154vw);
font-weight: 500;
color: #4C5E4E;
line-height: 1.45;
margin-bottom: -webkit-calc(1.33125rem + 0.75vw);
margin-bottom: calc(1.33125rem + 0.75vw);
padding-bottom: 0;
}
@media (min-width: 1560px) {
.sundClientList__quote {
font-size: 1.375rem;
}
}
@media (min-width: 1560px) {
.sundClientList__quote {
margin-bottom: 2.0625rem;
}
}
.sundClientList__name {
font-weight: 600;
font-size: 1.125rem;
color: #4C5E4E;
margin-bottom: 5px;
}
.sundClientList__role {
font-weight: 400;
font-size: 16px;
line-height: 1.625;
color: #9f9f9f;
}
.sundClientList__logo {
background: #F6EEEA;
-webkit-border-radius: 4px;
border-radius: 4px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
padding: 10px;
aspect-ratio: 196/144;
}
.sundClientList__logo img {
max-width: 166px;
max-height: 70px;
display: block;
width: 100%;
height: 100%;
object-fit: contain;
}
.sundClientList__first {
margin-bottom: 48px;
}
.sundClientList .splide__pagination {
position: relative;
margin-top: -webkit-calc(1.2875rem + 0.3461538462vw);
margin-top: calc(1.2875rem + 0.3461538462vw);
padding-bottom: 0;
padding-left: 0;
}
@media (min-width: 1560px) {
.sundClientList .splide__pagination {
margin-top: 1.625rem;
}
}
.sundClientList .splide__pagination__page {
background: lightgray;
}
.sundClientList .splide__pagination__page.is-active {
background: #4C5E4E;
}
@media screen and (min-width: 768px) {
.sundClientList__logos {
grid-template-columns: repeat(3, 1fr); gap: 20px;
}
}
@media screen and (min-width: 980.5px) {
.sundClientList__quoteSign {
max-width: 62px;
}
.sundClientList__first {
margin-bottom: 0;
-webkit-box-ordinal-group: 3;
-webkit-order: 2;
-ms-flex-order: 2;
order: 2;
}
.sundClientList__second {
-webkit-box-ordinal-group: 2;
-webkit-order: 1;
-ms-flex-order: 1;
order: 1;
}
}