.velora-contact-info-section {
width: 100%;
padding: 84px 20px;
background:
radial-gradient(circle at 14% 10%, rgba(80, 111, 212, 0.13), transparent 32%),
radial-gradient(circle at 86% 88%, rgba(96, 190, 255, 0.12), transparent 34%),
linear-gradient(180deg, #F7F9FC 0%, #EFF0F5 100%);
color: #111B4A;
}
.velora-contact-info-container {
max-width: 1080px;
margin: 0 auto;
}
.velora-contact-info-hero {
max-width: 820px;
margin: 0 auto 38px;
text-align: center;
}
.velora-contact-info-eyebrow {
margin: 0 0 14px;
color: #506FD4;
font-size: 13px;
line-height: 1.3;
letter-spacing: 0.24em;
text-transform: uppercase;
font-weight: 850;
}
.velora-contact-info-hero h1 {
margin: 0;
color: #111B4A;
font-size: clamp(40px, 5vw, 68px);
line-height: 1.02;
font-weight: 850;
letter-spacing: -0.05em;
}
.velora-contact-info-hero p {
margin: 18px auto 0;
max-width: 760px;
color: rgba(17, 27, 74, 0.68);
font-size: clamp(16px, 1.55vw, 20px);
line-height: 1.6;
}
.velora-contact-info-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 18px;
margin-bottom: 28px;
}
.velora-contact-info-card {
padding: 26px 24px;
border-radius: 24px;
background: rgba(255, 255, 255, 0.9);
border: 1px solid rgba(17, 27, 74, 0.08);
box-shadow:
0 20px 56px rgba(17, 27, 74, 0.09),
inset 0 0 0 1px rgba(255, 255, 255, 0.75);
}
.velora-contact-info-icon {
width: 56px;
height: 56px;
margin-bottom: 18px;
border-radius: 18px;
display: flex;
align-items: center;
justify-content: center;
background: linear-gradient(135deg, #506FD4, #6FB7FF);
box-shadow: 0 14px 30px rgba(80, 111, 212, 0.28);
}
.velora-contact-info-icon svg {
width: 29px;
height: 29px;
fill: none;
stroke: #ffffff;
stroke-width: 1.8;
stroke-linecap: round;
stroke-linejoin: round;
}
.velora-contact-info-card span {
display: inline-flex;
margin: 0 0 9px;
color: #506FD4;
font-size: 11px;
line-height: 1;
letter-spacing: 0.14em;
text-transform: uppercase;
font-weight: 850;
}
.velora-contact-info-card h2 {
margin: 0 0 10px;
color: #111B4A;
font-size: 22px;
line-height: 1.15;
font-weight: 850;
letter-spacing: -0.03em;
}
.velora-contact-info-card p,
.velora-contact-info-card a {
margin: 0;
color: rgba(17, 27, 74, 0.68);
font-size: 15.5px;
line-height: 1.6;
}
.velora-contact-info-card a {
color: #111B4A;
font-weight: 750;
text-decoration: none;
word-break: break-word;
}
.velora-contact-info-card a:hover {
color: #506FD4;
}
.velora-company-panel {
padding: 34px;
border-radius: 30px;
background:
radial-gradient(circle at 12% 14%, rgba(111, 183, 255, 0.18), transparent 34%),
linear-gradient(135deg, #071026 0%, #111B4A 100%);
color: #ffffff;
box-shadow: 0 24px 70px rgba(17, 27, 74, 0.18);
}
.velora-company-panel-header {
margin-bottom: 24px;
}
.velora-company-panel-header p {
margin: 0 0 10px;
color: #9BD2FF;
font-size: 12px;
line-height: 1.3;
letter-spacing: 0.18em;
text-transform: uppercase;
font-weight: 850;
}
.velora-company-panel-header h2 {
margin: 0;
color: #ffffff;
font-size: clamp(28px, 3.2vw, 44px);
line-height: 1.05;
font-weight: 850;
letter-spacing: -0.045em;
}
.velora-company-details {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 14px;
}
.velora-company-details div {
padding: 18px;
border-radius: 18px;
background: rgba(255, 255, 255, 0.075);
border: 1px solid rgba(255, 255, 255, 0.11);
}
.velora-company-details span {
display: block;
margin-bottom: 8px;
color: rgba(255, 255, 255, 0.58);
font-size: 12px;
line-height: 1.35;
letter-spacing: 0.08em;
text-transform: uppercase;
font-weight: 750;
}
.velora-company-details strong,
.velora-company-details a {
color: #ffffff;
font-size: 16px;
line-height: 1.45;
font-weight: 750;
text-decoration: none;
word-break: break-word;
}
.velora-company-details a:hover {
color: #9BD2FF;
}
.velora-company-address {
grid-column: 1 / -1;
}
.velora-contact-note {
display: flex;
justify-content: space-between;
align-items: center;
gap: 24px;
margin-top: 28px;
padding: 30px;
border-radius: 28px;
background: rgba(255, 255, 255, 0.88);
border: 1px solid rgba(17, 27, 74, 0.08);
box-shadow: 0 18px 48px rgba(17, 27, 74, 0.07);
}
.velora-contact-note-label {
margin: 0 0 8px;
color: #506FD4;
font-size: 12px;
line-height: 1.3;
letter-spacing: 0.18em;
text-transform: uppercase;
font-weight: 850;
}
.velora-contact-note h2 {
margin: 0 0 8px;
color: #111B4A;
font-size: clamp(26px, 3vw, 38px);
line-height: 1.05;
font-weight: 850;
letter-spacing: -0.04em;
}
.velora-contact-note p {
margin: 0;
max-width: 640px;
color: rgba(17, 27, 74, 0.66);
font-size: 15.5px;
line-height: 1.55;
}
.velora-contact-note a {
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 52px;
padding: 0 24px;
border-radius: 999px;
background: linear-gradient(135deg, #506FD4, #6FB7FF);
color: #ffffff;
text-decoration: none;
font-size: 15px;
font-weight: 850;
white-space: nowrap;
box-shadow: 0 18px 42px rgba(80, 111, 212, 0.26);
transition: transform 0.22s ease, box-shadow 0.22s ease;
}
.velora-contact-note a:hover {
transform: translateY(-2px);
box-shadow: 0 22px 48px rgba(80, 111, 212, 0.34);
}
@media screen and (max-width: 980px) {
.velora-contact-info-grid {
grid-template-columns: 1fr;
}
.velora-contact-note {
flex-direction: column;
align-items: flex-start;
}
}
@media screen and (max-width: 720px) {
.velora-company-details {
grid-template-columns: 1fr;
}
}
@media screen and (max-width: 640px) {
.velora-contact-info-section {
padding: 54px 14px;
}
.velora-contact-info-hero {
text-align: left;
margin-bottom: 30px;
}
.velora-contact-info-eyebrow {
font-size: 11px;
letter-spacing: 0.18em;
}
.velora-contact-info-hero h1 {
font-size: 42px;
}
.velora-contact-info-hero p {
font-size: 16px;
}
.velora-contact-info-card {
border-radius: 20px;
padding: 22px 20px;
}
.velora-contact-info-icon {
width: 52px;
height: 52px;
border-radius: 16px;
}
.velora-contact-info-icon svg {
width: 27px;
height: 27px;
}
.velora-company-panel {
padding: 24px 20px;
border-radius: 24px;
}
.velora-company-details div {
padding: 16px;
border-radius: 16px;
}
.velora-contact-note {
padding: 24px 20px;
border-radius: 22px;
}
.velora-contact-note a {
width: 100%;
}
}
