/*!********************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[3].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[3].use[3]!./src/blocks/post-grid/style.scss ***!
  \********************************************************************************************************************************************************************************************************************************************************/
@import url(https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;500;600;700;800&display=swap);
/*!************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[3].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[3].use[3]!./src/blocks/post-grid/style.scss (1) ***!
  \************************************************************************************************************************************************************************************************************************************************************/
/** Style Works for both Editor and Frontend*/
.bwdpg-item-wrapper {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
  position: relative;
  transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  animation-fill-mode: both;
  animation-iteration-count: 1;
  box-sizing: border-box;
}
.bwdpg-item-wrapper .bwdpg-post-item {
  position: relative;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  overflow: hidden;
  box-sizing: border-box;
}
.bwdpg-item-wrapper .bwdpg-post-item:hover .bwdpg-post-image img {
  transform: scale(115%);
  -webkit-transform: scale(115%);
  -moz-transform: scale(115%);
  -ms-transform: scale(115%);
  -o-transform: scale(115%);
}
.bwdpg-item-wrapper .bwdpg-post-item:hover .bwdpg-post-meta-box {
  transform: none;
  opacity: 1;
}
.bwdpg-item-wrapper .bwdpg-post-item .bwdpg-post-image {
  position: relative;
  overflow: hidden;
  transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  will-change: transform;
  box-sizing: border-box;
}
.bwdpg-item-wrapper .bwdpg-post-item .bwdpg-post-image.show-image-overlay::before {
  content: "";
  position: absolute;
  inset: 0;
  background: #00000045;
  z-index: 1;
  pointer-events: none;
}
.bwdpg-item-wrapper .bwdpg-post-item .bwdpg-post-image a {
  height: 100%;
  display: block;
}
.bwdpg-item-wrapper .bwdpg-post-item .bwdpg-post-image img:not(.bwdpg-author-icon img) {
  width: 100%;
  max-width: 100% !important;
  height: 100% !important;
  -o-object-fit: cover;
     object-fit: cover;
  vertical-align: middle;
  transition: all 0.7s;
  -webkit-transition: all 0.7s;
  -moz-transition: all 0.7s;
  -ms-transition: all 0.7s;
  -o-transition: all 0.7s;
}
.bwdpg-item-wrapper .bwdpg-post-item .bwdpg-post-content {
  box-sizing: border-box;
  transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
}
.bwdpg-item-wrapper .bwdpg-post-item .bwdpg-post-content .bwdpg-post-dateTime {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px;
  font-size: 14px;
  text-transform: capitalize;
  color: #36384a;
  will-change: transform;
  box-sizing: border-box;
}
.bwdpg-item-wrapper .bwdpg-post-item .bwdpg-post-content .bwdpg-post-dateTime .bwdpg-post-date {
  display: flex;
  align-items: center;
  gap: 3px;
  box-sizing: border-box;
}
.bwdpg-item-wrapper .bwdpg-post-item .bwdpg-post-content .bwdpg-post-dateTime .bwdpg-post-date .bwdpg-calender-icon {
  line-height: 1;
}
.bwdpg-item-wrapper .bwdpg-post-item .bwdpg-post-content .bwdpg-post-dateTime .bwdpg-post-date .bwdpg-calender-icon span {
  font-size: 15px;
  width: auto;
  height: auto;
}
.bwdpg-item-wrapper .bwdpg-post-item .bwdpg-post-content .bwdpg-post-dateTime .bwdpg-post-estimate {
  display: flex;
  gap: 3px;
  align-items: center;
}
.bwdpg-item-wrapper .bwdpg-post-item .bwdpg-post-content .bwdpg-post-dateTime .bwdpg-post-estimate .bwdpg-clock-icon {
  line-height: 1;
}
.bwdpg-item-wrapper .bwdpg-post-item .bwdpg-post-content .bwdpg-post-dateTime .bwdpg-post-estimate p {
  margin: 0;
  line-height: 1;
}
.bwdpg-item-wrapper .bwdpg-post-item .bwdpg-post-content .bwdpg-post-title {
  margin: 15px 0;
  font-size: 22px;
  font-weight: 700;
  font-family: "Open Sans", sans-serif;
}
.bwdpg-item-wrapper .bwdpg-post-item .bwdpg-post-content .bwdpg-post-title a {
  margin: 15px 0;
  font-size: 18px;
  font-weight: 700;
  text-decoration: none;
  color: #111013;
  transition: color cubic-bezier(0.645, 0.045, 0.355, 1) 0.35s;
}
.bwdpg-item-wrapper .bwdpg-post-item .bwdpg-post-content .bwdpg-post-title a:focus {
  outline: none !important;
  box-shadow: none !important;
}
.bwdpg-item-wrapper .bwdpg-post-item .bwdpg-post-content .exerpt {
  font-size: 16px;
  transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
}
.bwdpg-item-wrapper .bwdpg-post-item .bwdpg-post-content .exerpt p {
  margin: 0;
  line-height: 1.3;
  font-family: "Open Sans", sans-serif;
}
.bwdpg-item-wrapper .bwdpg-post-item .bwdpg-post-content .bwdpg-read-more {
  font-size: 14px;
  font-weight: 600;
  color: #fff;
  padding: 5px 8px;
  display: inline-block;
  margin-top: 25px;
  text-decoration: none;
  transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  box-sizing: border-box;
}
.bwdpg-item-wrapper .bwdpg-post-item .bwdpg-post-category {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  position: absolute;
  top: 10px;
  right: 20px;
}
.bwdpg-item-wrapper .bwdpg-post-item .bwdpg-post-category a {
  font-size: 12px;
  color: #fff;
  text-transform: capitalize;
  padding: 4px 8px;
  display: inline;
  border-radius: 3px;
  text-decoration: none;
  line-height: 1;
  font-family: "Open Sans", sans-serif;
  transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
}
.bwdpg-item-wrapper .bwdpg-post-item .bwdpg-post-meta-box {
  position: absolute;
  top: 10px;
  left: 10px;
  display: inline-flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 12px;
  transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  box-sizing: border-box;
}
.bwdpg-item-wrapper .bwdpg-post-item .bwdpg-post-meta-box .bwdpg-author-icon {
  line-height: 1;
  width: 28px;
  height: 28px;
}
.bwdpg-item-wrapper .bwdpg-post-item .bwdpg-post-meta-box .bwdpg-author-icon span {
  color: #fff;
  font-size: 25px;
}
.bwdpg-item-wrapper .bwdpg-post-item .bwdpg-post-meta-box img {
  width: 30px;
  height: 30px;
  border-radius: 50%;
}
.bwdpg-item-wrapper .bwdpg-post-item .bwdpg-post-meta-box .bwdpg-post-meta-content {
  display: inline-flex;
  flex-direction: column;
  font-size: 12px;
  text-transform: capitalize;
  color: #000000;
  gap: 5px;
}
.bwdpg-item-wrapper .bwdpg-post-item .bwdpg-post-meta-box .bwdpg-post-meta-content a, .bwdpg-item-wrapper .bwdpg-post-item .bwdpg-post-meta-box .bwdpg-post-meta-content span {
  line-height: 1;
  text-decoration: none;
}

.style-1 .bwdpg-post-item {
  box-shadow: 0 2px 20px rgba(0, 0, 0, 0.1);
  background: #fff;
}
.style-1 .bwdpg-post-item .bwdpg-post-content {
  padding-top: 25px;
  position: relative;
  padding: 1.5rem 1.25rem;
  transition: all 200ms ease-in-out;
}
.style-1 .bwdpg-post-item .bwdpg-post-content .bwdpg-post-title {
  margin: 8px 0;
}
.style-1 .bwdpg-post-item .bwdpg-post-content .bwdpg-read-more {
  color: #009688;
  border-bottom: 1px solid #009688;
  padding: 0;
  margin-top: 20px;
}
.style-1 .bwdpg-post-item .bwdpg-post-content .bwdpg-calender-icon,
.style-1 .bwdpg-post-item .bwdpg-post-content .bwdpg-clock-icon {
  color: #009688;
}
.style-1 .bwdpg-post-item .bwdpg-post-image {
  height: 230px;
}
.style-1 .bwdpg-post-item .bwdpg-post-category a {
  background: #08af9ff0;
  font-size: 12px;
  padding: 4px 6px;
  text-transform: uppercase;
}
.style-1 .bwdpg-post-item .bwdpg-post-meta-box {
  right: 20px;
  left: auto;
  bottom: 18px;
  top: auto;
  width: -moz-max-content;
  width: max-content;
}

.style-2 .bwdpg-post-item {
  padding: 15px;
  background: #fff;
}
.style-2 .bwdpg-post-item.hover {
  transform: rotate(360deg);
}
.style-2 .bwdpg-post-item .bwdpg-post-image {
  height: 230px;
}
.style-2 .bwdpg-post-item .bwdpg-post-content {
  position: relative;
  background: #fff;
  margin: 0 13px;
  margin-top: -30px;
  box-shadow: 0 0 20px #0000001a;
  padding: 10px 15px;
  border-radius: 5px;
}
.style-2 .bwdpg-post-item .bwdpg-post-content .bwdpg-post-dateTime .bwdpg-calender-icon,
.style-2 .bwdpg-post-item .bwdpg-post-content .bwdpg-post-dateTime .bwdpg-clock-icon {
  color: #4681f4;
}
.style-2 .bwdpg-post-item .bwdpg-post-content .bwdpg-read-more {
  margin-top: 20px;
  background: #07bc0cbf;
  border-radius: 30vmin;
  padding: 3px 12px;
}
.style-2 .bwdpg-post-item .bwdpg-post-category {
  top: 20px;
}
.style-2 .bwdpg-post-item .bwdpg-post-category a {
  background: #4681f4;
}
.style-2 .bwdpg-post-item .bwdpg-post-meta-box {
  position: absolute;
  top: 20px;
  left: 0;
  background: #795548a8;
  padding: 10px;
  border-radius: 10px;
  transform: rotate(179deg);
  transform-origin: top left;
  transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
}
.style-2 .bwdpg-post-item .bwdpg-post-meta-box .bwdpg-post-meta-content {
  color: #fff;
}
.style-2 .bwdpg-post-item .bwdpg-post-meta-box .bwdpg-post-meta-content a {
  color: #fff;
}

.style-3 .bwdpg-post-item {
  border: 10px solid #ccc;
  box-shadow: 0 0 5em -1em #0000002e;
}
.style-3 .bwdpg-post-item::after, .style-3 .bwdpg-post-item::before {
  content: "";
  transform: scale(0);
  transform-origin: top left;
  border-radius: 50%;
  position: absolute;
  left: -50%;
  top: -50%;
  z-index: 5;
  transition-timing-function: ease-in-out;
  transition: all, 0.7s;
}
.style-3 .bwdpg-post-item::before {
  background: #00968857;
  width: 250%;
  height: 250%;
}
.style-3 .bwdpg-post-item::after {
  background: white;
  width: 200%;
  height: 200%;
}
.style-3 .bwdpg-post-item:hover::after, .style-3 .bwdpg-post-item:hover::before {
  transform: scale(1);
}
.style-3 .bwdpg-post-item:hover .bwdpg-post-content .bwdpg-post-dateTime {
  color: #000;
}
.style-3 .bwdpg-post-item:hover .bwdpg-post-content .bwdpg-post-title a {
  color: #000;
}
.style-3 .bwdpg-post-item:hover .bwdpg-post-content .exerpt {
  color: #000;
}
.style-3 .bwdpg-post-item:hover .bwdpg-post-category a {
  background: #000;
}
.style-3 .bwdpg-post-item:hover .bwdpg-post-meta-box {
  opacity: 1;
}
.style-3 .bwdpg-post-item .bwdpg-post-image {
  height: 400px;
  transition: all, 0.7s;
}
.style-3 .bwdpg-post-item .bwdpg-post-image::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #0000007a;
  z-index: 1;
}
.style-3 .bwdpg-post-item .bwdpg-post-content {
  position: absolute;
  top: auto;
  bottom: 0;
  padding: 15px;
  z-index: 999;
}
.style-3 .bwdpg-post-item .bwdpg-post-content .bwdpg-post-dateTime {
  color: #fff;
}
.style-3 .bwdpg-post-item .bwdpg-post-content .bwdpg-post-title a {
  color: #fff;
}
.style-3 .bwdpg-post-item .bwdpg-post-content .exerpt {
  color: #fff;
}
.style-3 .bwdpg-post-item .bwdpg-post-content .bwdpg-read-more {
  color: #fff;
  background: #009688;
  text-decoration: none;
  padding: 6px 9px;
  border-radius: 3px;
  font-size: 13px;
  margin-top: 25px;
  box-shadow: 0 2px 5px #e0e0e0;
}
.style-3 .bwdpg-post-item .bwdpg-post-category {
  z-index: 999;
}
.style-3 .bwdpg-post-item .bwdpg-post-category a {
  background-color: #f44336;
  border-radius: 8vmin;
  padding: 7px 13px;
}
.style-3 .bwdpg-post-item .bwdpg-post-meta-box {
  opacity: 0;
  transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  z-index: 999;
}
.style-3 .bwdpg-post-item .bwdpg-post-meta-box .bwdpg-post-meta-content {
  color: #000;
}

.style-4 .bwdpg-post-item {
  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.15);
  transition: all 0.3s linear 0s;
}
.style-4 .bwdpg-post-item:hover {
  box-shadow: 0px 1px 35px 0px rgba(0, 0, 0, 0.3);
}
.style-4 .bwdpg-post-item:hover .bwdpg-post-image::before {
  opacity: 1;
}
.style-4 .bwdpg-post-item:hover .bwdpg-post-content {
  background: #0000;
}
.style-4 .bwdpg-post-item:hover .bwdpg-post-content .bwdpg-post-dateTime,
.style-4 .bwdpg-post-item:hover .bwdpg-post-content .bwdpg-post-title a,
.style-4 .bwdpg-post-item:hover .bwdpg-post-content .exerpt p {
  color: #fff;
}
.style-4 .bwdpg-post-item:hover .bwdpg-post-category a {
  opacity: 1;
  visibility: visible;
}
.style-4 .bwdpg-post-item:hover .bwdpg-post-meta-box .bwdpg-post-meta-content {
  color: #fff;
}
.style-4 .bwdpg-post-item:hover .bwdpg-post-meta-box .bwdpg-post-meta-content a {
  color: #fff;
}
.style-4 .bwdpg-post-item .bwdpg-post-image {
  height: 370px;
}
.style-4 .bwdpg-post-item .bwdpg-post-image::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  inset: 0;
  background: #00000061;
  opacity: 0;
  z-index: 1;
  transition: all 0.3s;
}
.style-4 .bwdpg-post-item .bwdpg-post-image .bwdpg-post-meta-box {
  position: absolute;
  top: 15px;
  left: 15px;
  box-shadow: 0 0 20px #09660321;
  padding: 10px;
  z-index: 999;
}
.style-4 .bwdpg-post-item .bwdpg-post-image .bwdpg-post-meta-box .bwdpg-post-meta-content {
  color: #000;
}
.style-4 .bwdpg-post-item .bwdpg-post-content {
  background: #fff;
  padding: 0 15px 15px;
  position: absolute;
  bottom: 0px;
  height: 100%;
  width: 100%;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  transition: all 0.5s;
}
.style-4 .bwdpg-post-item .bwdpg-post-content .bwdpg-post-dateTime {
  margin-top: auto;
}
.style-4 .bwdpg-post-item .bwdpg-post-content .bwdpg-read-more {
  font-size: 15px;
  background: #009688;
  text-decoration: none;
  color: #fff;
  padding: 12px 8px;
  line-height: 1;
  text-align: center;
  border-radius: 3px;
  box-shadow: 0 0px 100px #0000002e;
}
.style-4 .bwdpg-post-item .bwdpg-post-category a {
  background: #e74c3c;
  padding: 4px 7px;
}

.style-5 .bwdpg-post-item {
  box-shadow: 0 0 20px #00000030;
  height: 380px;
}
.style-5 .bwdpg-post-item:hover {
  transform: translateY(-30px);
}
.style-5 .bwdpg-post-item:hover .bwdpg-post-content {
  bottom: 0;
}
.style-5 .bwdpg-post-item:hover .bwdpg-post-content .exerpt {
  opacity: 1;
}
.style-5 .bwdpg-post-item .bwdpg-post-image {
  height: 100%;
}
.style-5 .bwdpg-post-item .bwdpg-post-image .bwdpg-img {
  transform: unset;
  -webkit-transform: unset;
  -moz-transform: unset;
  -ms-transform: unset;
  -o-transform: unset;
}
.style-5 .bwdpg-post-item .bwdpg-post-image .bwdpg-post-meta-box {
  position: absolute;
  top: 10px;
  left: 10px;
}
.style-5 .bwdpg-post-item .bwdpg-post-image .bwdpg-post-meta-box .bwdpg-post-meta-content {
  color: #000;
}
.style-5 .bwdpg-post-item .bwdpg-post-category a {
  background: #00d084;
}
.style-5 .bwdpg-post-item .bwdpg-post-content {
  padding: 15px;
  position: absolute;
  bottom: -100px;
  left: 0;
  width: 100%;
  box-sizing: border-box;
  background: #0000007d;
  transition: all 0.3s;
}
.style-5 .bwdpg-post-item .bwdpg-post-content .bwdpg-post-title a,
.style-5 .bwdpg-post-item .bwdpg-post-content .exerpt,
.style-5 .bwdpg-post-item .bwdpg-post-content .bwdpg-post-dateTime,
.style-5 .bwdpg-post-item .bwdpg-post-content .bwdpg-read-more {
  color: #fff;
}
.style-5 .bwdpg-post-item .bwdpg-post-content .exerpt {
  opacity: 0;
}
.style-5 .bwdpg-post-item .bwdpg-post-content .bwdpg-read-more {
  background: #8bbd2f;
}

.style-6 .bwdpg-post-item {
  height: 380px;
}
.style-6 .bwdpg-post-item:hover .bwdpg-post-content .bwdpg-read-more {
  background: #00d084;
  color: #fff;
}
.style-6 .bwdpg-post-item .bwdpg-post-image {
  height: 100%;
}
.style-6 .bwdpg-post-item .bwdpg-post-content {
  position: absolute;
  background: #ffffffa6;
  padding: 10px;
  inset: 0;
  margin: 65px 35px;
  display: flex;
  flex-direction: column;
  -webkit-backdrop-filter: blur(3px);
          backdrop-filter: blur(3px);
  box-shadow: 0 0 10px #0000004a;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
}
.style-6 .bwdpg-post-item .bwdpg-post-content .bwdpg-calender-icon,
.style-6 .bwdpg-post-item .bwdpg-post-content .bwdpg-clock-icon {
  color: #07bc0c;
}
.style-6 .bwdpg-post-item .bwdpg-post-content .bwdpg-post-title a {
  font-size: 20px;
}
.style-6 .bwdpg-post-item .bwdpg-post-content .bwdpg-read-more {
  color: #000000;
  margin-top: auto;
  border: 1px solid #00d084;
  text-align: center;
  border-radius: 5px;
  margin-top: auto;
}
.style-6 .bwdpg-post-item .bwdpg-post-category a {
  background: #F44336;
}
.style-6 .bwdpg-post-item .bwdpg-post-meta-box {
  bottom: 12px;
  top: auto;
  left: 15px;
}
.style-6 .bwdpg-post-item .bwdpg-post-meta-box .bwdpg-post-meta-content {
  color: #000;
  text-align: start;
}

.style-7 .bwdpg-item-wrapper {
  overflow: unset;
}
.style-7 .bwdpg-item-wrapper .bwdpg-post-item {
  height: 315px;
  background: #fff;
  transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  overflow: unset;
  box-shadow: 0 0 10px #00000040;
}
.style-7 .bwdpg-item-wrapper .bwdpg-post-item:hover {
  height: 380px;
}
.style-7 .bwdpg-item-wrapper .bwdpg-post-item:hover .bwdpg-post-image {
  top: -50px;
  width: 270px;
  height: 170px;
  box-shadow: 0 20px 10px #00000012;
}
.style-7 .bwdpg-item-wrapper .bwdpg-post-item:hover .bwdpg-post-content {
  top: 140px;
}
.style-7 .bwdpg-item-wrapper .bwdpg-post-item:hover .bwdpg-post-content .bwdpg-post-title {
  order: 2;
}
.style-7 .bwdpg-item-wrapper .bwdpg-post-item:hover .bwdpg-post-content .bwdpg-post-dateTime {
  opacity: 1;
}
.style-7 .bwdpg-item-wrapper .bwdpg-post-item:hover .bwdpg-post-content .exerpt {
  opacity: 1;
}
.style-7 .bwdpg-item-wrapper .bwdpg-post-item:hover .bwdpg-post-content .bwdpg-read-more {
  opacity: 1;
  visibility: visible;
}
.style-7 .bwdpg-item-wrapper .bwdpg-post-item .bwdpg-post-image {
  position: absolute;
  overflow: hidden;
  transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  width: 300px;
  height: 200px;
  left: 50%;
  top: 20px;
  transform: translateX(-50%);
  border-radius: 10px;
}
.style-7 .bwdpg-item-wrapper .bwdpg-post-item .bwdpg-post-content {
  position: absolute;
  padding: 20px;
  top: 212px;
  width: 100%;
  box-sizing: border-box;
  text-align: center;
  display: flex;
  flex-direction: column;
}
.style-7 .bwdpg-item-wrapper .bwdpg-post-item .bwdpg-post-content .bwdpg-post-dateTime {
  order: 2;
  opacity: 0;
}
.style-7 .bwdpg-item-wrapper .bwdpg-post-item .bwdpg-post-content .exerpt {
  order: 3;
  opacity: 0;
}
.style-7 .bwdpg-item-wrapper .bwdpg-post-item .bwdpg-post-content .bwdpg-read-more {
  font-size: 15px;
  padding: 9px 9px;
  line-height: 1;
  text-align: center;
  background: #ffc000;
  box-shadow: 0 0 2px #fff1c6;
  opacity: 0;
  visibility: hidden;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  order: 4;
}
.style-7 .bwdpg-item-wrapper .bwdpg-post-item .bwdpg-post-category a {
  background: #EB5E81;
}
.style-7 .bwdpg-item-wrapper .bwdpg-post-item .bwdpg-post-meta-box {
  background: #28303dd6;
  padding: 5px 7px;
  border-radius: 5px;
}
.style-7 .bwdpg-item-wrapper .bwdpg-post-item .bwdpg-post-meta-box .bwdpg-post-meta-content {
  color: #fff;
}
.style-7 .bwdpg-item-wrapper .bwdpg-post-item .bwdpg-post-meta-box .bwdpg-post-meta-content a {
  color: #fff;
}

.style-8 .bwdpg-item-wrapper {
  grid-auto-rows: minmax(350px, auto);
}
.style-8 .bwdpg-item-wrapper .bwdpg-post-item {
  display: flex;
  overflow: unset;
}
.style-8 .bwdpg-item-wrapper .bwdpg-post-item:hover .bwdpg-post-image {
  width: 50%;
}
.style-8 .bwdpg-item-wrapper .bwdpg-post-item:hover .bwdpg-post-content {
  left: 50%;
  border-radius: 0 10px 10px 0;
  box-shadow: 0 0 30px #00000024;
  transition: all 0.7s;
  -webkit-transition: all 0.7s;
  -moz-transition: all 0.7s;
  -ms-transition: all 0.7s;
  -o-transition: all 0.7s;
}
.style-8 .bwdpg-item-wrapper .bwdpg-post-item:hover .bwdpg-post-category {
  left: 20px;
}
.style-8 .bwdpg-item-wrapper .bwdpg-post-item:hover .bwdpg-post-meta-box {
  top: auto;
  bottom: 20px;
}
.style-8 .bwdpg-item-wrapper .bwdpg-post-item .bwdpg-post-content {
  padding: 15px;
  position: absolute;
  background: #fff;
  height: 100%;
  left: 0;
  width: 50%;
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
}
.style-8 .bwdpg-item-wrapper .bwdpg-post-item .bwdpg-post-content .bwdpg-post-title {
  line-height: 1.2;
}
.style-8 .bwdpg-item-wrapper .bwdpg-post-item .bwdpg-post-content .bwdpg-post-title a {
  font-size: 18px;
}
.style-8 .bwdpg-item-wrapper .bwdpg-post-item .bwdpg-post-content .bwdpg-read-more {
  z-index: 1;
  background: #2e6060;
  color: #fff;
  font-size: 14px;
  font-weight: 500;
  padding: 8px;
  line-height: 1;
  margin-top: auto;
  width: -moz-max-content;
  width: max-content;
}
.style-8 .bwdpg-item-wrapper .bwdpg-post-item .bwdpg-post-image {
  width: 100%;
  transition: all 0.5s;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
  z-index: 1;
}
.style-8 .bwdpg-item-wrapper .bwdpg-post-item .bwdpg-post-image::before {
  content: "";
  position: absolute;
  inset: 0;
  background: #0000004f;
  z-index: 1;
}
.style-8 .bwdpg-item-wrapper .bwdpg-post-item .bwdpg-post-category {
  position: absolute;
  top: 10px;
  right: 20px;
  z-index: 1;
}
.style-8 .bwdpg-item-wrapper .bwdpg-post-item .bwdpg-post-category a {
  background: #00d084;
}
.style-8 .bwdpg-item-wrapper .bwdpg-post-item .bwdpg-post-meta-box {
  left: 10px;
  top: 10px;
  z-index: 9;
}
.style-8 .bwdpg-item-wrapper .bwdpg-post-item .bwdpg-post-meta-box .bwdpg-post-meta-content {
  color: #ffffff;
}
.style-8 .bwdpg-item-wrapper .bwdpg-post-item .bwdpg-post-meta-box .bwdpg-post-meta-content a {
  color: #fff;
}

.style-9 .bwdpg-item-wrapper {
  gap: 0;
}
.style-9 .bwdpg-item-wrapper .bwdpg-post-item {
  display: flex;
  flex-direction: column;
  background-color: #fff;
  border-radius: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  box-shadow: 0 0 5px #00000038;
}
.style-9 .bwdpg-item-wrapper .bwdpg-post-item:hover .bwdpg-post-category {
  top: 10px;
}
.style-9 .bwdpg-item-wrapper .bwdpg-post-item:nth-child(even), .style-9 .bwdpg-item-wrapper .bwdpg-post-item:nth-child(11) {
  flex-direction: column-reverse;
}
.style-9 .bwdpg-item-wrapper .bwdpg-post-item:nth-child(4), .style-9 .bwdpg-item-wrapper .bwdpg-post-item:nth-child(6), .style-9 .bwdpg-item-wrapper .bwdpg-post-item:nth-child(10), .style-9 .bwdpg-item-wrapper .bwdpg-post-item:nth-child(12) {
  flex-direction: column;
}
.style-9 .bwdpg-item-wrapper .bwdpg-post-item:nth-child(2) .bwdpg-post-content .bwdpg-post-dateTime {
  order: 2;
  margin-top: auto;
}
.style-9 .bwdpg-item-wrapper .bwdpg-post-item:nth-child(2) .bwdpg-post-meta-box {
  bottom: 15px;
  top: auto !important;
}
.style-9 .bwdpg-item-wrapper .bwdpg-post-item:nth-child(5) {
  flex-direction: column-reverse;
}
.style-9 .bwdpg-item-wrapper .bwdpg-post-item:nth-child(5) .bwdpg-post-content .bwdpg-post-dateTime {
  order: 3;
  margin-top: auto;
}
.style-9 .bwdpg-item-wrapper .bwdpg-post-item:nth-child(5) .bwdpg-post-meta-box {
  bottom: 15px;
  top: auto !important;
}
.style-9 .bwdpg-item-wrapper .bwdpg-post-item:nth-child(8) .bwdpg-post-meta-box, .style-9 .bwdpg-item-wrapper .bwdpg-post-item:nth-child(11) .bwdpg-post-meta-box {
  bottom: 15px;
  top: auto !important;
}
.style-9 .bwdpg-item-wrapper .bwdpg-post-item .bwdpg-post-image {
  height: 270px;
}
.style-9 .bwdpg-item-wrapper .bwdpg-post-item .bwdpg-post-content {
  height: 270px;
  padding: 20px;
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
}
.style-9 .bwdpg-item-wrapper .bwdpg-post-item .bwdpg-post-content .bwdpg-post-title {
  margin-top: 25px;
}
.style-9 .bwdpg-item-wrapper .bwdpg-post-item .bwdpg-read-more {
  padding: 5px 13px;
  font-size: 14px;
  background: #005a87;
  position: absolute;
  color: #fff;
  bottom: 0;
  right: 0;
}
.style-9 .bwdpg-item-wrapper .bwdpg-post-item .bwdpg-post-category {
  position: absolute;
  top: -100%;
  right: 20px;
  left: auto;
  transition: all 0.3s;
}
.style-9 .bwdpg-item-wrapper .bwdpg-post-item .bwdpg-post-category a {
  background: #619e14;
}

.style-10 .bwdpg-item-wrapper {
  overflow: unset;
  -moz-column-gap: 50px;
       column-gap: 50px;
  perspective: 1000px;
}
.style-10 .bwdpg-item-wrapper .bwdpg-post-item {
  border: 1px solid white;
  transform: rotateX(16deg) translateZ(0px) scale(1);
  -webkit-transform: rotateX(16deg) translateZ(0px) scale(1);
  -moz-transform: rotateX(16deg) translateZ(0px) scale(1);
  -ms-transform: rotateX(16deg) translateZ(0px) scale(1);
  -o-transform: rotateX(16deg) translateZ(0px) scale(1);
  box-shadow: 1px 20px 40px -10px #a8a8a8;
  transition: 0.5s cubic-bezier(0.07, 0.77, 0.85, 1.61);
  -webkit-transition: 0.5s cubic-bezier(0.07, 0.77, 0.85, 1.61);
  -moz-transition: 0.5s cubic-bezier(0.07, 0.77, 0.85, 1.61);
  -ms-transition: 0.5s cubic-bezier(0.07, 0.77, 0.85, 1.61);
  -o-transition: 0.5s cubic-bezier(0.07, 0.77, 0.85, 1.61);
  background: #f3f3f3;
}
.style-10 .bwdpg-item-wrapper .bwdpg-post-item:hover {
  transform: rotateX(0deg) translateZ(50px) scale(1.05);
  box-shadow: 0px 100px 120px -60px rgba(98, 98, 98, 0.75);
}
.style-10 .bwdpg-item-wrapper .bwdpg-post-item:hover .bwdpg-img {
  transform: scale(1);
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
}
.style-10 .bwdpg-item-wrapper .bwdpg-post-item .bwdpg-post-content {
  padding: 20px;
}
.style-10 .bwdpg-item-wrapper .bwdpg-post-item .bwdpg-post-content .bwdpg-read-more {
  background-color: #EB5E81;
}
.style-10 .bwdpg-item-wrapper .bwdpg-post-item .bwdpg-post-category a {
  background-color: #6938ef;
}

.style-11 .bwdpg-item-wrapper {
  grid-template-columns: repeat(2, 1fr);
}
.style-11 .bwdpg-item-wrapper .bwdpg-post-item {
  display: flex;
  background: #fff;
  height: 250px;
  box-shadow: 0 0 20px #0000001a;
}
.style-11 .bwdpg-item-wrapper .bwdpg-post-item .bwdpg-post-image {
  width: 40%;
  box-sizing: border-box;
}
.style-11 .bwdpg-item-wrapper .bwdpg-post-item .bwdpg-post-content {
  padding: 14px;
  width: 60%;
  box-sizing: border-box;
}
.style-11 .bwdpg-item-wrapper .bwdpg-post-item .bwdpg-read-more {
  position: absolute;
  bottom: 0;
  right: 0px;
  background: #7a00df;
  color: #fff;
}
.style-11 .bwdpg-item-wrapper .bwdpg-post-item .bwdpg-post-category {
  left: 20px;
}
.style-11 .bwdpg-item-wrapper .bwdpg-post-item .bwdpg-post-category a {
  background: #07bc0c;
}
.style-11 .bwdpg-item-wrapper .bwdpg-post-item .bwdpg-post-meta-box {
  position: absolute;
  top: auto;
  bottom: 0;
  left: 0;
  z-index: 9;
  background: #0000007a;
  width: 40%;
  padding: 11px;
  box-sizing: border-box;
}
.style-11 .bwdpg-item-wrapper .bwdpg-post-item .bwdpg-post-meta-box .bwdpg-post-meta-content {
  color: #fff;
}
.style-11 .bwdpg-item-wrapper .bwdpg-post-item .bwdpg-post-meta-box .bwdpg-post-meta-content a {
  color: #fff;
}
@media screen and (max-width: 700px) {
  .style-11 .bwdpg-item-wrapper {
    grid-template-columns: repeat(1, 1fr);
  }
}

.style-12 .bwdpg-item-wrapper {
  grid-template-columns: repeat(2, 1fr);
}
.style-12 .bwdpg-item-wrapper .bwdpg-post-item {
  display: flex;
  background: #fff;
  height: 250px;
  padding: 20px;
  box-shadow: 0 0 5px #00000075;
}
.style-12 .bwdpg-item-wrapper .bwdpg-post-item:hover::before {
  border-radius: 0;
  width: 100%;
  height: 100%;
  bottom: 0;
}
.style-12 .bwdpg-item-wrapper .bwdpg-post-item:hover .bwdpg-post-dateTime {
  color: #fff;
}
.style-12 .bwdpg-item-wrapper .bwdpg-post-item:hover .bwdpg-post-content .bwdpg-post-title a {
  color: #fff;
}
.style-12 .bwdpg-item-wrapper .bwdpg-post-item:hover .bwdpg-post-content .exerpt p {
  color: #fff;
}
.style-12 .bwdpg-item-wrapper .bwdpg-post-item::before {
  content: "";
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: -100%;
  width: 10%;
  height: 10%;
  background: #e74c3c;
  border-radius: 50%;
  transition: all 0.3s;
}
.style-12 .bwdpg-item-wrapper .bwdpg-post-item .bwdpg-post-image {
  width: 40%;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
}
.style-12 .bwdpg-item-wrapper .bwdpg-post-item .bwdpg-post-image::before {
  content: "";
  position: absolute;
  inset: 0;
  background: #00000061;
  z-index: 9;
}
.style-12 .bwdpg-item-wrapper .bwdpg-post-item .bwdpg-post-content {
  padding: 14px;
  width: 60%;
  z-index: 9;
  box-sizing: border-box;
}
.style-12 .bwdpg-item-wrapper .bwdpg-post-item .bwdpg-post-category {
  left: 20px;
}
.style-12 .bwdpg-item-wrapper .bwdpg-post-item .bwdpg-post-category a {
  background: #07bc0c;
}
.style-12 .bwdpg-item-wrapper .bwdpg-post-item .bwdpg-read-more {
  background: #3498db;
  color: #fff;
  margin-top: 10px;
}
.style-12 .bwdpg-item-wrapper .bwdpg-post-item .bwdpg-post-meta-box {
  position: absolute;
  bottom: 32px;
  left: 24px;
  z-index: 9;
  top: auto;
}
.style-12 .bwdpg-item-wrapper .bwdpg-post-item .bwdpg-post-meta-box .bwdpg-post-meta-content {
  color: #fff;
}
.style-12 .bwdpg-item-wrapper .bwdpg-post-item .bwdpg-post-meta-box .bwdpg-post-meta-content a {
  color: #fff;
}
@media screen and (max-width: 700px) {
  .style-12 .bwdpg-item-wrapper {
    grid-template-columns: repeat(1, 1fr);
  }
}

.style-13 .bwdpg-item-wrapper {
  grid-template-columns: repeat(2, 1fr);
}
.style-13 .bwdpg-item-wrapper .bwdpg-post-item {
  display: flex;
  height: 250px;
  box-shadow: 0 0 5px #0000003b;
}
.style-13 .bwdpg-item-wrapper .bwdpg-post-item:hover {
  box-shadow: 0 0 100px #00000014;
}
.style-13 .bwdpg-item-wrapper .bwdpg-post-item:hover .bwdpg-post-content {
  margin-left: 0;
}
.style-13 .bwdpg-item-wrapper .bwdpg-post-item:hover .bwdpg-post-content .bwdpg-post-title a {
  background-size: 100% 2px;
}
.style-13 .bwdpg-item-wrapper .bwdpg-post-item .bwdpg-post-image {
  width: 40%;
}
.style-13 .bwdpg-item-wrapper .bwdpg-post-item .bwdpg-post-image::before {
  content: "";
  position: absolute;
  inset: 0;
  background: #00000052;
  z-index: 1;
  pointer-events: none;
}
.style-13 .bwdpg-item-wrapper .bwdpg-post-item .bwdpg-post-content {
  padding: 14px;
  margin-left: -60px;
  background: #fff;
  width: 71%;
  z-index: 9;
}
.style-13 .bwdpg-item-wrapper .bwdpg-post-item .bwdpg-post-content .bwdpg-calender-icon,
.style-13 .bwdpg-item-wrapper .bwdpg-post-item .bwdpg-post-content .bwdpg-clock-icon {
  color: #bb86fc;
}
.style-13 .bwdpg-item-wrapper .bwdpg-post-item .bwdpg-post-content .bwdpg-post-title a {
  display: inline;
  padding: 0;
  background-image: linear-gradient(to right, currentColor 0%, currentColor 100%);
  background-position: 0 97%;
  background-repeat: no-repeat;
  background-size: 0 2px;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  transition: background-size 0.8s cubic-bezier(0.25, 0.8, 0.25, 1);
}
.style-13 .bwdpg-item-wrapper .bwdpg-post-item .bwdpg-post-category {
  left: 20px;
}
.style-13 .bwdpg-item-wrapper .bwdpg-post-item .bwdpg-post-category a {
  background: #07bc0c;
}
.style-13 .bwdpg-item-wrapper .bwdpg-post-item .bwdpg-read-more {
  position: absolute;
  bottom: 0;
  right: 0px;
  background: #f78da7;
  color: #fff;
}
.style-13 .bwdpg-item-wrapper .bwdpg-post-item .bwdpg-post-meta-box {
  left: 10px;
  bottom: 10px;
  top: auto;
  z-index: 9;
}
.style-13 .bwdpg-item-wrapper .bwdpg-post-item .bwdpg-post-meta-box .bwdpg-post-meta-content {
  color: #fff;
}
.style-13 .bwdpg-item-wrapper .bwdpg-post-item .bwdpg-post-meta-box .bwdpg-post-meta-content a {
  color: #fff;
}
@media screen and (max-width: 700px) {
  .style-13 .bwdpg-item-wrapper {
    grid-template-columns: repeat(1, 1fr);
  }
}

.style-14 .bwdpg-item-wrapper {
  grid-template-columns: repeat(4, 1fr);
  grid-template-rows: 260px 260px;
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  grid-auto-rows: 280px;
}
.style-14 .bwdpg-item-wrapper .bwdpg-post-item:hover .bwdpg-post-content {
  bottom: 0;
}
.style-14 .bwdpg-item-wrapper .bwdpg-post-item:hover .bwdpg-post-content .exerpt {
  opacity: 1;
}
.style-14 .bwdpg-item-wrapper .bwdpg-post-item:hover:nth-child(1) .bwdpg-post-content, .style-14 .bwdpg-item-wrapper .bwdpg-post-item:hover:nth-child(2) .bwdpg-post-content {
  bottom: 0;
}
.style-14 .bwdpg-item-wrapper .bwdpg-post-item:nth-child(1) {
  grid-row: 1/3;
  grid-column: 1/3;
}
.style-14 .bwdpg-item-wrapper .bwdpg-post-item:nth-child(1) .bwdpg-post-content {
  bottom: -65px;
}
.style-14 .bwdpg-item-wrapper .bwdpg-post-item:nth-child(1) .bwdpg-post-content .bwdpg-post-title a {
  font-size: clamp(1rem, 2vw + 1rem, 2.3rem);
}
.style-14 .bwdpg-item-wrapper .bwdpg-post-item:nth-child(2) {
  grid-row: 1/2;
  grid-column: 3/-1;
}
.style-14 .bwdpg-item-wrapper .bwdpg-post-item:nth-child(2) .bwdpg-post-content {
  bottom: -65px;
}
.style-14 .bwdpg-item-wrapper .bwdpg-post-item::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: linear-gradient(180deg, #01284200 0%, #012842d1 100%);
  transition: all 0.3s linear;
  z-index: 1;
  pointer-events: none;
}
.style-14 .bwdpg-item-wrapper .bwdpg-post-item:hover .bwdpg-post-content .bwdpg-post-title a {
  background-position: 0 94%;
  background-size: 100% 1px;
  color: #00ff48;
}
.style-14 .bwdpg-item-wrapper .bwdpg-post-item .bwdpg-post-image {
  height: 100%;
}
.style-14 .bwdpg-item-wrapper .bwdpg-post-item .bwdpg-post-content {
  position: absolute;
  bottom: -93px;
  left: 0;
  width: 100%;
  padding: 20px;
  z-index: 9;
}
.style-14 .bwdpg-item-wrapper .bwdpg-post-item .bwdpg-post-content .bwdpg-post-title a,
.style-14 .bwdpg-item-wrapper .bwdpg-post-item .bwdpg-post-content .bwdpg-post-dateTime,
.style-14 .bwdpg-item-wrapper .bwdpg-post-item .bwdpg-post-content .exerpt p {
  color: #fff;
}
.style-14 .bwdpg-item-wrapper .bwdpg-post-item .bwdpg-post-content .bwdpg-post-dateTime {
  gap: 0;
}
.style-14 .bwdpg-item-wrapper .bwdpg-post-item .bwdpg-post-content .bwdpg-post-title {
  margin-top: 0;
  margin-bottom: 10px;
}
.style-14 .bwdpg-item-wrapper .bwdpg-post-item .bwdpg-post-content .bwdpg-post-title a {
  display: inline;
  font-size: clamp(0.8rem, 2vw + 1rem, 1.3rem);
  background-repeat: no-repeat;
  background-image: linear-gradient(90deg, currentColor 0, currentColor 94%);
  transition: background-size 0.4s cubic-bezier(0.215, 0.61, 0.355, 1), opacity 0.5s ease;
  background-position: 100% 94%;
  background-size: 0 1px;
  position: relative;
  z-index: 3;
}
.style-14 .bwdpg-item-wrapper .bwdpg-post-item .bwdpg-post-content .bwdpg-read-more {
  background: #ff6900;
  padding: 3px 8px;
  border-radius: 3px;
}
.style-14 .bwdpg-item-wrapper .bwdpg-post-item .bwdpg-post-content .exerpt {
  opacity: 0;
}
.style-14 .bwdpg-item-wrapper .bwdpg-post-item .bwdpg-post-category a {
  background: #ff2905;
}
@media screen and (max-width: 768px) {
  .style-14 .bwdpg-item-wrapper .bwdpg-post-item:nth-child(1) {
    grid-row: 1/2;
    grid-column: 1/3;
  }
  .style-14 .bwdpg-item-wrapper .bwdpg-post-item:nth-child(3) {
    grid-row: 2/-1;
    grid-column: 1/3;
  }
  .style-14 .bwdpg-item-wrapper .bwdpg-post-item:nth-child(4) {
    grid-row: 2/-1;
    grid-column: 3/-1;
  }
}
@media screen and (max-width: 575px) {
  .style-14 .bwdpg-item-wrapper {
    grid-template-rows: 260px 260px 260px 260px;
  }
  .style-14 .bwdpg-item-wrapper .bwdpg-post-item:nth-child(1) {
    grid-row: 1/2;
    grid-column: 1/-1;
  }
  .style-14 .bwdpg-item-wrapper .bwdpg-post-item:nth-child(2) {
    grid-row: 2/3;
    grid-column: 1/-1;
  }
  .style-14 .bwdpg-item-wrapper .bwdpg-post-item:nth-child(3) {
    grid-row: 3/4;
    grid-column: 1/-1;
  }
  .style-14 .bwdpg-item-wrapper .bwdpg-post-item:nth-child(4) {
    grid-row: 4/-1;
    grid-column: 1/-1;
  }
}

.style-15 .bwdpg-item-wrapper {
  grid-template-columns: repeat(4, 1fr);
  grid-template-rows: 260px 260px;
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  grid-auto-rows: 280px;
  will-change: transform;
}
.style-15 .bwdpg-item-wrapper .bwdpg-post-item {
  border-radius: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
}
.style-15 .bwdpg-item-wrapper .bwdpg-post-item:hover .bwdpg-post-image .bwdpg-post-meta-box {
  opacity: 1;
}
.style-15 .bwdpg-item-wrapper .bwdpg-post-item:hover .bwdpg-post-content {
  bottom: 25px;
}
.style-15 .bwdpg-item-wrapper .bwdpg-post-item:hover .bwdpg-post-content .exerpt {
  opacity: 1;
  visibility: visible;
}
.style-15 .bwdpg-item-wrapper .bwdpg-post-item:hover .bwdpg-post-content .bwdpg-read-more {
  opacity: 1;
  visibility: visible;
}
.style-15 .bwdpg-item-wrapper .bwdpg-post-item:hover .bwdpg-post-category a {
  transform: skew(0deg);
  -webkit-transform: skew(0deg);
  -moz-transform: skew(0deg);
  -ms-transform: skew(0deg);
  -o-transform: skew(0deg);
}
.style-15 .bwdpg-item-wrapper .bwdpg-post-item:hover .bwdpg-post-meta-box {
  opacity: 1;
}
.style-15 .bwdpg-item-wrapper .bwdpg-post-item:nth-child(1) {
  grid-row: 1/3;
  grid-column: 1/3;
}
.style-15 .bwdpg-item-wrapper .bwdpg-post-item:nth-child(1) .bwdpg-post-content .bwdpg-post-title {
  margin-bottom: 25px;
}
.style-15 .bwdpg-item-wrapper .bwdpg-post-item:nth-child(1) .bwdpg-post-content .bwdpg-post-title a {
  font-size: clamp(1rem, 2vw + 1rem, 2.3rem);
}
.style-15 .bwdpg-item-wrapper .bwdpg-post-item:nth-child(2) {
  grid-row: 1/2;
  grid-column: 3/4;
}
.style-15 .bwdpg-item-wrapper .bwdpg-post-item::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: linear-gradient(165deg, #2daafd2e 0%, #000000a6 100%);
  transition: all 0.3s linear;
  z-index: 1;
  pointer-events: none;
}
.style-15 .bwdpg-item-wrapper .bwdpg-post-item .bwdpg-post-image {
  height: 100%;
}
.style-15 .bwdpg-item-wrapper .bwdpg-post-item .bwdpg-post-content {
  position: absolute;
  bottom: -37px;
  left: 0;
  width: 100%;
  padding: 20px;
  z-index: 9;
}
.style-15 .bwdpg-item-wrapper .bwdpg-post-item .bwdpg-post-content .bwdpg-post-dateTime,
.style-15 .bwdpg-item-wrapper .bwdpg-post-item .bwdpg-post-content .exerpt p {
  color: #fff;
}
.style-15 .bwdpg-item-wrapper .bwdpg-post-item .bwdpg-post-content .bwdpg-post-dateTime {
  gap: 0;
}
.style-15 .bwdpg-item-wrapper .bwdpg-post-item .bwdpg-post-content .bwdpg-post-dateTime .bwdpg-calender-icon,
.style-15 .bwdpg-item-wrapper .bwdpg-post-item .bwdpg-post-content .bwdpg-post-dateTime .bwdpg-clock-icon {
  color: #0affa6;
}
.style-15 .bwdpg-item-wrapper .bwdpg-post-item .bwdpg-post-content .bwdpg-post-title {
  margin: 0 0 8px 0;
  line-height: 1;
}
.style-15 .bwdpg-item-wrapper .bwdpg-post-item .bwdpg-post-content .bwdpg-post-title a {
  display: inline;
  font-size: 18px;
  color: #fff;
  background-repeat: no-repeat;
  background-image: linear-gradient(90deg, currentColor 0, currentColor 94%);
  transition: background-size 0.4s cubic-bezier(0.215, 0.61, 0.355, 1), opacity 0.5s ease;
  background-position: 100% 94%;
  background-size: 0 1px;
  position: relative;
  z-index: 3;
}
.style-15 .bwdpg-item-wrapper .bwdpg-post-item .bwdpg-post-content .exerpt {
  opacity: 0;
  visibility: hidden;
}
.style-15 .bwdpg-item-wrapper .bwdpg-post-item .bwdpg-post-content .bwdpg-read-more {
  position: absolute;
  padding: 2px 8px;
  margin-top: 10px;
  background: #07bc0c;
  opacity: 0;
  visibility: hidden;
  z-index: 9;
}
.style-15 .bwdpg-item-wrapper .bwdpg-post-item .bwdpg-post-category a {
  background: #00d084;
  transform: skew(22deg);
  z-index: 9;
}
.style-15 .bwdpg-item-wrapper .bwdpg-post-item .bwdpg-post-meta-box {
  position: absolute;
  top: 10px;
  left: 10px;
  opacity: 0;
  z-index: 9;
}
@media screen and (max-width: 768px) {
  .style-15 .bwdpg-item-wrapper .bwdpg-post-item:nth-child(1) {
    grid-row: 1/2;
    grid-column: 1/3;
  }
  .style-15 .bwdpg-item-wrapper .bwdpg-post-item:nth-child(2) {
    grid-row: 1/2;
    grid-column: 3/-1;
  }
  .style-15 .bwdpg-item-wrapper .bwdpg-post-item:nth-child(3) {
    grid-row: 2/3;
    grid-column: 1/3;
  }
  .style-15 .bwdpg-item-wrapper .bwdpg-post-item:nth-child(4) {
    grid-row: 2/3;
    grid-column: 3/-1;
  }
  .style-15 .bwdpg-item-wrapper .bwdpg-post-item:nth-child(5) {
    grid-row: 3/-1;
    grid-column: 1/3;
  }
}
@media screen and (max-width: 575px) {
  .style-15 .bwdpg-item-wrapper .bwdpg-post-item:nth-child(1) {
    grid-row: 1/2;
    grid-column: 1/-1;
  }
  .style-15 .bwdpg-item-wrapper .bwdpg-post-item:nth-child(2) {
    grid-row: 2/3;
    grid-column: 1/-1;
  }
  .style-15 .bwdpg-item-wrapper .bwdpg-post-item:nth-child(3) {
    grid-row: 3/4;
    grid-column: 1/-1;
  }
  .style-15 .bwdpg-item-wrapper .bwdpg-post-item:nth-child(4) {
    grid-row: 4/5;
    grid-column: 1/-1;
  }
  .style-15 .bwdpg-item-wrapper .bwdpg-post-item:nth-child(5) {
    grid-row: 5/6;
    grid-column: 1/-1;
  }
}

.style-16 .bwdpg-item-wrapper {
  grid-template-columns: repeat(4, 1fr);
  grid-template-rows: 280px 280px;
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  grid-auto-rows: 280px;
}
.style-16 .bwdpg-item-wrapper .bwdpg-post-item:hover .bwdpg-post-meta-box {
  opacity: 1;
}
.style-16 .bwdpg-item-wrapper .bwdpg-post-item:hover .bwdpg-post-category a {
  -webkit-clip-path: polygon(0 100%, 0 0, 100% 0, 100% 100%);
          clip-path: polygon(0 100%, 0 0, 100% 0, 100% 100%);
}
.style-16 .bwdpg-item-wrapper .bwdpg-post-item:nth-child(1) {
  grid-row: 1/3;
  grid-column: 1/3;
}
.style-16 .bwdpg-item-wrapper .bwdpg-post-item:nth-child(1) .bwdpg-post-content .bwdpg-post-title {
  margin-bottom: 15px;
  margin-top: 15px;
}
.style-16 .bwdpg-item-wrapper .bwdpg-post-item:nth-child(1) .bwdpg-post-content .bwdpg-post-title a {
  font-size: clamp(1rem, 2vw + 1rem, 2.3rem);
}
.style-16 .bwdpg-item-wrapper .bwdpg-post-item:nth-child(2) {
  grid-row: 1/-1;
  grid-column: 3/4;
}
.style-16 .bwdpg-item-wrapper .bwdpg-post-item::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: linear-gradient(180deg, #01284242 0%, #000000c2 100%);
  transition: all 0.3s linear;
  z-index: 1;
  pointer-events: none;
}
.style-16 .bwdpg-item-wrapper .bwdpg-post-item .bwdpg-post-image {
  height: 100%;
}
.style-16 .bwdpg-item-wrapper .bwdpg-post-item .bwdpg-post-content {
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 15px;
  z-index: 9;
  border: 1px solid #07bc0c;
  margin: 10px;
  width: calc(100% - 20px);
  border-radius: 5px;
  box-sizing: border-box;
  box-shadow: 0 0 10px #07bc0c;
}
.style-16 .bwdpg-item-wrapper .bwdpg-post-item .bwdpg-post-content .bwdpg-post-dateTime,
.style-16 .bwdpg-item-wrapper .bwdpg-post-item .bwdpg-post-content .exerpt p {
  color: #fff;
}
.style-16 .bwdpg-item-wrapper .bwdpg-post-item .bwdpg-post-content .bwdpg-post-dateTime {
  gap: 0;
}
.style-16 .bwdpg-item-wrapper .bwdpg-post-item .bwdpg-post-content .bwdpg-post-title {
  margin: 0;
  margin-bottom: 5px;
  line-height: 1;
}
.style-16 .bwdpg-item-wrapper .bwdpg-post-item .bwdpg-post-content .bwdpg-post-title a {
  font-size: 18px;
}
.style-16 .bwdpg-item-wrapper .bwdpg-post-item .bwdpg-post-content a {
  display: inline;
  color: #fff;
  background-repeat: no-repeat;
  background-image: linear-gradient(90deg, currentColor 0, currentColor 94%);
  transition: background-size 0.4s cubic-bezier(0.215, 0.61, 0.355, 1), opacity 0.5s ease;
  background-position: 100% 94%;
  background-size: 0 1px;
  position: relative;
  z-index: 3;
}
.style-16 .bwdpg-item-wrapper .bwdpg-post-item .bwdpg-post-content .bwdpg-read-more {
  border: 1px solid #fff;
  border-radius: 3px;
  margin-top: 10px;
  font-size: 14px;
  padding: 4px 8px;
  display: inline-block;
}
.style-16 .bwdpg-item-wrapper .bwdpg-post-item .bwdpg-post-meta-box {
  left: 5px;
  opacity: 0;
  z-index: 9;
}
.style-16 .bwdpg-item-wrapper .bwdpg-post-item .bwdpg-post-meta-box .bwdpg-post-meta-content {
  color: #fff;
}
.style-16 .bwdpg-item-wrapper .bwdpg-post-item .bwdpg-post-meta-box .bwdpg-post-meta-content a {
  color: #fff;
}
.style-16 .bwdpg-item-wrapper .bwdpg-post-item .bwdpg-post-category a {
  background: #9b51e0;
  -webkit-clip-path: polygon(0% 15%, 15% 15%, 15% 0%, 85% 0%, 85% 15%, 100% 15%, 100% 85%, 85% 85%, 85% 100%, 15% 100%, 15% 85%, 0% 85%);
          clip-path: polygon(0% 15%, 15% 15%, 15% 0%, 85% 0%, 85% 15%, 100% 15%, 100% 85%, 85% 85%, 85% 100%, 15% 100%, 15% 85%, 0% 85%);
  padding: 6px 8px;
  z-index: 9;
}
@media screen and (max-width: 768px) {
  .style-16 .bwdpg-item-wrapper .bwdpg-post-item:nth-child(1) {
    grid-row: 1/2;
    grid-column: 1/3;
  }
  .style-16 .bwdpg-item-wrapper .bwdpg-post-item:nth-child(2) {
    grid-row: 1/2;
    grid-column: 3/-1;
  }
  .style-16 .bwdpg-item-wrapper .bwdpg-post-item:nth-child(3) {
    grid-row: 2/3;
    grid-column: 1/3;
  }
  .style-16 .bwdpg-item-wrapper .bwdpg-post-item:nth-child(4) {
    grid-row: 2/3;
    grid-column: 3/-1;
  }
  .style-16 .bwdpg-item-wrapper .bwdpg-post-item:nth-child(5) {
    grid-row: 3/4;
    grid-column: 1/3;
  }
}
@media screen and (max-width: 575px) {
  .style-16 .bwdpg-item-wrapper .bwdpg-post-item:nth-child(1) {
    grid-row: 1/2;
    grid-column: 1/-1;
  }
  .style-16 .bwdpg-item-wrapper .bwdpg-post-item:nth-child(2) {
    grid-row: 2/3;
    grid-column: 1/-1;
  }
  .style-16 .bwdpg-item-wrapper .bwdpg-post-item:nth-child(3) {
    grid-row: 3/4;
    grid-column: 1/-1;
  }
  .style-16 .bwdpg-item-wrapper .bwdpg-post-item:nth-child(4) {
    grid-row: 4/5;
    grid-column: 1/-1;
  }
  .style-16 .bwdpg-item-wrapper .bwdpg-post-item:nth-child(5) {
    grid-row: 5/6;
    grid-column: 1/-1;
  }
}

.style-17 .bwdpg-item-wrapper {
  grid-template-columns: repeat(5, 1fr);
  grid-template-rows: 210px 210px 210px;
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  grid-auto-rows: 280px;
}
.style-17 .bwdpg-item-wrapper .bwdpg-post-item:hover .bwdpg-post-content {
  bottom: 0;
}
.style-17 .bwdpg-item-wrapper .bwdpg-post-item:hover .bwdpg-post-content .exerpt {
  opacity: 1;
  visibility: visible;
}
.style-17 .bwdpg-item-wrapper .bwdpg-post-item:hover:nth-child(1) .bwdpg-post-content {
  bottom: 0;
}
.style-17 .bwdpg-item-wrapper .bwdpg-post-item:nth-child(1) {
  grid-row: 1/-1;
  grid-column: 1/4;
}
.style-17 .bwdpg-item-wrapper .bwdpg-post-item:nth-child(1) .bwdpg-post-content {
  bottom: -64px;
}
.style-17 .bwdpg-item-wrapper .bwdpg-post-item:nth-child(1) .bwdpg-post-content .bwdpg-post-title {
  margin-bottom: 15px;
}
.style-17 .bwdpg-item-wrapper .bwdpg-post-item:nth-child(1) .bwdpg-post-content .bwdpg-post-title a {
  font-size: clamp(1rem, 2vw + 1rem, 2.3rem);
}
.style-17 .bwdpg-item-wrapper .bwdpg-post-item:nth-child(2) {
  grid-row: 1/2;
  grid-column: 4/-1;
}
.style-17 .bwdpg-item-wrapper .bwdpg-post-item:nth-child(3) {
  grid-row: 2/3;
  grid-column: 4/-1;
}
.style-17 .bwdpg-item-wrapper .bwdpg-post-item:nth-child(4) {
  grid-row: 3/-1;
  grid-column: 4/-1;
}
.style-17 .bwdpg-item-wrapper .bwdpg-post-item::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: linear-gradient(180deg, #04040400 0%, #02253cd1 100%);
  transition: all 0.3s linear;
  z-index: 1;
  pointer-events: none;
}
.style-17 .bwdpg-item-wrapper .bwdpg-post-item .bwdpg-post-image {
  height: 100%;
}
.style-17 .bwdpg-item-wrapper .bwdpg-post-item .bwdpg-post-content {
  position: absolute;
  bottom: -80px;
  left: 0;
  width: 100%;
  padding: 20px;
  z-index: 9;
}
.style-17 .bwdpg-item-wrapper .bwdpg-post-item .bwdpg-post-content .bwdpg-post-dateTime,
.style-17 .bwdpg-item-wrapper .bwdpg-post-item .bwdpg-post-content .exerpt p {
  color: #fff;
}
.style-17 .bwdpg-item-wrapper .bwdpg-post-item .bwdpg-post-content .exerpt {
  opacity: 0;
  visibility: hidden;
}
.style-17 .bwdpg-item-wrapper .bwdpg-post-item .bwdpg-post-content .bwdpg-post-title {
  margin: 5px 0;
}
.style-17 .bwdpg-item-wrapper .bwdpg-post-item .bwdpg-post-content .bwdpg-post-title a {
  font-size: 20px;
  color: #fff;
  display: inline;
  background-repeat: no-repeat;
  background-image: linear-gradient(90deg, currentColor 0, currentColor 94%);
  transition: background-size 0.4s cubic-bezier(0.215, 0.61, 0.355, 1), opacity 0.5s ease;
  background-position: 100% 94%;
  background-size: 0 1px;
  position: relative;
  z-index: 3;
}
.style-17 .bwdpg-item-wrapper .bwdpg-post-item .bwdpg-post-content .bwdpg-read-more {
  background: #0474e7;
  border-radius: 2px;
  margin-top: 8px;
}
.style-17 .bwdpg-item-wrapper .bwdpg-post-item .bwdpg-post-meta-box {
  left: 20px;
  z-index: 9;
}
.style-17 .bwdpg-item-wrapper .bwdpg-post-item .bwdpg-post-category a {
  background: #07bc0c;
  z-index: 9;
}
@media screen and (max-width: 768px) {
  .style-17 .bwdpg-item-wrapper .bwdpg-post-item:nth-child(1) {
    grid-row: 1/2;
    grid-column: 1/4;
  }
  .style-17 .bwdpg-item-wrapper .bwdpg-post-item:nth-child(2) {
    grid-row: 1/2;
    grid-column: 4/-1;
  }
  .style-17 .bwdpg-item-wrapper .bwdpg-post-item:nth-child(3) {
    grid-row: 2/3;
    grid-column: 1/4;
  }
  .style-17 .bwdpg-item-wrapper .bwdpg-post-item:nth-child(4) {
    grid-row: 2/3;
    grid-column: 4/-1;
  }
  .style-17 .bwdpg-item-wrapper .bwdpg-post-item:nth-child(5) {
    grid-row: 3/4;
    grid-column: 1/4;
  }
}
@media screen and (max-width: 575px) {
  .style-17 .bwdpg-item-wrapper .bwdpg-post-item:nth-child(1) {
    grid-row: 1/2;
    grid-column: 1/-1;
  }
  .style-17 .bwdpg-item-wrapper .bwdpg-post-item:nth-child(2) {
    grid-row: 2/3;
    grid-column: 1/-1;
  }
  .style-17 .bwdpg-item-wrapper .bwdpg-post-item:nth-child(3) {
    grid-row: 3/4;
    grid-column: 1/-1;
  }
  .style-17 .bwdpg-item-wrapper .bwdpg-post-item:nth-child(4) {
    grid-row: 4/5;
    grid-column: 1/-1;
  }
  .style-17 .bwdpg-item-wrapper .bwdpg-post-item:nth-child(5) {
    grid-row: 5/6;
    grid-column: 1/-1;
  }
}

.style-18 .bwdpg-item-wrapper {
  grid-template-columns: repeat(7, 1fr);
  grid-template-rows: 170px 170px 170px 170px;
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  grid-auto-rows: 280px;
}
.style-18 .bwdpg-item-wrapper .bwdpg-post-item {
  box-shadow: 0 0 40px #00000017;
}
.style-18 .bwdpg-item-wrapper .bwdpg-post-item:hover .bwdpg-post-meta-box {
  left: 10px;
  opacity: 1;
}
.style-18 .bwdpg-item-wrapper .bwdpg-post-item:hover .bwdpg-post-category a {
  border-radius: 0vmin 30vmin 30vmin 0vmin;
}
.style-18 .bwdpg-item-wrapper .bwdpg-post-item:nth-child(1) {
  grid-row: 1/3;
  grid-column: 1/3;
}
.style-18 .bwdpg-item-wrapper .bwdpg-post-item:nth-child(2) {
  grid-row: 1/-1;
  grid-column: 3/6;
}
.style-18 .bwdpg-item-wrapper .bwdpg-post-item:nth-child(2) .bwdpg-post-content .bwdpg-post-title a {
  font-size: clamp(1rem, 2vw + 1rem, 2.3rem);
}
.style-18 .bwdpg-item-wrapper .bwdpg-post-item:nth-child(3) {
  grid-row: 1/3;
  grid-column: 6/-1;
}
.style-18 .bwdpg-item-wrapper .bwdpg-post-item:nth-child(4) {
  grid-row: 3/-1;
  grid-column: 1/3;
}
.style-18 .bwdpg-item-wrapper .bwdpg-post-item:nth-child(5) {
  grid-row: 3/-1;
  grid-column: 6/-1;
}
.style-18 .bwdpg-item-wrapper .bwdpg-post-item::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: linear-gradient(180deg, #6938ef26 0%, #eb5e8166 100%);
  transition: all 0.3s linear;
  z-index: 1;
  pointer-events: none;
}
.style-18 .bwdpg-item-wrapper .bwdpg-post-item .bwdpg-post-image {
  height: 100%;
}
.style-18 .bwdpg-item-wrapper .bwdpg-post-item .bwdpg-post-content {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 20px;
  background: #00579738;
  z-index: 9;
}
.style-18 .bwdpg-item-wrapper .bwdpg-post-item .bwdpg-post-content .bwdpg-post-dateTime,
.style-18 .bwdpg-item-wrapper .bwdpg-post-item .bwdpg-post-content .exerpt p {
  color: #fff;
}
.style-18 .bwdpg-item-wrapper .bwdpg-post-item .bwdpg-post-content .bwdpg-post-title a {
  display: inline;
  color: #fff;
  background-repeat: no-repeat;
  background-image: linear-gradient(90deg, currentColor 0, currentColor 94%);
  transition: background-size 0.4s cubic-bezier(0.215, 0.61, 0.355, 1), opacity 0.5s ease;
  background-position: 100% 94%;
  background-size: 0 1px;
  position: relative;
  z-index: 3;
}
.style-18 .bwdpg-item-wrapper .bwdpg-post-item .bwdpg-post-meta-box {
  top: 5px;
  left: -100%;
  opacity: 0;
  z-index: 9;
}
.style-18 .bwdpg-item-wrapper .bwdpg-post-item .bwdpg-read-more {
  background: #037fff;
  border-radius: 30vmin;
  padding: 3px 10px;
}
.style-18 .bwdpg-item-wrapper .bwdpg-post-item .bwdpg-post-category a {
  background: #07bc0c;
  border-radius: 30vmin 0 0 30vmin;
  z-index: 9;
}
@media screen and (max-width: 768px) {
  .style-18 .bwdpg-item-wrapper .bwdpg-post-item:nth-child(1) {
    grid-row: 1/3;
    grid-column: 1/4;
  }
  .style-18 .bwdpg-item-wrapper .bwdpg-post-item:nth-child(2) {
    grid-row: 1/3;
    grid-column: 4/-1;
  }
  .style-18 .bwdpg-item-wrapper .bwdpg-post-item:nth-child(3) {
    grid-row: 3/5;
    grid-column: 1/4;
  }
  .style-18 .bwdpg-item-wrapper .bwdpg-post-item:nth-child(4) {
    grid-row: 3/5;
    grid-column: 4/-1;
  }
  .style-18 .bwdpg-item-wrapper .bwdpg-post-item:nth-child(5) {
    grid-row: 5/6;
    grid-column: 1/4;
  }
}
@media screen and (max-width: 575px) {
  .style-18 .bwdpg-item-wrapper .bwdpg-post-item:nth-child(1) {
    grid-row: 1/3;
    grid-column: 1/-1;
  }
  .style-18 .bwdpg-item-wrapper .bwdpg-post-item:nth-child(2) {
    grid-row: 3/5;
    grid-column: 1/-1;
  }
  .style-18 .bwdpg-item-wrapper .bwdpg-post-item:nth-child(3) {
    grid-row: 5/6;
    grid-column: 1/-1;
  }
  .style-18 .bwdpg-item-wrapper .bwdpg-post-item:nth-child(4) {
    grid-row: 6/7;
    grid-column: 1/-1;
  }
  .style-18 .bwdpg-item-wrapper .bwdpg-post-item:nth-child(5) {
    grid-row: 7/8;
    grid-column: 1/-1;
  }
}

.style-19 .bwdpg-item-wrapper {
  grid-template-columns: repeat(6, 1fr);
  grid-template-rows: 170px 170px 170px 170px;
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  grid-auto-rows: 280px;
}
.style-19 .bwdpg-item-wrapper .bwdpg-post-item {
  border-radius: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
}
.style-19 .bwdpg-item-wrapper .bwdpg-post-item:hover .bwdpg-post-content {
  left: 0;
}
.style-19 .bwdpg-item-wrapper .bwdpg-post-item:hover .bwdpg-post-meta-box {
  top: 22px;
  bottom: auto;
}
.style-19 .bwdpg-item-wrapper .bwdpg-post-item:nth-child(1) {
  grid-row: 1/3;
  grid-column: 1/4;
}
.style-19 .bwdpg-item-wrapper .bwdpg-post-item:nth-child(2) {
  grid-row: 1/3;
  grid-column: 4/-1;
}
.style-19 .bwdpg-item-wrapper .bwdpg-post-item:nth-child(3) {
  grid-row: 3/-1;
  grid-column: 1/3;
}
.style-19 .bwdpg-item-wrapper .bwdpg-post-item:nth-child(4) {
  grid-row: 3/-1;
  grid-column: 3/5;
}
.style-19 .bwdpg-item-wrapper .bwdpg-post-item:nth-child(5) {
  grid-row: 3/-1;
  grid-column: 5/-1;
}
.style-19 .bwdpg-item-wrapper .bwdpg-post-item::after {
  position: absolute;
  content: "";
  top: 15px;
  right: 15px;
  bottom: 15px;
  left: 15px;
  border: 2px solid #fffffff2;
  box-shadow: 0 0 0 15px rgba(255, 255, 255, 0.52);
  will-change: opacity;
  transition: opacity 0.3s, transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  pointer-events: none;
  z-index: 1;
}
.style-19 .bwdpg-item-wrapper .bwdpg-post-item .bwdpg-post-image {
  height: 100%;
}
.style-19 .bwdpg-item-wrapper .bwdpg-post-item .bwdpg-post-content {
  position: absolute;
  bottom: 0;
  left: -100%;
  width: 100%;
  padding: 20px;
  z-index: 9;
  background: #5f9ea0;
  height: 100%;
  display: flex;
  flex-direction: column;
}
.style-19 .bwdpg-item-wrapper .bwdpg-post-item .bwdpg-post-content .bwdpg-post-title a,
.style-19 .bwdpg-item-wrapper .bwdpg-post-item .bwdpg-post-content .bwdpg-post-dateTime,
.style-19 .bwdpg-item-wrapper .bwdpg-post-item .bwdpg-post-content .exerpt p {
  color: #fff;
}
.style-19 .bwdpg-item-wrapper .bwdpg-post-item .bwdpg-post-content .bwdpg-post-dateTime {
  margin-top: auto;
}
.style-19 .bwdpg-item-wrapper .bwdpg-post-item .bwdpg-post-content .bwdpg-post-title a {
  display: inline;
  background-repeat: no-repeat;
  background-image: linear-gradient(90deg, currentColor 0, currentColor 94%);
  transition: background-size 0.4s cubic-bezier(0.215, 0.61, 0.355, 1), opacity 0.5s ease;
  background-position: 100% 94%;
  background-size: 0 1px;
  position: relative;
  z-index: 3;
}
.style-19 .bwdpg-item-wrapper .bwdpg-post-item .bwdpg-post-content .bwdpg-read-more {
  width: -moz-max-content;
  width: max-content;
  border: 1px solid #fff;
}
.style-19 .bwdpg-item-wrapper .bwdpg-post-item .bwdpg-post-meta-box {
  bottom: 22px;
  left: 25px;
  top: auto;
  z-index: 9;
  background: #7a00df5e;
  padding: 8px;
  border-radius: 5px;
}
.style-19 .bwdpg-item-wrapper .bwdpg-post-item .bwdpg-post-meta-box .bwdpg-post-meta-content {
  color: #fff;
}
.style-19 .bwdpg-item-wrapper .bwdpg-post-item .bwdpg-post-meta-box .bwdpg-post-meta-content a {
  color: #fff;
}
.style-19 .bwdpg-item-wrapper .bwdpg-post-item .bwdpg-post-category a {
  background: #bb86fc;
  z-index: 9;
  border-radius: 0;
}
@media screen and (max-width: 768px) {
  .style-19 .bwdpg-item-wrapper .bwdpg-post-item:nth-child(1) {
    grid-row: 1/3;
    grid-column: 1/4;
  }
  .style-19 .bwdpg-item-wrapper .bwdpg-post-item:nth-child(2) {
    grid-row: 1/3;
    grid-column: 4/-1;
  }
  .style-19 .bwdpg-item-wrapper .bwdpg-post-item:nth-child(3) {
    grid-row: 3/5;
    grid-column: 1/4;
  }
  .style-19 .bwdpg-item-wrapper .bwdpg-post-item:nth-child(4) {
    grid-row: 3/5;
    grid-column: 4/-1;
  }
  .style-19 .bwdpg-item-wrapper .bwdpg-post-item:nth-child(5) {
    grid-row: 5/6;
    grid-column: 1/4;
  }
}
@media screen and (max-width: 575px) {
  .style-19 .bwdpg-item-wrapper .bwdpg-post-item:nth-child(1) {
    grid-row: 1/3;
    grid-column: 1/-1;
  }
  .style-19 .bwdpg-item-wrapper .bwdpg-post-item:nth-child(2) {
    grid-row: 3/5;
    grid-column: 1/-1;
  }
  .style-19 .bwdpg-item-wrapper .bwdpg-post-item:nth-child(3) {
    grid-row: 5/6;
    grid-column: 1/-1;
  }
  .style-19 .bwdpg-item-wrapper .bwdpg-post-item:nth-child(4) {
    grid-row: 6/7;
    grid-column: 1/-1;
  }
  .style-19 .bwdpg-item-wrapper .bwdpg-post-item:nth-child(5) {
    grid-row: 7/8;
    grid-column: 1/-1;
  }
}

.style-20 .bwdpg-item-wrapper {
  grid-template-columns: repeat(7, 1fr);
  grid-template-rows: 280px 280px;
  grid-column-gap: 1px;
  grid-row-gap: 1px;
  grid-auto-rows: 280px;
}
.style-20 .bwdpg-item-wrapper .bwdpg-post-item {
  border-radius: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
}
.style-20 .bwdpg-item-wrapper .bwdpg-post-item:nth-child(1) {
  grid-column: 1/3;
  grid-row: 1/2;
}
.style-20 .bwdpg-item-wrapper .bwdpg-post-item:nth-child(2) {
  grid-row: 1/2;
  grid-column: 3/6;
}
.style-20 .bwdpg-item-wrapper .bwdpg-post-item:nth-child(3) {
  grid-row: 1/2;
  grid-column: 6/-1;
}
.style-20 .bwdpg-item-wrapper .bwdpg-post-item:nth-child(4) {
  grid-row: 2/-1;
  grid-column: 1/4;
}
.style-20 .bwdpg-item-wrapper .bwdpg-post-item:nth-child(5) {
  grid-row: 2/-1;
  grid-column: 4/-1;
}
.style-20 .bwdpg-item-wrapper .bwdpg-post-item::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: linear-gradient(180deg, #00000000 0%, #000000c9 100%);
  transition: all 0.3s linear;
  z-index: 1;
  pointer-events: none;
}
.style-20 .bwdpg-item-wrapper .bwdpg-post-item .bwdpg-post-image {
  height: 100%;
}
.style-20 .bwdpg-item-wrapper .bwdpg-post-item .bwdpg-post-content {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 20px;
  z-index: 9;
}
.style-20 .bwdpg-item-wrapper .bwdpg-post-item .bwdpg-post-content .bwdpg-post-dateTime,
.style-20 .bwdpg-item-wrapper .bwdpg-post-item .bwdpg-post-content .exerpt p {
  color: #fff;
}
.style-20 .bwdpg-item-wrapper .bwdpg-post-item .bwdpg-post-content .bwdpg-post-title {
  margin: 0;
  margin-bottom: 10px;
}
.style-20 .bwdpg-item-wrapper .bwdpg-post-item .bwdpg-post-content .bwdpg-post-title a {
  display: inline;
  color: #fff;
  font-size: 20px;
  background-repeat: no-repeat;
  background-image: linear-gradient(90deg, currentColor 0, currentColor 94%);
  transition: background-size 0.4s cubic-bezier(0.215, 0.61, 0.355, 1), opacity 0.5s ease;
  background-position: 100% 94%;
  background-size: 0 1px;
  position: relative;
  z-index: 3;
}
.style-20 .bwdpg-item-wrapper .bwdpg-post-item .bwdpg-post-content .bwdpg-read-more {
  margin-top: 12px;
  background: #73b81c;
  padding: 3px 8px;
}
.style-20 .bwdpg-item-wrapper .bwdpg-post-item .bwdpg-post-meta-box {
  top: 22px;
  left: 25px;
  z-index: 9;
}
.style-20 .bwdpg-item-wrapper .bwdpg-post-item .bwdpg-post-category a {
  background: #bb86fc;
  z-index: 9;
  border-radius: 0;
}
@media screen and (max-width: 768px) {
  .style-20 .bwdpg-item-wrapper .bwdpg-post-item:nth-child(1) {
    grid-column: 1/4;
    grid-row: 1/2;
  }
  .style-20 .bwdpg-item-wrapper .bwdpg-post-item:nth-child(2) {
    grid-row: 1/2;
    grid-column: 4/-1;
  }
  .style-20 .bwdpg-item-wrapper .bwdpg-post-item:nth-child(3) {
    grid-row: 2/3;
    grid-column: 1/4;
  }
  .style-20 .bwdpg-item-wrapper .bwdpg-post-item:nth-child(4) {
    grid-row: 2/-1;
    grid-column: 4/-1;
  }
  .style-20 .bwdpg-item-wrapper .bwdpg-post-item:nth-child(5) {
    grid-row: 3/4;
    grid-column: 1/4;
  }
}
@media screen and (max-width: 575px) {
  .style-20 .bwdpg-item-wrapper .bwdpg-post-item:nth-child(1) {
    grid-row: 1/2;
    grid-column: 1/-1;
  }
  .style-20 .bwdpg-item-wrapper .bwdpg-post-item:nth-child(2) {
    grid-row: 2/3;
    grid-column: 1/-1;
  }
  .style-20 .bwdpg-item-wrapper .bwdpg-post-item:nth-child(3) {
    grid-row: 3/4;
    grid-column: 1/-1;
  }
  .style-20 .bwdpg-item-wrapper .bwdpg-post-item:nth-child(4) {
    grid-row: 4/5;
    grid-column: 1/-1;
  }
  .style-20 .bwdpg-item-wrapper .bwdpg-post-item:nth-child(5) {
    grid-row: 5/6;
    grid-column: 1/-1;
  }
}

.bwdpg-pagination {
  max-width: 100% !important;
  margin-top: 50px;
  padding: 0;
}
.bwdpg-pagination li {
  list-style: none;
  display: flex;
  gap: 5px;
}
.bwdpg-pagination li .page-numbers.current {
  background: #6495ed;
  padding: 2px 13px;
  border-radius: 3px;
  color: #fff;
}
.bwdpg-pagination li a {
  color: #fff !important;
  font-size: 14px;
  text-decoration: none;
  background-color: #0b0074;
  padding: 10px 15px;
  border-radius: 3px;
  display: flex;
  align-items: center;
  gap: 5px;
  line-height: 1;
  transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
}
.bwdpg-pagination li a:hover {
  background: #6495ed;
}
.bwdpg-pagination li a svg {
  fill: #fff;
  width: 14px;
}

.site .bwdpg-pagination a:focus {
  outline: none !important;
  text-decoration: none !important;
  background: #6495ed !important;
}

.bwdpg-item-wrapper.animation {
  opacity: 0;
  visibility: hidden;
}

.bwdpg-item-wrapper.animation.animate {
  opacity: 1;
  visibility: visible;
}

.animate {
  animation-duration: 1500ms;
  animation-delay: 0ms;
}

.animate.bwd_animate__slideInLeft {
  animation-name: slideInLeft;
}

@keyframes slideInLeft {
  0% {
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
.animate.bwd_animate__fadeIn {
  animation-name: fadein;
}

@keyframes fadein {
  0% {
    opacity: 0;
    transform: translateY(-10px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes fadeInDown {
  0% {
    opacity: 0;
    transform: translate3d(0, -100%, 0);
  }
  to {
    opacity: 1;
    transform: translateZ(0);
  }
}
.animate.bwd_animate__fadeInDown {
  animation-name: fadeInDown;
}

@keyframes fadeInLeft {
  0% {
    opacity: 0;
    transform: translate3d(-100%, 0, 0);
  }
  to {
    opacity: 1;
    transform: translateZ(0);
  }
}
.animate.bwd_animate__fadeInLeft {
  animation-name: fadeInLeft;
}

@keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    transform: translate3d(-2000px, 0, 0);
  }
  to {
    opacity: 1;
    transform: translateZ(0);
  }
}
.animate.bwd_animate__fadeInLeftBig {
  animation-name: fadeInLeftBig;
}

@keyframes fadeInRight {
  0% {
    opacity: 0;
    transform: translate3d(100%, 0, 0);
  }
  to {
    opacity: 1;
    transform: translateZ(0);
  }
}
.animate.bwd_animate__fadeInRight {
  animation-name: fadeInRight;
}
@keyframes fadeInRightBig {
  0% {
    opacity: 0;
    transform: translate3d(2000px, 0, 0);
  }
  to {
    opacity: 1;
    transform: translateZ(0);
  }
}
.animate.bwd_animate__fadeInRightBig {
  animation-name: fadeInRightBig;
}

@keyframes fadeInUp {
  0% {
    opacity: 0;
    transform: translate3d(0, 100%, 0);
  }
  to {
    opacity: 1;
    transform: translateZ(0);
  }
}
.animate.bwd_animate__fadeInUp {
  animation-name: fadeInUp;
}

@keyframes fadeInBackward {
  0% {
    opacity: 0;
    transform: scale(1.4);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}
.animate.bwd_animate__fadeInBackward {
  animation-name: fadeInBackward;
}

@keyframes fadeInForward {
  0% {
    opacity: 0;
    transform: scale(0.6);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}
.animate.bwd_animate__fadeInForward {
  animation-name: fadeInForward;
}

@keyframes slideInLeft {
  0% {
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
.animate.bwd_animate__slideInLeft {
  animation-name: slideInLeft;
}

@keyframes slideInRight {
  0% {
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
.animate.bwd_animate__slideInRight {
  animation-name: slideInRight;
}

@keyframes slideInUp {
  0% {
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
.animate.bwd_animate__slideInUp {
  animation-name: slideInUp;
}

@keyframes slideInDown {
  0% {
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
.animate.bwd_animate__slideInDown {
  animation-name: slideInDown;
}

@keyframes scaleForwardBottom {
  0% {
    transform: scale(0);
    transform-origin: 50% 100%;
  }
  100% {
    transform: scale(1);
    transform-origin: 50% 100%;
  }
}
.animate.bwd_animate__scaleForwardBottom {
  animation-name: scaleForwardBottom;
}

@keyframes scaleForwardCenter {
  0% {
    transform: scale(0);
  }
  100% {
    transform: scale(1);
  }
}
.animate.bwd_animate__scaleForwardCenter {
  animation-name: scaleForwardCenter;
}

@keyframes scaleForwardLeft {
  0% {
    transform: scale(0);
    transform-origin: 0% 50%;
  }
  100% {
    transform: scale(1);
    transform-origin: 0% 50%;
  }
}
.animate.bwd_animate__scaleForwardLeft {
  animation-name: scaleForwardLeft;
}

@keyframes scaleForwardRight {
  0% {
    transform: scale(0);
    transform-origin: 100% 50%;
  }
  100% {
    transform: scale(1);
    transform-origin: 100% 50%;
  }
}
.animate.bwd_animate__scaleForwardRight {
  animation-name: scaleForwardRight;
}

@keyframes scaleForwardTop {
  0% {
    transform: scale(0);
    transform-origin: 100% 50%;
  }
  100% {
    transform: scale(1);
    transform-origin: 100% 50%;
  }
}
.animate.bwd_animate__scaleForwardTop {
  animation-name: scaleForwardTop;
}

@keyframes scaleForwardHorizontalCenter {
  0% {
    transform: scaleX(0);
  }
  100% {
    transform: scaleX(1);
  }
}
.animate.bwd_animate__scaleForwardHorizontalCenter {
  animation-name: scaleForwardHorizontalCenter;
}

@keyframes scaleForwardHorizontalLeft {
  0% {
    transform: scaleX(0);
    transform-origin: 0% 0%;
  }
  100% {
    transform: scaleX(1);
    transform-origin: 0% 0%;
  }
}
.animate.bwd_animate__scaleForwardHorizontalLeft {
  animation-name: scaleForwardHorizontalLeft;
}

@keyframes scaleForwardHorizontalRight {
  0% {
    transform: scaleX(0);
    transform-origin: 100% 100%;
  }
  100% {
    transform: scaleX(1);
    transform-origin: 100% 100%;
  }
}
.animate.bwd_animate__scaleForwardHorizontalRight {
  animation-name: scaleForwardHorizontalRight;
}

@keyframes scaleForwardVerticalBottom {
  0% {
    transform: scaleY(0);
    transform-origin: 0% 100%;
  }
  100% {
    transform: scaleY(1);
    transform-origin: 0% 100%;
  }
}
.animate.bwd_animate__scaleForwardVerticalBottom {
  animation-name: scaleForwardVerticalBottom;
}

@keyframes scaleForwardVerticalCenter {
  0% {
    transform: scaleY(0);
  }
  100% {
    transform: scaleY(1);
  }
}
.animate.bwd_animate__scaleForwardVerticalCenter {
  animation-name: scaleForwardVerticalCenter;
}

@keyframes scaleForwardVerticalTop {
  0% {
    transform: scaleY(0);
    transform-origin: 100% 0%;
  }
  100% {
    transform: scaleY(1);
    transform-origin: 100% 0%;
  }
}
.animate.bwd_animate__scaleForwardVerticalTop {
  animation-name: scaleForwardVerticalTop;
}

@keyframes scaleInBackwardBottom {
  0% {
    transform: scale(2);
    transform-origin: 50% 0%;
  }
  100% {
    transform: scale(1);
    transform-origin: 50% 0%;
  }
}
.animate.bwd_animate__scaleInBackwardBottom {
  animation-name: scaleInBackwardBottom;
}

@keyframes scaleInBackwardCenter {
  0% {
    transform: scale(2);
  }
  100% {
    transform: scale(1);
  }
}
.animate.bwd_animate__scaleInBackwardCenter {
  animation-name: scaleInBackwardCenter;
}

@keyframes scaleInBackwardLeft {
  0% {
    transform: scale(2);
    transform-origin: 100% 50%;
  }
  100% {
    transform: scale(1);
    transform-origin: 100% 50%;
  }
}
.animate.bwd_animate__scaleInBackwardLeft {
  animation-name: scaleInBackwardLeft;
}

@keyframes scaleInBackwardRight {
  0% {
    transform: scale(2);
    transform-origin: 100% 50%;
  }
  100% {
    transform: scale(1);
    transform-origin: 100% 50%;
  }
}
.animate.bwd_animate__scaleInBackwardRight {
  animation-name: scaleInBackwardRight;
}

@keyframes scaleInBackwardTop {
  0% {
    transform: scale(2);
    transform-origin: 50% 100%;
  }
  100% {
    transform: scale(1);
    transform-origin: 50% 100%;
  }
}
.animate.bwd_animate__scaleInBackwardTop {
  animation-name: scaleInBackwardTop;
}

@keyframes swingForwardBottom {
  0% {
    opacity: 0;
    transform: rotateX(100deg);
    transform-origin: bottom;
  }
  100% {
    opacity: 1;
    transform: rotateX(0);
    transform-origin: bottom;
  }
}
.animate.bwd_animate__swingForwardBottom {
  animation-name: swingForwardBottom;
}

@keyframes swingForwardLeft {
  0% {
    opacity: 0;
    transform: rotateY(100deg);
    transform-origin: left;
  }
  100% {
    opacity: 1;
    transform: rotateY(0);
    transform-origin: left;
  }
}
.animate.bwd_animate__swingForwardLeft {
  animation-name: swingForwardLeft;
}

@keyframes swingForwardRight {
  0% {
    opacity: 0;
    transform: rotateY(100deg);
    transform-origin: left;
  }
  100% {
    opacity: 1;
    transform: rotateY(0);
    transform-origin: left;
  }
}
.animate.bwd_animate__swingForwardRight {
  animation-name: swingForwardRight;
}

@keyframes swingForwardTop {
  0% {
    opacity: 0;
    transform: rotateX(-100deg);
    transform-origin: top;
  }
  100% {
    opacity: 1;
    transform: rotateX(0deg);
    transform-origin: top;
  }
}
.animate.bwd_animate__swingForwardTop {
  animation-name: swingForwardTop;
}

@keyframes swingForwardBottom {
  0% {
    opacity: 0;
    transform: rotateX(-70deg);
    transform-origin: bottom;
  }
  100% {
    opacity: 1;
    transform: rotateX(0);
    transform-origin: bottom;
  }
}
.animate.bwd_animate__swingForwardBottom {
  animation-name: swingForwardBottom;
}

@keyframes swingForwardLeft {
  0% {
    opacity: 0;
    transform: rotateY(-70deg);
    transform-origin: left;
  }
  100% {
    opacity: 1;
    transform: rotateY(0);
    transform-origin: left;
  }
}
.animate.bwd_animate__swingForwardLeft {
  animation-name: swingForwardLeft;
}

@keyframes zoomIn {
  0% {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
  }
  50% {
    opacity: 1;
  }
}
.animate.bwd_animate__zoomIn {
  animation-name: zoomIn;
}

@keyframes lightSpeedInRight {
  0% {
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }
  60% {
    transform: skewX(20deg);
    opacity: 1;
  }
  80% {
    transform: skewX(-5deg);
  }
  to {
    transform: translateZ(0);
  }
}
.animate.bwd_animate__lightSpeedInRight {
  animation-name: lightSpeedInRight;
  animation-timing-function: ease-out;
}

@keyframes lightSpeedInLeft {
  0% {
    transform: translate3d(-100%, 0, 0) skewX(30deg);
    opacity: 0;
  }
  60% {
    transform: skewX(-20deg);
    opacity: 1;
  }
  80% {
    transform: skewX(5deg);
  }
  to {
    transform: translateZ(0);
  }
}
.animate.bwd_animate__lightSpeedInLeft {
  animation-name: lightSpeedInLeft;
  animation-timing-function: ease-out;
}

@keyframes zoomInDown {
  0% {
    opacity: 0;
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.animate.bwd_animate__zoomInDown {
  animation-name: zoomInDown;
}

@keyframes zoomInUp {
  0% {
    opacity: 0;
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.animate.bwd_animate__zoomInUp {
  animation-name: zoomInUp;
}

@keyframes zoomInLeft {
  0% {
    opacity: 0;
    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.animate.bwd_animate__zoomInLeft {
  animation-name: zoomInLeft;
}

@keyframes zoomInRight {
  0% {
    opacity: 0;
    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.animate.bwd_animate__zoomInRight {
  animation-name: zoomInRight;
}

@keyframes bounceIn {
  0%, 20%, 40%, 60%, 80%, to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
  }
  20% {
    transform: scale3d(1.1, 1.1, 1.1);
  }
  40% {
    transform: scale3d(0.9, 0.9, 0.9);
  }
  60% {
    opacity: 1;
    transform: scale3d(1.03, 1.03, 1.03);
  }
  80% {
    transform: scale3d(0.97, 0.97, 0.97);
  }
  to {
    opacity: 1;
    transform: scaleX(1);
  }
}
.animate.bwd_animate__bounceIn {
  animation-name: bounceIn;
}

@keyframes bounceInDown {
  0%, 60%, 75%, 90%, to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    transform: translate3d(0, -3000px, 0) scaleY(3);
  }
  60% {
    opacity: 1;
    transform: translate3d(0, 25px, 0) scaleY(0.9);
  }
  75% {
    transform: translate3d(0, -10px, 0) scaleY(0.95);
  }
  90% {
    transform: translate3d(0, 5px, 0) scaleY(0.985);
  }
  to {
    transform: translateZ(0);
  }
}
.animate.bwd_animate__bounceInDown {
  animation-name: bounceInDown;
}

@keyframes bounceInLeft {
  0%, 60%, 75%, 90%, to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    transform: translate3d(-3000px, 0, 0) scaleX(3);
  }
  60% {
    opacity: 1;
    transform: translate3d(25px, 0, 0) scaleX(1);
  }
  75% {
    transform: translate3d(-10px, 0, 0) scaleX(0.98);
  }
  90% {
    transform: translate3d(5px, 0, 0) scaleX(0.995);
  }
  to {
    transform: translateZ(0);
  }
}
.animate.bwd_animate__bounceInLeft {
  animation-name: bounceInLeft;
}

@keyframes bounceInRight {
  0%, 60%, 75%, 90%, to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    transform: translate3d(3000px, 0, 0) scaleX(3);
  }
  60% {
    opacity: 1;
    transform: translate3d(-25px, 0, 0) scaleX(1);
  }
  75% {
    transform: translate3d(10px, 0, 0) scaleX(0.98);
  }
  90% {
    transform: translate3d(-5px, 0, 0) scaleX(0.995);
  }
  to {
    transform: translateZ(0);
  }
}
.animate.bwd_animate__bounceInRight {
  animation-name: bounceInRight;
}

@keyframes bounceInUp {
  0%, 60%, 75%, 90%, to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    transform: translate3d(0, 3000px, 0) scaleY(5);
  }
  60% {
    opacity: 1;
    transform: translate3d(0, -20px, 0) scaleY(0.9);
  }
  75% {
    transform: translate3d(0, 10px, 0) scaleY(0.95);
  }
  90% {
    transform: translate3d(0, -5px, 0) scaleY(0.985);
  }
  to {
    transform: translateZ(0);
  }
}
.animate.bwd_animate__bounceInUp {
  animation-name: bounceInUp;
}

@keyframes backInLeft {
  0% {
    transform: translateX(-2000px) scale(0.7);
    opacity: 0.7;
  }
  80% {
    transform: translateX(0) scale(0.7);
    opacity: 0.7;
  }
  to {
    transform: scale(1);
    opacity: 1;
  }
}
.animate.bwd_animate__backInLeft {
  animation-name: backInLeft;
}

@keyframes backInRight {
  0% {
    transform: translateX(2000px) scale(0.7);
    opacity: 0.7;
  }
  80% {
    transform: translateX(0) scale(0.7);
    opacity: 0.7;
  }
  to {
    transform: scale(1);
    opacity: 1;
  }
}
.animate.bwd_animate__backInRight {
  animation-name: backInRight;
}

@keyframes backInDown {
  0% {
    transform: translateY(-1200px) scale(0.7);
    opacity: 0.7;
  }
  80% {
    transform: translateY(0) scale(0.7);
    opacity: 0.7;
  }
  to {
    transform: scale(1);
    opacity: 1;
  }
}
.animate.bwd_animate__backInDown {
  animation-name: backInDown;
}

@keyframes backInUp {
  0% {
    transform: translateY(1200px) scale(0.7);
    opacity: 0.7;
  }
  80% {
    transform: translateY(0) scale(0.7);
    opacity: 0.7;
  }
  to {
    transform: scale(1);
    opacity: 1;
  }
}
.animate.bwd_animate__backInUp {
  animation-name: backInUp;
}

@keyframes flip {
  0% {
    transform: perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);
    animation-timing-function: ease-out;
  }
  40% {
    transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);
    animation-timing-function: ease-out;
  }
  50% {
    transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);
    animation-timing-function: ease-in;
  }
  80% {
    transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translateZ(0) rotateY(0deg);
    animation-timing-function: ease-in;
  }
  to {
    transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);
    animation-timing-function: ease-in;
  }
}
.animate.bwd_animate__animated.animate__flip {
  -webkit-backface-visibility: visible;
  backface-visibility: visible;
  animation-name: flip;
}

@keyframes flipInX {
  0% {
    transform: perspective(400px) rotateX(90deg);
    animation-timing-function: ease-in;
    opacity: 0;
  }
  40% {
    transform: perspective(400px) rotateX(-20deg);
    animation-timing-function: ease-in;
  }
  60% {
    transform: perspective(400px) rotateX(10deg);
    opacity: 1;
  }
  80% {
    transform: perspective(400px) rotateX(-5deg);
  }
  to {
    transform: perspective(400px);
  }
}
.animate.bwd_animate__flipInX {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  animation-name: flipInX;
}

@keyframes flipInY {
  0% {
    transform: perspective(400px) rotateY(90deg);
    animation-timing-function: ease-in;
    opacity: 0;
  }
  40% {
    transform: perspective(400px) rotateY(-20deg);
    animation-timing-function: ease-in;
  }
  60% {
    transform: perspective(400px) rotateY(10deg);
    opacity: 1;
  }
  80% {
    transform: perspective(400px) rotateY(-5deg);
  }
  to {
    transform: perspective(400px);
  }
}
.animate.bwd_animate__flipInY {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  animation-name: flipInY;
}

.wp-block-bwdpg-post-grid {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}
.wp-block-bwdpg-post-grid.container {
  max-width: 1200px !important;
}
.wp-block-bwdpg-post-grid.full-width {
  max-width: none !important;
}

.has-global-padding:has(.wp-block-bwdpg-post-grid.full-width) {
  padding-left: 0;
  padding-right: 0;
}

@media (max-width: 767px) {
  .bwdpg-item-wrapper {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 575px) {
  .bwdpg-item-wrapper {
    grid-template-columns: repeat(1, 1fr);
  }
}
.bwdpg-header-title {
  display: flex;
  flex-direction: column;
  margin-bottom: 15px;
}
.bwdpg-header-title h2, .bwdpg-header-title p {
  margin: 0;
}
.bwdpg-header-title div {
  width: 100%;
  height: 2px;
  background: #0006ff;
  display: block;
}
/*!*******************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[3].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[3].use[3]!./src/controls/res-rangle-control/style.scss ***!
  \*******************************************************************************************************************************************************************************************************************************************************************/
.bwd-res-rangle-control .bwd-label {
  font-weight: 500;
}
.bwd-res-rangle-control .bwd-resicon-unit-wrap {
  display: flex;
  justify-content: space-between;
  margin-bottom: 5px;
}
.bwd-res-rangle-control .bwd-res-controls .components-range-control__reset.is-small {
  min-width: 43px;
  border: 1px solid #00bcd4;
  box-shadow: none;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
}
.bwd-res-rangle-control .bwd-res-btn {
  display: flex;
  gap: 5px;
  align-items: center;
  justify-content: flex-start;
}
.bwd-res-rangle-control .bwd-res-btn .components-button {
  justify-content: center;
  min-width: 36px;
  padding: 0px;
  height: 16px;
  min-width: 1px;
  width: 20px;
  background: #fff;
  color: #9b9a9a;
  border: 1px solid #ddd;
  box-shadow: none;
}
.bwd-res-rangle-control .bwd-res-btn .components-button span {
  font-size: 11px;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
  margin: 0;
}
.bwd-res-rangle-control .bwd-res-btn .components-button:hover {
  background: #0000;
  color: #000;
}
.bwd-res-rangle-control .bwd-res-btn .components-button.is-primary {
  color: #000;
  background: #00e2ff54;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
}
.bwd-res-rangle-control .bwd-res-btn .components-button.is-primary:focus:not(:disabled) {
  box-shadow: none;
}
.bwd-res-rangle-control .bwd-res-btn .components-button.is-primary:active:not(:disabled) {
  background-color: #ddd;
  color: #000;
  border: none;
}
.bwd-res-rangle-control .bwd-res-btn .components-button.is-secondary {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
}
.bwd-res-rangle-control .bwd-res-btn .components-button.is-secondary:hover:not(:disabled) {
  box-shadow: none;
}
.bwd-res-rangle-control .units-wrapper .components-button {
  padding-bottom: 2px;
  font-size: 11px;
  height: 15px;
  padding: 0 3px 2px;
}
.bwd-res-rangle-control .units-wrapper .components-button.is-secondary {
  box-shadow: none;
}
.bwd-res-rangle-control .units-wrapper .components-button.is-secondary:hover:not(:disabled) {
  box-shadow: none;
}
.bwd-res-rangle-control .units-wrapper .components-button.is-primary {
  background: #0000;
  color: #000;
}
.bwd-res-rangle-control .units-wrapper .components-button.is-primary:hover:not(:disabled) {
  background: #fff;
  color: #000;
}
.bwd-res-rangle-control .units-wrapper .components-button.is-primary:focus:not(:disabled) {
  box-shadow: none;
}
/*!**************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[3].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[3].use[3]!./src/controls/color-control/style.scss ***!
  \**************************************************************************************************************************************************************************************************************************************************************/
.bdt-color-control-wrapper .bdt-color-control {
  line-height: 1;
  border: navajowhite;
  background: #0000;
  cursor: pointer;
}
.bdt-color-control-wrapper .bdt-color-control.components-button:focus:not(:disabled) {
  box-shadow: none;
}
.bdt-color-control-wrapper .bdt-color-control .component-color-indicator {
  background-image: linear-gradient(45deg, #ddd 25%, transparent 0), linear-gradient(-45deg, #ddd 25%, transparent 0), linear-gradient(45deg, transparent 75%, #ddd 0), linear-gradient(-45deg, transparent 75%, #ddd 0);
  background-size: 10px 10px;
  background-position: 0 0, 0 5px, 5px -5px, -5px 0;
  width: 24px;
  height: 24px;
}

.bdt-clear-btn {
  background: #ddd;
  background: #fff5f5;
  border: 1px solid #ddd;
  margin-left: 15px;
  margin-bottom: 7px;
  line-height: 1;
  font-weight: 500;
  padding: 5px 14px 7px;
  border-radius: 5px;
  box-shadow: 0 0 5px #0000002b;
  cursor: pointer;
}

.bdt-color-control-wrapper .components-base-control__label,
.bdt-color-control-wrapper .components-base-control__field,
.bdt-color-control-wrapper .components-base-control {
  margin-bottom: 0 !important;
}
/*!**********************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[3].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[3].use[3]!./src/controls/tab-panel/style.scss ***!
  \**********************************************************************************************************************************************************************************************************************************************************/
.bwd-tab-panel {
  margin-top: 20px;
  background: #f8f8ff;
}
.bwd-tab-panel .bwd-tab {
  width: 100%;
  background: #e7ffe7;
  justify-content: center;
  border-top: 2px solid #0000;
  height: 55px;
  flex-direction: column;
  gap: 5px;
}
.bwd-tab-panel .bwd-tab:hover {
  color: unset;
}
.bwd-tab-panel .bwd-tab.active-tab {
  border-top: 2px solid #8a2be2;
  background: #ffefeff0;
  border-bottom: 2px solid #8a2be2;
  color: #8a2be2;
}

.bwd-global-tab .components-tab-panel__tabs {
  box-shadow: 0 0 1px #1818189e;
}
.bwd-global-tab .components-tab-panel__tabs .bwd-tab {
  border-top: unset;
  border-bottom: unset;
  height: 40px;
}
/*!**********************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[3].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[3].use[3]!./src/controls/alignment/style.scss ***!
  \**********************************************************************************************************************************************************************************************************************************************************/
.bwd-Alignment {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 30px;
}
.bwd-Alignment .bwd-label {
  margin: 0;
  font-weight: 500;
}
.bwd-Alignment .bwd-single-icon {
  background: #0000;
  border: 1px solid #ddd;
  cursor: pointer;
  padding: 3px;
}
.bwd-Alignment .bwd-single-icon span {
  height: 16px;
  font-size: 16px;
}
.bwd-Alignment .bwd-single-icon.active {
  background: #00ced1;
}
/*!***********************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[3].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[3].use[3]!./src/controls/typography/style.scss ***!
  \***********************************************************************************************************************************************************************************************************************************************************/
.bwdtm-typography-wrapper {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 25px;
}
.bwdtm-typography-wrapper .bwdtm-typography-edit {
  border-radius: 50%;
  height: 35px;
  width: 35px;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  right: 26px;
}
.bwdtm-typography-wrapper .bwdtm-typography-edit span {
  color: #008eff;
}
.bwdtm-typography-wrapper #typography-control {
  font-weight: 500;
}

.components-popover__content {
  width: 280px;
  padding: 20px;
  position: relative;
}
/*!******************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[3].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[3].use[3]!./src/controls/dimension-control/style.scss ***!
  \******************************************************************************************************************************************************************************************************************************************************************/
.bwd-dimension-control-wrap .bwd-res-rangle-control {
  display: flex;
  justify-content: space-between;
  margin-bottom: 10px;
}
.bwd-dimension-control-wrap .bwd-res-rangle-control .components-input-control__backdrop {
  border-radius: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
}
.bwd-dimension-control-wrap .components-range-control__wrapper {
  display: none;
}
.bwd-dimension-control-wrap .components-base-control {
  margin-left: 0 !important;
  margin-bottom: 0 !important;
}
.bwd-dimension-control-wrap .components-base-control:last-child {
  margin-bottom: 0 !important;
}
.bwd-dimension-control-wrap .components-base-control .components-base-control__field {
  margin-bottom: 0 !important;
}
.bwd-dimension-control-wrap .components-base-control .components-base-control__field .components-base-control__label {
  margin-bottom: 0 !important;
}
.bwd-dimension-control-wrap .bwd-dimension-label {
  font-weight: 500;
}
.bwd-dimension-control-wrap .bwd-dimension-control {
  display: flex;
}
.bwd-dimension-control-wrap .bwd-dimension-control .bwd-res-controls {
  width: 100%;
}
.bwd-dimension-control-wrap .bwd-dimension-control .bwd-res-controls .bwd-single-rangle {
  display: flex;
}
.bwd-dimension-control-wrap .bwd-dimension-control .bwd-res-controls .bwd-single-rangle .components-input-control__backdrop {
  border-radius: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
}
.bwd-dimension-control-wrap .bwd-dimension-control .bwd-res-controls .bwd-single-rangle .components-base-control__field {
  display: flex;
  flex-direction: column-reverse;
  text-align: center;
}
.bwd-dimension-control-wrap .bwd-dimension-control .bwd-res-controls .bwd-single-rangle .components-base-control__field .components-input-control__input {
  padding-right: 2px !important;
}
.bwd-dimension-control-wrap .bwd-dimension-control .bwd-res-controls .bwd-single-rangle .components-base-control__field .components-input-control__backdrop {
  border-right: none !important;
}
.bwd-dimension-control-wrap .bwd-dimension-control .bwd-res-controls .bwd-single-rangle .components-base-control__field .components-input-control__container {
  width: 56px !important;
}
.bwd-dimension-control-wrap .bwd-dimension-control .bwd-dimension-link .components-button {
  height: 30px;
  padding: 6px 9px;
  border-color: #00BCD4 !important;
  border-radius: 0 5px 5px 0;
}
.bwd-dimension-control-wrap .bwd-dimension-control .bwd-dimension-link .components-button.is-primary {
  background: #007cba;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
}
.bwd-dimension-control-wrap .bwd-dimension-control .bwd-dimension-link .components-button.is-primary:hover {
  background: #007cba;
}
.bwd-dimension-control-wrap .bwd-dimension-control .bwd-dimension-link .components-button.is-primary:focus {
  box-shadow: none;
}
.bwd-dimension-control-wrap .bwd-dimension-control .bwd-dimension-link .components-button.is-secondary:focus {
  border: 1px solid;
}
.bwd-dimension-control-wrap .bwd-dimension-control .bwd-dimension-link .components-button span {
  height: 16px;
  font-size: 16px;
}
/*!***************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[3].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[3].use[3]!./src/controls/border-control/style.scss ***!
  \***************************************************************************************************************************************************************************************************************************************************************/
.bwdtm-border-label {
  margin-bottom: 10px;
  font-weight: 500;
}

.bwdtm-colorPicker-wrapper {
  position: relative;
}
.bwdtm-colorPicker-wrapper .bwdtm-reset-button {
  background: #e74c3c;
  color: #fff;
  border-radius: 5px;
  height: 30px;
  position: absolute;
  right: 0px;
  bottom: 36px;
  font-weight: 500;
  padding: 5px 13px 6px;
}
/*!*******************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[3].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[3].use[3]!./src/controls/box-shadow-control/style.scss ***!
  \*******************************************************************************************************************************************************************************************************************************************************************/
.bwdtm-box-shadow {
  font-weight: 500;
}

.bwdtm-colorPiker-wrapper {
  position: relative;
}
.bwdtm-colorPiker-wrapper .reset-button {
  background: #e74c3c;
  color: #fff;
  border-radius: 5px;
  height: 30px;
  position: absolute;
  right: 0px;
  bottom: 36px;
  font-weight: 500;
  padding: 5px 13px 6px;
}

/*# sourceMappingURL=style-index.css.map*/