.ceox-services {
padding: 96px 0;
background: #F5F7FA;
}

max-width:var(--ceox-container) {
width: 100%;
max-width: 1280px;
margin: 0 auto;
padding-right: 24px;
padding-left: 24px;
}

.ceox-services__header {
max-width: 760px;
margin: 0 auto 64px;
text-align: center;
}

.ceox-services__eyebrow {
margin: 0 0 16px;
color: #F28C28;
font-size: 14px;
font-weight: 700;
letter-spacing: 0.16em;
line-height: 1.6;
text-transform: uppercase;
}

.ceox-services__title {
margin: 0;
color: #173F6D;
font-size: 48px;
font-weight: 700;
line-height: 1.15;
}

.ceox-services__description {
max-width: 680px;
margin: 24px auto 0;
color: #6B7280;
font-size: 18px;
line-height: 1.8;
}

.ceox-services__grid {
gap: 32px;
}

.ceox-services__column {
display: flex;
}

.ceox-services__card{
    position:relative;
    display:flex;
    flex-direction:column;
    width:100%;
    height:100%;
    padding:44px;
    background:#fff;
    border:1px solid #E7EDF4;
    border-radius:24px;
    overflow:hidden;

    box-shadow:
        0 12px 32px rgba(15,23,42,.05);

    transition:
        transform .35s ease,
        box-shadow .35s ease,
        border-color .35s ease;
}

.ceox-services__card:hover{
    transform:translateY(-10px);

    border-color:rgba(242,140,40,.25);

    box-shadow:
        0 28px 70px rgba(15,23,42,.12);
}

.ceox-services__icon {
display: inline-flex;
align-items: center;
justify-content: center;
width: 64px;
height: 64px;
margin-bottom: 32px;
color: #173F6D;
background: #F5F7FA;
border-radius: 16px;
transition:
color 0.3s ease,
background-color 0.3s ease,
transform 0.3s ease;
}

.ceox-services__card:hover .ceox-services__icon {
color: #F28C28;
background: rgba(242, 140, 40, 0.08);
transform: scale(1.05);
}

.ceox-services__icon svg {
display: block;
width: 32px;
height: 32px;
}

.ceox-services__card-title {
margin: 0 0 20px;
color: #173F6D;
font-size: 30px;
font-weight: 700;
line-height: 1.25;
}

.ceox-services__card-description {
margin: 0;
color: #6B7280;
font-size: 17px;
line-height: 1.8;
}

@media (min-width: 1025px) {
.ceox-services__grid {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
}

.ceox-services__column {
    margin: 0;
}

}

@media (min-width: 768px) and (max-width: 1024px) {
.ceox-services {
padding: 80px 0;
}

.ceox-services .ceox-container {
    padding-right: 20px;
    padding-left: 20px;
}

.ceox-services__title {
    font-size: 40px;
}

.ceox-services__grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 24px;
}

.ceox-services__column:last-child {
    grid-column: 1 / -1;
}

.ceox-services__card {
    padding: 32px;
}

}

@media (max-width: 767px) {
.ceox-services {
padding: 64px 0;
}

.ceox-services .ceox-container {
    padding-right: 20px;
    padding-left: 20px;
}

.ceox-services__header {
    margin-bottom: 40px;
}

.ceox-services__title {
    font-size: 34px;
}

.ceox-services__description {
    font-size: 16px;
}

.ceox-services__grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 20px;
}

.ceox-services__column {
    margin: 0;
}

.ceox-services__card {
    padding: 28px;
}

.ceox-services__icon {
    width: 56px;
    height: 56px;
    margin-bottom: 24px;
}

.ceox-services__card-title {
    font-size: 24px;
}

.ceox-services__card-description {
    font-size: 16px;
}

}

@media (prefers-reduced-motion: reduce) {
.ceox-services *,
.ceox-services *::before,
.ceox-services *::after {
transition: none !important;
animation: none !important;
scroll-behavior: auto !important;
}
}