/* new  */
.hero-bg-circle {
    position: relative;
}
.hero-bg-triangle {
    position: relative;
}
.hero-bottom-img-right {
    position: relative;
}
.hero-bottom-img {
    position: relative;
}
.video-bottom-img {
    position: relative;
}


.hero-bg-circle:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    background-image: url('../images/circle.png');
    width: 18%;
    height: 32%;
    background-position: left top;
    background-repeat: no-repeat;
    z-index: -1;
    background-size: contain;
}
.hero-bg-triangle:after {
    content: '';
    position: absolute;
    right: 0;
    top: 0;
    background-image: url('../images/hero-banner-bg-triangle.png');
    width: 42%;
    height: 85%;
    background-repeat: no-repeat;
    background-position: right top;
    z-index: -1;
    margin-left: auto;
    background-size: contain;
}
.hero-bottom-img:before {
    content: '';
    background-image: url('../images/dots.png');
    width: 207px;
    height: 117px;
    position: absolute;
    background-repeat: no-repeat;
    background-size: contain;
    left: -36px;
    bottom: 0;
    z-index: -1;
}
.hero-bottom-img-right:after {
    content: '';
    background-image: url(https://placehold.jp/253x142.png);
    width: 253px;
    height: 142px;
    position: absolute;
    background-repeat: no-repeat;
    background-size: contain;
    right: -23%;
    bottom: 28px;
}
.video-bottom-img-orange {
    position: relative;
    width: 536px;
    max-width: 100%;
}
.video-bottom-img:after {
    content: '';
    background-image: url('../images/dots.png');
    width: 207px;
    height: 117px;
    position: absolute;
    background-repeat: no-repeat;
    background-size: contain;
    right: -86px;
    bottom: -63px;
    z-index: -1;
}
.video-bottom-img-orange:after {
    content: '';
    background-image: url('../images/dots-orange.png');
    /* width: 207px;
    height: 117px; */
    position: absolute;
    background-repeat: no-repeat;
    background-size: contain;
    /* right: -86px;
    bottom: -63px; */
    z-index: -1;
    width: 43%;
    height: 43.5%;
    right: -18%;
    bottom: -22%;
}
@media (max-width: 1399px) {
    .video-bottom-img-orange {
        max-width: 80%;
    }
    /* header {
        padding-left: var(--wp--style--root--padding-left);
        padding-right: var(--wp--style--root--padding-right);
    }     */
    .px-resp-20{
        padding-left: var(--wp--style--root--padding-left);
        padding-right: var(--wp--style--root--padding-right);
    }

}
@media (max-width: 781px) {
    .video-bottom-img-orange:after {
        width: 30%;
        right: -12%;
        bottom: -28%;  
    }
}


/* end */

.mt-16{
    margin-top: 16px !important;
}
body .swiper-wrapper {
    height: auto;
}
body .hero-banner-one-right .alignright {
    margin-left: 0;
}
/* to remove default margin top in every section starting */
/* :where(body .is-layout-constrained) > * {
    margin-block-start: 0 !important;
} */

.hero-banner-one {
    z-index: 1;
}

@media (max-width: 1559px) {
    body .hero-banner-one-right .hero-bottom-img-right:after {
        right: -18%;
    }
    body .is-layout-flow .hero-banner-one-right .alignright {
        margin-left: 0;
        margin-right: 35px;
    }
}
@media (max-width: 1399px) {
    body .hero-banner-one-right .hero-bottom-img-right:after {
        right: -12%;
    }
    body .is-layout-flow .hero-banner-one-right .alignright {
        margin-right: 45px;
    }
}
@media (max-width: 1365px) {
    .hero-banner-one-right img {
        border-top-right-radius: 100px !important;
        border-bottom-left-radius: 100px !important;
    }
}
@media (max-width: 1023px) {
    body .hero-banner-one-right .hero-bottom-img-right:after {
        right: -19%;
        width: 56%;
        bottom: 0;
        height: 100px;
    }
    .wp-block-image.hero-bottom-img:before {
        width: 50% !important;
        height: 70px !important;
    }
    .home-blogsec .wp-block-columns {
        flex-wrap: wrap !important;
    }
    
    .home-blogsec .wp-block-column {
        flex-basis: 100% !important;
    }
    .home-blogsec .wp-block-group {
        min-height: unset !important;
    }
}


@media (max-width: 781px) {
    .wp-block-heading {
        line-height: 1.2;
    }
    .pt-resp-0 {
        padding-top: 0px !important;   
    }
    .pb-resp-0 {
        padding-bottom: 0px !important;   
    }
    .py-resp-50 {
        padding-top: 50px !important;
        padding-bottom: 50px !important;
    }
    .pb-resp-50 {
        padding-bottom: 50px !important;   
    }
    .pt-resp-50 {
        padding-top: 50px !important;   
    }
    .mt-16{
        margin-top: 0 !important;
    }
    .is-style-with-border {
        margin-bottom: 16px !important;
    }
    .wp-block-group .hero-bg-triangle:after {
        height: 16% !important;
        width: 36% !important;
    }
    body .is-layout-flow .hero-banner-one-right .alignright {
        float: unset;
        margin: 0 auto;
        width: 82%;
    }
    .hero-banner-one  {
        text-align: center;
    }
    .hero-banner-one p {
        max-width: unset !important;
    }
    .hero-banner-one .wp-block-button {
        /* margin: 0 auto !important; */
        justify-content: center;
    }    
    .wp-block-video .wp-video-play-btn svg {
        width: 50px;
        height: 50px;
    }
    .wp-element-button .wp-block-button__link {
        padding-top: 13px;
        padding-right: 20px;
        padding-bottom: 13px;
        padding-left: 20px;
    }
    .footer_copyright .wp-block-column {
        text-align: center;
    }
    .footer_copyright .wp-block-column .wp-block-group {
        justify-content: center;
    }
    .is-style-column-flex-for-mobile {
        flex-direction: column-reverse;
    }

    /* for pagination */

    .wp-block-query-pagination {
        gap: 10px;
    }
    .wp-block-query-pagination-previous, .wp-block-query-pagination-next, .wp-block-query-pagination-numbers .page-numbers {
        width: 30px !important;
        height: 30px !important;
        font-size: 12px;
    } 
    .wp-block-query-pagination-previous .wp-block-query-pagination-previous-arrow svg, .wp-block-query-pagination-next .wp-block-query-pagination-next-arrow svg {
        width: 16px;
        height: 16px;
    }
    .wp-block-query-pagination .wp-block-query-pagination-numbers {
        gap: 10px !important;
    }
    .wp-block-video .wp-video-play-btn {
        margin-top: -9px;
    }
    /* for link word break */
    a {
        word-break: break-word;
    }

}

@media (min-width: 768px) and (max-width: 1023px) { 
    body .hero-banner-one-right .hero-bottom-img-right:after {
        right: -3%;
        width: 210px;
        bottom: 14px;
        height: 120px;
    }
    .py-med-70 {
        padding-top: 70px;
        padding-bottom: 70px;
    }
}