/* Globals */
.font-weight-300{
    font-weight: 300;
}
.font-weight-500{
    font-weight: 500;
}
.font-size-large{
    font-size: large;
}
/* Ocultar las flechas en navegadores basados en WebKit (Chrome, Safari) */
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Ocultar las flechas en Firefox */
input[type="number"] {
    -moz-appearance: textfield;
}
.banner{
    background-image: url('../img/notary-public-services.webp');
    height: 600px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.overlay{
    height: 600px;
    background-color: #00000067;
}
h1{
    font-weight: 500;
}

/* Services Styles Cards */
.services-container{
    padding: 3rem 0rem;
}
.card-services{
    border: 1px solid rgba(185, 185, 185, 0.596);
    padding: 5%;
    height: 180px;
    border-radius: 5px;
    transition: background-color 0.3s ease, color 0.3s ease; /* Ajusta la duración y el tipo de easing según tus necesidades */
}
.card-services h2{
    font-size: 1.5rem;
    font-weight: 400;
}
.card-services h3{
    font-size: 1rem;
    font-weight: 300;
}
.card-services:hover{
    background-color: #122944;
    color: #ffffff;
}
/* Contact Information Section */
.contact-section-container{
    background-color: #122944;
    color: #ffffff;
    padding: 50px 0px;
    border-bottom: 1px solid #ffffff;
}
.contact-information h2{
    font-size: 1.5rem;
    font-weight: 400;
}
.contact-information h3{
    font-size: 1.1rem;
    font-weight: 300;
}
@media screen and (max-width: 792px){
    .banner-information{
        padding: 0px 15px;
    }
    .card-services{
        margin: 0px 15px;
    }
}