.blog-listing-module { position:relative; width:100%; padding:150px 0; overflow:hidden;}
.blog-listing-module .container { position:relative; z-index:5;}
.blog-listing-module .top-hero { position:relative; padding:100px 0;}
.blog-listing-module .top-jobbies { position:absolute;top:0;;z-index:1; width:100%;}
.blog-listing-module .top-jobbies .jobbie1 {left:40%;position:absolute;animation:circleani 5s infinite alternate;animation-delay:0ms;}
.blog-listing-module .top-jobbies .jobbie2 {right:40%; position:absolute;animation:circleani 5s infinite alternate;animation-delay:400ms;}
.blog-listing-module .top-hero .flexy { display:flex; align-items:center; flex-wrap:wrap;}
.blog-listing-module .top-hero .flexy .left {width:50%; }
.blog-listing-module .top-hero .flexy .left .main-title { }
.blog-listing-module .top-hero .flexy .left .main-title h1 {color: var(--Color-Brand-Charcoal-Black, #2F2A30);font-family: "Work Sans";font-size: 60px;font-style: normal;font-weight: 500;line-height: normal; }

.blog-listing-module .top-hero .flexy .right { width:50%;}
.blog-listing-module .top-hero .flexy .right .search-box form { width:100%;max-width:400px;background-color: #fff; width:100%;position: relative;display: inline-block;box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.1);border-radius: 50px;padding: 12px 25px;color: #272525;letter-spacing: 0.5px;font-size: 16px;text-transform: uppercase;font-weight: 700;cursor: pointer;padding-right: 40px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.blog-listing-module .top-hero .flexy .right .search-box form input {height:auto;width:100%;border-radius: 8px;background: #F6F6F6;}
.blog-listing-module .top-hero .flexy .right .search-box form {box-shadow:none; padding:0; width: 100%;text-align: center;display: block;float: right;}
.blog-listing-module .top-hero .flexy .right .search-box form input:placeholder {color: #979497;text-align: center;font-family: "Work Sans";font-size: 18px;font-style: normal;font-weight: 500;line-height: normal;}

.load-more { text-align:center;}

.blog-listing-module .boxes { padding: 25px 0 50px; display:flex; flex-wrap:wrap; align-items:flex-start; justify-content:center; }
.blog-listing-module .boxes .box { transition:none;width: calc(100% / 3 - 30px);margin:10px; border-radius: 20px;border: 2.41px solid var(--Color-Brand-Charcoal-Black, #2F2A30);background: var(--Color-Brand-Bright-White, #FFF);}
.blog-listing-module .boxes .box .box-button {max-width:200px; color: var(--Color-Brand-Bright-White, #FFF);text-align: center;font-family: "Work Sans";font-size: 15px;font-style: normal;font-weight: 600;line-height: normal;border-radius: 8px; background: var(--Color-Brand-Charcoal-Black, #2F2A30);padding: 8px 16px; text-align:center; transition:all 400ms ease;}
.blog-listing-module .boxes .box .top-image { height:200px; padding:24px;}
.blog-listing-module .boxes .box .top-image img {border-radius:17.59px 17.59px 0 0; width:100%; max-height:160px; object-fit:cover; border-radius: 20px;border: 2.41px solid var(--Color-Brand-Charcoal-Black, #2F2A30);}
.blog-listing-module .boxes .box .bottom-section { padding:24px; border-radius:0 0 17.59px 17.59px;padding-top:10px;}
.blog-listing-module .boxes .box .bottom-section .cont { max-width:100%;}
.blog-listing-module .boxes .box .bottom-section .cont .tag-outer { display:flex; align-items:center;flex-wrap:wrap;}
.blog-listing-module .boxes .box .bottom-section .cont .tag-outer .tag { margin-top:5px;display:inline-block;border-radius: var(--Spacing-XS, 8px); background: #FAD899; display: flex;padding: 9px var(--Spacing-M, 16px) var(--Spacing-XS, 8px) var(--Spacing-M, 16px);color: var(--Color-Brand-Charcoal-Black, #2F2A30);text-align: center;font-family: "Work Sans";font-size: 15px;font-style: normal;font-weight: 600;line-height: normal;}
.blog-listing-module .boxes .box .bottom-section .cont .tag-outer .date { margin-top:5px;padding-left:20px; color: #635D5D;text-align: center;font-family: "Work Sans";font-size: 15px;font-style: normal;font-weight: 400;line-height: normal; }

.blog-listing-module .boxes .box .bottom-section .title { padding-bottom:10px;}
.blog-listing-module .boxes .box .bottom-section .title h4 {padding-top:10px;transition:all 400ms ease; color: var(--Color-Brand-Charcoal-Black, #2F2A30);font-family: "Work Sans";font-size: 24px;font-style: normal;font-weight: 500;line-height: normal;}
.blog-listing-module .boxes .box .bottom-section .description { padding-bottom:10px; color: var(--Color-Brand-Charcoal-Black, #2F2A30);font-family: "Open Sans";font-size: 18px;font-style: normal;font-weight: 400;line-height: normal;}
.blog-listing-module .boxes .box:hover { transition:all 400ms ease; box-shadow: 10px 10px #FCEED1; transform: translate(-5px, -5px);}
.blog-listing-module .boxes .box:hover .title h4 { color: #F5BC4E;font-family: "Work Sans";font-size: 24px;font-style: normal;font-weight: 500;line-height: normal;}
.blog-listing-module .boxes .box:hover .box-button {border-radius: 8px; background: var(--Color-Brand-Charcoal-Black, #2F2A30);padding: 8px 16px; text-align:center; transition:all 400ms ease;}

.blog-listing-module .tag-section {position:relative; z-index:1;}
.blog-listing-module .tag-section ul { display:flex; flex-wrap:wrap;padding-left:0;}
.blog-listing-module .tag-section ul li {list-style-type:none;}
.blog-listing-module .tag-section ul li a {display: flex;display: inline-flex;padding: 18px 32px;border-radius: 8px;background: rgba(216, 216, 216, 0.50);margin-right:10px;margin-bottom:10px;transition:all 400ms ease; color: var(--Color-Brand-Charcoal-Black, #2F2A30);text-align: center;font-family: "Work Sans";font-size: 13px;font-style: normal;font-weight: 600;line-height: normal;}
.blog-listing-module .tag-section ul li a.selected { border-radius: var(--Spacing-XS, 8px);background: #FAD899;}

.knowledge-listing .flexy .right { width:70%;}
.knowledge-listing .flexy .right .all-posts { padding-left:25px;width;100%;}
.knowledge-listing .flexy .right .all-posts .box {position:relative;margin-bottom:20px; padding:20px; border-radius: 20px;border: 2.41px solid var(--Color-Brand-Charcoal-Black, #2F2A30); width:100%;}
.knowledge-listing .flexy .right .all-posts .box .tag-title {position:relative;}
.knowledge-listing .flexy .right .all-posts .box .tag-title h2 {position:relative; padding: 9px 16px 8px 16px;border-radius: 8px;background: rgba(216, 216, 216, 0.50);margin-right:10px;width:auto;max-width:max-content; margin-bottom:10px;color: var(--Color-Brand-Charcoal-Black, #2F2A30);text-align: center;font-family: "Work Sans";font-size: 13px;font-style: normal;font-weight: 600;line-height: normal;}
.message-div {width:100%; text-align:center;display:none;}
@media (max-width:1199px) {
  .blog-listing-module .boxes .box { width: calc(100% / 2 - 30px); }
}
@media (max-width:991px) {
  .blog-listing-module .boxes .box { width: calc(100% / 2 - 30px);}
  .blog-listing-module .top-hero .flexy .right {width:100%;}
  .blog-listing-module .top-hero .flexy .left { width:100%;}
  .blog-listing-module .top-hero .flexy {justify-content:center; text-align:center;}
  .blog-listing-module .top-hero .flexy .search-box { margin:0 auto; display:inline-block;width:100%; padding-top:15px;}
  .blog-listing-module .top-hero .flexy .right .search-box form { float:none; margin:0 auto; width:100%;}
  
}
@media (max-width:767px) {
  .blog-listing-module .boxes .box { width: 100%;}
  .blog-listing-module .boxes .box { margin:0;}
}