.footer-dark{
    background-color:#121212;
    color:#ffffffff;
    text-decoration:none;
    margin: 0 10px;
    opacity:0.8;
}

.footer-dark a {
    color: #ffffffff;
    text-decoration: none;
    margin: 0 10px;
    opacity:0.8;
}


.fotter-dark a:hover {

    opacity:1;
    text-decoration:underline;

}

.footer-dark .container{
    max-width:960px;
    margin:0 auto;
}

.logo-container{
    background-color: #e0e0e0;
    border-radius:15px;
    padding:30px;
    display:flex;
    flex-wrap:wrap;
    gap:20px;
    justify-content:center;
    align-items:center;
    max-width:200px;
    margin:0 auto;
    box-shadow:0 2px 10px rgba(0,0,0,0.1);
}

.logo-item{
    max-width:30px;
    max-height:30px;
    object-fit:contain;
}

.hover-overlay{
    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
    background:linear-gradient(135deg,#a83232 0%,#ffffff 100%);
    color:white;
    padding:30px;
    display:flex;
    flex-direction:column;
    justify-content:center;
    text-align:center;
    opacity:0;
    transition:opacity 0.3s ease;
    color:'#ffffff';
    text-shadow:0 1px 3px rgba(0,0,0,0.6);
}

.service-card{
    border:none;
    border-radius:15px;
    box-shadow:0 5px 15px rgba(0,0,0,0.1);
    transition: all 0.3s ease;
    overflow:hidden;
    position:relative;
    height:350px;
    color:#fff !important;
    text-shadow:0 1px 3px rgba(0,0,0,0.7);
}

.service-card:hover{
    transform:translateY(-10px);
    box-shadow:0 15px 30px rgba(0,0,0,0.2);
}

.service-card:hover .hover-overlay{
    opacity:1;
    color:#fff;
    text-shadow:0 1px 3px rgba(0,0,0,0.6);
}

.card-content{
    padding:30px;
    height:100%;
    display:flex;
    flex-direction:column;
    justify-content:center;
    text-align:center;
    color:#fff !important;
    text-shadow:0 1px 3px rgba(0,0,0,0.6);


}

.card-icon{
    font-size:3rem;
    color:#2a5298;
    margin-bottom:20px;
}

.price{
    font-size:2rem;
    font-weight:bold;
    margin:20px 0;
    color:#fff;
    text-shadow:0 1px 3px rgba(0,0,0,0.6);
}

.calendly-container{
    display:none;
    margin-top:30px;
}

.textContent{
    background :#fff;
    max-width:800px;
    margin:40px auto;
    padding:50px 70px;
    border: 1px solid #ddd;
    box-shadow:0 4px 15px rgba(0,0,0,0.1);
    font-family:"Times New Roman",Georgia,serif;
    font-size:1.05rem;
    line-height:1.6;
    text-align:justify;
}

.textContent strong{
    display:inline-block;
    margin-top:20px;
    font-size:1.1rem;
    text-decoration:underline;
}

.textContent h2{
    text-align:center;
    font-family:Georgia,"Times New Roman",serif;
    margin-bottom:30px;
}

.form-section{
    max-width:800px;
    margin:40px auto;
    padding:50px 70px;
    border:1px solid #ddd;
    border-radius:6px;
    background:#fafafa;
    box-shadow:0 2px 6px rgba(0,0,0,0,0.05);
}

.footer-gradient{
    background:linear-gradient(to bottom,#ffffffff 0%, #e5e5e5 100%);
}

.header-gradient{
    background:linear-gradient(to top ,#ffffffff 0%, #e5e5e5 100%)
}

.service-card{
    position:relative;
    transition: all 0.3 ease;
    padding: 1.5rem;
    border-radius:1rem;
    box-shadow: 0 2px 8px rgb(0,0,0,0.1);

}

.card-content{
    transition: opacity 0.3 ease;
}

.folded{
    opacity:0.3;
    transform:scale(0.98);
}

.form-container{
    display:none;
    margin-top:1rem;
}

.btn-mtr{
    background-color:#a83232;
    color:#fff;
    font-weight:600;
    text-transform:uppercase;
    letter-spacing:0.5px;
    border:none;
    border-radius:8px;
    padding:10px 24px;
    transition: all 0.25s ease;
    box-shadow: 0 2px 5px rgba (168,50,50,0.25);
    opacity:0.95;
}

.btn-mtr:hover{
    background-color:#922d2d;
    box-shadow:0 3px 8px rgba(146,45145,0.25);
    transform:translateY(-1px);
    opacity:1;
}

.btn-mtr:active{
    background-color:#7a2626;
    box-shadow:0 2px 4px rgba(122,38,38,0.3);
    transform:translateY(0);
}

.btn-mtr-outline{
    background-color:transparent;
    color:#a83232;
    border:2px solid #a83232;
    font-weight:600;
    text-transform:uppercase;
    letter-spacing:0.5px;
    border-radius:8px;
    padding:10px 24px;
    transition: all 0.25s ease;
    opacity:0.9;
}

.btn-mtr-outline:hover
{
    background-color:#a83232;
    color:#fff;
    box-shadow:0 2px 6px rgba(168,50,50,0.25);
    opacity:1;
}

.bg-cover{
    background-size:cover;
    background-position:center;
    background-repeat:no-repeat;
}