/* Start custom CSS for shortcode, class: .elementor-element-983b179 *//* Container Background & Wrapper */
.ark-services-container {
    background-color: #050505 !important;
    padding: 80px 40px;
    max-width: 1400px;
    margin: 0 auto;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
    box-sizing: border-box;
}

/* Header Text Styles */
.ark-services-header {
    text-align: center;
    margin-bottom: 60px;
}

.ark-pre-title {
    color: #be9a3b;
    font-size: 12px;
    letter-spacing: 2px;
    font-weight: 600;
    display: block;
    margin-bottom: 12px;
}

.ark-main-title {
    color: #ffffff;
    font-size: 28px;
    font-weight: 700;
    letter-spacing: 0.5px;
    margin: 0 auto 18px auto;
}

.ark-gold-text {
    color: #be9a3b;
}

.ark-sub-title {
    color: #8c8c8c;
    font-size: 15px;
    line-height: 1.6;
    max-width: 700px;
    margin: 0 auto 25px auto;
}

.ark-header-line {
    border-top: 1px solid #302613;
    width: 120px;
    margin: 0 auto;
}

/* 5-Column Grid Display Configuration */
.ark-services-grid {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 20px;
    margin-bottom: 20px;
}

/* Center Layout for Row 3 Card 11 */
.ark-single-card-row {
    display: flex;
    justify-content: center;
    margin-bottom: 50px;
}

.ark-single-card-row .ark-service-card {
    width: calc(20% - 16px); /* Matches exact width profile of 5-column cells */
}

/* Cards Design System */
.ark-service-card {
    background: #090909;
    border: 1px solid #14120e;
    border-radius: 8px;
    padding: 30px 20px;
    transition: border 0.3s ease;
}

.ark-service-card:hover {
    border-color: #be9a3b;
}

.ark-icon-wrap {
    width: 40px;
    height: 40px;
    margin-bottom: 20px;
}

.ark-icon-wrap svg {
    width: 100%;
    height: 100%;
}

.ark-service-card h3 {
    color: #ffffff;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 0.5px;
    margin: 0 0 18px 0;
    height: 34px; /* Fix line distribution differences */
    display: flex;
    align-items: center;
}

.ark-service-card ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
}

.ark-service-card ul li {
    color: #757575;
    font-size: 13px;
    line-height: 1.5;
    margin-bottom: 8px;
    position: relative;
    padding-left: 14px;
}

.ark-service-card ul li::before {
    content: "•";
    position: absolute;
    left: 0;
    color: #be9a3b;
}

/* Call to Action Banner Design */
.ark-cta-banner {
    border: 1px solid #1c1810;
    border-radius: 8px;
    background: #080808;
    padding: 25px 40px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 40px;
}

.ark-cta-left {
    display: flex;
    align-items: center;
    gap: 20px;
}

.ark-cta-icon {
    width: 48px;
    height: 48px;
    border: 1px solid #292214;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #0d0d0d;
}

.ark-cta-text h4 {
    color: #ffffff;
    font-size: 15px;
    font-weight: 600;
    margin: 0 0 4px 0;
    letter-spacing: 0.5px;
}

.ark-cta-text p {
    color: #707070;
    font-size: 13px;
    margin: 0;
}

.ark-btn-quote {
    background-color: #cca43b;
    color: #050505 !important;
    text-decoration: none !important;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.5px;
    padding: 14px 28px;
    border-radius: 4px;
    display: inline-block;
    transition: background-color 0.2s ease;
}

.ark-btn-quote:hover {
    background-color: #be9a3b;
}

/* Fully Responsive Breakpoints */
@media (max-width: 1200px) {
    .ark-services-grid { grid-template-columns: repeat(3, 1fr); }
    .ark-single-card-row { justify-content: start; }
    .ark-single-card-row .ark-service-card { width: calc(33.33% - 14px); }
}

@media (max-width: 850px) {
    .ark-services-grid { grid-template-columns: repeat(2, 1fr); }
    .ark-single-card-row .ark-service-card { width: calc(50% - 10px); }
    .ark-cta-banner { flex-direction: column; gap: 20px; text-align: center; }
    .ark-cta-left { flex-direction: column; }
}

@media (max-width: 550px) {
    .ark-services-grid { grid-template-columns: 1fr; }
    .ark-single-card-row .ark-service-card { width: 100%; }
    .ark-services-container { padding: 40px 20px; }
}/* End custom CSS */