div.valueproposal b{font-weight:bold !important}
div.valueproposal .explantoryText{color:#afa8a3;font-size:.8rem;font-family:RepsolSoleDisplayRegular,sans-serif}
div.valueproposal .info-icons{padding-top:40px;padding-bottom:40px}
@media(min-width:720px){div.valueproposal .info-icons div.imageOnTop:not(:has(>div.justify-content-center)) p{max-width:45ch}
}
@media(max-width:720px){div.valueproposal .info-icons .icon-box{padding:0 48px}
}
div.valueproposal .info-icons .titleComponent{text-align:center;width:100%;margin-bottom:32px}
div.valueproposal .info-icons .titleComponent .subtitleLight{font-family:RepsolSoleDisplayRegular,sans-serif}
div.valueproposal .info-icons .titleComponent .rp-landings-modal-starter-component__legacy-trigger{cursor:pointer}
div.valueproposal .info-icons .titleComponent .rp-landings-valueproposal-component__modal{display:flex;justify-content:center}
div.valueproposal .info-icons .titleComponent .rp-landings-valueproposal-component__modal .rp-landings-modal-starter-component__trigger,div.valueproposal .info-icons .titleComponent .rp-landings-valueproposal-component__modal .rp-landings-modal-starter-component__legacy-trigger{cursor:pointer}
div.valueproposal .info-icons .icon-box{text-align:left;box-sizing:border-box;margin-bottom:28px}
div.valueproposal .info-icons .icon-box div.img-container{margin-bottom:15px;display:flex}
div.valueproposal .info-icons .icon-box div.img-container img{width:70px;min-width:70px;height:auto;object-fit:contain}
div.valueproposal .info-icons .icon-box div.txt-container{font-family:RepsolSoleDisplayRegular,sans-serif}
div.valueproposal .info-icons .icon-box div.txt-container span.title{text-align:center;font-family:RepsolSoleDisplayRegular,sans-serif}
div.valueproposal .info-icons .icon-box div.txt-container h1,div.valueproposal .info-icons .icon-box div.txt-container h2,div.valueproposal .info-icons .icon-box div.txt-container h3,div.valueproposal .info-icons .icon-box div.txt-container h4,div.valueproposal .info-icons .icon-box div.txt-container h5,div.valueproposal .info-icons .icon-box div.txt-container h6{line-height:1.2;margin-bottom:8px}
div.valueproposal .info-icons .icon-box div.txt-container p{color:#a0a0a0;margin-bottom:0}
div.valueproposal .info-icons .icon-box div.txt-container .subtitleBold,div.valueproposal .info-icons .icon-box div.txt-container .subtitleLight{font-family:RepsolSoleDisplayRegular,sans-serif}
div.valueproposal .info-icons .imageOnTop,div.valueproposal .info-icons .imageInline{display:flex}
@media(max-width:720px){div.valueproposal .info-icons .imageOnTop:not(:last-child),div.valueproposal .info-icons .imageInline:not(:last-child){margin-bottom:16px}
}
div.valueproposal .info-icons .imageOnTop{flex-direction:column}
div.valueproposal .info-icons .imageInline div.img-container{padding-right:16px}
@media(max-width:720px){div.valueproposal .info-icons .imageInline{flex-direction:column}
div.valueproposal .info-icons .imageInline div.img-container{justify-content:center;padding-right:0;margin-bottom:8px}
div.valueproposal .info-icons .imageInline div.txt-container{text-align:center}
div.valueproposal .info-icons .imageInline:not(:last-child){margin-bottom:28px}
}
div.valueproposal .info-icons .addSeparatorRight:not(:last-child){border-right:1px solid #ddd}
@media only screen and (max-width:1024px){div.valueproposal .info-icons .addSeparatorRight:not(:last-child){border:0}
}
@media only screen and (max-width:720px){div.valueproposal .info-icons .icon-box:not(:last-child) .addSeparatorBottom{width:80%;margin:auto;border-bottom:1px solid #ddd;padding-bottom:20px}
}
div.valueproposal span.modalPopUp{cursor:pointer}