ul {margin: 0;}
ul.artical-info li, ul.blog-head-social li,ul.breadcrumb li {list-style: none;}
.breadcrumb {display: flex; flex-wrap: wrap; align-items: center; margin-top:20px; margin-bottom:20px; }
.breadcrumb li {font-size: 14px; font-weight: 500; color: #000000;}
.breadcrumb li:after {width: 2px; height: 16px; background-color: #d0d4dd; content: ""; display: inline-block; vertical-align: middle;margin: 0 18px;transform: skewX(-30deg);}
.breadcrumb li:last-child:after {display: none;}
.breadcrumb li a {font-size: 14px; font-weight: 500; color: #000000;}
.breadcrumb li.active { font-weight: 600 !important; background-color: rgba(232, 225, 217, 60%); border-radius: 6px; padding: 4px 10px;}

/*blog detail css start*/
.hs-blog-post .footer-newsletter {z-index: 1;}
.blog-detail-head {background: #58585a url('../images/blog-detail-top-leaf.svg') no-repeat right top; border-top: solid 1px #D5CCC1; padding-top: 40px; padding-bottom: 40px;}
.blog-detail-head .container {max-width: 1260px; padding-left: 20px; padding-right: 20px; margin: auto; width: 100%; display: block;}
.blog-detail-head .breadcrumb {margin-bottom: 20px;}
 /*.blog-detail-head .head-content-block {max-width: 760px; margin: 0 auto 90px; display: block; text-align: left;} */
.blog-detail-head .head-content-block h2 {font-family: "Apercu Pro", sans-serif; font-size: 32px; font-weight: 600; color: #ffffff;margin-bottom: 15px !important;}
.blog-detail-head .artical-info {display: flex; flex-wrap: wrap;  margin-top: 5px;}
.blog-detail-head .artical-info li {font-size: 14px; font-weight: 400; color: #000000; }
.blog-detail-head .artical-info li:after {width: 2px; height: 16px; background-color: #d0d4dd; content: ""; display: inline-block; vertical-align: middle;margin: 0 18px;transform: skewX(-30deg);}
.blog-detail-head .artical-info li:last-child:after {display: none;}
.blog-detail-head .blog-head-social {display: flex; flex-wrap: wrap; align-items: center; gap: 20px; }
.blog-detail-head .blog-head-social li { margin-top: 5px;}
.blog-detail-head .blog-head-social li img { max-height: 18px;}
 /*.blog-detail-head .blog-head-social li a:hover img {filter: invert(100%) sepia(99%) saturate(7444%) hue-rotate(33deg) brightness(95%) contrast(97%);} */
.blog-detail-info {padding: 0 0 90px 0; position: relative; min-height: 1000px;}
.blog-detail-info:after {background: url('../images/blog-detail-leaf.svg') no-repeat right bottom; content: ""; width: 100%; height: 100%; position: absolute; bottom: -193px;left: 0;z-index: 1;}
.blog-detail-info .container {max-width: 1260px; padding-left: 20px; padding-right: 20px; margin: auto; width: 100%; display: block; position: relative; z-index: 2;}
.blog-bnr-img {margin: 0 0 40px 0; border-radius: 25px; overflow: hidden;}
.blog-bnr-img img {width: 100%; display: block;}
.blog-detail-info .row {display: flex; flex-wrap: wrap; margin-left: -15px; margin-right: -15px;}
.blog-detail-info .left-colum {width: 64%; max-width: 64%; padding-left: 15px; padding-right: 15px;}
.blog-detail-info .right-colum {width: 33%; max-width: 33%; padding-left: 15px; padding-right: 15px; margin-left: auto;}
.blog-detail-info .right-colum h3 {font-size: 28px; color: #000000; margin-bottom: 22px;}
.blog-detail-info .news-signup {background-color: #e8e1d9; border-radius: 16px; width: 100%; padding: 30px;}
.blog-detail-info .news-signup h3 {font-size: 24px; color: #000000; margin-bottom: 25px !important;}
.blog-detail-info .news-signup p {line-height: 1.4; color: #000000;font-weight:400 !important;}
.blog-detail-info .news-signup .form-control, .blog-detail-info .news-signup .hs-input {border-color: #D0D5DD; border-radius:8px; background-color: #ffffff; height: 44px; font-family: "Apercu Pro", sans-serif; font-size: 16px; color: #000000; padding: 0 15px;}
.blog-detail-info .news-signup .form-control::placeholder, .blog-detail-info .news-signup .hs-input::placeholder {color: #000000;opacity: 1;}
.blog-detail-info .news-signup .form-control::-ms-input-placeholder, .blog-detail-info .news-signup .hs-input::-ms-input-placeholder {color: #000000;}
.blog-detail-info .news-signup .form-control::placeholder,.blog-detail-info .news-signup .hs-inpu::placeholdert {color: #000000;opacity: 1;}
.blog-detail-info .news-signup .news-signup-form {margin-top: 27px;}
.blog-detail-info .news-signup .hs-error-msgs li label {font-size: 14px; color: red;}
.blog-detail-info .news-signup .btn-custom, .blog-detail-info .news-signup .hs-button[type='submit'] {display: flex; border: 0; height: 48px; line-height: 47px; border-radius: 25px; font-family: "Apercu Pro", sans-serif; font-size: 16px; font-weight: 600; color: #000000; background-color: #93B537; transition: all ease 0.3s; padding: 0 10px; margin: 15px 0 0 0;width: 100%;text-align: center;justify-content: center;}
.blog-detail-info .news-signup .btn-custom:hover, .blog-detail-info .news-signup .hs-button[type='submit']:hover {background-color: #000000; color: #ffffff;}
.blog-detail-info .related-artical {margin-top: 46px; }
.blog-detail-info .related-artical .related-artical-block {margin-bottom: 25px;}
.blog-detail-info .related-artical .related-artical-block img {width: 100%; display: block; border-radius: 16px;}
.blog-detail-info .related-artical .related-artical-block .date {font-size: 14px; color: #125C13; font-weight: 600; display: block; margin-top: 14px;}
.blog-detail-info .related-artical .related-artical-block h3 {font-size: 18px; font-weight: 600; color: #000000; line-height: 1.4; margin-top: 10px; margin-bottom: 0;}
.blog-detail-info .other-category {margin-top: 45px;}
.blog-detail-info .other-category ul li {margin-bottom: 15px;}
.blog-detail-info .other-category ul li:last-child {margin-bottom: 0;}
.blog-detail-info .other-category ul li a {color: #125C13; font-size: 16px; font-weight: 600; display: block;}
.blog-detail-info .other-category ul li a:hover {color: #8db604;}
.blog-detail-info .other-category h4 {font-weight: 400 !important; font-size:18px !important; margin-bottom: 5px !important;}
.blog-detail-info .other-category p {font-weight: 600 !important; font-size:14px !important; margin-bottom:}
.blog-detail-info .other-category .post {margin: 0 10px 20px 10px}
.blog-detail-info .other-category h3 {margin-bottom:25px !important;}
}}

@media only screen and (max-width: 1440px) {
.blog-detail-head .head-content-block h2 {font-size: 42px;}
.blog-detail-info .news-signup h3 {font-size: 22px;}
.blog-detail-info .right-colum h3 {font-size: 25px;}
}

@media only screen and (max-width: 1199px) {
.blog-detail-info {padding: 0 0 60px;}
.blog-detail-head {background-size: 350px;}
.blog-detail-head .head-content-block h2 {font-size: 38px;}
.blog-detail-info .news-signup {padding: 20px;}
.blog-detail-info .right-colum h3 {font-size: 22px;}
.blog-detail-info .news-signup h3 {font-size: 20px;}
.blog-bnr-img {margin: 0 0 60px 0;}
.blog-detail-info .related-artical {margin-top: 35px;}
.blog-detail-info .other-category {margin-top: 35px;}
}

@media only screen and (max-width: 991px) {
.blog-detail-info {padding: 0 0 40px;}
.blog-detail-head {padding-bottom: 120px;}
.blog-detail-head .head-content-block h2 {font-size: 32px;}
.blog-bnr-img {margin: 0 0 50px 0;}
.blog-detail-info .left-colum {width: 60%; max-width: 60%;}
.blog-detail-info .right-colum {width: 40%; max-width: 40%;}
}

@media only screen and (max-width: 767px) {
.blog-detail-head {background-size: 275px;}
.blog-bnr-img {margin: 0 0 35px 0;}
.blog-detail-info .left-colum {width: 100%; max-width: 100%;}
.blog-detail-info .right-colum {width: 100%; max-width: 100%; margin-top: 30px;}
.blog-detail-info .news-signup .btn-custom {height: 40px; line-height: 39px;}
.blog-detail-head .head-content-block h2 {font-size: 28px;}
.blog-detail-head .artical-info li {font-size: 14px;}
.blog-detail-head .artical-info li::after {margin: 0 12px; height: 15px;}
.blog-detail-head .breadcrumb {margin-bottom: 40px;}
}

@media only screen and (max-width: 575px) {
.blog-detail-head {padding-top: 60px;}
.blog-detail-head .head-content-block h2 {font-size: 25px;}
.blog-detail-head .artical-info li::after {margin: 0 8px;height: 12px;}
.blog-detail-head {padding-bottom: 60px;}
.blog-bnr-img {margin: 0 0 35px 0;}
.blog-detail-head .breadcrumb {margin-bottom: 25px;}
}
/*blog detail css end*/