.box-first{
    display: flex;
    justify-content: flex-end;
    align-items: center;
    background: linear-gradient(0deg, #efab1e, #F6CE7A);
    padding: 3rem 0 0;
}
.box-first-content{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    width: 87%;
}
.left-info-first{
    width: 35%;
    display: flex;
    align-items: center;
    margin-bottom: 35px;
}
.box-title-first h2{
    margin-bottom: 0;
    font-size: 60px;
    font-weight: bold;
    line-height: 76px;
    letter-spacing: -2px;
    color: #fff;
}
.box-content-first p{
    font-size: 18px;
    font-weight: 400;
    color: #fff;
}
.box-span-first{
    margin-top: 40px;
    display: flex;
    justify-content: flex-start;
    gap: 2rem;
}
.box-span-first a{
    text-decoration: none;
    font-size: 20px;
    font-weight: 600;
    line-height: 32px;
    color: white;
}
.box-span-first span{
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 4rem;
    width: 230px;
    height: 58px;
    background-color: #282641;
}
#span-advisory{
    width: 18rem;
    gap: 10px;
    background-color: transparent;
}
.right-img-first{
    width: 60%;
    display: flex;
    justify-content: center;
    align-items: flex-end;
}
.right-img-first img{
    width: 90%;
}
.box-second{
    display: flex;
    justify-content: center;
    text-align: center;
    padding-top: 5rem;
}
.info-salud-service{
    width: 54%;
}
.title-salud-service h2{
    font-size: 40px;
    color: #282641;
    line-height: 48px;
    letter-spacing: -1.2px;
}
.text-salud-service{
    display: grid;
}
.text-salud-service p{
    font-size: 18px;
    color: #535453;
}
.box-accompaniment{
    display: flex;
    justify-content: center;
    padding: 5rem 0;
}
.info-accompaniment{
    width: 80%;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.title-accompaniment{
    width: 60%;
}
.title-accompaniment h2{
    text-align: center;
    font-size: 40px;
    font-weight: bold;
    line-height: 48px;
    letter-spacing: -1.2px;
    color: #282641;
}
.box-cards-accompaniment{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 3rem;
}
.card-accompaniment{
    display: flex;
    flex-direction: column;
    width: 384px;
    padding: 1.3rem 0;
    border: solid rgb(180, 180, 180) 1px;
    border-radius: 1rem;
    position: relative;
}
.card-accompaniment svg{
    margin-left: 1.3rem;
}
.text-card-accompaniment{
    margin-left: 1.3rem;
}
.text-card-accompaniment p{
    font-size: 24px;
    font-weight: 600;
    line-height: 40px;
    letter-spacing: -1px;
    color: #232536;
    margin-top: 1rem;
}
.card-accompaniment span{
    font-size: 27px;
    font-weight: bold;
    line-height: 28px;
    color: #282641;
}
.card-accompaniment:hover{
    cursor: pointer;
    background-color: #efab1e;
    scale: 1.04;
    transition: 1s;
}
.card-accompaniment:hover .svg-icon .path-blue{
    fill: #002649;
    transition: 1s;
}
.card-accompaniment:hover .svg-icon .path-white{
    fill: white;
    transition: 0.8s;
}
.card-accompaniment:hover .svg-icon .path-yellow{
    fill: #EBA71F;
    transition: 0.8s;
}
.box-legal-inconvenience{
    display: grid;
    justify-items: center;
    padding-bottom: 5rem;
}
.content-legal-inconvenience{
    width: 70%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    align-items: center;
    padding-bottom: 3rem;
}
.left-content-legal-inconvenience{
    width: 40%;
}
.title-inconvenience h2{
    font-size: 40px;
    line-height: 48px;
    letter-spacing: -1.2px;
    color: #282641;
}
.text-inconvenience p{
    font-size: 18px;
    color: #535453;
}
.button-join-us-legal-inconvenience a{
    text-decoration: none;
    font-size: 20px;
    font-weight: 600;
    line-height: 32px;
    color: white;
}
.button-join-us-legal-inconvenience a span{
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 4rem;
    width: 230px;
    height: 58px;
    background-color: #efab1e;
}
.box-legal-advice{
    display: flex;
    justify-content: center;
    background-color: #fafafa;
    padding: 5rem 0;
}
.info-legal-advice{
    width: 95%;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.title-legal-advice{
    width: 42rem;
}
.title-legal-advice h2{
    margin: 0;
    text-align: center;
    font-size: 40px;
    font-weight: bold;
    line-height: 48px;
    letter-spacing: -1.2px;
    color: #282641;
}
.title-legal-advice p{
    text-align: center;
    font-size: 20px;
    line-height: 32px;
    letter-spacing: -0.2px;
    color: #535453;
}
.box-cards-legal-advice{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    column-gap: 3rem;
    row-gap: 10px;
    padding-top: 3rem;
}
.card-legal-advice{
    width: 422px;
}
.card-legal-advice>svg{
    width: 60px;
    height: 60px;
}
.card-legal-advice h3{
    font-size: 24px;
    font-weight: bold;
    line-height: 32px;
    letter-spacing: -0.5px;
    color: #282641;
}
.card-legal-advice p{
    font-size: 18px;
    line-height: 30px;
    letter-spacing: -0.2px;
    color: #535453;
}
.box-legal-project-management{
    display: flex;
    justify-content: center;
    padding: 3rem 0;
}
.info-legal-project-management{
    display: flex;
    flex-wrap: wrap-reverse;
    justify-content: space-evenly;
    width: 70%;
}
.info-left-legal-project-management{
    width: 45%;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
.info-right-legal-project-management{
    width: 45%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.info-right-legal-project-management h2{
    font-size: 40px;
    font-weight: bold;
    line-height: 48px;
    letter-spacing: -1.2px;
    color: #282641;
}
.info-right-legal-project-management p{
    font-size: 18px;
    line-height: 36px;
    letter-spacing: -0.2px;
    color: #535453;
    opacity: 70%;
}
.info-right-legal-project-management h3{
    margin: 0;
    font-size: 30px;
    font-weight: bold;
    line-height: 48px;
    letter-spacing: -1.2px;
    color: #efab1e;
}
.box-one-year-before{
    display: flex;
    justify-content: center;
    background-color: #282641;
}
.info-one-year-before{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 70%;
}
.info-left-one-year-before{
    width: 55%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.info-left-one-year-before h2{
    font-size: 40px;
    font-weight: bold;
    line-height: 48px;
    letter-spacing: -1.2px;
    color: #fff;
}
.info-left-one-year-before p{
    font-size: 18px;
    line-height: 36px;
    letter-spacing: -0.2px;
    color: #fff;
    opacity: 70%;
}
.info-right-one-year-before{
    width: 45%;
    display: flex;
    justify-content: flex-end;
    align-items: center;
}
.box-support {
    display: flex;
    justify-content: center;
    padding: 7rem 0;
    background-color: #fafafa;
}
.content-support {
    width: 70%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}
.left-content-support {
    display: flex;
    flex-direction: column;
    width: 25%;
    justify-content: center;
    align-items: center;
}
.left-content-support h2{
    color: #282641;
    font-size: 40px;
    font-weight: bold;
    line-height: 48px;
    letter-spacing: -1.2px;
    margin-bottom: 1rem;
}
.left-content-support p{
    font-size: 18px;
    line-height: 32px;
    letter-spacing: -0.2px;
    color: #535453;
}
.left-content-support a, .no-visible-big-screen a{
    width: max-content;
    text-decoration: none;
    font-size: 20px;
    font-weight: 600;
    line-height: 32px;
    letter-spacing: -0.6px;
    color: white;
}
.left-content-support span{
    margin-top: 1.2rem;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 4rem;
    width: 230px;
    height: 58px;
    background-color: #efab1e;
}
.no-visible-big-screen{
    display: none;
    margin: 0 auto;
    padding-top: 2rem;
}
.no-visible-big-screen span{
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 4rem;
    width: 230px;
    height: 58px;
    background-color: #efab1e;
}
.right-content-support {
    width: 70%;
    display: flex;
    align-items: center;
}
.carousel-images-support {
    width: 100%;
    display: flex;
    overflow: hidden;
}
.carousel-images-support a{
    text-decoration: none;
    color: #282641;
}
.card-images-support {
    flex: 0 0 calc(33.333% - 20px);
    margin: 0 10px;
    text-align: center;
    transition: transform 0.3s ease;
    position: relative;
}
.card-images-support img {
    width: 100%;
}
.link-hover-support{
    display: grid;
    position: absolute;
    z-index: 9999;
    top: 0;
    opacity: 0;
    transition: 400ms ease-in;
    width: 100%;
    height: 90%;
}
.link-hover-support span{
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 12px;
    color: #fff;
    background-color: #efa91e85;
}
.card-images-support:hover .link-hover-support{
    opacity: 1;
}
.button-left-support i,
.button-right-support i {
    background-color: #fff;
    color: #efab1e;
    border-radius: 50%;
    cursor: pointer;
    font-size: 24px;
    border: none;
}
.button-left-support i.disabled,
.button-right-support i.disabled {
    background-color:#cccccc;
    color: #666666;
    cursor: default;
}
.box-policy{
    display: flex;
    justify-content: center;
}
.info-policy{
    width: 75%;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    padding: 5rem 0;
    border-bottom: 1px solid #dadada;
}
.info-left-policy{
    width: 35%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.info-left-policy h2{
    margin-top: 0;
    font-size: 40px;
    font-weight: bold;
    line-height: 48px;
    letter-spacing: -1.2px;
    color: #282641;
}
.info-left-policy h3{
    margin: 0;
    font-size: 32px;
    font-weight: bold;
    line-height: 48px;
    letter-spacing: -1.2px;
    color: #EBA71F; 
}
.info-left-policy p{
    font-size: 18px;
    line-height: 36px;
    letter-spacing: -0.2px;
    color: #535453;
    opacity: 70%;
}
.info-right-policy{
    width: 50%;
    display: flex;
    align-items: center;
}
.box-coverage{
    display: flex;
    justify-content: center;
    padding: 5rem 0;
}
.info-coverage{
    width: 75%;
    display: flex;
    flex-wrap: wrap-reverse;
}
.info-left-coverage{
    width: 50%;
    display: flex;
    justify-content: center;
}
.info-right-coverage{
    width: 50%;
}
.info-right-coverage h2{
    font-size: 40px;
    font-weight: bold;
    line-height: 48px;
    letter-spacing: -1.2px;
    color: #282641;
}
.info-right-coverage p{
    font-size: 18px;
    line-height: 36px;
    letter-spacing: -0.2px;
    color: #535453;
    opacity: 70%;
}
.box-renewal-time{
    display: flex;
    justify-content: center;
}
.content-renewal-time{
    width: 70%;
    padding: 5rem 0;
    display: flex;
    flex-wrap: wrap;
    border-bottom: 1px solid #dadada;
}
.left-renewal-time{
    width: 45%;
}
.left-renewal-time h2{
    color: #282641;
    font-size: 40px;
    line-height: 48px;
    letter-spacing: -1.2px;
}
.left-renewal-time p{
    color: #535453;
    font-size: 18px;
    line-height: 36px;
    letter-spacing: -0.2px;
    padding-right: 5.4rem;
}
.right-renewal-time{
    width: 55%;
    display: flex;
    justify-content: center;
}
.box-vitalice-legal-advice{
    display: flex;
    justify-content: center;
    padding: 5rem 0;
}
.content-vitalice-legal-advice{
    width: 70%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 0 5rem 0;
    border-bottom: 1px solid #dadada;
}
.info-left-vitalice-legal-advice{
    width: 65%;
    display: flex;
    padding: 3rem;
    border-radius: 24px;
    box-sizing: border-box;
    box-shadow: 0 5px 12px rgba(0, 0, 0, 0.1);
}
.text-info-vitalice-legal-advice{
    padding: 0 4rem 0 0;
}
.text-info-vitalice-legal-advice h2{
    font-size: 40px;
    line-height: 48px;
    letter-spacing: -1.2px;
    color: #282641;
}
.text-info-vitalice-legal-advice p{
    font-size: 18px;    
    line-height: 32px;
    letter-spacing: -0.2px;
    color: #535453;
}
.card-info-vitalice-legal-advice{
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 60rem;
    text-align: center;
    padding: 0 2rem;
    border-radius: 32px;
    background-color: #efab1e;
    color: #fff;
}
.card-info-vitalice-legal-advice p.max-percent-big{
    font-size: 100px;
    font-weight: bold;
    line-height: 1;
    margin: 0;
}
.card-info-vitalice-legal-advice p.mid-text{
    font-size: 26px;
    line-height: 1.2;
    font-weight: bold;
    margin: 0;
}
.card-info-vitalice-legal-advice p.min-text{
    font-size: 15px;
    margin-top: 6px;
    line-height: 1.4;
}
.box-prevent{
    display: flex;
    justify-content: center;
}
.info-prevent{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    width: 75%;
    padding: 4rem 0;
}
.info-left-prevent{
    width: 65%;
}
.info-left-prevent h2{
    margin: 0;
    font-size: 36px;
    font-weight: 600;
    line-height: 44px;
    letter-spacing: -1.2px;
    color: #282641;
}
.info-left-prevent p{
    font-size: 18px;
    line-height: 32px;
    letter-spacing: -0.2px;
    color: #161C2D;
    opacity: 70%;
}
.info-right-prevent{
    width: 35%;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 1.5rem;
}
.info-right-prevent a{
    text-decoration: none;
    font-size: 20px;
    font-weight: 600;
    line-height: 32px;
    letter-spacing: -0.6px;
    color: white;
}
.info-right-prevent span{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 230px;
    height: 58px;
    border-radius: 4rem;
    background-color: #efab1e;
}
#span-information{
    background-color: transparent;
    color: rgb(22, 29, 48);
    gap: 10px;
    width: 15rem;
}
.box-form-last{
    display: flex;
    justify-content: center;
    background-color: #292641;
}
.info-form{
    width: 70%;
    display: flex;
    flex-direction: column;
    align-items: center;
    border-bottom: solid 1px white;
    padding: 5rem 0;
    position: relative;
}
.title-form{
    display: flex;
    flex-direction: column;
    align-items: center;
    color: white;
    text-align: center;
    padding-bottom: 1rem;
}
.title-form h2{
    margin: 0;
    font-size: 40px;
    font-weight: bold;
    line-height: 48px;
    letter-spacing: -1.2px;
}
.title-form p{
    font-size: 18px;
    line-height: 32px;
    letter-spacing: -0.2px;
}
.back-form{
    width: 70%;
    border-radius: 2rem;
}
.button-up-form{
    position: absolute;
    right: 0;
    bottom: 4.1rem;
}
.button-up-form i{
    cursor: pointer;
    font-size: 2rem;
    border-radius: 5rem;
    background-color: white;
    color: #efab1e;
}
@media (max-width: 1530px) {
    .info-legal-project-management,
    .info-one-year-before,
    .info-policy,
    .info-coverage,
    .content-renewal-time,
    .content-vitalice-legal-advice,
    .info-prevent,
    .info-salud-service,
    .content-legal-inconvenience,
    .info-accompaniment,
    .info-form,
    .info-legal-advice
    {
        width: 85%;
    }
    .info-left-vitalice-legal-advice{
        align-items: center;
    }
    .card-info-vitalice-legal-advice{
        height: 22rem;
    }
}
@media (max-width: 1420px) {
    .info-left-vitalice-legal-advice{
        width: 100%;
    }
    .info-right-vitalice-legal-advice{
        display: none;
    }
}
@media (max-width: 1370px) {
    .box-first{
        padding: 0;
        justify-content: center;
    }
    .left-info-first{
        width: 100%;
    }
    .right-img-first{
        width: 100%;
        justify-content: center;
    }
    .right-img-first img{
        width: 760px;
    }
    .left-content-support{
        width: 100%;
        text-align: center;
    }
    .left-content-support span{
        display: none;
    }
    .right-content-support{
        width: 100%;
    }
    .no-visible-big-screen{
        display: block;
    }
    .box-support{
        padding-top: 3rem;
    }
    
}
@media (max-width: 1300px) {
    .title-support{
        width: 90%;
    }
    .info-left-legal-project-management{
        margin-top: 30px;
        width: 100%;
    }
    .info-right-legal-project-management{
        width: 100%;
    }
    .info-left-one-year-before{
        width: 100%;
    }
    .info-right-one-year-before{
        margin-top: 50px;
        width: 100%;
    }
    .info-left-policy{
        width: 100%;
    }
    .info-right-policy{
        justify-content: center;
        margin-top: 30px;
        width: 100%;
    }
    .info-left-coverage{
        width: 100%;
    }
    .info-right-coverage{
        width: 100%;
    }
    .info-left-prevent{
        text-align: center;
        width: 100%;
    }
    .info-right-prevent{
        width: 100%;
        padding-top: 2rem;
    }
    .info-left-legal-project-management{
        justify-content: center;
    }
    .info-right-one-year-before{
        justify-content: center;
    }
    .left-content-legal-inconvenience{
        width: 100%;
    }
    .right-image-legal-inconvenience{
        margin-top: 3rem;
    }
    .left-renewal-time{
        width: 100%;
    }
    .right-renewal-time{
        width: 100%;
        padding-top: 2rem;
    }
    .left-renewal-time p{
        padding: 0;
    }
}
@media (max-width:900px) {
    .right-img-first{
        align-items: flex-start;
        height: max-content;
    }
    .right-img-first img{
        width: 100%;
    } 
    .right-renewal-time img{
        width: 100%;
    } 
    .info-left-vitalice-legal-advice{
        display: grid;
    }
    .text-info-vitalice-legal-advice{
        padding: 0;
    }
    .card-info-vitalice-legal-advice{
        padding: 2rem;
        width: 100%;
        box-sizing: border-box;
    }
    .content-support{
        width: 90%;
    }
    .left-content-support{
        padding-bottom: 2rem;
    }
}
@media (max-width:800px) {
    .back-card-vitalice-legal-advice{
        width: 95%;
    }
    .renewal-timeline{
        flex-direction: column;
        align-items: center;
        height: max-content;
    }
    .renewal-timeline-left, .renewal-timeline-right, .renewal-timeline-right p{
        text-align: center;
        width: 100%;
        border-radius: 0;
    }
    .title-accompaniment{
        width: 100%;
    }
    .title-legal-advice{
        width: 100%;
    }
    .info-left-legal-project-management img, .info-right-one-year-before img, .info-right-policy img, .info-left-coverage img{
        width: 100%;
    } 
    .box-first-content{
        width: 85%;
    }
    .right-image-legal-inconvenience img{
        width: 100%;
    }
}

@media (max-width:650px) {
    .info-vitalice-legal-advice{
        padding-top: 2rem;
        width: 100%;
    }
    .back-card-vitalice-legal-advice{
        padding: 1rem;
        box-shadow: none;
    }
    .info-right-prevent{
        flex-wrap: wrap;
    }
    .box-one-year-before{
        padding-top: 3rem;
    }
}
@media (max-width:599px) {
    .box-title-first h2{
        font-size: 58px;
    }
    .carousel-images-support{
        justify-content: center;
    }
    .card-images-support{
        flex: 0 0 calc(70%);
    }
}
@media (max-width:560px) {
    .box-span-first{
        flex-wrap: wrap;
        justify-content: center;
        margin-top: 3rem;
        gap: 10px 50px;
    }
    .right-img-first{
        display: none;
    }
    .card-accompaniment{
        width: 100%;
    }
    .card-legal-advice{
        width: 100%;
    }
    .box-second{
        text-align: left;
    }
    .title-accompaniment h2{
        text-align: left;
    }
    .box-cards-accompaniment{
        justify-content: left;
    }
    .title-legal-advice h2{
        text-align: left;
    }
    .title-legal-advice p{
        text-align: left;
    }
    .box-cards-legal-advice{
        justify-content: left;
    }
    .info-left-vitalice-legal-advice{
        padding: 0;
        box-shadow: 0 0 0 0;
    }
}
@media (max-width:425px) {
    .card-support{
        width: 90%;
    }
    .card-support img{
        width: 100%;
    }
}