.elementor-2301 .elementor-element.elementor-element-f074489{--display:flex;--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:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2301 .elementor-element.elementor-element-f4f6938 .elementor-field-group{padding-right:calc( 0px/2 );padding-left:calc( 0px/2 );margin-bottom:0px;}.elementor-2301 .elementor-element.elementor-element-f4f6938 .elementor-form-fields-wrapper{margin-left:calc( -0px/2 );margin-right:calc( -0px/2 );margin-bottom:-0px;}.elementor-2301 .elementor-element.elementor-element-f4f6938 .elementor-field-group.recaptcha_v3-bottomleft, .elementor-2301 .elementor-element.elementor-element-f4f6938 .elementor-field-group.recaptcha_v3-bottomright{margin-bottom:0;}body.rtl .elementor-2301 .elementor-element.elementor-element-f4f6938 .elementor-labels-inline .elementor-field-group > label{padding-left:0px;}body:not(.rtl) .elementor-2301 .elementor-element.elementor-element-f4f6938 .elementor-labels-inline .elementor-field-group > label{padding-right:0px;}body .elementor-2301 .elementor-element.elementor-element-f4f6938 .elementor-labels-above .elementor-field-group > label{padding-bottom:0px;}.elementor-2301 .elementor-element.elementor-element-f4f6938 .elementor-field-type-html{padding-bottom:0px;}.elementor-2301 .elementor-element.elementor-element-f4f6938 .elementor-field-group .elementor-field:not(.elementor-select-wrapper){background-color:#ffffff;border-radius:0px 0px 0px 0px;}.elementor-2301 .elementor-element.elementor-element-f4f6938 .elementor-field-group .elementor-select-wrapper select{background-color:#ffffff;border-radius:0px 0px 0px 0px;}.elementor-2301 .elementor-element.elementor-element-f4f6938 .e-form__buttons__wrapper__button-next{color:#ffffff;}.elementor-2301 .elementor-element.elementor-element-f4f6938 .elementor-button[type="submit"]{color:#ffffff;}.elementor-2301 .elementor-element.elementor-element-f4f6938 .elementor-button[type="submit"] svg *{fill:#ffffff;}.elementor-2301 .elementor-element.elementor-element-f4f6938 .e-form__buttons__wrapper__button-previous{color:#ffffff;}.elementor-2301 .elementor-element.elementor-element-f4f6938 .e-form__buttons__wrapper__button-next:hover{color:#ffffff;}.elementor-2301 .elementor-element.elementor-element-f4f6938 .elementor-button[type="submit"]:hover{color:#ffffff;}.elementor-2301 .elementor-element.elementor-element-f4f6938 .elementor-button[type="submit"]:hover svg *{fill:#ffffff;}.elementor-2301 .elementor-element.elementor-element-f4f6938 .e-form__buttons__wrapper__button-previous:hover{color:#ffffff;}.elementor-2301 .elementor-element.elementor-element-f4f6938 .elementor-button{border-radius:0px 0px 0px 0px;}.elementor-2301 .elementor-element.elementor-element-f4f6938{--e-form-steps-indicators-spacing:20px;--e-form-steps-indicator-padding:30px;--e-form-steps-indicator-inactive-secondary-color:#ffffff;--e-form-steps-indicator-active-secondary-color:#ffffff;--e-form-steps-indicator-completed-secondary-color:#ffffff;--e-form-steps-divider-width:1px;--e-form-steps-divider-gap:10px;}.elementor-2301 .elementor-element.elementor-element-9502b75{--display:flex;--padding-top:40px;--padding-bottom:40px;--padding-left:40px;--padding-right:40px;}.elementor-2301 .elementor-element.elementor-element-4049ace{--grid-row-gap:35px;--grid-column-gap:30px;}.elementor-2301 .elementor-element.elementor-element-4049ace .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 0.66 * 100% );}.elementor-2301 .elementor-element.elementor-element-4049ace:after{content:"0.66";}.elementor-2301 .elementor-element.elementor-element-4049ace .elementor-post__thumbnail__link{width:100%;}.elementor-2301 .elementor-element.elementor-element-4049ace .elementor-post__meta-data span + span:before{content:"///";}.elementor-2301 .elementor-element.elementor-element-4049ace.elementor-posts--thumbnail-left .elementor-post__thumbnail__link{margin-right:20px;}.elementor-2301 .elementor-element.elementor-element-4049ace.elementor-posts--thumbnail-right .elementor-post__thumbnail__link{margin-left:20px;}.elementor-2301 .elementor-element.elementor-element-4049ace.elementor-posts--thumbnail-top .elementor-post__thumbnail__link{margin-bottom:20px;}@media(max-width:1024px){.elementor-2301 .elementor-element.elementor-element-4049ace > .elementor-widget-container{padding:40px 40px 40px 40px;}}@media(max-width:767px){.elementor-2301 .elementor-element.elementor-element-9502b75{--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-2301 .elementor-element.elementor-element-4049ace > .elementor-widget-container{padding:10px 10px 10px 10px;}.elementor-2301 .elementor-element.elementor-element-4049ace .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 0.5 * 100% );}.elementor-2301 .elementor-element.elementor-element-4049ace:after{content:"0.5";}.elementor-2301 .elementor-element.elementor-element-4049ace .elementor-post__thumbnail__link{width:100%;}}/* Start custom CSS for archive-posts, class: .elementor-element-4049ace *//* =====================================================
   rahulkolge.com — RESOURCES ARCHIVE PAGE
   CUSTOM CSS
   Targets: Hero HTML widget + Elementor Posts widget
   ===================================================== */

/* =============================================
   BASE
   ============================================= */
.rk-section {
  font-family: 'Inter', -apple-system, sans-serif !important;
  color: #ffffff !important;
}

.rk-section h1, .rk-section h2, .rk-section h3 { color: #ffffff !important; }
.rk-section a { text-decoration: none !important; }

.rk-container {
  max-width: 1140px;
  margin: 0 auto;
  padding: 0 40px;
  width: 100%;
}

.rk-eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  font-family: 'Inter', sans-serif !important;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: #FF9C00 !important;
  margin-bottom: 20px;
}

.rk-eyebrow::before {
  content: '';
  width: 18px;
  height: 2px;
  background: linear-gradient(135deg, #FF9C00, #FED000);
  flex-shrink: 0;
}

.rk-gold-italic {
  font-style: italic;
  background: linear-gradient(135deg, #FF9C00, #FED000) !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  background-clip: text !important;
}

/* =============================================
   HERO
   ============================================= */
.rk-res-hero {
  background: #0a0a0a !important;
  padding: 150px 0 64px;
  position: relative;
  overflow: hidden;
}

.rk-res-hero-glow {
  position: absolute;
  top: -25%; right: -10%;
  width: 55%; height: 85%;
  background: radial-gradient(ellipse at top right, rgba(255,156,0,0.05) 0%, transparent 55%);
  pointer-events: none;
}

.rk-res-hero-inner {
  max-width: 640px;
  position: relative;
  z-index: 1;
}

.rk-res-hero-heading {
  font-family: 'Playfair Display', Georgia, serif !important;
  font-size: clamp(34px, 5vw, 52px);
  font-weight: 800;
  line-height: 1.1;
  color: #ffffff !important;
  letter-spacing: -0.02em;
  margin-bottom: 16px;
}

.rk-res-hero-sub {
  font-size: 17px;
  color: #999 !important;
  line-height: 1.7;
  max-width: 520px;
}

/* =============================================
   GRID SECTION WRAPPER
   Add class "rk-res-grid-section" to the
   Elementor Section wrapping the Posts widget
   ============================================= */
.rk-res-grid-section {
  background: #0a0a0a !important;
  padding: 16px 0 100px !important;
}

/* Kill any default Elementor section bg */
.rk-res-grid-section > .elementor-container {
  max-width: 1140px !important;
}

/* =============================================
   POSTS WIDGET — GRID LAYOUT
   ============================================= */
.rk-res-grid-section .elementor-posts-container {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important;
  gap: 24px !important;
}

/* Kill Elementor's default flex/column behavior */
.rk-res-grid-section .elementor-posts-container .elementor-post {
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* =============================================
   INDIVIDUAL POST CARDS
   ============================================= */
.rk-res-grid-section .elementor-post {
  background: #141414 !important;
  border: 1px solid rgba(255, 255, 255, 0.06) !important;
  border-radius: 12px !important;
  overflow: hidden !important;
  transition: all 0.3s ease !important;
}

.rk-res-grid-section .elementor-post:hover {
  border-color: rgba(255, 255, 255, 0.12) !important;
  transform: translateY(-4px) !important;
  box-shadow: 0 12px 40px rgba(0, 0, 0, 0.3) !important;
}

/* =============================================
   FEATURED IMAGE
   ============================================= */
.rk-res-grid-section .elementor-post__thumbnail {
  height: 200px !important;
  overflow: hidden !important;
  border-radius: 0 !important;
}

.rk-res-grid-section .elementor-post__thumbnail img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  transition: transform 0.4s ease !important;
}


/* No featured image fallback */
.rk-res-grid-section .elementor-post__thumbnail__link {
  display: block;
  height: 100%;
  background: linear-gradient(135deg, #1a1a1a, #222) !important;
}

/* =============================================
   POST TEXT AREA
   ============================================= */
.rk-res-grid-section .elementor-post__text {
  padding: 24px !important;
  background: transparent !important;
}

/* Category / Meta above title */
.rk-res-grid-section .elementor-post__meta-data {
  font-family: 'Inter', sans-serif !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  letter-spacing: 0.06em !important;
  text-transform: uppercase !important;
  color: #FF9C00 !important;
  margin-bottom: 10px !important;
}

.rk-res-grid-section .elementor-post__meta-data span {
  color: #FF9C00 !important;
}

.rk-res-grid-section .elementor-post__meta-data a {
  color: #FF9C00 !important;
  text-decoration: none !important;
}

/* Separator between meta items */
.rk-res-grid-section .elementor-post-date + .elementor-post-date::before,
.rk-res-grid-section .elementor-post__meta-data .elementor-post-date {
  color: #555 !important;
}

/* =============================================
   POST TITLE
   ============================================= */
.rk-res-grid-section .elementor-post__title {
  margin-bottom: 10px !important;
}

.rk-res-grid-section .elementor-post__title a {
  font-family: 'Playfair Display', Georgia, serif !important;
  font-size: 18px !important;
  font-weight: 700 !important;
  color: #ffffff !important;
  line-height: 1.35 !important;
  text-decoration: none !important;
  transition: color 0.2s ease !important;
}

.rk-res-grid-section .elementor-post:hover .elementor-post__title a {
  color: #ffffff !important;
}

/* =============================================
   EXCERPT
   ============================================= */
.rk-res-grid-section .elementor-post__excerpt {
  margin-bottom: 0 !important;
}

.rk-res-grid-section .elementor-post__excerpt p {
  font-family: 'Inter', sans-serif !important;
  font-size: 13.5px !important;
  color: #777 !important;
  line-height: 1.65 !important;
  margin: 0 !important;
}

/* =============================================
   READ MORE LINK
   ============================================= */
.rk-res-grid-section .elementor-post__read-more {
  font-family: 'Inter', sans-serif !important;
  font-size: 12.5px !important;
  font-weight: 600 !important;
  color: #555 !important;
  text-decoration: none !important;
  margin-top: 16px !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  transition: color 0.2s ease, gap 0.2s ease !important;
}

.rk-res-grid-section .elementor-post:hover .elementor-post__read-more {
  color: #FF9C00 !important;
  gap: 10px !important;
}

/* Add arrow after read more text */
.rk-res-grid-section .elementor-post__read-more::after {
  content: '→';
  transition: transform 0.2s ease;
}

.rk-res-grid-section .elementor-post:hover .elementor-post__read-more::after {
  transform: translateX(3px);
}

/* =============================================
   BADGE (if using Elementor's badge feature)
   ============================================= */
.rk-res-grid-section .elementor-post__badge {
  font-family: 'Inter', sans-serif !important;
  font-size: 10px !important;
  font-weight: 700 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
  background: linear-gradient(135deg, #FF9C00, #FED000) !important;
  color: #fff !important;
  padding: 4px 10px !important;
  border-radius: 4px !important;
}

/* =============================================
   PAGINATION
   ============================================= */
.rk-res-grid-section .elementor-pagination {
  margin-top: 48px !important;
  display: flex !important;
  justify-content: center !important;
  gap: 8px !important;
}

.rk-res-grid-section .elementor-pagination .page-numbers {
  font-family: 'Inter', sans-serif !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  color: #555 !important;
  background: #141414 !important;
  border: 1px solid rgba(255, 255, 255, 0.06) !important;
  border-radius: 8px !important;
  padding: 10px 16px !important;
  text-decoration: none !important;
  transition: all 0.2s ease !important;
}

.rk-res-grid-section .elementor-pagination .page-numbers:hover {
  color: #ffffff !important;
  border-color: rgba(255, 255, 255, 0.12) !important;
  background: #1a1a1a !important;
}

.rk-res-grid-section .elementor-pagination .page-numbers.current {
  color: #fff !important;
  background: linear-gradient(135deg, #FF9C00, #FED000) !important;
  border-color: transparent !important;
}

/* Prev/Next arrows */
.rk-res-grid-section .elementor-pagination .prev,
.rk-res-grid-section .elementor-pagination .next {
  color: #FF9C00 !important;
}

.rk-res-grid-section .elementor-pagination .prev:hover,
.rk-res-grid-section .elementor-pagination .next:hover {
  color: #FED000 !important;
}

/* =============================================
   NO RESULTS (empty state)
   ============================================= */
.rk-res-grid-section .elementor-posts-nothing-found {
  font-family: 'Inter', sans-serif !important;
  font-size: 15px !important;
  color: #555 !important;
  text-align: center !important;
  padding: 60px 0 !important;
}

.rk-res-grid-section .elementor-post__thumbnail__link {
  display: block !important;
  overflow: hidden !important;
  height: 200px !important;
}

.rk-res-grid-section .elementor-post__thumbnail {
  overflow: hidden !important;
  position: relative !important;
}

/* =============================================
   RESPONSIVE — TABLET
   ============================================= */
@media (max-width: 1024px) {
  .rk-container { padding: 0 28px; }

  .rk-res-grid-section .elementor-posts-container {
    grid-template-columns: repeat(2, 1fr) !important;
  }
}

/* =============================================
   RESPONSIVE — MOBILE
   ============================================= */
@media (max-width: 768px) {
  .rk-container { padding: 0 20px; }

  .rk-res-hero { padding: 110px 0 48px; }
  .rk-res-hero-heading { font-size: 30px !important; }
  .rk-res-hero-sub { font-size: 15px; }

  .rk-res-grid-section {
    padding: 16px 0 64px !important;
  }

  .rk-res-grid-section .elementor-posts-container {
    grid-template-columns: 1fr !important;
    gap: 20px !important;
  }

  .rk-res-grid-section .elementor-post__thumbnail {
    height: 180px !important;
  }

  .rk-res-grid-section .elementor-pagination {
    margin-top: 32px !important;
  }
}

@media (max-width: 480px) {
  .rk-res-hero { padding: 100px 0 40px; }
  .rk-res-hero-heading { font-size: 26px !important; }
}/* End custom CSS */
/* Start custom CSS *//* =====================================================
   rahulkolge.com — RESOURCES ARCHIVE PAGE
   CUSTOM CSS — FINAL
   ===================================================== */

/* =============================================
   BASE
   ============================================= */
.rk-eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  font-family: 'Inter', sans-serif !important;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: #FF9C00 !important;
  margin-bottom: 20px;
}

.rk-eyebrow::before {
  content: '';
  width: 18px;
  height: 2px;
  background: linear-gradient(135deg, #FF9C00, #FED000);
  flex-shrink: 0;
}

.rk-gold-italic {
  font-style: italic;
  background: linear-gradient(135deg, #FF9C00, #FED000) !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  background-clip: text !important;
}

/* =============================================
   HERO WRAPPER CONTAINER
   Elementor Container → Full Width
   Class: rk-res-hero-wrap
   ============================================= */
.rk-res-hero-wrap {
  background: #0a0a0a !important;
  padding: 0 !important;
  margin: 0 !important;
  overflow: visible !important;
}

.rk-res-hero-wrap > .elementor-widget-wrap,
.rk-res-hero-wrap > .e-con-inner {
  max-width: 100% !important;
  padding: 0 !important;
}

/* =============================================
   HERO SECTION (inside HTML widget)
   ============================================= */
.rk-res-hero {
  background: #0a0a0a !important;
  padding: 150px 0 48px;
  position: relative;
  overflow: hidden;
  width: 100%;
}

.rk-res-hero-glow {
  position: absolute;
  top: -25%;
  right: -10%;
  width: 55%;
  height: 85%;
  background: radial-gradient(ellipse at top right, rgba(255,156,0,0.05) 0%, transparent 55%);
  pointer-events: none;
  z-index: 0;
}

.rk-res-hero-container {
  max-width: 1140px;
  margin: 0 auto;
  padding: 0 40px;
  position: relative;
  z-index: 1;
}

.rk-res-hero-heading {
  font-family: 'Playfair Display', Georgia, serif !important;
  font-size: clamp(34px, 5vw, 52px);
  font-weight: 800;
  line-height: 1.1;
  color: #ffffff !important;
  letter-spacing: -0.02em;
  margin-bottom: 16px;
  max-width: 640px;
}

.rk-res-hero-sub {
  font-size: 17px;
  color: #999 !important;
  line-height: 1.7;
  max-width: 520px;
}

/* Newsletter text */
.rk-nl-divider {
  width: 100%;
  max-width: 480px;
  height: 1px;
  background: rgba(255, 255, 255, 0.06);
  margin: 40px 0 28px;
}

.rk-nl-label {
  font-family: 'Inter', sans-serif !important;
  font-size: 15px;
  font-weight: 600;
  color: #ffffff !important;
  margin-bottom: 6px;
}

.rk-nl-desc {
  font-family: 'Inter', sans-serif !important;
  font-size: 13px;
  color: #555 !important;
  line-height: 1.5;
  margin-bottom: 0;
  max-width: 480px;
}

/* =============================================
   ELEMENTOR FORM WIDGET
   Must mirror .rk-res-hero-container dimensions
   so the form aligns with hero text
   ============================================= */
.rk-res-hero-wrap .elementor-widget-form {
  width: 100% !important;
  max-width: 1140px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding: 16px 40px 64px 40px !important;
  box-sizing: border-box !important;
}

/* Form element — left aligned, constrained */
.rk-res-hero-wrap .elementor-form {
  max-width: 480px !important;
  margin: 0 !important;
}

/* Horizontal layout */
.rk-res-hero-wrap .elementor-form-fields-wrapper {
  display: flex !important;
  gap: 10px !important;
  flex-wrap: nowrap !important;
  align-items: stretch !important;
}

.rk-res-hero-wrap .elementor-field-group {
  margin-bottom: 0 !important;
  padding: 0 !important;
}

.rk-res-hero-wrap .elementor-field-group:not(.elementor-field-type-submit) {
  flex: 1 1 0% !important;
  min-width: 0 !important;
}

.rk-res-hero-wrap .elementor-field-group.elementor-field-type-submit {
  flex: 0 0 auto !important;
  width: auto !important;
}

/* Email input */
.rk-res-hero-wrap .elementor-field-textual,
.rk-res-hero-wrap .elementor-field {
  font-family: 'Inter', sans-serif !important;
  font-size: 13.5px !important;
  font-weight: 500 !important;
  color: #ffffff !important;
  background: #141414 !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  border-radius: 10px !important;
  padding: 14px 16px !important;
  width: 100% !important;
  min-width: 0 !important;
  outline: none !important;
  transition: border-color 0.2s ease, background 0.2s ease !important;
  height: auto !important;
  min-height: 48px !important;
  -webkit-appearance: none !important;
}

.rk-res-hero-wrap .elementor-field::placeholder {
  color: #555 !important;
  opacity: 1 !important;
}

.rk-res-hero-wrap .elementor-field:focus {
  border-color: rgba(255, 156, 0, 0.3) !important;
  background: #171717 !important;
}

.rk-res-hero-wrap .elementor-field-label {
  display: none !important;
}

/* Submit button */
.rk-res-hero-wrap .elementor-button[type="submit"],
.rk-res-hero-wrap .elementor-button {
  font-family: 'Inter', sans-serif !important;
  font-size: 13.5px !important;
  font-weight: 600 !important;
  color: #fff !important;
  background: linear-gradient(135deg, #FF9C00, #FED000) !important;
  border: none !important;
  border-radius: 10px !important;
  padding: 14px 24px !important;
  cursor: pointer !important;
  transition: all 0.25s ease !important;
  white-space: nowrap !important;
  min-height: 48px !important;
}

.rk-res-hero-wrap .elementor-button:hover {
  transform: translateY(-1px) !important;
  box-shadow: 0 4px 20px rgba(255, 156, 0, 0.3) !important;
  color: #fff !important;
}

.rk-res-hero-wrap .elementor-button-text {
  color: #fff !important;
}

.rk-res-hero-wrap .elementor-button-content-wrapper {
  display: flex !important;
  align-items: center !important;
}

/* Messages */
.rk-res-hero-wrap .elementor-message.elementor-message-success {
  font-family: 'Inter', sans-serif !important;
  color: #28c840 !important;
  font-size: 13px !important;
  margin-top: 10px !important;
}

.rk-res-hero-wrap .elementor-message.elementor-message-danger {
  font-family: 'Inter', sans-serif !important;
  color: #ff5050 !important;
  font-size: 13px !important;
  margin-top: 10px !important;
}

/* =============================================
   POST GRID SECTION
   Class: rk-res-grid-section
   ============================================= */
.rk-res-grid-section {
  background: #0a0a0a !important;
  padding: 0 0 100px !important;
}

.rk-res-grid-section > .elementor-container {
  max-width: 1140px !important;
}

/* =============================================
   POSTS WIDGET — GRID
   ============================================= */
.rk-res-grid-section .elementor-posts-container {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important;
  gap: 24px !important;
}

.rk-res-grid-section .elementor-posts-container .elementor-post {
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* =============================================
   POST CARDS
   ============================================= */
.rk-res-grid-section .elementor-post {
  background: #141414 !important;
  border: 1px solid rgba(255, 255, 255, 0.06) !important;
  border-radius: 12px !important;
  overflow: hidden !important;
  transition: all 0.3s ease !important;
}

.rk-res-grid-section .elementor-post:hover {
  border-color: rgba(255, 255, 255, 0.12) !important;
  transform: translateY(-4px) !important;
  box-shadow: 0 12px 40px rgba(0, 0, 0, 0.3) !important;
}

/* =============================================
   FEATURED IMAGE
   ============================================= */
.rk-res-grid-section .elementor-post__thumbnail {
  height: 200px !important;
  overflow: hidden !important;
  position: relative !important;
  border-radius: 0 !important;
}

.rk-res-grid-section .elementor-post__thumbnail__link {
  display: block !important;
  overflow: hidden !important;
  height: 200px !important;
  background: linear-gradient(135deg, #1a1a1a, #222) !important;
}

.rk-res-grid-section .elementor-post__thumbnail img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  transition: transform 0.4s ease !important;
}


/* =============================================
   POST TEXT
   ============================================= */
.rk-res-grid-section .elementor-post__text {
  padding: 24px !important;
  background: transparent !important;
}

.rk-res-grid-section .elementor-post__meta-data {
  font-family: 'Inter', sans-serif !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  letter-spacing: 0.06em !important;
  text-transform: uppercase !important;
  color: #FF9C00 !important;
  margin-bottom: 10px !important;
}

.rk-res-grid-section .elementor-post__meta-data span,
.rk-res-grid-section .elementor-post__meta-data a {
  color: #FF9C00 !important;
  text-decoration: none !important;
}

.rk-res-grid-section .elementor-post__meta-data .elementor-post-date {
  color: #555 !important;
}

.rk-res-grid-section .elementor-post__title {
  margin-bottom: 10px !important;
}

.rk-res-grid-section .elementor-post__title a {
  font-family: 'Playfair Display', Georgia, serif !important;
  font-size: 18px !important;
  font-weight: 700 !important;
  color: #ffffff !important;
  line-height: 1.35 !important;
  text-decoration: none !important;
}

.rk-res-grid-section .elementor-post__excerpt {
  margin-bottom: 0 !important;
}

.rk-res-grid-section .elementor-post__excerpt p {
  font-family: 'Inter', sans-serif !important;
  font-size: 13.5px !important;
  color: #777 !important;
  line-height: 1.65 !important;
  margin: 0 !important;
}

/* Read More */
.rk-res-grid-section .elementor-post__read-more {
  font-family: 'Inter', sans-serif !important;
  font-size: 12.5px !important;
  font-weight: 600 !important;
  color: #555 !important;
  text-decoration: none !important;
  margin-top: 16px !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  transition: color 0.2s ease, gap 0.2s ease !important;
}

.rk-res-grid-section .elementor-post:hover .elementor-post__read-more {
  color: #FF9C00 !important;
  gap: 10px !important;
}

.rk-res-grid-section .elementor-post__read-more::after {
  content: '→';
  transition: transform 0.2s ease;
}

.rk-res-grid-section .elementor-post:hover .elementor-post__read-more::after {
  transform: translateX(3px);
}

/* Badge */
.rk-res-grid-section .elementor-post__badge {
  font-family: 'Inter', sans-serif !important;
  font-size: 10px !important;
  font-weight: 700 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
  background: linear-gradient(135deg, #FF9C00, #FED000) !important;
  color: #fff !important;
  padding: 4px 10px !important;
  border-radius: 4px !important;
}

/* =============================================
   PAGINATION
   ============================================= */
.rk-res-grid-section .elementor-pagination {
  margin-top: 48px !important;
  display: flex !important;
  justify-content: center !important;
  gap: 8px !important;
}

.rk-res-grid-section .elementor-pagination .page-numbers {
  font-family: 'Inter', sans-serif !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  color: #555 !important;
  background: #141414 !important;
  border: 1px solid rgba(255, 255, 255, 0.06) !important;
  border-radius: 8px !important;
  padding: 10px 16px !important;
  text-decoration: none !important;
  transition: all 0.2s ease !important;
}

.rk-res-grid-section .elementor-pagination .page-numbers:hover {
  color: #ffffff !important;
  border-color: rgba(255, 255, 255, 0.12) !important;
  background: #1a1a1a !important;
}

.rk-res-grid-section .elementor-pagination .page-numbers.current {
  color: #fff !important;
  background: linear-gradient(135deg, #FF9C00, #FED000) !important;
  border-color: transparent !important;
}

.rk-res-grid-section .elementor-pagination .prev,
.rk-res-grid-section .elementor-pagination .next {
  color: #FF9C00 !important;
}

/* No results */
.rk-res-grid-section .elementor-posts-nothing-found {
  font-family: 'Inter', sans-serif !important;
  font-size: 15px !important;
  color: #555 !important;
  text-align: center !important;
  padding: 60px 0 !important;
}

/* =============================================
   RESPONSIVE — TABLET
   ============================================= */
@media (max-width: 1024px) {
  .rk-res-hero { padding: 130px 0 40px; }
  .rk-res-hero-container { padding: 0 28px; }

  .rk-res-hero-wrap .elementor-widget-form {
    max-width: 1140px !important;
    padding: 16px 28px 56px 28px !important;
  }

  .rk-res-grid-section .elementor-posts-container {
    grid-template-columns: repeat(2, 1fr) !important;
  }
}

/* =============================================
   RESPONSIVE — MOBILE
   ============================================= */
@media (max-width: 768px) {
  .rk-res-hero { padding: 110px 0 36px; }
  .rk-res-hero-container { padding: 0 20px; }
  .rk-res-hero-heading { font-size: 30px !important; }
  .rk-res-hero-sub { font-size: 15px; }

  .rk-res-hero-wrap .elementor-widget-form {
    max-width: 100% !important;
    padding: 16px 20px 48px 20px !important;
  }

  .rk-res-hero-wrap .elementor-form {
    max-width: 100% !important;
  }

  .rk-res-hero-wrap .elementor-form-fields-wrapper {
    flex-wrap: wrap !important;
  }

  .rk-res-hero-wrap .elementor-field-group,
  .rk-res-hero-wrap .elementor-field-group:not(.elementor-field-type-submit),
  .rk-res-hero-wrap .elementor-field-group.elementor-field-type-submit {
    flex: 1 1 100% !important;
    width: 100% !important;
  }

  .rk-res-hero-wrap .elementor-button {
    width: 100% !important;
    justify-content: center !important;
  }

  .rk-res-grid-section {
    padding: 0 0 64px !important;
  }

  .rk-res-grid-section .elementor-posts-container {
    grid-template-columns: 1fr !important;
    gap: 20px !important;
  }

  .rk-res-grid-section .elementor-post__thumbnail,
  .rk-res-grid-section .elementor-post__thumbnail__link {
    height: 180px !important;
  }

  .rk-res-grid-section .elementor-pagination {
    margin-top: 32px !important;
  }
}

@media (max-width: 480px) {
  .rk-res-hero { padding: 100px 0 32px; }
  .rk-res-hero-heading { font-size: 26px !important; }
  .rk-nl-divider { margin: 32px 0 20px; }
}/* End custom CSS */