.hero-shape img {
    display: block;
}
.hero-shape {
    position: absolute;
}
.hero-shape.shape-4 {
    right: 0;
    bottom: 25%;
}
.hero-shape.shape-3 {
    bottom: 24%;
    left: 16%;
}
.hero-shape.shape-2 {
    right: 20%;
    top: 10px;
}
.hero-shape.shape-1 {
    left: 50px;
    top: 0;
}
.page-title .hero-content .main-head {
    margin-bottom: 0;
}
.inner-hero-section .hero-content {
    margin-bottom: 40px;
}
.hero-call-btn a.cta-btn {
    background: #0D47E2;
    color: #fff;
    padding: 15px 30px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    width: auto;
    border: 2px solid #101828;
    border-radius: 10px;
    font-weight: 600;
    box-shadow: 4px 4px 0px 0px #101828;
    transition: 0.3s;
}
.hero-call-btn a.cta-btn:hover {
    box-shadow: none;
}
.inner-hero-section {
    position: relative;
}
.hero-shape {
    z-index: -1;
}


@media (max-width: 1400px) {
.hero-shape.shape-1 { max-width: 120px;}
.hero-shape.shape-2, .hero-shape.shape-3 { max-width: 60px;}
.hero-shape.shape-4 { max-width: 130px;}


}


@media (max-width: 1200px) {
.hero-shape.shape-1 { max-width: 90px;}
.hero-shape.shape-2, .hero-shape.shape-3 { max-width: 40px;}
.hero-shape.shape-3 {bottom: 19%; left: 14%;}
.hero-shape.shape-2 { right: 12%;}
.hero-shape.shape-4 { max-width: 90px;}


}


@media (max-width: 960px) {
.hero-shape.shape-4 { max-width: 70px;  right: -10px;}
.hero-shape.shape-2, .hero-shape.shape-3 { max-width: 30px;}
.hero-shape.shape-1 { max-width: 60px;}
.hero-shape.shape-3 {bottom: 40%;}


}


@media (max-width: 767px) {
.hero-shape.shape-1 {max-width: 45px;left: 20px;}
.hero-shape.shape-4 { bottom: 45%;}
.hero-shape.shape-3 { bottom: 47%;}
.inner-hero-section .container { padding: 0 25px;}

}


@media (max-width: 480px) {
.hero-shape.shape-3 {bottom: unset; left: 30px; top: 28%;}
.hero-shape.shape-4 {bottom: 48%;right: -30px;}


}


@media (max-width: 365px) {
    .hero-shape.shape-1 {max-width: 40px;left: 14px;}
        .hero-shape.shape-2, .hero-shape.shape-3 {max-width: 25px;}
            .hero-shape.shape-3 {left: 20px;top: 24%;}
                .hero-shape.shape-2 {right: 10%;}


    }