.fc_column_content {
display: flex;
flex-direction: column;
gap: var(--gap-xxl); &.top {
align-items: flex-start;
}
&.center {
align-items: center;
}
&.bottom {
align-items: flex-end;
}
&.stretch {
align-items: stretch;
}
.mobile_left {
text-align: left;
}
.mobile_centre {
text-align: center;
}
.mobile_right {
text-align: right;
}
> .left,
> .right {
width: 100%;
} @media (width >= 992px) {
flex-direction: row; &[class*="ratio_"] {
--left: 50%;
--right: 50%;
}
&.ratio_30_70 {
--left: 30%;
--right: 70%;
}
&.ratio_70_30 {
--left: 70%;
--right: 30%;
}
&.ratio_40_60 {
--left: 40%;
--right: 60%;
}
&.ratio_60_40 {
--left: 60%;
--right: 40%;
}
> .left {
flex: 0 1 var(--left);
}
> .right {
flex: 0 1 var(--right);
} .desktop_left {
text-align: left;
}
.desktop_centre {
text-align: center;
justify-content: center;
.button_container {
justify-content: center;
}
}
.desktop_right {
text-align: right;
justify-content: flex-end;
.button_container {
justify-content: flex-end;
}
}
}
}.fc_content_repeater {
&.link {
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: var(--gap-xs);
.link_item {
border: 1px solid var(--color-text);
border-radius: var(--border-radius-max);
padding: 20px 40px;
font-weight: 400;
transition:
background-color 0.4s ease,
border-color 0.4s ease,
color 0.4s ease;
&:hover {
color: var(--color-text);
background-color: var(--color-secondary-pink);
}
}
}
&.standard,
&.numbered {
display: grid;
gap: var(--gap-s);
grid-template-columns: repeat(1, 1fr);
.content {
border: 1px solid var(--color-text);
padding: var(--gap-s);
border-radius: var(--border-radius-m);
transition:
background-color 0.4s ease,
color 0.4s ease;
} @media (width >= 576px) {
&.grid_2,
&.grid_4 {
grid-template-columns: repeat(2, 1fr);
}
}
@media (width >= 768px) {
&.grid_3 {
grid-template-columns: repeat(3, 1fr);
}
}
@media (width >= 992px) {
&.grid_4 {
grid-template-columns: repeat(4, 1fr);
}
}
}
&.numbered {
.content {
counter-increment: numbered-cards;
padding: var(--gap-l) var(--gap-s) var(--gap-s) var(--gap-s);
&::before {
content: counter(numbered-cards) ".";
display: block;
font-weight: 900;
line-height: 0.9;
letter-spacing: -3px;
font-size: clamp(34px, 2.124vw + 21.765px, 60px);
margin-bottom: var(--gap-xs);
color: var(--color-primary-pink);
}
}
} &.bg_black {
&.link {
.link_item {
&:hover {
color: var(--color-grey-text);
}
}
}
}
}.tns-outer {
padding: 0 !important;
}
.tns-outer [hidden] {
display: none !important;
}
.tns-outer [aria-controls],
.tns-outer [data-action] {
cursor: pointer;
}
.tns-slider {
-webkit-transition: all 0s;
-moz-transition: all 0s;
transition: all 0s;
}
.tns-slider > .tns-item {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.tns-horizontal.tns-subpixel {
white-space: nowrap;
}
.tns-horizontal.tns-subpixel > .tns-item {
display: inline-block;
vertical-align: top;
white-space: normal;
}
.tns-horizontal.tns-no-subpixel:after {
content: "";
display: table;
clear: both;
}
.tns-horizontal.tns-no-subpixel > .tns-item {
float: left;
}
.tns-horizontal.tns-carousel.tns-no-subpixel > .tns-item {
margin-right: -100%;
}
.tns-no-calc {
position: relative;
left: 0;
}
.tns-gallery {
position: relative;
left: 0;
min-height: 1px;
}
.tns-gallery > .tns-item {
position: absolute;
left: -100%;
-webkit-transition:
transform 0s,
opacity 0s;
-moz-transition:
transform 0s,
opacity 0s;
transition:
transform 0s,
opacity 0s;
}
.tns-gallery > .tns-slide-active {
position: relative;
left: auto !important;
}
.tns-gallery > .tns-moving {
-webkit-transition: all 0.25s;
-moz-transition: all 0.25s;
transition: all 0.25s;
}
.tns-autowidth {
display: inline-block;
}
.tns-lazy-img {
-webkit-transition: opacity 0.6s;
-moz-transition: opacity 0.6s;
transition: opacity 0.6s;
opacity: 0.6;
}
.tns-lazy-img.tns-complete {
opacity: 1;
}
.tns-ah {
-webkit-transition: height 0s;
-moz-transition: height 0s;
transition: height 0s;
}
.tns-ovh {
overflow: hidden;
}
.tns-visually-hidden {
position: absolute;
left: -10000em;
}
.tns-transparent {
opacity: 0;
visibility: hidden;
}
.tns-fadeIn {
opacity: 1;
filter: alpha(opacity=100);
z-index: 0;
}
.tns-normal,
.tns-fadeOut {
opacity: 0;
filter: alpha(opacity=0);
z-index: -1;
}
.tns-vpfix {
white-space: nowrap;
}
.tns-vpfix > div,
.tns-vpfix > li {
display: inline-block;
}
.tns-t-subp2 {
margin: 0 auto;
width: 310px;
position: relative;
height: 10px;
overflow: hidden;
}
.tns-t-ct {
width: 2333.3333333%;
width: -webkit-calc(100% * 70 / 3);
width: -moz-calc(100% * 70 / 3);
width: calc(100% * 70 / 3);
position: absolute;
right: 0;
}
.tns-t-ct:after {
content: "";
display: table;
clear: both;
}
.tns-t-ct > div {
width: 1.4285714%;
width: -webkit-calc(100% / 70);
width: -moz-calc(100% / 70);
width: calc(100% / 70);
height: 10px;
float: left;
} .tns-controls {
display: flex;
gap: calc(var(--gap-s) / 2);
align-items: center;
right: 0;
justify-content: center;
}
.tns-controls button {
background: no-repeat center / contain
url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='45' height='45' fill='none' viewBox='0 0 45 45'%3E%3Ccircle cx='22.5' cy='22.5' r='22' stroke='%23d60d8c' transform='rotate(-180 22.5 22.5)'/%3E%3Cpath fill='%23d60d8c' d='M12 23a1 1 0 1 1 0-2v2m20.707-1.707a1 1 0 0 1 0 1.414l-6.364 6.364a1 1 0 0 1-1.414-1.414L30.586 22l-5.657-5.657a1 1 0 0 1 1.414-1.414zM12 22v-1h20v2H12z'/%3E%3C/svg%3E");
width: 40px;
aspect-ratio: 1;
text-indent: -9999px;
overflow: hidden;
z-index: 5;
border: none;
transition: background 0.4s ease;
}
.bg_black .tns-controls button {
background: no-repeat center / contain
url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='45' height='45' fill='none' viewBox='0 0 45 45'%3E%3Ccircle cx='22.5' cy='22.5' r='22' stroke='%23fff' transform='rotate(-180 22.5 22.5)'/%3E%3Cpath fill='%23fff' d='M12 23a1 1 0 1 1 0-2v2m20.707-1.707a1 1 0 0 1 0 1.414l-6.364 6.364a1 1 0 0 1-1.414-1.414L30.586 22l-5.657-5.657a1 1 0 0 1 1.414-1.414zM12 22v-1h20v2H12z'/%3E%3C/svg%3E");
}
.tns-controls button:hover {
background: no-repeat center / contain
url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='45' height='45' fill='none' viewBox='0 0 45 45'%3E%3Ccircle cx='22.5' cy='22.5' r='22' fill='%23d60d8c' stroke='%23d60d8c' transform='rotate(-180 22.5 22.5)'/%3E%3Cpath fill='%23fff' d='M12 23a1 1 0 1 1 0-2v2m20.707-1.707a1 1 0 0 1 0 1.414l-6.364 6.364a1 1 0 0 1-1.414-1.414L30.586 22l-5.657-5.657a1 1 0 0 1 1.414-1.414zM12 22v-1h20v2H12z'/%3E%3C/svg%3E");
}
.tns-controls button:disabled {
opacity: 0.5;
}
.tns-controls button:nth-child(1) {
transform: rotate(180deg);
}
button[data-action="stop"] {
display: none;
}
@media (max-width: 850px) {
.tns-controls {
position: relative;
}
.tns-outer {
display: flex;
flex-direction: column-reverse;
}
}
.tns-outer {
display: flex;
flex-direction: column-reverse;
gap: var(--gap-m);
}
.flex-forward .tns-outer {
flex-direction: column;
}
.overflow-visible {
overflow: hidden;
.tns-ovh {
overflow: visible !important;
}
}.single_case_study {
position: relative;
isolation: isolate;
.case_study_thumb {
z-index: 0;
border-radius: var(--border-radius-m);
aspect-ratio: 1.85 / 1;
position: relative;
isolation: isolate;
overflow: hidden;
&::after {
content: "";
position: absolute;
inset: 0;
background-color: hsl(from var(--color-primary-pink) h s l / 0);
transition: background-color 0.4s ease;
}
}
.case_study_data {
position: relative;
z-index: 1;
margin-top: -19px;
display: flex;
flex-direction: column;
gap: calc(var(--gap-s) / 2);
align-items: flex-start;
.case_study_label {
padding: calc(var(--gap-s) / 2);
border-radius: var(--border-radius-max);
background-color: var(--color-primary-pink);
color: var(--color-white);
font-size: 14px;
font-weight: 400;
line-height: 1;
letter-spacing: -0.7px;
}
.case_study_meta {
display: flex;
flex-wrap: wrap;
gap: calc(var(--gap-s) / 2);
p {
display: inline-flex;
&::before {
content: "";
display: inline-flex;
background-color: var(--color-text);
width: 1px;
height: 100%;
margin-right: calc(var(--gap-s) / 2);
}
&:first-of-type {
&::before {
display: none;
}
}
}
}
}
&:hover {
color: var(--color-text);
.case_study_thumb {
&::after {
background-color: hsl(from var(--color-primary-pink) h s l / 0.6);
}
}
}
}.fc_related_case_studies {
.case_studies_wrapper {
position: relative;
isolation: isolate;
.success_logo {
position: absolute;
z-index: 1;
top: calc(0px - clamp(20px, 4.085vw + -3.529px, 70px));
right: calc(0px - var(--width-s));
width: clamp(105px, 12.995vw + -23.911px, 210px);
aspect-ratio: 1;
background: center / contain no-repeat
url(//diamondlogistics.co.uk/wp-content/themes/wordpress-theme-diamond-logistics/includes/images/shared-success-white.png);
border-radius: var(--border-radius-max);
}
.tns-outer {
gap: var(--gap-s);
.tns-controls {
justify-content: flex-end;
}
.case_studies_slides {
display: flex;
}
}
.related_case_studies_container {
display: flex;
flex-direction: column;
gap: var(--gap-s);
.image {
aspect-ratio: 16 / 9;
border-radius: var(--border-radius-m);
}
.card_container {
.card {
--color-text: var(--color-black);
--color-headings: var(--color-black);
display: flex;
flex-direction: column;
justify-content: center;
gap: var(--padding-xs);
border-radius: var(--border-radius-m);
background-color: var(--color-secondary-pink);
color: var(--color-text);
padding: var(--gap-m) var(--gap-l);
height: 100%;
position: relative;
isolation: isolate;
.quote {
&::before {
content: "";
display: block;
width: 41px;
height: 38px;
mask-position: center;
mask-size: contain;
mask-repeat: no-repeat;
color: var(--color-primary-pink);
background: currentColor;
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='41' height='38' fill='none' viewBox='0 0 41 38'%3E%3Cpath fill='%23d60d8c' d='M18.933 38H0V22.4Q0 13.784 3.351 8.8 6.704 3.82 14.841 0l4.092 8.29q-5.005 2.514-6.92 5.029-1.915 2.467-2.133 5.867h9.053zM41 38H22.067V22.4q0-8.616 3.351-13.599Q28.77 3.82 36.908 0L41 8.29q-5.006 2.514-6.92 5.029-1.916 2.467-2.133 5.867H41z'/%3E%3C/svg%3E");
margin-bottom: var(--gap-s);
}
.author {
margin-top: var(--gap-s);
display: flex;
flex-wrap: nowrap;
gap: var(--gap-xxs);
align-items: center;
&::before {
content: "";
display: block;
width: 6px;
height: 2px;
background-color: var(--color-black);
}
}
}
.link {
text-align: right;
}
}
}
}
} &.bg_black {
.case_studies_wrapper {
.success_logo {
background: center / contain no-repeat
url(//diamondlogistics.co.uk/wp-content/themes/wordpress-theme-diamond-logistics/includes/images/shared-success-black.png);
}
}
} @media (width >= 992px) {
.case_studies_wrapper {
.related_case_studies_container {
flex-direction: row;
.image {
aspect-ratio: 5 / 6;
max-width: 400px;
}
.card_container {
.card {
.tag_container {
padding-right: var(--gap-m);
}
}
}
}
}
}
}.fc_call_to_action {
--color-text: var(--color-white);
--color-headings: var(--color-white);
color: var(--color-text);
position: relative;
isolation: isolate;
.highlight {
color: var(--color-black);
}
.wp_content {
> *:not(.button) {
margin-bottom: var(--padding-xs);
}
> :last-child {
margin-bottom: 0;
}
}
.banner_image,
.banner_video {
position: absolute;
z-index: -2;
inset: 0;
overflow: hidden;
}
.banner_video {
iframe {
position: absolute;
top: 50%;
left: 50%;
min-width: 100.5%;
min-height: 100%;
aspect-ratio: 16 / 9;
transform: translate(-50%, -50%);
pointer-events: none;
}
}
&::after {
content: "";
position: absolute;
z-index: -1;
inset: 0;
background-color: hsl(from var(--color-primary-pink) h s l / 0.6);
}
}.fc_frequently_asked_questions {
.faqs_container {
display: flex;
flex-direction: column;
gap: var(--gap-xs);
.faq_item {
--color-text: var(--color-black);
color: var(--color-text);
border-radius: var(--border-radius-m);
background-color: var(--color-secondary-pink);
.title {
cursor: pointer;
margin: 0;
background: transparent calc(100% - var(--gap-s)) center / 18px 18px
no-repeat
url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' fill='none' viewBox='0 0 18 18'%3E%3Cpath fill='%23000' fill-rule='evenodd' d='M18 10.8H0V7.2h18z' clip-rule='evenodd'/%3E%3Cpath fill='%23000' fill-rule='evenodd' d='M10.801 0v18h-3.6V0z' clip-rule='evenodd'/%3E%3C/svg%3E");
padding: var(--gap-s) calc((var(--gap-s) * 2) + 18px) var(--gap-s)
var(--gap-s);
box-sizing: border-box;
font-size: 18px;
font-weight: 900;
letter-spacing: -1px;
}
.tab_inner {
box-sizing: border-box;
padding-inline: var(--gap-s);
display: grid;
grid-template-rows: 0fr;
transition:
grid-template-rows 0.4s ease,
padding 0.4s ease;
> .wp_content {
overflow: hidden;
iframe {
width: 100%;
height: auto;
aspect-ratio: 16 / 9;
}
}
}
&.active {
.title {
background: transparent calc(100% - var(--gap-s)) center / 18px 4px
no-repeat
url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='4' fill='none' viewBox='0 0 18 4'%3E%3Cpath fill='%23000' fill-rule='evenodd' d='M18 3.6H0V0h18z' clip-rule='evenodd'/%3E%3C/svg%3E");
}
.tab_inner {
grid-template-rows: 1fr;
padding-block: 0 var(--gap-s);
}
}
}
}
.faqs_container_nested {
.faqs_container {
scroll-margin-top: calc(var(--header-height) + var(--padding-xs));
margin-top: var(--padding-m);
.h5 {
margin-bottom: var(--gap-s);
}
&:first-of-type {
margin-top: 0;
}
}
}
.faqs_jump_to {
background-color: var(--color-secondary-pink);
border-radius: var(--border-radius-m);
margin-bottom: var(--padding-xs);
.jump_to_toggle {
--color-text: var(--color-black);
display: flex;
align-items: center;
justify-content: center;
gap: var(--gap-xs);
cursor: pointer;
padding: calc(var(--gap-s) / 2);
color: var(--color-text);
&::after {
content: "";
display: block;
width: 10px;
height: 7px;
background: center / contain no-repeat
url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='7' fill='none'%3E%3Cpath fill='%23333333' d='m5 6.06-5-5L1.06 0 5 3.94 8.94 0 10 1.06l-5 5Z'/%3E%3C/svg%3E");
transition: rotate 0.4s ease;
}
&.active {
&::after {
rotate: 180deg;
}
}
}
ul {
display: flex;
flex-direction: column;
gap: calc(var(--gap-s) / 2);
padding: 0 var(--gap-xs);
height: 0;
overflow: hidden;
interpolate-size: allow-keywords;
transition:
height 0.4s ease,
padding 0.4s ease;
li {
list-style: none;
a {
display: block;
background-color: var(--color-white);
border: 1px solid var(--color-text);
border-radius: var(--border-radius-max);
padding: calc(var(--gap-s) / 2);
font-weight: 400;
text-align: center;
transition:
background-color 0.4s ease,
border-color 0.4s ease,
color 0.4s ease;
&:hover {
color: var(--color-text);
background-color: var(--color-secondary-pink);
}
}
}
}
&.active {
ul {
height: fit-content;
padding: var(--gap-xs);
}
}
} &.bg_black {
.faqs_jump_to {
ul {
li {
a {
color: var(--color-black);
border: 1px solid var(--color-black);
&:hover {
color: var(--color-black);
}
}
}
}
}
} @media (width >= 768px) {
.faqs_jump_to {
background-color: transparent;
.jump_to_toggle {
display: none;
}
ul {
flex-flow: row wrap;
justify-content: center;
padding: 0;
height: fit-content;
li {
list-style: none;
a {
background-color: transparent;
padding: 20px 40px;
}
}
}
&.active {
ul {
height: fit-content;
padding: var(--gap-xs);
}
}
}
} &.bg_black {
.faqs_jump_to {
ul {
li {
a {
color: var(--color-white);
border: 1px solid var(--color-white);
}
}
}
}
}
}.fc_despatch_lab {
.content_container {
background-color: var(--color-secondary-pink);
padding: var(--gap-xxl);
border-radius: var(--border-radius-m);
.despatch_lab_logo {
width: 206px;
height: 29px;
margin-bottom: var(--gap-s);
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='206' height='29' fill='none' viewBox='0 0 206 29'%3E%3Cpath fill='%23d60d8c' d='M17.695 0v22.19h-5.767v-2.376q-1.212 1.514-2.21 2.043-1.332.697-2.967.697-3.285 0-5.025-2.498Q0 17.56 0 13.986 0 9.99 1.907 7.871q1.922-2.12 4.874-2.12 1.439 0 2.604.485a5.9 5.9 0 0 1 2.089 1.453V0zm-6.176 14.107q0-1.892-.802-2.815-.802-.938-2.029-.938-1.074 0-1.8.893-.727.893-.727 2.997 0 1.968.741 2.89.758.909 1.862.909 1.18 0 1.968-.923.787-.924.787-3.013M39.295 15.682H26.943q.167 1.483.803 2.21.893 1.044 2.33 1.044a3.5 3.5 0 0 0 1.726-.454q.5-.288 1.075-1.014l6.07.56q-1.393 2.421-3.36 3.481-1.968 1.045-5.647 1.045-3.193 0-5.025-.893-1.832-.91-3.042-2.861-1.197-1.967-1.196-4.617 0-3.77 2.407-6.1 2.422-2.331 6.675-2.331 3.45 0 5.449 1.044a7.05 7.05 0 0 1 3.043 3.028q1.044 1.983 1.044 5.161zm-6.267-2.952q-.181-1.785-.968-2.558-.772-.772-2.044-.772-1.468 0-2.346 1.165-.56.727-.712 2.165zM41.036 17.74l6.115-.575q.378 1.09 1.06 1.56.68.468 1.816.468 1.24 0 1.922-.53.53-.393.53-.983 0-.666-.696-1.03-.5-.257-2.65-.635-3.208-.56-4.465-1.03-1.24-.484-2.103-1.62a4.2 4.2 0 0 1-.848-2.588q0-1.589.923-2.74.924-1.149 2.543-1.71 1.62-.575 4.344-.575 2.876 0 4.239.439 1.377.44 2.285 1.362.923.924 1.53 2.498l-5.844.575q-.226-.772-.757-1.135-.727-.485-1.755-.485-1.045 0-1.53.379-.468.363-.468.893 0 .59.605.893.606.302 2.634.545 3.072.348 4.571.969 1.5.62 2.286 1.77.802 1.151.802 2.528 0 1.393-.848 2.71-.832 1.317-2.649 2.104-1.8.771-4.919.772-4.405 0-6.282-1.256-1.861-1.257-2.391-3.573M61.107 28.306V6.116h5.767v2.376q1.196-1.499 2.195-2.029 1.347-.711 2.982-.711 3.225 0 4.98 2.467 1.77 2.468 1.77 6.1 0 4.012-1.922 6.13-1.921 2.105-4.859 2.105-1.422 0-2.603-.485a6.2 6.2 0 0 1-2.089-1.438v7.675zm6.176-14.108q0 1.908.802 2.83.802.924 2.028.924 1.075 0 1.802-.878.726-.893.726-3.012 0-1.953-.757-2.86-.757-.924-1.846-.924-1.18 0-1.968.923-.787.924-.787 2.997M87.37 11.322l-5.889-.62q.333-1.545.954-2.422.635-.894 1.816-1.544.847-.47 2.331-.727a19 19 0 0 1 3.209-.257q2.77 0 4.45.318 1.68.303 2.8 1.286.787.682 1.242 1.938.454 1.241.454 2.376v7.1q0 1.135.136 1.786.151.636.636 1.634h-5.782q-.349-.62-.455-.938-.104-.333-.212-1.03-1.21 1.167-2.406 1.666-1.634.666-3.8.666-2.876 0-4.374-1.332-1.483-1.332-1.483-3.285 0-1.832 1.074-3.012 1.075-1.181 3.966-1.756 3.467-.696 4.496-.969a22 22 0 0 0 2.18-.741q0-1.136-.47-1.59t-1.65-.454q-1.514 0-2.27.484-.591.38-.954 1.423m5.342 3.24q-1.27.453-2.648.802-1.878.499-2.377.984-.515.5-.515 1.135 0 .726.5 1.196.515.453 1.498.454 1.03 0 1.908-.5.893-.5 1.256-1.21.378-.727.378-1.878zM109.317 0v6.115h3.391v4.496h-3.391v5.706q0 1.03.197 1.363.303.514 1.06.514.681 0 1.907-.393l.454 4.253q-2.286.5-4.268.5-2.302 0-3.391-.59-1.09-.591-1.62-1.787-.514-1.21-.514-3.905v-5.661h-2.271V6.115h2.271V3.164zM127.648 15.909l5.858.666q-.485 1.83-1.589 3.178-1.106 1.332-2.831 2.074-1.71.742-4.359.742-2.559 0-4.269-.47-1.695-.483-2.921-1.543a7.9 7.9 0 0 1-1.923-2.513q-.696-1.438-.696-3.814 0-2.483.848-4.133a7.4 7.4 0 0 1 1.695-2.164q1.074-.97 2.21-1.438 1.801-.742 4.617-.742 3.935 0 5.994 1.408 2.073 1.407 2.906 4.117l-5.797.772q-.273-1.03-.999-1.544-.712-.53-1.923-.53-1.528 0-2.482 1.105-.939 1.09-.939 3.315 0 1.983.939 3.012.938 1.03 2.391 1.03 1.212 0 2.029-.621.832-.621 1.241-1.907M135.792 0h6.16v8.174q1.257-1.302 2.498-1.862 1.24-.56 2.936-.56 2.513 0 3.951 1.529 1.453 1.528 1.453 4.692V22.19h-6.191v-8.84q0-1.513-.56-2.134-.56-.635-1.574-.635-1.12 0-1.817.847-.696.848-.696 3.043v7.72h-6.16z'/%3E%3Cpath fill='%23fff' d='M156.68 0h6.176v22.19h-6.176zM172.407 11.322l-5.888-.62q.333-1.545.954-2.422.635-.894 1.816-1.544.848-.47 2.331-.727a19 19 0 0 1 3.209-.257q2.77 0 4.45.318 1.68.303 2.801 1.286.786.682 1.241 1.938.454 1.241.454 2.376v7.1q0 1.135.136 1.786.151.636.636 1.634h-5.782q-.349-.62-.454-.938a7 7 0 0 1-.212-1.03q-1.212 1.167-2.407 1.666-1.635.666-3.799.666-2.877 0-4.375-1.332-1.483-1.332-1.483-3.285 0-1.832 1.074-3.012 1.075-1.181 3.966-1.756 3.467-.696 4.496-.969a22 22 0 0 0 2.179-.741q0-1.136-.469-1.59-.47-.454-1.65-.454-1.514 0-2.27.484-.591.38-.954 1.423m5.343 3.24q-1.27.453-2.648.802-1.878.499-2.377.984-.515.5-.515 1.135 0 .726.5 1.196.515.453 1.498.454 1.03 0 1.908-.5.893-.5 1.256-1.21.378-.727.378-1.878zM187.801 0h6.221v7.69a6.1 6.1 0 0 1 2.089-1.454q1.18-.484 2.604-.484 2.936 0 4.859 2.12 1.922 2.103 1.922 6.054 0 2.634-.878 4.647-.877 1.997-2.437 2.997-1.543.984-3.436.984-1.62 0-2.967-.697-1.013-.544-2.21-2.043v2.376h-5.767zm6.176 14.107q0 2.074.772 3.013.788.923 1.983.923 1.105 0 1.847-.908.756-.924.756-3.088 0-1.908-.741-2.8-.727-.893-1.771-.893-1.257 0-2.059.938-.787.924-.787 2.815'/%3E%3C/svg%3E");
}
.content {
.title:has(+ .title) {
margin-bottom: calc(var(--gap-s) / 2);
}
}
.image {
margin-top: var(--gap-s);
aspect-ratio: 1;
}
} &.bg_black {
--color-headings: var(--color-black);
--color-text: var(--color-grey-text);
} @media (width >= 992px) {
.content_container {
position: relative;
isolation: isolate;
overflow: hidden;
.despatch_lab_logo {
position: absolute;
z-index: 0;
top: var(--gap-m);
right: var(--gap-m);
}
.content {
width: 60%;
}
.image {
position: absolute;
z-index: -1;
right: 0;
bottom: 0;
height: calc(100% - (var(--padding-m) * 2));
margin: 0;
}
}
}
}