.contact-form-component .contact-form-container{background-color:#e5e5e5;display:flex;flex-direction:column;align-items:center;padding:56px 0;padding-bottom:96px}
@media(max-width:720px){.contact-form-component .contact-form-container{padding:48px 0}
}
.contact-form-component .contact-form-container .row.container-title{width:100%}
.contact-form-component .contact-form-container .row.container-title .component-title{line-height:48px;text-align:center}
@media(max-width:720px){.contact-form-component .contact-form-container .row.container-title .component-title{line-height:32px}
}
.contact-form-component .contact-form-container .text-reason.mobile{display:none !important}
.contact-form-component .contact-form-container .text-reason.desktop{display:flex !important}
@media(max-width:720px){.contact-form-component .contact-form-container .text-reason.mobile{display:flex !important}
.contact-form-component .contact-form-container .text-reason.desktop{display:none !important}
}
.contact-form-component .contact-form-container .contact-form{width:822px;height:auto;border-radius:var(--rds-radius-s);padding:40px;background-color:var(--rds-color-surface-white);box-shadow:0 8px 32px -16px rgba(0,0,0,0.08)}
@media(max-width:1024px){.contact-form-component .contact-form-container .contact-form{width:80%}
}
@media(max-width:720px){.contact-form-component .contact-form-container .contact-form{padding:24px;height:auto}
.contact-form-component .contact-form-container .contact-form .block-top{margin-bottom:48px}
}
.contact-form-component .contact-form-container .contact-form .block-top{margin-bottom:40px}
.contact-form-component .contact-form-container .contact-form .title-section{display:flex;align-items:center;font-weight:500;line-height:32px;margin-bottom:24px}
.contact-form-component .contact-form-container .contact-form .title-section i.icon{font-size:24px;background:var(--rds-color-content-highlightedIconOnly-AltGradientOrange);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.contact-form-component .contact-form-container .contact-form .title-section h3{display:inline-block;margin-left:16px;font-style:normal}
.contact-form-component .contact-form-container .contact-form .content-select{height:50px}
.contact-form-component .contact-form-container .contact-form .dropdown-toggle{overflow:hidden;display:block;text-overflow:ellipsis;text-align:start;line-height:0;padding-right:48px}
.contact-form-component .contact-form-container .contact-form .dropdown-toggle span{color:var(--rds-color-content-medium)}
.contact-form-component .contact-form-container .contact-form .dropdown-toggle::after{position:absolute;top:25px;right:18px}
.contact-form-component .contact-form-container .contact-form .dropdown-menu[data-name="country"],.contact-form-component .contact-form-container .contact-form .dropdown-menu[data-name="reason"],.contact-form-component .contact-form-container .contact-form .dropdown-menu[data-name="segment"]{border-radius:var(--rds-radius-m) var(--rds-radius-s) var(--rds-radius-s) var(--rds-radius-m)}
.contact-form-component .contact-form-container .contact-form .dropdown-menu .dropdown-item{font-family:'RepsolSoleTextRegular';font-size:14px;color:var(--rds-color-content-medium);white-space:normal;word-wrap:break-word}
.contact-form-component .contact-form-container .contact-form .form-control,.contact-form-component .contact-form-container .contact-form .dragdrop-component{margin-bottom:16px}
.contact-form-component .contact-form-container .contact-form .form-control{width:100%;display:flex;flex-direction:column}
.contact-form-component .contact-form-container .contact-form .form-control select{appearance:none;-webkit-appearance:none;-moz-appearance:none}
.contact-form-component .contact-form-container .contact-form .form-control select[name="country"]{text-transform:capitalize}
.contact-form-component .contact-form-container .contact-form .form-control .msg-error{display:none}
.contact-form-component .contact-form-container .contact-form .form-control.error input,.contact-form-component .contact-form-container .contact-form .form-control .column.error input,.contact-form-component .contact-form-container .contact-form .form-control.error textarea,.contact-form-component .contact-form-container .contact-form .form-control .column.error textarea,.contact-form-component .contact-form-container .contact-form .form-control.error .dropdown-toggle,.contact-form-component .contact-form-container .contact-form .form-control .column.error .dropdown-toggle,.contact-form-component .contact-form-container .contact-form .form-control.error .checkbox label,.contact-form-component .contact-form-container .contact-form .form-control .column.error .checkbox label{border:solid 1px var(--rds-color-semantic-content-error) !important}
.contact-form-component .contact-form-container .contact-form .form-control.error .msg-error,.contact-form-component .contact-form-container .contact-form .form-control .column.error .msg-error{display:block;color:var(--rds-color-semantic-content-error)}
.contact-form-component .contact-form-container .contact-form .form-control .row{margin:0;width:100%;display:flex;flex-direction:row;justify-content:space-between}
@media(max-width:720px){.contact-form-component .contact-form-container .contact-form .form-control .row{flex-direction:column}
}
.contact-form-component .contact-form-container .contact-form .form-control .row .column{display:flex;flex-direction:column;width:363px}
.contact-form-component .contact-form-container .contact-form .form-control .row .column .content-select select+i{left:90%}
.contact-form-component .contact-form-container .contact-form .form-control .row .column .content-select select+i{left:90%}
@media(max-width:1024px){.contact-form-component .contact-form-container .contact-form .form-control .row .column{width:48%}
}
@media(max-width:720px){.contact-form-component .contact-form-container .contact-form .form-control .row .column{width:100%;margin-bottom:16px}
}
.contact-form-component .contact-form-container .contact-form .form-control label{font-size:12px;line-height:12px;font-weight:400;margin-bottom:4px}
.contact-form-component .contact-form-container .contact-form .form-control input,.contact-form-component .contact-form-container .contact-form .form-control select{height:50px;width:100%;padding:12px 40px 12px 16px;border:solid 1px var(--rds-color-interactive-border-default);background-color:var(--rds-color-surface-white);color:var(--rds-color-content-high)}
.contact-form-component .contact-form-container .contact-form .form-control input:hover,.contact-form-component .contact-form-container .contact-form .form-control textarea:hover{border-color:var(--rds-color-content-high)}
.contact-form-component .contact-form-container .contact-form .form-control input::placeholder,.contact-form-component .contact-form-container .contact-form .form-control textarea::placeholder{color:var(--rds-color-content-medium)}
.contact-form-component .contact-form-container .contact-form .form-control button:focus{outline:1px dotted}
.contact-form-component .contact-form-container .contact-form .form-control textarea{height:168px;width:100%;padding:12px 16px;border:solid 1px var(--rds-color-interactive-border-default);background-color:var(--rds-color-surface-white);border-radius:var(--rds-radius-m);resize:none;font-size:14px}
.contact-form-component .contact-form-container .contact-form .dragdrop-component .my-dropzone{outline:dashed 1px var(--rds-color-content-state-disabled)}
@media screen and (min-width:1024px){.contact-form-component .contact-form-container .contact-form .dragdrop-component .my-dropzone{outline:dashed 2px var(--rds-color-content-high)}
}
.contact-form-component .contact-form-container .contact-form .conditions-policies{display:flex;flex-direction:row;align-items:center;margin-bottom:40px}
.contact-form-component .contact-form-container .contact-form .conditions-policies .checkbox{width:32px;height:32px}
.contact-form-component .contact-form-container .contact-form .conditions-policies .checkbox input[type='checkbox']{display:none}
.contact-form-component .contact-form-container .contact-form .conditions-policies .checkbox input[type='checkbox']+label{width:32px;height:32px;border-radius:4px;border:solid 1px var(--rds-color-interactive-border-default);cursor:pointer}
.contact-form-component .contact-form-container .contact-form .conditions-policies .checkbox input[type='checkbox']:checked+label:before{content:'\ea0d';width:100%;height:100%;font-family:"icomoon";font-size:18px;color:var(--rds-color-content-high-inverse);background-color:var(--rds-color-interactive-surface-active);border-radius:3px;display:flex;justify-content:center;align-items:center;overflow:hidden}
.contact-form-component .contact-form-container .contact-form .conditions-policies .checkbox+label{margin-left:8px}
.contact-form-component .contact-form-container .contact-form .conditions-policies label{font-size:16px}
.contact-form-component .contact-form-container .contact-form .conditions-policies label .rds-link{display:inline}
.contact-form-component .contact-form-container .contact-form .form-submit{display:flex;flex-direction:column}
.contact-form-component .contact-form-container .contact-form .form-submit label{font-size:12px;line-height:12px;font-weight:400;margin-bottom:16px}
.contact-form-component .contact-form-container .contact-form .form-submit button{width:264px;height:50px;line-height:14px;padding:12px 32px;color:#fff;border:0}
@media(max-width:720px){.contact-form-component .contact-form-container .contact-form .form-submit button{width:100%}
}
.contact-form-component .message-container{padding:100px 96px;display:flex;flex-direction:column;border:solid .5px #e5e5e5}
@media(max-width:720px){.contact-form-component .message-container{padding:58px 20px}
}
.contact-form-component .message-container .message-image{width:158px;height:158px}
@media(max-width:720px){.contact-form-component .message-container .message-image{width:152px;height:152px;margin:0 auto}
}
.contact-form-component .message-container .message-title{margin-top:52px;line-height:48px}
@media(max-width:720px){.contact-form-component .message-container .message-title{margin-top:44px;line-height:32px;text-align:center}
}
.contact-form-component .message-container .message-content{font-family:RepsolSoleDisplayRegular;font-size:16px;font-weight:400;line-height:24px;max-width:452px}
@media(max-width:720px){.contact-form-component .message-container .message-content{margin-top:16px;text-align:center}
}
.contact-form-component .message-container .button-container{margin-top:40px}
@media(max-width:720px){.contact-form-component .message-container .button-container{margin-top:8px}
}
.contact-form-component .rp-loader.active{display:block}
.contact-form-component .rp-loader.active .block{position:fixed;width:100vw;height:100vh}
.hidden{display:none !important}