.container-customs{

    padding: 50px 50px;

    position: relative;

    overflow: hidden;

    display: flex;

    justify-content: center;

    align-items: center;

    flex-direction: column;

    background: #f8f8f8;

}



.container-customs h2{

    text-align: center;

    font-size: 40px;

    padding-bottom: 15px;

}

.container-customs p{

    text-align: center;

    font-size: 20px;

    max-width: 1230px;

    line-height: 25px;

}



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

    .container-customs h2{

        font-size: 30px;

    }

    .container-customs p{

        font-size: 17px;

        text-align: center;

    }

}







/* cards one */



.container_custom_one{

    display: flex;

    justify-content: center;

    align-items: center;

}



.services-customs{

    display: flex;

    position:relative;

    overflow: hidden;

    padding: 50px 50px;

    margin: 0;

}



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

    .services-customs{

        padding: 30px 30px;

    }

}



.image-custom{

    width: 450px;

    height: 450px;

    object-fit: cover;

    position: relative;

    display: flex;

    justify-content: center;

    align-items: center;

    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;

}



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

    .image-custom{

        width: 100%;

        max-width: 450px;

        height: 300px;

        object-fit: cover;

        position: relative;

        display: flex;

        justify-content: center;

        align-items: center;

    }

}



/* .image-custom::before{

    content: '';

    position: absolute;

    width: 100%;

    height: 100%;

    top: 0;

    left: 0;

    background: #DFDFDF;

    filter: blur(5px);

    z-index: -1;

} */

.image-custom img{

    width: 100%;

    height: 100%;

    object-fit: cover;

}



.content-custom{

    padding: 10px 50px ;

    margin: auto;

}



.content-custom h2{

    font-size: 40px;

    padding-bottom: 30px;

}

.content-custom p{
    padding-bottom: 20px;
    font-size: 18px;
    line-height: 27px;
    text-align: justify;
}



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

    .content-custom{

        padding: 10px 0px ;

        margin: auto;

    }

    

    .content-custom h2{

        font-size: 30px;

        padding-bottom: 30px;

        text-align: center;

    }

    .content-custom p{

        padding-bottom: 20px;

        font-size: 18px;

        text-align: center;

    }

    .button-card-alt{

        display: flex;

        justify-content: center;

        margin-bottom: 40px;

    }

}





.information-custom p{

    font-size: 20px;

    font-weight: 900;



}







/* cards two */



.service-customs-two{

    position: relative;

    overflow: hidden;

    padding: 50px 50px;

    margin: 0;

}

.service-customs-two::after{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #dfdfdfcc;
    z-index: 0;
}



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

    .service-customs-two{

        padding: 30px 30px;

    }

}



.container_custom_two{

    display: flex;

    justify-content: center;

    align-items: center;

}



.services-customs-two{

    display: flex;

}



.image-custom-two{

    width: 450px;

    height: 450px;

    object-fit: cover;

    position: relative;

    display: flex;

    justify-content: center;

    align-items: center;

    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;

}



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

    .image-custom-two{

        width: 100%;

        max-width: 450px;

        height: 300px;

        object-fit: cover;

        position: relative;

        display: flex;

        justify-content: center;

        align-items: center;

    }

}




/* 
.image-custom-two::before{

    content: '';

    position: absolute;

    width: 100%;

    height: 100%;

    top: 0;

    left: 0;

    background: #fff;

    filter: blur(5px);

    z-index: 1;

} */

.image-custom-two img{

    width: 100%;

    height: 100%;

    object-fit: cover;

    z-index: 2;

}



.content-custom-two{

    padding: 10px 50px ;

    margin: auto;

    z-index: 1;

}



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

    .content-custom-two{

        padding: 10px 0px ;

        margin: auto;

    }

}



.content-custom-two h2{

    font-size: 40px;

    padding-bottom: 30px;

}

.content-custom-two p{
    padding-bottom: 20px;
    font-size: 18px;
    line-height: 27px;
    text-align: justify;
}

.information-custom-two p{

    font-size: 20px;

    font-weight: 900;

}



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

    .content-custom-two h2{

        font-size: 30px;

        padding-bottom: 30px;

        text-align: center;

    }

    .content-custom-two p{

        padding-bottom: 18px;

        font-size: 18px;

        text-align: center;

    }

    .information-custom-two p{

        font-size: 18px;

        font-weight: 900;

        text-align: center;

    }

}



.background_service_gray{

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    object-fit: cover;

    z-index: -1;

}



/* id */

.id-select-a{

    position: absolute;

    top: -100px;

}