.trust {
margin: 40px 0;
padding-top: 40px;
padding-bottom: 40px;
background: #EEE;
}
.trust__content {
display: grid;
grid-template-columns: repeat(2, 1fr);
grid-template-rows: auto auto auto auto;
gap: 10px;
margin-top: 24px;
}
.trust__image {
border-radius: 6px;
filter: grayscale(1);
}
.trust__image--1 {
aspect-ratio: 345/773;
grid-column: 1/2;
grid-row: 1/3;
}
.trust__image--2 {
grid-column: 2/3;
grid-row: 1/2;
aspect-ratio: 341/406;
}
.trust__image--3 {
aspect-ratio: 79/101;
}
.trust__logo {
align-self: center;
}
.trust__logo--1 {
grid-column: 1/2;
grid-row: 4/5;
}
.trust__logo--2 {
grid-column: 2/3;
grid-row: 4/4;
}
.trust__text {
margin: 10px 0;
grid-column: 1/3;
grid-row: 3/4;
color: #171717;
font-family: "Cal Sans";
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: normal;
}
.trust__text span {
display: block;
margin-bottom: 24px;
margin-top: 24px;
}
@media (min-width: 900px) {
.trust {
margin: 80px 0;
padding: 80px 0;
}
.trust__heading {
margin-left: auto;
text-align: right;
}
.trust__content {
margin-top: 80px;
grid-template-columns: repeat(12, 1fr);
grid-template-rows: 110px 115px 112px 1fr;
gap: 0 24px;
}
.trust__image--1 {
grid-column: 1/4;
grid-row: 1/4;
}
.trust__image--2 {
grid-column: 4/7;
grid-row: 1/3;
}
.trust__image--3 {
grid-column: 10/13;
grid-row: 4/5;
margin-top: 58px;
margin-left: auto;
}
.trust__logo {
display: block;
}
.trust__logo--1 {
grid-column: 9/13;
grid-row: 1/2;
width: 408px;
display: block;
margin-top: 30px;
}
.trust__logo--2 {
grid-column: 10/13;
width: 211px;
margin-left: auto;
margin-bottom: auto;
margin-top: 51px;
grid-row: 2/3;
}
.trust__logo--3 {
grid-column: 10/13;
margin-left: auto;
margin-top: 51px;
margin-bottom: auto;
width: 222px;
grid-row: 3/4;
}
.trust__text {
grid-column: 4/10;
grid-row: 4/5;
}
.trust__text span {
margin-top: 40px;
max-width: 340px;
}
}
@media (min-width: 1200px) {
.trust {
margin: 100px 0;
padding: 100px 0;
}
.trust__text {
margin-top: 100px;
}
}
@media (min-width: 1440px) {
.trust__text {
margin-left: 34px;
margin-top: 104px;
font-size: 24px;
}
.trust__logo {
display: block;
}
}