/* How to Get Started Section Styles - using theme classes */
.getstarted-section-dark {
    background-color: #222222;
}

.getstarted-section-dark .section-subtitle {
    color: #aa8453;
}

.getstarted-section-dark .section-title {
    color: #fff;
}

.getstarted-section-dark p {
    font-family: 'Barlow', sans-serif;
    font-size: 15px;
    font-weight: 400;
    line-height: 1.75em;
    color: rgba(255, 255, 255, 0.5);
    margin-bottom: 20px;
}

.getstarted-card {
    background-color: transparent;
    overflow: hidden;
}

.getstarted-card-image {
    width: 100%;
    height: 300px;
    overflow: hidden;
    position: relative;
    /* margin-bottom: 20px; */
}

.getstarted-card-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.getstarted-card-content {
    padding: 32px;
    text-align: center;
    background: #2B2B2B;
}

.getstarted-card-content h5 {
    font-family: 'Gilda Display', serif;
    font-size: 24px;
    color: #fff;
    margin-bottom: 32px;
    font-weight: 400;
}

.getstarted-section-dark .butn-dark a {
    text-align: center;
    background: #aa8453;
    width: 100%;
}

.getstarted-section-dark .butn-dark a:hover:after {
    background: #2B2B2B !important;
}

/* Responsive adjustments */
@media (max-width: 991px) {
    .getstarted-section-dark .col-md-6:first-child {
        margin-bottom: 40px;
    }
}