.content{
    /* padding-top:5rem; */
   background-color: #FAF8F4;
justify-content: center;
align-items: center;
}
.banner-div{
    top:50%;
}

.services{
    display:flex;
    flex-direction: column;
    
    gap:4rem;
}

.cta-button {
    display: inline-block;
    padding: 12px 20px;
    background: #007bff;
    color: white;
    text-decoration: none;
    border-radius: 5px;
    margin-top: 10px;
    transition: background 0.3s ease;
}

.content > .shadow{
padding:5rem;
font-size:1.1rem;
}

.featurette{
    width:100%;
    display:row;
    align-items: center;
}
.featurette img{
    height:20rem;
    border-radius: 20px;
}


.lead{
    font-size:1rem;
}


@media (max-width: 768px) {
.shadow{
    text-align: center;
}

.services{
    justify-content: center;
    align-items: center;
}

.services .col-md-7{
    margin-bottom:1rem;
}
.featurette {
    border: 2px  #ccc; /* Dashed border for distinction */
    padding: 20px; /* Adds spacing inside */
    margin-bottom: 30px; /* Space between each section */
    border-radius: 10px; /* Slightly rounded corners */
    background-color: #f9f9f9; /* Light background for contrast */
    box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.1); /* Subtle shadow effect */
}

}

@media screen and (min-width: 768px) and (max-width: 991.5px){

.featurette img {
    height: 15rem;
}
}