.depicter-revert .depicter-1-element-13{
font-size:17px;
text-align:center;
color:#FFF;
font-family:"Exo 2";
font-weight:800;
background-color:#1C244B;
border-radius:6px;
}
.depicter-revert .depicter-1-element-13:not(.depicter-hover-off){
transition:all ease 1s;
}
.depicter-revert .depicter-1-element-13:not(.depicter-hover-off):hover {
color:#FFF;
background-color:#222;
border-color:#000;
}
.depicter-revert .depicter-1-element-12{
font-size:19px;
color:#1C244B;
font-family:"Exo 2";
font-weight:500;
line-height:120%;
background-color:transparent;
}
.depicter-revert .depicter-1-element-11{
font-size:42px;
color:#1C244B;
font-family:"Exo 2";
font-weight:900;
line-height:120%;
text-transform:uppercase;
letter-spacing:-2px;
background-color:transparent;
}
.depicter-revert .depicter-1-element-33{
transform:rotate(-5deg);
background-color:#1C244B;
}
.depicter-revert .depicter-1-section-8 .depicter-section-background{
background-color:#FFF;
}
.depicter-revert .depicter-1-element-21{
transform:scaleX(-1);
}
.depicter-revert .depicter-1-element-20{
font-size:17px;
text-align:center;
color:#FFF;
font-family:"Exo 2";
font-weight:800;
background-color:#1C244B;
border-radius:6px;
}
.depicter-revert .depicter-1-element-20:not(.depicter-hover-off){
transition:all ease 1s;
}
.depicter-revert .depicter-1-element-20:not(.depicter-hover-off):hover {
color:#FFF;
background-color:#077AFF;
border-color:transparent;
}
.depicter-revert .depicter-1-element-19{
font-size:21px;
text-align:right;
color:#1C244B;
font-family:"Exo 2";
font-weight:500;
line-height:120%;
background-color:transparent;
}
.depicter-revert .depicter-1-element-18{
font-size:50px;
text-align:right;
color:#1C244B;
font-family:"Exo 2";
font-weight:900;
line-height:120%;
text-transform:uppercase;
letter-spacing:-2px;
background-color:transparent;
}
.depicter-revert .depicter-1-element-32{
transform:rotate(5deg);
background-color:#1C244B;
}
.depicter-revert .depicter-1-section-15 .depicter-section-background{
background-color:#FFF;
} @media screen and (max-width: 1024px){
.depicter-revert .depicter-1-element-12{
font-size:25px;
text-align:center;
}
.depicter-revert .depicter-1-element-11{
font-size:60px;
text-align:center;
}
.depicter-revert .depicter-1-element-33{
transform:rotate(-5deg);
}
.depicter-revert .depicter-1-element-21{
transform:scaleX(-1);
}
.depicter-revert .depicter-1-element-19{
font-size:25px;
text-align:center;
}
.depicter-revert .depicter-1-element-18{
font-size:60px;
text-align:center;
}
} @media screen and (max-width: 767px){
.depicter-revert .depicter-1-element-12{
font-size:18px;
}
.depicter-revert .depicter-1-element-11{
font-size:32px;
line-height:100%;
}
.depicter-revert .depicter-1-element-21{
transform:scaleX(-1);
}
.depicter-revert .depicter-1-element-19{
font-size:17px;
}
.depicter-revert .depicter-1-element-18{
font-size:32px;
line-height:100%;
}
}.mask-error {
color: #ff3939;
font-size: 13px;
position: absolute;
bottom: -26px;
left: 10px;
background: #fff;
padding: 2px 4px;
border-radius: 3px;
border: 1px solid #ff6a6a;
display: flex;
height: 24px;
box-sizing: border-box;
line-height: 13px;
align-items: center;
z-index: 9;
}
.mask-error{
display: none;
}
.mask-error:after {
content: "";
height: 11px;
width: 11px;
border-left: 1px solid #ff6a6a;
border-top: 1px solid #ff6a6a;
position: absolute;
transform: rotate(45deg);
top: -6px;
left: 12px;
background-image: linear-gradient(135deg, #ffffff 50%, transparent 50%);
}
.mccard1-container, .mccard2-container {
position: relative;
display: inline-flex;
width: fit-content;
flex-direction: column;
}
.card-logo {
position: absolute;
right: 10px;
width: 40px;
height: auto;
display: none;
bottom: 5px;
} .ehp-form__field-group.is-field-type-text .mask-error{
bottom: unset;
left: unset;    
}
.ehp-form__field-group.is-field-type-text .mask-error:after{
transform: rotate(220deg);
top: 16px;
}