@media(min-width:1024px) {
     .post-grid {
         display: grid;
         grid-template-columns: 1fr 1fr 1fr !important;
         gap: 20px;
     }
 }

 @media(min-width:451px) {
     .post-grid {
         display: grid;
         grid-template-columns: 1fr 1fr;
         gap: 20px;
     }
 }

 .allblg .blogmetafield {
     display: inline-flex;
     align-items: left;
     width: 100%;
     padding: 0px 10px;
     justify-content: normal !important;
     gap: 10px;
     flex-direction: row !important;
 }

 @media(max-width:450px) {
     .post-grid {
         display: grid;
         grid-template-columns: 1fr;
         gap: 20px;
     }
 }

 .post-categories {
     display: flex;
     align-items: center;
 }

 .post-itemss h3 {
     text-align: left;
     margin: 5px 0px 0px 0px;
     font-family: 'Poppins';
     font-weight: 600;
     overflow: hidden;
     display: -webkit-box;
     -webkit-line-clamp: 2;
     line-clamp: 3;
     -webkit-box-orient: vertical;
     font-size: 18px !important;
 }

 .post-contentss {
     text-align: left;
     overflow: hidden;
     display: -webkit-inline-box;
     -webkit-line-clamp: 3;
     -webkit-box-orient: vertical;
     /*font-family: "Open Sans", sans-serif;*/
     /*font-weight: 400;*/
     padding: 0px 15px;
     /*line-height: 22px;*/
 }

 .post-itemss {
     border: 1px solid #ddd;
     padding: 0;
     border-radius: 5px;
     box-shadow: 0px 0px 10px #d6bfbf;
     background-color: white;
     flex: 0 0 33%;
     min-width: 33%;
 }

 .post-thumbnailss img {
     width: 100%;
     height: 200px;
     transform:scale(1.0);
     transition:transform .3s ease-in-out;
 }
  .post-thumbnailss img:hover {
     transform:scale(1.1);
     transition:transform .3s ease-in-out;
 }

 .post-thumbnailss {
     overflow: hidden;
     position: relative;
     border-radius: 5px 5px 0 0;
 }

 .allsideblg .post-categories {
     display: none;
 }

 .post-category {
     font-weight: 500;
     font-size: 15px;
     font-family: "Open Sans", sans-serif;
     color: #0d1a62 !important;
     font-size: 14px;
 }

 @media(max-width:768px) {
     .post-category {
         font-weight: 500;
         font-size: 14px !important;
         color: #0d1a62 !important;
         padding: 0px 0px;
         border-radius: 30px;
         line-height: 15px;
     }
 }

 .post-date {
     font-size: 14px;
 }

 .post-itemss a {
     font-weight:500 !important;
 }

 .post-li a {
     color: #F7941D !important;
 }

 .post-thumbnailsss img {
     width: 100%;
     height: auto;
     transition: transform .3s ease-in-out;
 }

 .post-thumbnailsss:hover img {
     width: 100%;
     height: auto;
     border-radius: 5px 5px 0 0;
     padding: 0px;
     transform: scale(1.2);
 }

 .post-itemsss {
     margin-bottom: 20px;
     width: 85%;
     transform: translate(9%, 0px);
     border: 1px solid #ddd;
     box-shadow: 0px 0px 10px #d6bfbf;
     background-color: white;
 }

 .post-thumbnailsss {
     overflow: hidden;
     position: relative;
     border-radius: 5px 5px 0 0;
     transition: transform .3s ease-in-out;
 }

 .post-itemsss h3 {
     padding: 0px 10px 0px 10px;
     text-align: center;
     position: absolute;
     bottom: 20%;
     font-size: 35px;
     background-color: #0000009e;
 }

 @media( ax-width:600px) {
     .post-itemsss h3 {
         padding: 0px 10px 0px 10px;
         text-align: center;
         position: absolute;
         bottom: 20%;
         font-size: 16px;
         background-color: #0000009e;
     }
 }

 .post-category+.post-category::before,
 .archive-category+.archive-category::before {
     content: " \002F ";
     margin-left: 5px;
     margin-right: 5px;
 }

 @media(min-width:451px) {
     .posts-grids {
         display: flex;
         gap: 20px;
         overflow: scroll;
         scrollbar-width: none;
     }
 }

 @media(max-width:450px) {
     .posts-grids {
         display: grid;
         grid-template-columns: 1fr;
         gap: 20px;
     }
 }

 .posts-categoriess {
     display: flex;
     padding: 0px 0px 0px 20px;
 }

 .posts-itemsss h3 {
     margin-top: 10px !important;
     text-align: left;
     margin: 0;
     font-family: "Open Sans", sans-serif;
     font-weight: 600;
     overflow: hidden;
     display: -webkit-box;
     -webkit-line-clamp: 2;
     line-clamp: 3;
     -webkit-box-orient: vertical;
     font-size: 18px;
 }

 .posts-itemsss a {
     color: #0d1a62 !important;
 }

 .posts-categoriess {
     display: none;
 }

 .posts-contentsss {
     text-align: left;
     overflow: hidden;
     display: -webkit-inline-box;
     -webkit-line-clamp: 3;
     -webkit-box-orient: vertical;
     font-family: "Open Sans", sans-serif;
     font-weight: 400;
     padding: 0px 20px;
     line-height: 22px;
 }

 .posts-itemsss {
     border: 1px solid #ddd;
     padding: 0;
     border-radius: 20px;
     box-shadow: 0px 0px 10px #d6bfbf;
     background-color: white;
     flex: 0 0 25%;
     min-width: 33%;
 }

 .posts-thumbnailsss img {
     width: 100%;
     height: 170px;
     transition: transform .3s ease-in-out;
 }

 .posts-thumbnailsss {
     overflow: hidden;
     position: relative;
     border-radius: 20px 20px 0 0;
     transition: transform .3s ease-in-out;
 }

 transform: scale(1.2);
 .posts-categorys {
     font-weight: 600;
     font-size: 16px;
     font-family: 'amiri';
     color: #0d1a62 !important;
     padding: 0px 0px;
     border-radius: 30px;
 }

 @media(max-width:768px) {
     .posts-categorys {
         font-weight: 600;
         font-size: 18px !important;
         font-family: 'amiri';
         color: #0d1a62 !important;
         padding: 0px 0px;
         border-radius: 30px;
     }
 }

 .posts-thumbnailssss img {
     width: 100%;
     height: auto;
     transition: transform .3s ease-in-out;
 }

 .posts-thumbnailssss:hover img {
     width: 100%;
     height: auto;
     border-radius: 5px 5px 0 0;
     padding: 0px;
     transform: scale(1.2);
 }

 .posts-itemssss {
     margin-bottom: 20px;
     width: 85%;
     transform: translate(9%, 0px);
     border: 1px solid #ddd;
     box-shadow: 0px 0px 10px #d6bfbf;
     background-color: white;
 }

 .posts-thumbnailssss {
     overflow: hidden;
     position: relative;
     border-radius: 5px 5px 0 0;
     transition: transform .3s ease-in-out;
 }

 .posts-itemssss h3 {
     padding: 0px 10px 0px 10px;
     text-align: center;
     position: absolute;
     bottom: 20%;
     font-size: 35px;
     background-color: #0000009e;
 }

 @media( ax-width:600px) {
     .posts-itemssss h3 {
         padding: 0px 10px 0px 10px;
         text-align: center;
         position: absolute;
         bottom: 20%;
         font-size: 16px;
         background-color: #0000009e;
     }
 }

 .posts-categorys+.posts-categorys::before,
 .archive-category+.archive-category::before {
     content: " \21E2 ";
     font-size: 16px;
     margin-left: 5px;
     margin-right: 5px;
 }

 .slick-slide {
     display: none;
     float: left;
     height: 100%;
     min-height: 1px;
     margin: 10px !important;
 }

 .pre {
     width: 0px;
     height: 0px;
     padding: 4px 14px;
     color: white;
     border-radius: 30px;
     cursor: pointer;
     position: absolute;
     z-index: 9;
     top: 45%;
     left: -25px;
 }

 .nex {
     width: 0px;
     height: 0px;
     padding: 4px 14px;
     color: white;
     border-radius: 30px;
     cursor: pointer;
     position: absolute;
     z-index: 9;
     top: 45%;
     right: 10px;
 }

 a.carousel-arrow.carousel-next.slick-arrow.nex:hover {
     color: white;
 }

 a.carousel-arrow.carousel-prev.slick-arrow.pre:hover {
     color: white;
 }

 a.carousel-arrow.carousel-next {
     left: auto;
     right: 5px !important;
 }

 a.carousel-arrow.carousel-prev {
     left: -30px !important;
     right: auto;
 }

 i.fa.fa-chevron-circle-right {
     font-size: 35px;
     background-color: #3F51B5;
     border-radius: 60px;
 }

 i.fa.fa-chevron-circle-left {
     font-size: 35px;
     background-color: #3F51B5;
     border-radius: 60px;
 }

 @media(min-width:820px) {
     .web-stories {
         display: grid;
         grid-template-columns: 1fr 1fr 1fr !important;
         gap: 20px;
     }
     .web-story-thumbnail img {
         min-width: 100%;
     }
 }

 @media(max-width:820px) {
     .web-stories {
         display: grid;
         grid-template-columns: 1fr;
         gap: 20px;
     }
     .webdetails p {
         font-family: poppins;
         font-weight: 600;
         font-size: 14px;
         line-height: 15px;
         padding: 0px 0px 0px !important;
         height: 70px !important;
     }
 }

 .web-story {
     background-color: white;
     border-radius: 8px;
     box-shadow: 0 3px 6px #00000066;
     padding: 0px;
     position: relative;
 }

 img.attachment-custom-web-story-thumbnail.size-custom-web-story-thumbnail.wp-post-image {
     border-radius: 8px;
 }

 .webcontent {
     display: flex;
     justify-items: end;
     justify-content: space-between;
     align-items: baseline;
     padding: 5px 0px;
 }

 p.web-story-date {
     font-weight: 400;
     color: #7b7b7b;
     font-size: 12px;
     padding: 0px 0px 0px !important;
     height: 20px !important;
 }

 .webdetails {
     padding: 10px 10px 0px;
 }

 .webline {
     width: 100px;
     height: 100px;
     background-color: red;
 }

 .iconofwebstoires {
     position: absolute;
     right: 18px;
     top: 15px;
 }

 .web-story-thumbnail img {
     min-width: 100%;
 }

 .webstories-icon {
     width: 10px;
     height: 18px;
     background-color: #fff;
     -webkit-border-radius: 1px;
     -moz-border-radius: 1px;
     -o-border-radius: 1px;
     border-radius: 1px;
     display: inline-block;
     position: relative;
     margin-right: 10px;
 }

 .webstories-icon::before {
     content: "";
     display: block;
     position: absolute;
     top: 3px;
     left: -4px;
     width: 2px;
     height: 12px;
     -webkit-border-radius: 2px;
     -moz-border-radius: 2px;
     -o-border-radius: 2px;
     border-radius: 2px;
     background: #fff;
 }

 .webstories-icon::after {
     content: "";
     top: 3px;
     right: -4px;
     width: 2px;
     height: 12px;
     -webkit-border-radius: 2px;
     -moz-border-radius: 2px;
     -o-border-radius: 2px;
     border-radius: 2px;
     position: absolute;
     background: #fff;
 }

 .webdetails p {
     line-height: 20px;
     padding: 0px 0px 10px;
     margin: 0px;
     font-weight: 600;
     height: 50px;
 }

 .webdetails a {
     color: #050A30 !important;
     font-weight: 600 !important;
 }

 .web-story-share-container {
     display: none;
     position: absolute;
     right: 5px;
     bottom: 3px;
     background-color: #c3e4ff;
     padding: 5px 30px;
     border-radius: 5px;
     z-index: 999;
 }

 .web-story-share {
     font-size: 18px;
 }