.tp_post,
.tp_post_content {
  position: relative;
}

.tp_post.postgrid,
.tp-grid-content-wrap {
  display: grid;
  gap: 30px;
}
.grid-template-one_column .postgrid {
  grid-template-columns: repeat(1, 1fr);
}
.grid-template-two_column .postgrid {
  grid-template-columns: repeat(2, 1fr);
}
.grid-template-three_column .postgrid {
  grid-template-columns: repeat(3, 1fr);
}
.grid-template-four_column .postgrid {
  grid-template-columns: repeat(4, 1fr);
}
.grid-template-five_column .postgrid {
  grid-template-columns: repeat(5, 1fr);
}
.grid-template-six_column .postgrid {
  grid-template-columns: repeat(6, 1fr);
}

.tp_post h3 {
  font-size: 20px;
  font-weight: 700;
}

.postlist .tp_post_content .tp_post_card {
  display: grid;
  grid-template-columns: auto 1fr;
}
.tp_post_more_button {
  padding: 0.5rem 1rem;
  border-radius: 3px;
  display: inline-block;
  cursor: pointer;
}
.tp_post_card {
  overflow: hidden;
  position: relative;
  width: 100%;
  min-height: 100%;
  -webkit-transition: all 0.25s;
  -o-transition: all 0.25s;
  transition: all 0.25s;
}
.tp_post_thumbnail_link {
  position: relative;
  display: block;
  width: 100%;
}
.tp_post_img {
  position: relative;
  transform-style: preserve-3d;
  -webkit-transform-style: preserve-3d;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  overflow: hidden;
  padding-bottom: calc(0.66 * 100%);
}
.tp-grid-img {
  position: relative;
}
.tp_post_img::after,
.tp-grid-img::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.tp_post_card .tp_post_thumbnail_link .tp_post_img img {
  display: block;
  width: 100%;
  max-height: none;
  max-width: none;
  -webkit-transition: -webkit-filter 0.3s;
  transition: -webkit-filter 0.3s;
  -o-transition: filter 0.3s;
  transition: filter 0.3s;
  transition: filter 0.3s, -webkit-filter 0.3s;
  height: 100%;
  object-fit: cover;
  object-position: bottom center;
  position: absolute;
  top: calc(50% + 1px);
  left: calc(50% + 1px);
  -webkit-transform: scale(1.01) translate(-50%, -50%);
  -ms-transform: scale(1.01) translate(-50%, -50%);
  transform: scale(1.01) translate(-50%, -50%);
}
.tp_post_card .tp_post_thumbnail_link .tp_post_img.fit-height img {
  height: 100%;
  width: auto;
}
.tp_post_desc {
  width: 100%;
  position: relative;
  padding-bottom: 30px;
}
.tp-grid-repeater-wrap {
  position: relative;
}
.tp_desc_absolute,
.tp_badge_absolute {
  position: absolute;
}
.tp_desc_absolute.righthorizontal,
.tp_desc_absolute.right {
  right: 0;
}
.tp_desc_absolute.lefthorizontal,
.tp_desc_absolute.left {
  left: 0;
}
.tp_desc_absolute.topvertical,
.tp_desc_absolute.top {
  top: 0;
}
.tp_desc_absolute.bottomvertical,
.tp_desc_absolute.bottom {
  bottom: 0;
}
.tp_post_cat_name {
  display: inline-block;
  background: #0063d2;
  padding: 0.4em 1.2em;
  font-size: 10px;
  text-transform: uppercase;
  color: #fff;
  border-radius: 3px;
  font-weight: 600;
}
.tp_post_meta {
  color: #868686;
  font-size: 10px;
  position: absolute;
  bottom: 10px;
}
.tp_meta_absolute .tp_post_desc {
  margin-top: 15px;
}
.tp_meta_absolute .tp_post_meta {
  top: 10px;
  bottom: unset;
  right: 0;
}
.tp_meta_absolute .tp_post_cat_name {
  color: #0063d2;
  background: transparent;
  padding: 0;
  font-weight: 400;
}
.tp_post_header,
.tp_divider h2,
.tp_divider .tp_heading_title {
  position: relative;
}
.tp_divider h2:before,
.tp_divider h2:after,
.tp_divider .tp_heading_title:before,
.tp_divider .tp_heading_title:after {
  content: '';
  position: absolute;
  bottom: -15px;
  border-bottom: 1px solid #0063d2;
  width: 100%;
}
.tp_divider h2:after,
.tp_divider .tp_heading_title:after {
  width: 65px;
  bottom: -14px;
  left: 0;
  border-width: 2px;
}

.tp-slide-img,.tp-slide-custom-img {
  width: 100%;
  height: 250px;
  background-size: cover;
  background-position: center;
  border-radius: 15px;
}
.slider_section_title h2 {
  display: inline-block;
  position: relative;
}
.swiper_section_slides {
  align-items: center;
}
.swiper-button-next-tp {
  position: relative;
}
.swiper-button-next-tp,
.swiper-button-prev-tp {
  content: '';
  position: absolute;
  top: 50%;
  z-index: 9;
  cursor: pointer;
}
.quiz-arrows.swiper-button-next-tp,.quiz-arrows.swiper-button-prev-tp{
  top:5%
}
.swiper-button-prev-tp {
  left: 0;
}
.swiper-button-next-tp {
  right: 0;
}
.swiper-button-next-tp img,
.swiper-button-prev-tp img {
  width: 28px;
}
.slide_custom_nav .swiper-button-next-tp,
.slide_custom_nav .swiper-button-prev-tp {
  top: -55px;
}
.slide_custom_nav .swiper-button-prev-tp {
  left: auto;
  right: 50px;
}
.quiz-arrows[aria-disabled='true'] {
  cursor: default;
}
.quiz-arrows[aria-disabled='true'] img {
  opacity: 0.4;
}
.tp-slide-description ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
.tp-slide-description ul li {
  margin-bottom: 10px;
  position: relative;
  text-indent: 30px;
}
.tp-slide-description ul li:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  background: url('/wp-content/uploads/2025/05/checked-icon.svg') no-repeat;
  background-size:contain;
  width: 19px;
  height: 19px;
}
.tp-grid-img img {
  width: 100%;
  height: 320px;
  object-fit: cover;
}
.flashsale .swiper-button-next-tp,
.flashsale .swiper-button-prev-tp {
  top: unset;
  bottom: -12px;
}
.flashsale .swiper-button-next-tp {
  right: unset;
  left: 55px;
}
.flashsale .swiper-button-next-tp img,
.flashsale .swiper-button-prev-tp img {
  width: 25px;
}
.tp_stories {
  cursor: pointer;
}
.tp_popup_wrap {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #aaaeb1;
  z-index: 999999999;
  display: none;
}
.tp_embed_story {
  height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
}
.tp_close_button {
  position: absolute;
  top: 0;
  right: 20px;
  cursor: pointer;
  z-index: 999999999999;
}
.tp_close_button svg {
  width: 50px;
  height: 50px;
}
.tp_play_icon {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-70%, -50%);
}
.tp-slide-img{
        height: 375px;
    background-repeat: no-repeat;
    border-radius: 16px;
    width:100%;
    background-size:cover;
}

/* Responsive */
@media (min-width: 768px) {
  .tp_divider.tp_divider_right h2:before,
  .tp_divider.tp_divider_right h2:after {
    right: 0;
    left: unset;
  }
  .tp_custom_archives .elementor-post:nth-child(1n + 2) {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 30px;
  }
  .tp_custom_archives
    .elementor-post:nth-child(1n + 2)
    .elementor-post__thumbnail__link {
    width: 260px !important;
  }
  .tp_custom_archives
    .elementor-post:nth-child(1n + 2)
    .elementor-post__thumbnail {
    border-radius: 10px;
  }
}
@media (max-width: 767px) {
  .grid-template--mobileone_column .postgrid {
    grid-template-columns: repeat(1, 1fr);
  }
  .grid-template--mobiletwo_column .postgrid {
    grid-template-columns: repeat(2, 1fr);
  }
  .grid-template--mobilethree_column .postgrid {
    grid-template-columns: repeat(3, 1fr);
  }
  .grid-template--mobilefour_column .postgrid {
    grid-template-columns: repeat(4, 1fr);
  }
  .grid-template--mobilefive_column .postgrid {
    grid-template-columns: repeat(5, 1fr);
  }
  .grid-template--mobilesix_column .postgrid {
    grid-template-columns: repeat(6, 1fr);
  }
  .tp_post_desc {
    padding-bottom: 0;
  }
  .quiz-stories-slider{
    flex-direction: column;
  }
  .quiz-stories-slider .quiz-content,.quiz-stories-slider .quiz-stories{
    width:100%
  }
  .quiz-content{
    text-align: center;
  }
  .quiz-stories{
    margin:30px 0 30px 0
  }
}

@media (min-width: 768px) and (max-width: 1020px) {
  .grid-template--tabletone_column .postgrid {
    grid-template-columns: repeat(1, 1fr);
  }
  .grid-template--tablettwo_column .postgrid {
    grid-template-columns: repeat(2, 1fr);
  }
  .grid-template--tabletthree_column .postgrid {
    grid-template-columns: repeat(3, 1fr);
  }
  .grid-template--tabletfour_column .postgrid {
    grid-template-columns: repeat(4, 1fr);
  }
  .grid-template--tabletfive_column .postgrid {
    grid-template-columns: repeat(5, 1fr);
  }
  .grid-template--tabletsix_column .postgrid {
    grid-template-columns: repeat(6, 1fr);
  }
}