/*
Theme Name: Flatsome Child
Theme URI: http://flatsome.uxthemes.com/
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Author URI: http://www.uxthemes.com/
Template: flatsome
Version: 3.0.2
*/

/* Custom Main Content Padding to account for absolute header */

/* 
 * Custom Full-Page Scroll (Front Page)
 */
html.casitek-scroll-locked,
body.casitek-scroll-locked {
  height: 100% !important;
  overflow: hidden !important;
}

@media screen and (max-width: 849px) {
  /* Ensure no scroll lock ever reaches mobile devices */
  html,
  body,
  html.casitek-scroll-locked,
  body.casitek-scroll-locked {
    height: auto !important;
    overflow-x: hidden !important;
    overflow-y: visible !important;
    touch-action: pan-y !important;
  }

  .fp-section {
    height: auto !important;
    min-height: auto !important;
    max-height: none !important;
    overflow: visible !important;
  }

  #wrapper,
  #main,
  .casitek-main {
    transform: none !important;
    transition: none !important;
    overflow: visible !important;
    touch-action: pan-y !important;
  }

  /* Kill any progress-dots or overlay that might intercept touch */
  .progress-dots {
    display: none !important;
  }

  /* Reset Netflix Stage Zoom-through on Mobile */
  .casitek-netflix-stage .casitek-svg-responsive-banner,
  .casitek-netflix-stage.step-0 .casitek-svg-responsive-banner,
  .casitek-netflix-stage.step-1 .casitek-svg-responsive-banner,
  .casitek-netflix-stage.step-2 .casitek-svg-responsive-banner {
    transform: none !important;
    opacity: 1 !important;
    pointer-events: auto !important;
    transition: none !important;
  }

  .fp-section.casitek-netflix-stage {
    display: none;
  }
}

body.is-front-page #wrapper {
  overflow: visible !important;
  transition: transform 0.7s cubic-bezier(0.645, 0.045, 0.355, 1);
  will-change: transform;
}

body.is-front-page .fp-section {
  position: relative !important;
  width: 100vw !important;
  max-width: 100% !important;
  height: 100vh !important;
  height: 100dvh !important;
  /* Handle dynamic mobile viewport addresses bars */
  min-height: 100vh !important;
  overflow: hidden !important;
  /* Gọt sạch mọi phần thừa ngoài Viewport */
  box-sizing: border-box !important;
  margin: 0 !important;
  padding: 0 !important;
  /* Triệt tiêu padding mặc định của Flatsome */
}

/* Ensure inner rows/columns within the .fp-section are centered but respect boundaries */
body.is-front-page .fp-section .row {
  margin-left: auto !important;
  margin-right: auto !important;
}

/* --- CRITICAL FIX FOR DOWNLOAD CENTER VIEWPORT OVERFLOW --- */
body.is-front-page .fp-section.casitek-home-download-center {
  display: block !important;
  padding-top: 130px !important;
  padding-bottom: 80px !important;
  height: auto !important;
  min-height: 100vh !important;
  overflow: visible !important;
}

body.is-front-page .fp-section.casitek-home-download-center .section-content {
  transform: none !important;
  width: 100%;
}

/* Giảm padding đáy của mỗi card */
body.is-front-page .casitek-home-download-center div.col.casitek-download-card {
  padding-bottom: 10px !important;
}

/* Triệt tiêu hoàn toàn khoảng trắng vô ích dưới chữ Download Center */
body.is-front-page .casitek-home-download-center .casitek-download-center-title {
  margin-bottom: 31px !important;
  /* Figma: gap 31px */
}

body.is-front-page .casitek-home-download-center .casitek-download-center-title h2 {
  font-family: 'Bricolage Grotesque', sans-serif !important;
  font-size: 38px !important;
  /* Figma: 38px */
  font-weight: 500 !important;
  /* Figma: Medium */
  color: #1e1e1e !important;
  line-height: 1.2 !important;
}

/* Thu hẹp Row Headers (Datasheet, Catalogue...) */
body.is-front-page .casitek-home-download-center .casitek-download-row-header {
  margin-top: 0px !important;
  margin-bottom: 28px !important;
  /* Figma: gap 28px */
  padding-left: 0px !important;
}

body.is-front-page .casitek-home-download-center .casitek-download-row-header h3 {
  font-family: 'Bricolage Grotesque', sans-serif !important;
  font-size: 24px !important;
  /* Figma: 24px */
  font-weight: 500 !important;
  /* Figma: Medium */
  color: #f36f21 !important;
  line-height: 1.3 !important;
  letter-spacing: 0.24px !important;
}

body.is-front-page .casitek-home-download-center .casitek-download-grid {
  margin-bottom: 48px !important;
  /* Figma: gap 48px */
}

/* Figma Card inner */
body.is-front-page .casitek-home-download-center .casitek-download-card__inner {
  padding: 8px !important;
  /* Figma: padding 8px */
  border-radius: 8px !important;
  /* Figma: rounded 8px */
  border: 1px solid #d1d1d1 !important;
  /* Figma: border #d1d1d1 */
  box-shadow: none !important;
  transform: translateZ(0);
  /* Ép tăng tốc phần cứng tránh lỗi biến mất ảnh khi hover */
  backface-visibility: hidden;
}

/* Figma Card Image */
body.is-front-page .casitek-home-download-center .casitek-download-card__image {
  aspect-ratio: auto !important;
  height: 247px !important;
  /* Figma: height 247px */
  border-radius: 6px !important;
  /* Cho ảnh bo nhẹ khít với card */
  overflow: hidden !important;
  transform: translateZ(0);
  backface-visibility: hidden;
}

body.is-front-page .casitek-home-download-center .casitek-download-card__image img {
  transform: scale(1) translateZ(0);
  backface-visibility: hidden;
  transition: transform 0.4s ease;
}

body.is-front-page
  .casitek-home-download-center
  .casitek-download-card:hover
  .casitek-download-card__image
  img {
  transform: scale(1.05) translateZ(0) !important;
}

body.is-front-page .casitek-home-download-center .casitek-download-card__content {
  padding: 16px 4px 0 4px !important;
  /* Figma: gap 16px to top, padding left/right 4px */
}

body.is-front-page .casitek-home-download-center .casitek-download-card__content h4 {
  font-family: 'Bricolage Grotesque', sans-serif !important;
  font-size: 18px !important;
  /* Figma: 18px */
  font-weight: 600 !important;
  /* Figma: SemiBold */
  color: #1e1e1e !important;
  line-height: 1.3 !important;
  margin-bottom: 4px !important;
  /* Figma: gap 4px to subtitle */
}

body.is-front-page .casitek-home-download-center .casitek-download-card__content .subtitle {
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-size: 14px !important;
  /* Figma: 14px */
  font-weight: 400 !important;
  /* Figma: Regular */
  color: #757575 !important;
  line-height: 1.2 !important;
  margin-bottom: 16px !important;
  /* Figma: gap 16px to button */
}

body.is-front-page .casitek-home-download-center .casitek-btn-download,
body.is-front-page .casitek-home-download-center .casitek-download-btn-detail {
  min-height: 38px !important;
  /* Figma: height 38px */
  height: 38px !important;
  background-color: #1e1e1e !important;
  border-radius: 4px !important;
  /* Figma: rounded 4px */
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-size: 14px !important;
  /* Figma: 14px */
  font-weight: 600 !important;
  /* Figma: SemiBold */
}

/* --- FIX DOWNLOAD BUTTON RESPONSIVE & WPAUTOP ISSUE --- */
body.is-front-page .casitek-home-download-center .casitek-btn-download {
  display: flex !important;
  flex-direction: row !important;
  align-items: stretch !important;
  flex-wrap: nowrap !important;
  gap: 6px !important;
  /* Khoảng cách giữa cục Text và cục Arrow */
  width: 100% !important;
}

/* Triệt tiêu thẻ <br> rác tự động sinh của WordPress */
body.is-front-page .casitek-home-download-center .casitek-btn-download br {
  display: none !important;
}

/* Căn giữa chữ Download */
body.is-front-page .casitek-home-download-center .casitek-btn-download .text {
  flex-grow: 1 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

/* Khóa cứng kích thước cục mũi tên, chống bóp méo trên Mobile/Tablet */
body.is-front-page .casitek-home-download-center .casitek-btn-download .arrow {
  flex: 0 0 36px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

#header {
  z-index: 99999 !important;
}

.casitek-main {
  padding-top: 100px;
}

/* Custom Nav Menu Styling (Figma) */
ul.casitek-header-nav {
  display: flex;
  gap: 28px;
  list-style: none;
  margin: 0;
  padding: 0;
  align-items: center;
}

ul.casitek-header-nav > li {
  margin: 0;
  padding: 0;
  position: relative;
}

ul.casitek-header-nav > li > a {
  color: #1e1e1e !important;
  font-weight: 400 !important;
  text-transform: none !important;
  font-size: 14px !important;
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  text-decoration: none;
  transition: all 0.3s ease;
  padding: 10px 0;
  display: inline-flex;
  align-items: center;
  gap: 6px;
}

ul.casitek-header-nav > li.current-menu-item > a,
ul.casitek-header-nav > li > a:hover {
  color: #f36f21 !important;
  font-weight: 600 !important;
}

/* Active Indicator Line */
ul.casitek-header-nav > li.current-menu-item::after {
  content: '';
  position: absolute;
  bottom: -2px;
  left: 0;
  width: 100%;
  height: 2px;
  background-color: #f36f21;
}

/* Hover Indicator Line */
ul.casitek-header-nav > li:hover::after {
  content: '';
  position: absolute;
  bottom: -2px;
  left: 0;
  width: 100%;
  height: 2px;
  background-color: #f36f21;
}

ul.casitek-header-nav > li.current-menu-item:hover::after {
  background-color: #f36f21;
  /* Giữ màu cam nếu đang ở trang hiện tại */
}

:root {
  --casitek-header-caret-icon: url('data:image/svg+xml,%3Csvg width=%228%22 height=%226%22 viewBox=%220 0 8 6%22 fill=%22none%22 xmlns=%22http://www.w3.org/2000/svg%22%3E%3Cpath d=%22M3.48099 4.92617L0.172037 1.14392C-0.218469 0.69891 0.0989034 2.53695e-07 0.691562 2.53695e-07H7.30947C7.4421 -0.000113467 7.57196 0.0380073 7.68349 0.109798C7.79502 0.181588 7.88349 0.284005 7.93831 0.404783C7.99313 0.525561 8.01198 0.659582 7.99259 0.790794C7.9732 0.922006 7.9164 1.04485 7.82899 1.14461L4.52004 4.92548C4.45528 4.99959 4.37542 5.05898 4.28581 5.09968C4.19621 5.14037 4.09893 5.16143 4.00051 5.16143C3.9021 5.16143 3.80482 5.14037 3.71522 5.09968C3.62561 5.05898 3.54575 4.99959 3.48099 4.92548V4.92617Z%22 fill=%22%231E1E1E%22/%3E%3C/svg%3E');
}

/* 
ul.casitek-header-nav > li > a:is([href$="/products/"], [href$="/products"], [href*="/products/?"], [href$="/news/"], [href$="/news"], [href*="/news/?"])::after {
    content: "";
    width: 8px;
    height: 6px;
    flex: 0 0 8px;
    background-color: currentColor;
    -webkit-mask: var(--casitek-header-caret-icon) center / contain no-repeat;
    mask: var(--casitek-header-caret-icon) center / contain no-repeat;
    transform: rotate(0deg);
    transform-origin: center;
    transition: transform 0.25s ease, background-color 0.25s ease;
}

ul.casitek-header-nav > li:hover > a:is([href$="/products/"], [href$="/products"], [href*="/products/?"], [href$="/news/"], [href$="/news"], [href*="/news/?"])::after,
ul.casitek-header-nav > li:focus-within > a:is([href$="/products/"], [href$="/products"], [href*="/products/?"], [href$="/news/"], [href$="/news"], [href*="/news/?"])::after {
    transform: rotate(180deg);
} */
/* Custom Casitek Split Button */
.casitek-split-btn {
  display: inline-flex;
  gap: 8px;
  align-items: center;
  text-decoration: none !important;
}

.casitek-split-btn .btn-text {
  background-color: #f36f21;
  color: #fff;
  padding: 0 20px;
  height: 38px;
  line-height: 38px;
  border-radius: 4px;
  font-weight: 600;
  font-family: 'Plus Jakarta Sans', sans-serif;
  font-size: 14px;
  transition: all 0.3s ease;
}

.casitek-split-btn .btn-icon {
  background-color: #f36f21;
  color: #fff;
  width: 38px;
  height: 38px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 4px;
  transition: all 0.3s ease;
}

.casitek-split-btn:hover .btn-text,
.casitek-split-btn:hover .btn-icon {
  background-color: #d65a15;
  box-shadow: 0 4px 10px rgba(243, 111, 33, 0.4);
}

/* Custom Slider Pagination (Dash Lines) */
.flickity-page-dots {
  bottom: 2% !important;
  left: 0;
  line-height: 1;
  list-style: none;
  margin: 0;
  padding: 0;
  position: absolute;
  right: 0;
  text-align: center;
  width: 100%;
}

.flickity-page-dots .dot {
  width: 200px !important;
  height: 2px !important;
  border-radius: 2px !important;
  border-color: #d9d9d9 !important;
  opacity: 1 !important;
  margin: 0 4px !important;
  transition: all 0.3s ease !important;
}

.flickity-page-dots .dot.is-selected {
  width: 200px !important;
  border-color: #f36f21 !important;
}

.flickity-prev-next-button svg {
  background-color: #f36f21 !important;
  border-color: #f36f21 !important;
}

.flickity-prev-next-button:hover svg {
  background-color: #d65a15 !important;
  border-color: #d65a15 !important;
}

/* Sticky CASITEK header override.
   This file loads after Flatsome, so keep the fixed positioning here. */
#header.casitek-header.casitek-custom-header {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  width: 100% !important;
  z-index: 99999 !important;
  transform: translate3d(0, 0, 0) !important;
  pointer-events: none;
}

.admin-bar #header.casitek-header.casitek-custom-header {
  top: 0 !important;
}

#header.casitek-header.casitek-custom-header .header-wrapper {
  max-width: 1200px !important;
  width: 100% !important;
  margin: 0 auto !important;
  pointer-events: auto;
}

#header.casitek-header.casitek-custom-header .casitek-header-inner {
  background-color: #ffffff !important;
  background: #ffffffe0 !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  border-color: rgba(209, 209, 209, 0.78) !important;
  box-shadow: 0 10px 30px rgba(23, 23, 23, 0.08);
}

#header.casitek-header.casitek-custom-header.scrolled .casitek-header-inner,
#header.casitek-header.casitek-custom-header.header-dark .casitek-header-inner {
  background-color: #ffffff !important;
  background: #ffffff !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  box-shadow: 0 16px 42px rgba(23, 23, 23, 0.14) !important;
}

/* Animation Concept - Zoom-in Masking */
.zm-wrapper {
  position: relative;
  height: 200vh;
}

.zm-section-1 {
  position: sticky !important;
  top: 0;
  height: 100vh;
  z-index: 1;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.zm-section-2 {
  position: absolute !important;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  z-index: 2;
  pointer-events: none;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center center;
  mask-position: center center;
  transition: opacity 0.3s ease;
}

.zm-section-2.is-active {
  pointer-events: auto;
}

.zm-section-1 > .row {
  transition: opacity 0.3s ease;
  width: 100%;
}

/* Glassmorphism Sticky Main Header */
#header {
  position: sticky !important;
  top: 0;
  z-index: 9999;
  width: 100%;
}

.admin-bar #header {
  top: 32px !important;
}

@media screen and (max-width: 782px) {
  .admin-bar #header {
    top: 46px !important;
  }

  body.body-scroll-lock--active .mfp-wrap {
    z-index: 99999999 !important;
  }
}

.header-bg,
.header-main {
  background-color: #ffffff !important;
  background: #ffffff !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  transition:
    background-color 0.3s ease,
    backdrop-filter 0.3s ease,
    box-shadow 0.3s ease !important;
}

@supports (-webkit-backdrop-filter: none) or (backdrop-filter: none) {
  .header-bg,
  .header-main {
    background-color: #ffffff !important;
    background: #ffffff !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
  }
}

/* Smooth transition on scroll */
.is-sticky .header-bg,
.is-sticky .header-main,
.stuck .header-bg,
.stuck .header-main {
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08) !important;
  background-color: #ffffff !important;
  background: #ffffff !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

@supports (-webkit-backdrop-filter: none) or (backdrop-filter: none) {
  .is-sticky .header-bg,
  .is-sticky .header-main,
  .stuck .header-bg,
  .stuck .header-main {
    background-color: #ffffff !important;
    background: #ffffff !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
  }
}

.admin-bar #header.casitek-header.casitek-custom-header {
  top: 32px !important;
  z-index: 99990 !important;
}

@media screen and (max-width: 782px) {
  .admin-bar #header.casitek-header.casitek-custom-header {
    z-index: 999 !important;
  }
}

/* SVG Responsive Banner Override */
.casitek-svg-responsive-banner {
  height: auto !important;
  padding-top: 0 !important;
  /* Triệt tiêu hoàn toàn padding 500px cố định */
}

.casitek-svg-responsive-banner .banner-inner {
  position: relative !important;
  height: auto !important;
  /* top: -140px; */
}

.casitek-svg-responsive-banner .banner-layers,
.casitek-svg-responsive-banner .text-box.banner-layer {
  position: relative !important;
  top: auto !important;
  left: auto !important;
  transform: none !important;
  /* Xóa bỏ transform dịch chuyển của Flatsome */
  width: 100% !important;
  height: auto !important;
}

.casitek-svg-responsive-banner svg {
  width: 100% !important;
  max-width: 1024px;
  /* Giới hạn đúng chiều ngang gốc của thiết kế SVG */
  height: auto !important;
  display: block;
}

/* --- NETFLIX ZOOM-THROUGH EFFECT --- */
.casitek-netflix-stage .casitek-svg-responsive-banner {
  transition:
    transform 0.9s cubic-bezier(0.645, 0.045, 0.355, 1),
    opacity 0.8s ease !important;
  transform: scale(0.6) translate(0%, 0%) !important;
  transform-origin: 40% 25% !important;
  /* Lệch tâm chữ C */
  will-change: transform, opacity;
  z-index: 2;
}

.casitek-netflix-stage.step-0 .casitek-svg-responsive-banner {
  transition:
    transform 0.6s cubic-bezier(0.645, 0.045, 0.355, 1),
    opacity 0.5s ease !important;
  transform: scale(0.6) translate(0%, 0%) !important;
  transform-origin: 40% 25% !important;
  opacity: 1 !important;
}

.casitek-netflix-stage.step-1 .casitek-svg-responsive-banner {
  transition:
    transform 0.6s cubic-bezier(0.645, 0.045, 0.355, 1),
    opacity 0.5s ease !important;
  transform: scale(1.03) translate(6%, -21%) !important;
  transform-origin: 40% 25% !important;
  opacity: 0.6 !important;
}

.casitek-netflix-stage.step-1.going-back .casitek-svg-responsive-banner {
  transition:
    transform 1s cubic-bezier(0.645, 0.045, 0.355, 1),
    opacity 0.8s ease !important;
}

.casitek-netflix-stage.step-2 .casitek-svg-responsive-banner {
  transform: scale(20) translate(2%, -25%) !important;
  transform-origin: 40% 25% !important;
  /* Tinh chỉnh lại điểm lao vào của camera */
  opacity: 0 !important;
  pointer-events: none !important;
}

/* header responsive */
/* ==========================================================================
   CASITEK CUSTOM HEADER - CORE MOBILE RESPONSIVE & WP-ADMIN BAR PATCH
   ========================================================================== */

@media (max-width: 991px) {
}

/* 6. VÁ LỖI ADMIN BAR: Đồng bộ cơ chế cuộn trang mượt mà không bị hở đỉnh */
@media screen and (max-width: 782px) {
  .admin-bar #header.casitek-header.casitek-custom-header {
    position: absolute !important;
    top: 0 !important;
  }
}

/* ==========================================================================
   SINGLE POST CUSTOM CSS
   ========================================================================== */

/* Blockquote Customization */
.post-breadcrumb {
  margin-top: 40px;
}

.blog-single blockquote {
  border: none;
  position: relative;
  padding-left: 2em;
  padding-right: 2em;
  font-style: italic;
  font-weight: 600;
}

.blog-single blockquote::before,
.blog-single blockquote::after {
  content: '"';
  color: #e5e5e5;
  font-size: 4em;
  position: absolute;
  line-height: 1;
  font-family: Arial, sans-serif;
}

.blog-single blockquote::before {
  left: 0;
  top: -10px;
}

.blog-single blockquote::after {
  right: 0;
  bottom: -30px;
}

/* Custom Category Tag Color for [blog_posts] */
.blog-single .post-item .badge-inner.post-date,
.blog-single .post-item .post-category,
.blog-single .post-item .badge-inner.bg-primary {
  background-color: #f16622 !important;
}

.blog-single .post-item .badge-inner.post-date::after,
.blog-single .post-item .badge-inner.bg-primary::after {
  border-top-color: #f16622 !important;
}

/* ==========================================================================
   RELATED ARTICLES (Custom Component HTML)
   ========================================================================== */

.casitek-related-post {
  width: 100%;
  height: 100%;
  background: white;
  box-shadow: 0px 2px 16px rgba(0, 0, 0, 0.08);
  overflow: hidden;
  display: flex;
  flex-direction: column;
  text-decoration: none !important;
  border-radius: 0;
  transition:
    transform 0.3s ease,
    box-shadow 0.3s ease;
}

.casitek-related-post:hover {
  transform: translateY(-5px);
  box-shadow: 0px 8px 24px rgba(0, 0, 0, 0.12);
}

.casitek-related-post__image {
  width: 100%;
  padding-top: 56.25%; /* 16:9 aspect ratio */
  position: relative;
  overflow: hidden;
}

.casitek-related-post__image img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.4s ease;
}

.casitek-related-post:hover .casitek-related-post__image img {
  transform: scale(1.05);
}

.casitek-related-post__content {
  padding: 15px;
  display: flex;
  flex-direction: column;
  gap: 12px;
  flex-grow: 1;
}

.casitek-related-post__meta {
  display: flex;
  align-items: center;
  gap: 8px;
}

.casitek-related-post__category {
  background: #f36f21;
  border-radius: 4px;
  padding: 4px 12px;
  color: white;
  font-size: 12px;
  font-family: 'Plus Jakarta Sans', sans-serif;
  font-weight: 600;
  line-height: 18px;
}

.casitek-related-post__date {
  color: black;
  font-size: 12px;
  font-family: 'Plus Jakarta Sans', sans-serif;
  font-weight: 400;
  line-height: 16px;
  letter-spacing: 0.6px;
}

.casitek-related-post__body {
  display: flex;
  flex-direction: column;
  gap: 12px;
  flex-grow: 1;
}

.casitek-related-post__title {
  color: black !important;
  font-size: 16px !important;
  font-family: 'Bricolage Grotesque', sans-serif !important;
  font-weight: 700 !important;
  line-height: 24px !important;
  letter-spacing: 0.6px;
  margin: 0 !important;
}

.casitek-related-post__excerpt {
  color: black !important;
  font-size: 12px !important;
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-weight: 400 !important;
  line-height: 16px !important;
  letter-spacing: 0.6px;
  margin: 0 !important;
  flex-grow: 1;
}

.casitek-related-post__readmore {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: #f36f21 !important;
  font-size: 14px !important;
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-weight: 600 !important;
  line-height: 21px !important;
  margin: 0 !important;
}

.casitek-related-post__readmore svg {
  width: 6px;
  height: 10px;
}

@media screen and (max-width: 1024px) {
  .flickity-page-dots .dot,
  .flickity-page-dots .dot.is-selected {
    width: 100px !important;
  }
}

@media screen and (max-width: 767px) {
  .flickity-page-dots .dot,
  .flickity-page-dots .dot.is-selected {
    width: 40px !important;
    margin: 0 3px !important;
  }

  .flickity-page-dots {
    bottom: 5% !important;
  }
}

@media (max-width: 768px) {
  h1.entry-title {
    font-size: 32px !important;
  }
}

@media (max-width: 549px) {
  h1.entry-title {
    font-size: 28px !important;
  }
}

@media (max-width: 480px) {
  h1.entry-title {
    font-size: 24px;
  }
}