.block-hero-with-arrow .hero-with-arrow-area{padding:12.5rem 0 15rem;position: relative;}
.block-hero-with-arrow .hero-with-arrow-area .hero-with-arrow-background{position:absolute;top:50%;left:50%;z-index:-1;transform: translate(-50%, -50%);height:70%;}
.block-hero-with-arrow .hero-with-arrow-area h1{font-size:9rem;}
.block-hero-with-arrow .hero-with-arrow-area .lozenge-area{position: relative;z-index:9;display:inline-block;}
.block-hero-with-arrow .hero-with-arrow-area .lozenge-area .lozenge{background:var(--arrow-color);}
.block-hero-with-arrow .hero-with-arrow-area .lozenge-area .hero-arrow{position:absolute;right:0;top:50%;transform:translate(100%, -10px);width:300px;z-index:-2;}
.block-hero-with-arrow .hero-with-arrow-area .lozenge-area .hero-arrow svg{width:100%;height:auto;}
.block-hero-with-arrow .hero-with-arrow-area .lozenge-area .hero-arrow svg path{stroke-linecap: round;stroke:var(--arrow-color);stroke-dasharray: 550;stroke-dashoffset: -550;transition:all 1.5s;}
.block-hero-with-arrow .hero-with-arrow-area.animate-arrow .lozenge-area .hero-arrow svg path{stroke-dashoffset: 0;}

.block-hero-with-arrow .hero-with-arrow-area .mobile-hero-arrow{display:none;max-width:200px;margin:0 auto;}

@media(max-width:1024px){
    .block-hero-with-arrow .hero-with-arrow-area{text-align:center;}
    .block-hero-with-arrow .hero-with-arrow-area .lozenge-area .hero-arrow{display:none;}

    .block-hero-with-arrow .hero-with-arrow-area .mobile-hero-arrow{display:block;margin-top:5rem;}
    .block-hero-with-arrow .hero-with-arrow-area .mobile-hero-arrow svg{width:100%;height:auto;}
    .block-hero-with-arrow .hero-with-arrow-area .mobile-hero-arrow svg path{stroke-linecap:round; stroke:var(--arrow-color);}
}

@media(max-width:768px){
    .block-hero-with-arrow .hero-with-arrow-area{padding:5rem 0;}
    .block-hero-with-arrow .hero-with-arrow-area h1{font-size:5rem;}
    .block-hero-with-arrow .hero-with-arrow-area .mobile-hero-arrow{max-width:100px;}
}