body{
    font-style: normal;
    background-color: #F7F5EF;
    max-width: 100%;
    overflow-x: hidden;
    margin: 0;
    padding: 0;
    font-family: "Poppins", sans-serif;
    font-weight: 400;
    font-size: 18px;
    color: #1F4419;
    z-index: 2;
}




h1{
    font-weight: bold;
    font-size: 80px;

}

h2{
    font-weight: bold;
    font-size: 50px;
}

h3{
    font-size: 20px;
    letter-spacing: 4px;
}


p{
    font-size: 18px;
    line-height: 150%;
}

button{
    padding: 1% 2%;
    z-index: 3;
    background-color: #C6235E;
    border-radius: 15px;
    border: none;
    color: #F7F5EF;
}

@keyframes slideInRight {
    from {
        transform: translateX(100%);
        opacity: 0;
    }
    to {
        transform: translateX(0);
        opacity: 1;
    }
}

.slide-in-right {
    animation: slideInRight 1.5s forwards;
}

@keyframes slideInLeft {
    from {
        transform: translateX(-100%);
        opacity: 0;
    }
    to {
        transform: translateX(5%);
        opacity: 1;
    }
}

.slide-in-left {
    animation: slideInLeft 1.5s forwards;
}

@keyframes slideUp {
    from {
        transform: translateY(-100%);
        opacity: 0;
    }
    to {
        transform: translateY(0);
        opacity: 1;
    }
}

.slideUp {
    animation: slideUp 1.5s forwards;
}



.gr-btn{
    background-color: #4CBCA6;
}


.logo{
    margin: 0;
    padding: 0;
}

#logo{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;

}

#logo img{
    width: 100%;
    object-fit: cover;
}

#1st-text{
    padding-top: 55%;
}



.header-paragraph{
    padding-top: 5%;
    margin: 0;
}

.seguros{
    padding-bottom: 5%;
}

.salud-img:before{
    content: url('/assets/img/graphic/leave-orange.webp');  /* Load the ornament image */
    position: absolute;  /* Position the ornament absolutely within the container */

    left: 52%;
    width: 50px;  /* Adjust the width as needed */
    height: auto;  /* Maintain the aspect ratio */
    display: inline-block;
    z-index: 3;
}

.vision-img:before{
    content: url('/assets/img/graphic/leave-red.webp');  /* Load the ornament image */
    position: absolute;  /* Position the ornament absolutely within the container */

    left: 52%;
    width: 50px;  /* Adjust the width as needed */
    height: auto;  /* Maintain the aspect ratio */
    display: inline-block;
    z-index: 3;
}


.vida-img:before{
    content: url('/assets/img/graphic/leave-blue.webp');  /* Load the ornament image */
    position: absolute;  /* Position the ornament absolutely within the container */
    left: 46%;
    width: 50px;  /* Adjust the width as needed */
    height: auto;  /* Maintain the aspect ratio */
    display: inline-block;
    z-index: 3;
}

.dental-img:before{
    content: url('/assets/img/graphic/leave-yellow.webp');  /* Load the ornament image */
    position: absolute;  /* Position the ornament absolutely within the container */
    left: 46%;
    width: 50px;  /* Adjust the width as needed */
    height: auto;  /* Maintain the aspect ratio */
    display: inline-block;
    z-index: 3;
}


.complementario-img:before{
    content: url('/assets/img/graphic/leave-celest.webp');  /* Load the ornament image */
    position: absolute;  /* Position the ornament absolutely within the container */
    left: 52%;
    width: 50px;  /* Adjust the width as needed */
    height: auto;  /* Maintain the aspect ratio */
    display: inline-block;
    z-index: 3;
}

.header-text{


    padding-left: 5%;
    padding-top: 10%;
    z-index: 2;
}

.header-paragraph p{
    font-size: 26px;
}

.header-paragraph-img img{
    width: 100%;
    object-fit: cover;
    height: 100%;

}

.header-cont{
    margin: 0;
    padding: 0;
}

.seguros{
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.first-paragraph {
    position: relative;
    overflow: hidden;
    background-image: url("/assets/img/graphic/green-rec.webp");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    padding-top: 10%;
    padding-bottom: 20%;
    color: #F7F5EF;
}

.phone-ornament-container img{
    display: none;

}

.second-paragraph{
    padding-bottom: 2%;
}

.seguro-salud{
    color: #F7F5EF;
    background-color: #EE6B33;
}

.seguro-vida{
    color: #F7F5EF;
    background-color: #088786;
}

.seguro-vida button{
    color: #F7F5EF;
    background-color: #F9A21F;
}

.seguro-vision{
    color: #F7F5EF;
    background-color: #C6235E;
}

.seguro-dental{
    color: #F7F5EF;
    background-color: #F9A21F;
}

.seguro-dental button{
    color: #F7F5EF;
    background-color: #088786;
}

.seguro-complementario{
    color: #F7F5EF;
    background-color: #4CBCA6;
}

.seguro-complementario button{
    color: #F7F5EF;
    background-color: #C6235E;
}

.our-team{
    padding: 5% 10%;
    align-content: center;
    align-items: center;
    text-align: center;
}

.our-team img{
    width: 100%;

}

.form-tab button{
    margin-top: 2%;
    margin-bottom: 2%;
}

.form-tab{
    background-color: #F1EDE1;
    align-content: center;
    align-items: center;
    text-align: center;
}


.mobile{
    display: none;
}

.forms-1, .forms-2, .forms-3, .forms-4, .forms-5 {
    display: none;
    opacity: 0;
    transition: opacity 1s;
}


.forms-1,.forms-1 .form-tab{
    background-color: #EE6B33;
}

.forms-1 h2{
    color: #C6235E;

}

.forms-1 .form-tab p, .forms-1 .form-tab label{
    color: #F7F5EF !important;
}





.forms-2,.forms-2 .form-tab{
    background-color: #088786;
}

.forms-2 h2{
    color: #F9A21F;

}

.forms-2 .form-tab p, .forms-2 .form-tab label{
    color: #F7F5EF !important;
}

.forms-2 .form-tab button{
    background-color: #F9A21F;
}


.forms-3,.forms-3 .form-tab{
    background-color: #C6235E;
}

.forms-3 h2{
    color: #4CBCA6;

}

.forms-3 .form-tab p, .forms-3 .form-tab label{
    color: #F7F5EF !important;
}

.forms-3 .form-tab button{
    background-color: #4CBCA6;
}


.forms-4,.forms-4 .form-tab{
    background-color: #F9A21F;
}

.forms-4 h2{
    color: #088786;

}

.forms-4 .form-tab p, .forms-4 .form-tab label{
    color: #F7F5EF !important;
}

.forms-4 .form-tab button{
    background-color: #088786;
}


.forms-5,.forms-5 .form-tab{
    background-color: #4CBCA6;
}

.forms-5 h2{
    color: #C6235E;

}

.forms-5 .form-tab p, .forms-5 .form-tab label{
    color: #F7F5EF !important;
}

.forms-5 .form-tab button{
    background-color: #C6235E;
}

.pol{
    padding:10%;
    background-color: #088786;
    font-weight: bolder;
}