.BlogBannerTwoCOl { border: 1px solid #D1DAE0; border-radius: 20px; overflow: hidden; align-items: stretch !important;}
.BlogBannerTwoCOl .BlogBannerLTCol { order: 2; max-width: 51%; width: 100%; padding: 30px; display: flex; flex-direction: column; justify-content: center;}
.BlogBannerTwoCOl .BlogBannerRTCol { order: 1; max-width: 49%; width: 100%; min-height: 414px; background-repeat: no-repeat; background-size: cover;  background-position: center center;}
.BlogBannerTwoCOl .BlogBannerRTCol img { width: 100%; height: 100%; object-fit: cover; }
.BLogBannertag ul li a { background: #F4F4F4; border-radius: 20px; padding: 6px 16px; }
.BLogBannertag ul li a { text-transform: capitalize; font-size: 16px; font-weight: 400; line-height: 1.358; }
.BLogBannertag ul { display: flex; align-items: center; flex-wrap: wrap; gap: 10px; }
.BlogSearchfilter { position: relative; }
.body-container-wrapper .hs-search-field__bar > form > .hs-search-field__input , .BlogSearchfilter input[type="search"] ,.BlogSearchfilter input[type="text"] { background-color: #FFFFFF; min-height: 56px; width: 100%; border: 1px solid #D1DAE0; border-radius: 100px; padding: 15px 150px 15px 20px; color: #1D1D1B; font-size: 16px; line-height: 1.4; font-family: 'Segoe UI', sans-serif; font-weight: 400; outline: none;}
.BlogSearchfilter button { justify-content: center; min-width: 130px; transition: all ease 0.3s; -webkit-transition: all ease 0.3s; cursor: pointer; padding: 13px 23px !important; border-radius: 54px; line-height: 1; border: 1px solid; width: auto; display: flex; align-items: center; gap: 10px; font-size: 16px; font-weight: 600; font-family: 'Segoe UI', sans-serif; position: absolute; right: 6px;  top: 6px; }
.BlogTagFilter { padding-top: 30px; }
.BlogTagFilter ul { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; }
.BlogTagFilter ul li a { padding: 6px 16px; background: #F4F4F4; border-radius: 20px; color: #1D1D1B; font-size: 16px; line-height: 1.358; font-weight: 400;}


.BlogFilterSection { padding-bottom: 30px; border-bottom: 1px solid #D1DAE0; }
.BlogListingBoxSec .BlogListingBox { display: flex; flex-wrap: wrap; flex-direction: row; max-width: calc(33.33% - 20px); width: 100%; border: 1px solid #D1DAE0; border-radius: 20px; overflow: hidden;}
.BlogListingBoxSec .BlogListingBox .bloglistingimg { background-repeat: no-repeat; background-position: center center; background-size: cover; width: 100%;padding-bottom : 65.25%}
.BlogListingBoxSec .BlogListingBox .BloglistingCntSec { width: 100%; padding: 30px; }
.DisblogPagination { max-width: 834px;  width: 100%; margin: 0 auto; }
.DisblogPagination ul { display: flex; align-items: center; justify-content: center; }
.DisblogPagination ul li:first-child { padding-right: 164px; }
.DisblogPagination ul li:last-child { padding-left: 164px; }
.DisblogPagination ul li a { font-size: 16px; color: #1D1D1B; }
.DisblogPagination ul li:not(:first-child):not(:last-child) { padding: 0 4px; }
.DisblogPagination ul li:not(:nth-child(1)):not(:nth-child(2)):not(:nth-last-child(1)):not(:nth-last-child(2)) { width: 32px; height: 32px; display: flex; align-items: center; justify-content: center; box-sizing: content-box;}
.DisblogPagination ul li:not(:nth-child(1)):not(:nth-child(2)):not(:nth-last-child(1)):not(:nth-last-child(2)) a { min-width: 32px; border: 1px solid #C2C2C2; border-radius: 2px; width: 100%; height: 100%; display: flex;  align-items: center; justify-content: center; font-weight: 400;}
.DisblogPagination ul li:not(:nth-child(1)):not(:nth-child(2)):not(:nth-last-child(1)):not(:nth-last-child(2)).active a { border-color: #69BE28;  color: #69BE28;}
.DisblogPagination ul li:last-child a, .DisblogPagination ul li:first-child a, .DisblogPagination ul li:nth-child(2) a, .DisblogPagination ul li:nth-last-child(2) a { padding: 6px 12px; font-size: 16px; line-height: 1.43;  color: #1D1D1B; font-weight: 400; }
{#.DisblogPagination ul li:first-child a { color: #8A8A8A; }#}
.DisblogPagination ul li a:hover { border-color: #69BE28; color: #69BE28; }
.DisblogPagination ul li:not(:nth-child(1)):not(:nth-child(2)):not(:nth-last-child(1)):not(:nth-last-child(2)):hover a{ border-color: #69BE28; }
.DisblogPagination ul li.disabled.arrow { pointer-events: none; opacity: 50%; cursor: default; }
.DisblogPagination ul li.dots { color: #8A8A8A; }

.DisblogPagination ul li:nth-child(2) a , .DisblogPagination ul li:nth-last-child(2) a , .DisblogPagination ul li:first-child a , .DisblogPagination ul li:last-child a { display: flex; align-items: center; gap: 3px; }

@media (max-width: 1025px) {
 .BlogListingBoxSec .BlogListingBox { max-width: calc(33.33% - 14px); } 
}

@media (max-width: 1024px) {
 .BlogListingBoxSec .BlogListingBox .BloglistingCntSec { padding: 30px 20px; }   
}
@media (max-width: 991px) {
 .BlogBannerTwoCOl .BlogBannerRTCol { min-height: 380px;  }
 .BlogListingBoxSec .BlogListingBox { border-radius: 12px; } 
 .DisblogPagination ul li:first-child { padding-right: 60px; }
 .DisblogPagination ul li:last-child { padding-left: 60px; }  
}

@media (max-width: 767px) {
 .BlogListingBoxSec .BlogListingBox .BloglistingCntSec { padding: 30px 30px; }
 .BlogListingBoxSec .BlogListingBox { max-width: 100%; border-radius: 20px; }
 .BlogBannerTwoCOl .BlogBannerRTCol { min-height: auto; max-width: 100%; padding-bottom: 65.25%; } 
 .BlogBannerTwoCOl .BlogBannerLTCol { max-width: 100%; } 
 .DisblogPagination ul li:first-child , .DisblogPagination ul li:last-child { display: none; }
 .DisblogPagination ul li:last-child a, .DisblogPagination ul li:first-child a, .DisblogPagination ul li:nth-child(2) a, .DisblogPagination ul li:nth-last-child(2) a { padding: 6px 4px; font-size: 14px; } 
 .DisblogPagination ul li a { font-size: 14px; } 
 .DisblogPagination ul li:not(:nth-child(1)):not(:nth-child(2)):not(:nth-last-child(1)):not(:nth-last-child(2)) { width: 28px; height: 28px; } 
 .DisblogPagination ul li:not(:nth-child(1)):not(:nth-child(2)):not(:nth-last-child(1)):not(:nth-last-child(2)) a { min-width: 28px; } 
 .DisblogPagination ul li:not(:first-child):not(:last-child) { padding: 0 3px; } 
}