.footer-wavy-wave{
overflow:hidden;
position:relative;
}
.footer-wavy-wave::after{
content:'';
font-family:'shape divider from ShapeDividers.com';
position: absolute;
z-index: 3;
pointer-events: none;
background-repeat: no-repeat;
bottom: -0.1vw;
left: -0.1vw;
right: -0.1vw;
top: -0.1vw;
background-size: 100% 123px;
background-position: 50% 0%; background-image: url('data:image/svg+xml;charset=utf8, ');
}
@media (min-width:2100px){
.footer-wavy-wave::after{
background-size: 100% calc(2vw + 123px);
}
}
.leaf-bottom{
overflow:hidden;
position:relative;
}
.leaf-bottom::before{
content:'';
font-family:'shape divider from ShapeDividers.com';
position: absolute;
z-index: 3;
pointer-events: none;
background-repeat: no-repeat;
bottom: -0.1vw;
left: -0.1vw;
right: -0.1vw;
top: -0.1vw;
background-size: 119% 84px;
background-position: 50% 100%; background-image: url('data:image/svg+xml;charset=utf8, ');
}
@media (min-width:2100px){
.leaf-bottom::before{
background-size: 119% calc(2vw + 84px);
}
}
.wavy-line-zebra-top{
overflow:hidden;
position:relative;
}
.wavy-line-zebra-top::before{
content:'';
font-family:'shape divider from ShapeDividers.com';
position: absolute;
z-index: 3;
pointer-events: none;
background-repeat: no-repeat;
bottom: -0.1vw;
left: -0.1vw;
right: -0.1vw;
top: -0.1vw;
background-size: 104% 68px;
background-position: 50% 0%; background-image: url('data:image/svg+xml;charset=utf8, ');
}
@media (min-width:2100px){
.wavy-line-zebra-top::before{
background-size: 104% calc(2vw + 68px);
}
}
.wavy-line-zebra{
overflow:hidden;
position:relative;
}
.wavy-line-zebra::before{
content:'';
font-family:'shape divider from ShapeDividers.com';
position: absolute;
z-index: 3;
pointer-events: none;
background-repeat: no-repeat;
bottom: -0.1vw;
left: -0.1vw;
right: -0.1vw;
top: -0.1vw;
background-size: 104% 68px;
background-position: 50% 100%; background-image: url('data:image/svg+xml;charset=utf8, ');
}
@media (min-width:2100px){
.wavy-line-zebra::before{
background-size: 104% calc(2vw + 68px);
}
}
.wavy-bubble-bottom{
overflow:hidden;
position:relative;
position:relative;
}
.wavy-bubble-bottom::before{
content:'';
font-family:'shape divider from ShapeDividers.com';
position: absolute;
z-index: 3;
pointer-events: none;
background-repeat: no-repeat;
bottom: -0.1vw;
left: -0.1vw;
right: -0.1vw;
top: -0.1vw;
background-size: 100% 90px;
background-position: 50% 100%; background-image: url('data:image/svg+xml;charset=utf8, ');
}
@media (min-width:2100px){
.wavy-bubble-bottom::before{
background-size: 100% calc(2vw + 90px);
}
}
.wave-top{
overflow:hidden;
position:relative;
}
.wave-top::after{
content:'';
font-family:'shape divider from ShapeDividers.com';
position: absolute;
bottom: -1px;
left: -1px;
right: -1px;
top: -1px;
z-index: 3;
pointer-events: none;
background-repeat: no-repeat;
background-size: 100% 90px;
background-position: 50% 0%;
background-image: url('data:image/svg+xml;charset=utf8, ');
}
@media (min-width:768px){
.wave-top::after{
background-size: 100% 90px;
background-position: 50% 0%;
}
}
@media (min-width:1025px){
.wave-top::after{
bottom: -0.1vw;
left: -0.1vw;
right: -0.1vw;
top: -0.1vw;
background-size: 100% 90px;
background-position: 50% 0%;
background-image: url('data:image/svg+xml;charset=utf8, ');
}
}
@media (min-width:2100px){
.wave-top::after{
background-size: 100% calc(2vw + 90px);
}
}
.bubble-foot-wavy{
overflow:hidden;
position:relative;
}
.bubble-foot-wavy::after{
content:'';
font-family:'shape divider from ShapeDividers.com';
position: absolute;
z-index: 3;
pointer-events: none;
background-repeat: no-repeat;
bottom: -0.1vw;
left: -0.1vw;
right: -0.1vw;
top: -0.1vw;
background-size: 100% 90px;
background-position: 50% 0%; background-image: url('data:image/svg+xml;charset=utf8, ');
}
@media (min-width:2100px){
.bubble-foot-wavy::after{
background-size: 100% calc(2vw + 90px);
}
}
.bubble-wid-line{
overflow:hidden;
position:relative;
}
.bubble-wid-line::after{
content:'';
font-family:'shape divider from ShapeDividers.com';
position: absolute;
z-index: 3;
pointer-events: none;
background-repeat: no-repeat;
bottom: -0.1vw;
left: -0.1vw;
right: -0.1vw;
top: -0.1vw;
background-size: 100% 90px;
background-position: 50% 0%; background-image: url('data:image/svg+xml;charset=utf8, ');
}
@media (min-width:2100px){
.bubble-wid-line::after{
background-size: 100% calc(2vw + 90px);
}
}
.line-top-top{
overflow:hidden;
position:relative;
}
.line-top-top::before{
content:'';
font-family:'shape divider from ShapeDividers.com';
position: absolute;
z-index: 3;
pointer-events: none;
background-repeat: no-repeat;
bottom: -0.1vw;
left: -0.1vw;
right: -0.1vw;
top: -0.1vw;
background-size: 100% 90px;
background-position: 50% 100%; background-image: url('data:image/svg+xml;charset=utf8, ');
}
@media (min-width:2100px){
.line-top-top::before{
background-size: 100% calc(2vw + 90px);
}
}
/* Define the background image for the pseudo-element */
.line-bottom-btm{
overflow:hidden;
position:relative;
}
.line-bottom-btm::after{
content:'';
font-family:'shape divider from ShapeDividers.com';
position: absolute;
z-index: 3;
pointer-events: none;
background-repeat: no-repeat;
bottom: -0.1vw;
left: -0.1vw;
right: -0.1vw;
top: -0.1vw;
background-size: 100% 90px;
background-position: 50% 0%; background-image: url('data:image/svg+xml;charset=utf8, ');
}
@media (min-width:2100px){
.line-bottom-btm::after{
background-size: 100% calc(2vw + 90px);
}
}
.top-try{
overflow:hidden;
position:relative;
}
.top-try::before{
content:'';
font-family:'shape divider from ShapeDividers.com';
position: absolute;
z-index: 3;
pointer-events: none;
background-repeat: no-repeat;
bottom: -0.1vw;
left: -0.1vw;
right: -0.1vw;
top: -0.1vw;
background-size: 148% 83px;
background-position: 50% 0%; background-image: url('data:image/svg+xml;charset=utf8, ');
}
@media (min-width:2100px){
.top-try::before{
background-size: 148% calc(2vw + 83px);
}
}