.arrow-big::before{
display: block;
content: '';
width: 80px;
background-image: url('data:image/svg+xml;utf8,');
background-repeat: no-repeat;
background-position: center;
background-size: 50px;
height: 200px;
}
.with-arrow::before{
display: block;
content: '';
width: 32px;
background-image: url('data:image/svg+xml;utf8,');
background-repeat: no-repeat;
background-position: center;
margin-right: 15px;
}
.background-color-E3032D .with-arrow::before{
background-image: url('data:image/svg+xml;utf8,');
}
.slider-icon::after{
/**/
display: block;
content: '';
width: var(--swiper-navigation-icon-width);
background-image: url('data:image/svg+xml;utf8,');
background-repeat: no-repeat;
background-position: center;
height: var(--swiper-navigation-icon-height);
}
.cross-icon {
position: absolute;
width: 16px;
height: 16px;
border: none;
background: var(--color-red);
display: none;
}
.cross-icon:before {
content: '';
position: absolute;
top: 7px;
width: 12px;
height: 2px;
background-color: #ffffff;
transform: rotate(45deg);
display: block;
left:0;
right:0;
margin-left: auto;
margin-right: auto;
}
.cross-icon:after {
content: '';
position: absolute;
top: 7px;
width: 12px;
height: 2px;
background-color:#ffffff;
transform: rotate(-45deg);
display: block;
left:0;
right:0;
margin-left: auto;
margin-right: auto;
}
.social-share::after{
/**/
display: block;
content: '';
width: 31px;
background-image: url('data:image/svg+xml;utf8,');
background-repeat: no-repeat;
background-position: center;
height: 33px;
margin-left: 12px;
}
@media (max-width: 480px) {
.with-arrow::before {
display: block;
content: '';
width: 32px;
background-image: url('data:image/svg+xml;utf8,');
background-repeat: no-repeat;
background-position: center;
margin-right: 10px;
}
.cta-circle::after {
display: block;
content: '';
width: var(--heading-cta-icon-dimensions);
height: var(--heading-cta-icon-dimensions);
color: var(--color-red);
border: var(--heading-cta-icon-border-size) solid var(--color-red);
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
border-radius: 100%;
margin-left: var(--heading-cta-icon-margin-left);
background-image: url('data:image/svg+xml;utf8,') !important;
background-repeat: no-repeat;
background-position: center;
}
.cta-circle {
justify-content: space-between;
}
}@media (min-width: 480px) and (max-width: 850px) {
.with-arrow::before {
display: block;
content: '';
width: 32px;
background-image: url('data:image/svg+xml;utf8,');
background-repeat: no-repeat;
background-position: center;
margin-right: 10px;
}
}