/* ---------------Blog Style--------------- */

.blog-most-recent-posts-card-item-inner {
-webkit-box-shadow: 0 0 44px rgba(0,0,0,.06);
-moz-box-shadow: 0 0 44px rgba(0,0,0,.06);
box-shadow: 0 0 44px rgba(0,0,0,.06);
background-color: rgba(255, 255, 255, 0.8);
}
.blog-most-recent-posts-card-item-image {
box-shadow: none;
}
.blog-most-recent-posts-card-item-image img{
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
}

.blog-banner-featured-posts-left-big-post::before, .blog-banner-featured-posts-left-big-post .blog-post-item::before, .blog-banner-featured-posts-row::before, .blog-banner-featured-posts-right-list-post::before,
.blog-post-list-with-filter-inner::before, .blog-post-list-with-filter-section::before, .blog-post-listing-block::before, .blog-post-listing-row::before,
.blog-tag-post-slider-block::before, .blog-tag-post-slider-block::after, .blog-post-title::before, .blog-post-featured-image::before, .blog-post-category::before, .blog-post-content-container::before,
.blog-post-content-container::after, .blog-post-about-author-container::before, .blog-post-about-author-container::after, .related-post .blog-tag-post-slider-track::before,
.post-comment-wrap::before, .post-comment-wrap::after, .post-list-item.subscribe-post::before {
content: ''; position: absolute; background-repeat: no-repeat; background-size: cover; background-position: center;
}
.featured-posts-list-button h5:hover, .blog-post-container a.author-link:hover, .related-post-block:hover .related-post-title p, .simple-post-listing .featured-post-list-title a:hover {
color: #ff6e31;
}
.simple-post-listing .featured-post-list-title a, .featured-posts-list-button h5, .most-recent-posts-tag a.tag-link span, .most-recent-posts-tag span, .blog-most-recent-posts-card-summery p span {
color:#002E60;
}
.blog-post-category a h5, .next-prev-post-title, .blog-post-about-author-container h2.subheading-text, .blog-most-recent-posts-heading h2, .most-recent-posts-tag a.tag-link span, .most-recent-posts-tag span {
text-transform: capitalize;
}
.blog-post-about-author-container::after {
background-image: url('https://www.primocoding.com/hubfs/Orange%20Theme/Images/cta-section-triangle-shape.svg');
top: -170px; right: -140px; width: 370px; height: 378px;
}
.blog-post-about-author-container::before {
background-image: url('https://www.primocoding.com/hubfs/Orange%20Theme/Images/cta-section-circle-shape.svg');
bottom: -200px; left: -140px; width: 362px; height: 376px;
}
.post-comment-wrap::after { top: -62px; left: -139px; width: 240px; height: 404px;
background-image: url('https://www.primocoding.com/hubfs/Orange%20Theme/Images/lp-banner-form-shape.svg'); }


/* ---------------Blog Banner-------------------- */
.blog-banner-featured-posts-row { display: flex; justify-content: space-between; flex-wrap: wrap; }
.blog-banner-featured-posts-left-big-post { max-width: 57%; }
.blog-banner-featured-posts-right-list-post { width: -webkit-calc(100% - 57% - 38px); width: -moz-calc(100% - 57% - 38px); width: calc(100% - 57% - 38px);}
.featured-post-list-item { border-bottom: 1px solid rgba(0, 46, 96, 0.2);; padding-top: 10px; padding-bottom: 10px; }
.featured-post-list-item:last-child { border-bottom: none; }
.featured-post-list-meta { display: flex; justify-content: space-between; flex-wrap: wrap; }
.featured-post-list-title .h5 { margin-bottom: 6px; }
.blog-banner-featured-posts-row .blog-post-item .blog-post-item-inner { background-color: #fff; -webkit-box-shadow: 0px 0px 44px rgba(0,0,0,0.06); -moz-box-shadow: 0px 0px 44px rgba(0,0,0,0.06); box-shadow: 0px 0px 44px rgba(0,0,0,0.06); }
.blog-banner-featured-posts-row .blog-post-item .featured-image { border-radius: 10px 10px 0 0; }
.blog-post-content-author-date { display: flex; align-items: center; margin-top: 30px; }
.blog-post-content-author-date .author-name-info { margin-right: 30px; }
.featured-posts-title .h3 { padding-bottom: 10px; position: relative; margin-bottom: 10px; }
.featured-posts-title .h3::after { content: ''; background-color: #ff6e31; width: 48px; height: 1px; position: absolute; bottom: 0; left: 0; }
.blog-post-listing-row { margin: 0 -20px; }
.post-list-featured-image a { display: block; }
.post-list-featured-image img { width: 100%; height: 100%; object-fit: cover; transition: transform 0.5s ease 0s; }
.grid .post-list-item { width: 33.33%; }
.grid .post-list-item-inner:hover img, .blog-most-recent-posts-card-item-inner:hover img.featured-image { transform: scale(1.1); }
.blog-post-filter-block { z-index:1 !important; }
.blog-post-filter-container { display: flex; align-items: center; background-color: #fff; border-top-right-radius: 0; border-bottom-right-radius: 0;}
.label-category-filter { padding: 18px 25px; max-width: 208px; width: 100%; border-radius: 10px 0 0 10px; }
.category-slider-container { width: calc(100% - 208px); padding: 0 90px; }
.category-slider .slick-slide { text-align: center; border-right: 1px solid rgba(0, 46, 96, 0.2);; line-height: 64.8px; }
.category-slider .slick-prev { left: -46px; }
.category-slider .slick-next { right: -46px; }
.category-slider.slick-initialized.slick-slider { border-left: 1px solid rgba(0, 46, 96, 0.2); }
.slick-slide.slick-current.slick-active a { color: #002E60; }
.slick-slide.slick-current.slick-active a:hover, .slick-slide.slick-current.slick-active a:focus { color: #FF6E31 }
.post-list-featured-image { width: 100%;  height: 214px; position: relative; overflow: hidden; border-radius: 10px 10px 0 0; }
.post-list-item-inner { background-color: #ffffff; border-radius: 10px; position: relative; margin: 0 13px; box-shadow: 0px 0px 44px rgba(0, 0, 0, 0.06); z-index:1; }
.post-list-item-inner .published-date { width: 54px; height: 54px; display: flex; align-items: center; justify-content: center; flex-direction: column; border-radius: 100%; position: absolute; top: -22px; right: -15px; border: 2px solid; z-index: 1; }
.post-list-item-inner .date-value, .post-list-item-inner .month-value { line-height: 1; }
.post-list-item-inner .month-value { border-top: 1px solid #ffffff; }
.post-list-item-inner .post-category { padding: 28px 30px 12px; display: flex; align-items: center; flex-wrap: wrap; }
.post-list-item-inner .post-category svg { margin-right: 12px; }
.post-list-item-inner .post-title { padding: 0 30px; }
.post-list-item-inner .post-content { padding: 0 30px 15px; }
.post-list-item-inner .featured-post-list-meta { border-top: 1px solid rgba(0, 46, 96, 0.1);; padding: 15px 30px; }
.post-list-item-inner .featured-post-list-meta span.author-name-info { display: flex; align-items: center; }
.post-list-item-inner .featured-post-list-meta span.author-name-info svg { margin-right: 12px; }
.blog-pagination { display: flex; align-items: center; justify-content: center; }
.blog-pagination-center a { margin: 0 10px; color: #002E60; text-align: center;
}
.blog-pagination-center a.active {
background-color: #FF6E31;
width: 30px;
height: 30px;
border-radius: 100%;
line-height: 30px;
color: #fff;
}
.blog-banner-featured-posts-left-big-post::before {
width: 213px;
background-image: url('https://www.primocoding.com/hubfs/Orange%20Theme/Images/blog-banner-line-triangle-shape.svg'));
height: 524px; top: -49px; left: -152px;
}
.blog-banner-featured-posts-left-big-post .blog-post-item::before {
width: 250px;
background-image: url('https://www.primocoding.com/hubfs/Orange%20Theme/Images/blog-banner-purple-shape.svg');
height: 250px; bottom: 70px; left: -102px;
}
.blog-banner-featured-posts-row.pos-relative::before {
width: 64px;
background-image: url('https://www.primocoding.com/hubfs/Orange%20Theme/Images/blog-banner-yellow-shape.svg');
height: 64px; top: -42px; right: 137px;
}
.blog-banner-featured-posts-right-list-post::before {
width: 250px;
background-image: url('https://www.primocoding.com/hubfs/Orange%20Theme/Images/blog-banner-bottom-blue-shape.svg');
height: 250px; bottom: -17px; right: -130px;
}
.blog-post-list-with-filter-inner::before {
width: 398px;
background-image: url('https://www.primocoding.com/hubfs/Orange%20Theme/Images/blog-filter-top-line-triangle-shape.svg');
height: 415px; top: -104px; right: 232px;
}
.blog-post-list-with-filter-section::before {
width: 100%;
background-image: url('https://www.primocoding.com/hubfs/Orange%20Theme/Images/blog-line-shape.svg');
height: 415px;
top: 50%;
left: 0;
-webkit-transform: translate(0, -50%);
-moz-transform: translate(0, -50%);
transform: translate(0, -50%);
}
a.blog-page-link.button {
font-size: 0;
line-height: 0;
display: block;
width: 17px;
height: 12px;
padding: 0;
cursor: pointer;
color: transparent;
border: none;
outline: none;
background: transparent;
margin: 0;
position: relative;
}
a.blog-page-link.button.inactive {
cursor: not-allowed;
}
a.blog-page-link.button::before {
width: 32px;
height: 32px;
background-color: #f9d2c1;
border-radius: 50%;
position: absolute;
top: -10px;
transition: all 0.3s linear;
right: -18px;
left: auto;
content: '';
font-size: 0px;
line-height: 0;
}
a.blog-page-link.button.inactive::before {
opacity: 0.25;
}
a.blog-page-link.button:hover::before {
right: -8px;
}
a.blog-page-link.button.inactive:hover::before {
right: -18px;
}
a.blog-page-link.button::after {
width: 17px;
height: 12px;
display: block;
position: relative;
z-index: 1;
content: '';
font-size: 0px;
line-height: 0;
background-image: url('https://www.primocoding.com/hubfs/Orange%20Theme/Images/slider-right-arrow-1.svg');
background-size: cover;
}
.blog-pagination-right, .blog-pagination-left {
margin: 0 18px;
}
a.blog-page-link.button.prev-link::after {
background-image: url('https://www.primocoding.com/hubfs/Orange%20Theme/Images/slider-left-arrow-1.svg');
}
a.blog-page-link.button.prev-link::before {
right: auto;
left: -18px;
}
a.blog-page-link.button.prev-link:hover::before { left: -8px; }
a.blog-page-link.button.prev-link.inactive:hover::before { left: -18px; }

.blog-post-listing-block::before { background-image: url('https://www.primocoding.com/hubfs/Orange%20Theme/Images/blog-bottom-yellow-shape.svg');
left: -43px; bottom: 502px;  width: 144px; height: 354px; }
.blog-post-listing-row::before { background-image: url('https://www.primocoding.com/hubfs/Orange%20Theme/Images/blog-bottom-blue-shape.svg');
right: -65px; bottom: -50px; width: 239px; height: 250px; }
.post-list-item { z-index: 1; }
.post-list-item { float: left; }
.blog-post-filter-search-icon {
padding: 18px 20px;
max-width: 208px;
width: 100%;
border-radius: 0 10px 10px 0;
cursor: pointer;
}
.blog-post-filter-search-icon i { color: #fff; }
.blog-post-filter-search-container { width: 56px; }
.blog-post-filter-container { width: calc(100% - 56px); }
.blog-post-filter-block {
display: flex;
flex-wrap: wrap;
align-items: center;
position: relative;
}
.blog-post-filter-search-container .hs-search-field {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 65px;
opacity: 0;
visibility: hidden;
-webkit-transition: all 0.5s linear;
-moz-transition: all 0.5s linear;
-ms-transition: all 0.5s linear;
-o-transition: all 0.5s linear;
transition: all 0.5s linear;
}
.blog-post-filter-search-container .hs-search-field button {
border-radius: 0 10px 10px 0;
box-sizing: border-box;
height: 100%;
margin: 0;
padding: 18px 18px;
position: absolute;
right: 0;
top: 0;
}
.blog-post-filter-search-container .hs-search-field button i {
color: #fff;
}
.blog-post-filter-search-container .hs-search-field form input {
height: 65px;
padding-right: 65px;
border-radius: 10px;
}
.blog-post-filter-search-container.active .hs-search-field {
visibility: visible;
opacity: 1;
}
.featured-posts-list-button .button { z-index: 1; }
.hs-author-profile {
box-shadow: 0px 0px 44px rgba(0, 0, 0, 0.06);
z-index: 1;
padding: 30px;
margin-bottom: 60px;
}
.hs-author-profile .hs-author-avatar {
max-width: 180px;
height: 180px;
}
.hs-author-profile .hs-author-avatar img {
width: 100%;
height: 100%;
border-radius: 100%;
}
.hs-author-profile .author-profile-and-name-block {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.hs-author-profile .author-basic-info-block {
width: -webkit-calc(100% - 210px);
width: -moz-calc(100% - 210px);
width: calc(100% - 210px);
}
.hs-author-profile .hs-author-social-section {
display: flex;
flex-wrap: wrap;
align-items: center;
}
.hs-author-profile .hs-author-bio { padding-top: 30px; }
.hs-author-profile .hs-author-social-links { display: flex; align-items: center; }
.hs-author-profile .hs-author-social-links a {
margin: 10px;
width: 32px;
height: 32px;
line-height: 32px;
background-color: #002E60;
border-radius: 100%;
display: flex;
align-items: center;
justify-content: center;
}
.hs-author-profile .hs-author-social-links a:hover { background-color: #FF6E31; }
.hs-author-profile .author-basic-info-block .email-address, .hs-author-profile .hs-author-social-label, .hs-author-profile .hs-author-name { margin: 0; }
.blog-banner-featured-posts-row .blog-post-image-block {
line-height: 0;
}
.blog-banner-featured-posts-row .blog-post-image-block a {
height: 330px;
width: 100%;
}
.blog-banner-featured-posts-row .blog-post-image-block img {
width: 100%;
height: 100%;
object-fit: cover;
}

.body-container--blog-index.blog-v1 .hs_cos_wrapper_type_blog_subscribe {
display: none;
}
.post-list-item.subscribe-post .post-list-item-inner {
padding: 30px;
min-height: 400px;
position: relative;
display: flex;
justify-content: center;
flex-wrap: wrap;
flex-direction: column;
background-color: rgba(255, 255, 255, 0.5);
border: 1px solid #FFFFFF;
}
.post-list-item.subscribe-post .post-list-item-inner>div {
width: 100%;
}
.post-list-item-inner .overlay-bg {
overflow: hidden;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
}
.post-list-item-inner .overlay-bg>div {
background: rgba(255, 110, 49, 1);
-webkit-border-radius: 0 0 10px 10px;
-moz-border-radius: 0 0 10px 10px;
-o-border-radius: 0 0 10px 10px;
border-radius: 0 0 10px 10px;
top: 100%;
height: 60px;
position: absolute;
width: 100%;
display: table;
-webkit-transition: all 0.3s linear 0s;
-moz-transition: all 0.3s linear 0s;
-o-transition: all 0.3s linear 0s;
transition: all 0.3s linear 0s;
z-index: 200;
padding: 6px;
}
.post-list-item-inner:hover .overlay-bg>div {
-webkit-transition: all 0.3s linear 0s;
-moz-transition: all 0.3s linear 0s;
-o-transition: all 0.3s linear 0s;
transition: all 0.3s linear 0s;
top: -webkit-calc(100% - 60px);
top: -moz-calc(100% - 60px);
top: -o-calc(100% - 60px);
top: calc(100% - 60px);
}
.grid li .overlay-bg a {
max-width: fit-content;
margin: 0 auto;
}
.post-list-item.subscribe-post::before {
background-image: url('https://www.primocoding.com/hubfs/Orange%20Theme/Images/pillar-banner-blue-circle-1.svg');
width:64px;
height: 64px;
right: -5px;
top: -20px
}
.hs-content-name-orange-listing-page {
overflow: hidden;
}
.blog-post-filter-search-container button#close-button {
align-items: center;
border-radius: 100%;
color: #fff;
font-size: large;
height: 30px;
justify-content: center;
line-height: 30px;
padding: 0;
position: absolute;
text-align: center;
top: -15px;
width: 30px;
z-index: 9;
left: -15px;
background-color: rgba(0, 46, 96, 0.8);
border-color: #ffffff;
}

.blog-post-content-container::after {
background-image: url('https://www.primocoding.com/hubfs/Orange%20Theme/Images/pillar-banner-blue-circle-1.svg');
width:64px;
height: 64px;
left: -88px;
bottom: 160px;
}

.blog-post-content-container::before {
/* background-image: url('../images/Shapes/pillar-banner-orange-circle.svg')); */
width:225px;
height: 225px;
left: -88px;
bottom: -75px;
}



/*---------------- Blog V2 -------------------*/
.body-container.body-container--blog-index.blog-v2 {
background: linear-gradient(180deg, #FFFBF1 0%, #F2F8FF 24.48%, #F3F2FF 50.12%, #FFF5F0 75.52%, #EBFAF7 100%);
}
.blog-most-recent-posts-card-item-image img, .blog-most-recent-posts-card-item-image {
border-top-left-radius: 10px;
border-top-right-radius: 10px;
display: block;
}
.blog-most-recent-posts-card-item-image a {
display: block;
}
.blog-most-recent-posts-card-item-image {
-webkit-box-shadow: 0px 0px 44px rgba(0,0,0,0.06);
-moz-box-shadow: 0px 0px 44px rgba(0,0,0,0.06);
box-shadow: 0px 0px 44px rgba(0,0,0,0.06);
overflow:hidden;
}
.blog-most-recent-posts-card-item-image img {
width: 100%;
object-fit: cover;
height: 532px;
}
.blog-most-recent-posts-card-item-image img {
transition: transform .5s ease 0s;
}
.blog-tag-post-slider-track {
display: flex;
flex-wrap:wrap; 
margin:0 -20px;
}
.blog-tag-post-slider-item {
width:33.33%;
padding-left: 20px;
padding-right: 20px;
display: flex;
align-items: stretch;
}
.blog-tag-post-slider-track .blog-most-recent-posts-card-heading {
padding-top:15px;
}
.blog-tag-post-slider-heading-tag {
display: flex; 
align-items: baseline;
gap: 0.5rem;
justify-content: space-between;
}
.blog-post-title::before {
width: 300px;
height: 627px;
left: -122px;
top: 5px;
background-image: url('https://www.primocoding.com/hubfs/Orange%20Theme/Images/recent-post-purple-shape.svg');
z-index:-1;
}
.blog-post-featured-image::before {
width: 250px;
height: 250px;
right: -122px;
z-index:-1;
bottom: -25px;
background-image: url('https://www.primocoding.com/hubfs/Orange%20Theme/Images/recent-post-triangle-shape.svg');
}
.blog-tag-post-slider-track .blog-most-recent-posts-card-item-image img {
height: 210px;
}
.most-recent-posts-tag .tag-link span {
color:#FF6E31;
}
.tag-yellow-purple-shape-section .blog-tag-post-slider-block::before {
width: 240px;
height: 250px;
left: -73px;
z-index:-1;
top: 10px;
background-image: url('https://www.primocoding.com/hubfs/Orange%20Theme/Images/yellow-ellipse-shape.svg');
}
.tag-yellow-purple-shape-section .blog-tag-post-slider-block::after {
width: 398px;
height: 415px;
left: 24%;
z-index:-1;
top: -11px;
background-image: url('https://www.primocoding.com/hubfs/Orange%20Theme/Images/customer-service-shape.svg');
}
.tag-blue-yellow-shape-section .blog-tag-post-slider-block::before {
width: 398px;
height: 415px;
left: 42%;
z-index:-1;
top: -11px;
background-image: url('https://www.primocoding.com/hubfs/Orange%20Theme/Images/blog-v2-top-yellow-shape.svg');
}
.tag-blue-yellow-shape-section .blog-tag-post-slider-block::after {
width: 240px;
height: 250px;
top: 84px;
z-index:-1;
right: -73px;
background-image: url('https://www.primocoding.com/hubfs/Orange%20Theme/Images/blue-ellipse-shape.svg');
}
.featured-posts-list-button.mob-show {
display:none;
}
.blog-post-category::before {
width:390px;
height: 433px;  
right: -72px;
top:-72px;
z-index: -1;
background-image: url('https://www.primocoding.com/hubfs/Orange%20Theme/Images/toc-01-shape.svg'); 
}
.related-post .blog-tag-post-slider-track::before {
width: 216px;
height: 366px;
right: -151px;
top: -7px;
z-index: -1;
background-image: url('https://www.primocoding.com/hubfs/Orange%20Theme/Images/toc-02-shape.svg');
}
.blog-subscribe-form-right-block .hs_submit:after {
background-image: url('https://www.primocoding.com/hubfs/Orange%20Theme/Images/white-arrow.svg');
}
.blog-subscribe-form-section::before {
background-image: url('https://www.primocoding.com/hubfs/Orange%20Theme/Images/subscription-lines-shape.svg');
}
/*---------------- Blog Post v2 -------------------*/

.blog-most-recent-posts-section {
padding-top: 100px;
padding-bottom: 40px;
}

.blog-post-author { border-right: 2px solid #6b7381; padding-right: 10px; margin-right: 6px; }
.hs-featured-image { display: block;
float: none;
margin: 0 auto;
max-width: 100%;
width: 100%;
height: auto; }
.blog-post-container a.author-link { color:#707B8E; }
.blog-post-content-container p {
color: #707B8E !important;
margin-bottom: 30px;
}
.blog-post-category {
border-bottom: 2px solid #707B8E;
text-align: right;
color: #707B8E;
}
.blog-post-category i {
color: #FF6E31;
padding-right: 7px;
position: relative;
}
.blog-post-category a h5 { text-decoration: none; }
.blog-post-next-previous-container a { text-decoration: none; }
.blog-post-next-previous-container>a {
display: inline-block;
float: left;
width: calc(50% - 10px);
background-size: cover;
background-position: center center;
}
.blog-post-next-previous-container>a.blog-post-prev-link::before {
background: rgba(255, 129, 0, 0.9) none repeat scroll 0 0;
border-radius: 6px 0;
color: #fff;
content: "Prev";
left: 0;
padding: 3px 10px;
position: absolute;
text-align: center;
top: 0;
width: 60px;
z-index: 100;
letter-spacing: 0.3px;
}
.blog-post-next-previous-container>a::after {
position: absolute;
width: 100%;
height: 100%;
background: url('https://cdn2.hubspot.net/hubfs/476360/Images/overlay-pattern.png?t=1494833093949');
content: "";
top: 0;
left: 0;
opacity: 0.9;
border-radius: 8px;
}
.blog-post-next-previous-container>a>div {
color: #fff;
position: relative;
z-index: 1000000; 
display: flex;
justify-content: flex-end;
align-items: center;
}
.blog-post-next-previous-container>a.blog-post-prev-link>div {
justify-content: flex-start;
}
.blog-post-prev-link {
padding: 40px 40px 40px 140px;
margin-right: 10px;
display: flex !important;
align-items: center; 
justify-content: flex-start;
}
.blog-post-next-link { 
display: flex !important;
align-items: center;
justify-content: flex-end;
}
.blog-post-next-block-arrow { margin: auto; position: absolute !important; right: -54px; top: 0px; }
.blog-post-prev-block-arrow { margin: auto; position: absolute !important; left: -54px; top: 0px; }
.blog-post-next-link { padding: 40px 140px 40px 40px; margin-left: 10px; }
.blog-post-next-previous-container>a.blog-post-next-link::before {
background: rgba(255, 129, 0, 0.9) none repeat scroll 0 0;
border-radius: 0 6px 0 6px;
color: #fff;
content: "Next";
right: 0;
padding: 3px 10px;
position: absolute;
top: 0;
z-index: 100;
text-align: center;
width: 62px;
letter-spacing: 0.3px;
z-index: 1;
}
.blog-post-about-author {
border-right: 6px solid #002E60;
background: rgba(255, 255, 255, 0.5);
overflow: hidden;
margin-top: 30px;
box-shadow: 0px 0px 44px rgba(0, 0, 0, 0.06);
border: 1px solid #FFFFFF;
position: relative;
z-index: 1;
}
.about-author-image { display: inline-block; float: left;  width: 125px; text-align: center; }
.about-author-image>img {
border: 2px solid #707B8E;
border-radius: 100%;
float: none;
margin: 0 auto;
width: 100px;
height: 100px;
}
.author-detail { display: inline-block; float: left; width: calc(100% - 125px); padding-left: 15px; }
.blog-post-next-previous-container { overflow: hidden; display: flex; }
.post-social-sharing { margin-left: -80px; position: fixed; top: 131px; }
.post-social-sharing>ul { list-style: outside none none; padding: 0; }
.post-social-sharing li { display: block; width: 40px; }
.post-social-sharing a {
border: 1px solid #707B8E;
border-radius: 3px;
display: block;
font-size: 22px;
height: 35px;
line-height: 34px;
margin: 5px 0;
text-align: center;
width: 35px;
color: #707B8E;
outline: 0 !important;
}
.post-social-sharing a svg {
color: #707b8e;
fill: #707b8e;
width: 22px;
height: 35px;
-webkit-transition: all .5s;
-moz-transition: all .5s;
-ms-transition: all .5s;
-o-transition: all .5s;
transition: all .5s;
}
.post-social-sharing a:hover svg, .post-social-sharing a:active svg, .post-social-sharing a:focus svg {
color: #ff6e31;
fill: #ff6e31;
width: 22px;
height: 35px;
}
.post-social-sharing.close-social i {
transform: rotateY(180deg);
}
.related-post-block:hover .related-post-featured-image img { transform: scale(1.1); }
.blog-most-recent-posts-card-item-inner { 
-webkit-box-shadow: 0 0 44px rgba(0,0,0,.06); 
-moz-box-shadow: 0 0 44px rgba(0,0,0,.06); 
box-shadow: 0 0 44px rgba(0,0,0,.06); 
border-bottom-right-radius: 10px; 
border-bottom-left-radius: 10px; 
width: 100%;
background-color: rgba(255, 255, 255, 0.8);
}
.about-author-text h6 { margin-bottom: 0; }
.social-toggle-button { display: none }
.featured-posts-list-button.mob-show.temp_frame { display: none !important; }
.blog-post-authot-and-date h5 { display:inline-block; }
.blog-post-authot-and-date i { font-size:16px; }
.blog-post-content-container::before, .blog-post-content-container::after { bottom: auto; top: 50%; z-index: -1; }
.blog-post-content-container::after { top: 40%; left: -150px; }
.blog-post-about-author-container::before { bottom: -100px; }
.blog-post-about-author-container::after { top:0; }
.related-post .blog-tag-post-slider-track::before { right: 300px; top: -100px; }
.comment-reply-to.hs-button:hover { background-color: none; border: none; }
.comment-reply-to { padding: 0 0 0 25px; }
.post-comment-wrap::before {
width: 617px;
height: 428px;
bottom: -82px;
z-index: -1;
right: -92px;
/* background-image: url('../images/Shapes/post-comment-shape.svg')); */
}
.post-comment-wrap::after { top: -50px; left: -150px; z-index: -1; }
.body-container.body-container--blog-post {
overflow: hidden;
}
.blog-most-recent-posts-card-right-side:before,.blog-most-recent-posts-inner:after,.blog-most-recent-posts-inner:before {
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
content: "";
position: absolute
}

.blog-most-recent-posts-heading-link-block,.blog-tag-post-slider-heading-tag {
align-items: baseline;
display: flex;
gap: .5rem;
justify-content: space-between
}

.blog-most-recent-posts-heading,.blog-most-recent-posts-heading h2 {
align-items: baseline;
display: flex;
flex-grow: 1;
gap: .5rem
}

.blog-most-recent-posts-heading h2:after {
border: none;
content: "";
display: block;
flex-grow: 1;
height: 2px;
background-color:#FF6E31;
}

.blog-most-recent-posts-card-right-side .blog-most-recent-posts-card-tag-title p,.blog-most-recent-posts-heading h2 {
text-transform: capitalize
}

.blog-most-recent-posts-card-row {
display: flex;
flex-wrap: wrap
}

.blog-most-recent-posts-card-left-side {
padding-right: 40px;
width: calc(100% - 364px)
}

.blog-most-recent-posts-card-right-side {
width: 364px
}

.blog-most-recent-posts-card-right-side .blog-most-recent-posts-card-tag-title p,.blog-most-recent-posts-heading h2 {
margin-bottom: 0
}

.blog-most-recent-posts-inner:before {
height: 627px;
left: -122px;
top: 5px;
width: 300px;
z-index: -1
}

.blog-most-recent-posts-inner:after {
height: 423px;
right: 220px;
top: 5px;
width: 400px;
z-index: -1
}

.blog-most-recent-posts-card-right-side:before {
bottom: -25px;
height: 250px;
right: -122px;
width: 250px;
z-index: -1
}

.blog-most-recent-posts-card-right-side .blog-most-recent-posts-card-item-image img {
height: 210px
}

.most-recent-posts-tag h6 {
margin-bottom: 10px
}

.blog-most-recent-posts-card-item-inner {
background-color: hsla(0,0%,100%,.8);
-webkit-box-shadow: 0 0 44px rgba(0,0,0,.06);
-moz-box-shadow: 0 0 44px rgba(0,0,0,.06);
box-shadow: 0 0 44px rgba(0,0,0,.06)
}
/* blog subscribe */
.blog-subscribe-form-section::before, .blog-subscribe-form-right-block .hs_submit::after {
content: ''; position: absolute; background-repeat: no-repeat; background-size: cover; background-position: center;
}
.blog-subscribe-form--inner {
-webkit-box-shadow: 0px 0px 44px rgba(0, 0, 0, 0.06);
-moz-box-shadow: 0px 0px 44px rgba(0, 0, 0, 0.06);
box-shadow: 0px 0px 44px rgba(0, 0, 0, 0.06);
}
.blog-subscribe-form-content-row {
display: flex;
flex-wrap: wrap;
align-items: center;
}
.blog-subscribe-content-left-block {
width: 53%;
padding-right: 56px;
}
.blog-subscribe-form-right-block {
width: 47%;
}
.blog-subscribe-form-right-block form {
display: flex;
flex-direction: row;
}
.blog-subscribe-form-right-block .hs_cos_wrapper_type_form {
background-color: transparent;
padding: 0;
box-shadow: none;
}
.blog-subscribe-form-right-block .hs-form-field {
margin: 0;
}
.blog-subscribe-form-right-block .hs_email.hs-form-field label, .blog-subscribe-form-right-block .hs_error_rollup, .blog-subscribe-form-right-block form .actions:before, 
.blog-subscribe-form-right-block .hs-error-msgs, .blog-subscribe-form-right-block .form-title {
display: none;
}
.blog-subscribe-form-right-block .hs-button, .blog-subscribe-form-right-block .hs-button:visited, .blog-subscribe-form-right-block .hs-button:active, .blog-subscribe-form-right-block .hs-button:focus {
border-radius: 0px 5px 5px 0px;
font-weight: 500;
color: #FFFFFF;
padding: 8px 45px 9px 20px;
text-transform: capitalize;
}
.blog-subscribe-form-right-block input[type=email] {
border-radius: 5px 0px 0px 5px;
}
.blog-subscribe-form-right-block .hs_submit::after {
height: 12px;
top: 39%;
width: 16px;
right: 24px;
-webkit-transition: all .5s linear;
-moz-transition: all .5s linear;
-ms-transition: all .5s linear;
-o-transition: all .5s linear;
transition: all .5s linear;
}
.blog-subscribe-form-right-block .hs_submit:hover::after {
right: 14px !important;
}
.blog-subscribe-form-section::before {
width: 100%;
height: 462px;
top: -17px;
z-index: 0;
left:0 ;
}
.blog-subscribe-form-right-block .hs_submit {
width: 161px;
position:relative
}
.blog-subscribe-form-right-block .hs_email {
width: calc(100% - 161px);
}
.blog-tag-post-slider-section {
    padding-top: 100px;
    padding-bottom: 60px;
}
/*---------------- responsive style -------------------*/
@media screen and (max-width: 1499px) {

.blog-post-about-author-container::after { height: 348px; right: -100px; top: -150px; width: 330px; }
.blog-post-about-author-container::before { bottom: -180px; height: 346px; left: -120px; width: 332px; }

}/*-------- 1499 ends here ----------*/

@media screen and (max-width: 1439px) {

.blog-post-about-author-container::after { height: 318px; right: -40px; top: -120px; width: 300px; }
.blog-post-about-author-container::before { bottom: -150px; height: 316px; left: -60px; width: 302px; }

.blog-post-content-container::before, .blog-post-content-container::after { left: -10px; }
.blog-post-category::before { right: -10px; }


/* ---------------Blog V2 --------------- */
.blog-post-title::before, .tag-yellow-purple-shape-section .blog-tag-post-slider-block::before { left: -52px; }
.blog-post-featured-image::before, .tag-blue-yellow-shape-section .blog-tag-post-slider-block::after { right: -52px; }
.blog-most-recent-posts-inner:before,.blog-post-title:before {
left:-52px
}

.blog-most-recent-posts-card-right-side:before {
right: -52px
}
.blog-subscribe-form-section::before { height: 423px; }
}/*-------- 1439 ends here ----------*/

@media screen and (max-width: 1350px) {
.social-toggle-button {
background: #ff8100;
border-radius: 5px 0 0 5px;
bottom: 10px;
box-shadow: 0 0 2px 1px rgba(0,0,0,.25);
cursor: pointer;
display: block;
font-size: 30px;
height: 53px;
line-height: 49px;
position: fixed;
right: 134px;
text-align: center;
transition: all .6s ease 0s;
width: 40px;
z-index: 10;
}

.social-toggle-button i {
color: #fff;
padding-left: 4px;
transform: rotateY(0deg);
transform-style: preserve-3d;
transition: .6s;
}
.post-social-sharing>ul {
background: #fff none repeat scroll 0 0;
border-left: 0;
bottom: 5px;
box-shadow: 0 0 2px 1px rgba(0,0,0,.25);
height: 53px;
margin: 5px 0;
padding: 4px 9px;
position: fixed;
right: 0;
transform-style: preserve-3d;
transition: .6s;
display: flex;
}
.post-social-sharing.close-social .social-toggle-button {
right: 0;
-webkit-transition: 0.6s;
-o-transition: 0.6s;
-moz-transition: 0.6s;
transition: 0.6s;
}
.post-social-sharing.close-social > ul {
right: -170px;
-webkit-transition: 0.6s;
-o-transition: 0.6s;
-moz-transition: 0.6s;
transition: 0.6s;
-webkit-transform-style: preserve-3d;
-o-transform-style: preserve-3d;
-moz-transform-style: preserve-3d;
transform-style: preserve-3d;
}
.post-social-sharing li { display: inline-block;
margin: 0 2px;
width: auto; }
.post-social-sharing-wrap { position: relative; z-index: 9999999; }
}

@media screen and (max-width: 1300px) {

/* ---------------Blog V2 --------------- */
.blog-post-title::before, .tag-yellow-purple-shape-section .blog-tag-post-slider-block::before { left: -10px; top:27px; }
.blog-post-featured-image::before, .tag-blue-yellow-shape-section .blog-tag-post-slider-block::after { right: -10px; }
.blog-most-recent-posts-inner:before {
left:-10px;
top: 27px
}

.blog-most-recent-posts-card-right-side:before {
right: -10px
}
/* ---------------Blog Post --------------- */
.blog-post-about-author { margin: 30px 60px 0; }
.blog-post-about-author-container::before { height: 278px; left: -14px; width: 252px;  bottom: -70px; }
.blog-post-about-author-container::after { right: -14px; top: 30px; width: 252px; height: 278px; }
}/*-------- 1300 ends here ----------*/


@media screen and (max-width: 1199px) {
	.blog-tag-post-slider-section {
    padding-top: 40px;
    padding-bottom: 10px;
}
.blog-most-recent-posts-section{
padding-top: 80px;
padding-bottom: 30px;
}
/* ---------------Blog V2--------------- */
.blog-tag-post-slider-track { margin: 0 auto; }
.blog-most-recent-posts-view-all { display:none; }
.featured-posts-list-button.mob-show { display:block; }
.related-post-featured-image img { height: 215px; }
.related-post-container .related-post-block:nth-child(2) { margin: 0 18px; }
}/*-------- 1199 ends here ----------*/

@media screen and (max-width: 991px) {
.blog-most-recent-posts-section {
padding-top: 70px;
padding-bottom: 20px;
}
.blog-tag-post-slider-section {
    padding-top: 30px;
    padding-bottom: 10px;
}
}/*-------- 991 ends here ----------*/
@media screen and (max-width: 900px) {
.grid .post-list-item { width: 50%; }
}
@media screen and (max-width: 880px) {
/* ---------------blog Post v2--------------- */ 
.blog-most-recent-posts-item { max-width: 700px; margin: 0 auto; }
.blog-tag-post-slider-item { width: 100%; padding-left: 0; padding-right: 0; }
.blog-post-title::before { width: 200px; height: 418px;  top: 50px; }
.tag-blue-yellow-shape-section .blog-tag-post-slider-block::before { height: 415px; left: 0; }
.tag-blue-yellow-shape-section .blog-tag-post-slider-block::after { bottom: 0; top: auto; }
.tag-yellow-purple-shape-section .blog-tag-post-slider-block::before { top: auto; bottom: 0; }
.tag-yellow-purple-shape-section .blog-tag-post-slider-block::after {  width: 298px; height: 311px;  left: auto; right: 0; }
.blog-tag-post-slider-track .blog-most-recent-posts-card-heading { padding-top: 5px; }
.blog-most-recent-posts-card-right-side::before, .blog-post-featured-image::before { width: 150px; height: 150px; bottom: 0; }
.related-post-featured-image img { height: 215px; }
.blog-most-recent-posts-card-left-side  {
height: auto;      
}
.featured-posts-list-button h5 {
margin: 0;
}
.blog-most-recent-posts-card-left-side {
padding-bottom:24px;
padding-right: 0;
width: 100%
}

.blog-most-recent-posts-card-right-side {
width: 100%
}

.blog-most-recent-posts-card-right-side .blog-most-recent-posts-card-item-image img {
height: auto
}

.blog-most-recent-posts-inner:after {
height: 209px;
top: 22px;
width: 200px
}

.blog-most-recent-posts-card-right-side .blog-most-recent-posts-item {
padding-bottom: 30px
}

.blog-most-recent-posts-inner:before {
height: 418px;
top: 50px;
width: 200px
}
.blog-subscribe-form--inner { padding: 30px; }
.blog-subscribe-content-left-block { width: 100%; padding-right: 0; }
.blog-subscribe-content-title { padding-bottom: 0; }
.blog-subscribe-form-right-block { width: 70%; padding-top: 20px; }
.blog-subscribe-form-section::before { top: -52px; }
}/*-------- 880 ends here ----------*/

@media screen and (max-width: 767px) {
.blog-most-recent-posts-section {
padding-top: 60px;
padding-bottom: 30px;
}

/* ---------------Blog V1--------------- */
.blog-banner-featured-posts-left-big-post { max-width: 100%; }
.blog-banner-featured-posts-right-list-post { width: 100%; }
.blog-post-filter-container { flex-direction: column; }
.label-category-filter { max-width: 100%; border-radius: 10px 10px 0 0; }
.category-slider-container { width: 100%; padding: 0 90px; margin: 0 30px; }
.blog-post-filter-search-icon { display: none; }
.blog-post-filter-container { border-radius: 10px; width: 100%; }
.blog-post-filter-search-container { width: 100%;  position: relative; margin-top: 15px; }
.blog-post-filter-search-container .hs-search-field { visibility: visible; opacity: 1; position: static; width: 100%; }

.hs-author-profile {
padding: 20px;
margin-bottom: 40px;
}


.blog-post-content-container::before { width: 125px; height: 125px; }
.blog-post-category::before { width: 266px; height: 296px; top: 34px; }
.related-post .blog-tag-post-slider-track::before { width: 116px; height: 201px; } 
/* ---------------Blog post--------------- */
.related-post-block { border-bottom: 1px solid #707B8E; margin-bottom: 15px !important; padding-bottom: 15px; width: 100%; }
.related-post-featured-image { display: inline-block; float: left; width: 35%; }
.related-post-featured-image img { height: auto; }
.related-post-title { display: inline-block; float: left; padding-left: 20px; width: 65%; }
.related-post-container .related-post-block:nth-child(2) { margin: 0; margin-bottom: 0px; }
.related-post-container .related-post-block:nth-child(2) .related-post-featured-image { float: right; }
.related-post-container .related-post-block:nth-child(2) .related-post-category, .related-post-container .related-post-block:nth-child(2) .related-post-title { text-align: right; padding-left: 0px; padding-right: 20px; }
.blog-post-prev-link { padding: 25px 20px 25px 70px; }
.blog-post-next-link { padding: 25px 70px 25px 20px; }
.related-post .blog-tag-post-slider-track::before { right: 50px; }
.blog-post-about-author { padding: 25px; }
.blog-post-content{ padding-top:20px; }
.blog-tag-post-slider-section {
    padding-top: 30px;
    padding-bottom: 30px;
}
}/*-------- 767 ends here ----------*/
@media screen and (max-width: 630px) {
.blog-subscribe-form-right-block { width: 100%; }
}
@media screen and (max-width: 568px) {

.grid .post-list-item { width: 100%; }
.author-detail { width: 100%; padding-left: 0; }
.blog-post-next-previous-container > a { width: 100%; margin: 10px 0; }
.blog-post-about-author { margin: 30px 0 0; }
.blog-post-next-previous-container { flex-wrap: wrap; }

.hs-author-profile .author-profile-and-name-block {
justify-content: center;
}
.hs-author-profile .author-basic-info-block {
width: 100%;
padding-top: 24px;
}
.hs-author-profile .hs-author-bio {
padding-top: 12px;
}
}/*-------- 568 ends here ----------*/

@media screen and (max-width: 480px) {

.blog-post-about-author-container::after { right: 0; }

/* ---------------Blog V2--------------- */
.tag-blue-yellow-shape-section .blog-tag-post-slider-block::before { height: 309px; width: 298px; }
.blog-subscribe-form-right-block .hs-button { padding: 8px 12px 9px; }
.blog-subscribe-form-right-block .hs_submit { width: 120px; }
.blog-subscribe-form-right-block .hs_email { width: calc(100% - 120px); }
.blog-subscribe-form-right-block .hs_submit::after { display:none; }
.blog-subscribe-form-right-block input[type="email"] { padding: 11px 10px; }
}/*-------- 480 ends here ----------*/