/* new changes 26-jan-2026 */
.ajax-cat-filters {
  display: flex;
  flex-wrap: wrap;
  column-gap: 1vw;
  padding-bottom: 1.047vw;
  justify-content: center;
}

.ajax-cat-filters a {
  color: #a0a0a0;
  padding: 0 .1vw;
  line-height: 1;
  font-size: .838vw;
  transition: all .3s ease-in-out
}

.ajax-cat-filters a:hover,
.ajax-cat-filters a.active {
  color: #000;
  text-decoration: none
}

.blog-layout-3 {
  padding: 1.571vw 2.094vw 1.571vw
}

.blog-layout-3 .wpb_wrapper>div {
  margin-bottom: 0
}

.blog-layout-3 .post-link {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  overflow: hidden;
  border-radius: 10px;
}

.blog-layout-3 .post-link::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 50%;
  opacity: 0;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 12%, rgba(0, 0, 0, 0.35) 50%, rgb(0, 0, 0) 89%)
}

.blog-layout-3 .post-link::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 32%;
  /* background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 12%, rgba(0, 0, 0, 0.35) 45%, black 100%); */
  background: black;
  opacity: .4;
}


.blog-layout-3 img {
  transition: all .3s ease-in-out;
  background-image: url(../images/loader.gif);
  background-repeat: no-repeat;
  background-position: center
}

.blog-layout-3 article:hover img {
  filter: contrast(1.3) saturate(1.3)
}

.blog-layout-3 .category-posts {
  display: flex;
  flex-wrap: wrap;
  gap: .5vw;
  align-items: flex-start;
  padding: 1.047vw 0 0
}

.blog-layout-3 .category-posts .post {
  position: relative;
  width: calc(25% - .39vw);
}

.blog-layout-3 .category-posts .post .post-img {
  height: 30vw;
  overflow: hidden
}

.blog-layout-3 .category-posts .post .post-img .wp-post-image,
.blog-layout-3 .category-posts .post .post-img .top-img {
  display: block;
  width: 100%;
  height: 100%;
  opacity: 1;
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: 10px;
  transform: scale(1) translateX(0);
  transition: transform .45s cubic-bezier(0.22, 0.61, 0.36, 1);
  will-change: transform;
  background-size: 5.236vw
}

.blog-layout-3 .category-posts .post h3 {
  font-size: 1.2vw;
  font-weight: 400;
  position: absolute;
  left: 0;
  bottom: 4.5vw;
  width: 100%;
  z-index: 2;
  line-height: 1.4;
  text-align: center;
  padding: 0 1vw;
  margin-bottom: 0;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.blog-layout-3 .category-posts .meta-header {
  position: absolute;
  left: 50%;
  bottom: 1vw;
  z-index: 2;
  line-height: 1;
  text-align: center;
  color: #fff;
  gap: .262vw;
  display: flex;
  font-size: .8vw;
  align-items: center;
  justify-content: center;
  transform: translateX(-50%);
  width: -moz-max-content;
  width: max-content
}

.blog-layout-3 .category-posts .meta-header img {
  width: 2.618vw;
  height: 2.618vw;
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: 50%;
  background-size: 1.047vw
}

.blog-layout-3 .category-posts .author-box,
.blog-layout-3 .category-posts .post-author {
  gap: .262vw;
  display: flex;
  align-items: center
}

.blog-layout-3 .category-posts i {
  font-style: normal
}

.blog-layout-3 .category-posts .cats a:last-child i {
  display: none
}

.blog-layout-3 .btn-2:hover {
  color: #101828
}

.blog-layout-3 .vc_btn3-container {
  display: none
}

.blog-layout-3 .bottom-1 {
  display: none
}

.blog-layout-3 .vc_do_btn {
  padding-top: 2.094vw
}

.blog-layout-3 .bottom-post {
  position: relative;
  width: calc(25% - .39vw);
}

.blog-layout-3 .bottom-post a,
.blog-layout-3 .bottom-post h3 {
  color: #010304
}

.blog-layout-3 .bottom-post h3 {
  font-size: 0.942vw;
  font-weight: 400;
  line-height: 1.571vw;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  margin-bottom: 0;
  text-overflow: ellipsis;
}

.blog-layout-3 .bottom-post .top-1 {
  display: none
}

.blog-layout-3 .bottom-post .bottom-1 {
  display: flex;
  flex-wrap: wrap;
  padding: 1.047vw;
  border-radius: 0.524vw;
  border: 0.052vw solid #d0d5dd
}

.blog-layout-3 .bottom-post .author-meta {
  width: 80%;
  padding-right: 0.785vw
}

.blog-layout-3 .bottom-post .meta-header {
  color: #010304;
  position: static;
  transform: none;
  line-height: 1.3;
  text-align: left;
  margin-bottom: 0.524vw
}

.blog-layout-3 .bottom-post .meta-header img {
  margin-right: 0.262vw;
  background-size: 1.047vw
}

.blog-layout-3 .bottom-post .meta-header .bottom {
  font-size: 0.7vw;
  text-align: left;
  color: grey
}

.blog-layout-3 .bottom-post .author-box,
.blog-layout-3 .bottom-post .post-author {
  flex-direction: row-reverse
}

.blog-layout-3 .bottom-post .img-wrap {
  width: 20%
}

.blog-layout-3 .bottom-post .img-wrap img {
  display: block;
  width: 100%;
  height: 6.283vw;
  object-fit: cover;
  border-radius: 0.524vw;
  background-size: 2.618vw
}

.blog-layout-3 h2.elementor-heading-title {
  margin-bottom: 30px;
}

.ajax-pagination {
  gap: 2.618vw;
  display: flex;
  width: 100%;
  margin: 50px auto 0;
  justify-content: center
}

.ajax-pagination a {
  color: gray;
  transition: all 0.3s ease-in-out;
}

.ajax-pagination a:hover {
  color: black;
}

.ajax-pagination a.btn-1 {
  color: #fff;
  background: #000;
  padding: 10px 20px;
  border-radius: 5px;
  transition: all .3s ease-in-out;
}

.ajax-pagination a.btn-1:hover {
  text-decoration: none
}

.ajax-pagination .fa-solid {
  margin: 0 .209vw
}

.main-blog-page .ajax-pagination a.prev {
  display: none;
}


#ajax-cat-posts {
  position: relative
}

#ajax-cat-posts.load-more .blog-loader {
  display: table
}

.blog-loader {
  transform: rotateZ(45deg) translateX(-50%);
  perspective: 52.356vw;
  border-radius: 50%;
  width: 2.513vw;
  height: 2.513vw;
  color: #fff;
  display: none;
  position: absolute;
  left: 50%;
  top: 2.094vw
}

.blog-loader:before,
.blog-loader:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: inherit;
  height: inherit;
  border-radius: 50%;
  transform: rotateX(70deg);
  animation: 1s blog-loader-spin linear infinite
}

.blog-loader:after {
  color: #ff3d00;
  transform: rotateY(70deg);
  animation-delay: .4s
}

@keyframes blog-loader-rotate {
  0% {
    transform: translate(-50%, -50%) rotateZ(0deg)
  }

  100% {
    transform: translate(-50%, -50%) rotateZ(360deg)
  }
}

@keyframes blog-loader-rotateccw {
  0% {
    transform: translate(-50%, -50%) rotate(0deg)
  }

  100% {
    transform: translate(-50%, -50%) rotate(-360deg)
  }
}

@keyframes blog-loader-spin {

  0%,
  100% {
    box-shadow: .2em 0vw 0 0vw currentcolor
  }

  12% {
    box-shadow: .2em .2em 0 0 currentcolor
  }

  25% {
    box-shadow: 0 .2em 0 0vw currentcolor
  }

  37% {
    box-shadow: -0.2em .2em 0 0 currentcolor
  }

  50% {
    box-shadow: -0.2em 0 0 0 currentcolor
  }

  62% {
    box-shadow: -0.2em -0.2em 0 0 currentcolor
  }

  75% {
    box-shadow: 0vw -0.2em 0 0 currentcolor
  }

  87% {
    box-shadow: .2em -0.2em 0 0 currentcolor
  }
}

.main-blog {
  z-index: 3;
  padding: 0 2.094vw 3.141vw
}

.main-blog .category-posts {
  position: relative
}

.main-blog .category-posts .post h3,
.main-blog .category-posts .post .meta-header {
  color: #fff
}

.main-blog .category-posts .post h3 a,
.main-blog .category-posts .post .meta-header a {
  color: #fff
}

.single-content #ez-toc-container,
.single-content .navigation,
.single-content .ast-single-related-posts-container,
.single-content .comments-area,
.single-content .saboxplugin-wrap {
  display: none;
}

.ast-single-entry-banner .entry-meta img {
  width: 50px;
  height: 50px;
  border-radius: 3px;
}

.ast-separate-container .ast-article-single {
  padding: 26px 35px;
}

.Recent_posts.blog_news ul li {
  margin-bottom: 0.785vw;
  padding-bottom: 0.733vw;
  border-bottom: 0.052vw solid rgba(255, 255, 255, 0.2)
}

.Recent_posts.blog_news ul li:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
  border-bottom: 0
}

.Recent_posts.blog_news ul li .post_wrapper {
  display: flex;
  flex-wrap: wrap
}

.Recent_posts.blog_news ul li div.photo {
  width: 3.665vw;
  height: auto;
  border-right: 0
}

.Recent_posts.blog_news ul li div.photo img {
  height: 4.188vw;
  object-fit: cover;
  border-radius: 5px;
}

.Recent_posts.blog_news ul li .desc {
  margin: 0;
  width: 14vw;
  min-height: inherit;
  padding: 0 0 0 0.524vw
}

.Recent_posts.blog_news ul li .desc>a {
  display: block;
  min-height: 2.618vw
}

.Recent_posts.blog_news ul li .desc h6 {
  border: 0;
  margin-top: 0;
  font-size: 0.838vw;
  font-weight: 400;
  line-height: 1.4;
  padding-bottom: 0;
  margin-bottom: 0.262vw;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis
}

.Recent_posts.blog_news ul li .avatar {
  width: 1.571vw;
  height: 1.571vw;
  object-fit: cover;
  border-radius: 50%;
  border: 0
}

.Recent_posts.blog_news ul li .date {
  font-size: 0.75vw;
  gap: 0.157vw;
  display: flex;
  flex-wrap: wrap;
  align-items: center
}

.sidebar-main h4 {
  margin-bottom: 20px;
}

.sidebar-main a {
  color: #6e7180;
  transition: all .3s ease-in-out;
}

.sidebar-main a:hover {
  color: #000;
}

.sidebar-main .widget_categories ul li:before {
  content: "\f058";
  font-family: "Font Awesome 5 Free";
  font-weight: 400;
  margin-right: 10px;
  color: #6e7180;
}

.site-footer .infobox {
  font-size: 0.785vw;
  line-height: 1.4;
  margin-bottom: 0.524vw;
  padding-bottom: 0.524vw;
  border-bottom: 0.052vw solid rgba(255, 255, 255, 0.2)
}

.site-footer .infobox:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
  border-bottom: 0
}


.site-footer .infobox p {
  margin-bottom: 0
}

.site-footer .infobox p:empty {
  display: none
}

.site-footer .infobox em {
  display: table;
  color: #fff;
  font-weight: 500;
  line-height: 1;
  font-style: normal;
  padding-bottom: 0.366vw
}

.site-footer .infobox a {
  padding: 0;
  display: table;
  color: #A1A4A5;
}

.site-footer div[data-section="section-fb-social-icons-1"] {
  display: none;
}

.site-primary-footer-wrap[data-section="section-primary-footer-builder"] .ast-builder-grid-row {
  display: flex;
  flex-wrap: wrap;
  column-gap: 0;
}

.site-primary-footer-wrap .site-footer-section-1 {
  width: 23%;
  padding-right: 20px;
}

.site-primary-footer-wrap .site-footer-section-2 {
  width: 30%;
  padding-right: 20px;
}

.site-primary-footer-wrap .site-footer-section-3 {
  width: 25%;
  order: 5;
}

.site-primary-footer-wrap .site-footer-section-4 {
  width: 22%;
  padding-left: 35px;
}

.site-primary-footer-wrap .site-footer-section-4 h2 {
  color: #fff;
}

.site-primary-footer-wrap .site-footer-section-4 ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.site-primary-footer-wrap .site-footer-section-4 ul li a {
  color: #A1A4A5;
  display: table;
  font-size: 16px;
  line-height: 1.3;
  margin-bottom: 15px;
  transition: all .3s ease-in-out;
}

.site-primary-footer-wrap .site-footer-section-4 ul li a:hover {
  color: #fff;
}

.site-primary-footer-wrap[data-section="section-primary-footer-builder"] {
  padding-top: 40px;
  padding-bottom: 30px;
}

.site-below-footer-wrap[data-section="section-below-footer-builder"] {
  padding-top: 0;
  padding-bottom: 0;
}

.site-below-footer-wrap .site-footer-section-4 {
  display: none !important;
}

.ast-theme-transparent-header #masthead {
  position: fixed;
}

.site-scrolled #masthead {
  background-color: #000;
}

















@media screen and (max-width: 767px) {
  .ast-pagination {
    padding: 0;
  }

  .ajax-cat-filters {
    padding: .706vw 0 5vw;
  }

  .ajax-cat-filters a {
    padding: .7vw 1.176vw;
    font-size: 3.059vw
  }

  .ajax-cat-filters .slick-dots {
    padding-top: 2.353vw
  }

  .blog-layout-3 {
    padding: 2.353vw 0 4.706vw
  }

  .blog-layout-3 .post-link {
    border-radius: 2.353vw
  }

  .blog-layout-3 button.slick-arrow {
    left: 2.353vw;
    top: .7vw
  }

  .blog-layout-3 button.slick-arrow.slick-next {
    left: auto;
    right: 2.353vw
  }

  .blog-layout-3 h2 {
    font-size: 5.176vw;
    margin-bottom: 2.353vw;
    padding: 0 4vw
  }

  .blog-layout-3 article {
    margin-bottom: 2.353vw
  }

  .blog-layout-3 .category-posts {
    display: block;
    padding: 0
  }

  .blog-layout-3 .category-posts .post {
    width: 100%
  }

  .blog-layout-3 .category-posts .post .post-img {
    height: 94.118vw
  }

  .blog-layout-3 .category-posts .post .post-img .wp-post-image,
  .blog-layout-3 .category-posts .post .post-img .top-img {
    border-radius: 2.353vw;
    background-size: 23.529vw
  }

  .blog-layout-3 .category-posts .post h3 {
    bottom: 12vw;
    font-size: 4vw;
    padding: 0 3vw
  }

  .blog-layout-3 .category-posts .meta-header {
    bottom: 2vw;
    gap: 1.176vw;
    font-size: 2.6vw
  }

  .blog-layout-3 .category-posts .meta-header img {
    width: 8.235vw;
    height: 8.235vw;
    background-size: 4.706vw
  }

  .blog-layout-3 .category-posts .author-box,
  .blog-layout-3 .category-posts .post-author {
    gap: 1.176vw
  }

  .blog-layout-3 .bottom-post {
    width: 100%
  }

  .blog-layout-3 .bottom-post .bottom-1 {
    padding: 2.353vw;
    border-radius: 1.176vw;
    border-width: .235vw;
    margin-bottom: 2.353vw
  }

  .blog-layout-3 .bottom-post .meta-header {
    font-size: 3vw;
    margin-bottom: 1.176vw
  }

  .blog-layout-3 .bottom-post .meta-header img {
    width: 10vw;
    height: 10vw
  }

  .blog-layout-3 .bottom-post .meta-header .bottom {
    font-size: 2.5vw
  }

  .blog-layout-3 .bottom-post h3 {
    line-height: 1.3;
    font-size: 3vw
  }

  .blog-layout-3 .bottom-post .img-wrap img {
    height: 20vw;
    border-radius: 1.176vw;
    background-size: 9.412vw
  }

  .ajax-pagination {
    gap: 7.059vw;
    margin: 20px auto 0;
  }

  .ast-single-entry-banner .entry-meta img {
    width: 35px;
    height: 35px;
    border-radius: 3px;
    margin-left: 5px;
  }

  .single-post .ast-single-entry-banner[data-post-type="post"] {
    padding-right: 15px;
    padding-left: 15px;
  }

  .Recent_posts.blog_news ul li {
    margin-bottom: 3.529vw;
    padding-bottom: 3.294vw;
    border-bottom: .235vw solid hsla(0, 0%, 100%, .2)
  }

  .Recent_posts.blog_news ul li:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: 0
  }

  .Recent_posts.blog_news ul li .post_wrapper {
    display: flex;
    flex-wrap: wrap
  }

  .Recent_posts.blog_news ul li div.photo {
    width: 16.471vw;
    height: auto;
    border-right: 0
  }

  .Recent_posts.blog_news ul li div.photo img {
    height: 18.824vw;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 3px;
  }

  .Recent_posts.blog_news ul li .desc {
    margin: 0;
    width: 70.706vw;
    min-height: inherit;
    padding: 0 0 0 2.353vw
  }

  .Recent_posts.blog_news ul li .desc>a {
    display: block;
    min-height: 11.765vw
  }

  .Recent_posts.blog_news ul li .desc h6 {
    border: 0;
    margin-top: 0;
    font-size: 3vw;
    font-weight: 400;
    line-height: 1.3;
    padding-bottom: 0;
    margin-bottom: 1vw;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis
  }

  .Recent_posts.blog_news ul li .avatar {
    width: 7.059vw;
    height: 7.059vw;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 50%;
    border: 0
  }

  .Recent_posts.blog_news ul li .date {
    gap: .706vw;
    display: flex;
    flex-wrap: wrap;
    font-size: 2.5vw;
    align-items: center
  }

  .site-primary-footer-wrap .site-footer-section-1 {
    width: 100%;
    padding-right: 0;
  }

  .site-primary-footer-wrap .site-footer-section-2 {
    width: 100%;
    padding-right: 0;
  }

  .site-primary-footer-wrap .site-footer-section-3 {
    width: 100%;
  }

  .site-primary-footer-wrap .site-footer-section-4 {
    width: 100%;
    padding-left: 0;
  }

  .site-primary-footer-wrap .site-footer-section-4 ul li a {
    font-size: 13px;
    margin-bottom: 5px;
  }

  .site-primary-footer-wrap[data-section="section-primary-footer-builder"] {
    padding: 20px 15px
  }

  .site-primary-footer-wrap[data-section="section-primary-footer-builder"].ast-footer-row-mobile-stack .site-footer-section {
    margin-bottom: 20px;
  }

  .site-footer .widget-title {
    margin-bottom: 5px;
  }

  .site-footer .infobox {
    font-size: 3.059vw;
    line-height: 1.4;
    margin-bottom: 2vw;
    padding: 2vw 0;
  }

  .site-footer .infobox:last-child {
    margin-bottom: 0
  }

  .site-footer .infobox em {
    padding-bottom: 1.647vw
  }

  .site-below-footer-wrap .ast-builder-grid-row {
    padding: 10px 0 100px;
  }

  [data-section="section-header-mobile-trigger"] .ast-button-wrap .ast-mobile-menu-trigger-fill {
    background: #55aab1;
  }
}