.elementor-5342 .elementor-element.elementor-element-8095783{--display:flex;--min-height:288px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:15px 0px;--row-gap:15px;--column-gap:0px;--padding-top:100px;--padding-bottom:60px;--padding-left:0px;--padding-right:0px;}.elementor-5342 .elementor-element.elementor-element-8095783.e-con{--align-self:flex-start;}.elementor-5342 .elementor-element.elementor-element-49a448f{margin:-70px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;text-align:center;}.elementor-5342 .elementor-element.elementor-element-49a448f .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:17px;}.elementor-5342 .elementor-element.elementor-element-cc185e3{margin:-10px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-5342 .elementor-element.elementor-element-cc185e3.elementor-element{--align-self:center;}.elementor-5342 .elementor-element.elementor-element-cc185e3 .elementor-heading-title{font-family:"afronut", Sans-serif;}.elementor-5342 .elementor-element.elementor-element-dcff6e6.elementor-element{--align-self:center;}.elementor-5342 .elementor-element.elementor-element-dcff6e6{text-align:center;}.elementor-5342 .elementor-element.elementor-element-1f3b510{--grid-row-gap:35px;--grid-column-gap:30px;}.elementor-5342 .elementor-element.elementor-element-1f3b510 .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 0.66 * 100% );}.elementor-5342 .elementor-element.elementor-element-1f3b510:after{content:"0.66";}.elementor-5342 .elementor-element.elementor-element-1f3b510 .elementor-post__thumbnail__link{width:100%;}.elementor-5342 .elementor-element.elementor-element-1f3b510 .elementor-post__meta-data span + span:before{content:"///";}.elementor-5342 .elementor-element.elementor-element-1f3b510.elementor-posts--thumbnail-left .elementor-post__thumbnail__link{margin-right:20px;}.elementor-5342 .elementor-element.elementor-element-1f3b510.elementor-posts--thumbnail-right .elementor-post__thumbnail__link{margin-left:20px;}.elementor-5342 .elementor-element.elementor-element-1f3b510.elementor-posts--thumbnail-top .elementor-post__thumbnail__link{margin-bottom:20px;}@media(max-width:767px){.elementor-5342 .elementor-element.elementor-element-8095783{--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-5342 .elementor-element.elementor-element-49a448f{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-5342 .elementor-element.elementor-element-cc185e3{text-align:center;}.elementor-5342 .elementor-element.elementor-element-dcff6e6{padding:0px 32px 0px 32px;}.elementor-5342 .elementor-element.elementor-element-1f3b510{--grid-row-gap:23px;--grid-column-gap:0px;}.elementor-5342 .elementor-element.elementor-element-1f3b510 > .elementor-widget-container{margin:0px 32px 0px 32px;padding:0px 032px 0px 32px;}.elementor-5342 .elementor-element.elementor-element-1f3b510.elementor-element{--align-self:center;}.elementor-5342 .elementor-element.elementor-element-1f3b510 .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 0.5 * 100% );}.elementor-5342 .elementor-element.elementor-element-1f3b510:after{content:"0.5";}.elementor-5342 .elementor-element.elementor-element-1f3b510 .elementor-post__thumbnail__link{width:100%;}}/* Start custom CSS for container, class: .elementor-element-8095783 *//* =========================================================
   BLOG SECTION
========================================================= */

.jd-blog-section{

  position:relative;

  overflow:hidden;

  padding-top:120px;
  padding-bottom:120px;

  padding-left:32px;
  padding-right:32px;

  box-sizing:border-box;

}

/* =========================================================
   SMALL LABEL
========================================================= */

.jd-blog-section .elementor-heading-title{

  letter-spacing:1.5px;

}

/* =========================================================
   MAIN TITLE
========================================================= */

.jd-blog-section h2{

  font-size:clamp(42px,6vw,78px);

  line-height:1.05;

  color:#fff;

  margin-bottom:22px;

}

.jd-blog-section h2 span{

  color:#FF4E00;

}

/* =========================================================
   SUBTITLE
========================================================= */

.jd-blog-section p{

  max-width:760px;

  color:#ffffff;

  line-height:1.9;

  font-size:16px;

}

/* =========================================================
   BLOG GRID GAP
========================================================= */

.jd-blog-grid .elementor-posts-container{

  gap:28px !important;

}

/* =========================================================
   BLOG CARD
========================================================= */

.jd-blog-grid .elementor-post{

  position:relative;

  overflow:hidden;

  border-radius:28px;

  background:
  linear-gradient(
  180deg,
  rgba(255,255,255,.04),
  rgba(255,255,255,.02)
  );

  border:1px solid rgba(255,255,255,.06);

  backdrop-filter:blur(14px);

  transition:
  transform .45s ease,
  border-color .45s ease,
  box-shadow .45s ease;

}

/* =========================================================
   GLOW
========================================================= */

.jd-blog-grid .elementor-post::before{

  content:"";

  position:absolute;

  width:220px;
  height:220px;

  background:rgba(255,78,0,.08);

  border-radius:50%;

  filter:blur(80px);

  top:-120px;
  right:-120px;

  opacity:0;

  transition:.45s ease;

  pointer-events:none;

}

/* =========================================================
   CARD HOVER
========================================================= */

.jd-blog-grid .elementor-post:hover{

  transform:translateY(-10px);

  border-color:rgba(255,78,0,.32);

  box-shadow:
  0 20px 40px rgba(0,0,0,.24),
  0 0 40px rgba(255,78,0,.08);

}

.jd-blog-grid .elementor-post:hover::before{

  opacity:1;

}

/* =========================================================
   IMAGE WRAP
========================================================= */

.jd-blog-grid .elementor-post__thumbnail{

  position:relative;

  overflow:hidden;

  border-radius:
  28px 28px 0 0;

}

/* =========================================================
   IMAGE
========================================================= */

.jd-blog-grid .elementor-post__thumbnail img{

  width:100%;

  aspect-ratio:16/9;

  object-fit:cover;

  display:block;

  transition:
  filter .6s ease,
  opacity .6s ease;

  filter:
  brightness(.92)
  contrast(1.02);

}

/* =========================================================
   PREMIUM LIGHT SWEEP
========================================================= */

.jd-blog-grid .elementor-post__thumbnail::before{

  content:"";

  position:absolute;

  inset:0;

  background:
  linear-gradient(
  120deg,
  rgba(255,255,255,0) 20%,
  rgba(255,255,255,.10) 50%,
  rgba(255,255,255,0) 80%
  );

  transform:
  translateX(-140%);

  transition:
  transform 1s cubic-bezier(.22,1,.36,1);

  z-index:2;

  pointer-events:none;

}

/* =========================================================
   DARK OVERLAY
========================================================= */

.jd-blog-grid .elementor-post__thumbnail::after{

  content:"";

  position:absolute;

  inset:0;

  background:
  linear-gradient(
  180deg,
  rgba(0,0,0,.04),
  rgba(0,0,0,.22)
  );

  transition:.45s ease;

  z-index:1;

}

/* =========================================================
   IMAGE HOVER
========================================================= */

.jd-blog-grid .elementor-post:hover
.elementor-post__thumbnail img{

  filter:
  brightness(1)
  contrast(1.06);

}

/* =========================================================
   LIGHT SWEEP HOVER
========================================================= */

.jd-blog-grid .elementor-post:hover
.elementor-post__thumbnail::before{

  transform:
  translateX(140%);

}

/* =========================================================
   OVERLAY HOVER
========================================================= */

.jd-blog-grid .elementor-post:hover
.elementor-post__thumbnail::after{

  background:
  linear-gradient(
  180deg,
  rgba(0,0,0,.02),
  rgba(0,0,0,.12)
  );

}

/* =========================================================
   CONTENT
========================================================= */

.jd-blog-grid .elementor-post__text{

  padding:26px;

}

/* =========================================================
   TITLE
========================================================= */

.jd-blog-grid .elementor-post__title{

  margin-bottom:14px;

  line-height:1.4;

}

.jd-blog-grid .elementor-post__title a{

  color:#ffffff;

  font-size:22px;

  font-weight:700;

  text-decoration:none;

  transition:.35s ease;

}

/* =========================================================
   TITLE HOVER
========================================================= */

.jd-blog-grid .elementor-post:hover
.elementor-post__title a{

  color:#FF4E00;

}

/* =========================================================
   EXCERPT
========================================================= */

.jd-blog-grid .elementor-post__excerpt{

  color:rgba(255,255,255,.68);

  line-height:1.8;

  font-size:15px;

}

/* =========================================================
   READ MORE
========================================================= */

.jd-blog-grid .elementor-post__read-more{

  display:inline-flex;

  align-items:center;

  margin-top:18px;

  color:#FF4E00;

  font-weight:600;

  text-decoration:none;

  transition:.35s ease;

}

/* =========================================================
   READ MORE HOVER
========================================================= */

.jd-blog-grid .elementor-post__read-more:hover{

  transform:translateX(6px);

}

/* =========================================================
   MOBILE
========================================================= */

@media(max-width:767px){

  .jd-blog-section{

    padding-top:80px;
    padding-bottom:80px;

    padding-left:16px;
    padding-right:16px;

  }

  /* smaller gap */

  .jd-blog-grid .elementor-posts-container{

    gap:18px !important;

  }

  /* card */

  .jd-blog-grid .elementor-post{

    border-radius:22px;

  }

  /* image */

  .jd-blog-grid .elementor-post__thumbnail{

    border-radius:
    22px 22px 0 0;

  }

  /* content */

  .jd-blog-grid .elementor-post__text{

    padding:18px;

  }

  /* title */

  .jd-blog-grid .elementor-post__title{

    margin-bottom:10px;

    line-height:1.35;

  }

  .jd-blog-grid .elementor-post__title a{

    font-size:18px;

  }

  /* excerpt */

  .jd-blog-grid .elementor-post__excerpt{

    font-size:14px;

    line-height:1.7;

  }

  /* read more */

  .jd-blog-grid .elementor-post__read-more{

    margin-top:14px;

    font-size:14px;

  }

}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'afronut';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://thejdstudio.com/wp-content/uploads/2026/05/afronaut-1.ttf') format('truetype');
}
/* End Custom Fonts CSS */