.elementor-2076 .elementor-element.elementor-element-e43455e{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--gap:0px 0px;--background-transition:0.3s;--margin-block-start:0px;--margin-block-end:0px;--margin-inline-start:0px;--margin-inline-end:0px;--padding-block-start:162px;--padding-block-end:40px;--padding-inline-start:15px;--padding-inline-end:15px;}.elementor-2076 .elementor-element.elementor-element-e43455e:not(.elementor-motion-effects-element-type-background), .elementor-2076 .elementor-element.elementor-element-e43455e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#001D2D;background-image:url("https://hopiant.in/wp-content/uploads/2024/01/Hopiant-Landing-Page-1.svg");background-position:top center;background-repeat:no-repeat;background-size:cover;}.elementor-2076 .elementor-element.elementor-element-e43455e, .elementor-2076 .elementor-element.elementor-element-e43455e::before{--border-transition:0.3s;}.elementor-2076 .elementor-element.elementor-element-8d86c07 .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 1 * 100% );}.elementor-2076 .elementor-element.elementor-element-8d86c07:after{content:"1";}.elementor-2076 .elementor-element.elementor-element-8d86c07 .elementor-post__thumbnail__link{width:100%;}.elementor-2076 .elementor-element.elementor-element-8d86c07{--grid-column-gap:30px;--grid-row-gap:35px;}.elementor-2076 .elementor-element.elementor-element-8d86c07.elementor-posts--thumbnail-left .elementor-post__thumbnail__link{margin-right:25px;}.elementor-2076 .elementor-element.elementor-element-8d86c07.elementor-posts--thumbnail-right .elementor-post__thumbnail__link{margin-left:25px;}.elementor-2076 .elementor-element.elementor-element-8d86c07.elementor-posts--thumbnail-top .elementor-post__thumbnail__link{margin-bottom:25px;}.elementor-2076 .elementor-element.elementor-element-8d86c07 .elementor-post__title, .elementor-2076 .elementor-element.elementor-element-8d86c07 .elementor-post__title a{color:#FFFFFF;font-family:"Lato", Sans-serif;font-size:36px;font-weight:700;}.elementor-2076 .elementor-element.elementor-element-8d86c07 .elementor-post__title{margin-bottom:25px;}.elementor-2076 .elementor-element.elementor-element-8d86c07 .elementor-post__excerpt p{color:#FFFFFF;font-family:"Lato", Sans-serif;font-size:16px;font-weight:500;line-height:24px;}.elementor-2076 .elementor-element.elementor-element-8d86c07 .elementor-post__excerpt{margin-bottom:25px;}.elementor-2076 .elementor-element.elementor-element-8d86c07 .elementor-post__read-more{color:#FFFFFF;}.elementor-2076 .elementor-element.elementor-element-8d86c07 a.elementor-post__read-more{font-family:"Lato", Sans-serif;font-size:24px;font-weight:800;}.elementor-2076 .elementor-element.elementor-element-8d86c07 .elementor-post__text{margin-bottom:0px;}.elementor-2076 .elementor-element.elementor-element-8d86c07 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}@media(max-width:1024px){.elementor-2076 .elementor-element.elementor-element-8d86c07 .elementor-post__thumbnail{border-radius:16px 16px 16px 16px;}.elementor-2076 .elementor-element.elementor-element-8d86c07 .elementor-post__title, .elementor-2076 .elementor-element.elementor-element-8d86c07 .elementor-post__title a{font-size:24px;}}@media(min-width:768px){.elementor-2076 .elementor-element.elementor-element-e43455e{--content-width:1370px;}}@media(max-width:767px){.elementor-2076 .elementor-element.elementor-element-e43455e{--padding-block-start:162px;--padding-block-end:50px;--padding-inline-start:15px;--padding-inline-end:15px;}.elementor-2076 .elementor-element.elementor-element-8d86c07 .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 0.5 * 100% );}.elementor-2076 .elementor-element.elementor-element-8d86c07:after{content:"0.5";}.elementor-2076 .elementor-element.elementor-element-8d86c07 .elementor-post__thumbnail__link{width:100%;}.elementor-2076 .elementor-element.elementor-element-8d86c07.elementor-posts--thumbnail-left .elementor-post__thumbnail__link{margin-right:15px;}.elementor-2076 .elementor-element.elementor-element-8d86c07.elementor-posts--thumbnail-right .elementor-post__thumbnail__link{margin-left:15px;}.elementor-2076 .elementor-element.elementor-element-8d86c07.elementor-posts--thumbnail-top .elementor-post__thumbnail__link{margin-bottom:15px;}.elementor-2076 .elementor-element.elementor-element-8d86c07 .elementor-post__title, .elementor-2076 .elementor-element.elementor-element-8d86c07 .elementor-post__title a{font-size:20px;}.elementor-2076 .elementor-element.elementor-element-8d86c07 .elementor-post__title{margin-bottom:15px;}.elementor-2076 .elementor-element.elementor-element-8d86c07 .elementor-post__excerpt p{font-size:14px;}.elementor-2076 .elementor-element.elementor-element-8d86c07 .elementor-post__excerpt{margin-bottom:15px;}.elementor-2076 .elementor-element.elementor-element-8d86c07 a.elementor-post__read-more{font-size:14px;}}/* Start custom CSS for posts, class: .elementor-element-8d86c07 */.blog-post-page .elementor-posts-container.elementor-posts {
    grid-template-columns: repeat(3,1fr);
    gap: 60px 30px;
}
.blog-post-page article:nth-child(4n+1) {
    display: grid;
    grid-template-columns: 1fr fit-content(31.2%);
    gap: 40px;
    grid-column: span 3;
}
.blog-post-page article:nth-child(5), .blog-post-page article:nth-child(13), .blog-post-page article:nth-child(21) {
    grid-template-columns: fit-content(31.2%) 1fr;
}
.blog-post-page article:nth-child(5) .elementor-post__thumbnail__link, .blog-post-page article:nth-child(13) .elementor-post__thumbnail__link, 
.blog-post-page article:nth-child(21) .elementor-post__thumbnail__link{
    order: 1;
}
.blog-post-page article .elementor-post__thumbnail {
    padding: 0 !important;
    border-radius: 15px;
}
.blog-post-page article .elementor-post__thumbnail img {
    width: 100% !important;
    height: auto !important;
    position: relative !important;
    top: 0 !important;
    left: 0 !important;
    transform: none !important;
}
.blog-post-page .elementor-post__read-more{
    color: #fff;
    text-align: center;
    font-family: Lato,sans-serif;
    font-size: 24px;
    font-style: normal;
    font-weight: 800;
    line-height: normal;
    padding: 14px 10px;
    border-radius: 10px;
    background: transparent;
    display: inline-block;
    border: 2px solid #379956;
    position: relative;
    z-index: 2;
    overflow: hidden;
    max-width: 200px;
    width: 100%;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -ms-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
    vertical-align: top;
}
.blog-post-page .elementor-post__read-more:after{
    content: "";
    background: #379956;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: -1;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -ms-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
}
.blog-post-page .elementor-post__read-more:hover:after {
    right: 100%;
    left: 0;
}
.blog-post-page article:nth-child(4n+1) a {
    margin-bottom: 0 !important;
}
.elementor-2076 .elementor-element.elementor-element-8d86c07 .elementor-post__read-more:hover {
    color: #379956 !important;
}

@media screen and (max-width:1024px){
    .blog-post-page .elementor-post__read-more{
        font-size: 20px;
        max-width: 180px;
        padding: 10px;
    }
    .blog-post-page article:nth-child(4n+1),
    .blog-post-page .elementor-posts-container.elementor-posts {
        gap: 50px 20px;
    }
}

@media screen and (max-width:767px){
    .blog-post-page .elementor-posts-container.elementor-posts {
        grid-template-columns: repeat(1,1fr) !important;
        gap: 40px 0;
    }
    .blog-post-page article:nth-child(4n+1) {
        grid-template-columns: 1fr;
        gap: 15px;
        grid-column: span 1;
    }
    .blog-post-page article:nth-child(5) .elementor-post__thumbnail__link, 
    .blog-post-page article:nth-child(13) .elementor-post__thumbnail__link, 
    .blog-post-page article:nth-child(21) .elementor-post__thumbnail__link{
        order: 0;
    }
    .blog-post-page .elementor-post__read-more{
        font-size: 14px;
        max-width: 150px;
        padding: 8px 10px;
        border-radius: 5px;
    }
}/* End custom CSS */