.gc-contact {
padding: 45px 20px;
background: linear-gradient(135deg, #f5f7fa 0%, #eef2f6 100%);
}
.gc-contact * {
box-sizing: border-box;
}
.gc-contact__container {
max-width: 1100px;
margin: 0 auto;
overflow: hidden;
background: #ffffff;
border: 1px solid #e5e9ef;
border-radius: 20px;
box-shadow: 0 14px 45px rgba(15, 23, 42, 0.1);
}
.gc-contact__header {
padding: 48px 30px 42px;
text-align: center;
background:
radial-gradient(circle at top right, rgba(229, 57, 53, 0.3), transparent 35%),
linear-gradient(135deg, #101827 0%, #1f2937 100%);
}
.gc-contact__eyebrow {
display: inline-block;
margin-bottom: 10px;
color: #ff625c;
font-size: 12px;
font-weight: 800;
letter-spacing: 2px;
}
.gc-contact__header h2 {
margin: 0 0 10px;
color: #ffffff;
font-size: clamp(30px, 4vw, 42px);
line-height: 1.15;
}
.gc-contact__header p {
max-width: 600px;
margin: 0 auto;
color: #d6dee9;
font-size: 15px;
line-height: 1.7;
}
.gc-contact__grid {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 16px;
padding: 30px;
}
.gc-contact__card {
display: flex;
align-items: flex-start;
gap: 16px;
min-height: 126px;
padding: 23px 22px;
color: inherit;
background: #ffffff;
border: 1px solid #e4e8ee;
border-radius: 14px;
text-decoration: none;
transition: transform 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease;
}
.gc-contact__card:hover {
transform: translateY(-3px);
border-color: #df3434;
box-shadow: 0 10px 25px rgba(15, 23, 42, 0.09);
}
.gc-contact__icon {
display: flex;
flex: 0 0 44px;
align-items: center;
justify-content: center;
width: 44px;
height: 44px;
color: #ffffff;
background: #df3434;
border-radius: 12px;
font-size: 20px;
font-weight: 700;
}
.gc-contact__label {
display: block;
margin-bottom: 5px;
color: #788291;
font-size: 11px;
font-weight: 800;
letter-spacing: 1px;
text-transform: uppercase;
}
.gc-contact__card strong {
display: block;
overflow-wrap: anywhere;
color: #182233;
font-size: 16px;
line-height: 1.4;
}
.gc-contact__card small {
display: block;
margin-top: 6px;
color: #667085;
font-size: 13px;
line-height: 1.55;
}
.gc-contact__footer {
display: flex;
align-items: center;
justify-content: center;
gap: 9px;
padding: 20px;
color: #cbd5e1;
background: #111827;
text-align: center;
}
.gc-contact__footer p {
margin: 0;
font-size: 14px;
line-height: 1.5;
}
.gc-contact__footer strong {
color: #ffffff;
}
.gc-contact__status {
display: inline-block;
flex: 0 0 9px;
width: 9px;
height: 9px;
background: #36c66b;
border-radius: 50%;
box-shadow: 0 0 0 4px rgba(54, 198, 107, 0.15);
}
@media screen and (max-width: 700px) {
.gc-contact {
padding: 22px 10px;
}
.gc-contact__header {
padding: 38px 20px 34px;
}
.gc-contact__grid {
grid-template-columns: 1fr;
gap: 12px;
padding: 18px 15px;
}
.gc-contact__card {
min-height: auto;
padding: 19px 17px;
}
.gc-contact__footer {
align-items: flex-start;
padding: 18px;
}
}
