.card-hacks-section{display: flex;flex-direction: column;padding: 0px 0 40px;background-color:#FFF;position: relative;overflow-x: clip;width}
.card-hacks-section .blog-listing-wrapper{float: none;max-width: 1280px;margin: 0 auto;padding:0 20px;width:100%;}
.card-hacks-section .blog-listing-wrapper>h2{font-stretch: normal;font-style: normal;line-height: 1.2;letter-spacing: normal;text-align: center;font-family: Anton,Open Sans,sans-serif;font-size: 50px;font-weight: 400;color: #222222;text-transform: uppercase;margin-bottom:23px}
.card-hacks-section .blog-listing-wrapper .card-hacks{display:flex;flex-wrap: wrap;column-gap: 3.3vw;row-gap: 45px;margin-top:40px;justify-content: center;}
.card-hacks-section .blog-listing-wrapper .card-hacks .post-item {margin:0;transition: translate .2s ease-in-out;border-radius:8px;}
.card-hacks-section .blog-listing-wrapper .card-hacks .post-item .post-item-inner{display: flex;flex-direction: column;background: #ffffff;height:100%;border-radius: 16px;box-shadow: 90px 158px 51px 0px rgba(0, 0, 0, 0.00), 58px 101px 46px 0px rgba(0, 0, 0, 0.01), 32px 57px 39px 0px rgba(0, 0, 0, 0.05), 14px 25px 29px 0px rgba(0, 0, 0, 0.09), 4px 6px 16px 0px rgba(0, 0, 0, 0.10);}
.card-hacks-section .blog-listing-wrapper .card-hacks>div {width: calc(33.33% - 2.2vw);margin:0;display: flex;flex-direction: column;background: #ffffff;}
.card-hacks-section .blog-listing-wrapper .card-hacks .post-item .post-header h3 {
  text-align: left;
  font: normal normal 600 18px/26px Poppins;
  letter-spacing: 0.56px;
  color: #4C32B7;margin-bottom:16px;
}
.card-hacks-section .blog-listing-wrapper .card-hacks .post-item .post-header h4 {
  text-align: left;
  font: normal normal 600 22px/30px Poppins;
  color: #000000;
  text-transform: capitalize;margin-bottom:12px;
}
.card-hacks-section .blog-listing-wrapper .card-hacks .post-item .post-header p,.card-hacks-section .blog-listing-wrapper .card-hacks .post-item .post-header span {
  text-align: left;
  font: normal normal normal 14px/22px Poppins;
  color: #222222;
  font-weight: 300;
  /*min-height: 165px;*/
}
.stay_updated_section_item_inner p:not(:last-child) {padding-bottom: 15px;}



.card-hacks-section .blog-listing-wrapper .card-hacks .post-item .post-item-inner>a{height: 100%;display: flex;flex-direction: column;justify-content: space-between;}
.card-hacks-section .blog-listing-wrapper .card-hacks .post-item .post-item-inner .post-body{position: relative;}
.card-hacks-section .blog-listing-wrapper .card-hacks .post-item .post-item-inner .category-name{font-size: 13px;line-height: 1.3;font-weight: 500;border-top-left-radius: 5px;font-family:"Poppins",Open Sans,Helvetica Neue,Arial;color: #000;position:absolute;bottom:0;right:0;padding:10px 15px;background-color:#E8F1FC;}
.card-hacks-section .blog-listing-wrapper .card-hacks .post-item .post-details{display: flex;flex-direction: column;row-gap: 50px;justify-content: space-between;padding:24px 25px 30px;height: inherit;}
.body-container-wrapper .card-hacks-section .post-header h2,.card-hacks-section .post-header h2 a{font-size: 24px;line-height: 1.3;font-weight: 500;font-family:"Poppins",Open Sans,Helvetica Neue,Arial;color: #424242;text-align:left;}

.card-hacks-section .blog-read-more-link{float: left;width: auto;font-weight: 600;line-height: 27px;color: #4C32B7;position: relative;text-decoration: none;align-items: center;display: flex;font-size: 18px;letter-spacing:1.8;justify-content: flex-start;position: relative;font-family:"Poppins",Open Sans,Helvetica Neue,Arial;}
.card-hacks-section .blog-read-more-link:after {content: "";width: 28px;height: 28px;background-image: url(https://www.penguinstrategies.com/hubfs/play.svg);display: inline-block;position: relative;left: 10px;top: 0px;-webkit-transition: all .2s ease-in;-moz-transition: all .2s ease-in;-ms-transition: all .2s ease-in;-o-transition: all .2s ease-in;transition: all .2s ease-in;}
.card-hacks-section .blog-listing-wrapper  .post-item:hover .blog-read-more-link,
.card-hacks-section .blog-listing-wrapper  .post-item:hover .blog-read-more-link:after{opacity: .5;}
.card-hacks-section .blog-listing-wrapper .card-hacks .post-item .hs-featured-image-wrapper{height: 180px;overflow: hidden;border-radius:16px 16px 0px 0px;}
.card-hacks-section .blog-listing-wrapper .card-hacks .post-item .hs-featured-image-wrapper img{height: 100%;object-fit: cover;margin: 0;padding: 0;display: block;width: 100%;float: none;max-width: 100%;}
.card-hacks-section .blog-listing-wrapper .card-hacks .post-item:hover .hs-featured-image-wrapper img{transform: scale(1.1);transition: all ease .5s;}

/*****/
.card-hacks-section .top-filter{padding:8px 0;border-bottom:1px solid #eeebfa;min-height:64px;}
.card-hacks-section .top-filter .top-filter-wrapper.sticky {padding:8px 0;
    position: fixed;border-bottom: 1px solid #eeebfa;background-color:#fff;
    height: 64px;
    width: 100%;
  top: 81px;
    /*top: 91px;*/
    z-index: 9;
  transition: all ease .3s;}

.search {
  width: 100%;
  position: relative;
  display: flex;min-width:430px;
}

input[type=text].searchTerm {
  width: 100%;
  border: 1px solid #d9d9d9;
  border-left: none;
  padding: 12px 18px 12px 12px;
  height: 47px;
  border-radius: 0px 8px 8px 0px;
  outline: none;
  color: #000000;font-size:16px;
}

input[type=text].searchTerm::-webkit-input-placeholder {color:#7a7a7a;}
input[type=text].searchTerm::-moz-placeholder {color:#7a7a7a;}
input[type=text].searchTerm::-ms-placeholder {color:#7a7a7a;}
input[type=text].searchTerm::placeholder {color:#7a7a7a;}

.searchTerm:focus{
  color: #00B4CC;
}

.searchButton {
  width: 44px;
  height: 47px;border: 1px solid #d9d9d9;
  background: #fff;
  border-right: 0;
  text-align: center;
  color: #fff;
  border-radius: 8px 0px 0px 8px;
  cursor: pointer;
  font-size: 20px;padding:12px 0px 12px 18px;
}



.filter{display: flex;
  justify-content: space-between;gap: 15px;
  align-items: center;
  flex-wrap: wrap;}
.filter .filter-col .btn.dropdown-toggle{margin-top:0px;padding:17px 40px 17px 30px;}
.filter .filter-col .btn.dropdown-toggle{background-color: transparent;}
.filter .filter-col{width:auto;padding: 0;}
.filter-col select, .filter-col input{background-color: transparent;color: #ffffff;}
.filter-col-inner.dropup-open .btn.dropdown-toggle{background-color:#2B60BD;}
.filter .filter-col .btn.dropdown-toggle span.filter-option{color:#FFFFFF;font-size: 20px;line-height: normal;font-family: 'museo_sans_rounded500',sans-serif;}
.filter-col-inner.dropup-open .bs-caret>svg{transform: rotate(180deg);}


.filter .filter-col .btn.dropdown-toggle {
  display: inline-block;
  padding: 11px 28px 11px 12px;
  margin-bottom: 0;
  font-size: 16px;
  font-weight: 400;
  line-height: 20px;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-image: none;
  color: #000;
  width: 100%;
  z-index: 1;
  background: #fff;
  border: 1px solid #d9d9d9;
  border-radius: 8px;
  outline: none;
  line-height: 1;
  position: relative;min-width:380px;
}

.filter .filter-col .btn.dropdown-toggle span.filter-option {
  font-size: 16px;
  line-height: 20px;
  letter-spacing: 0px;
  color: #000;
  font-family: 'Poppins',sans-serif;
  display: inline-block;
  overflow: hidden;
  width: 100%;
  text-align: left;
  vertical-align: middle;

}
.filter .filter-col .btn.dropdown-toggle span.bs-caret {
  font-size: 16px;
  line-height: 20px;
  letter-spacing: 0px;
  color: #000;
  font-family: 'Poppins',sans-serif;
  vertical-align: middle;
}
.filter .filter-col .btn.dropdown-toggle span.bs-caret span.caret {
  display: inline-block;
  position: absolute;
  top: 50%;
  right: 12px;
  margin-top: -2px;
  vertical-align: middle;
  background-image: url();
  border: none;
  width: 10px;
  height: 6px;
}
.filter-col-inner {
  position: relative;
}
.filter-menu {
  -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
  box-shadow: 0 6px 12px rgba(0,0,0,.175);
  text-align: left;
  list-style: none;
  background-color: #fff;
  padding: 5px 0;
  margin: 2px 0 0;
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 3;
  margin-top: 0;
  width: 100%;
  display: none;
  max-height: 60vh;
  overflow: auto;min-width:300px;
}
.hs-data-location-wrap {
  display:none;
}
.filter-menu ul {
  padding: 0px;
  list-style: none;
  width: 100%;
}
.filter-menu ul li {
  font-family: 'Poppins',sans-serif;
  color: #000;
  font-size: 16px;
  line-height: 1.1;cursor:pointer;
  letter-spacing: 0px;
  position: relative;padding: 10px 15px;text-transform: unset;
}
.filter-menu ul li>span {
  font-family: 'Poppins',sans-serif;}
.filter-menu ul li:hover{background-color:#eeebfa;}
.filter-menu ul li a {font-family: 'Poppins',sans-serif;color: #000;font-size: 16px;line-height: 1.1;letter-spacing: 0px;display: block;padding: 3px 20px;clear: both;text-decoration: none;}
.filter-col-inner.dropup-open .filter-menu {display: block;}
.filter-menu ul li a:hover {color: #3a6592;}

.loadmore-cta{display: flex;align-items: center;justify-content: center;background: transparent !important;width: 100% !important;}
a#load-more {background: #4C32B7;border-radius:8px;box-shadow: 3px 3px 10px #00000029;font-family: 'Poppins',Open Sans,sans-serif;cursor: pointer;
  color: #fff;font-size: 16px;font-weight: 600;padding: 14px 60px 14px 24px;background-image: url(https://www.penguinstrategies.com/hubfs/icon-white-arrow.svg);background-repeat: no-repeat;background-position: center right 24px;text-transform: uppercase;display: inline-block;line-height: 24px;text-align:center;-webkit-transition: all 0.3s ease-in;-moz-transition: all 0.3s ease-in;-ms-transition: all 0.3s ease-in;
  -o-transition: all 0.3s ease-in;transition: all 0.3s ease-in;margin-top:0px;}
a#load-more:hover{background: rgb(76 50 183 / 80%);background-image: url(https://www.penguinstrategies.com/hubfs/icon-white-arrow.svg);
  background-position: center right 24px;background-repeat: no-repeat;-webkit-transition: all 0.3s ease-in;-moz-transition: all 0.3s ease-in;-ms-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;transition: all 0.3s ease-in;}


@media (max-width: 1200px) {
  .card-hacks-section .top-filter .top-filter-wrapper.sticky {top: 84px;}
}
@media (max-width: 1100px){
  .filter .filter-col .btn.dropdown-toggle span.filter-option{font-size:18px;}
}
@media (max-width: 992px){
.filter {align-items: center;flex-wrap: nowrap;}
.filter .filter-col .btn.dropdown-toggle{min-width: calc(40vw - 20px);}
.search{min-width: calc(60vw - 35px);}
  .card-hacks-section .top-filter .top-filter-wrapper.sticky {top: 81px;/*top: 74px;*/}
}
@media (max-width: 767px){
 /* .filter .search-section{width:100%;}
  .filter .filter-col{width:49%;}
  .filter .filter-col .btn.dropdown-toggle {padding: 17px 35px 17px 15px;}
  .search{min-width: 300px;}*/
  .searchButton{padding: 8px 0px 8px 12px;height:44px}
  input[type=text].searchTerm {padding: 11px 12px 11px 12px;height:44px}
  .filter { justify-content: space-around;}
}
@media (max-width: 600px){
.filter {flex-wrap: wrap;}
    .filter .filter-col .btn.dropdown-toggle { min-width: 280px;}
 .filter .search-section{width:100%;}
  .filter .filter-col{width:49%;}
  .search{min-width: 300px;}
  .card-hacks-section .top-filter .top-filter-wrapper.sticky{height:120px;}
}
@media (max-width: 460px){
  .filter .filter-col{width:100%;}
}


/*****/
@media only screen and (max-width: 992px) {
  .card-hacks-section .blog-listing-wrapper .card-hacks {justify-content: center;}
  .card-hacks-section .blog-listing-wrapper .card-hacks>div {width:calc(50% - .85vw);max-width:391px;}
}
@media only screen and (max-width: 768px) {
  .card-hacks-section .blog-listing-wrapper .card-hacks>div {width: 100%;}
}


/***css lightbox******/
.card-hacks-section .blog-listing-wrapper .card-hacks .post-item .post-item-inner.youtube{cursor:pointer;}
.lightbox {background-color: rgba(0, 0, 0, 0.8);overflow: hidden;position: fixed;display: none;z-index: 99999;bottom: 0;right: 0;left: 0;top: 0;}
.lightbox-container {position: relative;max-width: 960px;margin: 7% auto;display: block;padding: 0 3%;height: auto;z-index: 10;}
@media screen and (max-width: 768px) {
  .lightbox-container {margin-top: 10%;}
}
@media screen and (max-width: 414px) {
  .lightbox-container {margin-top: 13%;}
}
.lightbox-content {box-shadow: 0 1px 6px rgba(0, 0, 0, 0.7);}
.lightbox-close {text-transform: uppercase;background: transparent;position: absolute;font-weight: 300;font-size: 12px;display: block;border: none;color: white;top: -55px;right: -4%;}
.video-container {padding-bottom: 56.25%;position: relative;padding-top: 30px;overflow: hidden;height: 0;}
.video-container iframe,
.video-container object,
.video-container embed {position: absolute;height: 100%;width: 100%;left: 0;top: 0;}
button.lightbox-close {height: 20px;width: 49px;cursor: pointer;}

@media only screen and (max-width: 1199px) {
  .lightbox-close {right: 2%;top: -36px;}
  button.lightbox-close {height: 8%;width: 34px;}
}
@media only screen and (max-width: 992px) {
  .lightbox-close {right: 0%;top: -36px;}
  button.lightbox-close {height: 8%;width: 34px;}
}
/***end****/