:root {
--navy: #001b35;
--gold: #d89016;
--white: #ffffff;
--cream: #DEDEDE;
--text: #07142a;
}

* {
margin: 0;
padding: 0;
box-sizing: border-box;
}

body {
font-family: Arial, sans-serif;
background: var(--white);
color: var(--text);
}

.services {
padding: 30px 50px 0; padding-bottom:30px;
text-align: center; background-color: #F1F1F1;
}

.eyebrow2 {
color: var(--gold);
font-size: 16px;
text-transform: uppercase;
letter-spacing: 1px;
margin-bottom: 10px;
}

.services h1 {
font-family: Georgia, serif;
font-size: 46px;
line-height: 1.1;
margin-bottom: 10px;
}

.intro {
font-size: 17px;
color: #555;
margin-bottom: 25px;
}

.card2s2 {
display: grid;
grid-template-columns: repeat(5, 1fr);
gap: 22px;
margin-bottom: 20px;
}

.card2 {
background: white;
border-radius: 14px;
box-shadow: 0 8px 28px rgba(0,0,0,0.12);
padding: 22px 16px 14px;
min-height: 520px;
display: flex;
flex-direction: column;
justify-content: space-between;
}

.icon2 {
width: 78px;
height: 78px;
background: var(--navy);
color: var(--gold);
border-radius: 50%;
margin: 0 auto 16px;
display: flex;
align-items: center;
justify-content: center;
font-size: 34px;
}

.card2 h3 {
font-family: Georgia, serif;
font-size: 20px;
text-transform: uppercase;
line-height: 1.2;
min-height: 70px;
margin-bottom: 10px; 
}

.gold-divider {
width: 70px;
height: 2px;
background: var(--gold);
margin: 0 auto 14px;
position: relative;
}

.gold-divider::after {
content: "";
width: 10px;
height: 10px;
background: var(--gold);
position: absolute;
top: -4px;
left: 50%;
transform: translateX(-50%) rotate(45deg);
}

.card2 p {
font-size: 15px;
line-height: 1.45;
margin-bottom: 18px;
}

.card2 img {
width: 100%;
height: 210px;
object-fit: cover;
border-radius: 10px;
}

.cta-strip {
max-width: 1000px;
margin: 0 auto 12px;
background: var(--cream);
display: flex;
align-items: center;
justify-content: space-between;
border-radius: 12px;
padding: 12px 18px 12px 36px;
font-size: 20px;
}

.cta-strip span {
color: var(--text);
}

.cta-strip a {
background: var(--navy);
color: var(--gold);
text-decoration: none;
padding: 16px 28px;
border-radius: 6px;
text-transform: uppercase;
font-weight: bold;
font-size: 16px;
}

.value2 {
display: flex;
gap: 14px;
align-items: center;
border-right: 1px solid var(--gold);
min-height: 55px;
}

.value2:last-child {
border-right: none;
}

.value2-icon {
color: var(--gold);
font-size: 32px;
}

.value2 h4 {
color: var(--gold);
font-size: 15px;
text-transform: uppercase;
margin-bottom: 4px;
}

.value2 p {
font-size: 13px;
color: #e5e5e5;
}

.footer-logo{text-align:center}
.footer-logo img{height:48px}

@media (max-width: 1100px) {
header {
height: auto;
padding: 25px;
flex-direction: column;
gap: 18px;
}

.services h1 {
font-family: Georgia, serif;
font-size: 34px;
line-height: 1.1;
margin-bottom: 10px;
}
.card2s2,
footer2 {
grid-template-columns: 1fr;
}

.card2 {
min-height: auto;
}

.cta-strip {
flex-direction: column;
gap: 16px;
text-align: center;
}

.value2 {
border-right: none;
border-bottom: 1px solid var(--gold);
padding-bottom: 15px;
}
}

.no-style-link {
    text-decoration: none;
    color: inherit;
}