.contact{display:flex;flex-wrap:wrap;gap:40px;margin-bottom:40px;margin-top:40px;.row{display:flex;flex:1 0 100%;flex-wrap:wrap;gap:24px;&.intro{flex:1 0 100%;flex-direction:column;h1{font-size:56px;margin:0}>*{max-width:766px}}figure{aspect-ratio:877/558;border-radius:16px;flex:0 0 100%;max-width:877px;overflow:hidden;img{height:100%;object-fit:cover;object-position:center;width:100%}}&:last-child{margin-top:40px}&:last-child{.contact-card{height:auto}}}.contact-card{background-color:#fefaf3;border-radius:16px;display:flex;flex:1;flex-direction:column;font-size:16px;gap:40px;height:fit-content;padding:32px 80px 32px 40px;header{display:flex;flex-direction:column;gap:8px;figure{align-items:center;aspect-ratio:1/1;background-color:var(--so-color-sand);border-radius:8px;display:flex;flex:0 0 56px;justify-content:center;margin-bottom:16px;width:56px;img{aspect-ratio:1/1;object-fit:contain;object-position:center;width:32px}}h3{font-size:24px}h3,p{margin:0}p{font-size:20px;height:54px;overflow:hidden}}&:is(.customer-service,.sales,.support) header figure{align-items:center;background-position:50%;background-repeat:no-repeat;display:flex;justify-content:center;img{aspect-ratio:1/1;object-fit:contain;object-position:center;width:32px}}.button-wrapper{margin:0;.button.sand{border:1px solid #cac2b5;color:#403e3e}}&.support .button.sand{align-items:center;display:flex;gap:8px;justify-content:center}.content{display:flex;flex-direction:column;gap:16px}.info-section{display:flex;flex-direction:column;font-size:20px;gap:8px;&.additional-info{border-top:1px solid #e7e7e7;font-size:16px;padding-top:16px}h4{color:#818080;font-family:var(--so-font-family);font-size:16px;font-weight:400;margin:0}address{font-style:normal}ul{display:flex;flex-direction:column;gap:8px;list-style:none;margin:0;padding:0;li{display:flex;gap:8px;a{color:var(--so-color-marine)}figure{aspect-ratio:1/1;flex:0 0 16px;width:16px;img{height:100%;object-fit:contain;object-position:center;width:100%}}}}@media screen and (max-width:768px){font-size:16px}}}@media screen and (max-width:1376px){.contact-card{padding:24px 32px}}@media screen and (max-width:1024px){gap:32px;.row.intro h1{font-size:40px}.row:last-child{margin-top:32px}.contact-card{padding:16px;&:first-child,&:nth-child(2){flex:0 0 calc(50% - 12px)}&:last-child{flex:0 0 100%}}}@media screen and (max-width:768px){.row.intro h1{font-size:36px}.contact-card{flex:0 0 100%!important;header{figure{flex:0 0 40px;width:40px;img{width:24px!important}}p{font-size:16px;height:auto}h3{font-size:20px}}}}}